/* ==========================================================
   Hemritu Product Framework
   File : product.css
   Purpose : Desktop + Common Styles
   Version : 1.0
========================================================== */


/*==========================================================
  HEMRITU PRODUCT PAGE CSS V3
  Part 01 - Layout | Gallery | Header | Price
==========================================================*/


/*==========================================================
  01. PRODUCT LAYOUT
==========================================================*/

@media (min-width: 992px) {

    .woocommerce div.product .woocommerce-product-gallery {
        width: 34% !important;
    }

    .woocommerce div.product div.summary {
        width: 62% !important;
    }

    .single-product .woocommerce-product-gallery {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
        gap: 20px;
    }

    .single-product .woocommerce-product-gallery__wrapper {
        flex: 1;
    }

}


/*==========================================================
  02. PRODUCT GALLERY
==========================================================*/

/* Thumbnail Navigation */

.single-product .flex-control-nav {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
}

.single-product .flex-control-thumbs {

    display: flex !important;
    flex-direction: column;

    width: 90px !important;

    gap: 10px;

    margin: 0 !important;

}

.single-product .flex-control-thumbs li {

    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;

    height: 90px !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

}

.single-product .flex-control-thumbs img {

    display: block !important;

    width: 90px !important;
    height: 90px !important;

    object-fit: contain !important;

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

    cursor: pointer;

}


/* Thumbnail Scroll */

.single-product .flex-control-nav.flex-control-thumbs {

    max-height: 500px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding-right: 4px;

    scrollbar-width: thin;
    scrollbar-color: #999 #f5f5f5;

}

.single-product .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
    width: 6px;
}

.single-product .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-thumb {

    background: #999;
    border-radius: 10px;

}

.single-product .flex-control-nav.flex-control-thumbs::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.flex-control-thumbs {
    scrollbar-width: thin;
}


/* Main Product Image */

.single-product .flex-viewport {

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

    background: #fff;

    transition: border-color .25s ease;

}

.single-product .flex-viewport:hover {
    border-color: #cfcfcf;
}


/*==========================================================
  03. PRODUCT HEADER
==========================================================*/


/* Brand Name */

.hemritu-brand-name {

    margin-bottom: 8px;

    color: #666;

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

    text-transform: uppercase;
    letter-spacing: 1px;

}

/* Hide Mobile Product Header on Desktop */

@media screen and (min-width: 992px){

    body.single-product div.hemritu-mobile-header,
    body.single-product div.hemritu-header-v3{
        display:none !important;
    }

}
/* Hide Default Category */

.single-product .single-product-category {
    display: none !important;
}


/* Review Summary */

.single-product .hemritu-review-summary {

    margin: 12px 0 8px;

    font-size: 14px;

    color: #555;

}

.hemritu-review-summary .star-rating {

    display: inline-block;

    margin-right: 8px;

    vertical-align: middle;

}

.hemritu-review-count {
    font-weight: 500;
}

.hemritu-first-review {

    color: #555;

    font-weight: 500;

    text-decoration: none;

    cursor: default;

}

.hemritu-first-review:hover {
    text-decoration: underline;
}




/*==========================================================
  04. PRICE SECTION
==========================================================*/

.hemritu-price-box {

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 14px;

    margin: 10px 0 20px;

}


/* MRP */

.hemritu-mrp {

    margin: 0;

    color: #666;

    font-size: 15px;

}

.hemritu-mrp del {
    color: #888;
}


/* Offer Price */

.hemritu-offer-price {

    display: flex;
    align-items: center;

    gap: 8px;

    margin: 0;

}

.hemritu-offer-price strong {

    color: #222;

    font-size: 15px;

}

.hemritu-offer-price .offer-price {

    color: #111;

    font-size: 32px;
    font-weight: 700;

    line-height: 1;

}


.single-product .woocommerce-product-gallery__wrapper{
    position:relative !important;
}

.single-product .woocommerce-product-gallery__wrapper .ast-onsale-card{
    position:absolute !important;
    top:14px !important;
    left:14px !important;
    right:auto !important;
    bottom:auto !important;

    background:#d99b16 !important;
    color:#fff !important;
    padding:7px 12px !important;
    border-radius:6px !important;

    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;

    box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
    z-index:50 !important;
}

