/* ==========================================================================
   Papillon — theme stylesheet
   Source of truth: project/Papillon Store v2.dc.html (helmet <style> + inline styles).
   Order: fonts → tokens → base → components (former inline styles) → layout
   breakpoints → touch layer → motion. Several components keep the prototype's
   `border: 1px solid` without a colour, i.e. currentColor (rendered ink).
   ========================================================================== */

/* ---- fonts: only the weights the design uses ---- */
@font-face{font-family:'IRANYekan';src:url('../fonts/IRANYekanRegular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IRANYekan';src:url('../fonts/IRANYekanBold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'IRANYekan';src:url('../fonts/IRANYekanExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Morabba';src:url('../fonts/Morabba-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Morabba';src:url('../fonts/Morabba-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Morabba';src:url('../fonts/Morabba-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}

/* ---- tokens ---- */
:root{--gh-glass:rgba(255,253,250,.74);--gh-glass2:rgba(255,253,250,.62);--gh-panel:rgba(255,253,250,.97);--gh-ink:#262223;--gh-dim:#5F5652;--gh-dim2:#776D66;--gh-line:rgba(38,34,35,.1);--gh-hi:rgba(255,255,255,.85);--gh-chip:rgba(38,34,35,.045);--gh-card:rgba(255,255,255,.6);--gh-page:#F1EDE7;--gh-acc:#8F4E06;--gh-acc2:#A24E07;--gh-ok:#1F6E3C;--gh-bad:#C0341B;--gh-shot:linear-gradient(160deg,#FBF9F5 0%,#F1EDE7 100%);--gh-glow:0 0 0 rgba(0,0,0,0);--gh-rL:22px;--gh-rM:16px;--gh-rS:12px;--gh-blur:20px;--gh-lift:-3px;--gh-dur:.35s;--gh-w:1340px;--gh-wide:1340px;--gh-wn:1180px;--pe:cubic-bezier(.22,.72,.18,1);--pap-blur:blur(var(--gh-blur)) saturate(165%)}
[data-gh-theme="dark"]{--gh-glass:rgba(30,26,25,.72);--gh-glass2:rgba(37,32,31,.62);--gh-panel:rgba(30,26,25,.97);--gh-ink:#F6F0E8;--gh-dim:#BDB2A9;--gh-dim2:#9E938B;--gh-line:rgba(255,255,255,.16);--gh-hi:rgba(255,255,255,.4);--gh-chip:rgba(255,255,255,.075);--gh-card:rgba(48,43,41,.62);--gh-page:#1A1716;--gh-acc:#FFBE86;--gh-acc2:#FFD0A6;--gh-ok:#6FCB90;--gh-bad:#FF8F77;--gh-shot:linear-gradient(160deg,#332F2D 0%,#242120 100%);--gh-glow:0 0 30px -6px rgba(246,119,12,.5)}
@media(min-width:1440px){:root{--gh-w:1420px;--gh-wide:1500px;--gh-wn:1260px}}
@media(min-width:1680px){:root{--gh-w:1500px;--gh-wide:1640px;--gh-wn:1340px}}
@media(min-width:1920px){:root{--gh-w:1560px;--gh-wide:1760px;--gh-wn:1400px}}

/* ---- base (design-system reset + prototype globals) ---- */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:#F1EDE7;color:var(--gh-ink);font-family:'IRANYekan',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{font-size:15px;line-height:1.55;font-weight:400}
html[data-gh-theme="dark"],html[data-gh-theme="dark"] body{background:#1A1716!important;color:#F6F0E8}
h1,h2,h3,h4,h5,h6{line-height:1.12;letter-spacing:-.015em;margin:0 0 8px;font-weight:800}
p{margin:0 0 12px}
img{display:block;max-width:100%}
a{color:var(--gh-ink);text-decoration:none}
a:hover{color:var(--gh-acc2)}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}
:focus{outline:none}
:focus-visible{outline:2px solid #F6770C;outline-offset:2px}
::selection{background:rgba(246,119,12,.22)}
.theme-anim,.theme-anim *{transition:background-color .36s var(--pe),border-color .36s var(--pe),color .36s var(--pe),fill .36s var(--pe)!important}
.skip-link{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;padding:10px 16px;border-radius:var(--gh-rM);background:#F6770C;color:#262223;font-weight:800}
.skip-link:focus{top:12px;color:#262223}

/* glass utilities */
.gh-glass{background:var(--gh-glass);border-color:var(--gh-line);color:var(--gh-ink)}
.gh-glass2{background:var(--gh-glass2);border-color:var(--gh-line);color:var(--gh-ink)}
.gh-panel{background:var(--gh-panel);border-color:var(--gh-line);color:var(--gh-ink)}
.gh-dim{color:var(--gh-dim)}
.gh-hi{background:linear-gradient(90deg,transparent,var(--gh-hi) 18%,var(--gh-hi) 82%,transparent)}
.gh-link:hover{color:var(--gh-acc2)}
.gh-mob{display:none}

/* ---- page ground ---- */
.pap-page{min-height:100vh;color:var(--gh-ink);
  background:
    radial-gradient(115% 70% at 100% 0%,rgba(246,119,12,.075) 0%,rgba(246,119,12,0) 58%),
    radial-gradient(95% 65% at 0% 42%,rgba(38,34,35,.055) 0%,rgba(38,34,35,0) 62%),
    radial-gradient(120% 60% at 50% 100%,rgba(246,119,12,.05) 0%,rgba(246,119,12,0) 60%),
    var(--gh-page);
  background-attachment:fixed}
@media(min-width:1680px){
  .pap-page{background:
      linear-gradient(90deg,rgba(38,34,35,.05) 0%,rgba(38,34,35,0) 13%,rgba(38,34,35,0) 87%,rgba(38,34,35,.05) 100%),
      repeating-linear-gradient(122deg,rgba(38,34,35,.014) 0 1px,transparent 1px 38px),
      radial-gradient(115% 70% at 100% 0%,rgba(246,119,12,.08) 0%,rgba(246,119,12,0) 58%),
      radial-gradient(95% 65% at 0% 42%,rgba(38,34,35,.055) 0%,rgba(38,34,35,0) 62%),
      radial-gradient(120% 60% at 50% 100%,rgba(246,119,12,.05) 0%,rgba(246,119,12,0) 60%),
      var(--gh-page);background-attachment:fixed}
}
[data-gh-theme="dark"] .pap-page{background:
    radial-gradient(115% 70% at 100% 0%,rgba(246,119,12,.1) 0%,rgba(246,119,12,0) 58%),
    radial-gradient(95% 65% at 0% 42%,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 62%),
    var(--gh-page);background-attachment:fixed}
@media(min-width:1680px){
  [data-gh-theme="dark"] .pap-page{background:
      linear-gradient(90deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 87%,rgba(0,0,0,.26) 100%),
      repeating-linear-gradient(122deg,rgba(255,255,255,.014) 0 1px,transparent 1px 38px),
      radial-gradient(115% 70% at 100% 0%,rgba(246,119,12,.1) 0%,rgba(246,119,12,0) 58%),
      radial-gradient(95% 65% at 0% 42%,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 62%),
      var(--gh-page);background-attachment:fixed}
}

/* ==========================================================================
   Header
   ========================================================================== */
.gh-fixed{position:fixed;top:0;inset-inline:0;z-index:80}
.gh-bar{position:relative;height:84px;border-bottom:1px solid currentColor;backdrop-filter:var(--pap-blur);-webkit-backdrop-filter:var(--pap-blur);box-shadow:0 6px 22px -20px rgba(38,34,35,.3);transition:height .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease,background .45s ease}
.is-scrolled .gh-bar{height:66px;box-shadow:0 10px 34px -20px rgba(38,34,35,.45)}
.gh-row{width:100%;margin:0 auto;padding:0 clamp(16px,2.6vw,44px);display:flex;align-items:center;gap:14px;height:100%}
.gh-bar__hi{position:absolute;bottom:0;inset-inline:0;height:1px;pointer-events:none}
.gh-progress{position:absolute;bottom:-1px;inset-inline-start:0;height:2px;width:0;background:linear-gradient(90deg,rgba(246,119,12,0),#F6770C);transition:width .12s linear;pointer-events:none}
.gh-spacer{height:84px;flex:none}
.gh-flex{flex:1}

/* icon buttons */
.gh-ico{position:relative;width:42px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:var(--gh-rM);padding:0;background:var(--gh-chip);color:var(--gh-ink);backdrop-filter:blur(var(--gh-blur));-webkit-backdrop-filter:blur(var(--gh-blur));transition:transform .28s cubic-bezier(.2,.7,.2,1),background .28s ease,box-shadow .28s ease,border-color .28s ease,color .28s ease}
.gh-ico:hover{background:rgba(246,119,12,.12);color:var(--gh-acc2);transform:translateY(-1px) scale(1.07);box-shadow:0 0 0 6px rgba(246,119,12,.1),0 0 20px rgba(246,119,12,.4)}
.gh-badge{position:absolute;top:-4px;inset-inline-end:-4px;padding:0 5px;border-radius:999px;background:#F6770C;color:#262223;font-weight:800;display:flex;align-items:center;justify-content:center}
.gh-badge--desk{min-width:20px;height:20px;font-size:11.5px;box-shadow:0 2px 8px rgba(246,119,12,.5),0 0 0 2px var(--gh-glass)}
.gh-badge--mob{min-width:19px;height:19px;font-size:11px;box-shadow:0 2px 8px rgba(246,119,12,.5)}
.pap-badge-slot{display:contents}

/* theme switch: sun ↔ moon */
.flip{position:absolute;display:flex;align-items:center;justify-content:center;transition:transform .55s cubic-bezier(.3,1.4,.4,1),opacity .4s ease}
.flip--sun{transform:rotate(0) scale(1);opacity:1}
.flip--moon{transform:rotate(90deg) scale(.4);opacity:0}
[data-gh-theme="dark"] .flip--sun{transform:rotate(-90deg) scale(.4);opacity:0}
[data-gh-theme="dark"] .flip--moon{transform:rotate(0) scale(1);opacity:1}

/* logo */
.gh-logo,.gh-logo:hover{display:flex;align-items:center;gap:12px;flex:none;color:var(--gh-ink)}
.gh-logo-mark{width:50px;height:47px;flex:none;display:block;box-sizing:border-box;padding:0;background:none;transition:width .38s cubic-bezier(.2,.7,.2,1),height .38s cubic-bezier(.2,.7,.2,1)}
.is-scrolled .gh-logo-mark{width:42px;height:40px}
[data-gh-theme="dark"] .gh-logo-mark{padding:5px;background:#F6F0E8;border-radius:var(--gh-rS)}
.gh-logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.gh-logo-text{display:flex;flex-direction:column;gap:3px;line-height:1.1}
.gh-logo-name{font-weight:800;font-size:20px;letter-spacing:.14em;color:var(--gh-ink)}
.gh-logo-tag{font-family:'Morabba','IRANYekan',serif;font-size:14px}
.gh-logo-mob{font-weight:800;font-size:16px;letter-spacing:.13em;color:var(--gh-ink)}

/* desktop navigation */
.gh-nav{display:flex;align-items:center;gap:4px;margin-inline-start:18px;flex-wrap:nowrap;min-width:0}
.gh-nav a,.gh-nav button,.gh-nav span,.gh-acts a,.gh-acts button{white-space:nowrap}
.gh-nav button{flex:none}
.gh-nav>a,.gh-nav>button,.gh-nav>.gh-dd>button{display:flex;align-items:center;line-height:1.5;height:42px;box-sizing:border-box}
.gh-nav__link{gap:7px;font-size:14.5px;font-weight:600;padding:10px 14px;border-radius:var(--gh-rS);transition:color .25s ease,background .25s ease}
.gh-nav__link:hover{background:rgba(246,119,12,.1)}
.gh-nav__home{flex:none;opacity:.8}
.gh-nav__btn{gap:7px;font-size:14.5px;font-weight:700;padding:10px 15px;border-radius:var(--gh-rS);border:1px solid transparent;background:transparent;color:var(--gh-ink);transition:all .25s ease}
.gh-nav__btn--mega{color:inherit;transition:all .28s ease}
.gh-nav__btn[aria-expanded="true"]{border-color:rgba(246,119,12,.5);background:rgba(246,119,12,.08)}
.gh-nav__btn--mega[aria-expanded="true"]{background:rgba(246,119,12,.13);color:var(--gh-acc2)}
.gh-caret{transition:transform .3s ease}
.gh-nav__btn--mega .gh-caret{transition-duration:.35s}
[aria-expanded="true"]>.gh-caret{transform:rotate(180deg)}

/* header dropdowns (کفش مردانه / کفش زنانه) */
.gh-dd{position:relative;display:flex;align-items:center}
.gh-dd::after{content:"";position:absolute;inset-inline:0;top:100%;height:14px}
.gh-dd__panel{position:absolute;top:100%;inset-inline-start:0;z-index:2;width:250px;padding:10px;display:flex;flex-direction:column;gap:4px;border-radius:var(--gh-rM);border:1px solid currentColor;backdrop-filter:var(--pap-blur);-webkit-backdrop-filter:var(--pap-blur);box-shadow:0 30px 60px -30px rgba(38,34,35,.55);transform-origin:0 0;pointer-events:none;opacity:0;visibility:hidden;transform:scale(.95) translateY(-6px);transition:opacity .28s var(--pe),transform .28s var(--pe),visibility 0s .28s}
.gh-dd.is-open .gh-dd__panel{pointer-events:auto;opacity:1;visibility:visible;transform:scale(1) translateY(0);transition-delay:0s}
.gh-dd__item{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:13px;transition:background .25s ease}
.gh-dd__dot-wrap{width:22px;height:22px;flex:none;display:flex;align-items:center;justify-content:center}
.gh-dd__dot{width:6px;height:6px;border-radius:50%;background:#F6770C;display:block}
.gh-dd__text{display:flex;flex-direction:column;gap:2px}
.gh-dd__label{font-size:14px;font-weight:600}
.gh-dd__note{font-size:11.5px}

/* action clusters */
.gh-acts{align-items:center;gap:9px}
.gh-desk.gh-acts{display:flex}
.gh-mob.gh-acts{gap:8px;margin-inline-start:auto}
.gh-acct-mid{display:none!important}

/* consult button + panel */
.consult{position:relative}
.pap-consult{display:none;align-items:center;gap:9px;min-height:44px;padding:0 16px;border-radius:var(--gh-rM);border:0;background:#F6770C;color:#262223;font-size:13.5px;font-weight:800;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(246,119,12,.7);transition:background .28s ease,box-shadow .28s ease}
.pap-consult:hover{background:#FF8A29;box-shadow:0 14px 30px -10px rgba(246,119,12,.85)}
.pap-consult svg{flex:none}
.consult-panel{position:absolute;top:calc(100% + 12px);inset-inline-end:0;z-index:90;width:272px;padding:12px;border-radius:var(--gh-rL);border:1px solid var(--gh-line);box-shadow:0 18px 44px -18px rgba(38,34,35,.5);transform-origin:top left;transition:opacity .26s var(--pe),transform .26s var(--pe),visibility .26s;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);pointer-events:none}
.consult.is-open .consult-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.consult-panel__q{display:block;font-size:12px;font-weight:700;color:var(--gh-dim);padding:2px 4px 10px}
.consult-way,.consult-way:hover{display:flex;align-items:center;gap:11px;min-height:52px;padding:9px 11px;border-radius:var(--gh-rM);color:var(--gh-ink)}
.consult-way--panel{transition:background .22s ease}
.consult-way--panel:hover{background:rgba(246,119,12,.1)}
.consult-way__icon{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--gh-rS);border:1px solid var(--gh-line);background:var(--gh-chip);color:var(--gh-acc2)}
.consult-way__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.consult-way__label{font-size:13.5px;font-weight:700}
.consult-way__note{font-size:12px;color:var(--gh-dim)}
.consult-way--drawer{border:1px solid var(--gh-line);background:var(--gh-chip)}
.consult-way--drawer .consult-way__icon{width:34px;height:34px;border-color:rgba(246,119,12,.3);background:rgba(246,119,12,.1)}

/* search bar */
.search-wrap{overflow:hidden;transform-origin:50% 0;max-height:0;opacity:0;filter:blur(6px);transform:scale(.96);visibility:hidden;transition:max-height .42s cubic-bezier(.22,.72,.18,1),opacity .3s ease,filter .36s ease,transform .42s cubic-bezier(.22,.72,.18,1),visibility 0s .42s}
.pap-search .search-wrap{max-height:90px;opacity:1;filter:blur(0);transform:scale(1);visibility:visible;transition-delay:0s}
.search-bar{margin:0;border-bottom:1px solid currentColor;backdrop-filter:var(--pap-blur);-webkit-backdrop-filter:var(--pap-blur);box-shadow:0 16px 40px -26px rgba(38,34,35,.5)}
.search-bar__row{max-width:var(--gh-w);margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:12px}
.search-bar__icon{opacity:.55;flex:none}
.search-field{flex:1;min-width:0;height:46px;border:1px solid var(--gh-line);border-radius:var(--gh-rM);padding:0 16px;font-size:14.5px;background:var(--gh-glass2);color:var(--gh-ink);backdrop-filter:blur(var(--gh-blur))}
.search-submit{height:46px;padding:0 18px;border-radius:var(--gh-rM);border:0;background:#F6770C;color:#262223;font-size:13.5px;font-weight:700;flex:none}
.search-bar__hot{display:flex;gap:8px;align-items:center}
.search-hot{font-size:12.5px;font-weight:600;padding:8px 12px;border:1px solid var(--gh-line);border-radius:999px;white-space:nowrap;color:var(--gh-ink)}

/* mega menu */
.mega-wrap{position:absolute;inset-inline:0;top:100%;transform-origin:50% 0;pointer-events:none;opacity:0;visibility:hidden;filter:blur(7px);transform:translateY(-14px) scale(.95);transition:opacity .32s ease,filter .38s cubic-bezier(.22,.72,.18,1),transform .42s cubic-bezier(.22,.72,.18,1),visibility 0s .42s}
.pap-mega .mega-wrap{pointer-events:auto;opacity:1;visibility:visible;filter:blur(0);transform:translateY(0) scale(1);transition-delay:0s}
.mega-panel{position:relative;border-bottom:1px solid currentColor;border-radius:0 0 26px 26px;backdrop-filter:var(--pap-blur);-webkit-backdrop-filter:var(--pap-blur);box-shadow:0 30px 60px -30px rgba(38,34,35,.55);overflow:hidden}
.gh-mega{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:0;max-width:var(--gh-w);margin:0 auto}
.mega-col{padding:26px 26px 30px;border-inline-start:1px solid var(--gh-line);display:flex;flex-direction:column;gap:18px}
.mega-col__head{display:flex;align-items:center;gap:10px}
.mega-col__icon{width:18px;height:18px;color:var(--gh-acc2)}
.mega-col__titles{display:flex;flex-direction:column;gap:6px}
.mega-col__kicker{font-size:11.5px;letter-spacing:.2em;color:var(--gh-acc2);font-weight:800}
.mega-col__title{font-family:'Morabba','IRANYekan',serif;font-size:21px;font-weight:700}
.mega-group{display:flex;flex-direction:column;gap:8px}
.mega-group__label{font-size:11px;font-weight:700;color:var(--gh-dim);padding:0 10px}
.mega-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--gh-rM);transition:background .25s ease,transform .25s ease}
.mega-item__img{width:44px;height:44px;flex:none;border:1px solid var(--gh-line);border-radius:13px;overflow:hidden;background:var(--gh-glass2);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}
.mega-item__img img,.drw-item__img img{width:100%;height:100%;object-fit:contain;padding:3px;display:block}
.mega-item__text{display:flex;flex-direction:column;gap:3px}
.mega-item__label{font-size:14.5px;font-weight:600}
.mega-item__note{font-size:12px}
.mega-backdrop{position:fixed;inset:0;z-index:79;background:rgba(20,17,17,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease}
.pap-mega .mega-backdrop{opacity:1;pointer-events:auto}

/* off-canvas drawer */
.drawer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(20,17,17,.32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .35s ease}
.pap-drawer .drawer-backdrop{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;inset-inline-start:0;z-index:95;width:min(88vw,380px);height:100vh;height:100dvh;display:flex;flex-direction:column;border-inline-end:1px solid currentColor;backdrop-filter:var(--pap-blur);-webkit-backdrop-filter:var(--pap-blur);box-shadow:-24px 0 60px -30px rgba(20,17,17,.6);transform:translateX(104%) scale(.97);filter:blur(5px);visibility:hidden;will-change:transform;transition:transform .48s cubic-bezier(.22,.72,.18,1),filter .38s ease,visibility 0s .48s}
.pap-drawer .drawer{transform:translateX(0) scale(1);filter:blur(0);visibility:visible;transition-delay:0s}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--gh-line)}
.drawer__title{font-family:'Morabba','IRANYekan',serif;font-size:20px;font-weight:700}
.drawer__body{padding:16px 18px 30px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}
.drawer__home,.drawer__home:hover{display:flex;align-items:center;gap:11px;min-height:52px;padding:11px 12px;border-radius:var(--gh-rM);border:1px solid var(--gh-line);background:var(--gh-chip);color:var(--gh-ink);font-size:14.5px;font-weight:700;text-align:start}
.drawer__home svg{flex:none;opacity:.8}
.drw-col{display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--gh-line);padding-bottom:14px}
.drw-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;border:0;padding:0;min-height:46px;color:var(--gh-ink);text-align:start}
.drw-head>span{font-size:15px;font-weight:700}
.drw-chev{transition:transform .3s ease}
.drw-head[aria-expanded="true"] .drw-chev{transform:rotate(180deg)}
.drw-kicker{font-size:11.5px;letter-spacing:.2em;color:var(--gh-acc2);font-weight:800}
.drw-body{display:flex;flex-direction:column;gap:14px}
.drw-body--fold{overflow:hidden;max-height:0;opacity:0;margin-top:0;visibility:hidden;transition:max-height .4s var(--pe),opacity .3s ease,margin-top .4s var(--pe),visibility 0s .4s}
.drw-body--fold.is-open{max-height:600px;opacity:1;margin-top:8px;visibility:visible;transition-delay:0s}
.drw-group{display:flex;flex-direction:column;gap:8px}
.drw-group__label{font-size:11px;font-weight:700;color:var(--gh-dim);padding:0 2px}
.drw-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--gh-rM);border:1px solid var(--gh-line);background:var(--gh-chip)}
.drw-item__img{width:40px;height:40px;flex:none;border-radius:var(--gh-rS);overflow:hidden;background:var(--gh-glass2);display:flex;align-items:center;justify-content:center}
.drw-item__text{display:flex;flex-direction:column;gap:2px}
.drw-item__label{font-size:14.5px;font-weight:600}
.drw-item__note{font-size:11.5px}
.drw-page{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--gh-rM);border:1px solid var(--gh-line);background:var(--gh-chip);font-size:14.5px;font-weight:700}
.pap-consult-drawer{flex-direction:column;gap:8px;padding-top:4px}
.pap-consult-drawer__label{font-size:12px;font-weight:700;color:var(--gh-dim);padding:0 4px}
.drw-login,.drw-login:hover{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;flex:none;border-radius:var(--gh-rM);background:#F6770C;color:#262223;font-size:15px;font-weight:700}

/* ==========================================================================
   Home
   ========================================================================== */

/* hero slider */
.hero-wrap{max-width:var(--gh-w);margin:0 auto;padding:22px 24px 0}
.hero{transform-origin:50% 20%;will-change:transform,opacity;position:relative;overflow:hidden;border-radius:var(--gh-rL);background:#262223;aspect-ratio:16/8.4}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none}
.hero__slide.is-on{opacity:1;pointer-events:auto}
.hero__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.38) 100%)}
.hero__cta,.hero__cta:hover{position:absolute;left:28px;bottom:28px;display:inline-flex;align-items:center;gap:11px;min-height:52px;padding:0 26px;border-radius:var(--gh-rM);font-size:15px;font-weight:800;color:#FFF3E4;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.55);backdrop-filter:blur(var(--gh-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--gh-blur)) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 16px 36px -16px rgba(0,0,0,.45);transition:background .3s ease,transform .3s var(--pe)}
.hero__cta:hover{background:#F6770C;border-color:#F6770C;transform:translateY(-2px)}
.hero__arrow{font-size:17px}
.hero__dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:20;display:flex;gap:8px}
.hero__dot{width:8px;height:8px;padding:0;border-radius:999px;border:0;background:rgba(255,255,255,.5);transition:width .35s ease,background .35s ease;cursor:pointer}
.hero__dot.is-on{width:22px;background:#F6770C}
.tap-dot{position:relative}
.tap-dot::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}

/* section headings */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:2px solid var(--gh-ink);padding-bottom:14px;margin-bottom:24px}
.sec-head--best{margin-bottom:26px}
.sec-titles{display:flex;flex-direction:column;gap:8px}
.sec-kicker{font-size:11.5px;letter-spacing:.2em;color:var(--gh-acc2);font-weight:700}
.sec-title{margin:0;font-family:'Morabba','IRANYekan',serif;font-size:29px;font-weight:700}
.sec-sub,.sec-aside{font-size:13.5px;color:var(--gh-dim)}

.home-cats{max-width:var(--gh-w);margin:0 auto;padding:56px 24px 0;scroll-margin-top:96px}
.home-bnr{max-width:var(--gh-wide);margin:0 auto;padding:64px 24px 0}
.home-bnr.hs-last{padding-bottom:96px}
.home-best{max-width:var(--gh-w);margin:0 auto;padding:72px 24px 0}
.home-story{max-width:var(--gh-w);margin:0 auto;padding:80px 24px 0}

/* category tiles */
.cat3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cat-card,.cat-card:hover{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--gh-rL);border:1px solid var(--gh-line);background:var(--gh-card);backdrop-filter:blur(var(--gh-blur));-webkit-backdrop-filter:blur(var(--gh-blur));box-shadow:0 2px 6px rgba(38,34,35,.06),0 16px 36px -20px rgba(38,34,35,.24);color:var(--gh-ink)}
.cat3 .cat-card{transition:transform .45s var(--pe),box-shadow .45s var(--pe),border-color .35s ease}
.cat3 .cat-card img{transition:transform .7s var(--pe)}
.cat3 a.cat-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -14px rgba(38,34,35,.34),0 40px 80px -40px rgba(38,34,35,.4)}
.cat3 a.cat-card:hover img{transform:scale(1.05)}
.cat-card__media{position:relative;display:block;overflow:hidden;background:var(--gh-shot);aspect-ratio:4/3}
.cat-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.cat-card__media .cat-card__img--bags{object-position:45% 50%}
.cat-card__body{display:flex;flex-direction:column;gap:7px;padding:20px 20px 22px}
.cat-card__kicker{font-size:11px;letter-spacing:.18em;color:var(--gh-acc2);font-weight:700}
.cat-card__title{font-family:'Morabba','IRANYekan',serif;font-size:23px;font-weight:700;color:var(--gh-ink)}
.cat-card__desc{font-size:13px;line-height:1.95;color:var(--gh-dim)}
.cat-card__cta{font-size:13px;font-weight:800;color:var(--gh-acc);margin-top:4px}

/* full-width banners */
.pap-bnr,.pap-bnr:hover{position:relative;display:block;overflow:hidden;border-radius:var(--gh-rL);border:1px solid var(--gh-line);box-shadow:0 2px 8px rgba(38,34,35,.08),0 30px 68px -34px rgba(38,34,35,.4);color:#F6F0E8}
.pap-bnr img{display:block;width:100%;height:auto;transition:transform .7s var(--pe)}
.pap-bnr:hover img{transform:scale(1.022)}
.bnr-cap{display:none;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px;background:#1B1817;color:#F6F0E8;font-size:13.5px;font-weight:700}
.bnr-cap__cta{color:#F6770C;white-space:nowrap}

/* collection bands (formal, women, boots, care) */
.band{position:relative;margin:0;padding:72px 0 76px;background:linear-gradient(165deg,#2E2A2A 0%,#262223 48%,#1C1918 100%);color:#F6F0E8;overflow:hidden;--gh-card:#F6F0E8;--gh-shot:#EFE7DB;--gh-ink:#262223;--gh-page:#F6F0E8;--gh-line:rgba(38,34,35,.12);--gh-dim:#5E5552;--gh-dim2:#7A706C}
.band--first,.band--spaced{margin-top:80px}
.care-band{--gh-shot:#FFFFFF}
.band__stripes{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 2px,transparent 2px 26px)}
.band__inner{position:relative;max-width:var(--gh-w);margin:0 auto;padding:0 24px}
.band__head{border-bottom-color:rgba(246,240,232,.85);padding-bottom:16px;margin-bottom:28px}
.band .sec-kicker{color:#F6770C}
.band .sec-title{color:#F6F0E8}
.band .sec-sub{color:rgba(246,240,232,.74)}
.band__cta,.band__cta:hover{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border-radius:999px;border:1.5px solid #F6770C;background:rgba(246,119,12,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#F6F0E8;font-size:14px;font-weight:800;white-space:nowrap;transition:background .25s ease,color .25s ease}
.band__cta:hover{background:#F6770C;color:#262223}
.formal-band .best-rail,.boot-band .best-rail{color:#262223}
.light-band{padding:76px 0 80px;background:linear-gradient(170deg,#F4ECE1 0%,#EFE4D6 55%,#EADDCB 100%);color:#262223;--gh-card:#FBF7F1;--gh-shot:#F3ECE2;--gh-page:#FBF7F1;--gh-line:rgba(38,34,35,.11)}
.light-band .band__stripes{opacity:.6;background-image:repeating-linear-gradient(65deg,rgba(38,34,35,.022) 0 1px,transparent 1px 22px)}
.light-band .band__head{border-bottom-color:#262223}
.light-band .sec-kicker{color:#B8560A}
.light-band .sec-title{color:#262223}
.light-band .sec-sub{color:#5E5552}
.light-band .band__cta{background:rgba(255,255,255,.45);color:#262223}
.light-band .band__cta:hover{background:#F6770C;color:#262223}

/* story */
.story-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:0;scroll-margin-top:110px;overflow:hidden;border-radius:var(--gh-rL);border:1px solid var(--gh-line);box-shadow:0 2px 8px rgba(38,34,35,.07),0 28px 64px -34px rgba(38,34,35,.34)}
.story-panel{position:relative;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:44px 40px;background:linear-gradient(165deg,#2E2A2A 0%,#262223 48%,#1C1918 100%);color:#EDE6DC;min-height:340px}
.story-panel__stripes{position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 26px)}
.story-panel__kicker{position:relative;font-size:11.5px;letter-spacing:.2em;color:#F6770C;font-weight:700}
.story-panel__figure{position:relative;display:flex;align-items:baseline;gap:12px}
.story-panel__num{font-family:'Morabba','IRANYekan',serif;font-size:84px;font-weight:800;line-height:.9;color:#fff}
.story-panel__label{font-family:'Morabba','IRANYekan',serif;font-size:22px;font-weight:700;color:#CFC7BC}
.story-panel__text{position:relative;margin:0;max-width:44ch;font-size:14.5px;line-height:2.15;color:#BDB2A9}
.story-panel__cta,.story-panel__cta:hover{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 20px;border-radius:var(--gh-rM);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#F7EDDF;font-size:13.5px;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .25s ease,border-color .25s ease,background .25s ease}
.story-panel__cta:hover{color:#F6770C;border-color:rgba(246,119,12,.5);background:rgba(246,119,12,.12)}
.story-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--gh-line)}
.story-feat{display:flex;flex-direction:column;gap:7px;padding:28px 26px;background:var(--gh-card);backdrop-filter:blur(var(--gh-blur));-webkit-backdrop-filter:blur(var(--gh-blur))}
.story-feat__n{font-size:12px;letter-spacing:.18em;color:var(--gh-acc)}
.story-feat__title{font-family:'Morabba','IRANYekan',serif;font-size:19px;font-weight:700;color:var(--gh-ink)}
.story-feat__body{font-size:13.5px;line-height:1.95;color:var(--gh-dim)}

/* ==========================================================================
   Product grid and card (WooCommerce loop: ul.products > li.product)
   ========================================================================== */
ul.products{list-style:none;margin:0;padding:0}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.pap-card{position:relative;display:flex;flex-direction:column;margin:0;background:var(--gh-card);border:1px solid var(--gh-line);border-radius:var(--gh-rL);overflow:hidden;backdrop-filter:blur(var(--gh-blur));-webkit-backdrop-filter:blur(var(--gh-blur));box-shadow:0 2px 6px rgba(38,34,35,.06),0 12px 30px -18px rgba(38,34,35,.18);transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease}
.pap-card:hover{box-shadow:0 10px 24px -8px rgba(38,34,35,.18),0 26px 54px -22px rgba(38,34,35,.34);border-color:rgba(246,119,12,.45);transform:translateY(var(--gh-lift))}
.pap-card__media{display:block;position:relative;overflow:hidden;border-radius:var(--gh-rL) var(--gh-rL) 0 0;background:var(--gh-shot)}
.pap-card .product-thumb{display:block;width:100%;aspect-ratio:5/4;height:auto;object-fit:contain;padding:6px 10px;transition:transform .6s var(--pe)}
.pap-card:hover .product-thumb{transform:scale(1.06)}
.pap-card__badge{position:absolute;top:10px;inset-inline-start:10px;padding:5px 10px;border-radius:999px;background:rgba(27,24,23,.8);color:#F7EDDF;font-size:10.5px;font-weight:800;letter-spacing:.06em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pap-card__body{display:flex;flex-direction:column;gap:9px;padding:18px;flex:1}
.pap-card__code{font-size:11px;letter-spacing:.16em;color:var(--gh-dim2)}
.pap-card .woocommerce-loop-product__title{margin:0;font-family:'Morabba','IRANYekan',serif;font-size:18px;font-weight:600;line-height:1.5;color:var(--gh-ink)}
.pap-card .woocommerce-loop-product__title a,.pap-card .woocommerce-loop-product__title a:hover{color:inherit}
.pap-card__note{font-size:12.5px;color:var(--gh-dim)}
.pap-card .price{min-height:30px;margin-top:auto;border-top:1px solid var(--gh-line)}
.pap-card .add_to_cart_button,.pap-card .add_to_cart_button:hover{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:46px;background:transparent;border:1.5px solid var(--gh-ink);color:var(--gh-ink);font-size:14px;font-weight:700;text-align:center;transition:transform .55s var(--pe),background .25s ease,color .25s ease}
.pap-card .add_to_cart_button:hover{background:var(--gh-ink);color:var(--gh-page)}
.pap-card .add_to_cart_button.is-busy{opacity:.6;pointer-events:none}

/* prices */
.pap-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pap-amt{font-family:'Morabba','IRANYekan',serif;font-size:17px;font-weight:800;color:var(--gh-ink)}
.pap-amt--lg{font-size:19px}
.pap-amt--sale{color:var(--gh-acc2)}
.pap-price ins{text-decoration:none}
.pap-price del{font-size:13px;color:var(--gh-dim2)}
.pap-amt--old{font-family:inherit;font-size:13px;font-weight:400;color:var(--gh-dim2)}
.pap-price__to{font-size:13px;color:var(--gh-dim)}
.pap-onsale{font-size:11px;font-weight:800;color:#262223;background:#F6770C;padding:2px 7px;border-radius:999px}
.price-ask{font-size:13px;font-weight:700;color:var(--gh-dim)}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(165deg,#2E2A2A 0%,#262223 46%,#1C1918 100%);color:#CFC7BC;backdrop-filter:blur(var(--gh-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--gh-blur)) saturate(160%);border-top:1px solid rgba(255,255,255,.1);margin-top:40px}
[data-gh-theme="dark"] .site-footer{background:linear-gradient(165deg,#241F1E 0%,#1C1918 46%,#131110 100%)!important}
.site-footer__glow{position:absolute;border-radius:50%;filter:blur(var(--gh-blur));pointer-events:none;will-change:transform}
.site-footer__glow--a{top:-160px;inset-inline-start:8%;width:420px;height:420px;background:radial-gradient(circle,rgba(246,119,12,.22) 0%,rgba(246,119,12,0) 68%)}
.site-footer__glow--b{bottom:-200px;inset-inline-end:4%;width:460px;height:460px;background:radial-gradient(circle,rgba(246,119,12,.13) 0%,rgba(246,119,12,0) 70%)}
.site-footer__hi{position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42) 20%,rgba(255,255,255,.42) 80%,transparent);pointer-events:none}
.f-wrap{position:relative;max-width:var(--gh-w);margin:0 auto}
.f-wrap--trust{padding:38px 24px 0}
.f-wrap--cols{padding:34px 24px 30px}
.f-wrap--addr{padding:0 24px 34px}

.f-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.f-glass{display:flex;align-items:center;gap:13px;padding:16px 17px;border:1px solid rgba(255,255,255,.13);border-radius:var(--gh-rM);background:rgba(255,255,255,.05);backdrop-filter:blur(var(--gh-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--gh-blur)) saturate(150%);transition:border-color .3s ease,background .3s ease}
.f-glass:hover{border-color:rgba(246,119,12,.45);background:rgba(246,119,12,.09)}
.f-glass__icon{width:42px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:13px;border:1px solid rgba(246,119,12,.35);background:rgba(246,119,12,.12);color:#F6770C}
.f-glass__text{display:flex;flex-direction:column;gap:4px}
.f-glass__title{font-size:14px;font-weight:700;color:#F7F2EA}
.f-glass__body{font-size:12px;color:#9C948D;line-height:1.7}

.f-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.6fr;gap:44px;align-items:start}
.f-brand{display:flex;flex-direction:column;gap:16px}
.f-brand__row{display:flex;align-items:center;gap:12px}
.f-brand__mark{width:48px;height:48px;flex:none;box-sizing:border-box;padding:6px;border-radius:var(--gh-rM);background:#F6F0E8}
.f-brand__mark img{width:100%;height:100%;object-fit:contain;display:block}
.f-brand__names{display:flex;flex-direction:column;line-height:1.25}
.f-brand__name{font-weight:800;font-size:16px;letter-spacing:.15em;color:#fff}
.f-brand__tag{font-family:'Morabba','IRANYekan',serif;font-size:13.5px;color:#9C948D}
.f-brand__about{margin:0;font-size:13.5px;line-height:2.15;color:#A29A94;max-width:38ch}
.f-social{display:flex;gap:10px;padding-top:2px}
.f-social a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#EDE6DC;backdrop-filter:blur(var(--gh-blur));-webkit-backdrop-filter:blur(var(--gh-blur));transition:transform .28s cubic-bezier(.2,.7,.2,1),color .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.f-social a:hover{color:#F6770C;border-color:rgba(246,119,12,.6);background:rgba(246,119,12,.14);transform:translateY(var(--gh-lift)) scale(1.08);box-shadow:0 0 0 6px rgba(246,119,12,.1)}
.f-col{display:flex;flex-direction:column;gap:2px}
.f-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:0;margin-bottom:6px;background:transparent;border:0;text-align:start;font-family:'Morabba','IRANYekan',serif;font-size:17px;line-height:1.6;font-weight:700;color:#F7F2EA}
.f-caret{width:17px;height:17px;flex:none;transition:transform .3s ease}
.f-head[aria-expanded="true"] .f-caret{transform:rotate(180deg)}
.f-panel{overflow:hidden;max-height:0;opacity:0;transition:max-height .38s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.f-panel.is-open{max-height:320px;opacity:1}
.f-links{display:flex;flex-direction:column;gap:11px;padding-bottom:4px}
.f-links a{font-size:13.5px;color:#A29A94;width:fit-content;transition:color .25s ease,transform .25s ease}
.f-links a:hover{color:#F6770C;transform:translateX(-4px)}
.f-news{display:flex;flex-direction:column;gap:8px}
.f-news__title{display:flex;align-items:center;min-height:48px;font-family:'Morabba','IRANYekan',serif;font-size:17px;line-height:1.6;font-weight:700;color:#F7F2EA}
.f-news__text{margin:0;font-size:13px;line-height:2;color:#A29A94;max-width:40ch}
.f-news__form{display:flex;gap:9px;flex-wrap:wrap;margin:0}
.f-news__form input{flex:1;min-width:170px;height:48px;padding:0 16px;border-radius:15px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#F3EDE4;font-family:inherit;font-size:14px;backdrop-filter:blur(var(--gh-blur));-webkit-backdrop-filter:blur(var(--gh-blur));transition:border-color .25s ease,background .25s ease}
.f-news__form input:focus{border-color:rgba(246,119,12,.6);background:rgba(255,255,255,.1)}
.f-news__form input::placeholder{color:#9C948D}
/* text on brand orange is always ink (HANDOFF: white fails WCAG AA) */
.f-news__form button{position:relative;overflow:hidden;height:48px;padding:0 22px;border-radius:15px;border:1px solid rgba(246,119,12,.6);background:rgba(246,119,12,.9);color:#262223;font-size:14px;font-weight:700;backdrop-filter:blur(var(--gh-blur));transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
.f-news__form button:hover{background:#F6770C;box-shadow:0 10px 26px -12px rgba(246,119,12,.8);transform:translateY(-1px)}
.f-quick{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}
.f-quick__title{font-family:'Morabba','IRANYekan',serif;font-size:16px;font-weight:700;color:#F7F2EA;margin-bottom:2px}
/* quick contact alone (no newsletter yet): heads the column like the other footer columns */
.f-quick--solo{margin-top:0;padding-top:0;border-top:0}
.f-quick--solo .f-quick__title{display:flex;align-items:center;min-height:48px;margin-bottom:0;font-size:17px;line-height:1.6}
.f-quick__link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:var(--gh-rM);border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);backdrop-filter:blur(var(--gh-blur));-webkit-backdrop-filter:blur(var(--gh-blur));transition:border-color .28s ease,background .28s ease,transform .28s ease}
.f-quick__link:hover{border-color:rgba(246,119,12,.5);background:rgba(246,119,12,.11);transform:translateX(-3px)}
.f-quick__icon{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(246,119,12,.4);background:rgba(246,119,12,.13);color:#F6770C}
.f-quick__text{display:flex;flex-direction:column;gap:3px}
.f-quick__label{font-size:13.5px;font-weight:700;color:#F7F2EA}
.f-quick__handle{font-size:12px;color:#9C948D;letter-spacing:.02em}

.f-addr-head{display:flex;align-items:center;gap:14px;padding-bottom:16px}
.f-addr-head__title{font-family:'Morabba','IRANYekan',serif;font-size:17px;font-weight:700;color:#F7F2EA;white-space:nowrap}
.f-addr-head__rule{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent)}
.f-addr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.f-addr-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--gh-rM);border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);backdrop-filter:blur(var(--gh-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--gh-blur)) saturate(150%);transition:border-color .3s ease,background .3s ease}
.f-addr-card:hover{border-color:rgba(246,119,12,.4);background:rgba(246,119,12,.07)}
.f-addr-card__head{display:flex;align-items:center;gap:10px}
.f-addr-card__icon{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid rgba(246,119,12,.35);background:rgba(246,119,12,.12);color:#F6770C}
.f-addr-card__title{font-family:'Morabba','IRANYekan',serif;font-size:16.5px;font-weight:700;color:#F7F2EA}
.f-addr-card__text{margin:0;font-size:13px;line-height:2.1;color:#A29A94}
.f-addr-card__tels{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}
.f-addr-card__tel-icon{flex:none;color:#F6770C}
.f-tel,.f-map{color:#EDE6DC;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);transition:color .25s ease,border-color .25s ease,background .25s ease}
.f-tel:hover,.f-map:hover{color:#F6770C;border-color:rgba(246,119,12,.5);background:rgba(246,119,12,.12)}
.f-tel{font-size:13px;font-weight:700;letter-spacing:.03em;padding:5px 11px;border-radius:999px}
.f-map{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:38px;padding:9px 14px;line-height:1.6;border-radius:999px;font-size:12.5px;font-weight:700}
.f-map svg{flex:none}

.f-bottom{position:relative;border-top:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.16);backdrop-filter:blur(var(--gh-blur));-webkit-backdrop-filter:blur(var(--gh-blur))}
.f-bottom__row{max-width:var(--gh-w);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.f-bottom__copy{font-size:12.5px;color:#9C948C}
.f-bottom__badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.f-badge{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:var(--gh-rS);border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);font-size:11.5px;color:#9C948D;backdrop-filter:blur(var(--gh-blur))}
.f-badge svg{color:#F6770C}

/* ==========================================================================
   Bottom navigation (≤900), mini cart, toast
   ========================================================================== */
.pap-bnav{display:none}
.bnav-i,.bnav-i:hover{position:relative;display:flex;line-height:normal;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;background:transparent;border:0;padding:4px 2px;font-size:10.5px;font-weight:700;color:var(--gh-dim);transition:color .25s var(--pe)}
.bnav-i[data-on="1"],.bnav-i[data-on="1"]:hover{color:var(--gh-acc)}
.bnav-i[data-on="1"]::before{content:"";position:absolute;top:-9px;width:26px;height:3px;border-radius:0 0 3px 3px;background:#F6770C}
.bnav-i:active{color:var(--gh-acc2)}
.bnav-mid{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto -12px;border-radius:50%;background:#F6770C;color:#262223;border:3px solid var(--gh-page);box-shadow:0 12px 26px -8px rgba(246,119,12,.75);transition:transform .28s var(--pe)}
.bnav-i:active .bnav-mid{transform:scale(.94)}
.bnav-badge{position:absolute;top:0;inset-inline-end:calc(50% - 20px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#F6770C;color:#262223;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--gh-glass)}
[data-gh-theme="dark"] .pap-bnav{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 -14px 38px -14px rgba(0,0,0,.6)}

.mini-backdrop{position:fixed;inset:0;z-index:96;background:rgba(20,17,17,.42);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .38s ease}
.pap-mini .mini-backdrop{opacity:1;pointer-events:auto}
.mini-panel{position:fixed;top:0;inset-inline-start:0;z-index:97;width:min(94vw,430px);height:100vh;height:100dvh;display:flex;flex-direction:column;border-inline-end:1px solid var(--gh-line);background:var(--gh-glass);color:var(--gh-ink);backdrop-filter:var(--pap-blur);-webkit-backdrop-filter:var(--pap-blur);box-shadow:-30px 0 70px -34px rgba(20,17,17,.7);opacity:0;transform:translateX(104%);pointer-events:none;visibility:hidden;transition:transform .5s cubic-bezier(.22,.72,.18,1),opacity .35s ease,visibility 0s .5s}
.pap-mini .mini-panel{opacity:1;transform:translateX(0);pointer-events:auto;visibility:visible;transition-delay:0s}
.pap-mini-inner{display:flex;flex-direction:column;flex:1;min-height:0}
.mini-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--gh-line)}
.mini-head__titles{display:flex;flex-direction:column;gap:3px}
.mini-head__title{font-family:'Morabba','IRANYekan',serif;font-size:19px;font-weight:700;color:var(--gh-ink)}
.mini-head__sub{font-size:12.5px;color:var(--gh-dim)}
.mini-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:14px 22px 20px}
.mini-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--gh-rM);border:1px solid var(--gh-line);background:var(--gh-card);opacity:1;transition:opacity .32s cubic-bezier(.22,.72,.18,1),transform .34s cubic-bezier(.22,.72,.18,1)}
.mini-item.is-removing{opacity:0;transform:translateX(-26px) scale(.97)}
.mini-item.is-busy{opacity:.6}
.mini-item__img{width:74px;height:74px;flex:none;border-radius:var(--gh-rM);overflow:hidden;background:var(--gh-shot);border:1px solid var(--gh-line)}
.mini-item__img img{width:100%;height:100%;object-fit:contain;padding:6px;display:block}
.mini-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.mini-item__name,.mini-item__name:hover{font-size:13.5px;font-weight:700;line-height:1.7;color:var(--gh-ink)}
.mini-item__meta{font-size:12px;color:var(--gh-dim)}
.mini-item__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qty-stepper{display:flex;align-items:center;gap:2px;border:1px solid var(--gh-line);border-radius:999px;background:var(--gh-chip);padding:3px}
.qty-stepper button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--gh-ink);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:background .25s var(--pe),color .25s ease}
.qty-stepper button:hover{background:rgba(246,119,12,.16);color:var(--gh-acc2)}
.qty-stepper__n{min-width:24px;text-align:center;font-size:13.5px;font-weight:800;color:var(--gh-ink)}
.mini-item__line{font-size:13.5px;font-weight:800;color:var(--gh-acc)}
.mini-item__rm{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--gh-rS);border:1px solid var(--gh-line);background:transparent;color:var(--gh-dim);transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s var(--pe)}
.mini-item__rm:hover{color:var(--gh-bad);border-color:rgba(192,52,27,.45);background:rgba(192,52,27,.1);transform:scale(1.06)}
.mini-foot{display:flex;flex-direction:column;gap:11px;padding:18px 22px 22px;border-top:1px solid var(--gh-line);background:var(--gh-chip)}
.mini-foot__total{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.mini-foot__label{font-size:13.5px;color:var(--gh-dim)}
.mini-foot__sum{font-family:'Morabba','IRANYekan',serif;font-size:24px;font-weight:800;color:var(--gh-acc)}
.mini-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:40px 26px}
.mini-empty__icon{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:var(--gh-rL);border:1px solid rgba(246,119,12,.34);background:rgba(246,119,12,.1);color:#F6770C}
.mini-empty__title{font-family:'Morabba','IRANYekan',serif;font-size:21px;font-weight:700;color:var(--gh-ink)}
.mini-empty p{margin:0;font-size:13.5px;line-height:2;color:var(--gh-dim);max-width:34ch}

/* shared buttons */
.btn-outline,.btn-outline:hover{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:var(--gh-rM);border:1.5px solid var(--gh-ink);background:transparent;color:var(--gh-ink);font-size:14px;font-weight:700;transition:background .28s ease,color .28s ease}
.btn-outline:hover{background:var(--gh-ink);color:var(--gh-page)}
.btn-primary,.btn-primary:hover{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 26px;border-radius:var(--gh-rM);border:1.5px solid #F6770C;background:#F6770C;color:#262223;font-size:14.5px;font-weight:800;transition:background .28s ease,transform .28s var(--pe)}
.btn-primary:hover{background:var(--gh-acc2);transform:translateY(var(--gh-lift))}
.btn-primary--lg{display:flex;width:100%;height:54px;font-size:15px;box-shadow:0 16px 36px -16px rgba(246,119,12,.75)}

.pap-flash{position:fixed;left:50%;bottom:28px;z-index:120;display:flex;align-items:center;gap:10px;max-width:min(92vw,440px);padding:13px 18px;border-radius:var(--gh-rM);border:1px solid var(--gh-line);background:var(--gh-glass);backdrop-filter:blur(var(--gh-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--gh-blur)) saturate(160%);color:var(--gh-ink);font-size:13.5px;font-weight:700;box-shadow:0 20px 44px -22px rgba(38,34,35,.5);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .35s var(--pe),transform .35s var(--pe)}
.pap-flash.is-on{transform:translate(-50%,0);opacity:1}
.pap-flash__icon{flex:none;color:#F6770C}

/* fallback template (pages not designed yet) */
.pap-basic{max-width:var(--gh-wn);margin:0 auto;padding:40px 24px 80px}
.pap-basic__title{font-family:'Morabba','IRANYekan',serif;font-size:32px;font-weight:700;line-height:1.4}
.pap-basic__content{font-size:15px;line-height:2.1;color:var(--gh-dim)}
.pap-basic__item+.pap-basic__item{margin-top:36px}

/* dark theme card/button depth */
[data-gh-theme="dark"] .pap-card{box-shadow:0 2px 8px rgba(0,0,0,.45),0 26px 60px -34px rgba(0,0,0,.85)!important}
[data-gh-theme="dark"] .pap-card:hover{border-color:rgba(246,119,12,.5)!important}

/* ==========================================================================
   Breakpoints (the prototype's helmet rules, kept in their original order)
   ========================================================================== */
@media(max-width:1180px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:520px){.products{grid-template-columns:repeat(1,minmax(0,1fr))}}
@media(min-width:901px){.f-panel{max-height:none!important;opacity:1!important}.f-head{pointer-events:none}.f-caret{display:none}}
@media(max-width:1080px){.f-cols{grid-template-columns:1fr 1fr!important;gap:34px!important}.f-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1080px){.f-addr{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.f-addr{grid-template-columns:1fr!important}}
@media(max-width:900px){.f-cols{grid-template-columns:1fr!important;gap:6px!important}.f-head{border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:14px!important;padding-top:14px!important}.f-trust{grid-template-columns:1fr!important}}

@media(max-width:1150px){.gh-desk{display:none!important}.gh-mob{display:flex!important}}
@media(max-width:1150px){header .gh-logo-mob{display:inline-flex!important;align-items:center}}
@media(max-width:1150px){header .gh-logo{gap:9px!important}header .gh-logo-mark{width:40px!important;height:37px!important}}
@media(max-width:600px){header .gh-logo-mark{width:34px!important;height:32px!important}header .gh-logo-mob{font-size:14px!important}}
@media(max-width:380px){header .gh-logo{gap:7px!important}header .gh-logo-mark{width:30px!important;height:28px!important}header .gh-logo-mob{font-size:12.5px!important;letter-spacing:.1em!important}}
/* mid-range header: keep icon rhythm even, drop the tagline */
@media(max-width:1320px) and (min-width:1151px){.gh-nav{gap:1px!important;margin-inline-start:8px!important}.gh-nav a,.gh-nav button{padding-inline:10px!important;font-size:13.5px!important}.gh-acts{gap:7px!important}.gh-hide-mid{display:none!important}}
@media(max-width:1240px) and (min-width:1151px){.gh-nav a,.gh-nav button{font-size:13px!important;padding-inline:8px!important}}
@media(max-width:820px){.gh-acts{gap:7px!important}}
@media(max-width:420px){.gh-acts{gap:6px!important}}
@media(max-width:1440px) and (min-width:1151px){.gh-nav>a,.gh-nav>button,.gh-nav>.gh-dd>button{padding-inline:10px!important}}
@media(max-width:900px){.pap-flash{bottom:calc(92px + env(safe-area-inset-bottom))}}
/* 1151–1360: not enough room for the full consult label next to the nav, so it collapses to its icon */
@media(max-width:1360px) and (min-width:1151px){.pap-consult{width:44px;padding:0!important;justify-content:center}.pap-consult>span{display:none}}
/* small phones: the bottom bar already carries search, so the header keeps menu, logo, theme, cart */
@media(max-width:430px){header>.gh-row{gap:8px!important;padding-inline:14px!important}header .gh-mob.gh-acts{gap:6px!important}header .gh-mob.gh-acts>button:first-child{display:none!important}header .gh-ico{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}}
@media(max-width:1000px){.gh-mega{grid-template-columns:1fr}}

@media(max-width:1150px) and (min-width:901px){.gh-acct-mid{display:inline-flex!important}}
@media(max-width:900px){
  .pap-bnav{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;inset-inline:0;bottom:0;z-index:78;padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--gh-line);border-radius:var(--gh-rL) var(--gh-rL) 0 0;background:var(--gh-glass);backdrop-filter:blur(var(--gh-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--gh-blur)) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 -14px 38px -18px rgba(38,34,35,.4)}
  .pap-page{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
}
@media(min-width:1151px){.pap-consult{display:inline-flex}}
@media(max-width:1150px){.pap-consult-drawer{display:flex}}
@media(min-width:1151px){.pap-consult-drawer{display:none}}

@media(max-width:1180px){
  .best-rail{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:calc((100% - 44px) / 3.25);gap:18px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -24px;padding:6px 24px 14px;scroll-padding:0 24px;-webkit-overflow-scrolling:touch}
  .best-rail::-webkit-scrollbar{display:none}
  .best-rail>*{scroll-snap-align:start;min-width:0}
}
@media(max-width:900px){.best-rail{grid-auto-columns:calc((100% - 32px) / 2.3);gap:16px!important}}
@media(max-width:700px){
  .hs{padding-top:44px!important}
  .hs-last{padding-bottom:56px!important}
  .best-rail{grid-auto-columns:74%;gap:14px!important}
}
@media(max-width:380px){.best-rail{grid-auto-columns:82%}}
@media(max-width:900px){
  .cat3{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .story-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .bnr-cap{display:flex!important}
  .cat3{grid-template-columns:1fr}
}

/* ---- touch & mobile layer ---- */
@media(pointer:coarse){
  a,button{-webkit-tap-highlight-color:transparent}
  .f-social a,.qty-stepper button{position:relative}
  .f-social a::after,.qty-stepper button::after{content:"";position:absolute;inset:-11px;border-radius:50%}
  .f-links a,.gh-link{min-height:44px;display:flex;align-items:center}
  .f-tel{min-height:44px;display:inline-flex;align-items:center}
  [data-close],.drawer__head .gh-ico{min-width:44px!important;min-height:44px!important}
  .gh-ico{min-width:46px!important;min-height:46px!important}
  .gh-acts{gap:10px!important}
  .f-head{min-height:48px!important}
  .drw-head{min-height:46px!important}
  .product:active .product-thumb{transform:scale(1.04)}
  .product:active{border-color:rgba(246,119,12,.45)!important}
  .gh-ico:active{background:rgba(246,119,12,.12)!important;border-color:rgba(246,119,12,.5)!important;color:var(--gh-acc2)!important}
  .add_to_cart_button:active{transform:scale(.985)}
  .gh-link:active{color:var(--gh-acc2)}
}
@media(max-width:900px){
  /* iOS zooms the whole page when a focused field sits under 16px */
  input,textarea,select{font-size:16px!important}
  a,button{-webkit-tap-highlight-color:transparent}
  .f-social a,.qty-stepper button{position:relative}
  .f-social a::after,.qty-stepper button::after{content:"";position:absolute;inset:-11px;border-radius:50%}
  .f-links a,.gh-link{min-height:44px;display:flex;align-items:center}
  .f-tel{min-height:44px;display:inline-flex;align-items:center}
  .qty-stepper button{width:40px!important;height:40px!important}
  .search-bar button[type="submit"],.f-news__form button{min-height:44px}
  [data-close],.drawer__head .gh-ico{min-width:44px!important;min-height:44px!important}
  .gh-ico{min-width:46px!important;min-height:46px!important}
  .gh-acts{gap:10px!important}
  .f-head{min-height:48px!important}
  .drw-head{min-height:46px!important}
  .add_to_cart_button{min-height:48px!important}
}
@media(max-width:560px){
  h1{font-size:34px!important;line-height:1.3!important}
  h2{font-size:24px!important;line-height:1.4!important}
  p{font-size:15px!important;line-height:1.95!important}
}

/* ==========================================================================
   Motion
   ========================================================================== */
@keyframes papRipple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes papBump{0%{transform:scale(1)}32%{transform:scale(1.42)}62%{transform:scale(.9)}100%{transform:scale(1)}}
.rv{opacity:0;transform:translate3d(0,46px,0) rotateX(7deg);transform-origin:50% 100%;transition:opacity .85s var(--pe),transform 1s var(--pe);transition-delay:var(--rvd,0ms);will-change:transform,opacity}
.rv-in{opacity:1!important;transform:none!important}
html:not(.pap-js) .rv{opacity:1;transform:none}
[data-plx]{will-change:transform}
.rip{position:absolute;width:var(--rs);height:var(--rs);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(246,119,12,.5) 0%,rgba(246,119,12,.18) 45%,rgba(246,119,12,0) 72%);animation:papRipple .68s var(--pe) forwards}
.bump{animation:papBump .58s var(--pe)}
@media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;transition:none!important}[data-plx]{transform:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}
