/* ГЕНЕРИРАН от _shared/gen_ui.py по _shared/zbt-ui.json — не се редактира на ръка. */
/* Единна система за оразмеряване. Подключва се във <head>:
     <link rel="stylesheet" href="/zbt-ui.css?v=1"><script src="/zbt-ui.js?v=1" defer></script>
   Правилото: размерите на текст се пишат в rem или var(--zbt-fs-*), не в px; блоковете не получават височина в px,
   а я вземат от съдържанието или от --zbt-footer-max / --zbt-header-max. */
:root{
  --zbt-fs:clamp(15px, calc(11px + min(100vw, 177.8vh) * 0.0036), 24px);
  --zbt-fs-xs:calc(var(--zbt-fs) / 1.44);
  --zbt-fs-sm:calc(var(--zbt-fs) / 1.2);
  --zbt-fs-md:calc(var(--zbt-fs) * 1.2);
  --zbt-fs-lg:calc(var(--zbt-fs) * 1.44);
  --zbt-fs-xl:calc(var(--zbt-fs) * 1.728);
  --zbt-fs-xxl:calc(var(--zbt-fs) * 2.0736);
  --zbt-tap:40px;
  --zbt-header-max:clamp(44px, 10.5vh, 96px);
  --zbt-footer-max:clamp(52px, 17vh, 150px);
}
@supports (height:1dvh){:root{--zbt-fs:clamp(15px, calc(11px + min(100vw, 177.8dvh) * 0.0036), 24px);--zbt-header-max:clamp(44px, 10.5dvh, 96px);--zbt-footer-max:clamp(52px, 17dvh, 150px)}}
html{font-size:var(--zbt-fs)}
/* Класовете на екрана (слагат се от zbt-ui.js): html[data-zbt-w="xs|sm|md|lg|xl|xxl"][data-zbt-h="short|medium|tall"].
   Пример: на къс екран рамката се свива, без да се пипа всяка страница поотделно. */
html[data-zbt-h="short"]{--zbt-tap:36px}
html[data-zbt-h="short"] .zbt-hide-short{display:none !important}
html[data-zbt-w="xs"] .zbt-hide-xs{display:none !important}