@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary-magenta:#931580;--primary-magenta-dark:#6f0d60;--primary-magenta-light:#fdf4fc;--accent-gold:#f59e0b;--accent-gold-dark:#d97706;--accent-crimson:#e11d48;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 14px -2px #93158014, 0 2px 6px -1px #0000000d;--shadow-lg:0 12px 30px -4px #9315801f, 0 4px 12px -2px #0000000a;--shadow-xl:0 20px 40px -8px #93158033;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--slate-800);background-color:#fafafd}body{line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--slate-900);line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--slate-50)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-magenta)}.navbar-sticky{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e2e8f0cc;transition:all .3s;position:sticky;top:0}.badge-magenta{background-color:var(--primary-magenta-light);color:var(--primary-magenta);border:1px solid #93158033;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.825rem;font-weight:600;display:inline-flex}.badge-gold{color:var(--accent-gold-dark);background-color:#fef3c7;border:1px solid #d977064d;border-radius:9999px;padding:4px 12px;font-size:.825rem;font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--primary-magenta) 0%, var(--primary-magenta-dark) 100%);color:var(--white);border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #93158040}.btn-primary:hover{background:linear-gradient(135deg,#a4178f 0%,#7e0e6e 100%);transform:translateY(-2px);box-shadow:0 8px 20px #93158059}.btn-secondary{background-color:var(--white);color:var(--slate-800);border:1.5px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-secondary:hover{border-color:var(--primary-magenta);color:var(--primary-magenta);background-color:var(--primary-magenta-light);transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-dark) 100%);color:#1e1b4b;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #d9770640}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d9770659}.hover-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.hover-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.container{max-width:1280px;margin:0 auto;padding:0 20px}.product-grid-container{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px;display:grid}.product-img-box{height:320px}@media (width<=640px){.container{padding:0 12px}.product-grid-container{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.product-img-box{height:160px!important;padding:6px!important}.product-card-body{padding:10px!important}.product-card-title{margin-bottom:4px!important;font-size:.85rem!important;line-height:1.25!important}.product-card-sku{font-size:.7rem!important}.product-card-moq{margin-bottom:8px!important;font-size:.725rem!important}.product-card-btn{padding:6px 8px!important;font-size:.775rem!important}.btn-primary,.btn-secondary,.btn-gold{justify-content:center;width:100%;padding:10px 14px;font-size:.85rem}.quote-drawer{width:100%!important;max-width:100%!important}.product-modal{width:95%!important;max-height:90vh!important;padding:16px!important;overflow-y:auto!important}}@media (width<=480px){h1{font-size:1.85rem!important}h2{font-size:1.4rem!important}.badge-gold,.badge-magenta{padding:3px 8px!important;font-size:.725rem!important}}
