:root{--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-main:#f0fdfa;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#ccfbf1;--bg-subtle:#e6fffa;--bg-glass:#ffffffe6;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverted:#fff;--accent-primary:#0891b2;--accent-hover:#0e7490;--accent-light:#cffafe;--accent-glow:#0891b240;--accent-secondary:#0d9488;--accent-secondary-light:#ccfbf1;--badge-discount-bg:#ffe4e6;--badge-discount-text:#e11d48;--border-color:#cbd5e1;--border-focus:#0891b2;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #0891b240;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg-main:#042f2e;--bg-surface:#0f4c4a;--bg-card:#0f4c4a;--bg-card-hover:#115e59;--bg-subtle:#115e59;--bg-glass:#0f4c4ae6;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverted:#042f2e;--accent-primary:#06b6d4;--accent-hover:#0891b2;--accent-light:#06b6d42e;--accent-glow:#06b6d459;--accent-secondary:#2dd4bf;--accent-secondary-light:#2dd4bf2e;--badge-discount-bg:#e11d4833;--badge-discount-text:#fb7185;--border-color:#115e59;--border-focus:#06b6d4;--shadow-sm:0 1px 3px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 25px -5px #00000080;--shadow-glow:0 0 20px #06b6d44d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1240px;margin:0 auto;padding:0 1.25rem}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.88rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-outline{border:1.5px solid var(--accent-primary);color:var(--accent-primary);background:#fff}.btn-outline:hover{background-color:var(--accent-light)}.btn-icon{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modalZoom{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseHeart{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-modal{animation:.25s cubic-bezier(.16,1,.3,1) forwards modalZoom}.badge-bounce{animation:.3s badgeBounce}.pulse-active{animation:.4s cubic-bezier(.175,.885,.32,1.275) pulseHeart}.custom-checkbox{width:1.2rem;height:1.2rem;accent-color:var(--accent-primary);cursor:pointer}.badge{border-radius:var(--radius-sm);align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-discount{background-color:var(--badge-discount-bg);color:var(--badge-discount-text)}.badge-free-shipping{color:#0f766e;background-color:#ccfbf1}[data-theme=dark] .badge-free-shipping{color:#2dd4bf;background-color:#0f766e4d}.badge-seller{color:#b45309;background-color:#fef3c7}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}@media (width<=640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}
