/* Telefon / tablet düzeni — tasarım dosyalarındaki satır içi stilleri küçük ekranda düzeltir */
.msf-burger, .msf-menu { display: none; }
@media (max-width: 900px) {
  html, body { overflow-x: hidden; }
  body { -webkit-text-size-adjust: 100%; }
  img, video, iframe { max-width: 100%; }
  /* Üst kırmızı şerit: sadece telefon numarası */
  body > div > div:first-child[style*="background: #b80610"] > div { padding: 0 16px !important; justify-content: center !important; }
  body > div > div:first-child[style*="background: #b80610"] > div > div { display: none !important; }
  /* Menü çubuğu: logo + ☰ */
  [style*="position: sticky"][style*="top: 0"] > div { height: 72px !important; padding: 0 14px !important; }
  [style*="position: sticky"][style*="top: 0"] img[src$="logo.png"] { height: 54px !important; }
  [style*="position: sticky"][style*="top: 0"] .serif[style*="letter-spacing: .1px"] { font-size: 15.5px !important; white-space: normal !important; }
  [style*="position: sticky"][style*="top: 0"] .eyebrow { font-size: 10.5px !important; }
  [style*="position: sticky"][style*="top: 0"] nav,
  [style*="position: sticky"][style*="top: 0"] > div > a.btn-primary,
  [style*="position: sticky"][style*="top: 0"] > div > a[href*="rezervasyon"]:last-child { display: none !important; }
  .msf-burger { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #E7E2DA; background: #fff; border-radius: 100px; height: 46px; padding: 0 16px; font: 600 15px 'Outfit', sans-serif; color: #1C1917; flex-shrink: 0; }
  .msf-menu.open { display: block; position: fixed; inset: 0; z-index: 1000; background: #fff; overflow-y: auto; padding: 16px 18px calc(24px + env(safe-area-inset-bottom)); }
  .msf-menu .mh { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 6px; border-bottom: 1px solid #EFEAE2; }
  .msf-menu .mh a.mh-logo { display: flex; align-items: center; gap: 11px; padding: 0; border: 0; min-width: 0; }
  .msf-menu .mh a.mh-logo img { height: 52px; width: auto; flex-shrink: 0; }
  .msf-menu .mh a.mh-logo b { display: block; font: 600 16.5px 'Playfair Display', serif; color: #1C1917; white-space: nowrap; }
  .msf-menu .mh a.mh-logo small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #b80610; margin-top: 2px; }
  .msf-menu .mh button { flex-shrink: 0; width: 44px; height: 44px; border-radius: 100px; border: 1px solid #E7E2DA; background: #fff; color: #1C1917; display: flex; align-items: center; justify-content: center; padding: 0; }
  .msf-menu a { display: block; padding: 15px 6px; font-size: 18px; font-weight: 500; color: #1C1917; border-bottom: 1px solid #F1ECE4; }
  .msf-menu .grp > button { display: flex; width: 100%; justify-content: space-between; align-items: center; background: none; border: 0; border-bottom: 1px solid #F1ECE4; padding: 15px 6px; font: 500 18px 'Outfit', sans-serif; color: #1C1917; cursor: pointer; }
  .msf-menu .grp > button svg { transition: transform .2s ease; color: #78716C; }
  .msf-menu .grp.open > button { color: #b80610; }
  .msf-menu .grp.open > button svg { transform: rotate(180deg); color: #b80610; }
  .msf-menu .grp-items { display: none; background: #FAF8F5; border-radius: 12px; margin: 6px 0; }
  .msf-menu .grp.open .grp-items { display: block; }
  .msf-menu .grp-items a:last-child { border-bottom: 0; }
  .msf-menu a.sub { padding-left: 16px; font-size: 16.5px; }
  .msf-menu a.cta { margin-top: 22px; text-align: center; background: #b80610; color: #fff; border-radius: 100px; border: 0; font-weight: 700; }
  .msf-menu a.tel { text-align: center; border: 0; color: #b80610; font-weight: 600; }
  /* Genel: yan yana bloklar alt alta, kenar boşlukları küçük */
  [style*="max-width: 1320px"], [style*="max-width: 1200px"], [style*="max-width: 1100px"], [style*="max-width: 900px"] { padding-left: 18px !important; padding-right: 18px !important; }
  section[style*="padding"] { padding-left: 0 !important; padding-right: 0 !important; }
  section[style*="padding: 64px"], section[style*="padding: 72px"], section[style*="padding: 80px"], section[style*="padding: 96px"], section[style*="padding: 56px"] { padding-top: 40px !important; padding-bottom: 48px !important; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; gap: 16px !important; }
  [style*="grid-template-columns: repeat(4"], [style*="grid-template-columns: repeat(6"] { grid-template-columns: 1fr 1fr !important; }
  [style*="grid-column: 1 / -1"] { grid-column: auto !important; }
  [style*="display: flex"][style*="justify-content: space-between"] { flex-wrap: wrap; }
  [style*="padding: 44px"], [style*="padding: 48px"], [style*="padding: 40px"] { padding: 22px 18px !important; }
  [style*="border-radius: 28px"], [style*="border-radius: 32px"] { border-radius: 22px !important; }
  h1 { font-size: 32px !important; line-height: 1.15 !important; }
  h2 { font-size: 26px !important; line-height: 1.2 !important; }
  [style*="font-size: 56px"], [style*="font-size: 60px"], [style*="font-size: 64px"], [style*="font-size: 52px"], [style*="font-size: 48px"] { font-size: 34px !important; line-height: 1.15 !important; }
  [style*="width: 50%"][style*="position: absolute"] { width: 100% !important; opacity: .1 !important; }
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  /* Form alanları parmakla rahat basılsın, iOS yakınlaştırmasın (16px+) */
  input, select, textarea { font-size: 16px !important; min-height: 50px; }
  input[type="checkbox"], input[type="radio"] { min-height: 0; }
  .btn-primary, button[type="submit"] { min-height: 52px; }
  footer [style*="display: flex"] { flex-direction: column; text-align: center; }
}
@media (max-width: 900px) {
  /* Bölümlerin içi: kenardan 18px */
  section > div[style*="margin: 0 auto"] { padding-left: 18px !important; padding-right: 18px !important; }
  /* Rezervasyon adımları: sadece etkin adımın yazısı görünsün */
  [id^="step-label-"]:not([style*="#b80610"]) { display: none !important; }
  [id^="step-dot-"] { flex-shrink: 0; }
  /* Fiyat sekmeleri tam genişlik, tablo: kapasite/büyüklük sütunları gizli */
  div:has(> .price-tab) { display: flex !important; width: 100%; }
  .price-tab { flex: 1; padding: 11px 6px !important; font-size: 13px !important; line-height: 1.2; }
  table:has(.price-row) { display: table; width: 100%; }
  table:has(.price-row) th:nth-child(2), table:has(.price-row) th:nth-child(3), table:has(.price-row) td:nth-child(2), table:has(.price-row) td:nth-child(3) { display: none; }
  table:has(.price-row) td, table:has(.price-row) th { padding-left: 14px !important; padding-right: 14px !important; }
  /* Telefon rehberi: satırlar kart gibi alt alta */
  table[style*="min-width: 800px"] { min-width: 0 !important; display: block; overflow: visible; }
  table[style*="min-width: 800px"] thead { display: none; }
  table[style*="min-width: 800px"] tbody, table[style*="min-width: 800px"] tr, table[style*="min-width: 800px"] td { display: block; width: auto !important; }
  table[style*="min-width: 800px"] tr { border: 1px solid #E7E2DA !important; border-radius: 14px; padding: 10px 4px; margin-bottom: 10px; background: #fff; }
  table[style*="min-width: 800px"] td { padding: 4px 12px !important; border: 0 !important; }
}
@media (max-width: 900px) {
  input[placeholder="GG.AA.YYYY"] { width: 100% !important; }
  #rz-selected-room { flex-direction: column; align-items: flex-start !important; gap: 2px; }
}

/* Telefon: oda kartlarında Detaylar + Rezervasyon aynı hizada; alttaki çağrı kutusunda buton ortada */
@media (max-width: 900px) {
  .rc-foot { flex-direction: column-reverse !important; align-items: stretch !important; gap: 10px; }
  .rc-foot a { text-align: center; justify-content: center; }
  .rc-foot a:last-child { display: block; padding: 11px 12px !important; }
  .cta-btn { justify-content: center !important; }
}

/* Telefon: Hızlı Rezervasyon kutusu fotoğrafın üstünde değil, hemen altında düz kart */
@media (max-width: 900px) {
  .qr-box { position: static !important; width: auto !important; margin-top: 16px; backdrop-filter: none !important; box-shadow: 0 10px 30px -18px rgba(28,25,23,.25) !important; }
  .qr-box > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
}