[hidden] { display: none !important; }
.static-search-results { min-height: 12rem; }
.static-gallery-thumb[aria-pressed="true"] { border-color: var(--color-accent, #f59e0b); box-shadow: 0 0 0 2px rgb(245 158 11 / .2); }
.static-option[aria-pressed="true"] { border-color: #fb923c; background: #fff4d6; box-shadow: 0 0 0 2px #fed7aa; }
.static-option[aria-pressed="false"] { border-color: #d1d5db; background: white; box-shadow: none; }

.static-added-button, .static-added-button:hover { background-color: #15803d; }
.static-flying-product {
  position: fixed;
  z-index: 100;
  width: 64px;
  height: 64px;
  padding: 4px;
  border-radius: 12px;
  background: white;
  object-fit: contain;
  box-shadow: 0 8px 24px rgb(0 0 0 / .16);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .static-added-button { transition: none; }
}

/* La grille d'accueil ne doit pas imposer sa largeur minimale aux petits écrans. */
@media (max-width: 1279px) {
  #recherche > div > .grid { grid-template-columns: minmax(0, 1fr); }
  #recherche > div > .grid > * { min-width: 0; max-width: 100%; }
  #recherche > div > .grid > .grid { grid-template-columns: minmax(0, 1fr); }
  #recherche > div > .grid > .grid > * { min-width: 0; max-width: 100%; }
}
@media (max-width: 639px) {
  #recherche > div > .grid > :first-child { min-height: 520px; }
  #recherche > div > .grid > :first-child > img { object-position: 80% center; }
  #recherche > div > .grid > :first-child > button[aria-label^="Photo"] { top: 35%; }
  nav[aria-label="Fil d’Ariane"] ol { max-width: 100%; -webkit-overflow-scrolling: touch; }
  nav[aria-label="Fil d’Ariane"] ol > li { flex: 0 0 auto; min-width: max-content; }
}
@media (max-width: 359px) {
  header.sticky > div:first-child { padding-inline: 12px; gap: 8px; }
  header.sticky > div:first-child > a:first-child img { width: 130px; }
  header.sticky > div:first-child > div { gap: 4px; }
  #recherche h2 { font-size: 1.5rem; line-height: 1.2; }
}