/*
Theme Name: Kosmo Theme
Author: Pankaj
Version: 1.0
*/




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

html{
scroll-behavior:smooth;
}

body{
font-family:Arial,sans-serif;
background:#fffdf7;
color:#111;
overflow-x:hidden;
}

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

.container{
width:90%;
max-width:1300px;
margin:auto;
}

/* TOPBAR */

.topbar{
background:#14532d;
color:#fff;
text-align:center;
padding:12px;
font-size:15px;
font-weight:600;
}

/* NAVBAR */

.navbar{
background:#fff;
padding:22px 0;
border-bottom:1px solid #eee;
position:sticky;
top:0;
z-index:999;
}

.nav-container{
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
font-size:42px;
font-weight:800;
text-decoration:none;
color:#0f172a;
}

.nav-links{
display:flex;
gap:35px;
list-style:none;
}

.nav-links a{
text-decoration:none;
font-size:17px;
font-weight:600;
color:#111;
transition:.3s;
}

.nav-links a:hover{
color:#d4a017;
}

.nav-btn{
background:#d4a017;
color:#fff;
padding:15px 35px;
border-radius:50px;
text-decoration:none;
font-weight:700;
transition:.3s;
}

.nav-btn:hover{
transform:translateY(-4px);
}

/* HERO */

.hero-section{
padding:100px 0;
background:linear-gradient(to right,#fffdf7,#f5f1e8);
}

.hero-container{
display:grid;
grid-template-columns:1.2fr 1fr;
align-items:center;
gap:100px;
}

.hero-tag{
display:inline-block;
background:#f4e5b2;
padding:12px 26px;
border-radius:40px;
font-weight:700;
margin-bottom:30px;
}

.hero-left h1{
font-size:95px;
line-height:1;
font-weight:800;
letter-spacing:-3px;
margin-bottom:30px;
color:#0f172a;
max-width:700px;
}

.hero-left p{
font-size:24px;
line-height:1.8;
color:#555;
margin-bottom:45px;
max-width:650px;
}

.hero-buttons{
display:flex;
gap:20px;
}

.primary-btn{
background:#d4a017;
color:#fff;
padding:18px 40px;
border-radius:50px;
text-decoration:none;
font-size:18px;
font-weight:700;
transition:.3s;
}

.primary-btn:hover{
transform:translateY(-5px);
}

.secondary-btn{
border:2px solid #111;
padding:18px 40px;
border-radius:50px;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#111;
transition:.3s;
}

.secondary-btn:hover{
background:#111;
color:#fff;
}

.hero-right{
display:flex;
justify-content:center;
}

.hero-right img{
width:520px;
height:650px;
object-fit:cover;
border-radius:40px;
box-shadow:0 30px 60px rgba(0,0,0,.15);
animation:float 4s ease-in-out infinite;
}

@keyframes float{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-15px);
}

100%{
transform:translateY(0);
}

}

.menu-toggle{
    display:none;
    font-size:32px;
    cursor:pointer;
    font-weight:bold;
}

/* Mobile */

@media (max-width: 768px){

    .menu-toggle{
        display:block;
    }

    .nav-links{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        flex-direction:column;
        padding:20px 0;
        box-shadow:0 10px 20px rgba(0,0,0,.1);
        z-index:999;
    }

    .nav-links.active{
        display:flex;
    }

    .nav-links li{
        margin:10px 0;
        text-align:center;
    }

    .nav-btn{
        display:none;
    }

    .nav-container{
        position:relative;
        justify-content:space-between;
    }
}

/* TRUST */

.trust-section{
padding:80px 0;
background:#fff;
}

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

