/* TRC Cerere personalizată — formular (stil închis, ca /comanda/) */

.trc-cp-blank {
	margin: 0;
	background: #09090b;
}
.trc-cp-page {
	min-height: 100vh;
	min-height: 100dvh;
	background: #09090b;
}

.trc-cp {
	--bg: #09090b;
	--card: #121214;
	--field: #18181b;
	--line: #34343a;
	--line-soft: #27272a;
	--text: #f4f4f5;
	--text-2: #d4d4d8;
	--muted: #a1a1aa;
	--faint: #71717a;
	--error: #f87171;
	--radius: 22px;

	box-sizing: border-box;
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
	padding: 16px 16px calc(20px + env(safe-area-inset-bottom));
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: var(--bg);
	color: var(--text);
	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 15px;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
}
.trc-cp *,
.trc-cp *::before,
.trc-cp *::after {
	box-sizing: border-box;
}
.trc-cp [hidden] {
	display: none !important;
}
.trc-cp h1,
.trc-cp p {
	margin: 0;
}
.trc-cp a {
	color: var(--text-2);
}
.trc-cp button,
.trc-cp input,
.trc-cp textarea {
	font: inherit;
	color: inherit;
}
.trc-cp button {
	cursor: pointer;
}
.trc-cp :focus-visible {
	outline: 2px solid var(--text);
	outline-offset: 2px;
}

/* Logo */
.trc-cp__logo {
	display: flex;
	justify-content: center;
	min-height: 28px;
}
.trc-cp__logo img {
	max-height: 40px;
	width: auto;
}
.trc-cp__wordmark {
	font-family: "Bodoni Moda", "Didot", "Times New Roman", serif;
	font-size: 20px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

/* Pași */
.trc-cp__steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}
.trc-cp__stepper {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--faint);
}
.trc-cp__bar {
	height: 4px;
	border-radius: 2px;
	background: var(--line);
}
.trc-cp__stepper.is-active {
	color: var(--text);
	font-weight: 600;
}
.trc-cp__stepper.is-active .trc-cp__bar {
	background: var(--text);
}

/* Ecrane */
.trc-cp__screen {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.trc-cp__intro {
	display: flex;
	flex-direction: column;
	gap: 4px;
	text-align: center;
}
.trc-cp__intro h1 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--text);
}
.trc-cp__intro p {
	font-size: 14px;
	color: var(--muted);
}

/* Carduri */
.trc-cp__card {
	background: var(--card);
	border-radius: var(--radius);
	padding: 12px 14px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
}
.trc-cp__label {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
}
.trc-cp__label-row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.trc-cp__muted,
.trc-cp__hint {
	font-size: 12px;
	color: var(--muted);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}
.trc-cp__error {
	font-size: 13px;
	color: var(--error);
}
.trc-cp__error--form {
	text-align: center;
}
.trc-cp__busy {
	font-size: 13px;
	color: var(--muted);
}

/* Cameră */

.trc-cp__frame {
	position: absolute;
	inset: 16px;
	pointer-events: none;
}
.trc-cp__frame i {
	position: absolute;
	width: 24px;
	height: 24px;
	border: 2px solid rgba(244, 244, 245, 0.7);
}
.trc-cp__frame i:nth-child(1) { top: 0; left: 0; border-right: 0; border-bottom: 0; border-top-left-radius: 6px; }
.trc-cp__frame i:nth-child(2) { top: 0; right: 0; border-left: 0; border-bottom: 0; border-top-right-radius: 6px; }
.trc-cp__frame i:nth-child(3) { bottom: 0; left: 0; border-right: 0; border-top: 0; border-bottom-left-radius: 6px; }
.trc-cp__frame i:nth-child(4) { bottom: 0; right: 0; border-left: 0; border-top: 0; border-bottom-right-radius: 6px; }

/* Miniaturi + încărcare */

.trc-cp__thumbs {
	display: flex;
	gap: 8px;
}
.trc-cp__thumbs:empty {
	display: none;
}
.trc-cp__thumb {
	position: relative;
	width: 40px;
	height: 48px;
	flex-shrink: 0;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--line);
	background: var(--line-soft);
	padding: 0;
}

