/* ==========================================================
   DESPINA MOTORS · responsive.css
   ========================================================== */

/* ---------------- ≤ 1500px · dar masaüstü ---------------- */
@media (max-width:1500px){
  .header__in{ gap:18px; }
  .nav__list{ gap:0; }
  .nav__link{ padding:10px 10px; font-size:.79rem; }
  .nav__link::after{ left:10px; right:10px; }
  .btn--phone span{ display:none; }
  .btn--phone{ padding:14px 16px; }
}

/* ---------------- ≤ 1200px ---------------- */
@media (max-width:1200px){
  :root{ --gut:24px; }
  .nav__link{ padding:10px 11px; font-size:.8rem; }
  .btn--phone span{ display:none; }
  .btn--phone{ padding:14px 16px; }
  .svc__card{ min-height:400px; }
  .footer__grid{ grid-template-columns:1.4fr 1fr 1fr; }
  .footer__col:last-child{ grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr auto; gap:20px; align-items:center; }
  .footer__col:last-child .footer__title{ grid-column:1 / -1; margin-bottom:6px; }
}

/* ---------------- ≤ 1024px (tablet) ---------------- */
@media (max-width:1024px){
  .topbar__hours{ display:none; }
  .nav{ display:none; }
  .burger{ display:block; }
  .langsw{ display:none; }

  .svc{ grid-template-columns:1fr 1fr; }
  .svc__card{ min-height:360px; }
  .revs{ grid-template-columns:1fr; }
  .points{ grid-template-columns:1fr 1fr; }
  .wgroups{ grid-template-columns:1fr 1fr; }
  .bikes{ grid-template-columns:1fr 1fr; }
  .steps{ grid-template-columns:1fr 1fr; gap:38px 0; }
  .steps::before{ display:none; }

  .split{ grid-template-columns:1fr; gap:40px; }
  .split--rev .split__media{ order:0; }
  .split__media .frame--sm{ width:38%; right:-10px; bottom:-24px; }

  .contact{ grid-template-columns:1fr; }
  .contact__map{ min-height:340px; }
  .contact__map iframe{ min-height:340px; }

  .hero{ min-height:auto; padding:80px 0 96px; }
  .hero__card{ position:static; width:100%; max-width:420px; margin-top:36px; }
  .hero__scroll{ display:none; }

  .gal{ grid-template-columns:repeat(3,1fr); grid-auto-rows:170px; }

  .ctaband__in{ flex-direction:column; align-items:flex-start; }
  .ctaband__act{ width:100%; }
}

/* ---------------- ≤ 768px (mobil) ---------------- */
@media (max-width:768px){
  :root{ --gut:20px; }
  body{ font-size:15.5px; }

  .topbar{ display:none; }
  .section{ padding:60px 0 64px; }
  .section--tight{ padding:48px 0; }

  .svc{ grid-template-columns:1fr; }
  .svc__card{ min-height:340px; }
  .why{ grid-template-columns:1fr; }
  .points{ grid-template-columns:1fr; }
  .wgroups{ grid-template-columns:1fr; }
  .bikes{ grid-template-columns:1fr 1fr; }
  .stats{ grid-template-columns:1fr 1fr; }
  .stat{ padding:26px 12px; }
  .stat:nth-child(3)::before,.stat:nth-child(1)::before{ display:none; }
  .stat:nth-child(3),.stat:nth-child(4){ border-top:1px solid rgba(255,255,255,.07); }

  .gal{ grid-template-columns:1fr 1fr; grid-auto-rows:140px; gap:10px; }
  .gal__item--w2{ grid-column:span 2; }
  .gal__item--h2{ grid-row:span 1; }

  .split__media .frame--sm{ display:none; }
  .split__deco{ display:none; }

  .faq__a > div{ padding-right:8px; }
  .faq__q{ font-size:.98rem; padding:20px 2px; }

  .footer__grid{ grid-template-columns:1fr; gap:34px; padding-bottom:34px; }
  .footer__col:last-child{ display:block; }
  .footer__bar{ flex-direction:column; align-items:flex-start; gap:6px; text-align:left; }

  .ctaband__phone{ font-size:1.35rem; }
  .btn{ padding:14px 22px; }
  .btn--lg{ padding:16px 26px; }
  .hero__cta .btn{ flex:1; min-width:150px; }

  /* Mobil dönüşüm barı devrede */
  .mcta{
    display:flex;
  }
  .fab{ display:none; }
  .totop{ bottom:calc(82px - var(--mcta-vv-shift, 0px)); right:16px; width:38px; height:38px; }
  body{ padding-bottom:calc(62px + env(safe-area-inset-bottom)); }

  .lightbox__nav{ width:42px; height:42px; }
  .lightbox__nav--prev{ left:8px; }
  .lightbox__nav--next{ right:8px; }
}

/* ---------------- ≤ 480px ---------------- */
@media (max-width:480px){
  .bikes{ grid-template-columns:1fr; }
  .gal{ grid-template-columns:1fr; grid-auto-rows:190px; }
  .gal__item--w2{ grid-column:span 1; }
  .hero__badges{ gap:14px 20px; }
  .hero__cta{ flex-direction:column; }
  .hero__cta .btn{ width:100%; }
  .mmenu__nav a{ font-size:1.18rem; }
  .rev{ padding:26px 22px; }
  .why__item{ padding:28px 22px; }
}

/* ---------------- Yatay mobil / kısa ekran ---------------- */
@media (max-height:520px) and (orientation:landscape){
  .hero{ padding:70px 0 60px; }
  .mmenu__nav{ padding:10px 0; }
  .mmenu__nav a{ padding:10px 4px; font-size:1.05rem; }
}

/* ---------------- Yazdırma ---------------- */
@media print{
  .header,.topbar,.mcta,.fab,.totop,.mmenu,.page-fade,.ctaband,.lightbox{ display:none !important; }
  body{ background:#fff; color:#000; padding:0; }
  .section{ padding:16px 0; }
  a{ color:#000; }
}