/* Mobil kenar boşlukları — orantılı, tutarlı */
@media (max-width: 768px) {
  :root {
    --page-gutter: 20px;
    --header-gutter: 20px;
  }

  .home-container,
  .footer-v3-container,
  .hero-slider,
  .store-offers {
    width: calc(100% - (var(--page-gutter) * 2));
    max-width: none;
  }

  /* Already uses .home-container — avoid double width shrink. */
  .home-container.discovery-redesign {
    width: calc(100% - (var(--page-gutter) * 2));
  }

  .home-products {
    padding-right: 16px;
    padding-left: 16px;
  }

  .home-certificates-inner,
  .home-references-inner {
    padding-left: 18px;
    padding-right: 18px;
  }

  .mobile-category-view {
    padding-right: 20px;
    padding-left: 20px;
  }

  .mobile-product-view {
    padding-right: 4%;
    padding-left: 4%;
  }

  .mobile-quick-dock {
    width: calc(100% - (var(--page-gutter) * 2));
    max-width: none;
  }
}

@media (max-width: 390px) {
  :root {
    --page-gutter: 16px;
    --header-gutter: 16px;
  }

  .home-products {
    padding-right: 14px;
    padding-left: 14px;
  }

  .home-certificates-inner,
  .home-references-inner {
    padding-left: 14px;
    padding-right: 14px;
  }

  .mobile-category-view {
    padding-right: 16px;
    padding-left: 16px;
  }

  .mobile-product-view {
    padding-right: 4%;
    padding-left: 4%;
  }
}