@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
:root{--bg-main:#0a0d14;--bg-surface:#111726;--bg-card:#161e30b3;--bg-card-hover:#1e2942d9;--bg-glass:#121826bf;--border-glass:#ffffff14;--border-glass-bright:#ffffff2e;--accent-primary:#10b981;--accent-primary-hover:#059669;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--accent-glow:#10b98140;--accent-amber:#f59e0b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-subtle:0 4px 20px -2px #00000059;--shadow-glow:0 10px 30px -5px #10b98140;--shadow-modal:0 25px 60px -15px #000000b3;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.bg-glow-orb-1{pointer-events:none;z-index:0;filter:blur(80px);background:radial-gradient(circle,#10b9811f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;top:-15%;left:20%}.bg-glow-orb-2{pointer-events:none;z-index:0;filter:blur(80px);background:radial-gradient(circle,#06b6d41a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:fixed;top:40%;right:-10%}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-bright);transform:translateY(-3px);box-shadow:0 12px 30px -5px #00000073}.btn-primary{background:var(--accent-gradient);color:#061e16;font-weight:700;font-family:var(--font-heading);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-glow);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:1rem;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.02);box-shadow:0 15px 35px -5px #10b98166}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-full);border:1px solid var(--border-glass-bright);cursor:pointer;background:#ffffff0f;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-primary);color:#fff;background:#ffffff1f}.btn-sm{padding:8px 16px;font-size:.85rem}.badge-pill{color:#34d399;border-radius:var(--radius-full);letter-spacing:.02em;background:#10b98126;border:1px solid #10b9814d;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-amber{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}@keyframes pulse-live{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 12px #10b981}to{opacity:.8;transform:scale(.95)}}.pulse-indicator{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-live;display:inline-block}input[type=range]{appearance:none;background:#ffffff1a;border-radius:4px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 0 10px #10b98180}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.customizer-mockup-frame{aspect-ratio:1;border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ffffff26;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff14}.mockup-base-img{object-fit:contain;width:100%;height:100%;display:block}.print-area-overlay{cursor:grab;background:#10b98108;border:1.5px dashed #10b98199;justify-content:center;align-items:center;transition:border-color .2s;display:flex;position:absolute;overflow:hidden}.print-area-overlay:active{cursor:grabbing}.print-area-overlay:hover{background:#10b9810f;border-color:#10b981e6}.custom-artwork-layer{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 5px #00000040);max-width:100%;max-height:100%;transition:filter .2s;position:absolute}.mockup-flip-container{perspective:1200px;width:100%;height:100%;position:relative}.mockup-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.mockup-flip-inner.is-back{transform:rotateY(180deg)}.mockup-face{backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.mockup-face.mockup-back-face{transform:rotateY(180deg)}.dpi-badge-ultra{color:#34d399;background:#10b98129;border:1px solid #10b98166}.dpi-badge-standard{color:#22d3ee;background:#06b6d429;border:1px solid #06b6d466}.dpi-badge-warning{color:#fbbf24;background:#f59e0b29;border:1px solid #f59e0b66}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{width:100%;position:relative;overflow-x:hidden}button,a,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.print-area-overlay{touch-action:none;-webkit-user-select:none;user-select:none}.horizontal-scroll-touch{-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.horizontal-scroll-touch::-webkit-scrollbar{display:none}.top-promo-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}@media (max-width:640px){.top-promo-bar{padding:6px 12px;gap:8px!important;font-size:.76rem!important}.top-promo-secondary{display:none!important}}.navbar-nav-links{align-items:center;gap:28px;display:flex}.mobile-menu-btn{display:none}@media (max-width:860px){.navbar-nav-links{display:none!important}.mobile-menu-btn{display:flex!important}}.mobile-nav-drawer{z-index:100;-webkit-backdrop-filter:blur(12px);background:#000000bf;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-nav-drawer-content{border-left:1px solid var(--border-glass-bright);background:#0d131f;flex-direction:column;gap:20px;width:84%;max-width:320px;height:100dvh;padding:24px 20px;animation:.25s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-10px 0 40px #000c}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:768px){.hero-section-container{padding:45px 16px 30px!important}.hero-h1{font-size:clamp(2rem,7.5vw,3rem)!important;line-height:1.18!important}.hero-sub{margin-bottom:24px!important;font-size:.98rem!important}.hero-cta-group{flex-direction:column!important;gap:12px!important;width:100%!important}.hero-cta-group button,.hero-cta-group a{text-align:center!important;justify-content:center!important;width:100%!important;padding:14px 20px!important}}@media (max-width:1024px){.customizer-grid{grid-template-columns:1fr!important;gap:28px!important}.customizer-deck-panel{padding:22px 18px!important}}@media (max-width:640px){.customizer-section-wrap{padding:30px 14px 60px!important}.customizer-toggle-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.customizer-toggle-buttons{grid-template-columns:1fr 1fr!important;width:100%!important;display:grid!important}.customizer-toggle-buttons button{justify-content:center!important;padding:10px 8px!important;font-size:.78rem!important}.customizer-swatch-size-grid{grid-template-columns:1fr!important;gap:16px!important}.customizer-tabs-container{grid-template-columns:repeat(5,1fr)!important;gap:4px!important;display:grid!important}.customizer-tabs-container button{padding:8px 2px!important;font-size:.72rem!important}}@media (max-width:420px){.customizer-tabs-container{-webkit-overflow-scrolling:touch;padding-bottom:4px;display:flex!important;overflow-x:auto!important}.customizer-tabs-container button{flex-shrink:0!important;min-width:72px!important}}@media (max-width:768px){.responsive-card-grid{grid-template-columns:1fr!important;gap:18px!important}}.safe-area-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom))}@media (max-width:480px){.cart-drawer-sheet{width:100%!important;max-width:100%!important}}