/*
Theme Name: Navayuga Nuts
Description: Modern WooCommerce theme for Navayuga Nuts - dry fruits & nuts shop.
Version: 1.0
Text Domain: navayuga
*/
:root{--brown:#1f3d2b;--brown2:#2f5a3f;--gold:#c8902e;--gold2:#e8b45a;--cream:#f8f6ee;--sand:#e9e8d4;--green:#3f7a4a;--ink:#2a1d14;--muted:#7a6a5b;--r:18px;--shadow:0 10px 30px rgba(31,61,43,.12)}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;color:var(--brown);line-height:1.2;margin:0 0 .5em}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.btn,.button,button.button,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{display:inline-block;background:var(--gold);color:#fff;border:0;border-radius:999px;padding:13px 28px;font-weight:600;cursor:pointer;transition:.25s;font-size:15px}
.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--brown);color:#fff;transform:translateY(-2px)}
.btn.ghost{background:transparent;border:2px solid #fff;color:#fff}.btn.ghost:hover{background:#fff;color:var(--brown)}
/* top bar + header */
.topbar{background:var(--brown);color:var(--sand);font-size:13px;text-align:center;padding:8px 10px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,246,236,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--sand)}
.hdr{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}
.logo{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--brown)}.logo span{color:var(--gold)}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav a{font-weight:500;font-size:15px;padding:6px 0;border-bottom:2px solid transparent}.nav a:hover,.nav .current-menu-item a{border-color:var(--gold)}
.hdr-actions{display:flex;gap:16px;align-items:center}
.cart-link{position:relative;background:var(--brown);color:#fff;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600}
.cart-link b{background:var(--gold);border-radius:99px;padding:1px 8px;margin-left:6px;font-size:12px}
.menu-toggle{display:none;background:none;border:0;font-size:28px;color:var(--brown);cursor:pointer}
/* hero */
.hero{background:linear-gradient(120deg,rgba(31,61,43,.96),rgba(90,57,32,.88)),radial-gradient(circle at 80% 20%,var(--gold),transparent 50%);color:#fff;padding:90px 0;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{color:#fff;font-size:clamp(36px,5.5vw,64px)}.hero h1 em{color:var(--gold2);font-style:normal}
.hero p{font-size:18px;color:var(--sand);max-width:520px}
.hero .cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.tag{display:inline-block;background:rgba(232,180,90,.18);color:var(--gold2);padding:6px 16px;border-radius:99px;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:18px}
.hero-art{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;font-size:56px;text-align:center}
.hero-art span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:22px 0;animation:float 5s ease-in-out infinite}
.hero-art span:nth-child(2n){animation-delay:-2s}.hero-art span:nth-child(3n){animation-delay:-3.5s}
@keyframes float{50%{translate:0 -10px}}
/* sections */
section.sec{padding:70px 0}
.sec-head{text-align:center;margin-bottom:40px}.sec-head h2{font-size:clamp(28px,4vw,40px)}.sec-head p{color:var(--muted);margin:0}
.features{background:#fff;padding:30px 0;border-bottom:1px solid var(--sand)}
.features .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feat{display:flex;gap:14px;align-items:center}.feat i{font-style:normal;font-size:30px}.feat b{display:block;color:var(--brown)}.feat small{color:var(--muted)}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}
.cat{background:#fff;border-radius:var(--r);padding:30px 14px;text-align:center;box-shadow:var(--shadow);transition:.3s;border:1px solid transparent}
.cat:hover{transform:translateY(-6px);border-color:var(--gold)}.cat i{font-style:normal;font-size:48px;display:block;margin-bottom:8px}.cat b{font-family:'Playfair Display',serif;color:var(--brown);font-size:18px}
.banner{background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:28px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.banner h2{color:var(--brown);font-size:36px;margin:0}.banner p{margin:6px 0 0;color:var(--brown2)}.banner .btn{background:var(--brown)}
.why{background:var(--sand)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.why-card{background:#fff;border-radius:var(--r);padding:30px;box-shadow:var(--shadow)}.why-card i{font-style:normal;font-size:36px}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.rev{background:#fff;padding:28px;border-radius:var(--r);box-shadow:var(--shadow)}.rev .st{color:var(--gold)}.rev b{color:var(--brown)}
.news{background:var(--brown);color:#fff;text-align:center;padding:60px 0}.news h2{color:#fff}.news form{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.news input{padding:14px 22px;border-radius:99px;border:0;min-width:280px;font-size:15px}
/* woo */
ul.products{list-style:none;padding:0;margin:0;display:grid!important;grid-template-columns:repeat(4,1fr);gap:24px}
ul.products::before,ul.products::after{display:none!important}
ul.products li.product{background:#fff;border-radius:var(--r);padding:16px;box-shadow:var(--shadow);transition:.3s;position:relative;width:auto!important;margin:0!important;float:none!important;display:flex;flex-direction:column;text-align:center}
ul.products li.product:hover{transform:translateY(-6px)}
ul.products li.product img{border-radius:12px;background:var(--sand);width:100%;aspect-ratio:1;object-fit:cover;margin:0 0 12px!important}
ul.products li.product .woocommerce-loop-product__title{font-family:'Playfair Display',serif;font-size:18px!important;color:var(--brown);padding:0!important}
.price{color:var(--green)!important;font-weight:700;font-size:17px}.price del{color:var(--muted);font-weight:400}.price ins{text-decoration:none}
ul.products li.product .button{margin-top:auto;width:100%;text-align:center}
.woocommerce span.onsale{background:var(--green);border-radius:99px;min-height:auto;line-height:1;padding:8px 14px;top:22px;left:22px;right:auto;margin:0}
.page-hero{background:var(--brown);color:#fff;padding:50px 0;text-align:center}.page-hero h1{color:#fff;margin:0}
.content{padding:50px 0 80px}
.woocommerce div.product div.images img{border-radius:var(--r)}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:26px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce-page select{border:1px solid var(--sand);border-radius:10px;padding:12px;background:#fff}
.woocommerce table.shop_table{border-radius:var(--r);border-color:var(--sand);background:#fff;overflow:hidden}
.woocommerce-message,.woocommerce-info{border-top-color:var(--gold)!important;background:#fff}
/* footer */
.site-footer{background:#142a1d;color:#cdbca4;padding:60px 0 0}
.fgrid{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr;gap:40px}
.site-footer h4{color:#fff;font-size:18px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.site-footer a:hover{color:var(--gold2)}
.copy{border-top:1px solid #2a4535;margin-top:40px;padding:20px;text-align:center;font-size:13px}
.wa{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;box-shadow:var(--shadow);z-index:60}
@media(max-width:900px){
.hero .wrap,.why-grid,.reviews,.fgrid{grid-template-columns:1fr}.hero-art{display:none}.hero{padding:60px 0}
.features .wrap{grid-template-columns:1fr 1fr}ul.products{grid-template-columns:repeat(2,1fr)}
.menu-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);padding:20px;border-bottom:1px solid var(--sand)}.nav.open{display:block}.nav ul{flex-direction:column;gap:14px}
.banner{padding:30px}}
.f-logo{background:#fff;border-radius:50%;padding:4px;display:block;margin-bottom:14px}
.social{display:flex;gap:10px;margin-top:14px}.social a{width:38px;height:38px;border-radius:50%;background:#2a4535;display:grid;place-items:center;color:#fff;font-weight:700}.social a:hover{background:var(--gold);color:#fff}
.fbottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #2a4535;margin-top:40px;padding:22px 20px}
.fmenu{display:flex;gap:24px;flex-wrap:wrap}.fmenu a{font-weight:500}
.pay{display:flex;gap:8px;flex-wrap:wrap}.pay span{background:#fff;color:var(--brown);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}
.copy{margin-top:0!important;border-top:0!important;padding-top:0!important}
@media(max-width:900px){.fgrid{grid-template-columns:1fr}.fbottom{flex-direction:column;align-items:flex-start}}

/* Blog */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.blog-card {
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 18px;
    background: #fff;
}

.blog-image {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.blog-body {
    padding: 24px;
}

.blog-meta {
    font-size: 13px;
    opacity: .65;
    margin-bottom: 10px;
}

.blog-body h2 {
    margin: 0 0 12px;
}

.blog-body h2 a {
    text-decoration: none;
    color: inherit;
}

.blog-excerpt {
    margin-bottom: 20px;
}

@media (max-width: 900px) {
    .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }
}