/* ============================================================
   OOTACAMUND'S V6 — PRODUCT SPECIFICATIONS
   Clean Premium Product Page Design
   ============================================================ */


/* ------------------------------------------------------------
   Main Specifications Card
   ------------------------------------------------------------ */

.oota-specifications {

    width: 100%;

    background: #ffffff;

    margin-top: 32px;

    padding: 34px;

    border-radius: 18px;

    border: 1px solid rgba(0, 0, 0, 0.06);

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.05);

    box-sizing: border-box;

}


/* ------------------------------------------------------------
   Section Heading
   ------------------------------------------------------------ */

.oota-specifications h2 {

    margin: 0 0 26px;

    padding-bottom: 18px;

    font-size: 28px;

    font-weight: 700;

    line-height: 1.3;

    color: #27364d;

    border-bottom: 1px solid #eceff3;

}


/* ------------------------------------------------------------
   Table
   ------------------------------------------------------------ */

.oota-specifications table {

    width: 100%;

    border-collapse: separate;

    border-spacing: 0;

    margin: 0;

    overflow: hidden;

    border: 1px solid #e8ebef;

    border-radius: 12px;

    background: #ffffff;

}


/* ------------------------------------------------------------
   Table Rows
   ------------------------------------------------------------ */

.oota-specifications table tr {

    transition:
        background-color 0.2s ease;

}


.oota-specifications table tr:nth-child(even) {

    background: #fafbfc;

}


.oota-specifications table tr:hover {

    background: #f7f8fa;

}


/* ------------------------------------------------------------
   Specification Labels
   ------------------------------------------------------------ */

.oota-specifications table th {

    width: 35%;

    padding: 17px 20px;

    text-align: left;

    vertical-align: middle;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;

    color: #7a2b75;

    background: rgba(122, 43, 117, 0.035);

    border-right: 1px solid #e8ebef;

    border-bottom: 1px solid #e8ebef;

}


/* ------------------------------------------------------------
   Specification Values
   ------------------------------------------------------------ */

.oota-specifications table td {

    padding: 17px 22px;

    vertical-align: middle;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.6;

    color: #4f5f73;

    border-bottom: 1px solid #e8ebef;

}


/* ------------------------------------------------------------
   Remove Bottom Border from Last Row
   ------------------------------------------------------------ */

.oota-specifications table tr:last-child th,

.oota-specifications table tr:last-child td {

    border-bottom: none;

}


/* ------------------------------------------------------------
   Mobile Responsive
   ------------------------------------------------------------ */

@media screen and (max-width: 768px) {


    .oota-specifications {

        margin-top: 24px;

        padding: 22px;

        border-radius: 14px;

    }


    .oota-specifications h2 {

        margin-bottom: 20px;

        padding-bottom: 14px;

        font-size: 24px;

    }


    .oota-specifications table {

        border-radius: 10px;

    }


    .oota-specifications table th,

    .oota-specifications table td {

        padding: 14px 15px;

        font-size: 14px;

    }


    .oota-specifications table th {

        width: 42%;

    }

}


/* ------------------------------------------------------------
   Small Mobile Screens
   ------------------------------------------------------------ */

@media screen and (max-width: 480px) {


    .oota-specifications {

        padding: 18px;

    }


    .oota-specifications h2 {

        font-size: 22px;

    }


    .oota-specifications table,

    .oota-specifications table tbody,

    .oota-specifications table tr,

    .oota-specifications table th,

    .oota-specifications table td {

        display: block;

        width: 100%;

    }


    .oota-specifications table {

        border: none;

        background: transparent;

        overflow: visible;

    }


    .oota-specifications table tr {

        margin-bottom: 12px;

        border: 1px solid #e8ebef;

        border-radius: 10px;

        overflow: hidden;

        background: #ffffff;

    }


    .oota-specifications table th {

        width: 100%;

        padding: 12px 15px;

        border: none;

        border-bottom: 1px solid #eceff3;

        background: rgba(122, 43, 117, 0.04);

    }


    .oota-specifications table td {

        padding: 12px 15px;

        border: none;

    }


    .oota-specifications table tr:last-child th,

    .oota-specifications table tr:last-child td {

        border-bottom: none;

    }

}