/* Breakpoints shared by the views. */

@media (max-width: 1100px) {
  .catalog, .inspire-grid { grid-template-columns: repeat(2, 1fr); }
  .hero { min-height: 100svh; }
  .hero__copy { min-height: 100svh; padding: var(--space-5); padding-top: var(--header-offset); }
  .editorial img { height: 100svh; }
}

@media (max-width: 980px) {
  .nav {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "logo actions"
      "switch switch";
    min-height: 0;
  }
  .wordmark { justify-self: start; font-size: 2.1rem; }
  .nav__actions { grid-area: actions; }
  .switcher { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .switcher__tab { white-space: normal; line-height: 1.25; }
  .createur__grid, .detail, .reserve { grid-template-columns: 1fr; }
  .footer__grid { flex-direction: column; align-items: flex-start; }
  .footer__links { text-align: left; }
  #preview-root { position: static; max-height: none; overflow: visible; }
  .wish-btn__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}

@media (max-width: 720px) {
  .catalog, .inspire-grid, .measure-grid, .stepper, .preview-badges { grid-template-columns: 1fr; }
  .stepper { grid-template-columns: 1fr 1fr; }
  .modal { padding: 0; align-items: end; }
  .modal__panel { width: 100%; max-height: 92vh; }
  .wish-list li, .confirm-actions, .hero__actions { align-items: stretch; flex-direction: column; }
  h1 { font-size: clamp(2.7rem, 14vw, 4rem); }
}