/* GLOBAL */

body{
    font-family: 'Poppins', sans-serif;
    background: #f5f7fb;
}

/* NAVBAR */

.custom-navbar{
    background: rgba(17, 24, 39, 0.95);
    backdrop-filter: blur(10px);
    padding: 15px 0;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.navbar{

    flex-wrap:wrap;
}
button,
.btn{

    width:auto;
}

@media(max-width:576px){

    button,
    .btn{

        width:100%;
    }
}

/* LOGO */

.logo-box{
    width: 45px;
    height: 45px;
    border-radius: 12px;
    background: linear-gradient(135deg,#16a34a,#22c55e);

    display: flex;
    align-items: center;
    justify-content: center;

    color: white;
    font-size: 22px;
}

.logo-text{
    font-size: 24px;
    color: white;
    letter-spacing: 0.5px;
}

/* NAV LINKS */

.nav-link{
    color: #d1d5db !important;
    font-weight: 500;
    margin-left: 10px;
    transition: 0.3s;
}

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

/* LOGIN BUTTON */

.login-btn{
    background: linear-gradient(135deg,#16a34a,#22c55e);
    border: none;
    color: #111827;
    font-weight: 600;
    border-radius: 12px;
    transition: 0.3s;
}

.login-btn:hover{
    transform: translateY(-2px);
    background: linear-gradient(135deg,#22c55e,#16a34a);
}

/* FILTERS */

.food-filters{

    display:flex;

    gap:15px;

    margin-bottom:35px;

    flex-wrap:wrap;
}

.filter-btn{

    padding:12px 28px;

    border-radius:50px;

    background:#fff;

    color:#0b132b;

    text-decoration:none;

    font-weight:700;

    transition:0.3s;
}

.filter-btn:hover{

    background:#16a34a;

    color:#fff;
}

/* FILTER BUTTONS */

.food-filters{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:25px;

    flex-wrap:wrap;
}

.filter-btn{

    padding:10px 18px;

    border-radius:40px;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    transition:0.3s;
}

.all-btn{

    background:#f3f4f6;

    color:#111827;
}

.veg-btn{

    background:#dcfce7;

    color:#15803d;
}

.nonveg-btn{

    background:#fee2e2;

    color:#dc2626;
}

.egg-btn{

    background:#fef3c7;

    color:#d97706;
}

.filter-btn:hover{

    transform:translateY(-2px);
}

/* FOOD GRID */



/* FOOD CARD */

.food-card{

    background:#fff;

    border-radius:22px;

    padding:14px;

    position:relative;

    transition:0.3s;
}

.food-card:hover{

    transform:translateY(-4px);
}

/* FOOD IMAGE */



/* FOOD NAME */

.food-name{

    font-size:22px;

    font-weight:700;

    margin-top:12px;

    color:#111827;
}

/* DESCRIPTION */

.food-desc{

    font-size:14px;

    color:#6b7280;

    margin-top:6px;

    line-height:1.5;
}

/* PRICE */

.food-price{

    font-size:18px;

    font-weight:700;

    color:#16a34a;
}

/* BADGES */

.food-type-badge{

    position:absolute;

    top:18px;

    left:18px;

    padding:6px 14px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;
}

.veg{

    background:#dcfce7;

    color:#15803d;
}

.non-veg{

    background:#fee2e2;

    color:#dc2626;
}

.egg{

    background:#fef3c7;

    color:#d97706;
}

/* BUTTON */

/* ADD TO CART BUTTON */

/* ADD TO CART BUTTON */

.add-cart-btn{

    width:56px;

    height:56px;

    min-width:56px;

    border:none;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color:#fff;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    transition:0.3s;

    box-shadow:
    0 10px 25px rgba(34,197,94,0.25);

    flex-shrink:0;
}

.add-cart-btn i{

    line-height:1;
}

.add-cart-btn:hover{

    transform:translateY(-3px);

    color:#fff;

    box-shadow:
    0 18px 35px rgba(34,197,94,0.35);
}

/* LARGE TABLETS */

@media(max-width:992px){

    .add-cart-btn{

        width:52px;

        height:52px;

        min-width:52px;

        font-size:20px;
    }
}

/* TABLETS */

@media(max-width:768px){

    .add-cart-btn{

        width:48px;

        height:48px;

        min-width:48px;

        font-size:18px;

        border-radius:14px;
    }
}

/* SMALL MOBILE */

@media(max-width:480px){

    .add-cart-btn{

        width:44px;

        height:44px;

        min-width:44px;

        font-size:16px;

        border-radius:12px;
    }
}

/* MOBILE */

@media(max-width:768px){

    

    .food-title{

        font-size:16px;
    }

    .food-price{

        font-size:15px;
    }

    
}

/* FOOD BADGES */

.food-badge{

    position:absolute;

    top:18px;

    left:18px;

    padding:6px 14px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;
}

.veg{

    background:#e8f5e9;

    color:#4caf50;
}

.non-veg{

    background:#ffebee;

    color:#f44336;
}

.egg{

    background:#fff3e0;

    color:#16a34a;
}

/* CART BUTTON */

.cart-btn{
    width: 48px;
    height: 48px;

    background: rgba(255,255,255,0.08);

    border-radius: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    text-decoration: none;

    color: white;

    font-size: 20px;

    transition: 0.3s;
}

.cart-btn:hover{
    background: #16a34a;
    color: #111827;
}

.cart-count{
    position: absolute;

    top: -5px;
    right: -5px;

    width: 22px;
    height: 22px;

    background: #22c55e;
    color: white;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    font-weight: 600;
}

/* MOBILE NAV FIX */

@media(max-width:991px){

    .navbar .container{

        display:flex;

        align-items:center;

        justify-content:space-between;
    }

    .navbar-collapse{

        margin-top:20px;
    }

    .cart-btn{

        width:46px;

        height:46px;

        font-size:18px;

        margin-top:0;
    }
}

/* MOBILE */

@media(max-width:991px){

    .nav-link{
        margin: 10px 0;
    }

    .cart-btn{
        margin-top: 10px;
    }

}


/* CART PRICE */

.cart-item-price{

    margin-top:10px;

    font-size:15px;

    font-weight:700;

    color:#16a34a;
}

/* MOBILE */

@media(max-width:768px){

    .cart-item-price{

        font-size:14px;

        margin-top:8px;
    }
}

/* HERO SECTION */

.hero-section{

    position: relative;

    background:
    linear-gradient(
    135deg,
    #0f172a 0%,
    #111827 50%,
    #1e293b 100%
    );

    overflow: hidden;

    /* padding-top: 80px; */
}

/* LEFT CONTENT */

.hero-content{
    position: relative;
    z-index: 2;
}

.hero-badge{

    background: rgba(255,255,255,0.08);

    border: 1px solid rgba(255,255,255,0.1);

    padding: 10px 18px;

    border-radius: 50px;

    color: #22c55e;

    font-size: 14px;
    font-weight: 500;

    backdrop-filter: blur(10px);
}

.hero-title{

    color: white;

    font-size: 40px;

    font-weight: 700;

    line-height: 1.1;
}

.hero-title span{
    color: #16a34a;
}

.hero-description{

    color: #cbd5e1;

    font-size: 18px;

    line-height: 1.8;

    max-width: 580px;
}

/* BUTTONS */

.order-btn{

    background: linear-gradient(135deg,#16a34a,#22c55e);

    border: none;

    color: #111827;

    font-weight: 600;

    border-radius: 14px;

    transition: 0.3s;
}

.order-btn:hover{

    transform: translateY(-3px);

    background: linear-gradient(135deg,#22c55e,#16a34a);

    color: #111827;
}

.plan-btn{

    border: 1px solid rgba(255,255,255,0.15);

    color: white;

    border-radius: 14px;

    backdrop-filter: blur(10px);

    transition: 0.3s;
}

.plan-btn:hover{

    background: rgba(255,255,255,0.08);

    color: white;

    transform: translateY(-3px);
}

/* FEATURES */

.hero-features{

    display: flex;

    flex-wrap: wrap;

    gap: 30px;
}

.feature-item{

    display: flex;

    align-items: center;

    gap: 14px;
}

.feature-icon{

    width: 55px;
    height: 55px;

    border-radius: 16px;

    background: rgba(255,255,255,0.08);

    display: flex;
    align-items: center;
    justify-content: center;

    color: #16a34a;

    font-size: 22px;
}

.feature-item h6{

    margin-bottom: 2px;

    color: white;

    font-weight: 600;
}

.feature-item p{

    margin: 0;

    color: #94a3b8;

    font-size: 14px;
}

/* RIGHT IMAGE */

.hero-image-wrapper{

    position: relative;

    z-index: 2;
}

.hero-circle{

    position: absolute;

    width: 550px;
    height: 550px;
background: radial-gradient(
    rgba(22,163,74,0.40),
    transparent 70%
);

    border-radius: 50%;

    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);

    z-index: -1;
}

.hero-image{

    max-width: 90%;

    animation: float 4s ease-in-out infinite;
}

/* FLOAT ANIMATION */

@keyframes float{

    0%{
        transform: translateY(0px);
    }

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

    100%{
        transform: translateY(0px);
    }

}

/* RESPONSIVE */

@media(max-width:991px){

    .hero-section{
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hero-title{
        font-size: 48px;
    }

    .hero-description{
        margin: auto;
    }

    .hero-features{
        justify-content: center;
    }

    .hero-image-wrapper{
        margin-top: 60px;
    }

}

@media(max-width:576px){

    .hero-title{
        font-size: 38px;
    }

    .hero-description{
        font-size: 16px;
    }

    .hero-features{
        flex-direction: column;
        align-items: center;
    }

}

/* WHY SECTION */

.why-section{

    background: #f8fafc;
}

/* WHY CARD */

.why-card{

    background: white;

    padding: 40px 30px;

    border-radius: 24px;

    transition: 0.3s;

    height: 100%;

    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.why-card:hover{

    transform: translateY(-10px);

    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* ICON */

.why-icon{

    width: 80px;
    height: 80px;

    margin: auto;

    border-radius: 24px;

    background: linear-gradient(135deg,#16a34a,#22c55e);

    display: flex;
    align-items: center;
    justify-content: center;

    color: white;

    font-size: 34px;
}

.why-card h4{

    font-weight: 700;

    color: #111827;
}

.why-card p{

    color: #64748b;

    line-height: 1.8;

    margin-top: 15px;
}


/* TESTIMONIAL SECTION */

.testimonial-section{

    background: white;
}

/* CARD */

.testimonial-card{

    background: #ffffff;

    padding: 35px;

    border-radius: 24px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.05);

    transition: 0.3s;

    height: 100%;
}

.testimonial-card:hover{

    transform: translateY(-10px);

    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* USER IMAGE */

.testimonial-user{

    width: 70px;
    height: 70px;

    object-fit: cover;

    border-radius: 50%;
}

/* TEXT */

.testimonial-card h5{

    font-weight: 700;

    color: #111827;
}

.testimonial-card span{

    color: #64748b;

    font-size: 14px;
}

.testimonial-text{

    color: #475569;

    line-height: 1.9;

    margin-bottom: 25px;
}

/* STARS */

.testimonial-stars{

    color: #16a34a;

    font-size: 18px;
}

/* TODAY SPECIAL SECTION */

.today-special-section{

    background: #f8fafc;
}

/* CARD */

.special-card{

    background: white;

    border-radius: 28px;

    overflow: hidden;

    transition: 0.3s;

    height: 100%;

    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.special-card:hover{

    transform: translateY(-10px);

    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* IMAGE */

.special-image{

    overflow: hidden;
}

.special-image img{

    width: 100%;

    height: 260px;

    object-fit: cover;

    transition: 0.4s;
}

.special-card:hover img{

    transform: scale(1.08);
}

/* CONTENT */

.special-content{

    padding: 30px;
}

.special-content h4{

    font-weight: 700;

    color: #111827;
}

.special-content p{

    color: #64748b;

    line-height: 1.8;

    margin-top: 15px;
}

/* PRICE */

.special-price{

    color: #16a34a;

    font-size: 24px;

    font-weight: 700;
}

/* STARS */

.food-rating{

    color: #16a34a;
}

/* BUTTON */

.special-btn{

    background: linear-gradient(135deg,#16a34a,#22c55e);

    border: none;

    color: #111827;

    font-weight: 600;

    border-radius: 12px;

    padding: 10px 22px;

    transition: 0.3s;
}

.special-btn:hover{

    transform: translateY(-2px);

    color: #111827;

    background: linear-gradient(135deg,#22c55e,#16a34a);
}

/* STATS SECTION */

.stats-section{

    background: #ffffff;
}

/* WRAPPER */

.stats-wrapper{

    background:
    linear-gradient(
    135deg,
    #0f172a,
    #111827,
    #1e293b
    );

    border-radius: 35px;

    padding: 60px 40px;
}

/* ITEM */

.stats-item{

    padding: 20px;
}

.stats-item h2{

    color: #16a34a;

    font-size: 52px;

    font-weight: 700;

    margin-bottom: 10px;
}

.stats-item p{

    color: #cbd5e1;

    font-size: 18px;

    margin: 0;
}

/* MOBILE */

@media(max-width:991px){

    .stats-item{

        margin-bottom: 30px;
    }

}

/* FAQ SECTION */

.faq-section{

    background: #f8fafc;
}

/* ACCORDION */

.custom-accordion .accordion-item{

    border: none;

    border-radius: 22px !important;

    overflow: hidden;

    margin-bottom: 20px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* BUTTON */

.custom-accordion .accordion-button{

    background: white;

    color: #111827;

    font-weight: 600;

    font-size: 18px;

    padding: 25px;

    box-shadow: none !important;
}

.custom-accordion .accordion-button:not(.collapsed){

    background: #16a34a;

    color: #111827;
}

/* BODY */

.custom-accordion .accordion-body{

    padding: 25px;

    color: #64748b;

    line-height: 1.8;

    background: white;
}

/* ICON */

.custom-accordion .accordion-button::after{

    filter: brightness(0);
}

/* FOOTER SECTION */

.footer-section{

    background:
    linear-gradient(
    135deg,
    #0f172a,
    #111827,
    #1e293b
    );

    padding-top: 90px;

    color: white;
}

/* LOGO */

.footer-logo{

    width: 60px;
    height: 60px;

    border-radius: 18px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 28px;

    color: white;
}

/* ABOUT */

.footer-about{

    color: #cbd5e1;

    line-height: 1.9;

    max-width: 350px;
}

/* TITLE */

.footer-title{

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 30px;
}

/* LINKS */

.footer-links{

    padding: 0;

    margin: 0;

    list-style: none;
}

.footer-links li{

    margin-bottom: 16px;
}

.footer-links a{

    color: #cbd5e1;

    text-decoration: none;

    transition: 0.3s;
}

.footer-links a:hover{

    color: #16a34a;

    padding-left: 5px;
}

/* SOCIAL */

.footer-social{

    display: flex;

    gap: 15px;
}

.footer-social a{

    width: 45px;
    height: 45px;

    background: rgba(255,255,255,0.08);

    border-radius: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: white;

    text-decoration: none;

    transition: 0.3s;

    font-size: 18px;
}

.footer-social a:hover{

    background: #16a34a;

    color: #111827;

    transform: translateY(-4px);
}

/* CONTACT */

.footer-contact{

    display: flex;

    flex-direction: column;

    gap: 20px;
}

.contact-item{

    display: flex;

    align-items: center;

    gap: 14px;

    color: #cbd5e1;
}

.contact-item i{

    color: #16a34a;

    font-size: 20px;
}

/* BOTTOM */

.footer-bottom{

    border-top: 1px solid rgba(255,255,255,0.08);

    margin-top: 70px;

    padding: 30px 0;
}

.copyright-text,
.developed-text{

    color: #94a3b8;

    margin: 0;
}

/* MOBILE */

@media(max-width:991px){

    .footer-section{

        text-align: center;
    }

    .footer-about{

        margin: auto;
    }

    .footer-social{

        justify-content: center;
    }

    .footer-contact{

        align-items: center;
    }

    .footer-bottom{

        text-align: center;
    }

    .developed-text{

        margin-top: 10px;
    }

}


/* MENU PAGE */

.menu-page-section{

    background:
linear-gradient(
180deg,
#f8fafc,
#eef2f7
);

    /* padding-top: 130px !important; */
}

/* TOP BAR */

.menu-top-bar{

    background: white;

    padding: 30px;

    border-radius: 28px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.05);

    margin-bottom: 40px;
}

/* SEARCH */

.menu-search .form-control{

    height: 60px;

    border: none;

    border-radius: 16px 0 0 16px;

    padding-left: 20px;

    box-shadow: none;

    background: #f1f5f9;
}

.search-btn{

    width: 70px;

    border: none;

    border-radius: 0 16px 16px 0;

    background: #16a34a;

    color: #111827;

    font-size: 20px;
}

/* FILTERS */

.category-wrapper{

    display: flex;

    flex-wrap: wrap;

    gap: 15px;
}

.category-btn{

    border: none;

    padding: 12px 24px;

    border-radius: 50px;

    background: #f1f5f9;

    color: #111827;

    font-weight: 600;

    transition: 0.3s;
}

.category-btn:hover,
.category-btn.active{

    background: #16a34a;

    color: #111827;

    transform: translateY(-2px);
}

/* FOOD CARD */


/* AMAZON STYLE GRID */

.foods-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

    margin-top:20px;
}

/* FOOD CARD */

.food-menu-card{

    background:#fff;

    border-radius:16px;

    padding:14px;

    border:1px solid #eee;

    height:100%;
}

.food-menu-card:hover{

    transform:translateY(-4px);

    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

/* IMAGE */

.food-image{

    width:100%;

    height:180px;

    object-fit:cover;

    border-radius:12px;
}

/* TITLE */

.food-title{

    font-size:20px;

    font-weight:700;

    margin-bottom:6px;

    color:#111827;
}

/* DESCRIPTION */

.food-desc{

    font-size:14px;

    color:#6b7280;

    min-height:42px;
}

/* PRICE */

.food-price{

    font-size:28px;

    font-weight:700;

    color:#ff7a00;
}

/* MOBILE */

@media(max-width:768px){

    .foods-grid{

        grid-template-columns:repeat(2,1fr);

        gap:14px;
    }

    .food-image{

        height:auto;
    }

    .food-title{

        font-size:16px;
    }

    .food-price{

        font-size:22px;
    }
}


@media(max-width:768px){

    

    .food-image{

        height:auto;
    }
}



/* CONTENT */

.food-menu-content{

    padding: 18px;
}

.food-menu-content h4{

    font-weight: 700;

    color: #111827;
}

.food-menu-content p{

    color: #64748b;

    line-height: 1.5;

    margin-top: 6px;

    font-size: 14px;

    min-height: 42px;
}


/* PRICE */

.food-price{

    color: #ff6b00;

    font-size: 20px;

    font-weight: 700;
}

/* CATEGORY */

.food-category{

    display: inline-block;

    padding: 6px 14px;

    border-radius: 50px;

    background:
    linear-gradient(
    135deg,
    #fff3e6,
    #ffe7cc
    );

    color: #ff8800;

    font-size: 12px;

    font-weight: 600;
}

/* RATING */

.food-rating{

    color: #16a34a;
}

/* BUTTON */







.menu-top-bar{

    position: sticky;

    top: 90px;

    z-index: 100;

    backdrop-filter: blur(12px);
}

.popular-badge{

    position: absolute;

    top: 18px;
    left: 18px;

    background: #16a34a;

    color: #111827;

    padding: 8px 18px;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 700;

    z-index: 10;

    box-shadow:
    0 10px 25px rgba(255,152,0,0.25);
}

/* SIDEBAR */

.menu-sidebar{

    position: sticky;

    top: 110px;
}

/* BOX */

.sidebar-box{

    background: white;

    padding: 28px;

    border-radius: 28px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);
}

/* TITLE */

.sidebar-title{

    font-size: 20px;

    font-weight: 700;

    color: #111827;
}

/* SEARCH */

.sidebar-box .form-control{

    height: 58px;

    border: none;

    background: #f1f5f9;

    border-radius: 16px 0 0 16px;

    box-shadow: none;

    padding-left: 18px;
}

/* CATEGORY */

.sidebar-categories{

    display: flex;

    flex-direction: column;

    gap: 15px;
}

.sidebar-categories .category-btn{

    width: 100%;

    text-align: left;

    padding: 14px 22px;
}

/* GRID CARD */

.food-title{

    font-size: 18px;

    font-weight: 600;

    line-height: 1.4;

    color: #1e293b;

    margin-bottom: 10px;
}

/* IMAGE */

.food-menu-image img{

    width: 100%;

    height: 230px;

    object-fit: cover;
}

/* CARD */



/* MOBILE */

@media(max-width:991px){

    .menu-sidebar{

        position: relative;

        top: 0;

        margin-bottom: 30px;
    }

}

/* CART SECTION */

/* CART ITEM */



/* DETAILS */

/* CART ITEM */

/* =========================
   CART PAGE
========================= */

.cart-section{

    padding:40px 0;
}

/* HEADER */

.cart-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-bottom:30px;

    flex-wrap:wrap;
}

.cart-header h1{

    font-size:42px;

    font-weight:800;

    color:#0f172a;

    margin:0;
}

.cart-header p{

    margin:0;

    color:#64748b;

    font-size:16px;
}

/* CART ITEM */

.cart-item{

    display:grid;

    grid-template-columns:
    90px
    1fr
    auto
    auto
    auto
    auto;

    align-items:center;

    gap:18px;

    background:#fff;

    border-radius:24px;

    padding:18px 22px;

    margin-bottom:18px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.04);
}

/* IMAGE */

.cart-image img{

    width:90px;

    height:90px;

    object-fit:cover;

    border-radius:18px;
}

/* DETAILS */

.cart-details h5{

    font-size:24px;

    font-weight:700;

    margin-bottom:4px;

    color:#0f172a;
}

.cart-category{

    color:#64748b;

    font-size:15px;
}

/* PRICE */

.cart-price,
.cart-total{

    font-size:26px;

    font-weight:800;

    color:#16a34a;
}

/* QTY */

.cart-qty-box{

    display:flex;

    align-items:center;

    gap:10px;

    background:#f8fafc;

    border-radius:18px;

    padding:8px 10px;
}

.cart-qty-btn{

    width:42px;

    height:42px;

    border:none;

    border-radius:14px;

    background:#0b132b;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    transition:0.3s;
}

.cart-qty-btn:hover{

    background:#16a34a;

    transform:translateY(-2px);
}

.cart-qty-count{

    min-width:20px;

    text-align:center;

    font-size:18px;

    font-weight:700;

    color:#111827;
}

/* REMOVE */

.cart-remove a{

    width:48px;

    height:48px;

    border-radius:16px;

    background:#fee2e2;

    color:#ef4444;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:18px;

    transition:0.3s;
}

.cart-remove a:hover{

    background:#ef4444;

    color:#fff;
}

/* SUMMARY */

.cart-summary{

    background:#fff;

    border-radius:30px;

    padding:30px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.04);

    position:sticky;

    top:100px;
}

.cart-summary h3{

    font-size:34px;

    font-weight:800;

    margin-bottom:30px;

    color:#0f172a;
}

.summary-item{

    display:flex;

    justify-content:space-between;

    padding:18px 0;

    border-bottom:1px solid #e2e8f0;

    font-size:18px;
}

.summary-item span{

    color:#64748b;
}

.summary-item strong{

    color:#0f172a;
}

.summary-total{

    padding-top:25px;
}

.summary-total span{

    color:#64748b;

    font-size:16px;
}

.summary-total h2{

    font-size:52px;

    font-weight:800;

    color:#ff8800;

    margin-top:8px;
}

/* CHECKOUT BUTTON */

.checkout-cart-btn{

    width:100%;

    height:58px;

    border-radius:18px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color:#fff;

    font-size:18px;

    font-weight:700;

    text-decoration:none;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:20px;

    transition:0.3s;
}

.checkout-cart-btn:hover{

    transform:translateY(-2px);

    color:#fff;
}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

    .cart-item{

        grid-template-columns:
        80px
        1fr
        auto;

        gap:14px;
    }

    .cart-price,
    .cart-total{

        font-size:20px;
    }

    .cart-summary{

        margin-top:25px;

        position:relative;

        top:0;
    }
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .cart-header{

        align-items:flex-start;
    }

    .cart-header h1{

        font-size:34px;

        line-height:1.1;
    }

    .cart-item{

        grid-template-columns:1fr;

        text-align:left;

        padding:18px;

        gap:14px;
    }

    .cart-image img{

        width:85px;

        height:85px;
    }

    .cart-details h5{

        font-size:20px;
    }

    .cart-price,
    .cart-total{

        font-size:22px;
    }

    .cart-qty-box{

        width:fit-content;
    }

    .cart-summary{

        padding:24px;

        border-radius:24px;
    }

    .cart-summary h3{

        font-size:28px;
    }

    .summary-total h2{

        font-size:42px;
    }

    .checkout-cart-btn{

        height:54px;

        font-size:16px;
    }
}

/* SECTION */

.login-section{

    min-height: 100vh;

    display: flex;

    align-items: center;

    background:
    linear-gradient(
    180deg,
    #f8fafc,
    #eef2f7
    );

    padding: 100px 0;
}

/* WRAPPER */

.login-wrapper{

    gap: 40px;
}

/* LEFT */

.login-left h1{

    font-size: 52px;

    font-weight: 700;

    line-height: 1.1;

    color: #0f172a;

    margin: 25px 0 18px;
}

.login-left p{

    font-size: 17px;

    color: #64748b;

    max-width: 420px;

    line-height: 1.8;
}

/* BADGE */

.mini-badge{

    background: #fff3e6;

    color: #16a34a;

    padding: 8px 18px;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 600;
}

/* FOOD GRID */

.food-mini-grid{

    display: grid;

    grid-template-columns: repeat(2,120px);

    gap: 16px;

    margin-top: 35px;
}

/* IMAGE */

.food-mini-grid img{

    width: 120px;

    height: 120px;

    object-fit: cover;

    border-radius: 24px;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.08);

    transition: 0.3s;
}

.food-mini-grid img:hover{

    transform: translateY(-5px);
}

/* LOGIN CARD */

.login-card-small{

    background: white;

    padding: 35px;

    border-radius: 30px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);
}

/* ICON */

.login-icon{

    width: 65px;
    height: 65px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: white;

    font-size: 28px;

    margin-bottom: 22px;
}

/* TITLE */

.login-card-small h2{

    font-size: 38px;

    font-weight: 700;

    color: #0f172a;
}

.login-card-small p{

    color: #64748b;

    margin: 12px 0 30px;
}

/* INPUT */

.login-card-small .form-control{

    height: 56px;

    border: none;

    background: #f1f5f9;

    border-radius: 16px;

    padding-left: 18px;

    box-shadow: none;
}

/* BUTTON */

.cute-login-btn{

    width: 100%;

    height: 56px;

    border: none;

    border-radius: 16px;

    margin-top: 22px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color: #111827;

    font-size: 17px;

    font-weight: 700;

    transition: 0.3s;
}

.cute-login-btn:hover{

    transform: translateY(-3px);

    box-shadow:
    0 12px 25px rgba(255,152,0,0.25);
}

/* MOBILE */

@media(max-width:991px){

    .login-left{

        text-align: center;

        margin-bottom: 50px;
    }

    .login-left p{

        margin: auto;
    }

    .food-mini-grid{

        justify-content: center;

        grid-template-columns: repeat(2,110px);
    }

}

/* CHECKOUT */



/* CARD */


.order-summary-card{

    background: white;

    border-radius: 32px;

    padding: 35px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);
}

/* TITLE */

.order-summary-card h3{

    font-size: 36px;

    font-weight: 700;

    color: #111827;
}


/* =========================
   SUBSCRIPTION CHECKOUT
========================= */

.checkout-section{

    background:#f8fafc;

    min-height:100vh;

    padding:60px 0;
}

/* CARD */

.checkout-card{

    background:#fff;

    border-radius:34px;

    padding:42px;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.05);

    border:1px solid #edf2f7;
}

/* TITLE */

.checkout-card h2{

    font-size:48px;

    font-weight:800;

    color:#0f172a;

    margin-bottom:35px;
}

/* LABEL */

.checkout-card label{

    display:block;

    font-size:15px;

    font-weight:700;

    color:#0f172a;

    margin-bottom:10px;
}

/* INPUT */

.modern-input{

    width:100%;

    height:56px;

    border:2px solid #e2e8f0 !important;

    background:#fff !important;

    border-radius:18px;

    padding:0 18px;

    font-size:15px;

    outline:none;

    box-shadow:none !important;

    transition:0.3s;

    appearance:none;
}

.modern-input:focus{

    border-color:#22c55e !important;

    box-shadow:
    0 0 0 4px rgba(34,197,94,0.12) !important;
}

/* TEXTAREA */

textarea.modern-input{

    height:120px;

    padding-top:18px;

    resize:none;
}

/* SELECT */

select.modern-input{

    cursor:pointer;
}

/* SUMMARY */

.subscription-summary{

    margin-top:35px;

    background:
    linear-gradient(
    135deg,
    #f8fafc,
    #f1f5f9
    );

    border-radius:24px;

    padding:30px;

    border:1px solid #e2e8f0;
}

.subscription-summary h4{

    font-size:18px;

    font-weight:700;

    color:#334155;

    margin-bottom:16px;
}

.subscription-summary h2{

    font-size:54px;

    font-weight:800;

    color:#16a34a;

    margin:0;
}

/* PAY BUTTON */

.subscription-pay-btn{

    width:100%;

    height:60px;

    border:none;

    border-radius:20px;

    margin-top:28px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color:#fff !important;

    font-size:18px;

    font-weight:700;

    transition:0.3s;

    box-shadow:
    0 12px 30px rgba(34,197,94,0.25);
}

.subscription-pay-btn:hover{

    transform:translateY(-3px);

    box-shadow:
    0 20px 40px rgba(34,197,94,0.30);
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .checkout-section{

        padding:25px 0;
    }

    .checkout-card{

        padding:24px;

        border-radius:24px;
    }

    .checkout-card h2{

        font-size:34px;

        margin-bottom:24px;
    }

    .modern-input{

        height:52px;

        font-size:14px;

        border-radius:14px;
    }

    textarea.modern-input{

        height:100px;
    }

    .subscription-summary{

        padding:22px;

        border-radius:18px;
    }

    .subscription-summary h4{

        font-size:15px;
    }

    .subscription-summary h2{

        font-size:42px;
    }

    .subscription-pay-btn{

        height:54px;

        font-size:16px;

        border-radius:16px;
    }
}



/* PAYMENT */

.payment-options{

    display: flex;

    gap: 20px;
}

.payment-box{

    flex: 1;

    background: #f8fafc;

    border-radius: 18px;

    padding: 20px;

    cursor: pointer;

    border: 2px solid transparent;
}

.payment-box input{

    margin-right: 10px;
}

/* SUMMARY ITEM */

.summary-food-item{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 18px 0;

    border-bottom: 1px solid #e2e8f0;
}

.summary-food-item h5{

    font-size: 18px;

    font-weight: 600;

    color: #111827;
}

.summary-food-item span{

    color: #64748b;

    font-size: 14px;
}

/* TOTAL */

.checkout-total{

    margin-top: 30px;
}

.checkout-total span{

    color: #64748b;
}

.checkout-total h2{

    font-size: 48px;

    font-weight: 700;

    color: #ff8800;

    margin-top: 10px;
}

/* BUTTON */

.place-order-btn{

    width: 100%;

    height: 58px;

    border: none;

    border-radius: 18px;

    margin-top: 30px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color: #111827;

    font-size: 18px;

    font-weight: 700;

    transition: 0.3s;
}

.place-order-btn:hover{

    transform: translateY(-3px);

    box-shadow:
    0 15px 30px rgba(255,152,0,0.25);
}


/* SUCCESS SECTION */

.success-section{

    min-height: 100vh;

    background:
    linear-gradient(
    180deg,
    #f8fafc,
    #eef2f7
    );

    display: flex;

    align-items: center;

    padding: 120px 0;
}

/* CARD */

.success-card{

    background: white;

    padding: 50px;

    border-radius: 36px;

    text-align: center;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);
}

/* ICON */

.success-icon{

    width: 110px;
    height: 110px;

    background:
    linear-gradient(
    135deg,
    #22c55e,
    #4ade80
    );

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;

    color: white;

    font-size: 48px;

    box-shadow:
    0 20px 40px rgba(34,197,94,0.25);
}

/* TITLE */

.success-card h1{

    font-size: 48px;

    font-weight: 700;

    color: #111827;

    margin-top: 35px;
}

.success-card p{

    color: #64748b;

    font-size: 18px;

    line-height: 1.8;

    margin-top: 18px;
}

/* INFO */

.success-info{

    background: #f8fafc;

    border-radius: 24px;

    padding: 25px;

    margin-top: 35px;
}

.success-item{

    display: flex;

    justify-content: space-between;

    margin-bottom: 15px;
}

.success-item:last-child{

    margin-bottom: 0;
}

.success-item span{

    color: #64748b;
}

.success-item strong{

    color: #111827;
}

/* BUTTON */

.continue-btn{

    width: 100%;

    height: 60px;

    border-radius: 18px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color: #111827;

    font-size: 18px;

    font-weight: 700;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    margin-top: 35px;

    transition: 0.3s;
}

.continue-btn:hover{

    transform: translateY(-3px);

    color: #111827;

    box-shadow:
    0 15px 30px rgba(255,152,0,0.25);
}
/* ORDERS SECTION */

.orders-section{

    min-height: 100vh;

    background:
    linear-gradient(
    180deg,
    #f8fafc,
    #eef2f7
    );

    padding: 130px 0;
}

/* HEADER */

.orders-header{

    margin-bottom: 40px;
}

.orders-header h1{

    font-size: 52px;

    font-weight: 700;

    color: #111827;
}

.orders-header p{

    color: #64748b;

    margin-top: 15px;

    font-size: 18px;
}

/* CARD */

.order-card{

    background: white;

    border-radius: 32px;

    padding: 30px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);

    transition: 0.3s;
}

.order-card:hover{

    transform: translateY(-5px);

    box-shadow:
    0 20px 40px rgba(255,152,0,0.10);
}

/* TOP */

.order-top{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 30px;
}

.order-top h4{

    font-size: 28px;

    font-weight: 700;

    color: #111827;
}

.order-top span{

    color: #64748b;

    font-size: 14px;
}

/* STATUS */

.order-status{

    background:
    linear-gradient(
    135deg,
    #dcfce7,
    #bbf7d0
    );

    color: #15803d;

    padding: 10px 18px;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 700;
}

/* INFO */

.order-info{

    margin-bottom: 30px;
}

.info-item{

    display: flex;

    justify-content: space-between;

    margin-bottom: 14px;
}

.info-item span{

    color: #64748b;
}

.info-item strong{

    color: #111827;
}

/* TOTAL */

.order-total{

    border-top: 1px solid #e2e8f0;

    padding-top: 25px;
}

.order-total span{

    color: #64748b;
}

.order-total h2{

    font-size: 42px;

    font-weight: 700;

    color: #ff8800;

    margin-top: 10px;
}

/* BUTTON */

.reorder-btn{

    width: 100%;

    height: 56px;

    border-radius: 18px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color: #111827;

    font-size: 17px;

    font-weight: 700;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    margin-top: 30px;

    transition: 0.3s;
}

.reorder-btn:hover{

    transform: translateY(-3px);

    color: #111827;

    box-shadow:
    0 15px 30px rgba(255,152,0,0.25);
}


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

@media(max-width:992px){

    .navbar{

        padding:15px 20px;
    }

    .nav-links{

        display:none;
    }

    .main-content{

        padding:20px;
    }

    .hero-section{

        flex-direction:column;

        gap:30px;
    }

    .hero-left,
    .hero-right{

        width:100%;
    }

    .foods-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;
}

    .sidebar{

        width:100%;

        margin-bottom:20px;
    }

    .menu-layout{

        flex-direction:column;
    }

    .cart-layout{

        flex-direction:column;
    }

    .cart-summary{

        width:100%;
    }

    .checkout-layout{

        flex-direction:column;
    }

    .checkout-left,
    .checkout-right{

        width:100%;
    }
}

/* MOBILE */

@media(max-width:576px){

    body{

        overflow-x:hidden;
    }

    h1{

        font-size:34px;
    }

    h2{

        font-size:28px;
    }

    .navbar{

        border-radius:0;
    }

    .logo-text{

        font-size:28px;
    }

    /* .food-grid{

        grid-template-columns:1fr;
    } */

    .food-card{

        border-radius:22px;
    }

    .food-card img{

        height:180px;

        object-fit:cover;
    }

    .cart-item{

        flex-direction:column;

        align-items:flex-start;

        gap:15px;
    }

    .cart-item img{

        width:100%;

        height:180px;
    }

    .cart-summary{

        padding:25px;
    }

    .checkout-box{

        padding:25px;
    }

    .form-control{

        height:52px;
    }

    .payment-box{

        flex-direction:column;
    }

    .login-layout{

        flex-direction:column;
    }

    .login-left,
    .login-right{

        width:100%;
    }

    .login-images{

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

    .admin-sidebar{

        width:100%;

        position:relative;
    }

    .admin-content{

        margin-left:0;
    }

    table{

        font-size:13px;
    }
}

/* ===== PRODUCT GRID ===== */

.deskbowl-products-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

    margin-top:30px;
}

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

.deskbowl-product-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #ececec;

    transition:0.3s;

    box-shadow:0 2px 10px rgba(0,0,0,0.04);
}

