






 
.wpf-yht-intro-p, .wpf-yht-name, .wpf-yht-cred, .wpf-yht-photo-label,
.wpf-yht-form-h, .wpf-yht-label, .wpf-yht-info {
	color: var(--wp--preset--color--brand);
}
.wpf-yht-quote-txt, .wpf-yht-testi, .wpf-yht-testi-attr {
	color: var(--wp--preset--color--accent);
}




 
.wpf-yht-intro.wp-block-columns { align-items: flex-start; }
.wpf-yht-intro .wpf-yht-name { margin-bottom: 0; }
.wpf-yht-intro .wpf-yht-cred { margin-top: 4px; }






.wpf-yht-photo { position: relative; width: 454px; max-width: 100%; margin-left: auto; margin-right: auto; }
.wpf-yht-photo-img.wp-block-image { margin: 0; }
.wpf-yht-photo-img img { width: 100%; height: auto; display: block; }
.wpf-yht-photo-crown.wp-block-image {
	position: absolute; top: 9.7%; left: 0; right: 0; z-index: 2; margin: 0;
}
.wpf-yht-photo-crown img { width: 79px; height: auto; display: block; margin-left: auto; margin-right: auto; }
.wpf-yht-photo-label {
	position: absolute; top: 23.9%; left: 0; right: 0; z-index: 2;
	margin: 0; padding: 0 12px; text-align: center;
}









.wpf-yht-quote.wp-block-columns { align-items: flex-end; padding-left: 17px; }
.wpf-yht-quote-img.wp-block-image { margin: 0; }
.wpf-yht-quote-img img { width: 210px; max-width: 100%; height: auto; display: block; }  


















.wpf-yht-rule.wp-block-separator {
	border: 0; height: 2px; opacity: 1;
	width: auto; max-width: none;
	margin-left: -144px; margin-right: 0;
}
 
.wpf-yht-quote .wp-block-column:first-child { position: relative; z-index: 1; }

 
.wpf-yht-form.wp-block-columns { align-items: flex-start; }
.wpf-yht-form-h { margin-bottom: 0; }




.wpf-yht-input.wp-block-group {
	background: #fff; border: 1px solid #d9c3b4; border-radius: 2px;
	width: 438px; max-width: 100%; box-sizing: border-box;
	min-height: 56px; padding: 8px 14px; display: flex; align-items: flex-start;
}
.wpf-yht-input.wpf-yht-textarea.wp-block-group { min-height: 110px; }
.wpf-yht-input .wpf-yht-input-ph { margin: 0; line-height: 1; color: transparent; }










.wpf-yht-send .wp-block-button__link,
.wpf-yht-varaa .wp-block-button__link {
	width: 381px;
	min-height: 101px;
	padding-top: 0;
	padding-bottom: 0;
}


.wpf-yht-send.wp-block-buttons,
.wpf-yht-varaa.wp-block-buttons { justify-content: flex-start; width: 381px; max-width: 100%; }

 
.wpf-yht-info { margin-top: 0; }













.wpf-yht-flower img { margin-top: -1px; }



















@media (min-width: 782px) {
	.wpf-yht-form > .wp-block-column { align-self: stretch; display: flex; flex-direction: column; position: relative; }
	.wpf-yht-form > .wp-block-column > *:has(+ .wp-block-buttons) { margin-bottom: 62px; }
	.wpf-yht-form > .wp-block-column > .wp-block-buttons { margin-top: auto !important; }
	.wpf-yht-form .wpf-yht-flower { position: absolute; left: 0; right: 0; bottom: 0; transform: translateY(100%); margin: 0 !important; }
}



.wpf-yht-testi { margin-left: auto; margin-right: auto; }