.trust-card{
background:#fff;
padding:40px;
text-align:center;
border-radius:25px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.trust-card:hover{
transform:translateY(-8px);
}

.trust-card h3{
font-size:24px;
}

/* SECTION TITLE */

.section-title{
font-size:58px;
text-align:center;
margin-bottom:70px;
color:#111827;
}

/* PRODUCTS */

.products-section{
padding:100px 0;
}

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

.product-card{
background:#fff;
padding:25px;
border-radius:25px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.4s;
}

.product-card:hover{
transform:translateY(-10px);
}

.product-card img{
height:250px;
width:100%;
object-fit:cover;
border-radius:20px;
margin-bottom:20px;
transition:.4s;
}

.product-card:hover img{
transform:scale(1.05);
}

.product-card h3{
font-size:28px;
margin-bottom:10px;
}

.product-card p{
font-size:17px;
line-height:1.7;
color:#666;
margin-bottom:15px;
}

.product-card h4{
font-size:28px;
margin-bottom:20px;
color:#14532d;
}

.product-card a{
display:inline-block;
background:#111;
color:#fff;
padding:14px 28px;
border-radius:40px;
text-decoration:none;
font-weight:700;
}

.stars{
color:#d4a017;
font-size:22px;
margin-bottom:20px;
}

/* FOOTER */

.footer{
background:#050505;
color:#fff;
padding-top:90px;
}

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

.footer h2{
font-size:42px;
margin-bottom:25px;
}

.footer h3{
font-size:28px;
margin-bottom:25px;
color:#d4a017;
}

.footer p,
.footer li{
font-size:18px;
line-height:2;
list-style:none;
color:#ddd;
}

.footer ul{
list-style:none;
}

.footer a{
text-decoration:none;
color:#ddd;
}

.footer a:hover{
color:#d4a017;
}

.copyright{
text-align:center;
padding:30px 0;
border-top:1px solid rgba(255,255,255,.1);
}

/* MOBILE */

@media(max-width:991px){

.nav-container{
flex-direction:column;
gap:20px;
}

.nav-links{
flex-wrap:wrap;
justify-content:center;
gap:20px;
}

.hero-container{
grid-template-columns:1fr;
gap:50px;
text-align:center;
}

.hero-left h1{
font-size:58px;
line-height:1.1;
}

.hero-left p{
max-width:100%;
font-size:20px;
}

.hero-buttons{
justify-content:center;
flex-direction:column;
}

.hero-right img{
width:100%;
height:auto;
}

.trust-grid,
.products-grid,
.footer-grid{
grid-template-columns:1fr;
}

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

}

/* =========================
FIX HOMEPAGE SECTIONS
========================= */

.process-section{
padding:120px 20px;
background:#fff !important;
}

.process-section .section-heading h2{
font-size:72px !important;
color:#0b132b !important;
margin-bottom:70px !important;
text-align:center !important;
}

.process-grid{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:30px !important;
max-width:1400px !important;
margin:auto !important;
}

.process-card{
background:#f8f5ee !important;
padding:50px 30px !important;
border-radius:30px !important;
text-align:center !important;
transition:0.3s !important;
}

.process-card:hover{
transform:translateY(-10px);
}

.process-card span{
display:block !important;
font-size:48px !important;
font-weight:800 !important;
color:#145c2e !important;
margin-bottom:20px !important;
}

.process-card h3{
font-size:30px !important;
color:#0b132b !important;
line-height:1.4 !important;
}

/* HEALTH BENEFITS */

.health-benefits{
padding:120px 20px !important;
background:#eef7ef !important;
}

.health-benefits .section-heading h2{
font-size:72px !important;
text-align:center !important;
margin-bottom:70px !important;
}

.benefits-grid{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:30px !important;
max-width:1400px !important;
margin:auto !important;
}

.benefit-card{
background:#fff !important;
padding:40px !important;
border-radius:30px !important;
text-align:center !important;
box-shadow:0 10px 30px rgba(0,0,0,0.08) !important;
}

.benefit-card h3{
font-size:28px !important;
margin:20px 0 !important;
}

.benefit-card p{
font-size:17px !important;
line-height:1.7 !important;
color:#555 !important;
}

/* MOBILE */

@media(max-width:768px){

.process-grid,
.benefits-grid{
grid-template-columns:1fr !important;
}

.process-section .section-heading h2,
.health-benefits .section-heading h2{
font-size:42px !important;
}

}

/* WHY SECTION */

.why-section{
padding:100px 0;
background:#fff;
}

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

.why-image img{
width:100%;
border-radius:30px;
height:650px;
object-fit:cover;
}

.why-content h2{
font-size:58px;
margin-bottom:35px;
color:#111827;
}

.why-content ul{
list-style:none;
}

.why-content li{
font-size:22px;
margin-bottom:22px;
color:#444;
font-weight:600;
}

/* PROCESS */

.process-section{
padding:100px 0;
background:#f8f5ed;
}

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

.process-card{
background:#fff;
padding:50px 30px;
border-radius:25px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.process-card:hover{
transform:translateY(-10px);
}

.process-card h3{
font-size:60px;
color:#d4a017;
margin-bottom:15px;
}

.process-card p{
font-size:20px;
font-weight:700;
}

/* HEALTH */

.health-section{
padding:100px 0;
background:#edf7ee;
}

.health-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:50px;
}

.health-card{
background:#fff;
padding:45px 25px;
border-radius:25px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.health-card:hover{
transform:translateY(-8px);
}

.health-card h3{
font-size:24px;
line-height:1.5;
}

/* TESTIMONIAL */

.testimonial-section{
padding:100px 0;
background:#fff;
}

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

.testimonial-card{
background:#fff;
padding:40px 30px;
border-radius:30px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.testimonial-card:hover{
transform:translateY(-8px);
}

.testimonial-card img{
width:90px;
height:90px;
border-radius:50%;
margin:auto;
margin-bottom:20px;
object-fit:cover;
}

.testimonial-card h3{
font-size:26px;
margin-bottom:15px;
}

.testimonial-card p{
font-size:17px;
line-height:1.8;
color:#555;
margin-bottom:20px;
}

/* INSTAGRAM */

.instagram-section{
padding:100px 0;
background:#f8f5ed;
text-align:center;
}

.instagram-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin:60px 0;
}

.instagram-grid img{
height:320px;
width:100%;
object-fit:cover;
border-radius:25px;
transition:.4s;
}

.instagram-grid img:hover{
transform:scale(1.05);
}

.insta-btn{
display:inline-block;
}

/* BLOG */

.blog-section{
padding:100px 0;
background:#fff;
}

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

.blog-card{
background:#fff;
padding:40px;
border-radius:25px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.blog-card:hover{
transform:translateY(-8px);
}

.blog-card h3{
font-size:30px;
margin-bottom:20px;
line-height:1.4;
}

.blog-card p{
font-size:18px;
line-height:1.8;
color:#555;
}

/* NEWSLETTER */

.newsletter-section{
padding:100px 0;
background:linear-gradient(135deg,#14532d,#1f7a3d);
}

.newsletter-container{
text-align:center;
}

.newsletter-container h2{
font-size:64px;
color:#fff;
margin-bottom:40px;
}

.newsletter-container form{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.newsletter-container input{
width:550px;
max-width:100%;
padding:22px 30px;
border:none;
border-radius:60px;
font-size:20px;
outline:none;
}

.newsletter-container button{
background:#d4a017;
color:#fff;
border:none;
padding:22px 45px;
border-radius:60px;
font-size:20px;
font-weight:700;
cursor:pointer;
transition:.3s;
}

.newsletter-container button:hover{
transform:translateY(-5px);
}

/* MOBILE EXTRA */

@media(max-width:991px){

.why-container,
.process-grid,
.health-grid,
.testimonial-grid,
.instagram-grid,
.blog-grid{
grid-template-columns:1fr;
}

.why-content h2,
.newsletter-container h2{
font-size:40px;
}

.process-card h3{
font-size:45px;
}

}

/* =========================
SHOP PAGE FINAL FIX
========================= */

.woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:40px !important;
padding:0 !important;
margin-top:50px !important;
}

.woocommerce ul.products li.product{
list-style:none;
background:#fff;
padding:25px;
border-radius:25px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:0.3s;
overflow:hidden;
height:auto !important;
width:100% !important;
max-width:380px;
margin:auto !important;
}

.woocommerce ul.products li.product:hover{
transform:translateY(-10px);
}

/* IMAGE FIX */

.woocommerce ul.products li.product img{
width:100% !important;
height:280px !important;
object-fit:contain !important;
background:#f5f5f5;
padding:20px;
border-radius:20px;
display:block;
margin-bottom:20px !important;
}

/* TITLE */

.woocommerce ul.products li.product h2{
font-size:32px !important;
font-weight:700;
color:#0f172a;
margin-top:10px;
margin-bottom:15px;
line-height:1.3;
}

/* PRICE */

.woocommerce ul.products li.product .price{
font-size:28px !important;
font-weight:700 !important;
color:#166534 !important;
margin-bottom:20px !important;
display:block;
}

/* BUTTON */

.woocommerce ul.products li.product .button{
background:#111827 !important;
color:#fff !important;
padding:16px 28px !important;
border-radius:50px !important;
font-weight:700;
display:inline-block;
margin-top:10px !important;
transition:0.3s;
}

.woocommerce ul.products li.product .button:hover{
background:#166534 !important;
}

/* SALE BADGE */

.woocommerce span.onsale{
background:#d4a017 !important;
padding:12px 18px !important;
border-radius:50px !important;
min-height:auto !important;
min-width:auto !important;
line-height:1 !important;
font-size:14px;
font-weight:700;
top:20px !important;
left:20px !important;
}

/* SHOP TITLE */

.woocommerce-products-header{
text-align:center;
margin-bottom:30px;
}

.woocommerce-products-header h1{
font-size:90px;
font-weight:800;
color:#0f172a;
}

/* REMOVE SIDEBAR */

.widget-area{
display:none !important;
}

/* FULL WIDTH */

.content-area{
width:100% !important;
}

/* MOBILE */

@media(max-width:991px){

.woocommerce ul.products{
grid-template-columns:1fr !important;
}

.woocommerce-products-header h1{
font-size:48px;
}

}

/* =========================
WOOCOMMERCE SHOP FIX
========================= */

.woocommerce-page .content-area,
.woocommerce-page .site-main,
.woocommerce-page .woocommerce {
    width: 100% !important;
    max-width: 1400px;
    margin: auto;
}

.woocommerce-page .widget-area,
.woocommerce-page aside,
.sidebar,
#secondary {
    display: none !important;
}

.woocommerce-page .site-content {
    width: 100% !important;
}

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
    margin-top: 60px !important;
}

.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    background: #fff;
    border-radius: 24px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-8px);
}

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 320px !important;
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 20px;
}

