/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.5.1
	Stable tag: 3.5.1
	Requires at least: 6.0
	Tested up to: 7.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

:root{
    --yellow:#F4C430;
    --yellow-dark:#DDAA08;
    --yellow-light:#FFF8D9;

    --green:#00a550;
    --green-dark:#17331C;

    --black:#172019;
    --text:#29322C;
    --muted:#737A73;

    --cream:#FFFDF5;
    --white:#FFFFFF;
    --border:#E8E5D8;

    --shadow:0 15px 40px rgba(35,45,25,.10);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:"DM Sans",sans-serif;
    color:var(--text);
    background:#fff;
    line-height:1.6;
    overflow-x:hidden;
}

img{
    width:100%;
    display:block;
}

a{
    text-decoration:none;
    color:inherit;
}

button,
input{
    font-family:inherit;
}

.container{
    width:min(1200px,92%);
    margin:auto;
}


/* =========================================================
   TOP BAR
========================================================= */

.topbar{
    background:var(--yellow);
    color:var(--green-dark);
    text-align:center;
    padding:9px 15px;
    font-size:13px;
    font-weight:800;
}


/* =========================================================
   HEADER
========================================================= */

.header{
    background:#087A35;
    border-bottom:1px solid var(--border);
    position:sticky;
    top:0;
    z-index:1000;
}

.nav{
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}


/* LOGO */

.logo{
    display:flex;
    align-items:center;
    gap:10px;
    font-family:"Playfair Display",serif;
    font-size:30px;
    font-weight:800;
    color:var(--green);
    white-space:nowrap;
}

.logo-mark{
    width:185px;
    height:43px;
    background:var(--yellow);
        display:flex;
    align-items:center;
    justify-content:center;
    font-family:"DM Sans",sans-serif;
    font-size:21px;
    color:var(--green);
    box-shadow:0 4px 10px rgba(244,196,48,.25);
}

.logo span{
    color:var(--yellow-dark);
}


/* DESKTOP MENU */

.menu{
    display:flex;
    align-items:center;
    gap:30px;
    font-size:14px;
    font-weight:700;
}

.menu a{
    position:relative;
    padding:28px 0;
}

.menu a:after{
    content:"";
    position:absolute;
    left:0;
    bottom:20px;
    width:0;
    height:3px;
    background:var(--yellow);
    border-radius:5px;
    transition:.25s;
}

.menu a:hover:after,
.menu a.active:after{
    width:100%;
}

.menu a:hover{
    color:var(--green);
}


/* NAV ACTIONS */

.nav-actions{
    display:flex;
    align-items:center;
    gap:14px;
}

.search-box{
    width:210px;
    height:42px;
    border:1px solid var(--border);
    border-radius:25px;
    display:flex;
    align-items:center;
    padding:0 14px;
    background:#fff;
}

.search-box input{
    border:0;
    outline:none;
    width:100%;
    font-size:13px;
}

.search-icon{
    font-size:17px;
}


.cart-btn{
    width:43px;
    height:43px;
    border-radius:50%;
    background:var(--yellow-light);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
    position:relative;
    transition:.25s;
}

.cart-btn:hover{
    background:var(--yellow);
}

.cart-count{
    position:absolute;
    top:-4px;
    right:-4px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--green);
    color:#fff;
    font-size:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:800;
}


/* MOBILE MENU BUTTON */

.menu-toggle{
    width:43px;
    height:43px;
    border:0;
    background:var(--yellow);
    border-radius:6px;
    cursor:pointer;
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
}

.menu-toggle span{
    width:21px;
    height:2px;
    background:var(--green);
    border-radius:5px;
    transition:.3s;
}

.menu-toggle.active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2){
    opacity:0;
}

.menu-toggle.active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}


/* =========================================================
   HERO
========================================================= */

.hero {
    position: relative;
    width: 100%;
    min-height: 75vh;
    height: auto;
    overflow: hidden;
    isolation: isolate;
    display: flex;
    align-items: center;
}

.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: -1;
}

.hero .container {
    position: relative;
    width: 100%;
    z-index: 1;
}

/* Mobile responsive */
@media (max-width: 767px) {
    .hero {
        min-height: 70svh;
    }
}

.hero-content{
  text-align: center;
    color:#fff;
}

.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--yellow);
    color:var(--green-dark);
    padding:8px 15px;
    border-radius:30px;
    font-size:12px;
    font-weight:800;
    margin-bottom:22px;
}

.hero h1{
    font-family:"Playfair Display",serif;
    font-size:68px;
    line-height:1.08;
    margin-bottom:22px;
}

