/* Mobil Spesifik (Medya Özelliği Zaten Var, Tekrar @Media Garkmez) */
html, body{ overflow:auto; }

/* MOBIL: başlık görünmesin */
.main-title{ display: none !important; }


/* Sadece bu kutu en alta insin */
#howto.info-box{
  margin-top: auto !important;   /* en altta iter */
  align-self: center;            /* Ortala */
  max-width: 90vw;               /* kenarlardan güvenli */
 margin: 6px 0 8px;

}

/* Modal kart ölçüsü */
.tm-modal__card{ width: min(94vw, 420px); }
/*  */
/* Beyazlık Mobil */
.wp-columns{ grid-template-columns: 1fr; }
.wp-bg-img{ width:100%; height:50%; }
.wp-bg-img.right{ top:50%; }
.wp-bg-overlay{ background: rgba(0,0,0,.68); }
.wp-container{ margin:20px auto; padding:12px; }
.wp-header h1{ font-size: 22px; }


#video-container{ background:#000; } /* bantlar siyah görünsün */

#background-video{
  width: 100vw;
  height: 100vh;
  object-fit: contain;           /* kırpmadan sığdır */
  object-position: center center;
  transform: scale(1.15);        /* "tamamına yakın" görünüm için hafif zoom-out
                                    İstersen 0.95–1.00 arasında ayarla */
  transform-origin: center center;
  filter: brightness(1);       /* mevcut parlaklıkla aynı; istersen 0.55/0.6 yap */
}

/* Overlay'i kolona çevir, tüm yüksekliği kaplasın */
#overlay{
  display: flex;
  flex-direction: column;
  min-height: 85vh;  /* kontrat adresini yukarıya doğru alıyor ya da aşağı */
  padding: 8vh 3vw 2vh !important; /* Üst Biraz, Alt AZ */
}

/* Butonlar ustte kalsinin */
.button-group{ margin-top: 0 !important; }

/* MOBILE: buton grubu tam genişlik */
.button-group{
  max-width: none !important;
  width: 100% !important;     /* overlay genişliği kadar */
  padding: 0 !important;      /* içten boşluk yok */
  margin: 0 !important;       /* ekstra kenar boşluğu olmasın */
}

/* Her buton satırı tam genişlik */

.button-group{ width: min(90vw, 460px) !important; margin: 0 auto !important; }