.your-profile.show {
            min-width: 100%;
            width: 100%;
        }

        .fa-shopping-cart {
            transition: transform 0.2s;
        }

        .fa-shopping-cart:hover {
            transform: rotate(-20deg) scale(1.3);
        }

        .modal-content {
            border-radius: 1.2rem;
            box-shadow: 0 8px 32px rgba(33, 75, 138, 0.12);
            border: none;
            background: #fafdff;
            font-size: 0.98rem;
        }

        .modal-header {
            border-bottom: none;
            background: linear-gradient(90deg, #e3f0ff 60%, #fafdff 100%);
            border-radius: 1.2rem 1.2rem 0 0;
        }

        .modal-title {
            font-weight: 700;
            color: #174b8a;
            letter-spacing: 0.5px;
        }

        .form-label,
        .col-form-label {
            color: #174b8a;
            font-weight: 500;
        }

        .input-group-text {
            background: #e3f0ff;
            border: none;
            color: #174b8a;
        }

        .form-control:focus {
            border-color: #174b8a;
            box-shadow: 0 0 0 0.2rem rgba(23, 75, 138, 0.08);
        }

        .btn-primary,
        .btn-danger {
            /* border-radius: 2rem; */
            font-weight: 600;
            letter-spacing: 0.5px;
        }

        /* .btn-primary {
            background: linear-gradient(90deg, #174b8a 60%, #00b8ff 100%);
            border: none;
        } */

        /* .btn-primary:hover {
            background: linear-gradient(90deg, #00b8ff 60%, #174b8a 100%);
        } */

        .divider {
            text-align: center;
            margin: 1.5rem 0 1rem 0;
            color: #aaa;
            position: relative;
        }

        .divider:before,
        .divider:after {
            content: "";
            display: inline-block;
            width: 40%;
            height: 1px;
            background: #e3e3e3;
            vertical-align: middle;
            margin: 0 0.5rem;
        }

        .forgot-link {
            font-size: 0.95rem;
            /* color: #00b8ff; */
            text-decoration: underline;
            float: right;
            margin-top: 0.2rem;
            pointer-events: none; 
            opacity: 0.5;
        }

        /* Enhanced dropdown styles */
        .dropdown-menu {
            border-radius: 1rem;
            box-shadow: 0 8px 32px rgba(33, 75, 138, 0.10);
            min-width: 220px;
            padding: 0.5rem 0;
        }

        .dropdown-menu>li>a,
        .dropdown-menu>li>.dropdown-toggle {
            display: flex;
            align-items: center;
            gap: 0.7rem;
            font-weight: 500;
            color: #174b8a;
            padding: 0.4rem 1rem;
            border-radius: 0.5rem;
            transition: background 0.15s, color 0.15s;
        }

        /* .dropdown-menu > li > a:hover,
    .dropdown-menu > li > .dropdown-toggle:hover {
        background: #e3f0ff;
        color: #00b8ff;
    } */
        .dropdown-submenu {
            position: relative;
        }

        .dropdown-submenu>.dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -0.1rem;
            border-radius: 1rem;
            min-width: 200px;
            box-shadow: 0 8px 32px rgba(33, 75, 138, 0.12);
            display: none;
            position: absolute;
            /* background: #fff; */
        }

        .dropdown-submenu>.dropdown-toggle:after {
            /* content: "\f105"; */
            font-family: FontAwesome;
            margin-left: auto;
            /* color: #00b8ff; */
            font-size: 1rem;
        }

        .dropdown-submenu:hover>.dropdown-menu,
        .dropdown-submenu:focus-within>.dropdown-menu {
            display: block;
        }

        #navbar-location span:hover {
            box-shadow: 0 0 18px 4px #ff5252, 0 0 0 3px #fff inset;
            background: linear-gradient(135deg, #ffb347 60%, #ff5252 100%);
            transition: box-shadow 0.2s, background 0.2s;
        }

        #location-suggestions {
            max-height: 220px;
            overflow-y: auto;
        }

        #location-suggestions .list-group-item {
            cursor: pointer;
            font-size: 1rem;
        }

        
        .anchor-tag{
            text-decoration: none;
            color: #174b8a;
            font-weight: normal;
        }
        
        .deliver-to-text{
            text-decoration: none;
            color: #174b8a;
            font-weight: normal;
            cursor: pointer;
        }


        @media (min-width: 992px) {
            .mobile-menu-btn {
                display: none !important;
            }
        }

        @media (max-width: 991px) {
            .mobile-menu-btn {
                display: inline-block !important;
                font-size: 1.2rem !important;
            }

            .mobile-search-icon {
                display: inline-block !important;
                font-size: 1.2rem !important;
            }

            .navbar-brand {
                font-size: 1.3rem;
                padding-left: 0.5rem;
            }

            .navbar .form-control,
            .navbar .btn {
                font-size: 0.95rem;
                padding: 0.3rem 0.5rem;
            }

            .main-sidebar,
            .suit-sidebar {
                width: 90%;
                min-width: 0;
                max-width: 320px;
            }

            .main-sidebar-header,
            .suit-sidebar-header {
                font-size: 1rem;
                padding: 8px 12px;
            }

            .main-sidebar-body .list-group-item,
            .suit-sidebar-body .list-group-item {
                font-size: 0.98rem;
                padding: 8px 12px;
            }

            .modal-dialog {
                margin: 1rem auto;
                max-width: 98%;
            }

            #mobile-bottom-nav .nav-link small {
                font-size: 0.85rem;
            }

            #mobile-bottom-nav .nav-link i {
                font-size: 1.2rem !important;
            }

            /* Main Sidebar (Right Side) - Dark Theme */
            .main-sidebar {
                position: fixed;
                top: 0;
                right: -260px;
                width: 240px;
                height: 100%;
                background: linear-gradient(135deg, #23272f 70%, #181a20 100%);
                box-shadow: -4px 0 24px rgba(30, 30, 60, 0.25);
                z-index: 2100;
                transition: right 0.3s;
                overflow-y: auto;
                border-top-left-radius: 18px;
                border-bottom-left-radius: 18px;
                padding-bottom: 20px;
                color: #f1f1f1;
            }

            .main-sidebar.show {
                right: 0;
            }

            .main-sidebar-header {
                border-bottom: 1px solid #343a40;
                border-top-left-radius: 18px;
                padding-top: 10px;
                padding-bottom: 10px;
                background: linear-gradient(90deg, #23272f 80%, #343a40 100%);
            }

            .main-sidebar-header span {
                font-weight: 600;
                font-size: 1.1rem;
                letter-spacing: 1px;
                color: #fff;
            }

            .main-sidebar-header .btn {
                font-size: 1.3rem;
                color: #23272f;
                background: #fff;
                border-radius: 50%;
                width: 32px;
                height: 32px;
                line-height: 1;
                border: none;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
                transition: background 0.2s, color 0.2s;
            }

            .main-sidebar-header .btn:hover {
                background: #f8d7da;
                color: #c82333;
            }

            /* .main-sidebar-body {
            margin-top: 10px;
        } */
            .main-sidebar-body .list-group-item {
                border: none;
                border-radius: 8px;
                margin-bottom: 6px;
                transition: background 0.18s, color 0.18s;
                font-size: 1.05rem;
                padding: 10px 16px;
                background: transparent;
            }

            .main-sidebar-body .list-group-item a,
            .main-sidebar-body .list-group-item button {
                color: #f1f1f1;
                text-decoration: none;
                width: 100%;
                text-align: left;
                background: none;
                border: none;
                padding: 0;
            }

            .main-sidebar-body .list-group-item:hover,
            .main-sidebar-body .list-group-item:focus-within {
                background: #23272f;
                color: #00b8ff;
            }

            .main-sidebar-body .list-group-item a:hover,
            .main-sidebar-body .list-group-item button:hover {
                color: #00b8ff;
            }

            .main-sidebar-body .list-group-item i {
                color: #00b8ff;
                margin-right: 8px;
            }

            .main-sidebar-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100vh;
                background: rgba(30, 30, 60, 0.25);
                z-index: 2099;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.3s;
            }

            .main-sidebar.show~.main-sidebar-overlay,
            .main-sidebar-overlay.show {
                opacity: 1;
                pointer-events: auto;
            }

            .main-sidebar-close-btn {
                font-size: 1.3rem;
                color: #23272f;
                background: #fff;
                border-radius: 50%;
                width: 32px;
                height: 32px;
                border: none;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
                transition: background 0.2s, color 0.2s;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .main-sidebar-close-btn:hover,
            .main-sidebar-close-btn:focus {
                background: #f8d7da;
                color: #c82333;
            }

            /* Suit Sidebar (Left Side) - Dark Theme */
            .suit-sidebar {
                position: fixed;
                top: 0;
                left: -260px;
                width: 240px;
                height: 100%;
                background: linear-gradient(135deg, #23272f 70%, #181a20 100%);
                box-shadow: 4px 0 24px rgba(30, 30, 60, 0.18);
                z-index: 2100;
                transition: right 0.3s;
                overflow-y: auto;
                border-top-right-radius: 18px;
                border-bottom-right-radius: 18px;
                padding-bottom: 20px;
                color: #f1f1f1;
            }

            .suit-sidebar.show {
                left: 0;
            }

            .suit-sidebar-header {
                border-bottom: 1px solid #343a40;
                background: linear-gradient(90deg, #23272f 80%, #343a40 100%);
                border-top-right-radius: 18px;
                padding-top: 10px;
                padding-bottom: 10px;
            }

            .suit-sidebar-header span {
                font-weight: 600;
                font-size: 1.1rem;
                letter-spacing: 1px;
                color: #fff;
            }

            .suit-sidebar-close-btn {
                font-size: 1.3rem;
                color: #23272f;
                background: #fff;
                border-radius: 50%;
                width: 32px;
                height: 32px;
                border: none;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
                transition: background 0.2s, color 0.2s;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .suit-sidebar-close-btn:hover,
            .suit-sidebar-close-btn:focus {
                background: #d1e7dd;
                color: #198754;
            }

            .suit-sidebar-header .btn {
                font-size: 1.3rem;
                color: #23272f;
                background: #fff;
                border-radius: 50%;
                width: 32px;
                height: 32px;
                line-height: 1;
                border: none;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
                transition: background 0.2s, color 0.2s;
            }

            .suit-sidebar-header .btn:hover {
                background: #d1e7dd;
                color: #198754;
            }

            .suit-sidebar-body {
                margin-top: 10px;
            }

            .suit-sidebar-body .list-group-item {
                border: none;
                border-radius: 8px;
                margin-bottom: 6px;
                transition: background 0.18s, color 0.18s;
                font-size: 1.05rem;
                padding: 10px 16px;
                background: transparent;
            }

            .suit-sidebar-body .list-group-item a {
                color: #f1f1f1;
                text-decoration: none;
                width: 100%;
                display: block;
                transition: color 0.18s;
            }

            .suit-sidebar-body .list-group-item:hover,
            .suit-sidebar-body .list-group-item:focus-within {
                background: #23272f;
                color: #00b894;
            }

            .suit-sidebar-body .list-group-item a:hover {
                color: #00b894;
            }

            /* Overlay for Suit Sidebar */
            #exploreOverlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100vh;
                background: rgba(30, 30, 60, 0.25);
                z-index: 2099;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.3s;
            }

            #exploreOverlay.show {
                opacity: 1;
                pointer-events: auto;
            }

            /* Optional: Animate list items on sidebar open */
            .suit-sidebar.show .list-group-item {
                animation: sidebar-fade-in 0.5s cubic-bezier(.68, -0.55, .27, 1.55);
            }

            @keyframes sidebar-fade-in {
                0% {
                    opacity: 0;
                    transform: translateX(-30px);
                }

                100% {
                    opacity: 1;
                    transform: translateX(0);
                }
            }

            .mobile-nav {
                justify-content: start !important;
            }

            /* Pop animation for bottom nav icons */
            @keyframes nav-pop-hover {
                0% {
                    transform: scale(1);
                }

                40% {
                    transform: scale(1.22);
                }

                100% {
                    transform: scale(1);
                }
            }


/* Modern sidebar accordion styles */
.suit-sidebar-body .accordion-item {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px rgba(23,75,138,0.06);
}
.suit-sidebar-body .accordion-button {
    background: #f8f9fa;
    border-radius: 12px;
    font-weight: 500;
    font-size: 1.08rem;
    transition: background 0.2s;
}
.suit-sidebar-body .accordion-button:not(.collapsed) {
    background: #e3f0ff;
    color: #174b8a;
}
.suit-sidebar-body .list-group-item {
    background: transparent;
    border: none;
    font-size: 1rem;
    padding-left: 1.5rem;
    transition: background 0.15s;
}
.suit-sidebar-body .list-group-item:hover {
    background: #f1f7ff;
}
.suit-sidebar-body .accordion-body {
    padding: 0;
}            


            #mobile-bottom-nav .nav-link i {
                transition: transform 0.18s;
            }

            #mobile-bottom-nav .nav-link:hover i,
            #mobile-bottom-nav .nav-link:focus i {
                animation: nav-pop-hover 0.32s cubic-bezier(.68, -0.55, .27, 1.55);
                color: #00b8ff !important;
            }

            .dropdown-menu,
            .dropdown-submenu>.dropdown-menu {
                position: static !important;
                box-shadow: none !important;
                min-width: 100%;
            }

            .dropdown-submenu>.dropdown-menu {
                display: none;
            }

            .dropdown-submenu.show>.dropdown-menu {
                display: block;
            }

        }