.product-description {
    font-weight: var(--fw-medium);
    font-size: var(--mediuum-size);
    color: var(--light-dark);
}

/* ============== product-detail ============== */
.product-detail {
    background-color: var(--light-white);
}

.product-detail .product-img img {
    border-radius: 15px;
}

.product-detail .product-img .product-main-img {
    /* width: 100%;
    height: 430px; */
}

.product-detail .product-img .product-info-img {
    /* width: 100px; */
    height: 100px;
}

.product-detail .product-information {
    font-weight: var(--fw-normal);
    font-size: var(--mediuum-size);
    color: var(--dark);
}

.product-detail .product-heading {
    font-weight: var(--fw-semi-bold);
    font-size: clamp(16px, 1.4vw, 20px);
    color: var(--dark);
}

.product-rating .rating-point {
    font-weight: var(--fw-normal);
    font-size: var(--mediuum-size);
    color: var(--dark);
}

.product-price {
    font-weight: var(--fw-semi-bold);
    font-size: var(--xl-size);
    color: var(--dark);
}

.product-offer {
    font-weight: var(--fw-medium);
    font-size: var(--xl-size);
    color: var(--light-dark);
    text-decoration: line-through;
}

.product-color .color-title {
    font-weight: var(--fw-semi-bold);
    font-size: var(--mediuum-size);
    color: var(--dark);
}

.product-color .color {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.product-color .color-1 {
    background-color: var(--light-white);
    border: 1px solid var(--black);
}

.product-color .color-2 {
    background-color: #222222;
}

.product-color .color-3 {
    background-color: #888888;
}


.product-information .counter-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 50px;
    width: 126px;
    height: 40px;
    overflow: hidden;
}

.product-information .counter-container .counter-btn {
    flex: 1;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    color: var(--dark);
    font-weight: var(--fw-semi-bold);
}

.product-information .counter-container .counter-value {
    flex: 1;
    text-align: center;
    font-weight: var(--fw-semi-bold);
    font-size: 16px;
    color: var(--dark);
}

.divider {
    width: 1px;
    background-color: var(--border);
    height: 60%;
}

.product-buy-info button {
    border-radius: 50px;
    /* padding: 4px 18px; */
    font-size: clamp(12px, 1.1vw, 14px);
    width: 146px;
    height: 40px;
}

.product-buy-info i {
    color: var(--dark);
    font-size: 24px;
}

.product-information .border {
    height: 1px;
    width: 100%;
    color: var(--light-dark);
}

.product-information .company-name {
    font-weight: var(--fw-medium);
    font-size: var(--mediuum-size);
    color: var(--dark);
}

.product-information .company-name span {
    font-weight: var(--fw-normal);
    font-size: var(--common-size);
    color: var(--light-dark);
}











.product-detail .tabs {
    border-bottom: 1px solid var(--light-dark);
    cursor: pointer;
}

.product-detail .tabs .tab {
    font-weight: var(--fw-semi-bold);
    font-size: var(--xl-size);
    color: var(--light-dark);

}

.product-detail .tabs .tab.active {
    color: var(--dark);
    border-bottom: 2px solid var(--dark);
}

.product-detail .tab-content {
    margin-top: 30px;
    display: none;
}

.product-detail .tab-content.active {
    display: block;
}

.product-detail .tab-content .tab-content-topics p {
    display: flex;
    align-items: center;
}

.product-detail .tab-content .tab-content-topics p i {
    background-color: var(--dark);
    border-radius: 50%;
    color: var(--light-white);
    font-size: 16px;
    margin-right: 10px;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.product-detail .tab-content .review-heading {
    font-weight: var(--fw-semi-bold);
    font-size: var(--xl-size);
    color: var(--dark);
}



.product-detail .light-text {
    color: var(--light-dark);
    font-weight: var(--fw-normal);
    font-size: var(--mediuum-size);
}

.product-detail .review-button button {
    border-radius: 50px;
    padding: 8px 12px;
}

.product-detail .review-button a {
    font-size: var(--common-size);
    color: var(--dark);
    font-weight: var(--fw-normal);
}

.rating-number,
.count-number {
    font-weight: var(--fw-semi-bold);
    font-size: var(--mediuum-size);
    color: var(--dark);
    width: 24px;
    text-align: center;
}

.progress {
    height: 8px;
    background-color: var(--border);
    border-radius: 50px;
}

.progress-bar {
    background-color: var(--dark);
    border-radius: 50px;
}