.hero-card{position:relative;display:block;width:100%}.vbf-product-grid[data-desktop-grid-columns="8"] .hero-card,.vbf-product-grid[data-desktop-grid-columns="2"] .hero-card{display:none}@media screen and (min-width: 750px){.hero-card__link{position:absolute;width:100%;height:100%}}.hero-card__slider{height:100%}.hero-card__slider-list{position:relative;height:100%;margin:0;padding:0;display:flex;flex-wrap:nowrap;width:100%;column-gap:5px;list-style:none;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hero-card__slider-list-item{flex-grow:1;flex-basis:100%}.hero-card__slider-list-item>*{width:100%;height:100%;flex:1 0 100%}.hero-card__slider-list-item img,.hero-card__slider-list-item video{object-fit:cover;object-position:top}@media screen and (min-width: 750px){.hero-card__slider .hero-card__slider-buttons{display:flex}}.hero-card__slider-buttons .slider-button{color:#fff;fill:currentColor;opacity:1;transition:opacity .3s}.hero-card__slider-buttons .slider-button:hover{color:rgba(var(--color-background),.75)}.hero-card__slider-buttons .slider-button[disabled]{opacity:0;pointer-events:none}.hero-card__slider-buttons .slider-button--prev:not([disabled]):hover .icon{transform:rotate(90deg) translate(-.15rem) scale(2.07)}.hero-card__slider-buttons .slider-button--next:not([disabled]):hover .icon{transform:rotate(266deg) translate(.15rem) scale(2.07)}.hero-card__text-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;pointer-events:none;padding:1.5rem;z-index:1}@media screen and (min-width: 750px){.hero-card__text-overlay{padding:2rem}}.hero-card__text{margin:0;font-size:1.5rem;grid-column:1;grid-row:1;width:fit-content;max-width:100%;word-wrap:break-word;font-style:normal}@media screen and (min-width: 750px){.hero-card__text{font-size:2rem}}.hero-card__text p,h6,h5,h4,h3,h2,h1{margin:0}.hero-card__text--size-large p,h6,h5,h4,h3,h2,h1{font-size:2rem}@media screen and (min-width: 750px){.hero-card__text--size-large p,h6,h5,h4,h3,h2,h1{font-size:2.5rem}}.hero-card__text--size-extra-large p,h6,h5,h4,h3,h2,h1{font-size:2.5rem}@media screen and (min-width: 750px){.hero-card__text--size-extra-large p,h6,h5,h4,h3,h2,h1{font-size:3rem}}.hero-card__text--light{color:#fff}.hero-card__text--h-left{justify-self:start;text-align:left}.hero-card__text--h-centre{justify-self:center;text-align:center}.hero-card__text--h-right{justify-self:end;text-align:right}.hero-card__text--v-top{align-self:start}.hero-card__text--v-centre{align-self:center}.hero-card__text--v-bottom{align-self:end}
/*# sourceMappingURL=/cdn/shop/t/1347/assets/hero-card.css.map */