/* ---------- mobil dock + mobil kullanılabilirlik ---------- */
.dock{display:none}
.slot-pull,.shake{display:none}
.machine__btns{display:flex;flex-wrap:wrap;gap:10px}
.r-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;border:1.5px solid #161616}
.r-tabs button{min-height:40px;font-family:var(--mono);font-size:11px}
.r-tabs button[aria-selected="true"]{background:#161616;color:#f4f1ea}

@media (max-width:900px){
  /* alt menü */
  .dock{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:6px;background:#111111f0;backdrop-filter:blur(12px);border:1px solid #2a2a2a;border-radius:18px;box-shadow:0 14px 40px #000c}
  .dock a,.dock button{display:grid;justify-items:center;gap:2px;min-height:52px;padding:6px 0;font-size:9px;letter-spacing:.06em;color:var(--bone2);border-radius:12px;transition:color .2s,background .2s}
  .dock span{font-size:19px;line-height:1.2;font-family:system-ui,sans-serif}
  .dock a.is-on{color:var(--bone);background:#222}
  .dock__main{transform:translateY(-12px);background:var(--red)!important;color:var(--bone)!important;border-radius:50%!important;width:62px;height:62px;justify-self:center;align-content:center;box-shadow:0 8px 20px #e3161b66}
  .toast{bottom:calc(96px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);text-align:center}
  .top__nav{display:none}
  .search-btn__txt,.search-btn kbd{display:none}
  .search-btn{width:44px;justify-content:center;padding:0}

  /* slot: kol yerine büyük buton */
  .lever{display:none}
  .machine{margin-right:0;padding:14px}
  .slot-pull{display:inline-flex}
  .machine__btns{width:100%}
  .machine__btns .btn{flex:1 1 150px}
  .shake{display:block;width:100%;margin-top:12px;min-height:44px;border:1.5px dashed #555;color:var(--bone2)}
  .shake[aria-pressed="true"]{border-color:var(--red);color:var(--red)}
  .shake[hidden]{display:none}
  .reel,.reel__cell{height:clamp(120px,30vw,200px)}

  /* depo */
  .depot__filters{top:58px;padding:10px 16px}
  .depot__row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .depot__row::-webkit-scrollbar{display:none}
  .tones,.depot__row .scroller{flex:0 0 auto}
  .sort{margin-left:0;flex:0 0 auto}
  .grid{grid-template-columns:1fr 1fr;gap:20px 10px;padding:0 16px}
  .card__name{font-size:19px}
  .card__price b{font-size:18px}
  .card__price s{display:block;font-size:10px}
  .card--set{grid-column:1/-1}
  .heart{width:40px;height:40px;top:6px;right:6px}

  /* kategoriler: satırda küçük görsel şeridi */
  .cat{grid-template-columns:34px 1fr auto;padding:16px}
  .cat__note{display:none}
  .cat__name{font-size:clamp(46px,13vw,90px)}
  .cat__thumbs{grid-column:2/-1;display:flex;gap:6px;margin-top:10px}
  .cat__thumbs img{width:54px;height:54px;object-fit:cover;background:#d9d8d6}

  /* swipe */
  .swipe{padding:80px 16px;text-align:left}
  .deck{width:min(340px,86vw)}

  /* fiş tam ekran */
  .receipt{right:0;width:100%;max-height:92vh;padding:26px 18px 36px}
  .r-qty button{width:40px;height:40px}

  /* terminal alttan açılır */
  .term{place-items:end center;padding:0}
  .term__win{max-height:88vh;border-radius:16px 16px 0 0;transform:translateY(40px)}
  .term__prompt input{font-size:17px}
}

@media (max-width:720px){
  .rail{padding-top:60px}
  .rail__head{margin-bottom:22px}
  .rail__stage{height:470px}
  .chips{flex-wrap:nowrap;overflow-x:auto;max-width:calc(100vw - 32px);scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto}
  .h2{font-size:clamp(64px,20vw,120px)}
  .hero{padding-bottom:30px}
  .hero__ctas{width:100%}
  .hero__ctas .btn{flex:1}
  .manifest,.slot{padding:80px 16px}
  .foot{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}