/* ============================================================
   QuickShipment — Musteri Sonuclari sayfasi
   /results.html  ve  /sonuclar.html
   Tum siniflar "res-" onekli: baska sayfayi etkilemez.
   ============================================================ */

/* ---------- 1. HERO (koyu — diger ic sayfalarla ayni) ---------- */
.res-hero{
  position:relative;
  padding:calc(var(--nav-h) + 58px) 0 54px;
  background:linear-gradient(135deg,#01238f 0%,#0a1628 100%);
  overflow:hidden;
}
.res-hero::after{
  content:"";position:absolute;right:-140px;top:-140px;
  width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(241,90,37,.16),transparent 68%);
  pointer-events:none;
}
.res-hero>.container{position:relative;z-index:1}

.res-crumb{font-size:0.8125rem;color:rgba(255,255,255,.62);margin-bottom:18px}
.res-crumb a{color:rgba(255,255,255,.82);text-decoration:none}
.res-crumb a:hover{color:#fff;text-decoration:underline}
.res-crumb span{color:rgba(255,255,255,.45)}

.res-eyebrow{
  display:inline-block;font-family:'DM Sans',sans-serif;
  font-size:0.75rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--orange-mid);margin-bottom:14px;
}
.res-hero h1{color:#fff;margin:0 0 16px}
.res-lead{
  color:rgba(255,255,255,.80);max-width:660px;
  font-size:1.0625rem;line-height:1.65;margin:0;
}

/* ---------- 2. HERO ICI KANIT SERIDI ---------- */
.res-proof{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;margin-top:38px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius-md);overflow:hidden;
}
.res-proof__i{
  background:rgba(255,255,255,.045);
  padding:20px 18px;text-align:left;
}
.res-proof__v{
  font-family:'DM Sans',sans-serif;font-weight:800;
  font-size:1.625rem;line-height:1.1;color:#fff;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
.res-proof__l{
  font-size:0.8125rem;color:rgba(255,255,255,.68);
  margin-top:6px;line-height:1.35;
}

/* ---------- 3. BOLUM BASLIKLARI ---------- */
.res-sec{padding:64px 0 0}
.res-sec:last-of-type{padding-bottom:72px}
.res-sec__head{margin-bottom:28px;max-width:640px}
.res-sec h2{
  font-family:'DM Sans',sans-serif;font-size:1.75rem;font-weight:800;
  color:var(--ink);letter-spacing:-.025em;margin:0 0 8px;
}
.res-sec__sub{font-size:0.9375rem;color:var(--ink-60);margin:0;line-height:1.6}

/* ---------- 4. VAKA CALISMASI KARTLARI ---------- */
.res-cs{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
  gap:20px;
}
.res-cs__card{
  display:flex;flex-direction:column;
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius-md);padding:24px;
  text-decoration:none;box-shadow:var(--shadow-card);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.res-cs__card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);border-color:var(--blue-border);
}
.res-cs__metric{
  font-family:'DM Sans',sans-serif;font-weight:800;
  font-size:1.875rem;line-height:1;color:var(--blue);
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;
}
.res-cs__metric-l{
  font-size:0.75rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;margin-top:7px;
  /* Marka turuncusu (#f15a25) beyaz uzerinde 3.37:1 — 12px metin
     icin WCAG AA'nin altinda. --orange-text 5.65:1 veriyor. */
  color:var(--orange-text);
}
.res-cs__t{
  font-family:'Inter',sans-serif;font-size:1rem;font-weight:700;
  color:var(--ink);line-height:1.4;margin:16px 0 0;
  flex:1;letter-spacing:-.01em;
}
.res-cs__cta{
  display:inline-flex;align-items:center;gap:7px;
  margin-top:18px;font-size:0.875rem;font-weight:700;color:var(--blue);
}
.res-cs__card:hover .res-cs__cta{gap:11px}
.res-cs__cta span{transition:transform .18s ease}

/* ---------- 5. REFERANS KARTLARI ---------- */
.res-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
  gap:20px;
}
.res-card{
  display:flex;flex-direction:column;
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius-md);overflow:hidden;
  box-shadow:var(--shadow-card);
  transition:transform .18s ease,box-shadow .18s ease;
}
.res-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}

