.categories-hero{background:linear-gradient(135deg,#0f1d36 0%,#1a2b4a 50%,#243a5e 100%);padding:calc(100px + var(--spacing-xxl)) 0 var(--spacing-xxl);position:relative;overflow:hidden}.categories-hero::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(237,48,61,0.15) 0%,transparent 70%);border-radius:50%;top:-200px;right:-150px;animation:float 20s ease-in-out infinite}.categories-hero-content{text-align:center;max-width:800px;margin:0 auto var(--spacing-xl)}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:rgba(237,48,61,0.15);border:1px solid rgba(237,48,61,0.3);border-radius:var(--radius-round);color:var(--color-vibrant-red);font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--spacing-md)}.categories-hero-title{font-family:'Space Grotesk',sans-serif;font-size:3.5rem;font-weight:800;color:var(--color-white);margin-bottom:var(--spacing-md);line-height:1.2}.categories-hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.8);line-height:1.6}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);max-width:1000px;margin:0 auto}.quick-stat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,0.1);transition:var(--transition-smooth)}.quick-stat-item:hover{background:rgba(255,255,255,0.08);border-color:rgba(237,48,61,0.3);transform:translateY(-4px)}.quick-stat-item i{font-size:2rem;color:var(--color-vibrant-red)}.quick-stat-item strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-white)}.quick-stat-item span{display:block;font-size:0.875rem;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.5px}.categories-section{padding:var(--spacing-xxl) 0;background:#FAFBFC}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-xl)}.category-card{position:relative;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:var(--transition-smooth);display:flex;flex-direction:column}.category-card:hover{transform:translateY(-12px);box-shadow:0 20px 60px rgba(0,0,0,0.15)}.category-icon{position:absolute;top:var(--spacing-md);left:var(--spacing-md);width:60px;height:60px;background:linear-gradient(135deg,var(--color-vibrant-red) 0%,#FF6B60 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 8px 24px rgba(237,48,61,0.4);transition:var(--transition-smooth)}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px rgba(237,48,61,0.6)}.category-icon i{font-size:1.75rem;color:var(--color-white)}.category-image{position:relative;height:240px;overflow:hidden;background:linear-gradient(135deg,#1a2b4a 0%,#0f1d36 100%)}.category-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth);opacity:0.9}.category-card:hover .category-image img{transform:scale(1.1);opacity:1}.category-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:rgba(15,29,54,0.9);backdrop-filter:blur(10px);border-radius:var(--radius-round);color:var(--color-white);font-size:0.875rem;font-weight:700;border:1px solid rgba(255,255,255,0.2);z-index:2}.category-badge.popular{background:linear-gradient(135deg,var(--color-vibrant-red) 0%,#FF6B60 100%);border-color:rgba(255,255,255,0.3);animation:pulse 2s ease-in-out infinite}.category-badge.hot{background:linear-gradient(135deg,#FF6B00 0%,#FFA500 100%);border-color:rgba(255,255,255,0.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(237,48,61,0.7)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(237,48,61,0)}}.category-content{padding:var(--spacing-xl);display:flex;flex-direction:column;flex-grow:1}.category-title{font-family:'Space Grotesk',sans-serif;font-size:1.75rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--spacing-sm);line-height:1.3}.category-description{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.category-highlights{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#F8F9FA;border-radius:var(--radius-md);border-left:3px solid var(--color-vibrant-red)}.category-highlights span{display:flex;align-items:center;gap:var(--spacing-xs);font-size:0.9375rem;color:var(--color-text-primary);font-weight:500}.category-highlights i{color:var(--color-vibrant-red);font-size:0.875rem}.category-brands{margin-bottom:var(--spacing-lg)}.category-brands strong{display:block;font-size:0.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--spacing-xs)}.brand-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.brand-tags span{padding:4px 12px;background:var(--color-white);border:1px solid #E0E0E0;border-radius:var(--radius-sm);font-size:0.8125rem;color:var(--color-text-primary);font-weight:500;transition:var(--transition-fast)}.brand-tags span:hover{background:var(--color-vibrant-red);color:var(--color-white);border-color:var(--color-vibrant-red);transform:translateY(-2px)}.category-btn{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--color-navy) 0%,#0D2238 100%);color:var(--color-white);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:var(--transition-smooth);margin-top:auto;position:relative;overflow:hidden}.category-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.category-btn:hover::before{left:100%}.category-btn:hover{background:linear-gradient(135deg,var(--color-vibrant-red) 0%,#FF6B60 100%);transform:translateX(4px);box-shadow:0 8px 24px rgba(237,48,61,0.3)}.category-btn i{transition:transform 0.3s ease}.category-btn:hover i{transform:translateX(6px)}.cta-banner{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,#0f1d36 0%,#1a2b4a 100%);position:relative;overflow:hidden}.cta-banner::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(237,48,61,0.1) 0%,transparent 70%);border-radius:50%;bottom:-200px;left:-150px}.cta-banner-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);position:relative;z-index:1}.cta-banner-text h2{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:800;color:var(--color-white);margin-bottom:var(--spacing-sm)}.cta-banner-text p{font-size:1.125rem;color:rgba(255,255,255,0.8);max-width:600px}.cta-banner-actions{display:flex;gap:var(--spacing-md);flex-shrink:0}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.categories-hero{padding:calc(80px + var(--spacing-lg)) 0 var(--spacing-lg)}.categories-hero-title{font-size:2.5rem}.categories-hero-subtitle{font-size:1rem}.quick-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.quick-stat-item{padding:var(--spacing-sm)}.quick-stat-item i{font-size:1.5rem}.quick-stat-item strong{font-size:1.25rem}.categories-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.category-image{height:200px}.category-content{padding:var(--spacing-lg)}.category-title{font-size:1.5rem}.cta-banner-content{flex-direction:column;text-align:center}.cta-banner-text h2{font-size:2rem}.cta-banner-actions{flex-direction:column;width:100%}.cta-banner-actions .btn{width:100%;justify-content:center}}@media (max-width:480px){.categories-hero-title{font-size:2rem}.quick-stats{grid-template-columns:1fr}.category-icon{width:50px;height:50px}.category-icon i{font-size:1.5rem}}