/* Genereeritud failist assets/src/naidised.css — ära muuda siin, muuda src-faili ja käivita tools/build-css.py */
/* =====================================================================
   HELIX — näidiste popup (#naidised) + bänner [helix_naidised_banner]
   (vanast teema functions.php-st üle toodud)
   ===================================================================== */

html.hx-nd-open:not(#hx_) { overflow: hidden; }

#hx-naidised:not(#hx_) {
	--hx-plum:   var( --helix-plum, #764452 );
	--hx-plum-d: var( --helix-plum-dark, #5E3541 );
	--hx-ink:    var( --helix-ink, #1C1C1C );
	--hx-muted:  #6B6762;
	--hx-cream:  #F5F0E8;
	--hx-sand:   #EAE2D6;
	--hx-line:   #E2D9CC;
	--hx-error:  #B3261E;
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	color: var( --hx-ink );
	font-family: inherit;
}

#hx-naidised[hidden]:not(#hx_) { display: none; }
#hx-naidised:not(#hx_) * { box-sizing: border-box; }

#hx-naidised:not(#hx_) .hx-nd__overlay { position: absolute; inset: 0; background: rgba( 28, 28, 28, .55 ); backdrop-filter: blur( 3px ); animation: hx-nd-fade .25s ease both; }

#hx-naidised:not(#hx_) .hx-nd__dialog {
	position: relative;
	display: grid;
	grid-template-columns: 340px minmax( 0, 1fr );
	grid-template-rows: minmax( 0, 1fr );
	width: 100%;
	max-width: 1080px;
	height: min( 860px, calc( 100vh - 48px ) );
	height: min( 860px, calc( 100dvh - 48px ) );
	overflow: hidden;
	border-radius: 24px;
	background: var( --hx-cream );
	box-shadow: 0 30px 80px rgba( 0, 0, 0, .25 );
	animation: hx-nd-in .35s cubic-bezier( .2, .8, .2, 1 ) both;
}

@keyframes hx-nd-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes hx-nd-in { from { opacity: 0; transform: translateY( 16px ) scale( .98 ); } to { opacity: 1; transform: none; } }

#hx-naidised:not(#hx_) .hx-nd__close {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: var( --hx-ink );
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba( 0, 0, 0, .12 );
	transition: transform .2s;
}

#hx-naidised:not(#hx_) .hx-nd__close:hover { transform: rotate( 90deg ); }

/* Külgpaneel */
#hx-naidised:not(#hx_) .hx-nd__side { display: flex; flex-direction: column; min-height: 0; overflow: hidden; background: var( --hx-sand ); }
#hx-naidised:not(#hx_) .hx-nd__image { flex: 1 1 auto; min-height: 0; background-position: center; background-size: cover; }
#hx-naidised:not(#hx_) .hx-nd__contact { padding: 24px 28px 28px; background: var( --hx-sand ); }
#hx-naidised:not(#hx_) .hx-nd__contact-lead { margin: 0 0 10px; color: var( --hx-plum ); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
#hx-naidised:not(#hx_) .hx-nd__contact-name { margin: 0; font-size: 18px; font-weight: 700; }
#hx-naidised:not(#hx_) .hx-nd__contact-role { margin: 2px 0 14px; color: var( --hx-muted ); font-size: 14px; }
#hx-naidised:not(#hx_) .hx-nd__contact a { display: block; margin: 4px 0; color: var( --hx-ink ); font-size: 15px; font-weight: 600; text-decoration: none; }
#hx-naidised:not(#hx_) .hx-nd__contact a:hover { color: var( --hx-plum ); }

/* Põhiosa */
#hx-naidised:not(#hx_) .hx-nd__main { min-height: 0; padding: 40px 44px 36px; overflow-y: auto; overscroll-behavior: contain; }
#hx-naidised:not(#hx_) .hx-nd__eyebrow { margin: 0 0 8px; color: var( --hx-plum ); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
#hx-naidised:not(#hx_) .hx-nd__title { margin: 0 0 8px; color: var( --hx-ink ); font-size: 32px; font-weight: 700; line-height: 1.15; }
#hx-naidised:not(#hx_) .hx-nd__intro { margin: 0 0 28px; color: var( --hx-muted ); font-size: 15px; }

#hx-naidised:not(#hx_) .hx-nd__step { margin: 0 0 26px; padding: 0; border: 0; }

#hx-naidised:not(#hx_) .hx-nd__step-head {
	display: flex;
	float: left;
	gap: 10px;
	align-items: baseline;
	width: 100%;
	margin: 0 0 14px;
	padding: 14px 0 0;
	border-top: 1px solid var( --hx-ink );
	color: var( --hx-ink );
	font-size: 15px;
	font-weight: 700;
}

