.sbc-section{padding-top:var(--sbc-padding-top, 40px);padding-bottom:var(--sbc-padding-bottom, 40px);margin-top:var(--sbc-margin-top, 0px);margin-bottom:var(--sbc-margin-bottom, 0px)}.sbc-title{text-align:center;font-size:28px;font-weight:600;color:var(--sbc-title-color);margin:0 0 28px}.sbc-grid{display:grid;grid-template-columns:repeat(var(--sbc-columns-desktop),1fr);column-gap:var(--sbc-gap);row-gap:var(--sbc-row-gap)}.sbc-item{display:block}.sbc-link{display:block;text-decoration:none;color:inherit}.sbc-image-wrap{width:var(--sbc-image-width, 200px);height:var(--sbc-image-height, 200px);max-width:100%;overflow:hidden;border-radius:var(--sbc-image-radius, 8px);margin:0 auto}.sbc-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.sbc-link:hover .sbc-image{transform:scale(1.04)}.sbc-placeholder-svg{width:100%;height:100%}.sbc-text{text-align:center;padding:14px 8px 0}.sbc-name{font-size:17px;font-weight:600;color:var(--sbc-name-color);margin:0 0 4px}.sbc-detail{font-size:13px;line-height:1.4;color:var(--sbc-detail-color);margin:0}@media screen and (max-width:749px){.sbc-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(var(--sbc-rows-mobile),1fr);grid-auto-columns:calc((100% - (var(--sbc-columns-mobile) - 1) * var(--sbc-gap)) / var(--sbc-columns-mobile));column-gap:var(--sbc-gap);row-gap:var(--sbc-row-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.sbc-grid::-webkit-scrollbar{display:none}.sbc-item{scroll-snap-align:start;min-width:0}.sbc-name{font-size:15px}.sbc-detail{font-size:12px}.sbc-title{font-size:22px}}.sbc-dots{display:none}@media screen and (max-width:749px){.sbc-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.sbc-dot{width:8px;height:8px;border-radius:50%;background:#d4d4d4;border:none;padding:0;cursor:pointer;transition:background .25s ease,width .25s ease}.sbc-dot.active{background:#1a1a1a;width:20px;border-radius:4px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-shop-by-categories.css.map */