/* ========================================
   FLOATING ROTATED CTA BUTTON
======================================== */

/* Main Floating Button */
.button.floating-check-incentive{
cursor:pointer;
position:fixed;
top:17%; /* cleaned duplicate */
right:21px;
z-index:10000;

background:#16a408;
color:#fff;
border:1px solid #16a408;

min-width:260px;
min-height:50px;
padding:0 5px;

font-size:15px;
white-space:nowrap;

border-bottom-left-radius:0;
border-bottom-right-radius:0;

box-shadow:0 3px 6px rgba(244,102,61,.36);

/* Rotate */
transform:rotate(-90deg);
transform-origin:right;
}


/* ========================================
   BASE BUTTON (GLOBAL)
======================================== */

.button{
display:inline-flex;
align-items:center;
justify-content:center;

min-width:130px;
padding:14px 25px;

font-size:14px;
font-weight:500;
text-transform:uppercase;
line-height:1.3;

color:#fff;
text-decoration:none;

border:none;
border-radius:5px;
outline:none;

background:linear-gradient(90deg,#e6003c,#f51553);
box-shadow:0 5px 8px rgba(237,53,70,.36);

transition:all .4s;
overflow:hidden;
position:relative;
}


/* ========================================
   SIMPLE CLICK BUTTONS
======================================== */

.click-button{
background:#DD1C02;
color:#fff;
border:none;
padding:16px;
font-size:14px;
margin:4px 2px;
cursor:pointer;
display:inline-block;
text-decoration:none;
text-align:center;
}

.click-button-w{
background:#ffffff;
color:red;
border:none;
padding:16px;
font-size:13px;
margin:4px 2px;
cursor:pointer;
display:inline-block;
text-decoration:none;
text-align:center;
}


/* ========================================
   BORDER RADIUS UTILITIES
======================================== */

.click-button1{border-radius:2px;}
.click-button2{border-radius:4px;}
.click-button3{border-radius:8px;}
.click-button4{border-radius:12px;}
.click-button5{border-radius:50%;}


/* ========================================
   REVIEWS / WIDGET CONTAINER
======================================== */

.reviews-widget-shell{
min-height:600px; /* adjust if needed */
width:100%;
}


/* ========================================
   WEEKLY CTA BUTTON (PREMIUM STYLE)
======================================== */

.weekly-btn{
display:inline-block;
padding:18px 55px;

font-size:20px;
font-weight:600;
color:#ffffff;
text-decoration:none;

border-radius:50px;

background:linear-gradient(180deg,#5ea3f3 0%,#2e6db8 100%);

/* subtle shadow */
box-shadow:0 4px 2px rgba(0,0,0,0.15);

/* animation */
transition:transform .25s ease, box-shadow .25s ease;
animation:subtleFloat 4s ease-in-out infinite;

user-select:text;
}

/* Hover */
.weekly-btn:hover{
transform:translateY(-3px);
box-shadow:0 8px 2px rgba(0,0,0,0.18);
}

/* Click */
.weekly-btn:active{
transform:translateY(0) scale(0.98);
}


/* ========================================
   FLOAT ANIMATION
======================================== */

@keyframes subtleFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-2px);}
}
        /**** Additional Styles by GK *****/ /************************************/

        .hero-section{
        padding-bottom:0;
        margin-bottom:0;
        }

        .healthy-meals-section{
        padding-top:40px;
        }

        .intro-section{
        padding-top:40px;
        padding-bottom:40px;
        /*margin-top:-10px;*/
        }

        /* ORDER BUTTON */

        .order-btn{
        background:#ffc43f;
        padding:10px 20px;
        border-radius:6px;
        text-decoration:none;
        color:#000;
        font-weight:600;
        }

        .order-btn:hover{
        background:#f7b900;
        }


        /** three hero banners**/
        .hero-banner{
        border-radius:18px;
        padding:50px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        overflow:hidden;
        position:relative;
        }

        .hero-main{
        background:#e6f3fa;
        min-height:547px;
        }

        .hero-small{
        min-height:190px;
        }

        .bg-green{
        background:#eef5e5;
        }

        .bg-beige{
        background:#ffecb7;
        }

        .hero-text{
        max-width:420px;
        }

        .hero-text h1{
        font-size:48px;
        font-weight:700;
        margin-bottom:20px;
        }

        .hero-text h3{
        font-size:28px;
        font-weight:600;
        }

        .hero-image img{
        max-height:300px;
        }

        .promo-tag{
        color:#000000;
        font-weight:600;
        }

        .promo-percent{
        font-size:28px;
        font-weight:600;
        }

        .hero-small .hero-image img{
        max-height:160px;
        }


        .custom-hero{
        position:relative;
        width:100%;
        height:50vh;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        overflow:hidden;
        }

        /* IMAGE */

        .hero-img{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        object-fit:cover;
        z-index:0;
        }

        /* OVERLAY */

        .hero-overlay{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        /*background:linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15));*/
        background:linear-gradient(
        rgba(0,0,0,0.55) 0%,
        rgba(0,0,0,0.35) 50%,
        rgba(0,0,0,0.55) 100%
        );
        z-index:1;
        }

        /* CONTENT */

        .hero-content{
        position:relative;
        z-index:2;
        color:#fff;
        max-width:900px;
        padding:0 20px;
        }

        .hero-content h1{
        font-size:64px;
        font-weight:700;
        letter-spacing:2px;
        margin-bottom:20px;
        color:#ffffff !important;
        }

        .hero-content p{
        font-size:18px;
        letter-spacing:1px;
        margin-bottom:30px;
        opacity:0.9;
        color:#ffffff !important;
        }

        /* BUTTON */

        .hero-btn{
        display:inline-block;
        padding:12px 30px;
        border:1px solid #fff;
        color:#fff;
        text-decoration:none;
        border-radius:4px;
        font-size:14px;
        letter-spacing:1px;
        transition:all .3s ease;
        }

        .hero-btn:hover{
        background:#fff;
        color:#000;
        }

        /* RESPONSIVE */

        @media(max-width:992px){
        .hero-content h1{
        font-size:44px;
        }
        }

        @media(max-width:600px){
        .custom-hero{
        height:50vh;
        }

        .hero-content h1{
        font-size:34px;
        line-height:1.2;
        color:#ffffff !important;
        }

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

        .hero-btn{
        padding:10px 24px;
        font-size:13px;
        }
        }

        /* MEAL CARD ************************************/

        .healthy-meals-section{padding:60px 0;background:#f7f7f7;}
        .section-title{text-align:center;margin-bottom:50px;font-size:34px;font-weight:700;color:#222;}
        .meal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
        .meal-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.08);transition:all .3s ease;display:flex;flex-direction:column;height:100%;}
        .meal-card:hover{transform:translateY(-8px);box-shadow:0 18px 45px rgba(0,0,0,0.12);}
        .meal-image{position:relative;width:100%;}
        .meal-image img{width:100%;height:260px;object-fit:cover;display:block;}
        .meal-number{position:absolute;top:15px;left:15px;background:#a3be4c;color:#fff;padding:6px 10px;border-radius:8px;font-size:14px;font-weight:600;}
        .meal-content{padding:24px;display:flex;flex-direction:column;flex:1;}
        .meal-content h4{font-size:22px;font-weight:600;margin-bottom:8px;color:#222;}
        .meal-type{font-size:14px;color:#777;margin-bottom:10px;}
        .meal-ingredients{font-size:14px;color:#555;margin-bottom:8px;}
        .meal-macros{font-size:14px;font-weight:600;margin-bottom:10px;color:#222;}
        .meal-desc{font-size:14px;color:#666;margin-bottom:18px;}
        .btn-order{display:inline-block;background:#a3be4c;color:#fff;padding:10px 22px;border-radius:8px;font-weight:600;text-decoration:none;transition:.25s;margin-top:auto;width:max-content;}
        .btn-order-nv{display:inline-block;background:#ffc74f;color:#fff;padding:10px 22px;border-radius:8px;font-weight:600;text-decoration:none;transition:.25s;margin-top:auto;width:max-content;}
        .btn-order:hover{background:#8ea83f;transform:scale(1.04);}
        .cta-section{padding:70px 0;text-align:center;background:#ffc43f;color:#000;}
        .cta-section h2{font-size:32px;margin-bottom:15px;font-weight:700;}
        .cta-section p{margin-bottom:25px;font-size:16px;}
        .cta-button{background:#000;color:#fff;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block;}
        @media(max-width:1199px){.meal-grid{grid-template-columns:repeat(2,1fr);}}clic
        @media(max-width:767px){.meal-grid{grid-template-columns:1fr;}.meal-image img{height:220px;}}

        /*.row.g-4 > div {*/
        /*display:flex;*/
        /*}*/

        /* ==========================
        INTRO SECTION (SAFE CSS)
        ========================== */

        .intro-section{
        padding:50px 20px;
        background:#f8f9fa;
        text-align:center;
        }

        /* Small Tag */

        .intro-tag{
        color:#2fb344;
        font-weight:600;
        font-size:13px;
        letter-spacing:1px;
        margin-bottom:10px;
        text-transform:uppercase;
        }

        /* TITLE (Scoped H2 – No Conflict) */

        .intro-title{
        font-size:32px;
        font-weight:700;
        color:#2c3e50;
        margin-bottom:15px;
        line-height:1.3;
        }
        .intro-title span{
        color:#2fb344;
        }

        /* Description */

        .intro-desc{
        max-width:720px;
        margin:0 auto 25px;
        font-size:15px;
        color:#555;
        line-height:1.6;
        }

        /* CTA Button */

        .intro-btn{
        display:inline-block;
        background:#d32f2f;
        color:#fff;
        padding:12px 28px;
        border-radius:8px;
        font-weight:600;
        text-decoration:none;
        transition:.3s;
        }

        .intro-btn:hover{
        background:#b71c1c;
        transform:translateY(-2px);
        }

        /* MOBILE */

        @media(max-width:600px){

        .intro-title{
        font-size:24px;
        }

        .intro-desc{
        font-size:14px;
        }

        }

        /* ===============================
        4 GRID MEAL CARDS SECTION
        =================================*/

        .grid4-meal-cards-section{
        padding:60px 0;
        background:#f5f6f7;
        font-family:system-ui;
        }

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

        .grid4-meal-cards-header span{
        color:#2fb344;
        font-weight:600;
        }

        .grid4-meal-cards-header h2{
        font-size:36px;
        margin-top:10px;
        margin-bottom:40px;
        font-weight:700;
        }
        
        /* COMMON TAG STYLE */
        .meal-tag{
        display:inline-block;
        padding:6px 14px;
        font-size:14px;
        font-weight:500;
        border-radius:6px;
        border:1.5px solid;
        background:transparent;
        line-height:1.4;
        }
        
        /* VEG */
        .meal-tag.veg{
        color:#2fb344;
        border-color:#2fb344;
        }
        
        /* NON VEG */
        .meal-tag.nonveg{
        color:#e53935;
        border-color:#e53935;
        }
        .meal-tag:hover{
        background:rgba(0,0,0,0.03);
        }
        /* ===============================
        GRID
        =================================*/

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

        /* ===============================
        CARD
        =================================*/

        .grid4-meal-cards-card{
        background:#ffffff;
        border-radius:14px;
        overflow:hidden;
        box-shadow:0 10px 20px rgba(0,0,0,0.08);
        display:flex;
        flex-direction:column;
        height:100%;
        transition:0.3s;
        }

        .grid4-meal-cards-card:hover{
        transform:translateY(-6px);
        box-shadow:0 18px 35px rgba(0,0,0,0.12);
        }

        /* ===============================
        IMAGE
        =================================*/

        .grid4-meal-cards-image{
        position:relative;
        }

        .grid4-meal-cards-image img{
        width:100%;
        height:260px;
        object-fit:cover;
        }

        /* ===============================
        BADGES
        =================================*/

        .grid4-meal-cards-badge,
        .grid4-meal-cards-badge-red{
        position:absolute;
        top:12px;
        left:12px;
        color:#fff;
        padding:5px 12px;
        font-size:12px;
        border-radius:6px;
        }

        .grid4-meal-cards-badge{
        background:#1f7a37;
        }

        .grid4-meal-cards-badge-red{
        background:#e53935;
        }

        /* ===============================
        CONTENT
        =================================*/

        .grid4-meal-cards-content{
        padding:18px;
        display:flex;
        flex-direction:column;
        flex:1;
        gap:8px;
        }

        /* TEXT */

        .grid4-meal-cards-size{
        font-size:13px;
        color:#000;
        line-height:1.4;
        }

        /* TITLE */

        .grid4-meal-cards-content h3{
        font-family:'Roboto', sans-serif;
        font-size:15px;
        font-weight:600;
        line-height:1.4;
        color:#000;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        }

        /* ADD GAP ABOVE BUTTON (CRITICAL FIX) */

        .grid4-meal-cards-content span:last-of-type{
        margin-bottom:12px;
        }

        /* ===============================
        PRICE (OPTIONAL)
        =================================*/

        /* Removed negative margin (bad practice)
        .grid4-meal-cards-price{
        margin-top:-16px;
        }
        */

        .grid4-meal-cards-old{
        text-decoration:line-through;
        color:#cc2d2d;
        margin-right:6px;
        }

        .grid4-meal-cards-new{
        color:#1f8b2e;
        font-size:18px;
        font-weight:700;
        }

        /* ===============================
        BUTTONS
        =================================*/

        /* GREEN BUTTON */

        .grid4-meal-cards-buy{
        margin-top:auto;
        width:100%;
        background:#34a853;
        color:#ffffff;
        border:none;
        padding:12px;
        border-radius:8px;
        font-weight:600;
        cursor:pointer;
        transition:all 0.25s ease;
        text-align:center;
        display:block;
        text-decoration:none;
        }

        .grid4-meal-cards-buy:hover{
        background:#2e8f48;
        transform:translateY(-2px);
        }

        /* ORANGE BUTTON */

        .grid4-meal-cards-buy-orange{
        margin-top:auto;
        width:100%;
        background:#ff9000;
        color:#ffffff;
        border:none;
        padding:12px;
        border-radius:8px;
        font-weight:600;
        cursor:pointer;
        transition:all 0.25s ease;
        text-align:center;
        display:block;
        text-decoration:none;
        }

        .grid4-meal-cards-buy-orange:hover{
        background:#ff7200;
        transform:translateY(-2px);
        }

        /* COMMON TITLE */
        .meal-title{
        display:flex;
        align-items:center;
        gap:8px;
        }

        /* DOT BASE */
        .meal-title::before{
        content:'';
        width:8px;
        height:8px;
        border-radius:50%;
        display:inline-block;
        flex-shrink:0;
        }

        /* VEG */
        .meal-title.veg::before{
        background:#2fb344;
        }

        /* NON VEG */
        .meal-title.nonveg::before{
        background:#e53935;
        }
        .meal-title.veg::before{
        background:#2fb344;
        box-shadow:0 0 4px rgba(47,179,68,0.6);
        }

        .meal-title.nonveg::before{
        background:#e53935;
        box-shadow:0 0 4px rgba(229,57,53,0.6);
        }
        /* ===============================
        SHOW MORE BUTTON
        =================================*/

        .grid4-meal-cards-more{
        text-align:center;
        margin-top:35px;
        }

        .grid4-meal-cards-more button{
        padding:10px 26px;
        border:2px solid #2fb344;
        background:#ffffff;
        color:#2fb344;
        border-radius:8px;
        font-weight:600;
        cursor:pointer;
        transition:0.3s;
        }

        .grid4-meal-cards-more button:hover{
        background:#2fb344;
        color:#ffffff;
        }

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

        /* Laptop */
        @media(max-width:1200px){
        .grid4-meal-cards-grid{
        grid-template-columns:repeat(3,1fr);
        }
        }

        /* Tablet */
        @media(max-width:992px){
        .grid4-meal-cards-grid{
        grid-template-columns:repeat(2,1fr);
        }
        }

        /* Mobile */
        @media(max-width:600px){

        .grid4-meal-cards-grid{
        grid-template-columns:1fr;
        gap:16px;
        }

        .grid4-meal-cards-image img{
        height:340px;
        }

        .grid4-meal-cards-content{
        padding:16px;
        gap:6px;
        }

        .grid4-meal-cards-content h3{
        font-size:15px;
        }

        .grid4-meal-cards-buy{
        padding:11px;
        font-size:14px;
        }

        }

        /************************************************************* add styles *****/
        .main-header
        {
        background:#fff;
        border-bottom:1px solid #eee;
        padding:15px 0;
        }

        .header-inner
        {
        display:flex;
        align-items:center;
        gap:20px;
        }

        .logo img
        {
        height:45px;
        }

        .desktop-menu
        {
        margin-left:40px;
        display:flex;
        gap:30px;
        }

        .desktop-menu a
        {
        text-decoration:none;
        color:#333;
        font-weight:500;
        }

        .desktop-menu a:hover
        {
        color:#ffc43f;
        }

        /* HAMBURGER */

        .menu-toggle
        {
        background:none;
        border:none;
        cursor:pointer;
        display:flex;
        flex-direction:column;
        gap:5px;
        }

        .menu-toggle span
        {
        width:22px;
        height:2px;
        background:#333;
        display:block;
        }

        /* MOBILE MENU */

        .mobile-menu
        {
        position:fixed;
        top:0;
        left:-260px;
        width:260px;
        height:100%;
        background:#fff;
        padding:40px 25px;
        transition:0.3s;
        box-shadow:0 0 20px rgba(0,0,0,0.1);
        }

        .mobile-menu a
        {
        display:block;
        margin-bottom:20px;
        text-decoration:none;
        color:#333;
        font-size:18px;
        }

        .mobile-menu.active
        {
        left:0;
        }

        /* RESPONSIVE */

        @media (max-width:991px)
        {
        .desktop-menu
        {
        display:none;
        }
        }
        
        
        
        /*  Non Veg Tiffin Page CSS*/
/* ===== TIFFIN MENU SECTION ===== */
.tiffin-menu-section {
    background: #f8f5f2;
    padding: 80px 20px;
}

/* Header */
.tiffin-menu-section .menu-header h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #3b1f1f; /* deep brown */
}

.tiffin-menu-section .menu-sub {
    font-size: 16px;
    color: #7a4b4b;
    margin-bottom: 15px;
}

.tiffin-menu-section .menu-date {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 50px;
    color: #a83232; /* red highlight */
}

/* Grid */
.tiffin-menu-section .menu-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}

/* Cards */
.tiffin-menu-section .menu-card {
    background: #fff;
    padding: 25px 20px;
    border-radius: 8px;
    border-top: 4px solid #a83232; /* red top line */
    transition: all 0.3s ease;
}

/* Day Title */
.tiffin-menu-section .menu-card h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #3b1f1f;
}

/* Items */
.tiffin-menu-section .menu-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tiffin-menu-section .menu-card ul li {
    font-size: 15px;
    color: #5a3e3e;
    margin-bottom: 8px;
}

/* Friday Special */
.tiffin-menu-section .menu-card.special {
    background: #fff5f5;
    border-top: 4px solid #ff0000;
}

.tiffin-menu-section .menu-card.special h4 span {
    color: #ff0000;
    font-weight: 700;
}

/* Hover */
.tiffin-menu-section .menu-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(168,50,50,0.15);
}

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

/* Tablet */
@media (max-width: 992px) {
    .tiffin-menu-section .menu-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .tiffin-menu-section .menu-header h2 {
        font-size: 32px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .tiffin-menu-section {
        padding: 50px 15px;
    }

    .tiffin-menu-section .menu-grid {
        grid-template-columns: 1fr;
    }

    .tiffin-menu-section .menu-header h2 {
        font-size: 26px;
    }

    .tiffin-menu-section .menu-date {
        font-size: 18px;
    }
}

/* CTA Section */
.tiffin-menu-section .menu-cta {
    margin-top: 40px;
}

/* Button Style */
.tiffin-menu-section .menu-order-btn {
    display: inline-block;
    background: linear-gradient(135deg, #a83232, #5a1f1f);
    color: #fff;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 6px 18px rgba(168,50,50,0.3);
}

/* Hover Effect */
.tiffin-menu-section .menu-order-btn:hover {
    background: linear-gradient(135deg, #c0392b, #3b1f1f);
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(168,50,50,0.4);
}