first commit

wp-content/themes/hello-elementor/assets/css/custom.scss

@@ -0,0 +1,245 @@
+html {
+	scroll-padding-top: 150px;
+}
+
+p {
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.box-1 {
+	> .e-con-inner {
+		position: relative;
+		padding: 80px 70px;
+		border-radius: 28px;
+		background: #fff;
+
+		@media (max-width: 1024px) {
+			padding: 234px 24px 24px 24px;
+			border-radius: 0;
+		}
+	}
+}
+
+#kontakt-form {
+	.elementor-field-group {
+		&:not(.elementor-field-type-acceptance) {
+			position: relative;
+
+			label {
+				position: absolute;
+				top: 24px;
+				left: 22px;
+				transform: translateY(-50%);
+				transition: 0.3s ease;
+				pointer-events: none;
+				// 	background: white;
+				// 	padding: 0 5px;
+				// 	color: #777;
+
+				font-size: 15px;
+				color: #505050;
+				font-weight: 400;
+			}
+
+			input {
+				height: 48px;
+				padding: 19px 16px 5px;
+				font-size: 15px;
+				font-weight: 600;
+
+				&::placeholder {
+					font-size: 0;
+				}
+
+				&:focus + label,
+				&:not(:placeholder-shown) + label {
+					top: 7px;
+					// transform: translateY(-50%) scale(0.85);
+					transform: translateY(0);
+					font-size: 12px;
+				}
+			}
+
+			textarea {
+				padding: 19px 16px 5px;
+				font-size: 15px;
+				font-weight: 600;
+				resize: none;
+
+				&::placeholder {
+					font-size: 0;
+				}
+
+				&:focus + label,
+				&:not(:placeholder-shown) + label {
+					top: 7px;
+					// transform: translateY(-50%) scale(0.85);
+					transform: translateY(0);
+					font-size: 12px;
+				}
+			}
+		}
+	}
+
+	.elementor-field-type-acceptance {
+		.elementor-field-option {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			gap: 12px;
+		}
+		input[type='checkbox'] {
+			appearance: none;
+			position: relative;
+
+			display: inline-block;
+			width: 24px;
+			min-width: 24px;
+			height: 24px;
+			background: #00ac35;
+			border-radius: 8px;
+			cursor: pointer;
+
+			&::before {
+				content: '';
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				transform: translate(-50%, -50%);
+				width: 12px;
+				height: 12px;
+				background-image: url('/wp-content/uploads/2026/03/Check.svg');
+				background-size: contain;
+				background-repeat: no-repeat;
+				opacity: 0;
+			}
+			&:checked::before {
+				opacity: 1;
+			}
+		}
+		label {
+			color: #1e1756;
+			font-family: 'Open Sans', sans-serif;
+			font-weight: 600;
+			font-size: 14px;
+			line-height: 1.7;
+			cursor: pointer;
+		}
+	}
+
+	.form-info {
+		color: #525252;
+		font-size: 11px;
+		font-weight: 1.3;
+
+		a {
+			color: #0066b3;
+		}
+	}
+}
+
+#header-box {
+	@media (min-width: 768px) {
+		position: fixed;
+	}
+}
+
+.card {
+	.elementor-image-box-wrapper {
+		@media (max-width: 768px) {
+			display: flex;
+			align-items: center;
+			gap: 20px;
+		}
+	}
+}
+
+.komfort-box {
+	@media (max-width: 768px) {
+		display: flex;
+		align-items: center;
+		gap: 20px;
+	}
+}
+
+.acc-tile-box {
+	&.active {
+		.acc-tile-img {
+			&::before {
+				transform: translateY(0);
+				opacity: 1;
+			}
+		}
+		.acc-tile {
+			margin-top: -200px;
+			padding-top: 100px !important;
+		}
+	}
+
+	.acc-tile-img {
+		position: relative;
+
+		&::before {
+			content: '';
+			position: absolute;
+			inset: 0;
+			background: linear-gradient(
+				180deg,
+				rgba(231, 237, 243, 0.37) -97.39%,
+				#e7edf3 100%
+			);
+			opacity: 0;
+			transform: translateY(100%);
+			transition: all 250ms linear;
+		}
+	}
+	.acc-tile {
+		position: relative;
+		transition: all 250ms linear;
+	}
+
+	.acc-tile-data {
+		display: none;
+	}
+	.acc-tile-btn {
+		&.active {
+			.elementor-button-icon {
+				transform: rotate(180deg);
+			}
+		}
+
+		.elementor-button-icon {
+			transition: all 250ms linear;
+		}
+	}
+}
+
+.acc-big-tile-data {
+	display: none;
+}
+.acc-big-tile-btn {
+	&.active {
+		.elementor-button-icon {
+			transform: rotate(180deg);
+		}
+	}
+
+	.elementor-button-icon {
+		transition: all 250ms linear;
+	}
+}
+
+.acc-big-tile-img {
+	height: 496px;
+	overflow: hidden;
+
+	img {
+		// max-height: 496px;
+		height: 100%;
+		width: 100%;
+		object-fit: cover;
+		object-position: top center;
+	}
+}