:root{
  --bg:#ffffff;
  --muted:#f6f6f6;
  --text:#000000;
  --sub:#404040;
  --line:rgba(0,0,0,.12);
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --brand:#000000;
  --accent:#000000;
  --corp-black:#000000;
  --corp-black-soft:#1a1a1a;
  --accent2:#caa66a;
  --saloglu-red:#ec4249;
  /* Header menyuları — qəhvəyi vurğu */
  --nav-menu-hover:#5c4032;
  --nav-menu-hover-deep:#4a3428;
  --nav-dropdown-bg:#0a0a0a;
  --nav-dropdown-text:#f5f2ed;
  --nav-dropdown-border:#c4a57a;
  --nav-dropdown-hover-bg:rgba(196, 165, 122, 0.18);
  --nav-mega-accent:#6d4c3a;
  --header-text:#ffffff;
  --header-bg:#000000;
  --header-border:rgba(255,255,255,.12);
  --header-desktop-h:147px;
  --site-header-h:72px;
  /* Mega panel: əsasən nav sətrinin altı; JS ilə dəqiqləşir */
  --site-mega-top:72px;

  --radius:0px;
  --radius2:0px;
  --container:1200px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  color:var(--text);
  background: white;
  line-height:1.35;
  padding-top:var(--site-header-h);
  transition:padding-top 0.22s ease;
}
body{padding-bottom:0}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button,input{font:inherit}

.container{
  width:min(var(--container), calc(100% - 32px));
  margin-inline:auto;
}

.skip-link{
  position:absolute;
  left:-9999px;
  top:8px;
  padding:10px 12px;
  background:#000;
  color:#fff;
  border-radius:0;
  z-index:1000;
}
.skip-link:focus{left:12px}

/* Header — qara fon, həmişə yuxarıda (fixed), scroll ilə yığcam */
.site-header{
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:50;
  background:var(--header-bg);
  border-bottom:1px solid var(--header-border);
  transition:box-shadow 0.22s ease, border-color 0.22s ease;
}
html.is-header-compact .site-header{
  box-shadow:0 10px 28px rgba(0, 0, 0, 0.35);
}

.header-main{padding:10px 0 8px}

.header-main__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 20px;
  min-height:64px;
  transition:min-height 0.22s ease, gap 0.22s ease;
}

@media (min-width: 992px){
  :root{
    --site-header-h:147px;
    --site-mega-top:147px;
  }
  .header-main{
    padding:0;
  }
  .header-main__inner{
    min-height:var(--header-desktop-h);
  }
}

/* Scroll — təxminən yarı hündürlük, yığcam */
html.is-header-compact .header-main{padding:6px 0 5px}
html.is-header-compact .header-main__inner{
  min-height:52px;
  gap:8px 12px;
}
html.is-header-compact .header-logo__img{
  height:32px;
  transition:height 0.22s ease;
}
html.is-header-compact .menu__link{
  padding:8px 10px;
  font-size:14px;
}
html.is-header-compact .lang__btn{
  padding:6px 3px;
  font-size:12px;
}
html.is-header-compact .header-search-inline__input{
  padding:8px 10px;
  font-size:13px;
}
html.is-header-compact .header-search-inline__submit{width:40px}
html.is-header-compact .header-tool{padding:6px 5px}

@media (min-width: 992px){
  html.is-header-compact .header-main{padding:0}
  html.is-header-compact .header-main__inner{
    min-height:76px;
    gap:10px 16px;
  }
  html.is-header-compact .header-logo__img{height:40px}
  html.is-header-compact .menu__link{
    padding:9px 12px;
    font-size:14px;
  }
  html.is-header-compact .lang__btn{padding:7px 3px}
  html.is-header-compact .header-search-inline__input{padding:8px 11px}
}

@media (prefers-reduced-motion: reduce){
  body{transition:none}
  .header-main__inner,
  .header-logo__img,
  .site-header{transition:none}
}

.header-burger{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
}
.header-burger .fa-solid{font-size:20px}

.header-logo{display:flex; align-items:center; flex-shrink:0}
.header-logo__img{
  display:block;
  height:44px;
  width:auto;
  max-width:min(200px, 46vw);
  object-fit:contain;
  filter:brightness(0) invert(1);
  transition:height 0.22s ease;
}

.header-nav-block{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px 16px;
  flex-wrap:wrap;
  min-width:0;
  flex:0 1 auto;
}

.header-flex-spacer{
  flex:1 1 24px;
  min-width:8px;
  height:1px;
}

.header-search-wrap{
  position:relative;
  flex:1 1 220px;
  max-width:min(360px, 100%);
  min-width:160px;
}
.header-search-inline{
  display:flex;
  align-items:stretch;
  width:100%;
  border:1px solid rgba(255,255,255,.35);
  background:#fff;
}
.header-search-suggest{
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  right:0;
  z-index:1200;
  margin:0;
  padding:6px 0;
  list-style:none;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 12px 32px rgba(0,0,0,.14);
  max-height:min(70vh, 420px);
  overflow:auto;
}
.header-search-suggest:not([hidden]){display:block}
.header-search-suggest[hidden]{display:none !important}
.header-search-suggest--panel{
  position:static;
  margin-top:10px;
  max-height:50vh;
  box-shadow:none;
  border:1px solid #e5e7eb;
}
.header-search-suggest__item{border-bottom:1px solid #f0f0f0}
.header-search-suggest__item:last-child{border-bottom:0}
.header-search-suggest__link{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  color:#111;
  text-decoration:none;
}
.header-search-suggest__link:hover,
.header-search-suggest__link.is-active{background:#f5f5f5}
.header-search-suggest__thumb{
  flex-shrink:0;
  width:48px;
  height:48px;
  object-fit:cover;
  background:#f3f4f6;
}
.header-search-suggest__title{
  flex:1;
  min-width:0;
  font-size:14px;
  line-height:1.35;
}
.header-search-suggest__status{
  padding:12px 14px;
  font-size:13px;
  color:#6b7280;
}
.header-search-suggest__more{
  display:block;
  padding:10px 12px;
  font-size:13px;
  font-weight:600;
  text-align:center;
  color:var(--saloglu-red, #c00);
  text-decoration:none;
  border-top:1px solid #eee;
}
.header-search-suggest__more:hover{background:#fafafa}

.search-results{
  margin:0;
  padding:0;
  list-style:none;
  max-width:720px;
  background:#fff;
  border:1px solid #e5e7eb;
}
.search-results__item{border-bottom:1px solid #f0f0f0}
.search-results__item:last-child{border-bottom:0}
.search-results__link{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  color:#111;
  text-decoration:none;
}
.search-results__link:hover{background:#f9fafb}
.search-results__thumb{
  flex-shrink:0;
  width:72px;
  height:72px;
  object-fit:cover;
  background:#f3f4f6;
}
.search-results__title{font-size:15px;line-height:1.4}
.header-search-inline__input{
  flex:1;
  min-width:0;
  border:0;
  padding:10px 12px;
  font-size:14px;
  outline:none;
  background:#fff;
  color:#000;
}
.header-search-inline__input::placeholder{color:#9ca3af}
.header-search-inline__submit{
  flex-shrink:0;
  width:46px;
  display:grid;
  place-items:center;
  border:0;
  border-left:1px solid rgba(0,0,0,.08);
  background:#000;
  color:#fff;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.85);
}
.header-search-inline__submit:hover{filter:brightness(1.08)}
.header-search-inline__submit .fa-solid{color:#fff; font-size:16px}

.header-tool--searchMob{display:none !important}

@media (min-width: 992px){
  .header-tool--searchMob{display:none !important}
}

.lang{position:relative}
.lang__btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:transparent;
  border:0;
  padding:8px 4px;
  border-radius:0;
  color:#fff;
  font-size:13px;
  font-weight:600;
  letter-spacing:0.04em;
  cursor:pointer;
}
.lang__code{
  line-height:1;
}
.lang__chev{
  font-size:10px;
  margin-top:1px;
  opacity:.85;
}
.lang__menu{
  position:absolute;
  right:0;
  top:calc(100% + 4px);
  min-width:180px;
  background:#fff;
  border:1px solid var(--header-border);
  border-radius:0;
  box-shadow:var(--shadow);
  padding:6px 0;
  display:none;
  z-index:60;
}
.lang__menu a{
  display:flex;
  padding:10px 14px;
  color:var(--text);
  font-size:14px;
}
.lang__menu a:hover{background:var(--muted); text-decoration:none}
.lang__menu a[aria-current="page"]{background:rgba(92, 64, 50, 0.1); font-weight:600}
.lang.is-open .lang__menu{display:block}

/* Nav */
.nav--main{margin:0}
.menu{
  display:flex;
  align-items:center;
  gap:0;
  margin:0;
  padding:0;
  flex-wrap:wrap;
  justify-content:center;
}
.menu__item{list-style:none;position:static}
.menu__link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:12px 14px;
  font-weight:500;
  font-size:15px;
  color:#fff;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer;
  transition:background-color .15s ease, color .15s ease, padding .22s ease, font-size .22s ease;
}
a.menu__link{text-decoration:none}
.menu__chev{
  font-size:10px;
  opacity:.75;
  transition:transform .2s ease, opacity .15s ease;
}
.menu__link:hover,
.menu__item.is-open > .menu__link{
  background:var(--nav-menu-hover);
  color:#fff;
  text-decoration:none;
}
.menu__item.is-open > .menu__link .menu__chev{
  transform:rotate(180deg);
  opacity:1;
}

.dropdown{
  position:absolute;
  top:100%;
  left:0;
  min-width:280px;
  padding:8px 0;
  background:var(--nav-dropdown-bg);
  border:1px solid var(--nav-dropdown-border);
  border-radius:0;
  box-shadow:0 16px 40px rgba(0, 0, 0, 0.35);
  display:none;
  z-index:55;
}
.menu__item--dropdown{position:relative}
.menu__item--dropdown:hover > .dropdown,
.menu__item--dropdown:focus-within > .dropdown,
.menu__item--dropdown.is-open > .dropdown{display:block}
.dropdown a{
  display:flex;
  padding:12px 16px;
  color:var(--nav-dropdown-text);
  font-size:14px;
}
.dropdown a:hover{
  background:var(--nav-dropdown-hover-bg);
  color:#fff;
  text-decoration:none;
}

.mega{
  position:fixed;
  left:0;
  right:0;
  top:var(--site-mega-top, var(--site-header-h, 72px));
  padding:0;
  background:var(--nav-dropdown-bg);
  border:0;
  box-shadow:0 20px 48px rgba(0, 0, 0, 0.45);
  display:none;
  z-index:54;
  max-height:calc(100vh - var(--site-mega-top, var(--site-header-h, 72px)));
  overflow:auto;
}
.menu__item--mega{position:relative}
.menu__item--mega:hover > .mega,
.menu__item--mega:focus-within > .mega,
.menu__item--mega.is-open > .mega{display:block}

/* Masaüstü: siçan düymədən megaya gedəndə hover saxlamaq (panel yazının üstünə çıxmır) */
@media (min-width: 992px){
  .menu__item--mega::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:48px;
    z-index:53;
  }
  .menu__item--mega{
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
}
.mega__inner{padding:20px 0 24px}
.mega__grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr minmax(240px, 300px);
  gap:16px;
}
.mega__grid--columns{
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)) minmax(220px, 260px);
  gap:16px 20px;
  align-items:start;
}
.mega__title a{
  color:#f0ebe4;
  text-decoration:none;
}
.mega__title a:hover{
  color:#fff;
  text-decoration:underline;
}
.mega__list--sub{
  margin:4px 0 0;
  padding:0 0 0 10px;
  border-left:1px solid rgba(255,255,255,0.14);
  display:grid;
  gap:2px;
}
.mega__list--sub a{
  font-size:13px;
  padding:6px 8px;
  color:rgba(255,255,255,0.78);
}
.mega__list--sub a:hover{
  color:#fff;
}
.mega__col{
  border:0;
  border-radius:0;
  padding:14px;
  background:transparent;
}
.mega__title{
  margin:0 0 10px 0;
  font-family:"Roboto Slab", serif;
  font-size:15px;
  color:#f0ebe4;
}
.mega__list{margin:0;padding:0;display:grid;gap:4px}
.mega__list li{list-style:none}
.mega__list a{
  display:flex;
  padding:8px 8px;
  border-radius:0;
  color:rgba(255, 255, 255, 0.88);
  font-size:14px;
}
.mega__list a:hover{
  background:rgba(255, 255, 255, 0.08);
  color:#fff;
  text-decoration:none;
}
.mega__cta{display:flex}
.mega__ctaCard{
  width:100%;
  border-radius:0;
  background:rgba(255, 255, 255, 0.06);
  color:#fff;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:center;
  text-align:center;
  border:0;
}
.mega__ctaLabel{font-size:13px; opacity:.9}
.mega__ctaValue{font-size:32px; font-weight:800; letter-spacing:1px}

.header-toolbar{
  display:flex;
  align-items:center;
  gap:2px;
  flex-shrink:0;
}

.header-tool{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:10px;
  color:#fff;
  text-decoration:none;
  border:0;
  background:transparent;
  cursor:pointer;
}
.header-tool:hover{color:rgba(255,255,255,.85); text-decoration:none; opacity:.92}
.header-tool .fa-solid,
.header-tool .fa-regular{
  font-size:18px;
  line-height:1;
  width:1.15em;
  text-align:center;
}

.icon-btn{
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  width:40px;height:40px;
  border-radius:0;
  display:grid;
  place-items:center;
  cursor:pointer;
  color:var(--text);
}
.icon-btn:hover{background:var(--muted)}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:0;
  border:1px solid transparent;
  background:var(--text);
  color:#fff;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
}
.btn:hover{filter:brightness(.96); text-decoration:none}
.btn--ghost{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.5);
}
.btn--primary{background:var(--text)}
.btn--light{
  background:#fff;
  color:var(--text);
  border-color:rgba(255,255,255,.25);
}
.btn--light:hover{background:#f3f4f6}
.btn--accent{
  background:var(--saloglu-red);
  color:#fff;
  border-color:var(--saloglu-red);
  justify-content:center;
}
.btn--accent:hover{filter:brightness(.96); text-decoration:none}
.mega .btn--accent{
  background:var(--nav-menu-hover);
  border-color:var(--nav-menu-hover-deep);
}
.mega .btn--accent:hover{
  filter:brightness(1.05);
  text-decoration:none;
}

/* Axtarış paneli (“nə axtarırsan?”) */
.search-panel{
  position:fixed;
  inset:0;
  z-index:100;
  display:none;
  pointer-events:none;
}
.search-panel.is-open{
  display:block;
  pointer-events:auto;
}
.search-panel__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}
.search-panel__sheet{
  position:relative;
  background:#fff;
  padding:24px 0 32px;
  box-shadow:0 12px 40px rgba(0,0,0,.15);
  max-height:min(90vh, 520px);
  overflow:auto;
}
.search-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.search-panel__title{
  margin:0;
  font-family:"Roboto Slab", serif;
  font-size:clamp(20px, 3vw, 28px);
  font-weight:600;
  color:var(--text);
}
.search-panel__close{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:0;
  background:transparent;
  font:inherit;
  font-size:14px;
  color:var(--sub);
  cursor:pointer;
  padding:4px 0;
}
.search-panel__close:hover{color:var(--saloglu-red)}
.search-panel__closeIcon{font-size:18px; line-height:1; margin-left:6px}
.icon-btn .fa-solid{font-size:18px}
.backtop .fa-solid{font-size:16px}
.search-panel__form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:stretch;
}
.search-panel__input{
  border:1px solid var(--header-border);
  padding:14px 16px;
  font-size:16px;
  outline:none;
}
.search-panel__input:focus{border-color:#bbb}
.search-panel__submit{
  border:0;
  padding:14px 22px;
  background:var(--text);
  color:#fff;
  font-weight:600;
  cursor:pointer;
}
.search-panel__submit:hover{filter:brightness(.95)}

/* Hero — şəkil + yan nav (hover) + altda nöqtələr + sürüşdürmə */
.hero{
  position:relative;
  --hero-ease:cubic-bezier(0.45, 0, 0.25, 1);
  --hero-dur:1s;
}
.hero__viewport{
  position:relative;
  height:min(812px);
  overflow:hidden;
}
.hero__slides{
  position:relative;
  height:100%;
  overflow:hidden;
}
.hero__swipe{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:56px;
  z-index:2;
  cursor:grab;
  touch-action:pan-y pinch-zoom;
  user-select:none;
}
.hero.is-hero-dragging .hero__swipe{cursor:grabbing}
.hero__slide{
  position:absolute;
  inset:0;
  z-index:0;
  background-image:var(--bg);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(1);
  will-change:opacity, transform;
  pointer-events:none;
  transition:opacity var(--hero-dur) var(--hero-ease), transform var(--hero-dur) var(--hero-ease);
}
.hero__slide.is-active{
  z-index:1;
  opacity:1;
  transform:scale(1) translate(0, 0);
  pointer-events:none;
}

/* Təxmini təsadüfi, hər dəyişəndə JS data-tx-mode təyin edir */
.hero[data-tx-mode="fade"] .hero__slide:not(.is-active){
  opacity:0;
  transform:scale(1);
}
.hero[data-tx-mode="zoom"] .hero__slide:not(.is-active){
  opacity:0;
  transform:scale(1.07);
}
.hero[data-tx-mode="zoom-in"] .hero__slide:not(.is-active){
  opacity:0;
  transform:scale(0.94);
}
.hero[data-tx-mode="slide-l"] .hero__slide:not(.is-active){
  opacity:0;
  transform:scale(1) translateX(2.8%);
}
.hero[data-tx-mode="slide-r"] .hero__slide:not(.is-active){
  opacity:0;
  transform:scale(1) translateX(-2.8%);
}
.hero[data-tx-mode="drift"] .hero__slide:not(.is-active){
  opacity:0;
  transform:scale(1.04) translate(1.2%, -0.8%);
}
.hero[data-tx-mode="soft"] .hero__slide:not(.is-active){
  opacity:0;
  transform:scale(1.025);
}
.hero__nav{
  position:absolute;
  top:50%;
  z-index:4;
  width:44px;
  height:44px;
  margin-top:-22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(0,0,0,.32);
  color:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:opacity 200ms ease, transform 200ms ease, background 160ms ease;
}
.hero__nav:hover{background:rgba(0,0,0,.48)}
.hero__nav .fa-solid{font-size:16px}
.hero__nav--prev{left:16px}
.hero__nav--next{right:16px}
@media (hover:hover){
  .hero__nav{
    opacity:0;
    pointer-events:none;
  }
  .hero:hover .hero__nav,
  .hero:focus-within .hero__nav{
    opacity:1;
    pointer-events:auto;
  }
}
@media (hover:none){
  .hero__nav{opacity:.92}
}

.hero__dotsRow{
  position:absolute;
  left:0;
  right:0;
  bottom:14px;
  z-index:4;
  pointer-events:none;
}
.hero__dotsInner{
  display:flex;
  justify-content:center;
}
.hero__dots{
  pointer-events:auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.2);
}
.hero__dot{
  width:10px;height:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(255,255,255,.25);
  cursor:pointer;
}
.hero__dot:hover{background:rgba(255,255,255,.45)}
.hero__dot.is-active{background:#fff; border-color:#fff}

/* Sections */
.section{padding:44px 0}


/* Kateqoriya və məhsul karuselləri arası — home.png (qara fon kompozit) */
.home-banner{
  margin:0;
  padding:24px 0;
  background:#ffffff;
}
.home-banner__inner{
  line-height:0;
}
.home-banner__img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  margin:0 auto;
}
.section-title{
  margin:0;
  font-family:"Roboto Slab", serif;
  font-size:22px;
}
.section-title span{
  background:linear-gradient(180deg, rgba(202,166,106,.0), rgba(202,166,106,.35));
  padding:0 6px;
  border-radius:0;
}
.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.section-head__right{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.section-actions{display:flex;align-items:center;gap:8px}
.pill{
  width:40px;height:40px;
  border-radius:0;
  border:1px solid var(--line);
  background:#fff;
  cursor:pointer;
}
.pill:hover{background:var(--muted)}
.link{color:var(--sub)}

/* CTA */
.cta{padding:24px 0}
.cta__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 18px;
  border:1px solid var(--line);
  border-radius:0;
  background:linear-gradient(#fff,#fafafa);
}

/* Ana səhifə — 360° mağaza turu */
.section.home-tour{
  padding:clamp(28px, 5vw, 48px) 0;
  background:linear-gradient(165deg, #0f0f10 0%, #1a1816 42%, #121110 100%);
  color:#f5f2ed;
  overflow:hidden;
}
.home-tour__grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.15fr);
  gap:clamp(20px, 4vw, 40px);
  align-items:center;
}
.home-tour__copy{
  position:relative;
  z-index:1;
}
.home-tour__kicker{
  margin:0 0 10px;
  font-size:0.82rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:rgba(202,166,106,.92);
  display:flex;
  align-items:center;
  gap:8px;
}
.home-tour__title{
  margin:0 0 12px;
  font-family:"Roboto Slab", serif;
  font-size:clamp(1.55rem, 3.2vw, 2.35rem);
  line-height:1.15;
  font-weight:700;
}
.home-tour__lead{
  margin:0 0 14px;
  font-size:1rem;
  line-height:1.55;
  color:rgba(245,242,237,.82);
  max-width:38ch;
}
.home-tour__place{
  margin:0 0 20px;
  font-size:0.95rem;
  color:rgba(202,166,106,.95);
  display:flex;
  align-items:center;
  gap:8px;
}
.home-tour__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.home-tour__stores{
  border:1px solid rgba(255,255,255,.22);
  color:#f5f2ed;
  background:transparent;
}
.home-tour__stores:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}
.home-tour__stage{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  cursor:pointer;
  overflow:hidden;
  aspect-ratio:16/10;
  background:#000;
  box-shadow:0 24px 56px rgba(0,0,0,.45);
  transform:translateY(12px);
  opacity:0;
  transition:transform .7s cubic-bezier(.22,1,.36,1), opacity .7s ease;
}
.home-tour.is-visible .home-tour__stage{
  transform:translateY(0);
  opacity:1;
}
.home-tour__preview{
  position:absolute;
  inset:-8%;
  background-image:var(--tour-preview);
  background-size:cover;
  background-position:50% 50%;
  transform:scale(1.08);
  animation:homeTourKenBurns 18s ease-in-out infinite alternate;
}
.home-tour.is-visible .home-tour__preview{
  animation-play-state:running;
}
@keyframes homeTourKenBurns{
  0%{transform:scale(1.08) translate3d(0, 0, 0);}
  100%{transform:scale(1.14) translate3d(-2%, -1.5%, 0);}
}
.home-tour__shade{
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.05) 45%, rgba(0,0,0,.4) 100%);
  pointer-events:none;
}
.home-tour__badge{
  position:absolute;
  top:16px;
  left:16px;
  z-index:2;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(202,166,106,.95);
  color:#1a1510;
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:0.08em;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  animation:homeTourBadgePulse 2.4s ease-in-out infinite;
}
@keyframes homeTourBadgePulse{
  0%, 100%{transform:scale(1);}
  50%{transform:scale(1.05);}
}
.home-tour__hint{
  position:absolute;
  left:50%;
  bottom:18px;
  z-index:2;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:0.85rem;
  backdrop-filter:blur(6px);
}
.home-tour__hintIcon{
  animation:homeTourHand 1.8s ease-in-out infinite;
}
@keyframes homeTourHand{
  0%, 100%{transform:translateX(0);}
  50%{transform:translateX(6px);}
}
.home-tour__ring{
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,255,255,.25);
  pointer-events:none;
  opacity:0;
  animation:homeTourRing 3s ease-out infinite;
}
@keyframes homeTourRing{
  0%{opacity:.55; transform:scale(1);}
  100%{opacity:0; transform:scale(1.04);}
}
body.home-tour-open{
  overflow:hidden;
}
.home-tour-modal{
  position:fixed;
  inset:0;
  z-index:1300;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.home-tour-modal[hidden]{
  display:none !important;
}
.home-tour-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
}
.home-tour-modal__panel{
  position:relative;
  z-index:1;
  width:min(1100px, 100%);
  max-height:min(92vh, 900px);
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.35);
}
.home-tour-modal__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px;
  border-bottom:1px solid var(--line);
}
.home-tour-modal__title{
  margin:0;
  font-size:1rem;
  font-weight:600;
  line-height:1.35;
}
.home-tour-modal__close{
  flex-shrink:0;
  width:36px;
  height:36px;
  border:0;
  border-radius:8px;
  background:transparent;
  font-size:1.5rem;
  line-height:1;
  cursor:pointer;
}
.home-tour-modal__close:hover{
  background:var(--muted);
}
.home-tour-modal__body{
  flex:1;
  min-height:0;
  background:#0a0a0a;
}
.home-tour-modal__viewer{
  position:relative;
  width:100%;
  height:min(72vh, 720px);
  min-height:320px;
}
.home-tour-modal__previewPane{
  position:absolute;
  inset:0;
  z-index:1;
  background-image:var(--tour-preview);
  background-size:120% auto;
  background-repeat:no-repeat;
  background-position:50% 50%;
  animation:homeTourModalPan 22s linear infinite;
  user-select:none;
}
.home-tour-modal__previewPane.is-dragging,
.home-tour-modal__previewPane.is-hidden-by-embed{
  animation:none;
}
.home-tour-modal__previewPane.is-hidden-by-embed{
  visibility:hidden;
  pointer-events:none;
}
@keyframes homeTourModalPan{
  0%{background-position:42% 50%;}
  50%{background-position:58% 48%;}
  100%{background-position:42% 50%;}
}
.home-tour-modal__pano,
.home-tour-modal__frame{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.home-tour-modal__viewer.is-loading .home-tour-modal__frame{
  opacity:0;
  pointer-events:none;
}
.home-tour-modal__viewer.is-embed-ready .home-tour-modal__previewPane{
  visibility:hidden;
  pointer-events:none;
}
.home-tour-modal__viewer.is-embed-ready .home-tour-modal__dragHint{
  display:none !important;
}
.home-tour-modal__viewer.is-embed-ready .home-tour-modal__frame{
  opacity:1;
  pointer-events:auto;
}
.home-tour-modal__pano{
  min-height:min(72vh, 720px);
}
.home-tour-modal__dragHint{
  position:absolute;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:3;
  margin:0;
  padding:10px 16px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:0.85rem;
  color:#fff;
  background:rgba(0,0,0,.55);
  border-radius:999px;
  pointer-events:none;
}
.home-tour-modal__dragHint[hidden]{
  display:none !important;
}
.home-tour-modal__embedNote{
  position:absolute;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:2;
  margin:0;
  padding:10px 14px;
  max-width:min(520px, 92%);
  text-align:center;
  font-size:0.85rem;
  color:#fff;
  background:rgba(0,0,0,.65);
  border-radius:8px;
}
.home-tour-modal__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  padding:12px 18px 16px;
  border-top:1px solid var(--line);
}
@media (max-width: 900px){
  .home-tour__grid{
    grid-template-columns:1fr;
  }
  .home-tour__copy{
    order:2;
  }
  .home-tour__stage{
    order:1;
  }
}
@media (prefers-reduced-motion: reduce){
  .home-tour__preview,
  .home-tour-modal__previewPane,
  .home-tour__badge,
  .home-tour__hintIcon,
  .home-tour__ring{
    animation:none !important;
  }
  .home-tour__stage{
    transition:none;
    transform:none;
    opacity:1;
  }
}
@media (max-width: 640px){
  .home-tour-modal{
    padding:0;
    align-items:stretch;
  }
  .home-tour-modal__panel{
    width:100%;
    max-height:100%;
    height:100%;
    border-radius:0;
  }
  .home-tour-modal__viewer{
    height:calc(100vh - 140px);
  }
}

