/* =====================================================================
   MENÜ — son ayar (tüm sayfalar)
   Çizgisiz, nötr beyaz cam; modern üzerine gelme; beyaz açılır kart.
   Sabahki tasarımın renkleri (petrol #0f5e6b) korunur.
   ===================================================================== */

/* ---------- Cam şerit: sarı ton ve çizgiler yok ---------- */
.header .container {
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(255, 255, 255, .7) !important;
  box-shadow: 0 10px 30px -18px rgba(19, 36, 58, .28), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  -webkit-backdrop-filter: blur(20px) saturate(115%) !important;
  backdrop-filter: blur(20px) saturate(115%) !important;
}
.header .container::before { background: linear-gradient(180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 0) 60%) !important; }
.header .container::after { display: none !important; }
.header.is-scrolled .container { background: rgba(255, 255, 255, .9) !important; }

/* ---------- Bağlantılar: yumuşak hap, aktif nokta ---------- */
.header .nav { gap: 4px; }
.header .nav__link {
  position: relative; min-height: 40px; padding: 8px 15px; border-radius: 999px;
  color: var(--text); font-weight: 500; background: transparent;
  transition: background-color .25s ease, color .25s ease;
}
.header .nav__link:hover,
.header .nav__item.is-open > .nav__link { background: rgba(15, 94, 107, .08); color: #0f5e6b; }
.header .nav__link.is-active { color: #0f5e6b; font-weight: 600; background: transparent; }
.header .nav__link.is-active::after {
  left: 50%; right: auto; bottom: 3px; width: 5px; height: 5px; margin-left: -2.5px;
  border-radius: 50%; background: #0f5e6b;
}
.header .nav__link.nav__calc { color: #0f5e6b; }
.header .nav__link .chev, .header .nav__link svg { transition: transform .25s ease; }

/* ---------- Açılır menü: beyaz, yuvarlak kart ---------- */
.header .sub {
  border-radius: 18px; padding: 8px; border: 1px solid rgba(19, 36, 58, .06);
  background: #fff; box-shadow: 0 30px 60px -26px rgba(19, 36, 58, .35);
}
.header .sub__link { border-radius: 12px; transition: background-color .18s ease; }
.header .sub__link:hover, .header .sub__link.is-active { background: #eef5f6; }
.header .sub__link:hover b { color: #0f5e6b; }
.header .sub__link--icon i { background: #e6f2f3; color: #0f5e6b; border-radius: 12px; }
.header .lang__menu { border-radius: 16px; border: 1px solid rgba(19, 36, 58, .06); box-shadow: 0 24px 50px -24px rgba(19, 36, 58, .35); }
.header .lang__menu a:hover { background: #eef5f6; }

/* ---------- Dil ve menü düğmeleri ---------- */
.header .lang__btn, .header .burger { background: rgba(255, 255, 255, .65); border: 1px solid rgba(19, 36, 58, .08); transition: background-color .2s ease; }
.header .lang__btn:hover, .header .burger:hover { background: #fff; }

/* ---------- Menüdeki "Hesapla" diğer bağlantılarla aynı renkte ---------- */
.header .nav__link.nav__calc { color: var(--text); font-weight: 500; }
.header .nav__link.nav__calc:hover { color: #0f5e6b; }
.header .nav__link.nav__calc.is-active { color: #0f5e6b; font-weight: 600; }

/* ---------- Butonlar: üzerine gelince renk değişmez (yalnızca hafif kalkış) ---------- */
.btn--sun:hover, .header__cta > .btn--sun:hover {
  background: linear-gradient(180deg, #17798a 0%, #0f5e6b 100%);
  color: #fff; border-color: #0f5e6b;
}
.btn--ghost:hover, .btn--outline:hover, .btn--dark:hover {
  background: rgba(255, 255, 255, .72); color: #0f5e6b; border-color: rgba(15, 94, 107, .22);
}
.btn--light:hover { background: #fff; color: #0f5e6b; }

/* =====================================================================
   Hesaplama aracı banner'ı — tüm sayfalarda aynı (ana sayfadaki tasarım)
   ===================================================================== */
.cta-banner-wrap { padding: clamp(48px, 6vw, 80px) 0; background: transparent; }
.cta-banner { position: relative; overflow: hidden; display: block; min-height: 0; padding: clamp(26px, 3.4vw, 40px) clamp(24px, 3.6vw, 44px); border-radius: 24px; border: 1px solid rgba(15, 94, 107, .14); background: linear-gradient(135deg, #e2f0f2 0%, #eef6f7 55%, #f6fafb 100%); box-shadow: none; isolation: auto; }
.cta-banner::before, .cta-banner__rule { display: none; }
.cta-banner__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 48px; row-gap: 8px; align-items: center; max-width: none; color: var(--text); }
.cta-banner__body > .eyebrow { grid-column: 1; grid-row: 1; color: #0f5e6b; }
.cta-banner__body > h2 { grid-column: 1; grid-row: 2; color: var(--text); font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; margin: 0; }
.cta-banner__body > p { grid-column: 1; grid-row: 3; color: var(--text-2); font-size: 15.5px; line-height: 1.6; margin: 0; max-width: 54ch; }
.cta-banner__facts { grid-column: 2; grid-row: 1 / span 2; justify-self: end; list-style: none; display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; }
.cta-banner__facts li { display: flex; align-items: center; gap: 10px; color: var(--text); font-size: 14px; font-weight: 600; padding: 0 14px; }
.cta-banner__facts li:first-child { padding-left: 0; }
.cta-banner__facts li + li { border-left: 1px solid rgba(15, 94, 107, .18); }
.cta-banner__facts i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #fff; color: #0f5e6b; }
.cta-banner__facts svg { width: 15px; height: 15px; }
.cta-banner__body > .btn { grid-column: 2; grid-row: 3; justify-self: end; min-height: 46px; padding: 11px 22px; font-size: 15px; }
.cta-banner .btn svg { width: 18px; height: 18px; }
@media (max-width: 860px) {
  .cta-banner__body { grid-template-columns: 1fr; }
  .cta-banner__body > * { grid-column: 1 !important; grid-row: auto !important; justify-self: start !important; }
  .cta-banner__facts { flex-direction: row; gap: 10px 0; margin: 10px 0 6px; }
  .cta-banner__facts li { padding: 0 12px; }
}
/* Alt sayfalarda banner, üstteki bölümle footer arasında */
.section--soft + .cta-banner-wrap--all { background: var(--bg-2, #f5f6f8); }

/* =====================================================================
   Sayfa başlıkları ve bölümler: daha az boşluk
   ===================================================================== */
.page-hero { padding-bottom: clamp(40px, 5vw, 56px); }
.page-hero--banner { min-height: 0; padding-top: calc(var(--header-h) + 48px); }
.page-hero + .section { padding-top: clamp(40px, 5vw, 64px); }
.st-hero { padding-bottom: clamp(36px, 4.5vw, 56px); }
.st-section { padding: clamp(44px, 5.5vw, 72px) 0; }
.st-cta { padding-bottom: clamp(44px, 5.5vw, 72px); }

/* Hizmet sayfası başlığı: istasyon sayfası gibi solda metin, sağda görsel */
.page-hero.svc-hero { background: linear-gradient(180deg, #e6f1f2 0%, #f3f7f8 100%); }
.svc-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: clamp(32px, 5vw, 72px); align-items: center; }
.svc-hero h1 { font-size: clamp(36px, 4.6vw, 58px); color: #0e2a33; margin: 14px 0 18px; }
.svc-hero #svcShort { font-size: clamp(18px, 1.5vw, 20px); color: #35505a; line-height: 1.65; max-width: 46ch; margin: 0 0 26px; }
.svc-hero .st-actions .btn svg { width: 18px; height: 18px; }
.svc-hero__img { margin: 0; aspect-ratio: 4 / 3; border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 30px 60px -34px rgba(14, 42, 51, .55); border: 1px solid rgba(255, 255, 255, .9); }
.svc-hero__img img { width: 100%; height: 100%; object-fit: cover; object-position: center 55%; display: block; }
@media (max-width: 1000px) {
  .svc-hero__grid { grid-template-columns: 1fr; }
  .svc-hero__img { max-width: 520px; }
}
.st-hero__img img { max-height: 540px; object-fit: cover; object-position: center 60%; }

/* =====================================================================
   Tek hover dili: hiçbir yerde sarıya dönmez; petrol mavisi tonları
   ===================================================================== */
#alanlar .use:hover .card__link { background: #fff; color: #0f5e6b; }
.tiles .svc:hover .card__link svg { background: #fff; color: #0f5e6b; }
.card__link:hover, .link-arrow:hover, .svc:hover .card__link, .contact-card a:hover, .footer a:hover { color: #0f5e6b; }
.use:hover .use__icon, .contact-list a:hover i { background: #0f5e6b; color: #fff; }
.socials a:hover { background: #0f5e6b; border-color: #0f5e6b; color: #fff; }
a.tag:hover, .tag.is-on, .article-tags .tag:hover, .share__btn--link:hover, .share__btn--native:hover, .lb__btn:hover { background: #e6f2f3; border-color: #cfe3e6; color: #0f5e6b; }
.mini-chips button:hover, .topic:hover, .topic.is-on, .mag-item:hover { border-color: rgba(15, 94, 107, .4); }
.ck-btn--pri:hover { background: var(--sun-500); }
.mag-feature:hover .read-btn { background: #0f5e6b; color: #fff; }
.pick:hover { border-color: rgba(15, 94, 107, .4); background: #eef6f7; }
.pick:hover svg:last-child { color: #0f5e6b; }
.post-chip--cat:hover { background: #0f5e6b; color: #fff; }

/* =====================================================================
   Menü v2 — sayfa başında şeffaf, kaydırınca beyaz cama dönüşür
   Ana sayfada video üzerinde ağır beyaz kutu yerine ince, saydam cam.
   ===================================================================== */
.header .container { transition: background-color .45s ease, border-color .45s ease, box-shadow .45s ease, height .35s ease, backdrop-filter .45s ease; }
.header .nav__link, .header .lang__btn, .header .burger { transition: background-color .25s ease, color .25s ease, border-color .25s ease; }

/* Sayfa başı (kaydırılmamış): saydam cam, çizgi ve gölge yok denecek kadar az */
.header:not(.is-scrolled) .container {
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .45) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
  -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
}
.header:not(.is-scrolled) .container::before { opacity: 0; }
.header:not(.is-scrolled) .lang__btn, .header:not(.is-scrolled) .burger { background: rgba(255, 255, 255, .28); border-color: rgba(255, 255, 255, .5); }
.header:not(.is-scrolled) .nav__link:hover,
.header:not(.is-scrolled) .nav__item.is-open > .nav__link { background: rgba(255, 255, 255, .45); }

/* Kaydırınca: daha ince, belirgin beyaz cam ve yumuşak gölge */
.header.is-scrolled .container {
  height: calc(var(--header-h) - 20px);
  background: rgba(255, 255, 255, .86) !important;
  border-color: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 18px 40px -22px rgba(14, 42, 51, .35), inset 0 1px 0 #fff !important;
  -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
  backdrop-filter: blur(22px) saturate(140%) !important;
}
.header .logo__img { transition: height .35s ease; }

/* Ana sayfa: videonun üst kısmı hafif açılır; menü yazıları her zaman okunur */
@media (min-width: 901px) {
  body[data-page="home"] .hero__overlay {
    background:
      linear-gradient(180deg, rgba(244, 248, 248, .82) 0%, rgba(244, 248, 248, .35) 14%, rgba(244, 248, 248, 0) 26%),
      linear-gradient(90deg, rgba(244, 248, 248, .92) 0%, rgba(244, 248, 248, .78) 42%, rgba(244, 248, 248, .32) 100%),
      linear-gradient(0deg, rgba(244, 248, 248, .7) 0%, transparent 30%);
  }
}
@media (max-width: 900px) { .header.is-scrolled .container { height: calc(var(--header-h) - 12px); } }

/* =====================================================================
   Menü v3 — masaüstü: logo · ortada cam "ada" içinde bağlantılar · sağda
   dil ve ok ikonlu düğme. Sayfa başında dış çerçeve görünmez; kaydırınca
   tüm şerit beyaz cama dönüşür.
   ===================================================================== */
@media (min-width: 1141px) {
  .header .container { padding: 0 10px 0 22px; }
  /* Sayfa başı: dış çerçeve tamamen şeffaf */
  .header:not(.is-scrolled) .container {
    background: transparent !important; border-color: transparent !important;
    box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }

  /* Ortadaki bağlantı adası */
  .header .nav {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
    gap: 2px; padding: 5px; border-radius: 999px;
    background: rgba(255, 255, 255, .62); border: 1px solid rgba(255, 255, 255, .85);
    box-shadow: 0 12px 30px -18px rgba(14, 42, 51, .35), inset 0 1px 0 #fff;
    -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
    transition: background-color .4s ease, box-shadow .4s ease, border-color .4s ease;
  }
  .header .nav__link { min-height: 40px; padding: 8px 16px; font-size: 15px; font-weight: 500; color: #24414a; }
  .header .nav__link:hover, .header .nav__item.is-open > .nav__link,
  .header:not(.is-scrolled) .nav__link:hover, .header:not(.is-scrolled) .nav__item.is-open > .nav__link { background: rgba(255, 255, 255, .95); color: #0f5e6b; }
  .header .nav__link.is-active { background: #0f5e6b; color: #fff; font-weight: 600; box-shadow: 0 8px 18px -10px rgba(15, 94, 107, .8); }
  .header .nav__link.is-active::after { display: none; }
  .header .nav__link.is-active svg { color: #fff; }
  .header .nav__link.is-active:hover { background: #0f5e6b; color: #fff; }

  /* Kaydırınca: şerit beyaz cam, ada sade gri-mavi zemin */
  .header.is-scrolled .nav { background: #f1f6f7; border-color: #e3eced; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .header.is-scrolled .nav__link { min-height: 36px; padding: 6px 15px; }

  /* Sağ taraf */
  .header .lang__btn { min-height: 44px; border-radius: 999px; padding: 0 14px; background: rgba(255, 255, 255, .62) !important; border: 1px solid rgba(255, 255, 255, .85) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
  .header.is-scrolled .lang__btn { background: #f1f6f7 !important; border-color: #e3eced !important; }
  .header .lang__btn:hover { background: #fff !important; }
}

/* Ok ikonlu düğme (tüm ekranlar) */
.header__btn { display: inline-flex; align-items: center; gap: 10px; padding: 6px 6px 6px 20px !important; min-height: 46px; border-radius: 999px !important; }
.header__btn-ic { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, .18); transition: transform .3s ease; }
.header__btn-ic svg { width: 16px; height: 16px; }
.header__btn:hover .header__btn-ic { transform: translateX(2px); }

/* =====================================================================
   Slogan: "İlhamımız Güneşten, Enerjiniz Bizden"
   ===================================================================== */
.hero__slogan { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 8px 16px 8px 10px; border-radius: 999px; background: rgba(255, 255, 255, .7); border: 1px solid rgba(15, 94, 107, .14); box-shadow: 0 10px 24px -18px rgba(14, 42, 51, .45); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-family: var(--font-head); font-size: 15px; font-weight: 500; color: #35505a; letter-spacing: .01em; }
.hero__slogan svg { width: 26px; height: 26px; padding: 5px; border-radius: 50%; background: #fdf3df; color: #e3a13c; }
.hero__slogan b { color: #0f5e6b; font-weight: 600; }
.footer__slogan { display: flex; align-items: center; gap: 8px; margin: 14px 0 0; font-family: var(--font-head); font-weight: 600; font-size: 15px; color: #0f5e6b; }
.footer__slogan svg { width: 18px; height: 18px; color: #e3a13c; flex: none; }
@media (max-width: 560px) { .hero__slogan { font-size: 13.5px; } }
/* Slogan: tek renk, sitenin metin fontu */
.hero__slogan, .footer__slogan { font-family: inherit; }
.hero__slogan b { color: inherit; font-weight: inherit; }
.footer__slogan { color: var(--text-2); font-weight: 600; }

/* =====================================================================
   Müşteri yorumları
   ===================================================================== */
.reviews { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.review { position: relative; margin: 0; display: flex; flex-direction: column; gap: 18px; padding: 28px 28px 24px; border-radius: 24px; background: #fff; border: 1px solid #e0eaec; box-shadow: 0 18px 40px -32px rgba(14, 42, 51, .45); }
.review__q { position: absolute; top: 10px; right: 22px; font-family: Georgia, serif; font-size: 72px; line-height: 1; color: #e6f2f3; pointer-events: none; }
.review blockquote { position: relative; margin: 0; padding: 0; border: 0; background: none; font-size: 16.5px; line-height: 1.7; color: #33474f; }
.review figcaption { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid #edf3f4; }
.review__av { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #0f5e6b; color: #fff; font-weight: 600; font-size: 16px; flex: none; }
.review figcaption b { display: block; font-size: 15.5px; color: #0e2a33; }
.review figcaption small { display: block; font-size: 13.5px; color: #6b8088; }
/* Hizmet sayfasında (dar sütun) tek sütun */
.reviews--narrow { grid-template-columns: 1fr; margin-bottom: 1.4em; }
.prose .review blockquote { font-size: 16.5px; }
.prose .review blockquote::before { display: none; }
@media (max-width: 760px) { .reviews { grid-template-columns: 1fr; } .review { padding: 22px; } }

/* =====================================================================
   Telefonda sabit hızlı eylemler: Ara · WhatsApp · Hesapla
   ===================================================================== */
.quickbar { display: none; }
@media (max-width: 760px) {
  .quickbar {
    display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 6px;
    position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 90;
    padding: 6px; border-radius: 22px;
    background: rgba(255, 255, 255, .9); border: 1px solid rgba(15, 94, 107, .14);
    box-shadow: 0 18px 40px -18px rgba(14, 42, 51, .5);
    -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
  }
  .quickbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 52px; border-radius: 16px; color: #0e2a33; font-size: 12.5px; font-weight: 600; text-decoration: none; }
  .quickbar a svg { width: 20px; height: 20px; color: #0f5e6b; }
  .quickbar a:active { background: #eef6f7; }
  .quickbar .quickbar__wa { background: #1faa52; color: #fff; }
  .quickbar .quickbar__wa svg { color: #fff; }
  .quickbar .quickbar__calc { background: #0f5e6b; color: #fff; }
  .quickbar .quickbar__calc svg { color: #fff; }
  /* Şerit varken yüzen WhatsApp düğmesi ve yazı paylaşım çubuğu gizlenir; içerik şeridin altında kalmaz */
  .has-quickbar .wa-float, .has-quickbar .share-bar { display: none !important; }
  .has-quickbar { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
  .has-quickbar .ck-banner { bottom: calc(84px + env(safe-area-inset-bottom)); }
}

/* Hesaplama sayfası: içerik başlığın üstüne bindiği için başlık alt boşluğu korunur */
.page-hero.calc-hero { padding-bottom: 120px; }
@media (max-width: 760px) { .page-hero.calc-hero { padding-bottom: 96px; } }
/* Menü adası: aktif "Hesapla" bağlantısının yazısı beyaz kalsın */
@media (min-width: 1141px) {
  .header .nav__link.nav__calc.is-active, .header .nav__link.nav__calc.is-active:hover { color: #fff; }
}

/* =====================================================================
   Yorumlar: kayan şerit
   ===================================================================== */
.reviews.reviews--slider {
  display: grid; grid-auto-flow: column; grid-template-columns: none;
  grid-auto-columns: calc((100% - 18px) / 2); gap: 18px;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  overscroll-behavior-x: contain; scrollbar-width: none; padding: 4px 2px 18px;
}
.reviews--slider::-webkit-scrollbar { display: none; }
.reviews--slider > .review { scroll-snap-align: start; }
.reviews--narrow.reviews--slider { grid-auto-columns: 100%; margin-bottom: 0; }
.rslider { margin-bottom: 1.4em; }
.rslider__nav { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 6px; }
.rslider__btn { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #d3e3e6; background: #fff; color: #0f5e6b; cursor: pointer; transition: background-color .2s ease, border-color .2s ease; }
.rslider__btn:hover { border-color: rgba(15, 94, 107, .4); background: #eef6f7; }
.rslider__btn svg { width: 18px; height: 18px; }
.rslider__btn[data-dir="-1"] svg { transform: rotate(180deg); }
.rslider__dots { display: flex; gap: 8px; }
.rslider__dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: #cfdfe2; cursor: pointer; transition: width .25s ease, background-color .25s ease; }
.rslider__dots button.is-on { width: 24px; background: #0f5e6b; }
@media (max-width: 760px) { .reviews.reviews--slider { grid-auto-columns: 88%; gap: 12px; } }
/* Yorum kartında logo */
.review figcaption > span:nth-child(2) { flex: 1; min-width: 0; }
.review__logo { height: 17px; width: auto; flex: none; opacity: .85; }
@media (max-width: 420px) { .review__logo { height: 14px; } }

/* Dil seçici bayrakları */
.flag { display: inline-block; width: 22px; height: 15px; flex: none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(14, 42, 51, .12); overflow: hidden; vertical-align: middle; }
.header .lang__btn { display: inline-flex; align-items: center; gap: 8px; }
.header .lang__menu a, .header .lang__menu span.is-soon { display: flex; align-items: center; gap: 10px; }
.header .lang__btn svg.flag, .header .lang__menu svg.flag { width: 22px; height: 15px; }
.header .lang__menu a, .header .lang__menu span.is-soon { justify-content: flex-start; }
.header .lang__menu span.is-soon small { margin-left: auto; }

/* Menü adası: mutlak ortalama yerine akış içinde; uzun dillerde (DE) dil düğmesine ve CTA'ya yapışmaz */
@media (min-width: 1141px) {
  .header .container { display: flex; align-items: center; gap: 18px; }
  .header .nav { position: static; transform: none; margin: 0 auto; flex: 0 1 auto; }
  .header .header__cta { display: flex; align-items: center; gap: 10px; flex: none; }
}
@media (min-width: 1141px) and (max-width: 1320px) {
  .header .nav__link { padding: 8px 12px; font-size: 14.5px; }
  .header__btn { padding-left: 16px !important; }
}

/* Dar telefonlar (≤380 px): logo, dil seçici ve menü düğmesi tek satıra taşmadan sığsın */
@media (max-width: 380px) {
  .header .container { padding-inline: 14px; }
  .header .header__cta { gap: 6px; }
  .header .lang__btn { padding: 0 10px; }
}
/* Mobilde tek sütuna geçen ızgaralar içerikten geniş olmasın (uzun Almanca kelimeler, grafikler) */
body[data-page="home"] #veri .solar > *, .solar > * { min-width: 0; }
h1, h2, h3 { overflow-wrap: break-word; }
html[lang="de"] h1, html[lang="de"] h2, html[lang="de"] h3 { hyphens: auto; }
.solar__kpis { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.solar__kpis small { overflow-wrap: anywhere; hyphens: auto; }

/* Hizmet/yazı metni (.prose) içindeki yorum kartları: metin içi görsel ve alıntı stillerini almasın */
.prose .review { margin: 0; overflow: visible; background: #fff; border-radius: 24px; }
.prose .review blockquote { margin: 0; padding: 0; border: 0; background: none; border-radius: 0; font-size: 16.5px; line-height: 1.7; color: #33474f; }
.prose .review .review__logo { width: auto; height: 17px; max-height: none; object-fit: contain; border-radius: 0; }
.prose .review figcaption { padding-top: 16px; }
.prose .review figcaption b { font-size: 15.5px; line-height: 1.3; }
@media (max-width: 420px) { .prose .review .review__logo { height: 14px; } }

/* Masaüstü menü: bağlantılar tek satırda kalır; dar masaüstünde (1141–1360px) aralıklar sıkılaşır */
@media (min-width: 1141px) {
  .header .nav__link { white-space: nowrap; }
}
@media (min-width: 1141px) and (max-width: 1360px) {
  .header .nav { gap: 0; }
  .header .nav__link { padding: 8px 11px; }
  .header .logo img { height: auto; max-width: 140px; }
  .header .header__btn { padding: 6px 16px !important; font-size: 14px; }
  .header .header__btn .header__btn-ic { display: none; }
}
/* Uzun menülerde (ör. Almanca) en dar masaüstünde "İletişime geçin" düğmesi gizlenir; menüdeki İletişim ve WhatsApp düğmesi kalır */
@media (min-width: 1141px) and (max-width: 1240px) {
  .header .header__btn { display: none; }
}

/* =====================================================================
   Telefon v2 — alt şerit ekranın altına oturur ve kendi alanını kaplar;
   ana sayfa girişi üst şerit ile alt şerit arasındaki ekranı tam doldurur
   ===================================================================== */
@media (max-width: 760px) {
  :root { --qb-h: calc(66px + env(safe-area-inset-bottom)); }
  .quickbar {
    left: 0; right: 0; bottom: 0;
    padding: 7px 10px calc(7px + env(safe-area-inset-bottom));
    border-radius: 0; border: 0; border-top: 1px solid rgba(15, 94, 107, .12);
    background: #fff; box-shadow: 0 -10px 30px -22px rgba(14, 42, 51, .45);
    -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  .quickbar a { min-height: 50px; border-radius: 14px; }
  .has-quickbar { padding-bottom: var(--qb-h); }
  .has-quickbar .ck-banner { bottom: calc(var(--qb-h) + 8px); }

  /* Giriş: 40px üst şerit + alt şerit dışındaki görünür yükseklik */
  body[data-page="home"] .hero { min-height: calc(100svh - 40px); }
  body.has-quickbar[data-page="home"] .hero { min-height: calc(100svh - 40px - var(--qb-h)); }
  body[data-page="home"] .hero__body { align-items: center; }
  body[data-page="home"] .hero__body .container { padding-top: 16px; padding-bottom: 20px; }
  body[data-page="home"] .hero__slogan { margin-bottom: 14px; padding: 6px 14px 6px 8px; font-size: 13px; }
  body[data-page="home"] .hero__slogan svg { width: 22px; height: 22px; padding: 4px; }
  body[data-page="home"] .hero h1 { font-size: clamp(30px, 8.4vw, 38px); line-height: 1.1; max-width: none; margin-bottom: 14px; }
  body[data-page="home"] .hero__lead { font-size: 16px; line-height: 1.55; margin-bottom: 20px; }
  body[data-page="home"] .hero__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  body[data-page="home"] .hero__actions .btn { min-height: 50px; padding: 0 14px; }
  body[data-page="home"] .hero__actions .btn--sun { grid-column: 1 / -1; }
  body[data-page="home"] .hero__actions .play-btn { justify-content: center; min-height: 50px; padding: 0 10px; font-size: 15px; gap: 8px; }
  body[data-page="home"] .hero__actions .play-btn__icon { width: 36px; height: 36px; }
  body[data-page="home"] .hero__stats .hstat { padding-top: 12px; padding-bottom: 12px; }
}
/* Kısa ekranlı telefonlar (iPhone SE vb.): açıklama kısalır, her şey ilk ekrana sığar */
@media (max-width: 760px) and (max-height: 720px) {
  body[data-page="home"] .hero h1 { font-size: clamp(28px, 7.6vw, 32px); margin-bottom: 10px; }
  body[data-page="home"] .hero__lead { font-size: 15px; margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  body[data-page="home"] .hero__slogan { margin-bottom: 10px; }
}

/* =====================================================================
   Koyu çağrı bandı: uzun ve beyaz sayfada göz dinlensin, odak burada toplansın.
   Hesaplama bandı tam genişlikte koyu turkuaz; metin beyaz, düğme güneş sarısı.
   ===================================================================== */
.cta-banner-wrap, main > .cta-banner-wrap {
  position: relative; isolation: isolate; overflow: hidden;
  padding: clamp(64px, 8vw, 112px) 0;
  background: radial-gradient(900px 420px at 88% 0%, rgba(227, 161, 60, .22), transparent 60%), linear-gradient(160deg, #0d4a53 0%, #0a3238 100%);
}
.section--soft + .cta-banner-wrap { background: radial-gradient(900px 420px at 88% 0%, rgba(227, 161, 60, .22), transparent 60%), linear-gradient(160deg, #0d4a53 0%, #0a3238 100%); }
.cta-banner-wrap .cta-banner { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.cta-banner-wrap .cta-banner__body { color: #fff; column-gap: clamp(32px, 5vw, 72px); row-gap: 12px; }
.cta-banner-wrap .cta-banner__body > .eyebrow { color: #f2c06c; }
.cta-banner-wrap .cta-banner__body > .eyebrow::before { background: #f2c06c; }
.cta-banner-wrap .cta-banner__body > h2 { color: #fff; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.1; letter-spacing: -.02em; }
.cta-banner-wrap .cta-banner__body > p { color: rgba(255, 255, 255, .78); font-size: 17px; max-width: 56ch; }
.cta-banner-wrap .cta-banner__facts li { color: #fff; }
.cta-banner-wrap .cta-banner__facts li + li { border-left-color: rgba(255, 255, 255, .22); }
.cta-banner-wrap .cta-banner__facts i { background: rgba(255, 255, 255, .1); color: #f2c06c; }
.cta-banner-wrap .cta-banner__body > .btn { min-height: 54px; padding: 14px 28px; font-size: 16px; background: #e3a13c; color: #0b2a30; border: 0; box-shadow: 0 18px 36px -18px rgba(227, 161, 60, .7); }
.cta-banner-wrap .cta-banner__body > .btn:hover { background: #f0b450; color: #0b2a30; }
.cta-banner-wrap .cta-banner__body > .btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 860px) { .cta-banner-wrap .cta-banner__facts li + li { border-left-color: rgba(255, 255, 255, .22); } }

/* Yorumlar: harf simgesi yok; panelden fotoğraf eklenen yorumda yuvarlak fotoğraf */
.review__av--photo { display: block; width: 48px; height: 48px; flex: none; border-radius: 50%; object-fit: cover; background: #e6f2f3; }

/* İletişim kutusu: sol taraf koyu turkuaz (sayfanın sonunda ikinci odak), form tarafı beyaz kalır */
.contact-band .contact-band__info { background: radial-gradient(520px 280px at 0% 0%, rgba(227, 161, 60, .2), transparent 70%), linear-gradient(160deg, #0d4a53 0%, #0a3238 100%); border-color: transparent; color: #fff; }
.contact-band .contact-band__info h2 { color: #fff; }
.contact-band .contact-band__info > p { color: rgba(255, 255, 255, .78); }
.contact-band .contact-band__info .eyebrow { color: #f2c06c; }
.contact-band .contact-band__info .eyebrow::before { background: #f2c06c; }
.contact-band .contact-list a, .contact-band .contact-list li > div { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); color: #fff; }
.contact-band .contact-list a:hover { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .3); box-shadow: none; }
.contact-band .contact-list i { background: rgba(255, 255, 255, .1); color: #f2c06c; }
.contact-band .contact-list a:hover i { background: #e3a13c; color: #0b2a30; }
.contact-band .contact-list small { color: rgba(255, 255, 255, .62); }
.contact-band .contact-list b { color: #fff; }

/* Yorum altlığı: fotoğraf yokken isim solda, logo sağda */
.review figcaption .review__logo { margin-left: auto; }

/* Ana sayfa blog bölümü: koyu turkuaz zemin, beyaz kartlar öne çıkar */
body[data-page="home"] #blog { background: radial-gradient(900px 420px at 10% 0%, rgba(227, 161, 60, .18), transparent 60%), linear-gradient(160deg, #0d4a53 0%, #0a3238 100%); }
body[data-page="home"] #blog::before { display: none; }
body[data-page="home"] #blog .section-head h2 { color: #fff; }
body[data-page="home"] #blog .section-head p { color: rgba(255, 255, 255, .78); }
body[data-page="home"] #blog .eyebrow { color: #f2c06c; }
body[data-page="home"] #blog .eyebrow::before { background: #f2c06c; }
body[data-page="home"] #blog .section-head .btn { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .3); color: #fff; }
body[data-page="home"] #blog .section-head .btn:hover { background: #e3a13c; border-color: #e3a13c; color: #0b2a30; }
body[data-page="home"] #blog .post { background: #fff !important; border-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
body[data-page="home"] #blog .post__meta { color: #6b8086; }