/* === ШРИФТЫ И ГЕОМЕТРИЯ === */
.ff-serif { font-family: 'Noto Serif', serif; }
.ff-chinese { font-family: "KaiTi", "STKaiti", "Songti SC", "SimSun", serif; }

/* Локальные атомы */
.transition { transition: all 0.2s ease-out; }
.px25 { padding-left: 25px; padding-right: 25px; }
.py10 { padding-top: 10px; padding-bottom: 10px; }
.p35 { padding: 35px; }
.mtauto { margin-top: auto; }
.h100vh { height: 100vh; }
.fw500 { font-weight: 500; }

.t25 { top: 25px; }
.r25 { right: 25px; }

/* Геометрия */
.br12 { border-radius: 12px; }
.br20 { border-radius: 20px; }
.br28 { border-radius: 28px; }
.fs17 { font-size: 17px; }
.fs60 { font-size: 60px; }
.fs160 { font-size: 160px; }
.w34 { width: 34px; } .h34 { height: 34px; }
.w250 { width: 250px; } .h250 { height: 250px; }
.h8 { height: 8px; }

.min-h50 { min-height: 50px; }
.min-h70 { min-height: 70px; }
.min-h80 { min-height: 80px; }

.op0 { opacity: 0; pointer-events: none; }
.op100 { opacity: 1; pointer-events: auto; }

/* Глобальные ограничители для десктопа */
.max-w460 { max-width: 460px; margin: 0 auto; }
.max-h820 { max-height: 820px; }
.max-h850 { max-height: 850px; }

/* === ТОНКИЙ СКРОЛЛБАР === */
.custom-scroll::-webkit-scrollbar { width: 4px; }
.custom-scroll::-webkit-scrollbar-track { background: transparent; }
.custom-scroll::-webkit-scrollbar-thumb { background: rgba(136, 149, 141, 0.25); border-radius: 4px; }
.custom-scroll::-webkit-scrollbar-thumb:hover { background: rgba(136, 149, 141, 0.5); }
.custom-scroll { scrollbar-width: thin; scrollbar-color: rgba(136, 149, 141, 0.25) transparent; }