/* Zapytania tematyczne: karta na stronie i duży popup z formularzem (HSS_Inquiry).
   Kolory z motywu (var(--accent) itd.), z wartościami zapasowymi. */

.hss-inq,
.hss-inqcta {
	--i-bg: var(--bg, #0d0d0f);
	--i-panel: var(--panel, #121214);
	--i-panel2: var(--panel2, #16161a);
	--i-ink: var(--ink, #fff);
	--i-text: var(--text, #c4c4d1);
	--i-muted: var(--muted, #8a8a93);
	--i-line: var(--line, rgba(255, 255, 255, .09));
	--i-line2: var(--line2, rgba(255, 255, 255, .16));
	--i-accent: var(--accent, #d22730);
	--i-accent2: var(--accent2, #e63946);
	--i-tint: var(--accentdim, rgba(210, 39, 48, .13));
	--i-err: #ff7a83;
	--i-ok: #3ddc84;
	--i-ff: var(--ff, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);
	--i-serif: var(--serif, 'Newsreader', Georgia, 'Times New Roman', serif);
	font-family: var(--i-ff);
	box-sizing: border-box;
}

.hss-inq *,
.hss-inq *::before,
.hss-inq *::after,
.hss-inqcta *,
.hss-inqcta *::before,
.hss-inqcta *::after { box-sizing: border-box; }

.hss-inq-ico { flex: none; display: block; }

/* ---------- karta z przyciskiem na stronie ---------- */

/* stała szerokość docelowa: kontener z container-type nie może brać szerokości z treści */
.hss-inqcta-wrap { width: 820px; max-width: 100%; margin: 26px 0 0; container-type: inline-size; }

.hss-inqcta {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px 20px;
	width: 100%;
	max-width: 820px;
	margin: 26px 0 0;
	padding: 20px 22px;
	border: 1px solid var(--i-line2);
	border-radius: 16px;
	background: rgba(13, 13, 15, .55);
	color: var(--i-text);
}

.hss-inqcta__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: var(--i-tint);
	color: var(--i-accent2);
}

.hss-inqcta__ico svg { width: 24px; height: 24px; display: block; }
.hss-inqcta__body { min-width: 0; }
.hss-inqcta__t { margin: 0 0 4px; font-size: 16.5px; font-weight: 700; line-height: 1.35; color: var(--i-ink); }
.hss-inqcta__d { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--i-text); }

.hss-inqcta__btn,
.hss-inqcta .hss-inqcta__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
	padding: 14px 22px;
	border: 1px solid transparent;
	border-radius: 11px;
	background: var(--i-accent, #d22730);
	color: #fff;
	font-family: var(--i-ff, inherit);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	transition: filter .15s, transform .15s;
}

.hss-inqcta__btn:hover { filter: brightness(1.1); transform: translateY(-1px); }
.hss-inqcta__btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.hss-inqcta-wrap > .hss-inqcta { margin: 0; max-width: none; }

@media (max-width: 720px) {
	.hss-inqcta { grid-template-columns: auto minmax(0, 1fr); padding: 18px; gap: 14px 16px; }
	.hss-inqcta__ico { width: 42px; height: 42px; border-radius: 11px; }
	.hss-inqcta__btn,
	.hss-inqcta .hss-inqcta__btn { grid-column: 1 / -1; width: 100%; padding: 15px 18px; white-space: normal; }
}

/* karta w wąskiej kolumnie: układ zależny od szerokości miejsca, a nie ekranu */
@container (max-width: 600px) {
	.hss-inqcta { grid-template-columns: auto minmax(0, 1fr); padding: 18px; gap: 14px 16px; }
	.hss-inqcta__ico { width: 42px; height: 42px; border-radius: 11px; }
	.hss-inqcta__btn,
	.hss-inqcta .hss-inqcta__btn { grid-column: 1 / -1; width: 100%; padding: 15px 18px; white-space: normal; }
}

/* ---------- popup ---------- */

html.hss-inq-lock,
html.hss-inq-lock body { overflow: hidden !important; }

.hss-inq {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	color: var(--i-text);
	font-size: 15px;
	line-height: 1.55;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.hss-inq[hidden],
.hss-inq [hidden] { display: none !important; }

.hss-inq__bd {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	inset: 0;
	cursor: pointer;
	background: rgba(6, 6, 8, .8);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	animation: hss-inq-fade .2s ease-out;
}

.hss-inq__box {
	position: relative;
	display: grid;
	grid-template-columns: clamp(280px, 31%, 350px) minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr);
	width: 100%;
	max-width: 1100px;
	height: calc(100vh - 48px);
	height: calc(100dvh - 48px);
	max-height: 920px;
	border: 1px solid var(--i-line2);
	border-radius: 20px;
	background: var(--i-panel);
	box-shadow: 0 40px 100px rgba(0, 0, 0, .65);
	overflow: hidden;
	outline: none;
	animation: hss-inq-pop .24s cubic-bezier(.2, .8, .2, 1);
}

@keyframes hss-inq-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes hss-inq-pop { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
	.hss-inq__bd,
	.hss-inq__box { animation: none; }
}

/* pasek z krzyżykiem: na komputerze sam krzyżyk w rogu */
.hss-inq__top {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 5;
	display: flex;
	align-items: center;
}

.hss-inq__toptitle { display: none; }

.hss-inq .hss-inq__x {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 42px;
	height: 42px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 1px solid var(--i-line2);
	border-radius: 12px;
	background: rgba(13, 13, 15, .8);
	color: var(--i-ink);
	line-height: 1;
	cursor: pointer;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	transition: background .15s, border-color .15s;
}

.hss-inq .hss-inq__x:hover { border-color: var(--i-accent); background: var(--i-tint); }
.hss-inq .hss-inq__x:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.hss-inq__x svg { width: 18px; height: 18px; display: block; }

/* lewa kolumna: o co chodzi i co dalej */
.hss-inq__aside {
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 40px 32px 32px;
	border-right: 1px solid var(--i-line);
	background: linear-gradient(165deg, rgba(210, 39, 48, .2), rgba(18, 18, 20, 0) 60%), var(--i-panel2);
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, .16) transparent;
}

.hss-inq__eyebrow,
.hss-inq__toptitle {
	margin: 0 0 14px;
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--i-accent2);
}

.hss-inq .hss-inq__title {
	margin: 0 0 14px;
	padding: 0;
	font-family: var(--i-serif);
	font-size: 31px;
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -.01em;
	color: var(--i-ink);
	text-transform: none;
}

.hss-inq__lead { margin: 0; font-size: 15px; line-height: 1.6; color: var(--i-text); }

.hss-inq__alert {
	margin: 20px 0 0;
	padding: 14px 16px;
	border: 1px solid rgba(230, 57, 70, .45);
	border-radius: 12px;
	background: rgba(210, 39, 48, .1);
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--i-ink);
}

.hss-inq__alert a,
.hss-inq__note a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }

.hss-inq__more { margin-top: 30px; }

.hss-inq__h {
	margin: 0 0 12px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--i-muted);
}

.hss-inq__steps ol { list-style: none; margin: 0; padding: 0; counter-reset: hssinq; display: grid; gap: 12px; }

.hss-inq__steps li {
	position: relative;
	margin: 0;
	padding: 0 0 0 38px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--i-text);
	counter-increment: hssinq;
	list-style: none;
}

