/* Mahda Gallery theme — gold/cream palette from the brand logo, Vazirmatn everywhere */
:root{
  --paper:#FAF5EF; --paper-2:#F3EADF; --paper-3:#E8DCCB; --white:#fff;
  --ink:#2B2118; --ink-2:#4A3B2E; --mute:#8A7B6B;
  --gold:#B8863B; --gold-2:#E9C98B; --wine:#B4434F; --rose:#A8742F; --rose-s:#F5E9D6; --plum:#5E4120; --plum-2:#8C5E22;
  --line:rgba(43,33,24,.09); --line-2:rgba(43,33,24,.18);
  --serif:Vazirmatn, system-ui, sans-serif; --sans:Vazirmatn, system-ui, sans-serif; --latin:Vazirmatn, system-ui, sans-serif;
  --r:14px; --r-s:10px; --sh:0 1px 2px rgba(43,33,24,.04),0 6px 24px rgba(43,33,24,.06); --sh-h:0 10px 34px rgba(43,33,24,.12);
  --pad:clamp(14px,3vw,40px);
}
body{background:var(--paper);font:400 14.5px/1.9 var(--sans);font-feature-settings:"ss01","ss02"}
body::after{display:none}
h1,h2,h3,h4,.serif{font-family:var(--sans);font-weight:800;letter-spacing:0;line-height:1.5}
.latin{font-family:var(--sans);font-style:normal;letter-spacing:0}
.wrap{max-width:1360px}
.kicker{font:600 12px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--rose)}
.kicker b{font:700 12px var(--sans);color:var(--rose)} .kicker::after{display:none}
::selection{background:var(--rose);color:#fff}

/* buttons */
.btn{--b:var(--rose);height:46px;padding:0 24px;border-radius:12px;font:700 14px/1 var(--sans);letter-spacing:0;color:#fff;box-shadow:0 6px 18px rgba(168,116,47,.28)}
.btn::before{background:var(--plum)} .btn:hover{color:#fff}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line-2);box-shadow:none} .btn.ghost::before{background:var(--ink)} .btn.ghost:hover{color:#fff}
.btn.light{--b:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.12)} .btn.light::before{background:var(--ink)} .btn.light:hover{color:#fff}
.btn.sm{height:38px;padding:0 16px;font-size:13px;border-radius:10px}
.link{background-image:linear-gradient(var(--rose),var(--rose))}

/* forms */
.input,.field input,.field select,.field textarea{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-s);padding:0 14px;height:48px}
.field textarea{padding:12px 14px}
.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-s)}

