.brand-section{background:#fff;width:100%;padding:3rem 2rem}.brand-title{color:#111;margin-bottom:2rem;font-size:2rem;font-weight:700}.brand-title span{color:#15d1f5;font-weight:900}.brand-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;display:grid}.brand-card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:20px;justify-content:center;align-items:center;height:170px;padding:2rem 1.5rem;transition:all .35s;display:flex}.brand-image{filter:grayscale();opacity:.3;transition:all .35s;transform:scale(.95)}.brand-card:hover .brand-image{filter:grayscale(0);opacity:1}.brand-card:hover{border-color:#ccc}@media (max-width:768px){.brand-title{font-size:1.5rem}.brand-card{height:130px;padding:1.5rem 1rem}}@media (max-width:600px){.brand-section{padding:2.5rem 1.25rem}.brand-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}.brand-card{height:110px}.brand-image{width:100px;height:100px}}
.category-section{background:#fff;width:100%;padding:4rem 0}.category-title{text-align:left;margin-left:4rem;font-size:4rem;font-weight:700}.shopby{color:#03c7fe}.category-carousel-wrapper{width:100%;margin:0;padding:0 4rem}.category-carousel{scroll-snap-type:x mandatory;scroll-snap-stop:always;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:2rem;width:100%;padding:2rem 0 0;display:flex;overflow-x:auto}.category-carousel::-webkit-scrollbar{display:none}.category-item{color:#000;scroll-snap-align:center;flex-direction:column;flex:none;align-items:center;min-width:170px;text-decoration:none;display:flex}.category-visual{--circle-size:140px;--image-size:150px;width:calc(var(--circle-size) + 16px);height:calc(var(--circle-size) + 16px);justify-content:center;align-items:center;display:flex;position:relative}.circle-bg{width:var(--circle-size);height:var(--circle-size);pointer-events:none;background:#f3f3f3;border-radius:50%;transition:all .35s;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-img{width:var(--image-size);height:var(--image-size);object-fit:contain;z-index:2;transition:transform .35s;position:relative}.category-item:hover .circle-bg{background:#03c7fe}.category-item:hover .category-img{transform:scale(1.1)}.cat-name{letter-spacing:.4px;margin-top:1.2rem;font-size:1.2rem;font-weight:700}.category-message{color:#374151;padding:2rem 4rem 0;font-size:1rem;font-weight:500}.category-message.error{color:#dc2626}.category-skeleton-row{gap:2rem;padding:2rem 4rem 0;display:flex;overflow:hidden}.category-skeleton{flex-direction:column;align-items:center;display:flex}.category-skeleton .circle-bg{background:#f5f5f5;animation:1.4s ease-in-out infinite skeletonPulse}.category-skeleton .skeleton-label{background:#f0f0f0;border-radius:999px;width:120px;height:14px;margin:1rem auto 0;animation:1.4s ease-in-out infinite skeletonPulse}@keyframes skeletonPulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width:768px){.category-title{margin-left:1.5rem;font-size:2.5rem}.category-carousel-wrapper{padding:0 1.25rem}.category-item{min-width:150px}.category-visual{--circle-size:120px;--image-size:120px}.category-skeleton-row{gap:1.25rem;padding:2rem 1.25rem 0}.cat-name{font-size:1rem}}
.promo-section{width:100%;padding:3rem 0}.promo-carousel{scrollbar-width:none;scroll-snap-type:x mandatory;justify-content:space-between;gap:2rem;padding:0 2rem;scroll-padding:2rem;display:flex;overflow-x:auto}.promo-carousel::-webkit-scrollbar{display:none}.promo-card{color:#fff;scroll-snap-align:center;background:#000;border-radius:22px;flex:none;width:530px;height:380px;text-decoration:none;position:relative;overflow:hidden}.promo-bg{object-fit:cover;z-index:1;position:absolute;inset:0}.promo-content{z-index:6;position:absolute;top:2rem;left:2rem}.promo-content h2{font-size:2.7rem;font-weight:800;line-height:1.15}.promo-product-wrapper{z-index:8;position:absolute;bottom:3rem;right:0}.promo-product{transition:transform .4s}.promo-card:hover .promo-product{transform:scale(1.18)}.promo-btn{color:#fff;z-index:10;cursor:pointer;background:#262626;border:1px solid #525252;border-radius:999px;padding:.7rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .3s;position:absolute;bottom:1.6rem;left:2rem}.promo-btn:hover{color:#fff;background:#111;border-color:#03c7fe}.promo-btn:active{transform:scale(.96)}@media (max-width:900px){.promo-card{width:420px}.promo-content h2{font-size:2.2rem}}@media (max-width:640px){.promo-section{padding:2.5rem 0}.promo-carousel{gap:1.25rem;padding:0 1rem}.promo-card{border-radius:20px;width:calc(100% - 2rem);height:320px}.promo-content{top:1.5rem;left:1.5rem;right:1.5rem}.promo-content h2{max-width:10ch;font-size:1.8rem}.promo-product-wrapper{transform-origin:100% 100%;bottom:5.5rem;right:-20px;transform:scale(.85)}.promo-btn{padding:.65rem 1.4rem;font-size:.85rem;bottom:1rem;left:1.5rem}}
