.shop-by-style-section{padding:60px 0}.shop-by-style-section .m-section__heading{font-size:32px;font-weight:600;margin-bottom:40px;color:#000}.shop-by-style-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#000 #f0f0f0}.shop-by-style-wrapper::-webkit-scrollbar{height:8px}.shop-by-style-wrapper::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.shop-by-style-wrapper::-webkit-scrollbar-thumb{background:#000;border-radius:10px}.shop-by-style-wrapper::-webkit-scrollbar-thumb:hover{background:#333}.shop-by-style-grid{display:flex;gap:20px;padding:10px 20px 20px}.style-card{display:block;text-decoration:none;transition:transform .3s ease;cursor:pointer;flex:0 0 auto;width:180px}.style-card:hover{transform:translateY(-5px)}.style-card__image{position:relative;width:100%;aspect-ratio:3/4;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:box-shadow .3s ease}.style-card:hover .style-card__image{box-shadow:0 8px 24px #00000026}.style-card__image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s ease}.style-card:hover .style-card__image img{transform:scale(1.05)}@media (max-width: 768px){.shop-by-style-section{padding:40px 0}.shop-by-style-section .m-section__heading{font-size:24px;margin-bottom:24px;padding:0 20px}.shop-by-style-wrapper::-webkit-scrollbar{height:6px}.shop-by-style-grid{gap:16px;padding:10px 20px 16px}.style-card{width:140px}.style-card__image{border-radius:15px}.style-card__title h3{font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){.style-card{width:200px}}@media (min-width: 1400px){.shop-by-style-grid{padding:10px 40px 20px}.style-card{width:260px}}.style-card__info{display:flex;flex-direction:column;align-items:center;gap:8px}.style-card__title{text-align:center;margin-top:12px}.style-card__title h3{font-size:16px;font-weight:500;color:#000;margin:0}.style-card__express-badge{background:#2563eb;color:#fff;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;letter-spacing:.3px}.style-card__express-badge svg{flex-shrink:0;width:10px;height:12px}@media (max-width: 768px){.style-card__info{gap:6px}.style-card__title{margin-top:8px}.style-card__title h3{font-size:14px}.style-card__express-badge{padding:3px 8px;font-size:9px}.style-card__express-badge svg{width:9px;height:11px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-shop-by-style.css.map */