/* ── HERO ───────────────────────────────────────────────────── */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--siyah)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);transition:transform 8s ease}
.hero:hover .hero-bg{transform:scale(1.08)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,5,5,.84) 0%,rgba(10,25,15,.65) 50%,rgba(5,30,15,.5) 100%)}
.hero-parcaciklar{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-parcaciklar span{position:absolute;border-radius:50%;background:rgba(122,154,31,.14);animation:parcacik 7s infinite ease-in-out}
.p1{width:8px;height:8px;top:15%;left:8%;animation-delay:0s}
.p2{width:5px;height:5px;top:25%;left:18%;animation-delay:1s;animation-duration:9s}
.p3{width:10px;height:10px;top:60%;left:12%;animation-delay:2s;animation-duration:8s}
.p4{width:6px;height:6px;top:80%;left:22%;animation-delay:.5s}
.p5{width:8px;height:8px;top:10%;right:15%;animation-delay:1.5s;animation-duration:7s}
.p6{width:4px;height:4px;top:35%;right:8%;animation-delay:3s}
.p7{width:12px;height:12px;top:55%;right:18%;animation-delay:.8s;animation-duration:8.5s}
.p8{width:5px;height:5px;top:75%;right:10%;animation-delay:2.5s}
.p9{width:7px;height:7px;top:45%;left:40%;animation-delay:1.2s;background:rgba(201,168,76,.18)}
.p10{width:9px;height:9px;top:30%;left:55%;animation-delay:3.5s;background:rgba(201,168,76,.14)}
.p11{width:6px;height:6px;top:20%;left:70%;animation-delay:.3s}
.p12{width:4px;height:4px;top:65%;right:30%;animation-delay:4s}
.hero .konteyner{position:relative;z-index:10;padding-top:80px;padding-bottom:80px}
.hero-ic{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:calc(100svh - 160px)}
/* Metin */
.hero-metin{color:#fff}
.hero-on-yazi{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zeytin);background:rgba(122,154,31,.1);border:1px solid rgba(122,154,31,.28);padding:5px 14px;border-radius:var(--r-tam);margin-bottom:1.4rem;opacity:0;animation:fadeInUp .7s ease .2s forwards}
.hero-baslik{font-family:var(--f-baslik);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1.1;color:#fff;margin-bottom:1.4rem;opacity:0;animation:fadeInUp .8s ease .4s forwards}
.hb-1{display:block}
.hb-2{display:block;font-style:italic;color:var(--zeytin);font-size:.58em;font-weight:600;line-height:1.3;margin-top:.1em}
.hb-3{display:block}
.hb-4{display:block;font-style:italic;color:var(--zeytin);font-size:.58em;font-weight:600;line-height:1.3;margin-top:.1em}
.hero-aciklama{font-size:1.06rem;color:rgba(255,255,255,.72);max-width:480px;margin-bottom:1.8rem;line-height:1.75;opacity:0;animation:fadeInUp .8s ease .6s forwards}
.hero-butonlar{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:2.5rem;opacity:0;animation:fadeInUp .8s ease .8s forwards}
.btn-hero-ikincil{color:rgba(255,255,255,.8);border:2px solid rgba(255,255,255,.3)}
.btn-hero-ikincil:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.6)}
.hero-istatistikler{display:flex;align-items:center;gap:1.4rem;opacity:0;animation:fadeInUp .8s ease 1s forwards}
.hero-stat{text-align:center}
.hero-stat-n{display:block;font-family:var(--f-baslik);font-size:1.9rem;font-weight:700;color:var(--zeytin);line-height:1}
.hero-stat>span:last-child{font-size:.7rem;color:rgba(255,255,255,.5);letter-spacing:.05em;margin-top:3px;display:block}
.hero-sep{width:1px;height:36px;background:rgba(255,255,255,.18)}
/* Görsel */
.hero-gorsel{position:relative;display:flex;justify-content:center}
.hero-gorsel-cerceve img{border-radius:var(--r-lg);width:380px;height:480px;object-fit:cover;box-shadow:0 40px 80px rgba(0,0,0,.5)}

/* ── DÖNEN ÇERÇEVE ── */
.hero-gorsel-cerceve { position: relative; display: inline-block; }