/* ===== top bar + header ===== */
.topbar{background:var(--ink);color:#EFE6DA;font-size:12.5px}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px}
.topbar .ann{background:none;height:auto;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.topbar .ann .track span::before{color:var(--gold-2)}
.tb-links{display:flex;align-items:center;gap:18px;flex:none}
.tb-links a{display:inline-flex;align-items:center;gap:6px;opacity:.85}.tb-links a:hover{opacity:1;color:var(--gold-2)}
.tb-links svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6}
.topbar .lang{border-color:rgba(255,255,255,.2);margin:0}.topbar .lang button{padding:2px 9px;color:#EFE6DA}.topbar .lang button.on{background:var(--rose);color:#fff}
.hdr{background:#fff;backdrop-filter:none;border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(43,33,24,.04);transition:transform .45s var(--ease)}
.hdr .wrap{display:block;height:auto}
.hdr-main{display:flex!important;align-items:center;gap:20px;height:76px!important}
.logo{flex-direction:row;align-items:center;gap:10px;flex:none}
.logo .lmark{width:62px;height:auto;aspect-ratio:240/146;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(140,94,34,.18))}
.logo .ltxt{display:flex;flex-direction:column;line-height:1.2}
.logo b{font:900 24px/1.1 var(--sans)!important;letter-spacing:0;color:var(--ink)}
.logo small{font:500 11px/1.4 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--mute);margin:2px 0 0!important;display:block!important}
.logo.light b{color:#fff}.logo.light small{color:#BBAE9C}
.hsearch{flex:1;max-width:620px;height:48px;border-radius:14px;background:var(--paper-2);display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--mute);font-size:13.5px;border:1px solid transparent;transition:border-color .3s,background .3s;text-align:start}
.hsearch:hover{background:#fff;border-color:var(--rose)}
.hsearch svg{width:20px;height:20px;stroke:var(--rose);fill:none;stroke-width:2;flex:none}
.hsearch span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tools{gap:8px;margin-inline-start:auto}
.ico{border-radius:12px;width:44px;height:44px}.ico:hover{background:var(--paper-2)}
.ico svg{stroke-width:1.7}
.ico .badge,.cartbtn .badge{background:var(--rose);border:2px solid #fff;min-width:20px;height:20px;top:-4px;inset-inline-end:-4px;border-radius:10px;font-size:10.5px;display:grid;place-items:center;font-weight:700;position:absolute;color:#fff}
.cartbtn{position:relative;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:12px;background:var(--rose);color:#fff;font-weight:700;font-size:14px;box-shadow:0 6px 18px rgba(168,116,47,.3);transition:background .3s}
.cartbtn:hover{background:var(--plum)}.cartbtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.cartbtn .badge{background:var(--ink)}
.catnav{border-top:1px solid var(--line)}
.catnav-in{display:flex;align-items:center;gap:4px;height:50px;overflow-x:auto;scrollbar-width:none}.catnav-in::-webkit-scrollbar{display:none}
.catnav a{white-space:nowrap;padding:7px 14px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;transition:background .25s,color .25s}
.catnav a:hover{background:var(--rose-s);color:var(--wine)}
.catnav svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.catnav .cn-all{background:linear-gradient(135deg,var(--plum),var(--plum-2));color:#fff;font-weight:700;margin-inline-end:8px}.catnav .cn-all:hover{color:#fff;background:var(--plum)}
.catnav .cn-hl{color:var(--plum-2);font-weight:700;margin-inline-start:auto}
.catnav .cn-sale{color:var(--rose);font-weight:700}.catnav .cn-sale .bolt{fill:var(--rose)}
.burger{display:none}
.hide-sm{}
@media(max-width:960px){
  .tb-links a:first-child{display:none}
  .hdr-main{height:64px!important;gap:10px;flex-wrap:wrap}
  .burger{display:grid}
  .logo .lmark{width:48px}.logo b{font-size:20px!important}.logo small{display:none!important}
  .hsearch{order:9;flex-basis:100%;max-width:none;height:44px;margin-bottom:10px}
  .hdr-main{height:auto!important;padding-top:10px}
  .hide-sm{display:none!important}
  .cartbtn{padding:0 12px;height:42px}
  .catnav{display:none}
}
@media(max-width:600px){.tb-links .num{display:none}.topbar-in{height:34px}}

/* mobile bottom bar */
.mbar{display:none}
@media(max-width:820px){
  .mbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;inset-inline:0;z-index:130;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(43,33,24,.08);height:64px;padding-bottom:env(safe-area-inset-bottom)}
  .mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--mute);position:relative}
  .mbar a.on{color:var(--rose)}
  .mbar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}
  .mbar .mb-cart{width:54px;height:54px;border-radius:50%;background:var(--rose);color:#fff;margin:-22px auto 0;box-shadow:0 8px 20px rgba(168,116,47,.4);border:4px solid #fff}
  .mbar .mb-cart .badge{position:absolute;top:-4px;inset-inline-end:-4px;background:var(--ink);color:#fff;border-radius:10px;min-width:20px;height:20px;font-size:10.5px;display:grid;place-items:center;border:2px solid #fff}
  body{padding-bottom:64px}
  .chatbtn{bottom:78px!important}
  .chatbox{bottom:140px!important}
}

/* ===== home ===== */
.hero2{padding:22px 0 8px}
.hero2-in{display:grid;grid-template-columns:2.1fr 1fr;gap:18px}
.slider{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/8.2;background:var(--paper-3);box-shadow:var(--sh)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease);pointer-events:none;display:block}
.slide.on{opacity:1;pointer-events:auto}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s linear}
.slide.on img{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(43,33,24,.78) 0%,rgba(43,33,24,.45) 42%,transparent 72%)}
html[dir=ltr] .slide::after{background:linear-gradient(90deg,rgba(43,33,24,.78) 0%,rgba(43,33,24,.45) 42%,transparent 72%)}
.slide.tone-teal::after{background:linear-gradient(270deg,rgba(10,52,58,.82),rgba(10,52,58,.4) 45%,transparent 75%)}
.slide.tone-sand::after{background:linear-gradient(270deg,rgba(70,40,20,.75),rgba(70,40,20,.35) 45%,transparent 75%)}
.sc{position:absolute;inset-block:0;inset-inline-start:0;width:min(520px,62%);z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:clamp(20px,4vw,56px);color:#fff}
.sc .sk{font-size:12.5px;font-weight:700;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);padding:5px 12px;border-radius:20px}
.sc h1{font:900 clamp(24px,3.4vw,46px)/1.35 var(--sans);text-shadow:0 2px 20px rgba(0,0,0,.25)}
.sc p{font-size:clamp(13px,1.2vw,15.5px);opacity:.92;max-width:400px}
.slide.on .sc>*{animation:sUp .9s var(--ease) both}.slide.on .sc>*:nth-child(2){animation-delay:.08s}.slide.on .sc>*:nth-child(3){animation-delay:.16s}.slide.on .sc>*:nth-child(4){animation-delay:.24s}
@keyframes sUp{from{opacity:0;transform:translateY(24px)}}
.sdots{position:absolute;bottom:16px;inset-inline-start:50%;transform:translateX(50%);display:flex;gap:6px;z-index:3}
html[dir=ltr] .sdots{transform:translateX(-50%)}
.sdots button{width:8px;height:8px;border-radius:5px;background:rgba(255,255,255,.55);transition:width .4s var(--ease),background .3s}
.sdots button.on{width:28px;background:#fff}
.snav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;opacity:0;transition:opacity .3s}
.slider:hover .snav{opacity:1}
.snav svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2}
.snav.p{inset-inline-start:14px}.snav.n{inset-inline-end:14px}.snav.p svg{transform:scaleX(-1)}
html[dir=ltr] .snav.p svg{transform:none} html[dir=ltr] .snav.n svg{transform:scaleX(-1)}
.sidebn{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.sb{position:relative;border-radius:20px;overflow:hidden;display:block;background:var(--paper-3);box-shadow:var(--sh)}
.sb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.sb:hover img{transform:scale(1.06)}
.sb::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(43,33,24,.72),transparent 60%)}
.sb2::after{background:linear-gradient(0deg,rgba(90,40,30,.7),transparent 60%)}
.sb>div{position:absolute;bottom:0;inset-inline:0;z-index:2;padding:18px 20px;color:#fff;display:flex;flex-direction:column}
.sb b{font:800 20px/1.4 var(--sans)}.sb span{font-size:12.5px;opacity:.9}
@media(max-width:960px){.hero2-in{grid-template-columns:1fr}.slider{aspect-ratio:16/10}.sidebn{grid-template-rows:none;grid-template-columns:1fr 1fr}.sb{aspect-ratio:4/3}.snav{display:none}.sc{width:78%}}
@media(max-width:520px){.slider{aspect-ratio:4/3.6}.sc{width:88%;gap:8px}.sc .btn{height:38px;padding:0 16px;font-size:12.5px}.sc p{display:none}.sb b{font-size:16px}.sb>div{padding:12px 14px}}

.hsec{padding:22px 0}
.hh{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.hh h2{font:800 clamp(17px,1.6vw,21px)/1.4 var(--sans);display:flex;align-items:center;gap:8px;margin:0}
.hh h2 svg{width:22px;height:22px;stroke:var(--rose);fill:none;stroke-width:1.8}
.hh .more{margin-inline-start:auto;font-size:13px;color:var(--rose);font-weight:700;display:inline-flex;gap:6px;align-items:center}
.hh .more:hover{color:var(--plum)}
.rnav{display:flex;gap:6px;margin-inline-start:auto}
.rnav+.more{margin-inline-start:12px}
.rnav button{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;transition:all .25s}
.rnav button:hover{background:var(--rose);border-color:var(--rose)}.rnav button:hover svg{stroke:#fff}
.rnav svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:2}
.rnav button[data-d="-1"] svg{transform:scaleX(-1)} html[dir=ltr] .rnav button[data-d="-1"] svg{transform:none} html[dir=ltr] .rnav button[data-d="1"] svg{transform:scaleX(-1)}
@media(max-width:700px){.rnav{display:none}}

.crail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);gap:14px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;scroll-snap-type:x mandatory}
.crail::-webkit-scrollbar{display:none}
.cc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 8px 14px;background:#fff;border-radius:18px;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;scroll-snap-align:start}
.cc:hover{transform:translateY(-4px);box-shadow:var(--sh-h);border-color:transparent}
.ci2{width:78px;height:78px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--rose-s),#F2E6D3);display:grid;place-items:center;box-shadow:inset 0 0 0 3px #fff,0 0 0 1px var(--line)}
.ci2 img{width:100%;height:100%;object-fit:cover}.ci2 svg{width:30px;height:30px;stroke:var(--rose);fill:none;stroke-width:1.5}
.cc b{font-size:13.5px;font-weight:700;line-height:1.5}.cc small{font-size:11px;color:var(--mute)}
@media(max-width:600px){.crail{grid-auto-columns:96px;gap:10px}.ci2{width:62px;height:62px}.cc{padding:12px 6px}.cc b{font-size:12.5px}}

