/*=========================================================
    OOTACAMUND'S Core
    UI System v1.0
    Module : Product Details
    Author : Aiden
==========================================================*/


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

.oota-product-details{

    background:#ffffff;

    border:1px solid #ececec;

    border-radius:18px;

    padding:32px;

    margin:35px 0;

    box-shadow:0 6px 18px rgba(0,0,0,.04);

}


/*=========================================================
    HEADING
==========================================================*/

.oota-heading{

    color:#7d007c;

    font-size:26px;

    font-weight:700;

    margin:0 0 28px;

    padding-bottom:14px;

    border-bottom:2px solid #f4f4f4;

    line-height:1.3;

}


/*=========================================================
    EACH ROW
==========================================================*/

.oota-detail-row{

    padding:18px 0;

    border-bottom:1px solid #f2f2f2;

}

.oota-detail-row:last-child{

    border-bottom:none;

}


/*=========================================================
    LABEL
==========================================================*/

.oota-detail-label{

    color:#777777;

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:1px;

    font-weight:600;

    margin-bottom:8px;

}


/*=========================================================
    VALUE
==========================================================*/

.oota-detail-value{

    color:#222222;

    font-size:17px;

    line-height:1.8;

    font-weight:500;

}


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

@media(max-width:768px){

    .oota-product-details{

        padding:22px;

        border-radius:14px;

    }

    .oota-heading{

        font-size:22px;

    }

    .oota-detail-value{

        font-size:16px;

    }

}
/* ===========================
   Buy With Confidence
=========================== */

.oota-confidence{
    margin-top:24px;
}

.oota-confidence-list{
    list-style:none;
    padding:0;
    margin:0;
}

.oota-confidence-list li{

    padding:14px 0;

    border-bottom:1px solid #f2f2f2;

    font-size:15px;

    color:#333;

    display:flex;

    align-items:center;

    gap:12px;

}

.oota-confidence-list li:last-child{
    border-bottom:none;
}
/* ==========================================================
   OOTACAMUND'S Design System v1.0
   ========================================================== */

:root{

    --oota-primary:#7D007C;

    --oota-border:#E8E8E8;

    --oota-bg:#FFFFFF;

    --oota-light:#FAFAFA;

    --oota-heading:#1F1F1F;

    --oota-text:#5A5A5A;

    --oota-radius:14px;

    --oota-padding:28px;

    --oota-shadow:
        0 8px 28px rgba(0,0,0,.05);

}

/* ---------- Universal Card ---------- */

.oota-card{

    background:#fff;

    border:1px solid var(--oota-border);

    border-radius:var(--oota-radius);

    padding:var(--oota-padding);

    margin:32px 0;

    box-shadow:var(--oota-shadow);

}

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

.oota-heading{

    margin:0 0 24px;

    font-size:22px;

    font-weight:700;

    color:var(--oota-heading);

}

/* ---------- Detail Rows ---------- */

.oota-detail-row{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:25px;

    padding:14px 0;

    border-bottom:1px solid #F2F2F2;

}

.oota-detail-row:last-child{

    border-bottom:none;

}

.oota-detail-label{

    width:35%;

    font-weight:600;

    color:#444;

}

.oota-detail-value{

    width:65%;

    color:var(--oota-text);

    text-align:left;

}

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

@media(max-width:768px){

    .oota-detail-row{

        flex-direction:column;

        gap:6px;

    }

    .oota-detail-label,

    .oota-detail-value{

        width:100%;

    }

}
/* Gallery Height Fix */

.single-product .woocommerce-product-gallery{
    align-self:start;
    height:auto !important;
}

.single-product .woocommerce-product-gallery__wrapper{
    height:auto !important;
}

.single-product .flex-viewport{
    height:auto !important;
}
/* ==========================================================
   OOTACAMUND'S Product Hero
   Milestone 1.1
========================================================== */

.single-product div.product{

    display:grid;
    grid-template-columns:55% 45%;
    gap:48px;
    align-items:start;

}

.single-product .woocommerce-product-gallery{

    position:sticky;
    top:30px;

}

.single-product .summary.entry-summary{

    margin:0 !important;
    padding:0 10px;

}