.wpf-yht-testi-attr { margin-left: auto; margin-right: auto; }

 
@media (max-width: 781px) {
	.wpf-yht-intro.wp-block-columns,
	.wpf-yht-quote.wp-block-columns,
	.wpf-yht-form.wp-block-columns { flex-wrap: wrap; }
	.wpf-yht-intro .wp-block-column,
	.wpf-yht-quote .wp-block-column,
	.wpf-yht-form .wp-block-column { flex-basis: 100% !important; min-width: 0; }
	


	.wpf-yht-send .wp-block-button__link,
	.wpf-yht-varaa .wp-block-button__link,
	.wpf-yht-send.wp-block-buttons,
	.wpf-yht-varaa.wp-block-buttons { width: 100%; }
	



	.wpf-yht-quote.wp-block-columns { padding-left: 0; align-items: center; }
	

	.wpf-yht-quote.wp-block-columns { margin-top: 60px !important; }
	

	.wpf-yht-rule.wp-block-separator { width: 100%; max-width: 100%; margin-left: 0; }
	

	.wpf-yht-intro .wp-block-column { text-align: left; }
	.wpf-yht-photo, .wpf-yht-quote-img img { margin-left: auto; margin-right: auto; }
	




	.wpf-yht-quote .wp-block-column:first-child { margin-bottom: 0; }
	.wpf-yht-quote.wp-block-columns { row-gap: 0; }
	 
	.wpf-yht-send.wp-block-buttons,
	.wpf-yht-varaa.wp-block-buttons { justify-content: center; }
	.wpf-yht-form .wp-block-column:last-child { margin-top: 40px; }
	

	.wpf-yht-testi { max-width: 100% !important; }
}



.wpf-yht-realform { max-width: 438px; }
.wpf-yht-field {
	display: block; box-sizing: border-box;
	width: 438px; max-width: 100%; min-height: 56px;
	margin-top: 6px; padding: 8px 14px;
	background: #fff; border: 1px solid #d9c3b4; border-radius: 2px;
	font-family: var(--wp--preset--font-family--roboto), sans-serif;
	font-size: 22px; line-height: 1.4; color: inherit;
}
.wpf-yht-field-textarea { min-height: 110px; resize: vertical; }
.wpf-yht-field:focus-visible { outline: 2px solid #c9a98f; outline-offset: 1px; }

 
.wpf-yht-realform .wpf-yht-label { margin-bottom: 0; }
.wpf-yht-realform .wpf-yht-label:nth-of-type(1) { margin-top: 50px; }
.wpf-yht-realform .wpf-yht-label:nth-of-type(2) { margin-top: 45px; }
.wpf-yht-realform .wpf-yht-label:nth-of-type(3) { margin-top: 34px; }

 
.wpf-yht-gdpr {
	cursor: pointer;
	display: flex; align-items: flex-start; gap: 10px;
	max-width: 438px; margin-top: 26px;
	font-family: var(--wp--preset--font-family--roboto), sans-serif;
	font-size: 16px; line-height: 1.45;
}
.wpf-yht-gdpr input { flex: 0 0 auto; width: 26px; height: 26px; margin-top: 1px; accent-color: #c9a98f; cursor: pointer; }
.wpf-yht-gdpr a { color: inherit; text-decoration: underline; }
.wpf-yht-realform .wpf-yht-send { margin-top: 40px; }

 
.wpf-yht-send button.wp-block-button__link { border: 0; cursor: pointer; font: inherit; }

 
.wpf-yht-form-status { margin-top: 18px; font-size: 18px; line-height: 1.4; }
.wpf-yht-form-status.is-error { color: #b3261e; }
.wpf-yht-form-status.is-ok { color: #2f7d4f; }

 
.wpf-yht-modal-overlay {
	position: fixed; inset: 0; z-index: 99999;
	display: flex; align-items: center; justify-content: center;
	padding: 20px; background: rgba(40, 30, 20, 0.55);
}
.wpf-yht-modal {
	box-sizing: border-box;
	background: #fff; border-radius: 10px; max-width: 460px; width: 100%;
	padding: 44px 36px; text-align: center;
	box-shadow: 0 16px 48px rgba(40, 30, 20, 0.3);
	font-family: var(--wp--preset--font-family--roboto), sans-serif;
}
.wpf-yht-modal-icon {
	width: 68px; height: 68px; margin: 0 auto 22px; border-radius: 50%;
	background: #2f7d4f; color: #fff; font-size: 38px; line-height: 68px;
}
.wpf-yht-modal-text {
	margin: 0 0 30px; font-size: 23px; line-height: 1.5;
	color: var(--wp--preset--color--brand);
}
.wpf-yht-modal-close {
	border: 0; cursor: pointer; font: inherit; font-size: 18px;
	background: #c9a98f; color: #fff; padding: 14px 44px; border-radius: 3px;
}
.wpf-yht-modal-close:hover { background: #b8967a; }



@media (min-width: 782px) {
	.wpf-yht-form + .wpf-crown { margin-top: 170px !important; }
}
