.product-box{
    background: #ffffff;
    padding: 4rem 0;
}

.product-box h1{
    font-size: var(--h1-sm);
    font-weight: 600;
}

.product-head,
.product-head__item,
.product-image,
.product-img-price{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-head{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-head__item{
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.vendor{
    background: var(--gray);
    padding: 0.6rem 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--border-lg);
    font-weight: 500;
}

.summ-com{
    font-weight: 500;
    font-size: var(--text-sm);
}

.summ-com a{
    color:#000;
}

.product-image{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
}

.product-img{
    border: 1px solid var(--gray-border);
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: var(--border-md);
}

.product-img img{
    width: 100%;
}

.product-img-price{
    margin: 3rem 0 0 0;
    gap: 4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product__item{
    width: 100%;
}

.product-price{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-price__inner table{
    width: 100%;
}

.product-price__inner .variant{
    background: var(--gray);
    padding: 1.2rem 1.2rem 1.2rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: var(--border-lg);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-price__inner .variant td{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cart{
    border: none;
    outline: none;
    text-transform: uppercase;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
}

.variant-price{
    font-size: var(--price-lg);
    font-weight: 600;
}

.product-price__inner .variant_name{
    font-size: var(--text-md);
    font-weight: 600;
}

.product-price__inner .variant_radiobutton{
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.product-img-dop{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-image * img:hover{
    opacity: 0.8;
}

.product-img-dop__item{
    border-radius: var(--border-lg);
    overflow: hidden;
    padding: 0.4rem;
    border: 1px solid var(--gray-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-img-dop__item img{
    border-radius: var(--border-md);
}

.product-price__inner{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 2rem;
}

.product__item-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product__item-links a{
    color: var(--black);
    font-weight: 600;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 0.5rem 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.product__item-links a:hover{
    color:var(--blue-lite);
}

.product-description,
.product-features{
    margin: 3rem 0;
    padding: 3rem 4rem;
    background: var(--gray);
    border-radius: var(--border-md);
}

.product-description h2,
.product-features h3,
.related-products h3{
    font-size: var(--text-md);
    margin-bottom: 1rem;
}

.product-description a{
    color: var(--blue-black);
}

.product-description a:hover{
    color: var(--blue-lite);
}

.product-description__description p{
    font-size: var(--text-sm);
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.product-features__box-inner{
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .2rem;
    margin: 2rem 0 0 0;

}

.product-features__box-inner-item{
    padding: 1.5rem;
    background: #ffffff;
    border-radius: var(--border-md);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--link-lg);
    font-weight: 500;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-features__box-inner-item:nth-child(2n){
    background: var(--gray);
}

.product-features__box-inner-item span:nth-child(1){
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
}

.product-features__box-inner-item span:nth-child(2){
    font-weight: 600;
}

.product-features__box-inner-item:hover{
    background: var(--blue);
    color:#fff;
}

.related-products {
    background: var(--gray);
    padding: 5rem 0 3rem 0;
    margin: 3rem 0;
}

.related-products a:hover{
    color: var(--blue-lite);
}

.products-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4rem 0;
}

.products-list__product{
    background: #fff;
    padding: 2.3rem 2rem 2.6rem 2rem;
    border-radius: var(--border-md);
    list-style-type: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 20%;
    min-width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.products-list__product:hover{
    -webkit-box-shadow: 1px 0 15px -5px rgba(0,0,0,0.25);
    box-shadow: 1px 0 15px -5px rgba(0,0,0,0.25);
}


.products-list__product-name{
    font-size: var(--link-lg);
    color: var(--black);
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.products-list__product-image{
    margin: 1.2rem 0;
    border: 1px solid var(--lite-gray);
    border-radius: var(--btn-text-lg);
    overflow: hidden;
    text-align: center;
}

.products-list__product-image img{
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.products-list__product-btn{
    width: 88%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.products-list__product-price{
    font-size: var(--price-md);
    font-weight: 600;
    text-align: center;
    margin: 0.2rem 0 1.2rem 0;
}

.block-product-box__products-item-price{
    font-size: var(--price-md);
    font-weight: 600;
    text-align: center;
    margin: 0.2rem 0 1.2rem 0;
}

.related-products-variant .block-product-box__products-item-price:nth-of-type(1){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.4rem 0 1.4rem 0;
}

.related-products-variant .block-product-box__products-item-price:nth-of-type(2){
    display: none;
}

.comments-row{
    padding: 3rem 0;
    background: #ffffff;
}

.comments-title{
    font-weight: 600;
}


.form-comments form{
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment-textarea{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 56%;
    flex: 1 1 56%;
}

.comment-textarea textarea {
    width: 100%;
    height: 100%;
    border-radius: var(--border-md);
    border: 2px solid var(--gray-border);
    min-height: 100px;
}

.comment-inputs{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment-inputs input{
    border-radius: var(--border-md);
    border: 2px solid var(--gray-border);
    outline: none;
    padding: 1rem;
    width: -webkit-fill-available;
}

.comment-inputs__item{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.button-comment{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: none !important;
    border: 2px solid var(--blue) !important;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.price-td{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.compare_price{
    text-decoration: line-through;
    color: #ffffff;
    background: #b25252;
    width: fit-content;
    padding: 0.1rem 0.6rem;
    border-radius: var(--border-lg);
}

@media (max-width: 767px) {
    .product-box h1 {
        font-size: var(--text-lg);
    }

    .product-box {
        padding: 2rem 0;
    }

    .product-img-price {
        margin: 2rem 0 0 0;
        gap: 2rem;
    }

    .product__item-links a {
        font-size: 15px;
    }

    .product-price__inner {
        margin-bottom: 1rem;
    }

    .product-img{
        padding: .4rem;
    }

    .variant-price {
        font-size: var(--text-lg);
    }

    .product-price__inner .variant_name {
        font-size: var(--text-sm);
    }

    .btn-blue {
        padding: 1.1rem 2rem;
        font-size: var(--text-sm);
    }
    .product-image {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .product-description, .product-features,
    .product-features__box-inner-item{
        padding: 1.2rem ;
        font-size: var(--link-md);
    }

    .product-price__inner .variant {
        padding: 1.2rem 1rem 1.2rem 1rem;
        margin-bottom: 1.2rem;
    }

    .product-description__description p span{
        word-break: break-word;
        white-space: pre-wrap;
    }

    .related-products {
        padding: 3rem 0 2rem 0;
        margin: 4rem 0 2rem 0;
    }

    .products-list {
        margin: 2rem 0;
    }

    .comments-row {
        padding: 2rem 0;
    }

    .comment-inputs input {
        width: 100%;
    }

    .comment-inputs {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .products-list__product {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: initial;
    }

}