Dodanie stylów CSS dla popupów, w tym ograniczenie wysokości, przewijanie oraz poprawki w marginesach i rozmiarze czcionki. Dodatkowo, wprowadzenie responsywnych stylów dla menu rozwijanego.

themes/leo_gstore/assets/css/dr_materac.scss

@@ -4548,7 +4548,7 @@ body#cms.cms-id-23 {
 
       &--close {
         position: absolute;
-        top: -23px;
+        top: -25px;
         right: -20px;
 
         .close-popup {
@@ -4560,6 +4560,9 @@ body#cms.cms-id-23 {
     .popup-body {
       display: grid;
       grid-template-columns: 1fr 1fr;
+      max-height: calc(100vh - 130px);
+      overflow-y: auto;
+      padding: 10px 10px 10px 0;
 
       .popup-body--left {
         display: flex;
@@ -4630,6 +4633,8 @@ body#cms.cms-id-23 {
 
             label {
               text-align: left;
+              font-size: 10px;
+              margin-bottom: 0;
             }
           }
         }
@@ -5577,4 +5582,19 @@ body {
       max-width: 300px;
     }
   }
+}
+
+@media (max-height: 730px) {
+  .leo-megamenu .dropdown-menu {
+    padding: 10px !important;
+
+    ul {
+      grid-column-gap: 5px !important;
+      grid-template-columns: repeat(2, 200px) !important;
+
+      li {
+        margin-bottom: 5px !important;
+      }
+    }
+  }
 }

themes/leo_lulandia/assets/css/dr_materac.scss

@@ -5248,6 +5248,9 @@ body {
     .popup-body {
       display: grid;
       grid-template-columns: 1fr 1fr;
+      max-height: calc(100vh - 130px);
+      overflow-y: auto;
+      padding: 10px 10px 10px 0;
 
       .popup-body--left {
         display: flex;
@@ -5318,6 +5321,8 @@ body {
 
             label {
               text-align: left;
+              font-size: 10px;
+              margin-bottom: 0;
             }
           }
         }