header#masthead {
	background: white center center / cover no-repeat;
	position: relative;
	margin-bottom: 0px;

	.page-template-ht4 & {
		margin-bottom: 80px;
	}

	.page-template-front-page & {
		margin-bottom: 0px;
	}

	.page-template-blogs & {
		margin-bottom: 60px;
	}

	.page-template-contact & {
		margin-bottom: 60px;
	}

	.page-template-contact-partner & {
		margin-bottom: 60px;
	}

	.page-template-contact-clinic & {
		margin-bottom: 60px;
	}

	.single-post & {
		margin-bottom: 60px;
	}

	.single-product & {
		margin-bottom: 80px;
	}

	.page-template-contact & {
		margin-bottom: 60px;
	}

	.header-inner {
		position: relative;
	}

	.header-inner > * {
		pointer-events: auto;
	}

	.header-row-offer {
		width: 100%;
		position: relative;
		background-color: var(--dark-blue);
		text-align: center;
		font-size: var(--font-xs);
		padding: 10px 0 10px 0;
		color: white;
		min-height: 20px;
		margin-bottom: 30px;

		P {
			margin-bottom: 0px;
			color: white;
		}

		* {
			font-size: var(--font-base);
		}
		.small-text {
			font-size: var(--font-xs);
		}
		.large-text {
			font-size: var(--font-3xl);
		}

		a {
			color: white;
			text-decoration: none;
		}
	}

	.header-row-offer-2 {
		width: 100%;
		position: relative;
		background-color: var(--aqua);
		text-align: center;
		font-size: var(--font-xs);
		padding: 10px 0 10px 0;
		color: white;
		min-height: 20px;
		margin-bottom: 0px;

		a {
			color: white;
			text-decoration: none;
		}

		P {
			margin-bottom: 0px;
			color: white;
		}

		* {
			font-size: var(--font-base);
		}
		.small-text {
			font-size: var(--font-xs);
		}
		.large-text {
			font-size: var(--font-3xl);
		}
	}

	.header-row-nav {
		background-color: var(--purple);
		z-index: 3;
		position: relative;
		height: 44px;
		margin-bottom: 30px;

		.section-inner {
			width: 100%;
			/* padding: 10px 0 10px 300px; */
			display: flex;
			align-items: center;
			gap: 30px;
			position: relative;
			justify-content: space-between;
		}

		span.offer {
			color: white;
			font-size: var(--font-sm);
			line-height: 1.1;
			padding-right: 20px;
			display: none;
			text-align: center;
		}
	}

	.page-template-landing & .header-row-nav {
		background-color: white;

		.section-inner {
			justify-content: center;
		}
	}

	.header-row-nav h1 {
		margin: 0;
		padding: 0;
	}

	.header-row-nav a.logo {
		display: block;
		width: 153px;
		height: 44px;
		background: url(../images/logo.svg) left / contain no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		white-space: nowrap;
		border: 0;
		position: relative;
		left: 0px;
		top: 0px;
	}

	.header-row-nav .header-contact {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.header-row-nav .header-soc-med {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 15px;
		width: auto;
		min-width: 0;
		padding: 0;
		margin: 0;
		justify-content: flex-start;
	}

	.header-row-nav .header-soc-med li {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 24px;
		height: 24px;
	}

	.header-row-nav .header-soc-med a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		width: 100%;
		height: 100%;
		background: none;
		text-indent: 0;
		white-space: nowrap;
		overflow: visible;
		font-size: var(--font-xl);
		color: var(--dark-blue);

		span {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border: 0;
		}
	}

	.header-soc-med .fb a::before,
	.header-soc-med .ig a::before,
	.header-soc-med .li a::before,
	.header-soc-med .x a::before {
		font:
			400 1.25rem "Font Awesome 6 Brands",
			normal;
		color: var(--dark-blue);
	}

	.header-soc-med .fb a::before {
		content: "\f09a";
	}
	.header-soc-med .ig a::before {
		content: "\f16d";
	}
	.header-soc-med .li a::before {
		content: "\f0e1";
	}
	.header-soc-med .x a::before {
		content: "\e61b";
	}

	.header-row-nav .header-icons {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 15px;
		width: auto;
		min-width: 0;
		padding: 0;
		margin: 0;
		justify-content: flex-start;
	}

	.header-row-nav .header-icons li {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 24px;
		height: 24px;
	}

	.header-row-nav .header-icons a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		width: 100%;
		height: 100%;
		background: none;
		text-indent: 0;
		white-space: nowrap;
		overflow: visible;
		font-size: var(--font-xl);
		color: var(--dark-blue);
		position: relative;

		span:not(.cart-count) {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border: 0;
		}
	}

	.header-icons .account a::before,
	.header-icons .basket a::before {
		font:
			400 1.25rem "Font Awesome 6 Free",
			normal;
		color: var(--dark-blue);
	}

	.header-icons .account a::before {
		content: "\f007";
	}
	.header-icons .basket a::before {
		content: "\f291";
	}

	.header-icons .cart-count {
		position: absolute;
		top: -8px;
		right: -8px;
		background: var(--orange);
		color: white;
		border-radius: 50%;
		font-size: var(--font-xs);
		padding: 2px 6px;
		font-weight: bold;
		min-width: 16px;
		height: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}

	a.clinic-access-btn {
		display: block;
		padding: 7px 15px;
		color: var(--aqua);
		text-decoration: none;
		line-height: 1;
		font-family: var(--tstar-light);
		font-size: var(--font-2xl);
	}

	nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 48px;
		padding: 0 10px;
		background: #fff;
		box-shadow: none;
		z-index: 10000;
		transition: all 0.3s;
	}

	nav .brand,
	nav .menu,
	nav .burger {
		float: right;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	nav .brand {
		font-weight: 700;
		float: left;
		padding: 0 10px;
		max-width: 50%;
		white-space: nowrap;
		color: inherit;
	}

	nav .brand * {
		vertical-align: middle;
	}
	nav .logo {
		height: 32px;
		margin-right: 5px;
	}
	nav .select::after {
		height: calc(100% - 1px);
		padding: 0;
		line-height: 38px;
	}
	nav .menu > * {
		margin-right: 10px;
	}
	nav .burger {
		display: none;
	}

	div.menu-toggle {
		margin-left: auto;
		z-index: 100;
		display: none;
	}

	.menu-toggle-button {
		background-color: transparent;
		display: none;
		margin: 0;
		padding: 0;
	}
	.menu-toggle-button .fa-bars {
		font-size: var(--font-6xl);
		color: white;
		background: rgba(0, 0, 0, 0.4);
		padding: 2px 5px 2px 5px;
	}

	/* Custom nav */
	.nav {
		position: relative;
		margin: 0 0 0 auto;
		padding: 0;
		height: auto;
		background: transparent;
		display: flex;
	}

	.nav-toggle {
		display: none;
	}
	.nav-toggle-label {
		display: none;
		font-size: var(--font-6xl);
		color: #fff;
		padding: 16px;
		cursor: pointer;
		user-select: none;
	}

	.nav-menu {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		padding: 0;
		background: inherit;
		font-size: var(--font-2xl);
		/* font-family: var(--tstar-light); */
	}

	.nav-menu > li {
		position: relative;
		margin: 0 10px 0 10px;
		margin: 0;
	}

	.nav-menu > li > ul > li {
		position: relative;
	}

	.nav-menu > li > a {
		display: block;
		padding: 7px 15px;
		color: var(--dark-blue);
		text-decoration: none;
		transition: background 0.2s;
		line-height: 1;
		border-radius: 99999px;
	}

	/* .nav-menu > li > ul > li > a {
		color: white;
		padding: 8px 12px 9px 12px;
		display: block;
		transition: background-color 0.2s;
		font-weight: 500;
		line-height: 1;
		border-radius: 99999px;
		font-size: var(--font-base);
	} */

	.nav-menu > li:hover > a,
	.nav-menu > li.current-menu-item > a,
	.nav-menu > li.current-menu-parent > a,
	.nav-menu > li > a:hover,
	.nav-menu > li > a:active,
	.nav-menu > li.open > a,
	.nav-menu > li > a:focus {
		font-family: var(--tstar-heavy);
	}

	/* .nav-menu > li > ul > li.current-menu-item > a,
	.nav-menu > li > ul > li > a:hover,
	.nav-menu > li > ul > li > a:focus {
		background: no-repeat right 10px top 50%;
		background-color: var(--purple);
		background-image: url(../images/droplet.svg);
	} */

	/* .dropdown {
		display: block;
		opacity: 0;
		visibility: hidden;
		transition:
			opacity 0.25s ease,
			visibility 0.25s ease;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		right: 0;
		top: calc(100% + 13px);
		min-width: 280px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		z-index: 100;
		list-style: none;
		padding: 10px 6px;
		margin: 0;
		width: 250px;
		background-color: var(--light-purple);
		border: 5px solid var(--purple);
		border-radius: 15px;

		&::before {
			content: "";
			display: block;
			width: 280px;
			height: 20px;
			background: transparent;
			position: absolute;
			left: 0;
			top: -20px;
		}
	}

	.has-dropdown:hover > .dropdown,
	.has-dropdown:focus-within > .dropdown {
		opacity: 1;
		visibility: visible;
	}

	.has-dropdown:hover > a,
	.has-dropdown:focus-within > a {
		background: rgba(255, 255, 255, 0.9);
		color: var(--black-text);
	} */

	.nav-overlay {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		background: white;
		z-index: 9999;

		overflow-y: auto;
		display: none;
		text-align: center;
	}

	.nav-overlay.open {
		display: block;
	}

	.nav-overlay .nav-overlay-close {
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 10001;
		background: none;
		border: none;
		font: 900 2.5rem "Font Awesome 6 Free";
		color: var(--black);
		cursor: pointer;
		line-height: 1;
		padding: 20px 30px 20px 30px;
		transition: color 0.2s;
		margin: 0;
	}

	.nav-overlay .nav-overlay-close::before {
		content: "\f00d";
		font: 900 2.5rem "Font Awesome 6 Free";
	}

	.nav-overlay .nav-overlay-close:hover {
		color: var(--orange);
	}

	.nav-overlay .nav-2 {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10000;
		color: #fff;
		margin: 60px 0 40px 0;
	}

	.nav-overlay .nav-2 ul {
		padding: 0;
		margin: 0;
	}

	.nav-overlay .nav-2 li {
		display: block;
	}

	.nav-overlay .nav-2 li.has-dropdown > a:after {
		content: "\f107";
		font: 900 0.6875rem "Font Awesome 6 Free";
		margin-left: 8px;
		display: inline-block;
		transform: rotate(-90deg);
		margin-right: -19px;
		position: relative;
		top: -2px;
	}

	.nav-overlay .nav-2 li.has-dropdown.open > a:after {
		content: "\f107";
		transform: rotate(0);
	}

	.nav-overlay .nav-2 li a {
		color: var(--black);
		font-size: var(--font-xl);
		padding: 5px 0px 5px 0;
		display: block;
		transition: none;
		font-weight: 700;
		text-transform: uppercase;
		position: relative;
		text-decoration: none;
	}

	.nav-overlay .nav-2 li li a {
		color: white;
		font-size: var(--font-base);
		font-weight: 500;
		text-transform: none;
	}

	.nav-overlay .nav-2 .dropdown {
		position: relative;
		display: none;
		top: 0;
		left: 0;
		right: 0;
		transform: translate(0);
		min-width: none;
		background: transparent;
		box-shadow: none;
		z-index: 1;
		width: auto;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.2s;
		padding-left: 0px;
	}

	.nav-overlay .nav-2 .has-dropdown:hover > a,
	.nav-overlay .nav-2 .has-dropdown:focus-within > a {
		background: transparent;
		color: white;
	}

	.nav-overlay .nav-2 .has-dropdown.open > .dropdown {
		display: block;
		opacity: 1;
		visibility: visible;
	}

	.nav-overlay .overlay-phone {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		font-weight: bold;
		margin: 0 auto 20px auto;
		font-size: var(--font-xl);
		color: var(--light-purple);
	}

	.nav-overlay .overlay-phone a {
		color: var(--light-purple);
	}
	.nav-overlay .overlay-phone:before {
		content: "\f095";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		margin-right: 8px;
		display: inline-block;
	}

	.nav-overlay .overlay-email {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		font-weight: bold;
		margin: 0 auto 30px auto;
		font-size: var(--font-xl);
		color: var(--blue);
	}

	.nav-overlay .overlay-email a {
		color: var(--blue);
	}
	.nav-overlay .overlay-email:before {
		content: "\f0e0";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		margin-right: 8px;
		display: inline-block;
	}

	.nav-overlay .soc-med {
		display: flex;
		flex-direction: row;
		gap: 30px;
		align-items: center;
		margin: 0;
		padding: 0;
		position: relative;
		left: -5px;
		justify-content: center;
		margin-bottom: 40px;
	}

	.nav-overlay .soc-med li {
		width: 25px;
		height: 25px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.nav-overlay .soc-med a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		background: none;
		text-indent: 0;
		white-space: nowrap;
		overflow: visible;
		font-size: var(--font-3xl);
		color: #fff;

		span {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border: 0;
		}
	}

	.nav-overlay .soc-med .fb a::before,
	.nav-overlay .soc-med .ig a::before,
	.nav-overlay .soc-med .li a::before,
	.nav-overlay .soc-med .x a::before {
		font:
			400 1.5625rem "Font Awesome 6 Brands",
			normal;
		color: var(--dark-blue);
	}

	.nav-overlay .soc-med .fb a::before {
		content: "\f09a";
	}
	.nav-overlay .soc-med .ig a::before {
		content: "\f16d";
	}
	.nav-overlay .soc-med .li a::before {
		content: "\f0e1";
	}
	.nav-overlay .soc-med .x a::before {
		content: "\e61b";
	}

	section.header-static,
	section.header-slides {
		position: relative;
		z-index: 2;
		background-color: white;

		.section-inner {
			max-width: 100%;
			position: relative;
			padding: 0;
		}

		.swiper-wrapper {
			aspect-ratio: 16/5;
		}
		.swiper-slide {
			position: relative;
			height: 100%;
			width: 100%;

			.slide-text {
				position: absolute;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: start;
				align-items: center;
				max-width: calc(var(--content-width) - 40px);
			}
			.slide-text-inner {
				background-color: var(--aqua-trans);
				padding: 40px;
				color: white;
				width: 100%;
				--cut: 40px;

				position: relative;

				clip-path: polygon(
					0 0,
					calc(100% - var(--cut)) 0,
					100% var(--cut),
					100% 100%,
					0 100%
				);

				p {
					font-size: var(--font-3xl);
					color: white;
					line-height: 1.1;
				}
				p.text-link {
					margin-top: auto;
					margin-bottom: 0;
				}
				p.text-link a {
					color: var(--black);
					font-size: var(--font-base);
					font-family: var(--tstar-reg);
					background-color: var(--black);
					color: white;
					display: block;
					padding: 8px 25px 5px 25px;
					width: fit-content;
					border-radius: 9999px;
					text-decoration: none;
					line-height: 1;
					text-shadow: none;
					transition: all 0.3s ease;
				}
				p.text-link a:hover {
					color: white;
					background-color: var(--aqua);
				}
				.large-text {
					font-size: var(--font-6xl-2);
				}
				img {
					max-width: 300px;
					width: 100%;
					display: inline-block;

					&.float-left {
						float: left;
						margin-right: 20px;
					}
				}
				.uppercase {
					text-transform: uppercase;
				}
			}

			&.aqua {
				.slide-text-inner {
					background-color: var(--aqua-trans);
					mix-blend-mode: multiply;
				}
			}
			&.black {
				.slide-text-inner {
					background-color: var(--black-trans);
					mix-blend-mode: multiply;
				}
			}
			&.transparent {
				.slide-text-inner {
					background-color: transparent;
				}
			}
			&.special,
			&.special-2 {
				.slide-text {
				}
				.slide-text-inner {
					background-color: transparent;
					max-width: 400px;
					padding: 0 0 0 0px;
					p {
						color: black;
						font-family: var(--tstar-light);
						text-shadow: 0 1px 4px rgba(255, 255, 255, 0.7);
						font-size: var(--font-3xl);
					}
					p:last-child {
						img {
							display: none;
						}
					}
					.large-text {
						font-size: var(--font-5xl);
					}

					p.massive {
						font-size: var(--font-11xl);
						text-indent: -5px;
						font-family: var(--tstar-med);
					}

					color: black;
					img {
						width: 100%;
						aspect-ratio: 380/166;
						object-fit: contain;
						margin-bottom: 20px;
						max-width: 300px;
					}
				}
			}

			&.partner {
				.slide-text {
				}
				.slide-text-inner {
					background-color: transparent;
					max-width: 600px;
					padding: 0 0 0 0px;
					p {
						color: black;
						font-family: var(--tstar-light);
						text-shadow: 0 1px 4px rgba(255, 255, 255, 0.7);
						font-size: var(--font-3xl);
					}
					.large-text {
						font-size: var(--font-5xl);
					}
					p:has(img) {
						margin-bottom: 0;
					}
					p.text-link {
						margin-top: auto;
						margin-bottom: 0;
					}
					p.text-link a {
						color: white;
						font-size: var(--font-base);
						font-family: var(--tstar-reg);
						background-color: var(--aqua);
						color: white;
						display: block;
						padding: 8px 25px 5px 25px;
						width: fit-content;
						border-radius: 9999px;
						text-decoration: none;
						line-height: 1;
						text-shadow: none;
						transition: all 0.3s ease;
					}
					p.text-link a:hover {
						color: white;
						background-color: var(--black);
					}
					p.massive {
						font-size: var(--font-11xl);
						text-indent: -5px;
						font-family: var(--tstar-med);
					}

					color: black;
					img {
						width: 152px;
						aspect-ratio: 230/227;
						object-fit: contain;
						margin-bottom: 20px;
						height: 150px;
					}
				}
			}

			&.contact {
				.slide-text {
					overflow: visible;
				}
				.slide-text-inner {
					align-items: center;
					overflow: visible;
					p:has(img) {
						margin-bottom: 0;
					}
					.col-1 {
						img {
							width: 400px;
							max-width: 400px;
							position: relative;
						}
					}
					.col-3 {
						img {
							max-width: 100px;
						}
					}
				}
			}

			> img {
				height: 100%;
				width: 100%;
				object-fit: cover;
				display: block;
			}
		}
		.swiper-slide.two-col {
			.slide-text-inner {
				transform: translateY(0%);
				display: grid;
				grid-template-columns: max-content 1fr;
				gap: 40px;
				.col-1 p {
					margin-bottom: 0;
				}
				img {
					/* margin-bottom: 20px; */
				}
			}
		}
		.swiper-slide.two-col.ht4 {
			.slide-text-inner {
				img {
					max-width: 200px;
				}
			}
		}
		.swiper-slide.three-col {
			.slide-text-inner {
				display: grid;
				grid-template-columns: max-content 1fr max-content;
				gap: 20px;
			}
		}
	}

	section.header-slides.ht4-hidden {
		display: none;
	}

	.swiper-button-prev-header,
	.swiper-button-next-header {
		position: absolute;
		top: calc(50% - 1.25rem);
		width: 3.125rem;
		height: 3.125rem;
		display: flex;
		display: none;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		transition:
			background-color 0.3s ease,
			transform 0.3s ease;
		z-index: 1;
		text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	}

	.swiper-button-prev-header {
		left: 0.625rem;
	}
	.swiper-button-next-header {
		right: 0.625rem;
	}

	.swiper-button-prev-header:hover,
	.swiper-button-next-header:hover {
		background-color: var(--light-blue);
	}

	.swiper-button-prev-header::before,
	.swiper-button-next-header::before {
		font: 900 3.125rem "Font Awesome 6 Free";
		color: white;
	}

	.swiper-button-prev-header::before {
		content: "\f104";
	}
	.swiper-button-next-header::before {
		content: "\f105";
	}

	.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets
		.swiper-pagination-bullet {
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px) 10px;
	}

	.swiper-pagination-bullet {
		width: var(
			--swiper-pagination-bullet-width,
			var(--swiper-pagination-bullet-size, 16px)
		);
		height: var(
			--swiper-pagination-bullet-height,
			var(--swiper-pagination-bullet-size, 16px)
		);
		display: inline-block;
		border: 1px solid white;
		border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
		background: var(--swiper-pagination-bullet-inactive-color, #d5d5d5);
		opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.8);
		box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
	}
	.swiper-pagination-bullet-active {
		opacity: var(--swiper-pagination-bullet-opacity, 1);
		background: var(--swiper-pagination-color, var(--swiper-theme-color));
	}
}