.woocommerce-loop-product__title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #0b1330 !important;
    margin-bottom: 10px !important;
}

.woocommerce ul.products li.product .price {
    font-size: 28px !important;
    color: #146534 !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

.woocommerce ul.products li.product .button {
    background: #0b1330 !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 16px 35px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

.woocommerce-products-header {
    text-align: center;
    margin-top: 50px;
}

.woocommerce-products-header h1 {
    font-size: 90px !important;
    color: #0b1330;
}

@media(max-width: 991px){

.woocommerce ul.products{
grid-template-columns: repeat(2,1fr) !important;
}

}

@media(max-width: 600px){

.woocommerce ul.products{
grid-template-columns: 1fr !important;
}

.woocommerce-products-header h1{
font-size: 50px !important;
}

}

/* =========================
PREMIUM SHOP PAGE
========================= */

body.woocommerce-shop {
    background: #f7f3eb;
}

/* hide all widgets/sidebar */

.widget-area,
.sidebar,
#secondary,
aside,
.widget,
section.widget,
.right-sidebar {
    display: none !important;
}

.content-area,
.site-main,
.woocommerce,
.woocommerce-page {
    width: 100% !important;
    max-width: 100% !important;
}

/* SHOP HEADER */

.woocommerce-products-header {
    text-align: center;
    padding: 80px 20px 20px;
}

.woocommerce-products-header h1 {
    font-size: 90px !important;
    color: #0b1330;
    font-weight: 800;
    margin-bottom: 15px;
}

.term-description,
.woocommerce-result-count {
    text-align: center;
    color: #666;
    font-size: 18px;
}

/* SORT */

.woocommerce-ordering {
    text-align: right;
    margin-right: 80px;
    margin-bottom: 30px;
}

.woocommerce-ordering select {
    padding: 12px 20px;
    border-radius: 12px;
    border: 1px solid #ddd;
    background: #fff;
}

/* PRODUCTS GRID */

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
    padding: 0 70px 80px;
    margin-top: 40px !important;
}

/* CARD */

.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    padding-bottom: 25px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    transition: 0.4s;
    position: relative;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-10px);
}

/* IMAGE */

.woocommerce ul.products li.product img {
    width: 100%;
    height: 380px !important;
    object-fit: cover;
    margin: 0 !important;
}

/* SALE BADGE */

.woocommerce span.onsale {
    background: #d4a017 !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
    left: 20px !important;
    top: 20px !important;
    min-height: auto !important;
    line-height: normal !important;
    font-weight: 700;
}

/* TITLE */

.woocommerce-loop-product__title {
    font-size: 28px !important;
    color: #0b1330 !important;
    font-weight: 700 !important;
    padding: 20px 20px 10px;
    line-height: 1.3;
}

/* PRICE */

.woocommerce ul.products li.product .price {
    color: #146534 !important;
    font-size: 26px !important;
    font-weight: 700;
    padding: 0 20px;
}

/* BUTTON */

.woocommerce ul.products li.product .button {
    background: #0b1330 !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 16px 28px !important;
    margin-top: 20px !important;
    display: inline-block;
    font-weight: 600;
    transition: 0.3s;
}

.woocommerce ul.products li.product .button:hover {
    background: #d4a017 !important;
}

/* SINGLE PRODUCT */

.single-product div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    padding: 80px;
}

.single-product .woocommerce-product-gallery img {
    border-radius: 25px;
}

.single-product .product_title {
    font-size: 60px;
    color: #0b1330;
    font-weight: 800;
}

.single-product .price {
    font-size: 36px !important;
    color: #146534 !important;
    font-weight: 700;
}

.single-product .single_add_to_cart_button {
    background: #0b1330 !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 18px 40px !important;
    font-size: 18px;
}

/* MOBILE */

@media(max-width: 1200px){

.woocommerce ul.products{
grid-template-columns: repeat(3,1fr);
}

}

@media(max-width: 900px){

.woocommerce ul.products{
grid-template-columns: repeat(2,1fr);
padding: 0 20px 50px;
}

.single-product div.product{
grid-template-columns: 1fr;
padding: 30px;
}

}

@media(max-width: 600px){

.woocommerce-products-header h1{
font-size: 55px !important;
}

.woocommerce ul.products{
grid-template-columns: 1fr;
}

}














/* BANIFITS *?
/* ===================================
BENEFITS PAGE CSS
PASTE IN style.css LAST
=================================== */

.benefits-hero{
padding:120px 80px;
background:#f7f3eb;
overflow:hidden;
}

.benefits-hero-wrap{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:80px;
max-width:1400px;
margin:auto;
}

.benefits-tag{
display:inline-block;
background:#e6d29b;
color:#111;
padding:14px 28px;
border-radius:50px;
font-weight:700;
margin-bottom:30px;
font-size:16px;
}

.benefits-left h1{
font-size:90px;
line-height:1;
color:#0b1330;
margin-bottom:30px;
font-weight:800;
}

.benefits-left p{
font-size:22px;
line-height:1.8;
color:#555;
max-width:600px;
margin-bottom:40px;
}

.benefits-btns{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.benefits-btn{
background:#0b1330;
color:#fff;
padding:18px 38px;
border-radius:60px;
font-size:18px;
font-weight:700;
text-decoration:none;
transition:.3s;
display:inline-block;
}

.benefits-btn:hover{
background:#d4a017;
transform:translateY(-3px);
}

.benefits-btn-outline{
background:transparent;
border:2px solid #0b1330;
color:#0b1330;
}

.benefits-right img{
width:100%;
border-radius:40px;
box-shadow:0 20px 60px rgba(0,0,0,.15);
}

/* BENEFITS CARDS */

.benefits-cards-section{
padding:100px 80px;
background:#fff;
}

.benefits-cards-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1400px;
margin:auto;
}

.benefit-card{
background:#fff;
padding:40px 30px;
border-radius:30px;
text-align:center;
box-shadow:0 10px 40px rgba(0,0,0,.08);
transition:.3s;
}

