.product-content__container{
    display: flex;
    gap: 30px;
    width: 100%;
}
.product-content__description{
    flex: 1;
}
.product-content__slider{
    flex: 0.7;
    display: flex;
    gap: 10px;
    max-width: 100% !important;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.product-sliderThumb{
    width: 100px;
    height: 100%;
}
.product-slider img{
    object-fit: cover;
    border-radius: 2px;
    width: 100%;
    aspect-ratio: 17 / 25;
}
.product-slider a{
    cursor: pointer;
}
.product-sliderThumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
    box-sizing: border-box;
    object-position: top;
}
.product-slider .swiper-slide{
    width: 100% !important;
}
.product-sliderThumb__item{
    cursor: pointer;
    opacity: .6;
    transition: .3s;
}
.product-sliderThumb__item.swiper-slide-thumb-active{
    opacity: 1;
    transition: .3s;
}
.product-slider__btn-next, .product-slider__btn-prev{
    width: 40px;
    height: 40px;
    background: var(--white);
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
}
.product-slider__btn-next{
    right: 10px;
}
.product-slider__btn-prev{
    left: 10px;
}
.product-slider__btn-prevIco, .product-slider__btn-nextIco{
    position: relative;
    width: 100%;
    height: 100%;
}
.product-slider__btn-prevIco::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    background: var(--krayola);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.66308 0.318191L0.815166 7.23182C0.394945 7.65607 0.394945 8.34393 0.815166 8.76818L7.66308 15.6818C8.0833 16.1061 8.76461 16.1061 9.18483 15.6818C9.60506 15.2576 9.60506 14.5697 9.18483 14.1454L3.0978 8L9.18483 1.85455C9.60506 1.4303 9.60506 0.742446 9.18483 0.318191C8.76461 -0.106064 8.0833 -0.106064 7.66308 0.318191Z' fill='%2376344F'/%3E%3C/svg%3E%0A");
}
.product-slider__btn-nextIco::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 50%;
    height: 50%;
    background: var(--krayola);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: right;
    mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.33692 0.318191L9.18483 7.23182C9.60505 7.65607 9.60505 8.34393 9.18483 8.76818L2.33692 15.6818C1.9167 16.1061 1.23539 16.1061 0.815166 15.6818C0.394945 15.2576 0.394945 14.5697 0.815166 14.1454L6.9022 8L0.815166 1.85455C0.394945 1.4303 0.394945 0.742446 0.815166 0.318191C1.23539 -0.106064 1.9167 -0.106064 2.33692 0.318191Z' fill='%2376344F'/%3E%3C/svg%3E%0A");
}
.description-header__status{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-content__description-header{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.product-content__description{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.description-main__price h2{
    font-size: 48px;
}
.description-main__price h3.old{
    color: var(--text-gray);
    text-decoration: line-through;
}
.description-main__action-btn{
    width: fit-content;
    padding: 15px 10px;
    border: solid 1px var(--beige);
    cursor: pointer;
    transition: .3s;
}
.description-main__action-btn p{
    font-size: 18px;
    text-align: center;
}
.description-main__action-btn:hover{
    background: var(--beige);
    transition: .3s;
}
.description-main__action-wishlist{
    width: 35px;
    height: 35px;
    position: relative;
    cursor: pointer;
}
.description-main__action-wishlist::before,
.description-main__action-wishlist::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mask-size: contain;
    mask-repeat: no-repeat;
    background: var(--krayola);
    transition: opacity 0.3s ease;
}

.description-main__action-wishlist::before {
    mask-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.7901 42.3586L22.9123 41.7047C22.1223 41.1473 4.08388 27.9498 4.08388 17.2935C4.06046 14.9883 4.75826 12.7333 6.07967 10.8442C7.40108 8.95514 9.27998 7.52639 11.4535 6.75787C13.627 5.98935 15.9864 5.91952 18.2016 6.55814C20.4167 7.19677 22.3769 8.5119 23.8077 10.3195C24.8471 9.0425 26.1572 8.0123 27.6434 7.30338C29.1295 6.59446 30.7546 6.22452 32.4012 6.22029H32.4275C35.3628 6.22377 38.1769 7.39167 40.2521 9.46768C42.3272 11.5437 43.494 14.3582 43.4964 17.2935C43.4964 27.9498 25.4623 41.1473 24.7118 41.7047L23.7901 42.3586ZM15.1308 9.20036C14.0752 9.20086 13.0301 9.41083 12.0562 9.8181C11.0823 10.2254 10.1989 10.8218 9.45718 11.573C8.71545 12.3241 8.13013 13.2149 7.73515 14.1939C7.34016 15.1728 7.14335 16.2204 7.15613 17.276C7.15613 24.4211 18.4181 34.463 23.7901 38.549C29.1622 34.4586 40.4241 24.4123 40.4241 17.2935C40.4218 15.1722 39.5781 13.1385 38.0781 11.6385C36.5781 10.1386 34.5444 9.29485 32.4231 9.29253C30.9074 9.29088 29.4224 9.71932 28.1405 10.5281C26.8586 11.3368 25.8325 12.4927 25.1814 13.8614L23.7726 16.8415L22.3944 13.8482C21.7553 12.4597 20.7312 11.2837 19.4437 10.4599C18.1562 9.63604 16.6593 9.1989 15.1308 9.20036Z' fill='black'/%3E%3C/svg%3E%0A");
    opacity: 1;
    transition: .3s;
}

.description-main__action-wishlist::after {
    mask-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.1533 6.23061C31.1926 6.22627 29.2711 6.77983 27.6133 7.82663C25.9554 8.87343 24.6296 10.3703 23.7906 12.1424C22.8025 9.99 21.1045 8.24273 18.9813 7.19357C16.858 6.14441 14.4386 5.85714 12.1287 6.37994C9.81877 6.90274 7.75883 8.20381 6.29426 10.065C4.82969 11.9262 4.04954 14.2343 4.08463 16.6024C4.08463 27.4169 23.7906 41.7013 23.7906 41.7013C23.7906 41.7013 43.4965 27.4169 43.4965 16.6024C43.5003 15.2417 43.2355 13.8936 42.7174 12.6355C42.1993 11.3773 41.438 10.2337 40.4772 9.27017C39.5163 8.30668 38.3748 7.54225 37.1181 7.02067C35.8613 6.49909 34.514 6.23061 33.1533 6.23061Z' fill='black'/%3E%3C/svg%3E%0A");
    opacity: 0;
    transition: .3s;
}

.description-main__action-wishlist:hover::before {
    opacity: 0;
    transition: .3s;
}

.description-main__action-wishlist:hover::after {
    opacity: 1;
    transition: .3s;
}
.description-main__action-wishlist.active::after{
    opacity: 1;
}
.description-main__action-wishlist.active:hover::after {
    background: var(--text);
    transition: .3s;
}
.description-main__action{
    display: flex;
    align-items: center;
    gap: 15px;
}
.product-content__description-main{
    flex-wrap: wrap;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    justify-content: space-between;
}
.price-sale__tag{
    background: var(--krayola);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url("data:image/svg+xml,%3Csvg width='68' height='67' viewBox='0 0 68 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.5151 1.28128C32.7119 -0.108121 34.8642 -0.108122 36.0611 1.28128L38.2658 3.8408C39.1459 4.86244 40.5994 5.17141 41.8189 4.59604L44.8741 3.15456C46.5326 2.37207 48.4988 3.24749 49.0271 5.00357L50.0002 8.23857C50.3886 9.52983 51.5908 10.4033 52.9389 10.3737L56.3163 10.2995C58.1497 10.2592 59.5898 11.8587 59.3581 13.6778L58.9313 17.0289C58.761 18.3665 59.504 19.6535 60.7476 20.1747L63.8631 21.4807C65.5544 22.1896 66.2195 24.2365 65.2679 25.8041L63.515 28.6919C62.8153 29.8446 62.9706 31.3225 63.8947 32.3045L66.2097 34.7647C67.4664 36.1002 67.2414 38.2407 65.7345 39.2858L62.9586 41.2109C61.8505 41.9794 61.3913 43.3927 61.8361 44.6656L62.9503 47.8548C63.5551 49.586 62.479 51.4499 60.6773 51.7917L57.3583 52.4213C56.0335 52.6726 55.0392 53.777 54.9277 55.1208L54.6485 58.4874C54.4969 60.3149 52.7556 61.58 50.9707 61.1594L47.6825 60.3847C46.3701 60.0754 45.0125 60.6798 44.3641 61.8621L42.7397 64.8241C41.8579 66.432 39.7526 66.8795 38.2931 65.7693L35.6043 63.7241C34.5311 62.9077 33.0451 62.9077 31.9719 63.7241L29.2831 65.7693C27.8236 66.8795 25.7183 66.432 24.8365 64.8241L23.212 61.8621C22.5636 60.6798 21.2061 60.0754 19.8936 60.3847L16.6055 61.1594C14.8205 61.58 13.0793 60.3149 12.9277 58.4874L12.6485 55.1208C12.537 53.777 11.5427 52.6726 10.2179 52.4213L6.89887 51.7917C5.0972 51.4499 4.02105 49.586 4.62589 47.8548L5.74011 44.6656C6.18486 43.3927 5.72566 41.9794 4.61762 41.2109L1.84166 39.2858C0.334764 38.2407 0.109787 36.1002 1.36648 34.7647L3.68152 32.3045C4.60557 31.3225 4.7609 29.8446 4.06121 28.6919L2.30827 25.8041C1.35671 24.2365 2.02181 22.1896 3.71305 21.4807L6.82862 20.1747C8.07221 19.6535 8.81521 18.3665 8.64485 17.0289L8.21803 13.6778C7.98634 11.8587 9.42651 10.2592 11.2599 10.2995L14.6373 10.3737C15.9853 10.4033 17.1876 9.52983 17.576 8.23857L18.5491 5.00357C19.0773 3.24749 21.0435 2.37207 22.702 3.15456L25.7572 4.59603C26.9767 5.17141 28.4303 4.86245 29.3103 3.8408L31.5151 1.28128Z' fill='%234A2937'/%3E%3C/svg%3E%0A");
    display: flex;
    align-items: center;
    justify-content: center;
    mask-position: center;
    padding: 20px;
}
.price-sale__tag p{
    color: var(--white);
    font-size: 24px;
}
.description-main__price-sale{
    display: flex;
    align-items: center;
    gap: 20px;
}
.product-content__slider-thumb{
    max-height: 60vh;
    min-width: 100px;
    overflow: auto;
}
@media (max-width: 1000px){
    .product-content__container{
        flex-direction: column;
    }
}
@media (max-width: 750px){
    .product-content__slider{
        flex-direction: column-reverse;
    }
    .product-sliderThumb {
        width: 100%;
        height: 150px;
    }
    .product-slider__btn-next, .product-slider__btn-prev{
        display: none;
    }
    .price-sale__tag{
        padding: 15px;
    }
    .price-sale__tag p{
        font-size: 18px;
    }
}