/**
 * UI düzəlişləri — klik blokları, footer, kart radius.
 */

html.lz-preloading,
html.lz-preloading body {
  overflow: hidden !important;
}

html:has(body.offCanvas__minicart_active),
html:has(body.mobile_menu_open),
html:has(body.overlay__active),
html:has(body.predictive__search--box_active),
html:has(body.offcanvas__filter--sidebar_active),
html.lz-drawer-open,
html.lz-drawer-open body,
body.offCanvas__minicart_active,
body.mobile_menu_open,
body.overlay__active,
body.predictive__search--box_active,
body.offcanvas__filter--sidebar_active,
body.lz-drawer-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}

#preloader {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

#preloader .ctn-preloader {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

#preloader .animation-preloader {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

#preloader .loader-section {
  display: none !important;
}

#preloader.loaded {
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

.ctn-preloader .animation-preloader .txt-loading,
.ctn-preloader .animation-preloader .txt-loading .letters-loading,
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  font-family: var(--font-display) !important;
  font-weight: 700;
}

/* Bağlı offcanvas / overlay klikləri keçirsin */
.offcanvas__header:not(.open) {
  pointer-events: none !important;
}

.offcanvas__filter--sidebar:not(.active) {
  pointer-events: none !important;
  visibility: hidden;
  z-index: 9990 !important;
}

.offcanvas__filter--sidebar.active {
  pointer-events: auto !important;
  visibility: visible;
  z-index: 10040 !important;
}

.offcanvas__header.open {
  z-index: 10050 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.offcanvas__header.open ~ .offcanvas-overlay {
  z-index: 10045 !important;
}

.offcanvas-overlay {
  pointer-events: none !important;
}

.offcanvas__header.open ~ .offcanvas-overlay {
  pointer-events: auto !important;
}

body:not(.mobile_menu_open)::before,
body:not(.overlay__active)::before,
body:not(.offCanvas__minicart_active)::before,
body:not(.predictive__search--box_active)::before,
body:not(.offcanvas__filter--sidebar_active)::before {
  content: none !important;
}

/* Header burger həmişə kliklənə bilər */
.offcanvas__header--menu__open {
  position: relative;
  z-index: 10001;
}

.offcanvas__header--menu__open--btn {
  position: relative;
  z-index: 10002;
  pointer-events: auto !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.lz-burger {
  position: relative;
  display: block;
  width: 22px;
  height: 16px;
}

.lz-burger__bar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: currentColor;
  transform-origin: center;
  transition: transform 0.28s ease, opacity 0.2s ease, top 0.28s ease;
}

.lz-burger__bar:nth-child(1) {
  top: 0;
}

.lz-burger__bar:nth-child(2) {
  top: 7px;
}

.lz-burger__bar:nth-child(3) {
  top: 14px;
}

body.mobile_menu_open .lz-burger__bar:nth-child(1) {
  top: 7px;
  transform: rotate(45deg);
}

body.mobile_menu_open .lz-burger__bar:nth-child(2) {
  opacity: 0;
}

body.mobile_menu_open .lz-burger__bar:nth-child(3) {
  top: 7px;
  transform: rotate(-45deg);
}

.header__topbar,
.main__header {
  position: relative;
  z-index: 10055 !important;
}

.header__topbar {
  z-index: 10056 !important;
}

.header__sticky.sticky {
  z-index: 10055 !important;
}

.offCanvas__minicart,
.offCanvas__minicart.active {
  z-index: 10060 !important;
}

body.offCanvas__minicart_active::before {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10058 !important;
}

body.mobile_menu_open .header__topbar {
  background-color: #183833;
}

body.mobile_menu_open .main__header,
body.mobile_menu_open .header__sticky.sticky {
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(24, 56, 51, 0.18);
}

/* Burger menyu — headerin altından tam ekran, header üstdə */
.offcanvas__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-width: none;
  width: 100%;
  height: 100%;
  height: 100dvh;
  max-height: none;
  background: #fff;
  z-index: 10040;
  transform: translateY(-100%);
  transition: transform 0.38s ease, visibility 0.38s ease;
  opacity: 1;
}

.offcanvas__header.open {
  transform: translateY(0) !important;
}

.offcanvas__header.open ~ .offcanvas-overlay {
  top: 0 !important;
  height: 100% !important;
  z-index: 10035 !important;
}

.offcanvas__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: calc(var(--lz-header-h, 7.5rem) + 0.5rem) 1.5rem 2rem;
  text-align: center;
}

.offcanvas__logo,
.offcanvas__close--btn {
  display: none;
}

.offcanvas__menu {
  overflow: visible;
  height: auto;
  width: 100%;
  max-width: 28rem;
}

.offcanvas__menu_ul {
  max-height: none;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}

.offcanvas__menu_li,
.offcanvas__menu_li:first-child {
  border: 0;
  width: 100%;
}

.offcanvas__menu_item {
  display: block;
  width: 100%;
  padding: 0.85rem 1rem;
  font-family: var(--font-display) !important;
  font-size: clamp(2rem, 5.5vw, 2.6rem);
  font-weight: 700;
  line-height: 1.25;
  text-transform: none;
  color: #1a1a1a;
  text-align: center;
}

