.grid-with-banner{grid-template-columns:1fr;row-gap:30px;column-gap:30px;max-width:100cqw}.grid-with-banner__banner{position:relative}.grid-with-banner__banner>div,.grid-with-banner__banner :is(.banner-item,.banner-item__media,.banner-item__media .media){width:100%;height:100%}@media(min-width:769px){.grid-with-banner{--banner-column-width: calc(var(--banner-column-width-tablet) - var(--grid-gap-horizontal) * .5);grid-template-columns:var(--banner-column-width) 1fr}.grid-with-banner--reverse{grid-template-columns:1fr var(--banner-column-width)}.grid-with-banner--reverse .grid-with-banner__banner{order:2}.grid-with-banner__products{position:relative;container-type:inline-size;z-index:var(--layer-heightened)}.grid-with-banner__banner>div{position:absolute;top:0;right:0;bottom:0;left:0}.grid-with-banner:has(.grid-with-banner__banner--sticky){position:relative}.grid-with-banner__banner--sticky{position:sticky;height:fit-content;top:30px;z-index:var(--layer-flat)}body.has-header-sticky .grid-with-banner__banner--sticky{top:calc(var(--header-height) + 30px)}}@media(min-width:1025px){.grid-with-banner{--banner-column-width: calc(var(--banner-column-width-desktop) - var(--grid-gap-horizontal) * .5)}}@media(min-width:1025px){.grid-with-banner__controls-top{display:flex;justify-content:flex-end;margin-bottom:30px}.grid-with-banner__controls-top .slider__controls{margin-top:0}.grid-with-banner__controls-top .slider-buttons>*:not([disabled]){opacity:1}}@media screen and (max-width:576px){.heading-wrapper.heading-wrapper--center~.grid-with-banner .view-all-bottom .buttons-wrapper{justify-content:center;justify-self:center}.heading-wrapper.heading-wrapper--center~.grid-with-banner slider-component .slider-bottom-bar .buttons-wrapper{margin-top:30px}.heading-wrapper.heading-wrapper--center~.grid-with-banner slider-component .slider-bottom-bar:has(.slider-buttons.hidden) .buttons-wrapper,.heading-wrapper.heading-wrapper--center~.grid-with-banner slider-component .slider-bottom-bar:has(.slider-buttons.mobile-hide) .buttons-wrapper{--slider-bottom-grid-area-mobile: bottom;margin-top:0}.heading-wrapper.heading-wrapper--start~.grid-with-banner slider-component .slider-bottom-bar{grid-template-columns:auto auto;grid-template-areas:"left right"}.heading-wrapper.heading-wrapper--start~.grid-with-banner slider-component .slider-bottom-bar .buttons-wrapper{--slider-bottom-grid-area-mobile: right;justify-content:flex-end;justify-self:flex-end;margin-top:0}.heading-wrapper.heading-wrapper--start~.grid-with-banner slider-component .slider-bottom-bar .slider-buttons,.heading-wrapper.heading-wrapper--start~.grid-with-banner slider-component .slider-bottom-bar:has(.slider-buttons.hidden) .buttons-wrapper{--slider-bottom-grid-area-mobile: left;justify-content:flex-start;justify-self:flex-start}.heading-wrapper.heading-wrapper--start~.grid-with-banner .view-all-bottom .buttons-wrapper{justify-content:flex-start;justify-self:flex-start}}.grid-with-banner .slider--single-page>.slider-track{justify-content:flex-start;overflow:visible}.section:has(.grid-with-banner--peek-lg),.section:has(.grid-with-banner--peek-sm){overflow:visible;overflow-x:clip}.section__container:has(.grid-with-banner--peek-lg),.section__container:has(.grid-with-banner--peek-sm){overflow:visible}.grid-with-banner--peek-lg .grid-with-banner__products slider-component,.grid-with-banner--peek-lg .grid-with-banner__products .slider-clip,.grid-with-banner--peek-lg .grid-with-banner__products .slider,.grid-with-banner--peek-sm .grid-with-banner__products slider-component,.grid-with-banner--peek-sm .grid-with-banner__products .slider-clip,.grid-with-banner--peek-sm .grid-with-banner__products .slider{overflow:visible!important}@media(min-width:769px){.grid-with-banner--peek-lg:has(.slide:hover) .grid-with-banner__banner,.grid-with-banner--peek-lg:has(.slide:focus-within) .grid-with-banner__banner{position:relative;z-index:calc(var(--layer-elevated) + 1)}.grid-with-banner--peek-lg:not(.grid-with-banner--reverse) .grid-with-banner__products,[dir=rtl] .grid-with-banner--peek-lg.grid-with-banner--reverse .grid-with-banner__products{clip-path:inset(-100vw -100vw -100vw 0)}.grid-with-banner--peek-lg.grid-with-banner--reverse .grid-with-banner__products,[dir=rtl] .grid-with-banner--peek-lg:not(.grid-with-banner--reverse) .grid-with-banner__products{clip-path:inset(-100vw 0 -100vw -100vw)}.grid-with-banner--peek-lg:not(.grid-with-banner--reverse) .grid-with-banner__products:has(.slide:hover),.grid-with-banner--peek-lg:not(.grid-with-banner--reverse) .grid-with-banner__products:has(.slide:focus-within),[dir=rtl] .grid-with-banner--peek-lg.grid-with-banner--reverse .grid-with-banner__products:has(.slide:hover),[dir=rtl] .grid-with-banner--peek-lg.grid-with-banner--reverse .grid-with-banner__products:has(.slide:focus-within){clip-path:inset(-100vw -100vw -100vw -50px)}.grid-with-banner--peek-lg.grid-with-banner--reverse .grid-with-banner__products:has(.slide:hover),.grid-with-banner--peek-lg.grid-with-banner--reverse .grid-with-banner__products:has(.slide:focus-within),[dir=rtl] .grid-with-banner--peek-lg:not(.grid-with-banner--reverse) .grid-with-banner__products:has(.slide:hover),[dir=rtl] .grid-with-banner--peek-lg:not(.grid-with-banner--reverse) .grid-with-banner__products:has(.slide:focus-within){clip-path:inset(-100vw -50px -100vw -100vw)}.grid-with-banner--peek-lg slider-component.has-item-shadow>.slider-clip>.slider>.slider-list>.slide:hover,.grid-with-banner--peek-lg slider-component.has-item-shadow>.slider-clip>.slider>.slider-list>.slide:hover~.slide,.grid-with-banner--peek-lg slider-component.has-item-shadow>.slider-clip>.slider>.slider-list>.slide:has(~.slide:hover),.grid-with-banner--peek-lg slider-component.has-item-shadow>.slider-clip>.slider>.slider-list>.slide:focus-within,.grid-with-banner--peek-lg slider-component.has-item-shadow>.slider-clip>.slider>.slider-list>.slide:focus-within~.slide,.grid-with-banner--peek-lg slider-component.has-item-shadow>.slider-clip>.slider>.slider-list>.slide:has(~.slide:focus-within){opacity:1!important;visibility:visible!important;pointer-events:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-grid-with-banner.css.map */