.hero h1 span{
    color:var(--yellow);
}

.hero p{
    max-width:600px;
    font-size:18px;
    color:#f4f4f4;
    margin-bottom:32px;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:50px;
    padding:0 25px;
    border-radius:5px;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    transition:.25s;
    border:0;
}

.btn-yellow{
    background:var(--yellow);
    color:var(--green-dark);
}

.btn-yellow:hover{
    background: #00a550;
    transform: translateY(-2px);
    color: #fff;
}

.btn-outline{
    border:1px solid rgba(255,255,255,.7);
    color:#fff;
    margin-left:10px;
}

.btn-outline:hover{
    background:#fff;
    color:var(--green);
}


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

.trust{
    background:var(--yellow);
    padding:20px 0;
}

.trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.trust-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:var(--green-dark);
    font-size:13px;
    font-weight:800;
}

.trust-icon{
    width:40px;
    height:40px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}


/* =========================================================
   COMMON SECTION
========================================================= */

.section{
    padding:50px 0;
}

.section-head{
    text-align:center;
    max-width:700px;
    margin:0 auto 48px;
}

.section-label{
    color:#089f53;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.section-title{
    font-family:"Playfair Display",serif;
    font-size:44px;
    line-height:1.2;
    color:var(--green-dark);
}

.section-text{
    color:var(--muted);
    margin-top:13px;
    font-size:15px;
}


/* =========================================================
   CATEGORIES
========================================================= */

.categories{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.category{
    height:310px;
    border-radius:12px;
    overflow:hidden;
    position:relative;
    background:#ddd;
}

.category img{
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.category:hover img{
    transform:scale(1.08);
}

.category:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        transparent 25%,
        rgba(10,25,13,.85)
    );
}

.category-content{
    position:absolute;
    left:22px;
    right:22px;
    bottom:22px;
    z-index:2;
    color:#fff;
}

.category-content h3{
    font-family:"Playfair Display",serif;
    font-size:28px;
}

.category-content p{
    font-size:12px;
    opacity:.9;
}


/* =========================================================
   PRODUCTS
========================================================= */

.products{
    background:var(--cream);
}

.product-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.product-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:10px;
    overflow:hidden;
    transition:.3s;
}

.product-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow);
}

.product-image{
    height:275px;
    background:#f8f6e9;
    position:relative;
}

.product-image img{
    height:100%;
    object-fit:cover;
}

.badge{
    position:absolute;
    top:12px;
    left:12px;
    background:var(--yellow);
    color:var(--green-dark);
    padding:5px 10px;
    border-radius:4px;
    font-size:10px;
    font-weight:800;
    z-index:2;
}

.product-info{
    padding:18px;
}

.product-category{
    color:#93978f;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:1px;
}

.product-name{
    color:var(--green-dark);
    font-size:17px;
    font-weight:800;
    margin:4px 0;
}

.stars{
    color:#E8B400;
    font-size:13px;
}

.price{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:8px;
}

.price strong{
    color:var(--green);
    font-size:19px;
}

.price del{
    color: #f4c430;
    font-size: 14px;
}

.add-cart{
    width:100%;
    margin-top:14px;
    padding:11px;
    background:var(--green);
    color:#fff;
    border:0;
    border-radius:5px;
    font-weight:800;
    cursor:pointer;
    transition:.25s;
}

.add-cart:hover{
    background:var(--yellow);
    color:var(--green-dark);
}


/* =========================================================
   YELLOW PROMO SECTION
========================================================= */

.yellow-banner{
    background:var(--yellow);
    padding:70px 0;
}

.yellow-banner-inner{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    align-items:center;
    gap:40px;
}

.yellow-banner h2{
    font-family:"Playfair Display",serif;
    color:#00a550;
    font-size:48px;
    line-height:1.15;
}

.yellow-banner p{
    color:#39462f;
    margin:15px 0 25px;
    max-width:600px;
}

.yellow-banner .btn{
    background:var(--green);
    color:#fff;
}

.yellow-banner .btn:hover{
    background:#fff;
    color:var(--green);
}

.banner-image{
    height:300px;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.banner-image img{
    height:100%;
    object-fit:cover;
}


/* =========================================================
   WHY LIVE PURE
========================================================= */

.why-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:65px;
    align-items:center;
}

.why-image{
    height:520px;
    border-radius:12px;
    overflow:hidden;
    position:relative;
}

.why-image img{
    height:100%;
    object-fit:cover;
}

