/* Telefon ve tablet düzeni. Masaüstüne (981px ve üstü) dokunmaz. En son yüklenir. */

/* Menü logo ve müzikle çakışmasın: logo ve müzik üstte, menü altta tam genişlik */
@media(max-width:1010px){
  header{flex-wrap:wrap;gap:8px;padding:10px 16px}
  header nav{position:relative;left:auto;transform:none;order:3;flex:1 0 100%;width:100%;gap:0;padding:4px}
  nav a{flex:1 1 auto;padding:8px 2px;font-size:clamp(10.5px,3.1vw,12.5px);text-align:center}
  .pill{top:4px;bottom:4px}
}

/* Tablet: App Store yan yana sığmaz, Web Oyunlar 3 sütun */
@media(max-width:980px){
  .as{display:block;padding:21px 16px 34px;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .as-sp{display:none}
  .as-apps{--s:clamp(89px,14vh,120px);position:static;flex-direction:column;align-items:center;gap:34px;margin-top:34px;padding:0}
  .as-wip{order:-1;width:min(233px,100%);height:auto}
  .as-app{width:min(430px,100%)}
  .as-ic{margin-top:21px}
  .as-lg{width:100%}
  .wg-grid{grid-template-columns:repeat(3,1fr);gap:34px 21px}
}

/* Telefon */
@media(max-width:700px){
  /* Ana başlıklar ekrana göre büyür */
  h1{font-size:min(10.4vw,7vh)}
  .dome{height:clamp(170px,27vh,230px)}

  /* App Store */
  #asH{font-size:min(8.8vw,6.5vh)}
  .as-apps{gap:34px;margin-top:21px}
  .as-b{padding:.72em .15em;font-size:clamp(9.5px,2.75vw,11.5px)}
  .as-lg{gap:6px}
  .as-pc{font-size:26px}

  /* Web Oyunlar: slogan iki satır, kapaklar 2 sütun */
  .wg-in{--u:min(5vw,4.2vh);padding:13px 16px 0}
  .wg-n{font-size:11px;margin-bottom:13px}
  .wg-list{margin-top:13px}
  .wg-grid{width:calc(100% - 32px);grid-template-columns:repeat(2,1fr);gap:21px 13px;padding:21px 0 55px}
  .gc-cap{margin-top:13px;font-size:7cqw}

  /* Hakkımızda */
  .page[data-page="hakkimizda"]{--D:clamp(205px,30vh,260px);--f:12px;--ch:92px;--gap:8px}
  .ab{padding:0 16px calc(var(--D) + 190px)}
  .ab-sp{display:none}
  .ab-wrap{--u:min(10.4vw,6.5vh)}
  .ab-cards{flex-direction:column;align-items:stretch;padding:0 16px;bottom:calc(var(--D) + 13px)}
  .ab-card{width:100%;padding:10px 13px;justify-content:center}
  .ab-card h3{font-size:14px}
  .ab-dome{left:-30vw;width:160vw;padding-top:21px;gap:13px}
  .ft{width:100vw;padding:0 16px;gap:13px}
  .ft-hi{top:0;font-size:min(5.6vw,24px);white-space:nowrap}
  .ft-lo{margin-top:8px;font-size:13px;line-height:1.382}
  .ft-mail{height:34px;font-size:11px}
  .ft-r{font-size:9px;letter-spacing:.14em}
}

/* Dokunmatik ekranda parmak kalkınca "üzerinde" hali takılı kalmasın */
@media(hover:none){
  .ab-card:hover{background:#fff;color:#000;transform:none}
  .ab-card:hover .ab-ico{background:#000}
  .ab-card:hover .ab-ico svg{stroke:#fff}
}