@media (max-width: 600px) {
  .folders { gap: clamp(2px, 1.3vw, 8px); padding-inline: 8px; }
  .folders .folder { width: min(66px, 14vw); height: min(72px, calc(14vw + 6px)); }
  .folders .folder > .app-icon { width: 100%; height: 100%; }
  .folders .folder > img.dock-reflection { width: 100%; height: 42%; top: 88%; }
  .folders .folder > span { opacity: 0; bottom: calc(100% + 8px); }
  .folders .folder:hover > span, .folders .folder:focus-visible > span { opacity: 1; }
}
