.sg-category-grid-wrapper{width:100%}.sg-category-grid-container{max-width:var(--sg-cat-max-width);margin:0 auto;padding:var(--sg-cat-padding-vertical) var(--sg-cat-padding-horizontal)}.sg-category-grid-header{margin-bottom:2.5rem;text-align:center}.sg-category-grid-title{margin:0 0 1rem;line-height:1.2}.sg-category-grid-subtitle{margin:0;line-height:1.5}.sg-category-grid-subtitle p{margin:0}.sg-category-grid{display:flex;gap:var(--sg-cat-gap);overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.sg-category-grid::-webkit-scrollbar{height:4px}.sg-category-grid::-webkit-scrollbar-track{background:#00000014;border-radius:2px}.sg-category-grid::-webkit-scrollbar-thumb{background:#00000047;border-radius:2px}.sg-category-card{display:flex;flex-direction:column;flex:0 0 240px;scroll-snap-align:start;background-color:var(--sg-cat-card-bg);border:1px solid var(--sg-cat-card-border);border-radius:8px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.sg-category-card:hover,.sg-category-card:focus-visible{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;text-decoration:none}.sg-category-card__media{width:100%;aspect-ratio:4 / 3;overflow:hidden;flex-shrink:0;background-color:#f4f4f4}.sg-category-card__media img,.sg-category-card__media svg{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.sg-category-card:hover .sg-category-card__media img{transform:scale(1.05)}.sg-category-card__body{padding:1.25rem;display:flex;flex-direction:column;gap:.35rem;flex-grow:1}.sg-category-card__title{margin:0;line-height:1.3;font-weight:600;color:var(--sg-cat-card-title-color)}.sg-category-card__count{margin:auto 0 0;line-height:1.4;color:var(--sg-cat-card-count-color)}@media(min-width:640px){.sg-category-grid{display:grid;grid-template-columns:repeat(2,1fr);overflow-x:visible;scroll-snap-type:none;padding-bottom:0}.sg-category-card{flex:none}}@media(min-width:900px){.sg-category-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.sg-category-grid{grid-template-columns:repeat(5,1fr)}.sg-category-card__body{padding:1rem}}@media(max-width:639px){.sg-category-grid-container{padding-left:var(--sg-cat-padding-horizontal);padding-right:var(--sg-cat-padding-horizontal)}.sg-category-grid-header{margin-bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/sg-category-grid.css.map */