.prod-mix-hero{padding-block:16rem;margin:1rem;border-radius:2rem;background-color:var(--bg-light-grey)}@media (max-width: 1025px){.prod-mix-hero{padding-block:2.4rem 6.4rem;margin-top:8.2rem;border-radius:1rem}.prod-mix-hero .container{padding:0 2.4rem}}@media (max-width: 767px){.prod-mix-hero{padding-block:2.4rem 3.2rem;margin-top:7.2rem;border-radius:1rem}.prod-mix-hero .container{padding:0 2.4rem}}.prod-mix-hero-wrap{display:block}.prod-mix-hero-details-navigate{grid-column:1/6;display:inline-flex;gap:.8rem;align-items:center;align-self:flex-end;margin-bottom:1.2rem}@media (max-width: 1025px){.prod-mix-hero-details-navigate{grid-column:1/7}}@media (max-width: 767px){.prod-mix-hero-details-navigate{margin-bottom:2.4rem;grid-column:1/-1;gap:.4rem}}.prod-mix-hero-details-navigate-roti{color:var(--cl-black)}.prod-mix-hero-details-navigate-separator{width:1.6rem;height:1.6rem}.prod-mix-hero-details-navigate-separator svg{width:100%;height:auto}.prod-mix-hero-details{grid-column:1/6;display:flex;flex-direction:column;align-self:flex-start;grid-row:2/4}@media (max-width: 1025px){.prod-mix-hero-details{grid-column:1/7}}@media (max-width: 767px){.prod-mix-hero-details{grid-column:1/-1;grid-row:3/4}}.prod-mix-hero-details-title{color:var(--cl-black);margin-bottom:1.2rem}@media (min-width: 768px) and (max-width: 1025px){.prod-mix-hero-details-title{margin-bottom:1.6rem}}@media (max-width: 767px){.prod-mix-hero-details-title .txt-32{font-size:2.4rem}}.prod-mix-hero-details-price{display:flex;flex-direction:row;gap:.4rem;align-items:center;margin-bottom:2rem}@media (max-width: 767px){.prod-mix-hero-details-price{margin-bottom:1.6rem}}.prod-mix-hero-details-price-old span{color:var(--cl-black-60);text-decoration-line:line-through}.prod-mix-hero-details-price-new{color:var(--cl-black)}.prod-mix-hero-details-decs{color:var(--cl-black-80);margin-bottom:3.2rem}@media (max-width: 1025px){.prod-mix-hero-details-decs{margin-bottom:2.4rem}}.prod-mix-hero-details-form{margin-bottom:.8rem}.prod-mix-hero-details-form-inner{display:grid;grid-template-rows:min-content min-content 0fr;row-gap:.8rem;transition:all ease var(--t-md)}.prod-mix-hero-details-form-inner[data-plan=is-monthly]{grid-template-rows:min-content min-content 1fr}.prod-mix-hero-details-form-inner[data-plan=is-monthly] .prod-mix-hero-details-form-box{left:50%}.prod-mix-hero-details-form-label{margin-bottom:1.2rem;color:var(--cl-black);display:block}.prod-mix-hero-details-form-plan{padding:.5rem;display:flex;flex-direction:row;gap:.5rem;position:relative}.prod-mix-hero-details-form-item{z-index:1;flex:1;cursor:pointer;padding-inline:1.6rem;padding-block:2rem;border-radius:1rem;border:max(1px,.1rem) solid transparent;transition:all var(--t)}@media (max-width: 1025px){.prod-mix-hero-details-form-item{padding-inline:1.2rem;padding-block:1.4rem}}.prod-mix-hero-details-form-item.active .prod-mix-hero-details-form-item-label-price{color:var(--cl-primary)}.prod-mix-hero-details-form-item.coming-soon{pointer-events:none!important}.prod-mix-hero-details-form-item.coming-soon .prod-mix-hero-details-form-item-label-title{color:var(--cl-black-60)}.prod-mix-hero-details-form-item.coming-soon .prod-mix-hero-details-form-item-label-price{color:var(--cl-black-30)}.prod-mix-hero-details-form-item-label{display:flex;flex-direction:column}.prod-mix-hero-details-form-item-label-title{color:var(--cl-black);margin-bottom:.7rem}@media (max-width: 767px){.prod-mix-hero-details-form-item-label-title .txt-16{font-size:1.4rem}}.prod-mix-hero-details-form-item-label-title .txt{line-height:1}.prod-mix-hero-details-form-item-label-price{color:var(--cl-black-60);transition:all ease var(--t-md)}.prod-mix-hero-details-form-item-label-price .txt{line-height:1}@media (max-width: 767px){.prod-mix-hero-details-form-item-label-price .txt-16{font-size:1.4rem}}.prod-mix-hero-details-form-box{--gap-box: .5rem;flex:1;position:absolute;width:calc(50% - var(--gap-box));top:.5rem;left:var(--gap-box);bottom:.5rem;border-radius:1rem;z-index:0;border:max(1px,.1rem) solid var(--cl-primary);background-color:var(--bg-light-orange);transition:all ease var(--t)}.prod-mix-hero-details-form-input{padding-block:2.2rem;padding-inline:1.6rem}@media (max-width: 1025px){.prod-mix-hero-details-form-input{padding-inline:1.6rem;padding-block:1.4rem}}.prod-mix-hero-details-form-input-inner{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.prod-mix-hero-details-form-input-label{color:var(--cl-black)}@media (max-width: 1025px){.prod-mix-hero-details-form-input-label .txt-16{font-size:1.4rem}}.prod-mix-hero-details-form-input-quantity{display:flex;align-items:center;background-color:var(--cl-white);justify-content:space-between;position:relative;border-radius:.5rem;width:max-content;flex-shrink:0;gap:1rem}.prod-mix-hero-details-form-input-quantity-value{color:var(--cl-black-80);min-width:2rem;text-align:center}@media (max-width: 1025px){.prod-mix-hero-details-form-input-quantity-value .txt-16{font-size:1.4rem}}.prod-mix-hero-details-form-input-quantity-toggle{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bg-light-grey);color:var(--bd-grey);transition:all var(--t);width:3.6rem;height:3.6rem}.prod-mix-hero-details-form-input-quantity-toggle>*{pointer-events:none}@media (max-width: 1025px){.prod-mix-hero-details-form-input-quantity-toggle{width:3.6rem;height:3.6rem}.prod-mix-hero-details-form-input-quantity-toggle .ic{--ic-size: 2rem !important}}.prod-mix-hero-details-form-input-quantity-toggle svg path{stroke:currentColor}.prod-mix-hero-details-form-input-quantity-toggle:hover{background-color:var(--cl-black);color:var(--cl-white)}.prod-mix-hero-details-form-deliver{overflow:hidden}.prod-mix-hero-details-form-deliver.active{overflow:visible}.prod-mix-hero-details-form-deliver-inner{padding-block:2.2rem;padding-inline:1.6rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1.6rem}@media (max-width: 1025px){.prod-mix-hero-details-form-deliver-inner{padding-inline:1.6rem;padding-block:1.4rem}}@media (max-width: 767px){.prod-mix-hero-details-form-deliver-inner{padding-inline:1.2rem}}.prod-mix-hero-details-form-deliver-label{color:var(--cl-black)}@media (max-width: 1025px){.prod-mix-hero-details-form-deliver-label .txt-16{font-size:1.4rem}}.prod-mix-hero-details-form-deliver-noted{color:var(--cl-black-60);text-align:center;margin-bottom:1.6rem}.prod-mix-hero-details-form-deliver-dropdown{position:relative}.prod-mix-hero-details-form-deliver-dropdown.active .prod-mix-hero-details-form-deliver-dropdown-list{transform:translateY(0);opacity:1;pointer-events:all}.prod-mix-hero-details-form-deliver-dropdown.active .prod-mix-hero-details-form-deliver-dropdown-label-icon{transform:rotate(180deg)}.prod-mix-hero-details-form-deliver-dropdown-label{display:flex;flex-direction:row;gap:.4rem;border-radius:.5rem;background-color:var(--bg-light-grey);align-items:center;padding:.95rem .8rem;cursor:pointer}.prod-mix-hero-details-form-deliver-dropdown-label-icon{transition:all ease var(--t-md)}.prod-mix-hero-details-form-deliver-dropdown-list{position:absolute;top:calc(100% + .8rem);right:0;padding-inline:1.6rem;border-radius:.5rem;background-color:var(--cl-white);pointer-events:none;min-width:22rem;border:max(1px,.1rem) solid var(--cl-black-10);transform:translateY(1rem);transition:all ease var(--t);opacity:0}.prod-mix-hero-details-form-deliver-dropdown-list-inner{display:flex;flex-direction:column}.prod-mix-hero-details-form-deliver-dropdown-list-item{position:relative;display:flex;flex-direction:row;justify-content:space-between;color:var(--cl-black);padding-block:1.6rem;cursor:pointer}.prod-mix-hero-details-form-deliver-dropdown-list-item.active,.prod-mix-hero-details-form-deliver-dropdown-list-item:hover{color:var(--cl-primary)}.prod-mix-hero-details-form-deliver-dropdown-list-item-title,.prod-mix-hero-details-form-deliver-dropdown-list-item-sales{transition:all ease var(--t-md)}.prod-mix-hero-details-form-deliver-dropdown-list-item:first-child .div-line{display:none}.prod-mix-hero-details-form-deliver-dropdown-list-item .div-line{position:absolute;top:0;left:0;width:100%;background-color:var(--cl-black-10)}.prod-mix-hero-details-form .box-white{background-color:var(--cl-white);border-radius:1rem;border:max(1px,.1rem) solid var(--cl-black-10)}.prod-mix-hero-details-form-submit{display:flex;flex-direction:row;align-items:stretch;width:100%;gap:.8rem}.prod-mix-hero-details-form-submit button{flex:1}.prod-mix-hero-details-form-submit button[disabled]{opacity:.6;pointer-events:none;cursor:not-allowed;background-color:#d3d3d3;color:#000}@media (max-width: 1025px){.prod-mix-hero-details-form-submit .btn{padding:1.6rem 3rem}}@media (max-width: 767px){.prod-mix-hero-details-form-submit .btn{padding:1.4rem 2.2rem}}.prod-mix-hero-gallery{grid-column:9/-1;grid-row:1/4;gap:1rem;max-height:57rem;height:63vh;display:flex;flex-direction:row}@media (max-width: 1025px){.prod-mix-hero-gallery{grid-column:8/-1;margin-left:calc(-1 * var(--grid-gap));justify-content:flex-end;margin-bottom:.6rem;grid-row:1/4;flex-direction:column;height:auto!important;max-height:unset}}@media (max-width: 767px){.prod-mix-hero-gallery{grid-column:1/-1;grid-row:2/3;width:100%;height:auto;max-height:unset;flex-direction:column;height:100%;margin-bottom:3.2rem;margin-left:0}}.prod-mix-hero-gallery .swiper{max-height:100vw;min-height:0;min-width:0;max-width:100vw;width:100%;overflow:hidden}.prod-mix-hero-gallery .swiper-slide{width:auto;flex-shrink:0;display:block;height:100%;max-height:100%}.prod-mix-hero-gallery .swiper-wrapper{max-height:100%;height:100%;display:flex}.prod-mix-hero-gallery-thumbs{aspect-ratio:1;border-radius:1rem;background-color:var(--cl-white);flex-shrink:0;overflow:hidden;margin-right:unset;margin-left:auto;width:100%}@media (min-width: 1025px){.prod-mix-hero-gallery-thumbs{width:auto!important}}.prod-mix-hero-gallery-thumbs-inner{width:100%;display:flex;flex-direction:row}.prod-mix-hero-gallery-thumbs-item{width:100%;padding-block:3.4rem}.prod-mix-hero-gallery-thumbs-item.swiper-slide{opacity:0!important}.prod-mix-hero-gallery-thumbs-item.swiper-slide.swiper-slide-active{opacity:1!important}.prod-mix-hero-gallery-sub-thumbs{width:auto;max-height:100%;overflow:hidden;height:100%;margin-left:unset;margin-right:auto}@media (max-width: 1025px){.prod-mix-hero-gallery-sub-thumbs{height:6.4rem}}.prod-mix-hero-gallery-sub-thumbs-inner{width:100%;display:flex;flex-direction:column;max-height:100%}@media (max-width: 1025px){.prod-mix-hero-gallery-sub-thumbs-inner{flex-direction:row}}.prod-mix-hero-gallery-sub-thumbs-item{width:100%;background-color:var(--cl-white);border-radius:1rem;padding:.5rem;aspect-ratio:1;overflow:hidden;max-height:100%;height:auto!important}@media (max-width: 1025px){.prod-mix-hero-gallery-sub-thumbs-item{border-radius:.5rem}}.prod-mix-hero-gallery-sub-thumbs-item-inner{height:100%}@media (max-width: 767px){.prod-mix-hero-gallery-sub-thumbs-item{width:6.4rem;height:6.4rem}}.prod-mix-hero-gallery-sub-thumbs-item.swiper-slide{opacity:.6;transition:opacity var(--t)}.prod-mix-hero-gallery-sub-thumbs-item.swiper-slide.swiper-slide-thumb-active{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/518/assets/sc-prod-mix-hero.css.map */