/* Teklif & Özellik Seçim Formu — ön yüz stilleri */
.tf-item{
	--tf-denim:#2B4C7E;
	--tf-denim-tint:#EDF1F7;
	--tf-ink:#1A1D24;
	--tf-ink-soft:#565b66;
	--tf-line:#EFEEE9;
	--tf-warn:#9A3B2E;
	--tf-warn-tint:#F8ECEA;
	--tf-brass:#B0803A;
	border-top:1px solid var(--tf-line);
	background:#fff;
}
.tf-item .tf-row{
	display:grid;
	grid-template-columns:32px 1fr auto;
	gap:12px;
	align-items:start;
	padding:14px 18px;
	margin:0;
	cursor:pointer;
	font-family:inherit;
}
.tf-item[data-state="required"] .tf-row,
.tf-item[data-state="included"] .tf-row{cursor:default;}

.tf-chk{padding-top:2px;}
.tf-item input.tf-feat{
	appearance:none;
	-webkit-appearance:none;
	width:20px;height:20px;
	border:1.8px solid #BFC4CC;
	border-radius:5px;
	cursor:pointer;
	display:grid;place-content:center;
	background:#fff;
	margin:0;
	transition:.12s;
}
.tf-item input.tf-feat:checked{background:var(--tf-denim);border-color:var(--tf-denim);}
.tf-item input.tf-feat:checked::after{
	content:"";
	width:6px;height:11px;
	border:solid #fff;border-width:0 2.5px 2.5px 0;
	transform:rotate(42deg) translateY(-1px);
}
.tf-item input.tf-feat:disabled{opacity:.55;cursor:default;}
.tf-item input.tf-feat:focus-visible{outline:2px solid var(--tf-brass);outline-offset:2px;}

.tf-body .tf-name{display:block;font-weight:600;font-size:14.5px;color:var(--tf-ink);line-height:1.4;}
.tf-body .tf-note{display:block;color:var(--tf-ink-soft);font-size:13px;margin-top:2px;line-height:1.5;}

.tf-tag{
	display:inline-block;font-size:11px;font-weight:600;
	padding:1px 7px;border-radius:20px;margin-left:8px;vertical-align:middle;
	letter-spacing:.02em;
}
.tf-tag-inc{background:var(--tf-denim-tint);color:var(--tf-denim);}
.tf-tag-big{background:var(--tf-warn-tint);color:var(--tf-warn);}

.tf-price{
	white-space:nowrap;
	font-weight:600;
	font-size:14.5px;
	color:var(--tf-ink);
	padding-top:1px;
}
.tf-price .tf-cur{color:var(--tf-ink-soft);font-size:13px;}
.tf-price .tf-permonth{color:var(--tf-ink-soft);font-size:12px;font-weight:500;}
.tf-price-inc{color:var(--tf-denim);font-weight:600;font-size:13.5px;}

/* Toplam barı */
.tf-totalbar{
	--tf-brass-tint:#F6EEDF;
	background:#1A1D24;
	color:#fff;
	padding:14px 20px;
	border-radius:10px;
}
.tf-totalbar.tf-sticky{
	position:fixed;left:0;right:0;bottom:0;
	border-radius:0;
	z-index:9990;
	box-shadow:0 -6px 24px rgba(0,0,0,.16);
}
.tf-totalbar .tf-inner{
	max-width:920px;margin:0 auto;
	display:flex;align-items:center;gap:24px;flex-wrap:wrap;
}
.tf-totalbar .tf-label{
	font-size:12px;color:#9aa0ab;letter-spacing:.06em;text-transform:uppercase;
}
.tf-totalbar .tf-amt{font-weight:700;font-size:26px;line-height:1.05;margin-top:2px;}
.tf-totalbar .tf-amt .tf-cur{font-size:16px;color:#c9cdd4;font-weight:500;}
.tf-totalbar .tf-month .tf-amt{font-size:19px;color:#F6EEDF;}
.tf-totalbar .tf-divide{width:1px;height:38px;background:#3a3e47;}
.tf-totalbar .tf-spacer{flex:1 1 auto;}
.tf-btn{
	font-weight:600;font-size:13.5px;
	border:1px solid #4a4e58;background:transparent;color:#dfe2e7;
	padding:9px 16px;border-radius:8px;cursor:pointer;transition:.12s;
}
.tf-btn:hover{background:#2a2e37;}
.tf-btn.tf-print{background:#B0803A;border-color:#B0803A;color:#fff;}
.tf-btn.tf-print:hover{background:#9c6f31;}

@media (max-width:620px){
	.tf-item .tf-row{grid-template-columns:26px 1fr;}
	.tf-price{grid-column:2;margin-top:6px;}
	.tf-totalbar .tf-divide{display:none;}
	.tf-totalbar .tf-amt{font-size:22px;}
}

@media print{
	.tf-totalbar,.tf-btn{display:none !important;}
	.tf-item{break-inside:avoid;}
}