Save

layout/style-scss/kontakt-v8.scss

@@ -70,6 +70,10 @@ select {
 		z-index: 1;
 	}
 
+	@include respond-below(xs) {
+		display: none;
+	}
+
 	.box-1--wrapper {
 		position: relative;
 		min-height: 300px;
@@ -241,6 +245,11 @@ select {
 	padding-top: 90px;
 	padding-bottom: 80px;
 
+	@include respond-below(xs) {
+		padding-top: 60px;
+		padding-bottom: 60px;
+	}
+
 	.box-2--wrapper {
 		.c-row {
 			display: flex;
@@ -283,6 +292,14 @@ select {
 						margin-bottom: -25px;
 					}
 
+					@include respond-below(xs) {
+						border-radius: 0;
+						border: none;
+						padding: 0 20px 30px;
+						text-align: left;
+						margin: 0;
+					}
+
 					.box-text {
 						margin-bottom: 35px;
 
@@ -315,6 +332,10 @@ select {
 								max-width: unset;
 							}
 
+							@include respond-below(xs) {
+								align-items: flex-start;
+							}
+
 							li {
 								color: $cTxtBlack;
 								font-family: $font3;
@@ -391,6 +412,7 @@ select {
 					}
 				}
 				&-2 {
+					position: relative;
 					width: 100%;
 					max-width: 650px;
 					min-height: 700px;
@@ -408,8 +430,27 @@ select {
 					// @include respond-below(md) {
 					// 	border-radius: 14px 14px 22px 22px;
 					// }
+					@include respond-below(xs) {
+						border-radius: 0;
+						padding: 32px 5px;
+						background: transparent;
+
+						&::before {
+							content: '';
+							position: absolute;
+							left: 50%;
+							top: 0;
+							bottom: 0;
+							width: 100svw;
+							transform: translateX(-50%);
+							background: #f7f6f5;
+						}
+					}
 
 					.tabs-content {
+						position: relative;
+						z-index: 1;
+
 						&:not(.active) {
 							display: none;
 						}
@@ -860,6 +901,10 @@ select {
 	background: #1e2832;
 	margin-bottom: 100px;
 
+	@include respond-below(xs) {
+		margin-bottom: 55px;
+	}
+
 	.box-4--wrapper {
 		padding: 100px 0;
 
@@ -1025,6 +1070,13 @@ select {
 					flex-direction: column;
 				}
 
+				@include respond-below(xs) {
+					border-radius: 0;
+					padding: 0 20px;
+					background: transparent;
+					margin-bottom: 50px;
+				}
+
 				.c-col {
 					&-1 {
 						width: 50%;
@@ -1033,6 +1085,9 @@ select {
 							width: 100%;
 							text-align: center;
 						}
+						@include respond-below(xs) {
+							display: none;
+						}
 
 						img {
 							border-radius: 10px;
@@ -1068,6 +1123,12 @@ select {
 							@include respond-below(lg) {
 								grid-template-columns: 1fr 1fr;
 							}
+							@include respond-below(sm) {
+								gap: 40px;
+							}
+							@include respond-below(xs) {
+								grid-template-columns: 1fr;
+							}
 
 							.info-tile {
 								&-1 {
@@ -1124,6 +1185,12 @@ select {
 					border-bottom-left-radius: 30px;
 					border-bottom-right-radius: 30px;
 
+					@include respond-below(xs) {
+						gap: 0;
+						background: transparent;
+						padding: 30px;
+					}
+
 					.tile {
 						width: calc((100% / 4) - (70px - (70px / 4)));
 						height: fit-content;
@@ -1136,6 +1203,15 @@ select {
 
 						@include respond-below(xs) {
 							width: 100%;
+							padding-left: 0;
+							border-left: 0;
+
+							&:not(:last-child) {
+								margin-bottom: 15px;
+								padding-bottom: 15px;
+
+								border-bottom: 1px solid rgb(0, 0, 0, 0.1);
+							}
 						}
 
 						.tile-head {

templates_user/pages/reklamacje.php

@@ -6,7 +6,7 @@
     <div class="container">
         <div class="row">
             <div class="col-12">
-                <script type="module" src="https://vidok.com/reklamacje/"></script>
+                <script type="module" src="https://plugin.locatick.com/webform/index.js"></script>
                 <locatick-form-plugin token="<?php echo $locatickToken; ?>"></locatick-form-plugin>
             </div>
         </div>