.treatments-wrapper{display:flex;justify-content:space-between;align-items:flex-start}.treatment-tabs{width:30%;min-width:280px;border:1px solid #6C6C6C14}.treatment-tabs button{display:flex;align-items:center;column-gap:1rem;width:100%;padding:2rem 1.7rem;border:none;cursor:pointer;text-align:left;border-left:4px solid transparent;border-bottom:1px solid #6C6C6C14;transition:all .3s ease}.treatment-tabs button.active{border-left:4px solid rgb(var(--color-button-background))}.treatment-tabs button .h3{letter-spacing:-.5px;margin:0;transition:all .2s ease}.treatment-tabs button.active .h3{color:rgb(var(--color-button-background))}.treatment-details{width:66%;padding-left:25px}.treatment-details .treatment-item{opacity:0;height:0;overflow:hidden;transform:translateY(20px);transition:opacity .5s ease,height .5s ease,transform .5s ease}.treatment-details .treatment-item.active{opacity:1;height:auto;transform:translateY(0)}.treatment-details{position:relative}.treatment-item{position:absolute;width:100%;top:0;left:0}.treatment-details .treatment-item .h1{letter-spacing:0;margin-block:0}.treatment-details .middle-info-wr{display:flex;justify-content:flex-start;align-items:center;column-gap:2rem;margin-block:1rem}.treatment-details .middle-info-wr .price{font-family:Cinzel;column-gap:3px}.treatment-details .middle-info-wr .current-price{font-size:2.2rem;font-weight:500;color:rgb(var(--color-button-background));line-height:normal}.treatment-details .middle-info-wr .old-price{font-size:1.8rem;font-weight:500}.treatment-details .middle-info-wr .old-price:before{content:"/";margin-right:3px}.treatment-details .middle-info-wr .duration{display:inline-flex;align-items:center;column-gap:5px;font-family:Cinzel;font-size:1.8rem;font-weight:500;margin-block:1rem 0}.treatment-details .button{margin-top:1rem}.treatment-details .desc p{margin-block:2.5rem}.treatment-details .treatment-images{display:flex;gap:2rem;margin-top:2rem}.treatment-details .treatment-images .img-box{flex:1 0 calc(50% - 1rem)}.treatment-details .treatment-images .img-box img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1200px){.treatment-tabs button{font-size:2.2rem}}@media screen and (max-width:992px){.treatment-tabs button{font-size:2rem}.treatment-details .treatment-item .h0{font-size:4.2rem}}@media screen and (max-width:767px){.treatments-wrapper{flex-direction:column;row-gap:2rem}.treatment-tabs,.treatment-details{width:100%;min-width:unset;padding-left:0}.treatment-tabs button{font-size:1.8rem;padding:1.5rem}.treatment-details .treatment-item .h0{font-size:2.4rem}.treatment-details .middle-info-wr{margin-block:.5rem}.treatment-details .middle-info-wr .current-price{font-size:1.8rem}.treatment-details .middle-info-wr .old-price{font-size:1.6rem;line-height:1.5}.treatment-details .middle-info-wr .duration{font-size:1.6rem;margin-block:0}.treatment-details .button{margin-top:0}.treatment-details .desc p{margin-block:2rem}.treatment-details .treatment-images{gap:1rem}}@media screen and (max-width:480px){.treatment-details .button{min-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/treatments.css.map */