.deskbowl-product-card:hover{

    transform:translateY(-4px);
}

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

.deskbowl-product-image-box{

    position:relative;
}

.deskbowl-product-image{

    width:100%;

    height:180px;

    object-fit:cover;

    display:block;
}

/* ===== FOOD TYPE ===== */

.deskbowl-food-type{

    position:absolute;

    top:15px;

    left:15px;

    padding:10px 18px;

    border-radius:40px;

    color:#fff;

    font-size:14px;

    font-weight:700;

    z-index:5;

    box-shadow:
    0 5px 15px rgba(0,0,0,0.15);
}

/* VEG */

.deskbowl-food-type.veg{

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );
}

/* NON VEG */

.deskbowl-food-type.non-veg{

    background:
    linear-gradient(
    135deg,
    #dc2626,
    #ef4444
    );
}

/* EGG */

.deskbowl-food-type.egg{

    background:
    linear-gradient(
    135deg,
    #f59e0b,
    #fbbf24
    );
}

/* BEVERAGE */

.deskbowl-food-type.beverage{

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #3b82f6
    );
}

/* SNACK */

.deskbowl-food-type.snack{

    background:
    linear-gradient(
    135deg,
    #ec4899,
    #f97316
    );
}

/* COMBO */

.deskbowl-food-type.combo{

    background:
    linear-gradient(
    135deg,
    #7c3aed,
    #a855f7
    );
}

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

