:root{
  --bg:#070a0f;
  --bg2:#0b0f14;
  --panel:#0f1520;
  --text:#e8eefc;
  --muted:#a6b2cc;
  --line:rgba(255,255,255,.10);
  --gold:#f4c34f;
  --gold2:#ffdf7d;
  --shadow: 0 16px 50px rgba(0,0,0,.45);
  --radius: 18px;
  --max: 1120px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(244,195,79,.18), transparent 55%),
    radial-gradient(900px 500px at 110% 0%, rgba(255,223,125,.10), transparent 45%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  color:var(--text);
  line-height:1.5;
  overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max), calc(100% - 32px)); margin:0 auto}

/* TOPBAR */
.topbar{
  position:sticky;
  top:0;
  z-index:999;
  background: rgba(7,10,15,.72);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
.topbar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 10px 0;
}
.brand img{
  width:48px;
  height:48px;
  object-fit:contain;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.35));
}
.actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.callBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(244,195,79,.45);
  background: linear-gradient(180deg, rgba(244,195,79,.18), rgba(0,0,0,.12));
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  font-weight: 800;
  letter-spacing:.2px;
}
.callBtn__icon{font-size:18px}
.callBtn__text{font-size:14px}

/* HERO */
.hero{
  position:relative;
  overflow:hidden;
  min-height: 78vh;
  display:flex;
  align-items:center;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
  background-size:cover;
  background-position:center;
  transform: scale(1.05);
  filter: saturate(1.02) contrast(1.05);
}
.hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(900px 500px at 15% 20%, rgba(244,195,79,.18), transparent 60%),
    linear-gradient(90deg,
      rgba(7,10,15,.96) 0%,
      rgba(7,10,15,.85) 35%,
      rgba(7,10,15,.55) 60%,
      rgba(7,10,15,.25) 80%,
      rgba(7,10,15,.10) 100%
    ),
    linear-gradient(180deg,
      rgba(7,10,15,0) 55%,
      rgba(7,10,15,.45) 72%,
      rgba(7,10,15,.85) 88%,
      rgba(7,10,15,1) 100%
    );
}
/* HERO alt fade */
.hero::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:180px;
  pointer-events:none;
  z-index:2;
  background: linear-gradient(to bottom,
    rgba(7,10,15,0) 0%,
    rgba(7,10,15,.55) 45%,
    rgba(7,10,15,.90) 75%,
    rgba(7,10,15,1) 100%
  );
}
.hero__content{
  position:relative;
  z-index:3;
  padding: 54px 0;
  max-width: 780px;
}
.badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(244,195,79,.12);
  border: 1px solid rgba(244,195,79,.35);
  color: var(--gold2);
  font-weight: 800;
  letter-spacing: .6px;
  font-size: 12px;
}
h1{
  margin: 14px 0 10px;
  font-size: clamp(30px, 4.8vw, 54px);
  line-height:1.05;
}
h1 span{color: var(--gold)}
.lead{
  margin: 0 0 18px;
  color: var(--muted);
  font-size: clamp(15px, 1.4vw, 18px);
}
.ctaRow{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin: 18px 0 14px;
}
.cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 13px 16px;
  border-radius: 14px;
  font-weight: 900;
  border: 1px solid var(--line);
}
.cta--primary{
  background: linear-gradient(180deg, rgba(244,195,79,.95), rgba(244,195,79,.75));
  color: #111;
  border-color: rgba(244,195,79,.55);
  box-shadow: 0 18px 44px rgba(244,195,79,.18);
}
.cta--ghost{ background: rgba(255,255,255,.05); }
.cta--full{width:100%}
.heroPoints{
  list-style:none;
  padding:0;
  margin: 10px 0 0;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color: rgba(232,238,252,.92);
  font-weight: 650;
}
.hero__dots{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom: 18px;
  display:flex;
  gap:8px;
  z-index:3;
}
.dot{
  width:9px;
  height:9px;
  border-radius:999px;
  background: rgba(255,255,255,.25);
  border: 1px solid rgba(255,255,255,.20);
}
.dot.is-active{
  background: rgba(244,195,79,.95);
  border-color: rgba(244,195,79,.75);
}

/* STRIP */
.strip{
  padding: 18px 0;
  background: #070a0f;
  border-top: 1px solid rgba(255,255,255,.08);
}
.strip__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.stripCard{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 14px 14px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(15,21,32,.55);
  box-shadow: var(--shadow);
}
.stripIcon{font-size:22px}
.stripTitle{font-weight:900}
.stripText{color:var(--muted); font-size:13px; margin-top:2px}