/* Flip kataloq (ana səhifə) */
.section--flipCatalog{
  padding:20px 0 24px;
  background:var(--muted);
}
.flip-catalog__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin:0 0 12px;
  padding:14px 16px;
  border:1px solid var(--line);
  background:linear-gradient(#fff,#fafafa);
}
.flip-catalog__head .section-title{
  margin:0;
}
.flip-catalog__viewer{
  position:relative;
  width:100%;
  max-width:min(1200px, 100%);
  margin:0 auto;
  background:transparent;
}
.flip-catalog__frame{
  display:block;
  width:100%;
  height:480px;
  min-height:0;
  border:0;
  background:transparent;
  transition:height .2s ease;
}
.flip-catalog__fsBtn{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.95);
  color:var(--text);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
}
.flip-catalog__fsBtn .fa-solid{font-size:14px}
.flip-catalog__fsBtn:hover{
  background:#fff;
}
.flip-catalog-fs{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:stretch;
  justify-content:center;
  padding:0;
  background:rgba(0,0,0,.88);
}
.flip-catalog-fs__close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.flip-catalog-fs__close:hover{
  background:rgba(255,255,255,.25);
}
.flip-catalog-fs__frame{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:transparent;
}
body.flip-catalog-fs-open{
  overflow:hidden;
}

/* Kateqoriya karuseli — tam en, nav şəkil üzərində */
.section--catCarousel{
  padding:32px 0;
  overflow:hidden;
}
.cat-carousel{
  --cat-gap:14px;
  position:relative;
  width:min(var(--container), calc(100% - 32px));
  margin-inline:auto;
}
@media (max-width: 767.98px){
  .cat-carousel{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
}
.cat-carousel__viewport{
  position:relative;
  overflow:hidden;
  /* Şaquli səhifə sürüşməsi saxlanır; üfüqi jest JS ilə */
  touch-action:pan-y pinch-zoom;
  cursor:grab;
  user-select:none;
}
.cat-carousel__viewport.is-dragging{cursor:grabbing}
.cat-carousel__track{
  display:flex;
  gap:var(--cat-gap);
  will-change:transform;
  position:relative;
  z-index:1;
}
.cat-slide{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  text-decoration:none;
  color:inherit;
  border:0;
  border-radius:0;
  background:#000;
  box-shadow:none;
}
.cat-slide:hover{text-decoration:none}
.cat-slide__media{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:var(--muted);
}
.cat-slide__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.cat-slide__shade{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:18%;
  min-height:44px;
  background:rgba(0,0,0,1);
  display:flex;
  align-items:left;
  justify-content:left;
  padding:8px 12px;
  box-sizing:border-box;
}
.cat-slide__name{
  margin:0;
  font-size:clamp(24px, 1.5vw, 16px);
  font-weight:600;
  color:#ffffff;
  text-align: left;
  line-height:2;
}
.cat-carousel__nav{
  position:absolute;
  top:50%;
  z-index:5;
  width:44px;
  height:44px;
  transform:translateY(-50%);
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--text);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  box-shadow:0 4px 18px rgba(0,0,0,.18);
  transition:opacity .2s ease, background .15s ease, color .15s ease, transform .15s ease;
  pointer-events:auto;
}
.cat-carousel__nav:hover{
  background:#fff;
  color:var(--text);
  transform:translateY(-50%) scale(1.04);
}
.cat-carousel__nav--prev{left:12px}
.cat-carousel__nav--next{right:12px}
@media (hover:hover){
  .cat-carousel__nav{
    opacity:0;
    pointer-events:none;
  }
  .cat-carousel:hover .cat-carousel__nav,
  .cat-carousel:focus-within .cat-carousel__nav{
    opacity:1;
    pointer-events:auto;
  }
}
@media (hover:none){
  .cat-carousel__nav{opacity:.92}
}
@media (max-width: 767.98px){
  .cat-carousel__nav--prev{left:8px}
  .cat-carousel__nav--next{right:8px}
  .cat-carousel__nav{
    width:40px;
    height:40px;
  }
}

/* Məhsul karuseli (scroll) */
.products-fluid{
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding:0 16px;
}
.products-carousel{
  --pc-gap:14px;
  position:relative;
  padding:0 44px;
}
.products-carousel__viewport{
  position:relative;
  z-index:1;
  overflow:hidden;
  touch-action:pan-y pinch-zoom;
  cursor:grab;
  user-select:none;
}
.products-carousel__viewport.is-dragging{cursor:grabbing}
.products-carousel__track{
  display:flex;
  gap:var(--pc-gap);
  will-change:transform;
}
.products-carousel__nav{
  position:absolute;
  top:38%;
  z-index:4;
  width:44px;
  height:44px;
  margin-top:-22px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255);
  color:var(--text);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  box-shadow:0 4px 14px rgba(0,0,0,.1);
  transition:opacity .2s ease, background .15s ease, color .15s ease;
}
.products-carousel__nav:hover{background:var(--text); color:#fff; border-color:var(--text)}
.products-carousel__nav--prev{left:0}
.products-carousel__nav--next{right:0}
@media (hover:hover){
  .products-carousel__nav{
    opacity:0;
    pointer-events:none;
  }
  .products-carousel:hover .products-carousel__nav,
  .products-carousel:focus-within .products-carousel__nav{
    opacity:1;
    pointer-events:auto;
  }
}
@media (hover:none){
  .products-carousel__nav{opacity:.9}
}
@media (max-width: 767.98px){
  .products-carousel{padding:0 40px}
}

.carousel{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(240px, 1fr);
  gap:14px;
  overflow:auto;
  scroll-snap-type:x mandatory;
  padding:4px 2px 10px;
}
.carousel::-webkit-scrollbar{height:10px}
.carousel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:999px}
.carousel::-webkit-scrollbar-thumb{border-radius:0}