/* =========================================
   Hemritu Discount Badge
========================================= */

/* Main image wrapper becomes positioning area */
.single-product .woocommerce-product-gallery__wrapper{
    position:relative !important;
}

/* Discount badge */
.single-product .ast-onsale-card{
    position:absolute !important;
    top:14px !important;
    left:14px !important;
    right:auto !important;

    background:#d99b16 !important;
    color:#fff !important;

    padding:7px 12px !important;
    border-radius:6px !important;

    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;

    box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
    z-index:20 !important;
}



/*==========================================================
  05. PRODUCT DESCRIPTION
==========================================================*/

/* Key Specifications */

.hemritu-key-specifications {
    margin: 20px 0;
}

.hemritu-key-specifications h3 {

    margin-bottom: 12px;

    color: #111;

    font-size: 18px;
    font-weight: 700;

}

.hemritu-key-specifications ul {

    margin: 0;
    padding: 0;

    list-style: none;

}

.hemritu-key-specifications li {

    position: relative;

    margin-bottom: 10px;

    padding-left: 24px;

    color: #333;

    font-size: 15px;
    line-height: 1.6;

}

.hemritu-key-specifications li::before {

    content: "✔";

    position: absolute;
    left: 0;

    color: #0a8f3d;

    font-weight: bold;

}


/* Custom Short Description */

.hemritu-short-description {

    margin-bottom: 20px;

    color: #444;

    font-size: 16px;
    line-height: 1.8;

}


/* Description Divider */

.woocommerce-Tabs-panel hr {

    margin: 20px 0;

    border: 0;
    border-top: 1px solid #e5e5e5;

}


/* Hide WooCommerce Default Short Description */

.single-product .woocommerce-product-details__short-description {
    display: none !important;
}



/*==========================================================
  06. STOCK STATUS
==========================================================*/


/* Hide Astra Default Stock */

.single-product .ast-stock-detail {
    display: none !important;
}


/* Stock Badge */

.hemritu-stock-badge {

    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin: 10px 0 16px;

    padding: 10px 16px;

    border-radius: 30px;

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

}


/* Status Dot */

.hemritu-stock-badge .dot {

    width: 10px;
    height: 10px;

    border-radius: 50%;

}


/* In Stock */

.hemritu-stock-badge.in-stock {

    color: #15803d;

    background: #edf9ef;

    border: 1px solid #b9e5c5;

}

.hemritu-stock-badge.in-stock .dot {
    background: #16a34a;
}


/* Out Of Stock */

.hemritu-stock-badge.out-stock {

    color: #c62828;

    background: #fdecec;

    border: 1px solid #f3bcbc;

}

.hemritu-stock-badge.out-stock .dot {
    background: #dc2626;
}


/* Low Stock */

.hemritu-stock-badge.low-stock {

    color: #b76e00;

    background: #fff8e5;

    border: 1px solid #f4d27b;

}

.hemritu-stock-badge.low-stock .dot {
    background: #ffb300;
}


/* Pre Order */

.hemritu-stock-badge.pre-order {

    color: #0b63ce;

    background: #eef5ff;

    border: 1px solid #b8d5ff;

}

.hemritu-stock-badge.pre-order .dot {
    background: #0b63ce;
}



/*==========================================================
  07. CART SECTION
==========================================================*/


/* Cart Layout */

.single-product form.cart {

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

}


/* Buy Now Button */

