/* ============ B2B Sponsorluk Paketleri (reklam-ver) — A#6, 2026-07-31 ============
   Referanssız yeni sayfa — bu markada bir "reklam-ver-v1.html" hiç var olmadı.
   Vizüel dil İCAT EDİLMEDİ: hero deseni tarif-liste.css/.lst-top ve iletisim.css/
   .con-top ile BİREBİR (koyu fotoğraf + gradient + beyaz metin, padding-top:128px);
   paket kartları hakkimizda.css/.val-card + .bridge-card ile AYNI dil (paper zemin,
   line kenarlık, radius-lg, tomato-tint ikon dairesi). Token sistemi dışında
   renk/radius/gölge YOK — hepsi tokens.css'ten. */

/* ---- hero: koyu fotoğraf + breadcrumb/eyebrow/h1/lead beyaz metin ---- */
.rv-hero{
  position:relative;padding:128px 0 56px;
  background-image:linear-gradient(90deg,rgba(28,25,18,.93),rgba(33,30,22,.72)),
    url('https://images.unsplash.com/photo-1556909212-d5b604d0c90d?w=1600&q=80&auto=format&fit=crop&exp=7&gam=6&sat=-9&high=8&vib=5');
  background-size:cover;background-position:center;
}
.rv-hero .wrap{position:relative}
.rv-hero .rd-crumb,.rv-hero .rd-crumb a{color:#c9c3b8}
.rv-hero .rd-crumb a:hover{color:#ff8763}
.rv-hero .rd-crumb i{color:rgba(255,255,255,.4)}
.rv-hero .rd-crumb b{color:#fff}
.rv-hero .eyebrow{color:#ffd9cf;margin-top:10px}
.rv-hero h1{color:#fff;font-size:clamp(30px,3.5vw,42px);letter-spacing:-.03em;line-height:1.12;max-width:760px;margin:14px 0 16px;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.rv-hero .lead{color:#e7edf1;font-weight:500;font-size:15.5px;max-width:640px;line-height:1.65;text-shadow:0 1px 14px rgba(0,0,0,.3);margin-bottom:26px}
.rv-hero-cta{display:inline-flex}

.rv-packages{background:var(--bg-white)}

/* ---- paket kartları (val-card/bridge-card dilinin AYNISI) ---- */
.rv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:30px}
.rv-card{
  position:relative;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:26px;display:flex;flex-direction:column;gap:10px;
  transition:.25s var(--ease);
}
.rv-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.rv-ico{width:50px;height:50px;border-radius:var(--radius-md);background:var(--tomato-tint);color:var(--tomato);display:grid;place-items:center;font-size:20px}
.rv-card h3{font-size:18px;color:var(--slate);margin:2px 0 0}
.rv-target{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--tomato);text-transform:uppercase;letter-spacing:.04em}
.rv-target i{font-size:11px}
.rv-scope{font-size:14px;color:var(--slate-2);font-weight:500;line-height:1.6;margin:0}
.rv-facts{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}
.rv-fact{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.rv-fact span{color:var(--muted);font-weight:600}
.rv-fact b{color:var(--slate);font-weight:700;text-align:right}
/* Not: --green/--green-deep tokens.css'te "YALNIZ sağlık bloğu" diye ayrılmış
   (tokens.css satır 44-45) — bu rozet sağlıkla ilgisiz, bu yüzden tbadge.t-editor
   ile AYNI tomato-tint dilini kullanır (Editör Onaylı rozetiyle BİREBİR desen). */
.rv-ready{display:inline-flex;align-items:center;gap:6px;align-self:start;margin-top:2px;font-size:12px;font-weight:700;color:var(--tomato);background:var(--tomato-tint);border:1px solid rgba(225,72,39,.25);border-radius:var(--radius-sm);padding:5px 10px}

/* ---- süreç adımları ---- */
.rv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.rv-step{background:var(--bg-white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}
.rv-step-no{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-circle);background:var(--tomato);color:#fff;font-weight:800;font-size:14px;margin-bottom:14px}
.rv-step h3{font-size:16px;color:var(--slate);margin-bottom:6px}
.rv-step p{font-size:13.5px;color:var(--slate-2);font-weight:500;line-height:1.6;margin:0}
.rv-how{background:var(--bg-cream)}

/* ---- kapanış CTA'sı (pro-cta ile AYNI dil) ---- */
.rv-cta{padding:56px 0 70px;background:var(--bg-cream);border-top:1px solid var(--line);text-align:center}
.rv-cta h2{font-size:26px;color:var(--slate);margin-bottom:10px}
.rv-cta p{font-size:15px;color:var(--muted);font-weight:500;max-width:520px;margin:0 auto 22px;line-height:1.6}

@media (max-width:1024px){
  .rv-steps{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .rv-hero{padding:96px 0 40px}
  .rv-grid{grid-template-columns:1fr}
  .rv-steps{grid-template-columns:1fr}
}