.deskbowl-product-content{

    padding:14px;
}

.deskbowl-product-title{

    font-size:20px;

    font-weight:700;

    margin-bottom:8px;
}

.deskbowl-product-description{

    font-size:14px;

    color:#666;

    margin-bottom:14px;

    line-height:1.5;
}

/* ===== BOTTOM ===== */

.deskbowl-product-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;
}

/* PRODUCT PRICE */

.deskbowl-product-price{

    font-size:22px;

    font-weight:800;

    color:#16a34a;

    line-height:1.2;

    display:flex;

    align-items:center;

    gap:4px;
}

/* TABLET */

@media(max-width:768px){

    .deskbowl-product-price{

        font-size:18px;
    }
}

/* MOBILE */

@media(max-width:480px){

    .deskbowl-product-price{

        font-size:16px;

        font-weight:700;
    }
}

/* ===== BUTTON ===== */

.deskbowl-cart-btn{

    background:#16a34a;

    color:#fff;

    padding:10px 16px;

    border-radius:10px;

    text-decoration:none;

    font-size:14px;

    font-weight:600;
}

.deskbowl-cart-btn:hover{

    background:#e68900;

    color:#fff;
}

/* ===== MOBILE ===== */

@media(max-width:768px){

    .deskbowl-products-grid{

        grid-template-columns:repeat(2,1fr);

        gap:14px;
    }

    .deskbowl-product-image{

        height:120px;
    }

    .deskbowl-product-title{

        font-size:16px;
    }

    

    .deskbowl-cart-btn{

        padding:8px 12px;

        font-size:12px;
    }
}