/* SECTIONS */
.section{padding: 56px 0}
.section--dark{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
h2{
  margin:0 0 10px;
  font-size: clamp(22px, 2.5vw, 34px);
}
.sub{margin:0 0 18px; color:var(--muted)}
.cards{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.card{
  padding: 18px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(15,21,32,.55);
  box-shadow: var(--shadow);
}
.card h3{margin:0 0 8px}
.card p{margin:0; color:var(--muted)}
.chips{display:flex; flex-wrap:wrap; gap:10px}
.chip{
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(244,195,79,.25);
  background: rgba(244,195,79,.08);
  color: var(--gold2);
  font-weight: 850;
  font-size: 13px;
}
.note{
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: var(--radius);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: rgba(232,238,252,.92);
}

.twoCol{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  align-items:start;
}
.list{
  margin: 10px 0 0;
  padding-left: 18px;
  color: rgba(232,238,252,.92);
}
.list li{margin: 10px 0}
.panel{
  padding: 18px;
  border-radius: var(--radius);
  border: 1px solid rgba(244,195,79,.22);
  background:
    radial-gradient(900px 400px at 30% 0%, rgba(244,195,79,.15), transparent 55%),
    rgba(15,21,32,.55);
  box-shadow: var(--shadow);
}
.steps{ margin: 12px 0 16px; padding-left: 0; list-style:none; }
.steps li{
  display:flex;
  gap:12px;
  align-items:center;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(255,255,255,.10);
  color: rgba(232,238,252,.92);
}
.steps li:last-child{border-bottom:none}
.steps span{
  width:30px;
  height:30px;
  border-radius: 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(244,195,79,.18);
  border: 1px solid rgba(244,195,79,.28);
  color: var(--gold2);
  font-weight: 900;
}

.faq{display:grid; gap: 10px}
.faqItem{
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(15,21,32,.55);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.faqItem summary{
  cursor:pointer;
  padding: 16px 16px;
  font-weight: 900;
}
.faqItem p{
  margin: 0;
  padding: 0 16px 16px;
  color: var(--muted);
}

.contactGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.contactCard, .mapCard{
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: rgba(15,21,32,.55);
  box-shadow: var(--shadow);
  padding: 18px;
}
.contactRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 12px 0;
  border-bottom: 1px dashed rgba(255,255,255,.10);
}
.contactRow:last-of-type{border-bottom:none}
.contactLabel{color:var(--muted)}
.contactValue{font-weight: 900; color: var(--gold2)}
.tiny{ color:rgba(166,178,204,.85); font-size:12px; margin:16px 0 0; }

.mapCard iframe{
  width:100%;
  height:100%;
  min-height:320px;
  border:0;
  border-radius:16px;
  filter: grayscale(.15) contrast(1.05) brightness(.95);
}

/* Bottom call (mobile) */
.bottomCall{
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 14px;
  display:none;
  padding: 14px 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(244,195,79,.98), rgba(244,195,79,.78));
  color:#111;
  font-weight: 950;
  box-shadow: 0 18px 50px rgba(244,195,79,.22);
  text-align:center;
  z-index: 60;
  border: 1px solid rgba(244,195,79,.65);
}

/* ===== ALT YARIŞ ŞERİDİ (BİTİŞİK BAYRAK) ===== */
.raceBar{
  background:#070a0f;
  padding:22px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.raceBar__track{
  height: 38px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;

  /* ince premium çerçeve */
  border: 1px solid rgba(244,195,79,.18);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);

  /* KLASİK DAMALI BAYRAK: DOLU KARELER */
  background:
    conic-gradient(from 90deg, #fff 0 25%, #000 0 50%, #fff 0 75%, #000 0) 0 0/24px 24px;

  animation: raceBarScroll 1.0s linear infinite;
  opacity: .95;
  filter: contrast(1.15);
}

/* sadece bu şerit için animasyon */
@keyframes raceBarScroll{
  from{ background-position: 0 0; }
  to{ background-position: 48px 0; }
}
@keyframes raceBarScroll{
  from{ background-position: 0 0, 11px 11px; }
  to{ background-position: 44px 0, 55px 11px; }
}

/* Responsive */
@media (max-width: 900px){
  .strip__grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .twoCol{grid-template-columns:1fr}
  .contactGrid{grid-template-columns:1fr}
  .hero{min-height: 76vh}
  .bottomCall{display:block}
}

/* Mobilde üst buton yazıları kapat */
@media (max-width: 520px){
  .callBtn__text{display:none;}
  .callBtn{padding:10px 12px;}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
  .raceBar__track{ animation:none; }
}
/* LOADER */
.loader{
  position:fixed;
  inset:0;
  background: radial-gradient(900px 500px at 50% 30%, rgba(244,195,79,.10), transparent 55%),
              rgba(7,10,15,.92);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  z-index:2000;
  transition: opacity .35s ease, visibility .35s ease;
}

.loader.is-hide{
  opacity:0;
  visibility:hidden;
}
.loaderText{
  font-weight:900;
  letter-spacing:.4px;
  color: rgba(232,238,252,.85);
  font-size:13px;
  text-transform: uppercase;
}
/* dönen teker */
/* TEKER (jant + lastik) */
.wheel{
  position:relative;
  width:88px;
  height:88px;
  border-radius:50%;

  /* lastik dış halka */
  background:
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,0) 0 26px,
      rgba(255,255,255,.10) 26px 27px,
      rgba(0,0,0,0) 27px 100%
    ),
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,0) 0 34px,
      rgba(0,0,0,.55) 34px 44px,
      rgba(0,0,0,0) 44px 100%
    );

  /* lastik diş hissi (dış çizgiler) */
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    inset 0 0 0 10px rgba(0,0,0,.55),
    inset 0 0 0 2px rgba(255,255,255,.10);

  /* döndür */
  animation: wheelSpin .75s linear infinite;
  .wheel{
  /* ...senin mevcut wheel özelliklerin kalsın... */
  background-clip: padding-box;
}
}

