@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//pansaressential.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.1") format("woff2");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(156,198,89);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(224, 224, 224);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(156,198,89);
	--wd-alternative-color: rgb(0,0,0);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-font-weight: 800;
	--btn-default-bgcolor: rgb(156,198,89);
	--btn-default-bgcolor-hover: rgb(38,38,38);
	--btn-accented-font-weight: 800;
	--btn-accented-bgcolor: rgb(156,198,89);
	--btn-accented-bgcolor-hover: rgb(10,10,10);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(http://pansaressential.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: url(http://pansaressential.com/wp-content/uploads/2021/08/page-title-shop.jpg);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.page .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(33,33,33);
	--wd-form-brd-color: rgb(0,0,0);
	--wd-form-brd-color-focus: rgb(35,35,35);
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(0,0,0);
}
.product-labels .product-label.new {
	background-color: rgb(179,129,72);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #fff;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* ================================================================
   PANSAR ESSENTIAL: LIGHT GLASS THEME + GREEN GLOW + BLACK FONT
   ================================================================ */

/* 1. ARCHIVO BLACK FONT (Pure Black Color) */
h1, h2, h3, .wd-entities-title, .title, .product-title a {
    font-family: 'Archivo Black', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -1px !important;
    color: #000000 !important; /* Pure Black Font as requested */
    line-height: 1.1 !important;
}

/* 2. GLASS CARD WITH GREEN GLOW SHADOW */
.product-grid-item {
    /* Glass Effect Base */
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 20px !important;
    padding: 15px !important;
    transition: all 0.4s ease-in-out !important;

    /* GREEN GLOW SHADOW (Aapki theme ka green) */
    box-shadow: 0 10px 30px rgba(156, 198, 89, 0.4) !important; 
}

/* Hover State: Shadow gets deeper */
.product-grid-item:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 15px 40px rgba(156, 198, 89, 0.6) !important;
    border-color: #9cc659 !important;
}

/* 3. PRODUCT PRICE (Black & Bold) */
.price, .amount, .price ins {
    color: #000000 !important;
    font-weight: 800 !important;
}

/* 4. BLACK PRODUCT BUTTONS */
.product-grid-item .button, 
.product-grid-item .wd-buy-now-btn, 
.product-grid-item .add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    transition: background 0.3s ease !important;
}

.product-grid-item .button:hover {
    background-color: #9cc659 !important; /* Hover par green */
    color: #000000 !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
}

/* 5. IMAGE CLEANUP */
.product-grid-item .product-element-top {
    background: transparent !important;
    border-radius: 12px !important;
    margin-bottom: 10px;
}

/* ================================================================
   PANSAR ESSENTIAL: SHORT RAMZAN BANNER (BLACK HEADING)
   ================================================================ */

.ramzan-short-banner {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    min-height: 400px; /* Height kam kar di gayi hai */
    background-image: url('http://pansaressential.com/wp-content/uploads/2026/02/Purple-Yellow-Modern-Fashion-Sale-Banner-1980-x-816-px-25.png'); /* Ramadan & Herbal Theme */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    padding: 0 10%;
    overflow: hidden;
}

/* Background Overlay for Soft Look */
.ramzan-short-banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.4); /* Halka white filter taake images aur text balance rahein */
}

.banner-inner-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.text-side {
    max-width: 600px;
}

/* Heading - ARCHIVO BLACK & PURE BLACK */
.black-heading {
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 48px !important;
    color: #000000 !important; /* Pure Black as requested */
    line-height: 1.1 !important;
    font-weight: 900 !important;
    margin: 10px 0 20px 0 !important;
    text-transform: uppercase;
}

.ramzan-tag {
    font-family: 'Archivo Black', sans-serif !important;
    color: #9cc659 !important; /* Theme Green */
    font-size: 14px;
    letter-spacing: 2px;
}

