/* =============================================================================
   Endermak Makina — Duyarlı (Responsive) Kurallar
   ========================================================================== */

/* Yatay taşmayı kesin engelle (mobilde sağa-sola oynamayı önler) */
html { overflow-x: hidden; max-width: 100%; }
body { overflow-x: hidden; max-width: 100%; position: relative; }
img, picture, video, table, iframe { max-width: 100%; }

/* Büyük masaüstü altı */
@media (max-width: 1080px) {
  .footer__top { grid-template-columns: 1fr 1fr; gap: 34px; }
  .trust__grid { grid-template-columns: repeat(3, 1fr); }
  .trust__item:nth-child(3) { border-right: none; }
}

/* Hero split düzeni tablet ve altında dikey yığılır */
@media (max-width: 900px) {
  .hero__grid { grid-template-columns: 1fr; gap: 30px; min-height: 0; padding: 44px 0; text-align: center; }
  .hero__inner { max-width: none; margin: 0 auto; }
  .hero__tag { justify-content: center; }
  .hero__btns { justify-content: center; }
  .hero__media { max-width: 460px; margin: 0 auto; width: 100%; }
  .hero__media-card { padding: 22px; }
  .about-badge { right: 14px; bottom: 14px; padding: 10px 14px; }
  .about-badge b { font-size: 1.9rem; }
}

/* Tablet */
@media (max-width: 900px) {
  :root { --header-h: 66px; }
  .nav__menu { display: none; }
  .nav__toggle { display: inline-flex; }
  .nav__right .btn:not(.nav__toggle) { display: none; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .process { grid-template-columns: repeat(2, 1fr); gap: 30px; }
  .process__step:nth-child(2) .process__num::after { display:none; }
  .split { grid-template-columns: 1fr; }
  .split__media { min-height: 260px; order: -1; }
  .brand-strip { grid-template-columns: repeat(2, 1fr); }
  .topbar__left .topbar__addr { display: none; }
  .form-grid { grid-template-columns: 1fr; }
  .form-group.col-2 { grid-column: span 1; }
}

/* Küçük tablet / büyük telefon */
@media (max-width: 680px) {
  .trust__grid { grid-template-columns: repeat(2, 1fr); }
  .trust__item { border-right: none; border-bottom: 1px solid var(--border); }
  .trust__item:nth-child(2n) { border-right: none; }
  .footer__top { grid-template-columns: 1fr; gap: 30px; }
  .footer__bottom { flex-direction: column; text-align: center; }
  .topbar__inner { justify-content: center; }
  .topbar__left { gap: 14px; }
  .topbar__hours { display: none; }
  .hero__controls-inner { justify-content: center; }
  .hero__arrows { display: none; }
  .cta-band__btns .btn, .hero__btns .btn { width: 100%; }
}

/* Telefon */
@media (max-width: 480px) {
  body { font-size: 15px; }
  .section { padding: 44px 0; }
  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .brand-strip { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .process { grid-template-columns: 1fr; }
  .process__num::after { display: none; }
  .prod-card__actions { flex-direction: column; }
  .nav__logo img { height: 38px; }
  .container { padding: 0 16px; }
  .hero__title { font-size: 1.85rem; }
  .hero__btns .btn { width: 100%; }
  .hero__media-card { padding: 18px; }
  .floating-actions { right: 14px; bottom: 14px; gap: 10px; }
  .floating-btn { width: 48px; height: 48px; }
  .floating-btn svg { width: 23px; height: 23px; }
  .page-hero h1 { font-size: 1.9rem; }
  .cta-band__btns { flex-direction: column; }
  .cta-band__btns .btn { width: 100%; }
}