.benefit-card:hover{
transform:translateY(-10px);
}

.benefit-icon{
font-size:55px;
margin-bottom:20px;
}

.benefit-card h3{
font-size:30px;
margin-bottom:15px;
color:#0b1330;
}

.benefit-card p{
font-size:18px;
line-height:1.7;
color:#666;
}

/* WHY BETTER */

.why-better{
padding:120px 80px;
background:#f7f3eb;
}

.why-better-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
max-width:1400px;
margin:auto;
}

.why-better-image img{
width:100%;
border-radius:35px;
}

.section-tag{
display:inline-block;
background:#e6d29b;
padding:10px 22px;
border-radius:50px;
font-weight:700;
font-size:14px;
margin-bottom:25px;
}

.section-tag.red{
background:#ffdddd;
color:#c00;
}

.why-better-content h2,
.section-heading h2{
font-size:65px;
line-height:1.1;
margin-bottom:40px;
color:#0b1330;
font-weight:800;
}

.comparison-box{
display:flex;
flex-direction:column;
gap:25px;
}

.comparison-item{
display:flex;
justify-content:space-between;
background:#fff;
padding:22px 28px;
border-radius:18px;
font-size:20px;
font-weight:600;
box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.bad{
color:#c00;
}

/* SECTION HEADINGS */

.section-heading{
text-align:center;
margin-bottom:70px;
}

/* NUTRITION */

.nutrition-section{
padding:120px 80px;
background:#fff;
}

.nutrition-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1300px;
margin:auto;
}

.nutrition-card{
background:#f7f3eb;
padding:40px;
border-radius:30px;
text-align:center;
}

.circle{
width:140px;
height:140px;
background:#0b1330;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
font-size:34px;
font-weight:700;
margin-bottom:25px;
}

.nutrition-card h3{
font-size:28px;
color:#0b1330;
}

/* HARMFUL */

.harmful-section{
padding:120px 80px;
background:#fff5f5;
}

.harmful-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1300px;
margin:auto;
}

.harmful-card{
background:#fff;
padding:35px;
border-radius:25px;
text-align:center;
font-size:24px;
font-weight:700;
color:#c00;
}

/* PROCESS */

.process-section{
padding:120px 80px;
background:#fff;
}

.process-timeline{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1400px;
margin:auto;
}

.process-step{
background:#f7f3eb;
padding:50px 30px;
border-radius:30px;
text-align:center;
position:relative;
}

.step-number{
width:70px;
height:70px;
background:#0b1330;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
font-size:28px;
font-weight:700;
margin-bottom:25px;
}

.process-step h3{
font-size:28px;
color:#0b1330;
}

/* EXPERT */

.expert-section{
padding:120px 80px;
background:#f7f3eb;
}

.expert-box{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:250px 1fr;
gap:50px;
background:#fff;
padding:50px;
border-radius:35px;
align-items:center;
}

.expert-image img{
width:220px;
height:220px;
border-radius:50%;
object-fit:cover;
}

.expert-content h2{
font-size:42px;
line-height:1.5;
margin-bottom:20px;
color:#0b1330;
}

/* FAQ */

.faq-section{
padding:120px 80px;
background:#fff;
}

.faq-wrap{
max-width:1100px;
margin:auto;
display:flex;
flex-direction:column;
gap:25px;
}

.faq-item{
background:#f7f3eb;
padding:35px;
border-radius:25px;
}

.faq-item h3{
font-size:28px;
margin-bottom:15px;
color:#0b1330;
}

.faq-item p{
font-size:18px;
line-height:1.8;
color:#666;
}

/* CTA */

.benefits-cta{
padding:120px 80px;
background:linear-gradient(135deg,#0f5d2f,#0b1330);
text-align:center;
}

.cta-wrap h2{
font-size:70px;
color:#fff;
margin-bottom:40px;
font-weight:800;
}

.cta-buttons{
display:flex;
justify-content:center;
gap:25px;
flex-wrap:wrap;
}

/* MOBILE */

@media(max-width:1100px){

.benefits-hero-wrap,
.why-better-wrap,
.expert-box{
grid-template-columns:1fr;
}

.benefits-cards-grid,
.nutrition-grid,
.harmful-grid,
.process-timeline{
grid-template-columns:repeat(2,1fr);
}

.benefits-left h1{
font-size:70px;
}

.section-heading h2,
.why-better-content h2{
font-size:50px;
}

}

@media(max-width:700px){

.benefits-hero,
.benefits-cards-section,
.why-better,
.nutrition-section,
.harmful-section,
.process-section,
.expert-section,
.faq-section,
.benefits-cta{
padding:80px 20px;
}

.benefits-left h1{
font-size:52px;
}

.benefits-cards-grid,
.nutrition-grid,
.harmful-grid,
.process-timeline{
grid-template-columns:1fr;
}

.section-heading h2,
.why-better-content h2{
font-size:38px;
}

.cta-wrap h2{
font-size:42px;
}

}


/* ABOUT */
/* =========================
ABOUT PAGE CSS
========================= */

.about-hero{
padding:120px 80px;
background:#f7f3eb;
}

.about-hero-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
max-width:1400px;
margin:auto;
}

.about-tag{
display:inline-block;
background:#e6d29b;
padding:14px 28px;
border-radius:50px;
font-weight:700;
margin-bottom:30px;
}

.about-left h1{
font-size:82px;
line-height:1.1;
font-weight:800;
color:#0b1330;
margin-bottom:30px;
}

.about-left p{
font-size:22px;
line-height:1.8;
color:#555;
margin-bottom:40px;
}

.about-btns{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.about-btn{
background:#0b1330;
color:#fff;
padding:18px 38px;
border-radius:50px;
text-decoration:none;
font-weight:700;
transition:.3s;
}

.about-btn:hover{
background:#d4a017;
}

.about-outline{
background:transparent;
border:2px solid #0b1330;
color:#0b1330;
}

.about-right img{
width:100%;
border-radius:40px;
}

/* STORY */

.our-story{
padding:120px 80px;
background:#fff;
}

.story-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
max-width:1400px;
margin:auto;
}

.story-image img{
width:100%;
border-radius:35px;
}

.story-content h2{
font-size:60px;
margin-bottom:30px;
color:#0b1330;
font-weight:800;
}

.story-content p{
font-size:20px;
line-height:1.9;
color:#555;
margin-bottom:25px;
}

/* VISION */

.vision-mission{
padding:120px 80px;
background:#f7f3eb;
}

.vm-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
max-width:1200px;
margin:auto;
}

.vm-card{
background:#fff;
padding:60px 40px;
border-radius:35px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.vm-icon{
font-size:55px;
margin-bottom:25px;
}

.vm-card h3{
font-size:36px;
margin-bottom:20px;
color:#0b1330;
}

.vm-card p{
font-size:20px;
line-height:1.8;
color:#666;
}

/* WHY */

.why-kosmo{
padding:120px 80px;
background:#fff;
}

.why-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
max-width:1300px;
margin:auto;
}

