/* ============================================================
   HELORAS HEADER — sıfırdan, görselli (hh- prefix, izole)
   ============================================================ */
.hh{position:sticky;top:0;z-index:90;transition:.3s}
.hh::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.72);
  backdrop-filter:blur(16px) saturate(165%);-webkit-backdrop-filter:blur(16px) saturate(165%);
  opacity:0;border-bottom:1px solid transparent;transition:.3s;z-index:-1}
.hh.is-stuck::before{opacity:1;border-bottom-color:var(--line);box-shadow:0 12px 40px -26px rgba(15,40,100,.5)}
.hh-bar{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:16px;height:80px;padding:0 26px;transition:height .3s}
.hh.is-stuck .hh-bar{height:66px}

/* logo */
.hh-logo{display:flex;align-items:center;flex:none}
.hh-logo img{height:58px;width:auto;display:block;transition:height .3s}
.hh.is-stuck .hh-logo img{height:46px}

/* menü */
.hh-menu{display:flex;align-items:center;gap:2px;margin:0 auto}
.hh-menu>a,.hh-trigger{position:relative;display:inline-flex;align-items:center;gap:6px;
  padding:11px 15px;font:600 15.5px/1 var(--font);color:var(--ink);background:none;border:0;
  cursor:pointer;border-radius:11px;transition:.18s}
.hh-menu>a::after,.hh-trigger::after{content:"";position:absolute;left:15px;right:15px;bottom:5px;
  height:2px;border-radius:2px;background:var(--grad-bright);transform:scaleX(0);transform-origin:left;transition:.25s}
.hh-menu>a:hover,.hh-trigger:hover,.hh-menu>a.active{color:var(--sapphire)}
.hh-menu>a:hover::after,.hh-trigger:hover::after,.hh-menu>a.active::after,
.hh-has-mega:hover .hh-trigger::after,.hh-has-mega.open .hh-trigger::after{transform:scaleX(1)}
.hh-trigger .chev{width:15px;height:15px;transition:.25s}
.hh-has-mega:hover .hh-trigger .chev,.hh-has-mega.open .hh-trigger .chev{transform:rotate(180deg)}

/* sağ aksiyonlar */
.hh-actions{display:flex;align-items:center;gap:12px;flex:none}
.hh-cta{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:13px;
  font:700 15px/1 var(--font);color:#fff;background-image:linear-gradient(120deg,#4f46e5,#2563eb 48%,#06b6d4);
  box-shadow:0 14px 30px -10px rgba(37,99,235,.6);transition:.22s;white-space:nowrap}
.hh-cta:hover{transform:translateY(-2px);box-shadow:0 20px 42px -12px rgba(37,99,235,.72)}
.hh-cta svg{width:17px;height:17px}

/* mega menü */
.hh-has-mega{position:static}
.hh-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);
  box-shadow:0 40px 70px -36px rgba(15,40,100,.5);opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:.26s;padding:26px 0}
.hh-has-mega:hover .hh-mega,.hh-has-mega.open .hh-mega{opacity:1;visibility:visible;transform:none}
.hh-mega-in{max-width:1280px;margin:0 auto;padding:0 26px;display:grid;grid-template-columns:1fr 330px;gap:26px}
.hh-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hh-card{display:flex;align-items:center;gap:13px;padding:9px;border-radius:14px;border:1px solid transparent;transition:.18s}
.hh-card:hover{background:var(--bg-soft);border-color:var(--line)}
.hh-card .thumb{position:relative;flex:none;width:76px;height:58px;border-radius:11px;overflow:hidden}
.hh-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}
.hh-card:hover .thumb img{transform:scale(1.09)}
.hh-card .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(37,99,235,.18),rgba(8,20,48,.5))}
.hh-card .thumb .ic{position:absolute;left:7px;top:7px;width:25px;height:25px;border-radius:8px;
  background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--indigo);z-index:2}
.hh-card .thumb .ic svg{width:14px;height:14px}
.hh-card .tx b{display:block;font-size:14.5px;color:var(--ink);font-weight:700}
.hh-card .tx span{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35}

.hh-feat{position:relative;border-radius:18px;overflow:hidden;min-height:240px;
  display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff}
