/* ===============================
   NAVBAR COMMON
================================ */

.navbar-custom{
    background: linear-gradient(90deg,#000000,#1b5e20,#66bb6a);
    padding:20px 20px;
}

/* Logo */
.navbar-brand img{
    height:45px;
    padding:1px;
    border:2px solid #ffc107;
    border-radius:50%;
    background:#fff;
}

/* Contact */
.top-contact{
    font-size:13px;
    color:#fff;
    display:flex;
    gap:1px;
}

/* Menu */
.nav-link{
    color:#fff !important;
    font-weight:600;
    margin:0 12px;
}

.nav-link:hover{
    color:#c8ff00 !important;
}

.nav-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}

/* Buy Button */
.buy-btn{
    background:#ffc107;
    color:#000;
    font-weight:600;
    padding:6px 14px;
    height:36px;
    display:inline-flex;
    align-items:center;
}

html{
scroll-behavior:smooth;
}

/* WhatsApp Button */
.whatsapp-btn{
    background:#25D366;
    color:#fff;

    border:2px solid #ffc107;

    border-radius:25px;          /* 👈 Proper rounded */

    padding:35px;            /* 👈 Equal inner space all sides */

    margin: 10px;

    display:inline-flex;
    align-items:center;
    gap:8px;

    height:36px;
    white-space:nowrap;
}

/* ===============================
   DESKTOP / LAPTOP (>=992px)
================================ */

@media (min-width: 992px){

    .nav-left{
        width:25%;
        padding-left:20px;
        display:flex;
        align-items:center;
    }

    .nav-center{
        width:50%;
        text-align:center;
    }

    .nav-right{
        width:25%;
        padding-right:20px;
        display:flex;
        justify-content:flex-end;
        align-items:center;
        gap:12px;
    }

    .buy-btn{
        height:38px;
        padding:0 18px;
    }

    .whatsapp-btn{
        height:38px;
        padding:0 0px;
    }

}

/* ===============================
   MOBILE / TABLET (<992px)
================================ */

@media (max-width: 991px){

    .nav-left{
        width:70%;
        display:flex;
        align-items:center;
        gap:10px;
        padding-left:15px;
    }

    .nav-right{
        width:30%;
        display:flex;
        justify-content:flex-end;
        align-items:center;
        gap:8px;
        padding-right:15px;
    }

    .nav-center{
        width:100%;
        text-align:center;
    }

    /* Hide call & mail in mobile */
    .top-contact{
        display:none;
    }

    .buy-btn,
    .whatsapp-btn{
        height:32px;
        padding:0 10px;
        font-size:13px;
    }

    /* Mobile menu buttons gap */
    .mobile-buttons{
        display:flex;
        gap:10px;
        justify-content:center;
        margin-top:10px;
    }
    
@media (max-width:768px){
   .slider-img{
       height:270px;
   }

   .buy-section{
    background:#f8f9fa;
}

.buy-product-img{
    max-height:450px;
}

.order-card{
    background:#fff;
    border-radius:10px;
}
}
.ingredient-card{
transition:0.3s;
border:1px solid #eee;
}

.ingredient-card:hover{
transform:translateY(-8px);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.ingredient-card img{
object-fit:contain;
}
  
  
  
  .executive-img{
width:150px;
height:150px;
border-radius:50%;
object-fit:cover;
border:4px solid #28a745;
}
  
  .footer-section{
background:#111;
color:#fff;
padding:20px 0;
font-size:14px;
}

.footer-links a{
color:#fff;
text-decoration:none;
margin:0 8px;
}

.footer-links a:hover{
color:#28a745;
}

/* REVIEW IMAGE */

.review-img{
width:25px;
height:25px;
min-width:25px;
border-radius:20%;
object-fit:cover;
border:3px solid #eee;
}

/* TESTIMONIAL CARD */

.testimonial-card{
transition:0.3s;
}

.testimonial-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.1);
}

/* STAR COLOR */

.stars{
color:#f4b400;
font-size:18px;
margin-top:10px;
}

/* TESTIMONIAL IMAGE */

.review-img{
width:60px;
height:60px;
border-radius:50%;
object-fit:cover;
flex-shrink:0;
border:3px solid #eee;
}

/* DESKTOP FIX */

@media (min-width:992px){

.review-img{
width:60px;
height:60px;
min-width:60px;
}

.testimonial-card .d-flex{
align-items:center;
}

}

.review-img{
max-width:60px;
}
  
  
  .product-video{
width:100%;
max-width:600px;
height:10px;
object-fit:cover;
border-radius:10px;
}