/* Conic-gradient dönen çerçeve — element sabit, sadece renk açısı döner */
.hero-cerceve-don {
  position: absolute;
  inset: -5px;
  border-radius: calc(var(--r-lg) + 5px);
  padding: 4px;
  background: conic-gradient(
    from var(--cerceve-aci, 0deg),
    rgba(122,154,31,.0)    0%,
    rgba(122,154,31,.8)   15%,
    rgba(201,168,76,1.0)  35%,
    rgba(255,255,255,.9)  50%,
    rgba(201,168,76,1.0)  65%,
    rgba(122,154,31,.8)   85%,
    rgba(122,154,31,.0)  100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: cerceve-renk-don 4s linear infinite;
  pointer-events: none;
  z-index: 3;
  /* Parlama efekti */
  filter: drop-shadow(0 0 6px rgba(201,168,76,.5));
}

@property --cerceve-aci {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes cerceve-renk-don {
  from { --cerceve-aci: 0deg; }
  to   { --cerceve-aci: 360deg; }
}

/* ── 4 SABİT ROZET — KENAR ORTALARI ── */
.hrozet {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(145deg, #163f1e, #1e5c29);
  border: 2px solid rgba(122,154,31,.75);
  box-shadow: 0 4px 20px rgba(0,0,0,.65), 0 0 10px rgba(122,154,31,.2), inset 0 1px 0 rgba(255,255,255,.1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  z-index: 6;
  padding: 6px;
}
/* İnce iç halka dekor */
.hrozet::before {
  content: '';
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.13);
  pointer-events: none;
}

/* Kenar ortaları — tam simetrik */
.hrozet-ust { top:   -30px; left: 50%; transform: translateX(-50%); }
.hrozet-sag { right: -30px; top:  50%; transform: translateY(-50%); }
.hrozet-alt { bottom:-30px; left: 50%; transform: translateX(-50%); }
.hrozet-sol { left:  -30px; top:  50%; transform: translateY(-50%); }

.hrozet-ana {
  font-family: var(--f-baslik);
  font-size: .5rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.3;
  display: block;
  position: relative;
  z-index: 1;
}

/* ── MOBİL — 768px ve altı kuralları mobile-fixes.css içinde yönetilir ── */

/* ── Orta tablet (768-992px) ── */
@media (min-width: 769px) and (max-width: 992px) {
  .hero-ic {
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
  }
  .hero-baslik {
    font-size: clamp(1.8rem, 4vw, 2.4rem) !important;
  }
  .hero-gorsel-cerceve img {
    width: 280px !important;
    height: 360px !important;
  }
  .hrozet { width: 48px !important; height: 48px !important; }
  .hrozet-ust { top: -24px !important; }
  .hrozet-sag { right: -24px !important; }
  .hrozet-alt { bottom: -24px !important; }
  .hrozet-sol { left: -24px !important; }
}

/* ── HERO ARKA PLAN & PARÇACIKLAR ── */
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);transition:transform 8s ease}
.hero:hover .hero-bg{transform:scale(1.08)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,5,5,.84) 0%,rgba(10,25,15,.65) 50%,rgba(5,30,15,.5) 100%)}
.hero-parcaciklar{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-parcaciklar span{position:absolute;border-radius:50%;background:rgba(122,154,31,.14);animation:parcacik 7s infinite ease-in-out}
.p1{width:8px;height:8px;top:15%;left:8%;animation-delay:0s}
.p2{width:5px;height:5px;top:25%;left:18%;animation-delay:1s;animation-duration:9s}
.p3{width:10px;height:10px;top:60%;left:12%;animation-delay:2s;animation-duration:8s}
.p4{width:6px;height:6px;top:80%;left:22%;animation-delay:.5s}
.p5{width:8px;height:8px;top:10%;right:15%;animation-delay:1.5s;animation-duration:7s}
.p6{width:4px;height:4px;top:35%;right:8%;animation-delay:3s}
.p7{width:12px;height:12px;top:55%;right:18%;animation-delay:.8s;animation-duration:8.5s}
.p8{width:5px;height:5px;top:75%;right:10%;animation-delay:2.5s}
.p9{width:7px;height:7px;top:45%;left:40%;animation-delay:1.2s;background:rgba(201,168,76,.18)}
.p10{width:9px;height:9px;top:30%;left:55%;animation-delay:3.5s;background:rgba(201,168,76,.14)}

/* ── HERO KONTEYNER ── */
.hero .konteyner{position:relative;z-index:10;padding-top:80px;padding-bottom:80px}

/* ── HERO METİN ── */
.hero-metin{color:#fff}
.hero-on-yazi{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zeytin);background:rgba(122,154,31,.1);border:1px solid rgba(122,154,31,.28);padding:5px 14px;border-radius:var(--r-tam);margin-bottom:1.4rem;opacity:0;animation:fadeInUp .7s ease .2s forwards}
.hero-baslik{font-family:var(--f-baslik);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1.1;color:#fff;margin-bottom:1.4rem;opacity:0;animation:fadeInUp .8s ease .4s forwards}
.hero-baslik span{display:block}
.hero-baslik em{display:block;font-style:italic;color:var(--zeytin);position:relative}
.hero-baslik em::after{display:none}
@keyframes underline-ac{to{width:100%}}
.hero-aciklama{font-size:1.06rem;color:rgba(255,255,255,.72);max-width:480px;margin-bottom:1.8rem;line-height:1.75;opacity:0;animation:fadeInUp .8s ease .6s forwards}
.hero-butonlar{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:2.5rem;opacity:0;animation:fadeInUp .8s ease .8s forwards}
.hero-btn-ikincil{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.3)}
.hero-btn-ikincil:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.6)}
.hero-istatistikler{display:flex;align-items:center;gap:1.4rem;opacity:0;animation:fadeInUp .8s ease 1s forwards}
.hero-stat{text-align:center}
.hero-stat-n{display:block;font-family:var(--f-baslik);font-size:1.9rem;font-weight:700;color:var(--zeytin);line-height:1}
.hero-stat>span:last-child{font-size:.7rem;color:rgba(255,255,255,.5);letter-spacing:.05em;margin-top:3px;display:block}
.hero-sep{width:1px;height:36px;background:rgba(255,255,255,.18)}