/* ===== LAYOUT ===== */

.deskbowl-layout{

    display:grid;

    grid-template-columns:220px 1fr;

    gap:25px;

    align-items:start;
}

/* ===== SIDEBAR ===== */

.deskbowl-sidebar{

    position:sticky;

    top:100px;
}

/* ===== FILTERS ===== */

.food-filters{

    display:flex;

    flex-direction:column;

    gap:14px;
}

.filter-btn{

    padding:14px 18px;

    border-radius:14px;

    text-decoration:none;

    font-weight:600;

    display:flex;

    align-items:center;

    gap:10px;
}

.all-btn{

    background:#f3f4f6;

    color:#111827;
}

.veg-btn{

    background:#dcfce7;

    color:#15803d;
}

.nonveg-btn{

    background:#fee2e2;

    color:#dc2626;
}

.egg-btn{

    background:#fef3c7;

    color:#ca8a04;
}

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

.deskbowl-products-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;
}

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

.deskbowl-product-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #eee;

    transition:0.3s;
}

.deskbowl-product-card:hover{

    transform:translateY(-4px);
}

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

.deskbowl-product-image-box{

    position:relative;
}

.deskbowl-product-image{

    width:100%;

    height:180px;

    object-fit:cover;

    display:block;
}

/* ===== FOOD TYPE ===== */

