/* ── 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{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)}

/* ── 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 ── */
@media (max-width: 992px) {
  .hero     { min-height: 0 !important; height: auto !important; }
  .hero-ic  { min-height: 0 !important; }
  .hero-asagi { display: none !important; }
  .hrozet   { width: 48px; height: 48px; }
  .hrozet-ust { top:    -24px; }
  .hrozet-sag { right:  -24px; }
  .hrozet-alt { bottom: -24px; }
  .hrozet-sol { left:   -24px; }
  .hrozet-ana { font-size: .44rem; }
}