.home-page{width:100%;padding-top:70px;overflow-x:hidden}.section,.products-carousel-section,.features-section,.newsletter-section{content-visibility:auto;contain-intrinsic-size:1px 560px}.hero{background:var(--bg-secondary);border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:1400px;height:450px;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);margin:20px auto 0;position:relative;overflow:hidden}.hero-slider{width:100%;height:100%;position:relative}.hero-loading{z-index:100;background:var(--bg-secondary);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.hero-loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite heroSpin}@keyframes heroSpin{to{transform:rotate(360deg)}}.hero-slide{opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;position:absolute;inset:0}.hero-slide.active{opacity:1;visibility:visible}.hero-bg{z-index:1;position:absolute;inset:0}.hero-bg-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform 8s;transform:scale(1.15)}.hero-slide.active .hero-bg-image{transform:scale(1.1)}.hero-overlay{z-index:2;background:linear-gradient(90deg,#110f0cd1 0%,#110f0c61 52%,#110f0c29 100%),linear-gradient(#0000 60%,#110f0cbf 100%);position:absolute;inset:0}.hero-slide>.container{z-index:10;align-items:center;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:0 70px;display:flex;position:relative}.hero-content{width:100%;max-width:500px}.hero-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border-radius:50px;align-items:center;gap:8px;height:36px;margin-bottom:16px;padding:8px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.hero-description{color:#ffffffd9;max-width:400px;margin-bottom:24px;font-size:1rem;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-btn-primary{background:var(--primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;min-width:160px;height:48px;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.hero-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.hero-btn-outline{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fff6;justify-content:center;align-items:center;gap:8px;min-width:120px;height:48px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.hero-btn-outline:hover{background:#ffffff40;border-color:#fff9}.hero-nav-btn{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:.7;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero:hover .hero-nav-btn{opacity:1}.hero-nav-btn:hover{background:#000000b3;transform:translateY(-50%)scale(1.1)}.hero-nav-prev{left:12px}.hero-nav-next{right:12px}@media (max-width:992px){.hero-nav-btn{width:36px;height:36px}.hero-nav-prev{left:8px}.hero-nav-next{right:8px}}@media (max-width:600px){.hero-nav-btn{display:none}}.hero-progress-container{z-index:20;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-dots{gap:10px;display:flex}.hero-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.hero-dot.active{background:var(--primary);transform:scale(1.2)}.hero-dot:hover{background:#ffffffb3}.hero-progress{background:#ffffff4d;border-radius:10px;width:180px;height:3px;overflow:hidden}.hero-progress-bar{background:var(--primary);transform-origin:0;border-radius:10px;width:100%;height:100%;animation:5s linear forwards progressFill}@keyframes progressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.categories-section{background:var(--bg-primary);padding:40px 0}.section-header-clean{text-align:center;margin-bottom:32px}.section-title-clean{color:var(--text-primary);letter-spacing:.02em;margin:0;font-size:2rem;font-weight:600}.categories-grid-clean{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:20px;display:grid}.category-item-clean{border-radius:var(--radius-lg);flex-direction:column;align-items:center;min-width:0;padding:16px 8px;text-decoration:none;transition:all .2s;display:flex}.category-item-clean:hover{background:var(--bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.category-image-wrapper{border-radius:var(--radius-lg);background:var(--bg-primary);border:none;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:12px;display:flex;overflow:hidden}.category-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.category-item-clean:hover .category-image{transform:scale(1.1)}.category-name-clean{color:var(--text-primary);text-align:center;overflow-wrap:anywhere;max-width:100px;font-size:.85rem;font-weight:500;line-height:1.3}.products-carousel-section{background:var(--bg-primary);padding:40px 0}.carousel-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.carousel-controls{align-items:center;gap:12px;display:flex}.carousel-btn{border:1px solid var(--glass-border);background:var(--bg-primary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.view-all-link{color:var(--primary);border-radius:var(--radius-full);align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.view-all-link:hover{background:#176b781a}.products-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding:8px 4px;display:flex;overflow-x:auto}.products-carousel::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;flex:none;width:240px}.carousel-item .product-card{height:100%}.flash-sale-banner{background:var(--gradient-primary);margin:40px 0;padding:40px 0}.flash-sale-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.flash-sale-info h2{color:#fff;margin:12px 0 8px;font-size:2rem}.flash-sale-info p{color:#ffffffe6}.flash-badge{border-radius:var(--radius-full);color:#fff;background:#fff3;align-items:center;gap:8px;padding:8px 16px;font-weight:600;animation:2s infinite pulse;display:inline-flex}.section-badge{border-radius:var(--radius-full);color:var(--primary);background:#176b781a;border:1px solid #176b7833;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.section-badge.trending{color:var(--secondary);background:#2a5b9f1a;border-color:#2a5b9f33}.features-section{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);margin:40px 20px;padding:60px 0}.features-content{text-align:center}.features-text h2{margin-bottom:16px;font-size:2.5rem}.features-text p{color:var(--text-secondary);max-width:600px;margin:0 auto 48px;font-size:1.1rem}.features-list{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{text-align:center;transition:all var(--transition-normal);background:var(--bg-card);padding:32px}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex}.feature-icon.secondary{background:linear-gradient(135deg,var(--secondary)0%,var(--primary)100%)}.feature-icon.cyan{background:linear-gradient(135deg,var(--accent-cyan)0%,var(--primary)100%)}.feature-card h3{color:var(--text-primary);margin-bottom:10px;font-size:1.25rem}.feature-card p{color:var(--text-secondary);font-size:.95rem}.newsletter-section{padding:60px 0}.newsletter-content{background:var(--bg-secondary);border:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;padding:48px;display:flex}.newsletter-text h2{margin-bottom:8px;font-size:2rem}.newsletter-text p{color:var(--text-secondary)}.newsletter-form-large{flex:1;gap:0;max-width:500px;display:flex}.newsletter-form-large input{border:1px solid var(--glass-border);border-radius:var(--radius-full)0 0 var(--radius-full);color:var(--text-primary);background:#fff;flex:1;padding:16px 24px;font-size:1rem}.newsletter-form-large input:focus{border-color:var(--primary);outline:none}.newsletter-form-large button{border-radius:0 var(--radius-full)var(--radius-full)0;white-space:nowrap}.newsletter-feedback{width:100%;margin:10px 0 0;font-size:.92rem}.newsletter-feedback.success{color:#0f766e}.newsletter-feedback.error{color:#b91c1c}@media (max-width:1200px){.categories-grid-clean{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.hero-slide>.container{padding:0 60px}.hero-content{max-width:450px}.hero-title{font-size:clamp(1.75rem,4vw,2.5rem)}}@media (max-width:992px){.hero{border-radius:var(--radius-lg);width:calc(100% - 32px);max-width:calc(100% - 32px);height:380px;margin:16px auto}.hero-slide>.container{padding:0 55px}.hero-content{max-width:420px}.hero-title{font-size:2rem}.hero-description{font-size:.95rem}.hero-bg-image{object-position:center right}.features-list{grid-template-columns:repeat(2,1fr);gap:20px}.features-section{border-radius:0;margin:40px 0}.categories-grid-clean{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:14px}.category-image-wrapper{width:70px;height:70px}.carousel-item{width:220px}}@media (max-width:900px){.hero{width:calc(100% - 24px);max-width:calc(100% - 24px);height:350px;margin:12px auto}.hero-slide>.container{padding:0 50px}.hero-content{max-width:380px}.hero-title{font-size:1.75rem}.hero-description{max-width:340px;font-size:.9rem}.hero-bg-image{object-position:70% center}}@media (max-width:768px){.home-page{padding-top:65px}.hero{border-radius:var(--radius-lg);width:calc(100% - 24px);max-width:calc(100% - 24px);height:320px;margin:12px auto}.hero-overlay{background:linear-gradient(#00000080 0%,#000000b3 100%)}.hero-slide>.container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0!important;padding:0 16px!important}.hero-content{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:100%;margin:0;padding:0;display:flex}.hero-description{max-width:100%}.hero-title{margin-bottom:12px;font-size:1.5rem}.hero-description{margin-bottom:20px;font-size:.9rem}.hero-badge{height:32px;margin-bottom:12px;padding:6px 12px;font-size:.7rem}.hero-actions{box-sizing:border-box;justify-content:center;width:100%;padding:0 10px}.hero-btn-primary,.hero-btn-outline{flex:0 auto;min-width:auto;height:42px;padding:10px 16px;font-size:.85rem}.hero-bg-image{object-position:center center}.hero-progress-container{bottom:16px}.categories-grid-clean{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-item-clean{padding:12px 4px}.category-image-wrapper{width:60px;height:60px}.category-name-clean{font-size:.75rem}.carousel-header{flex-direction:column;align-items:flex-start;gap:16px}.carousel-controls{justify-content:space-between;width:100%}.carousel-item{width:180px}.section-title-clean{font-size:1.5rem}.flash-sale-content{text-align:center;flex-direction:column}.newsletter-content{text-align:center;flex-direction:column;padding:24px}.newsletter-form-large{flex-direction:column;gap:12px;width:100%;max-width:100%}.newsletter-form-large input,.newsletter-form-large button{border-radius:var(--radius-full);width:100%;min-height:48px}.features-list{grid-template-columns:1fr}.feature-card{padding:24px}.features-text h2{font-size:1.75rem}.features-text p{font-size:1rem}}@media (max-width:480px){.home-page{padding-top:60px}.hero{border-radius:var(--radius-md);width:calc(100% - 20px);max-width:calc(100% - 20px);height:280px;margin:10px auto}.hero-slide>.container{padding:0 12px!important}.hero-title{font-size:1.35rem;line-height:1.2}.hero-description{margin-bottom:16px;font-size:.85rem;line-height:1.5}.hero-badge{gap:5px;height:28px;margin-bottom:10px;padding:5px 10px;font-size:.65rem}.hero-actions{flex-direction:row;justify-content:center;gap:8px;width:100%}.hero-btn-primary,.hero-btn-outline{min-width:auto;height:38px;padding:8px 14px;font-size:.8rem}.hero-progress-container{bottom:12px}.hero-dots{gap:6px}.hero-dot{width:8px;height:8px}.hero-progress{width:120px;height:2px}.categories-grid-clean{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.category-item-clean{padding:8px 2px}.category-image-wrapper{width:50px;height:50px}.category-name-clean{max-width:70px;font-size:.7rem}.carousel-item{width:160px}.section-title-clean{font-size:1.25rem}.features-section{padding:40px 0}.feature-icon{width:56px;height:56px}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.85rem}.newsletter-text h2{font-size:1.35rem}.newsletter-text p{font-size:.9rem}}@media (max-width:360px){.hero{border-radius:var(--radius-md);width:calc(100% - 16px);max-width:calc(100% - 16px);height:250px;margin:8px auto}.hero-slide>.container{padding:0 10px!important}.hero-badge{height:26px;padding:4px 8px;font-size:.6rem}.hero-title{font-size:1.2rem}.hero-description{font-size:.8rem}.hero-btn-primary,.hero-btn-outline{min-width:90px;height:34px;padding:6px 12px;font-size:.75rem}.hero-progress-container{bottom:10px}.categories-grid-clean{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.category-image-wrapper{width:45px;height:45px}.category-name-clean{max-width:60px;font-size:.65rem}.carousel-item{width:150px}}.product-card-skeleton{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:#fff;min-width:200px;overflow:hidden}.product-card-skeleton .skeleton-image{aspect-ratio:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;animation:1.5s infinite skeleton-shimmer}.product-card-skeleton .skeleton-content{padding:16px}.product-card-skeleton .skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:14px;margin-bottom:10px;animation:1.5s infinite skeleton-shimmer}.product-card-skeleton .skeleton-line.short{width:40%;height:12px}.product-card-skeleton .skeleton-line.medium{width:60%}.product-card-skeleton .skeleton-btn{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;height:40px;margin-top:12px;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}