/* ==========================
JANA HOME FOODS THEME
========================== */

:root
{
--primary:#8B3E1F;
--secondary:#556B2F;
--gold:#D7BE94;
--light:#FFF8F0;
--dark:#2F2F2F;
}

body
{
margin:0;
padding:0;
background:#FAFAFA;
/*font-family:'Segoe UI',sans-serif;*/
font-family:'Poppins',sans-serif;
color:#333;
}

/* TOP BAR */

.top-bar
{
background:linear-gradient(90deg,#556B2F,#6B8E23);
color:#fff;
padding:10px 0;
font-size:13px;
}

/* HEADER */

.main-header
{
background:#fff;
padding:18px 0;
box-shadow:0 2px 20px rgba(0,0,0,.05);
position:sticky;
top:0;
z-index:999;
}

.logo
{
max-height:85px;
transition:.3s;
}

.logo:hover
{
transform:scale(1.03);
}

/* SEARCH */

.search-box
{
height:52px;
border:2px solid var(--primary);
border-right:none;
border-radius:30px 0 0 30px;
}

.search-box:focus
{
box-shadow:none;
border-color:var(--primary);
}

.search-btn
{
background:var(--primary);
color:#fff;
border:none;
border-radius:0 30px 30px 0;
padding:0 25px;
}

.search-btn:hover
{
background:var(--secondary);
}

/* HEADER ICONS */

.header-icon
{
text-decoration:none;
color:#333;
margin-left:20px;
font-size:15px;
font-weight:600;
transition:.3s;
}

.header-icon:hover
{
color:var(--primary);
}

.header-icon i
{
font-size:20px;
}

.cart-count
{
background:#dc3545;
color:#fff;
border-radius:50%;
padding:3px 8px;
font-size:11px;
margin-left:4px;
}

/* MENU */

.menu-bar
{
background:#fff;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

.menu-bar .nav-link
{
color:#333;
font-weight:600;
padding:16px 18px;
position:relative;
}

.menu-bar .nav-link:after
{
content:'';
position:absolute;
left:0;
bottom:8px;
width:0;
height:2px;
background:var(--primary);
transition:.3s;
}

.menu-bar .nav-link:hover:after
{
width:100%;
}

.menu-bar .nav-link:hover
{
color:var(--primary);
}

/* CATEGORY CARD */

.category-card
{
background:#fff;
border-radius:15px;
padding:20px;
text-align:center;
border:1px solid #eee;
transition:.3s;
}

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

.category-card img
{
/*height:90px;*/
object-fit:contain;
}

/* PRODUCT CARD */

.product-card
{
background:#fff;
border-radius:18px;
overflow:hidden;
border:1px solid #eee;
transition:.3s;
height:100%;
}

.product-card:hover
{
transform:translateY(-8px);
box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.product-img
{
height:250px;
overflow:hidden;
}

.product-img img
{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

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

.product-title
{
font-size:16px;
font-weight:600;
}

.product-price
{
color:var(--primary);
font-size:22px;
font-weight:700;
}

.product-mrp
{
color:#999;
text-decoration:line-through;
}

/* BUTTONS */

.btn-jana
{
background:var(--primary);
color:#fff;
border:none;
border-radius:30px;
}

.btn-jana:hover
{
background:var(--secondary);
color:#fff;
}

/* SECTION TITLE */

.section-title
{
text-align:center;
margin-bottom:35px;
position:relative;
font-weight:700;
}

.section-title:after
{
content:'';
width:80px;
height:3px;
background:var(--primary);
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:-10px;
}

/* NEWSLETTER */

.newsletter
{
background:linear-gradient(135deg,#D7BE94,#F0D7A1);
padding:50px;
border-radius:20px;
}

/* FOOTER */

.footer
{
background:#2F2F2F;
color:#fff;
padding:60px 0;
margin-top:60px;
}

.footer h5
{
color:#D7BE94;
margin-bottom:20px;
}

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

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

/* WHATSAPP */

.whatsapp-btn
{
position:fixed;
right:20px;
bottom:20px;
width:60px;
height:60px;
border-radius:50%;
background:#25D366;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
z-index:9999;
box-shadow:0 5px 15px rgba(0,0,0,.3);
}
.mini-cart
{
    width:350px;
    padding:15px;
    border:none;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.mini-cart-header
{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #eee;
}

.mini-cart-item
{
    display:flex;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid #f1f1f1;
}

.mini-cart-img
{
    width:65px;
    height:65px;
    border-radius:10px;
    object-fit:cover;
}

.mini-cart-total
{
    padding:15px 0;
    font-size:18px;
    font-weight:700;
    color:#8B3E1F;
}

.cart-count
{
    position:absolute;
    top:-8px;
    right:-10px;
    background:red;
    color:#fff;
    border-radius:50%;
    min-width:18px;
    height:18px;
    line-height:18px;
    text-align:center;
    font-size:10px;
}
/* MOBILE */

@media (max-width:767px) {
    .main-header {
        padding: 10px 0;
    }

    .logo {
        max-height: 45px;
        margin-bottom: 10px;
    }

    .search-box {
        height: 40px;
        font-size: 13px;
    }

    .search-btn {
        font-size: 13px;
        padding: 0 12px;
    }

    .header-icons {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        gap: 20px;
    }

    .header-icon {
        margin-left: 0;
        font-size: 13px;
    }

        .header-icon i {
            font-size: 18px;
        }
}
    .cart-count {
        top: -6px;
        right: -8px;
        min-width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 9px;
    }

    .menu-bar .navbar-toggler {
        border: 1px solid #ccc;
    }

    .menu-bar .nav-link {
        padding: 10px 15px;
    }

    .mini-cart {
        width: 300px;
        right: 0 !important;
        left: auto !important;
    }

    .mini-cart-item {
        position: relative;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 0;
        border-bottom: 1px solid #eee;
    }

    .mini-cart-delete {
        position: absolute;
        top: 8px;
        right: 0;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #f5f5f5;
        color: #666;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        transition: .3s;
    }

        .mini-cart-delete:hover {
            background: #dc3545;
            color: #fff;
        }

    .mini-cart-img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        border-radius: 8px;
    }
    .mini-cart-delete
{
    background:none;
    border:none;
    color:#999;
}
  .scroll-top-btn
{
    position: fixed !important;
    right: 25px !important;
    bottom: 25px !important;

    width: 55px;
    height: 55px;

    background: #198754;
    color: #fff !important;

    border-radius: 50%;

    text-align: center;
    line-height: 55px;

    font-size: 28px;

    text-decoration: none;

    display: none;

    z-index: 99999;

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

.scroll-top-btn:hover
{
    background: #146c43;
    color: #fff !important;
    transform: translateY(-3px);
}