.hh-feat .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hh-feat::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(11,20,48,.3),rgba(11,20,48,.9));z-index:1}
.hh-feat>*{position:relative;z-index:2}
.hh-feat .k{font:700 11px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#7dd3fc}
.hh-feat h4{font-size:20px;margin-top:9px;color:#fff;line-height:1.2}
.hh-feat p{font-size:13px;color:rgba(255,255,255,.85);margin-top:8px}
.hh-feat .mf{margin-top:16px;align-self:flex-start;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.4);color:#fff;padding:10px 16px;border-radius:11px;
  font:700 13.5px/1 var(--font);transition:.2s}
.hh-feat .mf:hover{background:#fff;color:var(--indigo)}

/* hamburger + mobil çekmece */
.hh-burger{display:none;width:46px;height:46px;border:1px solid var(--line-2);background:#fff;
  border-radius:12px;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.hh-burger i{width:20px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
.hh-ov{display:none;position:fixed;inset:0;background:rgba(8,14,38,.55);z-index:99}
.hh-ov.open{display:block}
.hh-drawer{display:none;position:fixed;inset:0 0 0 auto;width:min(380px,88vw);background:#fff;z-index:100;
  box-shadow:-24px 0 70px -24px rgba(15,40,100,.5);padding:18px;overflow-y:auto;transform:translateX(100%);transition:.3s}
.hh-drawer.open{display:block;transform:none}
.hh-dhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.hh-dhead img{height:46px;width:auto}
.hh-dhead .x{font-size:30px;line-height:1;cursor:pointer;color:var(--muted)}
.hh-drawer>a{display:block;padding:13px 12px;border-radius:11px;font:600 16px/1.2 var(--font);color:var(--ink)}
.hh-drawer>a:hover{background:var(--bg-soft)}
.hh-dsub{font:700 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:16px 0 6px 12px}
.hh-dsvc{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;color:var(--ink)}
.hh-dsvc:hover{background:var(--bg-soft)}
.hh-dsvc .thumb{width:48px;height:38px;border-radius:9px;overflow:hidden;flex:none}
.hh-dsvc .thumb img{width:100%;height:100%;object-fit:cover}
.hh-dsvc b{font-size:14.5px;font-weight:600}
.hh-dcta{display:block;text-align:center;margin-top:18px;padding:14px;border-radius:13px;
  color:#fff !important;font-weight:700;background-image:linear-gradient(120deg,#4f46e5,#2563eb 48%,#06b6d4)}

@media(max-width:1080px){.hh-menu{display:none}.hh-burger{display:flex}.hh-cta{display:none}}
@media(max-width:560px){.hh-logo img{height:46px}.hh.is-stuck .hh-logo img{height:40px}.hh-bar{height:70px;padding:0 16px}}

/* === header her zaman beyaz-cam (koyu hero sayfalarında okunurluk) === */
.hh::before{opacity:1;border-bottom-color:var(--line)}

/* === GÜÇLÜ GÖRSELLİ SAYFA HERO === */
.page-hero.has-img{position:relative;padding:78px 0 84px;text-align:left;overflow:hidden;color:#fff}
.page-hero.has-img .container{position:relative;z-index:3}
.page-hero .hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.page-hero .hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}
.page-hero .hero-bg::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(115deg,rgba(7,14,38,.95) 0%,rgba(12,26,72,.84) 50%,rgba(6,40,92,.6) 100%)}
.page-hero .hero-bg::before{content:"";position:absolute;inset:0;z-index:2;
  background:radial-gradient(820px 300px at 14% 6%,rgba(56,130,246,.4),transparent 72%)}
.page-hero.has-img .crumbs{color:rgba(255,255,255,.72)}
.page-hero.has-img .crumbs a{color:#a5d8ff}
.page-hero.has-img .eyebrow{color:#7dd3fc}
.page-hero.has-img h1{color:#fff;margin-top:14px;max-width:18ch}
.page-hero.has-img p{color:rgba(255,255,255,.88);margin:18px 0 0;max-width:660px;font-size:18px}
.page-hero.has-img .h-grad{background:linear-gradient(110deg,#7dd3fc,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero.has-img .ic-badge{width:66px;height:66px;border-radius:18px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;color:#7dd3fc;margin-bottom:6px}
.page-hero.has-img .ic-badge svg{width:30px;height:30px}
.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-badges .hb{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:13px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);font:600 13.5px/1 var(--font);color:#fff;white-space:nowrap}
.hero-badges .hb b{font-weight:800;color:#fff}
.hero-badges .hb svg{width:16px;height:16px;color:#7dd3fc;flex:none}
@media(max-width:560px){.page-hero.has-img{padding:48px 0 56px}.page-hero.has-img p{font-size:16px}}