.hss-inq__steps li::before {
	content: counter(hssinq);
	position: absolute;
	left: 0;
	top: -2px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--i-tint);
	color: var(--i-accent2);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1;
}

.hss-inq__steps li::marker { content: none; }

.hss-inq__facts { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 9px; }

.hss-inq__facts li {
	position: relative;
	margin: 0;
	padding: 0 0 0 24px;
	font-size: 13.5px;
	line-height: 1.45;
	color: var(--i-text);
	list-style: none;
}

.hss-inq__facts li::marker { content: none; }

.hss-inq__facts li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 5px;
	width: 10px;
	height: 6px;
	border-left: 2px solid var(--i-ok);
	border-bottom: 2px solid var(--i-ok);
	transform: rotate(-45deg);
}

.hss-inq__call { margin: 28px 0 0; padding: 18px 0 0; border-top: 1px solid var(--i-line); }
.hss-inq__call .hss-inq__h { margin-bottom: 6px; }

.hss-inq .hss-inq__tel {
	display: inline-block;
	font-family: var(--i-serif);
	font-size: 27px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--i-ink);
	text-decoration: none;
	white-space: nowrap;
}

.hss-inq .hss-inq__tel:hover { color: var(--i-accent2); }

.hss-inq .hss-inq__mail {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	color: var(--i-text);
	text-decoration: none;
	overflow-wrap: anywhere;
}