/* 5a. kart ustu */
.res-card__top{
  display:flex;align-items:flex-start;gap:13px;
  padding:22px 22px 0;
}
.res-card__av{
  width:46px;height:46px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'DM Sans',sans-serif;font-weight:800;font-size:0.9375rem;
  letter-spacing:.01em;
}
.res-card__av--a{background:var(--blue-subtle);color:var(--blue)}
.res-card__av--b{background:var(--orange-light);color:var(--orange-dark)}
.res-card__av--c{background:var(--green-subtle);color:#0a7d57}
.res-card__av--d{background:var(--surface-2);color:var(--ink-60)}

.res-card__id{min-width:0;flex:1}
.res-card__n{
  font-family:'Inter',sans-serif;font-weight:700;font-size:0.9375rem;
  color:var(--ink);line-height:1.3;
}
.res-card__r{
  font-size:0.8125rem;color:var(--ink-40);
  margin-top:3px;line-height:1.4;
}
.res-card__tag{
  flex-shrink:0;font-size:0.6875rem;font-weight:700;
  padding:5px 11px;border-radius:100px;
  background:var(--blue-subtle);color:var(--blue);
  border:1px solid var(--blue-border);white-space:nowrap;
  align-self:flex-start;
}

/* 5b. alinti */
.res-card__q{
  position:relative;margin:16px 0 0;padding:0 22px 0 40px;
  font-size:0.9375rem;line-height:1.62;color:var(--ink-80);flex:1;
}
.res-card__q::before{
  content:"\201C";position:absolute;left:20px;top:-9px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:2.6rem;line-height:1;color:var(--ink-20);
}

/* 5c. etiketler */
.res-card__chips{
  display:flex;flex-wrap:wrap;gap:6px;padding:16px 22px 0;
}
.res-card__chip{
  display:inline-flex;align-items:center;gap:5px;
  font-size:0.75rem;font-weight:600;color:var(--ink-60);
  background:var(--surface);border:1px solid var(--ink-10);
  border-radius:100px;padding:4px 11px;
}
.res-card__chip .qi{width:.95em;height:.95em;color:var(--ink-40)}

/* 5d. metrikler */
.res-card__stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;margin:18px 22px 0;
  background:var(--ink-10);
  border:1px solid var(--ink-10);
  border-radius:var(--radius-sm);overflow:hidden;
}
.res-card__stat{background:var(--ink-3);padding:12px 8px;text-align:center}
.res-card__v{
  font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.0625rem;
  color:var(--blue);letter-spacing:-.02em;line-height:1.15;
  font-variant-numeric:tabular-nums;
}
.res-card__l{
  font-size:0.6875rem;color:var(--ink-40);
  margin-top:4px;line-height:1.3;
}

/* 5e. tasarruf serisi */
.res-card__sav{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin-top:18px;padding:13px 22px;
  background:var(--green-bg);border-top:1px solid var(--ink-10);
}
.res-card__sav-l{
  font-size:0.8125rem;font-weight:600;color:var(--ink-60);
}
.res-card__sav-v{
  font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.0625rem;
  color:#0a7d57;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}

/* ---------- 6. SEFFAFLIK NOTU ---------- */
.res-note{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--orange-bg);border:1px solid rgba(241,90,37,.20);
  border-radius:var(--radius-md);padding:20px 22px;margin:44px 0 0;
}
.res-note .qi{
  width:20px;height:20px;flex-shrink:0;
  color:var(--orange);margin-top:1px;
}
.res-note p{margin:0;font-size:0.875rem;line-height:1.62;color:var(--ink-80)}

/* ---------- 7. KAPANIS CTA ---------- */
.res-cta{
  margin:56px 0 0;padding:44px 40px;text-align:center;
  background:linear-gradient(135deg,#01238f 0%,#0a1628 100%);
  border-radius:var(--radius-lg);
}
.res-cta h2{
  font-family:'DM Sans',sans-serif;font-size:1.625rem;font-weight:800;
  color:#fff;letter-spacing:-.025em;margin:0 0 10px;
}
.res-cta p{
  color:rgba(255,255,255,.78);font-size:0.9375rem;
  margin:0 auto 24px;max-width:480px;line-height:1.6;
}
.res-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.res-cta .btn-ghost{
  background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.42);
}
.res-cta .btn-ghost:hover{
  background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.65);
}

/* ---------- 8. DUYARLI ---------- */
@media(max-width:900px){
  .res-hero{padding:calc(var(--nav-h) + 40px) 0 42px}
  .res-proof{grid-template-columns:repeat(2,1fr)}
  .res-proof__v{font-size:1.4375rem}
  .res-sec{padding:48px 0 0}
  .res-sec h2{font-size:1.5rem}
  .res-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .res-proof{grid-template-columns:1fr}
  .res-card__top{flex-wrap:wrap}
  .res-card__tag{order:3;width:100%;margin-top:2px;text-align:center}
  .res-card__stats{grid-template-columns:1fr;gap:1px}
  .res-card__stat{display:flex;align-items:baseline;gap:8px;text-align:left;padding:10px 14px}
  .res-card__l{margin-top:0}
  .res-cta{padding:34px 22px}
  .res-cta__btns .btn{width:100%}
}

/* ---------- 9. HAREKET AZALTMA ---------- */
@media(prefers-reduced-motion:reduce){
  .res-card,.res-cs__card{transition:none}
  .res-card:hover,.res-cs__card:hover{transform:none}
}