.pwb{--pwb-top: calc(var(--header-offset) + 16px);--pwb-cap: calc(var(--section-h-full) - var(--header-offset) - 32px);--pwb-pad: 32px;--pwb-radius: calc(var(--radius-media) * 1.3);--pwb-content-gap: 8px;--pwb-measure: 500px}.pwb__layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--gap, 0px)}.pwb__layout--solo{grid-template-columns:minmax(0,1fr)}@media(min-width:768px){.pwb__products{align-self:center}}.pwb--banner-right .pwb__banner{order:1}.pwb__banner{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--pwb-content-gap);width:100%;min-width:0;padding:var(--pwb-pad);overflow:hidden;border-radius:var(--pwb-radius)}.section--w-bleed .pwb__banner{border-radius:0}.pwb__banner--h-small{min-height:min(var(--section-h-sm),var(--pwb-cap))}.pwb__banner--h-medium{min-height:min(var(--section-h-md),var(--pwb-cap))}.pwb__banner--h-large{min-height:min(var(--section-h-lg),var(--pwb-cap))}.pwb__banner--h-full{min-height:var(--pwb-cap)}.pwb__banner--ratio{aspect-ratio:var(--pwb-ratio)}.pwb__banner--h-adapt:not(.pwb__banner--ratio){min-height:0}.pwb__media,.pwb__media>picture,.pwb__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.pwb__media{z-index:-1}.pwb__media :is(img,video){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.pwb__overlay{background:var(--pwb-overlay)}.pwb__overlay--bottom{background:linear-gradient(to top,var(--pwb-overlay),transparent 72%)}.pwb__overlay--top{background:linear-gradient(to bottom,var(--pwb-overlay),transparent 72%)}.pwb__overlay--left{background:linear-gradient(to right,var(--pwb-overlay),transparent 72%)}.pwb__overlay--right{background:linear-gradient(to left,var(--pwb-overlay),transparent 72%)}.pwb__overlay--edges{background:linear-gradient(to bottom,var(--pwb-overlay),transparent 38%,transparent 62%,var(--pwb-overlay))}.pwb__overlay--center{background:radial-gradient(ellipse 80% 60% at 50% 50%,var(--pwb-overlay),transparent 78%)}.pwb__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--pwb-content-gap);text-align:left}.pwb__banner--pos-top .pwb__content{justify-content:flex-start}.pwb__banner--pos-center .pwb__content{justify-content:center}.pwb__actions{display:flex;flex-direction:column;align-items:flex-start}.pwb__content>.pwb__actions{margin-block-start:calc(var(--pwb-content-gap) / 2)}.pwb__banner--align-center{text-align:center}.pwb__banner--align-center :is(.pwb__content,.pwb__actions){align-items:center;text-align:center}.pwb__banner--align-right :is(.pwb__content,.pwb__actions){align-items:flex-end;text-align:right}:is(.pwb__heading,.pwb__text){max-width:var(--pwb-measure)}.pwb__actions--separate{position:absolute;z-index:1;inset-inline:var(--pwb-pad);inset-block-end:var(--pwb-pad);align-items:stretch}.pwb__actions--separate>.button{width:100%}.pwb__banner--separate.pwb__banner--pos-bottom .pwb__content{padding-block-end:calc(var(--btn-height) + var(--pwb-content-gap) * 2)}.pwb__banner--separate.pwb__banner--pos-center .pwb__content{padding-block:calc(var(--btn-height) + var(--pwb-content-gap))}.pwb__products{min-width:0}.pwb__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pwb-row-gap, var(--gap, 0px)) var(--pwb-col-gap, var(--gap, 0px));margin:0;padding:0;list-style:none}.pwb__item{min-width:0}@media(min-width:768px){.pwb .pwb__banner{position:sticky;top:var(--pwb-top);max-height:var(--pwb-cap)}.pwb--banner-left.section--w-bleed .pwb__products{padding-inline-end:var(--gutter)}.pwb--banner-right.section--w-bleed .pwb__products{padding-inline-start:var(--gutter)}}@media(max-width:767px){.pwb{--pwb-pad: 16px}.pwb__layout{grid-template-columns:minmax(0,1fr);gap:var(--gap-m, var(--gap, 0px))}.pwb--banner-right .pwb__banner{order:0}.pwb .pwb__banner{min-height:0;aspect-ratio:auto}.pwb .pwb__banner--ratio-m{aspect-ratio:var(--pwb-ratio-m, var(--pwb-ratio))}.pwb .pwb__banner--hm-small{min-height:var(--section-h-sm)}.pwb .pwb__banner--hm-medium{min-height:var(--section-h-md)}.pwb .pwb__banner--hm-large{min-height:var(--section-h-lg)}.pwb .pwb__banner--hm-full{min-height:calc(var(--section-h-full) - var(--header-offset))}.pwb__grid{gap:var(--pwb-row-gap-m, var(--gap-m, 0px)) var(--pwb-col-gap-m, var(--gap-m, 0px))}.pwb__grid--m1{grid-template-columns:minmax(0,1fr)}.section--w-bleed .pwb__products{padding-inline:var(--gutter)}.pwb--swipe-m .pwb__grid{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.pwb--swipe-m .pwb__grid::-webkit-scrollbar{display:none}.pwb--swipe-m .pwb__grid{--pwb-swipe-w: calc((100% - var(--pwb-col-gap-m, 8px)) / 1.2);gap:var(--pwb-col-gap-m, var(--gap-m, 0px))}.pwb--swipe-m .pwb__grid--m2{--pwb-swipe-w: calc((100% - var(--pwb-col-gap-m, 8px)) / 2.2)}.pwb--swipe-m .pwb__item{flex:0 0 var(--pwb-swipe-w);scroll-snap-align:start}.pwb--swipe-m.section--boxed .pwb__grid{margin-inline:0;padding-inline:0;scroll-padding-inline:0}.pwb--swipe-m.section--w-bleed .pwb__products{padding-inline:0}.pwb--swipe-m.section--w-bleed .pwb__grid{margin-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-products-with-banner.css.map */