.sbc{padding:3.5rem 0;content-visibility:auto;contain-intrinsic-size:1px 540px;--sbc-title: #1f2937;--sbc-sub: #4b5563;--sbc-card-title: #ffffff;--sbc-card-count: #ffffff;--sbc-ov: .6}.sbc__container{max-width:1200px;margin:0 auto;padding:0 16px}.sbc__header{text-align:center;margin-bottom:40px}.sbc__title{color:var(--sbc-title);font-size:36px;line-height:1.2;font-weight:700;margin:0}.sbc__sub{color:var(--sbc-sub);margin-top:8px}.sbc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sbcCard{position:relative;display:flex;flex-direction:column;height:230px;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;background:transparent}.sbcCard__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .5s ease;will-change:transform;transform-origin:center center}.sbcCard:hover .sbcCard__bg,.sbcCard:focus-within .sbcCard__bg{transform:scale(1.06)}.sbcCard__ov{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,calc(.35 * var(--sbc-ov) + .15))}.sbcCard__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}.sbcCard__title{color:var(--sbc-card-title);font-size:20px;font-weight:700;margin:0}.sbcCard__count{color:var(--sbc-card-count);font-size:14px;margin-top:4px}.sbcCard__thumb,.sbcCard__mtitle{display:none}.sbcCard__thumb img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 767px){.sbc{padding:16px 0}.sbc[data-hide-head-mobile=true] .sbc__header{display:none}.sbc__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}.sbcCard{height:auto;background:transparent;border-radius:0;overflow:visible;box-shadow:none}.sbcCard__bg,.sbcCard__ov,.sbcCard__content{display:none}.sbcCard__thumb{display:block;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #10182814;background:#f3f4f6;aspect-ratio:1/1}.sbcCard__mtitle{display:block;margin-top:6px;font-size:11px;font-weight:700;line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:.2px;color:#0b1220;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.sbcCard:focus{outline:2px solid rgba(0,0,0,.06);outline-offset:2px}.sbcCard img,.sbcCard__bg{user-select:none;-webkit-user-drag:none;-webkit-user-select:none}@media (prefers-reduced-motion: reduce){.sbcCard__bg{transition:none;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/sbc.css.map */