Save

juicedupmotorcycles.pl/style.scss

@@ -22,13 +22,22 @@ $fBebasNeuePro: 'Bebas Neue Pro', sans-serif;
 $fBebasNeueProExpanded: 'Bebas Neue Pro Expanded', sans-serif;
 $fLato: 'Lato', sans-serif;
 
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
 body {
 	color: $cTxtWhite !important;
 	background-color: $cOnyx !important;
 	font-family: 'Scandia', 'Poppins', sans-serif !important;
 
-	> .wrap {
+	@media (min-width: 768px) {
-		overflow: hidden;
+		> .wrap {
+			overflow: hidden;
+		}
 	}
 }
 
@@ -394,12 +403,90 @@ div.up {
 	}
 }
 
+#box_slider_39 {
+	ul.slides {
+		min-height: 600px;
+
+		@media (max-width: 767px) {
+			min-height: 500px;
+		}
+
+		> li {
+			background-size: cover !important;
+		}
+	}
+
+	.slider-text {
+		margin-left: 20vw;
+
+		@media (max-width: 980px) {
+			margin-left: 13vw;
+		}
+
+		@media (max-width: 767px) {
+			margin-left: 40px;
+			margin-right: 40px;
+		}
+		@media (max-width: 500px) {
+			margin-left: 20px;
+			margin-right: 20px;
+		}
+
+		h2 {
+			color: $cTxtWhite;
+			font-size: 60px;
+			line-height: 1.1;
+			font-weight: 700;
+			margin: 0;
+
+			@media (max-width: 767px) {
+				font-size: 44px;
+			}
+		}
+		h3 {
+			color: $cTxtWhite;
+			font-size: 16px;
+			line-height: 1.1;
+			font-weight: 500;
+			display: inline-block;
+			background-color: $cBlackDark;
+			border-radius: 2.375rem;
+			padding: 4px 12px;
+			text-transform: uppercase;
+			margin: 0 0 15px 0;
+
+			@media (max-width: 767px) {
+				font-size: 14px;
+			}
+		}
+		p {
+			color: $cTxtWhite;
+			font-size: 18px;
+			line-height: 1.1;
+			font-weight: 400;
+			margin: 10px 0 20px;
+
+			&:last-child {
+				margin: 0;
+			}
+
+			@media (max-width: 767px) {
+				font-size: 16px;
+			}
+		}
+
+		a {
+			@extend ._btn;
+		}
+	}
+}
+
 .box_custom#box-1 {
 	height: 600px;
-	background-image: url('https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/beard-quiz-home-hero-desktop.jpg');
+	// background-image: url('https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/beard-quiz-home-hero-desktop.jpg');
-	background-position: center;
+	// background-position: center;
-	background-repeat: no-repeat;
+	// background-repeat: no-repeat;
-	background-size: cover;
+	// background-size: cover;
 	align-content: center;
 	margin-bottom: 0;
 
@@ -408,7 +495,9 @@ div.up {
 	}
 
 	.box_wrapper {
+		position: relative;
 		margin-left: 20vw;
+		z-index: 1;
 
 		@media (max-width: 980px) {
 			margin-left: 13vw;
@@ -467,6 +556,15 @@ div.up {
 	a {
 		@extend ._btn;
 	}
+
+	img {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+		object-position: center;
+	}
 }
 
 .box_custom#box-2 {
@@ -508,9 +606,10 @@ div.up {
 		left: 50%;
 		right: auto;
 		height: 100%;
-		width: 100svw;
+		width: 100vw;
 		background: #141417;
 		transform: translateX(-50%);
+		z-index: 1;
 	}
 
 	@media (min-width: 768px) and (max-width: 980px) {
@@ -527,6 +626,7 @@ div.up {
 		align-items: center;
 		justify-content: center;
 		column-gap: 30px;
+		z-index: 2;
 
 		@media (max-width: 767px) {
 			flex-direction: column-reverse;
@@ -582,6 +682,7 @@ div.up {
 				img {
 					border-radius: 20px;
 					object-fit: contain;
+					height: auto;
 				}
 			}
 		}
@@ -599,12 +700,27 @@ div.up {
 		overflow: initial;
 	}
 
+	&::before {
+		content: '';
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 50%;
+		right: auto;
+		height: 100%;
+		width: 100vw;
+		background: #141417;
+		transform: translateX(-50%);
+		z-index: 1;
+	}
+
 	.c-row {
 		position: relative;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: center;
+		z-index: 2;
 
 		@media (max-width: 767px) {
 			flex-direction: column-reverse;
@@ -661,6 +777,7 @@ div.up {
 				img {
 					border-radius: 20px;
 					object-fit: contain;
+					height: auto;
 				}
 			}
 		}
@@ -669,10 +786,10 @@ div.up {
 
 .box_custom#box-5 {
 	position: relative;
-	padding: 100px 0;
+	padding: 100px 0 0 0;
 
 	@media (max-width: 767px) {
-		padding: 70px 0 50px;
+		padding: 70px 0 0 0;
 	}
 
 	.tiles {
@@ -748,7 +865,7 @@ div.up {
 	max-width: 800px;
 	margin-left: auto;
 	margin-right: auto;
-	margin-top: 100px;
+	// margin-top: 100px;
 	margin-bottom: 0;
 
 	.boxhead {
@@ -869,6 +986,19 @@ div.up {
 			@media (min-width: 768px) {
 				max-width: 350px;
 			}
+
+			@media (max-width: 611px) {
+				padding-right: 0;
+			}
+		}
+	}
+
+	.slider-nav-left,
+	.slider-nav-right {
+		z-index: 1;
+
+		@media (max-width: 767px) {
+			visibility: visible !important;
 		}
 	}
 }
@@ -942,8 +1072,8 @@ footer.footer {
 #box_specialoffer,
 #box_bestsellers {
 	position: relative;
-	padding-top: 100px;
+	padding-top: 80px;
-	padding-bottom: 100px;
+	padding-bottom: 80px;
 
 	@media (max-width: 767px) {
 		padding-top: 50px;
@@ -1082,12 +1212,21 @@ div.menu {
 		right: 0;
 	}
 
+	@media (max-width: 767px) {
+		position: sticky;
+		top: 0;
+	}
+
 	nav.innermenu {
 		height: 46px;
 		line-height: 46px;
+		border: none !important;
 
 		@media (max-width: 767px) {
 			border-color: #28282e;
+			height: 40px !important;
+			min-height: 40px !important;
+			line-height: 40px !important;
 		}
 
 		ul.menu-list {
@@ -1145,7 +1284,10 @@ div.menu {
 				}
 
 				> a {
-					font-size: 60px;
+					// font-size: 60px;
+					font-size: 20px !important;
+					line-height: 1 !important;
+					padding: 7px 0 !important;
 				}
 
 				&.small-menu {
@@ -2810,6 +2952,11 @@ body .consents {
 				}
 			}
 			.consents__buttons {
+				display: flex;
+				flex-direction: row;
+				flex-wrap: wrap;
+				gap: 10px;
+
 				.btn {
 					margin: 0;
 					padding: 14px;
@@ -2850,7 +2997,8 @@ body.shop_infopage {
 }
 
 #rwd-menu {
-	width: 100%;
+	width: 100% !important;
+	margin-top: 40px !important;
 
 	> li {
 		&:nth-child(1) {
@@ -2860,6 +3008,12 @@ body.shop_infopage {
 			display: none !important;
 		}
 	}
+
+	li {
+		a {
+			display: block !important;
+		}
+	}
 }
 
 .js__search-mobile-btn {