/* ПРОКРУТКА БЕЗ СМУГ — те саме правило, що в прошивці oCBot (CLAUDE.md п.21).
   Смуги прокрутки не показуємо НІДЕ: вони важкі й «висять». Гортати лишається
   чим — колесо, дотик, тачпад; у каруселях ще стрілки й напівобрізаний сусід.
   Що є ще вміст — підказує згасання краю: класи rb-more-* ставить /ui/scroll.js
   (перелік зон — SCROLL_Y / SCROLL_X там же).

   Імпортує design.css; зони повз нього (calc, ref, promo-лендінги) підключають
   цей файл напряму. Нових стилів смуг (::-webkit-scrollbar-*, scrollbar-width:
   thin) не заводити: специфічніший селектор перебив би глобальне none. */
* { scrollbar-width: none; }
*::-webkit-scrollbar { display: none; }
.rb-more-bottom { -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 28px), transparent); mask-image: linear-gradient(to bottom, black calc(100% - 28px), transparent); }
.rb-more-top { -webkit-mask-image: linear-gradient(to top, black calc(100% - 28px), transparent); mask-image: linear-gradient(to top, black calc(100% - 28px), transparent); }
.rb-more-top.rb-more-bottom { -webkit-mask-image: linear-gradient(to bottom, transparent, black 28px, black calc(100% - 28px), transparent); mask-image: linear-gradient(to bottom, transparent, black 28px, black calc(100% - 28px), transparent); }
.rb-more-right { -webkit-mask-image: linear-gradient(to right, black calc(100% - 28px), transparent); mask-image: linear-gradient(to right, black calc(100% - 28px), transparent); }
.rb-more-left { -webkit-mask-image: linear-gradient(to left, black calc(100% - 28px), transparent); mask-image: linear-gradient(to left, black calc(100% - 28px), transparent); }
.rb-more-left.rb-more-right { -webkit-mask-image: linear-gradient(to right, transparent, black 28px, black calc(100% - 28px), transparent); mask-image: linear-gradient(to right, transparent, black 28px, black calc(100% - 28px), transparent); }