/* ==========================================================================
   urun-varyant.css — urun-detay için 3 tasarım varyantı (A / B / C)
   Seçim yapıldıktan sonra kazanan varyant main.css'e taşınır, bu dosya silinir.

   Renk (marka paletinden, kontrast oranları beyaz zemine göre):
     --uv-mavi      #0076C0  birincil, bağlantı         4.8:1
     --uv-mavi-koyu #005A94  hover                      7.2:1
     --uv-lacivert  #0B2A45  koyu yüzey (maviden türev) 14.6:1
     --uv-buz       #F0F7FF  açık yüzey
     --uv-sari      #F7CF07  yalnızca ana eylem (metin #1B2430 → 11:1)
     --uv-metin     #1B2430  başlıklar                 15.4:1
     --uv-govde     #3A4552  uzun metin                 9.6:1
     --uv-ikincil   #5B6875  yardımcı metin             5.9:1
     --uv-cizgi     #DCE4EC  ayraçlar
   Yazı: IBM Plex Sans (kurumsal tek aile)
   ========================================================================== */

.uv {
  --uv-mavi: #0076c0;
  --uv-mavi-koyu: #005a94;
  --uv-lacivert: #0b2a45;
  --uv-lacivert-2: #123e63;
  --uv-buz: #f0f7ff;
  --uv-sari: #f7cf07;
  --uv-sari-koyu: #e3bd00;
  --uv-metin: #1b2430;
  --uv-govde: #3a4552;
  --uv-ikincil: #5b6875;
  --uv-cizgi: #dce4ec;
  --uv-r: 12px;
  --uv-ust: calc(var(--soli-header-h) + 24px);
}

/* ---------------------------------------------------------------- ortak */
.uv-h2 {
  font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--uv-metin);
}
.uv-yazi p {
  margin: 0 0 1.1em;
  max-width: 68ch;
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--uv-govde);
}
.uv-yazi .uv-h2 { margin: 0 0 18px; }
.uv-yazi p + .uv-h2 { margin-top: 48px; }

.uv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 22px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  border: 1.5px solid transparent;
  border-radius: 8px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.uv-btn .soli-icon { width: 18px; height: 18px; }
