.f578-quick-contact {
  display: none;
}

@media (max-width: 760px) {
  body.f578-has-contact {
    padding-block-end: calc(88px + env(safe-area-inset-bottom, 0px));
  }

  .f578-quick-contact {
    position: fixed;
    z-index: 40;
    inset: auto 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px max(12px, env(safe-area-inset-right, 0px))
      calc(8px + env(safe-area-inset-bottom, 0px))
      max(12px, env(safe-area-inset-left, 0px));
    background: #111d33;
    border-top: 1px solid #d8c39b55;
  }

  .f578-quick-contact a {
    display: grid;
    place-items: center;
    min-height: 48px;
    padding: 6px 8px;
    border: 1px solid #d8c39b70;
    border-radius: 8px;
    color: #fffaf2;
    font-size: .875rem;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
  }

  .f578-quick-contact .f578-wa {
    background: #176c4b;
    border-color: #176c4b;
  }

  .f578-quick-contact a:focus-visible {
    outline: 2px solid #f0dcb7;
    outline-offset: 2px;
  }

  .f578-has-contact:has(#basvuru :focus, .f575-nav details[open]) .f578-quick-contact {
    visibility: hidden;
  }

  #basvuru select,
  #basvuru textarea {
    font-size: 16px;
  }
}