.shop-by-brand-wrapper{overflow:hidden}.shop-by-brand-wrapper .swiper-main-wrapper{display:block;width:100%;position:relative}.shop-by-brand-wrapper .swiper-slide{height:auto}.shop-by-brand-wrapper .sbb-col{display:flex;flex-direction:column;width:100%;gap:var(--sbb-gap)}.shop-by-brand-wrapper .sbb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.shop-by-brand-wrapper .sbb-head .sec-head{width:auto;max-width:371px;gap:12px}.shop-by-brand-wrapper .sbb-head .sec-head .sec-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);text-transform:uppercase}.shop-by-brand-wrapper .sbb-head .sec-head .sec-text,.shop-by-brand-wrapper .sbb-head .sec-head .sec-text p,.shop-by-brand-wrapper .sbb-head .sec-head .sec-text>*{font-family:var(--font-body-family);font-weight:600;font-size:16px;line-height:26px;letter-spacing:0;color:var(--sbb-subtitle-color)}.shop-by-brand-wrapper .sbb-head:has(.sec-head--label){margin-bottom:20px}.shop-by-brand-wrapper .sbb-head .sec-head--label{gap:6px}.shop-by-brand-wrapper .sbb-head .sec-head--label .sec-title{margin:0;padding-left:12px;border-left:3px solid rgb(var(--color-button));font-weight:800;font-size:22px;line-height:1.1;color:#111}.shop-by-brand-wrapper .sbb-head .sec-head--label .sec-text{padding-left:15px}.shop-by-brand-wrapper .sbb-head .sec-head--label .sec-text,.shop-by-brand-wrapper .sbb-head .sec-head--label .sec-text p,.shop-by-brand-wrapper .sbb-head .sec-head--label .sec-text>*{font-weight:400;font-size:15px;line-height:1.4}.shop-by-brand-wrapper .sbb-actions{display:flex;flex-flow:column;align-items:flex-end;gap:13px;flex-shrink:0}.shop-by-brand-wrapper .sbb-viewall{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:16px;line-height:18px;text-transform:uppercase;color:rgb(var(--color-button));transition:opacity .2s ease}.shop-by-brand-wrapper .sbb-viewall:hover{opacity:.75}.shop-by-brand-wrapper .sbb-viewall svg{flex-shrink:0;width:14px;height:14.73px}.shop-by-brand-wrapper .nav-btns{display:flex;align-items:center;gap:8px}.shop-by-brand-wrapper .nav-btns .btn-arrow{position:static;top:auto;left:auto;right:auto;margin:0;padding:0;width:38px;height:38px;border:1px solid var(--sbb-nav-border);border-radius:5px;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sbb-nav-color);transition:border-color .2s ease}.shop-by-brand-wrapper .nav-btns .btn-arrow:hover{border-color:var(--sbb-nav-color)}.shop-by-brand-wrapper .nav-btns .btn-arrow svg{width:18px;height:18px}.shop-by-brand-wrapper .nav-btns .btn-arrow.swiper-button-prev svg{transform:rotate(-90deg)}.shop-by-brand-wrapper .nav-btns .btn-arrow.swiper-button-next svg{transform:rotate(90deg)}.shop-by-brand-wrapper .sbb-items{display:grid;gap:var(--sbb-gap)}.shop-by-brand-wrapper .sbb-items--mobile-fallback{display:none}.shop-by-brand-wrapper .sbb-card{display:flex;align-items:center;justify-content:center;width:100%;padding:20px;aspect-ratio:217 / 120;background:rgb(var(--color-card-box));border:1px solid var(--sbb-card-border);border-radius:12px;overflow:hidden;text-decoration:none;transition:border-color .25s ease}.shop-by-brand-wrapper .sbb-card__img{display:block;width:100%;max-width:var(--sbb-logo-width);height:auto;max-height:100%;object-fit:contain;transition:transform .35s ease}.shop-by-brand-wrapper .sbb-card .placeholder-svg{width:100%;max-width:var(--sbb-logo-width);height:auto;max-height:100%;transition:transform .35s ease}.shop-by-brand-wrapper a.sbb-card:hover,.shop-by-brand-wrapper a.sbb-card:focus-visible{border-color:rgb(var(--color-button))}.shop-by-brand-wrapper a.sbb-card:hover .sbb-card__img,.shop-by-brand-wrapper a.sbb-card:hover .placeholder-svg{transform:scale(1.04)}.shop-by-brand-wrapper a.sbb-card:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:-2px}@media screen and (max-width:749px){.shop-by-brand-wrapper .page-width{display:flex;flex-flow:column}.shop-by-brand-wrapper .sbb-head{display:contents}.shop-by-brand-wrapper .sbb-head .sec-head{order:1;width:100%;max-width:100%;margin:0 0 24px;text-align:center;align-items:center;gap:14px}.shop-by-brand-wrapper .sbb-head .sec-head .sec-text,.shop-by-brand-wrapper .sbb-head .sec-head .sec-text p,.shop-by-brand-wrapper .sbb-head .sec-head .sec-text>*{font-size:14px;line-height:18px}.shop-by-brand-wrapper .sbb-head .sec-head--label{margin-bottom:16px;text-align:left;align-items:flex-start;gap:6px}.shop-by-brand-wrapper .sbb-head .sec-head--label .sec-title{font-size:20px}.shop-by-brand-wrapper .swiper-main-wrapper,.shop-by-brand-wrapper .sbb-items{order:2}.shop-by-brand-wrapper .sbb-items--mobile-fallback{display:grid}.shop-by-brand-wrapper .swiper-main-wrapper,.shop-by-brand-wrapper.mobile-slider-enabled .sbb-items--mobile-fallback{display:none}.shop-by-brand-wrapper.mobile-slider-enabled .swiper-main-wrapper{display:block}.shop-by-brand-wrapper .sbb-actions{order:3;width:100%;align-items:center;margin-top:24px}.shop-by-brand-wrapper .sbb-actions .nav-btns{display:none}.shop-by-brand-wrapper .sbb-viewall{gap:10px;font-size:15px;line-height:18px;color:var(--sbb-link-color-mobile)}.shop-by-brand-wrapper .sbb-card{padding:12px;aspect-ratio:351 / 160;border-color:var(--sbb-card-border-mobile)}.shop-by-brand-wrapper .sbb-card__img,.shop-by-brand-wrapper .sbb-card .placeholder-svg{max-width:var(--sbb-logo-width-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-shop-by-brand.css.map */