/* ===========================================================
   Arı Psikoloji — Ön Görüşme Bandı (Survivor Dijital / srvvr-ari)
   .srvvr-ari-pre altına izole; global reset / :root kullanılmaz.
   Kırılımlar: ≤767 mobil · 768–1024 tablet · >1024 masaüstü
   =========================================================== */

.srvvr-ari-pre{
  --c-cream:#fbf3e3;
  --c-soft:#fde2b4;
  --c-ink:#1c1813;
  --c-text-soft:#6f685d;
  --c-cta-bg:#141210;
  --c-cta-tx:#ffffff;
  --c-icon:#141210;
  --font-head:'Lora',serif;
  --font-body:'Mulish',sans-serif;
  font-family:var(--font-body);
}
.srvvr-ari-pre *{box-sizing:border-box}

.srvvr-ari-pre .pre-band{width:100%;background:var(--c-cream)}
.srvvr-ari-pre .pre-inner{width:100%;padding:34px clamp(18px,5vw,96px);display:flex;align-items:center;gap:28px;flex-wrap:wrap}

/* Sol blok: ikon + başlık + metin (grid-area ile hem masaüstü hem mobil) */
.srvvr-ari-pre .pre-main{flex:1;min-width:300px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico title" "ico text";column-gap:24px;row-gap:6px;align-items:center}
.srvvr-ari-pre .pre-ico{grid-area:ico;align-self:center;width:78px;height:78px;border-radius:50%;background:var(--c-soft);display:flex;align-items:center;justify-content:center;flex:none}
.srvvr-ari-pre .pre-ico svg{width:34px;height:34px;fill:var(--c-icon)}
.srvvr-ari-pre .pre-ico i{font-size:32px;color:var(--c-icon)}
.srvvr-ari-pre .pre-title{grid-area:title;align-self:end;margin:0;font-family:var(--font-head);font-size:25px;font-weight:600;color:var(--c-ink)}
.srvvr-ari-pre .pre-text{grid-area:text;align-self:start;margin:0;font-size:14.5px;color:var(--c-text-soft);line-height:1.6;max-width:560px}

/* Buton */
.srvvr-ari-pre .pre-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--c-cta-bg);color:var(--c-cta-tx);padding:18px 24px;border-radius:11px;font-weight:700;font-size:15px;line-height:1.35;min-width:250px;text-decoration:none;box-shadow:0 10px 22px rgba(20,18,16,.18);transition:background .2s,color .2s}
.srvvr-ari-pre .pre-cta svg{flex:none;stroke:var(--c-cta-tx);fill:none}

/* ---- MOBİL: ≤767px ---- */
@media (max-width:767px){
  .srvvr-ari-pre .pre-inner{flex-direction:column;align-items:stretch;gap:18px;padding-left:18px;padding-right:18px}

  /* ikon + başlık yan yana, açıklama altta tam genişlik */
  .srvvr-ari-pre .pre-main{min-width:0;grid-template-areas:"ico title" "text text";column-gap:14px;row-gap:10px;align-items:center}
  .srvvr-ari-pre .pre-ico{width:56px;height:56px;align-self:center}
  .srvvr-ari-pre .pre-ico svg{width:26px;height:26px}
  .srvvr-ari-pre .pre-ico i{font-size:24px}
  .srvvr-ari-pre .pre-title{align-self:center;font-size:21px}
  .srvvr-ari-pre .pre-text{align-self:start;font-size:13.5px;max-width:none}

  /* buton tam genişlik */
  .srvvr-ari-pre .pre-cta{width:100%;min-width:0;justify-content:center;gap:14px}
}