/* Products */
.product-card{

  border-radius:0;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.06);
}
.product-card__media{
  position:relative;
}
.product-card__img{
  display:block;
  aspect-ratio: 3 / 2;
  overflow:hidden;
  background:#fff;
}
.product-card__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 240ms ease;
}
.product-card:hover .product-card__img img{transform:scale(1.03)}
.product-card__overlay{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.product-card__sideActions{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:10px;
  opacity:0;
  transform:translateY(-50%) translateX(6px);
  transition:opacity 160ms ease, transform 160ms ease;
}
.product-card__quickBtn{
  position:absolute;
  left:12px;
  bottom:12px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:0;
  background:#000;
  color:#fff;
  display:grid;
  place-items:center;
  opacity:0;
  transform:translateY(6px);
  transition:opacity 160ms ease, transform 160ms ease, background 160ms ease;
  pointer-events:auto;
  cursor:pointer;
}
.product-card__sideBtn{
  width:44px;
  height:44px;
  border-radius:4px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  color:#000;
  display:grid;
  place-items:center;
  pointer-events:auto;
  cursor:pointer;
}
.product-card__sideBtn:hover{background:#f2f2f2}
.product-card__sideBtn .fa-solid,
.product-card__sideBtn .fa-regular{font-size:16px}
.product-card__quickBtn .fa-solid{font-size:17px}
.product-card__quickBtn:hover{background:#000}
.product-card__quickBtn:hover .fa-solid{color:#fff}

.product-card:hover .product-card__sideActions,
.product-card:focus-within .product-card__sideActions{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}
.product-card:hover .product-card__quickBtn,
.product-card:focus-within .product-card__quickBtn{
  opacity:1;
  transform:translateY(0);
}
.product-card__meta{
  padding:12px;
  display:grid;
  gap:10px;
}
.product-card__title{
  margin:0;
  font-size:14px;
  font-weight:600;
}
.product-card__title a{color:var(--text)}

/* Footer — ağ fon, sütun ayırıcıları (referans maket) */
.footer{
  --footer-line:#eeeeee;
  --footer-muted:#888888;
  background:#ffffff;
  color:#000000;
}
.footer__center{padding:48px 0 40px}
.footer__grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1px;
  align-items:stretch;
  background:var(--footer-line);
}
.footer__col{
  padding:8px 28px 12px;
  min-width:0;
  background:#ffffff;
}
.footer__brand{
  display:inline-block;
  margin:0 0 10px;
  text-decoration:none;
  line-height:0;
}
.footer__brand:hover{text-decoration:none; opacity:.85}
.footer__brandImg{
  display:block;
  width:auto;
  max-width:min(240px, 100%);
  height:48px;
  object-fit:contain;
  object-position:left center;
}
.footer__html{
  margin:0 0 20px;
  color:var(--footer-muted);
  font-size:14px;
  line-height:1.5;
}
.footer__social{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.footer__social a{
  width:40px;
  height:40px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#e8e8e8;
  color:#000000;
  text-decoration:none;
  font-size:16px;
  transition:background .15s ease, color .15s ease;
}
.footer__social a:hover{
  background:#dddddd;
  color:#000000;
}
.footer__blockTitle{
  margin:0 0 14px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#000000;
}
.footer__list{margin:0;padding:0;display:grid;gap:10px}
.footer__list li{list-style:none}
.footer__list a{
  color:var(--footer-muted);
  font-size:14px;
  text-decoration:none;
}
.footer__list a:hover{color:#444444; text-decoration:underline}

.footer__copyright{
  border-top:1px solid var(--footer-line);
  padding:18px 0 28px;
  font-size:13px;
  color:var(--footer-muted);
}
.footer__copyrightInner{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.footer__credit{
  margin:0;
  text-align:right;
}
@media (max-width: 767px){
  .footer__copyrightInner{justify-content:flex-start}
  .footer__credit{text-align:left}
}

/* Drawer (mobile) */
.drawer{position:fixed; inset:0; display:none; z-index:60}
.drawer.is-open{display:block}
.drawer__backdrop{position:absolute; inset:0; background:rgba(0,0,0,.45)}
.drawer__panel{
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:min(420px, 92vw);
  background:#fff;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.drawer__head{display:flex; align-items:center; justify-content:space-between}
.drawer__title{font-weight:800; font-family:"Roboto Slab", serif}
.drawer__body{display:grid; gap:12px}
.drawer__search{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.drawer__search input{
  border:1px solid var(--line);
  border-radius:0;
  padding:12px;
  outline:none;
}
.drawer__search button{
  border:1px solid var(--line);
  border-radius:0;
  padding:12px 14px;
  background:var(--text);
  color:#fff;
  cursor:pointer;
}
.drawer__group summary{
  cursor:pointer;
  padding:12px 12px;
  border:1px solid var(--line);
  border-radius:0;
  background:var(--muted);
  font-weight:600;
}
.drawer__group a,
.drawer__link{
  display:flex;
  padding:10px 10px;
  border-radius:0;
  color:var(--text);
}
.drawer__group a:hover,
.drawer__link:hover{background:var(--muted); text-decoration:none}
.drawer__catRoot{display:grid; gap:8px}
.drawer__catItem{display:grid; gap:4px}
.drawer__catNest{
  display:grid;
  gap:6px;
  margin:2px 0 0 8px;
  padding:4px 0 4px 10px;
  border-left:1px solid var(--line);
}

/* Back to top */
.backtop{
  position:fixed;
  right:16px;
  bottom:16px;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:var(--shadow);
  display:none;
  place-items:center;
  cursor:pointer;
}
.backtop.is-visible{display:grid}

/* Bottom mobile bar */
.mobilebar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:64px;
  display:none;
  background:rgba(255,255,255,.95);
  border-top:1px solid var(--line);
  backdrop-filter:saturate(180%) blur(12px);
  z-index:55;
}
.mobilebar__item{
  width:25%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:var(--sub);
  text-decoration:none;
}
.mobilebar__icon{font-size:18px; color:var(--text); line-height:1; display:block}
.mobilebar__item .fa-solid,
.mobilebar__item .fa-regular{display:block}
.mobilebar__label{font-size:11px}
.mobilebar__item.is-active{color:var(--text); font-weight:600}
.mobilebar__item.is-active .mobilebar__icon{color:var(--text)}

/* Responsive */
@media (max-width: 1100px){
  .mega__grid{grid-template-columns:1fr 1fr; }
  .mega__grid--columns{grid-template-columns:1fr 1fr}
  .mega__cta{grid-column:1 / -1}
}

@media (max-width: 991px){
  .header-flex-spacer{display:none}
  .header-search-wrap{display:none !important}
  .header-tool--searchMob{display:inline-flex !important}
  .header-burger{display:flex}
  .header-logo{
    flex:1;
    justify-content:center;
  }
  .header-nav-block{display:none}
  .header-tool--login,
  .header-tool--compare,
  .header-tool--wishlist{display:none !important}
  .header-tool{padding:8px 6px}
}

@media (max-width: 840px){
  body{padding-bottom:68px}
  .topbar__right .topbar__link{display:none}
  .topbar__left{display:none}
  .topbar__inner{justify-content:flex-end}
  .footer .footer__grid{grid-template-columns:1fr 1fr}
  .mobilebar{display:flex}
  .backtop{bottom:82px}
  .section{padding:34px 0}
  .cta{padding:16px 0}
  .section--flipCatalog{padding:16px 0 20px}
  .flip-catalog__head{
    flex-direction:column;
    align-items:flex-start;
    padding:12px;
    margin-bottom:10px;
  }
  .flip-catalog__frame{height:min(calc(72vw * 1.42), 78vh)}
  .hero__viewport{height:min(56vh, 520px)}
  .hero__swipe{bottom:52px}
  .hero__dotsRow{bottom:10px}
  .hero__nav{width:40px;height:40px;margin-top:-20px}
  .product-card{border-radius:16px}
  .product-card__meta{padding:10px}
  .product-card__sideBtn,
  .product-card__quickBtn{width:40px;height:40px}
  .header-logo__img{height:38px}
}

@media (max-width: 520px){
  .footer .footer__grid{grid-template-columns:1fr}
  .cta__inner{flex-direction:column; align-items:flex-start}
}

/* Məhsul siyahısı (product-list) */
.pl-page{
  background:var(--muted);
  min-height:40vh;
}

.pl-hero{
  position:relative;
  margin:0;
  overflow:hidden;
  min-height:min(200px);
}
.pl-hero__bg{
  position:absolute;
  inset:0;
  background-color:#1a1a1a;
  background-image:linear-gradient(
      105deg,
      rgba(0, 0, 0, 0.78) 0%,
      rgba(0, 0, 0, 0.42) 52%,
      rgba(0, 0, 0, 0.68) 100%
    ),
    var(--pl-hero-img, none);
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
}
.pl-hero__wrap{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:min(200px);
  padding:32px 16px;
}
.pl-breadcrumb__list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px 10px;
  font-family:Roboto, system-ui, sans-serif;
  font-size:clamp(14px, 2.8vw, 16px);
  font-weight:500;
  color:#fff;
  text-align:center;
  text-shadow:0 1px 2px rgba(0, 0, 0, 0.45);
}
.pl-breadcrumb__item{display:inline-flex; align-items:center}
.pl-breadcrumb__sep{
  display:inline-flex;
  align-items:center;
  color:rgba(255, 255, 255, 0.55);
  font-weight:400;
  user-select:none;
}
.pl-breadcrumb__link{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color 0.15s ease, opacity 0.15s ease;
}
.pl-breadcrumb__link:hover{
  border-bottom-color:rgba(255, 255, 255, 0.65);
  text-decoration:none;
  opacity:0.95;
}
.pl-breadcrumb__current{
  color:#fff;
  font-weight:600;
}
@media (max-width: 520px){
  .pl-hero,
  .pl-hero__wrap{
    min-height:min(32vh, 240px);
  }
  .pl-hero__wrap{padding:24px 12px}
}
.pl-inner{
  display:grid;
  grid-template-columns:minmax(220px, 260px) 1fr;
  gap:28px;
  align-items:start;
  padding:28px 0 48px;
}
.pl-sidebar{
  border:1px solid var(--line);
  background:#fff;
  padding:16px 16px 20px;
  box-shadow:0 8px 24px rgba(0,0,0,.04);
}
.pl-sidebar__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.pl-sidebar__title{
  margin:0;
  font-family:"Roboto Slab", serif;
  font-size:20px;
  font-weight:700;
}
.pl-sidebar__home{font-size:14px}
.pl-filters{display:grid; gap:4px}
.pl-filterBlock{
  border:1px solid var(--line);
  border-radius:0;
  margin-top:10px;
  background:#fafafa;
}
.pl-filterBlock__summary{
  cursor:pointer;
  padding:10px 12px;
  font-weight:600;
  font-size:14px;
  list-style:none;
}
.pl-filterBlock__summary::-webkit-details-marker{display:none}
.pl-catList{
  margin:0;
  padding:0 12px 12px;
  display:grid;
  gap:6px;
  list-style:none;
}
.pl-catList__link{
  display:block;
  padding:6px 8px;
  font-size:14px;
  color:var(--sub);
  text-decoration:none;
  border-radius:0;
}
.pl-catList__link:hover{background:var(--muted); color:var(--text); text-decoration:none}
.pl-catList__link.is-active{
  background:var(--text);
  color:#fff;
  font-weight:600;
}
.pl-catList--nested{
  margin:2px 0 4px;
  padding:4px 0 4px 10px;
  border-left:2px solid var(--line);
  gap:4px;
}
.pl-priceRow{
  display:grid;
  gap:4px;
  padding:0 12px 8px;
}
.pl-label{font-size:12px; color:var(--sub); font-weight:500}
.pl-input{
  width:100%;
  border:1px solid var(--line);
  border-radius:0;
  padding:8px 10px;
  font:inherit;
}
.pl-check{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  font-size:14px;
  cursor:pointer;
}
.pl-check input{width:16px;height:16px; accent-color:var(--text)}
.pl-filterActions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  padding:12px 0 4px;
}
.pl-main{min-width:0}
.pl-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
  padding:12px 14px;
  border:1px solid var(--line);
  background:#fff;
}
.pl-count{margin:0; font-size:14px; color:var(--sub)}
.pl-sort{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.pl-select{
  min-width:180px;
  border:1px solid var(--line);
  border-radius:0;
  padding:8px 10px;
  font:inherit;
  background:#fff;
}
.pl-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}
@media (max-width: 900px){
  .pl-inner{
    grid-template-columns:1fr;
    padding-top:20px;
  }
  .pl-sidebar--desktop{display:none}
}
@media (min-width: 901px){
  .pl-filterToggle{display:none}
  .pl-filterDrawer{display:none !important}
}
@media (max-width: 720px){
  .pl-grid{grid-template-columns:repeat(2, 1fr); gap:12px}
  .pl-toolbar{padding:10px 12px}
}
@media (max-width: 460px){
  .pl-grid{grid-template-columns:1fr}
}

.pl-toolbar__left{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
}
.pl-filterToggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border:1px solid var(--line);
  background:#fff;
  font:inherit;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.pl-filterToggle:hover{background:var(--muted)}
.pl-filterDrawer{
  position:fixed;
  inset:0;
  z-index:80;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
}
.pl-filterDrawer[hidden]{display:none !important}
.pl-filterDrawer__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}
.pl-filterDrawer__panel{
  position:relative;
  z-index:1;
  width:min(360px, 92vw);
  height:100%;
  background:#fff;
  display:flex;
  flex-direction:column;
  box-shadow:-12px 0 40px rgba(0,0,0,.12);
}
.pl-filterDrawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
}
.pl-filterDrawer__title{margin:0;font-size:1rem;font-weight:700}
.pl-filterDrawer__close{
  width:36px;height:36px;border:0;background:transparent;font-size:1.5rem;cursor:pointer;
}
.pl-filterDrawer__body{
  flex:1;
  overflow:auto;
  padding:12px 16px 24px;
}
body.pl-filter-open{overflow:hidden}

.pl-empty{
  padding:48px 24px;
  text-align:center;
  border:1px dashed var(--line);
  background:#fff;
}
.pl-empty__title{margin:0 0 8px;font-size:1.125rem;font-weight:700}
.pl-empty__text{margin:0 0 20px;color:var(--sub);font-size:14px}

.pl-pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px 14px;
  margin-top:28px;
  padding:16px 0 8px;
}
.pl-pagination__list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.pl-pagination__btn,
.pl-pagination__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--text);
  font-size:14px;
  font-weight:500;
  text-decoration:none;
}
.pl-pagination__btn:hover,
.pl-pagination__num:hover{
  background:var(--muted);
  text-decoration:none;
}
.pl-pagination__num.is-current{
  background:var(--text);
  color:#fff;
  border-color:var(--text);
  font-weight:700;
}
.pl-pagination__btn.is-disabled,
.pl-pagination__gap{
  opacity:.45;
  pointer-events:none;
}
.pl-pagination__meta{
  flex:1 1 100%;
  margin:8px 0 0;
  text-align:center;
  font-size:13px;
  color:var(--sub);
}
.product-card__price{
  margin:0;
  font-size:14px;
  font-weight:700;
  color:var(--text);
}
.product-card__currency{
  font-weight:500;
  font-size:12px;
  color:var(--sub);
}

/* Məhsul detalı (product-detail) */
.pd-page{
  --pd-paper:#faf8f5;
  --pd-ink:#000000;
  --pd-warm-line:rgba(17,24,39,.1);
  background:
    radial-gradient(1200px 600px at 12% -8%, rgba(202,166,106,.09), transparent 55%),
    radial-gradient(900px 480px at 100% 0%, rgba(17,24,39,.04), transparent 50%),
    linear-gradient(180deg, var(--pd-paper) 0%, #fff 38%, #fff 100%);
  min-height:40vh;
}

.pd-hero{
  position:relative;
  margin:0;
  overflow:hidden;
  min-height:min(220px, 32vh);
}
.pd-hero__bg{
  position:absolute;
  inset:0;
  background-color:#141414;
  background-image:linear-gradient(
      118deg,
      rgba(0, 0, 0, 0.88) 0%,
      rgba(0, 0, 0, 0.55) 42%,
      rgba(0, 0, 0, 0.82) 100%
    ),
    var(--pd-hero-img, none);
  background-size:cover;
  background-position:center 42%;
  filter:saturate(1.02);
}
.pd-hero__wrap{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:min(220px, 32vh);
  padding:36px 16px 40px;
}
.pd-hero__crumb .pl-breadcrumb__list{
  letter-spacing:0.02em;
}

.pd-wrap{
  padding:44px 0 72px;
}

.pd-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.12fr) minmax(280px, 0.88fr);
  gap:clamp(28px, 4vw, 56px);
  align-items:start;
}

.pd-galleryWrap{
  position:sticky;
  top:calc(var(--site-header-h, 80px) + 16px);
}

.pd-gallery{
  display:grid;
  gap:16px;
}

.pd-gallery__stage{
  position:relative;
  aspect-ratio:3 / 2;
  background:linear-gradient(145deg, #f3f1ed 0%, #fff 48%, #ece8e2 100%);
  border:1px solid var(--pd-warm-line);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.85) inset;
  overflow:hidden;
  touch-action:pan-y pinch-zoom;
  cursor:grab;
}
.pd-gallery__stage.is-dragging{
  cursor:grabbing;
}

.pd-gallery__viewport{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  overflow:hidden;
}
.pd-lightbox__viewport{
  width:100%;
  height:100%;
  overflow:hidden;
}

.pd-gallery__track,
.pd-lightbox__track{
  display:flex;
  height:100%;
  transition:transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
  will-change:transform;
}
.pd-gallery__track.is-dragging,
.pd-lightbox__track.is-dragging{
  transition:none;
}

.pd-gallery__slide,
.pd-lightbox__slide{
  flex:0 0 100%;
  width:100%;
  height:100%;
}

.pd-gallery__img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  position:relative;
  z-index:1;
  user-select:none;
  -webkit-user-drag:none;
}

.pd-gallery__nav{
  position:absolute;
  inset:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  pointer-events:none;
  opacity:0;
  transition:opacity 0.22s ease;
}
@media (hover:hover){
  .pd-gallery__stage:hover .pd-gallery__nav,
  .pd-gallery__stage:focus-within .pd-gallery__nav{
    opacity:1;
  }
}
@media (hover:none){
  .pd-gallery__nav{
    opacity:1;
  }
}

.pd-gallery__btn{
  pointer-events:auto;
  width:44px;
  height:44px;
  border:1px solid rgba(17, 24, 39, 0.12);
  border-radius:50%;
  background:rgba(255, 255, 255, 0.94);
  color:var(--pd-ink);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);
  transition:transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}
.pd-gallery__btn:hover{
  transform:translateY(-1px);
  border-color:rgba(202, 166, 106, 0.65);
}
.pd-gallery__btn:active{
  transform:translateY(0);
}

.pd-gallery__fs{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:6;
  width:40px;
  height:40px;
  border:1px solid rgba(17, 24, 39, 0.12);
  border-radius:10px;
  background:rgba(255, 255, 255, 0.94);
  color:var(--pd-ink);
  cursor:pointer;
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 22px rgba(0, 0, 0, 0.12);
  transition:transform 0.18s ease, border-color 0.18s ease;
}
.pd-gallery__fs:hover{
  transform:translateY(-1px);
  border-color:rgba(202, 166, 106, 0.65);
}

body.pd-lightbox-open{
  overflow:hidden;
}
body.pd-lightbox-open .site-header,
body.pd-lightbox-open .mobilebar,
body.pd-lightbox-open .backtop{
  z-index:40;
}
body.pd-lightbox-open .pd-panel,
body.pd-lightbox-open .pd-composition,
body.pd-lightbox-open .pd-deep,
body.pd-lightbox-open .pd-related,
body.pd-lightbox-open .pd-galleryWrap{
  pointer-events:none;
}

