@font-face{font-family:Vazirmatn;src:url(fonts/vazirmatn.woff2) format("woff2-variations"),url(fonts/vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Naskh;src:url(fonts/naskh.woff2) format("woff2-variations"),url(fonts/naskh.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Cormorant;src:url(fonts/cormorant.woff2) format("woff2-variations"),url(fonts/cormorant.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
:root{
  --bg:#F5F1E9;--bg2:#EDE7DA;--card:#FFFDF8;--ink:#14231E;--mute:#776F62;--line:#E2D9C8;
  --green:#123A30;--green2:#1B4A3E;--gold:#B08A52;--gold2:#C9A86C;--cream:#F4EEE2;
  --serif:Cormorant,Naskh,serif;--r:14px;
  --sh:0 1px 2px rgba(20,35,30,.04),0 12px 32px -18px rgba(20,35,30,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:Vazirmatn,Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.85;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:15.5px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.muted{color:var(--mute)}
.ic{flex:none}
.kicker{display:block;font-family:Cormorant,serif;font-size:.8rem;font-weight:600;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.5}

/* utility bar + header */
.util{background:var(--green);color:#D9D2C2;font-size:.8rem}
.util-in{display:flex;justify-content:space-between;align-items:center;gap:16px;height:36px}
.util-in .ic{color:var(--gold2);vertical-align:-2px}
.util-contact{display:flex;gap:18px}
.util-contact a:hover{color:#fff}
.hd{position:sticky;top:0;z-index:40;background:rgba(245,241,233,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:28px;height:80px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand-word{display:grid;line-height:1.15}
.brand-word b{font-family:Cormorant,serif;font-weight:700;font-size:1.45rem;letter-spacing:.22em;color:var(--green)}
.brand-word small{font-size:.7rem;color:var(--mute);letter-spacing:.02em}
.nav{display:flex;gap:4px;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none}
.nav a{position:relative;padding:8px 12px;font-size:.92rem;white-space:nowrap;color:#3E4A44}
.nav a::after{content:"";position:absolute;inset:auto 12px 2px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .25s}
.nav a:hover{color:var(--ink)}
.nav a:hover::after{transform:scaleX(1)}
.hd-act{display:flex;align-items:center;gap:6px}
.srch{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:0 4px;height:40px;color:var(--mute);margin-inline-end:6px}
.srch:focus-within{border-color:var(--gold)}
.srch input{background:none;border:0;outline:0;width:150px;color:var(--ink);font-size:.9rem}
.ib{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:none;border:1px solid transparent;cursor:pointer;color:var(--green);transition:.2s}
.ib:hover,.ib.on{border-color:var(--line);background:var(--card)}
.ib.on{color:var(--gold)}
.ib em{position:absolute;top:2px;left:0;min-width:18px;height:18px;border-radius:9px;background:var(--gold);color:#fff;font-style:normal;font-size:.68rem;font-weight:700;display:grid;place-items:center;padding:0 4px}
.menu-btn{display:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 30px;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}
.btn-main{background:var(--green);color:var(--cream)}
.btn-main:hover{background:var(--green2)}
.btn-main:disabled{background:#B9B4A8;cursor:not-allowed}
.btn-gold{background:var(--gold2);color:var(--green)}
.btn-gold:hover{background:#D8BC86}
.btn-line{border-color:rgba(244,238,226,.4);color:var(--cream)}
.btn-line:hover{border-color:var(--gold2);color:var(--gold2)}
.btn-ghost{border-color:var(--line);background:var(--card);color:var(--green)}
.btn-ghost:hover{border-color:var(--gold)}
.btn.wide{width:100%}
.link{font-size:.9rem;color:var(--green);border-bottom:1px solid var(--gold);padding-bottom:2px;white-space:nowrap}

/* hero */
.hero{background:radial-gradient(120% 90% at 15% 10%,#1E4F42 0%,var(--green) 55%,#0C2A23 100%);color:var(--cream);overflow:hidden;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding:84px 0 60px}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.7rem);line-height:1.55;margin:6px 0 18px}
.hero h1 em{font-style:normal;color:var(--gold2)}
.hero p{color:#C9CFC6;font-size:1.05rem;max-width:520px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.hero-card{position:relative;height:380px}
.hero-poster{position:absolute;width:78%;left:0;bottom:0;border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);opacity:.92}
.mcard{position:absolute;top:0;right:0;width:min(400px,82%);aspect-ratio:1.586;border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;
  background:linear-gradient(135deg,#E9D3A3 0%,#C9A86C 38%,#A98447 62%,#E2C690 100%);color:#2A2213;box-shadow:0 30px 60px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.5);transform:rotate(-6deg);transition:transform .5s}
.hero-card:hover .mcard{transform:rotate(-3deg) translateY(-6px)}
.mcard::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%);mix-blend-mode:soft-light}
.mcard-top,.mcard-bot{display:flex;justify-content:space-between;align-items:center;font-family:Cormorant,serif;font-weight:700;letter-spacing:.24em;font-size:.82rem;direction:ltr}
.mcard-chip{width:52px;height:40px;border-radius:8px;background:linear-gradient(135deg,#F3E2B8,#B99556);border:1px solid rgba(60,45,20,.35);direction:ltr;margin-left:auto}
.mcard-no{font-family:Cormorant,serif;font-size:1.35rem;font-weight:600;letter-spacing:.18em;direction:ltr;text-align:left}
.mcard-bot span:first-child{font-size:1.15rem}
.hero-facts{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(201,168,108,.3)}
.hero-facts div{padding:22px 0;display:grid;gap:2px;border-inline-start:1px solid rgba(201,168,108,.2);padding-inline-start:22px}
.hero-facts div:first-child{border:0;padding-inline-start:0}
.hero-facts b{font-family:var(--serif);font-size:1.6rem;color:var(--gold2);line-height:1.3}
.hero-facts span{font-size:.82rem;color:#AEB7AE}

/* names strip */
.names{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;padding:34px 0;border-bottom:1px solid var(--line);font-family:Cormorant,serif;font-size:1.45rem;font-weight:600;color:#9A9283;direction:ltr}
.names span{transition:color .2s}
.names span:hover{color:var(--green)}

/* sections */
.sec{padding:76px 0 4px}
.sec-head{margin-bottom:30px}
.sec-head.row{display:flex;justify-content:space-between;align-items:end;gap:16px}
.sec-head h2{font-size:clamp(1.7rem,3vw,2.4rem);color:var(--green)}
.sec-head p{color:var(--mute)}

/* collection index */
.index{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid var(--line)}
.index a{display:grid;grid-template-columns:52px 1fr auto 24px;align-items:center;gap:12px;padding:18px 4px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}
.index a:hover{padding-inline-start:14px;background:linear-gradient(90deg,transparent,rgba(201,168,108,.08))}
.ix-no{font-family:Cormorant,serif;font-size:1.3rem;font-weight:600;color:var(--gold)}
.index b{font-family:var(--serif);font-size:1.2rem;font-weight:700;color:var(--green)}
.ix-count{font-size:.82rem;color:var(--mute)}
.ix-go{color:var(--gold);opacity:0;transition:.25s}
.index a:hover .ix-go{opacity:1}

/* product items */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:34px 26px}
.item{display:flex;flex-direction:column;gap:14px}
.item-img{position:relative;border-radius:var(--r);overflow:hidden;background:var(--bg2);box-shadow:var(--sh);aspect-ratio:16/10}
.item-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.item:hover .item-img img{transform:scale(1.04)}
.item-meta{display:grid;gap:2px;padding:0 2px}
.item-cat{font-size:.78rem;color:var(--gold);letter-spacing:.02em}
.item h3{font-family:var(--serif);font-size:1.25rem;font-weight:700;color:var(--green);line-height:1.35}
.badge{position:absolute;top:12px;right:12px;background:var(--card);color:var(--green);font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:99px}
.badge.out{background:var(--ink);color:var(--cream);right:auto;left:12px}
.price{font-weight:600;font-size:1rem;color:var(--ink)}
.price i{font-style:normal;color:var(--mute);font-size:.82rem;font-weight:400}
.price small,.big-price small,.sum small{font-size:.72rem;font-weight:400;color:var(--mute)}
.chip{font-size:.74rem;padding:1px 10px;border-radius:99px;border:1px solid var(--line);color:var(--mute)}

/* editor's pick */
.feature{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:start}
.feature-main{display:grid;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;transition:box-shadow .3s}
.feature-main:hover{box-shadow:var(--sh)}
.feature-main img{border-radius:12px;width:100%}
.feature-main div{padding:0 6px 6px;display:grid;gap:4px}
.feature-main h3{font-size:1.7rem;color:var(--green)}
.feature-main p{color:var(--mute)}
.feature-side{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px}
.feature-side .item h3{font-size:1.08rem}

/* club */
.club{margin-top:84px;background:var(--green);color:var(--cream);position:relative;overflow:hidden}
.club::after{content:"M";position:absolute;left:-20px;bottom:-140px;font-family:Cormorant,serif;font-size:30rem;line-height:1;color:rgba(201,168,108,.07);font-weight:700}
.club-in{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:72px 0}
.club h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:12px}
.club p{color:#C9CFC6;margin-bottom:26px;max-width:520px}
.club-list{list-style:none;display:grid;gap:0;border-top:1px solid rgba(201,168,108,.3)}
.club-list li{display:flex;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(201,168,108,.3)}
.club-list span{font-family:Cormorant,serif;font-size:1.5rem;color:var(--gold2);width:40px;text-align:center}
.club-list b{display:block;font-weight:600}
.club-list small{color:#AEB7AE}

/* steps / faq */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;border-top:1px solid var(--line)}
.steps li{padding:28px 28px 8px 0;border-inline-start:1px solid var(--line);padding-inline-start:28px}
.steps li:first-child{border:0;padding-inline-start:0}
.steps span{display:block;font-family:var(--serif);font-size:2.6rem;color:var(--gold2);line-height:1.2;margin-bottom:8px}
.steps b{font-family:var(--serif);font-size:1.25rem;color:var(--green)}
.steps p{color:var(--mute);margin-top:4px}
.faq-wrap{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}
.faq{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:20px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--green)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:9px;height:9px;margin-top:9px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg);transition:.25s}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq p{color:var(--mute);padding-bottom:20px;max-width:640px}

/* page header (shop, checkout, account, track) */
.band{display:flex;align-items:center;gap:20px;margin-top:44px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.band h1{font-size:clamp(1.7rem,3.4vw,2.6rem);color:var(--green);line-height:1.4}
.band p{color:var(--mute)}
.band .link{border-color:var(--gold)}
.band-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid var(--gold2);color:var(--gold);flex:none}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:24px 0 34px}
.pill{padding:5px 16px;border-radius:99px;border:1px solid var(--line);font-size:.88rem;color:#4A554F;transition:.2s;background:transparent}
.pill:hover{border-color:var(--gold)}
.pill.on{background:var(--green);border-color:var(--green);color:var(--cream)}
.sort{margin-inline-start:auto}
.sort select{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 14px}
.empty{text-align:center;padding:80px 0;display:grid;gap:16px;justify-items:center}
.empty h1{font-family:Cormorant,serif;font-size:6rem;color:var(--gold2)}

/* product page */
.crumbs{padding-top:30px;color:var(--mute);font-size:.85rem}
.crumbs a:hover{color:var(--green)}
.prod{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;padding-top:22px;align-items:start}
.prod-media{position:sticky;top:110px}
.prod-img img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;box-shadow:var(--sh)}
.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}
.thumbs button{width:76px;flex:none;border-radius:10px;overflow:hidden;border:1px solid var(--line);cursor:pointer;background:none}
.pass-cat{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--gold)}
.prod-info h1{font-size:clamp(1.8rem,3.4vw,2.7rem);color:var(--green);margin:4px 0 22px;line-height:1.35}
.buybox{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
.lbl{color:var(--mute);font-size:.85rem;margin-bottom:12px}
.plans{display:grid;gap:0;border-top:1px solid var(--line)}
.plan{position:relative}
.plan input{position:absolute;opacity:0}
.plan span{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 4px 14px 6px;border-bottom:1px solid var(--line);cursor:pointer;transition:.2s}
.plan span::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:1px solid #B8AE9C;order:-1;transition:.2s}
.plan b{flex:1;font-weight:500;font-size:.95rem}
.plan em{font-style:normal;font-size:.92rem;color:var(--mute);white-space:nowrap}
.plan span:hover{background:rgba(201,168,108,.06)}
.plan input:checked+span::before{border:5px solid var(--green)}
.plan input:checked+span b{font-weight:700;color:var(--green)}
.plan input:checked+span em{color:var(--ink);font-weight:600}
.plan input:focus-visible+span{outline:2px solid var(--gold);outline-offset:-2px}
.plan.dis span{opacity:.4;cursor:not-allowed}
.buy-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.big-price{display:flex;flex-direction:column}
.big-price s{color:var(--mute);font-size:.9rem}
.big-price strong{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--green);line-height:1.4}
.mini-trust{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--mute);font-size:.84rem}
.mini-trust li{display:flex;align-items:center;gap:6px}
.mini-trust .ic{color:var(--gold)}
.short{margin-top:24px;color:#3E4A44}
.rich p{margin-bottom:12px}
.rich h2,.rich h3{color:var(--green);margin:24px 0 10px}
.rich h2{font-size:1.6rem}
.rich h3{font-size:1.25rem}
.rich ul,.rich ol{padding-right:20px;margin-bottom:12px}
.rich li{margin-bottom:6px}
.rich li::marker{color:var(--gold)}
.rich a{color:var(--green);border-bottom:1px solid var(--gold)}
.rich table{width:100%;border-collapse:collapse;margin:12px 0}
.rich td,.rich th{border:1px solid var(--line);padding:8px}
.desc{max-width:820px;border-top:1px solid var(--line);padding-top:12px}

/* drawer */
.drawer{position:fixed;inset:0;z-index:60;visibility:hidden}
.drawer.open{visibility:visible}
.drawer-bg{position:absolute;inset:0;background:rgba(12,30,25,.45);opacity:0;transition:.3s}
.drawer.open .drawer-bg{opacity:1}
.drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(430px,100%);background:var(--bg);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:20px 0 60px -20px rgba(0,0,0,.3)}
.drawer.open .drawer-panel{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}
.drawer-head h3{font-size:1.4rem;color:var(--green)}
.cart-items{flex:1;overflow-y:auto;padding:16px 24px;display:grid;gap:14px;align-content:start}
.ci{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ci img{width:80px;height:50px;object-fit:cover;border-radius:8px}
.ci b{display:block;font-size:.92rem;line-height:1.5;color:var(--green)}
.ci small{color:var(--mute);font-size:.8rem}
.ci .qty{display:flex;align-items:center;gap:8px;margin-top:4px}
.ci .qty button{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer}
.drawer-foot{padding:20px 24px;border-top:1px solid var(--line);display:grid;gap:12px;background:var(--card)}
.sum{display:flex;justify-content:space-between;align-items:center}
.sum strong{font-size:1.25rem;font-weight:700;color:var(--green)}
.cart-empty{text-align:center;color:var(--mute);padding:40px 0}

/* checkout & forms */
.checkout{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;padding-top:32px;align-items:start}
.co-form,.co-sum{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;gap:18px}
.co-form h2,.co-form h3,.co-sum h3{color:var(--green)}
.co-form h2{font-size:1.7rem}
.co-form h3,.co-sum h3{font-size:1.3rem}
.co-form label{display:grid;gap:6px;font-weight:600;font-size:.9rem}
.co-form small{font-weight:400;color:var(--mute)}
.co-form input,.co-form textarea{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;outline:0;font-weight:400;transition:.2s}
.co-form input:focus,.co-form textarea:focus{border-color:var(--gold);background:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hp{position:absolute;left:-9999px}
.alert{background:#F8E8E2;border:1px solid #E5C2B5;color:#7A2E1C;padding:12px 16px;border-radius:10px}
.co-sum{position:sticky;top:110px}
#coItems{display:grid;gap:10px}
.co-line{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;padding-bottom:10px;border-bottom:1px solid var(--line)}

/* footer */
.ft{margin-top:100px;background:#0E2C24;color:#C6C9BF}
.ft-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:40px;padding:64px 0 48px}
.ft-top>div{display:grid;gap:8px;align-content:start}
.ft .brand-word b{color:var(--cream)}
.ft .brand-word small{color:#8F9A90}
.ft-brand p{margin-top:14px;max-width:340px;font-size:.9rem;color:#9FA99F}
.ft h4{font-family:Cormorant,Naskh,serif;font-size:1.15rem;color:var(--gold2);margin-bottom:6px;font-weight:700}
.ft-top a:not(.brand){display:flex;align-items:center;gap:8px;font-size:.9rem;color:#C6C9BF;width:max-content}
.ft-top a:not(.brand):hover{color:#fff}
.ft-bottom{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid rgba(201,168,108,.2);font-size:.8rem;color:#80897F}
.ft-sig{font-family:Cormorant,serif;letter-spacing:.3em;color:var(--gold)}
.enamad{display:inline-block;background:#fff;border-radius:12px;padding:6px;margin-top:8px}
.enamad img{width:80px;height:auto}

.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,120px);background:var(--green);color:var(--cream);padding:12px 26px;border-radius:99px;box-shadow:var(--sh);transition:transform .35s;z-index:70;opacity:0;visibility:hidden}
.toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}

/* result / tracking */
.result{text-align:center;display:grid;justify-items:center;gap:10px;padding:80px 0 20px}
.result h1{font-size:clamp(1.7rem,3vw,2.4rem);color:var(--green)}
.result-ic{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;margin-bottom:8px;border:1px solid var(--gold2);color:var(--gold)}
.result.bad .result-ic{border-color:#D9A799;color:#A2442B}
.result .code{font-family:Cormorant,serif;font-size:1.3rem;letter-spacing:.12em;direction:ltr;display:inline-block}
.status{display:inline-block;font-size:.76rem;font-weight:600;padding:1px 12px;border-radius:99px;white-space:nowrap;background:var(--bg2);color:var(--mute)}
.st-pending{background:#F6EBD3;color:#8A6420}
.st-failed,.st-cancelled{background:#F6E1DA;color:#9A3A22}
.st-paid{background:#E1ECF2;color:#2A5872}
.st-processing{background:#E8E3F1;color:#56457E}
.st-completed{background:#DDEBE3;color:#1F5A45}
.delivery{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.delivery pre,.log{white-space:pre-wrap;word-break:break-word;font-family:inherit;margin-top:6px}
.log{font-family:monospace;font-size:.75rem;direction:ltr;text-align:left;max-height:300px;overflow:auto}
.ok-alert{background:#E5F0E9;border-color:#BFD6C8;color:#1F5A45;margin:20px 0}

/* admin */
.adm main{padding-bottom:60px}
.adm-login{max-width:380px;margin:80px auto}
.adm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;margin-top:28px}
.adm-stats>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;display:grid}
.adm-stats small{color:var(--mute)}
.adm-stats b{font-size:1.35rem;font-weight:700;color:var(--green)}
.adm-q{margin-inline-start:auto;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 14px;outline:0}
.adm-table{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:14px}
.adm-table table{width:100%;border-collapse:collapse;min-width:760px}
.adm-table th{text-align:right;color:var(--mute);font-weight:500;font-size:.84rem;padding:12px 14px}
.adm-table td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top;font-size:.9rem}
.adm-table tr:not(:first-child){cursor:pointer}
.adm-table tr:not(:first-child):hover{background:#FAF6EE}
.adm-table td input{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 10px;width:100%}
.co-form select{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.chk{display:flex!important;align-items:center;gap:8px;font-weight:400!important}
.adm .hd{position:static}

/* accounts, loyalty, gateways */
.auth{display:grid;grid-template-columns:minmax(0,440px) minmax(0,360px);justify-content:center;gap:32px;padding-top:56px;align-items:start}
.auth-links{text-align:center;color:var(--mute);font-size:.9rem}
.auth-links a{color:var(--green);border-bottom:1px solid var(--gold)}
.loyal-card{position:relative;overflow:hidden;padding:30px;border-radius:18px;background:var(--green);color:var(--cream);display:grid;gap:8px}
.loyal-card::after{content:"";position:absolute;inset:10px;border:1px solid rgba(201,168,108,.35);border-radius:12px;pointer-events:none}
.loyal-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--gold2);color:var(--gold2)}
.loyal-card h3{font-size:1.35rem}
.loyal-card p{color:#C9CFC6}
.sum.disc strong{color:#1F5A45;font-size:1.05rem}
.gws{display:grid;gap:10px}
.gw{position:relative}
.gw input{position:absolute;opacity:0}
.gw span{display:grid;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg);cursor:pointer;transition:.2s}
.gw small{color:var(--mute);font-weight:400}
.gw input:checked+span{border-color:var(--green);background:#fff;box-shadow:inset 3px 0 0 var(--gold)}
.gw input:focus-visible+span{outline:2px solid var(--gold)}
.my-orders{display:grid;border-top:1px solid var(--line)}
.my-order{display:grid;grid-template-columns:110px 1fr auto auto;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line);transition:.2s}
.my-order:hover{background:rgba(201,168,108,.06)}
.co-form,.co-sum,.co-form label{min-width:0}
.co-form input:not([type=checkbox]):not([type=radio]),.co-form textarea,.co-form select{width:100%;min-width:0}
.loyal-hint{display:grid;gap:2px;margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-size:.88rem}
.loyal-hint span{color:var(--mute)}
.loyal-hint b{color:var(--green)}
.loyal-hint a,.drawer-loyal a{color:var(--green);border-bottom:1px solid var(--gold)}
.loyal-hint.on{border-color:var(--gold2);background:#FBF5E8}
.loyal-hint.on span{color:var(--ink)}
.drawer-loyal{font-size:.82rem;color:var(--mute);text-align:center}
.sum.sub span,.sum.sub strong{color:var(--mute);font-weight:400;font-size:.95rem}
.acc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.acc-tabs a{padding:5px 16px;border-radius:99px;border:1px solid var(--line);font-size:.88rem}
.acc-tabs a:hover{border-color:var(--gold)}
.my-items{display:grid;gap:14px}
.my-item{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:center;padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.my-item img{width:150px;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
.my-item-body{display:grid;gap:4px;justify-items:start}
.my-deliv summary{cursor:pointer;color:var(--green);font-size:.9rem}
.my-deliv pre{white-space:pre-wrap;font-family:inherit;margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);direction:ltr;text-align:left}
.adm-stats:has(>div:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:99px;background:var(--bg);border:1px solid var(--line)}
.seg label{position:relative}
.seg input{position:absolute;opacity:0}
.seg span{display:block;text-align:center;padding:7px;border-radius:99px;cursor:pointer;color:var(--mute);font-weight:500;font-size:.9rem}
.seg input:checked+span{background:var(--green);color:var(--cream)}
.seg input:focus-visible+span{outline:2px solid var(--gold)}
.code-in{font-size:1.6rem!important;letter-spacing:10px;text-align:center;font-weight:600}

@media (max-width:1100px){
  .srch{display:none}
  .hero-in{grid-template-columns:1fr;gap:40px;padding-top:56px}
  .hero-card{height:340px;max-width:560px;width:100%}
  .prod,.checkout{grid-template-columns:1fr}
  .prod-media,.co-sum{position:static}
  .feature{grid-template-columns:1fr}
  .club-in{grid-template-columns:1fr;gap:36px}
  .ft-top{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{font-size:15px}
  .util-in>span:first-child{display:none}
  .util-in{justify-content:center}
  .menu-btn{display:grid}
  .hd-in{height:68px;gap:12px;justify-content:space-between}
  .brand-word b{font-size:1.15rem}
  .brand-word small{display:none}
  .nav{position:fixed;top:104px;inset-inline:0;flex-direction:column;justify-content:flex-start;background:var(--bg);padding:10px 20px 20px;border-bottom:1px solid var(--line);display:none;box-shadow:var(--sh)}
  .nav.open{display:flex}
  .nav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .hero-card{height:270px}
  .mcard{padding:16px 18px;border-radius:16px}
  .mcard-top,.mcard-bot{font-size:.62rem;letter-spacing:.16em;white-space:nowrap}
  .mcard-bot span:first-child{font-size:.9rem}
  .mcard-no{font-size:1rem}
  .mcard-chip{width:40px;height:30px}
  .hero-facts{grid-template-columns:1fr 1fr}
  .hero-facts div:nth-child(3){border:0;padding-inline-start:0}
  .hero-facts div{border-top:1px solid rgba(201,168,108,.2)}
  .names{font-size:1.1rem;gap:6px 18px;padding:24px 0}
  .index{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}
  .item h3{font-size:1.02rem}
  .price{font-size:.88rem}
  .feature-side{grid-template-columns:1fr 1fr;gap:20px 14px}
  .steps,.faq-wrap{grid-template-columns:1fr}
  .steps li{border:0;padding-inline-start:0;border-bottom:1px solid var(--line);padding-bottom:20px}
  .faq-wrap{gap:10px}
  .two{grid-template-columns:1fr}
  .ft-top{grid-template-columns:1fr}
  .ft-bottom{flex-direction:column;align-items:center}
  .band{gap:14px}
  .band-ic{width:52px;height:52px}
  .auth{grid-template-columns:1fr;padding-top:28px}
  .my-order{grid-template-columns:1fr auto}
  .my-item{grid-template-columns:96px 1fr}.my-item img{width:96px}.my-item .btn{grid-column:1/-1}
  .adm-stats{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}