:root{--ink:#0e0d0b;--ink-2:#2b2823;--mut:#6f685d;--bg:#faf8f4;--bg-2:#f3eee5;--card:#fff;--line:#e8e2d8;
--gold:#b08d57;--gold-ink:#8a6a3b;--gold-hi:#dcbd60;--ivory-t:#f3ead9;--sale:#a23b2a;--ok:#2f6b3f;
--serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","Noto Serif Display","Noto Serif",Georgia,serif;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
--r:12px;--r-s:22px;--sh1:0 1px 2px rgba(14,13,11,.06);--sh2:0 12px 32px rgba(14,13,11,.10);
--ease:cubic-bezier(.2,.8,.2,1);--g:16px;--hh:56px;--hdr:56px;--tb:56px;--sb:env(safe-area-inset-bottom,0px);--max:1440px}
@media(min-width:900px){:root{--g:clamp(24px,3vw,40px);--hh:76px;--hdr:121px}html{scrollbar-gutter:stable}}
*,*:before,*:after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
@media(min-width:900px){body{font-size:16px;line-height:1.6}}
html.lock,html.lock body{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{margin:0;font-weight:500}
p{margin:0 0 .9em}
ul,ol{margin:0;padding:0}
svg.i{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}
:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}
.hdr :focus-visible,.foot :focus-visible,.util :focus-visible,.dk :focus-visible{outline-color:var(--gold-hi)}
.skip{position:absolute;left:8px;top:-60px;z-index:200;background:var(--ink);color:var(--ivory-t);padding:10px 16px;border-radius:8px}
.skip:focus{top:8px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}
.muted{color:var(--mut)}
.lbl,.kick{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.kick{color:var(--gold-ink)}
h1.t1,.t1{font-family:var(--serif);font-size:28px;line-height:1.12;letter-spacing:.01em}
.t2{font-family:var(--serif);font-size:22px;line-height:1.2}
@media(min-width:900px){.t1{font-size:40px}.t2{font-size:30px}}
h1:focus{outline:none}
@media(max-width:899.98px){.only-d{display:none!important}}
@media(min-width:900px){.only-m{display:none!important}}
.util{background:#171512;color:#cfc5b4;font-size:12.5px}
.util .wrap{display:flex;align-items:center;gap:24px;height:32px}
.util a:hover{color:var(--ivory-t)}
.util .sp{margin-left:auto}
.cur{appearance:none;background:transparent;border:0;color:inherit;font-size:12.5px;padding:2px 16px 2px 4px;cursor:pointer;
background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 6px center,right 2px center;background-size:4px 4px;background-repeat:no-repeat}
.cur option{color:var(--ink)}
.hdr{position:sticky;top:0;z-index:40;background:var(--ink);color:var(--ivory-t);transition:transform .28s var(--ease)}
.hdr.hide{transform:translateY(-100%)}
.hin{display:flex;align-items:center;gap:8px;height:var(--hh)}
.brand{font-family:var(--serif);font-size:17px;letter-spacing:.28em;white-space:nowrap;font-weight:500;padding:6px 0}
.brand b{color:var(--gold-hi);font-weight:500}
.ib{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;position:relative;flex:none;color:inherit}
.bdg{position:absolute;top:5px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--gold-hi);color:var(--ink);font:700 10px/17px var(--sans);text-align:center}
.bdg[hidden]{display:none}
@media(max-width:899.98px){.hin{justify-content:space-between}.hin .brand{position:absolute;left:50%;transform:translateX(-50%)}.hin{position:relative}}
@media(min-width:900px){
.hin{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:var(--hh) 45px;grid-template-areas:"brand search tools" "nav nav nav";height:auto;column-gap:16px}
.hin .brand{grid-area:brand;font-size:22px}
.hin .hs{grid-area:search;justify-self:end}
.tools{grid-area:tools;display:flex;gap:2px}
.hin .pnav{grid-area:nav;border-top:1px solid rgba(243,234,217,.12);margin:0 calc(-1*var(--g));padding:0 var(--g);overflow-x:auto;scrollbar-width:none}
.hin .pnav::-webkit-scrollbar{display:none}
.ib:hover{background:rgba(243,234,217,.1)}
}
.pnav{display:flex;align-items:stretch;min-width:0}
.pnav>ul{display:flex;list-style:none;align-items:stretch;flex-wrap:nowrap;margin:0 auto}
.pnav>ul>li{display:flex}
.pnav .pl{display:flex;align-items:center;gap:6px;padding:0 12px;height:100%;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:#e7dcc7;border-bottom:2px solid transparent}
.pnav .pl[aria-expanded=true],.pnav .pl.on{color:var(--gold-hi);border-bottom-color:var(--gold-hi)}
@media(hover:hover) and (pointer:fine){.pnav .pl:hover{color:var(--gold-hi)}}
.pnav .pl svg{width:10px;height:10px;stroke-width:2}
@media(max-width:1180px){.pnav .pl{padding:0 8px;font-size:11.5px;letter-spacing:.06em}}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--bg);color:var(--ink);box-shadow:var(--sh2);border-top:1px solid var(--line);max-height:calc(100vh - var(--hdr) - 16px);overflow:auto}
.mega[hidden]{display:none}
.mega .wrap{display:grid;grid-template-columns:1fr 260px;gap:40px;padding-top:32px;padding-bottom:36px}
.mcols{columns:4 180px;column-gap:32px}
.mcol{break-inside:avoid;margin-bottom:20px}
.mcol h3{font:600 11.5px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:8px}
.mcol ul{list-style:none}
.mega a.ml{display:block;padding:5px 0;font-size:14.5px;color:var(--ink-2)}
@media(hover:hover) and (pointer:fine){.mega a.ml:hover{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}}
.mega a.ml:focus-visible{outline-offset:1px}
.mall{display:inline-flex;margin-top:8px;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}
.mfeat{display:block}
.mfeat .ph{border-radius:var(--r)}
.mfeat span{display:block;font-family:var(--serif);font-size:20px;margin-top:10px}
.hs{position:relative;width:min(300px,24vw);margin-left:12px}
.hs input{width:100%;height:40px;border-radius:999px;border:1px solid rgba(243,234,217,.22);background:rgba(243,234,217,.08);color:var(--ivory-t);padding:0 16px 0 40px;font-size:14px}
.hs input::placeholder{color:#b9ae9b}
.hs input:focus{outline:2px solid var(--gold-hi);outline-offset:1px;background:rgba(243,234,217,.14)}
.hs>svg{position:absolute;left:12px;top:10px;width:20px;height:20px;color:#b9ae9b}
.sug{position:absolute;top:calc(100% + 8px);right:0;width:min(440px,40vw);background:var(--card);color:var(--ink);border-radius:var(--r);box-shadow:var(--sh2);list-style:none;padding:8px;z-index:5}
.sug[hidden]{display:none}
.sug li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px}
.sug li[aria-selected=true]{background:var(--bg-2)}
.sug li img,.sug li .mini{width:36px;height:48px;object-fit:cover;border-radius:6px;flex:none;background:var(--bg-2)}
.sug li .sp{margin-left:auto;font-weight:600;white-space:nowrap}
.sug .sh{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding:8px 10px 4px;cursor:default}
.sug li.all{justify-content:center;color:var(--gold-ink);font-weight:600}
.nbar{background:var(--bg-2);color:var(--ink);font-size:13.5px;text-align:center;padding:9px var(--g);border-bottom:1px solid var(--line)}
.nbar a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
main{display:block;min-height:70vh;outline:none}
.view{padding-bottom:48px;animation:fin .24s var(--ease)}
@keyframes fin{from{opacity:.001}}
.vh{padding:24px 0 8px}
.vh .cnt{color:var(--mut);font-size:13.5px;margin:6px 0 0}
@media(min-width:900px){.vh{padding:32px 0 12px}}
.crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--mut);list-style:none;padding-top:20px}
.crumb li+li:before{content:"/";margin-right:6px;color:#bdb4a5}
.crumb a:hover{color:var(--ink);text-decoration:underline}
.sec{margin:36px 0 0}
.sech{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}
.sech .more{margin-left:auto;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink);white-space:nowrap}
@media(min-width:900px){.sec{margin-top:64px}.sech{margin-bottom:22px}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--r);background:var(--ink);color:var(--ivory-t);font-weight:600;font-size:14.5px;letter-spacing:.04em;border:1px solid var(--ink);transition:background .16s,color .16s,border-color .16s;text-align:center}
.btn.ghost{background:transparent;color:var(--ink);border-color:#cfc6b7}
.btn.gold{background:var(--gold-hi);border-color:var(--gold-hi);color:var(--ink)}
.btn.sm{min-height:40px;padding:0 16px;font-size:13.5px}
.btn.wide{width:100%}
.btn[aria-disabled=true],.btn:disabled{opacity:.45;cursor:not-allowed}
@media(hover:hover) and (pointer:fine){.btn:hover{background:var(--ink-2)}.btn.ghost:hover{background:var(--card);border-color:var(--ink)}.btn.gold:hover{background:#e6cc7d}}
@media(min-width:900px){.btn{min-height:46px}}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px var(--g) 6px;margin:0 calc(-1*var(--g));scroll-padding:0 var(--g)}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid var(--line);background:var(--card);border-radius:999px;font-size:13.5px;white-space:nowrap;transition:background .16s,border-color .16s}
.chip .n{color:var(--mut);font-size:11.5px}
.chip[aria-pressed=true],.chip.on{background:var(--ink);border-color:var(--ink);color:var(--ivory-t)}
.chip[aria-pressed=true] .n,.chip.on .n{color:var(--gold-hi)}
@media(hover:hover) and (pointer:fine){.chip:hover{border-color:var(--ink)}}
@media(min-width:900px){.chips{flex-wrap:wrap;overflow:visible;margin:0;padding:2px 0 6px}.chip{min-height:36px}}
.fld{display:block;margin:0 0 16px}
.fld>span,.fld>label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.fld .opt{font-weight:400;color:var(--mut)}
.inp{width:100%;min-height:48px;padding:10px 14px;border:1px solid #d9d1c4;border-radius:var(--r);background:var(--card);font-size:16px}
textarea.inp{min-height:96px;resize:vertical}
select.inp{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:right 18px center,right 13px center;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.inp:focus{outline:2px solid var(--gold-ink);outline-offset:1px;border-color:var(--gold-ink)}
.inp[aria-invalid=true]{border-color:var(--sale)}
@media(min-width:900px){.inp{min-height:44px;font-size:15px}}
.err{display:flex;gap:6px;align-items:flex-start;color:var(--sale);font-size:13px;margin-top:6px}
.err:before{content:"!";flex:none;width:16px;height:16px;border-radius:50%;background:var(--sale);color:#fff;font:700 11px/16px var(--sans);text-align:center;margin-top:2px}
.err[hidden]{display:none}
.alert{padding:12px 16px;border-radius:var(--r);background:#f7e9e5;color:var(--sale);font-size:14px;margin:0 0 16px}
.ok{color:var(--ok)}
.tgl{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;font-size:14px}
.tgl input{appearance:none;width:40px;height:24px;border-radius:12px;background:#d8d1c5;position:relative;flex:none;cursor:pointer;transition:background .2s}
.tgl input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--sh1);transition:left .2s var(--ease)}
.tgl input:checked{background:var(--ok)}
.tgl input:checked:after{left:19px}
.chk{display:flex;align-items:center;gap:10px;min-height:40px;font-size:14px;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--ink);flex:none}
.chk .n{margin-left:auto;color:var(--mut);font-size:12px}
.results{container-type:inline-size;min-width:0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
@media(min-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}}
@container (width < 560px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
@container (560px <= width < 820px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}}
@container (820px <= width < 1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px}}
@container (width >= 1100px){.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 22px}}
.card{position:relative;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 440px}
.card>a{display:block;border-radius:var(--r)}
.ph{position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:#eee8de}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s,transform .6s var(--ease)}
.ph img.ld{opacity:1}
.ph.sk{background:linear-gradient(110deg,#eee8de 30%,#f6f2eb 50%,#eee8de 70%) 0 0/300% 100%;animation:shim 1.4s linear infinite}
@keyframes shim{to{background-position:-300% 0}}
.noimg{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;background:var(--bg-2);color:var(--mut);text-align:center;padding:8px}
.noimg b{font-family:var(--serif);font-size:34px;letter-spacing:.2em;color:var(--gold-ink);font-weight:500}
.noimg small{font-size:11px;letter-spacing:.1em;text-transform:uppercase}
@media(hover:hover) and (pointer:fine){.card>a:hover .ph img{transform:scale(1.04)}.card>a:hover .nm{text-decoration:underline;text-underline-offset:3px}}
.tag{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.94);color:var(--ok);font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;border-radius:999px;box-shadow:var(--sh1)}
.tag.s{color:var(--sale)}
.fav{position:absolute;top:4px;right:4px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%}
.fav span{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:var(--sh1)}
.fav svg{width:18px;height:18px}
.fav[aria-pressed=true] svg,.bfav[aria-pressed=true] svg{fill:var(--sale);stroke:var(--sale)}
.nm{font-size:13.5px;line-height:1.35;margin:10px 2px 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;font-family:var(--sans)}
.pr{margin:0 2px;font-weight:600;font-size:14px}
.pr s{color:var(--mut);font-weight:400;margin-left:6px;font-size:12.5px}
.pr .fr{font-weight:400;color:var(--mut);font-size:12px;margin-right:3px}
@media(min-width:900px){.nm{font-size:14.5px;margin-top:12px}.pr{font-size:15px}}
.sent{height:1px}
.empty{padding:56px 16px;text-align:center;color:var(--mut)}
.empty .t2{color:var(--ink);margin-bottom:8px}
.empty .btn{margin-top:16px}
.rail{position:relative}
.rtrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/2.3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--g);margin:0 calc(-1*var(--g));scroll-padding:0 var(--g);overscroll-behavior-x:contain}
.rtrack::-webkit-scrollbar{display:none}
.rtrack>.card{scroll-snap-align:start;content-visibility:visible}
@media(min-width:600px){.rtrack{grid-auto-columns:calc((100% - 36px)/3.4)}}
@media(min-width:900px){.rtrack{grid-auto-columns:calc((100% - 88px)/5);gap:22px;margin:0;padding:0;scroll-padding:0}}
.rbtn{position:absolute;top:calc(50% - 44px);width:44px;height:44px;border-radius:50%;background:var(--card);box-shadow:var(--sh2);display:none;place-items:center;z-index:2}
.rbtn.l{left:-18px}.rbtn.r{right:-18px}
.rbtn[disabled]{opacity:0;pointer-events:none}
@media(min-width:900px){.rbtn{display:grid}}
.hero{position:relative;background:var(--ink);color:var(--ivory-t)}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;position:relative;display:grid;min-height:min(128vw,76vh)}
.slide .pics{position:absolute;inset:0;display:grid}
.slide .pics img{width:100%;height:100%;object-fit:cover;grid-area:1/1}
.slide .pics img~img{display:none}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,11,0) 38%,rgba(14,13,11,.82) 100%)}
.slide .tx{position:relative;z-index:1;align-self:end;padding:24px var(--g) 52px;max-width:560px}
.slide .kick{color:var(--gold-hi)}
.slide h2{font-family:var(--serif);font-size:34px;line-height:1.08;margin:8px 0 6px;font-weight:500}
.slide p{color:#e7dcc7;margin:0 0 18px}
.hdots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:2}
.hdots button{width:24px;height:24px;display:grid;place-items:center}
.hdots button:after{content:"";width:7px;height:7px;border-radius:4px;background:rgba(243,234,217,.45);transition:width .25s var(--ease),background .25s}
.hdots button[aria-current=true]:after{width:22px;background:var(--gold-hi)}
.harr{display:none}
@media(min-width:900px){
.slide{min-height:0;grid-template-columns:5fr 7fr;align-items:stretch}
.slide:after{display:none}
.slide .tx{grid-column:1;grid-row:1;align-self:center;padding:64px clamp(24px,4vw,72px);max-width:none}
.slide h2{font-size:clamp(40px,3.2vw + 12px,60px);margin:14px 0 10px}
.slide p{font-size:17px;margin-bottom:28px}
.slide .pics{position:relative;grid-column:2;grid-row:1;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:10px;padding:24px 24px 24px 0;height:clamp(460px,44vw,640px)}
.slide .pics img{grid-area:auto;border-radius:6px}
.slide .pics img~img{display:block}
.slide .pics img:first-child{grid-row:1/3}
.slide .pics.n1 img:first-child{grid-column:1/3}
.slide .pics.n2 img:nth-child(2){grid-row:1/3}
.hdots{left:clamp(24px,4vw,72px);right:auto;bottom:40px;justify-content:flex-start}
.harr{display:flex;position:absolute;right:40px;bottom:40px;gap:8px;z-index:2}
.harr button{width:44px;height:44px;border-radius:50%;background:rgba(14,13,11,.62);color:var(--ivory-t);display:grid;place-items:center}
.harr button:hover{background:var(--ink)}
}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tile{position:relative;border-radius:var(--r);overflow:hidden;background:var(--ink);color:var(--ivory-t);aspect-ratio:3/4;display:block}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .6s var(--ease)}
.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(14,13,11,.78))}
.tile span{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;font-family:var(--serif);font-size:20px;line-height:1.15}
.tile small{display:block;font:600 10.5px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);margin-top:6px}
@media(min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.tile span{font-size:26px;left:22px;bottom:22px}}
@media(hover:hover) and (pointer:fine){.tile:hover img{transform:scale(1.04)}}
.home-chips{margin-top:16px}
.cbody{display:block}
@media(min-width:900px){.cbody{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}.cbody.nos{grid-template-columns:minmax(0,1fr)}.cbody.nos .side{display:none}}
.side{position:sticky;top:calc(var(--hdr) + 16px);max-height:calc(100vh - var(--hdr) - 32px);overflow:auto;padding-right:6px;scrollbar-width:thin}
@media(max-width:899.98px){.side{display:none}}
.fgrp{border-top:1px solid var(--line);padding:14px 0}
.fgrp:first-child{border-top:0;padding-top:0}
.fgrp h3{font:600 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}
.fgrp h4{font-size:12px;color:var(--mut);margin:10px 0 4px;font-weight:600;font-family:var(--sans)}
.szs{display:flex;flex-wrap:wrap;gap:6px}
.szs .chip{min-height:36px;padding:0 12px;font-size:13px}
.prc{display:flex;gap:8px;align-items:center}
.prc .inp{min-height:40px;font-size:14px;padding:6px 10px}
.tbar{display:flex;align-items:center;gap:10px;margin:8px 0 18px;flex-wrap:wrap}
.tbar .cnt{color:var(--mut);font-size:13.5px}
.tbar .sp{margin-left:auto}
.tbar select.inp{width:auto;min-height:40px;font-size:14px}
@media(max-width:899.98px){.tbar.m{position:sticky;top:0;z-index:20;background:rgba(250,248,244,.96);backdrop-filter:blur(8px);margin:0 calc(-1*var(--g)) 14px;padding:8px var(--g);border-bottom:1px solid var(--line)}
body:not(.hh) .tbar.m{top:var(--hh)}
.tbar.m .btn{flex:1;min-height:44px}}
.actf{display:flex;flex-wrap:wrap;gap:6px}
.actf .chip{min-height:32px;font-size:12.5px;padding:0 12px}
.actf .chip:after{content:"×";margin-left:4px;font-size:15px}
.clr{font-size:13px;text-decoration:underline;text-underline-offset:3px;color:var(--mut);min-height:32px}
.pv{display:block}
@media(min-width:900px){.pv{display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,5fr);gap:clamp(28px,4vw,64px);align-items:start;padding-top:20px}}
.gal{position:relative}
.gtrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#eee8de;overscroll-behavior-x:contain}
.gtrack::-webkit-scrollbar{display:none}
.gtrack .gi{flex:0 0 100%;scroll-snap-align:center;position:relative;aspect-ratio:3/4;overflow:hidden;cursor:zoom-in}
.gtrack img{width:100%;height:100%;object-fit:cover}
.gdots{display:flex;justify-content:center;gap:2px;padding:6px 0}
.gdots i{width:18px;height:18px;display:grid;place-items:center}
.gdots i:after{content:"";width:6px;height:6px;border-radius:3px;background:#cfc7b9;transition:width .2s}
.gdots i.on:after{background:var(--ink);width:16px}
.gthumbs{display:none}
.gcount{position:absolute;right:12px;bottom:12px;background:rgba(14,13,11,.7);color:var(--ivory-t);font-size:12px;padding:4px 10px;border-radius:999px}
@media(max-width:899.98px){.gal{margin:0 calc(-1*var(--g))}.gcount{display:none}}
@media(min-width:900px){
.gal{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;position:sticky;top:calc(var(--hdr) + 16px)}
.gal.one{grid-template-columns:minmax(0,1fr)}
.gtrack{border-radius:var(--r);grid-column:2}
.gal.one .gtrack{grid-column:1}
.gthumbs{display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:1;max-height:calc(100vh - var(--hdr) - 40px);overflow:auto;scrollbar-width:none}
.gthumbs button{border-radius:8px;overflow:hidden;border:1px solid transparent;flex:none;aspect-ratio:3/4;opacity:.72;transition:opacity .16s}
.gthumbs button[aria-current=true]{border-color:var(--ink);opacity:1}
.gthumbs button:hover{opacity:1}
.gthumbs img{width:100%;height:100%;object-fit:cover}
.gdots{display:none}
.gi.zoom img{transform:scale(1.9);transition:transform .12s}
}
.pinfo{padding-top:18px;container-type:inline-size}
@media(min-width:900px){.pinfo{position:sticky;top:calc(var(--hdr) + 16px);padding-top:0}}
.pinfo h1{margin:6px 0 10px}
.pprice{font-size:22px;font-weight:600;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.pprice s{color:var(--mut);font-weight:400;font-size:16px}
.pprice .fr{font-size:14px;font-weight:400;color:var(--mut)}
.bdg2{display:inline-flex;align-items:center;font:700 10.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:999px;border:1px solid currentColor}
.bdg2.s{color:var(--sale)}
.subl{font-size:13.5px;color:var(--mut);margin:6px 0 0}
.shelf{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:var(--r);background:#eaf1ea;color:var(--ok);font-size:14px}
.shelf.pre{background:var(--bg-2);color:var(--ink-2)}
.shelf svg{width:20px;height:20px;margin-top:1px}
.promo{margin:10px 0 0;font-size:14px;color:var(--gold-ink);font-weight:600}
.pgrp{margin:22px 0 0;border:0;padding:0;min-width:0}
.pgrp legend,.pgrp .lg{display:flex;align-items:baseline;width:100%;gap:10px;font-size:13px;font-weight:600;margin-bottom:10px;padding:0}
.pgrp legend .v{font-weight:400;color:var(--mut)}
.pgrp legend a,.pgrp legend button,.lnk{margin-left:auto;font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:3px;color:var(--gold-ink)}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:44px;padding:0 14px;border:1px solid #d9d1c4;border-radius:10px;background:var(--card);font-size:14px;cursor:pointer;transition:border-color .16s,background .16s}
.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opt:has(input:checked){background:var(--ink);color:var(--ivory-t);border-color:var(--ink)}
.opt:has(input:focus-visible){outline:2px solid var(--gold-ink);outline-offset:2px}
.opt.no{color:#a39a8b;text-decoration:line-through;background:var(--bg);border-style:dashed}
.opt .dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--ok)}
.opt:has(input:checked) .dot{background:#9fd3ab}
@media(hover:hover) and (pointer:fine){.opt:hover{border-color:var(--ink)}}
@media(min-width:900px){.opt{min-height:42px}
.pgrp.rad .opts{flex-direction:column;align-items:stretch;gap:4px}
.pgrp.rad .opt{justify-content:flex-start;border:0;background:none;min-height:36px;padding:0 0 0 30px;color:var(--ink)}
.pgrp.rad .opt:before{content:"";position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:50%;border:1.5px solid #9d9384;background:var(--card)}
.pgrp.rad .opt:has(input:checked){background:none;color:var(--ink)}
.pgrp.rad .opt:has(input:checked):before{border-color:var(--ink);box-shadow:inset 0 0 0 5px var(--card);background:var(--ink)}}
.legend-note{font-size:12.5px;color:var(--mut);margin:8px 0 0;display:flex;align-items:center;gap:6px}
.legend-note i{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block}
.msum{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:10px;padding:10px 14px;background:var(--bg-2);border-radius:var(--r)}
.qty{display:inline-flex;align-items:center;border:1px solid #d9d1c4;border-radius:var(--r);background:var(--card);height:48px}
.qty button{width:44px;height:100%;display:grid;place-items:center;font-size:20px}
.qty button[disabled]{opacity:.35}
.qty output,.qty span{min-width:32px;text-align:center;font-weight:600}
.qty.sm{height:36px}.qty.sm button{width:34px;font-size:17px}
.buyrow{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.buyrow .btn.add{flex:1 1 180px}
.buyrow .btn.now{flex:1 1 140px}
.bfav{width:48px;height:48px;border:1px solid #d9d1c4;border-radius:var(--r);display:grid;place-items:center;background:var(--card)}
.acts{display:flex;gap:18px;margin-top:14px;font-size:13.5px}
.acts button{display:inline-flex;gap:6px;align-items:center;min-height:36px;text-decoration:underline;text-underline-offset:3px}
.acts svg{width:18px;height:18px}
.acc{border-top:1px solid var(--line);margin-top:28px}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:56px;cursor:pointer;font-weight:600;font-size:14.5px}
.acc summary::-webkit-details-marker{display:none}
.acc summary:after{content:"+";font-size:22px;font-weight:300;transition:transform .2s}
.acc details[open] summary:after{transform:rotate(45deg)}
.acc .ab{padding:0 0 18px;font-size:14.5px;color:var(--ink-2)}
.meta{font-size:13px;color:var(--mut);margin-top:16px;display:grid;gap:4px}
.meta b{color:var(--ink);font-weight:600}
.pbar{display:none}
@media(max-width:899.98px){
body.pvw .tabs{display:none}
body.pvw{padding-bottom:calc(76px + var(--sb))}
.pbar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(250,248,244,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px var(--g) calc(10px + var(--sb))}
.pbar .pp{font-weight:600;font-size:16px;line-height:1.2}
.pbar .pp small{display:block;font-weight:400;font-size:11.5px;color:var(--mut)}
.pbar .btn{flex:1;min-height:50px}}
.prose{font-size:15px;color:var(--ink-2)}
.prose a{text-decoration:underline;text-underline-offset:3px;color:var(--gold-ink)}
.prose h3,.prose h4{font-family:var(--sans);font-weight:600;font-size:16px;margin:1.2em 0 .5em;color:var(--ink)}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1em}
.prose li{margin:.2em 0}
.prose table,table.tb{border-collapse:collapse;width:100%;font-size:14px;margin:0 0 1em}
.prose th,.prose td,.tb th,.tb td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
.prose th,.tb th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:600;background:var(--bg-2)}
.tscroll{overflow-x:auto;margin:0 0 1em;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.tscroll table{margin:0}
.tscroll caption{caption-side:top;text-align:left;padding:12px 12px 6px;font-weight:600;font-family:var(--serif);font-size:18px}
.note{font-size:13px;color:var(--mut)}
.cp{display:block}
@media(min-width:900px){.cp{display:grid;grid-template-columns:220px minmax(0,720px);gap:64px;justify-content:center;padding-top:24px}}
.cnav{list-style:none;position:sticky;top:calc(var(--hdr) + 24px)}
.cnav a{display:block;padding:8px 12px;border-left:2px solid var(--line);font-size:14px;color:var(--mut)}
.cnav a[aria-current=page]{border-left-color:var(--gold-ink);color:var(--ink);font-weight:600}
.cnav a:hover{color:var(--ink)}
.blk{margin:0 0 28px}
.bhero{padding:20px 0 4px}
.bhero .t1{margin:8px 0 8px}
.bhero .sub{font-family:var(--serif);font-size:20px;color:var(--ink-2)}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px}
.stat b{display:block;font-family:var(--serif);font-size:34px;font-weight:500;line-height:1;color:var(--ink)}
.stat span{display:block;font-weight:600;font-size:13.5px;margin:8px 0 4px}
.stat p{font-size:13px;color:var(--mut);margin:0}
.feats{display:grid;gap:12px}
.feat{padding:16px 0;border-top:1px solid var(--line)}
.feat h3{font:600 15px/1.4 var(--sans);margin-bottom:4px}
.feat p{margin:0;color:var(--mut);font-size:14px}
@media(min-width:600px){.feats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}
@media(min-width:900px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bquote{background:var(--ink);color:var(--ivory-t);border-radius:var(--r);padding:28px 24px}
.bquote .kick{color:var(--gold-hi)}
.bquote blockquote{margin:12px 0 0;font-family:var(--serif);font-size:21px;line-height:1.4}
.bquote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:#cfc5b4}
.cgrid{display:grid;gap:12px}
.ccard{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.ccard svg{margin-top:2px;color:var(--gold-ink)}
.ccard b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:600;margin-bottom:2px}
.ccard a{text-decoration:underline;text-underline-offset:3px}
.cbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media(min-width:600px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bimg figure{margin:0}
.bimg figcaption{font-size:13px;color:var(--mut);margin-top:8px}
.blinks{list-style:none;display:grid;gap:8px}
.blinks a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
.prep{padding:40px 0}
.bag{display:block}
@media(min-width:900px){.bag{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}}
.lines{list-style:none;border-top:1px solid var(--line)}
.line{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.line .ph{border-radius:8px}
.line h3{font:500 14.5px/1.35 var(--sans);margin:0 0 4px}
.line h3 a:hover{text-decoration:underline}
.line .lm{font-size:12.5px;color:var(--mut);margin:0 0 8px}
.line .lr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.line .lp{margin-left:auto;font-weight:600;text-align:right}
.line .lp s{display:block;font-weight:400;color:var(--mut);font-size:12px}
.line .rm{font-size:12.5px;text-decoration:underline;text-underline-offset:3px;color:var(--mut);min-height:32px}
.line .chg{grid-column:1/-1;font-size:13px;color:var(--sale);background:#f7e9e5;padding:8px 12px;border-radius:8px}
@media(min-width:900px){.line{grid-template-columns:112px minmax(0,1fr);gap:20px;padding:20px 0}}
.sumbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:20px}
@media(min-width:900px){.sumbox{position:sticky;top:calc(var(--hdr) + 20px);margin-top:0}}
.sumbox h2{margin-bottom:12px}
.srow{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0}
.srow.tot{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-weight:600;font-size:16px}
.srow .est{color:var(--mut);font-weight:400;font-size:12px}
.sumbox .btn{margin-top:14px}
.sumbox .note{margin:10px 0 0}
dialog.dlg{padding:0;border:0;background:var(--bg);color:var(--ink);max-width:none;max-height:none;overscroll-behavior:contain}
dialog.dlg::backdrop{background:rgba(14,13,11,.5);opacity:0;transition:opacity .24s}
dialog.dlg.in::backdrop{opacity:1}
.dlg .dhd{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 20px;min-height:56px;position:sticky;top:0;background:var(--bg);z-index:2;border-bottom:1px solid var(--line)}
.dlg .dhd h2{font-family:var(--serif);font-size:22px;flex:1;min-width:0}
.dlg .dbd{padding:16px 20px 20px}
.dlg .dft{position:sticky;bottom:0;background:var(--bg);padding:12px 20px calc(12px + var(--sb));border-top:1px solid var(--line);display:flex;gap:10px}
.dlg .dft .btn{flex:1}
.grab{display:none}
dialog.sheet{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-height:92dvh;border-radius:var(--r-s) var(--r-s) 0 0;transform:translateY(100%);transition:transform .3s var(--ease);overflow:auto}
dialog.sheet.in{transform:none}
dialog.sheet .grab{display:block;position:sticky;top:0;z-index:3;height:22px;margin-bottom:-22px;touch-action:none}
dialog.sheet .grab:before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:#cfc7b9;margin:8px auto 0}
dialog.sheet .dhd{padding-top:12px}
dialog.modal{margin:auto;width:min(640px,calc(100vw - 48px));max-height:min(86vh,900px);border-radius:16px;box-shadow:var(--sh2);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .24s,transform .24s var(--ease);overflow:auto}
dialog.modal.in{opacity:1;transform:none}
dialog.modal.wide{width:min(960px,calc(100vw - 48px))}
dialog.drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100%;max-height:none;width:min(420px,100vw);transform:translateX(100%);transition:transform .3s var(--ease);display:flex;flex-direction:column;overflow:auto}
dialog.drawer.in{transform:none}
dialog.drawer .dbd{flex:1}
dialog.lb{background:#0b0a09;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;opacity:0;transition:opacity .2s}
dialog.lb.in{opacity:1}
.lbt{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:100%;scrollbar-width:none}
.lbt::-webkit-scrollbar{display:none}
.lbt img{flex:0 0 100%;height:100%;object-fit:contain;scroll-snap-align:center}
.lbx{position:absolute;top:12px;right:12px;z-index:2;color:#fff;background:rgba(255,255,255,.12)}
.lbn{position:absolute;top:50%;margin-top:-22px;color:#fff;background:rgba(255,255,255,.12)}
.lbn.l{left:16px}.lbn.r{right:16px}
.lbc{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#cfc5b4;font-size:13px}
.mlist{list-style:none}
.mlist>li{border-bottom:1px solid var(--line)}
.mlist a,.mlist summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-size:15.5px;cursor:pointer;list-style:none}
.mlist summary::-webkit-details-marker{display:none}
.mlist summary:after{content:"+";font-size:22px;font-weight:300}
.mlist details[open]>summary:after{content:"–"}
.mlist ul{list-style:none;padding:0 0 10px 12px}
.mlist ul a{min-height:44px;font-size:14.5px;color:var(--ink-2)}
.mlist .sub2{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding:10px 0 2px}
.msec{margin-top:24px}
.msec h3{font:600 11.5px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.ntc{text-align:center;padding:8px 24px 24px}
.ntc:focus{outline:none}
.sform{margin:0 0 16px}
.ntc .arch{width:min(220px,56vw);aspect-ratio:603/508;margin:8px auto 18px;border-radius:999px 999px 14px 14px;overflow:hidden;background:#ddd;border:1px solid var(--line)}
.ntc .arch img{width:100%;height:100%;object-fit:cover}
.ntc .arch.arch-grey img{filter:grayscale(1)}
.ntc .ar{font-size:24px;line-height:1.8;margin:0 0 6px;font-family:"Amiri","Scheherazade New","Noto Naskh Arabic","Traditional Arabic",serif}
.ntc .k{font:600 11.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink);margin:14px 0 4px}
.ntc .h{font-family:var(--serif);font-size:24px;line-height:1.2;margin:0 0 4px}
.ntc .sm{font-size:12.5px;color:var(--mut);letter-spacing:.06em}
.ntc p{font-size:14.5px}
.ntc .qt{font-family:var(--serif);font-style:italic;font-size:17px;margin-bottom:2px}
.ntc .sign{font-family:var(--serif);font-size:18px;margin-top:14px}
.ntc .btn{margin-top:16px;min-width:160px}
.prog{height:3px;background:var(--line);border-radius:2px;overflow:hidden;margin:14px auto 0;width:160px}
.prog i{display:block;height:100%;background:var(--gold-ink);width:100%;transform-origin:left}
.toast{position:fixed;left:50%;bottom:calc(var(--tb) + 16px + var(--sb));z-index:90;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--ivory-t);border-radius:999px;padding:10px 12px 10px 18px;display:flex;gap:14px;align-items:center;font-size:14px;box-shadow:var(--sh2);transition:opacity .24s,transform .24s var(--ease);max-width:calc(100vw - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast a{color:var(--gold-hi);font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:4px 6px}
body.pvw .toast{bottom:calc(92px + var(--sb))}
@media(min-width:900px){.toast{bottom:32px}}
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:0 4px var(--sb)}
.tabs a{flex:1;display:grid;justify-items:center;align-content:center;gap:2px;height:var(--tb);font-size:10.5px;color:var(--mut);position:relative;letter-spacing:.02em}
.tabs a[aria-current=page]{color:var(--ink);font-weight:600}
.tabs a[aria-current=page]:before{content:"";position:absolute;top:0;width:28px;height:2px;background:var(--gold-ink);border-radius:2px}
.tabs .bdg{top:4px;right:calc(50% - 22px)}
@media(max-width:899.98px){body{padding-bottom:calc(var(--tb) + var(--sb))}}
.foot{background:var(--ink);color:#cfc5b4;font-size:14px;margin-top:48px}
.foot .wrap{padding-top:32px;padding-bottom:24px}
.fbrand{font-family:var(--serif);color:var(--ivory-t);font-size:20px;letter-spacing:.28em}
.fbrand b{color:var(--gold-hi);font-weight:500}
.ftag{margin:6px 0 20px;color:#b9ae9b}
.fcols details{border-top:1px solid rgba(243,234,217,.12)}
.fcols summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:52px;color:var(--ivory-t);font:600 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.fcols summary::-webkit-details-marker{display:none}
.fcols summary:after{content:"+";font-size:20px;font-weight:300;color:var(--gold)}
.fcols details[open] summary:after{content:"–"}
.fcols ul{list-style:none;padding:0 0 14px}
.fcols li a,.fcols li span{display:inline-flex;min-height:36px;align-items:center}
.foot a:hover{color:var(--ivory-t);text-decoration:underline;text-underline-offset:3px}
.pays{display:flex;flex-wrap:wrap;gap:6px}
.pays span{border:1px solid rgba(243,234,217,.2);border-radius:6px;padding:4px 8px;font-size:12px;min-height:0!important}
.fbot{border-top:1px solid rgba(243,234,217,.12);margin-top:12px;padding-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12.5px;color:#a79d8b}
.fbot .cur{color:#e7dcc7;border:1px solid rgba(243,234,217,.2);border-radius:999px;padding:6px 26px 6px 12px;background-position:right 14px center,right 10px center}
@media(min-width:900px){
.foot{margin-top:96px}
.foot .wrap{padding-top:56px}
.fcols{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:40px}
.fcols details{border:0}
.fcols summary{min-height:0;margin-bottom:14px;cursor:default;pointer-events:none}
.fcols summary:after{display:none}
.fcols ul{padding:0}
.fcols li a,.fcols li span{min-height:30px}
.fbot{margin-top:40px}
.fbot .sp{margin-left:auto}
}
.skel{padding:24px var(--g)}
.skel i{display:block;border-radius:var(--r);background:linear-gradient(110deg,#eee8de 30%,#f6f2eb 50%,#eee8de 70%) 0 0/300% 100%;animation:shim 1.4s linear infinite}
.skel .s1{height:min(60vh,420px);margin-bottom:20px}
.skel .s2{height:20px;width:40%;margin-bottom:12px}
.neterr{padding:48px 16px;text-align:center}
.neterr .btn{margin:16px 6px 0}
.cos{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px}
.cos h2{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.stn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--ivory-t);font:600 13px/1 var(--sans)}
.cos.lock{opacity:.55}
.cos.lock .csb{pointer-events:none}
@media(max-width:899.98px){.co .cos[data-step]{display:none}.co .cos[data-step].cur{display:block}}
.steps{display:flex;list-style:none;gap:4px;margin:0 0 16px;counter-reset:s}
.steps li{flex:1;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding-top:8px;border-top:3px solid var(--line);counter-increment:s}
.steps li.done{border-top-color:var(--gold-ink);color:var(--ink-2)}
.steps li.on{border-top-color:var(--ink);color:var(--ink);font-weight:700}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
.fgrid .fld[data-k=email],.fgrid .fld[data-k=address1],.fgrid .fld[data-k=address2]{grid-column:1/-1}
.fgrid .fld[hidden]{display:none}
@media(max-width:520px){.fgrid{grid-template-columns:minmax(0,1fr)}}
.cof .btn.wide{margin-top:8px}
@media(max-width:899.98px){.co .cos.cur .btn.wide{position:sticky;bottom:calc(8px + var(--sb));z-index:5;box-shadow:var(--sh2)}}
.opts.col{flex-direction:column;align-items:stretch}
.opt.rc{justify-content:flex-start;gap:12px;padding:12px 16px;text-align:left;min-height:52px}
.opt.rc b{margin-left:auto;white-space:nowrap}
.co .lines .line{grid-template-columns:64px minmax(0,1fr)}
.co .sumbox .lines{border-top:0;margin-bottom:8px;max-height:46vh;overflow:auto}
.agrid{display:grid;gap:16px}
@media(min-width:720px){.agrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.acard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.acard.on{border-color:var(--gold-ink);box-shadow:0 0 0 1px var(--gold-ink),var(--sh2)}
.ach{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ach svg{color:var(--gold-ink)}
.narrow{max-width:440px;margin:0 auto;padding-top:24px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.hdr,.tabs,.util,.foot,.pbar,.toast{display:none!important}}


/* Payment marks in the footer. Owner, 30 Sep 2026: show the Atome, Visa and
   Mastercard logos, not only the words. The gateway's own artwork is used
   (Atome from the CHIP plugin, the card marks from WooCommerce), each kept at
   its own aspect ratio on a white chip so a dark logo stays legible on the dark
   footer. A method with no artwork still shows its name, so nothing disappears
   when a gateway is added. */
.pays{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pays .pay{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:6px;padding:5px 8px;
  line-height:1;font-size:12px;color:#2b2823;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.pays .pay img{display:block;height:24px;width:auto;max-width:64px;object-fit:contain}
.pays .pay-card img+img{margin-left:2px}
@media (max-width:480px){.pays .pay{padding:4px 6px}.pays .pay img{height:20px}}

.cswr{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cswr::-webkit-scrollbar{display:none}
.csw{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 12px;border-radius:999px;border:1px solid var(--line,#e5e0d8);background:var(--card,#fff);color:inherit;font:inherit;font-size:13px;cursor:pointer}
.csw i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.csw .n{opacity:.6;font-size:12px}
.csw.on{border-color:currentColor;box-shadow:0 0 0 1px currentColor;font-weight:600}
.walkin{font-size:13px;margin:-4px 0 14px;opacity:.85}.walkin a,.shelf.walk a{text-decoration:underline}
.bn-dlg{max-width:440px}
.bn-dlg .bn-x{position:absolute;top:10px;right:10px;z-index:2}
.bn{padding:30px 26px 22px;text-align:center;background:linear-gradient(180deg,#fbf8f2,#fff 60%);border-top:3px solid #b08d57}
.bn-k{margin:0;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#b08d57;font-weight:600}
.bn-t{margin:8px 0 2px;font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-weight:500;font-size:32px;line-height:1.1;color:#0e0d0b}
.bn-tag{margin:0 0 12px;font-size:14px;color:#b08d57;letter-spacing:.04em}
.bn-p{margin:0 auto 18px;max-width:32ch;font-size:14.5px;line-height:1.55;color:#4a4540}
.bn-f{display:grid;gap:10px;text-align:left}
.bn-f label{display:grid;gap:4px;font-size:12.5px;color:#6b645c}
.bn-f input{min-height:46px;padding:10px 12px;border:1px solid #e5ddd0;border-radius:10px;font:inherit;font-size:16px;background:#fff}
.bn-f input:focus{outline:2px solid #b08d57;outline-offset:1px;border-color:#b08d57}
.bn-go{width:100%;min-height:48px;margin-top:4px;background:#0e0d0b;color:#fff;border-radius:10px;font-weight:600;letter-spacing:.03em}
.bn-msg{margin:0;min-height:1em;font-size:13px;color:#a3243b}
.bn-fine{margin:2px 0 0;font-size:11.5px;color:#8a8278;text-align:center}
.bn-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.subl.atl{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.atl-logo{height:14px;width:auto;vertical-align:middle}
.bn-bar{height:3px;border-radius:3px;background:rgba(127,127,127,.18);overflow:hidden;margin-top:14px}
.bn-bar i{display:block;height:100%;width:100%;background:currentColor;opacity:.55;transform-origin:left;animation:bnbar linear forwards}
.bn-bar.held i{animation-play-state:paused}
@keyframes bnbar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.bn-bar i{animation:none}}
.opt.pre span{opacity:.85}.opt .pre-tag{font-size:10.5px;opacity:.7;margin-left:2px}
.cust-pre{margin:10px 0 14px;padding:10px 12px;border-radius:10px;background:#FFF4D6;border:1px solid #E9C46A;color:#5B4300;font-size:13.5px;line-height:1.45}
.cust-pre b{color:#7A5600}
.mode-line{margin:4px 0 14px;padding:9px 12px;border-radius:10px;font-size:13.5px;font-weight:600}
.mode-line.ready{background:#E7F4EC;color:#1F6B3A;border:1px solid #B9DEC6}
.mode-line.pre{background:#FFF4D6;color:#6B4E00;border:1px solid #E9C46A}
.opt .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2E8B57;margin-left:6px;vertical-align:middle}
.shelf.shelf-mode.pre{background:#FFF4D6;color:#6B4E00;border-color:#E9C46A}
.cust-pre.tail{background:#E7F4EC;border-color:#B9DEC6;color:#1F6B3A}.cust-pre.tail b{color:#1F6B3A}
.bridal-poster{display:grid;justify-items:center;gap:6px;width:100%;margin:18px 0 6px;padding:30px 20px;border:0;border-radius:18px;cursor:pointer;text-align:center;font:inherit;
  color:#F6EBD3;background:radial-gradient(120% 140% at 50% 0%,#3a2b22 0%,#1a1411 55%,#0d0a08 100%);box-shadow:inset 0 0 0 1px rgba(214,178,94,.35),0 10px 30px rgba(0,0,0,.18);position:relative;overflow:hidden}
.bridal-poster::before{content:'';position:absolute;inset:10px;border:1px solid rgba(214,178,94,.35);border-radius:12px;pointer-events:none}
.bp-k{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#D6B25E}
.bp-t{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,7vw,44px);line-height:1.1;color:#FFF7E6}
.bp-tag{font-size:13px;letter-spacing:.12em;color:#D6B25E}
.bp-s{max-width:520px;font-size:14px;line-height:1.5;color:#E8DCC4;margin-top:4px}
.bp-cta{margin-top:10px;padding:11px 22px;border-radius:999px;background:#D6B25E;color:#1a1411;font-weight:700;font-size:14px}
.bridal-poster:hover .bp-cta,.bridal-poster:focus-visible .bp-cta{background:#E6C673}
/* Front page pager (owner, 4 Oct 2026) */
.hpager{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0 6px}
.hpager .hpg{font-size:13px;color:var(--muted,#6b6b6b);text-align:center}
.hpager button[disabled]{opacity:.4;cursor:default}
@media (max-width:600px){.hpager .hpg{order:-1;flex-basis:100%}.hpager button{flex:1;max-width:180px}}
/* Pay by link (owner, 4 Oct 2026) */
.paybox{flex-basis:100%;margin:6px 0 10px}
.paylist{display:grid;gap:8px;margin:10px 0 14px}
.payopt{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line,#e6e0d6);border-radius:12px;cursor:pointer;background:var(--card,#fff)}
.payopt:has(input:checked){border-color:var(--ink,#141110);box-shadow:0 0 0 1px var(--ink,#141110)}
.payopt span{display:grid;gap:2px}.payopt small{color:var(--muted,#6b6b6b)}
.paybox .btn{width:100%;max-width:360px}
/* Contact form (owner, 4 Oct 2026) */
.cform{margin:26px 0 8px;padding:20px;border:1px solid var(--line,#e6e0d6);border-radius:16px;background:var(--card,#fff);max-width:760px}
.cform h2{margin:0 0 4px}.cform>.muted{margin:0 0 14px}
.cf-g{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
@media (max-width:600px){.cf-g{grid-template-columns:1fr}}
.cf-f{display:grid;gap:6px;margin:0 0 12px;font-size:14px}
.cf-f>span{font-weight:600}.cf-f small{color:var(--muted,#6b6b6b)}
.cf-f input,.cf-f select,.cf-f textarea{width:100%;box-sizing:border-box;font:inherit;padding:11px 12px;border:1px solid var(--line,#ddd5c8);border-radius:10px;background:#fff;color:inherit}
.cf-f textarea{resize:vertical;min-height:120px}
.cf-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.cform .btn{min-width:200px}
.cf-msg{margin:10px 0 0;font-size:14px}.cf-msg.err{color:#a3361f}
.cf-done h2{margin:0 0 6px}
/* Customer account (owner, 4 Oct 2026) */
.acct .narrow{max-width:460px;margin:0 auto}
.acct .ahead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.acct .ahead .t1{margin:2px 0}
.atabs{display:flex;gap:6px;border-bottom:1px solid var(--line,#e6e0d6);margin:14px 0 18px;overflow-x:auto}
.atabs a{padding:10px 14px;text-decoration:none;color:var(--muted,#6b6b6b);font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}
.atabs a.on{color:var(--ink,#141110);border-bottom-color:var(--ink,#141110)}
.aorders{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.aord{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line,#e6e0d6);border-radius:12px;text-decoration:none;color:inherit;background:var(--card,#fff)}
.aord-r{display:flex;align-items:center;gap:10px}
.apill{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.03em;padding:3px 9px;border-radius:999px;background:#EEF0F3;color:#3B4452}
.apill.s-pending,.apill.s-failed{background:#FBEFDC;color:#8A5D12}.apill.s-processing,.apill.s-on-hold{background:#E6F0FA;color:#1F4F80}
.apill.s-completed,.apill.s-shipped,.apill.s-answered{background:#E3F2E8;color:#1B6B3A}.apill.s-cancelled,.apill.s-refunded{background:#F6E3DF;color:#9A3524}
.atag{display:inline-block;margin-left:8px;font-size:11px;padding:2px 8px;border-radius:999px;background:#F4ECDC;color:#8a6410;font-weight:600}
.aodh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.aodh .t2{margin:0}
.apay,.atrack{border:1px solid var(--line,#e6e0d6);border-radius:12px;padding:14px 16px;margin:12px 0;background:var(--card,#fff)}
.apay .btn{margin-top:6px}
.agrp{border:0;padding:0;margin:0 0 14px}.agrp legend{font-weight:700;margin:0 0 8px}
.asec{margin:28px 0 10px}
.chk{display:flex;align-items:center;gap:6px;margin:0 0 14px}
.aok{color:#1B6B3A}.amsg{min-height:4px}
.athreads{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.athread details{border:1px solid var(--line,#e6e0d6);border-radius:12px;padding:12px 14px;background:var(--card,#fff)}
.athread summary{cursor:pointer;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.amsgs{display:grid;gap:8px;margin:12px 0}
.amsg1{padding:10px 12px;border-radius:10px;background:#F6F1E7}.amsg1.me{background:#EEF2F7}
.amsg1 p{margin:0}.amsg1 .aw{font-size:12px;color:var(--muted,#6b6b6b);margin-bottom:4px}
.areply{display:grid;gap:8px}
/* Marketing QR block (About us) */
.qrblk{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:center;padding:18px;border:1px solid var(--line,#e6e0d6);border-radius:16px;background:var(--card,#fff);margin:22px 0}
.qrblk img{width:100%;height:auto;border-radius:10px;display:block}
.qrblk h2{margin:0 0 6px}.qrblk .cbtns{margin-top:12px}
@media (max-width:600px){.qrblk{grid-template-columns:1fr}.qrblk img{max-width:240px;margin:0 auto}}

/* #bellasyedyes Collections: on the brand line, in the free space right of DO BUY ABAYA (owner, 14 Oct 2026). Desktop >= 1100px;
   narrower screens keep it in the menu. The nav-bar copy is hidden where the brand-line link shows. */
.bsy{display:none}
@media(min-width:1100px){.hin .bsy{display:inline-flex;grid-area:search;justify-self:start;align-items:center;margin-left:26px;font-size:13.5px;letter-spacing:.06em;font-weight:600;color:var(--gold-hi);white-space:nowrap;padding:8px 2px;border-bottom:1px solid transparent}
.hin .bsy:hover{border-bottom-color:var(--gold-hi)}.pnav li:has(>.pl.hl){display:none}}
.pnav .pl.hl{color:var(--gold-hi);text-transform:none;letter-spacing:.04em;font-weight:600}

/* Bridal Series notice: the enter button is a link (14 Oct 2026) */
.bn-enter{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:14px;background:#D6B25E;color:#1a1411}
.bn-enter:hover{background:#E6C673}
a.bridal-poster{text-decoration:none}

/* Bridal Series notice: toned photo behind the text (owner, 14 Oct 2026). The photo fills the card; an ivory wash that is
   lighter at the top keeps the model visible above and the text readable below. */
.bn-dlg .bn{position:relative;padding:230px 26px 22px;background:linear-gradient(180deg,rgba(251,248,242,0) 0,rgba(251,248,242,.18) 26%,rgba(251,248,242,.9) 52%,#fbf8f2 66%),url(https://dobuyabaya.com.my/bellasyedyes/popup.webp) center 12%/cover no-repeat #fbf8f2}
@media(max-height:640px){.bn-dlg .bn{padding-top:150px}}

/* PHOTO VIEWER: the viewer fits the photo to the screen (owner, 14 Oct 2026: "some images are largely too oversized").
   The track had height:100% of a parent with no fixed height, so each photo took the full window WIDTH and overflowed
   downwards on a wide screen. The track and every photo are now exactly one screen tall; the photo is contained. */
dialog.lb{overflow:hidden}
dialog.lb .lbt{height:100dvh;width:100vw}
dialog.lb .lbt img{flex:0 0 100vw;width:100vw;height:100dvh;max-height:100dvh;min-height:0;object-fit:contain;padding:14px 64px 40px;box-sizing:border-box}
@media(max-width:700px){dialog.lb .lbt img{padding:8px 0 36px}}

/* checkout: returning-customer sign-in (owner, 14 Oct 2026: "make sign-in button for existing customer") */
.co-ret{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:var(--card,#fff);border:1px solid #d9cfbd;border-left:4px solid var(--gold,#b08d57);border-radius:var(--r,10px);padding:12px 16px;margin:0 0 18px;font-size:14.5px}
.co-ret>div{flex:1 1 240px}.co-ret .btn{flex:none}.co-ret .co-or{color:#6b6257;font-size:13px}

/* Bridal Series home banner: the wedding-set photograph behind the text (owner, 14 Oct 2026: "the other also add nice
   background"). A dark wash — heavier in the middle, where the words sit — keeps the white text readable on any screen. */
.bridal-poster{background:radial-gradient(ellipse at center,rgba(20,14,10,.80) 0,rgba(20,14,10,.66) 45%,rgba(20,14,10,.42) 100%),url(https://dobuyabaya.com.my/bellasyedyes/poster.webp) center 30%/cover no-repeat #17120d!important;padding:44px 20px!important}
@media(max-width:700px){.bridal-poster{padding:34px 16px!important;background-position:center,center 20%!important}}
.bridal-poster .bp-t,.bridal-poster .bp-s{text-shadow:0 1px 12px rgba(0,0,0,.55)}