.why-image:after{
    content:"100% PURE";
    position:absolute;
    right:20px;
    bottom:20px;
    background:var(--yellow);
    color:var(--green-dark);
    font-weight:800;
    padding:12px 18px;
    border-radius:5px;
}

.why-content h2{
    font-family:"Playfair Display",serif;
    font-size:45px;
    line-height:1.15;
    color:var(--green-dark);
    margin-bottom:18px;
}

.why-content>p{
    color:var(--muted);
    margin-bottom:30px;
}

.features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.feature{
    display:flex;
    gap:13px;
}

.feature-icon{
    flex:0 0 48px;
    height:48px;
    border-radius:50%;
    background:var(--yellow);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
}

.feature h4{
    color:var(--green-dark);
    margin-bottom:3px;
}

.feature p{
    font-size:12px;
    color:var(--muted);
}


/* =========================================================
   PROCESS
========================================================= */

.process{
    background:var(--green);
}

.process .section-title{
    color:#fff;
}

.process .section-label{
    color:var(--yellow);
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.process-item{
    background:#fff;
    padding:30px 22px;
    text-align:center;
    border-radius:10px;
}

.process-number{
    width:50px;
    height:50px;
    border-radius:50%;
    background:var(--yellow);
    color:var(--green-dark);
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 17px;
    font-weight:800;
}

.process-item h3{
    font-family:"Playfair Display",serif;
    color:var(--green-dark);
    margin-bottom:7px;
}

.process-item p{
    color:var(--muted);
    font-size:12px;
}


/* =========================================================
   TESTIMONIAL
========================================================= */

.testimonials{
    background:var(--yellow-light);
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.testimonial{
    background:#fff;
    padding:30px;
    border-radius:10px;
    border:1px solid #eee6c4;
}

.quote{
    font-size:40px;
    line-height:1;
    color:var(--yellow-dark);
}

.testimonial p{
    font-size:14px;
    color:var(--muted);
    margin:10px 0 18px;
}

.customer{
    color:var(--green-dark);
    font-weight:800;
}


/* =========================================================
   NEWSLETTER
========================================================= */

.newsletter{
    background:var(--green-dark);
    padding:70px 0;
    color:#fff;
}

.newsletter-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.newsletter h2{
    font-family:"Playfair Display",serif;
    font-size:38px;
}

.newsletter p{
    color:#c7cec8;
}

.newsletter-form{
    display:flex;
    width:450px;
}

.newsletter-form input{
    width:100%;
    border:0;
    outline:none;
    padding:15px;
    border-radius:5px 0 0 5px;
}

.newsletter-form button{
    border:0;
    padding:0 23px;
    background:var(--yellow);
    color:var(--green-dark);
    font-weight:800;
    border-radius:0 5px 5px 0;
    cursor:pointer;
}


/* =========================================================
   FOOTER
========================================================= */

.footer{
    background:#101C13;
    color:#fff;
    padding:65px 0 25px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:45px;
}

.footer-logo{
    font-family:"Playfair Display",serif;
    font-size:30px;
    color:var(--yellow);
    margin-bottom:15px;
}

.footer p{
    color: #fff;
    font-size: 16px;
}

.footer h4{
    margin-bottom:15px;
    color:var(--yellow);
}

.footer-links{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.footer-links a{
    color: #fff !important;
    font-size: 16px;
}

.footer-links a:hover{
    color:var(--yellow);
}

.copyright{
border-top: 1px solid #fff;
    margin-top: 45px;
    padding-top: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}


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


/* TABLET */

@media(max-width:1050px){

    .menu{
        gap:18px;
    }

    .menu a{
        font-size:13px;
    }

    .search-box{
        width:160px;
    }

    .hero h1{
        font-size:55px;
    }

    .categories,
    .product-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .process-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .yellow-banner-inner{
        grid-template-columns:1fr;
    }

    .banner-image{
        height:350px;
    }
}


/* MOBILE NAV */

@media(max-width:850px){

    .nav{
        min-height:72px;
    }

    .menu-toggle{
        display:flex;
    }

    .menu{
        position:absolute;
        left:0;
        right:0;
        top:72px;

        background:#fff;

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

        padding:10px 5%;
        gap:0;

        border-top:1px solid var(--border);
        box-shadow:0 15px 25px rgba(0,0,0,.08);

        transform:translateY(-120%);
        opacity:0;
        visibility:hidden;

        transition:.3s;
    }

    .menu.active{
        transform:translateY(0);
        opacity:1;
        visibility:visible;
    }

    .menu a{
        padding:15px 5px;
        border-bottom:1px solid #eee;
    }

    .menu a:after{
        display:none;
    }

    .menu a:hover{
        color:var(--yellow-dark);
    }

    .search-box{
        display:none;
    }

    .nav-actions{
        margin-left:auto;
    }
}


/* SMALL MOBILE */

@media(max-width:600px){

    .container{
        width:91%;
    }

    .topbar{
        font-size:10px;
        padding:8px;
    }

    .logo{
        font-size:23px;
    }

    .logo-mark{
        width:36px;
        height:36px;
        font-size:17px;
    }

    .cart-btn,
    .menu-toggle{
        width:39px;
        height:39px;
    }

    .menu{
        top:72px;
    }

    .hero{
        min-height:570px;
        background-position:65% center;
    }

    .hero-content{
        padding-top:30px;
    }

    .hero h1{
        font-size:40px;
    }

    .hero p{
        font-size:14px;
    }

    .btn{
        min-height:46px;
        padding:0 18px;
        font-size:12px;
    }

    .btn-outline{
        margin-left:5px;
    }

    .trust{
        padding:15px 0;
    }

    .trust-grid{
        grid-template-columns:1fr 1fr;
        gap:13px 8px;
    }

    .trust-item{
        justify-content:flex-start;
        font-size:10px;
    }

    .trust-icon{
        width:32px;
        height:32px;
        font-size:15px;
    }

    .section{
        padding:65px 0;
    }

    .section-title{
        font-size:32px;
    }

    .categories,
    .product-grid{
        grid-template-columns:1fr 1fr;
        gap:12px;
    }

    .category{
        height:210px;
    }

    .category-content{
        left:14px;
        right:14px;
        bottom:14px;
    }

    .category-content h3{
        font-size:21px;
    }

    .category-content p{
        font-size:9px;
    }

    .product-image{
        height:190px;
    }

    .product-info{
        padding:12px;
    }

    .product-name{
        font-size:13px;
    }

    .product-category{
        font-size:8px;
    }

    .stars{
        font-size:10px;
    }

    .price strong{
        font-size:15px;
    }

    .price del{
        font-size:10px;
    }

    .add-cart{
        font-size:11px;
        padding:9px 5px;
    }

    .yellow-banner{
        padding:55px 0;
    }

    .yellow-banner h2{
        font-size:35px;
    }

    .banner-image{
        height:250px;
    }

    .why-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .why-image{
        height:360px;
    }

    .why-content h2{
        font-size:34px;
    }

    .features{
        grid-template-columns:1fr;
        gap:20px;
    }

    .process-grid{
        grid-template-columns:1fr 1fr;
        gap:12px;
    }

    .process-item{
        padding:22px 12px;
    }

    .process-item h3{
        font-size:18px;
    }

    .testimonial-grid{
        grid-template-columns:1fr;
    }

    .newsletter-inner{
        flex-direction:column;
        align-items:stretch;
    }

    .newsletter h2{
        font-size:30px;
    }

    .newsletter-form{
        width:100%;
    }

    .newsletter-form button{
        padding:0 15px;
    }

    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:30px 20px;
    }

    .footer-grid > div:first-child{
        grid-column:1/-1;
    }
}


/* VERY SMALL */

@media(max-width:380px){

    .hero h1{
        font-size:35px;
    }

    .categories,
    .product-grid{
        grid-template-columns:1fr;
    }

    .category{
        height:250px;
    }

    .product-image{
        height:250px;
    }

    .process-grid{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }
}
/* WordPress search form reset */
.search-box{
    margin:0;
}
.search-box input[type="search"]{
    background:transparent;
}
.search-box input[type="hidden"]{
    display:none;
}
/* WordPress main menu + dropdown submenu */
#mainMenu {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1000;
}

#mainMenu .menu-list,
#mainMenu .menu-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainMenu .menu-list {
    display: flex;
    align-items: center;
    gap: 30px;
}

