/* Filaro Collection - page scrollbar (standard)
   Locked 07/Aug/26 (Paul): subtle on desktop; hidden on phone.
   Fail-if: invent thick OS chrome; show bar on phone. */

/* Desktop: thin, soft thumb, quiet track */
@media (min-width: 768px) {
  html {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
  }
  html::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  html::-webkit-scrollbar-track {
    background: transparent;
  }
  html::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
  }
  html::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.4);
    border: 2px solid transparent;
    background-clip: padding-box;
  }
  html::-webkit-scrollbar-corner {
    background: transparent;
  }
}

/* Phone: hide scrollbar; scroll still works */
@media (max-width: 767px) {
  html {
    scrollbar-width: none;
  }
  html::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}