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

}
.alert-dismissible .btn-close {
    
    top: -17px !important;
}
.header-logo { max-width: 200px; height: auto; }
        .custom-search {  padding-left: 20px; background-color: #f1f3f5; }
        
        /* Navbar Links Styling */
        .nav-links-bg { background: #fff; border-bottom: 1px solid #eee; }
        .nav-item-custom { padding: 10px 15px; position: relative; }
        .nav-item-custom a { text-decoration: none; color: #333; font-weight: 500; font-size: 14px; }
        
        /* Mega Dropdown Logic */
        .dropdown-mega { position: static !important; }
        .mega-menu-content { 
            width: 100%; 
            left: 0; 
            right: 0; 
            padding: 20px; 
            border-top: 3px solid #0d6efd; 
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .mega-list-title { font-weight: bold; color: #0d6efd; margin-bottom: 10px; display: block; }
        .mega-list { list-style: none; padding: 0; }
        .mega-list li a { color: #666; font-size: 13px; line-height: 2; }
        .mega-list li a:hover { color: #0d6efd; }
        .cat-card-horizontal {
        background-color: #f0f4f9;
        border: none;
        border-radius: 12px;
        overflow: hidden;
        transition: all 0.3s ease;
        height: 180px;
        display: flex;
        align-items: center;
        margin: 10px; /* Cards ke beech gap */
    }
    .cat-title {
        font-size: 1.4rem;
        font-weight: 500;
        color: #333;
        line-height: 1.2;
    }
    .view-all-link {
        color: #0d6efd;
        text-decoration: none;
        font-weight: 600;
        font-size: 0.9rem;
    }
    .cat-img-wrapper img {
        width: 100%;
        height: 150px;
        object-fit: contain;
    }

    /* Arrows ko visible banane ke liye CSS */
    .slick-prev:before, .slick-next:before {
        color: #0d6efd !important;
        font-size: 25px;
    }
    .slick-prev { left: -35px; z-index: 1; }
    .slick-next { right: -35px; z-index: 1; }
    /* Typography & Custom Colors */
        .product-heading { font-weight: 500; color: #333; }
        
        /* Slick Arrow Customization (Image jaisa blue box) */
        .slick-prev, .slick-next {
            width: 30px; height: 50px; background: #fff !important;
            border: 1px solid #ddd; z-index: 2; border-radius: 4px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        .slick-prev { left: -15px; } .slick-next { right: -15px; }
        .slick-prev:before, .slick-next:before {
            color: #0d6efd !important; font-size: 20px;
        }

        /* Product Card Design */
        .product.grid-view {
            border: none; margin: 10px; transition: transform 0.2s;
        }
        .product.grid-view:hover { transform: translateY(-3px); }

        .product-img {
            display: block; background-color: #f1f3f9; /* Light BG from image */
            border-radius: 10px; padding: 15px; text-align: center;
            height: 200px; /* Symmetry */
        }
        .product-img img {
            max-height: 100%; max-width: 100%; object-fit: contain; margin: 0 auto;
        }

        /* Info Section Styling */
        .product-info { padding-top: 10px; }
        .product-rating {
            color: #ffc107; font-size: 13px; margin-bottom: 5px;
            display: flex; align-items: center; gap: 5px;
        }
        .review-count { color: #888; font-size: 12px; }
        
        .product-title {
            font-size: 13px; font-weight: 400; color: #444;
            height: 38px; overflow: hidden; /* Multi-line ellipsis */
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
            margin-bottom: 8px; line-height: 1.4;
        }
        
        /* Pricing Styling (Matching image color & size) */
        .price-section { line-height: 1.2; }
        .mrp-text { font-size: 12px; color: #888; margin-bottom: 2px; }
        .off-price { font-size: 12px; color: #198754; font-weight: 500; } /* Green */
        .current-price { font-size: 16px; font-weight: 600; color: #222; }

        /* Actions (Hidden by default, shown on hover jaisa screenshot mein lag raha hai) */
        .product-actions { display: none; margin-top: 10px; }
        .product.grid-view:hover .product-actions { display: flex; gap: 5px; }
        /* Custom Styling for Offers Section */
    .offers-list {
        background-color: #f0f4f9; /* Light blueish background as seen in image */
    }

    .offer-item {
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        height: 100%;
    }

    /* Left side image styling */
    .offer-image {
        flex: 1;
        text-align: center;
    }

    .offer-image img {
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Right side info styling */
    .offer-info {
        flex: 1;
        padding-left: 20px;
    }

    .offer-title {
        font-size: 1.8rem;
        font-weight: 500;
        color: #333;
        margin-bottom: 5px;
        line-height: 1.2;
    }

    .offer-subtitle {
        font-size: 1rem;
        color: #666;
        margin-bottom: 20px;
    }

    /* Blue Shop Now Button */
    .btn-shop-now {
        background-color: #4c9aff;
        border: none;
        padding: 8px 25px;
        font-weight: 500;
        border-radius: 4px;
        transition: background 0.3s;
    }

    .btn-shop-now:hover {
        background-color: #357abd;
        color: white;
    }

    /* Vertical Divider for Desktop */
    @media (min-width: 992px) {
        .divider-right {
            border-right: 1px solid #dee2e6;
        }
    }

    .brand-section {
        background-color: #f0f4f9; /* Image jaisa light blue color */
        padding: 40px 0;
        overflow: hidden;
    }

    /* Marquee Container */
    .marquee-wrapper {
        display: flex;
        width: max-content;
        animation: marquee 30s linear infinite; /* Speed yahan se control karein */
    }

    /* Pause on Hover */
    .marquee-wrapper:hover {
        animation-play-state: paused;
    }

    .brand-card {
        background: #fff;
        border-radius: 4px;
        padding: 20px;
        text-align: center;
        width: 160px;
        margin: 0 10px;
        flex-shrink: 0;
        text-decoration: none;
        transition: 0.3s;
    }

    .brand-card img {
        width: 100%;
        height: 70px;
        object-fit: contain;
        margin-bottom: 10px;
    }

    .brand-name {
        font-size: 14px;
        color: #555;
        font-weight: 500;
    }

    /* Animation Logic */
    @keyframes marquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
.main-footer {
        background-color: #f0f4f9; /* Light blueish background from image */
        padding: 60px 0 20px 0;
        color: #555;
    }
    .footer-logo {
        font-weight: 800;
        font-size: 28px;
        color: #2c3e50;
        display: flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
    }
    .footer-logo i {
        color: #3498db; /* Blue icon color */
    }
    .footer-heading {
        font-weight: 700;
        font-size: 16px;
        color: #333;
        margin-bottom: 20px;
    }
    .footer-links {
        list-style: none;
        padding: 0;
    }
    .footer-links li {
        margin-bottom: 10px;
    }
    .footer-links a {
        text-decoration: none;
        color: #666;
        font-size: 14px;
        transition: 0.3s;
    }
    .footer-links a:hover {
        color: #0d6efd;
    }
    .footer-bottom {
        border-top: 1px solid #dee2e6;
        padding-top: 20px;
        margin-top: 40px;
    }
    .copyright-text {
        font-size: 14px;
        color: #777;
    }
    .payment-icons img {
        height: 25px;
        margin-left: 10px;
        filter: grayscale(0.2);
    }
    :root { --primary-color: #0d6efd; --bg-light: #f0f4f9; }
        body { font-family: 'Segoe UI', sans-serif; background-color: #fff; }

        /* Header & Nav */
        .header-logo { height: 45px; width: auto; }
        .nav-link-custom { color: #444; font-weight: 500; font-size: 15px; transition: 0.3s; }
        .nav-link-custom:hover { color: var/(--primary-color); }
        
        /* Banner */
        .carousel-item img { height: 400px; object-fit: cover; }
        @media (max-width: 768px) { .carousel-item img { height: 200px; } }

        /* Category Cards */
        .cat-card-horizontal { 
            border: none; background: var(--bg-light); border-radius: 12px; 
            margin: 0 10px; transition: 0.3s; overflow: hidden;
        }
        .cat-card-horizontal:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
        .cat-title { font-size: 16px; font-weight: 700; color: #333; }
        .cat-img-wrapper img { width: 100%; height: 100px; object-fit: contain; }

        /* Product Cards */
        .product-card { border: 1px solid #eee; border-radius: 12px; transition: 0.3s; padding: 15px; }
        .product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
        .product-img-box { height: 180px; display: flex; align-items: center; justify-content: center; }
        .product-img-box img { max-height: 100%; max-width: 100%; }
        .off-badge { background: #ff4d4d; color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 4px; }

        /* Marquee Brands */
        .marquee-container { background: var(--bg-light); padding: 30px 0; overflow: hidden; }
        .marquee-wrapper { display: flex; width: max-content; animation: marquee 25s linear infinite; }
        @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        .brand-logo { background: #fff; padding: 15px; margin: 0 10px; border-radius: 8px; width: 140px; text-align: center; }

        /* Footer */
        .main-footer { background: var(--bg-light); padding: 60px 0 20px; }
        .footer-heading { font-weight: 700; margin-bottom: 20px; font-size: 16px; }
        .footer-links { list-style: none; padding: 0; }
        .footer-links a { text-decoration: none; color: #666; font-size: 14px; line-height: 2.2; }
.icon-img{
    width: 30px;
}

/*---------------------------------Home-page-end*/
/*---------------------------------shop-page*/
/* Sirf wo cheezein jo Bootstrap utilities se nahi ho sakti */
        body { background-color: #fff; color: #555; font-size: 14px; }
        .filter-title { 
            color: #2c3e50; 
            font-weight: 600; 
            text-transform: uppercase; 
            letter-spacing: 1px; 
            border-bottom: 1px solid #eee; 
            padding-bottom: 10px; 
            margin-bottom: 20px;
        }
        .sidebar-label { color: #777; font-size: 13px; width: 100%; }
        .sidebar-label span { color: #999; }
        
        /* Product Card Styling as per Image */
        .product-card { border: none !important; text-align: left; }
        .img-container { 
            background-color: #f1f6ff; /* Image jesa light background */
            border-radius: 8px;
            padding: 30px;
            margin-bottom: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 220px;
        }
        .product-card img { max-height: 100%; object-fit: contain; }
        .discount-badge { color: #28a745; font-weight: 600; margin-left: 8px; }
        .price-text { font-size: 18px; font-weight: 700; color: #333; }
        .star-rating { color: #ffc107; font-size: 12px; }
        /*-------------------------------shop-page-end*/
        /*--------------------------------single-product-page*/
        body { font-size: 14px; color: #666; }
        .product-main-img { background-color: #f1f6ff; border-radius: 12px; padding: 40px; }
        .thumb-img { width: 60px; height: 60px; object-fit: contain; background: #f1f6ff; border-radius: 5px; cursor: pointer; padding: 5px; }
        .variant-box { border: 1px solid #ddd; padding: 8px 15px; border-radius: 4px; cursor: pointer; text-align: center; min-width: 70px; }
        .variant-box.active { border-color: #00aaff; color: #00aaff; background: #f1faff; }
        .info-table td { padding: 10px; border-bottom: 1px solid #eee; }
        .delivery-card { background-color: #f8faff; border: 1px solid #eef2ff; border-radius: 8px; }
        .btn-primary { background-color: #00aaff; border: none; }
        .btn-primary:hover { background-color: #0088cc; }
        .star-yellow { color: #ffc107; }
        /*--------------------------------single-product-page-wend*/