@font-face{font-family:Naskh;src:url(/fonts/naskh-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Naskh;src:url(/fonts/naskh-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Ar;src:url(/fonts/ar-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Ar;src:url(/fonts/ar-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Ar;src:url(/fonts/ar-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Corm;src:url(/fonts/corm-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Corm;src:url(/fonts/corm-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-500.woff2) format("woff2");font-weight:500;font-display:swap}

:root{--iv:#F3EDE2;--sky:#9DB4C4;--ba:#2B2D2F;--sa:#D4BC94;--cl:#B5704A;--skyl:#DCE5EB;--pad:24px;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Ar,Inter,system-ui,sans-serif;color:var(--ba);background:var(--ba);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[lang=en] body{font-family:Inter,system-ui,sans-serif}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.ttl{font-family:Naskh,serif;font-weight:700;line-height:1.3}
html[lang=en] .ttl{font-family:Corm,serif;font-weight:600;letter-spacing:.01em;line-height:1.15}
.kick{font-family:Corm,serif;letter-spacing:.32em;font-size:12px;text-transform:uppercase;direction:ltr;unicode-bidi:isolate;display:block}
html[dir=rtl] .kick{text-align:right}
.en{font-family:Corm,serif;letter-spacing:.14em;text-transform:uppercase;direction:ltr;unicode-bidi:isolate}
.num{font-family:Inter,sans-serif;direction:ltr;unicode-bidi:isolate}
.price{white-space:nowrap}
.price b{font-family:Inter,sans-serif;font-weight:500;direction:ltr;unicode-bidi:isolate}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:2px;font-weight:500;font-size:16px;transition:opacity .2s,background .2s,color .2s}
.btn:active{opacity:.8}
.btn.clay{background:var(--cl);color:var(--iv)}
.btn.dark{background:var(--ba);color:var(--iv)}
.btn.ghost{border:1px solid currentColor}
.btn.full{width:100%}
.ico{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* header */
#hdr{position:sticky;top:0;z-index:40;background:var(--ba);color:var(--iv)}
.hdr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:104px}
.hdr .side{display:flex;gap:18px;align-items:center;min-width:70px}
.hdr .side.e{justify-content:flex-end}
.hdr .logo{justify-self:center}
.hdr .logo img{height:84px;width:auto}
.hdr nav{display:none;gap:28px;font-size:15px}
.cartbtn{position:relative;display:flex}
.badge{position:absolute;top:-7px;inset-inline-end:-9px;min-width:18px;height:18px;border-radius:9px;background:var(--cl);color:var(--iv);font:500 11px/18px Inter,sans-serif;text-align:center;padding:0 4px}
.badge:empty{display:none}
.lang{font:500 13px Inter,sans-serif;border:1px solid #F3EDE255;padding:5px 9px;border-radius:2px}
.hdr .lang{display:none}

/* drawer */
.drawer{position:fixed;inset:0;z-index:60;background:var(--ba);color:var(--iv);transform:translateX(100%);transition:transform .35s ease;padding:20px var(--pad) 30px;display:flex;flex-direction:column;visibility:hidden}
html[dir=ltr] .drawer{transform:translateX(-100%)}
.drawer.open{transform:none !important;visibility:visible}
.drawer .top{display:flex;justify-content:space-between;align-items:center;height:44px;margin-bottom:26px}
.drawer a.big{font-family:Naskh,serif;font-weight:700;font-size:34px;padding:10px 0;border-bottom:1px solid #F3EDE222;display:flex;justify-content:space-between;align-items:center}
html[lang=en] .drawer a.big{font-family:Corm,serif;font-weight:600}
.drawer .small{margin-top:auto;display:grid;gap:10px;font-size:15px;opacity:.85}

/* hero */
.hero{background:var(--ba);color:var(--iv)}
.hero .scene{position:relative;height:64vh;min-height:460px;max-height:620px;overflow:hidden;background:var(--sky)}
.hero .range{position:absolute;left:0;top:0;width:100%;height:calc(100% - 44px)}
.hero .bottle{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);height:50%;width:auto;max-width:40%;object-fit:contain;object-position:center bottom;z-index:2}
.hero .sadu{position:absolute;left:0;right:0;bottom:0;z-index:1;border-top:2px solid #2B2D2F}
.hero .txt{padding:34px var(--pad) 46px}
.hero h1{font-size:clamp(40px,11.5vw,64px);margin:10px 0 0}
.hero p{font-size:17px;opacity:.88;margin:14px 0 24px;max-width:460px}
.hero .cta{display:flex;gap:10px}
.hero .cta .btn{flex:1}

.trust{background:var(--sky);padding:18px var(--pad)}
.trust .g{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;font-size:14px;max-width:var(--max);margin:0 auto}
.trust .g div{display:flex;gap:8px;align-items:center}
.trust .ico{width:20px;height:20px}

.sec{padding:56px 0 54px}
.sec h2{font-size:clamp(34px,9.5vw,52px)}
.sec .sub{opacity:.78;margin-top:6px;font-size:15.5px}
.dark{background:var(--ba);color:var(--iv)}
.sky{background:var(--sky)}
.clay{background:var(--cl);color:var(--iv)}
.ivory{background:var(--iv)}
.skyl{background:var(--skyl)}
.gold{color:var(--sa)}

/* mountains carousel */
.mhead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}
.big07{font-family:Corm,serif;font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--sa)}
.car{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--pad);scroll-padding-inline:var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.car::-webkit-scrollbar{display:none}
.mcard{flex:none;width:calc(100vw - var(--pad)*2 - 16px);max-width:300px;scroll-snap-align:start;padding:22px 22px 20px;display:block}
.mcard .r{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}
.arch{border-radius:999px 999px 0 0;overflow:hidden;position:relative}
.arch.frame{background:rgba(243,237,226,.28)}
.fit{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.mcard .arch{aspect-ratio:10/11;margin:16px 0 18px}
.mcard .arch .fit{padding:22% 18% 8%}
.mcard .nm{font-size:34px}
.mcard .mood{font-size:14px;opacity:.85;margin:2px 0 14px}
.mcard .ft{display:flex;justify-content:space-between;align-items:center;border-top:1px solid;border-color:color-mix(in srgb,currentColor 22%,transparent);padding-top:12px;font-size:14px}

/* quiz cta */
.qcta{padding-bottom:0;overflow:hidden}
.qcta p{font-size:16.5px;margin:12px 0 24px;max-width:320px}
.ridge{display:block;width:100%;height:120px;margin-top:34px}

/* sadu */
.sadu{height:46px;background:#2B2D2F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Cpath d='M23 5 41 23 23 41 5 23Z' fill='none' stroke='%23F3EDE2' stroke-width='2'/%3E%3Cpath d='M23 14 32 23 23 32 14 23Z' fill='%23B5704A'/%3E%3Cpath d='M0 0h5L0 5ZM46 0h-5l5 5ZM0 46h5l-5-5ZM46 46h-5l5-5Z' fill='%23D4BC94'/%3E%3C/svg%3E") center/46px 46px repeat-x}

/* product grid + cards */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 12px}
.pc{display:block;position:relative}
.pc .tile{position:relative;aspect-ratio:4/5;overflow:hidden}
.pc .tile .fit{padding:14% 16% 10%}
.pc .heart{position:absolute;top:10px;inset-inline-end:10px;width:34px;height:34px;border-radius:50%;background:var(--iv);color:var(--ba);display:flex;align-items:center;justify-content:center;z-index:2}
.pc .heart .ico{width:17px;height:17px}
.pc .heart.on{background:var(--cl);color:var(--iv)}
.pc .meta{padding:10px 2px 0}
.pc .nm{font-weight:500;font-size:15.5px;line-height:1.5}
.pc .e{font-size:10.5px;opacity:.6;margin:2px 0 6px;display:block}
html[dir=rtl] .pc .e{text-align:right}
.pc .row{display:flex;justify-content:space-between;align-items:center;font-size:14.5px}
.pc .add{width:34px;height:34px;background:var(--ba);color:var(--iv);display:flex;align-items:center;justify-content:center;border-radius:2px}
.pc .add .ico{width:16px;height:16px}
.card{background:var(--iv);color:var(--ba)}
.card .meta{padding:12px 12px 14px}
.onclay .pc{background:var(--iv);color:var(--ba);padding:14px}
.onclay .pc .tile{aspect-ratio:1/1.1}

.shead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}
.link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:2px}

/* gift */
.giftscene{background:var(--sky) url(/img/dunes.webp) center bottom/cover no-repeat;padding:34px 16px 0;display:flex;justify-content:center;align-items:flex-end;gap:3%}
.giftscene img{height:auto;object-fit:contain}
.giftscene .a{width:33%}.giftscene .b{width:21%}.giftscene .c{width:37%}
.line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #F3EDE233;border-bottom:1px solid #F3EDE233;padding:16px 0;margin:22px 0}

.story{position:relative;min-height:430px;background:var(--sky) url(/img/mountains.webp) center/cover no-repeat;display:flex;align-items:flex-end;color:var(--iv)}
.story:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,45,47,0) 30%,rgba(43,45,47,.88) 100%)}
.story .in{position:relative;padding:34px var(--pad);width:100%;max-width:var(--max);margin:0 auto}
.story .q{font-size:clamp(26px,7.4vw,40px);line-height:1.5;max-width:640px}

/* footer */
#ftr{background:var(--ba);color:var(--iv);padding:52px 0 36px}
#ftr .logo{width:170px;margin:0 auto 30px}
.soc{display:flex;justify-content:center;gap:14px;margin-bottom:34px}
.soc a{width:44px;height:44px;border:1px solid #F3EDE244;border-radius:50%;display:flex;align-items:center;justify-content:center}
.soc .ico{width:20px;height:20px}
.fcols{display:grid;grid-template-columns:1fr 1fr;gap:28px;font-size:14.5px;line-height:2.1}
.fcols b{color:var(--sa);font-weight:500;display:block;margin-bottom:6px}
.fcols a{display:block;opacity:.9}
.pays{margin-top:34px;padding-top:22px;border-top:1px solid #F3EDE222;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pay{font:500 12px Inter,sans-serif;border:1px solid currentColor;opacity:.75;padding:5px 10px}
.copy{text-align:center;font-size:12.5px;opacity:.6;margin-top:20px}

/* shop */
.phead{background:var(--ba);color:var(--iv);padding:26px 0 22px}
.phead.sky{background:var(--sky);color:var(--ba)}
.phead.clay{background:var(--cl);color:var(--iv)}
.phead.sand{background:var(--sa);color:var(--ba)}
.phead .chip{border-color:color-mix(in srgb,currentColor 35%,transparent)}
.phead.sky .chip.on,.phead.sand .chip.on{background:var(--ba);border-color:var(--ba);color:var(--iv)}
.srch{width:100%;height:48px;margin-top:18px;background:transparent;border:1px solid color-mix(in srgb,currentColor 40%,transparent);color:inherit;padding:0 14px;border-radius:2px;outline:0}
.srch::placeholder{color:inherit;opacity:.6}
.phead h1{font-size:clamp(38px,10vw,56px)}
.phead .r{display:flex;justify-content:space-between;align-items:flex-end}
.chips{display:flex;gap:8px;overflow-x:auto;padding:22px var(--pad) 0;scrollbar-width:none;max-width:var(--max);margin:0 auto}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;height:40px;padding:0 16px;display:inline-flex;align-items:center;font-size:14px;border:1px solid #F3EDE255;white-space:nowrap;border-radius:2px}
.chip.on{background:var(--cl);border-color:var(--cl);color:var(--iv)}
.tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;gap:10px}
.tools select{background:transparent;border:0;border-bottom:1px solid var(--ba);padding:4px 0}
.fam{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.fam button{display:inline-flex;align-items:center;gap:6px;font-size:13px;background:var(--iv);padding:6px 12px;border:1px solid transparent;border-radius:2px}
.fam button.on{border-color:var(--ba)}
.fam i{width:8px;height:8px;border-radius:50%;display:inline-block}
.shop .grid{gap:12px}
.shop .fam button{background:#E9E0D0}
.shop .card{background:#FBF8F2}
.banner{background:var(--ba);color:var(--iv);margin-top:24px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.banner .go{width:46px;height:46px;background:var(--cl);display:flex;align-items:center;justify-content:center;flex:none}
html[dir=ltr] .flip{transform:scaleX(-1)}
.empty{padding:40px 0;text-align:center;opacity:.7}

/* product page */
.pstage{position:relative;overflow:hidden;padding:18px 0 28px}
.crumb{font-size:13px;opacity:.75}
.ghost-name{position:absolute;top:70px;left:0;right:0;text-align:center;font-family:Corm,serif;font-size:clamp(84px,30vw,190px);line-height:1;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.2px color-mix(in srgb,currentColor 30%,transparent);text-transform:uppercase;pointer-events:none;white-space:nowrap}
.pstage .arch{width:min(74vw,330px);aspect-ratio:28/38;margin:34px auto 0}
.pstage .arch .fit{padding:20% 13% 7%}
.pinfo{padding:30px var(--pad) 34px}
.pinfo .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pinfo h1{font-size:clamp(42px,12vw,60px);line-height:1.15}
.round{width:46px;height:46px;border:1px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.round.on{background:var(--cl);border-color:var(--cl);color:var(--iv)}
.pinfo .d{font-size:16.5px;line-height:1.85;margin:16px 0 22px;max-width:560px}
.lbl{font-size:13.5px;opacity:.7;margin-bottom:10px}
.fmts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.fmt{min-height:42px;padding:0 16px;font-size:14px;border:1px solid var(--ba);display:inline-flex;align-items:center;gap:6px;border-radius:2px}
.fmt.on{background:var(--ba);color:var(--iv)}
.buy{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.buy .p{font-size:26px}
.qty{display:flex;align-items:center;border:1px solid currentColor;height:46px;border-radius:2px}
.qty button{width:44px;height:100%;display:flex;align-items:center;justify-content:center}
.qty .ico{width:18px;height:18px}
.qty span{min-width:30px;text-align:center;font-family:Inter,sans-serif}
.perks{display:grid;gap:12px;margin-top:22px;font-size:14.5px}
.perks div{display:flex;gap:10px;align-items:center}
.perks .ico{color:var(--cl);width:20px;height:20px}
.mtn{display:block;width:100%;max-width:360px;height:auto;margin:26px auto 0}
.notes{margin-top:22px;font-size:15px}
.notes div{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #F3EDE222;align-items:baseline}
.notes div:last-child{border:0}
.notes i{width:10px;height:10px;flex:none;display:inline-block}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.fact{border:1px solid #F3EDE233;padding:14px}
.fact small{font-size:12.5px;opacity:.65;display:block;margin-bottom:6px}
.bars{display:flex;gap:4px}
.bars i{flex:1;height:4px;background:#F3EDE233}
.bars i.on{background:var(--cl)}
.ritual{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;text-align:center;font-size:13.5px;margin-top:24px}
.ritual .arch{aspect-ratio:1/1.15;background:var(--iv)}
.ritual .arch .fit{padding:24% 20% 10%}
.setbox{background:var(--iv);color:var(--ba);margin-top:26px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:start}
.setbox small{font-size:13px;opacity:.7;display:block}
.setbox em{font-style:normal;color:var(--cl);font-weight:500;font-size:13px;display:block}
.sticky{position:sticky;bottom:0;z-index:30;background:var(--ba);color:var(--iv);padding:12px var(--pad) calc(14px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center}
.sticky small{font-size:12px;opacity:.65;display:block}
.sticky .btn{flex:1;min-height:50px}

/* quiz */
.quiz{background:var(--sky);min-height:calc(100vh - 104px);min-height:calc(100dvh - 104px);position:relative;display:flex;flex-direction:column;overflow:hidden}
.quiz .prog{display:flex;gap:6px;padding:18px var(--pad) 0;max-width:640px;margin:0 auto;width:100%}
.quiz .prog i{flex:1;height:3px;background:#2B2D2F33}
.quiz .prog i.on{background:var(--ba)}
.quiz .body{padding:34px var(--pad) 24px;max-width:640px;margin:0 auto;width:100%;flex:1}
.quiz h1{font-size:clamp(34px,10vw,48px);margin-top:10px}
.opts{display:grid;gap:10px;margin-top:26px}
.opt{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--iv);text-align:start;width:100%;border-radius:2px}
.opt b{font-weight:500;font-size:16.5px;display:block}
.opt small{font-size:13.5px;opacity:.7}
.opt .dot{width:24px;height:24px;border-radius:50%;border:1.5px solid #2B2D2F55;display:flex;align-items:center;justify-content:center;flex:none}
.opt.on{background:var(--ba);color:var(--iv)}
.opt.on .dot{border-color:var(--cl)}
.opt.on .dot:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--cl)}
.quiz .foot{background:var(--ba);position:relative;padding:20px var(--pad) calc(26px + env(safe-area-inset-bottom))}
.quiz .foot svg{position:absolute;bottom:100%;left:0;width:100%;height:auto;display:block;margin-bottom:-1px}
.quiz .foot .in{display:flex;gap:10px;max-width:640px;margin:0 auto;padding-top:6px}
.quiz .foot .btn.clay{flex:1}
.quiz .foot .btn.ghost{color:var(--iv);min-width:110px}
.quiz .foot .btn[disabled]{opacity:.45}
.result{padding:30px var(--pad) 46px;max-width:640px;margin:0 auto;width:100%}
.result .arch{width:min(60vw,250px);aspect-ratio:10/12;margin:22px auto}
.result .arch .fit{padding:20% 16% 8%}

/* cart */
.steps{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13.5px}
.steps span{display:flex;align-items:center;gap:6px}
.steps span.off{opacity:.55}
.steps i{flex:1;height:1px;background:#F3EDE244}
.steps b{width:24px;height:24px;border-radius:50%;border:1px solid var(--iv);display:inline-flex;align-items:center;justify-content:center;font:500 12px Inter,sans-serif}
.steps .on b{background:var(--cl);border-color:var(--cl)}
.cart{padding:8px 0 40px}
.cart .in{max-width:680px;margin:0 auto;padding-inline:var(--pad)}
.li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #2B2D2F22}
.li .th{width:96px;aspect-ratio:96/116;flex:none}
.li .th .fit{padding:22% 16% 8%}
.li .c{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.li .c small{font-size:13.5px;opacity:.65;display:block}
.li .b{display:flex;justify-content:space-between;align-items:center}
.li .qty{height:36px}.li .qty button{width:34px}.li .qty .ico{width:15px;height:15px}
.li .rm{font-size:12.5px;opacity:.6;text-decoration:underline;margin-top:4px;align-self:flex-start}
.giftbox{background:var(--sky);margin-top:22px;padding:18px}
.giftbox .h{display:flex;justify-content:space-between;align-items:center;font-weight:500}
.giftbox .h span{display:flex;gap:10px;align-items:center}
.sw{width:46px;height:26px;border-radius:13px;background:#2B2D2F55;position:relative;flex:none;transition:background .2s}
.sw:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:var(--iv);transition:inset .2s}
.sw.on{background:var(--ba)}
.sw.on:after{inset-inline-start:23px;background:var(--cl)}
.giftbox textarea{width:100%;background:var(--iv);border:0;margin-top:14px;padding:12px 14px;font-size:14.5px;line-height:1.7;min-height:74px;resize:none;outline:0;border-radius:2px}
.giftbox small{font-size:13px;display:block;margin-top:10px}
.upsell{background:var(--ba);color:var(--iv);margin-top:12px;padding:16px 18px;display:flex;gap:14px;align-items:center;width:100%;text-align:start}
.upsell .th{width:56px;aspect-ratio:56/68;flex:none;background:rgba(243,237,226,.14)}
.upsell .th .fit{padding:24% 14% 8%}
.upsell small{font-size:12.5px;color:var(--sa);display:block}
.tot{margin-top:26px;font-size:15.5px;line-height:2.3}
.tot div{display:flex;justify-content:space-between;gap:10px}
.tot .t{border-top:1px solid #2B2D2F33;margin-top:8px;padding-top:8px;font-size:19px;font-weight:700}
.muted{opacity:.7}
.center{text-align:center}
.note{font-size:13px;text-align:center;opacity:.7;margin-top:16px;line-height:1.8}
.form{display:grid;gap:12px;margin-top:20px}
.form label{font-size:13.5px;opacity:.75;display:block;margin-bottom:4px}
.form input,.form select{width:100%;height:50px;border:1px solid #2B2D2F55;background:transparent;padding:0 14px;border-radius:2px;outline:0}
.form input:focus,.form select:focus{border-color:var(--ba)}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.paym{display:grid;gap:8px;margin-top:8px}
.paym button{display:flex;justify-content:space-between;align-items:center;border:1px solid #2B2D2F55;padding:14px 16px;border-radius:2px;text-align:start}
.paym button.on{border-color:var(--ba);background:var(--ba);color:var(--iv)}
.paym button .ico{opacity:0}.paym button.on .ico{opacity:1}
.done{background:var(--sky);min-height:70vh;display:flex;align-items:center}
.done .in{max-width:560px;margin:0 auto;padding:50px var(--pad);text-align:center}
.done img{width:90px;margin:0 auto 22px}

/* story & gifts pages */
.prose{max-width:680px}
.prose p{font-size:17px;line-height:2;margin-top:16px}
.feat{display:grid;gap:10px;margin-top:22px}
.feat div{display:flex;gap:12px;align-items:center;border:1px solid #F3EDE233;padding:14px 16px}

.toast{position:fixed;bottom:86px;left:50%;transform:translate(-50%,20px);background:var(--iv);color:var(--ba);border:1px solid var(--ba);padding:12px 18px;font-size:14.5px;opacity:0;pointer-events:none;transition:all .3s;z-index:80;white-space:nowrap;display:flex;gap:10px;align-items:center;border-radius:2px}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast a{color:var(--cl);font-weight:500;pointer-events:auto}
:focus-visible{outline:2px solid var(--cl);outline-offset:2px}

@media (min-width:700px){
  .grid{grid-template-columns:repeat(3,1fr);gap:30px 16px}
  .trust .g{grid-template-columns:repeat(4,1fr)}
  .fcols{grid-template-columns:repeat(4,1fr);max-width:820px;margin:0 auto}
  .onclay .grid{grid-template-columns:1fr 1fr;max-width:620px}
  .giftscene{padding-top:50px}
  .giftscene .a{width:22%}.giftscene .b{width:14%}.giftscene .c{width:25%}
}
@media (min-width:960px){
  :root{--pad:40px}
  .hdr{height:112px}
  .hdr nav{display:flex}
  .hdr .lang{display:inline-block}
  .hdr .menu{display:none}
  .hdr .logo img{height:88px}
  .hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:calc(100vh - 76px);max-height:820px}
  .hero .scene{height:auto;max-height:none;min-height:620px;order:2}
  .hero .bottle{height:52%;max-width:34%}
  .hero .txt{display:flex;flex-direction:column;justify-content:center;padding:60px clamp(40px,6vw,90px)}
  .hero .cta{max-width:440px}
  .sec{padding:84px 0 80px}
  .grid{grid-template-columns:repeat(4,1fr);gap:40px 20px}
  .car{overflow:visible;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:var(--max);margin:0 auto}
  .car .mcard{width:auto;max-width:none}
  .car .mcard:nth-child(n+5){display:none}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
  .pwrap{display:grid;grid-template-columns:1fr 1fr}
  .pwrap .pstage{padding-bottom:60px}
  .pwrap .pinfo{padding:60px clamp(30px,5vw,80px)}
  .pwrap .pstage .arch{width:min(30vw,380px)}
  .sticky{display:none}
  .quiz{min-height:calc(100vh - 76px)}
  .qcta .ridge{margin-top:10px;height:170px}
}