.grid-banner{position:relative;width:100%;overflow:hidden}.grid-banner__container{display:grid;width:100%;height:var(--banner-height-mobile);gap:var(--grid-gap)}.grid-banner__container--horizontal{grid-template-columns:1fr 1fr}.grid-banner__container--vertical{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid-banner__item{position:relative;overflow:hidden;display:block;width:100%;height:100%}.grid-banner__item--link{cursor:pointer;text-decoration:none}.grid-banner__item--link:hover .grid-banner__image{transform:scale(1.03)}.grid-banner__media{position:relative;width:100%;height:100%;overflow:hidden}.grid-banner__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-duration) ease}.grid-banner__video-container{position:relative;width:100%;height:100%;background:#000;cursor:pointer}.grid-banner__video{width:100%;height:100%;object-fit:cover;display:block}.grid-banner__video-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.grid-banner__video-wrapper iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:none}.grid-banner__video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:3;transition:opacity .4s ease}.grid-banner__video-container.is-playing .grid-banner__video-poster{opacity:0;pointer-events:none}.grid-banner__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:var(--play-button-size, 80px);height:var(--play-button-size, 80px);border:none;border-radius:50%;background:var(--play-button-bg, rgba(255, 255, 255, .95));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;box-shadow:0 4px 20px #0003}.grid-banner__play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:var(--play-button-bg-hover, #ffffff);box-shadow:0 6px 30px #0000004d}.grid-banner__play-button svg{width:28px;height:28px;margin-left:4px;fill:var(--play-button-icon-color, #000000)}.grid-banner__video-container.is-playing .grid-banner__play-button{opacity:0;pointer-events:none;visibility:hidden}.grid-banner__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--placeholder-bg, #f0f0f0)}.grid-banner__placeholder svg{width:60%;height:60%;opacity:.5}.grid-banner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay-color);opacity:var(--overlay-opacity);pointer-events:none;z-index:2}.grid-banner__text-overlay{position:absolute;bottom:var(--text-padding-mobile);left:var(--text-padding-mobile);right:var(--text-padding-mobile);display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:6}@media(min-width:769px){.grid-banner__text-overlay{gap:166px;width:max-content}}@media(max-width:768px){.grid-banner{--text-padding-mobile: 15px}.grid-banner__text-overlay{bottom:10px;left:15px;right:auto;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start}.grid-banner__label{font-size:12px!important;font-weight:400;margin:0;line-height:15px;letter-spacing:.02em;opacity:1;text-transform:uppercase}.grid-banner__price{font-size:12px!important;letter-spacing:.02em;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:15px}}.grid-banner__text-overlay a{pointer-events:auto}.grid-banner__label{font-size:var(--label-size-mobile);letter-spacing:.02em;text-transform:uppercase;color:var(--text-color);font-weight:var(--label-font-weight);line-height:1.2;transition:opacity .3s ease}.grid-banner__label a{color:inherit;text-decoration:none}.grid-banner__label a:hover{text-decoration:underline}.grid-banner__price{font-size:var(--label-size-mobile);letter-spacing:.02em;color:var(--text-color);font-weight:var(--label-font-weight);line-height:1.2}.grid-banner__item.text-dark .grid-banner__label,.grid-banner__item.text-dark .grid-banner__price{color:var(--text-color-dark)}.grid-banner__content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--content-padding);z-index:4;pointer-events:none}.grid-banner__content>*{pointer-events:auto}.grid-banner__content--top-left{justify-content:flex-start;align-items:flex-start;text-align:left}.grid-banner__content--top-center{justify-content:flex-start;align-items:center}.grid-banner__content--top-right{justify-content:flex-start;align-items:flex-end;text-align:right}.grid-banner__content--middle-left{justify-content:center;align-items:flex-start;text-align:left}.grid-banner__content--middle-center{justify-content:center;align-items:center}.grid-banner__content--middle-right{justify-content:center;align-items:flex-end;text-align:right}.grid-banner__content--bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left}.grid-banner__content--bottom-center{justify-content:flex-end;align-items:center}.grid-banner__content--bottom-right{justify-content:flex-end;align-items:flex-end;text-align:right}.grid-banner__subheading{font-size:var(--subheading-size-mobile);letter-spacing:var(--subheading-letter-spacing);text-transform:uppercase;color:var(--text-color);margin-bottom:10px;font-weight:400}.grid-banner__heading{font-size:var(--heading-size-mobile);letter-spacing:var(--heading-letter-spacing);color:var(--text-color);font-weight:var(--heading-font-weight);line-height:1.1;margin:0 0 15px;max-width:var(--content-max-width)}.grid-banner__text{font-size:var(--text-size-mobile);color:var(--text-color);line-height:1.5;max-width:var(--content-max-width);margin-bottom:20px}.grid-banner__text p{margin:0}.grid-banner.text-dark .grid-banner__subheading,.grid-banner.text-dark .grid-banner__heading,.grid-banner.text-dark .grid-banner__text{color:var(--text-color-dark)}.grid-banner__button{display:inline-block;padding:12px 30px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:all .3s ease;cursor:pointer}.grid-banner__button--solid{background:var(--button-bg, #ffffff);color:var(--button-text, #000000);border:1px solid var(--button-bg, #ffffff)}.grid-banner__button--solid:hover{opacity:.85}.grid-banner__button--outline{background:transparent;color:var(--button-text, #ffffff);border:1px solid var(--button-text, #ffffff)}.grid-banner__button--outline:hover{background:var(--button-text, #ffffff);color:var(--button-bg, #000000)}@media(max-width:749px){.grid-banner__container{height:var(--banner-height-mobile)}.grid-banner__container--mobile-vertical{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid-banner__container--mobile-horizontal{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.grid-banner__container--mobile-single .grid-banner__item:last-child{display:none}.grid-banner__container--mobile-single{grid-template-columns:1fr}.grid-banner__play-button{width:60px;height:60px}.grid-banner__play-button svg{width:22px;height:22px}}@media(min-width:750px){.grid-banner__container{height:var(--banner-height-tablet)}.grid-banner__label,.grid-banner__price{font-size:var(--label-size-tablet)}.grid-banner__text-overlay{bottom:var(--text-padding-tablet);left:var(--text-padding-tablet);right:var(--text-padding-tablet)}.grid-banner__subheading{font-size:var(--subheading-size-tablet)}.grid-banner__heading{font-size:var(--heading-size-tablet)}.grid-banner__text{font-size:var(--text-size-tablet)}}@media(min-width:990px){.grid-banner__container{height:var(--banner-height-desktop)}.grid-banner__label,.grid-banner__price{font-size:var(--label-size-desktop)}.grid-banner__text-overlay{bottom:var(--text-padding-desktop);left:var(--text-padding-desktop);right:var(--text-padding-desktop)}.grid-banner__subheading{font-size:var(--subheading-size-desktop)}.grid-banner__heading{font-size:var(--heading-size-desktop)}.grid-banner__text{font-size:var(--text-size-desktop)}}.grid-banner__full-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--content-padding);z-index:10;pointer-events:none}.grid-banner__full-content>*{pointer-events:auto}.grid-banner__full-content--top-left{justify-content:flex-start;align-items:flex-start;text-align:left}.grid-banner__full-content--top-center{justify-content:flex-start;align-items:center}.grid-banner__full-content--top-right{justify-content:flex-start;align-items:flex-end;text-align:right}.grid-banner__full-content--middle-left{justify-content:center;align-items:flex-start;text-align:left}.grid-banner__full-content--middle-center{justify-content:center;align-items:center}.grid-banner__full-content--middle-right{justify-content:center;align-items:flex-end;text-align:right}.grid-banner__full-content--bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left}.grid-banner__full-content--bottom-center{justify-content:flex-end;align-items:center}.grid-banner__full-content--bottom-right{justify-content:flex-end;align-items:flex-end;text-align:right}.grid-banner__video-container{position:relative;width:100%;height:100%;overflow:hidden}.grid-banner__video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:opacity .3s ease,visibility .3s ease}.grid-banner__video-poster--placeholder{background:#1a1a1a}.grid-banner__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:var(--play-button-size, 80px);height:var(--play-button-size, 80px);border-radius:50%;border:none;background:var(--play-button-bg, rgba(255, 255, 255, .95));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .3s ease}.grid-banner__play-button:hover{background:var(--play-button-bg-hover, #ffffff);transform:translate(-50%,-50%) scale(1.05)}.grid-banner__play-button svg{width:30%;height:30%;fill:var(--play-button-icon-color, #000000);margin-left:4px}.grid-banner__video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.grid-banner__video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.grid-banner__video-iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:none}.grid-banner__video-container.is-playing .grid-banner__video-poster,.grid-banner__video-container.is-playing .grid-banner__play-button{opacity:0;visibility:hidden;pointer-events:none}.grid-banner__video-container.is-playing .grid-banner__video-wrapper{opacity:1;visibility:visible;z-index:4}
/*# sourceMappingURL=/cdn/shop/t/79/assets/grid-banner.css.map */