/* Mobile-First-Anpassungen — Pflicht-Breakpoints 900px & 600px */

/* Storefront schaltet Desktop-Navigation nativ schon ab 768px frei — auf
   unseren Pflicht-Breakpoint 900px verschieben, sonst quetscht sich die
   Navbar zwischen 768–900px. */
@media (min-width: 768px) and (max-width: 899.98px) {
  #site-navigation .menu-toggle { display: inline-flex !important; }
  #site-navigation .primary-navigation { display: none !important; }
  #site-navigation .handheld-navigation { display: block !important; }
}

@media (max-width: 900px) {
  .d9-hero__grid { grid-template-columns: 1fr; }
  .d9-hero__copy,
  .d9-hero__media { grid-column: 1 / -1; }
  .d9-hero__media { order: -1; aspect-ratio: 16 / 10; }

  .d9-grid-12,
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(6, 1fr);
  }

  .d9-product-card,
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    grid-column: span 3;
  }

  .d9-category-tile { grid-column: span 6; }

  .d9-about-teaser__media,
  .d9-about-teaser__copy { grid-column: 1 / -1; }

  #colophon .footer-widget-region { grid-template-columns: repeat(6, 1fr); }
  .demo9-footer-col { grid-column: span 3; }
  .demo9-footer-col:first-child { grid-column: span 6; }

  .d9-trust-bar { padding: 1.75rem 0; }
}

@media (max-width: 600px) {
  body { font-size: 16px; }

  .d9-grid-12,
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr);
  }

  .d9-product-card,
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    grid-column: span 2;
  }

  .d9-category-tile { grid-column: 1 / -1; aspect-ratio: 16 / 10; }

  .d9-trust-bar { grid-template-columns: 1fr; gap: 1.5rem; text-align: center; }

  #colophon .footer-widget-region { grid-template-columns: 1fr; }
  .demo9-footer-col,
  .demo9-footer-col:first-child { grid-column: 1 / -1; }

  .d9-section { padding: clamp(2.5rem, 10vw, 3.5rem) 0; }

  .d9-hero__actions .button { flex: 1 1 100%; text-align: center; }
}

@media (max-width: 480px) {
  .d9-product-card,
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    grid-column: 1 / -1;
  }

  .d9-grid-12,
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr;
  }
}

html, body { overflow-x: hidden; }