.hero-carousel{flex-direction:column;align-items:center;min-height:330px;display:flex;position:relative}.carousel-track{width:100%;height:300px;position:relative}.carousel-slide{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .8s,transform .8s;display:flex;position:absolute;inset:0;transform:scale(.92)}.carousel-slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.product-showcase{flex-direction:column;align-items:center;display:flex}.product-img-wrapper{background:#fff;border:6px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:240px;height:240px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000059}.product-img-wrapper:before{display:none}.product-img-wrapper:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff4d 0%,#fff0 50%,#0000000a 100%);border-radius:50%;position:absolute;inset:0}.product-img-wrapper img{z-index:1;object-fit:contain;filter:drop-shadow(0 15px 30px #00000014);max-width:82%;max-height:82%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative}.carousel-slide.active:hover .product-img-wrapper{border-color:#ffffff40;transform:translateY(-8px)scale(1.03);box-shadow:0 35px 70px #00000073}.carousel-slide.active:hover .product-img-wrapper img{transform:scale(1.06)}.product-name{font-size:var(--font-size-sm,14px);color:#fffffff2;text-align:center;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:100px;margin-top:20px;padding:8px 24px;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #00000026}.carousel-slide.active:hover .product-name{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.carousel-dots{z-index:2;justify-content:center;gap:8px;margin-top:16px;display:flex;position:relative}.carousel-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.carousel-dot.active{background:var(--color-accent-500,#00b4d8);border-radius:4px;width:24px}.carousel-dot:hover{background:#fff6}.carousel-dot.active:hover{background:var(--color-accent-400,#26c6da)}@media (max-width:767px){.hero-carousel{min-height:300px}.carousel-track{height:280px}.product-img-wrapper{width:220px;height:220px}.product-img-wrapper img{max-width:180px;max-height:180px}.product-img-wrapper:before{width:200px;height:200px}.product-img-wrapper:after{width:240px;height:240px}}
.homepage{flex-direction:column;min-height:100vh;display:flex}.hero-section{background:linear-gradient(135deg,var(--color-primary-900)0%,var(--color-primary-800)35%,var(--color-primary-500)100%);color:#fff;padding:var(--spacing-12)0 var(--spacing-10);position:relative;overflow:hidden}.hero-section:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M0 0h1v1H0zM20 0h1v1h-1zM0 20h1v1H0zM20 20h1v1h-1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#00b4d826,#0000 70%);border-radius:50%;width:700px;height:700px;animation:15s ease-in-out infinite alternate floatOrb1;position:absolute;top:-250px;right:-150px}.hero-orb-2{pointer-events:none;background:radial-gradient(circle,#1e56a033,#0000 70%);border-radius:50%;width:500px;height:500px;animation:12s ease-in-out infinite alternate floatOrb2;position:absolute;bottom:-180px;left:-150px}@keyframes floatOrb1{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,40px)scale(1.05)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-40px)scale(1.08)}}.hero-grid{gap:var(--spacing-16);margin-bottom:var(--spacing-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-content{z-index:1;animation:.8s ease-out fadeInUp;position:relative}.hero-badge{align-items:center;gap:var(--spacing-2);color:var(--color-accent-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--spacing-6);letter-spacing:.3px;background:#00b4d826;border:1px solid #00b4d84d;padding:6px 16px;display:inline-flex}.hero-badge:before{content:"";background:var(--color-accent-500);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite heroPulse}@keyframes heroPulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{margin-bottom:var(--spacing-2);color:#fff;letter-spacing:-.03em;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.hero-highlight{background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-tagline{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:#ffffff73;margin-bottom:var(--spacing-5);letter-spacing:2px;text-transform:uppercase}.hero-subtitle{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);color:#ffffffb3;max-width:500px}.hero-visual{z-index:1;position:relative}.hero-cta{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.btn-primary,.btn-secondary{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-xl);transition:all var(--transition-base);align-items:center;gap:var(--spacing-2);padding:14px 32px;font-family:inherit;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-600));color:#fff;border:2px solid var(--color-accent-500);box-shadow:0 4px 20px #00b4d859}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-400),var(--color-accent-500));color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #00b4d873}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000;border:2px solid #ffffff40}.btn-secondary:hover{color:#fff;background-color:#ffffff14;border-color:#ffffff80;transform:translateY(-2px)}.hero-stats{gap:var(--spacing-6);z-index:1;grid-template-columns:repeat(3,1fr);animation:.8s ease-out .3s backwards fadeInUp;display:grid;position:relative}.stat-item{text-align:center;padding:var(--spacing-5)var(--spacing-4);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base);background:#ffffff0d;border:1px solid #ffffff14}.stat-item:hover{background:#ffffff1a;border-color:#00b4d84d;transform:translateY(-4px)}.stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-accent-300);margin-bottom:var(--spacing-1);line-height:1.2}.stat-label{font-size:var(--font-size-sm);color:#fff9;text-transform:uppercase;letter-spacing:1px}.featured-products-section,.categories-section,.brands-section,.features-section{padding:var(--spacing-20)0}.section-header{margin-bottom:var(--spacing-10);justify-content:space-between;align-items:center;display:flex}.section-header h2{font-size:var(--font-size-3xl);color:var(--color-neutral-900);margin:0;position:relative}.view-all-link{color:var(--color-primary-600);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);border:1px solid var(--color-primary-200);text-decoration:none;display:inline-flex}.view-all-link:hover{color:#fff;background-color:var(--color-primary-600);border-color:var(--color-primary-600);transform:translate(2px)}.products-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.no-products-message{text-align:center;padding:var(--spacing-12);color:var(--color-neutral-500);font-size:var(--font-size-lg);background-color:var(--color-neutral-100);border-radius:var(--radius-xl)}.categories-section{background-color:#fff}.categories-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.category-card{background-color:var(--color-neutral-50);border:2px solid var(--color-neutral-100);border-radius:var(--radius-xl);padding:var(--spacing-6)var(--spacing-4);text-align:center;transition:all var(--transition-base);align-items:center;gap:var(--spacing-2);flex-direction:column;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-lg),0 0 0 1px var(--color-primary-100);background-color:#fff;transform:translateY(-6px)}.category-icon{margin-bottom:var(--spacing-1);transition:transform var(--transition-base);font-size:2.5rem}.category-card:hover .category-icon{transform:scale(1.15)}.category-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0}.category-count{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin:0}.brands-section{background-color:var(--color-neutral-50)}.brands-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.brand-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6)var(--spacing-4);text-align:center;transition:all var(--transition-base);background-color:#fff;flex-direction:column;align-items:center;text-decoration:none;display:flex}.brand-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.brand-logo{width:72px;height:72px;margin:0 auto var(--spacing-3);background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border-radius:var(--radius-full);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.brand-logo-image{width:72px;height:72px;margin:0 auto var(--spacing-3);object-fit:contain;border-radius:var(--radius-lg);transition:all var(--transition-base)}.brand-card:hover .brand-logo-image{transform:scale(1.08)}.brand-card:hover .brand-logo{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;transform:scale(1.05)}.brand-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-800);margin:0}.features-section{border-top:1px solid var(--color-neutral-100);background-color:#fff}.features-grid{gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.feature-item{text-align:center;padding:var(--spacing-8)var(--spacing-6);border-radius:var(--radius-2xl);transition:all var(--transition-base);border:1px solid #0000}.feature-item:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-200);transform:translateY(-4px)}.feature-icon{width:72px;height:72px;margin:0 auto var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:var(--radius-2xl);color:#fff;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 20px #1e56a040}.feature-item:hover .feature-icon{transform:translateY(-4px)scale(1.05);box-shadow:0 12px 28px #1e56a059}.feature-item h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-3)}.feature-item p{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin:0}@media (max-width:767px){.hero-section{padding:var(--spacing-12)0 var(--spacing-10)}.hero-grid{gap:var(--spacing-10);text-align:center;margin-bottom:var(--spacing-10);grid-template-columns:1fr}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base);margin-inline:auto}.hero-cta{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{text-align:center;justify-content:center;width:100%}.hero-stats{gap:var(--spacing-3);grid-template-columns:repeat(3,1fr)}.stat-item{padding:var(--spacing-3)}.stat-number{font-size:var(--font-size-2xl)}.stat-label{font-size:var(--font-size-xs)}.section-header{align-items:flex-start;gap:var(--spacing-3);flex-direction:column}.section-header h2{font-size:var(--font-size-2xl)}.products-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.categories-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.brands-grid{gap:var(--spacing-3);grid-template-columns:repeat(3,1fr)}.features-grid{gap:var(--spacing-4);grid-template-columns:1fr}.feature-item{padding:var(--spacing-6)var(--spacing-4)}.featured-products-section,.categories-section,.brands-section,.features-section{padding:var(--spacing-12)0}}@media (min-width:768px) and (max-width:1023px){.products-grid{grid-template-columns:repeat(3,1fr)}.categories-grid{grid-template-columns:repeat(4,1fr)}.brands-grid{grid-template-columns:repeat(5,1fr)}}