.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{scroll-snap-type:none;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:0 2rem;display:grid;overflow:visible}.promo-carousel::-webkit-scrollbar{display:none}.promo-card{color:#fff;scroll-snap-align:center;background:#000;border-radius:22px;flex:none;width:100%;max-width:560px;height:380px;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000073}.promo-overlay{z-index:2;background:linear-gradient(135deg,#000000b3,#0003);position:absolute;inset:0}.promo-glow{filter:blur(12px);z-index:1;background:radial-gradient(at 20% 30%,#03c7fe47,#0000 50%);position:absolute;inset:-40%}.promo-skeleton{background:linear-gradient(120deg,#0f0f0f,#1a1a1a);position:relative;overflow:hidden}.promo-skeleton-bg{background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);animation:1.6s linear infinite promoShimmer;position:absolute;inset:0}@keyframes promoShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.promo-bg{object-fit:cover;z-index:1;position:absolute;inset:0}.promo-content{z-index:6;position:absolute;top:2rem;left:2rem;right:2rem}.promo-content h2{font-size:2.7rem;font-weight:800;line-height:1.15}.promo-meta{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.promo-rank,.promo-pill{letter-spacing:.04em;border-radius:999px;padding:.2rem .7rem;font-size:.8rem;font-weight:700}.promo-rank{background:#ffffff1f;border:1px solid #fff3}.promo-pill{color:#031821;background:#03c7fe;border:1px solid #09e1ff;box-shadow:0 0 20px #03c7fe59}.promo-subtitle{color:#ffffffbf;max-width:32ch;margin-top:.5rem;line-height:1.45}.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;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;position:absolute;bottom:1.6rem;left:2rem}.promo-arrow{border:1px solid #525252;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s,border-color .25s,background .25s;display:inline-flex}.promo-btn:hover{color:#fff;background:#111;border-color:#03c7fe;box-shadow:0 12px 30px #03c7fe2e}.promo-btn:hover .promo-arrow{background:#0a2831;border-color:#03c7fe;transform:translate(4px)}.promo-btn:active{transform:scale(.96)}.promo-message{color:#b3b3b3;text-align:center;padding:2rem 1.5rem}@media (max-width:900px){.promo-carousel{scroll-snap-type:x mandatory;justify-content:flex-start;scroll-padding:1.5rem;display:flex;overflow-x:auto}.promo-card{width:420px;max-width:none}.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}.promo-subtitle{max-width:24ch}}