/* Shared compact callback presentation. Scope also matches the existing live markup. */
[aria-labelledby="callback-modal-title"]:not(dialog) {
  padding: 12px;
}

dialog[aria-labelledby="callback-modal-title"] {
  max-height: calc(100dvh - 24px);
  overflow: visible;
}

[aria-labelledby="callback-modal-title"] .callback-modal-card {
  width: 100%;
  max-width: 380px;
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
  border-radius: 24px;
  border-color: rgb(255 255 255 / 80%);
}

[aria-labelledby="callback-modal-title"] .callback-modal-card > button[aria-label="Kapat"] {
  top: 8px;
  right: 8px;
  width: 44px;
  height: 44px;
  cursor: pointer;
}

[aria-labelledby="callback-modal-title"] .callback-modal-header {
  height: 132px;
  background: linear-gradient(135deg, var(--brand-navy, #062C58), var(--brand-blue-bright, #186DB4));
}

[aria-labelledby="callback-modal-title"] .callback-modal-header > .border-\[34px\] {
  display: none;
}

[aria-labelledby="callback-modal-title"] .callback-modal-yonca {
  height: 128px;
  width: auto;
  max-width: 72%;
  object-fit: contain;
  object-position: bottom;
  filter: none;
}

[aria-labelledby="callback-modal-title"] .callback-modal-body {
  padding: 20px;
}

[aria-labelledby="callback-modal-title"] #callback-modal-title {
  margin-top: 0;
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -.04em;
  color: var(--brand-navy, #062C58);
}

[aria-labelledby="callback-modal-title"] .callback-modal-body form > h2 + p {
  margin: 6px 0 16px;
  font-size: 14px;
  line-height: 20px;
}

[aria-labelledby="callback-modal-title"] label[for="callback-phone"] + div {
  height: 48px;
}

[aria-labelledby="callback-modal-title"] #callback-phone {
  min-width: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 16px;
}

[aria-labelledby="callback-modal-title"] .callback-modal-body form > p:not(:first-of-type):not([role="alert"]) {
  margin-top: 12px;
  font-size: 12px;
  line-height: 18px;
}

[aria-labelledby="callback-modal-title"] .callback-modal-body form > label:not(.sr-only) {
  gap: 8px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
}

[aria-labelledby="callback-modal-title"] #callback-error {
  margin-top: 12px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 18px;
}

[aria-labelledby="callback-modal-title"] .callback-modal-submit {
  height: 48px;
  min-height: 48px;
  margin-top: 16px;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--brand-yellow, #F6BB14);
  color: var(--brand-navy, #062C58);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

[aria-labelledby="callback-modal-title"] .callback-modal-submit:hover {
  filter: brightness(.96);
  transform: none;
}

[aria-labelledby="callback-modal-title"] .callback-modal-submit:active {
  filter: brightness(.92);
}

[aria-labelledby="callback-modal-title"] .callback-modal-submit:disabled {
  cursor: wait;
}

[aria-labelledby="callback-modal-title"] .callback-modal-submit:focus-visible,
[aria-labelledby="callback-modal-title"] .callback-modal-card > button[aria-label="Kapat"]:focus-visible {
  outline: 2px solid var(--brand-navy, #062C58);
  outline-offset: 2px;
}

[aria-labelledby="callback-modal-title"] .callback-modal-body form > div:last-child {
  gap: 6px;
  margin-top: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #62625d;
}

/* Existing floating Yonca image button only; the adjacent text/CTA button is unchanged. */
button[aria-label="Yonca sigorta asistanını aç"].absolute {
  width: 76px;
  height: 100px;
  cursor: pointer;
}
button[aria-label="Yonca sigorta asistanını aç"].absolute > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
@media (min-width: 640px) {
  button[aria-label="Yonca sigorta asistanını aç"].absolute {
    width: 100px;
    height: 132px;
  }
}