.shop-by-category{padding:60px 20px;background:#fff}.sbc__container{max-width:1200px;margin:0 auto}.sbc__header{text-align:center;margin-bottom:40px}.sbc__title{font-size:40px;font-weight:700;color:#111;margin:0 0 12px;letter-spacing:-.5px}.sbc__title span{color:#b7453f}.sbc__subtitle{font-size:16px;color:#666;max-width:520px;margin:0 auto;line-height:1.6}.sbc__grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sbc__grid--1{grid-template-columns:1fr}.sbc__grid--2{grid-template-columns:repeat(2,1fr)}.sbc__grid--3{grid-template-columns:repeat(3,1fr)}.sbc__grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.sbc__grid--3,.sbc__grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.sbc__grid{grid-template-columns:repeat(2,1fr)!important;gap:16px}}@media(max-width:380px){.sbc__grid{grid-template-columns:1fr!important}}.sbc__card{border-radius:4px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.sbc__card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.sbc__card-image-wrapper{aspect-ratio:1 / 1;border:1px solid #e5e5e5;background:#f8f8f8;display:flex;align-items:center;justify-content:center;overflow:hidden}.sbc__card-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.sbc__card:hover .sbc__card-image{transform:scale(1.04)}.sbc__card-placeholder{width:80%;height:80%;opacity:.3}.sbc__card-body{padding:16px;text-align:center;display:flex;flex-direction:column;gap:10px;flex:1}.sbc__card-title{font-size:18px;font-weight:700;color:#111;margin:0}.sbc__card-desc{font-size:16px;color:#666;line-height:1.5;margin:0}.sbc__card-btn{display:inline-block;margin-top:auto;padding:10px 20px;background:#111;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;border-radius:2px;text-transform:uppercase;transition:background .2s ease;align-self:center}.sbc__card-btn:empty{display:none}.sbc__card:hover .sbc__card-btn{background:#b7453f}
/*# sourceMappingURL=/cdn/shop/t/6/assets/shop-by-category.css.map */
