:root{--yellow:#ffcc29;--celeste:#5bc5cf;--pink:#c45ca1;--wa:#25d366}[data-theme=dark]{--bg:#000;--panel:#0e0e11;--panel-2:#0b0b0e;--footer-bg:#08080a;--header-bg:#000000eb;--ink:#fff;--muted:#b8b8bd;--muted-2:#9a9aa2;--muted-3:#6b6b73;--muted-4:#7a7a82;--muted-5:#8a8a92;--muted-6:#55555c;--line-1:#1c1c1f;--line-2:#26262c;--line-3:#33333a;--line-4:#3a3a40;--line-5:#22222a;--line-6:#17171b;--stripe-a:#0d0d10;--stripe-b:#15151a;--stripe-c:#141419;--featured-bg:#242429;--yellow-text:#ffcc29;--celeste-text:#5bc5cf}[data-theme=light]{--bg:#fff;--panel:#f6f6f8;--panel-2:#fff;--footer-bg:#f2f2f4;--header-bg:#ffffffeb;--ink:#141416;--muted:#4c4c55;--muted-2:#5e5e68;--muted-3:#83838c;--muted-4:#6f6f78;--muted-5:#75757e;--muted-6:#8f8f97;--line-1:#e6e6ea;--line-2:#d9d9df;--line-3:#c6c6cf;--line-4:#cfcfd6;--line-5:#e0e0e6;--line-6:#e9e9ed;--stripe-a:#ececef;--stripe-b:#f7f7f9;--stripe-c:#f2f2f5;--featured-bg:#cfcfcf;--yellow-text:#ffcc29;--celeste-text:#5bc5cf}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Work Sans,system-ui,sans-serif;transition:background .25s,color .25s}a{color:var(--celeste-text);text-decoration:none}a:hover{color:var(--yellow-text)}::selection{background:var(--pink);color:#000}h1,h2,h3,h4{font-family:Fredoka,sans-serif}@keyframes cpmarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.page{background:var(--bg);min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}.header{z-index:40;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--line-1);position:sticky;top:0}.header-inner{align-items:center;gap:24px;padding-top:10px;padding-bottom:10px;display:flex}.logo-img{width:auto;height:56px;display:block}.nav{align-items:center;gap:22px;margin-left:auto;font-family:Fredoka,sans-serif;font-size:16px;display:flex}.nav a{color:var(--ink)}.theme-btn{color:var(--ink);border:2px solid var(--line-3);cursor:pointer;background:0 0;border-radius:999px;flex:none;width:40px;height:40px;font-size:17px}.theme-btn:hover{border-color:var(--ink)}.cart-btn{background:var(--yellow);color:#000;border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;display:flex}.cart-btn:hover{background:var(--bg);color:var(--ink);box-shadow:3px 3px 0 var(--yellow)}.cart-count{color:#fff;background:#000;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:13px;display:inline-flex}.hero{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:48px;padding-top:72px;padding-bottom:40px;display:grid}.hero-badge{background:var(--pink);color:#000;border:2px solid var(--ink);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.02em;text-wrap:balance;margin:20px 0 0;font-size:76px;font-weight:700;line-height:.95}.hero-title .celeste{color:var(--celeste-text)}.hero-title .yellow{color:var(--yellow-text)}.hero-sub{color:var(--muted);max-width:46ch;margin:20px 0 0;font-size:19px;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.btn-cyan{background:var(--celeste);color:#000;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:15px 30px;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600}.btn-cyan:hover{background:var(--bg);color:var(--ink);box-shadow:4px 4px 0 var(--celeste)}.btn-ghost{color:var(--ink);border:2px solid var(--line-4);background:0 0;border-radius:999px;padding:15px 30px;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.hero-art{aspect-ratio:1;border:2px dashed var(--line-4);background:repeating-linear-gradient(135deg, var(--stripe-a) 0 14px, var(--stripe-c) 14px 28px);border-radius:28px;justify-content:center;align-items:center;display:flex;position:relative}.placeholder-note{color:var(--muted-3);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.hero-sticker{background:var(--yellow);color:#000;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:10px 18px;font-family:Fredoka,sans-serif;font-size:15px;font-weight:700;position:absolute;top:-16px;right:-16px;transform:rotate(8deg)}.marquee{background:var(--pink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:11px 0;overflow:hidden}.marquee-track{color:#000;white-space:nowrap;width:max-content;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;animation:26s linear infinite cpmarquee;display:flex}.marquee-track span{padding-right:28px}.featured-band{background:var(--featured-bg)}.featured{padding-top:56px;padding-bottom:56px}.featured-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:26px;display:flex}.featured-title{flex:260px}.featured-badge{background:var(--yellow);color:#000;border:2px solid var(--ink);letter-spacing:.04em;border-radius:999px;margin-bottom:14px;padding:6px 15px;font-family:Fredoka,sans-serif;font-size:13px;font-weight:700;display:inline-block}.featured-arrows{flex-shrink:0;gap:10px;display:flex}.arrow-btn{width:46px;height:46px;color:var(--ink);border:2px solid var(--line-3);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex}.arrow-btn:hover:not(:disabled){border-color:var(--ink);background:var(--panel)}.arrow-btn:disabled{opacity:.35;cursor:default}.featured-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:22px;padding-bottom:4px;display:flex;overflow-x:auto}.featured-track::-webkit-scrollbar{display:none}.featured-track .card{scroll-snap-align:start;flex:0 0 min(320px,78vw)}.catalog{padding-top:64px;padding-bottom:20px}.catalog-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-title{letter-spacing:-.01em;margin:0;font-size:44px;font-weight:700}.cats{flex-wrap:wrap;gap:10px;display:flex}.cat-btn{color:var(--muted);border:2px solid var(--line-3);cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;font-family:Fredoka,sans-serif;font-size:15px;font-weight:500}.cat-btn.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:32px;display:grid}.card{background:var(--panel);border:2px solid var(--line-2);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:var(--ink)}.card-shot{aspect-ratio:4/3;background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.card-shot .placeholder-note{font-size:12px}.card-img{object-fit:contain;width:100%;height:100%;padding:10px;display:block;position:absolute;inset:0}.card-tag{color:#000;border-radius:999px;padding:5px 12px;font-family:Fredoka,sans-serif;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.card-body{flex-direction:column;flex:1;gap:12px;padding:18px 18px 20px;display:flex}.card-title-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card-name{margin:0;font-size:21px;font-weight:600}.card-price{color:var(--yellow-text);white-space:nowrap;font-family:Fredoka,sans-serif;font-size:20px;font-weight:600}.card-desc{color:var(--muted-2);margin:0;font-size:14.5px;line-height:1.5}.card-actions{gap:10px;margin-top:auto;padding-top:6px;display:flex}.add-btn{background:var(--celeste);color:#000;border:2px solid var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;flex:1;padding:11px 20px;font-family:Fredoka,sans-serif;font-size:15px;font-weight:600}.add-btn:hover{background:var(--yellow)}@keyframes cppulse{0%,to{opacity:.5}50%{opacity:1}}.skel-block,.skel-line,.skel-btn,.skel-chip{background:var(--line-2);animation:1.4s ease-in-out infinite cppulse}.skel-card .card-shot.skel-block{background:var(--stripe-b)}.skel-line{border-radius:7px;height:14px;display:inline-block}.skel-card .card-title-row .skel-line{height:18px}.skel-btn{border-radius:999px;flex:1;height:44px}.skel-chip{border-radius:999px;height:40px;display:inline-block}.cta-section{padding-top:72px;padding-bottom:72px}.cta-panel{background:var(--celeste);color:#000;border:2px solid var(--ink);border-radius:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:40px;padding:44px;display:grid}.cta-title{margin:0;font-size:42px;font-weight:700;line-height:1.02}.cta-text{max-width:48ch;margin:14px 0 0;font-size:18px;line-height:1.55}.wa-btn{color:#fff;background:#000;border:2px solid #fff;border-radius:999px;margin-top:26px;padding:15px 30px;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600;display:inline-block;box-shadow:4px 4px #fff}.wa-btn:hover{background:var(--pink);color:#000}.cta-art{aspect-ratio:1;background:repeating-linear-gradient(135deg,#0000000d 0 12px,#0000001c 12px 24px);border:2px dashed #00000059;border-radius:24px;justify-content:center;align-items:center;display:flex}.cta-art .placeholder-note{color:#0000008c;font-size:12px}.steps-section{padding-bottom:80px}.steps-section .section-title{margin-bottom:32px}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.step-card{border:2px solid var(--line-2);background:var(--panel);border-radius:22px;padding:24px}.step-num{border:2px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Fredoka,sans-serif;font-size:20px;font-weight:700;display:flex}.step-card h3{margin:16px 0 6px;font-size:19px;font-weight:600}.step-card p{color:var(--muted-2);margin:0;font-size:14.5px;line-height:1.55}.footer{border-top:2px solid var(--line-1);background:var(--footer-bg)}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:32px;padding-top:48px;padding-bottom:48px;display:grid}.footer-logo{width:auto;height:80px;display:block}.footer-about{color:var(--muted-4);max-width:32ch;margin:10px 0 0;font-size:14px}.footer h4{color:var(--ink);margin:0 0 12px;font-size:17px;font-weight:600}.contact-links{flex-direction:column;gap:10px;font-size:15px;display:flex}.contact-links a{align-items:center;gap:9px;display:inline-flex}.contact-links svg{flex:none}.footer-info{color:var(--muted-4);flex-direction:column;gap:8px;font-size:15px;display:flex}.footer-bottom{border-top:1px solid var(--line-6);text-align:center;color:var(--muted-6);padding:18px 20px;font-size:13px}.float-wa{z-index:45;background:var(--yellow);border:2px solid var(--ink);width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:fixed;bottom:22px;right:22px}.float-wa:hover{transform:scale(1.08)rotate(6deg)}.float-wa svg{width:100%;height:100%;display:block}@media (width<=720px){.container{padding-left:16px;padding-right:16px}.header-inner{flex-wrap:wrap;gap:10px 14px}.logo-img{height:44px}.theme-btn{margin-left:auto}.cart-btn{padding:9px 15px;font-size:15px}.nav{order:3;justify-content:center;gap:22px;width:100%;margin-left:0;font-size:15px}.nav a{padding:4px 0}.hero{grid-template-columns:1fr;gap:32px;padding-top:36px;padding-bottom:28px}.hero-title{font-size:46px}.hero-sub{margin-top:16px;font-size:17px}.hero-cta{gap:12px;margin-top:24px}.btn-cyan,.btn-ghost{text-align:center;flex:100%;padding:14px 24px;font-size:17px}.section-title{font-size:32px}.featured{padding-top:40px;padding-bottom:40px}.featured-arrows{display:none}.catalog{padding-top:44px}.catalog-head{gap:16px}.grid{grid-template-columns:1fr 1fr;margin-top:24px}.cta-section{padding-top:48px;padding-bottom:48px}.cta-panel{border-radius:24px;grid-template-columns:1fr;gap:28px;padding:28px}.cta-title{font-size:32px}.cta-text{font-size:16.5px}.wa-btn{text-align:center;padding:14px 22px;font-size:16.5px;display:block}.steps-section{padding-bottom:56px}.steps-section .section-title{margin-bottom:24px}.footer-grid{gap:18px;padding-top:26px;padding-bottom:26px}.footer-logo{height:48px}.footer-about{max-width:none;margin-top:8px;font-size:13.5px}.footer h4{letter-spacing:.01em;margin-bottom:7px;font-size:14.5px}.contact-links{gap:6px;font-size:14px}.contact-links a{padding:4px 0}.contact-links svg{width:18px;height:18px}.footer-info{gap:6px;font-size:13.5px}.footer-bottom{padding:12px 16px;font-size:11.5px;line-height:1.5}.float-wa{width:56px;height:56px;bottom:16px;right:16px}}@media (width<=560px){.grid{gap:14px}.grid .card{border-radius:18px}.grid .card-img{padding:6px}.grid .card-tag{display:none}.grid .card-body{gap:8px;padding:12px 12px 14px}.grid .card-title-row{flex-direction:column;align-items:flex-start;gap:2px}.grid .card-name{font-size:15.5px}.grid .card-price{font-size:16px}.grid .card-desc{font-size:12.5px}.grid .card-actions{padding-top:2px}.grid .add-btn{padding:9px 10px;font-size:14px}.grid .skel-btn{height:38px}}.overlay{z-index:50;opacity:0;pointer-events:none;background:#0009;transition:opacity .25s;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--panel-2);border-left:2px solid var(--line-2);z-index:60;flex-direction:column;width:400px;max-width:92vw;transition:transform .3s cubic-bezier(.3,.9,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%)}.drawer.open{transform:translate(0)}.drawer-head{border-bottom:2px solid var(--line-1);justify-content:space-between;align-items:center;padding:20px;display:flex}.drawer-head h3{margin:0;font-size:22px;font-weight:600}.close-btn{color:var(--muted-2);border:2px solid var(--line-3);cursor:pointer;background:0 0;border-radius:999px;width:36px;height:36px;font-size:16px}.close-btn:hover{color:var(--ink);border-color:var(--ink)}.drawer-items{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.cart-empty{text-align:center;color:var(--muted-3);padding:60px 10px}.cart-empty-title{color:var(--ink);font-family:Fredoka,sans-serif;font-size:19px}.cart-empty p{margin:8px 0 0;font-size:14.5px;line-height:1.55}.cart-item{border:2px solid var(--line-5);border-radius:18px;gap:14px;padding:14px;display:flex}.cart-swatch{border-radius:12px;flex:none;width:56px;height:56px}.cart-item-body{flex:1;min-width:0}.cart-item-name{font-family:Fredoka,sans-serif;font-size:16px;font-weight:600}.cart-item-opt{color:var(--muted-5);margin-top:2px;font-size:13px}.cart-item-row{align-items:center;gap:10px;margin-top:10px;display:flex}.qty-btn{background:var(--bg);width:28px;height:28px;color:var(--ink);border:2px solid var(--line-3);cursor:pointer;border-radius:999px;font-size:15px}.cart-qty{text-align:center;min-width:16px;font-family:Fredoka,sans-serif;font-size:15px}.cart-line{color:var(--yellow-text);margin-left:auto;font-family:Fredoka,sans-serif;font-size:16px}.drawer-foot{border-top:2px solid var(--line-1);flex-direction:column;gap:14px;padding:20px;display:flex}.total-row{justify-content:space-between;font-family:Fredoka,sans-serif;font-size:20px;display:flex}.total-row .total{color:var(--yellow-text)}.drawer-note{color:var(--muted-3);margin:0;font-size:12.5px;line-height:1.5}.checkout-btn{background:var(--wa);color:#000;border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:15px;font-family:Fredoka,sans-serif;font-size:17px;font-weight:600}.checkout-btn:hover{background:var(--bg);color:var(--ink);box-shadow:3px 3px 0 var(--wa)}.checkout-btn:disabled{opacity:.6;cursor:wait}