.qcf-wrap{
	--qcf-ink:#17140f;
	--qcf-paper:#f7f4ee;
	--qcf-line:#ddd6c8;
	--qcf-stone:#8b7355;
	direction:rtl;
	font-family:inherit;
	background:#fff;
	border:1px solid var(--qcf-line);
	border-radius:14px;
	padding:18px;
	max-width:460px;
	margin-top:20px;
}
.qcf-attrs{ margin-bottom:16px; }
.qcf-attr-group{ margin-bottom:14px; }
.qcf-attr-label{ font-size:12px; opacity:.65; margin-bottom:8px; color:var(--qcf-ink); }
.qcf-attr-options{ display:flex; gap:8px; flex-wrap:wrap; }
.qcf-pill{
	border:1px solid var(--qcf-line);
	background:var(--qcf-paper);
	color:var(--qcf-ink);
	border-radius:6px;
	min-width:44px;
	height:40px;
	padding:0 14px;
	font-size:14px;
	cursor:pointer;
}
.qcf-pill[data-pressed="true"]{
	background:var(--qcf-ink);
	color:var(--qcf-paper);
	border-color:var(--qcf-ink);
}
.qcf-pill:disabled{ opacity:.35; cursor:not-allowed; text-decoration:line-through; }

.qcf-field-group{ margin-bottom:14px; }
.qcf-lbl{ display:block; font-size:12px; opacity:.65; margin-bottom:6px; color:var(--qcf-ink); }
.qcf-input{
	width:100%;
	height:44px;
	border:1px solid var(--qcf-line);
	border-radius:6px;
	background:var(--qcf-paper);
	color:var(--qcf-ink);
	padding:0 12px;
	font-size:14px;
	box-sizing:border-box;
}
.qcf-input:focus{ outline:2px solid var(--qcf-stone); outline-offset:1px; }

.qcf-seg-row{ display:flex; gap:8px; }
.qcf-seg{
	flex:1;
	height:44px;
	border:1px solid var(--qcf-line);
	background:var(--qcf-paper);
	color:var(--qcf-ink);
	border-radius:6px;
	font-size:14px;
	cursor:pointer;
}
.qcf-seg[data-pressed="true"]{
	background:var(--qcf-ink);
	color:var(--qcf-paper);
	border-color:var(--qcf-ink);
}

.qcf-summary{
	margin-top:16px;
	padding-top:14px;
	border-top:1px solid var(--qcf-line);
}
.qcf-row{ display:flex; justify-content:space-between; font-size:13px; opacity:.75; color:var(--qcf-ink); margin-bottom:4px; }
.qcf-total-row{ font-size:17px; opacity:1; font-weight:bold; margin-top:8px; }

.qcf-submit{
	width:100%;
	height:50px;
	background:var(--qcf-ink);
	color:var(--qcf-paper);
	border:none;
	border-radius:6px;
	font-size:15px;
	cursor:pointer;
	margin-top:16px;
}
.qcf-submit:disabled{ opacity:.5; cursor:not-allowed; }
.qcf-submit.qcf-loading{ opacity:.7; }

.qcf-error{
	margin-top:10px;
	background:#fdecea;
	color:#a33;
	border:1px solid #f3c6c2;
	border-radius:6px;
	padding:10px 12px;
	font-size:13px;
}

.qcf-confirm{ text-align:center; padding:26px 10px; }
.qcf-confirm-icon{ font-size:30px; color:var(--qcf-stone); }
.qcf-confirm-title{ margin-top:8px; font-size:16px; color:var(--qcf-ink); font-weight:bold; }
.qcf-confirm-text{ margin-top:4px; font-size:13px; opacity:.65; color:var(--qcf-ink); }