.deskbowl-food-type{

    position:absolute;

    top:12px;

    left:12px;

    background:#fff;

    padding:5px 10px;

    border-radius:30px;

    font-size:12px;

    font-weight:600;
}

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

.deskbowl-product-content{

    padding:14px;
}

.deskbowl-product-title{

    font-size:18px;

    font-weight:700;

    margin-bottom:8px;
}

.deskbowl-product-description{

    font-size:14px;

    color:#6b7280;

    margin-bottom:16px;

    line-height:1.5;
}

/* ===== BOTTOM ===== */

.deskbowl-product-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;
}



/* ===== BUTTON ===== */

.deskbowl-cart-btn{

    background:#16a34a;

    color:#fff;

    padding:10px 14px;

    border-radius:10px;

    text-decoration:none;

    font-size:13px;

    font-weight:600;
}

/* ===== MOBILE ===== */

@media(max-width:768px){

    .deskbowl-layout{

        grid-template-columns:1fr;
    }

    .food-filters{

        flex-direction:row;

        flex-wrap:wrap;
    }

    .deskbowl-products-grid{

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

    .deskbowl-product-image{

        height:120px;
    }
}

/* ===== OVERLAY ===== */

.cart-overlay{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.4);

    opacity:0;

    visibility:hidden;

    transition:0.3s;

    z-index:9998;
}

