/* Child Theme - Custom CSS File for Buyers to Modify */

/* Keep headings visually lighter across theme and Elementor templates. */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .elementor-heading-title,
body .rh_page__title,
body .rh_property__heading {
	font-weight: 500 !important;
}

/* Spacing/divider between the merged Description and Features blocks that
   child-custom.js moves into the Overview tab. */
#property-content-section-overview .rh_property__heading {
	margin-top: 2rem;
	margin-bottom: 0.75rem;
	padding-top: 1.25rem;
	padding-bottom: 0;
	border-top: 1px solid #e8ecf4;
}

.okno-faq-page-title {
	max-width: 1170px;
	margin: 0 auto 30px;
	padding: 0 15px;
	color: #0b2f50;
	font-size: clamp(30px, 4vw, 46px);
	line-height: 1.15;
}

.rh_fixed_side_bar_compare .okno-compare-clear {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 12px auto 18px;
	padding: 10px 15px;
	border: 1px solid #c83b32;
	border-radius: 7px;
	background: #fff;
	color: #a52922;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
}
.rh_fixed_side_bar_compare .okno-compare-clear:hover {
	background: #a52922;
	color: #fff;
}
#property-content-section-overview > .rh_property__heading:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
/* The theme's own spacing between a section heading and its content is meant
   for a heading sitting alone at the top of a tab; once merged into Overview
   it reads as an oversized gap, so tighten it here. */
#property-content-section-overview .rh_property__heading + .rh_content,
#property-content-section-overview .rh_property__heading + .rh-property-features-inner-wrap {
	margin-top: 0;
	padding-top: 0;
}
#property-content-section-overview .rh_property__heading + .rh_content > p:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
#property-content-section-overview .rh_property__heading {
	margin-bottom: 0.5rem !important;
}

/* The property feature checkmarks are raw, unconstrained SVGs (405x405px
   native size) with no size rule in the theme CSS, so they render huge.
   Scale them down to match the text line. */
.rh_property__features_wrap .rh_property__feature .rh_done_icon svg,
.rh_property__feature .rh_done_icon svg {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.rh_property__feature .rh_done_icon {
	display: inline-flex;
	align-items: center;
	margin-right: 6px;
}

/* Keep only the check icon: arrow-bullet-list also adds a list marker. */
#property-content-section-overview .rh_property__features,
#property-content-section-overview .rh_property__feature {
	list-style: none !important;
	background: none !important;
}
/* Fixed gallery viewport prevents layout jumps between photos of different proportions. */
#property-detail-flexslider .flexslider,
#property-detail-flexslider .flex-viewport,
#property-detail-flexslider ul.slides,
#property-detail-flexslider ul.slides > li,
#property-detail-flexslider .rh-property-gallery-image {
	height: clamp(280px, 48vw, 560px) !important;
}
#property-detail-flexslider .rh-property-gallery-image {
	display: block;
	background: #eef1f5;
}
#property-detail-flexslider ul.slides > li img {
	display: block;
	width: 100%;
	height: 100%;
	object-position: center center;
	object-fit: contain;
}
@media (max-width: 767px) {
	#property-detail-flexslider .flexslider,
	#property-detail-flexslider .flex-viewport,
	#property-detail-flexslider ul.slides,
	#property-detail-flexslider ul.slides > li,
	#property-detail-flexslider .rh-property-gallery-image {
		height: 300px !important;
	}
}

/* Keep property previews uniform on the comparison page. */
.rh-compare-properties-head .thumbnail {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	padding-bottom: 0 !important;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	background: #edf1f5;
}

/* Replace legacy theme banners with the new site photography. */
.rh_banner__image {
	background-image: url("../assets/images/backgrounds/location-residential.jpg") !important;
	background-position: center 45% !important;
	background-size: cover !important;
	background-attachment: scroll !important;
}
.page-id-142 .rh_banner__image,
.page-id-7698 .rh_banner__image,
.page-id-9403 .rh_banner__image,
.page-id-9404 .rh_banner__image {
	background-image: url("../assets/images/backgrounds/banner-contact.jpg") !important;
	background-position: center 54% !important;
}
.page-id-947 .rh_banner__image,
.page-id-9407 .rh_banner__image,
.page-id-9408 .rh_banner__image {
	background-image: url("../assets/images/backgrounds/banner-faq.jpg") !important;
	background-position: center 48% !important;
}
.blog .rh_banner__image {
	background-image: url("../assets/images/backgrounds/location-sveti-vlas.jpg") !important;
	background-position: center 56% !important;
}
.okno-logo-home-link,
.rh_logo_wrapper,
.elementor-element-7fec7203 {
	cursor: pointer;
}
.elementor-element-7fec7203 .okno-logo-home-link {
	position: relative;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}