#hx-naidised:not(#hx_) .hx-nd__step-head + * { clear: both; }
#hx-naidised:not(#hx_) .hx-nd__step-num { color: var( --hx-muted ); font-size: 12px; font-weight: 600; }

#hx-naidised:not(#hx_) .hx-nd__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#hx-naidised:not(#hx_) .hx-nd__field { position: relative; }
#hx-naidised:not(#hx_) .hx-nd__field--full { grid-column: 1 / -1; }
#hx-naidised:not(#hx_) .hx-nd__label { display: block; margin: 0 0 6px; color: var( --hx-ink ); font-size: 13px; font-weight: 600; }
#hx-naidised:not(#hx_) .hx-nd__label small { color: var( --hx-muted ); font-weight: 400; }

#hx-naidised:not(#hx_) .hx-nd__input {
	display: block;
	width: 100%;
	margin: 0;
	padding: 13px 16px;
	border: 1px solid var( --hx-line );
	border-radius: 12px;
	outline: none;
	background: #fff;
	box-shadow: none;
	color: var( --hx-ink );
	font: inherit;
	font-size: 15px;
	line-height: 1.4;
	transition: border-color .2s, box-shadow .2s;
}

#hx-naidised:not(#hx_) textarea.hx-nd__input { min-height: 92px; resize: vertical; }
#hx-naidised:not(#hx_) .hx-nd__input:focus { border-color: var( --hx-plum ); box-shadow: 0 0 0 3px rgba( 118, 68, 82, 0.15 ); box-shadow: 0 0 0 3px color-mix( in srgb, var( --hx-plum ) 15%, transparent ); }
#hx-naidised:not(#hx_) .hx-nd__input::placeholder { color: #A39E97; }
#hx-naidised:not(#hx_) .has-error .hx-nd__input { border-color: var( --hx-error ); }
#hx-naidised:not(#hx_) .hx-nd__error { display: none; margin: 6px 0 0; color: var( --hx-error ); font-size: 13px; }
#hx-naidised:not(#hx_) .has-error .hx-nd__error { display: block; }
#hx-naidised:not(#hx_) .hx-nd__hint { margin: 6px 0 0; color: var( --hx-muted ); font-size: 13px; }

/* Pakiautomaadi otsing */
#hx-naidised:not(#hx_) .hx-nd__combo-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 5;
	max-height: 260px;
	margin: 6px 0 0;
	padding: 6px;
	overflow-y: auto;
	border: 1px solid var( --hx-line );
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 12px 30px rgba( 0, 0, 0, .12 );
	list-style: none;
}

#hx-naidised:not(#hx_) .hx-nd__combo-list[hidden] { display: none; }
#hx-naidised:not(#hx_) .hx-nd__combo-item { margin: 0; padding: 9px 12px; border-radius: 8px; cursor: pointer; }
#hx-naidised:not(#hx_) .hx-nd__combo-item.is-focused,
#hx-naidised:not(#hx_) .hx-nd__combo-item:hover { background: var( --hx-cream ); }
#hx-naidised:not(#hx_) .hx-nd__combo-name { display: block; font-size: 14px; font-weight: 600; }
#hx-naidised:not(#hx_) .hx-nd__combo-meta { display: block; color: var( --hx-muted ); font-size: 12px; }
#hx-naidised:not(#hx_) .hx-nd__combo-empty { padding: 10px 12px; color: var( --hx-muted ); font-size: 14px; }
#hx-naidised:not(#hx_) .hx-nd__linkbtn { margin: 8px 0 0; padding: 0; border: 0; background: none; color: var( --hx-plum ); font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; }
#hx-naidised:not(#hx_) .hx-nd__linkbtn[hidden] { display: none; }

/* Kategooriad */
#hx-naidised:not(#hx_) .hx-nd__group + .hx-nd__group { margin-top: 14px; }
#hx-naidised:not(#hx_) .hx-nd__group-label { margin: 0 0 8px; color: var( --hx-muted ); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
#hx-naidised:not(#hx_) .hx-nd__chips { display: flex; flex-wrap: wrap; gap: 8px; }
#hx-naidised:not(#hx_) .hx-nd__chip { position: relative; margin: 0; }
#hx-naidised:not(#hx_) .hx-nd__chip input { position: absolute; width: 1px; height: 1px; opacity: 0; }