@media (max-width: 1400px) {
	header#masthead {
		section.header-slides,
		section.header-static {
			.swiper-wrapper {
				aspect-ratio: 12/5;
			}
			.swiper-slide {
				.slide-text-inner {
					padding: 20px;
					p {
						font-size: var(--font-3xl-clamp);
					}
					.large-text {
						font-size: var(--font-6xl-clamp-2);
					}
				}
				&.contact {
					.slide-text-inner {
						.col-1 {
							img {
								width: 100%;
								max-width: 300px;
								position: relative;
							}
						}
					}
				}
			}

			.swiper-slide.special,
			.swiper-slide.special-2 {
				.slide-text-inner {
					padding: 20px;
					p {
						font-size: var(--font-3xl-clamp);
					}
					p.massive {
						font-size: var(--font-11xl-clamp);
					}

					.large-text {
						font-size: var(--font-5xl-clamp);
					}
				}
			}
			.swiper-slide.partner {
				.slide-text-inner {
					padding: 20px;
					p {
						font-size: var(--font-3xl-clamp);
					}
					.large-text {
						font-size: var(--font-5xl-clamp);
					}
				}
			}
		}
	}
}

@media (max-width: 1200px) {
	header#masthead {
		nav.nav {
			display: none;
		}
		.header-row-nav {
			border-bottom: none;
			.section-inner {
				gap: 0px;
			}
			span.offer {
				display: block;
			}
		}
		.header-row-nav a.logo {
			left: 0px;
		}
		.header-row-nav .header-contact {
			display: none;
		}

		.header-row-offer {
			span.offer {
				/* display: none; */
			}
		}
		.header-row-offer {
			* {
				font-size: var(--font-xs-clamp);
			}
			.large-text {
				font-size: var(--font-3xl-clamp);
			}
		}
		.header-row-offer-2 {
			* {
				font-size: var(--font-xs-clamp);
			}
			.large-text {
				font-size: var(--font-3xl-clamp);
			}
		}
		div.menu-toggle {
			display: block;
		}

		.menu-toggle-button {
			display: block;
		}
		section.header-slides,
		section.header-static {
			.swiper-wrapper {
				aspect-ratio: 12/5;
			}
			.swiper-slide,
			.swiper-slide.special,
			.swiper-slide.special-2,
			.swiper-slide.partner {
				.slide-text-inner {
					clip-path: none;
					padding: 20px;
					p {
						font-size: var(--font-3xl-clamp);
					}
					.large-text {
						font-size: var(--font-5xl-clamp);
					}
				}
			}
		}
	}
}

