.sbg-wrapper{width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);padding:60px 0;overflow:hidden}.sbg-container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.sbg-section-title{font-size:1.8rem;font-weight:500;margin-bottom:30px;text-align:left;letter-spacing:.5px}.sbg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}.sbg-card{position:relative;display:block;width:100%;aspect-ratio:4 / 5;border-radius:20px;overflow:hidden;text-decoration:none;background-color:#111;transform:translateY(0);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease;box-shadow:0 10px 30px #0000004d}.sbg-image-wrapper{width:100%;height:100%;overflow:hidden;position:relative;z-index:1}.sbg-image{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .7s cubic-bezier(.25,.46,.45,.94);will-change:transform}.placeholder-svg{background-color:#333;fill:#555}.sbg-card:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(to right,#fff0,#ffffff40,#fff0);transform:skew(-25deg);z-index:2;pointer-events:none}@keyframes sbgDiagonalShine{0%{left:-150%}to{left:150%}}.sbg-pill-button{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 35px;border-radius:50px;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 15px #0003;transition:all .3s ease;z-index:10}@media screen and (min-width:769px){.sbg-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0009}.sbg-card:hover .sbg-image{transform:scale(1.07)}.sbg-card:hover .sbg-pill-button{background:#ffffff40;border:1px solid rgba(255,255,255,.5)}.sbg-card:hover:after{animation:sbgDiagonalShine .8s ease forwards}}@media screen and (max-width:768px){.sbg-wrapper{padding:40px 0}.sbg-section-title{font-size:1.5rem;padding-left:5px}.sbg-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:15px;padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none}.sbg-grid::-webkit-scrollbar{display:none}.sbg-card{flex:0 0 85vw;height:auto;aspect-ratio:4 / 5;scroll-snap-align:center}.sbg-pill-button{bottom:20px;padding:10px 25px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/shop-by-gender.css.map */