.rh-compare-properties-head .thumbnail img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	border-radius: inherit;
}

/* The floating comparison tray also receives portrait and landscape images. */
.rh_fixed_side_bar_compare {
	width: min(340px, calc(100vw - 20px));
}
.rh_fixed_side_bar_compare .rh_compare {
	display: flex;
	flex-direction: column;
	max-height: min(560px, calc(100vh - 215px));
	padding: 16px;
	overflow: hidden;
}
.rh_fixed_side_bar_compare .rh_compare .title {
	flex: 0 0 auto;
	margin-bottom: 13px;
}
.rh_fixed_side_bar_compare .rh_compare__carousel {
	min-height: 0;
	padding-right: 4px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
}
.rh_fixed_side_bar_compare .rh_compare__slide {
	flex: 0 0 auto;
}
.rh_fixed_side_bar_compare .rh_compare__slide_img {
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}
.rh_fixed_side_bar_compare .rh_compare_img_inner {
	position: relative;
	display: block;
	width: clamp(76px, 8vw, 92px);
	flex: 0 0 clamp(76px, 8vw, 92px);
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #edf1f5;
}
.rh_fixed_side_bar_compare .rh_compare_img_inner > a:first-child {
	display: block;
	width: 100%;
	height: 100%;
}
.rh_fixed_side_bar_compare .rh_compare_img_inner img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}
.rh_fixed_side_bar_compare .rh_compare_view_title {
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px !important;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.rh_fixed_side_bar_compare .rh_compare__submit,
.rh_fixed_side_bar_compare .okno-compare-clear {
	flex: 0 0 auto;
}
.rh_fixed_side_bar_compare .rh_compare__submit {
	margin-top: 2px;
}
.rh_fixed_side_bar_compare .okno-compare-clear {
	margin: 9px auto 0;
}
@media (max-width: 767px) {
	.rh_fixed_side_bar_compare {
		position: fixed !important;
		top: auto !important;
		right: 8px !important;
		bottom: 50px !important;
		width: calc(100vw - 16px);
	}
	.rh_fixed_side_bar_compare .rh_compare {
		max-height: calc(100vh - 66px);
	}
}
#property-content-section-overview .rh_property__feature::before,
#property-content-section-overview .rh_property__feature::marker {
	content: none !important;
	display: none !important;
}