@media (max-width: 992px) {
	header#masthead {
		.header-row-nav {
			.section-inner {
				/* padding-left: 220px; */
			}
			a.logo {
			}
		}
		.header-row-offer {
			.section-inner {
				/* text-align: right; */
			}
		}
		section.header-slides,
		section.header-static {
			.swiper-wrapper {
				aspect-ratio: 6/5;
			}
			.swiper-slide {
				.slide-text-inner {
					img {
						max-width: clamp(100px, 30vw, 300px);
					}
					.float-left {
						float: none;
						margin-right: 20px;
					}
				}
			}
			.swiper-slide.special,
			.swiper-slide.special-2 {
				.slide-text-inner {
					img {
						max-width: 200px;
					}
				}
			}
			.swiper-slide.two-col {
				.slide-text-inner {
					display: block;
					img {
						margin-bottom: 20px;
					}
				}
			}
			.swiper-slide.three-col {
				.slide-text-inner {
					/* display: block; */
				}
			}
		}
	}
}
@media (max-width: 768px) {
	header#masthead {
		.header-row-nav {
			margin-bottom: 15px;
			.section-inner {
				/* padding-left: 170px; */
			}
			a.logo {
				/* width: 300px;
				top: 10px; */
			}
		}
		.header-row-offer {
			margin-bottom: 15px;
		}
		.header-row-offer-2 {
		}
		section.header-slides,
		section.header-static {
			.swiper-wrapper {
				aspect-ratio: 5/5;

				.page-template-front-page & {
					aspect-ratio: 5/6;
				}
				.page-template-contact &,
				.page-template-contact-clinic &,
				.page-template-contact-partner & {
					aspect-ratio: 5/6;
				}
			}
			.swiper-slide {
				&.contact.three-col {
					.slide-text-inner {
						grid-template-columns: 1fr 1fr;
						.col-1 {
							grid-row: 1;
							grid-column: 1;
							img {
								width: 100%;
								max-width: 300px;
								position: relative;
							}
						}
						.col-2 {
							grid-row: 2;
							grid-column: 1 / 3;
						}
						.col-3 {
							grid-row: 1;
							grid-column: 2;
							img {
								width: 50%;
								max-width: 130px;
								position: relative;
							}
						}
					}
				}
				&.partner {
					> img {
						opacity: 0.5;
						object-position: 75% center;
					}
					.slide-text {
						/* align-items: flex-start; */
					}
					.slide-text-inner {
						img {
							width: 100px;
							height: auto;
							margin-bottom: 10px;
						}
						p {
							font-size: var(--font-xl-clamp);
						}
					}
				}
				&.special {
					> img {
						display: none;
					}
					background-color: #f5f6f6;
					.slide-text {
						grid-row: 1;
						/* align-items: flex-start; */
					}
					.slide-text-inner {
						margin: 0 auto 0 auto;
						p:first-child {
							img {
								width: 100px;
								height: auto;
								margin-bottom: 10px;
							}
						}
						p:last-child {
							img {
								aspect-ratio: auto;
								margin-bottom: 10px;
								width: 100%;
								height: auto;
								/* max-width: 300px; */
								margin-top: 20px;
								display: block;
								max-width: 100%;
								margin: 20px auto 10px auto;
							}
						}

						p:has(img) {
							margin-bottom: 0;
						}
						p {
							font-size: var(--font-xl-clamp);
						}
					}
				}
				&.special-2 {
					> img {
						display: none;
					}
					background-color: #f5f6f6;
					.slide-text {
						grid-row: 1;
						/* align-items: flex-start; */
					}
					.slide-text-inner {
						max-width: 600px;
						margin: 0 auto 0 auto;

						p:has(img) {
							margin-bottom: 0;
						}
						p {
							font-size: var(--font-xl-clamp);
							max-width: 400px;
						}
						p:first-child {
							max-width: 100%;
							img {
								width: 100px;
								height: auto;
								margin-bottom: 10px;
							}
						}
						p:last-child {
							max-width: 100%;
							img {
								aspect-ratio: auto;
								margin-bottom: 10px;
								width: 100%;
								height: auto;
								max-width: 800px;
								margin-top: 20px;
								display: block;
							}
						}
					}
				}
			}
			.swiper-button-prev-header,
			.swiper-button-next-header {
				width: 2rem;
				height: 2rem;
			}
			.swiper-button-prev-header::before,
			.swiper-button-next-header::before {
				font: 900 2rem "Font Awesome 6 Free";
				color: white;
			}
		}
	}
}
@media (max-width: 450px) {
	header#masthead {
		section.header-slides,
		section.header-static {
			.swiper-slide {
				&.contact.three-col {
					.slide-text-inner {
						grid-template-columns: 1fr 1fr;
						.col-1 {
							grid-row: 1;
							grid-column: 1;
							img {
								width: 100%;
								max-width: 300px;
								position: relative;
							}
						}
						.col-2 {
							grid-row: 2;
							grid-column: 1 / 3;
						}
						.col-3 {
							grid-row: 1;
							grid-column: 2;
							img {
								width: 50%;
								max-width: 50%;
								position: relative;
							}
						}
					}
				}
				&.partner {
					.slide-text {
						align-items: center;
					}
				}
				&.special {
					.slide-text {
						align-items: flex-start;
					}
					.slide-text-inner {
						padding-bottom: 0;
						p:last-child {
							img {
								aspect-ratio: auto;
								margin-bottom: 10px;
								width: 100%;
								height: auto;
								/* max-width: 150px; */
								margin-top: 20px;
								max-width: 70%;
							}
						}
					}
				}
				&.special-2 {
					.slide-text {
						align-items: center;
					}
					.slide-text-inner {
						p.massive {
							margin-bottom: 0;
						}
						p:last-child {
							img {
								aspect-ratio: auto;
								margin-bottom: 10px;
								width: 100%;
								height: auto;
								max-width: 100%;
								margin-top: 20px;
							}
						}
					}
				}
			}
		}
	}
}