.pd-lightbox{
  position:fixed;
  inset:0;
  z-index:20050;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pd-lightbox[hidden]{
  display:none;
}

.pd-lightbox__backdrop{
  position:absolute;
  inset:0;
  border:0;
  padding:0;
  margin:0;
  background:rgba(0, 0, 0, 0.92);
  cursor:pointer;
}

.pd-lightbox__close{
  position:absolute;
  top:16px;
  right:16px;
  z-index:3;
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:rgba(255, 255, 255, 0.14);
  color:#fff;
  font-size:20px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:background 0.18s ease;
}
.pd-lightbox__close:hover{
  background:rgba(255, 255, 255, 0.24);
}

.pd-lightbox__btn{
  position:absolute;
  top:50%;
  z-index:3;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  background:rgba(255, 255, 255, 0.14);
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:background 0.18s ease;
}
.pd-lightbox__btn:hover{
  background:rgba(255, 255, 255, 0.26);
}
.pd-lightbox__btn--prev{left:16px}
.pd-lightbox__btn--next{right:16px}

.pd-lightbox__counter{
  position:absolute;
  left:50%;
  bottom:20px;
  z-index:3;
  transform:translateX(-50%);
  margin:0;
  padding:6px 14px;
  border-radius:999px;
  background:rgba(0, 0, 0, 0.45);
  color:#fff;
  font-size:13px;
  letter-spacing:0.04em;
}

.pd-lightbox__stage{
  position:relative;
  z-index:2;
  width:min(96vw, 1200px);
  height:min(86vh, 800px);
  touch-action:pan-y pinch-zoom;
}

.pd-lightbox__slide{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
}
.pd-lightbox__slide img{
  max-width:100%;
  max-height:min(86vh, 800px);
  width:auto;
  height:auto;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}

.pd-gallery__shine{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(
    125deg,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0) 38%,
    rgba(255, 255, 255, 0) 62%,
    rgba(255, 255, 255, 0.12) 100%
  );
  mix-blend-mode:soft-light;
  opacity:0.85;
}

.pd-gallery__thumbs{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  overflow-x:auto;
  padding-bottom:6px;
  scrollbar-width:thin;
}

.pd-thumb{
  flex:0 0 auto;
  width:150px;
  height:100px;
  padding:0;
  border:1px solid var(--pd-warm-line);
  background:#fff;
  cursor:pointer;
  overflow:hidden;
  transition:border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.pd-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.pd-thumb:hover{
  border-color:rgba(202, 166, 106, 0.55);
  transform:translateY(-1px);
}
.pd-thumb.is-active{
  border-color:var(--accent2);
  box-shadow:0 0 0 1px var(--accent2), 0 10px 22px rgba(0, 0, 0, 0.12);
}

.pd-panel{
  position:relative;
  padding:32px 30px 34px;
  background:#fff;
  border:1px solid var(--pd-warm-line);
  box-shadow:0 18px 50px rgba(0, 0, 0, 0.07);
}
.pd-panel::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg, transparent 0%, var(--accent2) 22%, var(--accent2) 78%, transparent 100%);
  opacity:0.92;
}

.pd-kicker{
  margin:0 0 10px;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--sub);
}

.pd-title{
  margin:0 0 12px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(26px, 3.6vw, 38px);
  font-weight:700;
  line-height:1.12;
  color:var(--pd-ink);
  letter-spacing:-0.02em;
}

.pd-tagline{
  margin:0 0 22px;
  font-size:16px;
  line-height:1.55;
  color:var(--sub);
  max-width:42ch;
}

.pd-highlights{
  margin:0 0 18px;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.pd-highlights__item{
  position:relative;
  padding-left:22px;
  font-size:14px;
  line-height:1.45;
  color:var(--text);
}
.pd-highlights__item::before{
  content:"";
  position:absolute;
  left:0;
  top:0.45em;
  width:8px;
  height:8px;
  background:linear-gradient(135deg, var(--accent2), #a38452);
  box-shadow:0 0 0 1px rgba(0, 0, 0, 0.06);
}

.pd-actions{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  margin-bottom:22px;
}
.pd-btn--compact{
  padding:8px 14px !important;
  font-size:13px !important;
  font-weight:600 !important;
  min-width:0 !important;
  line-height:1.25;
}
.pd-actions .btn--primary.pd-btn--compact{
  box-shadow:0 4px 14px rgba(0, 0, 0, 0.12) !important;
}
.pd-btn-outline{
  background:transparent !important;
  color:var(--text) !important;
  border:1px solid var(--pd-warm-line) !important;
  box-shadow:none !important;
}
.pd-btn-outline:hover{
  background:var(--muted) !important;
  filter:none !important;
  text-decoration:none;
}

body.pd-viewer-open{
  overflow:hidden;
}
.pd-viewer-modal{
  position:fixed;
  inset:0;
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.pd-viewer-modal[hidden]{
  display:none !important;
}
.pd-viewer-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0, 0, 0, 0.62);
}
.pd-viewer-modal__panel{
  position:relative;
  z-index:1;
  width:min(1100px, 100%);
  max-height:min(92vh, 900px);
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:12px;
  box-shadow:0 24px 64px rgba(0, 0, 0, 0.28);
  overflow:hidden;
}
.pd-viewer-modal__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px;
  border-bottom:1px solid var(--pd-warm-line, #e8e4df);
}
.pd-viewer-modal__title{
  margin:0;
  font-size:1rem;
  font-weight:600;
  line-height:1.3;
}
.pd-viewer-modal__close{
  flex-shrink:0;
  width:36px;
  height:36px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--text);
  font-size:1.5rem;
  line-height:1;
  cursor:pointer;
}
.pd-viewer-modal__close:hover{
  background:var(--muted);
}
.pd-viewer-modal__body{
  flex:1;
  min-height:0;
  background:#0a0a0a;
}
.pd-viewer-modal__frame{
  display:block;
  width:100%;
  height:min(72vh, 720px);
  border:0;
}
.pd-viewer-modal__foot{
  padding:10px 18px 14px;
  font-size:0.875rem;
  border-top:1px solid var(--pd-warm-line, #e8e4df);
}
@media (max-width: 640px){
  .pd-viewer-modal{
    padding:0;
    align-items:stretch;
  }
  .pd-viewer-modal__panel{
    width:100%;
    max-height:100%;
    height:100%;
    border-radius:0;
  }
  .pd-viewer-modal__frame{
    height:calc(100vh - 120px);
  }
}

.pd-meta{
  margin:0;
  display:grid;
  gap:12px;
  font-size:14px;
}
.pd-meta__row{
  display:grid;
  grid-template-columns:100px 1fr;
  gap:12px;
  align-items:baseline;
}
.pd-meta dt{
  margin:0;
  font-weight:600;
  color:var(--sub);
  font-size:12px;
  letter-spacing:0.06em;
  text-transform:uppercase;
}
.pd-meta dd{
  margin:0;
  color:var(--text);
}

.pd-deep{
  margin-top:48px;
  padding:40px 32px 44px;
  background:#fff;
  border:1px solid var(--pd-warm-line);
  box-shadow:0 14px 40px rgba(0, 0, 0, 0.05);
}
.pd-sectionTitle{
  margin:0 0 28px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:22px;
  font-weight:700;
  text-align:center;
  color:var(--pd-ink);
}
.pd-sectionTitle--left{text-align:left}
.pd-deep__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(260px, 0.9fr);
  gap:clamp(24px, 4vw, 48px);
  align-items:start;
}
.pd-deep__grid--solo{
  grid-template-columns:minmax(0, 1fr);
}

.pd-prose{
  font-size:15px;
  line-height:1.7;
  color:var(--sub);
}
.pd-prose p{margin:0 0 1em}
.pd-prose p:last-child{margin-bottom:0}
.pd-prose ul,
.pd-prose ol{margin:0 0 1em 1.15em;padding:0}
.pd-prose li{margin:0.25em 0}
.pd-prose table{margin:1em 0;border-collapse:collapse;max-width:100%;font-size:14px}
.pd-prose th,
.pd-prose td{padding:0.4em 0.65em;border:1px solid rgba(0, 0, 0, 0.12);vertical-align:top}
.pd-tagline--html{
  max-width:none;
  width:100%;
}
.pd-tagline--html.pd-prose{color:var(--text)}
.pd-prose--description{min-width:0;overflow-wrap:anywhere}

.pd-specCard{
  border:1px solid var(--pd-warm-line);
  background:linear-gradient(180deg, #fdfcfa 0%, #fff 100%);
  padding:22px 22px 18px;
}
.pd-specCard__title{
  margin:0 0 16px;
  font-size:13px;
  font-weight:700;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--pd-ink);
}

.pd-specTable{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
.pd-specTable th,
.pd-specTable td{
  padding:10px 0;
  border-bottom:1px solid rgba(0, 0, 0, 0.08);
  vertical-align:top;
  text-align:left;
}
.pd-specTable th{
  width:42%;
  font-weight:600;
  color:var(--sub);
  padding-right:12px;
}
.pd-specTable tr:last-child th,
.pd-specTable tr:last-child td{border-bottom:0}

.pd-composition{
  margin-top:44px;
  padding-top:8px;
}
.pd-composition__intro{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px 24px;
  margin-bottom:28px;
}
.pd-composition__note{
  margin:0;
  font-size:14px;
  color:var(--sub);
  max-width:42ch;
}
.pd-composition__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:20px;
}
.pd-piece{
  position:relative;
  border:1px solid var(--pd-warm-line);
  background:linear-gradient(145deg, #fdfcfa 0%, #fff 55%, #f8f6f2 100%);
  padding:22px 22px 18px;
  overflow:hidden;
  min-height:100%;
  transition:box-shadow .2s ease, transform .2s ease;
}
.pd-piece:hover{
  box-shadow:0 12px 32px rgba(0, 0, 0, 0.08);
  transform:translateY(-2px);
}
.pd-piece__accent{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg, var(--accent2) 0%, rgba(184, 134, 11, 0.35) 100%);
}
.pd-piece__head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:18px;
}
.pd-piece__num{
  flex-shrink:0;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.12em;
  color:var(--accent2);
  opacity:0.85;
  padding-top:4px;
}
.pd-piece__titles{flex:1;min-width:0}
.pd-piece__name{
  margin:0;
  font-size:17px;
  font-weight:700;
  letter-spacing:-0.02em;
  color:var(--pd-ink);
  line-height:1.25;
}
.pd-piece__sub{
  margin:4px 0 0;
  font-size:13px;
  color:var(--sub);
}
.pd-piece__qty{
  flex-shrink:0;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.06em;
  color:var(--pd-ink);
  background:rgba(0, 0, 0, 0.06);
  padding:4px 8px;
  border-radius:999px;
}
.pd-piece__dims{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pd-piece__dim{
  display:flex;
  align-items:stretch;
  gap:12px;
  border:1px solid rgba(0, 0, 0, 0.07);
  background:#fff;
  border-radius:6px;
  overflow:hidden;
}
.pd-piece__dim-abbr{
  flex:0 0 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:#fff;
  background:linear-gradient(160deg, #000000 0%, #1a1a1a 100%);
}
.pd-piece__dim-body{
  flex:1;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:4px 12px;
  padding:10px 12px 10px 0;
  min-width:0;
}
.pd-piece__dim-label{
  font-size:12px;
  color:var(--sub);
  font-weight:500;
}
.pd-piece__dim-val{
  font-size:18px;
  font-weight:700;
  color:var(--pd-ink);
  letter-spacing:-0.02em;
  font-variant-numeric:tabular-nums;
}
.pd-piece__dim-unit{
  font-size:12px;
  font-weight:600;
  color:var(--sub);
  margin-left:3px;
}
.pd-piece__tour{
  margin-top:16px;
  padding-top:14px;
  border-top:1px dashed rgba(0, 0, 0, 0.1);
}
.pd-piece__tour-btn{
  width:100%;
  justify-content:center;
  gap:8px;
}
.pd-piece__rekv{
  margin:14px 0 0;
  font-size:13px;
  color:var(--sub);
}
.pd-piece__rekv-label{
  font-weight:600;
  color:var(--pd-ink);
}
.pd-piece__nodims{
  margin:0;
  font-size:13px;
  color:var(--sub);
  font-style:italic;
}
@media (max-width:640px){
  .pd-composition__grid{grid-template-columns:1fr}
}

.pd-related{
  margin-top:52px;
}
.pd-related__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:12px 20px;
  margin-bottom:22px;
}
.pd-related__all{font-size:14px}
.pd-related__grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}

@media (max-width: 960px){
  .pd-grid{
    grid-template-columns:1fr;
  }
  .pd-galleryWrap{
    position:relative;
    top:auto;
  }
  .pd-deep__grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  .pd-wrap{padding:28px 0 56px}
  .pd-panel{padding:24px 18px 26px}
  .pd-deep{padding:28px 18px 32px}
  .pd-related__grid{grid-template-columns:repeat(2, 1fr); gap:12px}
  .pd-meta__row{grid-template-columns:1fr; gap:4px}
}

@media (max-width: 460px){
  .pd-related__grid{grid-template-columns:1fr}
  .pd-hero,
  .pd-hero__wrap{min-height:min(28vh, 200px)}
}

/* Ekran oxuyucular üçün gizli başlıq */
.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}

/* Haqqımızda (about) */
.au-page{
  --au-ink:#000000;
  --au-paper:#f7f4ef;
  --au-line:rgba(12, 15, 20, 0.1);
  background:linear-gradient(180deg, #fff 0%, var(--au-paper) 55%, #fff 100%);
  color:var(--text);
}

.au-hero{
  position:relative;
  min-height:min(52vh, 520px);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
}
.au-hero__bg{
  position:absolute;
  inset:0;
  background-color:#0a0a0a;
  background-image:linear-gradient(105deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0.82) 100%), var(--au-hero, none);
  background-size:cover;
  background-position:center 35%;
}
.au-hero__grain{
  position:absolute;
  inset:0;
  opacity:0.07;
  mix-blend-mode:overlay;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.au-hero__inner{
  position:relative;
  z-index:1;
  padding:28px 0 48px;
  color:#fff;
}
.au-breadcrumb{
  font-size:13px;
  font-weight:500;
  margin-bottom:16px;
  letter-spacing:0.04em;
}
.au-breadcrumb__link{
  color:rgba(255, 255, 255, 0.78);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.au-breadcrumb__link:hover{
  color:#fff;
  border-bottom-color:rgba(255, 255, 255, 0.45);
  text-decoration:none;
}
.au-breadcrumb__sep{color:rgba(255, 255, 255, 0.45); margin:0 8px}
.au-breadcrumb__cur{color:#fff; font-weight:600}

.au-hero__title{
  margin:0 0 10px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(32px, 5vw, 52px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.05;
}
.au-hero__lead{
  margin:0;
  max-width:36ch;
  font-size:clamp(15px, 2vw, 18px);
  line-height:1.5;
  color:rgba(255, 255, 255, 0.82);
}

.au-section{padding:clamp(40px, 6vw, 88px) 0}
.au-h2{
  margin:0 0 18px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(22px, 3vw, 30px);
  font-weight:700;
  color:var(--au-ink);
  letter-spacing:-0.02em;
}
.au-h2--center{text-align:center}
.au-prose{
  font-size:16px;
  line-height:1.75;
  color:var(--sub);
}
.au-prose p{margin:0 0 1em}
.au-prose p:last-child{margin-bottom:0}
.au-prose strong{color:var(--text)}

/* Giriş: mətn + üst-üstə şəkillər */
.au-intro__grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(260px, 0.95fr);
  gap:clamp(28px, 5vw, 56px);
  align-items:center;
}
.au-stack{
  position:relative;
  min-height:min(420px, 58vw);
  max-width:440px;
  margin-inline:auto;
}
.au-stack__card{
  position:absolute;
  margin:0;
  overflow:hidden;
  box-shadow:0 22px 50px rgba(12, 15, 20, 0.18);
  border:1px solid rgba(255, 255, 255, 0.65);
  background:#fff;
}
.au-stack__card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.au-stack__card--1{
  width:58%;
  aspect-ratio:1;
  top:0;
  right:0;
  transform:rotate(4deg);
  z-index:1;
  border-radius:0;
  clip-path:polygon(0 0, 100% 0, 100% 88%, 8% 100%);
}
.au-stack__card--2{
  width:52%;
  aspect-ratio:1;
  bottom:8%;
  left:0;
  transform:rotate(-6deg);
  z-index:2;
  clip-path:inset(0 round 0 32% 0 0);
}
.au-stack__card--3{
  width:46%;
  aspect-ratio:1;
  bottom:0;
  right:6%;
  transform:rotate(9deg);
  z-index:3;
  outline:3px solid var(--accent2);
  outline-offset:4px;
}

.au-band{
  background:linear-gradient(90deg, #000000 0%, #1a1a1a 50%, #000000 100%);
  color:#fff;
  padding:28px 0;
  border-block:1px solid rgba(202, 166, 106, 0.35);
}
.au-band__inner{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  gap:24px 40px;
  text-align:center;
}
.au-stat{display:grid; gap:2px; justify-items:center}
.au-stat__num{
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(28px, 4vw, 42px);
  font-weight:700;
  color:var(--accent2);
  line-height:1;
}
.au-stat__unit{font-size:14px; font-weight:600; color:rgba(255, 255, 255, 0.55)}
.au-stat__lab{
  font-size:11px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:rgba(255, 255, 255, 0.5);
  margin-top:6px;
}

/* Timeline */
.au-tl{
  list-style:none;
  margin:36px 0 0;
  padding:0;
  max-width:820px;
  margin-inline:auto;
  position:relative;
}
.au-tl::before{
  content:"";
  position:absolute;
  left:18px;
  top:8px;
  bottom:8px;
  width:3px;
  background:linear-gradient(180deg, var(--accent2), rgba(0, 0, 0, 0.12));
  border-radius:2px;
}
.au-tl__item{
  position:relative;
  padding-left:56px;
  margin-bottom:40px;
}
.au-tl__item:last-child{margin-bottom:0}
.au-tl__marker{
  position:absolute;
  left:0;
  top:4px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  background:var(--text);
  color:#fff;
  font-weight:700;
  font-size:12px;
  box-shadow:0 0 0 4px var(--au-paper), 0 8px 20px rgba(0, 0, 0, 0.15);
}
.au-tl__year{letter-spacing:0.02em}
.au-tl__body .au-prose{margin-bottom:16px}
.au-tl__fig{
  margin:0;
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--au-line);
}
.au-tl__fig img{
  width:100%;
  display:block;
  object-fit:cover;
  max-height:min(320px, 48vw);
}
.au-tl__fig--clip{
  clip-path:polygon(0 0, 100% 0, 100% 92%, 0 100%);
}
.au-tl__fig--tilt img{
  transform:rotate(-1.5deg) scale(1.04);
  transition:transform 0.35s ease;
}
.au-tl__fig--tilt:hover img{transform:rotate(0) scale(1.02)}
.au-duo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:4px;
}
.au-duo figure{margin:0; overflow:hidden; border:1px solid var(--au-line)}
.au-duo img{width:100%; aspect-ratio:1; object-fit:cover; display:block}

/* Diagonal split blok */
.au-split{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr);
  gap:0;
  align-items:stretch;
  min-height:min(420px, 70vh);
  background:#fff;
}
.au-split__visual{
  position:relative;
  min-height:280px;
  overflow:hidden;
}
.au-split__imgWrap{
  position:absolute;
  inset:-8% -5% -8% 0;
  clip-path:polygon(0 0, 100% 0, 78% 100%, 0 100%);
}
.au-split__imgWrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.au-split__slant{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:40%;
  background:linear-gradient(90deg, transparent, rgba(202, 166, 106, 0.12));
  clip-path:polygon(40% 0, 100% 0, 100% 100%, 0 100%);
  pointer-events:none;
}
.au-split__content{
  padding:clamp(32px, 5vw, 72px) 24px clamp(32px, 5vw, 72px) clamp(20px, 4vw, 48px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-top:1px solid var(--au-line);
  border-bottom:1px solid var(--au-line);
}

.au-quoteBlock{padding:clamp(36px, 5vw, 72px) 0}
.au-quote{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(200px, 0.45fr);
  gap:clamp(20px, 4vw, 40px);
  align-items:center;
}
.au-quote__inner{
  margin:0;
  padding:28px 28px 28px 32px;
  border-left:5px solid var(--accent2);
  background:linear-gradient(90deg, rgba(202, 166, 106, 0.08), transparent 55%);
  box-shadow:0 16px 40px rgba(12, 15, 20, 0.06);
}
.au-quote__text{
  margin:0;
  font-size:clamp(16px, 2.2vw, 19px);
  line-height:1.65;
  color:var(--sub);
}
.au-quote__photo{
  margin:0;
  transform:rotate(3deg);
  box-shadow:0 24px 50px rgba(12, 15, 20, 0.2);
  border:8px solid #fff;
  outline:1px solid var(--au-line);
}
.au-quote__photo img{
  width:100%;
  display:block;
  aspect-ratio:1;
  object-fit:cover;
}

.au-venz{
  position:relative;
  padding:clamp(48px, 7vw, 96px) 0;
  color:#fff;
  overflow:hidden;
}
.au-venz__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 20% 30%, rgba(202, 166, 106, 0.18), transparent 55%),
    radial-gradient(ellipse 60% 50% at 100% 80%, rgba(236, 66, 73, 0.12), transparent 45%),
    linear-gradient(165deg, #000000 0%, #1a1a1a 100%);
}
.au-venz__inner{position:relative; z-index:1; text-align:center}
.au-venz__title{
  margin:0 0 12px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(30px, 5vw, 44px);
  font-weight:700;
  letter-spacing:0.28em;
  color:var(--accent2);
}
.au-venz__intro{
  margin:0 auto 36px;
  max-width:62ch;
  font-size:16px;
  line-height:1.7;
  color:rgba(255, 255, 255, 0.78);
}
.au-venz__stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:28px 48px;
}
.au-venz__stat{display:grid; gap:4px; justify-items:center}
.au-venz__num{
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(26px, 4vw, 38px);
  font-weight:700;
  color:#fff;
}
.au-venz__suf{font-size:13px; color:var(--accent2); font-weight:600}
.au-venz__lab{font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:rgba(255, 255, 255, 0.45)}

