Improve mobile responsiveness with layout adjustments, including special offer box, product tabs, and footer styling

ocelio.pl/style.scss

@@ -1,13 +1,83 @@
 @media(max-width: 767px) {
+  #box_specialoffer {
+    box-sizing: border-box !important;
+    padding: 0 15px !important;
+
+    .boxhead {
+      text-align: center !important;
+      margin-bottom: 0 !important;
+      padding-bottom: 0 !important;
+    }
+  }
+
+  .top {
+    .box-xhr {
+      margin: 0 !important;
+    }
+  }
+
   .rwd .menu {
     height: auto !important;
     padding-top: 10px !important;
   }
 
-  #box_productfull>.boxhead {
-    width: 100% !important;
-    box-sizing: border-box !important;
-    padding: 25px 0 !important;
+  #box_productfull {
+    margin-bottom: 0 !important;
+
+    .tab-container {
+      padding-top: 0 !important;
+
+      .product-tab {
+        &.none {
+          display: block !important;
+        }
+      }
+
+      .product-tab[data-tab="box_productcomments"] {
+        margin-top: 25px !important;
+
+        &::before {
+          content: 'Opinie';
+          display: block;
+          font-size: 20px;
+          font-weight: 700;
+          margin-bottom: 10px;
+          text-align: center;
+        }
+      }
+
+      .product-tab[data-tab="box_description"] {
+        &::before {
+          content: 'Opis';
+          display: block;
+          font-size: 20px;
+          font-weight: 700;
+          margin-bottom: 10px;
+          text-align: center;
+        }
+      }
+
+      nav {
+        display: none !important;
+      }
+    }
+
+    .smallgallery {
+      margin-bottom: 15px !important;
+    }
+
+    .productimg .mainimg {
+      height: 350px !important;
+    }
+  }
+
+  #box_productfull {
+    >.boxhead {
+      width: 100% !important;
+      box-sizing: border-box !important;
+      padding: 10px 0 !important;
+      margin-bottom: 0 !important;
+    }
   }
 
   .footer {
@@ -21,6 +91,8 @@
   }
 
   .userfooter {
+    padding-bottom: 25px !important;
+
     .fx-right {
       padding-bottom: 25px !important;
       text-align: center !important;
@@ -71,21 +143,11 @@
   }
 
   .logo-bar {
-    display: none;
+    padding: 5px 0 0 !important;
   }
 
   .menu {
-    display: grid;
-    grid-template-columns: 150px 1fr;
-
-    &:before {
-      display: none !important;
-    }
-
-    .link-logo {
-      display: block;
-      padding: 0 10px;
-    }
+    margin-bottom: 0 !important;
 
     .innermenu {
       border: 0 !important;
@@ -317,4 +379,86 @@
       font-weight: 600 !important;
     }
   }
+}
+
+.product-main-box {
+  .productdetails-more-details {
+    border-top: 0 !important;
+    margin-top: 0 !important;
+    padding-top: 0 !important;
+  }
+
+  .availability {
+    .first {
+      font-weight: 600 !important;
+      min-width: 0 !important;
+    }
+  }
+
+  .basket {
+    margin-top: 0 !important;
+    padding: 15px !important;
+    border: 5px solid #dedede !important;
+    border-radius: 5px;
+
+    .price {
+      .main-price {
+        font-size: 24px !important;
+      }
+    }
+  }
+
+  .addtofav {
+    span {
+      text-transform: none !important;
+      font-weight: 600 !important;
+    }
+  }
+}
+
+.product-related-groups-module {
+  margin-top: 0 !important;
+}
+
+.product-tabs {
+  .innerbox {
+    * {
+      font-size: 14px !important;
+      font-family: 'Open Sans', sans-serif !important;
+      line-height: 1.5 !important;
+    }
+  }
+}
+
+#turn-classic.btn {
+  height: 0 !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  display: none !important;
+}
+
+#box_basketlist {
+  .quantity {
+    width: 9em;
+    text-align: center;
+
+    .btn-minus,
+    .btn-plus {
+      display: inline-flex;
+      width: 30px;
+      justify-content: center;
+      font-weight: 900;
+      background: #eee;
+      height: 40px;
+      margin: 0 !important;
+      align-items: center;
+      cursor: pointer;
+      transition: all 0.3s ease;
+
+      &:hover {
+        background: #f59e01;
+        color: #fff;
+      }
+    }
+  }
 }