.cart-overlay.active{

    opacity:1;

    visibility:visible;
}

/* ===== DRAWER ===== */

.cart-drawer{

    position:fixed;

    top:0;

    right:-420px;

    width:400px;

    max-width:100%;

    height:100vh;

    background:#fff;

    z-index:9999;

    transition:0.3s;

    display:flex;

    flex-direction:column;

    box-shadow:-5px 0 20px rgba(0,0,0,0.1);
}

.cart-drawer.active{

    right:0;
}

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

.cart-header{

    padding:20px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    border-bottom:1px solid #eee;
}

.cart-header h4{

    margin:0;

    font-weight:700;
}

.cart-header button{

    border:none;

    background:none;

    font-size:24px;

    cursor:pointer;
}

/* ===== BODY ===== */

.cart-body{

    flex:1;

    overflow-y:auto;

    padding:20px;
}

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

.cart-footer{

    padding:20px;

    border-top:1px solid #eee;
}

.checkout-btn{

    width:100%;

    display:block;

    text-align:center;

    background:#16a34a;

    color:#fff;

    padding:14px;

    border-radius:12px;

    text-decoration:none;

    font-weight:600;
}

/* ===== CART ITEM ===== */

.drawer-cart-item{

    display:flex;

    gap:12px;

    margin-bottom:18px;

    padding-bottom:18px;

    border-bottom:1px solid #eee;
}

.drawer-cart-image{

    width:70px;

    height:70px;

    object-fit:cover;

    border-radius:12px;
}

.drawer-cart-content{

    flex:1;
}

.drawer-cart-content h5{

    font-size:16px;

    margin-bottom:6px;

    font-weight:600;
}

.drawer-cart-content p{

    margin:0;

    color:#666;

    font-size:14px;
}

.drawer-cart-content span{

    display:block;

    margin-top:6px;

    font-weight:700;

    color:#16a34a;
}

/* ===== TOTAL ===== */

.drawer-cart-total{

    font-size:20px;

    font-weight:700;

    text-align:right;

    margin-top:20px;
}

/* ===== QTY BOX ===== */

/* DRAWER QTY BOX */

.drawer-qty-box{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin-top:10px;

    background:#f8fafc;

    border-radius:14px;

    padding:6px 10px;

    width:fit-content;
}

/* BUTTONS */

.qty-btn{

    width:30px;

    height:30px;

    min-width:30px;

    border-radius:50%;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    transition:0.3s;

    box-shadow:
    0 5px 15px rgba(34,197,94,0.25);
}

.qty-btn:hover{

    transform:scale(1.08);

    color:#fff;
}

/* COUNT */

.qty-count{

    font-size:16px;

    font-weight:700;

    color:#111827;

    min-width:18px;

    text-align:center;

    line-height:1;
}

/* TABLET */

@media(max-width:768px){

    .drawer-qty-box{

        gap:10px;

        padding:5px 8px;
    }

    .qty-btn{

        width:28px;

        height:28px;

        min-width:28px;

        font-size:16px;
    }

    .qty-count{

        font-size:15px;
    }
}

/* MOBILE */

@media(max-width:480px){

    .drawer-qty-box{

        gap:8px;

        padding:4px 6px;

        border-radius:12px;
    }

    .qty-btn{

        width:24px;

        height:24px;

        min-width:24px;

        font-size:14px;
    }

    .qty-count{

        font-size:13px;
    }
}

/* QTY BOX */

.menu-qty-box{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:#fff7ed;

    border-radius:14px;

    padding:6px 10px;

    margin-top:10px;

    width:fit-content;

    min-width:110px;
}

/* BUTTONS */

.menu-qty-btn{

    width:32px;

    height:32px;

    min-width:32px;

    border:none;

    border-radius:50%;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color:#fff;

    font-size:18px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:0.3s;

    box-shadow:
    0 6px 18px rgba(34,197,94,0.25);
}

.menu-qty-btn:hover{

    transform:scale(1.08);
}

/* COUNT */

.menu-qty-count{

    min-width:20px;

    text-align:center;

    font-size:16px;

    font-weight:700;

    color:#111827;
}

/* TABLET */

@media(max-width:768px){

    .menu-qty-box{

        gap:8px;

        padding:5px 8px;

        border-radius:12px;

        min-width:95px;
    }

    .menu-qty-btn{

        width:28px;

        height:28px;

        min-width:28px;

        font-size:16px;
    }

    .menu-qty-count{

        font-size:14px;
    }
}

/* MOBILE */

@media(max-width:480px){

    .menu-qty-box{

        gap:6px;

        padding:4px 6px;

        border-radius:10px;

        min-width:82px;
    }

    .menu-qty-btn{

        width:24px;

        height:24px;

        min-width:24px;

        font-size:14px;
    }

    .menu-qty-count{

        font-size:13px;
    }
}

/* =========================
   DESKBOWL CHECKOUT
========================= */

