.liquid-container {
     display: flex;
     width: 100%;
     gap: 15px;
     position: relative;
     top: auto;
 }

 .liquid-panel {
     position: relative;
     flex: 1;
     overflow: hidden;
 }

 /* Mobile Styles */
 @media (max-width: 991px) {
     .liquid-section {
         height: 400vh;
     }

     .liquid-container {
         flex-direction: column;
         width: 100%;
         height: 100vh !important;
         gap: 5px;
         position: sticky;
         top: 0;
     }

     .liquid-panel {
         width: 100%;
         height: auto !important;
         flex: 1;
     }

     .liquid-panel.active {
         flex: 3;
     }

     /* Stacked Mode Overrides */
     .liquid-section[data-mobile-stacked="true"] {
         height: auto !important;
     }

     .liquid-section[data-mobile-stacked="true"] .liquid-container {
         position: relative;
         height: auto;
         gap: 20px;
     }

     .liquid-section[data-mobile-stacked="true"] .liquid-panel {
         flex: 0 0 auto !important;
         height: auto;
         overflow: visible;
     }
 }