/* ===========================================================================
   RESPONSIVE — Mobile breakpoints
   =========================================================================== */

/* ── Small (≤ 640px) ── */
@media (max-width: 640px) {
  .detail-hero {
    height: 140px;
  }
}

/* ── Base mobile (≤ 720px) ── */
@media (max-width: 720px) {
  .mobile-fixed-logo {
    display: flex;
  }

}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    transition-duration: 0.01ms;
  }

  .detail-fullpage-btn,
  .detail-fullpage-btn::after {
    animation: none;
  }
}