.scg{width:100%;max-width:120rem;margin:0 auto 2rem}.scg__container{padding:0 1.5rem}@media(min-width:768px){.scg__container{padding:0 2rem}}@media(min-width:1024px){.scg__container{padding:0 2.5rem}}@media(min-width:1280px){.scg__container{padding:0 3.5rem}}.scg__heading{font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 1rem;padding:0}.scg__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}@media(min-width:768px){.scg__grid{gap:.375rem}.scg__grid--cols-3{grid-template-columns:repeat(3,1fr)}.scg__grid--cols-4{grid-template-columns:repeat(4,1fr)}}.scg__card{position:relative;display:flex;overflow:hidden;text-decoration:none;color:#fff;border-radius:0}@media(min-width:768px){.scg__card{border-radius:.375rem}}.scg__card-media{width:100%;aspect-ratio:9 / 13;overflow:hidden}@media(min-width:768px){.scg__card-media{aspect-ratio:64 / 91}}@media(min-width:1024px){.scg__card-media{aspect-ratio:47 / 67}}.scg__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;background:#e5e5e5}.scg__card:hover .scg__card-img{transform:scale(1.05)}.scg__card-placeholder{width:100%;height:100%;background:#e5e5e5;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.scg__card-placeholder-svg{width:60%;height:auto;opacity:.3}.scg__card:hover .scg__card-placeholder{transform:scale(1.05)}.scg__card-overlay{position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 100%);pointer-events:none;z-index:1}@media(min-width:768px){.scg__card-overlay{border-radius:.375rem .375rem 0 0}}.scg__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000000d;pointer-events:none}.scg__card-label{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem}@media(min-width:768px){.scg__card-label{padding:1rem}}.scg__card-title{font-size:.875rem;font-weight:600;line-height:1.3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}@media(min-width:768px){.scg__card-title{font-size:.9375rem}}.scg__card-arrow{width:1.5rem;height:1.5rem;color:#fff;opacity:0;transition:opacity .2s ease;flex-shrink:0}.scg__card:hover .scg__card-arrow{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/14/assets/salomon-category-grid.css.map */