.why-card{
background:#f7f3eb;
padding:35px;
border-radius:25px;
font-size:24px;
font-weight:700;
text-align:center;
}

/* PROCESS */

.about-process{
padding:120px 80px;
background:#fff;
}

.process-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:25px;
max-width:1400px;
margin:auto;
}

.process-card{
background:#f7f3eb;
padding:45px 20px;
border-radius:30px;
text-align:center;
}

.process-number{
width:70px;
height:70px;
background:#0b1330;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
font-size:28px;
font-weight:700;
margin-bottom:20px;
}

.process-card h3{
font-size:24px;
color:#0b1330;
}

/* QUALITY */

.quality-section{
padding:120px 80px;
background:#0b1330;
}

.white-text h2{
color:#fff !important;
}

.quality-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1300px;
margin:auto;
}

.quality-card{
background:#fff;
padding:35px;
border-radius:25px;
text-align:center;
font-size:24px;
font-weight:700;
}

/* FARMERS */

.farmers-section{
padding:120px 80px;
background:#f7f3eb;
}

.farmers-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
max-width:1400px;
margin:auto;
}

.farmers-left img{
width:100%;
border-radius:35px;
}

.farmers-right h2{
font-size:60px;
margin-bottom:30px;
font-weight:800;
color:#0b1330;
}

.farmers-right p{
font-size:22px;
line-height:1.8;
color:#555;
}

/* STATS */

.stats-section{
padding:120px 80px;
background:#fff;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1300px;
margin:auto;
}

.stat-box{
background:#f7f3eb;
padding:50px 30px;
border-radius:30px;
text-align:center;
}

.stat-box h2{
font-size:60px;
color:#0b1330;
margin-bottom:15px;
}

.stat-box p{
font-size:22px;
color:#666;
}

/* CTA */

