/* LIYUADS V52C — mobile catalog and navigation refinements. */
@media (max-width: 767.98px) {
  .ly9-card, .ly8-card, .ly-related-card { min-width:0; max-width:100%; overflow:hidden; }
  .ly9-card-title, .ly8-card h3, .ly-related-card h3 { overflow-wrap:anywhere; word-break:normal; }
  .ly9-card-photo img, .ly8-card-image img, .ly-related-card img { max-width:100%; }
  .ly9-card .ly9-quote { min-height:44px; display:flex; align-items:center; justify-content:center; text-align:center; }
  .ly9-card-main, .ly8-card > a { display:block; min-width:0; }
  .ly-detail .ly-gallery-main { height:auto; min-height:230px; max-height:420px; aspect-ratio:4/3; }
  .ly-detail .ly-gallery-main img { max-width:100%; max-height:100%; object-fit:contain; }
  .ly-detail .ly-thumbs { flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
  .ly-detail .ly-thumb { flex:0 0 64px; height:64px; }
  .ly-detail .ly-panel-pad { padding:16px; }
  .ly-detail .ly-specs { grid-template-columns:minmax(0,1fr); }
  .ly-detail .ly-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .liyu-navbar-inner > a:focus-visible, .liyu-mobile-menu-toggle:focus-visible,
  .ly9-card a:focus-visible, .ly8-card a:focus-visible, .ly-detail a:focus-visible,
  .ly-detail button:focus-visible { outline:3px solid #ec6500; outline-offset:2px; }
}
@media (max-width: 380px) {
  .ly-detail .ly-related-grid { grid-template-columns:minmax(0,1fr); }
  .ly-detail .ly-gallery-main { min-height:200px; }
  .liyu-navbar-inner > a { overflow-wrap:anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .ly9-card, .ly8-card, .ly-related-card { transition:none!important; }
}