/* Haber Sever — kompakt bülten bandı (koyu şerit, sağda banda karışan görsel). */

.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv {
  --vp: 40px;
  padding: var(--vp) 0;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-padding="compact"] { --vp: 40px; }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-padding="normal"] { --vp: 72px; }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-padding="spacious"] { --vp: 100px; }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-padding="extra"] { --vp: 140px; }

.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-inner {
  box-sizing: border-box;
  max-width: var(--hsv-max, var(--evo-max, 1440px));
  margin-inline: auto;
  padding: 0 var(--hsv-pad, var(--evo-pad, clamp(16px, 4vw, 40px)));
  zoom: var(--hsv-zoom, 1);
}
/* Tam genişlik: kenardan kenara, köşe yuvarlaksız */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-tam="on"] { --vp: 0px; }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-tam="on"] .hsv-inner { max-width: none; padding: 0; }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-tam="on"] .hsv-band { border-radius: 0; }

.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-band {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
}

/* Sağ görsel: sabit genişlik, sola doğru banda eriyerek karışır (mockup).
   Eritme oranı (--hsv-erit), odak (--hsv-ox/oy), sığdırma ve sol konum Studio'dan. */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--hsv-gw, 300px);
  -webkit-mask-image: linear-gradient(to left, #000 var(--hsv-erit, 55%), transparent 100%);
  mask-image: linear-gradient(to left, #000 var(--hsv-erit, 55%), transparent 100%);
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--hsv-ox, 50%) var(--hsv-oy, 50%);
  display: block;
}
/* Eritme kapalı: foto keskin kenarla tam görünür */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-erit="off"] .hsv-media {
  -webkit-mask-image: none;
  mask-image: none;
}
/* Kırpmadan sığdır (contain): foto asla kesilmez */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-sigdir="on"] .hsv-media img { object-fit: contain; }
/* Foto solda: görsel sola yapışır, eritme sağa doğru */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-fkonum="sol"] .hsv-media {
  left: 0;
  right: auto;
  -webkit-mask-image: linear-gradient(to right, #000 var(--hsv-erit, 55%), transparent 100%);
  mask-image: linear-gradient(to right, #000 var(--hsv-erit, 55%), transparent 100%);
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-fkonum="sol"][data-erit="off"] .hsv-media {
  -webkit-mask-image: none;
  mask-image: none;
}

.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-icerik {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(20px, 3vw, 40px);
  /* Yazı bloğu kenar boşlukları Studio'dan elle ayarlanabilir (--hsv-pt/pr/pb/pl) */
  padding:
    var(--hsv-pt, clamp(18px, 2.4vw, 26px))
    var(--hsv-pr, clamp(22px, 3vw, 44px))
    var(--hsv-pb, clamp(18px, 2.4vw, 26px))
    var(--hsv-pl, clamp(22px, 3vw, 44px));
}
/* Fotoğraf varken form fotonun altına girmesin */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-icerik[data-foto="var"] { padding-right: var(--hsv-pr, calc(var(--hsv-gw, 300px) * 0.62)); }
/* Foto soldayken yer sol tarafta ayrılır */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-fkonum="sol"] .hsv-icerik[data-foto="var"] {
  padding-right: var(--hsv-pr, clamp(22px, 3vw, 44px));
  padding-left: var(--hsv-pl, calc(var(--hsv-gw, 300px) * 0.62));
}

.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-band[data-align="center"] .hsv-icerik { flex-direction: column; text-align: center; gap: 14px; }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-band[data-align="right"]  .hsv-icerik { flex-direction: row-reverse; }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-band[data-align="right"]  .hsv-baslik { text-align: right; }

.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-baslik {
  margin: 0;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: var(--hsv-bfs, clamp(16px, 1.8vw, 21px));
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.01em;
  max-width: 44ch;
}

/* ── Form ── */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-form {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: none;
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-satir {
  display: flex;
  gap: 10px;
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-input {
  width: clamp(190px, 22vw, 290px);
  min-width: 0;
  padding: 12px 16px;
  font-size: 13.5px;
  font-family: inherit;
  border: 1px solid;
  border-radius: 8px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-input::placeholder { opacity: 0.55; }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(184, 134, 91, 0.22);
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-input[data-state="error"] { border-color: #c65a4e !important; }

.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton {
  flex: none;
  padding: 12px 24px;
  font-size: 11.5px;
  font-weight: 600;
  font-family: inherit;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: filter 0.25s, transform 0.25s;
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton:hover:not(:disabled) { filter: brightness(1.12); transform: translateY(-1px); }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton:disabled { opacity: 0.6; cursor: default; }

.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-hata {
  font-size: 12px;
  line-height: 1.4;
  color: #d98177;
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-onay {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11.5px;
  line-height: 1.45;
  opacity: 0.75;
  color: inherit;
  cursor: pointer;
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-onay input {
  margin-top: 1px;
  flex: none;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-basari {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font-size: 13.5px;
  font-weight: 600;
}
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-basari svg { flex: none; }

/* ── Mobil: başlık üstte, form altta; görsel soluk sağ fon ── */
@media (max-width: 760px) {
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-inner { padding: 0 var(--hsv-pad, var(--evo-pad, clamp(16px, 4vw, 40px))); }
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-tam="on"] .hsv-inner { padding: 0; }
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-band { border-radius: 12px; }

  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-media {
    width: min(var(--hsv-gw, 300px), 58%);
    opacity: 0.4;
    -webkit-mask-image: linear-gradient(to left, #000 30%, transparent 95%);
    mask-image: linear-gradient(to left, #000 30%, transparent 95%);
  }
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-fkonum="sol"] .hsv-media {
    -webkit-mask-image: linear-gradient(to right, #000 30%, transparent 95%);
    mask-image: linear-gradient(to right, #000 30%, transparent 95%);
  }
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-erit="off"] .hsv-media {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-icerik, .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-icerik[data-foto="var"], .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv[data-fkonum="sol"] .hsv-icerik[data-foto="var"], .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-band[data-align="right"] .hsv-icerik {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding:
      var(--hsv-pt, 18px)
      var(--hsv-pr, 16px)
      var(--hsv-pb, 18px)
      var(--hsv-pl, 16px);
  }
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-baslik { font-size: var(--hsv-bfs, 15px); max-width: none; }
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-band[data-align="right"] .hsv-baslik { text-align: left; }

  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-satir { width: 100%; }
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-input { flex: 1; width: auto; }
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton { padding: 12px 18px; font-size: 10.5px; }
}

@media (max-width: 420px) {
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-satir { flex-direction: column; }
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton { width: 100%; padding: 13px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton { transition: none; }
}

/* ═══════════════════════════════════════════════════════════════
   Apple Design denetimi — D1 / D2 / D7 / D9
   (apple-design-denetim.md · skill §1 Tepki, §10 Jest, §16 Zanaat)
   ═══════════════════════════════════════════════════════════════ */

/* D9 — "ABONE OL": beyaz metin bronz zeminde 3.18:1 idi (gereken 4.5).
   Zemin inline geliyor (safeBg(accentColor)) ve gradyan olabilir, o yüzden
   rengi değiştirmek yerine ARKA PLAN katmanını inset gölgeyle koyultuyoruz:
   metin üstte tam beyaz kalır, kullanıcının renk seçimi korunur, oran ~4.95:1. */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton { box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.22); }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton:hover:not(:disabled) { box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.14); }

/* D1 — Basma geri bildirimi (§1). */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton:active:not(:disabled) {
  transform: translateY(1px) scale(0.985);
  box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.3);
  transition: transform 0.1s ease-out;
}

/* D2 — 44px dokunma hedefi (§10). */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton { min-height: 44px; }
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-input { min-height: 44px; }

/* D7 — .hsv-input'ta outline:none vardı, karşılığı yoktu. */
.cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-input:focus-visible, .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 8px;
}

@media (prefers-contrast: more) {
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton { box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.42); }
}
@media (prefers-reduced-motion: reduce) {
  .cc_Z0fv8wUkj4_SoGwHZoAhF .hsv-buton:active:not(:disabled) { transform: none; }
}