/* =========================================================
   SUNUCUHANE — mobil iyileştirmeler
   Bu dosya yalnızca telefon ve küçük tablet ekranlarını etkiler.
   ========================================================= */

/* iOS'ta yatay çevirince yazıların büyümesini engelle */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.swipe-hint{display:none}

@media (max-width:640px){

  /* ---------- Genel ritim ---------- */
  .wrap{padding-left:18px;padding-right:18px}
  .mega-grid.wrap{padding:0!important}
  .mc-price{white-space:nowrap}
  .dd{padding:28px 0 40px}
  .block{padding-top:44px;padding-bottom:44px}
  .sec-h2{margin-top:44px}
  .sec-h2 h2,.dd-h h2{font-size:1.55rem;line-height:1.2}
  .sec-h2 p,.dd-h p{font-size:15.5px}
  .kick{font-size:12px}

  /* ---------- Kart satırları: telefonda alt alta, tam genişlik ---------- */
  .picks,.cards,.models,.feat,.dcs-feats,.steps2{
    display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
    overflow:visible!important;margin-left:0!important;margin-right:0!important;padding:0!important
  }
  .picks>*,.cards>*,.models>*,.feat>*,.dcs-feats>*,.steps2>*{min-width:0;width:auto;max-width:none}
  .cards[hidden]{display:none!important}
  .steps2:before,.steps2:after{display:none!important}
  .swipe-hint{display:none!important}

  /* ---------- Süsleme amaçlı çizimler telefonda gizlenir ---------- */
  .dhero,.raidv,.pwr,.pathv,.rings,.term,.art .star,.hx .spark{display:none!important}
  .split,.term-row,.dcb,.intro{margin-top:20px;gap:0}
  .split{padding:20px!important}

  /* ---------- Bilgi kutuları: 2 sütun, sıkı ---------- */
  .facts2{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .facts2 li{padding:12px!important}
  .facts2 b,.facts2 strong{font-size:14.5px}
  .facts2 p,.facts2 span{font-size:13px;line-height:1.4}
  .stats{gap:10px!important}

  /* ---------- Karşılaştırma tablosu (ana sayfa) kart halinde ---------- */
  .dec{overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
  .tbl-wrap:has(table.mstack){border:0!important;background:none!important;overflow:visible!important;box-shadow:none!important}
  table.mstack{min-width:0!important}
  table.mstack thead{display:none}
  table.mstack,table.mstack tbody,table.mstack tr,table.mstack td{display:block;width:100%}
  table.mstack tr{background:#fff;border:1px solid var(--line,#D3E0EA);border-radius:12px;padding:14px 16px;margin-bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
  table.mstack.cols3 tr{grid-template-columns:repeat(3,1fr)}
  table.mstack td{border:0!important;padding:0!important;font-size:14.5px;text-align:left!important;background:none}
  table.mstack td[data-l]:before{content:attr(data-l);display:block;font-size:12.5px;color:var(--muted,#4D6378);font-weight:500}
  table.mstack td:first-child{grid-column:1/-1;font-size:16.5px;font-weight:700}
  table.mstack td:first-child:before{display:none}
  table.mstack td.a{grid-column:1/-1;margin-top:6px}
  table.mstack td.a .btn{width:100%}
  table.mstack td.hl{color:#8a1263;font-weight:700}

  /* ---------- SSS: önce sorular, sonra ilgili bağlantılar ---------- */
  .faq2{display:flex!important;flex-direction:column;gap:16px;margin-top:44px}
  .faq2-l{display:contents}
  .faq2-l>.kick{order:0}
  .faq2-l>h2{order:1;margin:0}
  .faq2-l>p{order:2;margin:0}
  .faq2 .qs{order:3}
  .faq2 .rel{order:4;margin-top:8px}
  .qs summary{padding-top:16px;padding-bottom:16px}

  /* ---------- Tier III vitrini ---------- */
  .dcs{margin:32px 0!important;grid-template-columns:minmax(0,1fr)!important}
  .dcs-body,.dcs-media{min-width:0}
  .dcs-media{max-width:230px!important}

  /* ---------- Kampanya alanı ---------- */
  .hx .h1{font-size:2rem;margin:14px 0 12px}
  .hx .desc{font-size:15.5px}
  .checks{margin-top:14px;gap:8px;font-size:15px}
  .hx-btns{margin-top:22px}
  .dots button{position:relative}
  .dots button:after{content:"";position:absolute;inset:-14px -5px}

  /* ---------- Sayfa başlıkları ---------- */
  .page-hero{padding-top:28px;padding-bottom:32px}
  .page-hero h1{font-size:1.9rem}
  .crumbs a,.page-hero nav a{display:inline-block;padding:10px 0}

  /* ---------- Dokunma alanları ---------- */
  main a[href^="tel:"],main a[href^="mailto:"]{display:inline-block;padding:10px 0}
  .ft-contact a{display:inline-block;padding:9px 0}
  .ft-legal a{display:inline-block;padding:10px 0}
  .ft-social a{width:44px;height:44px}
  .sh-page main .btn,.dcs-b1,.dcs-b2,.b-white,.b-out{min-height:48px}

  /* ---------- Alt bilgi: açılır bölümler ---------- */
  .ft-links{display:block!important;margin-top:8px}
  .ft-col{border-bottom:1px solid rgba(255,255,255,.1)}
  .ft-col h3{display:flex;align-items:center;gap:10px;margin:0!important;padding:16px 2px!important;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0!important}
  .ft-col h3:after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s;opacity:.8}
  .ft-col.open h3:after{transform:rotate(-135deg) translateY(-2px)}
  .ft-col ul{display:none;padding:0 2px 12px!important;margin:0!important}
  .ft-col.open ul{display:block}
  .ft-col ul a{display:block;padding:10px 0}
  .ft-col h3:focus-visible{outline:2px solid #ffc83d;outline-offset:2px;border-radius:6px}

  /* Alt gezinme çubuğu içeriğin üstüne binmesin */
  .site-footer.ft{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .tabbar{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(64px + env(safe-area-inset-bottom,0px))}
}

@media (max-width:640px) and (prefers-reduced-motion:reduce){
  .ft-col h3:after{transition:none}
}