.uv-btn--mavi { background: var(--uv-mavi); color: #fff; }
.uv-btn--mavi:hover { background: var(--uv-mavi-koyu); color: #fff; }
.uv-btn--sari { background: var(--uv-sari); color: var(--uv-metin); }
.uv-btn--sari:hover { background: var(--uv-sari-koyu); color: var(--uv-metin); }
.uv-btn--hayalet { color: var(--uv-mavi); border-color: var(--uv-mavi); }
.uv-btn--hayalet:hover { background: var(--uv-buz); color: var(--uv-mavi-koyu); }
.uv-btn--cizgi { color: var(--uv-metin); border-color: var(--uv-cizgi); background: #fff; }
.uv-btn--cizgi:hover { border-color: var(--uv-mavi); color: var(--uv-mavi); }
.uv-btn--beyaz-cizgi { color: #fff; border-color: rgba(255, 255, 255, 0.55); }
.uv-btn--beyaz-cizgi:hover { background: rgba(255, 255, 255, 0.1); border-color: #fff; color: #fff; }
.uv a:focus-visible,
.uv button:focus-visible,
.uv summary:focus-visible,
.uv [tabindex="0"]:focus-visible { outline: 3px solid var(--uv-mavi); outline-offset: 3px; border-radius: 6px; }

/* SSS */
.uv-faq { padding-block: clamp(3rem, 2rem + 4vw, 96px); }
.uv-faq__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 48px; align-items: start; }
.uv-faq__in > .uv-h2 { position: sticky; top: var(--uv-ust); }
.uv-faq__item { border-bottom: 1px solid var(--uv-cizgi); }
.uv-faq__item:first-child { border-top: 1px solid var(--uv-cizgi); }
.uv-faq__item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 4px;
  cursor: pointer;
  list-style: none;
}
.uv-faq__item summary::-webkit-details-marker { display: none; }
.uv-faq__q { font-size: 1.125rem; font-weight: 600; line-height: 1.35; color: var(--uv-metin); }
.uv-faq__item summary .soli-icon { flex: none; width: 20px; height: 20px; color: var(--uv-mavi); transition: rotate 0.2s; }
.uv-faq__item[open] summary .soli-icon { rotate: 45deg; }
.uv-faq__item summary:hover .uv-faq__q { color: var(--uv-mavi); }
.uv-faq__item p { margin: 0; padding: 0 4px 22px; max-width: 68ch; font-size: 1.0625rem; line-height: 1.7; color: var(--uv-govde); }

/* Eylem bandı */
.uv-cta { padding-block: clamp(2.5rem, 1.5rem + 3vw, 64px); background: var(--uv-buz); }
.uv-cta__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 48px; }
.uv-cta__title { font-size: clamp(1.375rem, 1rem + 1vw, 1.75rem); font-weight: 600; line-height: 1.25; color: var(--uv-metin); max-width: 24ch; }
.uv-cta__text { margin-top: 10px; max-width: 56ch; font-size: 1.0625rem; line-height: 1.6; color: var(--uv-govde); }
.uv-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.uv-cta--lacivert { background: var(--uv-lacivert); }
.uv-cta--lacivert .uv-cta__title { color: #fff; }
.uv-cta--lacivert .uv-cta__text { color: rgba(255, 255, 255, 0.82); }
.uv-cta--lacivert .uv-btn--cizgi { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.55); }
.uv-cta--sari { background: var(--uv-sari); }
.uv-cta--sari .uv-cta__text { color: var(--uv-metin); }
.uv-cta--sari .uv-btn--sari { background: var(--uv-lacivert); color: #fff; }
.uv-cta--sari .uv-btn--sari:hover { background: var(--uv-lacivert-2); }
.uv-cta--sari .uv-btn--cizgi { background: transparent; border-color: var(--uv-metin); }

/* Mobil yapışkan eylem çubuğu */
.uv-mbar { display: none; }

/* ======================================================= A · SEÇİM REHBERİ */
.va-hero { padding-block: clamp(2rem, 1rem + 3vw, 64px) clamp(2.5rem, 1.5rem + 3vw, 72px); }
.va-hero__in { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: clamp(32px, 4vw, 72px); align-items: center; }
.va-hero__h1 { font-size: clamp(2rem, 1.2rem + 2.6vw, 3.25rem); font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; color: var(--uv-metin); max-width: 18ch; }
.va-hero__lead { margin-top: 20px; max-width: 58ch; font-size: 1.125rem; line-height: 1.7; color: var(--uv-govde); }
.va-hero__eylem { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.va-hero__not { margin-top: 20px; font-size: 0.9375rem; color: var(--uv-ikincil); }
.va-hero__gorsel { margin: 0; padding: clamp(16px, 3vw, 40px); background: var(--uv-buz); border-radius: 20px; }
.va-hero__gorsel img { width: 100%; height: auto; max-height: 460px; object-fit: contain; }

.va-bulucu { padding-block: clamp(3rem, 2rem + 3vw, 80px); background: var(--uv-buz); }
.va-bulucu__bas { display: grid; gap: 12px; margin-bottom: 28px; }
.va-bulucu__soru { font-size: 1.0625rem; color: var(--uv-govde); }
.va-filtre { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.va-filtre button {
  display: inline-flex; align-items: center; gap: 10px;
  min-height: 46px; padding: 0 18px;
  font: inherit; font-size: 1rem; font-weight: 600; color: var(--uv-metin);
  background: #fff; border: 1.5px solid var(--uv-cizgi); border-radius: 999px; cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.va-filtre button span { min-width: 26px; padding: 2px 8px; font-size: 0.8125rem; color: var(--uv-ikincil); background: var(--uv-buz); border-radius: 999px; }
.va-filtre button:hover { border-color: var(--uv-mavi); }
.va-filtre button[aria-pressed="true"] { color: #fff; background: var(--uv-mavi); border-color: var(--uv-mavi); }
.va-filtre button[aria-pressed="true"] span { color: var(--uv-mavi); background: #fff; }
.va-bulucu__durum { font-size: 0.875rem; color: var(--uv-ikincil); }

.va-seriler { margin: 0; padding: 0; list-style: none; background: #fff; border: 1px solid var(--uv-cizgi); border-radius: var(--uv-r); overflow: hidden; }
.va-seri {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr) 44px;
  align-items: center;
  gap: 24px;
  padding: 22px 24px;
  border-top: 1px solid var(--uv-cizgi);
  transition: background-color 0.2s;
}
.va-seri:first-child { border-top: 0; }
.va-seri[hidden] { display: none; }
.va-seri:hover { background: #f8fbff; }
.va-seri__ad { font-size: 1.125rem; font-weight: 600; line-height: 1.3; }
.va-seri__ad a { color: var(--uv-metin); }
.va-seri__ad a::after { content: ""; position: absolute; inset: 0; }   /* tüm satır tıklanabilir */
.va-seri:hover .va-seri__ad a { color: var(--uv-mavi); }
.va-seri__tur { display: block; margin-top: 4px; font-size: 0.875rem; color: var(--uv-ikincil); }
.va-seri__etiket { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.va-seri__etiket li { padding: 4px 10px; font-size: 0.875rem; color: var(--uv-govde); background: var(--uv-buz); border-radius: 6px; }
.va-seri__git { display: grid; place-items: center; width: 44px; height: 44px; color: var(--uv-mavi); border: 1.5px solid var(--uv-cizgi); border-radius: 50%; transition: all 0.2s; }
.va-seri:hover .va-seri__git { color: #fff; background: var(--uv-mavi); border-color: var(--uv-mavi); }
.va-seri__git .soli-icon { width: 18px; height: 18px; }

.va-ozellik { padding-block: 40px; border-bottom: 1px solid var(--uv-cizgi); }
.va-ozellik__liste { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.va-ozellik__oge { display: flex; align-items: center; gap: 12px; padding: 4px 20px; font-size: 0.9375rem; font-weight: 600; line-height: 1.35; color: var(--uv-metin); }
.va-ozellik__oge + .va-ozellik__oge { border-left: 1px solid var(--uv-cizgi); }
.va-ozellik__oge .soli-icon { flex: none; width: 44px; height: 44px; padding: 10px; color: var(--uv-mavi); background: var(--uv-buz); border-radius: 50%; }

.va-icerik { padding-block: clamp(3rem, 2rem + 4vw, 96px); }
.va-icerik__in { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.va-konular { position: sticky; top: var(--uv-ust); padding: 28px; background: var(--uv-buz); border-radius: var(--uv-r); }
.va-konular__bas { font-size: 1.125rem; font-weight: 600; color: var(--uv-metin); }
.va-konular ul { margin: 14px 0 0; padding: 0; list-style: none; }
.va-konular li + li { border-top: 1px solid var(--uv-cizgi); }
.va-konular a { display: block; padding: 12px 0; font-size: 1rem; color: var(--uv-mavi); }
.va-konular a:hover { color: var(--uv-mavi-koyu); text-decoration: underline; }

/* ======================================================== B · TEKNİK REHBER */
.vb-bas { padding-block: clamp(2rem, 1rem + 3vw, 56px) clamp(2rem, 1rem + 2.5vw, 48px); background: var(--uv-buz); border-bottom: 1px solid var(--uv-cizgi); }
.vb-bas__h1 { font-size: clamp(2rem, 1.2rem + 2.4vw, 3rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.02em; color: var(--uv-metin); max-width: 22ch; }
.vb-bas__lead { margin-top: 16px; max-width: 70ch; font-size: 1.125rem; line-height: 1.7; color: var(--uv-govde); }
.vb-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 32px 0 0; }
.vb-ozet div { padding-top: 12px; border-top: 2px solid var(--uv-mavi); }
.vb-ozet dt { font-size: 0.875rem; color: var(--uv-ikincil); }
.vb-ozet dd { margin: 4px 0 0; font-size: 1.0625rem; font-weight: 600; line-height: 1.35; color: var(--uv-metin); }
.vb-ilerleme { position: fixed; top: var(--soli-header-h); left: 0; right: 0; z-index: 60; height: 3px; pointer-events: none; }
.vb-ilerleme span { display: block; height: 100%; background: var(--uv-mavi); transform-origin: 0 50%; transform: scaleX(0); }

.vb-duzen { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); padding-block: clamp(2.5rem, 1.5rem + 3vw, 64px) clamp(3rem, 2rem + 4vw, 96px); align-items: start; }
.vb-toc { position: sticky; top: var(--uv-ust); }
.vb-toc__bas { font-size: 0.9375rem; font-weight: 600; color: var(--uv-ikincil); }
.vb-toc ol { margin: 12px 0 0; padding: 0; list-style: none; border-left: 2px solid var(--uv-cizgi); }
.vb-toc ol a { display: block; margin-left: -2px; padding: 9px 0 9px 16px; font-size: 0.9375rem; line-height: 1.35; color: var(--uv-govde); border-left: 2px solid transparent; transition: color 0.2s, border-color 0.2s; }
.vb-toc ol a:hover { color: var(--uv-mavi); }
.vb-toc ol a[aria-current="true"] { color: var(--uv-mavi); font-weight: 600; border-left-color: var(--uv-mavi); }
.vb-toc__cta { display: grid; gap: 12px; margin-top: 28px; padding: 22px; color: #fff; background: var(--uv-lacivert); border-radius: var(--uv-r); }
.vb-toc__cta p { font-size: 1rem; line-height: 1.45; }
.vb-toc__cta .uv-btn--mavi { background: var(--uv-sari); color: var(--uv-metin); }
.vb-toc__cta .uv-btn--mavi:hover { background: var(--uv-sari-koyu); color: var(--uv-metin); }
.vb-toc__tel { font-size: 1.0625rem; font-weight: 600; color: #fff; text-align: center; }
.vb-toc__tel:hover { color: var(--uv-sari); }

.vb-akis { max-width: 800px; }
.vb-gorsel { margin: 0; background: var(--uv-buz); border-radius: var(--uv-r); overflow: hidden; }
.vb-gorsel img { display: block; width: 100%; height: 380px; object-fit: contain; padding: 24px; }
.vb-gorsel figcaption { padding: 18px 24px 22px; font-size: 1rem; line-height: 1.7; color: var(--uv-govde); background: #fff; border: 1px solid var(--uv-cizgi); border-top: 0; border-radius: 0 0 var(--uv-r) var(--uv-r); }
.vb-bolum { padding-top: 56px; scroll-margin-top: var(--uv-ust); }
.vb-bolum > .uv-h2 { margin-bottom: 14px; }
.vb-bolum > p { max-width: 68ch; font-size: 1.0625rem; line-height: 1.7; color: var(--uv-govde); }
.vb-tablo-kap { margin-top: 20px; overflow-x: auto; border: 1px solid var(--uv-cizgi); border-radius: var(--uv-r); }
.vb-tablo { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 0.9375rem; }
.vb-tablo thead th { padding: 12px 16px; font-size: 0.875rem; font-weight: 600; text-align: left; color: var(--uv-ikincil); background: var(--uv-buz); }
.vb-tablo tbody tr + tr { border-top: 1px solid var(--uv-cizgi); }
.vb-tablo th[scope="row"], .vb-tablo td { padding: 14px 16px; text-align: left; vertical-align: top; }
.vb-tablo th[scope="row"] { width: 34%; font-weight: 600; }
.vb-tablo th[scope="row"] a { color: var(--uv-metin); }
.vb-tablo th[scope="row"] a:hover { color: var(--uv-mavi); text-decoration: underline; }
.vb-tablo td:last-child { width: 14%; color: var(--uv-ikincil); }
.vb-tablo__etiket { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.vb-tablo__etiket li { padding: 3px 9px; font-size: 0.8125rem; color: var(--uv-govde); background: var(--uv-buz); border-radius: 6px; }
.vb-tablo tbody tr:hover { background: #f8fbff; }
.vb-ozellik { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
.vb-ozellik__oge { display: flex; align-items: center; gap: 14px; padding: 16px 18px; font-size: 1rem; font-weight: 600; color: var(--uv-metin); border: 1px solid var(--uv-cizgi); border-radius: 10px; }
.vb-ozellik__oge .soli-icon { flex: none; width: 26px; height: 26px; color: var(--uv-mavi); }
.uv--b .uv-faq { padding-block: 56px 0; }
.uv--b .uv-faq__list { margin-top: 12px; }

/* =============================================================== C · VİTRİN */
.vc-hero {
  position: relative;
  padding-block: clamp(2.5rem, 1.5rem + 4vw, 88px);
  color: #fff;
  background:
    radial-gradient(60% 90% at 78% 55%, rgba(0, 118, 192, 0.55), transparent 70%),
    linear-gradient(160deg, var(--uv-lacivert) 0%, var(--uv-lacivert-2) 100%);
  overflow: hidden;
}
.vc-hero__in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: clamp(32px, 4vw, 64px); align-items: center; }
.vc-hero__h1 { font-size: clamp(2.25rem, 1.2rem + 3.2vw, 3.75rem); font-weight: 600; line-height: 1.06; letter-spacing: -0.025em; color: #fff; max-width: 16ch; }
.vc-hero__lead { margin-top: 22px; max-width: 54ch; font-size: 1.125rem; line-height: 1.7; color: rgba(255, 255, 255, 0.85); }
.vc-hero__eylem { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.vc-hero .uv-btn:focus-visible { outline-color: var(--uv-sari); }
.vc-hero__gorsel { margin: 0; }
.vc-hero__gorsel img { width: 100%; height: auto; max-height: 520px; object-fit: contain; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.35)); }

.vc-mod { padding-block: clamp(3rem, 2rem + 4vw, 88px); }
.vc-mod__bas { margin-bottom: 24px; }
.vc-mod__sekmeler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 6px; background: var(--uv-buz); border-radius: 14px; }
.vc-mod__sekmeler button {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 60px; padding: 0 16px;
  font: inherit; font-size: 1.0625rem; font-weight: 600; color: var(--uv-metin);
  background: transparent; border: 0; border-radius: 10px; cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.vc-mod__sekmeler button .soli-icon { width: 26px; height: 26px; color: var(--uv-mavi); }
.vc-mod__sekmeler button:hover { background: #fff; }
.vc-mod__sekmeler button[aria-selected="true"] { color: #fff; background: var(--uv-mavi); box-shadow: 0 6px 16px rgba(0, 118, 192, 0.3); }
.vc-mod__sekmeler button[aria-selected="true"] .soli-icon { color: #fff; }
.vc-mod__panel { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px 64px; padding: 36px 8px 0; align-items: start; }
.vc-mod__panel[hidden] { display: none; }
.vc-mod__metin { grid-row: span 2; font-size: clamp(1.1875rem, 1rem + 0.6vw, 1.4375rem); line-height: 1.55; color: var(--uv-metin); max-width: 44ch; }
.vc-mod__uygun { font-size: 0.9375rem; color: var(--uv-ikincil); }
.vc-mod__seriler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.vc-mod__seriler a { display: inline-block; padding: 9px 14px; font-size: 0.9375rem; font-weight: 600; color: var(--uv-mavi); border: 1.5px solid var(--uv-cizgi); border-radius: 8px; transition: border-color 0.2s, background-color 0.2s; }
.vc-mod__seriler a:hover { border-color: var(--uv-mavi); background: var(--uv-buz); }

.vc-seriler { padding-block: clamp(3rem, 2rem + 3vw, 80px); background: var(--uv-buz); }
.vc-seriler__bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.vc-seriler__ok { display: flex; gap: 8px; }
.vc-seriler__ok button { display: grid; place-items: center; width: 46px; height: 46px; color: var(--uv-mavi); background: #fff; border: 1.5px solid var(--uv-cizgi); border-radius: 50%; cursor: pointer; }
.vc-seriler__ok button:first-child .soli-icon { rotate: 180deg; }
.vc-seriler__ok button:hover:not(:disabled) { border-color: var(--uv-mavi); }
.vc-seriler__ok button:disabled { opacity: 0.4; cursor: default; }
.vc-seriler__ok .soli-icon { width: 18px; height: 18px; }
.vc-seriler__ray { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(270px, 300px); gap: 16px; margin: 0; padding: 4px 4px 12px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 4px; scrollbar-width: thin; }
.vc-kart { position: relative; display: grid; align-content: start; gap: 8px; min-height: 200px; padding: 24px; background: #fff; border: 1px solid var(--uv-cizgi); border-radius: var(--uv-r); scroll-snap-align: start; transition: border-color 0.2s; }
.vc-kart:hover { border-color: var(--uv-mavi); }
.vc-kart__ad { font-size: 1.125rem; font-weight: 600; line-height: 1.3; }
.vc-kart__ad a { color: var(--uv-metin); }
.vc-kart__ad a::after { content: ""; position: absolute; inset: 0; }
.vc-kart:hover .vc-kart__ad a { color: var(--uv-mavi); }
.vc-kart__tur { font-size: 0.875rem; color: var(--uv-ikincil); }
.vc-kart__etiket { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.vc-kart__etiket li { padding: 4px 9px; font-size: 0.8125rem; color: var(--uv-govde); background: var(--uv-buz); border-radius: 6px; }

.vc-ozellik { padding-block: 36px; border-bottom: 1px solid var(--uv-cizgi); }
.vc-ozellik__liste { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px 32px; margin: 0; padding: 0; list-style: none; }
.vc-ozellik__oge { display: flex; align-items: center; gap: 10px; font-size: 1rem; font-weight: 600; color: var(--uv-metin); }
.vc-ozellik__oge .soli-icon { width: 28px; height: 28px; color: var(--uv-mavi); }

.vc-icerik { padding-block: clamp(3rem, 2rem + 4vw, 96px); }
.vc-icerik__in { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.vc-icerik__yan { padding: 32px; background: var(--uv-buz); border-radius: var(--uv-r); }
.vc-icerik__yan p { font-size: 1rem; }

/* ================================================================ responsive */
@media (max-width: 1024px) {
  .va-ozellik__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 20px; }
  .va-ozellik__oge:nth-child(4) { border-left: 0; }
  .vb-duzen { grid-template-columns: minmax(0, 1fr); }
  .vb-toc { position: static; }
  .vb-toc ol { display: flex; gap: 8px; overflow-x: auto; border-left: 0; padding-bottom: 6px; }
  .vb-toc ol a { margin: 0; padding: 8px 14px; white-space: nowrap; border: 1.5px solid var(--uv-cizgi); border-radius: 999px; }
  .vb-toc ol a[aria-current="true"] { border-color: var(--uv-mavi); }
  .vb-toc__cta { display: none; }
  .vb-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .va-hero__in, .vc-hero__in, .va-icerik__in, .vc-icerik__in, .uv-faq__in, .vc-mod__panel { grid-template-columns: minmax(0, 1fr); }
  .va-hero__gorsel { order: -1; }
  .vc-hero__gorsel img { max-height: 320px; }
  .uv-faq__in > .uv-h2, .va-konular { position: static; }
  .va-seri { grid-template-columns: minmax(0, 1fr) 44px; }
  .va-seri__etiket { grid-column: 1 / -1; grid-row: 2; }
  .vc-mod__sekmeler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vc-mod__metin { grid-row: auto; }
  /* mobil eylem çubuğu */
  .uv-mbar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 70;
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    background: #fff; box-shadow: 0 -4px 16px rgba(11, 42, 69, 0.12);
  }
  .uv { padding-bottom: 72px; }
  .uv .soli-consultant, .uv .soli-totop { bottom: 88px; }
}
@media (max-width: 600px) {
  .va-ozellik__liste { grid-template-columns: minmax(0, 1fr); }
  .va-ozellik__oge, .va-ozellik__oge + .va-ozellik__oge { border-left: 0; padding-inline: 0; }
  .vb-ozellik, .vb-ozet { grid-template-columns: minmax(0, 1fr); }
  .vb-gorsel img { height: 260px; }
}
@media (prefers-reduced-motion: reduce) {
  .uv *, .uv *::before, .uv *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* Ürün görseli beyaz zeminli: açık panellerde zemine karışsın (multiply),
   koyu hero'da bilinçli beyaz ürün kartına otursun */
.va-hero__gorsel img,
.vb-gorsel img { mix-blend-mode: multiply; }
.vc-hero__gorsel {
  justify-self: center;
  width: min(100%, 460px);
  padding: clamp(20px, 3vw, 36px);
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 30px 60px rgba(3, 18, 33, 0.45);
}
.vc-hero__gorsel img { filter: none; max-height: 420px; }
/* B: tek kalan özellik tam satır */
.vb-ozellik__oge:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Tasarım seçim sayfası (yalnızca prototip) */
.uv-secim { padding-block: 56px 96px; }
.uv-secim__h1 { font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); font-weight: 600; line-height: 1.15; color: var(--uv-metin); }
.uv-secim__lead { margin-top: 14px; max-width: 72ch; font-size: 1.0625rem; line-height: 1.7; color: var(--uv-govde); }
.uv-secim__lead a { color: var(--uv-mavi); text-decoration: underline; }
.uv-secim__liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 40px 0 0; padding: 0; list-style: none; }
.uv-secim__kart { display: grid; align-content: start; gap: 12px; }
.uv-secim__gorsel { display: block; aspect-ratio: 4 / 5; overflow: hidden; border: 1px solid var(--uv-cizgi); border-radius: var(--uv-r); }
.uv-secim__gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform 0.4s; }
.uv-secim__gorsel:hover img { transform: scale(1.02); }
.uv-secim__kart h2 { margin-top: 6px; font-size: 1.375rem; font-weight: 600; color: var(--uv-metin); }
.uv-secim__kart p { font-size: 1rem; line-height: 1.6; color: var(--uv-govde); }
.uv-secim__kime { padding: 12px 14px; background: var(--uv-buz); border-radius: 8px; }
.uv-secim__kart .uv-btn { justify-self: start; margin-top: 4px; }
.uv-secim__h2 { margin-top: 64px; font-size: 1.5rem; font-weight: 600; color: var(--uv-metin); }
.uv-secim__ortak { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 32px; margin: 16px 0 0; padding-left: 20px; font-size: 1rem; line-height: 1.6; color: var(--uv-govde); list-style: disc; }
@media (max-width: 900px) { .uv-secim__liste, .uv-secim__ortak { grid-template-columns: minmax(0, 1fr); } }
.uv-secim__secilen { margin-top: 16px; padding: 14px 18px; background: #e8f6ee; border-left: 4px solid #1f8a4c; border-radius: 6px; color: var(--uv-metin); } .uv-secim__secilen a { color: var(--uv-mavi); text-decoration: underline; }

/* ==========================================================================
   BLOG — liste (bla / blb / blc) ve detay (bda / bdb / bdc) varyantları
   Yazıların %90'ında öne çıkan görsel yok (canlıda logo yer tutucusu):
   tasarımlar tipografi, konu ve okuma süresi üzerine kurulu.
   ========================================================================== */

/* ---------------- ortak parçalar */
.bl-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 0.875rem; color: var(--uv-ikincil); }
.bl-konu { display: inline-flex; align-items: center; gap: 6px; font-size: 0.875rem; font-weight: 600; color: var(--uv-mavi); }
.bl-konu .soli-icon { width: 16px; height: 16px; }
a.bl-konu:hover { text-decoration: underline; }
.bl-tarih { display: grid; justify-items: center; align-content: start; min-width: 72px; padding-top: 4px; color: var(--uv-ikincil); }
.bl-tarih__gun { font-size: 1.75rem; font-weight: 600; line-height: 1; color: var(--uv-metin); }
.bl-tarih__ay { margin-top: 4px; font-size: 0.8125rem; text-align: center; }
.bl-ara { position: relative; display: flex; align-items: center; min-width: min(100%, 340px); }
.bl-ara .soli-icon { position: absolute; left: 16px; width: 18px; height: 18px; color: var(--uv-ikincil); pointer-events: none; }
.bl-ara input {
  width: 100%; min-height: 50px; padding: 0 16px 0 44px;
  font: inherit; font-size: 1rem; color: var(--uv-metin);
  background: #fff; border: 1.5px solid var(--uv-cizgi); border-radius: 10px;
}
.bl-ara input:focus { outline: none; border-color: var(--uv-mavi); box-shadow: 0 0 0 3px rgba(0, 118, 192, 0.18); }
.bl-filtre { display: flex; flex-wrap: wrap; gap: 8px; }
.bl-filtre a {
  display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px;
  font-size: 0.9375rem; font-weight: 600; color: var(--uv-metin);
  background: #fff; border: 1.5px solid var(--uv-cizgi); border-radius: 999px;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.bl-filtre a:hover { border-color: var(--uv-mavi); }
.bl-filtre a[aria-current="true"] { color: #fff; background: var(--uv-mavi); border-color: var(--uv-mavi); }
.bl-bos { margin-top: 24px; padding: 20px; font-size: 1rem; color: var(--uv-govde); background: var(--uv-buz); border-radius: 10px; }
.bl-bos a { color: var(--uv-mavi); text-decoration: underline; }
.bl-sayfa { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 40px; }
.bl-sayfa a, .bl-sayfa span {
  display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px;
  font-size: 0.9375rem; font-weight: 600; color: var(--uv-metin); border-radius: 8px;
}
.bl-sayfa a { border: 1.5px solid var(--uv-cizgi); }
.bl-sayfa a:hover { border-color: var(--uv-mavi); color: var(--uv-mavi); }
.bl-sayfa a[aria-current="page"] { color: #fff; background: var(--uv-mavi); border-color: var(--uv-mavi); }
.bl-sayfa .soli-icon { width: 16px; height: 16px; }
.bl-sayfa__pasif { opacity: 0.35; }
.bl-sayfa__pasif .soli-icon { rotate: 180deg; }
.bl [data-konu][hidden] { display: none; }

/* ---------------- LİSTE A · Rehber dizini */
.bla-bas { padding-block: clamp(1.5rem, 1rem + 2vw, 40px) 28px; background: var(--uv-buz); border-bottom: 1px solid var(--uv-cizgi); }
.bla-bas__in { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 24px 48px; margin-bottom: 24px; }
.bla-bas__h1 { font-size: clamp(2rem, 1.3rem + 2vw, 2.875rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.02em; color: var(--uv-metin); }
.bla-bas__lead { margin-top: 12px; max-width: 58ch; font-size: 1.0625rem; line-height: 1.65; color: var(--uv-govde); }
.bla-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(32px, 5vw, 72px); padding-block: 40px clamp(3rem, 2rem + 4vw, 96px); align-items: start; }
.bla-one { position: relative; padding: 28px 32px; background: #fff; border: 1px solid var(--uv-cizgi); border-left: 4px solid var(--uv-mavi); border-radius: var(--uv-r); }
.bla-one__etiket { font-size: 0.875rem; font-weight: 600; color: var(--uv-mavi); }
.bla-one__bas { margin-top: 8px; font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem); font-weight: 600; line-height: 1.25; }
.bla-one__bas a { color: var(--uv-metin); }
.bla-one__bas a::after { content: ""; position: absolute; inset: 0; }
.bla-one:hover .bla-one__bas a { color: var(--uv-mavi); }
.bla-one__ozet { margin: 12px 0 16px; max-width: 70ch; font-size: 1.0625rem; line-height: 1.7; color: var(--uv-govde); }
.bla-liste { margin: 16px 0 0; padding: 0; list-style: none; }
.bla-yazi { position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 24px; padding: 26px 8px; border-bottom: 1px solid var(--uv-cizgi); }
.bla-yazi__bas { font-size: 1.1875rem; font-weight: 600; line-height: 1.3; }
.bla-yazi__bas a { color: var(--uv-metin); }
.bla-yazi__bas a::after { content: ""; position: absolute; inset: 0; }
.bla-yazi:hover .bla-yazi__bas a { color: var(--uv-mavi); }
.bla-yazi__ozet { margin: 8px 0 12px; max-width: 72ch; font-size: 1rem; line-height: 1.65; color: var(--uv-govde); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bla-yan { position: sticky; top: var(--uv-ust); display: grid; gap: 24px; }
.bla-yan__bas { font-size: 1.0625rem; font-weight: 600; color: var(--uv-metin); }
.bla-yan ul { margin: 10px 0 0; padding: 0; list-style: none; }
.bla-yan li + li { border-top: 1px solid var(--uv-cizgi); }
.bla-yan ul a { display: block; padding: 12px 0; font-size: 0.9375rem; color: var(--uv-mavi); }
.bla-yan ul a:hover { text-decoration: underline; }
.bla-yan__cta { display: grid; gap: 14px; padding: 24px; color: #fff; background: var(--uv-lacivert); border-radius: var(--uv-r); }
.bla-yan__cta p { font-size: 1rem; line-height: 1.5; }

/* ---------------- LİSTE B · Konu kümeleri */
.blb-bas { padding-block: clamp(1.5rem, 1rem + 2vw, 40px) 32px; }
.blb-bas__h1 { font-size: clamp(2rem, 1.3rem + 2vw, 2.875rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.02em; color: var(--uv-metin); }
.blb-bas__lead { margin-top: 12px; font-size: 1.0625rem; line-height: 1.65; color: var(--uv-govde); }
.blb-bas__arac { display: grid; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); gap: 16px 24px; align-items: center; margin-top: 24px; }
.blb-atla { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.blb-atla a { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; font-size: 0.9375rem; font-weight: 600; color: var(--uv-metin); background: var(--uv-buz); border-radius: 8px; }
.blb-atla a span { font-weight: 400; color: var(--uv-ikincil); }
.blb-atla a:hover { color: var(--uv-mavi); }
.blb-one { position: relative; margin-bottom: 24px; padding: 32px; color: #fff; background: var(--uv-lacivert); border-radius: 16px; }
.blb-one .bl-meta, .blb-one .bl-konu { color: rgba(255, 255, 255, 0.8); }
.blb-one__etiket { font-size: 0.875rem; font-weight: 600; color: var(--uv-sari); }
.blb-one__bas { margin-top: 8px; font-size: clamp(1.5rem, 1.1rem + 1vw, 2rem); font-weight: 600; line-height: 1.2; max-width: 30ch; }
.blb-one__bas a { color: #fff; }
.blb-one__bas a::after { content: ""; position: absolute; inset: 0; }
.blb-one__ozet { margin: 12px 0 16px; max-width: 72ch; font-size: 1.0625rem; line-height: 1.65; color: rgba(255, 255, 255, 0.85); }
.blb-kume { padding-block: 40px; border-top: 1px solid var(--uv-cizgi); scroll-margin-top: var(--uv-ust); }
.blb-kume:last-child { padding-bottom: clamp(3rem, 2rem + 4vw, 96px); }
.blb-kume__bas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-bottom: 16px; }
.blb-kume__bas > .soli-icon { width: 40px; height: 40px; padding: 9px; color: var(--uv-mavi); background: var(--uv-buz); border-radius: 50%; }
.blb-kume__sayi { font-size: 0.9375rem; color: var(--uv-ikincil); }
.blb-kume__tum { margin-left: auto; font-size: 0.9375rem; font-weight: 600; color: var(--uv-mavi); }
.blb-kume__tum:hover { text-decoration: underline; }
.blb-kume__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; margin: 0; padding: 0; list-style: none; }
.blb-kume__liste a { display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--uv-cizgi); }
.blb-kume__ad { font-size: 1.0625rem; font-weight: 600; line-height: 1.35; color: var(--uv-metin); }
.blb-kume__liste a:hover .blb-kume__ad { color: var(--uv-mavi); }
.blb-kume__meta { font-size: 0.875rem; color: var(--uv-ikincil); }

/* ---------------- LİSTE C · Vitrin */
.blc-bas { padding-block: clamp(2rem, 1rem + 3vw, 64px); color: #fff; background: radial-gradient(70% 90% at 85% 40%, rgba(0, 118, 192, 0.5), transparent 70%), linear-gradient(160deg, var(--uv-lacivert), var(--uv-lacivert-2)); }
.blc-bas__in { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.blc-bas__h1 { font-size: clamp(2.25rem, 1.4rem + 2.6vw, 3.5rem); font-weight: 600; line-height: 1.05; letter-spacing: -0.02em; }
.blc-bas__lead { margin: 14px 0 24px; max-width: 44ch; font-size: 1.0625rem; line-height: 1.65; color: rgba(255, 255, 255, 0.82); }
.blc-bas .bl-ara input { border-color: transparent; }
.blc-one { display: grid; gap: 12px; justify-items: start; padding: 32px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 16px; }
.blc-one__etiket { font-size: 0.875rem; font-weight: 600; color: var(--uv-sari); }
.blc-one__bas { font-size: clamp(1.5rem, 1.1rem + 1.1vw, 2.125rem); font-weight: 600; line-height: 1.2; }
.blc-one__bas a { color: #fff; }
.blc-one__bas a:hover { text-decoration: underline; }
.blc-one__ozet { font-size: 1.0625rem; line-height: 1.65; color: rgba(255, 255, 255, 0.85); }
.blc-one .bl-meta { color: rgba(255, 255, 255, 0.72); }
.blc-bas .uv-btn:focus-visible, .blc-bas a:focus-visible { outline-color: var(--uv-sari); }
.blc-govde { padding-block: 40px clamp(3rem, 2rem + 4vw, 96px); }
.blc-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 28px 0 0; padding: 0; list-style: none; }
.blc-kart { position: relative; display: grid; align-content: start; gap: 10px; padding: 24px; background: #fff; border: 1px solid var(--uv-cizgi); border-top: 3px solid var(--k, var(--uv-mavi)); border-radius: 4px 4px var(--uv-r) var(--uv-r); transition: border-color 0.2s, box-shadow 0.2s; }
.blc-kart:hover { box-shadow: 0 10px 24px rgba(11, 42, 69, 0.08); }
.blc-kart--isipompasi { --k: #0076c0; }
.blc-kart--gunes { --k: #e3bd00; }
.blc-kart--havuz { --k: #1e9bb8; }
.blc-kart--boyler { --k: #c2554a; }
.blc-kart--surdurulebilir { --k: #3f8f5a; }
.blc-kart .bl-konu { color: var(--uv-govde); }
.blc-kart .bl-konu .soli-icon { color: var(--k); }
.blc-kart__bas { font-size: 1.1875rem; font-weight: 600; line-height: 1.3; }
.blc-kart__bas a { color: var(--uv-metin); }
.blc-kart__bas a::after { content: ""; position: absolute; inset: 0; }
.blc-kart:hover .blc-kart__bas a { color: var(--uv-mavi); }
.blc-kart__ozet { font-size: 0.9375rem; line-height: 1.6; color: var(--uv-govde); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------------- DETAY ortak */
.bd-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; font-size: 0.9375rem; color: var(--uv-ikincil); }
.bd-govde { max-width: 720px; }
.bd-govde > p, .bd-govde > ul, .bd-govde > ol { margin: 0 0 1.25em; font-size: 1.125rem; line-height: 1.78; color: var(--uv-govde); }
.bd-govde > ul, .bd-govde > ol { padding-left: 1.3em; list-style: disc; }
.bd-govde > ol { list-style: decimal; }
.bd-govde li { margin-bottom: 0.4em; }
.bd-govde li::marker { color: var(--uv-mavi); }
.bd-govde > h2 { margin: 2.2em 0 0.6em; font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem); font-weight: 600; line-height: 1.25; color: var(--uv-metin); scroll-margin-top: var(--uv-ust); }
.bd-govde > h3 { margin: 1.6em 0 0.5em; font-size: 1.25rem; font-weight: 600; line-height: 1.3; color: var(--uv-metin); }
.bd-govde strong { color: var(--uv-metin); }
.bd-govde a { color: var(--uv-mavi); text-decoration: underline; }
.bd-kutu { margin: 2em 0; padding: 24px 28px; background: var(--uv-buz); border-left: 4px solid var(--uv-mavi); border-radius: 0 var(--uv-r) var(--uv-r) 0; }
.bd-kutu__bas { font-size: 1.125rem; font-weight: 600; color: var(--uv-metin); }
.bd-kutu p { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--uv-govde); }
.bd-kutu p + p { margin-top: 6px; }
.bd-kutu__eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.bd-kutu a { text-decoration: none; }
.bd-kutu .uv-btn--mavi { color: #fff; }
.bd-toc__bas { font-size: 0.9375rem; font-weight: 600; color: var(--uv-ikincil); }
.bd-toc ol { margin: 12px 0 0; padding: 0; list-style: none; border-left: 2px solid var(--uv-cizgi); }
.bd-toc ol a { display: block; margin-left: -2px; padding: 8px 0 8px 14px; font-size: 0.9375rem; line-height: 1.35; color: var(--uv-govde); border-left: 2px solid transparent; }
.bd-toc ol a:hover { color: var(--uv-mavi); }
.bd-toc ol a[aria-current="true"] { color: var(--uv-mavi); font-weight: 600; border-left-color: var(--uv-mavi); }
.bd-paylas { margin-top: 48px; }
.bd-paylas__bas { font-size: 1.0625rem; font-weight: 600; color: var(--uv-metin); }
.bd-paylas .soli-share { margin-top: 12px; }
.bd-gezin { margin-top: 32px; }
.bd-gezin a { display: grid; gap: 4px; padding: 20px 24px; font-size: 1.0625rem; font-weight: 600; line-height: 1.35; color: var(--uv-metin); border: 1px solid var(--uv-cizgi); border-radius: var(--uv-r); text-decoration: none; }
.bd-gezin a span { font-size: 0.875rem; font-weight: 400; color: var(--uv-ikincil); }
.bd-gezin a:hover { border-color: var(--uv-mavi); color: var(--uv-mavi); }
.bd-ilgili { margin: 16px 0 0; padding: 0; list-style: none; }
.bd-ilgili a { display: grid; gap: 4px; padding: 16px 0; border-bottom: 1px solid var(--uv-cizgi); }
.bd-ilgili__ad { font-size: 1.0625rem; font-weight: 600; line-height: 1.35; color: var(--uv-metin); }
.bd-ilgili a:hover .bd-ilgili__ad { color: var(--uv-mavi); }
.bd-ilgili__meta { font-size: 0.875rem; color: var(--uv-ikincil); }
.bd-ilgili--dar .bd-ilgili__ad { font-size: 0.9375rem; }
.bd-ilerleme { position: fixed; top: var(--soli-header-h); left: 0; right: 0; z-index: 60; height: 3px; pointer-events: none; }
.bd-ilerleme span { display: block; height: 100%; background: var(--uv-mavi); transform-origin: 0 50%; transform: scaleX(0); }
.bd-yorum { padding-bottom: clamp(3rem, 2rem + 4vw, 96px); }
.bd-yorum .soli-comments { margin-top: 64px; }

/* ---------------- DETAY A · Okuma odaklı */
.bda-bas { padding-block: clamp(1.5rem, 1rem + 2vw, 40px) 8px; }
.bda-bas .bd-meta { margin-left: calc(220px + clamp(32px, 5vw, 72px)); }
.bda-bas__h1 { margin: 14px 0 0 calc(220px + clamp(32px, 5vw, 72px)); max-width: 22ch; font-size: clamp(2rem, 1.3rem + 2.2vw, 3rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.02em; color: var(--uv-metin); }
.bda-duzen { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); padding-block: 32px 0; align-items: start; }
.bda-duzen .bd-toc { position: sticky; top: var(--uv-ust); }
.bda-ilgili { margin-top: 72px; padding-block: 56px; background: var(--uv-buz); }
.bda-ilgili__in { max-width: calc(720px + 220px + 72px); }
.bda-ilgili .uv-h2 { margin-left: calc(220px + clamp(32px, 5vw, 72px)); }
.bda-ilgili .bd-ilgili { margin-left: calc(220px + clamp(32px, 5vw, 72px)); max-width: 720px; }

/* ---------------- DETAY B · Yan panelli */
.bdb-bas { padding-block: clamp(1.5rem, 1rem + 2vw, 44px) 36px; background: var(--uv-buz); border-bottom: 1px solid var(--uv-cizgi); }
.bdb-bas__h1 { margin-top: 14px; max-width: 26ch; font-size: clamp(2rem, 1.3rem + 2.2vw, 3rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.02em; color: var(--uv-metin); }
.bdb-bas__lead { margin-top: 16px; max-width: 70ch; font-size: 1.1875rem; line-height: 1.7; color: var(--uv-govde); }
.bdb-duzen { display: grid; grid-template-columns: minmax(0, 720px) 320px; justify-content: space-between; gap: clamp(32px, 5vw, 80px); padding-block: 40px 0; align-items: start; }
.bdb-yan { position: sticky; top: var(--uv-ust); display: grid; gap: 28px; }
.bdb-yan__cta { display: grid; gap: 12px; padding: 24px; color: #fff; background: var(--uv-lacivert); border-radius: var(--uv-r); }
.bdb-yan__cta-bas { font-size: 1.125rem; font-weight: 600; }
.bdb-yan__cta p { font-size: 0.9375rem; line-height: 1.5; }
.bdb-yan__tel { font-weight: 600; color: #fff; text-align: center; }
.bdb-yan__tel:hover { color: var(--uv-sari); }

/* ---------------- DETAY C · Kapak */
.bdc-kapak { padding-block: clamp(2.5rem, 1.5rem + 4vw, 88px); color: #fff; background: radial-gradient(70% 100% at 90% 30%, rgba(0, 118, 192, 0.5), transparent 70%), linear-gradient(160deg, var(--uv-lacivert), var(--uv-lacivert-2)); }
.bdc-kapak__in { max-width: 820px; }
.bdc-kapak .bd-meta { color: rgba(255, 255, 255, 0.75); }
.bdc-kapak .bl-konu { color: var(--uv-sari); }
.bdc-kapak__h1 { margin-top: 16px; font-size: clamp(2.25rem, 1.4rem + 2.8vw, 3.75rem); font-weight: 600; line-height: 1.06; letter-spacing: -0.025em; }
.bdc-kapak a:focus-visible { outline-color: var(--uv-sari); }
.bdc-toc { max-width: 720px; margin: 32px auto 0; border: 1px solid var(--uv-cizgi); border-radius: var(--uv-r); }
.bdc-toc summary { display: flex; align-items: center; gap: 10px; padding: 16px 20px; font-weight: 600; color: var(--uv-metin); cursor: pointer; list-style: none; }
.bdc-toc summary::-webkit-details-marker { display: none; }
.bdc-toc summary span { font-weight: 400; color: var(--uv-ikincil); }
.bdc-toc summary .soli-icon { margin-left: auto; width: 18px; height: 18px; color: var(--uv-mavi); transition: rotate 0.2s; }
.bdc-toc[open] summary .soli-icon { rotate: 45deg; }
.bdc-toc ol { margin: 0; padding: 0 20px 16px 40px; list-style: decimal; color: var(--uv-ikincil); }
.bdc-toc li { padding: 5px 0; }
.bdc-toc a { color: var(--uv-mavi); }
.bdc-toc a:hover { text-decoration: underline; }
.bdc-govde { margin: 40px auto 0; }
.bdc-ilgili { margin-top: 72px; padding-block: 56px; background: var(--uv-buz); }
.bdc-ilgili .blc-izgara { margin-top: 20px; }

/* ---------------- responsive */
@media (max-width: 1100px) {
  .bda-bas .bd-meta, .bda-bas__h1, .bda-ilgili .uv-h2, .bda-ilgili .bd-ilgili { margin-left: 0; }
  .bda-duzen { grid-template-columns: minmax(0, 1fr); }
  .bda-duzen .bd-toc { position: static; padding: 18px 20px; background: var(--uv-buz); border-radius: var(--uv-r); }
  .bdb-duzen { grid-template-columns: minmax(0, 1fr); }
  .bdb-yan { position: static; }
}
@media (max-width: 900px) {
  .bla-duzen { grid-template-columns: minmax(0, 1fr); }
  .bla-yan { position: static; }
  .blb-bas__arac, .blc-bas__in { grid-template-columns: minmax(0, 1fr); }
  .blb-kume__liste { grid-template-columns: minmax(0, 1fr); }
  .blc-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blb-kume__tum { margin-left: 0; width: 100%; }
}
@media (max-width: 600px) {
  .bla-yazi { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .bl-tarih { justify-items: start; grid-auto-flow: column; gap: 6px; align-items: baseline; }
  .bl-tarih__gun { font-size: 1rem; }
  .bla-one, .blb-one, .blc-one { padding: 22px; }
  .blc-izgara { grid-template-columns: minmax(0, 1fr); }
  .bd-govde > p, .bd-govde > ul, .bd-govde > ol { font-size: 1.0625rem; }
}
/* Koyu zeminli başlıklar: genel h1 rengi mirası ezdiği için açıkça beyaz */
.blc-bas__h1, .bdc-kapak__h1 { color: #fff; }

.uv-secim__kimlik { margin-top: -4px; font-size: 0.875rem; color: var(--uv-ikincil); }
.uv-secim__kimlik code { padding: 1px 6px; background: var(--uv-buz); border-radius: 4px; color: var(--uv-metin); }

/* Acik mavi (#F0F7FF) zemindeki baglantilar: #0076C0 orada 4.46:1 -> koyu mavi 6.7:1 */
.va-konular a, .bdb-bas .bl-konu, .bla-bas .bl-konu, .uv-faq a { color: var(--uv-mavi-koyu); }