.collection-with-banner{--wrapper-gap:1.2rem}.collection-with-banner .collection-with-banner__body{display:flex;flex-direction:column;gap:calc(var(--wrapper-gap)*2)}.collection-with-banner .collection-with-banner__banner,.collection-with-banner .collection-with-banner__body.collection-with-banner__body--no-banner .collection-with-banner__slider-wrap,.collection-with-banner .collection-with-banner__slider,.collection-with-banner .collection-with-banner__slider-inner,.collection-with-banner .collection-with-banner__slider-wrap{width:100%}.collection-with-banner .collection-with-banner__slider-inner{min-width:0}.collection-with-banner .collection-with-banner__slider-wrap{align-items:stretch;display:flex;flex-direction:column;min-width:0}.collection-with-banner .collection-with-banner__banner .media{padding-bottom:var(--ratio-percent)}.collection-with-banner .card .quick-add{margin-bottom:0}.collection-with-banner.collection-with-banner--large .collection-with-banner__body{align-items:center}.collection-with-banner.collection-with-banner--large .card__information{display:flex;flex-direction:column}.collection-with-banner.collection-with-banner--large .card__information .rating,.collection-with-banner.collection-with-banner--large .card__information .rating-yotpo{margin-top:auto}.collection-with-banner.collection-with-banner--large .collection-with-banner__action{display:flex;justify-content:center;margin-top:2rem}@media screen and (max-width:989px){.collection-with-banner.collection-with-banner--large .slider--tablet:after{padding-left:0}.collection-with-banner.collection-with-banner--large .collection-with-banner__slider-wrap{padding-left:3.2rem;padding-right:3.2rem}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-mobile-small .collection-with-banner__banner{margin-inline:auto;max-width:58%;width:58%}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-mobile-medium .collection-with-banner__banner{margin-inline:auto;max-width:84%;width:84%}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-mobile-large .collection-with-banner__banner{max-width:100%;width:100%}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-mobile-adapt .collection-with-banner__banner{margin-inline:auto;max-width:100%;width:fit-content}}@media screen and (min-width:990px){.collection-with-banner.collection-with-banner--large .collection-with-banner__body:not(.collection-with-banner__body--revers){padding-left:calc(var(--wrapper-gap)*2);padding-right:calc(var(--wrapper-gap)*2)}.collection-with-banner.collection-with-banner--large .collection-with-banner__body.collection-with-banner__body--revers{padding-left:calc(var(--wrapper-gap)*2);padding-right:calc(var(--wrapper-gap)*2)}.collection-with-banner.collection-with-banner--large .collection-with-banner__banner{padding-bottom:5px;padding-top:5px}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-desktop-small .collection-with-banner__banner{width:calc(18% + var(--wrapper-gap))}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-desktop-small .collection-with-banner__slider-wrap{width:calc(82% - var(--wrapper-gap)*2)}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-desktop-medium .collection-with-banner__banner{width:calc(25% + var(--wrapper-gap))}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-desktop-medium .collection-with-banner__slider-wrap{width:calc(75% - var(--wrapper-gap)*2)}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-desktop-large .collection-with-banner__banner{width:calc(42% + var(--wrapper-gap))}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-desktop-large .collection-with-banner__slider-wrap{width:calc(58% - var(--wrapper-gap)*2)}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-desktop-adapt .collection-with-banner__body{align-items:stretch}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-desktop-adapt .collection-with-banner__banner{flex:0 1 38%;max-width:48%;min-width:0;width:auto}.collection-with-banner.collection-with-banner--large.collection-with-banner--banner-desktop-adapt .collection-with-banner__slider-wrap{flex:1 1 0;min-width:0;width:auto}}@media screen and (max-width:749px){.collection-with-banner.collection-with-banner--large .collection-with-banner__slider-wrap{padding-left:1.6rem;padding-right:1.6rem}.collection-with-banner.collection .collection__title{flex-wrap:wrap}.collection-with-banner.collection .collection__view-all{margin-left:auto}.collection-with-banner.collection .slider{margin-bottom:2rem}.collection-with-banner .grid--peek.slider .grid__item:first-of-type{margin-left:0}}@media screen and (min-width:750px)and (max-width:989px){.collection-with-banner.collection .page-width-desktop,.collection-with-banner.collection .slider-component-desktop{padding-left:0}}@media screen and (min-width:750px){.collection-with-banner.collection .slider-buttons{left:-17px}}@media screen and (max-width:989px){.collection-with-banner .collection-with-banner__body{flex-wrap:wrap}.collection-with-banner .collection-with-banner__body.collection-with-banner__body--reverse-mobile{flex-direction:column-reverse}}@media screen and (min-width:990px){.collection-with-banner .collection-with-banner__body,.collection-with-banner .collection-with-banner__body.collection-with-banner__body--reverse-mobile{flex-direction:row}.collection-with-banner .collection-with-banner__body.collection-with-banner__body--reverse-desktop{flex-direction:row-reverse}.collection-with-banner.collection .collection__title.collection__title.title-wrapper{margin-bottom:0}.collection-with-banner.collection .slider-component-desktop{padding:0}.collection-with-banner.collection .slider-buttons{width:calc(100% + 36px)}.collection-with-banner .slider--desktop.grid--2-col-desktop .grid__item{max-width:calc((100% - var(--grid-desktop-horizontal-spacing))/2);width:calc((100% - var(--grid-desktop-horizontal-spacing))/2)}}