/* =========================
   CHECKOUT PAGE
========================= */

.deskbowl-checkout{

    background:#f8fafc;

    padding:40px 0;
}

/* LEFT + RIGHT CARDS */

.checkout-left-card,
.checkout-summary-card{

    background:#fff;

    border-radius:28px;

    padding:28px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.04);
}

/* HEADER */

.checkout-heading-wrap{

    margin-bottom:25px;
}

.checkout-heading-wrap h2{

    font-size:42px;

    font-weight:800;

    color:#0f172a;

    margin-bottom:6px;
}

.checkout-heading-wrap p{

    color:#64748b;

    font-size:15px;

    margin:0;
}

/* SECTION CARD */

.checkout-form-card{

    background:#f8fafc;

    border-radius:22px;

    padding:22px;
}

/* SECTION TITLE */

.section-title{

    font-size:20px;

    font-weight:700;

    color:#0f172a;

    margin-bottom:20px;
}

/* LABEL */

.checkout-form-card label{

    font-size:14px;

    font-weight:600;

    color:#334155;

    margin-bottom:8px;

    display:block;
}

/* INPUT */

.modern-input{

    width:100% !important;

    height:54px;

    border:2px solid #dbe4ee !important;

    background:#ffffff !important;

    border-radius:16px !important;

    padding:0 18px !important;

    font-size:15px;

    color:#0f172a;

    outline:none !important;

    box-shadow:none !important;

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    transition:0.3s;
}
.modern-input:focus{

    border:2px solid #22c55e !important;

    box-shadow:
    0 0 0 4px rgba(34,197,94,0.12) !important;

    background:#fff !important;
}
/* TEXTAREA */

textarea.modern-input{

    height:120px;

    padding-top:16px;
}
textarea.modern-input{

    height:120px;

    padding-top:16px;
}

select.modern-input{

    cursor:pointer;

    background-image:
    linear-gradient(45deg, transparent 50%, #64748b 50%),
    linear-gradient(135deg, #64748b 50%, transparent 50%);

    background-position:
    calc(100% - 20px) calc(50% - 3px),
    calc(100% - 14px) calc(50% - 3px);

    background-size:6px 6px;

    background-repeat:no-repeat;
}

/* PAYMENT BOX */

.online-payment-box{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    background:#f8fafc;

    border-radius:20px;

    padding:18px;
}

.payment-icon{

    width:52px;

    height:52px;

    border-radius:16px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;
}

.online-payment-box h5{

    font-size:17px;

    font-weight:700;

    margin:0;
}

.online-payment-box p{

    color:#64748b;

    font-size:14px;
}

.secure-badge{

    background:#dcfce7;

    color:#16a34a;

    padding:8px 14px;

    border-radius:40px;

    font-size:13px;

    font-weight:700;
}

/* SUMMARY */

.checkout-summary-card{

    position:sticky;

    top:100px;
}

.summary-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;
}

.summary-top h3{

    font-size:30px;

    font-weight:800;

    color:#0f172a;

    margin:0;
}

.summary-top span{

    background:#dcfce7;

    color:#16a34a;

    padding:7px 14px;

    border-radius:40px;

    font-size:13px;

    font-weight:700;
}

/* SUMMARY ITEM */

.summary-item{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:14px 0;

    border-bottom:1px solid #e2e8f0;
}

.summary-left{

    display:flex;

    align-items:center;

    gap:12px;
}

.summary-food-img{

    width:60px;

    height:60px;

    object-fit:cover;

    border-radius:16px;
}

.summary-left h6{

    font-size:16px;

    font-weight:700;

    margin-bottom:4px;
}

.summary-left small{

    color:#64748b;
}

.summary-price{

    font-size:18px;

    font-weight:700;

    color:#16a34a;
}

/* TOTAL */

.grand-total-box{

    margin-top:25px;

    background:#f8fafc;

    border-radius:22px;

    padding:22px;
}

.grand-total-box small{

    color:#64748b;

    font-size:14px;
}

.grand-total-box h2{

    font-size:42px;

    font-weight:800;

    color:#ff8800;

    margin-top:8px;
}

/* PAY BUTTON */

.pay-now-btn{

    width:100%;

    height:58px;

    border:none;

    border-radius:18px;

    margin-top:20px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color:#fff;

    font-size:18px;

    font-weight:700;

    transition:0.3s;
}

.pay-now-btn:hover{

    transform:translateY(-2px);
}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

    .checkout-summary-card{

        position:relative;

        top:0;

        margin-top:20px;
    }
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .deskbowl-checkout{

        padding:20px 0;
    }

    .checkout-left-card,
    .checkout-summary-card{

        padding:18px;

        border-radius:22px;
    }

    .checkout-heading-wrap h2{

        font-size:32px;
    }

    .checkout-form-card{

        padding:18px;
    }

    .modern-input{

        height:50px;

        font-size:14px;
    }

    .modern-textarea{

        height:90px;
    }

    .online-payment-box{

        flex-direction:column;

        align-items:flex-start;
    }

    .summary-top{

        flex-direction:column;

        align-items:flex-start;

        gap:10px;
    }

    .summary-top h3{

        font-size:26px;
    }

    .summary-food-img{

        width:52px;

        height:52px;
    }

    .summary-left h6{

        font-size:15px;
    }

    .summary-price{

        font-size:16px;
    }

    .grand-total-box h2{

        font-size:34px;
    }

    .pay-now-btn{

        height:54px;

        font-size:16px;
    }
}


.pay-now-btn:disabled{

    opacity:0.5;

    cursor:not-allowed;
}


/* =========================
   SUBSCRIPTIONS
========================= */

.subscription-section{

    background:#f8fafc;

    padding:60px 0;
}

/* HEADER */

.subscription-section h1{

    font-size:52px;

    font-weight:800;

    color:#0f172a;

    margin-bottom:12px;
}

.subscription-section p{

    font-size:18px;

    color:#64748b;
}

/* GRID */

.subscription-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:28px;

    margin-top:40px;
}

/* CARD */

.subscription-card{

    position:relative;

    background:#fff;

    border-radius:32px;

    padding:28px 26px;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);

    border:1px solid #edf2f7;
}

/* HOVER */

.subscription-card:hover{

    transform:
    translateY(-10px);

    box-shadow:
    0 20px 50px rgba(0,0,0,0.08);
}

.subscription-card:hover{

    border-color:#22c55e;

    box-shadow:
    0 20px 50px rgba(34,197,94,0.12);
}
/* PREMIUM */

.premium-plan{

    position:relative;
}

.premium-plan::before{

    content:'';

    position:absolute;

    width:200px;

    height:200px;

    background:
    radial-gradient(
    rgba(34,197,94,0.18),
    transparent 70%
    );

    top:-80px;

    right:-80px;
}

.premium-plan ul li{

    color:rgba(255,255,255,0.82);
}

.premium-plan ul li::before{

    background:#dcfce7;

    color:#16a34a;
}

.premium-plan h3,
.premium-plan li,
.premium-plan .meal-label{

    color:#fff;
}

.premium-plan .dynamic-price{

    color:#22c55e;
}

/* BADGE */

.plan-badge{

    position:absolute;

    top:22px;

    right:22px;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color:#fff;

    padding:8px 16px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    box-shadow:
    0 8px 20px rgba(34,197,94,0.25);
}

/* TITLE */

.subscription-card h3{

    font-size:24px;

    font-weight:800;

    margin-bottom:26px;

    color:#0f172a;
}

/* FEATURES */

.subscription-card ul{

    list-style:none;

    padding:0;

    margin:0;
}

.subscription-card ul li{

    position:relative;

    padding-left:34px;

    margin-bottom:18px;

    font-size:16px;

    color:#334155;
}

.subscription-card ul li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    width:24px;

    height:24px;

    background:#dcfce7;

    color:#16a34a;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:13px;

    font-weight:700;
}

/* LABEL */

.meal-label{

    font-size:15px;

    font-weight:700;

    margin-bottom:10px;

    display:block;

    color:#0f172a;
}

/* SELECT */

