/* =========================================================
   PRODUCT DETAILS
   ========================================================= */

.product-details {
    width: 100%;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.product-details__description {
    padding: 1rem;
}

.product-details__title {
    margin: 0 0 16px;

    color: #000;

    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
}

.product-details__description-content {
    color: #000;

    font-size: 13px;
    line-height: 1.6;
}


/* =========================================================
   SPECIFICATIONS
   ========================================================= */

.product-details__specifications {
    padding: 1rem;
}


/* =========================================================
   HIDDEN CHECKBOX
   ========================================================= */

.product-details__toggle {
    display: none;
}


/* =========================================================
   GRID
   ========================================================= */

.product-details__grid {
    display: flex;

    gap: 60px;

    width: 100%;
}

.product-details__column {
    flex: 1;
    min-width: 0;
}


/* =========================================================
   TABLE
   ========================================================= */

.product-details__table {
    width: 100%;

    border-collapse: collapse;
}

.product-details__row {
    border-bottom: 1px solid #eee;
}

.product-details__row:nth-child(odd) {
    background-color: #fff;
}

.product-details__row:nth-child(even) {
    background-color: #f7f7f7;
}

.product-details__key,
.product-details__value {
    padding: 10px;

    font-size: 14px;
    line-height: 1.4;
    vertical-align: middle;
}

.product-details__key {
    width: 50%;

    font-weight: 700;
}

.product-details__value {
    font-weight: 400;
}


/* =========================================================
   HIDDEN ROWS
   ========================================================= */

.product-details__row--hidden {
    display: none;
}


/* =========================================================
   SHOW MORE
   ========================================================= */

.product-details__more {
    display: flex;

    justify-content: center;

    margin-top: 15px;
}

.product-details__more-button {
    display: inline-block;

    padding: 8px 20px;

    color: #000;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    border: 1px solid #ddd;
    border-radius: 4px;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.product-details__more-button:hover {
    background-color: #f7f7f7;
    border-color: #ccc;
}


/* =========================================================
   TOGGLE
   ========================================================= */

.product-details__more-hide {
    display: none;
}

.product-details__toggle:checked
~ .product-details__grid
.product-details__row--hidden {
    display: table-row;
}

.product-details__toggle:checked
~ .product-details__more
.product-details__more-show {
    display: none;
}

.product-details__toggle:checked
~ .product-details__more
.product-details__more-hide {
    display: inline;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    .product-details__grid {
        flex-direction: column;
        gap: 0;
    }

    .product-details__title {
        font-size: 22px;
    }

    .product-details__description,
    .product-details__specifications {
        padding: 0.75rem;
    }

}