.au-2023__grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(260px, 0.42fr);
  gap:clamp(24px, 4vw, 48px);
  align-items:center;
}
.au-2023__fig{
  margin:0;
  position:relative;
}
.au-2023__fig img{
  width:100%;
  display:block;
  aspect-ratio:3/4;
  object-fit:cover;
  clip-path:polygon(8% 0, 100% 0, 100% 100%, 0 100%);
  border:1px solid var(--au-line);
}
.au-2023__cap{
  margin:10px 0 0;
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--sub);
}

.au-mosaic__grid{
  display:grid;
  gap:12px;
  grid-template-columns:1.35fr 0.325fr 0.325fr;
  grid-template-rows:auto auto auto;
}
.au-mosaic__cell{
  margin:0;
  overflow:hidden;
  position:relative;
  background:#e8e4de;
}
.au-mosaic__cell img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  min-height:120px;
  transition:transform 0.45s ease;
}
.au-mosaic__cell:hover img{transform:scale(1.04)}
.au-mosaic__cell--a{
  grid-column:1;
  grid-row:1 / span 2;
  min-height:min(380px, 52vw);
  clip-path:polygon(0 0, 100% 0, 94% 100%, 0 92%);
}
.au-mosaic__cell--b{
  grid-column:2;
  grid-row:1;
  aspect-ratio:1;
}
.au-mosaic__cell--c{
  grid-column:3;
  grid-row:1;
  aspect-ratio:1;
}
.au-mosaic__cell--d{
  grid-column:2 / 4;
  grid-row:2;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:linear-gradient(135deg, var(--text) 0%, #1a1a1a 100%);
  color:#fff;
  border:1px solid rgba(255, 255, 255, 0.08);
}
.au-mosaic__tag{
  margin:0;
  font-size:clamp(13px, 2vw, 15px);
  font-weight:600;
  letter-spacing:0.18em;
  text-transform:uppercase;
  text-align:center;
  line-height:1.5;
}
.au-mosaic__cell--e{
  grid-column:1 / -1;
  grid-row:3;
  min-height:min(200px, 28vw);
  clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 100%);
}

.au-expo{padding-bottom:0}
.au-expo__inner{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:24px 32px;
  align-items:end;
  padding-bottom:48px;
  border-bottom:1px solid var(--au-line);
}
.au-pills{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.au-pills__item{
  padding:10px 16px;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  border:1px solid var(--au-line);
  background:#fff;
  box-shadow:0 4px 14px rgba(12, 15, 20, 0.05);
}

.au-partners .au-cards{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
  margin-top:8px;
}
.au-card{
  padding:22px 22px 24px;
  border:1px solid var(--au-line);
  background:#fff;
  box-shadow:0 10px 28px rgba(12, 15, 20, 0.05);
  transition:box-shadow 0.2s ease, border-color 0.2s ease;
}
.au-card:hover{
  border-color:rgba(202, 166, 106, 0.45);
  box-shadow:0 16px 36px rgba(12, 15, 20, 0.08);
}
.au-card__title{
  margin:0 0 10px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:18px;
  font-weight:700;
}
.au-card__text{margin:0; font-size:14px; line-height:1.6; color:var(--sub)}
.au-dealer{
  margin:28px 0 0;
  text-align:center;
  font-size:17px;
  line-height:1.55;
  color:var(--sub);
  max-width:56ch;
  margin-inline:auto;
}
.au-cta{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
  justify-content:center;
}

@media (max-width: 960px){
  .au-intro__grid{grid-template-columns:1fr}
  .au-stack{
    min-height:380px;
    max-width:100%;
  }
  .au-quote{grid-template-columns:1fr}
  .au-quote__photo{
    max-width:280px;
    margin-inline:auto;
    transform:rotate(2deg);
  }
  .au-split{
    grid-template-columns:1fr;
  }
  .au-split__visual{min-height:240px; order:1}
  .au-split__content{order:2; border-top:0}
  .au-split__imgWrap{
    inset:0;
    clip-path:polygon(0 0, 100% 0, 100% 92%, 0 100%);
  }
  .au-2023__grid{grid-template-columns:1fr}
  .au-2023__fig{max-width:400px; margin-inline:auto}
  .au-mosaic__grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:none;
  }
  .au-mosaic__cell--a{
    grid-column:1 / -1;
    grid-row:auto;
    min-height:220px;
    clip-path:polygon(0 0, 100% 0, 100% 96%, 0 100%);
  }
  .au-mosaic__cell--b{grid-column:1; grid-row:auto; aspect-ratio:1}
  .au-mosaic__cell--c{grid-column:2; grid-row:auto; aspect-ratio:1}
  .au-mosaic__cell--d{grid-column:1 / -1}
  .au-mosaic__cell--e{grid-column:1 / -1; min-height:180px}
  .au-expo__inner{grid-template-columns:1fr}
  .au-pills{justify-content:flex-start}
}

@media (max-width: 560px){
  .au-tl{padding-left:0}
  .au-tl::before{left:11px}
  .au-tl__item{padding-left:44px}
  .au-tl__marker{width:34px; height:34px; font-size:10px}
  .au-duo{grid-template-columns:1fr}
  .au-partners .au-cards{grid-template-columns:1fr}
  .au-stack__card--1{width:62%}
  .au-stack__card--2{width:56%}
  .au-stack__card--3{width:48%}
}

