.product-banners{--pb-red: #ff0000;--pb-radius: var(--block-border-radius, 12px)}.product-banners__header{margin-bottom:30px;text-align:center}.product-banners__eyebrow{margin:0 0 6px;color:var(--pb-red);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.product-banners__title{margin:0;text-transform:none}.product-banners__header{--link-color: var(--pb-red)}.product-banners .product-banners__link{display:inline-block;margin-top:10px;color:var(--pb-red);font-weight:700;text-decoration:none;white-space:nowrap}.product-banners .product-banners__link:hover{text-decoration:underline}.product-banners__grid{display:grid;grid-template-columns:repeat(var(--pb-cols, 4),minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.product-banners__item{margin:0;min-width:0}.product-banners__tile{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--pb-radius);background:#222;box-shadow:0 2px 12px #00000014;color:#fff;text-decoration:none;isolation:isolate}.product-banners__tile:focus-visible{outline:3px solid var(--pb-red);outline-offset:3px}.product-banners__media,.product-banners__media img,.product-banners__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-banners__media img{object-fit:cover;transition:transform .6s ease}.product-banners__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000080,#0000 40% 60%,#00000059)}.product-banners__headline{position:absolute;z-index:1;top:16px;left:16px;right:16px;margin:0;color:#fff;font-size:19px;font-weight:700;line-height:1.2}.product-banners__card{position:absolute;z-index:1;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:10px;background:#fff;color:#111;box-shadow:0 6px 18px #00000040;transition:transform .25s ease}.product-banners__packshot{flex:none;width:52px;height:52px;object-fit:contain;border-radius:6px;background:#f3f3f3}.product-banners__meta{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0}.product-banners__tag{margin-bottom:3px;padding:2px 5px;border-radius:3px;color:#fff;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.product-banners__tag--new{background:var(--pb-red)}.product-banners__tag--trending{background:#000}.product-banners__name{max-width:100%;overflow:hidden;font-size:13px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.product-banners__price{color:#555;font-size:13px;line-height:1.3}.product-banners__arrow{display:flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#111;color:#fff;font-size:15px}@media(hover:hover){a.product-banners__tile:hover .product-banners__media img{transform:scale(1.05)}a.product-banners__tile:hover .product-banners__card{transform:translateY(-3px)}}a.product-banners__tile:focus-visible .product-banners__media img{transform:scale(1.05)}a.product-banners__tile:focus-visible .product-banners__card{transform:translateY(-3px)}@media screen and (min-width:768px)and (max-width:1023px){.product-banners__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:767px){.product-banners__header{margin-bottom:18px}.product-banners__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:-16px;padding:16px;scroll-padding-inline:16px}.product-banners__grid::-webkit-scrollbar{display:none}.product-banners__item{flex:0 0 80%;scroll-snap-align:start}.product-banners__headline{font-size:18px}}@media(prefers-reduced-motion:reduce){.product-banners__media img,.product-banners__card{transition:none}a.product-banners__tile:hover .product-banners__media img,a.product-banners__tile:focus-visible .product-banners__media img,a.product-banners__tile:hover .product-banners__card,a.product-banners__tile:focus-visible .product-banners__card{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/section-product-banners.css.map */