/* ===========================================================
   Arı Psikoloji — Hizmetler (Survivor Dijital / srvvr-ari)
   .srvvr-ari-services altına izole; global reset / :root yok.
   Kırılımlar: ≤767 mobil · 768–1024 tablet · >1024 masaüstü
   =========================================================== */

.srvvr-ari-services{
  --c-bg:#ffffff;
  --c-ink:#1c1813;
  --c-text:#33302a;
  --c-primary:#FBB847;
  --c-border:#efe6d6;
  --c-border-2:#f1e9db;
  --c-card-soon:#f3ede1;
  --c-ink-accent:#141210;
  --srvvr-svc-img-h:118px;
  --srvvr-svc-card-w:152px;
  --tab-justify:center;
  --tab-gap:46px;
  --font-head:'Lora',serif;
  --font-body:'Mulish',sans-serif;
  font-family:var(--font-body);
}
.srvvr-ari-services *{box-sizing:border-box}

.srvvr-ari-services .services-inner{width:100%;padding:60px clamp(18px,5vw,96px) 10px}
.srvvr-ari-services .section-title{margin:0;font-family:var(--font-head);font-size:clamp(24px,3.4vw,34px);font-weight:600;color:var(--c-ink)}

/* sekmeler */
.srvvr-ari-services .tabs{display:flex;justify-content:var(--tab-justify);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:var(--tab-gap);margin-top:26px;border-bottom:1px solid var(--c-border);scrollbar-width:none;-ms-overflow-style:none}
.srvvr-ari-services .tabs::-webkit-scrollbar{height:0;display:none}
.srvvr-ari-services .tab{flex:none;white-space:nowrap;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:15.5px;padding:0 4px 16px;font-weight:600;color:#9aa093;border-bottom:3px solid transparent;margin-bottom:-1px}
.srvvr-ari-services .tab.active{font-weight:700;color:var(--c-ink);border-bottom-color:var(--c-primary)}

/* kart ızgarası */
.srvvr-ari-services .service-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:34px}
.srvvr-ari-services .service-card{display:none;width:var(--srvvr-svc-card-w);background:var(--c-bg);border:1px solid var(--c-border-2);border-radius:14px;padding:12px 12px 18px;box-shadow:0 4px 14px rgba(60,84,67,.06)}
.srvvr-ari-services .service-card.show{display:block}
.srvvr-ari-services .service-card.soon{background:var(--c-card-soon)}
.srvvr-ari-services .service-thumb-wrap{position:relative}
.srvvr-ari-services .service-img{width:100%;height:var(--srvvr-svc-img-h);border-radius:10px;object-fit:cover;background:#e3ece6;display:block}
.srvvr-ari-services .service-img-empty{position:relative}
.srvvr-ari-services .service-img-empty::after{content:"Görsel ekleyin";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a98f63;font-size:12px;font-weight:700}
.srvvr-ari-services .service-soon-badge{position:absolute;top:8px;right:8px;background:#e7ddc6;color:#8a7a4a;font-size:10px;font-weight:700;padding:4px 9px;border-radius:20px}
.srvvr-ari-services .service-title{font-weight:700;font-size:14.5px;color:var(--c-text);line-height:1.35;margin-top:14px;min-height:40px}
.srvvr-ari-services .service-link{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--c-ink-accent);margin-top:10px;text-decoration:none}
.srvvr-ari-services .service-link svg{stroke:var(--c-ink-accent);fill:none}

/* ---- MOBİL: ≤767px ---- */
@media (max-width:767px){
  .srvvr-ari-services{--tab-justify:flex-start;--tab-gap:22px}
}