/* TRIKOR — Doradca maszyn. Wszystko pod .tkd, żeby nie kolidowało z motywem. */

.tkd{
	--tkd-accent:#B98E2E;
	--tkd-accent-jasny:#D8AE4A;
	--tkd-ink:#141410;
	--tkd-muted:#585449;
	font-family:Poppins,system-ui,-apple-system,sans-serif;
	color:var(--tkd-ink);
	max-width:1120px;
	margin:0 auto;
}
.tkd *,.tkd *::before,.tkd *::after{box-sizing:border-box}

.tkd__pytanie{margin-bottom:24px}
.tkd .tkd__label{
	display:block;font-size:13px;letter-spacing:.18em;text-transform:uppercase;
	font-weight:600;color:var(--tkd-muted);margin-bottom:12px;
}
.tkd__opcje{display:flex;gap:8px;flex-wrap:wrap}

/*
  Podwójna klasa (.tkd .tkd__chip) i rozpisane właściwości zamiast skrótu `font`
  — motyw TRIKOR-a stylizuje `button` regułami o wyższej specyficzności i inaczej
  przejmuje kolor, obramowanie oraz rozmiar pisma.
*/
.tkd .tkd__chip{
	-webkit-appearance:none;appearance:none;
	display:inline-block;
	font-family:inherit;
	font-size:14.5px;
	font-weight:500;
	line-height:1.25;
	letter-spacing:normal;
	text-transform:none;
	margin:0;
	padding:11px 18px;
	border-radius:999px;
	cursor:pointer;
	background-color:#fff;
	color:#3D3A32;
	border:1px solid rgba(20,20,16,.16);
	box-shadow:none;
	transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.tkd .tkd__chip:hover{
	background-color:#fff;color:#3D3A32;border-color:rgba(20,20,16,.45);
}
.tkd .tkd__chip[aria-pressed="true"],
.tkd .tkd__chip[aria-pressed="true"]:hover{
	background-color:var(--tkd-ink);color:#fff;border-color:var(--tkd-ink);
}
.tkd .tkd__chip:focus-visible{outline:2px solid var(--tkd-accent);outline-offset:3px}

/* --- panel wyniku --- */
.tkd__wynik{margin-top:36px}
.tkd__karta{
	background:#1D1D18;color:#fff;border-radius:32px;padding:38px 40px;
	display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
}
.tkd .tkd__lead{
	display:block;font-size:13px;letter-spacing:.2em;text-transform:uppercase;
	font-weight:600;color:var(--tkd-accent-jasny);margin-bottom:10px;
}
.tkd .tkd__model{
	font-family:Outfit,system-ui,sans-serif;font-weight:800;
	font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em;line-height:1.05;
	margin:0 0 12px;color:#fff;
}
.tkd .tkd__why{
	font-size:16px;line-height:1.6;font-weight:300;margin:0;
	color:rgba(255,255,255,.82);max-width:58ch;
}
.tkd .tkd__gear{font-size:14px;color:var(--tkd-accent-jasny);margin:10px 0 0}

.tkd__cta{display:flex;flex-direction:column;gap:9px}
.tkd .tkd__btn{
	display:block;text-align:center;white-space:nowrap;text-decoration:none;
	font-size:14.5px;padding:14px 22px;border-radius:16px;line-height:1.2;
}
.tkd .tkd__btn--primary{background:var(--tkd-accent);color:var(--tkd-ink);font-weight:600}
.tkd .tkd__btn--primary:hover{background:var(--tkd-accent-jasny);color:var(--tkd-ink);text-decoration:none}
.tkd .tkd__btn--ghost{border:1px solid rgba(255,255,255,.26);color:#fff;font-weight:500}
.tkd .tkd__btn--ghost:hover{border-color:#fff;color:#fff;text-decoration:none}

@media (max-width:820px){
	.tkd__karta{grid-template-columns:1fr;gap:24px;padding:30px 26px;border-radius:26px}
	.tkd__cta{flex-direction:row;flex-wrap:wrap}
	.tkd .tkd__btn{flex:1 1 auto}
}