.multi-product-banner{background:var(--color-gradient, var(--_color-gradient, rgb(var(--color-primary))));position:relative;color:#fff;scroll-margin-top:calc(var(--header-height) + 9rem)}.multi-product-banner_media{width:100%;max-height:min(calc(100svh - var(--header-height) - var(--promo-height)),140rem)}.multi-product-banner--small .multi-product-banner_media{max-height:min(calc(100svh - var(--header-height) - var(--promo-height)),120rem)}@media screen and (min-width:1300px){.multi-product-banner--small .multi-product-banner_media{aspect-ratio:12/5}.multi-product-banner--normal .multi-product-banner_media{aspect-ratio:2/1}}.multi-product-banner_media img,.multi-product-banner_media video,.multi-product-banner_media>svg{width:100%;height:100%;object-fit:cover}.multi-product-banner_media img+img,.multi-product-banner_media video+video{display:none}.multi-product-banner_content{position:absolute;top:0;right:0;bottom:0;left:0;padding:2rem;color:var(--text-color);display:flex;background:rgba(0,0,0,var(--overlay-desktop));z-index:1}.multi-product-banner_content-inner{width:fit-content}.mb-subtitle{position:relative;margin-right:.4rem}.mb-cta{margin-top:1.4rem}.mb-cta[is=custom-button]{cursor:not-allowed;--_color-primary: var(--color-light-grey);--button-primary-bg: var(--color-light-grey);--button-secondary-bg: var(--color-light-grey);--button-border-color: var(--color-light-grey);--button-primary-color: var(--color-white);--button-secondary-color: var(--color-black);color:rgba(var(--button-secondary-color),.5)}.mb-content{max-width:56rem;margin-top:1rem}.hp-banner_hair-quiz{position:absolute;top:2rem;right:2rem;z-index:2}.hp-banner_hair-quiz.design-mode:after{content:'Content for this button can be edited in "Theme settings > App and integrations"';background:rgb(var(--color-white));color:rgb(var(--color-black));position:absolute;top:100%;right:100%;width:27rem;padding:1.6rem;border-radius:1rem;font-size:1.2rem;font-family:inherit;text-transform:none;font-weight:500;opacity:0;visibility:hidden;transition:opacity .2s}.hp-banner_hair-quiz.design-mode:hover:after{opacity:1;visibility:visible}@media screen and (max-width:1299px){.multi-product-banner_media{aspect-ratio:10/6}}@media screen and (max-width:991px){.multi-product-banner_media{aspect-ratio:9/6}}@media screen and (max-width:768px){.multi-product-banner_media>svg{width:auto;height:100%;object-fit:cover}.multi-product-banner_media img:has(+img),.multi-product-banner_media video:has(+video){display:none}.multi-product-banner_media img+img,.multi-product-banner_media video+video{display:block}.multi-product-banner_media{height:calc(100svh - var(--header-height) - var(--promo-height));max-height:100rem;aspect-ratio:unset}.design-mode .multi-product-banner_media{max-height:70rem}.multi-product-banner_content{background:rgba(0,0,0,var(--overlay-mobile))}.has-video .mb-content:not(:has(+.mb-cta)){max-width:min(calc(100% - 8rem),56rem)}.has-video .mb-title:not(:has(+.mb-cta,+.mb-content)){margin-bottom:6rem}}.multi-product-banner_products{position:absolute;right:0;bottom:0;left:0;padding:2rem;z-index:1;display:flex;gap:2rem;width:100%;justify-content:space-between;align-items:flex-end}.mpb-products-cta{white-space:nowrap;min-width:18.5rem}.mpb-products-cta.no-hover:hover{background-color:rgb(var(--_color-primary, var(--button-primary-bg)));color:rgb(var(--button-primary-color));--button-border-color: var(--_color-primary, var(--button-primary-border));cursor:auto}.mpb-products-inner{display:flex;gap:1rem;width:100%}.mpb-product-item{background:rgb(var(--color-white));border-radius:1rem;border:1px dashed rgb(var(--color-black));padding:1rem 1.5rem;color:rgb(var(--color-black));width:26.5rem;position:relative;overflow:hidden;--margin-height: calc(-1 * var(--card-height, 0px))}.mpb-product-item-header{display:flex}.mpb-pi-meta{display:flex;gap:1rem;flex:1}.mpb-pi-title{max-width:12.9rem;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.mpb-pi-title:not(:has(.mpb-toggle)){justify-content:center}.mpb-pi-title h3{font-size:2rem;line-height:1}.mpb-toggle{display:flex;gap:1rem;background:transparent;border:none;padding:0;width:fit-content;cursor:pointer}.mpb-toggle:hover{text-decoration:underline}.mpb-toggle svg{transition:transform .2s ease}.mpb-toggle svg path{fill-opacity:1}.mpb-product-item.open .mpb-toggle svg{transform:rotate(90deg)}.mpb-pi-image{width:5rem;height:6.5rem}.mpb-pi-image img{width:100%;height:100%;object-fit:contain}.mpb-pi-price{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.mpb-product-item-body{margin-bottom:var(--margin-height);transition:margin .2s ease}.mpb-product-item.open .mpb-product-item-body{margin:0}.mpb-product-item.bounce .mpb-product-item-body{margin-bottom:0}.bounce{animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{margin-bottom:-125px}40%{margin-bottom:-95px}60%{margin-bottom:-110px}}.mpb-product-item-body-inner{padding-top:1.5rem;cursor:pointer}.mpb-pi-body-title{margin-bottom:1rem}.mpb-product-item.design_mode[disabled]:after{content:"Product not available";background:rgba(var(--color-camille-pink),.95);position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;width:100%;height:100%;font-family:var(--font-family-body-1);font-weight:var(--font-weight-body-1);font-style:var(--font-style-body-1);font-size:var(--font-size-body-1-desktop);line-height:var(--line-height-body-1-desktop);display:flex;align-items:center;justify-content:center;padding:2rem;color:red}.multi-product-banner_media .media-controls{bottom:unset;top:2.2rem}.mpb-product-item .product_badge{position:absolute;left:0;bottom:0;background:rgb(var(--_color-primary, var(--color-primary)),.2)}.mpb-product-item.sold-out .mpb-pi-price,.mpb-product-item.sold-out .mpb-pi-title{color:rgba(var(--color-black),.5)}@media screen and (max-width:1360px){.mpb-products-inner{flex-wrap:wrap}}@media screen and (max-width:800px){.multi-product-banner_media{display:none}.multi-product-banner_content{position:static}.multi-product-banner_products{position:static;width:100%;border-top:1px dashed rgb(var(--color-white));flex-wrap:wrap;padding:2.4rem 0 0;flex-direction:column-reverse;align-items:flex-start;gap:1rem;margin-top:1.4rem}.multi-product-banner_content{padding:0}.multi-product-banner{padding:2rem 1.5rem}.mpb-product-item{width:100%;max-width:44rem}}@media screen and (max-width:768px)and (min-width:531px){.multi-product-banner_content{max-width:44.4rem;margin-inline:auto;text-align:center}.multi-product-banner_products{max-width:44.4rem;margin-inline:auto}.mpb-products-cta-wrapper{margin-inline:auto}.mb-content{max-width:40rem;margin-inline:auto}.multi-product-banner_cpm-top-left{justify-content:center!important}}@media screen and (min-width:769px){.multi-product-banner_cp-top-left,.multi-product-banner_cp-top-right{align-items:flex-start;justify-content:flex-start}.multi-product-banner_cp-top-center{align-items:flex-start;justify-content:center;text-align:center}.multi-product-banner:not(:has(.media-controls)) .multi-product-banner_cp-top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.multi-product-banner_cp-top-center .mb-cta{margin-inline:auto}.multi-product-banner_cp-top-right .mb-cta{margin-inline-start:auto}}@media screen and (max-width:768px){.multi-product-banner_cpm-top-left{align-items:flex-start;justify-content:flex-start}.multi-product-banner_cpm-top-center{align-items:flex-start;justify-content:center;text-align:center}.multi-product-banner_cpm-top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.multi-product-banner_cpm-middle-left{align-items:center;justify-content:flex-start}.multi-product-banner_cpm-middle-center{align-items:center;justify-content:center;text-align:center}.multi-product-banner_cpm-middle-right{align-items:center;justify-content:flex-end;text-align:right}.multi-product-banner_cpm-bottom-left{align-items:flex-end;justify-content:flex-start}.multi-product-banner:not(:has(.media-controls)) .multi-product-banner_cpm-bottom-center{align-items:flex-end;justify-content:center;text-align:center}.multi-product-banner:not(:has(.media-controls)) .multi-product-banner_cpm-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.multi-product-banner_cpm-bottom-center,.multi-product-banner_cpm-bottom-right{align-items:flex-end;justify-content:flex-start}.multi-product-banner_cpm-top-center .mb-cta,.multi-product-banner_cpm-middle-center .mb-cta,.multi-product-banner_cpm-bottom-center .mb-cta{margin-inline:auto}.multi-product-banner_cpm-top-right .mb-cta,.multi-product-banner_cpm-middle-right .mb-cta,.multi-product-banner_cpm-bottom-right .mb-cta{margin-inline-start:auto}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/multi-product-banner.css.map */