/* jant kolları (6 kollu) */
.wheel::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;

  /* jant yüzeyi */
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.20), transparent 55%),
    radial-gradient(circle at 50% 50%, rgba(244,195,79,.20), rgba(0,0,0,.55));

  /* 8 kollu maske: kollar tam eşit */
  -webkit-mask:
    repeating-conic-gradient(
      from 0deg,
      #000 0 10deg,        /* kol kalınlığı */
      transparent 10deg 45deg
    ),
    radial-gradient(circle, transparent 0 20px, #000 20px 100%);
  mask:
    repeating-conic-gradient(
      from 0deg,
      #000 0 10deg,
      transparent 10deg 45deg
    ),
    radial-gradient(circle, transparent 0 20px, #000 20px 100%);

  /* gold kol rengi */
  background-blend-mode: screen;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.10),
    0 10px 18px rgba(0,0,0,.45);

  opacity:.98;
}

/* göbek + bijon hissi */
.wheel::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:26px;
  height:26px;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.28), transparent 55%),
    radial-gradient(circle at 50% 50%, rgba(244,195,79,.35), rgba(0,0,0,.55));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 0 0 3px rgba(0,0,0,.35);
}

@keyframes wheelSpin{
  to{ transform: rotate(360deg); }
}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  .wheel{ animation:none; }
}
/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .wheel{ animation:none; }
}
/* ===== DESKTOP HEADER (DENGELİ) ===== */
@media (min-width: 900px){

  .topbar{
    padding: 6px 0;
  }

  .topbar__inner{
    padding: 10px 0;
  }

  /* Logo orta seviye büyüklük */
  .brand img{
    width:90px;
    height:90px;
    transform: translateY(2px);
  }

  /* Butonlar çok büyümesin */
  .callBtn{
    padding:12px 16px;
    font-size:14px;
  }

  .callBtn__icon{
    font-size:18px;
  }

  /* Hero çok aşağı inmesin */
  .hero__content{
    padding-top: 70px;
  }
}
@media (min-width:900px){
  .topbar{
    backdrop-filter: blur(14px) saturate(140%);
    background: rgba(5,8,12,.55);
    border-bottom: 1px solid rgba(244,195,79,.15);
  }
}
/* ===== DESKTOP HEADER DOLGUN GÖRÜNÜM ===== */
@media (min-width: 900px){

  .topbar{
    padding: 14px 0;
    background:
      linear-gradient(to bottom, rgba(6,9,14,.95), rgba(6,9,14,.75)),
      radial-gradient(800px 200px at 50% -40%, rgba(244,195,79,.20), transparent 70%);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(244,195,79,.18);
    box-shadow:
      0 12px 30px rgba(0,0,0,.55),
      inset 0 -1px 0 rgba(255,255,255,.06);
  }

  .topbar__inner{
    padding: 10px 0;
  }

  /* Logo biraz daha otursun */
  .brand img{
    width:60px;
    height:60px;
    filter:
      drop-shadow(0 8px 18px rgba(0,0,0,.6))
      drop-shadow(0 0 10px rgba(244,195,79,.25));
  }

  /* Butonlar headera gömülü dursun */
  .actions{
    gap:14px;
  }

  .callBtn{
    padding:12px 18px;
    border:1px solid rgba(244,195,79,.35);
    background: linear-gradient(180deg, rgba(244,195,79,.22), rgba(0,0,0,.25));
    box-shadow: 0 10px 25px rgba(0,0,0,.55);
  }

  .callBtn:hover{
    transform: translateY(-1px);
    border-color: rgba(244,195,79,.65);
    box-shadow: 0 16px 40px rgba(244,195,79,.18);
  }

  /* hero çok yapışık görünmesin */
  .hero__content{
    padding-top: 90px;
  }
}
/* ===== KAYAN BİLGİ ŞERİDİ ===== */

