@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-main:#f8fafc;--bg-gradient-top:#fff;--bg-card:#fff;--bg-card-hover:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--text-white:#fff;--primary-red:#dc2626;--primary-red-hover:#b91c1c;--primary-red-light:#fef2f2;--primary-red-border:#fca5a5;--accent-black:#09090b;--accent-black-soft:#18181b;--border-light:#e2e8f0;--border-focus:#dc2626;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 12px 32px #0f172a14;--shadow-red:0 8px 25px #dc262640;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", sans-serif;--transition-fast:.15s ease;--transition-smooth:.25s cubic-bezier(.16, 1, .3, 1)}body.dark-mode{--bg-main:#09090b;--bg-gradient-top:#0f0f13;--bg-card:#121217;--bg-card-hover:#18181f;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--text-white:#fff;--primary-red:#ef4444;--primary-red-hover:#dc2626;--primary-red-light:#ef444426;--primary-red-border:#7f1d1d;--accent-black:#f8fafc;--accent-black-soft:#e2e8f0;--border-light:#27272a;--border-focus:#ef4444;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 14px #0009;--shadow-lg:0 12px 32px #000c;--shadow-red:0 8px 25px #ef444459;color:#f8fafc;background-color:#09090b}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#f8fafc}body.dark-mode .app-container{background:radial-gradient(circle at 50% 0,#2a0909 0%,#09090b 55%)}body.dark-mode .navbar{background-color:#09090bf0;border-bottom-color:#27272a}body.dark-mode .brand-text-title{color:#f8fafc}body.dark-mode .catalog-controls-card{background-color:#121217!important;border-color:#27272a!important;box-shadow:0 4px 16px #0000004d!important}body.dark-mode .pagination-container{background-color:#121217!important;border-color:#27272a!important}body.dark-mode .product-card{border-color:#27272a;background-color:#121217!important;box-shadow:0 4px 16px #0006!important}body.dark-mode .product-card h3{color:#f8fafc!important}body.dark-mode .product-card p{color:#94a3b8!important}body.dark-mode .hero-card{background:linear-gradient(135deg,#121217 0%,#200808 100%)!important;border-color:#7f1d1d!important;box-shadow:0 10px 30px #ef44441a!important}body.dark-mode .hero-card h1{color:#f8fafc!important}body.dark-mode .hero-card p{color:#cbd5e1!important}body.dark-mode .hero-stats-grid{border-top-color:#27272a!important}body.dark-mode .stat-card div>div:first-child{color:#f8fafc!important}body.dark-mode .modal-content{color:#f8fafc!important;background-color:#121217!important;border-color:#27272a!important}body.dark-mode .modal-content h2,body.dark-mode .modal-content h3,body.dark-mode .modal-content h4{color:#f8fafc!important}body.dark-mode .modal-content p{color:#cbd5e1!important}body.dark-mode .input-field{color:#f8fafc!important;background-color:#18181b!important;border-color:#27272a!important}body.dark-mode select.input-field,body.dark-mode select.input-field option{color:#f8fafc!important;background-color:#18181b!important}body.dark-mode .btn-outline{color:#f8fafc!important;background-color:#18181b!important;border-color:#27272a!important}body.dark-mode .btn-outline:hover{color:#ef4444!important;background-color:#ef444426!important;border-color:#ef4444!important}body.dark-mode footer{background-color:#050507!important;border-top-color:#ef4444!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--accent-black);letter-spacing:-.02em;line-height:1.25}.app-container{background:radial-gradient(circle at 50% 0,#fff5f5 0%,#f8fafc 45%);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem}.red-glow{box-shadow:var(--shadow-red)}.text-red{color:var(--primary-red)}.bg-red{background-color:var(--primary-red)}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary-red);color:var(--text-white);box-shadow:var(--shadow-red)}.btn-primary:hover{background-color:var(--primary-red-hover);transform:translateY(-2px);box-shadow:0 10px 28px #dc262659}.btn-secondary{background-color:var(--accent-black);color:var(--text-white)}.btn-secondary:hover{background-color:var(--accent-black-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{background-color:var(--bg-card);color:var(--accent-black);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--primary-red);color:var(--primary-red);background-color:var(--primary-red-light)}.btn-yellow{color:#09090b;background-color:#f59e0b;font-weight:800;box-shadow:0 4px 14px #f59e0b59}.btn-yellow:hover{color:#fff;background-color:#d97706;transform:translateY(-2px);box-shadow:0 6px 18px #d9770673}.btn-sm{border-radius:var(--radius-sm);padding:.45rem .85rem;font-size:.85rem}.badge{font-size:.75rem;font-weight:700;font-family:var(--font-heading);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;padding:.25rem .65rem;display:inline-flex}.badge-featured{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);box-shadow:0 2px 8px #dc26264d}.badge-free{color:#fff;background-color:#10b981}.badge-affiliate{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #ffffff40;box-shadow:0 2px 8px #f59e0b59}.badge-red-outline{background-color:var(--primary-red-light);color:var(--primary-red);border:1px solid var(--primary-red-border)}.input-field{width:100%;font-family:var(--font-sans);border:1.5px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;outline:none;padding:.75rem 1rem;font-size:.95rem}.input-field:focus{border-color:var(--primary-red);box-shadow:0 0 0 4px #dc26261f}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);background-color:#ffffffeb;padding:.9rem 1.5rem;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1280px;margin:0 auto;display:flex}.brand-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-emblem{border-radius:var(--radius-md);color:#fff;width:42px;height:42px;font-family:var(--font-heading);background:linear-gradient(135deg,#09090b 0%,#18181b 50%,#dc2626 100%);justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px 12px #dc262640}.brand-text-title{color:var(--accent-black);font-size:1.25rem;font-weight:800;font-family:var(--font-heading);line-height:1.1}.brand-text-sub{color:var(--primary-red);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background-color:#09090ba6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);border:1px solid var(--border-light);background-color:#fff;width:100%;max-width:680px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideUp;overflow-y:auto;box-shadow:0 20px 50px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hover-lift{transition:transform var(--transition-smooth), box-shadow var(--transition-smooth)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.spin-anim{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-pills-scroll::-webkit-scrollbar{display:none}.filter-pills-scroll{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}@media (width<=768px){html,body{overflow-x:hidden}.navbar{padding:.65rem .85rem}.navbar-inner{flex-direction:column;align-items:stretch;gap:.65rem}.navbar-badge-container{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem!important;display:flex!important}.theme-toggle-btn{display:inline-flex!important}.main-content{padding:0 .75rem 3rem}.modal-overlay{padding:.5rem}.modal-content{border-radius:var(--radius-md);max-height:94dvh}.hero-card{padding:1.25rem 1rem!important}.hero-br{display:none}.hero-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:.4rem!important}.stat-card{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:.25rem!important}.catalog-controls-card{flex-direction:column!important;align-items:stretch!important}.catalog-sort-bar{justify-content:space-between!important;width:100%!important}h1{font-size:clamp(1.35rem,5.5vw,2.1rem)!important}h2{font-size:clamp(1.15rem,4.5vw,1.6rem)!important}}@media (width<=480px){.btn{padding:.6rem .85rem;font-size:.85rem}.btn-sm{padding:.35rem .65rem;font-size:.78rem}.product-grid{grid-template-columns:1fr!important;gap:1rem!important}.pagination-numbers{display:none!important}.nav-secondary-btn{padding:.3rem .45rem!important}.nav-btn-text{display:none}}