/* Xammal və materiallar */
.xm-page{
  --xm-warm:#f4f0e8;
  --xm-ink:#000000;
  --xm-copper:#b8956a;
  --xm-teal:#000000;
  background:linear-gradient(180deg, #fff 0%, var(--xm-warm) 38%, #faf8f4 100%);
  color:var(--text);
}

.xm-hero{
  position:relative;
  min-height:min(48vh, 480px);
  overflow:hidden;
  color:#fff;
}
.xm-hero__glow{
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(ellipse 50% 45% at 15% 35%, rgba(202, 166, 106, 0.35), transparent 55%),
    radial-gradient(ellipse 40% 40% at 90% 20%, rgba(45, 106, 106, 0.22), transparent 50%),
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(236, 66, 73, 0.12), transparent 45%);
  pointer-events:none;
}
.xm-hero__grid{
  position:absolute;
  inset:0;
  opacity:0.12;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size:48px 48px;
  pointer-events:none;
}
.xm-hero__photo{
  position:absolute;
  inset:0;
  background-image:linear-gradient(115deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.55) 42%, rgba(0, 0, 0, 0.88) 100%), var(--xm-hero, none);
  background-size:cover;
  background-position:center 40%;
  mix-blend-mode:normal;
}
.xm-hero__inner{
  position:relative;
  z-index:1;
  padding:28px 0 44px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:min(48vh, 480px);
}
.xm-crumb{
  font-size:13px;
  font-weight:500;
  margin-bottom:14px;
  letter-spacing:0.03em;
}
.xm-crumb a{
  color:rgba(255, 255, 255, 0.75);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.xm-crumb a:hover{
  color:#fff;
  border-bottom-color:rgba(255, 255, 255, 0.4);
  text-decoration:none;
}
.xm-crumb span{color:rgba(255, 255, 255, 0.45); margin:0 8px}
.xm-crumb span[aria-current="page"]{color:#fff; font-weight:600}

.xm-hero__title{
  margin:0 0 10px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(30px, 4.8vw, 48px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.05;
}
.xm-hero__sub{
  margin:0 0 20px;
  max-width:40ch;
  font-size:15px;
  line-height:1.5;
  color:rgba(255, 255, 255, 0.82);
}
.xm-hero__chips{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
}
.xm-hero__chips li{
  padding:6px 12px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.14em;
  text-transform:uppercase;
  border:1px solid rgba(255, 255, 255, 0.35);
  background:rgba(0, 0, 0, 0.2);
  backdrop-filter:blur(6px);
}

.xm-block{padding:clamp(44px, 7vw, 96px) 0}
.xm-h2{
  margin:0 0 16px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(22px, 3vw, 30px);
  font-weight:700;
  color:var(--xm-ink);
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px 14px;
}
.xm-h2--light{color:#fff}
.xm-h2--center{justify-content:center; text-align:center}
.xm-h2__num{
  font-size:13px;
  font-weight:800;
  letter-spacing:0.12em;
  color:var(--accent2);
  opacity:0.95;
}
.xm-h2--light .xm-h2__num{color:var(--accent2)}
.xm-prose{
  font-size:16px;
  line-height:1.75;
  color:var(--sub);
}
.xm-prose p{margin:0}
.xm-prose--light{color:rgba(255, 255, 255, 0.82)}
.xm-prose--light strong{color:#fff}
.xm-prose--narrow{max-width:52ch}
.xm-prose--center{text-align:center; margin-inline:auto}

/* 01 Xammal — şəkil kompozisiyası */
.xm-xammal__grid{
  display:grid;
  grid-template-columns:minmax(260px, 1fr) minmax(0, 1fr);
  gap:clamp(28px, 5vw, 56px);
  align-items:center;
}
.xm-xammal__visual{
  position:relative;
  min-height:min(380px, 52vw);
  max-width:480px;
  margin-inline:auto;
}
.xm-xammal__fig{
  margin:0;
  overflow:hidden;
  box-shadow:0 20px 48px rgba(0, 0, 0, 0.15);
  border:1px solid rgba(255, 255, 255, 0.7);
}
.xm-xammal__fig img{width:100%; height:100%; object-fit:cover; display:block}
.xm-xammal__fig--a{
  position:absolute;
  width:68%;
  aspect-ratio:4/5;
  top:0;
  left:0;
  clip-path:polygon(0 0, 100% 0, 92% 100%, 0 94%);
}
.xm-xammal__fig--b{
  position:absolute;
  width:55%;
  aspect-ratio:1;
  bottom:0;
  right:0;
  transform:rotate(6deg);
  z-index:2;
  outline:3px solid var(--accent2);
  outline-offset:6px;
}
.xm-xammal__badge{
  position:absolute;
  top:12%;
  right:4%;
  z-index:3;
  padding:10px 14px;
  font-size:11px;
  font-weight:800;
  letter-spacing:0.15em;
  text-transform:uppercase;
  background:var(--text);
  color:#fff;
  box-shadow:0 10px 28px rgba(0, 0, 0, 0.2);
}

/* 02 Dəzgah — tünd, şaquli zolaqlar */
.xm-machine{
  position:relative;
  background:#000000;
  color:#fff;
  overflow:hidden;
}
.xm-machine__stripes{
  position:absolute;
  inset:0;
  opacity:0.14;
  background:repeating-linear-gradient(
    -28deg,
    transparent,
    transparent 18px,
    rgba(255, 255, 255, 0.06) 18px,
    rgba(255, 255, 255, 0.06) 20px
  );
  pointer-events:none;
}
.xm-machine__inner{
  position:relative;
  z-index:1;
  text-align:center;
  max-width:56ch;
  margin-inline:auto;
}
.xm-machine__inner .xm-h2{justify-content:center}
.xm-machine__tags{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.xm-machine__tags span{
  padding:8px 14px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  border:1px solid rgba(202, 166, 106, 0.45);
  color:var(--accent2);
}

/* 03 İşçilik — “20” watermark */
.xm-craft{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, #fff 0%, #f0ebe3 100%);
}
.xm-craft__water{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -52%);
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(120px, 28vw, 220px);
  font-weight:700;
  color:rgba(0, 0, 0, 0.04);
  line-height:1;
  pointer-events:none;
  user-select:none;
}
.xm-craft__inner{position:relative; z-index:1; text-align:center}
.xm-craft__ring{
  position:absolute;
  left:50%;
  top:58%;
  width:min(420px, 90vw);
  height:min(420px, 90vw);
  transform:translate(-50%, -50%);
  border:1px solid rgba(202, 166, 106, 0.2);
  border-radius:50%;
  pointer-events:none;
}
.xm-craft .xm-prose--narrow strong{color:var(--text)}

/* 04 Dizayn — iki şəhər kartı */
.xm-design__intro{margin-bottom:32px}
.xm-cities{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:clamp(12px, 3vw, 28px);
  align-items:center;
  max-width:920px;
  margin-inline:auto;
}
.xm-city{
  display:grid;
  gap:0;
  overflow:hidden;
  border:1px solid rgba(0, 0, 0, 0.1);
  background:#fff;
  box-shadow:0 18px 44px rgba(0, 0, 0, 0.08);
  transition:transform 0.25s ease, box-shadow 0.25s ease;
}
.xm-city:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 50px rgba(0, 0, 0, 0.12);
}
.xm-city__visual{
  aspect-ratio:4/3;
  overflow:hidden;
}
.xm-city__visual img{width:100%; height:100%; object-fit:cover; display:block}
.xm-city__body{padding:18px 18px 20px}
.xm-city__name{
  margin:0 0 6px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:20px;
  font-weight:700;
}
.xm-city__role{margin:0; font-size:13px; color:var(--sub); line-height:1.45}
.xm-city--ist{border-top:4px solid var(--xm-teal)}
.xm-city--cgn{border-top:4px solid var(--accent2)}
.xm-cities__link{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  padding:8px 0;
}
.xm-cities__line{
  width:2px;
  height:28px;
  background:linear-gradient(180deg, var(--xm-teal), var(--accent2));
  border-radius:2px;
}
.xm-cities__dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--text);
  box-shadow:0 0 0 4px rgba(202, 166, 106, 0.25);
}

/* 05 Müasirlik */
.xm-future{
  position:relative;
  overflow:hidden;
  padding-bottom:clamp(56px, 8vw, 100px);
}
.xm-future__blob{
  position:absolute;
  border-radius:50%;
  filter:blur(80px);
  opacity:0.45;
  pointer-events:none;
}
.xm-future__blob--a{
  width:min(480px, 70vw);
  height:min(480px, 70vw);
  background:rgba(202, 166, 106, 0.5);
  top:-10%;
  right:-15%;
}
.xm-future__blob--b{
  width:min(400px, 60vw);
  height:min(400px, 60vw);
  background:rgba(45, 106, 106, 0.35);
  bottom:5%;
  left:-10%;
}
.xm-future__inner{position:relative; z-index:1}
.xm-future__statement{
  margin:0 0 28px;
  max-width:48ch;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(22px, 3.6vw, 34px);
  font-weight:600;
  line-height:1.35;
  color:var(--xm-ink);
}
.xm-future__kicker{
  display:block;
  margin-bottom:12px;
  font-family:Roboto, system-ui, sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--xm-teal);
}
.xm-future__fig{
  margin:0;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-shadow:0 24px 60px rgba(0, 0, 0, 0.12);
  clip-path:polygon(0 6%, 100% 0, 100% 100%, 0 94%);
  overflow:hidden;
}
.xm-future__fig img{
  width:100%;
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
}

.xm-outro{
  padding:36px 0 52px;
  border-top:1px solid rgba(0, 0, 0, 0.08);
  background:rgba(255, 255, 255, 0.65);
}
.xm-outro__inner{text-align:center}
.xm-outro__text{margin:0 0 16px; font-size:15px; color:var(--sub)}
.xm-outro__actions{display:flex; flex-wrap:wrap; gap:10px; justify-content:center}

@media (max-width: 900px){
  .xm-xammal__grid{grid-template-columns:1fr}
  .xm-xammal__visual{min-height:340px}
}
@media (max-width: 720px){
  .xm-cities{
    grid-template-columns:1fr;
    max-width:420px;
    margin-inline:auto;
  }
  .xm-cities__link{
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:10px 0;
  }
  .xm-cities__line{
    width:min(72px, 22vw);
    height:2px;
  }
  .xm-cities__line:first-of-type{
    background:linear-gradient(90deg, transparent, var(--xm-teal));
  }
  .xm-cities__line:last-of-type{
    background:linear-gradient(90deg, var(--accent2), transparent);
  }
  .xm-cities__dot{margin:0 10px}
}

/* Zəmanət şərtləri */
.zm-page{
  --zm-ink:#000000;
  --zm-paper:#fbf9f4;
  --zm-warm:#f3efe6;
  background:linear-gradient(180deg, #fff 0%, var(--zm-paper) 45%, #faf7f1 100%);
  color:var(--text);
}

.zm-hero{
  position:relative;
  min-height:min(46vh, 460px);
  overflow:hidden;
  color:#fff;
}
.zm-hero__bg{
  position:absolute;
  inset:0;
  background-image:linear-gradient(118deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.62) 48%, rgba(0, 0, 0, 0.9) 100%), var(--zm-hero, none);
  background-size:cover;
  background-position:center 38%;
}
.zm-hero__shield{
  position:absolute;
  right:8%;
  top:50%;
  transform:translateY(-50%);
  width:min(200px, 28vw);
  height:min(220px, 32vw);
  opacity:0.06;
  background:linear-gradient(135deg, #fff 0%, transparent 55%);
  clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  pointer-events:none;
}
.zm-hero__inner{
  position:relative;
  z-index:1;
  padding:28px 0 40px;
  min-height:min(46vh, 460px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.zm-crumb{
  font-size:13px;
  font-weight:500;
  margin-bottom:14px;
  letter-spacing:0.03em;
}
.zm-crumb a{
  color:rgba(255, 255, 255, 0.75);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.zm-crumb a:hover{
  color:#fff;
  border-bottom-color:rgba(255, 255, 255, 0.4);
  text-decoration:none;
}
.zm-crumb span{color:rgba(255, 255, 255, 0.45); margin:0 8px}
.zm-crumb span[aria-current="page"]{color:#fff; font-weight:600}

.zm-hero__grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:24px 32px;
  align-items:end;
}
.zm-hero__title{
  margin:0 0 12px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(30px, 4.6vw, 46px);
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.05;
}
.zm-hero__intro{
  margin:0;
  max-width:52ch;
  font-size:16px;
  line-height:1.65;
  color:rgba(255, 255, 255, 0.86);
}
.zm-hero__intro strong{color:#fff}
.zm-hero__badge{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:2px;
  padding:20px 22px 18px;
  background:linear-gradient(145deg, rgba(202, 166, 106, 0.95), #a38452);
  color:#0a0a0a;
  box-shadow:0 18px 44px rgba(0, 0, 0, 0.25);
  border:1px solid rgba(255, 255, 255, 0.35);
  clip-path:polygon(12% 0, 100% 0, 100% 88%, 88% 100%, 0 100%, 0 12%);
}
.zm-hero__badgeNum{
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(36px, 6vw, 52px);
  font-weight:700;
  line-height:1;
}
.zm-hero__badgeUnit{font-size:14px; font-weight:800; letter-spacing:0.2em; text-transform:uppercase}
.zm-hero__badgeLab{
  margin-top:6px;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  opacity:0.75;
}

.zm-block{padding:clamp(40px, 6vw, 80px) 0}
.zm-h2{
  margin:0 0 16px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(22px, 2.8vw, 28px);
  font-weight:700;
  color:var(--zm-ink);
}
.zm-h2--center{text-align:center}
.zm-h2--light{color:#fff}
.zm-h2--inline{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.zm-h2__icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  background:var(--text);
  color:#fff;
  font-size:18px;
}
.zm-prose{font-size:16px; line-height:1.75; color:var(--sub)}
.zm-prose p{margin:0 0 1em}
.zm-prose p:last-child{margin-bottom:0}
.zm-prose strong{color:var(--text)}
.zm-prose--light{color:rgba(255, 255, 255, 0.82)}
.zm-prose--light strong{color:#fff}
.zm-prose--narrow{max-width:68ch; margin-inline:auto}
.zm-prose--center{text-align:center}

/* Kağız vərəqi — sənədlər */
.zm-paper{background:linear-gradient(180deg, transparent 0%, rgba(202, 166, 106, 0.06) 100%)}
.zm-paper__sheet{
  position:relative;
  padding:28px 28px 32px;
  background:#fffef9;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-shadow:0 16px 40px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  clip-path:polygon(0 12px, 12px 0, 100% 0, 100% 100%, 0 100%);
}
.zm-paper__sheet::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:6px;
  background:repeating-linear-gradient(
    90deg,
    rgba(202, 166, 106, 0.35),
    rgba(202, 166, 106, 0.35) 8px,
    transparent 8px,
    transparent 14px
  );
  opacity:0.6;
}

/* Bilet siyahısı */
.zm-ticketList{
  list-style:none;
  margin:28px 0 0;
  padding:0;
  display:grid;
  gap:14px;
}
.zm-ticket{
  position:relative;
  margin:0;
  padding:18px 18px 18px 22px;
  background:#fff;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-shadow:0 8px 24px rgba(0, 0, 0, 0.05);
  font-size:15px;
  line-height:1.65;
  color:var(--sub);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.zm-ticket::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:4px;
  background:linear-gradient(180deg, var(--accent2), #8a6e3e);
  border-radius:0 2px 2px 0;
}
.zm-ticket:hover{
  transform:translateX(4px);
  box-shadow:0 12px 32px rgba(0, 0, 0, 0.08);
}
.zm-ticket strong{color:var(--text)}

/* Təmənnasız dəyişdirmə */
.zm-swap{
  position:relative;
  background:linear-gradient(135deg, #f5f5f5 0%, var(--zm-warm) 55%, #fff 100%);
  overflow:hidden;
}
.zm-swap__deco{
  position:absolute;
  width:min(420px, 55vw);
  height:min(420px, 55vw);
  right:-18%;
  top:-25%;
  border:1px solid rgba(45, 106, 106, 0.15);
  border-radius:50%;
  pointer-events:none;
}
.zm-swap__lead{
  margin:0 0 20px;
  font-size:16px;
  line-height:1.65;
  color:var(--sub);
  max-width:60ch;
}
.zm-swapList{
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:zmswap;
  display:grid;
  gap:12px;
}
.zm-swapList li{
  counter-increment:zmswap;
  position:relative;
  padding:14px 16px 14px 52px;
  background:#fff;
  border:1px solid rgba(0, 0, 0, 0.08);
  font-size:15px;
  line-height:1.6;
  color:var(--sub);
  box-shadow:0 4px 16px rgba(0, 0, 0, 0.04);
}
.zm-swapList li::before{
  content:counter(zmswap);
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:800;
  background:#000000;
  color:#fff;
  border-radius:50%;
}

/* İstisnalar */
.zm-excl{
  background:linear-gradient(165deg, #000000 0%, #1a1a1a 100%);
  color:#fff;
}
.zm-excl__sub{margin-bottom:16px; max-width:52ch}
.zm-exclList{
  margin:0 0 24px;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.zm-exclList li{
  position:relative;
  padding:12px 12px 12px 36px;
  font-size:14px;
  line-height:1.55;
  color:rgba(255, 255, 255, 0.78);
  background:rgba(255, 255, 255, 0.04);
  border:1px solid rgba(255, 255, 255, 0.08);
}
.zm-exclList li::before{
  content:"×";
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  font-weight:700;
  color:rgba(236, 66, 73, 0.85);
}
.zm-excl__note{
  margin:0;
  padding-top:8px;
  border-top:1px solid rgba(255, 255, 255, 0.1);
  font-size:14px;
  line-height:1.65;
}

/* Fəsil: qəbul + şəkil */
.zm-chapter--split .zm-chapter__grid{
  display:grid;
  grid-template-columns:minmax(0, 0.42fr) minmax(0, 1fr);
  gap:clamp(24px, 4vw, 48px);
  align-items:center;
}
.zm-chapter__fig{
  margin:0;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-shadow:0 20px 50px rgba(0, 0, 0, 0.1);
  clip-path:polygon(0 8%, 100% 0, 100% 92%, 0 100%);
}
.zm-chapter__fig img{
  width:100%;
  display:block;
  aspect-ratio:1;
  object-fit:cover;
}
.zm-chapter__cap{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:10px 12px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.14em;
  text-transform:uppercase;
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.65), transparent);
  color:#fff;
}

.zm-chapter--wave{
  background:linear-gradient(180deg, #fff 0%, #f5f5f5 100%);
}

.zm-rail{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:0 28px;
  align-items:start;
  margin-top:8px;
}
.zm-rail__line{
  width:5px;
  min-height:120px;
  background:linear-gradient(180deg, var(--accent2), rgba(0, 0, 0, 0.25));
  border-radius:3px;
  margin-top:6px;
}
.zm-prose--rail{padding-top:0}

.zm-alert{
  padding:36px 0;
  background:linear-gradient(90deg, rgba(236, 66, 73, 0.12) 0%, rgba(236, 66, 73, 0.04) 40%, #fff 100%);
  border-block:2px solid rgba(236, 66, 73, 0.35);
}
.zm-alert__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:20px 24px;
}
.zm-alert__bolt{
  flex-shrink:0;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:28px;
  font-weight:800;
  background:var(--saloglu-red);
  color:#fff;
  border-radius:50%;
  box-shadow:0 10px 28px rgba(236, 66, 73, 0.35);
}
.zm-alert__title{
  margin:0 0 8px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:22px;
  font-weight:700;
  color:var(--zm-ink);
}
.zm-alert__text{
  margin:0;
  font-size:16px;
  line-height:1.65;
  color:var(--sub);
  max-width:72ch;
}

.zm-outro{
  padding:32px 0 56px;
  border-top:1px solid rgba(0, 0, 0, 0.08);
}
.zm-outro__inner{display:flex; flex-wrap:wrap; gap:10px; justify-content:center}

@media (max-width: 900px){
  .zm-hero__grid{grid-template-columns:1fr}
  .zm-hero__badge{justify-self:start; margin-top:8px}
  .zm-chapter--split .zm-chapter__grid{grid-template-columns:1fr}
  .zm-chapter__fig{max-width:400px; margin-inline:auto; order:-1}
}
@media (max-width: 560px){
  .zm-hero__shield{display:none}
}

/* Ən çox verilən suallar (FAQ) — zəngin dizayn */
.fq-page{
  --fq-a:#000000;
  --fq-b:#b8956a;
  --fq-c:#333333;
  --fq-d:#c45c4a;
  --fq-ink:#000000;
  background:
    radial-gradient(1200px 700px at 8% -10%, rgba(202, 166, 106, 0.12), transparent 55%),
    radial-gradient(900px 500px at 100% 15%, rgba(45, 106, 106, 0.1), transparent 50%),
    linear-gradient(180deg, #f6f3ec 0%, #fff 28%, #faf8f4 100%);
  color:var(--text);
}

.fq-hero{
  position:relative;
  padding:clamp(36px, 6vw, 56px) 0 clamp(28px, 4vw, 40px);
  overflow:hidden;
  border-bottom:1px solid rgba(0, 0, 0, 0.08);
  background:linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, transparent 100%);
}
.fq-hero__mesh{
  position:absolute;
  inset:0;
  opacity:0.35;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0L60 30 30 60 0 30Z' fill='none' stroke='%23000000' stroke-opacity='0.06' stroke-width='0.8'/%3E%3C/svg%3E");
  background-size:60px 60px;
}
.fq-hero__blobs{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0.75;
  background:
    radial-gradient(circle at 10% 35%, rgba(45, 106, 106, 0.18) 0%, transparent 45%),
    radial-gradient(circle at 92% 22%, rgba(202, 166, 106, 0.2) 0%, transparent 42%),
    radial-gradient(circle at 72% 88%, rgba(92, 77, 122, 0.12) 0%, transparent 45%);
}
.fq-hero__deco{
  position:absolute;
  right:min(4%, 24px);
  top:50%;
  transform:translateY(-52%);
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(100px, 22vw, 200px);
  font-weight:700;
  line-height:1;
  color:rgba(0, 0, 0, 0.04);
  pointer-events:none;
  user-select:none;
}
.fq-hero__inner{position:relative; z-index:1}
.fq-crumb{
  font-size:13px;
  font-weight:500;
  margin-bottom:16px;
  letter-spacing:0.02em;
  color:var(--sub);
}
.fq-crumb a{
  color:var(--sub);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.fq-crumb a:hover{color:var(--text); border-bottom-color:rgba(0, 0, 0, 0.25); text-decoration:none}
.fq-crumb span{margin:0 8px; color:rgba(0, 0, 0, 0.35)}
.fq-crumb span[aria-current="page"]{color:var(--fq-ink); font-weight:600}

.fq-hero__row{margin-bottom:clamp(20px, 3vw, 28px)}
.fq-hero__title{
  margin:0 0 12px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(30px, 4.8vw, 48px);
  font-weight:700;
  letter-spacing:-0.035em;
  line-height:1.06;
  color:var(--fq-ink);
  text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
.fq-hero__lead{
  margin:0;
  max-width:52ch;
  font-size:17px;
  line-height:1.6;
  color:var(--sub);
}

.fq-hero__chips{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px 14px;
}
.fq-hero__chip{
  padding:14px 14px 16px;
  font-size:13px;
  line-height:1.45;
  color:var(--sub);
  background:#fff;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-shadow:0 10px 28px rgba(0, 0, 0, 0.07);
  border-top:3px solid var(--accent2);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.fq-hero__chip:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(0, 0, 0, 0.1);
}
.fq-hero__chipVal{
  display:block;
  margin-bottom:6px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(18px, 2.4vw, 22px);
  font-weight:700;
  color:var(--fq-ink);
  letter-spacing:-0.02em;
}

.fq-tocWrap{
  position:sticky;
  top:calc(var(--site-header-h, 80px) - 1px);
  z-index:30;
  padding:14px 0 16px;
  background:rgba(255, 255, 255, 0.88);
  backdrop-filter:saturate(1.2) blur(12px);
  border-bottom:1px solid rgba(0, 0, 0, 0.1);
  box-shadow:0 12px 32px rgba(0, 0, 0, 0.08);
}
.fq-toc__label{
  margin:0 0 10px;
  font-size:11px;
  font-weight:800;
  letter-spacing:0.2em;
  text-transform:uppercase;
  text-align:center;
  color:var(--sub);
}
.fq-toc{
  display:flex;
  flex-wrap:wrap;
  gap:12px 14px;
  justify-content:center;
}
.fq-toc__link{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  min-width:min(132px, 42vw);
  padding:14px 12px 16px;
  text-decoration:none;
  color:var(--fq-ink);
  background:linear-gradient(180deg, #fff 0%, #faf8f5 100%);
  border:1px solid rgba(0, 0, 0, 0.12);
  box-shadow:0 6px 20px rgba(0, 0, 0, 0.06);
  transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.fq-toc__link:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 36px rgba(0, 0, 0, 0.12);
  text-decoration:none;
  color:var(--fq-ink);
}
.fq-toc__num{
  font-size:10px;
  font-weight:800;
  letter-spacing:0.14em;
  color:rgba(0, 0, 0, 0.45);
}
.fq-toc__ico{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  font-size:17px;
  color:#fff;
  border-radius:50%;
  box-shadow:0 6px 16px rgba(0, 0, 0, 0.15);
}
.fq-toc__link--a .fq-toc__ico{background:linear-gradient(135deg, var(--fq-a), #1a1a1a)}
.fq-toc__link--b .fq-toc__ico{background:linear-gradient(135deg, var(--fq-b), #7a623e)}
.fq-toc__link--c .fq-toc__ico{background:linear-gradient(135deg, var(--fq-c), #1a1a1a)}
.fq-toc__link--d .fq-toc__ico{background:linear-gradient(135deg, var(--fq-d), #8a3e32)}
.fq-toc__txt{
  font-size:12px;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  text-align:center;
  line-height:1.25;
}
.fq-toc__link--a{border-top:3px solid var(--fq-a)}
.fq-toc__link--b{border-top:3px solid var(--fq-b)}
.fq-toc__link--c{border-top:3px solid var(--fq-c)}
.fq-toc__link--d{border-top:3px solid var(--fq-d)}

.fq-topic{
  position:relative;
  scroll-margin-top:calc(var(--site-header-h, 80px) + 100px);
  padding:clamp(44px, 6vw, 80px) 0;
  border-bottom:1px solid rgba(0, 0, 0, 0.06);
}
.fq-topic:last-of-type{border-bottom:0}
.fq-topic__bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:1;
}
.fq-topic--a .fq-topic__bg{
  background:linear-gradient(135deg, rgba(45, 106, 106, 0.09) 0%, transparent 55%, rgba(202, 166, 106, 0.05) 100%);
}
.fq-topic--b .fq-topic__bg{
  background:linear-gradient(225deg, rgba(202, 166, 106, 0.12) 0%, transparent 50%, rgba(45, 106, 106, 0.04) 100%);
}
.fq-topic--c .fq-topic__bg{
  background:linear-gradient(160deg, rgba(92, 77, 122, 0.1) 0%, transparent 58%, rgba(202, 166, 106, 0.05) 100%);
}
.fq-topic--d .fq-topic__bg{
  background:linear-gradient(200deg, rgba(196, 92, 74, 0.08) 0%, transparent 55%, rgba(92, 77, 122, 0.06) 100%);
}
.fq-topic__container{position:relative; z-index:1}

.fq-topic__head{
  display:flex;
  align-items:center;
  gap:clamp(14px, 3vw, 22px);
  margin-bottom:clamp(20px, 3vw, 28px);
}
.fq-topic__icon{
  width:clamp(56px, 10vw, 72px);
  height:clamp(56px, 10vw, 72px);
  flex-shrink:0;
  display:grid;
  place-items:center;
  font-size:clamp(22px, 3.5vw, 28px);
  color:#fff;
  border:2px solid rgba(255, 255, 255, 0.45);
  box-shadow:0 14px 36px rgba(0, 0, 0, 0.18);
}
.fq-topic__icon--a{background:linear-gradient(145deg, var(--fq-a), #1a1a1a)}
.fq-topic__icon--b{background:linear-gradient(145deg, var(--fq-b), #6a5434)}
.fq-topic__icon--c{background:linear-gradient(145deg, var(--fq-c), #1a1a1a)}
.fq-topic__icon--d{background:linear-gradient(145deg, var(--fq-d), #6e3228)}
.fq-topic__headText{min-width:0}
.fq-topic__eyebrow{
  margin:0 0 4px;
  font-size:11px;
  font-weight:800;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--sub);
}
.fq-topic__title{
  margin:0;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(22px, 3vw, 30px);
  font-weight:700;
  color:var(--fq-ink);
  line-height:1.2;
}

.fq-topic__panel{
  padding:clamp(18px, 3vw, 26px);
  background:rgba(255, 255, 255, 0.82);
  border:1px solid rgba(0, 0, 0, 0.1);
  box-shadow:0 20px 50px rgba(0, 0, 0, 0.08);
  backdrop-filter:blur(8px);
}

.fq-stack{
  display:grid;
  gap:16px;
  max-width:880px;
}
.fq-item{
  border:1px solid rgba(0, 0, 0, 0.1);
  background:#fff;
  box-shadow:0 4px 18px rgba(0, 0, 0, 0.05);
  overflow:hidden;
  border-radius:0;
  transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.fq-item:hover{transform:translateY(-2px); box-shadow:0 10px 28px rgba(0, 0, 0, 0.09)}
.fq-item[open]{
  border-color:rgba(0, 0, 0, 0.16);
  box-shadow:0 16px 44px rgba(0, 0, 0, 0.1);
  transform:translateY(0);
}
.fq-topic--a .fq-item[open]{border-left:4px solid var(--fq-a)}
.fq-topic--b .fq-item[open]{border-left:4px solid var(--fq-b)}
.fq-topic--c .fq-item[open]{border-left:4px solid var(--fq-c)}
.fq-topic--d .fq-item[open]{border-left:4px solid var(--fq-d)}

.fq-q{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 20px 20px 22px;
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  color:var(--fq-ink);
  background:linear-gradient(90deg, rgba(0, 0, 0, 0.02) 0%, transparent 40%);
}
.fq-q::-webkit-details-marker{display:none}
.fq-q:focus{outline:none}
.fq-q:focus-visible{outline:2px solid var(--accent2); outline-offset:2px}
.fq-q__text{flex:1; min-width:0}
.fq-q__icon{
  position:relative;
  width:26px;
  height:26px;
  flex-shrink:0;
  border:1px solid rgba(0, 0, 0, 0.15);
  background:rgba(255, 255, 255, 0.9);
}
.fq-q__icon::before,
.fq-q__icon::after{
  content:"";
  position:absolute;
  background:var(--fq-ink);
  transition:opacity 0.2s ease, transform 0.2s ease;
}
.fq-q__icon::before{
  left:50%;
  top:6px;
  bottom:6px;
  width:2px;
  transform:translateX(-50%);
}
.fq-q__icon::after{
  top:50%;
  left:6px;
  right:6px;
  height:2px;
  transform:translateY(-50%);
}
.fq-item[open] .fq-q__icon::before{
  opacity:0;
  transform:translateX(-50%) scaleY(0);
}

.fq-a{
  padding:4px 22px 22px 26px;
  font-size:15px;
  line-height:1.75;
  color:var(--sub);
  border-top:1px solid rgba(0, 0, 0, 0.08);
  background:linear-gradient(180deg, rgba(246, 243, 236, 0.55) 0%, #fff 18%);
}
.fq-a p{margin:0 0 1em}
.fq-a p:last-child{margin-bottom:0}
.fq-a strong{color:var(--fq-ink)}

.fq-outro{
  position:relative;
  padding:clamp(44px, 6vw, 64px) 0 56px;
  text-align:center;
  overflow:hidden;
  border-top:1px solid rgba(0, 0, 0, 0.08);
  background:linear-gradient(180deg, #fff 0%, #f3efe6 100%);
}
.fq-outro__glow{
  position:absolute;
  left:50%;
  top:40%;
  transform:translate(-50%, -50%);
  width:min(520px, 90vw);
  height:min(320px, 50vh);
  background:radial-gradient(ellipse at center, rgba(202, 166, 106, 0.22), transparent 70%);
  pointer-events:none;
}
.fq-outro__inner{position:relative; z-index:1}
.fq-outro__mark{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  margin:0 auto 14px;
  font-size:24px;
  color:var(--fq-ink);
  background:#fff;
  border:2px solid var(--accent2);
  border-radius:50%;
  box-shadow:0 10px 28px rgba(0, 0, 0, 0.08);
}
.fq-outro__text{
  margin:0 0 18px;
  font-size:18px;
  font-weight:600;
  color:var(--fq-ink);
}
.fq-outro__actions{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}

@media (max-width: 1020px){
  .fq-hero__chips{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width: 560px){
  .fq-hero__deco{display:none}
  .fq-hero__chips{grid-template-columns:1fr}
  .fq-toc{justify-content:flex-start; overflow-x:auto; flex-wrap:nowrap; padding-bottom:6px; scrollbar-width:thin; gap:10px}
  .fq-toc__link{min-width:112px; padding:12px 10px 14px}
  .fq-toc__ico{width:36px; height:36px; font-size:15px}
}

/* Bizimlə əlaqə */
@keyframes eq-ring{
  0%{transform:scale(0.65); opacity:0.55}
  70%{opacity:0.12}
  100%{transform:scale(1.35); opacity:0}
}

.eq-page{
  --eq-ink:#000000;
  background:linear-gradient(180deg, #f8f6f1 0%, #fff 40%, #f3efe8 100%);
  color:var(--text);
}

.eq-hero{
  position:relative;
  padding:clamp(36px, 6vw, 56px) 0 clamp(28px, 4vw, 40px);
  overflow:hidden;
  border-bottom:1px solid rgba(0, 0, 0, 0.08);
}
.eq-hero__aurora{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 15% 20%, rgba(202, 166, 106, 0.2), transparent 50%),
    radial-gradient(ellipse 60% 50% at 90% 10%, rgba(236, 66, 73, 0.1), transparent 45%),
    radial-gradient(ellipse 70% 55% at 50% 100%, rgba(45, 106, 106, 0.08), transparent 55%);
}
.eq-hero__rings{
  position:absolute;
  right:6%;
  top:50%;
  transform:translateY(-50%);
  width:min(280px, 42vw);
  height:min(280px, 42vw);
  pointer-events:none;
}
.eq-hero__rings span{
  position:absolute;
  inset:0;
  border:1px solid rgba(0, 0, 0, 0.08);
  border-radius:50%;
  animation:eq-ring 4s ease-out infinite;
}
.eq-hero__rings span:nth-child(2){animation-delay:1.1s}
.eq-hero__rings span:nth-child(3){animation-delay:2.2s}
.eq-hero__inner{position:relative; z-index:1}
.eq-crumb{
  font-size:13px;
  font-weight:500;
  margin-bottom:14px;
  color:var(--sub);
}
.eq-crumb a{
  color:var(--sub);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.eq-crumb a:hover{color:var(--text); border-bottom-color:rgba(0, 0, 0, 0.22); text-decoration:none}
.eq-crumb span{margin:0 8px; color:rgba(0, 0, 0, 0.35)}
.eq-crumb span[aria-current="page"]{color:var(--eq-ink); font-weight:600}
.eq-hero__title{
  margin:0 0 12px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(30px, 4.6vw, 46px);
  font-weight:700;
  letter-spacing:-0.03em;
  color:var(--eq-ink);
  line-height:1.05;
}
.eq-hero__lead{
  margin:0;
  max-width:48ch;
  font-size:17px;
  line-height:1.6;
  color:var(--sub);
}

.eq-hot{
  position:relative;
  padding:clamp(40px, 7vw, 72px) 0;
  overflow:hidden;
  color:#fff;
}
.eq-hot__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 100% 80% at 50% 120%, rgba(236, 66, 73, 0.35), transparent 55%),
    linear-gradient(165deg, #000000 0%, #1a1a1a 45%, #000000 100%);
}
.eq-hot__inner{position:relative; z-index:1; text-align:center}
.eq-hot__label{
  margin:0 0 10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:rgba(255, 255, 255, 0.55);
}
.eq-hot__num{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(44px, 12vw, 96px);
  font-weight:700;
  line-height:1;
  color:#fff;
  text-decoration:none;
  text-shadow:0 12px 40px rgba(0, 0, 0, 0.35);
  border-bottom:4px solid var(--saloglu-red);
  padding-bottom:8px;
  transition:color 0.15s ease, border-color 0.15s ease;
}
.eq-hot__num:hover{
  color:#fff;
  border-bottom-color:#fff;
  text-decoration:none;
}
.eq-hot__prefix{
  font-size:0.55em;
  opacity:0.9;
  color:var(--saloglu-red);
}
.eq-hot__hint{
  margin:18px 0 0;
  font-size:15px;
  color:rgba(255, 255, 255, 0.65);
}

.eq-gridSec{padding:clamp(44px, 6vw, 80px) 0}
.eq-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}
.eq-card{
  position:relative;
  padding:24px 22px 26px;
  background:#fff;
  border:1px solid rgba(0, 0, 0, 0.1);
  box-shadow:0 14px 40px rgba(0, 0, 0, 0.07);
  overflow:hidden;
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.eq-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg, var(--accent2), rgba(202, 166, 106, 0.35));
  opacity:0.85;
}
.eq-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 50px rgba(0, 0, 0, 0.1);
}
.eq-card--wide{grid-column:span 2}
.eq-card--accent{
  grid-column:span 2;
  background:linear-gradient(145deg, #000000 0%, #1a1a1a 100%);
  color:#fff;
  border-color:rgba(255, 255, 255, 0.1);
}
.eq-card--accent::before{background:linear-gradient(180deg, var(--saloglu-red), rgba(236, 66, 73, 0.35))}
.eq-card--accent .eq-card__title{color:#fff}
.eq-card--accent .eq-card__text{color:rgba(255, 255, 255, 0.78)}
.eq-card__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  font-size:20px;
  color:#fff;
  background:linear-gradient(135deg, #000000, #1a1a1a);
  border:1px solid rgba(255, 255, 255, 0.12);
}
.eq-card__icon--light{
  background:linear-gradient(135deg, var(--saloglu-red), #b91c1c);
  border-color:rgba(255, 255, 255, 0.2);
}
.eq-card__title{
  margin:0 0 10px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:19px;
  font-weight:700;
  color:var(--eq-ink);
}
.eq-card__text{
  margin:0 0 14px;
  font-size:15px;
  line-height:1.65;
  color:var(--sub);
}
.eq-card__link{
  font-size:14px;
  font-weight:700;
  color:var(--text);
  text-decoration:none;
  border-bottom:1px solid rgba(0, 0, 0, 0.25);
}
.eq-card__link:hover{border-bottom-color:var(--accent2); text-decoration:none}
.eq-card--accent .eq-card__link{color:#fff; border-bottom-color:rgba(255, 255, 255, 0.35)}
.eq-card__btn{margin-top:4px}

.eq-social{
  position:relative;
  padding:clamp(48px, 7vw, 80px) 0;
  color:#fff;
  overflow:hidden;
}
.eq-social__mesh{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:0.4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M0 24h48M24 0v48' stroke='%23ffffff' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E");
}
.eq-social .container{position:relative; z-index:2; text-align:center}
.eq-social__title{
  margin:0 0 8px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(22px, 3vw, 28px);
  font-weight:700;
}
.eq-social__lead{
  margin:0 0 28px;
  font-size:15px;
  color:rgba(255, 255, 255, 0.65);
}
.eq-social::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(135deg, #000000 0%, #0a0a0a 50%, #141414 100%);
}
.eq-socList{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  justify-content:center;
}
.eq-soc{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  font-size:24px;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255, 255, 255, 0.18);
  background:rgba(255, 255, 255, 0.06);
  transition:transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.eq-soc:hover{
  transform:translateY(-5px) scale(1.05);
  text-decoration:none;
  color:#fff;
  box-shadow:0 16px 36px rgba(0, 0, 0, 0.25);
}
.eq-soc--fb:hover{background:#1877f2; border-color:#1877f2}
.eq-soc--ig:hover{background:linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); border-color:transparent}
.eq-soc--yt:hover{background:#ff0000; border-color:#ff0000}

.eq-outro{
  padding:36px 0 56px;
  border-top:1px solid rgba(0, 0, 0, 0.08);
  background:#fff;
}
.eq-outro__inner{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}

@media (max-width: 900px){
  .eq-grid{grid-template-columns:1fr 1fr}
  .eq-card--wide{grid-column:1 / -1}
  .eq-card--accent{grid-column:1 / -1}
}
@media (max-width: 560px){
  .eq-hero__rings{display:none}
  .eq-grid{grid-template-columns:1fr}
  .eq-card--wide,
  .eq-card--accent{grid-column:1}
}

/* ——— Mağazalar (ms-) ——— */
@keyframes ms-heroShift{
  0%, 100%{opacity:1; transform:scale(1) translate(0, 0)}
  50%{opacity:0.92; transform:scale(1.03) translate(-1%, 1%)}
}
@keyframes ms-shineSweep{
  0%{transform:translateX(-120%) skewX(-12deg)}
  100%{transform:translateX(220%) skewX(-12deg)}
}
@keyframes ms-statIn{
  from{opacity:0; transform:translateY(12px)}
  to{opacity:1; transform:translateY(0)}
}

.ms-page{
  --ms-ink:#000000;
  --ms-sub:#404040;
  --ms-cream:#f3eee6;
  --ms-cream2:#ebe4d9;
  --ms-sand:#dfd5c8;
  --ms-coral:#c25435;
  --ms-coral2:#8f3d28;
  --ms-teal:#000000;
  --ms-teal2:#1a1a1a;
  --ms-gold:#b8922a;
  --ms-gold2:#e3c04d;
  --ms-card:#fffdfb;
  --ms-card2:#faf6f1;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(196, 84, 53, 0.07), transparent 45%),
    radial-gradient(90% 60% at 0% 100%, rgba(26, 95, 95, 0.08), transparent 50%),
    linear-gradient(180deg, var(--ms-cream) 0%, var(--ms-cream2) 55%, var(--ms-sand) 100%);
  color:var(--text);
}

.ms-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(32px, 5vw, 64px) 0 clamp(44px, 6vw, 80px);
  color:#f4f0eb;
}
.ms-hero__mesh{
  position:absolute;
  inset:0;
  opacity:0.4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='0.09' d='M0 100h200M100 0v200'/%3E%3Cpath fill='none' stroke='%23c9a227' stroke-opacity='0.06' d='M0 0l200 200M200 0L0 200'/%3E%3Ccircle cx='50' cy='160' r='2' fill='%23fff' fill-opacity='0.07'/%3E%3Ccircle cx='170' cy='45' r='2.5' fill='%23fff' fill-opacity='0.05'/%3E%3C/svg%3E");
}
.ms-hero__glow{
  position:absolute;
  inset:-25% -15% auto -15%;
  height:85%;
  background:
    radial-gradient(ellipse 50% 42% at 12% 38%, rgba(196, 84, 53, 0.5), transparent 58%),
    radial-gradient(ellipse 45% 38% at 88% 22%, rgba(26, 95, 95, 0.42), transparent 55%),
    radial-gradient(ellipse 55% 45% at 55% 95%, rgba(184, 146, 42, 0.14), transparent 52%);
  pointer-events:none;
  animation:ms-heroShift 14s ease-in-out infinite;
}
.ms-hero__route{
  position:absolute;
  right:-5%;
  bottom:8%;
  width:min(55vw, 520px);
  height:min(42vw, 280px);
  opacity:0.22;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 220' fill='none'%3E%3Cpath d='M20 180C80 40 180 200 280 100S360 20 390 50' stroke='%23ffffff' stroke-width='2' stroke-dasharray='10 14' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='180' r='6' fill='%23c9a227'/%3E%3Ccircle cx='390' cy='50' r='6' fill='%23c25435'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;
  pointer-events:none;
}
.ms-hero__grain{
  position:absolute;
  inset:0;
  opacity:0.045;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.ms-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(165deg, #000000 0%, #0a0a0a 38%, #141414 100%);
}
.ms-hero .container{position:relative; z-index:2}
.ms-crumb{
  font-size:13px;
  font-weight:500;
  margin-bottom:16px;
  color:rgba(244, 240, 235, 0.52);
}
.ms-crumb a{
  color:rgba(244, 240, 235, 0.72);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.ms-crumb a:hover{color:#fff; border-bottom-color:rgba(255, 255, 255, 0.28); text-decoration:none}
.ms-crumb span{margin:0 8px; color:rgba(255, 255, 255, 0.26)}
.ms-crumb span[aria-current="page"]{color:#fff; font-weight:600}
.ms-hero__row{
  display:grid;
  grid-template-columns:1fr minmax(200px, 280px);
  gap:clamp(24px, 4vw, 52px);
  align-items:start;
}
.ms-hero__kicker{
  margin:0 0 12px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(255, 255, 255, 0.42);
}
.ms-hero__kicker i{
  margin-right:8px;
  color:var(--ms-gold2);
  filter:drop-shadow(0 0 8px rgba(227, 192, 77, 0.35));
}
.ms-hero__title{
  margin:0 0 18px;
  position:relative;
  display:inline-block;
  max-width:100%;
}
.ms-hero__titleMain{
  position:relative;
  z-index:1;
  display:block;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(34px, 5.2vw, 56px);
  font-weight:700;
  letter-spacing:-0.035em;
  line-height:1.02;
  color:#fff;
  text-shadow:0 24px 48px rgba(0, 0, 0, 0.35);
}
.ms-hero__titleLine{
  display:block;
  height:5px;
  width:min(72%, 220px);
  margin-top:14px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--ms-gold2), var(--ms-coral), var(--ms-teal));
  box-shadow:0 0 24px rgba(196, 84, 53, 0.35);
}
.ms-hero__lead{
  margin:0 0 24px;
  max-width:52ch;
  font-size:17px;
  line-height:1.68;
  color:rgba(244, 240, 235, 0.74);
}
.ms-hero__actions{display:flex; flex-wrap:wrap; gap:14px; align-items:center}
.ms-hero__ghost{
  font-size:14px;
  font-weight:600;
  color:rgba(255, 255, 255, 0.78);
  text-decoration:none;
  border-bottom:1px solid rgba(255, 255, 255, 0.28);
  padding-bottom:2px;
}
.ms-hero__ghost:hover{color:#fff; border-bottom-color:var(--ms-gold2); text-decoration:none}
.ms-hero__stats{
  display:grid;
  gap:10px;
  padding:22px;
  border-radius:22px;
  background:linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03));
  border:1px solid rgba(255, 255, 255, 0.14);
  box-shadow:0 24px 60px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter:blur(14px);
}
.ms-stat{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px 12px;
  border-radius:14px;
  background:rgba(0, 0, 0, 0.22);
  border:1px solid rgba(255, 255, 255, 0.06);
  animation:ms-statIn 0.6s ease backwards;
}
.ms-stat:nth-child(1){animation-delay:0.05s}
.ms-stat:nth-child(2){animation-delay:0.12s}
.ms-stat:nth-child(3){animation-delay:0.19s}
.ms-stat__num{
  font-family:"Roboto Slab", Georgia, serif;
  font-size:30px;
  font-weight:700;
  color:#fff;
  line-height:1;
  background:linear-gradient(135deg, #fff 30%, var(--ms-gold2) 120%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.ms-stat:nth-child(3) .ms-stat__num{background:none; color:#fff; -webkit-text-fill-color:unset}
.ms-stat__lab{font-size:11px; color:rgba(255, 255, 255, 0.48); letter-spacing:0.08em; text-transform:uppercase; font-weight:600}

.ms-toolbar{
  position:sticky;
  top:var(--site-header-h, 72px);
  z-index:45;
  padding:18px 0 16px;
  background:linear-gradient(180deg, rgba(243, 238, 230, 0.97) 0%, rgba(235, 228, 217, 0.94) 100%);
  border-bottom:1px solid rgba(12, 17, 23, 0.06);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 32px rgba(10, 15, 20, 0.04);
}
.ms-toolbar__inner{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  justify-content:space-between;
  padding:12px 18px;
  border-radius:20px;
  background:rgba(255, 253, 251, 0.85);
  border:1px solid rgba(10, 15, 20, 0.07);
  box-shadow:0 8px 28px rgba(10, 15, 20, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.ms-filters{display:flex; flex-wrap:wrap; gap:10px}
.ms-pill{
  appearance:none;
  border:1px solid rgba(10, 15, 20, 0.1);
  background:linear-gradient(180deg, #fff 0%, var(--ms-card2) 100%);
  color:var(--ms-ink);
  font-size:13px;
  font-weight:600;
  padding:10px 18px;
  border-radius:999px;
  cursor:pointer;
  transition:background 0.22s ease, border-color 0.22s ease, transform 0.18s ease, box-shadow 0.22s ease, color 0.2s ease;
  box-shadow:0 2px 0 rgba(10, 15, 20, 0.04);
}
.ms-pill:hover{
  border-color:rgba(26, 95, 95, 0.35);
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(10, 15, 20, 0.08);
}
.ms-pill.is-active{
  background:linear-gradient(135deg, var(--ms-coral) 0%, var(--ms-coral2) 100%);
  border-color:transparent;
  color:#fff;
  box-shadow:0 10px 28px rgba(194, 84, 53, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.ms-search{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 16px;
  min-width:min(100%, 300px);
  border-radius:16px;
  border:1px solid rgba(10, 15, 20, 0.08);
  background:linear-gradient(180deg, #fff 0%, var(--ms-card2) 100%);
  box-shadow:inset 0 2px 6px rgba(10, 15, 20, 0.04);
}
.ms-search:focus-within{
  border-color:rgba(26, 95, 95, 0.45);
  box-shadow:0 0 0 3px rgba(26, 95, 95, 0.12), inset 0 2px 6px rgba(10, 15, 20, 0.04);
}
.ms-search i{color:var(--ms-teal); font-size:15px; opacity:0.85}
.ms-search input{
  flex:1;
  border:0;
  outline:none;
  font-size:14px;
  min-width:0;
  background:transparent;
}
.ms-toolbar__hint{
  margin:12px 0 0;
  font-size:13px;
  color:var(--ms-sub);
  font-style:italic;
}

.ms-intro{padding:10px 0 6px}
.ms-intro__track{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  padding:10px 16px;
  border-radius:14px;
  border:1px dashed rgba(10, 15, 20, 0.12);
  background:rgba(255, 253, 251, 0.5);
}
.ms-intro__dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--ms-teal), var(--ms-coral));
  box-shadow:0 0 0 3px rgba(26, 95, 95, 0.15);
}
.ms-intro__text{
  font-size:12px;
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:rgba(10, 15, 20, 0.45);
}

.ms-gridSec{
  position:relative;
  padding:clamp(20px, 3vw, 36px) 0 clamp(52px, 7vw, 96px);
}
.ms-gridSec::before{
  content:"";
  position:absolute;
  inset:0;
  max-width:min(1400px, 100%);
  margin:0 auto;
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(26, 95, 95, 0.06), transparent 70%),
    radial-gradient(ellipse 50% 40% at 100% 80%, rgba(194, 84, 53, 0.05), transparent 55%);
  pointer-events:none;
}
.ms-gridSec__inner{position:relative; z-index:1}
.ms-gridSec__heading{
  margin:0 0 8px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(22px, 3vw, 30px);
  font-weight:700;
  letter-spacing:-0.02em;
  color:var(--ms-ink);
}
.ms-gridSec__sub{
  margin:0 0 28px;
  max-width:42ch;
  font-size:15px;
  line-height:1.55;
  color:var(--ms-sub);
}
.ms-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap:clamp(18px, 2.5vw, 26px);
}
@media (min-width: 1100px){
  .ms-card--spotlight{
    grid-column:span 2;
  }
  .ms-card--spotlight .ms-card__body{padding:28px 32px 24px}
  .ms-card--spotlight .ms-card__nav{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    max-width:720px;
  }
}

.ms-card{
  position:relative;
  border-radius:0;
  background:linear-gradient(165deg, var(--ms-card) 0%, var(--ms-card2) 100%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.85) inset,
    0 16px 44px rgba(10, 15, 20, 0.08);
  border:1px solid rgba(10, 15, 20, 0.07);
  overflow:hidden;
  transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
}
.ms-card:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 28px 56px rgba(10, 15, 20, 0.14);
}
.ms-card__no{
  position:absolute;
  top:16px;
  right:18px;
  z-index:3;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:38px;
  font-weight:700;
  line-height:1;
  color:rgba(10, 15, 20, 0.06);
  letter-spacing:-0.04em;
  user-select:none;
}
.ms-card__accent{
  position:relative;
  height:6px;
  background:linear-gradient(90deg, var(--ms-teal), var(--ms-coral));
}
.ms-card[data-ms-region="baku"] .ms-card__accent{
  background:linear-gradient(90deg, #000000, #333333, var(--ms-gold2));
}
.ms-card[data-ms-region="sumqayit"] .ms-card__accent{
  background:linear-gradient(90deg, #000000, #333333);
}
.ms-card[data-ms-region="ganja"] .ms-card__accent{
  background:linear-gradient(90deg, #a67c00, var(--ms-gold2), #fff1b8);
}
.ms-card[data-ms-region="region"] .ms-card__accent{
  background:linear-gradient(90deg, var(--ms-coral2), var(--ms-coral), #f0a090);
}
.ms-card__shine{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:120px;
  pointer-events:none;
  overflow:hidden;
}
.ms-card__shine::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:40%;
  height:100%;
  background:linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation:ms-shineSweep 6s ease-in-out infinite;
}
.ms-card:nth-child(3n) .ms-card__shine::after{animation-delay:2s}
.ms-card:nth-child(3n+2) .ms-card__shine::after{animation-delay:4s}

.ms-card__body{
  position:relative;
  z-index:2;
  padding:22px 22px 20px;
}
.ms-card__head{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:14px;
  padding-right:48px;
}
.ms-card--spotlight .ms-card__head{padding-right:56px}
.ms-card__title{
  margin:0;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(18px, 2.1vw, 21px);
  font-weight:700;
  color:var(--ms-ink);
  line-height:1.22;
}
.ms-card--spotlight .ms-card__title{font-size:clamp(22px, 2.6vw, 28px)}
.ms-card__city{
  font-size:11px;
  font-weight:700;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#fff;
  padding:6px 12px;
  border-radius:0;
  background:linear-gradient(135deg, var(--ms-teal), var(--ms-teal2));
  box-shadow:0 4px 12px rgba(26, 95, 95, 0.25);
}
.ms-card[data-ms-region="baku"] .ms-card__city{
  background:linear-gradient(135deg, #000000, #1a1a1a);
}
.ms-card[data-ms-region="sumqayit"] .ms-card__city{
  background:linear-gradient(135deg, #000000, #1a1a1a);
}
.ms-card[data-ms-region="ganja"] .ms-card__city{
  background:linear-gradient(135deg, #8a6a0a, #b8922a);
  color:#1a1505;
  box-shadow:0 4px 12px rgba(184, 146, 42, 0.3);
}
.ms-card[data-ms-region="region"] .ms-card__city{
  background:linear-gradient(135deg, var(--ms-coral), var(--ms-coral2));
  box-shadow:0 4px 12px rgba(194, 84, 53, 0.28);
}
.ms-card__addr,
.ms-card__hours{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.58;
  color:var(--ms-sub);
}
.ms-card__addr i,
.ms-card__hours i{
  width:1.15em;
  margin-right:8px;
  color:var(--ms-coral);
  opacity:0.9;
}
.ms-card__nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px;
}
.ms-navbtn--geo,
.ms-navbtn--open{
  flex-direction:row;
  justify-content:center;
  padding:14px 12px;
  font-size:12px;
  background:linear-gradient(135deg, rgba(26, 95, 95, 0.12) 0%, rgba(194, 84, 53, 0.08) 100%);
  border-color:rgba(26, 95, 95, 0.22);
  cursor:pointer;
}
.ms-navbtn--google{
  flex-direction:row;
  justify-content:center;
  padding:14px 12px;
  font-size:12px;
  background:linear-gradient(180deg, #fff 0%, rgba(66, 133, 244, 0.08) 100%);
  border-color:rgba(66, 133, 244, 0.28);
}
.ms-navbtn--google i{
  color:#4285f4;
}
a.ms-navbtn{
  color:inherit;
}
a.ms-navbtn:hover{
  color:inherit;
}
.ms-navbtn--geo i,
.ms-navbtn--open i{
  font-size:17px;
  color:var(--ms-teal);
}
.ms-navbtn{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.02em;
  text-align:center;
  text-decoration:none;
  border-radius:0;
  border:1px solid rgba(10, 15, 20, 0.08);
  color:var(--ms-ink);
  background:linear-gradient(180deg, #fff 0%, rgba(243, 238, 230, 0.65) 100%);
  box-shadow:0 2px 0 rgba(10, 15, 20, 0.04);
  transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.ms-navbtn i{font-size:19px}
.ms-navbtn:hover{
  text-decoration:none;
  transform:translateY(-3px);
  border-color:rgba(26, 95, 95, 0.35);
  background:#fff;
  box-shadow:0 10px 22px rgba(10, 15, 20, 0.1);
}
.ms-navbtn--g i{color:#14110f}
.ms-navbtn--w i{color:#4a3428}
.ms-navbtn--y i{color:#2f221a}

.ms-card__foot{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(10, 15, 20, 0.07);
  background:linear-gradient(90deg, rgba(26, 95, 95, 0.04), transparent 40%);
  margin-left:-22px;
  margin-right:-22px;
  margin-bottom:-20px;
  padding-left:22px;
  padding-right:22px;
  padding-bottom:18px;
  border-radius:0;
}
.ms-copy{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:0;
  background:transparent;
  font-size:13px;
  font-weight:700;
  color:var(--ms-teal);
  cursor:pointer;
  padding:6px 12px 6px 0;
  border-radius:0;
  transition:color 0.2s ease, background 0.2s ease;
}
.ms-copy:hover{
  color:var(--ms-coral);
  background:rgba(194, 84, 53, 0.06);
}

.ms-outro{
  position:relative;
  padding:clamp(48px, 6vw, 72px) 0 clamp(56px, 8vw, 88px);
  overflow:hidden;
  text-align:center;
}
.ms-outro__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 120%, rgba(194, 84, 53, 0.12), transparent 55%),
    linear-gradient(180deg, #fffdfb 0%, var(--ms-cream) 45%, var(--ms-cream2) 100%);
}
.ms-outro__bg::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:0.35;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0v60M0 30h60' stroke='%23000000' stroke-opacity='0.06'/%3E%3C/svg%3E");
}
.ms-outro__inner{position:relative; z-index:1}
.ms-outro__mark{
  width:64px;
  height:64px;
  margin:0 auto 16px;
  display:grid;
  place-items:center;
  border-radius:20px;
  font-size:26px;
  color:var(--ms-teal);
  background:linear-gradient(145deg, #fff 0%, var(--ms-card2) 100%);
  border:1px solid rgba(10, 15, 20, 0.08);
  box-shadow:0 14px 32px rgba(10, 15, 20, 0.08);
}
.ms-outro__title{
  margin:0 0 10px;
  font-family:"Roboto Slab", Georgia, serif;
  font-size:clamp(24px, 3.2vw, 32px);
  font-weight:700;
  color:var(--ms-ink);
  letter-spacing:-0.02em;
}
.ms-outro__text{margin:0 0 22px; font-size:16px; line-height:1.55; color:var(--ms-sub)}
.ms-outro__text a{font-weight:700; color:var(--ms-coral); text-decoration:none; border-bottom:2px solid rgba(194, 84, 53, 0.25)}
.ms-outro__text a:hover{border-bottom-color:var(--ms-coral)}
.ms-outro__btn{
  padding:12px 28px;
  border-radius:999px;
  font-weight:700;
  border:2px solid rgba(10, 15, 20, 0.1);
  background:linear-gradient(180deg, #fff 0%, var(--ms-card2) 100%);
  box-shadow:0 8px 24px rgba(10, 15, 20, 0.08);
}
.ms-outro__btn:hover{
  border-color:var(--ms-teal);
  color:var(--ms-teal);
}

.ms-toast{
  position:fixed;
  left:50%;
  bottom:96px;
  transform:translateX(-50%);
  z-index:60;
  max-width:min(92vw, 380px);
  padding:14px 22px;
  border-radius:14px;
  font-size:14px;
  font-weight:600;
  color:#fff;
  background:linear-gradient(135deg, rgba(15, 22, 29, 0.96), rgba(26, 95, 95, 0.92));
  border:1px solid rgba(255, 255, 255, 0.12);
  box-shadow:0 16px 48px rgba(0, 0, 0, 0.28);
  text-align:center;
}

@media (prefers-reduced-motion: reduce){
  .ms-hero__glow{animation:none}
  .ms-card__shine::after{animation:none}
  .ms-stat{animation:none}
  .ms-card:hover{transform:translateY(-3px)}
}

@media (max-width: 900px){
  .ms-hero__row{grid-template-columns:1fr}
  .ms-hero__stats{grid-template-columns:repeat(3, 1fr)}
  .ms-stat{align-items:center; text-align:center}
}
@media (max-width: 560px){
  .ms-card__nav{grid-template-columns:1fr}
  .ms-navbtn{flex-direction:row; justify-content:flex-start; padding:14px 16px; font-size:13px}
  .ms-navbtn i{font-size:17px}
  .ms-hero__stats{grid-template-columns:1fr}
  .ms-card__no{font-size:28px; top:12px; right:14px}
  .ms-card__head{padding-right:40px}
}

/* Pop-up banner */
body.is-site-popup-open{overflow:hidden}
.site-popup{
  position:fixed;
  inset:0;
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  box-sizing:border-box;
}
.site-popup[hidden]{display:none !important}
.site-popup__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(2px);
}
.site-popup__dialog{
  position:relative;
  z-index:1;
  max-width:min(92vw, 720px);
  max-height:88vh;
  width:100%;
  background:#111;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
  animation:site-popup-in .35s ease;
}
@keyframes site-popup-in{
  from{opacity:0; transform:scale(.94) translateY(12px)}
  to{opacity:1; transform:scale(1) translateY(0)}
}
.site-popup__close{
  position:absolute;
  top:8px;
  right:8px;
  z-index:3;
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}
.site-popup__close:hover{background:rgba(0,0,0,.75)}
.site-popup__body{line-height:0}
.site-popup__link{display:block;text-decoration:none}
.site-popup__img{
  display:block;
  width:100%;
  max-height:min(88vh, 720px);
  object-fit:contain;
  background:#000;
}

/* Tawk.to — mobil bar və digər fixed elementlərin üstündə */
#tawk-bubble-container,
.tawk-min-container,
.tawk-max-container,
.tawk-button,
iframe[title*="chat" i]{
  z-index:2147483001 !important;
}