.hss-inq .hss-inq__mail:hover { color: var(--i-ink); text-decoration: underline; }

/* prawa kolumna: formularz */
.hss-inq__main { display: flex; flex-direction: column; min-width: 0; min-height: 0; }

.hss-inq__scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 44px 40px 28px;
	scroll-padding: 64px 0 24px;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, .16) transparent;
}

.hss-inq__aside::-webkit-scrollbar,
.hss-inq__scroll::-webkit-scrollbar,
.hss-inq__box::-webkit-scrollbar { width: 10px; }

.hss-inq__aside::-webkit-scrollbar-thumb,
.hss-inq__scroll::-webkit-scrollbar-thumb,
.hss-inq__box::-webkit-scrollbar-thumb {
	border: 3px solid transparent;
	border-radius: 10px;
	background: rgba(255, 255, 255, .16);
	background-clip: content-box;
}

.hss-inq__form { margin: 0; padding: 0; }

.hss-inq__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 16px;
}

.hss-inq__grid > * { grid-column: 1 / -1; min-width: 0; }
.hss-inq__grid > .is-half { grid-column: auto; }

.hss-inq__sec {
	margin: 8px 0 -6px;
	padding: 18px 0 0;
	border-top: 1px solid var(--i-line);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--i-muted);
}

.hss-inq__grid > .hss-inq__sec:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.hss-inq .hss-inq__f { margin: 0; padding: 0; border: 0; min-width: 0; background: none; }
.hss-inq fieldset.hss-inq__f { min-inline-size: 0; }

.hss-inq .hss-inq__l {
	display: block;
	float: none;
	width: auto;
	max-width: none;
	margin: 0 0 8px;
	padding: 0;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
	color: var(--i-ink);
}

.hss-inq__star { margin-left: 3px; color: var(--i-accent2); font-weight: 700; }

.hss-inq .hss-inq__in {
	display: block;
	width: 100%;
	max-width: none;
	height: 50px;
	margin: 0;
	padding: 0 15px;
	border: 1px solid var(--i-line2);
	border-radius: 11px;
	background: var(--i-bg);
	color: var(--i-ink);
	-webkit-text-fill-color: var(--i-ink);
	font-family: var(--i-ff);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	box-shadow: none;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .15s, box-shadow .15s;
}

.hss-inq textarea.hss-inq__in {
	height: auto;
	min-height: 132px;
	padding: 13px 15px;
	line-height: 1.55;
	resize: vertical;
}

.hss-inq select.hss-inq__in {
	padding-right: 44px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23c4c4d1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 12px 8px;
	text-overflow: ellipsis;
	cursor: pointer;
}

.hss-inq select.hss-inq__in option { background: #16161a; color: #fff; }

.hss-inq .hss-inq__in::placeholder { color: var(--i-muted); -webkit-text-fill-color: var(--i-muted); opacity: 1; }
.hss-inq .hss-inq__in:hover { border-color: rgba(255, 255, 255, .26); }
.hss-inq .hss-inq__in:focus { border-color: var(--i-accent); box-shadow: 0 0 0 3px rgba(210, 39, 48, .22); }
.hss-inq .is-err .hss-inq__in { border-color: var(--i-err); }

.hss-inq input.hss-inq__in:-webkit-autofill,
.hss-inq input.hss-inq__in:-webkit-autofill:hover,
.hss-inq input.hss-inq__in:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--i-ink);
	-webkit-box-shadow: 0 0 0 1000px var(--i-bg) inset;
	caret-color: var(--i-ink);
}

