.site{--bg:#faf8f5;--surface:#fff;--muted:#efece7;--line:#e4dfd7;--ink:#2a2724;--ink-2:#6b655d;--accent:#e9a23b;--accent-ink:#3a2608;--accent-soft:#fbefd9;--red:#c8432f;--ok:#3f8f5a;--r:18px;--shadow:0 6px 24px #2a272414;--font-display:var(--font-abril), "Abril Fatface", serif;--font-body:var(--font-manrope), Manrope, system-ui, sans-serif}.site,.site *{box-sizing:border-box}html:has(.site){scroll-behavior:smooth}body:has(.site){background:#faf8f5;margin:0}.site{background:var(--bg);color:var(--ink);font:16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}.site button{font:inherit;color:inherit;cursor:pointer}.site a{color:inherit}.site :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site .wrap{max-width:1100px;margin:0 auto;padding:0 16px}.site header.top{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#faf8f5eb;position:sticky;top:0}.site .top .wrap{align-items:center;gap:12px;height:60px;display:flex}.site .logo{font-family:var(--font-display);letter-spacing:.5px;align-items:center;gap:6px;font-size:28px;text-decoration:none;display:flex}.site .logo svg{width:26px;height:26px}.site .top nav{gap:18px;margin-left:auto;font-size:15px;font-weight:600;display:flex}.site .top nav a{color:var(--ink-2);text-decoration:none}.site .top nav a:hover{color:var(--ink)}.site .cart-btn{background:var(--ink);color:#fff;border:0;border-radius:999px;align-items:center;gap:8px;margin-left:8px;padding:9px 16px;font-weight:700;display:flex}.site .cart-btn .n{background:var(--accent);color:var(--accent-ink);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:13px;display:inline-grid}@media (max-width:720px){.site .top nav{display:none}.site .cart-btn{margin-left:auto}}.site .hero{padding:40px 0 24px}.site .hero .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;display:grid}.site .hero h1{font-family:var(--font-display);margin:0 0 14px;font-size:clamp(38px,6vw,64px);font-weight:400;line-height:1.02}.site .hero h1 em{color:var(--accent);font-style:normal}.site .hero p{color:var(--ink-2);max-width:30em;margin:0 0 22px;font-size:18px}.site .rating{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.site .rating b{color:var(--accent)}.site .cta{flex-wrap:wrap;gap:10px;display:flex}.site .btn{border:0;border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.site .btn-primary{background:var(--accent);color:var(--accent-ink)}.site .btn-primary:hover{filter:brightness(.97)}.site .btn-ghost{background:var(--surface);border:1px solid var(--line)}.site .btn[disabled]{opacity:.45;cursor:not-allowed}.site .hero-art{aspect-ratio:1;justify-self:center;width:100%;max-width:440px;position:relative}.site .sticker{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:16px;padding:10px 14px;font-size:14px;font-weight:800;line-height:1.25;position:absolute;top:6%;right:0;transform:rotate(6deg)}.site .sticker big{font-family:var(--font-display);color:var(--accent);font-size:30px;font-weight:400;display:block}@media (max-width:720px){.site .hero .wrap{grid-template-columns:1fr}.site .hero-art{order:-1;max-width:300px}.site .hero{padding-top:20px}}.site .promos{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:8px 0 28px;display:grid}.site .promo{background:var(--accent-soft);border-radius:var(--r);align-items:center;gap:14px;padding:16px 18px;display:flex}.site .promo .big{font-family:var(--font-display);color:var(--accent-ink);min-width:64px;font-size:34px;line-height:1}.site .promo b{display:block}.site .promo span{color:var(--ink-2);font-size:14px}.site .cats{z-index:15;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 0;position:sticky;top:60px}.site .cats .wrap{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.site .cats .wrap::-webkit-scrollbar{display:none}.site .chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:14px;font-weight:700}.site .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.site section.cat{padding:28px 0 4px;scroll-margin-top:120px}.site section.cat h2{font-family:var(--font-display);margin:0 0 4px;font-size:32px;font-weight:400}.site section.cat .sub{color:var(--ink-2);margin:0 0 16px;font-size:15px}.site .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.site .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.site .card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.site .card .pic{background:var(--muted);aspect-ratio:4/3;cursor:pointer;border:0;place-items:center;width:100%;padding:0;display:grid}.site .card .pic svg{width:74%;height:auto}.site .card .pic .emo{font-size:64px}.site .card .pic img,.site .pz-art img,.site .ci .th img{object-fit:cover;width:100%;height:100%;display:block}.site .card .pic img{transition:transform .4s}.site .card:hover .pic img{transform:scale(1.04)}.site .card .pic{overflow:hidden}.site .card .pic[disabled]{cursor:default}.site .card.off .pic>*{filter:grayscale();opacity:.6}.site .pz-art.ph{aspect-ratio:4/3;padding:0;overflow:hidden}.site .ci .th{overflow:hidden}.site .hero-photo{object-fit:cover;border-radius:28px;width:100%;height:100%;box-shadow:0 24px 60px #2a272440}.site .hero-art.ph{aspect-ratio:4/3;max-width:520px}.site .card .body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.site .card h3{margin:0;font-size:17px;font-weight:800}.site .card p{color:var(--ink-2);flex:1;margin:0;font-size:13.5px;line-height:1.4}.site .card .row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.site .badge{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:800}.site .price{font-size:18px;font-weight:800}.site .price small{color:var(--ink-2);font-size:13px;font-weight:600}.site .add{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:8px 14px;font-weight:800}.site .add[disabled]{background:var(--muted);color:var(--ink-2);cursor:not-allowed}.site .tbd{color:var(--ink-2);font-size:13px;font-style:italic}.site .list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:4px 16px}.site .list .li{border-bottom:1px dashed var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.site .list .li:last-child{border-bottom:0}.site .list .li .nm{text-align:left;background:0 0;border:0;flex:1;padding:0;font-weight:600}.site .add.sm{padding:6px 12px;font-size:14px}.site .menu-empty{text-align:center;color:var(--ink-2);padding:48px 0}.site .about{background:var(--ink);color:#fff;margin:40px 0 0;padding:40px 0}.site .about .wrap{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.site .about h2{font-family:var(--font-display);margin:0 0 8px;font-size:30px;font-weight:400}.site .about p{color:#cfc8bf;margin:0 0 6px}.site .about a{color:var(--accent);font-weight:700}.site footer.foot{color:var(--ink-2);text-align:center;padding:20px 0 100px;font-size:13px}.site .bar{z-index:30;display:none;position:fixed;bottom:12px;left:12px;right:12px}.site .bar button{justify-content:space-between;width:100%;box-shadow:0 10px 30px #00000040}@media (max-width:720px){.site .bar.show{display:block}}.site .scrim{z-index:40;opacity:0;pointer-events:none;background:#14121073;transition:opacity .2s;position:fixed;inset:0}.site .scrim.on{opacity:1;pointer-events:auto}.site .sheet{z-index:50;background:var(--surface);flex-direction:column;transition:transform .25s;display:flex;position:fixed}.site .sheet.modal{opacity:0;pointer-events:none;border-radius:24px;width:min(560px,100% - 32px);max-height:min(88vh,860px);transition:transform .2s,opacity .2s;top:50%;left:50%;transform:translate(-50%,-46%)scale(.97)}.site .sheet.modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.site .sheet.side{width:min(440px,100%);top:0;bottom:0;right:0;transform:translate(100%)}.site .sheet.side.on{transform:none}.site .sheet:not(.on){visibility:hidden;transition:transform .25s,opacity .2s,visibility 0s .25s}.site .sheet.on{visibility:visible}@media (max-width:720px){.site .sheet.modal{opacity:1;border-radius:24px 24px 0 0;width:100%;max-height:92vh;inset:auto 0 0;transform:translateY(100%)}.site .sheet.modal.on{transform:none}}.site .sh-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 18px;display:flex}.site .sh-head h3{flex:1;margin:0;font-size:20px;font-weight:800}.site .x{background:var(--muted);border:0;border-radius:50%;width:36px;height:36px;font-size:20px;line-height:1}.site .sh-body{flex:1;padding:16px 18px;overflow:auto}.site .sh-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.site .sh-foot .btn{justify-content:center;width:100%}.site .pz-art{background:var(--muted);border-radius:18px;place-items:center;margin-bottom:12px;padding:18px;display:grid}.site .pz-art svg{width:62%;max-width:240px}.site .pz-art .emo{font-size:90px}.site .pz-desc{color:var(--ink-2);margin:0 0 4px}.site .meta{color:var(--ink-2);margin-bottom:12px;font-size:13px}.site .grp{border:0;min-width:0;margin:18px 0 0;padding:0}.site .grp h4,.site .grp legend{justify-content:space-between;align-items:baseline;width:100%;margin:0 0 8px;padding:0;font-size:15px;font-weight:700;display:flex}.site .grp h4 small,.site .grp legend small{color:var(--ink-2);font-weight:600}.site .grp h4 small.req,.site .grp legend small.req{color:var(--red)}.site .opts{flex-wrap:wrap;gap:8px;display:flex}.site .opt{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.site .opt .p{color:var(--ink-2);font-weight:600}.site .opt.on{border-color:var(--accent);background:var(--accent-soft)}.site .opt.on .p{color:var(--accent-ink)}.site .opt{cursor:pointer;position:relative}.site .opt.dis{opacity:.45;cursor:not-allowed}.site .opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.site .opt .free{color:var(--ok);font-weight:800}.site .need{color:var(--red);margin-top:10px;font-size:13px;font-weight:700}.site .qty{border:1px solid var(--line);border-radius:999px;align-items:center;display:inline-flex}.site .qty button{background:0 0;border:0;width:34px;height:34px;font-size:18px}.site .qty button[disabled]{opacity:.35;cursor:not-allowed}.site .qty span{text-align:center;min-width:22px;font-weight:800}.site .foot-row{align-items:center;gap:10px;display:flex}.site .foot-row .btn{flex:1}.site .ci{border-bottom:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.site .ci .th{background:var(--muted);border-radius:12px;flex:none;place-items:center;width:58px;height:58px;font-size:30px;display:grid}.site .ci .th svg{width:48px}.site .ci .inf{flex:1;min-width:0}.site .ci .inf b{display:block}.site .ci .mods{color:var(--ink-2);font-size:13px}.site .ci .r{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.site .ci.off .th,.site .ci.off .inf b{opacity:.5}.site .ci .gone{color:var(--red);font-size:13px;font-weight:700}.site .rm{color:var(--red);background:0 0;border:0;padding:4px 0;font-weight:700}.site .ci .del{width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;align-self:flex-start;place-items:center;margin:-8px -10px 0 0;transition:color .15s,background .15s;display:grid}.site .ci .del:hover,.site .ci .del:focus-visible{color:var(--red);background:#fbe4df}.site .ci .del:focus-visible{outline-color:var(--red)}.site .sum{gap:6px;margin-top:14px;font-size:15px;display:grid}.site .sum div{justify-content:space-between;display:flex}.site .sum .tot{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;font-size:20px;font-weight:800}.site .note{background:var(--accent-soft);border-radius:12px;margin-top:12px;padding:10px 12px;font-size:13.5px}.site .alert{color:#6d1f12;background:#fbe4df;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:14px;font-weight:600}.site .alert.warn{background:var(--accent-soft);color:var(--accent-ink)}.site .alert b{font-size:15px;display:block}.site .empty{text-align:center;color:var(--ink-2);padding:40px 0}.site .empty .emo{font-size:56px}.site .fld{gap:6px;margin-bottom:12px;display:grid}.site .fld label{color:var(--ink-2);font-size:13px;font-weight:700}.site .fld input,.site .fld textarea,.site .fld select{font:inherit;border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;padding:11px 12px}.site .fld input:focus,.site .fld textarea:focus,.site .fld select:focus{border-color:var(--accent);outline:none}.site .fld.err input,.site .fld.err textarea,.site .fld.err select{border-color:var(--red)}.site .fld .e{color:var(--red);font-size:12.5px}.site .two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.site .three{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:420px){.site .three{grid-template-columns:1fr 1fr}}.site .seg{background:var(--muted);border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:grid}.site .seg.one{grid-template-columns:1fr}.site .seg button{background:0 0;border:0;border-radius:10px;padding:10px;font-weight:800}.site .seg button.on{background:var(--surface);box-shadow:0 1px 4px #00000014}.site .pay{border:0;gap:8px;margin-bottom:12px;padding:0;display:grid}.site .pay label{border:1.5px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-weight:600;display:flex}.site .pay label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.site .pay small{color:var(--ink-2);font-size:12.5px;font-weight:500;display:block}.site h5{margin:18px 0 10px;font-size:15px}.site .order-page{max-width:560px;padding-top:28px;padding-bottom:60px}.site .order-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px 20px}.site .done{text-align:center;padding:10px 0}.site .done .num{font-family:var(--font-display);word-break:break-all;font-size:40px}.site .done .head{margin:6px 0 0;font-size:18px;font-weight:800}.site .steps{text-align:left;margin:20px 0 0;padding:0;list-style:none}.site .steps li{color:var(--ink-2);align-items:center;gap:12px;padding:10px 0;display:flex}.site .steps li i{border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-style:normal;display:grid}.site .steps li.ok{color:var(--ink);font-weight:700}.site .steps li.ok i{background:var(--ok);border-color:var(--ok);color:#fff}.site .steps li.now{color:var(--ink);font-weight:700}.site .steps li.now i{border-color:var(--accent);animation:1.2s infinite site-pulse}@keyframes site-pulse{50%{box-shadow:0 0 0 6px var(--accent-soft)}}.site .order-items{text-align:left;margin:20px 0 0;padding:0;list-style:none}.site .order-items li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.site .order-items small{color:var(--ink-2);display:block}.site .toast{background:var(--ink);color:#fff;opacity:0;z-index:60;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px)}.site .toast.on{opacity:1;transform:translate(-50%)}.site{--ease:cubic-bezier(.2, .7, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}.site header.top{transition:box-shadow .3s,background .3s}.site header.top .wrap{transition:height .3s var(--ease)}.site header.top.scrolled{box-shadow:0 6px 24px #2a272414}.site header.top.scrolled .wrap{height:52px}.site .logo svg{transition:transform .5s var(--spring)}.site .logo:hover svg{transform:rotate(-18deg)scale(1.15)}.site .hero h1 .w{opacity:0;animation:site-wordIn .8s var(--ease) forwards;animation-delay:var(--d);display:inline-block;transform:translateY(.55em)rotate(4deg)}@keyframes site-wordIn{to{opacity:1;transform:none}}.site .hero .fade{opacity:0;animation:site-fadeUp .8s var(--ease) forwards;animation-delay:var(--d)}@keyframes site-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.site .hero-art.ph{will-change:transform}.site .hero-photo{animation:site-photoIn 1.1s var(--ease) both .15s}@keyframes site-photoIn{0%{opacity:0;clip-path:inset(12% round 28px);transform:scale(.92)rotate(-2deg)}to{opacity:1;clip-path:inset(0 round 28px);transform:none}}.site .sticker{animation:site-stickerIn .7s var(--spring) both .9s, site-wobble 4s ease-in-out infinite 1.6s}@keyframes site-stickerIn{0%{opacity:0;transform:rotate(30deg)scale(.3)}to{opacity:1;transform:rotate(6deg)scale(1)}}@keyframes site-wobble{0%,to{transform:rotate(6deg)}50%{transform:rotate(-2deg)translateY(-4px)}}.site .floaty{filter:drop-shadow(0 6px 10px #0000002e);animation:6s ease-in-out infinite site-floaty;animation-delay:var(--d);pointer-events:none;z-index:2;font-size:34px;position:absolute}@keyframes site-floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(12deg)}}.site .btn{transition:transform .2s var(--spring), filter .2s, box-shadow .2s}.site .btn:hover{transform:translateY(-2px)}.site .btn[disabled]:hover{transform:none}.site .btn:active,.site .add:active,.site .opt:active,.site .chip:active{transform:scale(.95)}.site .btn-primary{background:linear-gradient(110deg, var(--accent) 40%, #f6c475 50%, var(--accent) 60%) 0 0/250% 100%;animation:4s ease-in-out infinite site-shine}@keyframes site-shine{0%,70%{background-position:100% 0}to{background-position:-50% 0}}.site .marquee{background:var(--ink);color:#fff;box-shadow:var(--shadow);margin:18px -10px 30px;padding:14px 0;overflow:hidden;transform:rotate(-1.2deg)}.site .marquee .track{width:max-content;font-family:var(--font-display);white-space:nowrap;gap:28px;font-size:24px;animation:32s linear infinite site-marq;display:flex}.site .marquee .track span:nth-child(2n){color:var(--accent)}@keyframes site-marq{to{transform:translate(-50%)}}.site .cats .wrap{position:relative}.site .chip{z-index:1;background:0 0;text-decoration:none;transition:color .3s,border-color .3s;position:relative}.site{overflow-x:clip}.site .chip.on{color:#fff;background:0 0;border-color:#0000}.site .chip-ind{background:var(--ink);height:100%;transition:transform .45s var(--ease), width .45s var(--ease);z-index:0;pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.js .site .reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:var(--rd,0s);transform:translateY(28px)scale(.98)}.js .site .reveal.in{opacity:1;transform:none}.site .card{transform-style:preserve-3d;will-change:transform}.js .site .card.reveal.in{transition:opacity .7s var(--ease), transform .25s ease-out, box-shadow .25s}.site .add{transition:transform .2s var(--spring), background .2s}.site .add.ok{background:var(--ok);color:#fff}.site .opt{transition:border-color .2s, background .2s, transform .2s var(--spring)}.site .opt.on{animation:site-pop .3s var(--spring)}@keyframes site-pop{50%{transform:scale(1.08)}}.site .bump{animation:site-bump .5s var(--spring)}@keyframes site-bump{30%{transform:scale(1.45)}60%{transform:scale(.9)}}.site .fly{z-index:80;pointer-events:none;border-radius:50%;position:fixed;overflow:hidden;box-shadow:0 10px 30px #0000004d}.site .fly img,.site .fly svg{object-fit:cover;width:100%;height:100%;display:block}.site .fly .emo{background:var(--muted);place-items:center;width:100%;height:100%;font-size:64px;display:grid}.site .cart-body.enter .ci{animation:site-fadeUp .4s var(--ease) both;animation-delay:var(--d,0s)}.site .confetti{z-index:90;pointer-events:none;border-radius:2px;width:9px;height:14px;position:fixed;top:-12px}.site .it-body.enter>:not(.pz-art){animation:site-fadeUp .5s var(--ease) both;animation-delay:var(--d,0s)}.site .it-body.enter .pz-art img,.site .it-body.enter .pz-art svg{animation:site-photoZoom .8s var(--ease) both}@keyframes site-photoZoom{0%{transform:scale(1.18)rotate(-4deg)}}.site .sheet.circ{transition:none!important}.site .cats{transition:top .3s var(--ease)}.site.scrolled .cats{top:52px}@media (prefers-reduced-motion:reduce){.site,.site *,.site :before,.site :after{transition:none!important;animation:none!important}.js .site .reveal,.site .hero h1 .w,.site .hero .fade{opacity:1;transform:none}html:has(.site){scroll-behavior:auto}}
