/* ===========================================================
   Arı Psikoloji — Hero Widget (Survivor Dijital / srvvr-ari)
   Tüm kurallar .srvvr-ari-hero altına izole edilmiştir;
   global reset / :root değişkeni KULLANILMAZ (tema ile çakışmaz).
   Kırılımlar: ≤767 mobil · 768–1024 tablet · >1024 masaüstü
   =========================================================== */

.srvvr-ari-hero{
  /* Tema (bee) varsayılanları — biçim sekmesi bu değişkenleri ezer */
  --c-primary:#FBB847;
  --c-on-primary:#141210;
  --c-text-soft:#6f685d;
  --c-cream-2:#fdf6ea;
  --c-border:#efe6d6;
  --c-soft:#fde2b4;
  --c-bg:#ffffff;
  --srvvr-title-color:#141210;
  --srvvr-hero-img-h:560px;
  --font-head:'Lora',serif;
  --font-body:'Mulish',sans-serif;
  font-family:var(--font-body);
  color:#33302a;
}
.srvvr-ari-hero *{box-sizing:border-box}

.srvvr-ari-hero .hero{position:relative;width:100%;background:var(--c-bg);overflow:hidden}
.srvvr-ari-hero .hero-progress{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--c-soft);z-index:6}
.srvvr-ari-hero .hero-progress-bar{height:100%;background:var(--c-primary);width:0;transition:width .06s linear}

.srvvr-ari-hero .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.16);z-index:7;transition:opacity .28s;opacity:0;pointer-events:none}
.srvvr-ari-hero .hero:hover .hero-arrow{opacity:1;pointer-events:auto}
.srvvr-ari-hero .hero-arrow.left{left:20px}
.srvvr-ari-hero .hero-arrow.right{right:20px}
.srvvr-ari-hero .hero-arrow svg{stroke:#33302a;fill:none}

.srvvr-ari-hero .hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:var(--srvvr-hero-img-h)}
.srvvr-ari-hero .hero-left{padding:56px clamp(40px,4vw,72px) 70px clamp(28px,5vw,72px);display:flex;flex-direction:column;justify-content:center}

.srvvr-ari-hero .hero-slide-txt{display:none}
.srvvr-ari-hero .hero-slide-txt.active{display:block}
.srvvr-ari-hero .hero-h1{margin:0;font-family:var(--font-head);font-size:clamp(30px,5.2vw,46px);line-height:1.18;font-weight:600;color:var(--srvvr-title-color);letter-spacing:-.4px}
.srvvr-ari-hero .hero-p{margin:20px 0 0;font-size:16.5px;line-height:1.7;color:var(--c-text-soft);max-width:480px}

.srvvr-ari-hero .hero-btns{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.srvvr-ari-hero .btn-primary,
.srvvr-ari-hero .btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 26px;border-radius:10px;font-weight:700;font-size:15.5px;line-height:1.1;text-decoration:none;cursor:pointer}
.srvvr-ari-hero .btn-primary{background:var(--c-primary);color:var(--c-on-primary);border:1.5px solid var(--c-primary);box-shadow:0 8px 20px rgba(20,18,16,.18)}
.srvvr-ari-hero .btn-outline{background:var(--c-bg);color:#141210;border:1.5px solid var(--c-border)}
.srvvr-ari-hero .hero-btn-ic{display:inline-flex;line-height:0}
.srvvr-ari-hero .hero-btn-ic svg{stroke:var(--c-on-primary);fill:none}
.srvvr-ari-hero .hero-btn-ic-accent svg{stroke:var(--c-primary)}

.srvvr-ari-hero .hero-features{display:flex;gap:30px;margin-top:38px;flex-wrap:wrap}
.srvvr-ari-hero .hero-feature{display:flex;gap:11px;max-width:185px}
.srvvr-ari-hero .hero-feature-ic{flex:none;line-height:0;margin-top:1px;color:#141210}
.srvvr-ari-hero .hero-feature-ic svg{width:26px;height:26px;fill:currentColor;stroke:currentColor}
.srvvr-ari-hero .hero-feature-ic i{font-size:24px}
.srvvr-ari-hero .hero-feature-title{font-weight:700;font-size:14px;color:#33302a}
.srvvr-ari-hero .hero-feature-desc{font-size:12.5px;color:#9a9285;line-height:1.5;margin-top:3px}

.srvvr-ari-hero .hero-right{position:relative;overflow:hidden}
.srvvr-ari-hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.srvvr-ari-hero .hero-img.active{display:block}
.srvvr-ari-hero .hero-img-empty{background:#e3d6bd}
.srvvr-ari-hero .hero-img-empty::after{content:"Görsel ekleyin";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a98f63;font-size:13px;font-weight:700;font-family:var(--font-body)}

.srvvr-ari-hero .hero-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:11px;z-index:6;flex-wrap:wrap;max-width:80%;justify-content:center}
.srvvr-ari-hero .hero-dot{width:13px;height:13px;border-radius:50%;border:none;cursor:pointer;padding:0;transition:all .3s;background:#cdd3c6}
.srvvr-ari-hero .hero-dot.active{background:var(--c-primary);transform:scale(1.15)}

/* ---- TABLET: ≤1024px ---- */
@media (max-width:1024px){
  .srvvr-ari-hero{--srvvr-hero-img-h:460px}
  .srvvr-ari-hero .hero-arrow{display:none}
}

/* ---- MOBİL: ≤767px (görsel üstte, başlık görsel üzerinde, alt güven şeridi) ---- */
@media (max-width:767px){
  .srvvr-ari-hero{--srvvr-hero-img-h:240px}

  .srvvr-ari-hero .hero-grid{display:flex;flex-direction:column;min-height:0}
  .srvvr-ari-hero .hero-right{order:-1;height:var(--srvvr-hero-img-h)}
  .srvvr-ari-hero .hero-right::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(to top,rgba(20,18,16,.85),rgba(20,18,16,0));pointer-events:none;z-index:1}

  .srvvr-ari-hero .hero-left{padding:0;display:block}
  .srvvr-ari-hero .hero-slide-txt.active .hero-h1{position:absolute;left:18px;right:18px;top:calc(var(--srvvr-hero-img-h) - 106px);z-index:3;color:#fff;font-size:21px;line-height:1.22;letter-spacing:-.2px}
  .srvvr-ari-hero .hero-slide-txt.active .hero-p{margin:0;padding:16px 18px 0;font-size:14px;line-height:1.6;max-width:none}
  .srvvr-ari-hero .hero-btns{padding:0 18px;margin-top:18px;flex-direction:column}
  .srvvr-ari-hero .btn-primary,
  .srvvr-ari-hero .btn-outline{width:100%}

  .srvvr-ari-hero .hero-dots{top:calc(var(--srvvr-hero-img-h) - 28px);bottom:auto;left:18px;transform:none;justify-content:flex-start;max-width:none}
  .srvvr-ari-hero .hero-dot{width:6px;height:6px;background:rgba(255,255,255,.55)}
  .srvvr-ari-hero .hero-dot.active{width:20px;border-radius:3px;background:var(--c-primary);transform:none}

  .srvvr-ari-hero .hero-features{display:flex;gap:0;margin:22px 0 0;border-top:1px solid var(--c-border);background:var(--c-cream-2)}
  .srvvr-ari-hero .hero-feature{flex:1;max-width:none;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 6px;border-right:1px solid var(--c-border)}
  .srvvr-ari-hero .hero-feature:last-child{border-right:none}
  .srvvr-ari-hero .hero-feature-title{font-size:11px;line-height:1.3}
  .srvvr-ari-hero .hero-feature-desc{display:none}
}