.collection_banner{padding-inline:1rem;padding-top:1rem}.collection_banner_left{background-color:rgb(var(--color-white));flex:1}.collection_banner_left:has(.collection_banner_media){background:var(--color-gradient, rgb(var(--_color-primary, var(--color-primary))));position:relative;overflow:hidden;border-radius:1.5rem}.collection_banner_media{width:100%;height:100%;aspect-ratio:3/1}.collection_banner_media img{width:100%;height:100%;object-fit:cover}.collection_banner_media img+img{display:none}.collection_banner_content{color:rgb(var(--color-black))}.collection_banner_media+.collection_banner_content{position:absolute;top:0;right:0;bottom:0;left:0;color:rgb(var(--color-white));display:flex;background:rgba(0,0,0,var(--overlay-desktop));z-index:1;padding:2rem}.collection_banner_content_inner{max-width:var(--content-max-width)}.collection_banner_filter_container .facets__form{display:block}.collection_banner.have_banner_filter{display:flex;gap:1rem;justify-content:space-between}.collection_banner_right{padding:2rem 1.5rem;border:1px dashed var(--_color-borders, rgb(var(--_color-primary, var(--color-primary))));border-radius:1.5rem;display:flex;flex-direction:column;gap:1.5rem;min-width:27%;max-width:38rem;max-height:fit-content}.hair_type_filter_wraper ul{display:flex;flex-wrap:wrap;gap:.5rem}.hair_type_filter_item{width:calc(20% - .4rem);max-width:6.6rem}.hair_type_filter_item label.facets__label{padding:.8rem 1.5rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.3rem;border-radius:1.5rem;background-color:rgb(var(--_color-primary, var(--color-primary)),.2);cursor:pointer;width:100%;transition:background-color .2s ease}.hair_type_filter_item label.facets__label.active{background-color:rgb(var(--_color-primary, var(--color-primary)))}.hair_type_filter_item label.facets__label img{width:100%;max-width:3.6rem;height:3.6rem;object-fit:contain}.collection_banner_filter_container{display:flex;flex-direction:column;gap:2.6rem}.collection_banner_filter_container:has([data-hair-type=default].active){gap:1.5rem}.banner_flter_btm_text{border-top:1px dashed rgb(var(--_color-primary, var(--color-primary)));padding-top:2.6rem}.hair_type_detail{display:none}.hair_type_detail.active:not(:empty){display:flex;flex-direction:column;gap:2.6rem}@media screen and (min-width:992px){.collection_banner_content.position-top-left{align-items:flex-start;justify-content:flex-start}.collection_banner_content.position-top-center{align-items:flex-start;justify-content:center;text-align:center}.collection_banner_content.position-top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.collection_banner_content.position-middle-left{align-items:center;justify-content:flex-start}.collection_banner_content.position-middle-center{align-items:center;justify-content:center;text-align:center}.collection_banner_content.position-middle-right{align-items:center;justify-content:flex-end;text-align:right}.collection_banner_content.position-bottom-left{align-items:flex-end;justify-content:flex-start}.collection_banner_content.position-bottom-center{align-items:flex-end;justify-content:center;text-align:center}.collection_banner_content.position-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}}@media screen and (max-width:991px){.collection_banner.have_banner_filter{flex-direction:column}.collection_banner_right{width:100%;max-width:100%}.collection_banner_media{aspect-ratio:16/9}.collection_banner_media img:has(+img){display:none}.collection_banner_media img+img{display:block}.collection_banner_media+.collection_banner_content{background:rgba(0,0,0,var(--overlay-mobile))}.collection_banner_content.mob_position-top-left{align-items:flex-start;justify-content:flex-start}.collection_banner_content.mob_position-top-center{align-items:flex-start;justify-content:center;text-align:center}.collection_banner_content.mob_position-top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.collection_banner_content.mob_position-middle-left{align-items:center;justify-content:flex-start}.collection_banner_content.mob_position-middle-center{align-items:center;justify-content:center;text-align:center}.collection_banner_content.mob_position-middle-right{align-items:center;justify-content:flex-end;text-align:right}.collection_banner_content.mob_position-bottom-left{align-items:flex-end;justify-content:flex-start}.collection_banner_content.mob_position-bottom-center{align-items:flex-end;justify-content:center;text-align:center}.collection_banner_content.mob_position-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.collection_banner_media+.collection_banner_content{padding:1.5rem}.hair_type_filter_item{max-width:unset}}@media screen and (max-width:768px){.collection_banner_media{aspect-ratio:16/10}}@media screen and (min-width:500px)and (max-width:991px){.hair_type_filter_item label.facets__label{padding-block:2rem}}@media screen and (max-width:500px){.collection_banner_media{aspect-ratio:1/1}}@media screen and (max-width:425px){.collection_banner_filter_container .facets__form{overflow-x:auto}.collection_banner_filter_container .facets__form::-webkit-scrollbar{display:none}}@media screen and (max-width:350px){.hair_type_filter_wraper ul{flex-wrap:nowrap}}@media(any-hover:hover){.hair_type_filter_item label.facets__label:hover{background-color:rgb(var(--_color-primary, var(--color-primary)))}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/collection-banner.css.map */