#hx-naidised:not(#hx_) .hx-nd__chip span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border: 1px solid var( --hx-line );
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background .2s, border-color .2s, color .2s;
}

#hx-naidised:not(#hx_) .hx-nd__chip span::before { content: ""; width: 16px; height: 16px; border: 1.5px solid #B9B2A8; border-radius: 5px; background: #fff center / 10px no-repeat; transition: background-color .2s, border-color .2s; }
#hx-naidised:not(#hx_) .hx-nd__chip input:checked + span { border-color: var( --hx-plum ); background: var( --hx-plum ); color: #fff; }
#hx-naidised:not(#hx_) .hx-nd__chip input:checked + span::before { border-color: #fff; background-color: #fff; background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' fill='none' stroke='%23764452' stroke-width='2'/%3E%3C/svg%3E" ); }
#hx-naidised:not(#hx_) .hx-nd__chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba( 118, 68, 82, 0.25 ); box-shadow: 0 0 0 3px color-mix( in srgb, var( --hx-plum ) 25%, transparent ); }

/* Nõusolek */
#hx-naidised:not(#hx_) .hx-nd__consent { display: flex; gap: 10px; align-items: flex-start; margin: 0; color: var( --hx-muted ); font-size: 13px; line-height: 1.5; cursor: pointer; }
#hx-naidised:not(#hx_) .hx-nd__consent input { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var( --hx-plum ); }
#hx-naidised:not(#hx_) .hx-nd__consent a { color: var( --hx-plum ); }

/* Saatmine */
#hx-naidised:not(#hx_) .hx-nd__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 22px; }

#hx-naidised:not(#hx_) .hx-nd__submit {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 16px 30px;
	border: 0;
	border-radius: 999px;
	background: var( --hx-plum );
	color: #fff;
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: background .2s, opacity .2s;
}

#hx-naidised:not(#hx_) .hx-nd__submit:hover { background: var( --hx-plum-d ); }
#hx-naidised:not(#hx_) .hx-nd__submit[disabled] { opacity: .6; cursor: wait; }
#hx-naidised:not(#hx_) .hx-nd__status { margin: 0; color: var( --hx-error ); font-size: 14px; }
#hx-naidised:not(#hx_) .hx-nd__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

#hx-naidised:not(#hx_) .hx-nd__success { padding: 40px 0; }
#hx-naidised:not(#hx_) .hx-nd__success[hidden] { display: none; }
/* v2.58.7 — kinnitusakna variandid */
#hx-naidised:not(#hx_) .hx-nd__success [hidden] { display: none !important; }

#hx-naidised:not(#hx_) .hx-nd__success-icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0 0 20px; border-radius: 50%; background: var( --hx-plum ); color: #fff; font-size: 26px; }

@media ( max-width: 860px ) {
	#hx-naidised:not(#hx_) { padding: 0; }
	/* Dialoog kerib ise; osad ei kahane (muidu vorm voolas kontaktikasti peale) */
	#hx-naidised:not(#hx_) .hx-nd__dialog { display: flex; flex-direction: column; height: 100%; max-height: none; overflow-y: auto; border-radius: 0; -webkit-overflow-scrolling: touch; }
	#hx-naidised:not(#hx_) .hx-nd__main { flex: 0 0 auto; min-height: auto; padding: 28px 20px 24px; overflow: visible; }
	#hx-naidised:not(#hx_) .hx-nd__side { flex: 0 0 auto; order: 2; min-height: auto; overflow: visible; }
	#hx-naidised:not(#hx_) .hx-nd__contact { padding: 20px 20px calc( 24px + env( safe-area-inset-bottom, 0px ) ); }
	#hx-naidised:not(#hx_) .hx-nd__image { display: none; }
	#hx-naidised:not(#hx_) .hx-nd__title { font-size: 26px; }
}

@media ( max-width: 520px ) {
	#hx-naidised:not(#hx_) .hx-nd__grid { grid-template-columns: 1fr; }
}

@media ( prefers-reduced-motion: reduce ) {
	#hx-naidised:not(#hx_) .hx-nd__overlay,
	#hx-naidised:not(#hx_) .hx-nd__dialog { animation: none; }
}

/* =====================================================================
   BÄNNER
   ===================================================================== */