.trc-cp__thumb::after {
	content: "×";
	position: absolute;
	top: 2px;
	right: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: rgba(9, 9, 11, 0.85);
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

.trc-cp__file {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
}

/* Mărimi — un singur rând */
.trc-cp__sizes {
	display: grid;
	grid-template-columns: repeat(var(--trc-cp-sizes, 6), minmax(0, 1fr)) minmax(0, 2fr);
	border: 1px solid var(--line);
	border-radius: 10px;
	overflow: hidden;
	background: var(--field);
}
.trc-cp__sizes button {
	height: 42px;
	padding: 0 2px;
	border: 0;
	border-right: 1px solid var(--line);
	background: transparent;
	color: var(--text-2);
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.trc-cp__sizes button:last-child {
	border-right: 0;
}
.trc-cp__sizes button[aria-pressed="true"] {
	background: var(--text);
	color: var(--bg);
}

/* Câmpuri */
.trc-cp textarea,
.trc-cp__field input {
	width: 100%;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: var(--field);
	color: var(--text);
	font-size: 16px; /* 16px: iOS nu mai face zoom la focus */
}
.trc-cp textarea {
	padding: 10px 12px;
	resize: none;
	line-height: 1.4;
}
.trc-cp__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.trc-cp__field label {
	font-size: 12px;
	color: var(--muted);
}
.trc-cp__field input {
	height: 46px;
	padding: 0 12px;
}
.trc-cp textarea::placeholder,
.trc-cp__field input::placeholder {
	color: var(--faint);
}
.trc-cp textarea:focus,
.trc-cp__field input:focus {
	outline: none;
	border-color: var(--muted);
}
.trc-cp .is-invalid {
	border-color: var(--error) !important;
}
.trc-cp__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.trc-cp__turnstile:empty {
	display: none;
}

/* Butoane */
.trc-cp__primary {
	height: 52px;
	border: 0;
	border-radius: 12px;
	background: var(--text);
	color: var(--bg) !important;
	font-size: 15px;
	font-weight: 600;
}
.trc-cp__primary[disabled] {
	opacity: 0.6;
	cursor: progress;
}
.trc-cp__ghost {
	height: 36px;
	padding: 0 12px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: transparent;
	font-size: 13px;
	flex-shrink: 0;
}
.trc-cp__ghost--wide {
	height: 48px;
	border-radius: 12px;
	font-size: 14px;
}
.trc-cp__legal {
	font-size: 12px;
	color: var(--muted);
	text-align: center;
}

/* Rezumat pas 2 */
.trc-cp__summary {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 12px;
	background: var(--card);
	border-radius: var(--radius);
}
.trc-cp__summary img {
	width: 48px;
	height: 64px;
	object-fit: cover;
	border-radius: 8px;
	background: var(--line-soft);
	flex-shrink: 0;
}
.trc-cp__summary > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
	min-width: 0;
}
.trc-cp__summary strong {
	font-size: 14px;
}
.trc-cp__summary [data-summary-details] {
	font-size: 13px;
	color: var(--muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Confirmare */
.trc-cp__done {
	padding-top: 16px;
	text-align: center;
	align-items: stretch;
}
.trc-cp__done h1 {
	font-size: 21px;
	font-weight: 600;
}
.trc-cp__done > p {
	font-size: 14px;
	color: var(--muted);
}
.trc-cp__done strong {
	color: var(--text);
}
.trc-cp__check {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	border-radius: 50%;
	background: #052e1c;
	border: 1px solid #15803d;
	color: #4ade80;
	display: flex;
	align-items: center;
	justify-content: center;
}
.trc-cp__done .trc-cp__card {
	text-align: left;
}
.trc-cp__next {
	margin: 0;
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 14px;
}

/* Pagina de livrare (order-pay) */
.trc-cp-delivery {
	max-width: 520px;
	margin: 0 auto 24px;
}
.trc-cp-delivery__options {
	display: grid;
	gap: 10px;
	margin: 12px 0;
}
.trc-cp-delivery__option {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 14px;
	border: 1px solid #d4d4d8;
	border-radius: 12px;
	cursor: pointer;
}
.trc-cp-delivery__option:has(input:checked) {
	border-color: #18181b;
	box-shadow: 0 0 0 1px #18181b;
}
.trc-cp-delivery__address[hidden] {
	display: none;
}

/* ───── Protecție împotriva stilurilor temei (WoodMart etc.) ───── */
/* Fundalul paginii = fundalul formularului, fără margini de altă culoare. */
html:has(body.trc-cp-blank),
body.trc-cp-blank,
.trc-cp-page {
	background: #09090b !important;
}
.trc-cp {
	background: transparent;
}
/* Butoanele și etichetele nu preiau majusculele/spațierea temei. */

/* „Încarcă poză”: aspect activ, text și pictogramă deschise. */

/* Textul de sub „Atinge pentru a fotografia”: fără fundal alb, semitransparent. */

/* Detalii: pornește scurt (2 rânduri), crește din JS pe măsură ce scrii. */
.trc-cp textarea {
	height: 68px;
	min-height: 0 !important;
	max-height: 160px;
	overflow-y: auto;
}
/* Butonul principal: colțuri rotunjite. */
.trc-cp button.trc-cp__primary {
	border-radius: 12px !important;
	background: var(--text) !important;
	color: var(--bg) !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

/* Conținutul „Atinge pentru a fotografia”: centrat între colțurile de încadrare. */

/* Pasul 2: butonul „Modifică” și câmpurile nu preiau stilurile temei. */
.trc-cp button.trc-cp__ghost {
	height: 36px !important;
	min-height: 0 !important;
	padding: 0 14px !important;
	margin: 0 !important;
	background: transparent !important;
	color: var(--text) !important;
	border: 1px solid var(--line) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.trc-cp button.trc-cp__ghost--wide {
	height: 48px !important;
	border-radius: 12px !important;
}
.trc-cp .trc-cp__field input[type="text"],
.trc-cp .trc-cp__field input[type="tel"],
.trc-cp .trc-cp__field input[type="email"] {
	width: 100% !important;
	height: 46px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 14px !important;
	background: var(--field) !important;
	color: var(--text) !important;
	border: 1px solid var(--line) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	font-size: 16px !important;
	text-indent: 0 !important;
}
.trc-cp .trc-cp__field input:focus {
	border-color: var(--muted) !important;
}
.trc-cp .trc-cp__field label {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--muted) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}
.trc-cp .trc-cp__summary img {
	display: block;
	max-width: none;
}
.trc-cp .trc-cp__summary strong {
	font-weight: 600 !important;
	color: var(--text);
}

/* Confirmare: aspect fix, indiferent de stilurile temei. */
.trc-cp .trc-cp__done h1 {
	margin: 0 !important;
	color: var(--text) !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.trc-cp .trc-cp__done > p {
	color: var(--muted) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}
.trc-cp .trc-cp__done > p strong {
	color: var(--text) !important;
	font-weight: 600 !important;
}
.trc-cp .trc-cp__check {
	background: #052e1c !important;
	border: 1px solid #15803d !important;
	color: #4ade80 !important;
	border-radius: 50% !important;
}
.trc-cp .trc-cp__check svg {
	stroke: currentColor !important;
	fill: none !important;
}
.trc-cp .trc-cp__done ol.trc-cp__next {
	list-style: decimal !important;
	margin: 0 !important;
	padding: 0 0 0 20px !important;
	text-align: left;
}
.trc-cp .trc-cp__done ol.trc-cp__next li {
	display: list-item !important;
	margin: 0 !important;
	padding: 0 0 0 4px !important;
	color: var(--text) !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
	text-transform: none !important;
}
.trc-cp .trc-cp__done ol.trc-cp__next li::marker {
	color: var(--text);
	font-weight: 700;
}
.trc-cp .trc-cp__done button.trc-cp__ghost--wide {
	width: 100% !important;
	height: 48px !important;
	border-radius: 12px !important;
	background: transparent !important;
	color: var(--text) !important;
	border: 1px solid var(--line) !important;
	font-size: 15px !important;
}
.trc-cp .trc-cp__done > p,
.trc-cp .trc-cp__done > p strong,
.trc-cp .trc-cp__intro p,
.trc-cp .trc-cp__steps li,
.trc-cp .trc-cp__legal {
	text-transform: none !important;
	letter-spacing: normal !important;
}

/* Iconițele SVG (camera, încărcare, bifă) nu preiau dimensiunea, fundalul sau culoarea de umplere ale temei. */
.trc-cp svg:not(.trc-cp__fig) {
	display: block;
	flex: none;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	fill: none !important;
	stroke: currentColor !important;
}
.trc-cp svg:not(.trc-cp__fig) * {
	fill: none !important;
}

.trc-cp .trc-cp__check svg {
	width: 30px !important;
	height: 30px !important;
}

/* Logo: dublu față de varianta inițială, ca să fie vizibil pe telefon. */
.trc-cp .trc-cp__logo {
	min-height: 0;
}
.trc-cp .trc-cp__logo img {
	display: block;
	height: 80px !important;
	width: auto !important;
	max-width: 100% !important;
	max-height: none !important;
	margin: 0 auto !important;
}

/* Camera: elementele ascunse rămân ascunse oricâte reguli de display ar avea tema pe button/video/p. */

/* Regula de centrare de mai sus are !important; butonul de pornire trebuie să dispară totuși după ce camera pornește. */

/* Pagina formularului: fără butonul de chat (Chaty) și fără selectorul de monedă (Woo Multi-Currency). */
body.trc-cp-blank .woo-multi-currency,
body.trc-cp-blank .wmc-sidebar,
body.trc-cp-blank .chaty,
body.trc-cp-blank [id^="chaty-"],
body.trc-cp-blank [class*="chaty-widget"],
body.trc-cp-blank [class*="chaty-outer"] {
	display: none !important;
}

/* Miniaturi: imagine de fundal pe un span (rezistentă la lazy-load și la regulile temei pe <img>). */
.trc-cp .trc-cp__thumb {
	padding: 0 !important;
	min-width: 0 !important;
	width: 40px !important;
	height: 48px !important;
	line-height: 0 !important;
}
.trc-cp .trc-cp__thumb-img {
	position: absolute;
	inset: 0;
	display: block;
	background-color: var(--line-soft);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.trc-cp .trc-cp__thumb::after {
	z-index: 1;
}

/* Închide camera: buton mic, colț dreapta-sus al imaginii live. */



/* ───── Fotografiere: două butoane în formular + camera pe tot ecranul ───── */
.trc-cp .trc-cp__photo-actions {
	display: flex;
	gap: 8px;
}
.trc-cp .trc-cp__pick {
	flex: 1 1 0;
	min-width: 0 !important;
	height: 48px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 12px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--field) !important;
	color: var(--text) !important;
	border: 1px solid var(--line) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer;
	white-space: nowrap;
}
.trc-cp .trc-cp__pick[hidden] {
	display: none !important;
}
.trc-cp .trc-cp__pick:disabled,
.trc-cp .trc-cp__pick.is-disabled {
	opacity: 0.45;
	pointer-events: none;
}
.trc-cp .trc-cp__pick:focus-within,
.trc-cp .trc-cp__pick:focus-visible {
	outline: 2px solid var(--text);
	outline-offset: 2px;
}
.trc-cp .trc-cp__pick svg {
	width: 20px !important;
	height: 20px !important;
}
.trc-cp .trc-cp__pick span {
	background: transparent !important;
	padding: 0 !important;
	color: inherit !important;
	text-transform: none !important;
}
.trc-cp .trc-cp__thumbs {
	margin-top: 2px;
}

html.trc-cp-cam-open,
html.trc-cp-cam-open body {
	overflow: hidden !important;
}
.trc-cp .trc-cp__cam {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483000 !important;
	height: 100vh;
	height: 100dvh;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	background: #000 !important;
	color: #fff;
	margin: 0 !important;
	padding: 0 !important;
}
.trc-cp .trc-cp__cam[hidden] {
	display: none !important;
}
.trc-cp .trc-cp__cam .trc-cp__video {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	display: block !important;
	background: #000 !important;
}
.trc-cp .trc-cp__cam [hidden] {
	display: none !important;
}
.trc-cp .trc-cp__cam .trc-cp__frame {
	position: absolute;
	inset: 76px 24px 160px;
	pointer-events: none;
}
.trc-cp .trc-cp__cam-top {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 0;
}
.trc-cp .trc-cp__cam-pill {
	background: rgba(0, 0, 0, 0.5) !important;
	color: #fff !important;
	border-radius: 999px;
	padding: 5px 12px !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.trc-cp .trc-cp__cam .trc-cp__cam-msg {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 24px;
	margin: 0 !important;
	text-align: center;
	font-size: 15px;
	color: #fff !important;
	background: transparent !important;
}
.trc-cp .trc-cp__cam .trc-cp__cam-msg[hidden] {
	display: none !important;
}
.trc-cp .trc-cp__cam .trc-cp__cam-msg span {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.75) !important;
	background: transparent !important;
}
.trc-cp .trc-cp__cam-bar {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding: 24px max(20px, env(safe-area-inset-left, 0px)) calc(24px + env(safe-area-inset-bottom, 0px));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}
.trc-cp .trc-cp__cam button.trc-cp__cam-close {
	justify-self: start;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 11px 18px !important;
	background: rgba(255, 255, 255, 0.18) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.trc-cp .trc-cp__cam button.trc-cp__shutter {
	position: static !important;
	transform: none !important;
	width: 76px !important;
	height: 76px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: transparent !important;
	border: 4px solid #fff !important;
	border-radius: 50% !important;
	box-shadow: none !important;
}
.trc-cp .trc-cp__cam button.trc-cp__shutter[hidden] {
	display: none !important;
}
.trc-cp .trc-cp__cam button.trc-cp__shutter span {
	display: block;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #fff !important;
	padding: 0 !important;
}
.trc-cp .trc-cp__cam button.trc-cp__shutter:active span {
	transform: scale(0.92);
}
.trc-cp .trc-cp__flash {
	position: absolute;
	inset: 0;
	z-index: 4;
	background: #fff;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.14s ease-out;
}
.trc-cp .trc-cp__flash.is-on {
	opacity: 0.7;
	transition: none;
}

/* ───── Cookie-uri (ngm-wp-cookie-consent): pe pagina formularului nu afișăm bannerul, butonul de redeschidere sau fereastra de preferințe. ─────
   Consent Mode rămâne pe „refuzat” implicit; cine a ales deja pe alte pagini păstrează alegerea. */
body.trc-cp-blank #ngm-cc-banner,
body.trc-cp-blank #ngm-cc-modal,
body.trc-cp-blank #ngm-cc-reopen,
body.trc-cp-blank .ngm-cc-banner,
body.trc-cp-blank .ngm-cc-modal,
body.trc-cp-blank .ngm-cc-badge {
	display: none !important;
}


/* ───── Bun venit ───── */
.trc-cp[data-step="0"] .trc-cp__steps {
	display: none;
}
.trc-cp .trc-cp__eyebrow {
	margin: 4px 0 -2px !important;
	color: var(--muted) !important;
	font-size: 12px !important;
	letter-spacing: 0.08em;
	text-transform: uppercase !important;
	text-align: center;
}
.trc-cp .trc-cp__path {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 14px;
	background: var(--card);
	border: 1px solid transparent;
	border-radius: var(--radius);
}
.trc-cp .trc-cp__path--go {
	border-color: var(--line);
}
.trc-cp .trc-cp__path-head {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}
.trc-cp .trc-cp__path-icon {
	flex: none;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--field) !important;
	color: var(--text) !important;
}
.trc-cp .trc-cp__path h2 {
	margin: 0 0 4px !important;
	color: var(--text) !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.trc-cp .trc-cp__path p {
	margin: 0 !important;
	color: var(--muted) !important;
	font-size: 13.5px !important;
	line-height: 1.45 !important;
	text-transform: none !important;
}
.trc-cp .trc-cp__path p.trc-cp__path-meta {
	margin-top: 8px !important;
	color: var(--text-2) !important;
	font-size: 13px !important;
}
.trc-cp .trc-cp__path-meta a {
	color: var(--text) !important;
}
.trc-cp .trc-cp__welcome button.trc-cp__ghost--wide {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100% !important;
}
.trc-cp button.trc-cp__tiny {
	flex: none;
	margin: 0 !important;
	padding: 2px 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--muted) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
	text-transform: none !important;
	letter-spacing: normal !important;
}

/* ───── Ghidul de măsuri ───── */
html.trc-cp-guide-open,
html.trc-cp-guide-open body {
	overflow: hidden !important;
}
.trc-cp .trc-cp__guide {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147482000 !important;
	display: flex !important;
	align-items: flex-end;
	justify-content: center;
	background: rgba(0, 0, 0, 0.65) !important;
	margin: 0 !important;
}
.trc-cp .trc-cp__guide[hidden] {
	display: none !important;
}
.trc-cp .trc-cp__guide-panel {
	width: 100%;
	max-width: 520px;
	height: 100vh;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	background: #09090b !important;
	color: var(--text) !important;
}
@media (min-width: 600px) {
	.trc-cp .trc-cp__guide {
		align-items: center;
	}
	.trc-cp .trc-cp__guide-panel {
		height: auto;
		max-height: 92vh;
		border-radius: 16px;
		border: 1px solid var(--line);
	}
}
.trc-cp .trc-cp__guide-top {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 12px;
	border-bottom: 1px solid var(--line-soft);
}
.trc-cp .trc-cp__guide-top h2 {
	margin: 0 !important;
	color: var(--text) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.trc-cp button.trc-cp__guide-x {
	flex: none;
	width: 36px !important;
	height: 36px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: var(--field) !important;
	color: var(--text) !important;
	border: 0 !important;
	border-radius: 50% !important;
	box-shadow: none !important;
}
.trc-cp .trc-cp__guide-body {
	flex: 1 1 auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 16px 16px calc(20px + env(safe-area-inset-bottom, 0px));
}
.trc-cp .trc-cp__guide-lead {
	margin: 0 !important;
	color: var(--text-2) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	text-transform: none !important;
}
.trc-cp svg.trc-cp__fig {
	display: block;
	width: 100%;
	max-width: 280px;
	height: auto;
	margin: 0 auto;
	background: transparent !important;
}
.trc-cp .trc-cp__measures {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.trc-cp .trc-cp__measures li {
	display: flex !important;
	gap: 12px;
	align-items: flex-start;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.trc-cp .trc-cp__num {
	flex: none;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #f4f4f5 !important;
	color: #09090b !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}
.trc-cp .trc-cp__measures li > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.trc-cp .trc-cp__measures strong {
	color: var(--text) !important;
	font-size: 14.5px;
	font-weight: 600;
}
.trc-cp .trc-cp__measures span:not(.trc-cp__num) {
	color: var(--muted) !important;
	font-size: 13.5px;
	line-height: 1.45;
	background: transparent !important;
	text-transform: none !important;
}
.trc-cp .trc-cp__tips {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 14px;
	background: var(--card);
	border-radius: 12px;
}
.trc-cp .trc-cp__tips p {
	margin: 0 !important;
	color: var(--text-2) !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	text-transform: none !important;
}

/* Conținutul ghidului: elementele nu se micșorează; ce nu încape se derulează. */
.trc-cp .trc-cp__guide-body > * {
	flex-shrink: 0;
}
.trc-cp .trc-cp__guide-body > .trc-cp__primary {
	width: 100%;
}
.trc-cp .trc-cp__guide-x svg {
	width: 18px !important;
	height: 18px !important;
}
.trc-cp .trc-cp__path-icon svg {
	width: 22px !important;
	height: 22px !important;
}
.trc-cp .trc-cp__welcome .trc-cp__ghost--wide svg {
	width: 18px !important;
	height: 18px !important;
}


/* ───── Aspect mai blând (v0.1.17) ───── */
.trc-cp .trc-cp__path {
	padding: 18px;
	background: #151518;
	border-color: var(--line-soft);
	border-radius: 22px;
}
.trc-cp .trc-cp__path--go {
	border-color: var(--line);
	background: #18181c;
}
.trc-cp .trc-cp__path-icon {
	width: 42px;
	height: 42px;
	background: #202025 !important;
}
.trc-cp .trc-cp__path h2 {
	font-size: 17px !important;
	font-weight: 500 !important;
}
.trc-cp .trc-cp__path p {
	font-size: 14px !important;
	line-height: 1.55 !important;
}
.trc-cp .trc-cp__intro h1 {
	font-weight: 500 !important;
}
.trc-cp .trc-cp__card {
	border-radius: 22px !important;
	border-color: var(--line-soft) !important;
}
.trc-cp input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.trc-cp textarea,
.trc-cp select {
	border-radius: 14px !important;
	border-color: var(--line-soft) !important;
}
.trc-cp button.trc-cp__primary,
.trc-cp button.trc-cp__ghost,
.trc-cp button.trc-cp__ghost--wide {
	border-radius: 999px !important;
}

/* ───── Bun venit: hartă secundară + ghid ca link ───── */
.trc-cp a.trc-cp__path-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	align-self: stretch;
	padding: 10px 16px !important;
	background: transparent !important;
	border: 1px solid var(--line-soft) !important;
	border-radius: 999px !important;
	color: var(--text-2) !important;
	font-size: 13.5px !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
.trc-cp a.trc-cp__path-btn svg {
	width: 16px !important;
	height: 16px !important;
	flex: none;
}
.trc-cp .trc-cp__guide-link {
	margin: 4px 0 0 !important;
	text-align: center;
}
.trc-cp .trc-cp__guide-link button.trc-cp__tiny {
	font-size: 13.5px !important;
	color: var(--muted) !important;
}

.trc-cp .trc-cp__guide-link button.trc-cp__tiny {
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

/* ───── Bun venit: butoane de aceeași înălțime ───── */
.trc-cp .trc-cp__path button.trc-cp__primary,
.trc-cp a.trc-cp__path-btn {
	box-sizing: border-box !important;
	height: 50px !important;
	min-height: 50px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	font-size: 15px !important;
}

/* ───── Bun venit: mai aerisit ───── */
.trc-cp .trc-cp__welcome {
	gap: 18px !important;
}
.trc-cp .trc-cp__welcome .trc-cp__intro {
	gap: 8px;
}
.trc-cp .trc-cp__welcome .trc-cp__path {
	gap: 18px;
	padding: 20px 18px;
}
.trc-cp .trc-cp__welcome .trc-cp__path p {
	line-height: 1.6 !important;
}
.trc-cp .trc-cp__welcome .trc-cp__path h2 {
	margin-bottom: 6px !important;
}
.trc-cp .trc-cp__welcome .trc-cp__eyebrow {
	margin: 6px 0 0 !important;
}

/* Logo fără slogan: puțin aer sub el */
.trc-cp .trc-cp__logo {
	margin-bottom: 14px !important;
}

/* Titlu doar pentru cititoare de ecran */
.trc-cp .trc-cp__sr {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.trc-cp .trc-cp__welcome .trc-cp__intro p {
	font-size: 15px;
	line-height: 1.6;
}

/* ───── Produs de pornire (butonul „Personalizează” de pe pagina de produs) ───── */
.trc-cp .trc-cp__product {
	display: flex;
	gap: 14px;
	align-items: center;
	padding: 12px;
	background: #18181c;
	border: 1px solid var(--line-soft);
	border-radius: 22px;
}
.trc-cp .trc-cp__product[hidden] {
	display: none !important;
}
.trc-cp .trc-cp__product-img {
	flex: none;
	width: 72px;
	height: 90px;
	background-color: var(--field);
	background-position: center;
	background-size: cover;
	border-radius: 14px;
}
.trc-cp .trc-cp__product-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
.trc-cp .trc-cp__product-kicker {
	color: var(--muted) !important;
	font-size: 12px !important;
	letter-spacing: 0.08em;
	text-transform: uppercase !important;
}
.trc-cp .trc-cp__product-body strong {
	color: var(--text) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
}
.trc-cp .trc-cp__product-body a {
	color: var(--muted) !important;
	font-size: 13px !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}
.trc-cp [data-when][hidden] {
	display: none !important;
}

/* Client autentificat: „Trimiți ca …” */
.trc-cp .trc-cp__as {
	margin: 0 !important;
	color: var(--muted) !important;
	font-size: 13.5px !important;
	line-height: 1.5 !important;
	text-align: center;
}
.trc-cp .trc-cp__as strong {
	color: var(--text) !important;
	font-weight: 500 !important;
}
.trc-cp .trc-cp__as button.trc-cp__tiny {
	display: inline !important;
	margin-left: 6px !important;
	color: var(--text-2) !important;
	font-size: 13.5px !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

/* Client autentificat: un singur pas, fără indicatorul de pași */
.trc-cp.trc-cp--solo .trc-cp__steps {
	display: none !important;
}