.skusing-brand-subpage {
	background: var(--paper);
	color: var(--ink);
	font-family: var(--body);
	overflow-x: hidden;
}

.skusing-brand-subpage .progress {
	display: none;
}

.skusing-brand-subpage nav#nav {
	background: rgba(255, 255, 255, 0.9);
	border-color: var(--line);
	box-shadow: 0 1px 30px rgba(20, 19, 26, 0.05);
}

.skusing-brand-subpage .skusing-subpage-main {
	position: relative;
	z-index: 2;
	padding: 132px 0 96px;
	background: var(--paper);
}

.skusing-subpage__hero {
	display: grid;
	gap: 18px;
	margin-bottom: 42px;
	padding-top: 10px;
}

.skusing-subpage__hero h1 {
	max-width: 900px;
	margin: 0;
	font-family: var(--disp);
	font-size: clamp(42px, 7vw, 88px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	color: var(--ink);
}

.skusing-subpage__content {
	position: relative;
	z-index: 2;
}

.skusing-subpage__content > *:first-child {
	margin-top: 0;
}

.skusing-brand-subpage .entry-content,
.skusing-brand-subpage .entry-header,
.skusing-brand-subpage .site-main {
	max-width: none;
}

.skusing-brand-subpage .home-footer {
	border-top: 1px solid var(--line);
}

.skusing-brand-subpage .site-footer {
	margin-top: 0;
}

.skusing-brand-subpage .pattern-bg {
	display: block;
}

.skusing-brand-subpage .sks-portal {
	margin: 0 auto;
}

.skusing-brand-subpage .sks-portal--narrow {
	max-width: 640px;
}

.skusing-brand-subpage .sks-form,
.skusing-brand-subpage .sks-panel,
.skusing-brand-subpage .sks-card {
	border-radius: 16px;
	box-shadow: 0 30px 80px -58px rgba(20, 19, 26, 0.38);
}

.skusing-brand-subpage .sks-form {
	position: relative;
	overflow: hidden;
	padding: clamp(22px, 4vw, 42px);
}

/* Krok formulára je návestie sekcie, nie druhý nadpis stránky — inak
   konkuruje H1 v hlavičke. */
.skusing-brand-subpage .sks-step legend {
	margin: 0 0 24px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--line);
	width: 100%;
	font-family: var(--mono);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--coral);
}

.skusing-brand-subpage .sks-panel h2,
.skusing-brand-subpage .sks-panel h3 {
	margin: 0 0 8px;
	font-family: var(--disp);
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--ink);
}

.skusing-brand-subpage .sks-panel h3 {
	font-size: clamp(17px, 1.6vw, 20px);
}

.skusing-brand-subpage .sks-form label,
.skusing-brand-subpage .sks-filter label {
	color: var(--ink-soft);
	font-size: 13px;
	font-weight: 600;
}

.skusing-brand-subpage .sks-form label span,
.skusing-brand-subpage .sks-filter label span {
	color: var(--ink);
}

.skusing-brand-subpage .sks-form input,
.skusing-brand-subpage .sks-form select,
.skusing-brand-subpage .sks-form textarea,
.skusing-brand-subpage .sks-filter input {
	min-height: 46px;
	border-color: var(--line-2);
	border-radius: 4px;
	background: var(--paper);
	color: var(--ink);
}

.skusing-brand-subpage .sks-form input:hover,
.skusing-brand-subpage .sks-form select:hover,
.skusing-brand-subpage .sks-form textarea:hover {
	border-color: var(--ink);
}

/* jeden fokusový prstenec cez box-shadow, nie outline + outline-offset */
.skusing-brand-subpage .sks-form input:focus,
.skusing-brand-subpage .sks-form select:focus,
.skusing-brand-subpage .sks-form textarea:focus,
.skusing-brand-subpage .sks-filter input:focus {
	outline: none;
	border-color: var(--coral);
	box-shadow: 0 0 0 3px rgba(237, 72, 50, 0.16);
}

/* min-height/width platí len pre textové polia, nie pre checkboxy a rádiá */
.skusing-brand-subpage .sks-form input[type="checkbox"],
.skusing-brand-subpage .sks-form input[type="radio"] {
	min-height: 0;
	width: auto;
	background: none;
	border-radius: 0;
}

.skusing-brand-subpage .sks-check {
	background: var(--paper-2);
	border-color: var(--line);
}

.skusing-brand-subpage .sks-actions {
	align-items: center;
	margin-top: 30px;
	padding-top: 24px;
	border-top: 1px solid var(--line);
}

.skusing-brand-subpage .sks-btn {
	min-height: 46px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
}

.skusing-brand-subpage .sks-autocomplete button {
	border-radius: 4px;
	background: var(--paper-2);
}

.skusing-brand-subpage .sks-portal--registration .sks-form {
	max-width: 720px;
	margin-inline: auto;
}

@media (max-width: 620px) {
	.skusing-brand-subpage .skusing-subpage-main {
		padding: 104px 0 72px;
	}

	.skusing-subpage__hero {
		margin-bottom: 28px;
	}
}