.hx-nb:not(#hx_) {
	--nb-plum: var( --helix-plum, #764452 );
	--nb-plum-d: var( --helix-plum-dark, #5E3541 );
	--nb-ink: var( --helix-ink, #1C1C1C );
	--nb-muted: #6B6762;
	--nb-cream: #F6F1EA;
	--nb-sand: #E8DFD2;
	--nb-radius: 22px;
	display: grid;
	grid-template-columns: minmax( 0, 1.62fr ) minmax( 0, 1fr );
	width: 100%;
	overflow: hidden;
	border-radius: var( --nb-radius );
	background: var( --nb-cream );
	color: var( --nb-ink );
	font-family: inherit;
	box-sizing: border-box;
}

.hx-nb:not(#hx_) *,
.hx-nb:not(#hx_) *::before,
.hx-nb:not(#hx_) *::after { box-sizing: border-box; }

.hx-nb--no-image:not(#hx_) { grid-template-columns: minmax( 0, 1fr ); }
.hx-nb__content:not(#hx_) { min-width: 0; padding: 44px 40px 40px; }
.hx-nb:not(#hx_) .hx-nb__eyebrow { margin: 0 0 14px; color: var( --nb-plum ); font-size: 11px; font-weight: 700; line-height: 1.2; letter-spacing: .12em; text-transform: uppercase; }
.hx-nb:not(#hx_) .hx-nb__title { margin: 0 0 30px; color: var( --nb-ink ); font-size: clamp( 28px, 3.2vw, 40px ); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.hx-nb:not(#hx_) .hx-nb__steps { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 16px; margin: 0 0 30px; padding: 0; list-style: none; }
.hx-nb:not(#hx_) .hx-nb__step { margin: 0; padding: 14px 0 0; border-top: 1px solid var( --nb-ink ); }
.hx-nb:not(#hx_) .hx-nb__num { display: block; margin-bottom: 6px; color: var( --nb-muted ); font-size: 11px; font-weight: 600; }
.hx-nb:not(#hx_) .hx-nb__step-title { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 700; line-height: 1.3; }
.hx-nb:not(#hx_) .hx-nb__step-text { display: block; color: var( --nb-muted ); font-size: 12px; line-height: 1.45; }
.hx-nb:not(#hx_) .hx-nb__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.hx-nb:not(#hx_) .hx-nb__btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 22px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; transition: background-color .2s, border-color .2s, color .2s; }
.hx-nb:not(#hx_) .hx-nb__btn--primary { background: var( --nb-plum ); color: #fff; }
.hx-nb:not(#hx_) .hx-nb__btn--primary:hover { background: var( --nb-plum-d ); color: #fff; }
.hx-nb:not(#hx_) .hx-nb__btn--ghost { border-color: #E2D9CC; background: #fff; color: var( --nb-ink ); }
.hx-nb:not(#hx_) .hx-nb__btn--ghost:hover { border-color: var( --nb-ink ); color: var( --nb-ink ); }
.hx-nb__media:not(#hx_) { position: relative; min-height: 100%; background: var( --nb-sand ); }
.hx-nb:not(#hx_) .hx-nb__img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; border-radius: 0; object-fit: cover; }

@media ( max-width: 860px ) {
	.hx-nb:not(#hx_) { grid-template-columns: minmax( 0, 1fr ); }
	.hx-nb__media:not(#hx_) { order: -1; min-height: 0; aspect-ratio: 16 / 7; }
	.hx-nb__content:not(#hx_) { padding: 30px 28px 28px; }
}

@media ( max-width: 600px ) {
	.hx-nb__media:not(#hx_) { aspect-ratio: 4 / 3; }
	.hx-nb__content:not(#hx_) { padding: 26px 20px 22px; }
	.hx-nb:not(#hx_) .hx-nb__steps { grid-template-columns: minmax( 0, 1fr ); gap: 0; }
	.hx-nb:not(#hx_) .hx-nb__step { display: grid; grid-template-columns: 28px minmax( 0, 1fr ); column-gap: 8px; padding: 12px 0; }
	.hx-nb:not(#hx_) .hx-nb__num { grid-row: span 2; margin: 2px 0 0; }
}

/* Saatmise hind (näidised ise tasuta) */
#hx-naidised:not(#hx_) .hx-nd__fee { margin: 12px 0 0; padding: 10px 14px; border-radius: 12px; background: var( --hx-cream, #F6F1EA ); color: var( --hx-ink ); font-size: 13.5px; line-height: 1.45; }
#hx-naidised:not(#hx_) .hx-nd__fee .hx-t { color: var( --hx-plum ); }
#hx-naidised:not(#hx_) .hx-nd__feenote { margin: 8px 0 0; color: var( --hx-muted ); font-size: 12.5px; }