.about-cta{
padding:120px 80px;
background:linear-gradient(135deg,#0f5d2f,#0b1330);
text-align:center;
}

.about-cta-wrap h2{
font-size:70px;
color:#fff;
margin-bottom:40px;
font-weight:800;
}

/* MOBILE */

@media(max-width:1100px){

.about-hero-wrap,
.story-wrap,
.farmers-wrap{
grid-template-columns:1fr;
}

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

.about-left h1{
font-size:60px;
}

}

@media(max-width:700px){

.about-hero,
.our-story,
.vision-mission,
.why-kosmo,
.about-process,
.quality-section,
.farmers-section,
.stats-section,
.about-cta{
padding:80px 20px;
}

.vm-grid,
.why-grid,
.process-grid,
.quality-grid,
.stats-grid{
grid-template-columns:1fr;
}

.about-left h1{
font-size:44px;
}

.story-content h2,
.farmers-right h2{
font-size:38px;
}

.about-cta-wrap h2{
font-size:42px;
}

}

/* =========================
CONTACT PAGE
========================= */

.contact-hero{
padding:120px 20px;
background:#f8f5ee;
text-align:center;
}

.contact-tag{
display:inline-block;
background:#d4a017;
color:#fff;
padding:10px 20px;
border-radius:30px;
font-weight:600;
margin-bottom:25px;
}

.contact-hero h1{
font-size:72px;
line-height:1.1;
color:#0b132b;
margin-bottom:25px;
font-weight:800;
}

.contact-hero p{
max-width:800px;
margin:auto;
font-size:22px;
line-height:1.8;
color:#555;
}

.contact-buttons{
margin-top:40px;
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.btn-primary,
.btn-secondary{
padding:16px 34px;
border-radius:40px;
font-size:18px;
font-weight:700;
text-decoration:none;
transition:0.3s;
}

.btn-primary{
background:#145c2e;
color:#fff;
}

.btn-secondary{
background:#d4a017;
color:#fff;
}

.btn-primary:hover,
.btn-secondary:hover{
transform:translateY(-3px);
}

.contact-info-section{
padding:100px 20px;
background:#fff;
}

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

.contact-card{
background:#fff;
padding:40px;
border-radius:25px;
text-align:center;
box-shadow:0 10px 40px rgba(0,0,0,0.08);
}

.contact-icon{
font-size:40px;
margin-bottom:20px;
}

.contact-card h3{
font-size:26px;
margin-bottom:15px;
color:#0b132b;
}

.contact-card p{
font-size:18px;
color:#555;
}

.contact-form-section{
padding:120px 20px;
background:#f8f5ee;
}

.contact-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.contact-image img{
width:100%;
border-radius:30px;
}

.contact-form-box{
background:#fff;
padding:50px;
border-radius:30px;
box-shadow:0 10px 40px rgba(0,0,0,0.08);
}

.contact-form-box h2{
font-size:48px;
margin-bottom:40px;
color:#0b132b;
}

.contact-form{
display:flex;
flex-direction:column;
gap:20px;
}

.contact-form input,
.contact-form textarea{
padding:18px;
border:1px solid #ddd;
border-radius:14px;
font-size:17px;
outline:none;
}

.contact-form textarea{
height:180px;
resize:none;
}

.contact-form button{
background:#145c2e;
color:#fff;
border:none;
padding:18px;
font-size:18px;
font-weight:700;
border-radius:50px;
cursor:pointer;
}

.contact-help-section{
padding:120px 20px;
background:#fff;
}

.section-heading{
text-align:center;
margin-bottom:70px;
}

.section-heading h2{
font-size:60px;
color:#0b132b;
}

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

.help-card{
background:#f8f5ee;
padding:40px;
border-radius:25px;
text-align:center;
}

.help-card span{
font-size:40px;
display:block;
margin-bottom:20px;
}

.help-card h3{
font-size:28px;
margin-bottom:15px;
color:#0b132b;
}

.help-card p{
color:#555;
font-size:17px;
line-height:1.7;
}

.contact-map-section{
padding:100px 0;
background:#fff;
}

.contact-newsletter{
padding:120px 20px;
background:#145c2e;
}

.newsletter-box{
text-align:center;
color:#fff;
}

.newsletter-box h2{
font-size:58px;
margin-bottom:20px;
}

.newsletter-box p{
font-size:20px;
margin-bottom:40px;
}

.newsletter-form{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.newsletter-form input{
width:450px;
padding:20px;
border:none;
border-radius:50px;
font-size:18px;
}

.newsletter-form button{
background:#d4a017;
color:#fff;
border:none;
padding:20px 40px;
border-radius:50px;
font-size:18px;
font-weight:700;
cursor:pointer;
}

/* MOBILE */

@media(max-width:768px){

.contact-hero h1{
font-size:48px;
}

.contact-grid,
.help-grid,
.contact-wrapper{
grid-template-columns:1fr;
}

.section-heading h2{
font-size:40px;
}

.contact-form-box h2{
font-size:36px;
}

.newsletter-box h2{
font-size:42px;
}

.newsletter-form input{
width:100%;
}

}
/* =========================
STORES SECTION
========================= */

.stores-section{
padding:120px 20px;
background:#fff;
}

.stores-section .section-heading p{
font-size:20px;
color:#666;
margin-top:15px;
}

.stores-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
margin-top:70px;
}

.store-card{
background:#f8f5ee;
padding:50px;
border-radius:30px;
text-align:center;
transition:0.3s;
box-shadow:0 10px 40px rgba(0,0,0,0.08);
}

.store-card:hover{
transform:translateY(-10px);
}

.store-card span{
font-size:50px;
display:block;
margin-bottom:25px;
}

.store-card h3{
font-size:38px;
margin-bottom:20px;
color:#0b132b;
}

.store-card p{
font-size:19px;
line-height:1.9;
color:#555;
margin-bottom:30px;
}

.store-card a{
display:inline-block;
background:#145c2e;
color:#fff;
padding:16px 34px;
border-radius:50px;
text-decoration:none;
font-weight:700;
transition:0.3s;
}

.store-card a:hover{
background:#d4a017;
}

/* MOBILE */

@media(max-width:768px){

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

.store-card h3{
font-size:30px;
}

}

/* =========================
BLOG PAGE
========================= */

.blogs-hero{
padding:140px 20px;
background:#f8f5ee;
text-align:center;
}

.blog-tag{
display:inline-block;
background:#d4a017;
color:#fff;
padding:12px 26px;
border-radius:40px;
font-weight:700;
margin-bottom:30px;
}

.blogs-hero h1{
font-size:76px;
line-height:1.1;
color:#0b132b;
max-width:1000px;
margin:auto;
margin-bottom:30px;
}

.blogs-hero p{
font-size:22px;
line-height:1.8;
max-width:850px;
margin:auto;
color:#666;
}

.blogs-section{
padding:120px 20px;
background:#fff;
}

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

.blog-card{
background:#fff;
border-radius:30px;
overflow:hidden;
box-shadow:0 10px 40px rgba(0,0,0,0.08);
transition:0.3s;
}

.blog-card:hover{
transform:translateY(-10px);
}

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

.blog-content{
padding:35px;
}

.blog-meta{
font-size:15px;
color:#888;
margin-bottom:15px;
}

.blog-content h2{
font-size:34px;
line-height:1.3;
margin-bottom:20px;
}

.blog-content h2 a{
text-decoration:none;
color:#0b132b;
}

.blog-content p{
font-size:17px;
line-height:1.8;
color:#555;
margin-bottom:25px;
}

.read-more-btn{
display:inline-block;
background:#145c2e;
color:#fff;
padding:14px 28px;
border-radius:50px;
text-decoration:none;
font-weight:700;
transition:0.3s;
}

.read-more-btn:hover{
background:#d4a017;
}

/* =========================
SINGLE BLOG PAGE
========================= */

.single-blog{
padding:120px 20px;
background:#fff;
}

.single-blog-header{
max-width:1000px;
margin:auto;
text-align:center;
margin-bottom:60px;
}

.single-meta{
font-size:16px;
color:#888;
margin-bottom:20px;
}

.single-blog-header h1{
font-size:72px;
line-height:1.2;
color:#0b132b;
}

.single-featured-image{
max-width:1200px;
margin:auto;
margin-bottom:70px;
}

.single-featured-image img{
width:100%;
border-radius:30px;
}

.single-blog-content{
max-width:900px;
margin:auto;
font-size:22px;
line-height:2;
color:#444;
}

.single-blog-content h2{
font-size:44px;
margin-top:50px;
margin-bottom:20px;
color:#0b132b;
}

.single-blog-content h3{
font-size:34px;
margin-top:40px;
margin-bottom:20px;
color:#0b132b;
}

.single-blog-content img{
width:100%;
border-radius:20px;
margin:40px 0;
}

.single-blog-content p{
margin-bottom:30px;
}

/* MOBILE */

@media(max-width:768px){

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

.blogs-hero h1,
.single-blog-header h1{
font-size:42px;
}

.blog-content h2{
font-size:28px;
}

.single-blog-content{
font-size:18px;
line-height:1.8;
}

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

}


/* PREMIUM SHOP PAGE */

.shop-hero{
padding:120px 0;
background:#f5f1e8;
position:relative;
overflow:hidden;
}

.shop-hero-content{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:60px;
}

.shop-badge{
background:#d9a514;
color:#fff;
padding:12px 24px;
border-radius:50px;
font-weight:700;
display:inline-block;
margin-bottom:25px;
}

.shop-left h1{
font-size:80px;
line-height:1;
margin-bottom:25px;
color:#071133;
}

.shop-left p{
font-size:20px;
line-height:1.8;
color:#555;
margin-bottom:35px;
max-width:600px;
}

.shop-buttons{
display:flex;
gap:20px;
}

.shop-btn{
background:#071133;
color:#fff;
padding:16px 34px;
border-radius:50px;
font-weight:700;
text-decoration:none;
}

.shop-btn-outline{
border:2px solid #071133;
color:#071133;
padding:16px 34px;
border-radius:50px;
font-weight:700;
text-decoration:none;
}

.shop-right img{
width:100%;
border-radius:30px;
height:600px;
object-fit:cover;
}

.trust-bar{
background:#0e5b2b;
padding:24px 0;
color:#fff;
font-weight:700;
}

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

.shop-categories,
.premium-products,
.why-kosmo,
.reviews-section,
.faq-section,
.instagram-section{
padding:100px 0;
}

.section-title{
text-align:center;
margin-bottom:60px;
}

.section-title h2{
font-size:64px;
color:#071133;
margin-bottom:15px;
}

.section-title p{
font-size:20px;
color:#666;
}

.category-grid,
.why-grid,
.review-grid,
.insta-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.category-card,
.why-card,
.review-card{
background:#fff;
padding:25px;
border-radius:30px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
transition:0.3s;
}

.category-card:hover,
.review-card:hover,
.why-card:hover{
transform:translateY(-10px);
}

.category-card img{
width:100%;
height:280px;
object-fit:cover;
border-radius:20px;
margin-bottom:20px;
}

.category-card h3{
font-size:28px;
text-align:center;
}

.woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.woocommerce ul.products li.product{
width:100% !important;
margin:0 !important;
background:#fff;
padding:20px;
border-radius:30px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.woocommerce ul.products li.product img{
width:100%;
height:320px;
object-fit:cover;
border-radius:20px;
}

.woocommerce ul.products li.product .button{
background:#071133 !important;
color:#fff !important;
border-radius:50px !important;
padding:14px 20px !important;
}

.review-card{
text-align:center;
}

.stars{
font-size:24px;
margin-bottom:20px;
color:#d9a514;
}

.faq-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}

.faq-item{
background:#fff;
padding:30px;
border-radius:24px;
}

.faq-item h3{
font-size:26px;
margin-bottom:15px;
}

.insta-grid img{
width:100%;
height:260px;
object-fit:cover;
border-radius:20px;
}

.whatsapp-float{
position:fixed;
right:25px;
bottom:25px;
background:#25D366;
color:#fff;
padding:18px 28px;
border-radius:50px;
font-weight:700;
text-decoration:none;
z-index:999;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

@media(max-width:991px){

.shop-hero-content,
.faq-wrap{
grid-template-columns:1fr;
}

.category-grid,
.why-grid,
.review-grid,
.insta-grid,
.woocommerce ul.products{
grid-template-columns:1fr 1fr !important;
}

.shop-left h1{
font-size:54px;
}

.section-title h2{
font-size:46px;
}

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

}

@media(max-width:700px){

.category-grid,
.why-grid,
.review-grid,
.insta-grid,
.woocommerce ul.products{
grid-template-columns:1fr !important;
}

.shop-left h1{
font-size:42px;
}

.section-title h2{
font-size:38px;
}

.shop-buttons{
flex-direction:column;
}

.shop-right img{
height:420px;
}

}

/* SHOP PAGE */

.shop-page{
padding:80px 0;
background:#f5f1e8;
min-height:100vh;
}

.shop-top{
text-align:center;
margin-bottom:70px;
}

.shop-top h1{
font-size:90px;
font-weight:800;
color:#071133;
margin-bottom:10px;
}

.shop-top p{
font-size:24px;
color:#666;
}

.woocommerce-result-count{
font-size:18px;
margin-bottom:30px !important;
}

.woocommerce-ordering select{
padding:14px 18px;
border-radius:12px;
border:none;
background:#fff;
font-size:16px;
}

.woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:40px !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after{
display:none !important;
}

.woocommerce ul.products li.product{
width:100% !important;
margin:0 !important;
background:#fff;
padding:20px;
border-radius:30px;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
transition:0.3s;
overflow:hidden;
position:relative;
}

.woocommerce ul.products li.product:hover{
transform:translateY(-8px);
}

.woocommerce ul.products li.product img{
width:100%;
height:320px;
object-fit:cover;
border-radius:20px;
margin-bottom:20px !important;
}

.woocommerce-loop-product__title{
font-size:30px !important;
font-weight:700;
color:#071133;
text-align:center;
margin-bottom:15px !important;
}

.woocommerce ul.products li.product .price{
display:block;
text-align:center;
font-size:28px !important;
font-weight:700;
color:#0e5b2b !important;
margin-bottom:20px !important;
}

.woocommerce ul.products li.product .button{
background:#071133 !important;
color:#fff !important;
border-radius:50px !important;
padding:15px 24px !important;
display:block !important;
text-align:center;
font-weight:700;
font-size:16px !important;
}

.woocommerce span.onsale{
background:#d9a514 !important;
padding:10px 18px !important;
border-radius:50px !important;
left:20px !important;
top:20px !important;
font-size:14px !important;
}

/* SINGLE PRODUCT */

.single-product div.product{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
padding:80px 0;
}

.single-product .woocommerce-product-gallery img{
border-radius:30px;
}

.single-product .product_title{
font-size:60px;
color:#071133;
margin-bottom:20px;
}

.single-product .price{
font-size:42px !important;
font-weight:800;
color:#0e5b2b !important;
margin-bottom:30px;
display:block;
}

.single-product .woocommerce-product-details__short-description{
font-size:20px;
line-height:1.8;
margin-bottom:30px;
color:#555;
}

.single-product .quantity input{
padding:14px;
width:80px;
height:55px;
}

.single-product .single_add_to_cart_button{
background:#071133 !important;
padding:18px 40px !important;
border-radius:50px !important;
font-size:18px !important;
font-weight:700 !important;
}

.woocommerce-tabs{
margin-top:70px;
}

.woocommerce-tabs h2{
font-size:32px;
margin-bottom:20px;
}

.related.products{
margin-top:100px;
}

.related.products h2{
font-size:48px;
margin-bottom:40px;
text-align:center;
color:#071133;
}

/* REVIEWS */

#reviews{
margin-top:40px;
}

.comment-form textarea{
border-radius:20px;
padding:20px;
}

.comment-form input{
padding:14px;
border-radius:12px;
}

/* MOBILE */

@media(max-width:991px){

.woocommerce ul.products{
grid-template-columns:1fr 1fr !important;
}

.shop-top h1{
font-size:60px;
}

.single-product div.product{
grid-template-columns:1fr;
}

.single-product .product_title{
font-size:42px;
}

}

@media(max-width:700px){

.woocommerce ul.products{
grid-template-columns:1fr !important;
}

.shop-top h1{
font-size:42px;
}

}


/* SINGLE PRODUCT */

.kosmo-single-product{
padding:100px 0;
background:#f6f3eb;
}

.product-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.product-gallery img{
width:100%;
border-radius:30px;
background:#fff;
padding:30px;
}

.product-badge{
display:inline-block;
background:#0d5c2f;
color:#fff;
padding:10px 20px;
border-radius:50px;
font-weight:600;
margin-bottom:20px;
}

.product-info h1{
font-size:64px;
line-height:1.1;
color:#071133;
margin-bottom:20px;
}

.product-rating{
font-size:20px;
margin-bottom:20px;
}

.product-rating span{
color:#666;
font-size:16px;
}

.product-price{
font-size:48px;
font-weight:700;
color:#0d5c2f;
margin-bottom:25px;
}

.product-short-desc{
font-size:18px;
line-height:1.8;
color:#444;
margin-bottom:35px;
}

.product-benefits{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:40px;
}

.product-benefits div{
background:#fff;
padding:18px;
border-radius:14px;
font-weight:600;
}

.product-cart{
margin-bottom:25px;
}

.quantity input{
width:90px;
height:55px;
border:none;
border-radius:10px;
font-size:20px;
}

.single_add_to_cart_button{
background:#071133 !important;
color:#fff !important;
border:none !important;
padding:18px 40px !important;
border-radius:12px !important;
font-size:18px !important;
font-weight:700 !important;
}

.whatsapp-order{
display:inline-block;
background:#25d366;
color:#fff;
padding:16px 34px;
border-radius:12px;
font-weight:700;
text-decoration:none;
}

.product-description-sec,
.product-review-sec{
padding:80px 0;
background:#fff;
}

.product-description-sec h2,
.product-review-sec h2{
font-size:42px;
margin-bottom:30px;
color:#071133;
}

@media(max-width:900px){

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

.product-info h1{
font-size:42px;
}

.product-price{
font-size:34px;
}

}

/* CART BUTTONS */

.custom-cart-wrap{
display:flex;
gap:18px;
align-items:center;
margin-top:35px;
margin-bottom:25px;
flex-wrap:wrap;
}

.quantity{
margin:0 !important;
}

.quantity input{
width:90px !important;
height:60px !important;
border:none !important;
background:#fff !important;
border-radius:12px !important;
font-size:22px !important;
font-weight:700;
}

.single_add_to_cart_button{
background:#071133 !important;
color:#fff !important;
padding:18px 40px !important;
border-radius:14px !important;
font-size:18px !important;
font-weight:700 !important;
border:none !important;
cursor:pointer;
}

.buy-now-btn{
background:#d6a317;
color:#fff;
padding:18px 40px;
border-radius:14px;
font-size:18px;
font-weight:700;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
}

.whatsapp-order{
display:inline-block;
background:#25D366;
padding:18px 35px;
border-radius:14px;
font-weight:700;
font-size:18px;
color:#fff;
text-decoration:none;
margin-top:10px;
}

/* REVIEW SECTION */

.product-review-sec{
background:#fff;
padding:100px 0;
}

.product-review-sec h2{
font-size:52px;
margin-bottom:40px;
color:#071133;
}

.comment-form-rating label,
.comment-form-comment label{
font-size:18px;
font-weight:700;
display:block;
margin-bottom:12px;
}

.comment-form textarea{
width:100%;
height:180px;
border:none;
background:#f6f3eb;
border-radius:20px;
padding:20px;
font-size:18px;
}

.submit{
background:#071133 !important;
color:#fff !important;
border:none !important;
padding:16px 40px !important;
border-radius:12px !important;
font-size:18px !important;
font-weight:700 !important;
margin-top:20px;
cursor:pointer;
}

.star-rating,
.stars{
font-size:28px;
margin-bottom:20px;
}

.woocommerce-tabs{
display:none;
}

/* =========================
CHECKOUT + THANKYOU PAGE
========================= */

.woocommerce-order {
    max-width: 1200px;
    margin: 60px auto;
    background: #fff;
    padding: 50px;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}

.woocommerce-thankyou-order-received {
    font-size: 42px;
    font-weight: 700;
    color: #0b1445;
    margin-bottom: 30px;
}

.woocommerce-order-overview {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    background: #f7f7f7;
    padding: 25px;
    border-radius: 16px;
    margin-bottom: 40px;
}

.woocommerce-order-overview li {
    list-style: none;
    font-size: 16px;
}

.woocommerce-order-details,
.woocommerce-customer-details {
    margin-top: 40px;
}

.woocommerce table.shop_table {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #eee;
}

.woocommerce table.shop_table th {
    background: #0b1445;
    color: white;
    padding: 18px;
}

.woocommerce table.shop_table td {
    padding: 18px;
}

.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
    background: #f8f8f8;
    padding: 30px;
    border-radius: 16px;
}

.home-add-cart{
display:inline-block;
background:#000;
color:#fff;
padding:14px 30px;
border-radius:50px;
text-decoration:none;
font-weight:700;
margin-top:15px;
}

.home-add-cart:hover{
background:#0c6b35;
}


/* =========================
FINAL PRODUCT CARD OVERRIDE
========================= */

.products-grid,
.woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:35px !important;
}

