/* =========================================================================
   SDX Rezervacije — wizard (scope: .sdx-rez)
   ========================================================================= */
.sdx-rez{
	--c: var(--e-global-color-primary, #CC363A);
	--c-dark: var(--e-global-color-54203e3, #222222);
	--c-text: var(--e-global-color-text, #444444);
	--c-line: #e8e8e8;
	--c-bg: #f6f6f6;
	--r: 12px;
	--sh: 0px 11px 14px 0px #e2e2e2;
	--sh-hover: 0px 18px 32px 0px rgba(0,0,0,.14);
	max-width: 1160px;
	margin: 0 auto;
	/* beli panel — sadržaj mora da bude čitljiv i preko šarene pozadine sajta */
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 18px 50px rgba(0,0,0,.10);
	padding: 42px 44px 36px;
	font-family: "Saira", Sans-serif;
	color: var(--c-text);
	font-weight: 500;
	line-height: 1.6;
}
.sdx-rez *{ box-sizing: border-box; }
.sdx-rez img{ max-width: 100%; }

/* vizuelno sakriven input (radio) — ostaje dostupan tastaturi */
.sdx-rez__sr{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.sdx-rez__hp{ position:absolute !important; left:-9999px !important; top:-9999px !important; }

/* ---------------- Progress ---------------- */
.sdx-rez__progress{ list-style:none; margin:0 0 14px; padding:0; display:flex; position:relative; counter-reset:none; }
.sdx-rez__progress::before{ content:""; position:absolute; top:23px; left:10%; right:10%; height:3px; background:var(--c-line); border-radius:3px; }
.sdx-rez__progress li{ position:relative; z-index:1; flex:1; display:flex; flex-direction:column; align-items:center; gap:9px; }
.sdx-rez__dot{ width:48px; height:48px; border-radius:50%; background:#fff; border:3px solid #d7d7d7; display:flex; align-items:center; justify-content:center; transition:all .3s; }
.sdx-rez__dot i{ font-style:normal; font-weight:800; font-size:17px; color:#9a9a9a; transition:all .3s; }
.sdx-rez__progress b{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:#7d7d7d; transition:color .3s; }
.sdx-rez__progress li.is-active .sdx-rez__dot{ border-color:var(--c); background:var(--c); transform:scale(1.08); box-shadow:0 8px 18px rgba(204,54,58,.35); }
.sdx-rez__progress li.is-active .sdx-rez__dot i{ color:#fff; }
.sdx-rez__progress li.is-active b{ color:var(--c-dark); }
.sdx-rez__progress li.is-done .sdx-rez__dot{ border-color:var(--c); background:#fff; }
.sdx-rez__progress li.is-done .sdx-rez__dot i{ font-size:0; }
.sdx-rez__progress li.is-done .sdx-rez__dot i::before{ content:"✓"; font-size:19px; color:var(--c); font-weight:800; }
.sdx-rez__progress li.is-done b{ color:var(--c-dark); }
.sdx-rez__progress li.is-done{ cursor:pointer; }
.sdx-rez__progress li.is-done:hover .sdx-rez__dot{ background:var(--c); }
.sdx-rez__progress li.is-done:hover .sdx-rez__dot i::before{ color:#fff; }

/* mini rezime ispod progressa */
.sdx-rez__picked{ text-align:center; margin:0 0 26px; font-size:14px; color:#555; }
.sdx-rez__picked strong{ color:var(--c-dark); font-weight:700; }
.sdx-rez__picked .sep{ margin:0 10px; color:#cfcfcf; }

/* ---------------- Koraci ---------------- */
.sdx-rez__step{ display:none; }
.sdx-rez__step.is-active{ display:block; animation:sdxRezIn .35s ease; }
@keyframes sdxRezIn{ from{ opacity:0; transform:translateY(12px);} to{ opacity:1; transform:none;} }
@media (prefers-reduced-motion: reduce){ .sdx-rez__step.is-active{ animation:none; } }

.sdx-rez__title{ text-align:center; font-size:clamp(21px,2.6vw,28px); font-weight:800; font-style:italic; text-transform:uppercase; color:var(--c-dark); margin:18px 0 8px; }
.sdx-rez__title::after{ content:""; display:block; width:56px; height:4px; background:var(--c); border-radius:4px; margin:14px auto 0; }
.sdx-rez__step .sdx-rez__title{ margin-bottom:30px; }

/* ---------------- Korak 1: filteri + vozila ---------------- */
.sdx-rez__filters{ display:flex; flex-wrap:wrap; gap:14px 34px; justify-content:center; margin-bottom:28px; }
.sdx-rez__chipgroup{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.sdx-rez__chipgroup>span{ font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:#999; margin-right:2px; }
/* eksplicitne boje na SVIM stanjima — tema ima globalni button:hover koji inače probija */
.sdx-rez .sdx-rez__chipgroup button{ font-family:inherit; font-size:14px; font-weight:600; padding:7px 18px; border-radius:30px; border:1px solid #dcdcdc; background:#fff; color:var(--c-text); cursor:pointer; transition:all .25s; line-height:1.2; max-width:100%; }
.sdx-rez .sdx-rez__chipgroup button:hover{ background:#fdeeee; border-color:var(--c); color:var(--c); }
.sdx-rez .sdx-rez__chipgroup button.is-on{ background:var(--c); border-color:var(--c); color:#fff; }
.sdx-rez .sdx-rez__chipgroup button.is-on:hover{ background:var(--c-dark); border-color:var(--c-dark); color:#fff; }

.sdx-rez__cars{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sdx-rez__car{ position:relative; display:flex; flex-direction:column; background:#fff; border-radius:var(--r); box-shadow:var(--sh); overflow:hidden; cursor:pointer; transition:transform .3s, box-shadow .3s; border:2px solid transparent; }
.sdx-rez__car:hover{ transform:translateY(-5px); box-shadow:var(--sh-hover); }
.sdx-rez__car.is-hidden{ display:none; }
.sdx-rez__car-img{ display:block; aspect-ratio:8/5; overflow:hidden; background:#f0f0f0; }
.sdx-rez__car-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.sdx-rez__car:hover .sdx-rez__car-img img{ transform:scale(1.05); }
.sdx-rez__car-body{ display:flex; flex-direction:column; gap:10px; padding:18px 20px 20px; }
.sdx-rez__car-title{ font-weight:800; text-transform:uppercase; color:var(--c-dark); font-size:16.5px; line-height:1.3; font-style:italic; }
.sdx-rez__car-specs{ display:grid; grid-template-columns:repeat(3,1fr); gap:11px 10px; border-top:1px solid var(--c-line); padding-top:13px; }
.sdx-rez__car-specs span{ display:inline-flex; align-items:center; gap:7px; font-size:13.5px; color:#666; }
@media (max-width:380px){ .sdx-rez__car-specs{ grid-template-columns:repeat(2,1fr); } }
.sdx-rez__car-specs img{ width:19px; height:19px; object-fit:contain; }

/* selekcija (vozilo + lokacija) */
.sdx-rez__badge{ position:absolute; top:12px; right:12px; width:32px; height:32px; border-radius:50%; background:var(--c); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px; opacity:0; transform:scale(.5); transition:all .25s; z-index:2; box-shadow:0 6px 14px rgba(204,54,58,.4); }
.sdx-rez__sr:checked + .sdx-rez__car{ border-color:var(--c); box-shadow:0 14px 28px rgba(204,54,58,.22); }
.sdx-rez__sr:checked + .sdx-rez__car .sdx-rez__badge,
.sdx-rez__sr:checked + .sdx-rez__loc .sdx-rez__badge{ opacity:1; transform:scale(1); }
.sdx-rez__sr:focus-visible + .sdx-rez__car,
.sdx-rez__sr:focus-visible + .sdx-rez__loc{ outline:3px solid rgba(204,54,58,.5); outline-offset:3px; }

/* ---------------- Korak 2: lokacije ---------------- */
.sdx-rez__locs{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.sdx-rez__loc{ position:relative; display:block; border-radius:var(--r); overflow:hidden; cursor:pointer; box-shadow:var(--sh); border:2px solid transparent; transition:transform .3s, box-shadow .3s, border-color .25s; }
.sdx-rez__loc:hover{ transform:translateY(-5px); box-shadow:var(--sh-hover); }
.sdx-rez__loc img{ width:100%; height:175px; object-fit:cover; display:block; transition:transform .4s; }
.sdx-rez__loc:hover img{ transform:scale(1.06); }
.sdx-rez__loc>span:not(.sdx-rez__badge):not(.sdx-rez__locsur){ position:absolute; left:0; right:0; bottom:0; padding:34px 16px 13px; color:#fff; font-weight:700; font-size:16px; background:linear-gradient(0deg, rgba(0,0,0,.8), transparent); }
.sdx-rez__sr:checked + .sdx-rez__loc{ border-color:var(--c); box-shadow:0 14px 28px rgba(204,54,58,.25); }

/* oznaka doplate na kartici lokacije */
.sdx-rez__locsur{ position:absolute; top:12px; left:12px; z-index:2; background:var(--c-dark); color:#fff; font-weight:800; font-size:13px; line-height:1; padding:6px 11px; border-radius:30px; box-shadow:0 4px 10px rgba(0,0,0,.3); letter-spacing:.2px; }

/* labela iznad grupe lokacija + "vraćam na isto mesto" + sekcija vraćanja */
.sdx-rez__loclabel{ font-weight:800; text-transform:uppercase; font-style:italic; color:var(--c-dark); font-size:14px; letter-spacing:.5px; margin:0 0 16px; }
.sdx-rez__same{ display:flex; align-items:center; gap:10px; justify-content:center; margin:24px auto 0; font-weight:600; color:var(--c-dark); cursor:pointer; font-size:15px; user-select:none; }
.sdx-rez__same input{ width:20px; height:20px; accent-color:var(--c); cursor:pointer; }
.sdx-rez__return{ margin-top:26px; padding-top:24px; border-top:1px dashed #d7d7d7; }
.sdx-rez__return[hidden]{ display:none; }

/* ---------------- Korak 3: termin ---------------- */
.sdx-rez__dates{ display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:860px; margin:0 auto; }
.sdx-rez__datebox{ background:var(--c-bg); border-radius:var(--r); padding:24px; border-top:3px solid var(--c); }
.sdx-rez__datebox>strong{ display:block; font-weight:800; text-transform:uppercase; font-style:italic; color:var(--c-dark); font-size:15px; letter-spacing:.4px; margin-bottom:16px; }
.sdx-rez__daterow{ display:flex; gap:14px; }
.sdx-rez__daterow .sdx-field:first-child{ flex:1.5; }
.sdx-rez__daterow .sdx-field:last-child{ flex:1; }

/* ---------------- Polja ---------------- */
.sdx-field{ display:flex; flex-direction:column; gap:6px; }
.sdx-field>span{ font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:#5f5f5f; }
.sdx-rez input[type=text],
.sdx-rez input[type=tel],
.sdx-rez input[type=email],
.sdx-rez input[type=date],
.sdx-rez input[type=time],
.sdx-rez textarea{
	width:100%; height:50px; border:1px solid #d9d9d9; border-radius:9px; padding:0 15px;
	font-family:inherit; font-size:15px; font-weight:500; color:var(--c-dark); background:#fff;
	transition:border-color .25s, box-shadow .25s; -webkit-appearance:none; appearance:none;
}
.sdx-rez textarea{ height:auto; padding:12px 15px; resize:vertical; min-height:84px; }
.sdx-rez input::placeholder, .sdx-rez textarea::placeholder{ color:#b5b5b5; font-weight:400; }
.sdx-rez input:focus, .sdx-rez textarea:focus{ outline:none; border-color:var(--c); box-shadow:0 0 0 3px rgba(204,54,58,.13); }
.sdx-field.is-err input, .sdx-field.is-err textarea{ border-color:var(--c); background:#fff7f7; }

.sdx-rez__fields{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sdx-field--full{ grid-column:1 / -1; }

/* ---------------- Korak 5: pregled ---------------- */
.sdx-rez__review{ max-width:680px; margin:0 auto; }
.sdx-rez__rgroup{ background:#fff; border:1px solid var(--c-line); border-radius:var(--r); box-shadow:var(--sh); padding:20px 24px; margin-bottom:16px; }
.sdx-rez__rgroup header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.sdx-rez__rgroup header h4{ margin:0; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:var(--c); font-style:italic; }
.sdx-rez .sdx-rez__rgroup header button{ background:none; border:none; color:#999; font-family:inherit; font-size:13px; font-weight:600; cursor:pointer; text-decoration:underline; padding:0; transition:color .2s; }
.sdx-rez .sdx-rez__rgroup header button:hover{ background:none; color:var(--c); }
.sdx-rez__rgroup dl{ margin:0; display:grid; grid-template-columns:auto 1fr; gap:7px 22px; }
.sdx-rez__rgroup dt{ font-weight:700; color:var(--c-dark); font-size:14.5px; }
.sdx-rez__rgroup dd{ margin:0; text-align:right; font-size:14.5px; }

.sdx-rez__submitwrap{ text-align:center; margin-top:26px; }
.sdx-rez__response{ max-width:680px; margin:18px auto 0; padding:13px 18px; border-radius:9px; background:#fdecec; border:1px solid #f3b9bb; color:#9b2226; font-weight:600; text-align:center; }

/* ---------------- Dugmad i navigacija ---------------- */
.sdx-rez__btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:52px; padding:0 32px; border-radius:10px; font-family:inherit; font-weight:700; font-size:15px; text-transform:uppercase; letter-spacing:.5px; line-height:1; cursor:pointer; transition:all .3s; border:2px solid transparent; text-decoration:none; }
.sdx-rez__btn--primary{ background:var(--c); border-color:var(--c); color:#fff; }
.sdx-rez__btn--primary:hover{ background:var(--c-dark); border-color:var(--c-dark); color:#fff; }
.sdx-rez__btn--primary:disabled{ opacity:.65; cursor:wait; }
.sdx-rez__btn--ghost{ background:transparent; border-color:#d2d2d2; color:var(--c-dark); }
.sdx-rez__btn--ghost:hover{ border-color:var(--c); color:var(--c); }
.sdx-rez__submit{ padding:0 44px; height:56px; }

.sdx-rez__nav{ display:flex; justify-content:space-between; gap:14px; margin-top:36px; }
.sdx-rez__err{ display:none; margin:20px 0 0; text-align:center; color:var(--c); font-weight:600; }
.sdx-rez__err.is-show{ display:block; animation:sdxRezIn .25s ease; }

/* ---------------- Uspeh ---------------- */
.sdx-rez__success{ text-align:center; padding:60px 20px 40px; }
.sdx-rez__success svg{ width:96px; height:96px; margin-bottom:22px; }
.sdx-rez__success svg circle{ stroke:var(--c); stroke-width:3; stroke-dasharray:160; stroke-dashoffset:160; animation:sdxDraw .7s ease forwards; }
.sdx-rez__success svg path{ stroke:var(--c); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:40; stroke-dashoffset:40; animation:sdxDraw .45s ease .55s forwards; }
@keyframes sdxDraw{ to{ stroke-dashoffset:0; } }
.sdx-rez__success h3{ font-size:clamp(22px,2.6vw,30px); font-weight:800; font-style:italic; text-transform:uppercase; color:var(--c-dark); margin:0 0 12px; }
.sdx-rez__success p{ max-width:520px; margin:0 auto 28px; }

/* ---------------- Flatpickr brending ----------------
   Kalendar se kači na <body> (van .sdx-rez), pa boje moraju biti literali. */
.flatpickr-calendar{ font-family:"Saira", Sans-serif; border-radius:12px; border:0; box-shadow:0 16px 44px rgba(0,0,0,.20); }
.flatpickr-months{ padding:6px 0 2px; }
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months{ color:#222; fill:#222; font-weight:700; }
.flatpickr-current-month input.cur-year{ font-weight:700; }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg{ fill:#CC363A; }
span.flatpickr-weekday{ color:#9a9a9a; font-weight:700; }
.flatpickr-day{ font-weight:600; color:#333; border-radius:8px; }
.flatpickr-day:hover{ background:#f7e2e3; border-color:#f7e2e3; }
.flatpickr-day.today{ border-color:#CC363A; color:#CC363A; }
.flatpickr-day.today:hover{ background:#CC363A; border-color:#CC363A; color:#fff; }
.flatpickr-day.selected, .flatpickr-day.selected:hover{ background:#CC363A; border-color:#CC363A; color:#fff; box-shadow:0 6px 14px rgba(204,54,58,.35); }
.flatpickr-day.flatpickr-disabled, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay{ color:#c9c9c9; }
.flatpickr-time{ border-top:1px solid #eee; }
.flatpickr-time input{ font-family:"Saira", Sans-serif; font-weight:700; color:#222; font-size:16px; }
.flatpickr-time input:focus{ background:#fdf1f1; }
.numInputWrapper span:hover{ background:#f7e2e3; }
.flatpickr-calendar.hasTime.noCalendar{ width:180px; }

/* ikonice u poljima za datum/vreme */
.sdx-rez input.sdx-fp-date,
.sdx-rez input.flatpickr-input{ cursor:pointer; background-color:#fff; }
.sdx-rez input.sdx-fp-date{
	padding-right:42px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 13px center; background-size:18px;
}
.sdx-rez .sdx-rez__daterow .sdx-field:last-child input{
	padding-right:42px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 13px center; background-size:18px;
}

/* ---------------- Responsive ---------------- */
@media (max-width:1024px){
	.sdx-rez{ padding:34px 28px 30px; }
	.sdx-rez__cars{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
	.sdx-rez__locs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.sdx-rez__fields{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
	.sdx-rez{ padding:24px 16px 22px; border-radius:12px; }

	/* progress: kompaktan, bez labela */
	.sdx-rez__progress b{ display:none; }
	.sdx-rez__progress{ margin-bottom:10px; }
	.sdx-rez__progress::before{ top:19px; left:12%; right:12%; }
	.sdx-rez__dot{ width:40px; height:40px; border-width:2px; }
	.sdx-rez__dot i{ font-size:15px; }
	.sdx-rez__picked{ font-size:12.5px; line-height:1.5; margin-bottom:18px; }
	.sdx-rez__picked .sep{ margin:0 6px; }

	.sdx-rez__title{ margin-top:8px; }
	.sdx-rez__step .sdx-rez__title{ margin-bottom:20px; }

	/* korak 1 */
	.sdx-rez__filters{ gap:10px 0; margin-bottom:18px; justify-content:flex-start; }
	.sdx-rez__chipgroup{ width:100%; }
	.sdx-rez__chipgroup button{ padding:6px 14px; font-size:13px; }
	.sdx-rez__cars{ grid-template-columns:1fr; gap:16px; }
	.sdx-rez__car-body{ padding:14px 16px 16px; }

	/* korak 2 */
	.sdx-rez__locs{ grid-template-columns:1fr; gap:14px; }
	.sdx-rez__loc img{ height:140px; }

	/* korak 3 */
	.sdx-rez__dates{ grid-template-columns:1fr; gap:16px; }
	.sdx-rez__datebox{ padding:18px 16px; }
	.sdx-rez__daterow{ gap:10px; }

	/* korak 4 */
	.sdx-rez__fields{ grid-template-columns:1fr; gap:14px; }

	/* korak 5 */
	.sdx-rez__rgroup{ padding:16px; }
	.sdx-rez__rgroup dl{ grid-template-columns:1fr; gap:2px; }
	.sdx-rez__rgroup dd{ text-align:left; margin-bottom:8px; }
	.sdx-rez__submit{ width:100%; padding:0 20px; }

	/* navigacija: dugmad jedno ispod drugog, puna širina */
	.sdx-rez__nav{ flex-direction:column-reverse; gap:10px; margin-top:26px; }
	.sdx-rez__nav .sdx-rez__btn{ width:100%; padding:0 18px; }

	.sdx-rez__success{ padding:40px 10px 20px; }
	.sdx-rez__success svg{ width:78px; height:78px; }

	/* flatpickr kalendar mora da stane u uski ekran */
	.flatpickr-calendar{ max-width:calc(100vw - 24px); }
}

/* =========================================================================
   [sdx_vozila] — grid vozila sa cenama (centrala i sateliti)
   ========================================================================= */
.sdx-cars{
	--c: var(--e-global-color-primary, #CC363A);
	--c-dark: var(--e-global-color-54203e3, #222222);
	--c-text: var(--e-global-color-text, #444444);
	--c-line: #e8e8e8;
	--r: 12px;
	--sh: 0px 11px 14px 0px #e2e2e2;
	--sh-hover: 0px 18px 32px 0px rgba(0,0,0,.14);
	display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px;
	font-family:"Saira", Sans-serif; color:var(--c-text);
}
.sdx-cars *{ box-sizing:border-box; }
.sdx-cars .sdx-rez__car.sdx-cars__card{ cursor:default; border:2px solid transparent; }
.sdx-cars .sdx-rez__car-img{ text-decoration:none; }
.sdx-cars a.sdx-rez__car-title{ text-decoration:none; color:var(--c-dark); transition:color .25s; }
.sdx-cars a.sdx-rez__car-title:hover{ color:var(--c); }
.sdx-cars__prices{ list-style:none; margin:12px 0 0; padding:12px 0 0; border-top:1px solid var(--c-line); font-size:14px; }
.sdx-cars__prices li{ display:flex; justify-content:space-between; gap:10px; padding:3.5px 0; color:#666; }
.sdx-cars__prices li b{ color:var(--c-dark); font-weight:700; white-space:nowrap; }
.sdx-cars__prices li.sdx-cars__naupit{ justify-content:center; color:var(--c); font-weight:700; }
.sdx-cars__btn{ margin-top:16px; height:46px; font-size:14px; }
@media (max-width:1024px){
	.sdx-cars{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
}
@media (max-width:640px){
	.sdx-cars{ grid-template-columns:1fr; gap:16px; }
}

/* =========================================================================
   Korak 5: okvirna cena + CAPTCHA
   ========================================================================= */
.sdx-rez__price{
	max-width:680px; margin:0 auto 22px; padding:18px 24px; text-align:center;
	background:linear-gradient(135deg, #fff 0%, #fdf1f1 100%);
	border:2px solid var(--c); border-radius:12px;
	display:flex; flex-direction:column; gap:4px;
}
.sdx-rez__price-lbl{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--c); }
.sdx-rez__price-total{ font-size:clamp(26px,4vw,34px); font-weight:800; font-style:italic; color:var(--c-dark); line-height:1.1; }
.sdx-rez__price-calc{ font-size:15px; color:#555; font-weight:600; }
.sdx-rez__price-note{ font-size:12px; color:#999; margin-top:2px; }

.sdx-rez__captcha{ display:flex; justify-content:center; margin:0 auto 16px; min-height:65px; }
.sdx-rez__captcha-note{ max-width:440px; margin:0 auto 14px; text-align:center; font-size:12px; color:#999; line-height:1.5; }
.sdx-rez__captcha-note a{ color:var(--c); }

@media (max-width:640px){
	.sdx-rez__price{ padding:16px; }
}