.sbc-section{width:100%}.sbc-container{max-width:1400px;margin:0 auto;padding:0 24px}.sbc-heading{color:var(--sbc-heading-color);font-size:clamp(28px,4vw,44px);font-weight:700;margin:0 0 24px}.sbc-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--sbc-row-height);grid-auto-flow:dense;gap:var(--sbc-gap)}.sbc-card{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden;border-radius:var(--sbc-radius)}.sbc-size-small{grid-column:span 1;grid-row:span 1}.sbc-size-wide{grid-column:span 2;grid-row:span 1}.sbc-size-tall{grid-column:span 1;grid-row:span 2}.sbc-size-large{grid-column:span 2;grid-row:span 2}.sbc-image-wrap{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--sbc-radius);background:#f1f1f1}.sbc-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.sbc-card:hover .sbc-image{transform:scale(1.05)}.sbc-placeholder-svg{width:100%;height:100%}.sbc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--sbc-overlay-opacity));pointer-events:none}.sbc-title-badge{position:absolute;left:16px;bottom:16px;padding:8px 16px;background-color:var(--sbc-title-bg);color:var(--sbc-title-text);font-size:15px;font-weight:600;border-radius:calc(var(--sbc-radius) / 2);max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (max-width:989px){.sbc-bento-grid{grid-template-columns:repeat(2,1fr)}.sbc-size-wide,.sbc-size-large{grid-column:span 2}.sbc-size-tall{grid-row:span 2}}@media screen and (max-width:599px){.sbc-container{padding:0 16px}.sbc-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--sbc-gap) * .75)}.sbc-size-small,.sbc-size-wide,.sbc-size-tall,.sbc-size-large{grid-column:span 1;grid-row:span 1}.sbc-image-wrap{aspect-ratio:4 / 3;height:auto}.sbc-title-badge{left:10px;bottom:10px;padding:6px 12px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-shop-by-collection.css.map */