.section-shoppable-banner{background-color:var(--bg-color);padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile);width:100%;position:relative}.shoppable-banner-container.grid{width:100%}.shoppable-banner-wrapper{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--20px);width:100%}.shoppable-banner__header{display:flex;align-items:baseline;gap:var(--16px);width:100%;flex-wrap:wrap}.shoppable-banner__subtitle{color:var(--color-almost-black)}.shoppable-banner__title{margin:var(--0px);color:var(--color-almost-black)}.shoppable-banner__cta{color:var(--color-almost-black)}.shoppable-banner__media-container{position:relative;width:100%;overflow:hidden}.shoppable-banner__media{width:100%;height:auto;position:relative}.shoppable-banner__media.placeholder{aspect-ratio:16 / 9;background-color:var(--color-soft-beige)}.shoppable-banner__media picture,.shoppable-banner__media img,.shoppable-banner__media video,.shoppable-banner__media video-media,.shoppable-banner__media .media-video-wrapper,.shoppable-banner__media .snippet-media{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius)}.shoppable-banner__products{position:absolute;z-index:6;display:flex}.shoppable-banner__product-item{position:relative}.shoppable-banner__product-card{display:block;position:relative;background:var(--color-soft-beige-tint);backdrop-filter:blur(var(--30px));-webkit-backdrop-filter:blur(var(--30px));border-radius:var(--radius);overflow:hidden;padding:var(--10px);transition:background var(--transition-fast) ease;width:var(--80px);height:var(--80px)}.shoppable-banner__product-item:hover .shoppable-banner__product-card{background-color:#f2f1ec80}.shoppable-banner__product-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.shoppable-banner__product-popup{position:absolute;bottom:calc(100% + var(--10px));left:50%;transform:translate(-50%) translateY(var(--6px));width:100%;min-width:max-content;max-width:100%;background:var(--color-white);border-radius:2px;padding:var(--5px);filter:drop-shadow(0 1px 5px rgba(28,28,28,.15));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:25;text-align:left}.shoppable-banner__product-popup:before{content:"";position:absolute;top:100%;left:var(--0px);width:100%;height:var(--20px)}.shoppable-banner__product-popup:after{content:"";position:absolute;width:var(--10px);height:var(--10px);background:var(--color-white);border-radius:var(--1px);bottom:calc(var(--5px) * -1);left:50%;transform:translate(-50%) rotate(45deg);z-index:-1}.shoppable-banner__popup-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--8px);padding:var(--0px) var(--5px)}.shoppable-banner__popup-title{margin:var(--0px);color:var(--color-almost-black);white-space:nowrap;overflow:hidden;max-width:var(--150px)}.shoppable-banner__popup-title a{color:currentColor;text-decoration:none}.shoppable-banner__popup-price{color:var(--color-almost-black);white-space:nowrap;margin:var(--0px)}.shoppable-banner__popup-variant{color:var(--color-grey);padding:var(--0px) var(--5px);margin:var(--0px)}.shoppable-banner__add-to-cart{margin-top:var(--5px);width:100%;text-align:center;text-transform:uppercase;height:var(--30px)}.shoppable-banner__footer-mobile{text-align:center}@media(min-width:992px){.section-shoppable-banner{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.shoppable-banner-wrapper{grid-column:2 / span 10}.shoppable-banner__header{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--grid-gutter);align-items:baseline;width:100%}.shoppable-banner__subtitle{grid-column:1 / span 1}.shoppable-banner__title{grid-column:2 / span 7}.shoppable-banner__cta{grid-column:9 / span 2;justify-self:end;text-align:right}.shoppable-banner__media:not(.aspect-d-auto){aspect-ratio:var(--aspect-ratio-desktop);height:auto}.shoppable-banner__media:not(.aspect-d-auto) picture,.shoppable-banner__media:not(.aspect-d-auto) img,.shoppable-banner__media:not(.aspect-d-auto) video,.shoppable-banner__media:not(.aspect-d-auto) video-media,.shoppable-banner__media:not(.aspect-d-auto) .media-video-wrapper,.shoppable-banner__media:not(.aspect-d-auto) .snippet-media{height:100%;width:100%;object-fit:cover}.shoppable-banner__media.aspect-d-auto{aspect-ratio:auto;height:auto}.shoppable-banner__media.aspect-d-auto picture,.shoppable-banner__media.aspect-d-auto img,.shoppable-banner__media.aspect-d-auto video,.shoppable-banner__media.aspect-d-auto video-media,.shoppable-banner__media.aspect-d-auto .media-video-wrapper,.shoppable-banner__media.aspect-d-auto .snippet-media{height:auto;width:100%}.shoppable-banner__products{bottom:var(--20px);right:var(--20px);flex-direction:row;gap:var(--5px)}.shoppable-banner-container{padding-inline:var(--20px)}.collection-promo-card.collection-promo-card--shoppable .shoppable-banner-container{padding-inline:var(--0px)}.shoppable-banner__product-item:hover .shoppable-banner__product-popup,.shoppable-banner__product-item:focus-within .shoppable-banner__product-popup,.shoppable-banner__product-popup:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(var(--0px))}.shoppable-banner__product-item:last-child:not(:only-child) .shoppable-banner__product-popup{left:auto;right:var(--0px);transform:translateY(var(--6px))}.shoppable-banner__product-item:last-child:not(:only-child) .shoppable-banner__product-popup:after{left:auto;right:var(--36px);transform:rotate(45deg)}.shoppable-banner__product-item:last-child:not(:only-child):hover .shoppable-banner__product-popup,.shoppable-banner__product-item:last-child:not(:only-child):focus-within .shoppable-banner__product-popup{transform:translateY(var(--0px))}}@media(max-width:991px){.shoppable-banner-container{padding:var(--0px) var(--16px)}.shoppable-banner__header{gap:var(--10px)}.shoppable-banner__media:not(.aspect-m-auto){aspect-ratio:var(--aspect-ratio-mobile);height:auto}.shoppable-banner__media:not(.aspect-m-auto) picture,.shoppable-banner__media:not(.aspect-m-auto) img,.shoppable-banner__media:not(.aspect-m-auto) video,.shoppable-banner__media:not(.aspect-m-auto) video-media,.shoppable-banner__media:not(.aspect-m-auto) .media-video-wrapper,.shoppable-banner__media:not(.aspect-m-auto) .snippet-media{height:100%;width:100%;object-fit:cover}.shoppable-banner__media.aspect-m-auto{aspect-ratio:auto;height:auto}.shoppable-banner__media.aspect-m-auto picture,.shoppable-banner__media.aspect-m-auto img,.shoppable-banner__media.aspect-m-auto video,.shoppable-banner__media.aspect-m-auto video-media,.shoppable-banner__media.aspect-m-auto .media-video-wrapper,.shoppable-banner__media.aspect-m-auto .snippet-media{height:auto;width:100%}.shoppable-banner__products{bottom:var(--16px);right:var(--16px);flex-direction:column;gap:var(--5px)}.section-shoppable-banner .video-compoenents{flex-direction:row;bottom:var(--16px);top:auto;left:var(--16px);right:auto}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/shoppable-banner.css.map */