/* === Mobile Button Layout – Strong Override (v3) === */
@media (max-width: 768px) {
  /* target common wrappers */
  .top-buttons,
  .top-buttons-fixed,
  .top-buttons-fixed .container,
  .top-buttons-fixed .row,
  .hero-buttons,
  .hero .buttons,
  .buttons-top,
  .cta-buttons {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 8px 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  /* force two per row on common direct children */
  .top-buttons > *,
  .top-buttons-fixed > *,
  .top-buttons-fixed .container > *,
  .top-buttons-fixed .row > *,
  .hero-buttons > *,
  .hero .buttons > *,
  .buttons-top > *,
  .cta-buttons > * {
    flex: 1 1 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    margin: 0 !important;
  }

  /* anchors & buttons inside */
  .top-buttons a,
  .top-buttons button,
  .top-buttons-fixed a,
  .top-buttons-fixed .btn,
  .top-buttons-fixed button,
  .hero-buttons a,
  .hero .buttons a,
  .buttons-top a,
  .cta-buttons a,
  a[href^="tel:"],
  a[href*="whatsapp"],
  a[href*="WhatsApp"],
  a[href*="index-lokasyonlar"],
  a[href="/"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 10px !important;
    font-size: 15px !important;
    white-space: nowrap !important;
    border-radius: 12px !important;
  }
}

/* ultra small */
@media (max-width: 360px) {
  .top-buttons,
  .top-buttons-fixed,
  .top-buttons-fixed .container,
  .top-buttons-fixed .row,
  .hero-buttons,
  .hero .buttons,
  .buttons-top,
  .cta-buttons {
    justify-content: stretch !important;
  }
  .top-buttons > *,
  .top-buttons-fixed > *,
  .top-buttons-fixed .container > *,
  .top-buttons-fixed .row > *,
  .hero-buttons > *,
  .hero .buttons > *,
  .buttons-top > *,
  .cta-buttons > * {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}