:root{--bg:#fff;--surface:#fff;--ink:#3d3a44;--ink-60:#8a8592;--ink-40:#b3aeb8;--line:#e6ede8;--line-2:#d5e0d9;--sage:#7c9a86;--sage-d:#6a866f;--sage-soft:#eef3ef;--blush:#c98a8f;--blush-soft:#fbeaec;--ok:#5c8c6a;--sh:0 4px 16px #7c5a5a0f;--sh-h:0 10px 26px #7c5a5a1c;--f:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}svg{display:block}button{font-family:inherit}.wrap{max-width:1000px;margin:0 auto;padding:0 22px}.pr{color:var(--sage);font-weight:700}.btn{cursor:pointer;border:none;font-family:inherit;font-weight:600}.btn-sage{background:var(--sage);color:#fff;border-radius:999px}.btn-sage:hover{background:var(--sage-d)}.btn-sage:disabled{opacity:.55;cursor:default}header.top{z-index:20;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-bottom:1px solid var(--line);background:#ffffffe6;position:sticky;top:0}.top-in{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{letter-spacing:-.01em;cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:9px;padding:0;font-family:inherit;font-size:16px;font-weight:700;display:flex}.brand .d{background:var(--sage);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;font-size:13px;display:grid}nav.cats{color:var(--ink-60);gap:20px;font-size:13.5px;display:flex}nav.cats button{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}nav.cats button.on{color:var(--ink);font-weight:600}.top-r{align-items:center;gap:6px;display:flex}.ib{background:var(--surface);border:1px solid var(--line-2);width:36px;height:36px;color:var(--ink-60);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:relative}.ib .n{background:var(--blush);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-3px;right:-3px}.hero{background:var(--sage-soft);border-radius:18px;grid-template-columns:1fr 1fr;align-items:center;gap:18px;margin-top:18px;padding:18px;display:grid}.hero .ey{letter-spacing:.08em;text-transform:uppercase;color:var(--blush);font-size:10.5px;font-weight:700}.hero h1{letter-spacing:-.02em;margin:6px 0 9px;font-size:22px;font-weight:700;line-height:1.12}.hero p{color:var(--ink-60);margin:0 0 13px;font-size:13px}.hero .art{aspect-ratio:16/9;color:#fff;background:linear-gradient(140deg,#7c9a86,#9db4a4);border-radius:18px;place-items:center;font-size:40px;font-weight:700;display:grid;position:relative;overflow:hidden}.hero .art .tag{color:var(--ink);box-shadow:var(--sh);background:#fff;border-radius:12px;padding:8px 12px;font-size:12px;position:absolute;bottom:12px;left:12px}.hero .art .tag b{color:var(--sage);display:block}.bar2{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 14px;display:flex}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-60);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12.5px}.pill.on{background:var(--sage);color:#fff;border-color:var(--sage)}.count{color:var(--ink-40);font-size:12.5px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pc{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh);cursor:pointer;text-align:left;border-radius:18px;padding:0;font-family:inherit;transition:box-shadow .16s,transform .16s;overflow:hidden}.pc:hover{box-shadow:var(--sh-h);transform:translateY(-3px)}.pc .th{aspect-ratio:1;color:#fff;place-items:center;font-size:34px;font-weight:700;display:grid;position:relative}.pc .badge{background:var(--blush-soft);color:var(--blush);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:9px;left:9px}.pc .b{text-align:center;padding:12px 13px 14px}.pc .nm{font-size:13.5px;font-weight:500}.pc .stk{color:var(--ink-40);margin-top:1px;font-size:11.5px}.pc .row{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.pc .add{background:var(--sage-soft);color:var(--sage-d);cursor:pointer;border:none;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600}.state{text-align:center;color:var(--ink-60);padding:60px 0}.skel-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.skel{aspect-ratio:.78;background:linear-gradient(100deg,#f2ecec 30%,#f8f3f3 50%,#f2ecec 70%) 0 0/200% 100%;border-radius:18px;animation:1.2s infinite sh}@keyframes sh{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.scrim{z-index:30;background:#3d3a4452;animation:.15s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.drawer{background:var(--surface);flex-direction:column;width:100%;max-width:400px;height:100%;margin-left:auto;animation:.18s slide;display:flex}@keyframes slide{0%{opacity:.5;transform:translate(30px)}}.modal{background:var(--surface);border-radius:20px;width:100%;max-width:720px;margin:auto;animation:.16s pop;overflow:hidden}@keyframes pop{0%{opacity:.6;transform:scale(.98)}}.dh{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;font-weight:700;display:flex}.x{color:var(--ink-40);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.cols{grid-template-columns:1fr 1fr;display:grid}.pdl{background:var(--sage-soft);justify-content:center;align-items:center;padding:20px;display:flex}.pdh{aspect-ratio:1;color:#fff;border-radius:16px;place-items:center;width:100%;font-size:56px;font-weight:700;display:grid}.pdr{padding:22px}.pdr .c{color:var(--ink-40);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}.pdr h3{letter-spacing:-.01em;margin:6px 0 7px;font-size:22px;font-weight:700}.pdr .stk{margin:4px 0 16px;font-size:13px;font-weight:600}.pdr .stk.in{color:var(--ok)}.pdr .stk.out{color:var(--blush)}.pdr p.desc{color:var(--ink-60);margin:0 0 14px;font-size:13px}.ol{color:var(--ink-60);margin-bottom:7px;font-size:11.5px;font-weight:600}.or{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.op{text-align:center;border:1px solid var(--line-2);cursor:pointer;min-width:42px;color:var(--ink);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px}.op.on{border-color:var(--sage);background:var(--sage-soft);color:var(--sage-d);font-weight:600}.op.off{color:var(--ink-40);cursor:not-allowed;text-decoration:line-through}.buy{gap:9px;margin-top:4px;display:flex}.stp{border:1px solid var(--line-2);border-radius:999px;align-items:center;display:inline-flex}.stp button{cursor:pointer;width:36px;height:44px;color:var(--ink-60);background:0 0;border:none;font-size:16px}.stp span{text-align:center;min-width:22px;font-weight:600}.buy .btn-sage{flex:1;font-size:14px}.cl{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.clt{color:#fff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-weight:700;display:grid}.clm{flex:1;min-width:0}.clm .n{font-size:13.5px;font-weight:600}.clm .v{color:var(--ink-40);font-size:12px}.clm .rm{color:var(--blush);cursor:pointer;background:0 0;border:none;margin-top:5px;padding:0;font-size:11.5px}.cl .stp{height:30px}.cl .stp button{width:28px;height:28px;font-size:14px}.cl .stp span{font-size:12.5px}.clp{white-space:nowrap;color:var(--sage);margin-top:7px;font-size:13.5px;font-weight:700}.cart-scroll{flex:1;overflow-y:auto}.df{border-top:1px solid var(--line);padding:18px}.dl{color:var(--ink-60);justify-content:space-between;margin-bottom:8px;font-size:13.5px;display:flex}.dl.g{color:var(--ink);border-top:1px solid var(--line);padding-top:12px;font-size:16px;font-weight:700}.df .btn-sage{width:100%;margin-top:12px;padding:13px;font-size:14px}.empty-cart{text-align:center;color:var(--ink-60);padding:50px 24px}.checkout{max-width:900px;margin:24px auto 60px}.back{color:var(--ink-60);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:14px;padding:0;font-size:13px;display:inline-flex}.co{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh);border-radius:20px;grid-template-columns:1.2fr .8fr;display:grid;overflow:hidden}.col{padding:22px}.col.l{border-right:1px solid var(--line)}.col h4{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-40);margin:0 0 11px;font-size:11.5px;font-weight:700}.col h4.mt{margin-top:22px}.fld{margin-bottom:11px}.fld label{color:var(--ink-60);margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.fld label .h{color:var(--ink-40);font-weight:400}.fld input{border:1px solid var(--line-2);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:11px 13px;font-family:inherit;font-size:13.5px}.fld input:focus{border-color:var(--sage);outline:none}.two,.meth{grid-template-columns:1fr 1fr;gap:11px;display:grid}.mo{border:1px solid var(--line-2);cursor:pointer;text-align:left;background:#fff;border-radius:14px;padding:13px;font-size:13px}.mo.on{border-color:var(--sage);background:var(--sage-soft)}.mo b{font-weight:600}.mo span{color:var(--ink-60);margin-top:3px;font-size:11.5px;display:block}.col.r{background:var(--sage-soft)}.col.r h4{color:var(--sage-d)}.sl{align-items:center;gap:11px;margin-bottom:12px;font-size:13px;display:flex}.sl .t{color:#fff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.sl .i{flex:1}.sl .i .m{color:var(--ink-40);font-size:11.5px}.promo{gap:8px;margin:12px 0;display:flex}.promo input{border:1px solid var(--line-2);background:#fff;border-radius:999px;flex:1;padding:9px 13px;font-family:inherit;font-size:12.5px}.promo button{border:1px solid var(--line-2);cursor:pointer;background:#fff;border-radius:999px;padding:0 15px;font-size:12.5px;font-weight:600}.col.r .btn-sage{width:100%;padding:13px;font-size:14px}.pn{color:var(--ink-40);text-align:center;margin-top:8px;font-size:11.5px}.err{background:var(--blush-soft);color:#a85a60;border-radius:10px;margin-top:10px;padding:9px 12px;font-size:12.5px}.cf{background:var(--surface);border:1px solid var(--line);max-width:460px;box-shadow:var(--sh);text-align:center;border-radius:20px;margin:40px auto 60px;padding:30px 24px}.cf .ck{background:var(--sage-soft);width:52px;height:52px;color:var(--sage);border-radius:999px;place-items:center;margin:0 auto 13px;display:grid}.cf h3{margin:0 0 5px;font-size:19px;font-weight:700}.cf p{color:var(--ink-60);margin:0 0 16px;font-size:13px}.qr{border:1px solid var(--line);background:#fff;border-radius:16px;place-items:center;width:128px;height:128px;margin:0 auto 11px;display:grid}.qr svg{width:98px;height:98px}.oc{background:var(--sage-soft);color:var(--sage-d);border-radius:999px;margin-bottom:15px;padding:6px 13px;font-family:ui-monospace,Menlo,monospace;font-size:12px;display:inline-block}.status-pill{border-radius:999px;margin-bottom:14px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.status-pill.paid{background:var(--sage-soft);color:var(--sage-d)}.status-pill.pending{background:var(--blush-soft);color:#a85a60}#root{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1 0 auto}footer.site{color:var(--ink-40);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:32px;padding:18px 0 26px;font-size:12px;display:flex}.mono{color:var(--ink-40);font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.pc .th img,.pdh img,.clt img,.sl .t img{object-fit:cover;width:100%;height:100%;display:block}.pc .th img{position:absolute;inset:0}.pc .th .badge{z-index:2}.pdh,.clt,.sl .t{overflow:hidden}.co-product{grid-template-columns:1fr 1fr}.lazy-image{opacity:0;transition:opacity .3s}.lazy-image[src]{opacity:1}.hero .art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pc .cat{color:var(--ink-40);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1px;font-size:10.5px}.btn-sage{font-size:13px}.buy .btn-sage{padding:10px 14px}.df .btn-sage,.col.r .btn-sage{padding:11px;font-size:13px}.pc .add{padding:6px 12px;font-size:12px}.pill{padding:6px 12px}.hero .btn-sage{padding:9px 18px}@media (width<=820px){.grid,.skel-grid{grid-template-columns:repeat(2,1fr)}.hero,.cols,.co,.co-product{grid-template-columns:1fr}.col.l{border-right:none;border-bottom:1px solid var(--line)}nav.cats{display:none}.hero{padding:20px}.hero h1{font-size:24px}}@media (width<=540px){.grid,.skel-grid{grid-template-columns:1fr 1fr;gap:12px}.wrap{padding:0 16px}.hero .art{display:none}.two{grid-template-columns:1fr}.checkout{margin-top:14px}.drawer{max-width:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero{animation:.45s both fadeUp}.bar2{animation:.45s 50ms both fadeUp}.co,.cf{animation:.4s both fadeUp}.pc{animation:.5s both fadeIn}.pc:first-child{animation-delay:40ms}.pc:nth-child(2){animation-delay:80ms}.pc:nth-child(3){animation-delay:.12s}.pc:nth-child(4){animation-delay:.16s}.pc:nth-child(5){animation-delay:.2s}.pc:nth-child(6){animation-delay:.24s}.pc:nth-child(7){animation-delay:.28s}.pc:nth-child(8){animation-delay:.32s}.pc .th img{transition:transform .35s}.pc:hover .th img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.hero,.bar2,.co,.cf,.pc{animation:none}.pc:hover .th img{transform:none}}.sk{background:linear-gradient(100deg,#efe9e9 30%,#f7f2f2 50%,#efe9e9 70%) 0 0/200% 100%;border-radius:8px;animation:1.2s infinite sh}.sk-hero .sk-copy{padding:4px 0}.sk-art{aspect-ratio:16/9;border-radius:18px}.sk-card{cursor:default;animation:none}.sk-card:hover{box-shadow:var(--sh);transform:none}.sk-thumb{aspect-ratio:1;border-radius:0}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.buy{gap:8px}.btn,.btn-sage{transition:background .15s,transform .12s}.btn:active:not(:disabled),.pc .add:active,.ib:active{transform:scale(.96)}.pc .add,.op,.pill,.mo,.ib,.back,.rm,.sort,.promo button{transition:background .15s,border-color .15s,color .15s,transform .12s}.ib:hover{background:var(--sage-soft);color:var(--sage-d);border-color:var(--sage-soft)}.ib .n{animation:.28s badgePop}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}.op:not(.off):not(.on):hover{border-color:var(--sage);color:var(--sage-d)}.pill:not(.on):hover{border-color:var(--sage);color:var(--ink)}.pc .add:hover{background:var(--sage);color:#fff}.back:hover{color:var(--ink)}.mo:hover{border-color:var(--sage)}.hero .art .tag{transition:transform .2s}.hero .art:hover .tag{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.ib .n{animation:none}*{transition:none!important}}@media (width<=640px){.grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;margin:0 -16px;padding-bottom:6px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.grid::-webkit-scrollbar{display:none}.grid>.pc{scroll-snap-align:start;flex:0 0 152px}}.search-scrim{justify-content:center;align-items:flex-start;padding:72px 16px}.search-panel{background:var(--surface);width:100%;max-width:520px;box-shadow:var(--sh-h);border-radius:16px;animation:.2s both fadeUp;overflow:hidden}.search-field{border-bottom:1px solid var(--line);color:var(--ink-45,var(--ink-40));align-items:center;gap:10px;padding:14px 16px;display:flex}.search-input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.search-input::placeholder{color:var(--ink-40)}.search-results{max-height:62vh;padding:6px;overflow-y:auto}.search-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:9px 10px;transition:background .12s;display:flex}.search-row:hover{background:var(--sage-soft)}.search-thumb{color:#fff;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:grid;overflow:hidden}.search-thumb img{object-fit:cover;width:100%;height:100%}.search-meta{flex:1;min-width:0}.search-name{color:var(--ink);font-size:14px;font-weight:600;display:block}.search-sub{color:var(--ink-40);font-size:12px;display:block}.search-price{color:var(--sage);white-space:nowrap;font-size:14px;font-weight:700}.search-empty{text-align:center;color:var(--ink-60);padding:30px 0;font-size:13px}.buy{gap:8px;margin-top:2px}.buy .stp button{width:30px;height:36px;font-size:14px}.buy .stp span{min-width:18px;font-size:13px}.buy .btn-sage{padding:0 14px;font-size:12.5px}.op{min-width:36px;padding:6px 12px;font-size:12px}.pdr h3{font-size:18px}.pdr .price{font-size:16px}.pdh{padding:0}.pdh img{object-fit:cover;border-radius:0}.pdt-thumb{cursor:pointer}.pdh{position:relative}.pdh img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pdh{border:8px solid #fff;border:4px solid var(--sage);box-shadow:0 2px 12px #3d3a440f;box-shadow:none;border:4px solid #fff;box-shadow:0 2px 12px #3d3a440f}.hero .art{border:2px dotted var(--sage)}