.hss-inq__hint { margin: 7px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--i-muted); }
.hss-inq__err { margin: 7px 0 0; font-size: 12.5px; line-height: 1.45; font-weight: 600; color: var(--i-err); }
.hss-inq__count { margin: 6px 0 0; font-size: 12px; line-height: 1.4; color: var(--i-muted); text-align: right; }
.hss-inq__meta { display: flex; align-items: flex-start; gap: 12px; margin-top: 7px; }
.hss-inq__meta .hss-inq__hint { margin: 0; min-width: 0; }
.hss-inq__meta .hss-inq__count { flex: none; margin: 0 0 0 auto; }

/* wybór: karty i przełączniki */
.hss-inq__opts { display: grid; gap: 10px; }
.hss-inq__opts.is-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hss-inq__opts.is-pills { display: flex; flex-wrap: wrap; gap: 8px; }

.hss-inq .hss-inq__opt { position: relative; display: block; margin: 0; padding: 0; cursor: pointer; min-width: 0; }

.hss-inq .hss-inq__opt input {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	pointer-events: none;
}

.hss-inq__optbox {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 3px;
	height: 100%;
	padding: 13px 15px 13px 44px;
	border: 1px solid var(--i-line2);
	border-radius: 12px;
	background: var(--i-bg);
	transition: border-color .15s, background .15s;
}

.hss-inq__optbox::before {
	content: "";
	position: absolute;
	left: 15px;
	top: 15px;
	width: 18px;
	height: 18px;
	border: 1.5px solid rgba(255, 255, 255, .35);
	border-radius: 50%;
	background: transparent;
	transition: border-color .15s, background-color .15s, box-shadow .15s;
}

.hss-inq__opt input[type="checkbox"] + .hss-inq__optbox::before { border-radius: 5px; }

.hss-inq__optt { font-size: 14.5px; font-weight: 600; line-height: 1.35; color: var(--i-ink); }
.hss-inq__optm { font-size: 12.5px; line-height: 1.4; color: var(--i-muted); }

.hss-inq__opt:hover .hss-inq__optbox { border-color: rgba(255, 255, 255, .3); }
.hss-inq__opt input:checked + .hss-inq__optbox { border-color: var(--i-accent); background: rgba(210, 39, 48, .1); }
.hss-inq__opt input:checked + .hss-inq__optbox::before { border-color: var(--i-accent); background-color: var(--i-accent); box-shadow: inset 0 0 0 3px var(--i-bg); }

.hss-inq__opt input[type="checkbox"]:checked + .hss-inq__optbox::before {
	box-shadow: none;
	background: var(--i-accent) 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.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px 9px no-repeat;
}

.hss-inq__opt input:focus-visible + .hss-inq__optbox { outline: 2px solid #fff; outline-offset: 2px; }
.hss-inq .is-err .hss-inq__optbox { border-color: rgba(255, 122, 131, .6); }

.is-pills .hss-inq__optbox {
	flex-direction: row;
	align-items: center;
	padding: 10px 16px 10px 38px;
	border-radius: 999px;
}

.is-pills .hss-inq__optbox::before { left: 13px; top: 50%; width: 16px; height: 16px; margin-top: -8px; }
.is-pills .hss-inq__opt input[type="checkbox"] + .hss-inq__optbox::before { border-radius: 4px; }
.is-pills .hss-inq__optt { font-size: 14px; }

/* pojedyncze pole wyboru i zgody */
.hss-inq .hss-inq__check {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--i-text);
	cursor: pointer;
	text-transform: none;
	letter-spacing: 0;
}

.hss-inq .hss-inq__check input[type="checkbox"] {
	flex: none;
	width: 20px;
	height: 20px;
	margin: 1px 0 0;
	padding: 0;
	border: 1.5px solid rgba(255, 255, 255, .35);
	border-radius: 5px;
	background: var(--i-bg) center / 12px 10px no-repeat;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color .15s, border-color .15s;
}

.hss-inq .hss-inq__check input[type="checkbox"]:hover { border-color: rgba(255, 255, 255, .55); }

