/* Servizgo — Rota kontrolu (public demo). Marka degiskenleri .svz'den gelir
   (mobilyt-site.css): --teal --tealD --coral --ink --mut --line --bg --card.
   Bu dosya SADECE .svz-rc altini stiller; vitrinin geri kalanina dokunmaz. */

.svz-rc{background:var(--bg)}
.svz-rc .wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.svz-rc h2{font-size:clamp(24px,3.4vw,36px);margin:0 0 12px}
.svz-rc h3{font-size:18px;margin:0 0 10px}
.svz-rc .rc-lead{color:var(--mut);font-size:17px;margin:0 0 18px}
.svz-rc .rc-narrow{max-width:660px}
.svz-rc .rc-big{font-size:16.5px;padding:15px 24px}
.svz-rc .rc-sec{padding:56px 0;border-top:1px solid var(--line)}

/* ---------- 1. hero ---------- */
.svz-rc .rc-hero{position:relative;overflow:hidden;background:
  radial-gradient(120% 90% at 88% -20%,color-mix(in srgb,var(--teal) 18%,transparent),transparent 62%),
  radial-gradient(90% 70% at -5% 115%,color-mix(in srgb,var(--coral) 12%,transparent),transparent 58%)}
.svz-rc .rc-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding-top:56px;padding-bottom:56px}
.svz-rc .rc-hero h1{font-size:clamp(30px,4.6vw,50px);font-weight:850;margin:10px 0 14px}
.svz-rc .rc-trust{color:var(--mut);font-size:13.5px;margin:12px 0 0}
.svz-rc .rc-benefits{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.svz-rc .rc-benefits li{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:650}
.svz-rc .rc-benefits li::before{content:"✓";color:var(--teal);font-weight:800;margin-right:7px}

.svz-rc .rc-preview{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 18px 44px -26px rgba(12,27,25,.5)}
.svz-rc .rc-prev-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px}
.svz-rc .rc-tag{background:color-mix(in srgb,var(--teal) 12%,#fff);color:var(--tealD);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:750}
.svz-rc .rc-prev-map svg{display:block;width:100%;height:auto;border-radius:14px}
.svz-rc .rc-prev-legend{display:flex;gap:16px;margin-top:11px;font-size:12.5px;color:var(--mut)}
.svz-rc .rc-prev-legend i{display:inline-block;width:16px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.svz-rc .rc-prev-legend i.old{background:var(--coral)}
.svz-rc .rc-prev-legend i.new{background:var(--teal)}

/* ---------- kartlar ---------- */
.svz-rc .rc-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.svz-rc .rc-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.svz-rc .rc-good{border-color:color-mix(in srgb,var(--teal) 35%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 9%,transparent)}
.svz-rc ul.rc-x,.svz-rc ul.rc-v{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.svz-rc ul.rc-x li,.svz-rc ul.rc-v li{padding-left:26px;position:relative;color:var(--ink);font-size:15.5px}
.svz-rc ul.rc-x li::before{content:"—";position:absolute;left:0;color:var(--mut);font-weight:800}
.svz-rc ul.rc-v li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:800}

/* ---------- 3. form ---------- */
.svz-rc .rc-formgrid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:start}
.svz-rc .rc-h2s{font-size:22px;margin-bottom:16px}
.svz-rc .rc-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.svz-rc .rc-field{display:block}
.svz-rc .rc-field>span{display:block;font-size:12.5px;font-weight:750;color:var(--mut);margin-bottom:5px}
.svz-rc input[type=text],.svz-rc input[type=time],.svz-rc input[type=email],.svz-rc select{
  width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;font-size:16px;
  font-family:inherit;color:var(--ink);background:#fff}
.svz-rc input:focus-visible,.svz-rc select:focus-visible,.svz-rc button:focus-visible,.svz-rc a:focus-visible,.svz-rc summary:focus-visible{
  outline:3px solid color-mix(in srgb,var(--teal) 55%,transparent);outline-offset:2px}
.svz-rc .rc-hint{display:block;font-size:12px;color:var(--mut);margin-top:5px;line-height:1.4;font-weight:400}
.svz-rc .rc-rowshint{font-size:13px;color:var(--mut);margin:16px 0 0;line-height:1.5}
.svz-rc .rc-appts{margin:10px 0 6px;display:grid;gap:10px}
.svz-rc .rc-appt{display:grid;grid-template-columns:26px 1fr 1fr 1.2fr 40px;gap:9px;align-items:end;
  background:#fbfdfc;border:1px solid var(--line);border-radius:14px;padding:11px}
.svz-rc .rc-appt .num{width:26px;height:26px;border-radius:8px;background:var(--teal);color:#fff;
  font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:11px}
.svz-rc .rc-del{border:1px solid var(--line);background:#fff;border-radius:10px;height:44px;cursor:pointer;
  font-size:16px;color:var(--mut);line-height:1}
.svz-rc .rc-del:hover{color:var(--coralD);border-color:var(--coral)}
.svz-rc .rc-formbtns{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.svz-rc .rc-formbtns .btn{padding:10px 15px;font-size:14px}
.svz-rc .rc-full{width:100%;justify-content:center;margin-top:14px}
.svz-rc .rc-err{background:#FEF2EE;border:1px solid #F6C7B9;color:#8A3416;border-radius:11px;padding:11px 13px;font-size:14.5px;margin:12px 0 0}
.svz-rc .rc-side{display:grid;gap:14px}
.svz-rc .rc-note{background:color-mix(in srgb,var(--teal) 7%,#fff);border:1px solid color-mix(in srgb,var(--teal) 22%,var(--line));border-radius:16px;padding:18px}
.svz-rc .rc-note p{margin:0;color:var(--mut);font-size:14.5px}
.svz-rc .rc-note2{background:#fff}

/* ---------- 5. sonuc ---------- */
.svz-rc .rc-hero-result{background:linear-gradient(135deg,var(--tealD),var(--teal));color:#fff;border-radius:20px;padding:26px 24px;margin-bottom:20px}
/* Baslik masaustunde cok uzun ve yogun goruniyordu (Cem 2026-08-30):
   olcek kucultuldu ve satir uzunlugu sinirlandi — uzun cumle daha az
   satirla degil, DAHA OKUNUR satirlarla kirilsin. */
.svz-rc .rc-hero-result h2{color:#fff;font-size:clamp(19px,2.2vw,27px);margin:0;
  max-width:34ch;line-height:1.22}
.svz-rc .rc-hero-result p{max-width:62ch}
.svz-rc .rc-hero-result p{margin:10px 0 0;color:#D8ECE8;font-size:14.5px}
/* UYARI KUTUSU — markanin turuncusu. Soluk amber kutu goz kaydiriyordu; bu
   cumle sonucun EN ONEMLI kaydi (sira kisa ama tutmuyor), gorunmesi sart. */
.svz-rc .rc-warn{background:#FFF1EC;border:1px solid var(--coral);border-left:5px solid var(--coral);
  color:#8A3416;border-radius:12px;padding:13px 15px;font-size:14.5px;margin:0 0 16px}
.svz-rc .rc-warn b{display:block;color:var(--coralD);font-size:15.5px;margin-bottom:6px}
.svz-rc .rc-warn span{display:block;color:#7A4432;font-size:14px;line-height:1.5}
/* Onerilen sira: yeni saat vurgulu, anlasilan saat soluk — kullanici "sira
   bozuk" sanmasin diye ikisi gorsel olarak AYRISIYOR (Cem 2026-08-30). */
.svz-rc .rc-proposedhint{margin:0 0 10px;font-size:13px;color:var(--mut);line-height:1.5;
  background:#F2F8F6;border-radius:9px;padding:9px 11px}
.svz-rc .rc-newtime{color:var(--tealD);font-weight:800}
.svz-rc .rc-was{color:#8AA09B}
.svz-rc .rc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.svz-rc .rc-metric{background:#fbfdfc;border:1px solid var(--line);border-radius:12px;padding:11px 12px}
.svz-rc .rc-metric b{display:block;font-size:21px;letter-spacing:-.02em}
.svz-rc .rc-metric span{font-size:12px;color:var(--mut);font-weight:650}
.svz-rc .rc-stoplist{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:7px}
.svz-rc .rc-stoplist li{display:flex;align-items:center;gap:10px;font-size:14.5px;border-bottom:1px dashed var(--line);padding-bottom:7px}
.svz-rc .rc-stoplist li:last-child{border-bottom:0}
.svz-rc .rc-sq{width:24px;height:24px;flex:0 0 24px;border-radius:7px;background:var(--teal);color:#fff;font-size:12px;
  font-weight:800;display:flex;align-items:center;justify-content:center}
.svz-rc .rc-sq.grey{background:#8AA09B}
.svz-rc .rc-latebadge{background:#FDECE6;color:#A5401B;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:750;white-space:nowrap}
.svz-rc .rc-approx{color:var(--mut);font-size:13px;margin:14px 0 0}

/* ---------- 6. harita ---------- */
.svz-rc .rc-mapwrap{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:20px 0}
.svz-rc .rc-maphead{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line)}
.svz-rc .rc-toggle{display:inline-flex;background:#EFF5F3;border-radius:11px;padding:3px}
.svz-rc .rc-toggle button{border:0;background:transparent;font:inherit;font-size:13.5px;font-weight:750;color:var(--mut);
  padding:8px 14px;border-radius:9px;cursor:pointer}
.svz-rc .rc-toggle button[aria-pressed=true]{background:#fff;color:var(--tealD);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.svz-rc .rc-mapstat{font-size:13.5px;color:var(--mut);font-weight:650}
.svz-rc #rcMap{height:380px;width:100%}
.svz-rc .rc-pin{background:transparent;border:0}
.svz-rc .rc-pin i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;
  color:#fff;font-size:12.5px;font-weight:800;font-style:normal;box-shadow:0 2px 6px rgba(0,0,0,.35)}

/* ---------- 7. aylik ---------- */
.svz-rc .rc-month{background:#fbfdfc;border:1px solid var(--line);border-radius:16px;padding:18px;margin:20px 0}
.svz-rc .rc-month label{font-size:14px;font-weight:750;display:block;margin-bottom:9px}
.svz-rc .rc-daybtns{display:flex;gap:7px;flex-wrap:wrap}
.svz-rc .rc-daybtns button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 15px;
  font:inherit;font-size:14px;font-weight:700;cursor:pointer;color:var(--ink)}
.svz-rc .rc-daybtns button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}
.svz-rc .rc-monthout{margin:13px 0 0;font-size:16px;font-weight:700}

/* ---------- 8/9. paylas ---------- */
.svz-rc .rc-keep{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin:20px 0}
.svz-rc .rc-keepbtns{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.svz-rc .rc-mailbox{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.svz-rc .rc-check{display:flex;gap:9px;align-items:flex-start;margin:11px 0;font-size:13.5px;color:var(--mut)}
.svz-rc .rc-check input{margin-top:3px;width:17px;height:17px;flex:0 0 17px}
.svz-rc .rc-msg{font-size:14px;margin:10px 0 0}
.svz-rc .rc-msg.ok{color:var(--tealD);font-weight:700}
.svz-rc .rc-msg.bad{color:#A5401B;font-weight:700}
.svz-rc .rc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- 11. kayit ---------- */
.svz-rc .rc-signup{background:var(--band);color:var(--bandInk)}
.svz-rc .rc-signup h2{color:#fff}
.svz-rc .rc-signup .rc-lead{color:#A9C0BB}
.svz-rc .rc-pills{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.svz-rc .rc-pills li{background:var(--bandCard);border:1px solid #1e332e;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:650;color:#DCEAE7}
.svz-rc .rc-ctas{display:flex;flex-wrap:wrap;gap:10px}
.svz-rc .rc-fine{color:#89A29D;font-size:13.5px;margin:14px 0 0;max-width:620px}
.svz-rc .rc-made{color:#7d938e;font-size:13px;margin:22px 0 0}
.svz-rc .rc-stats{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:26px}
.svz-rc .rc-stats b{display:block;font-size:24px;color:#fff;letter-spacing:-.02em}
.svz-rc .rc-stats span{font-size:12.5px;color:#89A29D}

/* ---------- 13. sss ---------- */
.svz-rc .rc-q{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px 16px;margin-bottom:9px}
.svz-rc .rc-q summary{cursor:pointer;font-weight:750;font-size:16px;list-style:none}
.svz-rc .rc-q summary::-webkit-details-marker{display:none}
.svz-rc .rc-q summary::after{content:"+";float:right;color:var(--teal);font-weight:800}
.svz-rc .rc-q[open] summary::after{content:"–"}
.svz-rc .rc-q p{margin:11px 0 0;color:var(--mut);font-size:15px}

/* ---------- responsive: telefonda TEK SUTUN ---------- */
@media(max-width:880px){
  .svz-rc .rc-hero-in{grid-template-columns:1fr;gap:28px;padding-top:34px;padding-bottom:34px}
  /* Mobilde once baslik+CTA, sonra harita onizlemesi. */
  .svz-rc .rc-hero-txt{order:1}
  .svz-rc .rc-hero-art{order:2}
  .svz-rc .rc-two,.svz-rc .rc-formgrid{grid-template-columns:1fr}
  .svz-rc .rc-sec{padding:40px 0}
  .svz-rc .rc-metrics{grid-template-columns:1fr 1fr}
  .svz-rc #rcMap{height:300px}
}
@media(max-width:560px){
  .svz-rc .rc-appt{grid-template-columns:24px 1fr 1fr;grid-template-areas:"n t z" ". d d" ". x x";row-gap:8px}
  .svz-rc .rc-appt .num{grid-area:n}
  .svz-rc .rc-appt .fa-time{grid-area:t}
  .svz-rc .rc-appt .fa-zip{grid-area:z}
  .svz-rc .rc-appt .fa-dur{grid-area:d}
  .svz-rc .rc-appt .rc-del{grid-area:x;height:38px;width:64px;justify-self:end}
  .svz-rc .rc-metrics{grid-template-columns:1fr}
  .svz-rc .rc-formbtns .btn,.svz-rc .rc-keepbtns .btn{flex:1 1 auto;justify-content:center}
}

/* ---------- kontrast duzeltmeleri (WCAG AA) ----------
   Olculdu (2026-08-30, sayfa uzerinde): asagidakiler AA esiginin altindaydi.
   Duzeltmeler SADECE bu sayfaya kapsamli — vitrinin geri kalani degismiyor. */
/* .eyebrow markada --teal (#0E8B7E): 12px metinde 3.92:1 → 4.5 gerekli. */
.svz-rc .eyebrow{color:var(--tealD)}
/* Gri durak numarasi: beyaz yazi #8AA09B uzerinde 2.77:1 idi. */
.svz-rc .rc-sq.grey{background:#5E706C}
/* Sonuc kartinin acik ucu beyaz metin icin fazla acikti (4.06:1); gradyan
   koyulastirildi ve alt metin beyaza yaklastirildi. */
.svz-rc .rc-hero-result{background:linear-gradient(135deg,#08463F,#0B6B60)}
.svz-rc .rc-hero-result p{color:#E8F4F1}

/* Kazanc rozeti — uygulanabilir sirada kesin (teal), yalnizca ideal planlamada
   mumkun olan durumda POTANSIYEL (turuncu + "mogelijk" tonunda). */
.svz-rc .rc-delta{margin:0;font-size:14px;font-weight:700;color:var(--tealD)}
.svz-rc .rc-delta.potential{color:var(--coralD)}
.svz-rc .rc-monthnote{margin:10px 0 0;font-size:13px;color:var(--mut);line-height:1.5}