.infoTicker{
  width:100%;
  overflow:hidden;
  background: linear-gradient(90deg,#070a0f,#0c1219,#070a0f);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  position:relative;
}

.infoTicker__track{
  display:flex;
  gap:60px;
  white-space:nowrap;
  padding:10px 0;
  animation:tickerMove 28s linear infinite;
}

.infoTicker span{
  color:#cbd5f6;
  font-weight:600;
  letter-spacing:.4px;
  position:relative;
}

/* aralara ayraç nokta */
.infoTicker span::after{
  content:"•";
  color:#f4c34f;
  margin-left:60px;
  opacity:.8;
}

/* hover durdur */
.infoTicker:hover .infoTicker__track{
  animation-play-state:paused;
}

/* fade kenarlar (premium görünüm) */
.infoTicker::before,
.infoTicker::after{
  content:"";
  position:absolute;
  top:0;
  width:120px;
  height:100%;
  pointer-events:none;
  z-index:2;
}

.infoTicker::before{
  left:0;
  background:linear-gradient(to right,#070a0f,transparent);
}

.infoTicker::after{
  right:0;
  background:linear-gradient(to left,#070a0f,transparent);
}

@keyframes tickerMove{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
/* MOBİLDE DAHA HIZLI AKSIN */
@media (max-width: 768px){
  .infoTicker__track{
    animation: tickerMove 10s linear infinite;
  }
}

/* çok küçük telefonlarda turbo hız */
@media (max-width: 420px){
  .infoTicker__track{
    animation: tickerMove 9s linear infinite;
  }
}
.infoTicker__track{
  will-change: transform;
  transform: translateZ(0);
}
/* ===== MINI LIVE BAR + AÇILIR PANEL ===== */
.liveMini{
  background:
    radial-gradient(900px 220px at 50% -60%, rgba(244,195,79,.16), transparent 65%),
    linear-gradient(180deg, rgba(11,17,25,.90), rgba(7,10,15,.96));
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  color:#dfe7ff;
}

/* Kapalı görünüm */
.liveMini__head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 10px 14px;
  background: transparent;
  border: 0;
  color: inherit;
  cursor:pointer;
}

.liveMini__txt{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-weight:800;
  text-align:center;
}

.liveMeta{
  color: rgba(166,178,204,.95);
  font-weight:650;
  font-size: 13px;
}

.liveSep{opacity:.35}

.liveMini__chev{
  opacity:.75;
  font-size: 16px;
  transition: transform .2s ease;
}

/* Dot */
.liveDot{
  width:9px;height:9px;border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 5px rgba(34,197,94,.16);
  animation:pulseLive 1.2s ease-in-out infinite;
}

@keyframes pulseLive{
  0%,100%{transform:scale(1); opacity:1;}
  50%{transform:scale(1.35); opacity:.75;}
}

/* Açılır panel */
.liveMini__panel{
  border-top: 1px dashed rgba(255,255,255,.10);
  padding: 12px 16px 16px;
  max-width: 1120px;
  margin: 0 auto;
}

.liveMini__actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.liveBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: #e8eefc;
  transition: .25s;
}

.liveBtn:hover{transform: translateY(-1px);}

.liveBtn--gold{
  border-color: rgba(244,195,79,.35);
  background: linear-gradient(180deg, rgba(244,195,79,.18), rgba(0,0,0,.18));
}
.liveBtn--wa{
  border-color: rgba(34,197,94,.35);
  background: linear-gradient(180deg, rgba(34,197,94,.14), rgba(0,0,0,.18));
}

.liveHint{
  color: rgba(166,178,204,.85);
  font-size: 12px;
}

/* Sorun seç panel */
.issueBox{ margin-top: 12px; }
.issueTitle{ font-weight: 950; margin-bottom: 10px; }

.issueGrid{
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.issueChip{
  text-align:center;
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid rgba(244,195,79,.18);
  background: rgba(15,21,32,.55);
  color: rgba(232,238,252,.92);
  font-weight: 850;
  cursor:pointer;
  transition:.22s;
}
.issueChip:hover{
  border-color: rgba(244,195,79,.55);
  transform: translateY(-1px);
  background: rgba(244,195,79,.08);
}

/* Açıkken ok dönsün */
.liveMini.is-open .liveMini__chev{
  transform: rotate(180deg);
}

/* Mobil düzen */
@media (max-width: 680px){
  .liveMini{
    margin: 12px 16px 0;
    border: 1px solid rgba(244,195,79,.16);
    border-radius: 16px;
    box-shadow: 0 16px 45px rgba(0,0,0,.45);
    overflow:hidden;
  }
  .liveMini__head{ justify-content:flex-start; }
  .liveMini__txt{ text-align:left; }
  .liveHint{ width:100%; }
  .issueGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 380px){
  .issueGrid{ grid-template-columns: 1fr; }
}
.liveMini__headWrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 16px;
}

.liveMini__head{
  display:flex;
  align-items:center;
  gap:10px;
  background:none;
  border:0;
  color:inherit;
  cursor:pointer;
  padding:0;
  flex:1;
}

.miniIssueBtn{
  padding:7px 12px;
  border-radius:10px;
  border:1px solid rgba(244,195,79,.35);
  background: rgba(244,195,79,.10);
  color:#ffdf7d;
  font-weight:900;
  cursor:pointer;
  transition:.2s;
}

.miniIssueBtn:hover{
  background: rgba(244,195,79,.18);
  border-color: rgba(244,195,79,.65);
  transform: translateY(-1px);
}
/* mini buton üstte kalsın, tıklanabilir olsun */
.liveMini__headWrap{ position: relative; }
.miniIssueBtn{
  position: relative;
  z-index: 5;            /* en üste */
  pointer-events: auto;  /* garanti */
}

/* bazen head alanı butonun üstüne biner, bunu engeller */
.liveMini__head{
  position: relative;
  z-index: 1;
}
/* headWrap içindeki katman sırası */
.liveMini__headWrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 16px;
  position:relative;
}

/* toggle butonu SADECE kendi alanını kaplasın */
.liveMini__head{
  flex:1;
  min-width:0;
  position:relative;
  z-index:1;
}

/* Sorun Seç butonu üstte kalsın ve tıklanabilsin */
.miniIssueBtn{
  flex:0 0 auto;
  position:relative;
  z-index:5;
  pointer-events:auto;
}

/* bazen txt alanı taşınca butonun üstüne gelir, engelle */
.liveMini__txt{
  min-width:0;
}
/* LIVE BAR'ı sayfa genişliğine göre ortala (wrap gibi) */
.liveMini{
  padding: 0;                 /* dış paddingi headWrap’a taşıyoruz */
}

.liveMini__headWrap{
  width: min(var(--max), calc(100% - 32px));
  margin: 0 auto;             /* ORTALA */
  padding: 10px 0;            /* üst-alt */
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* Sağ buton çok sağa gitmesin: konteyner içinde kalır */
.miniIssueBtn{
  margin-left: 10px;
}

/* Mobilde kart yapın varsa bozulmasın */
@media (max-width: 680px){
  .liveMini{
    padding: 12px 16px 0;      /* mobil kart padding */
  }
  .liveMini__headWrap{
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.liveMini__panel{
  width: min(var(--max), calc(100% - 32px));
  margin: 0 auto;
  padding: 12px 0 16px;
}
@media (max-width: 680px){
  .liveMini__panel{ width:100%; margin:0; padding: 12px 0 16px; }
}
/* =========================
   MOBİL SADE MOD (LIVE BAR)
   ========================= */
@media (max-width:680px){

  /* Kart görünümü küçült */
  .liveMini{
    padding:10px 14px;
  }

  .liveMini__headWrap{
    background:rgba(10,14,20,.65);
    border:1px solid rgba(255,215,90,.18);
    border-radius:14px;
    padding:10px 12px;
  }

  /* metni tek satır yap */
  .liveMini__txt{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* büyük yazıyı küçült */
  #liveText{
    font-weight:600;
    font-size:13px;
  }

  /* dk bilgisini inline yap */
  #liveMeta{
    font-size:12px;
    opacity:.8;
  }

  .liveSep{
    opacity:.4;
  }

  /* ok ikonunu kaldır */
  .liveMini__chev{
    display:none;
  }

  /* yeşil dot küçült */
  .liveDot{
    width:8px;
    height:8px;
    box-shadow:0 0 8px #00ff88;
  }

  /* butonu minimal yap */
  .miniIssueBtn{
    padding:6px 10px;
    font-size:12px;
    border-radius:999px;
    background:transparent;
    border:1px solid rgba(255,215,90,.35);
    box-shadow:none;
  }

  /* panel açılınca spacing */
  .liveMini__panel{
    margin-top:8px;
  }

  /* gereksiz alt boşlukları azalt */
  .issueTitle{
    font-size:13px;
    margin-bottom:8px;
  }

  .issueChip{
    padding:8px 10px;
    font-size:13px;
  }
}
/* MOBİL LIVE BAR - daha sade (tek satır) */
@media (max-width:680px){

  /* 1 satır: "Şu anda Kilyos bölgesinde aktif ekip var • ~15 dk" */
  .liveMini__txt{
    gap:8px;
  }

  /* "Ortalama varış:" gibi yazıları gizle */
  .liveSep{ display:none; }              /* eski ayraç */
  
  /* liveMeta sadece "~15 dk" gibi dursun */
  #liveMeta{
    font-size:12px;
    opacity:.9;
    font-weight:750;
  }

  /* Eğer JS metin içinde "Ortalama varış:" yazıyorsa,
     bunu CSS ile kapatamayız. Bu yüzden liveMeta'yı JS'te sadece "~15 dk" yapacağız.
     Şimdilik CSS'te meta satırını tek satır gibi toparlayalım: */
  .liveMini__txt strong{
    font-weight:700;
  }

  /* Buton daha minimal */
  .miniIssueBtn{
    padding:6px 9px;
    font-size:12px;
    border-radius:999px;
    border:1px solid rgba(244,195,79,.28);
    background: rgba(0,0,0,.10);
  }

  /* Bar yüksekliği daha kompakt */
  .liveMini__headWrap{
    padding:9px 10px;
    border-radius:14px;
  }

  /* Dot biraz daha küçük */
  .liveDot{
    width:7px;
    height:7px;
    box-shadow:0 0 0 4px rgba(34,197,94,.14);
  }
}
/* ===== HEAVY SERVICE SECTION ===== */
.heavyService{
  padding:70px 0;
  background: linear-gradient(180deg,#070a0f,#0b0f14);
  border-top:1px solid rgba(255,255,255,.06);
}

.heavyService__grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:40px;
  align-items:center;
}

.heavyBadge{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(244,195,79,.12);
  border:1px solid rgba(244,195,79,.35);
  color:#ffdf7d;
  font-weight:700;
  font-size:13px;
  margin-bottom:12px;
}

.heavyService h2{
  font-size:32px;
  margin:0 0 10px;
}

.heavyLead{
  color:#a6b2cc;
  margin-bottom:18px;
}

.heavyList{
  list-style:none;
  padding:0;
  margin:0 0 20px;
}
.heavyList li{
  margin:6px 0;
  color:#e8eefc;
}

.heavyCta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.heavyBtn{
  padding:13px 18px;
  border-radius:12px;
  font-weight:800;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.heavyBtn--call{
  background:linear-gradient(180deg,#f4c34f,#d6a938);
  color:#111;
}

.heavyBtn--wa{
  background:#25D366;
  color:#fff;
}

/* MEDIA GRID */
.heavyService__media{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.heavyService__media img{
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  transition:.3s;
}

.heavyService__media img:hover{
  transform:scale(1.04);
}

/* MOBİL */
@media(max-width:900px){
  .heavyService__grid{
    grid-template-columns:1fr;
  }

  .heavyService__media{
    grid-template-columns:1fr 1fr;
  }

  .heavyService__media img{
    height:130px;
  }

  .heavyService h2{
    font-size:26px;
  }
}
.btn-whatsapp{
    background:#25D366;
    border-color:#25D366;
    color:#fff;
}

.btn-whatsapp:hover{
    background:#1ebe5d;
}
.callBtn.whatsappBtn{
    background:#25D366 !important;
    border:1px solid #25D366 !important;
    color:#fff !important;
}

.callBtn.whatsappBtn:hover{
    background:#1ebe5d !important;
    border-color:#1ebe5d !important;
}