:root[data-accent=ocean]{--accent:#0ea5e9;--accent2:#38bdf8;--pink:#6366f1;--violet:#8b5cf6;--grad:linear-gradient(135deg,#0ea5e9,#6366f1 55%,#8b5cf6)}:root[data-accent=mint]{--accent:#10b981;--accent2:#34d399;--pink:#14b8a6;--violet:#0ea5e9;--grad:linear-gradient(135deg,#10b981,#14b8a6 55%,#0ea5e9)}:root[data-accent=lavender]{--accent:#a78bfa;--accent2:#c4b5fd;--pink:#f472b6;--violet:#fb7185;--grad:linear-gradient(135deg,#a78bfa,#f472b6 55%,#fb7185)}:root[data-mode=dark]{--bg:#0f1624;--card:#1a2333;--text:#e2e8f0;--muted:#9aa7bd;--shadow:0 4px 20px rgba(0,0,0,.35)}[data-mode=dark] nav.bottom{background:rgba(15,22,36,.94);border-top-color:#232f47}[data-mode=dark] .check-chip,[data-mode=dark] .chip,[data-mode=dark] .font-chip,[data-mode=dark] .size{background:#1a2333;border-color:#2a3650;color:#cbd5e1}[data-mode=dark] .chip.active{background:var(--accent);border-color:var(--accent);color:#fff}[data-mode=dark] .cart-item,[data-mode=dark] .contact,[data-mode=dark] .form-card,[data-mode=dark] .ks-item,[data-mode=dark] .map-card,[data-mode=dark] .qa,[data-mode=dark] .sheet,[data-mode=dark] .sticker-panel,[data-mode=dark] .track-box,[data-mode=dark] .val{background:#1a2333;color:var(--text)}[data-mode=dark] .qa .qi,[data-mode=dark] .val .vi{border-color:#2a3650}[data-mode=dark] .ks-total,[data-mode=dark] .shop-tabs{background:#141d30}[data-mode=dark] .shop-tab.active{background:#1a2333;color:var(--text)}[data-mode=dark] .sb input,[data-mode=dark] .track-input input,[data-mode=dark] input,[data-mode=dark] select,[data-mode=dark] textarea{background:#141d30;border-color:#2a3650;color:var(--text)}[data-mode=dark] .hint{background:#141d30;color:#9aa7bd}[data-mode=dark] .qty-row button,[data-mode=dark] .tool{background:#232f47;color:#cbd5e1}[data-mode=dark] p.sub{color:#9aa7bd}[data-mode=dark] .text-panel{background:#141d30;border-color:#2a3650}[data-mode=dark] .prod button{background:#233149}[data-mode=dark] .osu{filter:brightness(.92)}body,html{overflow-x:clip;max-width:100vw}body{overflow-wrap:break-word;word-break:break-word}canvas,iframe,img,video{max-width:100%;height:auto}canvas{height:auto!important}*,.wrap,section{min-width:0}#toast{white-space:normal;max-width:calc(100vw - 32px);text-align:center;line-height:1.4}.size-break{grid-template-columns:repeat(auto-fit,minmax(46px,1fr))}.chips .chip,.font-row .font-chip,.gal>*,.hprods>*,.sizes .size{flex-shrink:0}.chips{scrollbar-width:none}.stat b{font-size:clamp(14px,4.3vw,20px)}.stat span{font-size:clamp(9px,2.6vw,10.5px)}.hero h1{font-size:clamp(22px,6.5vw,36px)}.hero p{font-size:clamp(12.5px,3.6vw,13.5px)}.btn{white-space:normal;text-align:center}.qa b{font-size:clamp(10px,2.9vw,11px)}.qa span{font-size:clamp(8px,2.3vw,9px)}.foot-socials a{max-width:100%}.foot-grid{width:100%}.burger{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:#fff;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.burger svg{width:20px;height:20px}.hdr-right{display:flex;gap:8px}.drawer-bg{position:fixed;inset:0;background:rgba(10,18,32,.6);z-index:1000;opacity:0;pointer-events:none;transition:.3s}.drawer-bg.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:#fff;color:var(--text);z-index:1001;transform:translateX(105%);transition:.32s cubic-bezier(.3,1,.4,1);display:flex;flex-direction:column;overflow-y:auto;will-change:transform;box-shadow:-8px 0 30px rgba(14,26,43,.2)}.drawer.open{transform:none}.drawer-head{background:linear-gradient(150deg,var(--navy),#1b2f4d);color:#fff;padding:22px 18px 18px;position:relative;overflow:hidden}.drawer-close{position:absolute;top:14px;right:14px;background:hsla(0,0%,100%,.15);color:#fff;width:30px;height:30px;border-radius:50%;font-size:14px;z-index:2;border:none;cursor:pointer}.d-user{display:flex;align-items:center;gap:12px}.d-avatar{width:48px;height:48px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:21px;font-weight:800;color:#fff;flex-shrink:0}.d-user b{font-size:14.5px;display:block}.d-user small{font-size:11px;color:#94a3b8}.d-menu{padding:12px 10px;flex:1 1}.d-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted);padding:12px 10px 6px}.d-item{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;padding:12px 10px;border-radius:13px;font-size:13.5px;font-weight:700;color:var(--text);text-align:left;transition:.15s;cursor:pointer}.d-item:active{background:#f1f5f9}.d-item .di{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#fff3e8,#fdeef7 55%,#f3eeff);border:1px solid rgba(236,72,153,.18);display:grid;place-items:center;flex-shrink:0;color:var(--accent)}.d-item .di svg{width:17px;height:17px}.d-item .dnew{margin-left:auto;background:var(--grad);color:#fff;font-size:9px;font-weight:800;padding:3px 8px;border-radius:99px}.d-foot{padding:14px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #eef1f6;font-size:10.5px;color:var(--muted);text-align:center}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:-26px;position:relative;z-index:3}.qa{background:#fff;border-radius:16px;box-shadow:var(--shadow);border:1px solid rgba(139,92,246,.1);padding:13px 6px;text-align:center;cursor:pointer;transition:.2s}.qa:active{transform:scale(.94)}.qa .qi{width:40px;height:40px;margin:0 auto 7px;border-radius:13px;background:linear-gradient(135deg,#fff3e8,#fdeef7 55%,#f3eeff);border:1px solid rgba(236,72,153,.2);display:grid;place-items:center;font-size:19px}.qa b{font-size:11px;display:block}.qa span{font-size:9px;color:var(--muted)}.values{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:14px}@media(min-width:640px){.values{grid-template-columns:repeat(4,1fr)}}.val{display:flex;align-items:center;gap:10px;background:#fff;border-radius:15px;box-shadow:var(--shadow);border:1px solid rgba(139,92,246,.1);padding:12px 13px}.val .vi{width:38px;height:38px;border-radius:12px;background:var(--grad);display:grid;place-items:center;font-size:17px;flex-shrink:0}.val b{font-size:11.5px;display:block;line-height:1.3}.val small{font-size:9.5px;color:var(--muted)}.slide{display:none;animation:slidein .9s ease}.slide.active{display:block}@keyframes slidein{0%{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}.dots{display:flex;gap:7px;justify-content:center;margin-top:22px}.dot{width:8px;height:8px;border-radius:99px;background:hsla(0,0%,100%,.25);transition:.3s;cursor:pointer}.dot.active{width:24px;background:var(--grad)}.steps-chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0 0 18px}.steps-chips span{display:inline-flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.08);border:1px solid rgba(236,72,153,.35);color:#e2e8f0;font-size:11px;font-weight:700;padding:7px 13px;border-radius:99px}.steps-chips b{width:17px;height:17px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:9.5px;color:#fff}.steps-chips .arr{background:none;border:none;color:#64748b;padding:0 2px}.shop-tabs{display:flex;gap:8px;background:#eceff5;padding:5px;border-radius:16px;margin-bottom:16px}.shop-tab{flex:1 1;padding:11px 8px;border-radius:12px;background:none;border:none;font-weight:800;font-size:12.5px;color:var(--muted);transition:.25s;cursor:pointer}.shop-tab.active{background:#fff;color:var(--navy);box-shadow:0 3px 10px rgba(14,26,43,.1)}.osu{background:linear-gradient(135deg,#064e3b,#059669);border-radius:15px;color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:14px}.osu .oi{font-size:26px}.osu b{font-size:13.5px;display:block}.osu small{font-size:11px;color:#a7f3d0}.ribbon{position:absolute;top:10px;left:10px;background:var(--grad);color:#fff;font-size:9.5px;font-weight:800;padding:5px 10px;border-radius:99px;z-index:2}.ribbon.stock{background:#059669}.size-break{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px}.sb{text-align:center}.sb label{font-size:11px;font-weight:800;color:var(--muted);display:block;margin-bottom:5px}.sb input{width:100%;border:1.5px solid #e5e9f1;border-radius:11px;padding:9px 4px;font-size:13px;text-align:center;outline:none}.sb input:focus{border-color:var(--pink)}.ks-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px}@media(min-width:640px){.ks-grid{grid-template-columns:repeat(6,1fr)}}.ks-item{border:2px solid #e5e9f1;border-radius:14px;overflow:hidden;cursor:pointer;background:#fff;transition:.15s}.ks-item img{aspect-ratio:1;object-fit:cover}.ks-item span{display:block;font-size:10px;font-weight:700;text-align:center;padding:6px 3px;color:var(--muted)}.ks-item.active{border-color:var(--pink);box-shadow:0 4px 14px rgba(236,72,153,.25)}.ks-item.active span{color:var(--pink)}.color-dots{display:flex;gap:9px;flex-wrap:wrap}.cd{width:32px;height:32px;border-radius:50%;border:3px solid #e5e9f1;cursor:pointer}.cd.active{border-color:var(--pink);box-shadow:0 3px 10px rgba(236,72,153,.3)}.check-row{display:flex;gap:8px;flex-wrap:wrap}.check-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #e5e9f1;background:#fff;border-radius:99px;padding:8px 14px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}.check-chip.active{border-color:var(--pink);color:var(--pink);background:#fdeef7}.ks-total{display:flex;justify-content:space-between;align-items:center;background:#f8f9fd;border-radius:13px;padding:12px 15px;margin-top:12px;font-size:13px;font-weight:700}.ks-total b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:15px}.track-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.track-input{display:flex;gap:8px}.track-input input{flex:1 1;border:1.5px solid #e5e9f1;border-radius:13px;padding:13px 15px;font-size:14px;outline:none;text-transform:uppercase}.timeline{margin-top:20px}.tstep{display:flex;gap:14px;position:relative;padding-bottom:26px}.tstep:last-child{padding-bottom:0}.tstep:before{content:"";position:absolute;left:15px;top:34px;bottom:0;width:2.5px;background:#e5e9f1}.tstep:last-child:before{display:none}.tstep.done:before{background:var(--grad)}.tdot{width:32px;height:32px;border-radius:50%;background:#eef1f6;color:var(--muted);display:grid;place-items:center;font-size:14px;flex-shrink:0;z-index:1;border:2.5px solid #e5e9f1}.tstep.done .tdot{background:var(--grad);color:#fff;border-color:transparent}.tinfo b{font-size:13.5px;display:block}.tinfo small{font-size:11.5px;color:var(--muted)}.track-head{background:linear-gradient(135deg,#fff7ed,#fdf2f8);border:1.5px solid #fed7aa;border-radius:14px;padding:14px;margin-top:16px}.track-head b{font-size:14px}.track-head small{font-size:11.5px;color:var(--muted);display:block;margin-top:3px}.sc-bg{position:fixed;inset:0;background:rgba(10,18,32,.6);z-index:99;display:none;place-items:center;padding:16px}.sc-bg.open{display:grid}.sc-modal{background:#fff;border-radius:22px;width:100%;max-width:420px;max-height:88vh;overflow-y:auto}.sc-head{background:var(--grad);color:#fff;padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.sc-head b{font-size:15px}.sc-head button{background:hsla(0,0%,100%,.2);color:#fff;width:30px;height:30px;border-radius:50%;font-size:14px;border:none;cursor:pointer}.sc-body{padding:16px 18px 20px}.sc-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:16px}.sc-table th{background:var(--navy);color:#fff;padding:9px 6px;font-size:11px}.sc-table td{padding:9px 6px;text-align:center;border-bottom:1px solid #eef1f6;font-weight:600}.sc-table tr td:first-child{font-weight:800;color:var(--accent)}.sc-table tr.hl td{background:#fdf2f8;color:var(--pink)}.sc-rec{background:linear-gradient(135deg,#faf8ff,#fdf5fa);border:1.5px dashed #e3d9fb;border-radius:15px;padding:14px}.sc-rec b{font-size:13px;display:block;margin-bottom:10px}.sc-inputs{display:flex;gap:9px}.sc-inputs div{flex:1 1}.sc-inputs label{font-size:10.5px;font-weight:700;color:var(--muted);display:block;margin-bottom:4px}.sc-inputs input{width:100%;border:1.5px solid #e5e9f1;border-radius:11px;padding:10px;font-size:14px;text-align:center;outline:none}.sc-result{margin-top:12px;text-align:center;font-size:13px;font-weight:700;min-height:22px}.sc-result .badge-size{display:inline-block;background:var(--grad);color:#fff;font-size:17px;font-weight:800;padding:8px 22px;border-radius:99px}.sc-link{background:none;border:none;color:#7c3aed;font-weight:800;font-size:12px;padding:6px 0;display:inline-flex;align-items:center;gap:5px;cursor:pointer}nav.bottom a{position:relative}.nav-new{position:absolute;top:-2px;right:-4px;background:var(--grad);color:#fff;font-size:8px;font-weight:800;padding:2.5px 7px;border-radius:99px;letter-spacing:.5px;animation:pulse 2.6s infinite}.nav-hot{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12;font-size:6.5px;padding:2px 5px;top:-5px;right:-8px;animation:hotpulse 1.6s infinite}@keyframes hotpulse{0%,to{transform:scale(1) rotate(0deg);box-shadow:0 3px 10px rgba(251,191,36,.55)}25%{transform:scale(1.12) rotate(-4deg)}50%{transform:scale(1.05) rotate(3deg);box-shadow:0 4px 16px rgba(245,158,11,.85)}75%{transform:scale(1.12) rotate(-2deg)}}.foot-socials a{display:inline-flex;align-items:center;gap:7px}.foot-socials svg{width:15px;height:15px}.foot-grid{max-width:980px;margin:0 auto;display:grid;grid-gap:24px;gap:24px}@media(min-width:700px){.foot-grid{grid-template-columns:1.3fr 1fr 1.2fr}}.hub{display:grid;grid-gap:14px;gap:14px}@media(min-width:640px){.hub{grid-template-columns:1fr 1fr}}.hub-card{background:#fff;border-radius:20px;box-shadow:var(--shadow);border:1.5px solid rgba(139,92,246,.12);padding:22px;cursor:pointer;transition:.2s}.hub-card:active{transform:scale(.97)}.hub-card .hi{width:52px;height:52px;border-radius:16px;background:var(--grad);display:grid;place-items:center;font-size:25px;margin-bottom:14px}.hub-card b{font-size:16px;display:block;margin-bottom:6px}.hub-card p{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:12px}.hub-card .go{color:var(--accent);font-weight:800;font-size:12.5px}.sticker-panel{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:5px;gap:5px;background:#f8f9fd;border:1.5px solid #edf0f7;border-radius:14px;padding:10px;margin-top:10px}.sticker-panel button{background:#fff;border:1.5px solid #edf0f7;border-radius:10px;font-size:22px;padding:6px 2px;cursor:pointer}.font-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.font-chip{white-space:nowrap;background:#fff;border:1.5px solid #e5e9f1;border-radius:12px;padding:9px 15px;font-size:15px;color:var(--text);cursor:pointer}.font-chip.active{border-color:var(--pink);color:var(--pink);background:#fdeef7}.text-panel{background:#faf8ff;border:1.5px dashed #e3d9fb;border-radius:14px;padding:4px 13px 13px;margin-top:10px}.protect-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f3eeff,#fdeef7);border:1px solid rgba(139,92,246,.3);color:#6d28d9;font-size:10.5px;font-weight:800;padding:6px 13px;border-radius:99px;margin-bottom:10px}:root{--navy:#0e1a2b;--navy2:#16263d;--accent:#f97316;--accent2:#fb923c;--pink:#ec4899;--violet:#8b5cf6;--grad:linear-gradient(135deg,#f97316,#ec4899 55%,#8b5cf6);--bg:#f6f7fb;--card:#fff;--text:#1e293b;--muted:#64748b;--radius:18px;--shadow:0 4px 20px rgba(14,26,43,.08);--wa:#25d366}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);padding-bottom:74px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;line-height:1.55}p.sub{font-size:14px}.hint,p.sub{color:#55627a}.chip,.hint,.opt-label{font-size:12.5px}.prod b{font-size:14px}.prod .pr{font-size:11.5px}.hprod b{font-size:13px}.contact b{font-size:14px}.contact small{font-size:12px}.moq{font-size:11px}.msg{font-size:13px}.check-chip{font-size:12.5px}.tinfo b{font-size:14px}.tinfo small{font-size:12px}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none}a{text-decoration:none;color:inherit}input,select,textarea{font-family:inherit}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(14,26,43,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:14px 18px;justify-content:space-between}.brand,.site-header{display:flex;align-items:center}.brand{gap:10px;font-weight:800;font-size:17px;letter-spacing:.3px}.brand .logo{width:38px;height:38px;border-radius:50%;background:var(--grad);object-fit:cover;padding:2.5px}.brand small{display:block;font-size:10px;font-weight:500;color:#94a3b8;letter-spacing:1px}.cart-btn{position:relative;background:var(--navy2);color:#fff;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.cart-btn svg{width:21px;height:21px}.cart-badge{position:absolute;top:-5px;right:-5px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}nav.bottom{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid #e8ecf3;display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}nav.bottom a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--muted);padding:4px 10px;border-radius:12px;transition:.2s}nav.bottom a .ic{line-height:0}nav.bottom a .ic svg{width:23px;height:23px;transition:.2s}nav.bottom a.active{color:var(--accent)}nav.bottom a.active .ic svg{transform:translateY(-2px);stroke-width:2.4}nav.bottom .create-ic{width:42px;height:29px;border-radius:11px;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px rgba(236,72,153,.35)}nav.bottom .create-ic svg{width:19px;height:19px}nav.bottom a.create.active{color:var(--pink)}.wrap{max-width:980px;margin:0 auto;padding:0 16px}section{margin:26px 0}h2.sec{font-size:20px;font-weight:800;margin-bottom:4px}p.sub{font-size:13px;color:var(--muted);margin-bottom:14px}.hero{background:linear-gradient(150deg,var(--navy) 0,#1b2f4d 60%,#27415f 100%);color:#fff;border-radius:0 0 28px 28px;padding:34px 20px 40px;text-align:center;position:relative;overflow:hidden}.hero:before{width:260px;height:260px;background:radial-gradient(circle,rgba(249,115,22,.35),transparent 70%);top:-80px;right:-80px;animation:float 7s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{width:230px;height:230px;background:radial-gradient(circle,rgba(139,92,246,.3),transparent 70%);bottom:-90px;left:-70px;animation:float 9s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(18px) scale(1.08)}}.hero>*{position:relative;z-index:2}.hero .tag{display:inline-block;background:rgba(249,115,22,.18);color:var(--accent2);font-size:11px;font-weight:700;letter-spacing:1.5px;padding:6px 14px;border-radius:99px;margin-bottom:14px}.hero h1{font-size:28px;font-weight:800;line-height:1.25;margin-bottom:10px}.hero h1 span{color:var(--accent2)}.hero p{font-size:13.5px;color:#c7d2e2;max-width:520px;margin:0 auto 22px;line-height:1.6}.cta-row{gap:10px}.cta-row,.regions{display:flex;justify-content:center;flex-wrap:wrap}.regions{gap:8px;margin-top:20px}.regions span{background:hsla(0,0%,100%,.08);border:1px solid rgba(236,72,153,.35);color:#e2e8f0;font-size:11px;font-weight:700;padding:7px 14px;border-radius:99px}.regions .lbl{border:none;background:none;color:#94a3b8;font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:13px 22px;border-radius:14px;transition:.2s;justify-content:center}.btn:active{transform:scale(.96)}.btn-accent{background:var(--grad);color:#fff;box-shadow:0 6px 18px rgba(236,72,153,.35)}.btn-ghost{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.btn-wa{background:var(--wa);color:#fff;box-shadow:0 6px 18px rgba(37,211,102,.35)}.btn-navy{background:var(--navy);color:#fff}.btn-full{width:100%}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:-24px;position:relative;z-index:2}.stat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 8px;text-align:center;border:1px solid rgba(139,92,246,.12)}.stat b{font-size:19px;display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{font-size:10.5px;color:var(--muted);font-weight:600}.feats{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.feat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;border:1px solid rgba(139,92,246,.1)}.feat .ic{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#fff3e8,#fdeef7 55%,#f3eeff);border:1px solid rgba(236,72,153,.2);display:grid;place-items:center;font-size:19px;margin-bottom:10px}.feat b{font-size:13.5px;display:block;margin-bottom:4px}.feat p{font-size:11.5px;color:var(--muted);line-height:1.5}.gal{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.gal::-webkit-scrollbar{display:none}.gal img{width:250px;min-width:250px;height:150px;object-fit:cover;border-radius:14px;scroll-snap-align:start}.see-all{background:none;color:var(--accent);font-weight:800;font-size:12px;white-space:nowrap;padding:6px 0}.hprods{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 0 6px}.hprods::-webkit-scrollbar{display:none}.hprod{min-width:138px;width:138px;background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;scroll-snap-align:start;cursor:pointer}.hprod img{aspect-ratio:1;object-fit:cover;background:#eef1f6}.hprod .hb{padding:10px 11px}.hprod b{font-size:12.5px;display:block}.hprod span{font-size:10.5px;color:var(--muted)}.hprod strong{font-size:12.5px;color:var(--accent);display:block;margin-top:2px}.moq{display:inline-flex;align-items:center;gap:5px;background:#fff7ed;border:1px solid #fed7aa;color:#c2570c;font-size:10.5px;font-weight:700;padding:5px 11px;border-radius:99px;margin-top:6px}.about{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.about-img{width:100%;height:auto;object-fit:contain;background:linear-gradient(150deg,#f1f5f9,#faf8ff)}.about-body{padding:20px}.about-body p{font-size:13px;color:var(--muted);line-height:1.7;margin:10px 0}.about-body p b{color:var(--navy)}.tag2{display:inline-block;background:#fff3e8;color:var(--accent);font-size:10.5px;font-weight:800;letter-spacing:1px;padding:6px 13px;border-radius:99px;margin-bottom:8px}@media(min-width:700px){.about{display:grid;grid-template-columns:320px 1fr}.about-img{height:100%;object-fit:cover;object-position:top}}.dist{background:linear-gradient(150deg,var(--navy),#1b2f4d);border-radius:var(--radius);color:#fff;padding:22px 18px;text-align:center}.dist h2{font-size:19px;font-weight:800;margin-bottom:6px}.dist h2 span{color:var(--accent2)}.dist p{font-size:12.5px;color:#b9c6da;line-height:1.7;max-width:560px;margin:0 auto 16px}.dist img{border-radius:14px;margin:0 auto 12px}.exped{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.exped span{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);font-size:11px;font-weight:700;padding:7px 14px;border-radius:99px}.clients{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:10px}.clients img{border-radius:10px}.banner{background:linear-gradient(135deg,var(--navy),#233a5c);border-radius:var(--radius);color:#fff;padding:24px 20px;text-align:center}.banner b{font-size:17px;display:block;margin-bottom:6px}.banner p{font-size:12.5px;color:#b9c6da;margin-bottom:16px}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;background:#fff;border:1.5px solid #e5e9f1;color:var(--muted);font-size:12px;font-weight:700;padding:8px 16px;border-radius:99px}.chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media(min-width:640px){.grid{grid-template-columns:repeat(3,1fr)}.feats{grid-template-columns:repeat(4,1fr)}.hero h1{font-size:38px}}@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr)}}.prod{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.prod img{aspect-ratio:1;object-fit:cover;background:#eef1f6}.prod .pb{padding:12px;display:flex;flex-direction:column;flex:1 1}.prod .cat{font-size:9.5px;font-weight:700;color:var(--accent);letter-spacing:1px;text-transform:uppercase}.prod b{font-size:13.5px;margin:3px 0 2px}.prod .pr{font-size:11px;color:var(--muted)}.prod .pr strong{font-size:15px;color:var(--navy)}.prod button{margin-top:10px;background:var(--navy);color:#fff;font-weight:700;font-size:12px;padding:10px;border-radius:12px}.prod button:active{background:var(--accent)}.sheet-bg{position:fixed;inset:0;background:rgba(10,18,32,.55);z-index:90;opacity:0;pointer-events:none;transition:.25s}.sheet-bg.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;border-radius:24px 24px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));transform:translateY(105%);transition:.3s cubic-bezier(.3,1,.4,1);max-width:560px;margin:0 auto;max-height:85vh;overflow-y:auto}.sheet.open{transform:none}.sheet .grab{width:40px;height:4px;border-radius:2px;background:#dde3ec;margin:0 auto 16px}.sheet h3{font-size:17px;font-weight:800;margin-bottom:2px}.sheet .price{color:var(--accent);font-weight:800;font-size:15px;margin-bottom:8px}.opt-label{font-size:12px;font-weight:700;color:var(--muted);margin:12px 0 8px;display:block}.sizes{display:flex;gap:8px;flex-wrap:wrap}.size{min-width:44px;padding:9px 12px;border-radius:11px;border:1.5px solid #e5e9f1;background:#fff;font-weight:700;font-size:13px;color:var(--text)}.size.active{background:var(--accent);border-color:var(--accent);color:#fff}.qty-row{display:flex;align-items:center;gap:14px;margin:6px 0 16px}.qty-row button{width:38px;height:38px;border-radius:11px;background:#eef1f6;font-size:18px;font-weight:800}.qty-row span{font-weight:800;font-size:16px;min-width:28px;text-align:center}.cart-item{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:flex;gap:12px;margin-bottom:10px;align-items:center}.cart-item img{width:62px;height:62px;border-radius:12px;object-fit:cover}.cart-item .ci-info{flex:1 1}.cart-item b{font-size:13.5px;display:block}.cart-item small{font-size:11px;color:var(--muted)}.cart-item .ci-price{font-weight:800;font-size:13px;color:var(--navy);margin-top:2px}.cart-item .del{background:#fee2e2;color:#dc2626;width:32px;height:32px;border-radius:10px;font-size:14px}.cart-total{background:var(--navy);color:#fff;border-radius:var(--radius);padding:18px;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.cart-total b{font-size:18px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty .big{font-size:44px;margin-bottom:10px}.hint{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.5;background:#f1f5f9;padding:10px 12px;border-radius:12px}.form-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.form-card label{font-size:12px;font-weight:700;color:var(--muted);display:block;margin:12px 0 6px}.form-card input,.form-card select,.form-card textarea{width:100%;border:1.5px solid #e5e9f1;border-radius:12px;padding:12px 14px;font-size:13.5px;outline:none}.form-card input:focus,.form-card textarea:focus{border-color:var(--pink)}.dp-box{background:linear-gradient(135deg,#fff7ed,#fdf2f8);border:1.5px solid #fed7aa;border-radius:var(--radius);padding:16px;margin:14px 0}.dp-box .row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.dp-box .row.total{font-weight:800;font-size:15px;border-top:1.5px dashed #fed7aa;margin-top:6px;padding-top:10px}.dp-box .row.total span:last-child{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.studio{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.studio canvas{width:100%;border-radius:14px;background:#eef1f6;touch-action:none;display:block}.tool-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tool{flex:1 1;min-width:90px;background:#eef1f6;font-weight:700;font-size:12px;padding:11px 8px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px}.tool.danger{background:#fee2e2;color:#dc2626}.shirt-colors{display:flex;gap:10px;margin-top:12px}.sc{width:34px;height:34px;border-radius:50%;border:3px solid #e5e9f1;cursor:pointer}.sc.active{border-color:var(--accent)}.slider-row{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;font-weight:700;color:var(--muted)}.slider-row input{flex:1 1;accent-color:var(--accent)}.map-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}.map-card iframe{width:100%;height:260px;border:0;display:block}.map-info{padding:16px}.map-info b{font-size:15px}.map-info p{font-size:12.5px;color:var(--muted);margin:6px 0 12px;line-height:1.5}.contact-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.contact{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;align-items:center;gap:13px}.contact .cic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:19px;flex-shrink:0}.contact b{font-size:13.5px;display:block}.contact small{font-size:11.5px;color:var(--muted)}.hours{display:flex;justify-content:space-between;font-size:12.5px;padding:8px 0;border-bottom:1px dashed #e5e9f1}.hours:last-child{border:0}.hours b{color:var(--navy)}#toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;font-size:13px;font-weight:600;padding:12px 20px;border-radius:99px;opacity:0;transition:.3s;z-index:99;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translateX(-50%)}.fab-ai{position:fixed;right:16px;bottom:88px;z-index:49;width:56px;height:56px;border-radius:50%;background:var(--grad);color:#fff;font-size:24px;display:grid;place-items:center;box-shadow:0 6px 20px rgba(139,92,246,.5);border:none;animation:pulse 2.6s infinite}@keyframes pulse{0%,to{box-shadow:0 6px 20px rgba(139,92,246,.5)}50%{box-shadow:0 6px 28px rgba(236,72,153,.7)}}.ai-panel{position:fixed;right:12px;left:12px;bottom:88px;z-index:96;max-width:400px;margin-left:auto;background:#fff;border-radius:22px;box-shadow:0 12px 44px rgba(14,26,43,.3);display:flex;flex-direction:column;overflow:hidden;max-height:65vh;animation:fadein .25s ease}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ai-head{background:var(--grad);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}.ai-head .av{width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.2);display:grid;place-items:center;font-size:17px}.ai-head b{font-size:14px;display:block}.ai-head small{font-size:10.5px;opacity:.85}.ai-head button{margin-left:auto;background:hsla(0,0%,100%,.2);color:#fff;width:30px;height:30px;border-radius:50%;font-size:14px}.ai-body{flex:1 1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:#f8f9fd}.msg{max-width:85%;padding:10px 13px;border-radius:16px;font-size:12.5px;line-height:1.55;white-space:pre-line}.msg.bot{background:#fff;border:1px solid #edf0f7;border-bottom-left-radius:5px;align-self:flex-start;box-shadow:0 2px 8px rgba(14,26,43,.05)}.msg.user{background:var(--grad);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.ai-quick{display:flex;gap:7px;flex-wrap:wrap;padding:0 14px 10px;background:#f8f9fd}.ai-quick button{background:#fff;border:1.5px solid #e3d9fb;color:#7c3aed;font-size:11px;font-weight:700;padding:7px 12px;border-radius:99px}.ai-wa{align-items:center;justify-content:center;background:var(--wa);color:#fff;font-weight:700;font-size:13px;margin:0 14px 10px;padding:12px;border-radius:14px;box-shadow:0 4px 14px rgba(37,211,102,.3)}.ai-input,.ai-wa{display:flex;gap:8px}.ai-input{padding:10px 12px;border-top:1px solid #edf0f7;background:#fff}.ai-input input{flex:1 1;border:1.5px solid #e5e9f1;border-radius:99px;padding:10px 16px;font-size:13px;outline:none}.ai-input input:focus{border-color:var(--pink)}.ai-input button{width:40px;height:40px;border-radius:50%;background:var(--grad);color:#fff;font-size:15px}.site-footer{background:var(--navy);color:#94a3b8;text-align:center;font-size:11.5px;padding:24px 16px;margin-top:30px;border-radius:28px 28px 0 0;line-height:1.7}.site-footer b{color:#fff}.foot-socials{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0}.foot-socials a{background:hsla(0,0%,100%,.08);border:1px solid rgba(236,72,153,.3);color:#e2e8f0;font-size:11px;font-weight:700;padding:8px 14px;border-radius:99px}.admin{max-width:1080px;margin:0 auto;padding:20px 16px 60px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px}.admin-top h1{font-size:21px;font-weight:800}.admin-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:20px}.admin-tabs a{white-space:nowrap;background:#fff;border:1.5px solid #e5e9f1;color:var(--muted);font-size:12.5px;font-weight:700;padding:9px 18px;border-radius:99px}.admin-tabs a.active{background:var(--navy);border-color:var(--navy);color:#fff}.kpis{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:22px}@media(min-width:700px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;border:1px solid rgba(139,92,246,.1)}.kpi b{font-size:22px;display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kpi span{font-size:11.5px;color:var(--muted);font-weight:600}.table-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.table-card table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:600px}.table-card th{text-align:left;padding:12px 14px;background:#f8f9fd;color:var(--muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.table-card td{padding:12px 14px;border-top:1px solid #f0f2f8;vertical-align:middle}.table-card td img{width:44px;height:44px;border-radius:10px;object-fit:cover}.badge{display:inline-block;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:99px}.badge.pending{background:#fef3c7;color:#b45309}.badge.dp_paid{background:#d1fae5;color:#047857}.badge.batal,.badge.expired,.badge.failed{background:#fee2e2;color:#b91c1c}.badge.baru{background:#dbeafe;color:#1d4ed8}.badge.produksi{background:#ede9fe;color:#6d28d9}.badge.dikirim{background:#fef3c7;color:#b45309}.badge.selesai{background:#d1fae5;color:#047857}.mini-btn{background:#eef1f6;font-weight:700;font-size:11.5px;padding:7px 13px;border-radius:9px;margin-right:6px}.mini-btn.danger{background:#fee2e2;color:#dc2626}.mini-btn.primary{background:var(--navy);color:#fff}.login-box{max-width:380px;margin:70px auto;background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:28px}.login-box h1{font-size:19px;font-weight:800;margin-bottom:4px}.login-box p{font-size:12.5px;color:var(--muted);margin-bottom:18px}.login-box label{font-size:12px;font-weight:700;color:var(--muted);display:block;margin:12px 0 6px}.login-box input{width:100%;border:1.5px solid #e5e9f1;border-radius:12px;padding:12px 14px;font-size:13.5px;outline:none}.modal-bg{position:fixed;inset:0;background:rgba(10,18,32,.55);z-index:90;display:grid;place-items:center;padding:16px}.modal{background:#fff;border-radius:20px;padding:22px;width:100%;max-width:460px;max-height:88vh;overflow-y:auto}.modal h3{font-size:16px;font-weight:800;margin-bottom:12px}.modal label{font-size:12px;font-weight:700;color:var(--muted);display:block;margin:10px 0 5px}.modal input,.modal select,.modal textarea{width:100%;border:1.5px solid #e5e9f1;border-radius:12px;padding:11px 13px;font-size:13px;outline:none}