.promo-banners{padding-block:var(--pb-pad-top, 44px) var(--pb-pad-bottom, 0px)}.promo-banners__heading{margin:0 0 var(--space-md);color:var(--color-ink);font-size:var(--text-2xl);font-weight:800;line-height:1.2}.promo-banners__row{display:grid;gap:var(--pb-gap, 16px)}.promo-banners__item{position:relative;display:block;overflow:hidden;border-radius:var(--pb-radius, 16px);aspect-ratio:var(--pb-item-ratio-mobile, var(--pb-item-ratio, 2));background:#0000000a;color:inherit;text-decoration:none;isolation:isolate}.promo-banners__row--even .promo-banners__item{aspect-ratio:var(--pb-item-ratio-mobile, var(--pb-ratio, 2))}.promo-banners__item picture,.promo-banners__img,.promo-banners__placeholder{display:block;width:100%;height:100%}.promo-banners__img{object-fit:cover;object-position:var(--pb-focus, center);transition:transform .5s ease}.promo-banners__placeholder{fill:currentColor;opacity:.25}a.promo-banners__item:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.promo-banners__label{position:absolute;inset-block-end:12px;inset-inline-start:12px;padding:6px 14px;border-radius:var(--radius-pill);background:#fff;color:var(--color-ink);font-size:var(--text-sm);font-weight:700;line-height:1.3;box-shadow:0 2px 8px #0000001f}@media(hover:hover){a.promo-banners__item:hover .promo-banners__img{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.promo-banners__img{transition:none}}@media(max-width:767px){.promo-banners__row--mobile-swipe{grid-auto-flow:column;grid-auto-columns:85%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter);scroll-padding-inline:var(--page-gutter)}.promo-banners__row--mobile-swipe::-webkit-scrollbar{display:none}.promo-banners__row--mobile-swipe .promo-banners__item{scroll-snap-align:start}}@media(min-width:768px){.promo-banners__row{grid-template-columns:repeat(var(--pb-cols, 2),minmax(0,1fr))}.promo-banners__item{aspect-ratio:var(--pb-item-ratio, 2)}.promo-banners__row--even .promo-banners__item{aspect-ratio:var(--pb-ratio, 2)}.promo-banners__row:not(.promo-banners__row--even){align-items:start}}.promo-banners--full{padding-inline:var(--pb-gap, 16px)}@media(max-width:767px){.promo-banners__item--desktop{display:none}}@media(min-width:768px){.promo-banners__item--mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-promo-banners.css.map */