.meal-select{

    width:100%;

    height:56px;

    border:2px solid #e2e8f0;

    border-radius:18px;

    padding:0 18px;

    background:#fff;

    font-size:15px;

    outline:none;

    transition:0.3s;

    appearance:none;

    cursor:pointer;
}

.meal-select:focus{

    border-color:#22c55e;

    box-shadow:
    0 0 0 4px rgba(34,197,94,0.12);
}

/* PRICE */

.dynamic-price{

    font-size:54px;

    font-weight:800;

    color:#16a34a;

    margin-top:28px;

    margin-bottom:24px;
}

/* BUTTON */

.subscription-btn{

    width:100%;

    height:58px;

    border-radius:20px;

    border:none;

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color:#fff;

    font-size:17px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:0.3s;

    text-decoration:none;
}

.subscription-btn:hover{

    transform:translateY(-2px);

    color:#fff;

    box-shadow:
    0 15px 30px rgba(34,197,94,0.25);
}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

    .subscription-grid{

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

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .subscription-section{

        padding:30px 0;
    }

    .subscription-section h1{

        font-size:34px;
    }

    .subscription-section p{

        font-size:15px;
    }

    .subscription-grid{

        grid-template-columns:1fr;

        gap:20px;
    }

    .subscription-card{

        padding:26px 22px;

        border-radius:24px;
    }

    .subscription-card h3{

        font-size:24px;
    }

    .subscription-card ul li{

        font-size:14px;
    }

    .meal-select{

        height:52px;

        font-size:14px;
    }

    .dynamic-price{

        font-size:42px;

        margin-top:22px;
    }

    .subscription-btn{

        height:54px;

        font-size:15px;
    }
}

.success-box{

    background:#fff;

    padding:60px;

    border-radius:24px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);

}

.success-icon{

    font-size:80px;

    color:#28a745;

    margin-bottom:20px;

}

.success-btn{

    background:#16a34a;

    color:#fff;

    padding:14px 30px;

    border-radius:14px;

    margin-top:20px;

}

.tracking-card{

    background:#fff;

    border-radius:24px;

    padding:50px;

    text-align:center;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);

}

.tracking-steps{

    display:flex;

    justify-content:space-between;

    margin-top:50px;

    gap:20px;

}

.tracking-step{

    flex:1;

    opacity:0.4;

}

.tracking-step.active{

    opacity:1;
}

.tracking-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#f1f5f9;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    margin-bottom:20px;
}

.tracking-step.active .tracking-icon{

    background:#16a34a;

    color:#fff;
}

@media(max-width:768px){

.tracking-steps{

    flex-direction:column;
}

}

.corporate-section{

    padding:120px 0;

    background:#f8fafc;
}

.corporate-image{

    width:100%;

    border-radius:32px;

    object-fit:cover;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.08);
}

.corporate-content{

    padding-left:40px;
}

.section-subtitle{

    display:inline-block;

    font-size:15px;

    font-weight:600;

    color:#16a34a;

    background:#dcfce7;

    padding:10px 18px;

    border-radius:50px;
}

.section-title{

    font-size:48px;

    font-weight:800;

    line-height:1.2;

    color:#0f172a;
}

.section-description{

    font-size:18px;

    line-height:1.8;

    color:#64748b;
}

.corporate-features{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.corporate-item{

    display:flex;

    align-items:center;

    gap:14px;

    font-size:18px;

    font-weight:500;

    color:#0f172a;
}

.corporate-item i{

    color:#16a34a;

    font-size:20px;
}

.corporate-btn{

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    border:none;

    border-radius:14px;

    font-weight:600;

    color:#fff;

    transition:0.3s;
}

.corporate-btn:hover{

    transform:translateY(-3px);

    box-shadow:
    0 15px 30px rgba(34,197,94,0.25);

    color:#fff;
}

@media(max-width:991px){

.corporate-content{

    padding-left:0;

    margin-top:50px;
}

.section-title{

    font-size:36px;
}

}

.beverage-btn{

    background:#dbeafe;

    color:#2563eb;
}

.snack-btn{

    background:#fef3c7;

    color:#d97706;
}

.combo-btn{

    background:#ede9fe;

    color:#7c3aed;
}

.category-scroll{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    overflow-x:auto;

    padding:25px 0;

    scrollbar-width:none;
}

.category-scroll::-webkit-scrollbar{

    display:none;
}

.category-card{

    position:relative;

    width:160px;

    height:100px;

    border-radius:24px;

    overflow:hidden;

    flex-shrink:0;

    text-decoration:none;

    display:flex;

    align-items:flex-end;

    justify-content:center;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);

    transition:0.3s;
}

.category-card img{

    position:absolute;

    width:100%;

    height:100%;

    object-fit:cover;

    top:0;

    left:0;
}

.category-card::after{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    to top,
    rgba(0,0,0,0.7),
    rgba(0,0,0,0.1)
    );
}

.category-card span{

    position:relative;

    z-index:2;

    color:#fff;

    font-size:18px;

    font-weight:700;

    margin-bottom:14px;
}

.category-card:hover{

    transform:translateY(-6px) scale(1.03);
}

.category-card.active{

    outline:4px solid #22c55e;
}

/* MOBILE RESPONSIVE */

@media(max-width:768px){

    .category-scroll{

        justify-content:flex-start;

        gap:12px;

        padding:18px 12px;

        overflow-x:auto;
    }

    .category-card{

        width:90px;

        height:70px;

        border-radius:18px;
    }

    .category-card span{

        font-size:14px;

        margin-bottom:8px;

        text-align:center;

        line-height:1.2;
    }
}

@media(max-width:480px){

    .category-scroll{

        gap:10px;

        padding:15px 10px;
    }

    .category-card{

        width:85px;

        height:65px;

        border-radius:16px;
    }

    .category-card span{

        font-size:13px;

        margin-bottom:7px;
    }
}

/* contact */



body{

    font-family:'Poppins',sans-serif;

    background:#f5f7fb;

    color:#0b132b;
}

/* NAVBAR */

.navbar{

    background:#0b132b;

    padding:10px 0;
}

.logo{

    font-size:32px;

    font-weight:800;

    color:#fff;

    text-decoration:none;
}

.logo span{

    color:#16a34a;
}

.nav-link{

    color:#fff !important;

    margin-left:20px;

    font-weight:500;
}

/* HERO */

.contact-hero{

    background:
    linear-gradient(
    135deg,
    #0b132b,
    #1c2541
    );

    padding:100px 0;

    text-align:center;

    color:#fff;
}

.contact-title{

    font-size:64px;

    font-weight:800;

    margin-bottom:20px;
}

.contact-subtitle{

    font-size:18px;

    color:#d1d5db;

    max-width:700px;

    margin:auto;
}

/* CONTACT SECTION */

.contact-section{

    padding:90px 0;
}

.contact-card{

    background:#fff;

    border-radius:30px;

    padding:50px;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.05);
}

.contact-info{

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    border-radius:30px;

    padding:50px;

    color:#fff;

    height:100%;
}

.info-box{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:35px;
}

.info-icon{

    width:60px;

    height:60px;

    background:rgba(255,255,255,0.2);

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;
}

.info-title{

    font-size:18px;

    font-weight:700;

    margin-bottom:6px;
}

/* FORM */

.form-title{

    font-size:36px;

    font-weight:800;

    margin-bottom:35px;
}

.form-control{

    border:none;

    background:#f8fafc;

    border-radius:18px;

    padding:18px;

    margin-bottom:20px;

    font-size:15px;
}

.form-control:focus{

    box-shadow:none;

    border:2px solid #16a34a;
}

.submit-btn{

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    border:none;

    color:#fff;

    padding:16px 40px;

    border-radius:50px;

    font-weight:700;

    font-size:16px;
}

/* MAP */

.map-section{

    padding-bottom:90px;
}

.map-box{

    border-radius:30px;

    overflow:hidden;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.05);
}

/* CTA */

.cta-section{

    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    padding:80px 0;

    text-align:center;

    color:#fff;
}

.cta-title{

    font-size:48px;

    font-weight:800;

    margin-bottom:20px;
}

.cta-btn{

    background:#fff;

    color:#16a34a;

    padding:16px 40px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    display:inline-block;
}