#mainMenu .menu-list > li {
    position: relative;
    margin: 0;
    padding: 0;
}

#mainMenu .menu-list li a {
    display: block;
    padding: 20px 0;
    text-decoration: none !important;
    border: 0 !important;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

#mainMenu .menu-list li a:hover,
#mainMenu .menu-list li.current-menu-item > a,
#mainMenu .menu-list li.current_page_item > a,
#mainMenu .menu-list li.current-menu-ancestor > a,
#mainMenu .menu-list li.current_page_ancestor > a {
    color: #e67e22;
    text-decoration: none !important;
}

/* Desktop dropdown submenu */
#mainMenu .menu-list li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    max-width: 300px;
    padding: 7px 0;
    background: #087A35;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 6px;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    z-index: 10010;
}

#mainMenu .menu-list li:hover > ul,
#mainMenu .menu-list li:focus-within > ul {
    display: block;
}

#mainMenu .menu-list li > ul li {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

#mainMenu .menu-list li > ul li a {
    padding: 20px 16px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    white-space: normal;
}

#mainMenu .menu-list li > ul li a:hover,
#mainMenu .menu-list li > ul li.current-menu-item > a,
#mainMenu .menu-list li > ul li.current-menu-ancestor > a {
    color: #17331C;
    background: #F4C430;
}

