/**  * LGMM Mobile Styles - OPTIMIZED  * Version:5.0.0  * For viewports < 768px  *  * Mobile behavior: * - Hide all submenus completely  * - Hide brand galleries  * - Reduce gap between main menu items  * - Keep main menu items clickable  * - 25% smaller menu items for better fit  */  /* ===================================================  MOBILE VIEWPORT (< 768px)  ================================================ */  @media (max-width:768px){  /* ===================================================  HIDE ALL SUBMENUS - COMPLETE REMOVAL  ================================================ */   .lgmm-menu__submenu, .lgmm-brands-gallery{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; height:0!important; width:0!important; overflow:hidden!important; position:absolute!important; left:-9999px!important;}   .lgmm-menu__item--has-submenu::after, .lgmm-menu__item--has-submenu .lgmm-menu__item-link::after{ display:none!important;}   .lgmm-menu__item::after, .lgmm-menu-item--brands::after{ display:none!important;}  /* ===================================================  MAIN MENU ADJUSTMENTS  ================================================ */    .lgmm-menu__items{ gap:9px;}   .lgmm-menu__item{ cursor:pointer; pointer-events:auto;}  .lgmm-menu__item-link{ pointer-events:auto; cursor:pointer;}  /* ===================================================  DISABLE HOVER INTERACTIONS  ================================================ */    .lgmm-menu__item:hover .lgmm-menu__submenu, .lgmm-menu__item:hover .lgmm-brands-gallery, .lgmm-menu__item--active .lgmm-menu__submenu, .lgmm-menu__item--active .lgmm-brands-gallery{ display:none!important;}  /* ===================================================  MOBILE MENU ITEM SIZING - 25% SMALLER  ================================================ */   .lgmm-menu__item{ width:135px; min-width:135px; max-width:135px; height:187.5px;}  .lgmm-menu__item-link{ padding:15px 12px 12px 12px; font-size:12px; background:var(--lgmm-glass-light); box-shadow:var(--lgmm-shadow-sm); transform:translateZ(0); -webkit-transform:translateZ(0);}  .lgmm-menu__item-title{ font-size:12px; padding:0 9px 6px 9px;}   .lgmm-menu__item-graphic{ width:108px; height:108px; margin:0 auto 15px auto; display:flex; align-items:center; justify-content:center; position:relative;}  .lgmm-menu__item-circle{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; height:100%; background:var(--lgmm-circle-gradient);}   .lgmm-menu__item-circle::before{ background:var(--lgmm-circle-inner-glow); opacity:1; box-shadow:inset 0 8px 20px -8px rgba(255,255,255,0.9);}  .lgmm-menu__item-image{ max-width:86px; max-height:86px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}} /* ===================================================  MOBILE LANDSCAPE (optional refinements)  For retina displays in landscape - NO SUBMENU/GALLERY  ================================================ */  @media (max-width:768px) and (orientation:landscape){   .lgmm-menu__submenu, .lgmm-brands-gallery{ display:none!important;}   .lgmm-menu__items{ gap:6px;}   .lgmm-menu__item-link{ padding:6px 9px;}   .lgmm-menu, .lgmm-menu__items, .lgmm-menu__item{ -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden;}} /* ===================================================  DESKTOP CONFIRMATION (>768px)  Ensure submenus work on desktop  ================================================ */  @media (min-width:769px){   .lgmm-menu__submenu, .lgmm-brands-gallery{ display:block;}   .lgmm-menu__items{ gap:24px;}}