/* ── HERO GÖRSEL ── */
.hero-gorsel{position:relative;display:flex;justify-content:center}
.hero-gorsel-cerceve{position:relative}
.hero-gorsel-cerceve img{border-radius:var(--r-lg);width:380px;height:480px;object-fit:cover;box-shadow:0 40px 80px rgba(0,0,0,.5)}
@keyframes donme{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.hero-asagi{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:10;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;animation:ziplama 2s ease-in-out infinite;transition:background var(--t-hizli)}
.hero-asagi:hover{background:rgba(255,255,255,.18)}

/* ── HERO MOBİL ── */
@media (max-width: 768px) {
  .hero {
    min-height: 100svh;
    min-height: -webkit-fill-available;
    align-items: flex-start;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .hero .konteyner {
    padding-top: 36px !important;
    padding-bottom: 48px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .hero-overlay {
    background: linear-gradient(175deg,rgba(2,8,4,.96) 0%,rgba(5,18,10,.90) 40%,rgba(5,25,12,.78) 70%,rgba(5,30,15,.58) 100%) !important;
  }
  .hero-ic {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    gap: 2.5rem !important;
    align-items: flex-start !important;
  }
  .hero-metin { order: 1 !important; position: relative !important; z-index: 5 !important; }
  .hero-gorsel { order: 2 !important; position: relative !important; z-index: 2 !important; justify-content: center !important; padding: 32px 16px 20px !important; }
  .hero-gorsel-cerceve { position: relative !important; display: inline-block !important; z-index: 2 !important; }
  .hero-cerceve-don { z-index: 1 !important; }
  .hero-gorsel-cerceve img { width: min(220px, 60vw) !important; height: min(275px, 75vw) !important; border-radius: var(--r-lg, 16px) !important; }
  .hrozet-sag, .hrozet-sol { display: none !important; }
  .hrozet { width: 46px !important; height: 46px !important; padding: 4px !important; }
  .hrozet-ust { top: -23px !important; left: 50% !important; transform: translateX(-50%) !important; }
  .hrozet-alt { bottom: -23px !important; left: 50% !important; transform: translateX(-50%) !important; }
  .hrozet-ana { font-size: .38rem !important; }
  .hero-on-yazi { font-size: .68rem !important; padding: 4px 11px !important; margin-bottom: 1rem !important; letter-spacing: .1em !important; }
  .hero-baslik {
    font-family: 'Nunito', 'Segoe UI', Arial, sans-serif !important;
    font-size: clamp(1.9rem, 7.5vw, 2.6rem) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
    color: #ffffff !important;
    margin-bottom: 1rem !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-shadow: 0 2px 16px rgba(0,0,0,.8), 0 1px 4px rgba(0,0,0,.9) !important;
  }
  .hb-1, .hb-3 { color: #ffffff !important; }
  .hb-2, .hb-4 {
    font-family: 'Nunito', 'Segoe UI', Arial, sans-serif !important;
    font-style: italic !important;
    color: #9dc030 !important;
    font-size: .52em !important;
    font-weight: 700 !important;
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 0 1px 10px rgba(0,0,0,.75) !important;
  }
  .hero-aciklama {
    font-family: 'Nunito', 'Segoe UI', Arial, sans-serif !important;
    font-size: .96rem !important;
    line-height: 1.72 !important;
    color: rgba(255,255,255,.9) !important;
    max-width: 100% !important;
    margin-bottom: 1.5rem !important;
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.7) !important;
  }
  .hero-butonlar { flex-direction: column !important; gap: 10px !important; margin-bottom: 1.8rem !important; }
  .hero-butonlar .btn { width: 100% !important; justify-content: center !important; padding: 14px 20px !important; font-size: .92rem !important; -webkit-font-smoothing: antialiased !important; }
  .hero-istatistikler { gap: .9rem !important; flex-wrap: nowrap !important; justify-content: flex-start !important; }
  .hero-stat-n {
    font-family: 'Nunito', 'Segoe UI', Arial, sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 900 !important;
    color: #9dc030 !important;
    -webkit-font-smoothing: antialiased !important;
  }
  .hero-stat > span:last-child { font-size: .62rem !important; color: rgba(255,255,255,.6) !important; }
  .hero-sep { height: 28px !important; }
  .hero-asagi { display: none !important; }
}
@media (max-width: 390px) {
  .hero-baslik { font-size: 1.75rem !important; }
  .hero-aciklama { font-size: .9rem !important; }
  .hero-gorsel-cerceve img { width: min(200px, 62vw) !important; height: min(250px, 76vw) !important; }
  .hrozet { width: 42px !important; height: 42px !important; }
  .hrozet-ust { top: -21px !important; }
  .hrozet-alt { bottom: -21px !important; }
  .hrozet-ana { font-size: .37rem !important; }
  .hero-istatistikler { gap: .6rem !important; }
  .hero-stat-n { font-size: 1.25rem !important; }
}