@media (max-width: 900px), (max-height: 760px) {
  .ipucu {
    align-items: flex-start; overflow-y: auto; overscroll-behavior: contain;
    padding: max(var(--b-4), env(safe-area-inset-top)) max(var(--b-4), env(safe-area-inset-right)) max(var(--b-4), env(safe-area-inset-bottom)) max(var(--b-4), env(safe-area-inset-left));
  }
  .ipucu__kap { margin-block: auto; }
  #ipucu-basla { position: sticky; z-index: 1; bottom: calc(var(--b-3) - var(--b-4)); box-shadow: calc(-1 * var(--b-3)) 0 0 var(--b-3) var(--yuzey), var(--b-3) 0 0 var(--b-3) var(--yuzey); }
}

@media (max-width: 600px) and (max-height: 700px), (max-height: 520px) {
  .panel { overflow-y: auto; overscroll-behavior: contain; }
  .panel__govde { flex: 0 0 auto; overflow: visible; }
}

@media (max-width: 900px), (pointer: coarse) {
  .kart__kapat { width: 44px; height: 44px; }
  .kart__baslik { padding-right: 48px; }
  .kart__alt-bag a, .kart__alt-bag button { min-height: 44px; }
  .kart__logo input[type="text"] { min-height: 44px; }
  .panel__liste .kalem-isim button { min-height: 44px; }
  .panel__liste .kaldir { width: 44px; height: 44px; }
  #form-hata-ozet a, #soru-hata-ozet a { display: inline-flex; align-items: center; min-height: 44px; }
  .serit-dugme { position: relative; }
  .serit-dugme::after { content: ""; position: absolute; inset: -11px -6px; }
}

@media (orientation: landscape) and (max-height: 520px) and (min-width: 560px) {
  .kart { width: min(760px, calc(100vw - 24px)); }
  .kart__ic { columns: 2; column-gap: var(--b-6); }
  .kart__ic > * { break-inside: avoid; }
  .kart__baslik { padding-right: 0; }
  .kart__eylem { break-before: column; margin-top: 0; padding-right: 36px; }
}

@media (min-width: 600.02px) and (max-width: 760px) {
  .ust__marka { flex: 1 1 auto; overflow: hidden; }
  .ust__marka-metin { overflow: hidden; }
  .ust__marka-metin b, .ust__marka-metin small { overflow: hidden; text-overflow: ellipsis; }
}

@media (max-width: 600px) {
  .ok { display: none; }
  .arac__d { width: 44px; }
  body:has(#kart:not([hidden])) .durum-serit { visibility: hidden; }
}

@media (max-width: 480px) {
  #a-ilk, #a-son, .arac__ayrac { display: none; }
}

@media (hover: none) {
  .sahne:has(.acilim-rozet:not([hidden])) .pencere.tek .alan__ipucu { bottom: calc(3% + 24px); }
  .kitap:has(.yuz--arka:not([inert]) .alan:not([data-durum="satildi"]) .alan__ipucu) .yuz--on .alan__ipucu { display: none; }
  .sy .alan:not([data-durum="satildi"]) ~ .alan .alan__ipucu { display: none; }
}