/* CARD */

.product-card,
.woocommerce ul.products li.product{
background:#ffffff !important;
border-radius:30px !important;
padding:22px !important;
box-shadow:0 10px 30px rgba(0,0,0,0.08) !important;
overflow:hidden !important;
text-align:left !important;
border:none !important;
}

/* REMOVE BLACK BG */

.product-card *,
.woocommerce ul.products li.product *{
background:transparent !important;
}

/* IMAGE */

.product-card img,
.woocommerce ul.products li.product img{
width:100% !important;
height:280px !important;
object-fit:contain !important;
background:#f7f7f7 !important;
padding:20px !important;
border-radius:20px !important;
margin-bottom:20px !important;
}

/* TITLE */

.product-card h3,
.woocommerce-loop-product__title{
font-size:30px !important;
font-weight:700 !important;
color:#081235 !important;
margin-bottom:12px !important;
line-height:1.3 !important;
}

/* PRICE */

.product-card h4,
.woocommerce ul.products li.product .price{
font-size:24px !important;
font-weight:700 !important;
color:#0c6b35 !important;
margin-bottom:20px !important;
display:block !important;
}

/* STAR */

.stars,
.star-rating{
color:#d4a017 !important;
font-size:22px !important;
margin-bottom:15px !important;
}

/* BUTTON */

