/* Porcelain Atelier — responsive overrides */

@media (max-width: 1024px) {
  .a76-shop-layout,
  .a76-tote-layout,
  .a76-seal-layout,
  .a76-lantern-layout,
  .a76-stub-layout,
  .a76-radar-layout,
  .a76-locket-gate,
  .a76-route-shell,
  .dual,
  .product-layout,
  .contact-grid,
  .checkout-grid,
  .catalog-layout {
    grid-template-columns: 1fr;
  }
  .summary-box,
  .filter-panel {
    position: static;
    top: auto;
  }
}

@media (max-width: 1100px) {
  .a76-product-row { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
  .form-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .a76-brand-word { max-width: 56vw; }
  .page-hero h1 { max-width: none; }
}

@media (max-width: 640px) {
  .container { padding-inline: 1rem; }
  .a76-split-meta { grid-template-columns: 1fr 1fr 1fr; }
  .a76-product-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
  .a76-story-rail { grid-auto-columns: minmax(180px, 72vw); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .a76-reveal { opacity: 1; transform: none; }
}