/* Bölüm 18 · Mobil alt çubuk (yalnızca telefonda görünür) */

.mobil-cubuk {
  display: none;
}

@media (max-width: 640px) {
  .mobil-cubuk {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    display: block;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--renk-cizgi);
    background: var(--renk-zemin);
  }

  .mobil-cubuk .dugme {
    width: 100%;
  }

  /* Sabit çubuk alt bilginin üstünü örtmesin */
  body {
    padding-bottom: 76px;
  }
}