.hss-inq .hss-inq__check input[type="checkbox"]:checked {
	border-color: var(--i-accent);
	background-color: var(--i-accent);
	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.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.hss-inq .hss-inq__check input[type="checkbox"]:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.hss-inq .is-err .hss-inq__check input[type="checkbox"] { border-color: var(--i-err); }

.hss-inq .hss-inq__check a { color: var(--i-ink); text-decoration: underline; text-underline-offset: 2px; }
.hss-inq .is-err .hss-inq__check span { color: #ffd2d5; }

.hss-inq__consents {
	display: grid;
	gap: 14px;
	margin-top: 4px;
	padding-top: 20px;
	border-top: 1px solid var(--i-line);
}

/* notatki w formularzu */
.hss-inq__note {
	padding: 13px 15px;
	border: 1px solid var(--i-line2);
	border-radius: 12px;
	background: rgba(255, 255, 255, .03);
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--i-text);
}

.hss-inq__note--warn { border-color: rgba(230, 57, 70, .5); background: rgba(210, 39, 48, .1); color: var(--i-ink); }

/* stopka z przyciskiem wysyłki */
.hss-inq__foot {
	flex: none;
	padding: 16px 40px 20px;
	border-top: 1px solid var(--i-line);
	background: rgba(13, 13, 15, .6);
}

.hss-inq__msg {
	margin: 0 0 12px;
	padding: 10px 14px;
	border: 1px solid rgba(230, 57, 70, .45);
	border-radius: 10px;
	background: rgba(210, 39, 48, .12);
	font-size: 13.5px;
	line-height: 1.45;
	color: #fff;
}

.hss-inq__footrow { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.hss-inq__req { margin: 0; font-size: 12.5px; line-height: 1.4; color: var(--i-muted); }
.hss-inq__req b { color: var(--i-accent2); }

.hss-inq .hss-inq__send {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex: none;
	min-width: 230px;
	height: 52px;
	margin: 0;
	padding: 0 26px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: var(--i-accent);
	color: #fff;
	font-family: var(--i-ff);
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 10px 30px rgba(210, 39, 48, .25);
	-webkit-appearance: none;
	appearance: none;
	transition: filter .15s, transform .15s, opacity .15s;
}

.hss-inq .hss-inq__send:hover { filter: brightness(1.1); transform: translateY(-1px); }
.hss-inq .hss-inq__send:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.hss-inq .hss-inq__send[disabled] { opacity: .6; cursor: wait; transform: none; }

/* po wysłaniu */
.hss-inq__done {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-height: 100%;
	padding: 20px 0;
	outline: none;
}

.hss-inq__doneico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-bottom: 22px;
	border-radius: 50%;
	background: rgba(61, 220, 132, .12);
	color: var(--i-ok);
}

.hss-inq__doneico svg { width: 30px; height: 30px; display: block; }

.hss-inq .hss-inq__donet {
	margin: 0 0 12px;
	padding: 0;
	font-family: var(--i-serif);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.15;
	color: var(--i-ink);
	text-transform: none;
}

.hss-inq__donep { margin: 0 0 8px; max-width: 520px; font-size: 15.5px; line-height: 1.6; color: var(--i-text); }

.hss-inq .hss-inq__donebtn {
	margin: 20px 0 0;
	padding: 13px 24px;
	border: 1px solid var(--i-line2);
	border-radius: 12px;
	background: transparent;
	color: var(--i-ink);
	font-family: var(--i-ff);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.hss-inq .hss-inq__donebtn:hover { border-color: var(--i-accent); background: var(--i-tint); }

.hss-inq__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

/* niższe ekrany komputera */
@media (min-width: 901px) and (max-height: 700px) {
	.hss-inq { padding: 16px; }
	.hss-inq__box { height: calc(100vh - 32px); height: calc(100dvh - 32px); }
	.hss-inq__aside { padding: 30px 26px 24px; }
	.hss-inq .hss-inq__title { font-size: 27px; }
	.hss-inq__scroll { padding: 36px 34px 22px; }
	.hss-inq__foot { padding: 12px 34px 14px; }
}

/* ---------- tablet i niski ekran: jedna kolumna, przewija się całe okno ---------- */
@media (max-width: 900px), (max-height: 560px) {
	.hss-inq { padding: 16px; }

	.hss-inq__box {
		display: flex;
		flex-direction: column;
		max-width: 720px;
		height: auto;
		max-height: calc(100vh - 32px);
		max-height: calc(100dvh - 32px);
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		scroll-padding: 76px 0 160px;
		scrollbar-width: thin;
		scrollbar-color: rgba(255, 255, 255, .16) transparent;
	}

	.hss-inq__top {
		position: sticky;
		top: 0;
		right: auto;
		order: 0;
		flex: none;
		justify-content: space-between;
		gap: 12px;
		padding: 11px 12px 11px 22px;
		border-bottom: 1px solid var(--i-line);
		background: rgba(18, 18, 20, .96);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

	.hss-inq__toptitle { display: block; min-width: 0; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.hss-inq .hss-inq__x { width: 40px; height: 40px; }

	.hss-inq__aside { display: contents; }

	.hss-inq__intro {
		order: 1;
		flex: none;
		padding: 24px 24px 6px;
		background: linear-gradient(175deg, rgba(210, 39, 48, .16), rgba(18, 18, 20, 0) 75%);
	}

	.hss-inq__intro .hss-inq__eyebrow { display: none; }
	.hss-inq .hss-inq__title { font-size: 27px; }

	.hss-inq__main { display: contents; }
	.hss-inq__scroll { order: 2; flex: none; overflow: visible; padding: 22px 24px 26px; }

	.hss-inq__foot {
		order: 4;
		position: sticky;
		bottom: 0;
		z-index: 3;
		padding: 14px 24px 16px;
		background: rgba(18, 18, 20, .97);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

	.hss-inq__more {
		order: 3;
		flex: none;
		margin: 0;
		padding: 24px 24px 28px;
		border-top: 1px solid var(--i-line);
		background: var(--i-panel2);
	}

	.hss-inq__done { min-height: 0; padding: 10px 0 6px; }
}

/* ---------- telefon i niski ekran: pełny ekran ---------- */
@media (max-width: 600px), (max-height: 560px) {
	.hss-inq { padding: 0; align-items: stretch; }

	.hss-inq__box {
		max-width: none;
		height: 100%;
		max-height: none;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.hss-inq__top { padding: 10px 10px 10px 18px; padding-top: calc(10px + env(safe-area-inset-top, 0px)); }
	.hss-inq__intro { padding: 20px 18px 4px; }
	.hss-inq .hss-inq__title { font-size: 25px; }
	.hss-inq__lead { font-size: 14.5px; }
	.hss-inq__scroll { padding: 20px 18px 22px; }
	.hss-inq__foot { padding: 12px 18px calc(14px + env(safe-area-inset-bottom, 0px)); }
	.hss-inq__more { padding: 22px 18px calc(28px + env(safe-area-inset-bottom, 0px)); }
}

/* szeroki, ale niski ekran: jedna kolumna o czytelnej szerokości na środku */
@media (min-width: 601px) and (max-height: 560px) {
	.hss-inq__box { max-width: 820px; border-left: 1px solid var(--i-line2); border-right: 1px solid var(--i-line2); }
}

@media (max-width: 600px) {
	.hss-inq__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.hss-inq__grid > .is-half { grid-column: 1 / -1; }
	.hss-inq__opts.is-cards { grid-template-columns: minmax(0, 1fr); }
	.hss-inq__footrow { flex-direction: column-reverse; align-items: stretch; gap: 10px; }
	.hss-inq .hss-inq__send { width: 100%; min-width: 0; }
	.hss-inq__req { text-align: center; }
	.hss-inq .hss-inq__donet { font-size: 26px; }
	.hss-inq__toptitle { white-space: normal; overflow: visible; text-overflow: clip; font-size: 11px; line-height: 1.35; letter-spacing: .1em; }
}

@media (max-height: 560px) {
	.hss-inq__req { display: none; }
	.hss-inq__foot { padding-top: 10px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
	.hss-inq .hss-inq__send { height: 46px; }
}