.offcanvas__info {
                        padding: 30px 15px !important;
                        /* Reduced horizontal padding */
                        background-color: #1a1a1a !important;
                        /* Dark premium background */
                        width: 100% !important;
                        max-width: 350px !important;
                    }

                    .offcanvas__wrapper {
                        width: 100%;
                    }

                    .mobile-categories-wrapper {
                        width: 100%;
                    }

                    .mobile-cat-item {
                        display: flex;
                        align-items: center;
                        gap: 15px;
                        padding: 12px 15px;
                        margin-bottom: 8px;
                        background: rgba(255, 255, 255, 0.05);
                        border-radius: 12px;
                        text-decoration: none !important;
                        transition: all 0.2s ease;
                        width: 100%;
                        /* Ensure full width */
                    }

                    .mobile-cat-item:hover {
                        background: rgba(255, 255, 255, 0.1);
                        transform: translateX(5px);
                    }

                    .mobile-cat-icon {
                        width: 40px;
                        height: 40px;
                        background: #fff;
                        border-radius: 10px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding: 5px;
                    }

                    .mobile-cat-icon img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }

                    .mobile-cat-name {
                        color: #fff;
                        font-size: 0.95rem;
                        font-weight: 500;
                    }

                    .mobile-cat-item i {
                        font-size: 0.8rem;
                        color: rgba(255, 255, 255, 0.5);
                    }

                    .sidebar__toggle i {
                        color: #fff !important;
                        font-size: 1.4rem;
                    }

                    .category-nav-wrapper {
                        position: relative;
                    }

                    .category-nav-dropdown {
                        position: absolute;
                        top: calc(100% + 20px);
                        left: 0;
                        width: 280px;
                        background: #fff;
                        border-radius: 15px;
                        border: 1px solid rgba(0, 0, 0, 0.05);
                        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
                        z-index: 1100;
                        max-height: 400px;
                        overflow-y: auto;
                        display: none;
                        animation: slideDown 0.3s ease-out;
                        padding: 10px 0;
                    }

                    .category-nav-dropdown::-webkit-scrollbar {
                        width: 6px;
                    }

                    .category-nav-dropdown::-webkit-scrollbar-track {
                        background: #f1f1f1;
                        border-radius: 10px;
                    }

                    .category-nav-dropdown::-webkit-scrollbar-thumb {
                        background: #ccc;
                        border-radius: 10px;
                    }

                    .category-nav-dropdown::-webkit-scrollbar-thumb:hover {
                        background: #A50A02;
                    }

                    .category-nav-item {
                        display: flex;
                        align-items: center;
                        gap: 15px;
                        padding: 12px 20px;
                        transition: all 0.2s ease;
                        text-decoration: none !important;
                        border-bottom: 1px solid #f9f9f9;
                    }

                    .category-nav-item:last-child {
                        border-bottom: none;
                    }

                    .category-nav-item:hover {
                        background: #fff9f9;
                    }

                    .category-nav-item img {
                        width: 35px;
                        height: 35px;
                        object-fit: contain;
                        border-radius: 5px;
                    }

                    .category-nav-item span {
                        font-size: 14px;
                        font-weight: 500;
                        color: #333;
                        transition: color 0.2s ease;
                    }

                    .category-nav-item:hover span {
                        color: #A50A02;
                    }

                    @keyframes slideDown {
                        from {
                            opacity: 0;
                            transform: translateY(-10px);
                        }

                        to {
                            opacity: 1;
                            transform: translateY(0);
                        }
                    }

                    @media (max-width: 1199px) {
                        .category-nav-dropdown {
                            width: 240px;
                        }
                    }

                    #header-sticky.sticky {
                        background-color: #ffffff !important;
                        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
                    }

                    #header-sticky.sticky .cw-menu-link {
                        color: #333 !important;
                    }

                    #header-sticky.sticky .cw-menu-link.cw-active {
                        color: #A50A02 !important;
                    }

                    #header-sticky.sticky .category-nav-trigger svg rect {
                        fill: #333 !important;
                    }

                    #header-sticky.sticky .search-widget {
                        background: #f8f8f8 !important;
                        border: 1px solid #eee !important;
                    }

                    #header-sticky.sticky .search-widget input {
                        color: #333 !important;
                    }

                    #header-sticky.sticky .search-widget input::placeholder {
                        color: #999 !important;
                    }

                    #header-sticky.sticky .search-widget button i {
                        color: #666 !important;
                    }

                    #header-sticky.sticky .header-icon svg path,
                    #header-sticky.sticky .cart-wrapper svg path,
                    #header-sticky.sticky .sticky-phone-icon svg path {
                        fill: #333 !important;
                    }

                    #header-sticky.sticky .header-icon svg[stroke="#ffffff"] path,
                    #header-sticky.sticky .sticky-phone-icon svg[stroke="#ffffff"] path {
                        stroke: #333 !important;
                    }

                    #header-sticky.sticky .dn-counter {
                        background-color: #A50A02 !important;
                        color: #fff !important;
                    }

                    #header-sticky.sticky .mean__menu-wrapper .logo .header-logo {
                        display: block !important;
                    }

                    #header-sticky.sticky .mean__menu-wrapper .logo .header-logo-2 {
                        display: none !important;
                    }

                    #header-sticky.sticky .mean__menu-wrapper .logo img {
                        filter: none !important;
                    }

                    #header-sticky.sticky .sticky-phone-icon {
                        margin-right: 15px;
                        transition: all 0.3s ease;
                    }

                    /* Mobile Menu (MeanMenu) Styles */
                    .mean-container .mean-nav {
                        background: transparent !important;
                        margin-bottom: 20px;
                    }

                    .mean-container .mean-nav ul {
                        border: none !important;
                    }

                    .mean-container .mean-nav ul li a {
                        background: transparent;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                        color: #ffffff;
                        font-size: 15px;
                        font-family: 'Tharlon', sans-serif;
                        font-weight: 500;
                        padding: 12px 0;
                        text-transform: capitalize;
                    }

                    .mean-container .mean-nav ul li a:hover {
                        color: #A50A02;
                        background: rgba(255, 255, 255, 0.05);
                        padding-left: 10px;
                    }

                    .mean-container .mean-nav ul li:last-child a {
                        border-bottom: none;
                    }

                    .fix-area .offcanvas__title {
                        font-size: 1.2rem;
                        font-weight: 700;
                        margin-bottom: 20px;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                        padding-bottom: 10px;
                    }

                    /* Bottom Navigation Bar Styles */
                    .mobile-bottom-nav {
                        position: fixed;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        background: #ffffff;
                        box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
                        display: flex;
                        justify-content: space-around;
                        align-items: center;
                        padding: 10px 0;
                        z-index: 9999;
                        border-top: 1px solid #f1f1f1;
                    }

                    .mobile-bottom-nav .nav-item {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        color: #666;
                        font-family: 'Tharlon', sans-serif;
                        font-size: 11px;
                        font-weight: 500;
                        text-decoration: none !important;
                        position: relative;
                        padding: 5px 10px;
                        transition: all 0.3s ease;
                    }

                    .mobile-bottom-nav .nav-item i {
                        font-size: 20px;
                        margin-bottom: 5px;
                        color: #333;
                        transition: all 0.3s ease;
                    }

                    .mobile-bottom-nav .nav-item span {
                        line-height: 1;
                    }

                    .mobile-bottom-nav .nav-item.active i,
                    .mobile-bottom-nav .nav-item:hover i {
                        color: #A50A02;
                        transform: translateY(-2px);
                    }

                    .mobile-bottom-nav .nav-item.active span,
                    .mobile-bottom-nav .nav-item:hover span {
                        color: #A50A02;
                    }

                    .cart-icon-wrapper {
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                    }

                    .cart-icon-wrapper .cart-badge {
                        position: absolute;
                        top: -8px;
                        right: -10px;
                        background: #A50A02;
                        color: #fff;
                        font-size: 10px;
                        font-weight: 700;
                        width: 16px;
                        height: 16px;
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        line-height: 1;
                    }

                    /* Adjust body padding so content isn't hidden behind nav on mobile */
                    @media (max-width: 1199px) {
                        body {
                            padding-bottom: 70px !important;
                        }
                    }