.offcanvas__menu_item:hover {
  color: var(--lz-accent, #ff5c45);
}

.offcanvas__account--currency {
  margin-top: 1.75rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.offcanvas__account--currency__menu {
  display: none;
}

.offcanvas__account--currency__submenu {
  position: static;
  opacity: 1 !important;
  visibility: visible !important;
  margin: 0;
  width: auto;
  box-shadow: none;
  background: transparent;
}

.offcanvas__account--currency__submenu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.offcanvas__account--currency .currency__text {
  font-family: var(--font-display) !important;
  font-size: 1.6rem;
  font-weight: 700;
  color: #1a1a1a;
}

.offcanvas__account--currency .currency__text.active,
.offcanvas__account--currency .currency__text:hover {
  color: var(--lz-accent, #ff5c45);
}

.main__header--inner {
  position: relative;
  z-index: 100;
}

.predictive__search--box {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10080 !important;
}

.predictive__search--box.active {
  z-index: 10080 !important;
}

/* Məhsul kartı — düymə küncləri ilə eyni radius (8px) */
.lz-card {
  border-radius: 8px;
  overflow: hidden;
}

.lz-card__media {
  border-radius: 8px 8px 0 0;
}

.lz-card__img {
  border-radius: 8px 8px 0 0;
}

.header__topbar4 {
  padding: 8px 0;
}

@media (min-width: 768px) {
  .header__topbar4 {
    padding: 10px 0;
  }
}

/* Top header — ünvan / telefon arası məsafə */
.header__topbar4--contact__info--flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 2rem;
}

.header__topbar4--contact__info--list {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-right: 0 !important;
  margin-bottom: 0;
  white-space: nowrap;
}

.header__topbar4--contact__info--svg {
  flex-shrink: 0;
  margin-right: 0 !important;
}

.header__topbar4--phone {
  color: #ff5c35 !important;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.header__topbar4--phone:hover {
  color: #fff !important;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .header__topbar4 {
    padding: 10px 0;
  }

  .header__topbar4--inner {
    display: block !important;
    width: 100%;
  }

  .header__topbar--right {
    display: none !important;
  }

  .header__topbar4--contact__info {
    width: 100%;
  }

  .header__topbar4--contact__info--flex {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    justify-content: unset !important;
  }

  .header__topbar4--contact__info--list {
    margin: 0 !important;
    max-width: none;
    min-width: 0;
  }

  .header__topbar4--contact__info--list:first-child {
    justify-content: flex-start;
  }

  .header__topbar4--contact__info--list:first-child span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .header__topbar4--contact__info--list:last-child {
    margin-left: 0;
    justify-content: flex-end;
  }

  .header__topbar4--contact__info--list span,
  .header__topbar4--phone {
    font-size: 1.4rem;
    line-height: 1.3;
  }

  .header__topbar4--contact__info--svg {
    font-size: 1.2rem;
  }
}

/* Dil dəyişdirici */
.header__topbar4 {
  position: relative;
  z-index: 10056;
}

.header__topbar4 .language__currency--list.style2 {
  position: relative;
  z-index: 10035;
}

.header__topbar4 .language__currency--list.style2::before {
  display: none;
}

.header__lang-switcher {
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: transparent;
  text-decoration: none !important;
  transition: border-color 0.15s ease, opacity 0.15s ease;
}

.header__lang-switcher__icon {
  color: #ff5c45;
  font-size: 1.45rem;
  line-height: 1;
  vertical-align: middle;
}

.header__lang-switcher__code {
  color: #fff !important;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
}

.header__lang-switcher:hover {
  border-color: rgba(255, 92, 69, 0.75);
  opacity: 0.92;
}

.header__lang-switcher:hover .header__lang-switcher__icon {
  color: #ff7a62;
}

.header__lang-switcher:hover .header__lang-switcher__code {
  color: #fff !important;
}

.header__lang-dropdown {
  z-index: 10040 !important;
  width: auto !important;
  min-width: 5.5rem;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.header__lang-dropdown .language__text {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  background: #fff;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

.header__lang-option.is-active,
.header__lang-option.is-active:hover {
  background: #ff5c35 !important;
  color: #fff !important;
  border-color: #ff5c35 !important;
}

.header__lang-option:hover {
  background: #fff5f0 !important;
  color: #ff5c35 !important;
  border-color: #fff5f0 !important;
}

.blog__section .row {
  align-items: stretch;
}

.blog__section .custom-col {
  display: flex;
}

.blog__section .blog__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
}

.blog__section .blog__items--thumbnail,
.blog__section .blog__items--link {
  display: block;
  width: 100%;
  height: 200px;
  overflow: hidden;
  flex-shrink: 0;
}

.blog__section .blog__items--img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.blog__section .blog__items--content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.blog__section .blog__items--title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;
  margin-bottom: 8px;
}

.blog__section .blog__items--desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 4.65em;
  margin-bottom: 12px;
}

.blog__section .blog__items--readmore {
  margin-top: auto;
}

@media (max-width: 767px) {
  .blog__section .blog__items--thumbnail,
  .blog__section .blog__items--link {
    height: 140px;
  }
}