.rh-property-gallery-thumbs {
	display: flex;
	gap: 8px;
	margin-top: 10px;
	padding: 2px 2px 8px;
	overflow-x: auto;
	position: relative;
	z-index: 5;
	width: 100%;
	min-height: 74px;
	scrollbar-width: thin;
}
.rh-property-gallery-thumb {
	flex: 0 0 92px;
	height: 64px;
	padding: 0;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: 3px;
	background: #eef1f5;
	cursor: pointer;
	opacity: 0.72;
}
.rh-property-gallery-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.rh-property-gallery-thumb:hover,
.rh-property-gallery-thumb:focus-visible,
.rh-property-gallery-thumb.is-active {
	border-color: var(--rh-global-color-primary, #0054a6);
	opacity: 1;
}

/* Mobile header: the logo asset has a white canvas, so keep the entire header
   light and use the brand blue for controls instead of placing it on black. */
.okno-mobile-language-switcher {
	display: none;
}

@media (max-width: 1139px) {
	.rh_responsive_header_temp,
	.rh_temp_header_responsive_view,
	.rh_temp_header_responsive_view .rh_header__wrap,
	.rh_temp_header_responsive_view .rh_logo,
	.rh-mobile-sticky-header.sticked .rh_logo_wrapper {
		background: #fff !important;
	}
	.rh_temp_header_responsive_view {
		border-bottom: 1px solid #e3e9ef;
		box-shadow: 0 4px 18px rgba(13, 47, 80, 0.08);
	}
	.rh_temp_header_responsive_view .rh_logo img {
		max-height: 66px;
		width: auto;
	}
	.rh_temp_header_responsive_view .hamburger-inner,
	.rh_temp_header_responsive_view .hamburger-inner::before,
	.rh_temp_header_responsive_view .hamburger-inner::after {
		background-color: #0054a6 !important;
	}
	.rh_temp_header_responsive_view .rh_menu__user,
	.rh_temp_header_responsive_view .rh_menu__user_phone {
		background: #0054a6 !important;
	}
	.rh_temp_header_responsive_view .rh_menu__user {
		display: flex !important;
		align-items: stretch;
		width: 100%;
		position: relative;
	}
	.rh_temp_header_responsive_view .rh_menu__user_phone {
		display: flex !important;
		flex: 1 1 auto;
		min-width: 0;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 12px 10px !important;
	}
	.rh_temp_header_responsive_view .rh_menu__user_phone a {
		color: #fff !important;
		font-size: 14px;
		white-space: nowrap;
	}
	.rh_temp_header_responsive_view .rh_menu__user_phone svg {
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
		fill: #fff !important;
	}
	.rh_temp_header_responsive_view .rh_menu__user_submit {
		display: none !important;
	}
	.rh_temp_header_responsive_view .rh_menu__responsive .pll-parent-menu-item,
	.rh_temp_header_responsive_view .rh_menu__responsive .okno-favorites-menu-item {
		display: none !important;
	}
	.rh_temp_header_responsive_view .okno-mobile-favorites {
		display: grid;
		width: 50px;
		min-height: 48px;
		flex: 0 0 50px;
		place-items: center;
		border-left: 1px solid rgba(255, 255, 255, 0.3);
		color: #fff;
		touch-action: manipulation;
	}
	.rh_temp_header_responsive_view .okno-mobile-favorites:hover,
	.rh_temp_header_responsive_view .okno-mobile-favorites:focus,
	.rh_temp_header_responsive_view .okno-mobile-favorites.is-current {
		background: rgba(255, 255, 255, 0.14);
		color: #fff;
	}
	.rh_temp_header_responsive_view .okno-mobile-favorites svg {
		display: block;
		width: 23px;
		height: 23px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	.rh_temp_header_responsive_view .okno-mobile-favorites.is-current svg {
		fill: rgba(255, 255, 255, 0.28);
	}
	.rh_temp_header_responsive_view .okno-mobile-language-switcher {
		display: block;
		position: relative;
		flex: 0 0 auto;
		border-left: 1px solid rgba(255, 255, 255, 0.3);
	}
	.okno-mobile-language-toggle {
		display: flex;
		height: 100%;
		min-height: 48px;
		align-items: center;
		gap: 7px;
		padding: 0 14px;
		border: 0;
		background: transparent;
		color: #fff;
		font: inherit;
		font-size: 14px;
		cursor: pointer;
	}
	.okno-mobile-language-select {
		position: absolute;
		inset: 0;
		z-index: 2;
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		opacity: 0;
		font-size: 16px;
		cursor: pointer;
		touch-action: manipulation;
		-webkit-appearance: menulist-button;
		appearance: auto;
	}
	.okno-mobile-language-switcher:focus-within {
		box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75);
	}
	.okno-mobile-language-toggle img {
		display: block;
		width: 16px;
		height: 11px;
		object-fit: cover;
	}
	.okno-mobile-language-toggle i {
		width: 8px;
		height: 8px;
		margin: -4px 0 0 2px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		transition: transform 0.2s ease, margin 0.2s ease;
	}
	/* The Elementor footer menu should stay an ordinary visible list on mobile. */
	.rh_sticky_wrapper_footer .rhea-nav-menu-wrapper {
		display: block !important;
	}
	.rh_sticky_wrapper_footer .rhea-nav-menu-responsive {
		display: none !important;
	}
	.rh_sticky_wrapper_footer .rhea-menu-container,
	.rh_sticky_wrapper_footer .rhea-elementor-nav-menu {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px 20px;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.rh_sticky_wrapper_footer .rhea-elementor-nav-menu > li {
		display: block !important;
		margin: 0 !important;
	}
	.rh_sticky_wrapper_footer .rhea-elementor-nav-menu > li > a {
		display: block;
		padding: 8px 0 !important;
	}

	/* Keep the copyright and social links on separate, centered rows. Elementor
	   otherwise leaves both widgets at auto width and they collide on phones. */
	.rh_sticky_wrapper_footer .elementor-element-21eb73bf {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.rh_sticky_wrapper_footer .elementor-element-7baddb35 > .elementor-widget-wrap {
		display: flex !important;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center !important;
		gap: 16px;
	}
	.rh_sticky_wrapper_footer .elementor-element-32d12acc,
	.rh_sticky_wrapper_footer .elementor-element-73b49859 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}
	.rh_sticky_wrapper_footer .elementor-element-32d12acc > .elementor-widget-container {
		margin: 0 !important;
		text-align: center;
	}
	.rh_sticky_wrapper_footer .elementor-element-73b49859 > .elementor-widget-container {
		text-align: center !important;
	}
	.rh_sticky_wrapper_footer .elementor-element-73b49859 .elementor-social-icons-wrapper {
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: 20px;
	}
	.rh_sticky_wrapper_footer .elementor-element-73b49859 .elementor-grid-item {
		display: block;
		margin: 0 !important;
	}
	.rh_sticky_wrapper_footer .elementor-element-73b49859 .elementor-social-icon {
		display: grid;
		width: 28px;
		height: 28px;
		place-items: center;
	}
	.rh_sticky_wrapper_footer .elementor-element-73b49859 .elementor-social-icon svg {
		display: block;
		width: 20px;
		height: 20px;
	}
}

@media (max-width: 380px) {
	.okno-mobile-language-toggle {
		padding-right: 12px;
		padding-left: 12px;
	}
	.okno-mobile-language-toggle span {
		display: none;
	}
}

@media (min-width: 1140px) {
	.rhea-elementor-nav-menu .okno-favorites-menu-item .okno-favorites-label {
		display: none;
	}
}

.rhea-elementor-nav-menu .okno-favorites-menu-item > a {
	display: flex;
	align-items: center;
	gap: 8px;
}
.okno-menu-heart-icon {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: fill 0.2s ease, transform 0.2s ease;
}
.okno-favorites-menu-item > a:hover .okno-menu-heart-icon,
.okno-favorites-menu-item.current-menu-item .okno-menu-heart-icon {
	fill: rgba(255, 255, 255, 0.18);
	transform: scale(1.06);
}

/* Similar properties use the same uniform card rhythm as the curated grids. */
.rh_property__similar_properties .rh_similar_properties_box {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.rh_property__similar_properties .rh_prop_card--listing {
	display: flex;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
}
.rh_property__similar_properties .rh_prop_card__wrap {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #e0e7ee;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(29, 54, 78, 0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.rh_property__similar_properties .rh_prop_card__wrap:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 38px rgba(29, 54, 78, 0.13);
}
.rh_property__similar_properties .rh_prop_card__thumbnail {
	width: 100%;
	height: 235px !important;
	flex: 0 0 235px;
	margin: 0;
	overflow: hidden;
	background: #e8edf2;
}
.rh_property__similar_properties .rh_figure_property_one,
.rh_property__similar_properties .rh_figure_property_one > a {
	display: block;
	width: 100%;
	height: 100%;
}
.rh_property__similar_properties .rh_prop_card__thumbnail img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	transition: transform 0.35s ease;
}
.rh_property__similar_properties .rh_prop_card__wrap:hover .rh_prop_card__thumbnail img {
	transform: scale(1.045);
}
.rh_property__similar_properties .rh_prop_card__details {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 20px;
}
.rh_property__similar_properties .rh_prop_card__details h3 {
	display: -webkit-box;
	min-height: 50px;
	margin: 0 0 9px;
	overflow: hidden;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.rh_property__similar_properties .rh_prop_card__excerpt {
	display: -webkit-box;
	min-height: 66px;
	margin-bottom: 14px;
	overflow: hidden;
	line-height: 1.55;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.rh_property__similar_properties .rh_prop_card__meta_wrap {
	min-height: 78px;
}
.rh_property__similar_properties .rh_prop_card__priceLabel {
	margin-top: auto;
}
@media (max-width: 640px) {
	.rh_property__similar_properties .rh_similar_properties_box {
		grid-template-columns: 1fr;
	}
	.rh_property__similar_properties .rh_prop_card__thumbnail {
		height: 220px !important;
		flex-basis: 220px;
	}
}

@media (min-width: 768px) {
	.elementor-element-5c9b7064 .rhea-icon-box-icon .rhea-icon,
	.elementor-element-3fa790f1 .rhea-icon-box-icon .rhea-icon,
	.elementor-element-5222e285 .rhea-icon-box-icon .rhea-icon {
		display: grid;
		width: 44px;
		height: 44px;
		place-items: center;
		border: 1px solid #dcecff;
		border-radius: 13px;
		background: #f1f7ff;
		box-shadow: 0 4px 14px rgba(0, 84, 166, 0.08);
		color: #0054a6;
		fill: none;
		transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
	}
	.elementor-element-5c9b7064 .rhea-icon-box-wrapper:hover .rhea-icon,
	.elementor-element-3fa790f1 .rhea-icon-box-wrapper:hover .rhea-icon,
	.elementor-element-5222e285 .rhea-icon-box-wrapper:hover .rhea-icon {
		border-color: #b9d9fa;
		background: #e7f2ff;
		transform: translateY(-1px);
	}
	.okno-header-contact-icon {
		width: 24px;
		height: 24px;
		fill: none !important;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	.okno-header-contact-icon path,
	.okno-header-contact-icon circle {
		fill: none !important;
		stroke: currentColor;
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.elementor-element-5c9b7064,
	.elementor-element-3fa790f1,
	.elementor-element-5222e285 {
		--rhea-icon-box-icon-margin: 10px !important;
	}
	.elementor-element-5c9b7064 .rhea-icon-box-icon .rhea-icon,
	.elementor-element-3fa790f1 .rhea-icon-box-icon .rhea-icon,
	.elementor-element-5222e285 .rhea-icon-box-icon .rhea-icon {
		width: 34px;
		height: 34px;
		border-radius: 11px;
	}
	.okno-header-contact-icon {
		width: 19px;
		height: 19px;
	}
}

@media (max-width: 767px) {
	.elementor-element-5c9b7064 .rhea-icon-box-icon,
	.elementor-element-3fa790f1 .rhea-icon-box-icon,
	.elementor-element-5222e285 .rhea-icon-box-icon {
		display: none;
	}
}

/* Property enquiry replaces the unused comment form and appears directly
   before similar properties. */
.realhomes_comments {
	display: none !important;
}
.okno-property-head-cta {
	display: inline-block;
	margin-top: 14px;
	padding: 12px 18px;
	border-radius: 7px;
	background: #0054a6;
	color: #fff !important;
	font-weight: 700;
}
.okno-property-request {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 36px;
	align-items: center;
	margin: 45px 0;
	padding: 34px;
	border-radius: 12px;
	background: #edf4fb;
}
.okno-property-request h2 {
	margin: 0 0 10px;
	font-size: 30px;
	color: #0b2f50;
}
.okno-property-request .okno-eyebrow {
	margin: 0 0 8px;
	color: #0054a6;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.okno-property-request > div > p:last-child {
	margin: 0;
	color: #607184;
	line-height: 1.6;
}
.okno-property-request form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.okno-property-request input,
.okno-property-request textarea {
	width: 100%;
	padding: 13px;
	border: 1px solid #ccd8e4;
	border-radius: 7px;
	background: #fff;
}
.okno-property-request textarea,
.okno-property-request button,
.okno-property-request .okno-success {
	grid-column: 1 / -1;
}
.okno-property-request button {
	padding: 14px 20px;
	border: 0;
	border-radius: 7px;
	background: #0054a6;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}
.okno-honeypot {
	position: absolute !important;
	left: -9999px !important;
}
.okno-success {
	margin: 0;
	padding: 14px 16px;
	border: 1px solid #a8d8b2;
	border-radius: 7px;
	background: #edf9f0;
	color: #137333;
	font-weight: 700;
}
.okno-error {
	grid-column: 1 / -1;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid #e6b2ad;
	border-radius: 7px;
	background: #fff1ef;
	color: #9c2f25;
	font-weight: 700;
}
#okno-property-request {
	scroll-margin-top: 24px;
}
.okno-google-property-map iframe {
	display: block;
	width: 100%;
	height: 440px;
	border: 0;
	border-radius: 8px;
}
.okno-google-map-link {
	display: inline-block;
	margin-top: 10px;
	font-weight: 700;
}

@media (max-width: 767px) {
	.okno-property-request {
		grid-template-columns: 1fr;
		gap: 24px;
		margin: 32px 0 70px;
		padding: 24px;
	}
	.okno-property-request form {
		grid-template-columns: 1fr;
	}
	.okno-property-head-cta {
		position: fixed;
		z-index: 99999;
		left: 14px;
		right: 14px;
		bottom: 12px;
		margin: 0;
		box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
		text-align: center;
	}
	.okno-google-property-map iframe {
		height: 340px;
	}
}