.prail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*16px)/6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 14px}
.prail::-webkit-scrollbar{display:none}
.prail .pc{scroll-snap-align:start}
@media(max-width:1200px){.prail{grid-auto-columns:calc((100% - 3*16px)/4)}}
@media(max-width:820px){.prail{grid-auto-columns:42%;gap:12px}}
@media(max-width:480px){.prail{grid-auto-columns:46%;gap:10px}}

.flashband{background:linear-gradient(120deg,var(--rose) 0%,#8C5E22 45%,var(--plum) 100%);border-radius:22px;padding:18px;box-shadow:0 14px 40px rgba(180,67,79,.25);position:relative;overflow:hidden}
.flashband::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);top:-200px;inset-inline-end:-120px}
.fb-h{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:14px;flex-wrap:wrap;position:relative}
.fbi{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.2);display:grid;place-items:center}.fbi .bolt{width:22px;height:22px;fill:#FFE08A}
.fb-h b{font-size:20px;font-weight:900}.fb-h small{font-size:13px;opacity:.9}
.fb-h .cd{margin-inline-start:12px;color:#fff}.fb-h .cd .u{background:rgba(255,255,255,.95);color:var(--wine);border:0;border-radius:8px;min-width:40px}
.fb-h .more{margin-inline-start:auto;color:#fff;background:rgba(255,255,255,.18);padding:6px 14px;border-radius:10px;font-size:13px;font-weight:700}
.flashband .prail{position:relative}
.flashband .pc{background:#fff}
@media(max-width:600px){.fb-h .cd{margin:0;order:5;width:100%}.fb-h b{font-size:17px}}

.promo3{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pm{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/7.5;display:block;box-shadow:var(--sh)}
.pm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.pm:hover img{transform:scale(1.05)}
.pm::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(43,33,24,.75),rgba(43,33,24,.2) 60%,transparent)}
html[dir=ltr] .pm::after{background:linear-gradient(90deg,rgba(43,33,24,.75),rgba(43,33,24,.2) 60%,transparent)}
.pm-b::after{background:linear-gradient(270deg,rgba(90,60,25,.75),rgba(90,60,25,.2) 60%,transparent)}
.pm>div{position:absolute;inset-block:0;inset-inline-start:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:24px 28px;color:#fff;max-width:60%}
.pm small{font-size:12.5px;opacity:.9}.pm b{font:900 clamp(18px,2vw,26px)/1.4 var(--sans);margin-bottom:6px}
@media(max-width:760px){.promo3{grid-template-columns:1fr}.pm{aspect-ratio:16/8}}

.wide-bn{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 34px;border-radius:22px;background:linear-gradient(110deg,var(--plum) 0%,var(--plum-2) 55%,#C9A15E 100%);color:#fff;box-shadow:0 14px 36px rgba(94,65,32,.25);position:relative;overflow:hidden;flex-wrap:wrap}
.wide-bn::after{content:"✦";position:absolute;font-size:220px;line-height:1;opacity:.08;inset-inline-end:28%;top:-40px}
.wide-bn div{display:flex;flex-direction:column;gap:2px;position:relative}
.wide-bn small{font-size:12.5px;opacity:.85}.wide-bn b{font:900 clamp(20px,2.4vw,30px)/1.4 var(--sans)}.wide-bn span{font-size:13.5px;opacity:.9}
.catrow+.catrow{margin-top:26px}

.story{padding:40px 0}
.story-in{display:grid;grid-template-columns:1fr 1.2fr;gap:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--sh)}
.st-m{min-height:380px;position:relative}.st-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st-c{padding:clamp(24px,4vw,52px);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.st-c small{color:var(--rose);font-weight:700}.st-c h2{font-size:clamp(22px,2.6vw,34px)}.st-c p{color:var(--ink-2)}
.vals2{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin:8px 0 12px}
.vals2 div{background:var(--paper);border-radius:14px;padding:14px 10px;text-align:center}
.vals2 b{display:block;font-size:22px;font-weight:900;color:var(--rose)}.vals2 span{font-size:12px;color:var(--mute)}
@media(max-width:860px){.story-in{grid-template-columns:1fr}.st-m{min-height:240px}.vals2{grid-template-columns:1fr 1fr}}

/* features strip */
.feats{background:#fff;border-top:1px solid var(--line);margin-top:40px}
.feats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:26px var(--pad)}
.feats-in>div{display:flex;align-items:center;gap:12px}
.fi{width:50px;height:50px;border-radius:14px;background:var(--rose-s);display:grid;place-items:center;flex:none}
.fi svg{width:24px;height:24px;stroke:var(--rose);fill:none;stroke-width:1.7}
.feats b{display:block;font-size:14px;font-weight:800}.feats small{font-size:12px;color:var(--mute)}
@media(max-width:860px){.feats-in{grid-template-columns:1fr 1fr;gap:14px}.fi{width:42px;height:42px}}

/* footer */
.ftr{background:#2B2118;color:#D8CBB8;padding-top:56px}
.ftr .cols{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)) minmax(0,1.4fr);gap:36px;padding-bottom:40px}
.ftr h4{font:800 15px var(--sans);letter-spacing:0;text-transform:none;color:#fff;margin-bottom:14px;position:relative;padding-inline-start:12px}
.ftr h4::before{content:"";position:absolute;inset-inline-start:0;top:3px;bottom:3px;width:3px;border-radius:2px;background:var(--rose)}
.ftr a{color:#D8CBB8;font-size:13.5px} .ftr a:hover{color:#fff}
.fabout p{font-size:13px;line-height:2;margin:14px 0}
.social{display:flex;gap:8px}.social a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.07);display:grid!important;place-items:center;padding:0}
.social a:hover{background:var(--rose)}.social svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.6}
.ftr .ci{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px}.ftr .ci a{display:inline;padding:0}
.ftr .ci svg{width:17px;height:17px;stroke:var(--gold-2);fill:none;stroke-width:1.6;flex:none}
.ftr .news{border:0;background:rgba(255,255,255,.07);border-radius:12px;padding:5px;margin-top:14px;gap:6px}
.ftr .news input{height:40px;padding:0 10px;font-size:13px}
.ftr .news .btn{box-shadow:none}
.ftr .nh{display:block;font-size:11.5px;color:#9C8E7C;margin-top:8px}
.ftr .word{display:none}
.ftr .bot{border-color:rgba(255,255,255,.08);color:#9C8E7C}
.pays span{border-radius:8px;border-color:rgba(255,255,255,.14)}
@media(max-width:860px){.ftr .cols{grid-template-columns:1fr 1fr}.ftr .cols>div:first-child,.ftr .cols>div:last-child{grid-column:1/-1}}

/* ===== product card ===== */
.pgrid{grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:1200px){.pgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.pgrid{grid-template-columns:repeat(2,1fr);gap:10px}}
.pc{background:#fff;border-radius:16px;border:1px solid var(--line);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.pc:hover{transform:translateY(-4px);box-shadow:var(--sh-h);border-color:transparent}
.pc .ph{aspect-ratio:1/1;background:#F7F0E7;margin:8px;border-radius:12px}
.pc .flag{top:10px;inset-inline-start:10px;border-radius:8px;font-weight:800;font-size:11.5px;padding:3px 8px;letter-spacing:0}
.pc .flag.sale{background:var(--rose)}.pc .flag.flash{background:linear-gradient(135deg,var(--rose),var(--plum))}.pc .flag.out{background:#6E5F50}
.pc .wish{top:16px;inset-inline-end:16px;width:34px;height:34px;opacity:1;transform:none;background:rgba(255,255,255,.92)}
.pc .wish svg{width:17px;height:17px}
.pc .meta{padding:2px 12px 12px;gap:4px;display:flex;flex-direction:column;flex:1}
.pc .cat{font-size:11px;color:var(--mute);letter-spacing:0}
.pc .nm{font:600 13.5px/1.75 var(--sans);min-height:3.5em;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink)}
.pc .nm:hover{color:var(--rose)}
.pfoot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.pc .price{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:2.6em;justify-content:flex-end;font-size:15px}
.pc .price s{font-size:12px;color:#A89A88}
.pc .price .pv{font-weight:800;font-size:15.5px;color:var(--ink);white-space:nowrap}
.pc .price small{font-size:11px;font-weight:400;color:var(--mute)}
.pc .add{position:static;width:38px;height:38px;border-radius:11px;background:var(--rose-s);color:var(--rose);opacity:1;transform:none;flex:none;display:grid;place-items:center;transition:background .25s,color .25s}
.pc .add svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}
.pc .add:hover{background:var(--rose);color:#fff}
.pc.skeleton .ph{animation:pulse 1.4s infinite}
@media(max-width:480px){.pc .meta{padding:0 10px 10px}.pc .nm{font-size:12.5px}.pc .price .pv{font-size:14px}.pc .add{width:34px;height:34px}.pc .ph{margin:6px}}

/* ===== shop / pages ===== */
.pagehead{padding:26px 0 18px;border:0}
.pagehead h1{font:900 clamp(24px,3vw,36px)/1.4 var(--sans)}
.crumbs{margin-bottom:8px}
.shop{grid-template-columns:270px 1fr;padding-top:10px}
.filters{background:#fff;border-radius:18px;padding:18px 18px 22px;border:1px solid var(--line);top:150px}
.filters h3.serif{font-size:18px!important}
.filters h5{font:800 13px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.filters .cl a{border-radius:8px;padding:6px 8px}.filters .cl a:hover{background:var(--paper)}
.filters .cl a.on{background:var(--rose-s);color:var(--wine)}
.chip{border-radius:10px;border-color:var(--line-2);background:#fff}
.chip.on,.chip:hover{background:var(--rose);border-color:var(--rose);color:#fff}
.toolbar{background:#fff;border-radius:14px;padding:10px 14px;border:1px solid var(--line)}
.toolbar select{border-radius:10px;background:#fff}
.pager button{border-radius:10px;background:#fff}.pager button.on{background:var(--rose);border-color:var(--rose)}
@media(max-width:960px){.filters{border-radius:0;top:0}}
.sec{padding:36px 0;border:0}
.sec-h{margin-bottom:20px}.sec-h h2{font-size:clamp(20px,2.2vw,28px);margin-top:6px}
.empty h3{font-size:22px}

/* product page */
.pdp{padding-top:14px}
.gal .main{border-radius:18px;background:#fff;border:1px solid var(--line)}
.gal .thumbs button{border-radius:10px;opacity:.6;background:#fff}.gal .thumbs button.on{border-color:var(--rose)}
.pinfo{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--line);align-self:start}
.pinfo h1{font:800 clamp(20px,2.2vw,28px)/1.6 var(--sans);margin:8px 0 12px}
.pinfo .price{font:900 26px var(--sans);color:var(--ink)}
.pinfo .price s{font-size:15px;color:#A89A88}
.instl{border-radius:12px;border-color:var(--rose);background:var(--rose-s)}
.qty{border-radius:12px;background:#fff}
.acc summary{font:700 15px var(--sans)}
.chip[data-c],.chip[data-s]{min-width:44px;text-align:center}
.pwish{border-radius:12px!important}

/* drawers, search, cart */
.drawer .panel{border-radius:0}
.panel-h h3{font:800 18px var(--sans)}
.mnav h6{font-size:12px;color:var(--mute);margin:16px 0 4px}
.mnav a{font:600 15px/1 var(--sans);padding:14px 0}
.search .bar{margin-top:6vh}
.search input{font:700 clamp(20px,3.4vw,36px)/1.3 var(--sans)}
.citem img{border-radius:10px}
.citem .nm{font:600 13.5px/1.6 var(--sans)}
.sumrow.t{font:800 17px var(--sans)}
.co .box{border-radius:18px;background:#fff;border:1px solid var(--line)}
.co h3{font-size:19px}
.optc{border-radius:12px;background:#fff}.optc.on{border-color:var(--rose);background:var(--rose-s)}
.tabs button{font:700 15px var(--sans)}.tabs button.on{border-color:var(--rose)}
.result .mark{font:900 72px/1 var(--sans);color:var(--rose)}
.rsum,.rform{border-radius:18px;background:#fff}
.rsum .big{font:900 56px/1 var(--sans)}
.rform h3{font:800 20px var(--sans)}
.prose h3{font-size:20px}

/* chat */
.chatbtn{background:linear-gradient(135deg,var(--rose),var(--plum));box-shadow:0 10px 28px rgba(140,94,34,.35)}
.chatbox{border-radius:18px;overflow:hidden}
.chatbox header{background:linear-gradient(135deg,var(--rose),var(--plum))}
.chatbox header b{font:800 16px var(--sans)}
.msg.user{background:var(--plum)}

/* loader & toast */
.loader b{font:900 clamp(48px,8vw,100px)/1 var(--sans);background:linear-gradient(135deg,var(--rose),var(--plum));-webkit-background-clip:text;background-clip:text;color:transparent}
.loader small{font:500 14px var(--sans);letter-spacing:0}
.curtain{background:linear-gradient(135deg,var(--rose),var(--plum))}
.toast{border-radius:12px;background:var(--ink)}

/* flash (shop / pdp inline) */
.flash-inline{border-radius:12px;background:linear-gradient(120deg,var(--rose),var(--plum))}
.cd .u{border-radius:8px}

/* misc legacy */
.recent{border:0}
.vals b{font-family:var(--sans)}
.bigmq,.hero-seal,.creveal{display:none}
/* card reveal via IntersectionObserver */
[data-reveal="card"]{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .9s cubic-bezier(.22,1,.36,1)}
[data-reveal="card"].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-reveal="card"]{opacity:1;transform:none;transition:none}}
.pc[data-reveal="card"].in{transition:opacity .7s ease,transform .35s var(--ease),box-shadow .35s,border-color .35s}
.pc[data-reveal="card"].in:hover{transform:translateY(-4px)}

/* R3 fixes round 1 */
.pdp{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.gal{grid-template-columns:84px minmax(0,1fr)}
.gal .main,.pinfo{min-width:0}
@media(max-width:960px){.pdp{grid-template-columns:minmax(0,1fr)}.gal{grid-template-columns:minmax(0,1fr)}.gal .thumbs{overflow-x:auto;scrollbar-width:none}}
.btn:not(.ghost):not(.light)::before{background:var(--wine)}
/* collections page */
.colls{display:grid;gap:18px;padding-bottom:80px}
.coll{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh)}
.coll-h{display:flex;align-items:center;gap:16px}
.coll-im{width:72px;height:72px;border-radius:16px;overflow:hidden;flex:none;background:var(--paper-2);display:grid;place-items:center}
.coll-im img{width:100%;height:100%;object-fit:cover}
.coll-t{flex:1;display:flex;flex-direction:column;gap:4px}.coll-t b{font-size:20px;font-weight:800}.coll-t small{color:var(--mute);font-size:13px}
.coll-h .more{color:var(--rose);font-weight:700;font-size:13px;white-space:nowrap}
.coll-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.cc2{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:14px;background:var(--paper);text-align:center;transition:background .25s,transform .25s}
.cc2:hover{background:var(--rose-s);transform:translateY(-2px)}
.cc2 img,.cc2 .noimg{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#fff;display:grid;place-items:center;color:var(--rose)}
.cc2 .noimg svg,.coll-im .noimg svg{width:24px;height:24px}
.cc2 b{font-size:13px;font-weight:700;line-height:1.5}.cc2 small{font-size:11.5px;color:var(--mute)}
@media(max-width:600px){.coll{padding:14px}.coll-im{width:56px;height:56px}.coll-t b{font-size:17px}.coll-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc2 img,.cc2 .noimg{width:52px;height:52px}.cc2 b{font-size:12px}}
.cc2 img{background:var(--paper-2)}
@media(max-width:960px){.chatbtn{bottom:calc(84px + env(safe-area-inset-bottom))!important;width:48px;height:48px;padding:0!important;justify-content:center}.chatbtn .t{display:none}.chatbtn .dot{position:absolute;top:6px;inset-inline-end:6px}}

/* Mahda brand */
.logo b{background:linear-gradient(180deg,#B8863B,#7E5420);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.ftr .flogo,.flogo{display:block;width:max-content;max-width:100%;background:#FAF5EF;border-radius:18px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.flogo img{width:140px;height:auto;display:block}
.loader b{color:#A8742F}
/* light (cream) hero slide — generated Mahda banner */
.slide.tone-cream::after{background:linear-gradient(270deg,rgba(250,245,239,.92) 0%,rgba(250,245,239,.6) 38%,transparent 62%)}
html[dir=ltr] .slide.tone-cream::after{background:linear-gradient(90deg,rgba(250,245,239,.92) 0%,rgba(250,245,239,.6) 38%,transparent 62%)}
.slide.tone-cream .sc{color:var(--ink);text-shadow:none}
.slide.tone-cream .sc h1{color:#2B2118}
.slide.tone-cream .sc p{color:#5A4836}
.slide.tone-cream .sk{background:rgba(168,116,47,.12);color:#8C5E22;border-color:rgba(168,116,47,.25)}
.slide.tone-cream .btn{--b:var(--gold)}
.slide.tone-cream ~ .sdots button{background:rgba(43,33,24,.25)}
@media(max-width:820px){.slide.tone-cream::after{background:linear-gradient(0deg,rgba(250,245,239,.95) 0%,rgba(250,245,239,.7) 45%,transparent 75%)}}

/* F1: loader animates whole words so Persian letters stay joined */
.loader b{line-height:1.35;padding:.12em .1em .18em;white-space:nowrap;unicode-bidi:isolate}
.loader b span{display:inline-block;transform:translateY(130%);margin:0 .12em}

/* F5: pay-at-door shipping */
.optc .pkr{font-size:12px;color:#A8742F;font-weight:600;white-space:nowrap}
.shipnote{font-size:12px;line-height:1.8;color:#7a6a58;background:#F6EEE3;border-radius:10px;padding:8px 12px;margin:6px 0}

/* F3: size guide */
.sgh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sglink{background:none;border:0;color:#A8742F;font:600 12.5px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}
.sgm{position:fixed;inset:0;z-index:700;background:rgba(43,33,24,.45);display:grid;place-items:center;padding:16px;backdrop-filter:blur(3px)}
.sgbox{background:#FFFDF9;border-radius:18px;width:min(640px,100%);max-height:88vh;overflow:auto;padding:18px 20px 22px;box-shadow:0 20px 60px rgba(43,33,24,.25);overscroll-behavior:contain}
.sghd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sghd b{font-size:18px}
.sgx{border:0;background:#F3EADF;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:14px;flex:none}
.sgtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.sgtabs button{border:1px solid #E6D7C3;background:#fff;border-radius:999px;padding:6px 14px;font:500 13px var(--sans);cursor:pointer;color:#2B2118}
.sgtabs button.on{background:#A8742F;border-color:#A8742F;color:#fff}
.sgbody h4{font-size:16px;margin:4px 0 8px}.sgbody h5{font-size:14px;margin:16px 0 6px}
.sgbody p,.sgbody li{font-size:13.5px;line-height:1.9;color:#4a3d31}.sgbody ul{padding-inline-start:18px;margin:10px 0;list-style:disc}
.sgt{width:100%;border-collapse:collapse;margin:8px 0;font-size:13.5px}
.sgt th{background:#F6EEE3;color:#6b5a48;font-weight:600}
.sgt th,.sgt td{border:1px solid #EADFCF;padding:7px 10px;text-align:center}
.sgt tr:nth-child(odd) td{background:#FFFCF7}
.sgtip{background:#F6EEE3;border-radius:10px;padding:8px 12px;font-size:12.5px!important}
.sgall{display:inline-block;margin-top:10px;color:#A8742F;font-size:13px;font-weight:600}
.sgpage{background:#FFFDF9;border:1px solid #EFE4D4;border-radius:18px;padding:20px}

/* s39: one-line category menu (the generic `.hdr .wrap{display:block}` rule was overriding it → two rows) + scroll arrows */
.hdr .catnav{position:relative}
.hdr .wrap.catnav-in{display:flex;flex-wrap:nowrap;height:50px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;mask-image:linear-gradient(to left,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.hdr .wrap.catnav-in a{flex:none}
.catnav .cn-hl{margin-inline-start:12px}
.cnarr{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 2px 8px rgba(43,33,24,.12);display:grid;place-items:center;cursor:pointer;color:#A8742F;font-size:18px;line-height:1;opacity:0;pointer-events:none;transition:opacity .2s}
.cnarr.on{opacity:1;pointer-events:auto}.cnarr.r{right:6px}.cnarr.l{left:6px}