/* Offer Section */
.offer-row {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.discount-badge {
    background: #000000;
    color: #9cc659; /* Green text on Black background */
    padding: 8px 15px;
    font-weight: 900;
    font-family: 'Archivo Black', sans-serif;
    border-radius: 5px;
    font-size: 18px;
}

.delivery-text {
    color: #333333;
    font-weight: 600;
    margin: 0;
}

/* Button Styling */
.btn-shop-black {
    display: inline-block;
    background: #000000 !important;
    color: #ffffff !important;
    padding: 15px 35px;
    border-radius: 5px;
    font-family: 'Archivo Black', sans-serif;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s ease;
}

.btn-shop-black:hover {
    background: #9cc659 !important;
    color: #000000 !important;
    transform: translateY(-3px);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .ramzan-short-banner { min-height: 350px; padding: 20px; text-align: center; }
    .black-heading { font-size: 30px !important; }
    .offer-row { flex-direction: column; gap: 10px; }
}
 /* 1. MAIN PRODUCT IMAGE: Rounded & Bordered */
.single-product .woocommerce-product-gallery__wrapper, 
.single-product .woocommerce-product-gallery img {
    border-radius: 40px !important; /* Image ko round kiya */
    border: 3px solid #9cc659 !important; /* Green Border */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; /* Light shadow for depth */
}

/* 2. BUTTONS ROW: Add to Cart & Buy Now */
.single-product .summary > .cart, 
.single-product .content-inner > .cart {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* ADD TO CART BUTTON: Black Background, White Text, Slightly Larger */
.single-product .single_add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 15px !important; /* Size thora bara kiya */
    padding: 18px 30px !important; /* Padding barha di */
    border-radius: 10px !important;
    flex: 1.2 !important; /* Isay buy now se thora bara rakha */
    height: auto !important;
    border: none !important;
    text-transform: uppercase !important;
}

/* BUY NOW BUTTON: Theme Green */
.single-product .wd-buy-now-btn {
    background-color: #9cc659 !important;
    color: #000000 !important;
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 14px !important;
    padding: 18px 20px !important;
    border-radius: 10px !important;
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* 3. RELATED PRODUCTS: Fixing Large Price Size */
.related.products .product-grid-item .price,
.upsells.products .product-grid-item .price,
.related.products .amount {
    font-size: 15px !important; /* Price ko chota kiya */
    color: #000 !important;
    font-weight: 900 !important;
    display: block !important;
}

.related.products .wd-entities-title {
    font-size: 13px !important;
    font-family: 'Archivo Black', sans-serif !important;
    margin-bottom: 5px !important;
}

/* 4. QUANTITY SELECTOR: Making space */
.single-product .quantity {
    margin-right: 10px !important;
}

/* Hover effects */
.single-product .single_add_to_cart_button:hover {
    background-color: #333333 !important;
    transform: translateY(-2px);
}






/* --- Product Image Fix --- */
.single-product .woocommerce-product-gallery__wrapper img {
    border-radius: 50% !important; /* Mukammal Round */
    border: 0px solid #000000 !important; /* Black Border as requested */
    padding: 10px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* --- Buttons Row Fix --- */
.single-product .summary > .cart {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
}

/* Add to Cart: Black Background, White Text, Balanced Size */
.single-product .single_add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 14px !important;
    padding: 15px 25px !important;
    border-radius: 8px !important;
    flex: 1 !important;
}

/* Buy Now: Theme Green */
.single-product .wd-buy-now-btn {
    background-color: #9cc659 !important;
    color: #000000 !important;
    font-family: 'Archivo Black', sans-serif !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    flex: 1 !important;
    margin: 0 !important;
}

/* Related Products Price Size Fix */
.related.products .price, .related.products .amount {
    font-size: 14px !important;
    font-family: 'Archivo Black', sans-serif !important;
}



/* ================================================================
   PANSAR ESSENTIAL: PREMIUM WHITE GLASS NAVBAR WITH GREEN TINT
   ================================================================ */

@media (max-width: 768px) {
    /* 1. Main Navbar Container */
    .wd-toolbar.wd-toolbar-label-show {
        /* White base with a very subtle green touch */
        background: rgba(255, 255, 255, 0.85) !important; 
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        
        /* Floating Layout */
        bottom: 15px !important;
        left: 15px !important;
        right: 15px !important;
        width: calc(100% - 30px) !important;
        
        /* Rounded Style */
        border-radius: 20px !important;
        
        /* Subtle Green Border & Deep Shadow */
        border: 1.5px solid rgba(156, 198, 89, 0.2) !important; /* Very light green border */
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(156, 198, 89, 0.05) !important;
        
        height: 65px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 5px !important;
    }

    /* 2. Icons & Text Styling */
    .wd-toolbar .wd-toolbar-link i {
        font-size: 18px !important;
        color: #111111 !important; /* Deep black for contrast */
        transition: 0.3s ease-in-out;
    }

    .wd-toolbar .wd-toolbar-label {
        font-family: 'Archivo Black', sans-serif !important;
        font-size: 9px !important;
        text-transform: uppercase !important;
        color: #666666 !important;
        margin-top: 3px !important;
        letter-spacing: 0.3px;
    }

    /* 3. Active State (The Brand Green Glow) */
    .wd-toolbar .wd-toolbar-link:hover i,
    .wd-toolbar .wd-toolbar-link.wd-active i {
        color: #9cc659 !important; /* Theme Green */
        filter: drop-shadow(0 0 5px rgba(156, 198, 89, 0.3));
    }

    .wd-toolbar .wd-toolbar-link.wd-active .wd-toolbar-label {
        color: #9cc659 !important;
    }

    /* 4. Notification Badges (Clean Green Style) */
    .wd-toolbar .wd-toolbar-count {
        background-color: #9cc659 !important;
        color: #000000 !important;
        font-family: 'Archivo Black', sans-serif !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        top: 6px !important;
        right: 22% !important;
        border: 2px solid #ffffff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
}

/* Page spacing fix */
body.wd-toolbar-enabled {
    padding-bottom: 95px !important;
}






/* --- THEME WIDTH BYPASS --- */

/* 1. Theme ke main containers ko target karna */
.main, .container, .wrapper, #MainContent, .page-width {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Hamare Pansar Essential sections ko force karna */
.pe-about-wrapper, 
.pe-biz-wrapper, 
.pe-wholesale-section,
.pe-stats-section {
    width: 100vw !important; /* Viewport Width: Poori screen ki chorai */
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    box-sizing: border-box !important;
}

/* 3. Inner Content ko thora sa saans lene ki jagah dena */
.pe-biz-main-card, .pe-container, .pe-wholesale-card {
    max-width: 1400px !important; /* Bohat wide layout */
    margin: 0 auto !important;
    width: 100% !important;
}

/* Mobile Fix */
@media (max-width: 768px) {
    .pe-about-wrapper, .pe-biz-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}