:root{color-scheme:dark;--bg:#090909;--panel:#141311;--gold:#e7bd68;--text:#f7f1e6;--muted:#bdb6aa;--line:#373126;font-family:Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.95}a{color:inherit;text-decoration:none}button,summary{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.6;text-wrap:balance}h1{font-size:clamp(32px,8.8vw,54px);letter-spacing:-1.2px}h2{font-size:28px}h3{font-size:21px}p{color:var(--muted)}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}section[id]{scroll-margin-top:20px}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;top:-100px;right:20px;z-index:100;padding:12px;background:var(--gold);color:#090909}.skip:focus{top:8px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2.5px;color:var(--gold);display:block;margin-bottom:10px}.muted{color:var(--muted)}.gold{color:var(--gold)}
.header{position:sticky;top:0;z-index:20;background:#090909f5;border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-family:Georgia,serif;font-size:23px}.brand strong{display:block;letter-spacing:2px;line-height:1.4;font-family:Arial,sans-serif}.brand small{font-size:10px;color:var(--muted);display:block}.menu summary{list-style:none;cursor:pointer;min-width:48px;min-height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;font-size:14px}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{background:#242018;color:var(--gold)}.menu nav{position:absolute;inset:72px 0 auto;background:#111;border-bottom:1px solid var(--line);padding:12px 20px;display:grid;gap:6px;box-shadow:0 15px 20px #0005}.menu nav a{padding:10px 14px;min-height:48px;border-radius:8px}.menu nav a:hover{background:#262118}
.hero{padding:36px 0 0;background:radial-gradient(ellipse at 85% 10%,#3d2b132e,transparent 65%)}.hero-copy p{margin-top:14px;max-width:570px}.hero-actions{display:grid;gap:10px;margin:24px 0 12px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;padding:12px 18px;font-weight:700;font-size:15px;text-align:center;border:1px solid var(--line);line-height:1.8}.btn.primary{background:linear-gradient(125deg,#f1d390,#d4a54c);color:#171109;border-color:#e1b45c}.btn.secondary{background:#151411;color:var(--text)}.hero-note{font-size:12px;color:var(--muted)}.hero-picture{display:block;margin-top:24px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#15120d}.hero-picture img{width:100%;height:auto}.image-note{display:block;font-size:12px;color:var(--muted);margin-top:8px;text-align:center}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:28px}.quick-links a{display:grid;place-items:center;text-align:center;padding:14px 5px;font-size:13px;min-height:52px}.quick-links a+a{border-inline-start:1px solid var(--line)}
.section{padding:52px 0}.section-title{margin-bottom:24px}.section-title p{margin-top:12px}.feature-grid{display:grid;gap:12px}.feature{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:22px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#181612,#101010)}.feature-number{font:14px Arial,sans-serif;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#30271a;color:var(--gold)}.feature h3{font-size:19px;margin-bottom:6px}.feature p{font-size:15px}.poster{margin-top:22px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.poster summary{cursor:pointer;min-height:56px;padding:16px;color:var(--gold);font-size:15px}.poster img{width:100%;height:auto}.poster a{display:block}.poster p{padding:12px 16px;font-size:13px}
.apps{background:linear-gradient(#11100d,#0b0b0b);border-block:1px solid var(--line)}.app-grid{display:grid;gap:16px}.app-card{padding:24px 20px;border:1px solid var(--line);border-radius:20px;background:#151411;display:flex;flex-direction:column;align-items:stretch}.app-card.ios{border-color:#766039}.platform{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.platform span{font:700 13px Arial,sans-serif;letter-spacing:1px;color:var(--gold)}.platform small{color:#d4c2a0;font-size:11px;background:#30291c;padding:3px 9px;border-radius:20px}.app-card p{font-size:15px;margin:10px 0 22px}.app-card .btn{margin-top:auto}.badge-link{margin-top:auto;display:block;border:1px solid #66615b;border-radius:13px;background:#000;overflow:hidden;padding:10px 12px}.badge-frame{display:block;position:relative;width:min(100%,250px);height:82px;margin:auto;overflow:hidden}.badge-frame img{position:absolute;width:210%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.badge-label{display:block;font-size:12px;text-align:center;color:#d4cec2;padding-top:5px}.download-help{margin-top:18px;font-size:13px}.steps{margin:0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}.steps li:before{content:counter(step);display:grid;place-items:center;border:1px solid #685333;border-radius:50%;color:var(--gold);font:13px Arial,sans-serif;width:30px;height:30px;margin-top:3px}.steps strong{display:block;font-size:16px}.steps p{font-size:15px}.faq{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:18px 0;min-height:56px;font-weight:700;font-size:16px}.faq p{padding:0 0 20px;font-size:15px}.manufacturer{background:#14120e;border:1px solid var(--line);padding:24px;border-radius:20px}.manufacturer h2{font-size:24px}.manufacturer p{margin:12px 0 20px}.footer{border-top:1px solid var(--line);padding:28px 0 112px;font-size:13px;color:var(--muted)}.footer-row{display:grid;gap:14px}.footer strong{font:700 18px Arial,sans-serif;color:var(--gold);letter-spacing:3px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.dock{position:fixed;bottom:0;inset-inline:0;z-index:15;background:#101010f5;border-top:1px solid var(--line);padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr 1fr;gap:10px}.dock .btn{min-height:48px;font-size:14px;padding:8px}.download-main{padding:38px 0 56px;min-height:70vh}.download-main h1{font-size:34px}.download-main .section-title{max-width:640px}.back{display:inline-flex;align-items:center;min-height:48px;color:var(--gold);margin-top:20px}
@media(min-width:520px){.hero-actions{grid-template-columns:1fr 1fr;max-width:540px}.feature-grid{grid-template-columns:1fr 1fr}.feature{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr 1fr}.hero{padding-top:48px}}
@media(min-width:900px){.wrap{width:min(1120px,calc(100% - 80px))}.nav{min-height:80px}.menu summary{display:none}.menu:not([open]) nav,.menu nav{display:flex;position:static;padding:0;background:none;border:0;box-shadow:none;gap:8px}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}.hero-picture{margin-top:0}.hero{padding-top:65px}.quick-links{margin-top:48px}.section{padding:76px 0}.section-title{max-width:670px}.section-title h2{font-size:36px}.feature-grid{grid-template-columns:repeat(3,1fr)}.apps-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.apps-layout .section-title{margin:0}.dock{display:none}.footer{padding-bottom:36px}.footer-row{grid-template-columns:1fr auto}.steps{grid-template-columns:repeat(3,1fr);gap:24px}.manufacturer{padding:36px}.download-main .app-grid{max-width:800px}.download-main{padding-top:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.desktop-links{display:none}@media(min-width:900px){.menu{display:none}.desktop-links{display:flex;gap:12px}.desktop-links a{padding:10px 12px;min-height:48px;font-size:14px}}
/* Image-first mobile hero and native touch album. No third-party dependencies. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-v7{position:relative;margin:0;background:#080706;overflow:hidden;isolation:isolate}
.hero-v7 picture{display:block}
.hero-v7 picture img{width:100%;height:auto;display:block;aspect-ratio:2/3;object-fit:contain}
.hero-v7 .hero-enter{position:absolute;bottom:14px;inset-inline:20px;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:1px solid #c8a86b70;border-radius:12px;background:#090807bf;color:#f1d69d;font-size:14px;backdrop-filter:blur(8px)}
.hero-enter svg{width:16px;height:16px;flex:none}
.section.album-section{padding:34px 0 42px}
.album-section .section-title{margin-bottom:20px}
.album-section .section-title h2{font-size:28px}
.album-section .section-title p{font-size:14px;line-height:1.9;margin-top:7px}
.gallery{min-width:0;max-width:100%;border:1px solid #54442e;border-radius:22px;overflow:hidden;background:#12110f;box-shadow:0 18px 45px #0003}
.gallery-track{display:flex;direction:rtl;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:center;scroll-snap-stop:always}
.gallery-media{position:relative;background:#080706;overflow:hidden;border-bottom:1px solid #54442e}
.gallery-media svg{display:block;width:100%;height:auto;aspect-ratio:1.55;overflow:hidden}
.gallery-media image{max-width:none}
.gallery-caption{padding:20px 20px 22px;min-height:192px}
.gallery-category{display:block;font-size:10px;letter-spacing:2px;color:#d7b777;font-family:Arial,sans-serif;margin-bottom:6px}
.gallery-caption h3{font-size:22px;margin:0 0 8px;line-height:1.65;color:#f4ead8}
.gallery-caption p{font-size:15px;line-height:1.95;margin:0;color:#c5bdb0}
.gallery-controls{display:none;border-top:1px solid #373126;padding:12px 16px 4px;background:#11100e}
.gallery.is-ready .gallery-controls{display:block}
.gallery-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px}
.gallery-button{min-height:46px;min-width:76px;display:flex;align-items:center;justify-content:center;gap:8px;background:#231e15;color:#eed4a0;border:1px solid #6a5433;border-radius:12px;padding:8px 10px;font:inherit;font-size:13px;cursor:pointer}
.gallery-button svg{width:14px;height:14px;flex:none}
.gallery-button:disabled{opacity:.35;cursor:default}
.gallery-counter{font-size:13px;color:#c5b594;white-space:nowrap}
.gallery-pages{display:flex;justify-content:center;gap:0;direction:rtl;max-width:100%;margin:4px auto 0}
.gallery-page{width:28px;height:44px;padding:0;display:grid;place-items:center;background:transparent;border:0;cursor:pointer}
.gallery-page span{width:6px;height:6px;background:#66543a;border-radius:50%;transition:width .18s,background .18s}
.gallery-page[aria-current=true] span{width:18px;border-radius:6px;background:#ebc477}
.gallery button:focus-visible{outline:2px solid #f4d494;outline-offset:-3px}
.gallery-track:focus-visible{outline:2px solid #f4d494;outline-offset:-3px}
.gallery-hint{text-align:center;font-size:12px;color:#b4a991;padding-top:13px}
.album-section .wrap{width:min(740px,calc(100% - 32px))}
.dock .btn{font-size:13px;min-height:46px;white-space:normal}
@media(min-width:600px) and (max-width:899px){.hero-v7{max-width:580px;margin-inline:auto;border-inline:1px solid #342a1e}.hero-v7 picture img{max-height:820px}.gallery-caption{min-height:160px}}
@media(min-width:900px){.hero-v7 picture img{aspect-ratio:1672/941}.hero-v7 .hero-enter{inset-inline:auto 40px;bottom:32px;min-width:210px;padding-inline:20px}.section.album-section{padding:60px 0}.album-section .wrap{width:min(760px,calc(100% - 80px))}.album-section .section-title h2{font-size:36px}.gallery-caption{padding:26px 30px;min-height:170px}.gallery-caption h3{font-size:27px}.gallery-caption p{font-size:16px}.gallery-media svg{aspect-ratio:1.8}}
@media(prefers-reduced-motion:reduce){.gallery-page span{transition:none}}

/* =========================================================
   KENZO VISUAL GUIDE ALBUM V8
========================================================= */

.kenzo-guide-gallery{
  overflow:hidden;
}

.kenzo-guide-gallery .guide-media{
  background:#050504;
}

.kenzo-guide-gallery .guide-media img{
  display:block;

  width:100%;
  height:auto;

  aspect-ratio:4 / 5;

  object-fit:cover;

  border:0;
}

.kenzo-guide-gallery .gallery-caption{
  min-height:180px;

  padding:
    24px 24px 26px;

  background:
    linear-gradient(
      180deg,
      #12100d,
      #0b0a08
    );
}

.kenzo-guide-gallery .gallery-category{
  color:#dcb45e;

  font-size:11px;

  font-weight:900;

  letter-spacing:1.5px;
}

.kenzo-guide-gallery .gallery-caption h3{
  margin:
    7px 0 8px;

  font-size:
    clamp(
      23px,
      5vw,
      31px
    );
}

.kenzo-guide-gallery .gallery-caption p{
  margin:0;

  color:#b4ada1;

  font-size:14px;

  line-height:2;
}


@media (max-width:599px){

  .album-section{
    padding-top:38px !important;
  }

  .album-section .wrap{
    width:
      calc(100% - 18px);
  }

  .album-section .section-title{
    padding-inline:10px;

    margin-bottom:20px;
  }

  .album-section .section-title h2{
    font-size:31px;
  }

  .kenzo-guide-gallery{
    border-radius:24px;
  }

  .kenzo-guide-gallery .guide-media img{
    aspect-ratio:auto;
    object-fit:contain;
  }

  .kenzo-guide-gallery .gallery-caption{
    min-height:165px;

    padding:
      20px 20px 22px;
  }

}


@media (min-width:600px){

  .kenzo-guide-gallery .guide-media img{
    max-height:760px;

    object-fit:contain;
  }

}


@media (min-width:900px){

  .album-section .wrap{
    width:
      min(
        900px,
        calc(100% - 80px)
      ) !important;
  }

  .kenzo-guide-gallery .guide-media img{
    max-height:850px;
  }

}


/* ===== FIX GUIDE TITLE ===== */
.kenzo-guide-gallery .gallery-caption{
  direction: rtl;
  text-align: right;
  overflow: visible;
}

.kenzo-guide-gallery .gallery-caption h3{
  display: block;
  width: 100%;
  margin: 8px 0 10px;
  font-size: clamp(24px, 5.5vw, 34px);
  line-height: 1.45;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: normal;
  overflow-wrap: anywhere;
}

.kenzo-guide-gallery .gallery-caption p{
  display: block;
  width: 100%;
  line-height: 2;
  white-space: normal;
  overflow: visible;
}

@media (max-width: 599px){
  .kenzo-guide-gallery .gallery-caption{
    padding: 22px 20px 26px;
  }

  .kenzo-guide-gallery .gallery-caption h3{
    font-size: 28px;
    line-height: 1.5;
  }

  .kenzo-guide-gallery .gallery-caption p{
    font-size: 15px;
    line-height: 2;
  }
}

/* ==========================================================
   FINAL MOBILE HERO
========================================================== */

@media (max-width: 900px){

  .hero picture,
  .hero picture img,
  .hero-media picture,
  .hero-media picture img{
    display:block;
    width:100%;
  }

  .hero picture img,
  .hero-media picture img{
    height:auto;
    object-fit:contain;
    object-position:center top;
  }

}


/* ==========================================================
   FINAL CLEAN GUIDE ALBUM
========================================================== */

.kenzo-guide-gallery .gallery-caption{
  direction:rtl;
  text-align:right;
  overflow:visible;
}

.kenzo-guide-gallery .gallery-caption h3{
  display:block;
  width:100%;
  margin:6px 0 10px;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}

.kenzo-guide-gallery .gallery-caption p{
  display:block;
  width:100%;
  white-space:normal;
  overflow:visible;
  line-height:2;
}

@media (max-width:599px){

  .kenzo-guide-gallery .gallery-caption{
    padding:22px 20px 25px;
  }

  .kenzo-guide-gallery .gallery-caption h3{
    font-size:27px;
  }

  .kenzo-guide-gallery .gallery-caption p{
    font-size:14px;
  }

}




/* ===== GUIDE SECTION CLEANUP ===== */
.album-section .section-title {
  text-align: right;
}

.album-section .section-title h2 {
  font-size: clamp(30px, 6vw, 46px);
  line-height: 1.35;
  margin-bottom: 10px;
}

.album-section .section-title p {
  font-size: 16px;
  line-height: 1.9;
  color: rgba(255,255,255,.82);
  margin-bottom: 14px;
}

.guide-swipe-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 14px 0 26px;
  padding: 12px 16px;
  border: 1px solid rgba(212,163,74,.35);
  border-radius: 18px;
  background: rgba(18, 14, 8, 0.78);
  color: #f4dfab;
  font-size: 14px;
  line-height: 1.9;
  text-align: center;
  backdrop-filter: blur(6px);
}

.guide-swipe-arrow {
  font-size: 22px;
  font-weight: 700;
  color: #f0c96a;
  flex: 0 0 auto;
}

.guide-swipe-text {
  display: block;
}

/* دکمه‌های قبلی / بعدی واضح‌تر */
.album-section button[aria-label*="بعد"],
.album-section button[aria-label*="قبل"],
.album-section button[aria-label*="قبلی"],
.album-section button[aria-label*="مرحله بعد"],
.album-section button[aria-label*="مرحله قبل"],
.guide-nav-btn {
  min-width: 56px !important;
  min-height: 56px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(212,163,74,.35) !important;
  background: rgba(25,18,10,.92) !important;
  color: #f4d27b !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.28);
}

.album-section button[aria-label*="بعد"]:hover,
.album-section button[aria-label*="قبل"]:hover,
.album-section button[aria-label*="قبلی"]:hover,
.album-section button[aria-label*="مرحله بعد"]:hover,
.album-section button[aria-label*="مرحله قبل"]:hover,
.guide-nav-btn:hover {
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .album-section .section-title h2 {
    font-size: 34px;
  }

  .album-section .section-title p {
    font-size: 15px;
  }

  .guide-swipe-hint {
    padding: 11px 12px;
    font-size: 13px;
    line-height: 1.8;
    gap: 8px;
  }

  .guide-swipe-arrow {
    font-size: 20px;
  }
}

/* ===== GUIDE EXACT SCROLL TARGET ===== */

#kenzoGuideGallery{
  scroll-margin-top: 90px;
}

@media (max-width: 700px){
  #kenzoGuideGallery{
    scroll-margin-top: 76px;
  }
}