@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--accent:#06b6d4;--dark-bg:#0f172a;--light-bg:#f8fafc;--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--badge-color:#3b82f6;--border-radius:14px;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 35px -5px #0000001f, 0 8px 10px -6px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--light-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}input,select,textarea{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.glass-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#fffffff2}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-sale{color:#dc2626;background:#fee2e2}.badge-hot{color:#ea580c;background:#ffedd5}.badge-new{color:#1d4ed8;background:#dbeafe}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #2563eb33}50%{box-shadow:0 0 25px #2563eb73}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-right{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-scale-up{animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleUp}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a80;justify-content:flex-end;display:flex;position:fixed;inset:0}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--border-radius);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-icon{border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px;display:grid}@media (width<=640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}