/* Third-level submenu opens to the right */
#mainMenu .menu-list li > ul li > ul {
    top: 0;
    left: 100%;
}

/* Mobile dropdown menu */
@media (max-width: 850px) {
    #mainMenu {
        display: block;
        overflow: visible;
    }

    #mainMenu .menu-list {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        width: 100%;
    }

    #mainMenu .menu-list > li {
        width: 100%;
    }

    #mainMenu .menu-list li a {
        padding: 12px 5px;
        color: #17331C;
        border-bottom: 1px solid #eee !important;
        font-size: 16px;
    }

    #mainMenu .menu-list li > ul {
        position: static;
        display: none;
        min-width: 0;
        max-width: none;
        padding: 0 0 0 15px;
        background: #fff;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    #mainMenu .menu-list li:hover > ul,
    #mainMenu .menu-list li:focus-within > ul {
        display: block;
    }

    #mainMenu .menu-list li > ul li a {
        color: #17331C;
        font-size: 14px;
        padding: 10px 8px;
    }

    #mainMenu .menu-list li > ul li a:hover,
    #mainMenu .menu-list li > ul li.current-menu-item > a,
    #mainMenu .menu-list li > ul li.current-menu-ancestor > a {
        color: #17331C;
        background: #FFF8D9;
    }

    #mainMenu .menu-list li > ul li > ul {
        position: static;
    }
}

.lp-product-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin: 8px 0;
    font-size: 12px;
}

.lp-rating-stars {
    color: #f5a623;
    letter-spacing: 1px;
}

.lp-rating-number {
    color: #333;
    font-weight: 600;
}

.lp-review-count {
    color: #777;
}

.lp-variation-options {
    margin: 12px 0;
}

.lp-variation-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.lp-variation-option {
    padding: 7px 12px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    transition: all .2s ease;
}

.lp-variation-option:hover,
.lp-variation-option.active {
    border-color: #387a3c;
    background: #387a3c;
    color: #fff;
}

.lp-add-selected-variation:disabled {
    opacity: .65;
    cursor: wait;
}

.lp-product-price del {
    opacity: .65;
    margin-right: 5px;
}

.lp-product-price ins {
    text-decoration: none;
}