.single-product .hemritu-buy-now.button {

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    gap: 8px;

    height: 44px !important;

    padding: 0 24px !important;

    margin-left: 0 !important;

    border: 1px solid #8A6416 !important;
    border-radius: 999px !important;

    background: linear-gradient(135deg,#D4A63A,#B88316) !important;

    color: #fff !important;

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

    line-height: 44px;

    transition: .3s ease;

}

.single-product .hemritu-buy-now.button:hover {

    background: linear-gradient(135deg,#C99728,#9E6F10) !important;

    transform: translateY(-1px);

}


/* Buy Icon */

.single-product .hemritu-buy-now .buy-icon {

    font-size: 16px;

    line-height: 1;

}



/*==========================================================
  08. PRODUCT META
==========================================================*/


/* Hide Default Product Meta */

.single-product .product_meta {
    display: none !important;
}


/*==========================================================
  TRUST SECTION
==========================================================*/

.hemritu-trust-section{

    display:inline-flex;

    justify-content:space-between;
    align-items:flex-start;

    gap:18px;

    width:auto;
    max-width:fit-content;

    margin:16px 0 20px;

    padding:14px 18px;

    background:#fff;

    border:1px solid #e8e8e8;
    border-radius:10px;

}




/* Individual Item */

.trust-item {

    flex: 1;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: flex-start;

    text-align: center;

    min-width: 0;

}


/* Icon */

.trust-icon {

    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    margin-bottom: 6px;

    border: 1px solid #e8e8e8;
    border-radius: 50%;

    background: #fafafa;

    font-size: 17px;

    transition: .25s ease;

}

.trust-item:hover .trust-icon {

    background: #f8f8f8;

    transform: translateY(-2px);

}


/* Text */

.trust-text {

    color: #222;

    font-size: 11px;
    font-weight: 500;

    line-height: 1.3;

}

/*==========================================================
  END OF PRODUCT.CSS V3
==========================================================*/

/*==========================================================
Product details page How to Use & Safety Instructions
==========================================================*/

.hemritu-how-to-use ul,
.hemritu-safety ul{

    margin:0;
    padding:0;

    list-style:none;

}

.hemritu-how-to-use li,
.hemritu-safety li{

    position:relative;

    padding-left:28px;

    margin-bottom:14px;

    font-size:16px;

    line-height:1.7;

}

.hemritu-how-to-use li::before{

    content:"➜";

    position:absolute;

    left:0;

    color:#0b63ce;

    font-weight:700;

}

.hemritu-safety li::before{

    content:"⚠";

    position:absolute;

    left:0;

    color:#d97706;

    font-weight:700;

}


/*==========================================================
Product details page FAQ
==========================================================*/

.hemritu-faq{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:16px;

}

.hemritu-faq-item{

    width:100%;
    max-width:720px;

    border:1px solid #e5e5e5;
    border-radius:10px;

    overflow:hidden;

    background:#fff;

}

.hemritu-faq-question{

    padding:16px 18px;

    background:#fafafa;

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

    color:#222;

}

.hemritu-faq-answer{

    padding:16px 18px;

    font-size:15px;

    line-height:1.8;

    color:#555;

}

/*==========================================================
Product details page Specifications Tab
==========================================================*/

.woocommerce table.shop_attributes{

    width:100%;
    max-width:720px;

    border-collapse:collapse;

    margin:0;

}

.woocommerce table.shop_attributes th{

    width:220px;

    background:#fafafa;

    font-weight:600;

    color:#222;

}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td{

    padding:14px 18px;

    border:1px solid #e5e5e5;

    vertical-align:middle;

}

.woocommerce table.shop_attributes td{

    color:#555;

}

.woocommerce table.shop_attributes tr:nth-child(even){

    background:#fff;

}


/*==========================================================
Hemritu Product Information
==========================================================*/

.hemritu-product-information{

    max-width:720px;

}

.hemritu-product-information h3{

    margin-bottom:20px;

    font-size:24px;

}

.hemritu-info-row{

    display:flex;

    align-items:flex-start;

    padding:15px 0;

    border-bottom:1px solid #f0f0f0;

}

.hemritu-info-label{

    width:230px;

    font-weight:600;

    color:#222;

}

.hemritu-info-value{

    flex:1;

    color:#555;

    line-height:1.8;

}

/*==========================================================
In The Box
==========================================================*/

.hemritu-info-section{

    margin-top:35px;

    max-width:720px;

}

.hemritu-info-section h4{

    margin:0 0 15px;

    font-size:18px;

    font-weight:700;

    color:#222;

}

.hemritu-info-list{

    margin:0;
    padding:0;

    list-style:none;

}

.hemritu-info-list li{

    position:relative;

    padding-left:28px;

    margin-bottom:12px;

    line-height:1.7;

    color:#555;

}

.hemritu-info-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#14853b;

    font-weight:700;

}
/*==========================================================
Hemritu Information Cards
==========================================================*/

.hemritu-info-card{

    max-width:720px;

    background:#fff;

    border:1px solid #e7e7e7;

    border-radius:14px;

    padding:24px;

    margin-bottom:28px;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

    transition:.3s;

}

.hemritu-info-card:hover{

    box-shadow:0 8px 24px rgba(0,0,0,.08);

    transform:translateY(-2px);

}

.hemritu-info-section h4{

    display:flex;

    align-items:center;

    gap:8px;

    margin:0 0 18px;

    padding-bottom:12px;

    border-bottom:1px solid #ececec;

    font-size:18px;

    font-weight:700;

}

.hemritu-info-list li{

    margin-bottom:14px;

}

.hemritu-info-list li:last-child{

    margin-bottom:0;

}

/*==========================================================
Manufacturer Details
==========================================================*/

.hemritu-manufacturer{

    max-width:720px;

}

.hemritu-manufacturer a{

    color:#0b63ce;

    text-decoration:none;

    transition:.25s;

}

.hemritu-manufacturer a:hover{

    text-decoration:underline;

}

/*==========================================================
Hemritu Card Title
==========================================================*/

.hemritu-card-title{

    display:flex;

    align-items:center;

    gap:10px;

    margin:0 0 18px;

    padding-bottom:14px;

    border-bottom:1px solid #ececec;

    font-size:22px;

    font-weight:700;

    color:#111;

}


/* Last Row Border Remove */

.hemritu-info-card .hemritu-info-row:last-child{

    border-bottom:none;

}

/* Hemritu Stock Badge - Minimal Style */

.single-product .hemritu-stock-badge{
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    min-width: 0 !important;
}


/* ==================================================
   PRODUCT GROUPS BELOW SINGLE PRODUCT TITLE
================================================== */

.hemritu-single-product-groups{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:8px 0 12px;
}

.hemritu-single-group-badge,
.hemritu-single-group-badge:visited,
.hemritu-single-group-badge:hover,
.hemritu-single-group-badge:focus,
.hemritu-single-group-badge:active{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:6px 10px;
    background:#111827 !important;
    color:#fff !important;

    border-radius:4px;
    font-size:10px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;

    text-decoration:none !important;
}


/* =========================================================
   HEMRITU
   HIDE BLACK LOOP DISCOUNT BADGE ON SINGLE PRODUCT
   KEEP GOLD DISCOUNT BADGE
========================================================= */

body.single-product span.onsale.hemritu-loop-discount {
	display: none !important;
}

/* =========================================================
   HEMRITU MOBILE PRODUCT HEADER — COMPACT
========================================================= */

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

    /* Product main container */
    body.single-product #product-1845 {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Mobile Brand + Rating row */
    body.single-product .summary.entry-summary .hemritu-mobile-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

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

        min-height: 0 !important;
        height: auto !important;

        border-bottom: 1px solid #e5e5e5 !important;
    }

    body.single-product .hemritu-top-brand,
    body.single-product .hemritu-top-review {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-product .hemritu-brand-name {
        margin: 0 !important;
        padding: 0 !important;

        line-height: 1.2 !important;
    }

    body.single-product .hemritu-top-review {
        line-height: 1.2 !important;
    }

    body.single-product .hemritu-top-review span {
        line-height: 1.2 !important;
    }

    /* Remove space before gallery */
    body.single-product .woocommerce-product-gallery {
        margin-top: 6px !important;
    }

}

/* =========================================================
   MOBILE — SHOW ALL 5 PRODUCT THUMBNAILS
   ========================================================= */

@media (max-width: 767px) {

    .single-product .flex-control-nav.flex-control-thumbs {

        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: row !important;

        flex-wrap: nowrap !important;

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        max-height: none !important;

        overflow-x: hidden !important;
        overflow-y: hidden !important;

    }

    .single-product .flex-control-thumbs li {

        flex: 0 0 calc((100% - 32px) / 5) !important;

        width: calc((100% - 32px) / 5) !important;
        min-width: 0 !important;
        max-width: none !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;

    }

    .single-product .flex-control-thumbs img {

        display: block !important;

        width: 100% !important;
        height: auto !important;

        aspect-ratio: 1 / 1 !important;

        object-fit: contain !important;

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

    }

}

/* ==================================================
   HEMRITU MOBILE PRODUCT PAGE — TOP SPACING FIX
================================================== */

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

    body.single-product #primary,
    body.single-product .site-main,
    body.single-product .ast-woocommerce-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.single-product #product-1845 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}