.home-add-cart,
.woocommerce ul.products li.product .button{
background:#081235 !important;
color:#fff !important;
padding:14px 28px !important;
border-radius:50px !important;
font-weight:700 !important;
text-decoration:none !important;
display:inline-block !important;
border:none !important;
}

.home-add-cart:hover,
.woocommerce ul.products li.product .button:hover{
background:#0c6b35 !important;
color:#fff !important;
}

/* MOBILE */

@media(max-width:991px){

.products-grid,
.woocommerce ul.products{
grid-template-columns:repeat(2,1fr) !important;
}

}

@media(max-width:600px){

.products-grid,
.woocommerce ul.products{
grid-template-columns:1fr !important;
}

}

/* =========================
INSTAGRAM SECTION
========================= */

.insta-section{
padding:100px 0;
background:#f5f2ea;
text-align:center;
}

.insta-section h2{
font-size:72px;
font-weight:800;
color:#081235;
margin-bottom:60px;
}

#sb_instagram{
margin-bottom:40px;
}

#sb_instagram .sbi_photo{
border-radius:25px !important;
overflow:hidden;
}

.insta-btn{
display:inline-block;
padding:18px 40px;
background:#d4a017;
color:#fff;
font-size:20px;
font-weight:700;
border-radius:60px;
text-decoration:none;
transition:0.3s;
}

.insta-btn:hover{
background:#081235;
color:#fff;
}

@media(max-width:768px){

.insta-section h2{
font-size:42px;
}

}


.menu-toggle{
display:none;
font-size:32px;
font-weight:700;
cursor:pointer;
color:#0f172a;
}

/* MOBILE MENU */

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

.nav-container{
position:relative;
padding:0 20px;
}

.logo{
font-size:32px;
margin:auto;
}

.nav-btn{
display:none;
}

.menu-toggle{
display:block;
position:absolute;
left:20px;
top:50%;
transform:translateY(-50%);
z-index:1001;
}

.nav-links{
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
background:#fff;
flex-direction:column;
gap:0;
padding:20px 0;
box-shadow:0 10px 20px rgba(0,0,0,.1);
}

.nav-links.active{
display:flex;
}

.nav-links li{
text-align:center;
padding:15px 0;
border-bottom:1px solid #eee;
}

}