.lp-add-selected-variation {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.lp-add-selected-variation svg {
    display: inline-block !important;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Product card ko badge positioning ke liye relative rakhein */
.product-card,
.product-item,
.woocommerce ul.products li.product {
    position: relative;
}

/* SPECIAL OFFER badge - top right corner */
.product-badge {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 10;

    display: inline-block;
    background: #e53935;
    color: #ffffff !important;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    border-radius: 4px;
    pointer-events: none;
}

h3.product-title {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    min-height: 2.1em;
    max-height: 2.1em;
    margin: 0;
    font-size: clamp(11px, 2.8vw, 16px);
    font-weight: 500;
}

.lp-shop-wrap{background:var(--lp-cream);color:var(--lp-deep);padding:0 0 55px;font-family:inherit}
.lp-shop-wrap *{box-sizing:border-box}
.lp-shop-trustbar{display:flex;justify-content:center;align-items:center;gap:clamp(14px,3vw,44px);flex-wrap:wrap;background:#f4c430;padding:13px 20px;font-size:13px;font-weight:600;color:#143b25}
.lp-shop-trustbar span{display:inline-flex;align-items:center;gap:8px}
.lp-shop-hero{min-height:155px;padding:12px max(24px,calc((100% - 1440px)/2));background:linear-gradient(90deg,rgba(255,253,246,.98),rgba(255,253,246,.84)),url('') center/cover;position:relative;overflow:hidden}
.lp-shop-hero h1{font-family:Georgia,serif;font-size:clamp(32px,4vw,48px);line-height:1.12;color:var(--lp-deep);margin:0 0 10px;font-weight:700;position:relative;z-index:1}
.lp-shop-hero h1:after{content:"";display:block;width:72px;height:4px;border-radius:4px;background:var(--lp-yellow);margin-top:12px}
.lp-shop-hero p{margin:0;color:#687168;font-size:16px;position:relative;z-index:1}
.lp-shop-layout{max-width:1440px;margin:0 auto;padding:0px 20px 0;display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.lp-filter-panel{background:#fff;border:1px solid #eeecdf;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(27,61,39,.06);position:sticky;top:20px}
.lp-filter-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--lp-border);margin-bottom:14px}
.lp-filter-head h2{font:700 22px Georgia,serif;margin:0;color:var(--lp-deep)}
.lp-filter-head a{font-size:12px;text-decoration:none;color:var(--lp-green)}
.lp-filter-group{padding:0 0 17px;margin:0 0 16px;border-bottom:1px solid var(--lp-border)}
.lp-filter-group:last-of-type{border-bottom:0;margin-bottom:4px}
.lp-filter-group h3{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--lp-deep)}
.lp-filter-option{display:flex;align-items:center;gap:9px;font-size:14px;color:#283c30;margin:10px 0;cursor:pointer}
.lp-filter-option input{accent-color:var(--lp-green);width:17px;height:17px;margin:0}
.lp-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-price-inputs label{font-size:11px;color:var(--lp-muted)}
.lp-price-inputs input{width:100%;padding:9px;border:1px solid var(--lp-border);border-radius:7px;margin-top:4px;min-width:0}
.lp-filter-actions{display:grid;gap:9px}
.lp-filter-submit,.lp-filter-reset{display:flex;justify-content:center;align-items:center;width:100%;padding:12px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}
.lp-filter-submit{border:1px solid var(--lp-green);background:#09763d;color:#fff}
.lp-filter-submit:hover{background:#056b38;color:#fff}
.lp-filter-reset{border:1px solid var(--lp-green);background:#fff;color:var(--lp-green)}
.lp-shop-main{min-width:0}
.lp-category-chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 23px}
.lp-category-chip{display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;border:1px solid #eee9db;border-radius:28px;background:#fff;color:var(--lp-deep);text-decoration:none;font-size:13px;font-weight:650;box-shadow:0 3px 10px rgba(25,50,30,.04);transition:.2s}
.lp-category-chip:hover,.lp-category-chip.active{background:var(--lp-deep);color:#0a763d;border-color:var(--lp-deep)}
.lp-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px;color:var(--lp-deep);font-size:13px}
.lp-results-toolbar select{max-width:210px;padding:10px 12px;border:1px solid var(--lp-border);border-radius:8px;background:#fff;color:#243d2e}
.lp-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.lp-shop-product{min-width:0;background:#fff;border:1px solid #eeeadd;border-radius:13px;overflow:hidden;box-shadow:0 5px 17px rgba(24,54,33,.055);transition:transform .28s,box-shadow .28s,border-color .28s;display:flex;flex-direction:column}
.lp-shop-product:hover{transform:translateY(-5px);border-color:#c7e0cc;box-shadow:0 14px 28px rgba(24,92,48,.13)}
.lp-shop-product-image{position:relative;overflow:hidden;background:#f7f4e8;aspect-ratio:1/1}
.lp-shop-product-image>a{display:block;width:100%;height:100%}
.lp-shop-product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s}
.lp-shop-product:hover .lp-shop-product-image img{transform:scale(1.06)}
.lp-shop-sale{position:absolute;top:10px;right:10px;background:#f44336;color:#fff;border-radius:20px;padding:5px 11px;font-size:11px;font-weight:800;box-shadow:0 3px 10px #e5393540}
.lp-shop-product-body{padding:12px 13px 14px;display:flex;flex-direction:column;flex:1}
.lp-shop-product-title{font-size:16px;line-height:1.35;font-weight:750;margin:0 0 7px}
.lp-shop-product-title a{color:var(--lp-deep);text-decoration:none}
.lp-shop-rating{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:11px;color:#7b817b;margin-bottom:10px}
.lp-shop-stars{color:#ffad19;letter-spacing:1px;font-size:14px}
.lp-shop-rating strong{color:#1d3324}
.lp-shop-variation-list{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 11px}
.lp-shop-variation{border:1px solid #deded6;border-radius:6px;background:#fff;color:#354137;padding:7px 9px;font-size:11px;cursor:pointer;transition:.2s}
.lp-shop-variation:hover{border-color:var(--lp-green);    background-color: #f4c430;}
.lp-shop-variation.active{background:#16783c;border-color:#16783c;color:#fff;box-shadow:0 3px 8px #16783c25}
.lp-shop-price{font-size:17px;font-weight:800;color:#173d27;margin:0 0 9px;min-height:23px}
.lp-shop-price del{font-size:12px;color:#a8aaa5;font-weight:400;margin-right:5px}
.lp-shop-price ins{text-decoration:none;color:#173d27}
.lp-shop-saving{background:#e8f5e9;color:#4d5e50;border-radius:6px;padding:7px 8px;font-size:11px;margin:0 0 10px;line-height:1.4}
.lp-shop-saving strong{color:#087d43}
.lp-shop-add{margin-top:auto;width:100%;display:flex;justify-content:center;align-items:center;gap:7px;border:0;border-radius:7px;padding:11px 8px;background:linear-gradient(135deg,#138442,#08743c);color:#fff;font-size:12px;font-weight:750;cursor:pointer;transition:.2s}
.lp-shop-add:hover{background:linear-gradient(135deg,#0ba354,#056b38);box-shadow:0 6px 14px #087d4330;transform:translateY(-1px)}
.lp-shop-add:disabled{opacity:.55;cursor:not-allowed;transform:none}
.lp-shop-empty{padding:45px 20px;text-align:center;background:#fff;border:1px solid var(--lp-border);border-radius:14px}
.lp-shop-pagination{display:flex;justify-content:center;gap:7px;margin:28px 0}
.lp-shop-pagination a,.lp-shop-pagination span{padding:9px 13px;border:1px solid var(--lp-border);border-radius:7px;text-decoration:none;background:#fff;color:var(--lp-deep)}
.lp-shop-pagination .current{background:var(--lp-green);color:#fff;border-color:var(--lp-green)}
.lp-shop-toast{display:none;position:fixed;right:20px;bottom:20px;z-index:99999;background:#103d28;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 8px 25px #0002}
@media(max-width:1200px){.lp-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-shop-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}}
@media(max-width:900px){.lp-shop-layout{grid-template-columns:1fr;padding:20px 16px}.lp-filter-panel{position:static}.lp-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-shop-hero{padding:27px 20px}}
@media(max-width:620px){.lp-shop-trustbar{font-size:11px;gap:9px 16px;padding:10px}.lp-shop-layout{padding:16px 10px}.lp-filter-panel{padding:15px}.lp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lp-shop-product-body{padding:10px}.lp-shop-product-title{font-size:14px}.lp-shop-price{font-size:15px}.lp-shop-variation{padding:6px 7px;font-size:10px}.lp-shop-add{font-size:11px;padding:10px 5px}.lp-results-toolbar{align-items:flex-start;flex-direction:column}.lp-results-toolbar select{max-width:100%;width:100%}.lp-category-chip{padding:9px 13px;font-size:12px}}

/* Hide WooCommerce View Cart links on product cards */
.lp-shop-product a.added_to_cart,
.lp-shop-product a.added_to_cart.wc-forward,
.lp-shop-product .added_to_cart {
    display: none !important;
}
#lp-orderby {
    display: inline-block;
    width: auto;
    margin-left: 8px;
    vertical-align: middle;
}

label[for="lp-orderby"] {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    white-space: nowrap;
}
.lp-contact-form .lp-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 15px;
}

.lp-contact-form .lp-form-field input,
.lp-contact-form .lp-form-field textarea {
    width: 100%;
    box-sizing: border-box;
}

.lp-contact-form .lp-form-field p,
.lp-contact-form .lp-form-submit p {
    margin: 0;
}

.lp-contact-form .lp-full-width {
    grid-column: 1 / -1;
}

@media (max-width: 600px) {
    .lp-contact-form .lp-form-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
/* Contact Hero: 50% text + 50% image */

.lp-contact-page .lp-hero {
    padding: 45px 0;
    background: #f6f6e9;
}

.lp-contact-page .lp-hero-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 35px;
    align-items: center;
}

.lp-contact-page .lp-hero-content {
    max-width: 100%;
}

.lp-contact-page .lp-hero-content > p {
    max-width: 480px;
}

.lp-contact-page .lp-hero-image {
    width: 100%;
    height: 380px;
    overflow: hidden;
    border-radius: 14px;
}

.lp-contact-page .lp-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    float: left;
    margin-right: 1em;
    background-color: #087a35;
    color: #fff;
}
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    background-color: #087a35;
    color: #fff;
}
@media (max-width: 767px) {
    .lp-contact-page .lp-hero {
        padding: 30px 0;
    }

    .lp-contact-page .lp-hero-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .lp-contact-page .lp-hero-image {
        height: 260px;
    }

    .lp-contact-page .lp-benefits {
        gap: 15px;
        justify-content: space-between;
    }
}

/* Live & Pure - WooCommerce My Account Styling */
body.woocommerce-account .woocommerce {
    max-width: 1100px;
    width: 100%;
    color: #29322C;
    font-family: inherit;
}

/* Login and Register forms */
body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.register,
body.woocommerce-account .woocommerce form.lost_reset_password {
    background: #FFFFFF;
    border: 1px solid #E8E5D8;
    border-radius: 14px;
    padding: 28px;
    margin: 0;
    box-shadow: 0 5px 22px rgba(23, 51, 28, 0.06);
}

/* Form headings */
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3 {
    color: #17331C;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
    margin-bottom: 18px;
}

/* Labels */
body.woocommerce-account .woocommerce form label {
    display: block;
    color: #29322C;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
}

/* Inputs */
body.woocommerce-account .woocommerce form .input-text,
body.woocommerce-account .woocommerce form input[type="email"],
body.woocommerce-account .woocommerce form input[type="password"],
body.woocommerce-account .woocommerce form input[type="text"] {
    width: 100%;
    min-height: 46px;
    padding: 11px 13px;
    border: 1px solid #DCDDD3;
    border-radius: 8px;
    background: #FFFDF5;
    color: #29322C;
    font-size: 15px;
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
}

body.woocommerce-account .woocommerce form .input-text:focus {
    border-color: #00A550;
    background: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(0, 165, 80, 0.10);
}

/* Form spacing */
body.woocommerce-account .woocommerce form .form-row {
    margin: 0 0 18px;
    padding: 0;
}

body.woocommerce-account .woocommerce form .form-row-first,
body.woocommerce-account .woocommerce form .form-row-last {
    width: 48%;
}

/* Login and Register buttons */
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce input.button {
    min-height: 46px;
    padding: 12px 24px;
    background: #00A550;
    color: #FFFFFF;
    border: 1px solid #00A550;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    transition: background 0.2s ease, border-color 0.2s ease;
}

body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce input.button:hover {
    background: #17331C;
    border-color: #17331C;
    color: #FFFFFF;
}

/* Remember me and password link */
body.woocommerce-account .woocommerce .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 400;
    margin: 5px 12px 14px 0;
}

body.woocommerce-account .woocommerce .woocommerce-LostPassword a,
body.woocommerce-account .woocommerce .woocommerce-privacy-policy-text a {
    color: #008541;
    text-decoration: underline;
}

body.woocommerce-account .woocommerce .woocommerce-LostPassword a:hover {
    color: #17331C;
}

/* Notices */
body.woocommerce-account .woocommerce .woocommerce-message,
body.woocommerce-account .woocommerce .woocommerce-info,
body.woocommerce-account .woocommerce .woocommerce-error {
    border-top-color: #00A550;
    border-radius: 8px;
    padding: 16px 18px 16px 45px;
    margin-bottom: 22px;
}

/* Logged-in account navigation */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    width: 71%;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #E8E5D8;
    border-radius: 12px;
    overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0;
    border-bottom: 1px solid #E8E5D8;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 13px 16px;
    color: #29322C;
    text-decoration: none;
    transition: background 0.2s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #FFF8D9;
    color: #17331C;
    font-weight: 700;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    line-height: 1.8;
}

/* Mobile responsive */
@media (max-width: 767px) {
    body.woocommerce-account .woocommerce {
        width: 92%;
        margin: 25px auto;
    }

    body.woocommerce-account .woocommerce form.login,
    body.woocommerce-account .woocommerce form.register,
    body.woocommerce-account .woocommerce form.lost_reset_password {
        padding: 20px 16px;
        border-radius: 12px;
    }

    body.woocommerce-account .woocommerce h2,
    body.woocommerce-account .woocommerce h3 {
        font-size: 22px;
    }

    body.woocommerce-account .woocommerce form .form-row-first,
    body.woocommerce-account .woocommerce form .form-row-last {
        width: 100%;
        float: none;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        float: none;
        margin-bottom: 24px;
    }

    body.woocommerce-account .woocommerce button.button,
    body.woocommerce-account .woocommerce input.button {
        max-width: 100%;
    }
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: #087a35;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
    color: #087a35;
    background: #fff100;
    border-radius: 10px;
}
.wc-block-checkout__actions_row.wc-block-checkout__actions_row--justify-flex-end {
    background: #087a35;
}
.wc-block-components-checkout-place-order-button__text {
    color: #fff;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained:hover {
    background: #000;
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background: #087a35;
    color: #fff;
}