/* Пропорційне масштабування під ширину екрана.
   1rem = 10px на ширині відповідного макета Figma:
   Desktop 1440 · Mobile 390. Для планшета окремої дошки немає,
   тому 768–1199 рахуються від ширини контенту 1160 (без бічної
   панелі — там її замінює мобільна шапка з шухлядою).
   Усі розміри в темі задані в rem, тому сайт стискається
   і розтягується цілком, зберігаючи пропорції макета. */
html{font-size:calc(100vw / 144)}                      /* ≥1200: макет 1440 */
@media (max-width:1199px){html{font-size:calc(100vw / 116)}}   /* контент 1160 */
@media (max-width:767px){html{font-size:calc(100vw / 39)}}     /* макет 390  */