/* Overlay Effect */
     .menu-header-mobile-custom-html-overlay {
         display: none;
         /* Hidden by default */
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.4);
         /* Semi-transparent black */
         z-index: 9999998;
         /* Below the menu container but above other content */
     }

     /* Fullscreen Overlay Menu */
     .menu-header-mobile-custom-html-container {
         position: fixed;
         /* Fixed position to cover the screen */
         top: 0;
         left: 0;
         /* Align to the top-left corner */
         height: 100%;
         /* Full screen height */
         width: 100%;
         /* Full screen width minus right margin */
         background-color: #fff;
         /* Semi-transparent black background */
         z-index: 9999999;
         /* High z-index to be on top of other content */
         transform: translateX(-100%);
         /* Start off-screen */
         transition: transform 0.3s ease;
         /* Smooth transition for sliding in */
         overflow-y: auto;
         /* Enable scrolling for long menus */
         padding-top: 45px;
         /* Space for close button */
     }

     .menu-header-mobile-custom-html-container li>ol,
     .menu-header-mobile-custom-html-container li>ul {
         margin-bottom: 0;
         margin-left: 0;
     }


     .menu-header-mobile-custom-html-container.open {
         transform: translateX(0%);
         /* Move menu into view */
     }

     .menu-header-mobile-custom-html-overlay.open {
         display: block;
         /* Make overlay visible */
     }



     /* 	Shopping cart   */
     .menu-header-mobile-custom-html-container .fas.fa-shopping-cart {
         margin-top: 0 !important;
     }

     .menu-header-mobile-custom-html-item-single#cart-item {
         display: flex;
         position: relative;
     }

     .menu-header-mobile-custom-html-item-single .bcc-toggle-cart {
         width: 60vw;
     }

     /* Main Menu Style */
     .menu-header-mobile-custom-html-main {
         list-style-type: none;
         /* No bullet points */
         margin: 0;
         padding: 0 20px;
         /* Padding for the right margin and inner spacing */
         color: white;
         /* Text color for menu items */
     }

     .menu-header-mobile-custom-html-main #info-submenu {
         padding-top: 16px;
     }

     /* Menu Item Style */

     .menu-header-mobile-custom-html-item {
         padding: 12px 0 0 0;
         /* Padding for each menu item */
     }

     .menu-header-mobile-custom-html-item-single {
         padding: 12px 0;
         cursor: pointer;
         color: #7a7a7a !important;
         /* Text color for the toggle */
         font-size: 16px;
         font-weight: 600;
         width: 100%;
     }

     .menu-header-mobile-custom-html-item-single:last-child {
         border-top: none !important;
         /* Remove border if unnecessary */
     }




     .menu-header-mobile-custom-html-item-single a {
         color: #5E636E;
         font-size: 17px;
         font-weight: 500;
         width: 100%;
         /* Full width of the parent */
         height: 100%;
         display: block;
     }

     .menu-header-mobile-custom-html-item-single a:hover,
     .menu-header-mobile-custom-html-item-single a:focus {
         color: #05559F;
     }




     /* Toggle Button for Submenus */
     .menu-header-mobile-custom-html-toggle {
         background: none;
         border: none;
         width: 100%;
         text-align: left;
         cursor: pointer;
         color: white;
         /* Text color for the toggle */
         font-size: 18px;
         /* Font size for the toggle */
         padding: 12px 0;
         /* Padding for the toggle */
     }

     .menu-header-mobile-custom-html-toggle-sub {
         background: none;
         border: none;
         width: 100%;
         text-align: left;
         cursor: pointer;
         color: #5E636E;
         font-size: 16px;
         font-weight: 500;
         padding: 10px 0;
         /* Padding for the toggle */
     }

     .menu-header-mobile-custom-html-toggle-sub-sub {
         background: none;
         border: none;
         width: 100%;
         text-align: left;
         cursor: pointer;
         color: #5E636E;
         font-size: 16px;
         font-weight: 500;
         padding: 10px 18px;
     }

     .menu-header-mobile-custom-html-toggle-sub:hover,
     .menu-header-mobile-custom-html-toggle-sub:focus {
         border: none !important;
         background: none !important;
         color: #05559F !important;
     }

     .menu-header-mobile-custom-html-toggle-sub-sub:hover,
     .menu-header-mobile-custom-html-toggle-sub-sub:focus {
         border: none !important;
         background: none !important;
         color: #05559F !important;
     }



     /* Submenu Style */
     .menu-header-mobile-custom-html-sub-menu {
         display: none;
         /* Hidden initially */
     }

     .menu-header-mobile-custom-html-sub-item {
         padding-top: 12px;
     }



     .menu-header-mobile-custom-html-sub-item a {
         display: block;
         padding: 5px 0;
         /* Padding for submenu items */
         text-decoration: none;
         color: #5E636E;
         font-weight: 500;
     }

     /* Hover and Focus Styles for Menu Items */
     .menu-header-mobile-custom-html-sub-item a:hover,
     .menu-header-mobile-custom-html-sub-item a:focus {
         color: #05559F;
     }

     /* Close Menu Button */
     .menu-header-mobile-custom-html-close {
         position: absolute;
         top: 20px;
         right: 20px;
         /* Position the close button */
         font-size: 32px;
         /* Size of the close button */
         color: #083156;
         /* Color of the close button */
         cursor: pointer;
     }

     /* Hamburger Icon Style */
     .menu-header-mobile-custom-html-hamburger {
         font-size: 28px;
         /* Size of the hamburger icon */
         color: white;
         /* Color of the hamburger icon */
         cursor: pointer;
         display: inline-block;
     }

     /* Chevron Style */
     .menu-header-mobile-custom-html-chevron {
         float: right;
         /* Position the chevron to the right */
         transition: transform 0.3s ease;
         /* Smooth transition for turning */
     }

     /* Rotated chevron for when the submenu is open */
     .menu-header-mobile-custom-html-chevron.rotate {
         transform: rotate(180deg);
     }

     /* hidden by default */
     .menu-header-mobile-custom-html-sub-sub-menu {
         display: none;
     }

     /* visible when .open */
     .menu-header-mobile-custom-html-sub-sub-menu.open {
         display: block;
     }

     /* smaller indent for sub-sub items */
     .menu-header-mobile-custom-html-sub-sub-item a {
         padding-left: 36px;
     }

     .menu-header-mobile-custom-html-sub-menu.open {
         display: block;
     }



     .menu-header-mobile-custom-html-item-head.my-account-item {
         background-color: white;
         border-bottom: 1px solid #ddd;
         cursor: none;
         padding: 20px;
         color: #7a7a7a !important;
         font-size: 16px;
         font-weight: 600;
         width: 100%;
     }

     .menu-header-mobile-custom-html-item-single.head .top-menu-wrapper {
         position: relative;
     }

     li.menu-header-mobile-switcher .dio-switcher-btn {
         background: #F5F5F5 !important;
         color: #083156 !important;
         font-weight: 500;
         font-family: 'Matimo' !important;
         display: flex;
         align-items: center;
         gap: 4px;
     }

     li.menu-header-mobile-switcher {
         margin-top: 20px;
     }



     .mobile-auth-buttons {
         align-items: center;
         display: flex;
         flex-direction: column;
         width: 80%;
         gap: 20px;
         margin: 2em auto;
     }

     .mobile-auth-buttons .mobile-login-button {
         padding: 8px 31px !important;
     }

     .mobile-auth-buttons .mobile-register-button {
         padding: 8px 31px !important;
         background-color: #F5F5F5 !important;
     }

     .mobile-auth-buttons .mobile-logout-button {
         padding: 8px 31px !important;
         background-color: #F5F5F5 !important;
     }