/* Bait·Direct — верх экрана под часами и батареей iPhone (04.11.2026, просьба Тимура).
   На всех страницах: <meta name="viewport" … viewport-fit=cover> + apple-mobile-web-app-status-bar-style=black-translucent.
   Тогда сайт, открытый с «экрана Домой», рисуется и ПОД часами (они становятся белыми), а высота этой зоны приходит
   в env(safe-area-inset-top). Где браузер сам держит страницу ниже часов (обычный Safari, Android, приложение App Store
   с contentInset), env(...) = 0 и всё ниже ничего не меняет — хуже, чем было, не станет.
   · Каталог: фоновая картинка шапки заходит под часы и меняется вместе с выбором (длительная/посуточно, дом, комната…).
     Когда картинка уехала вверх — под часами полоска цвета сайта, чтобы белые цифры читались.
   · Остальные страницы: под часами ровная полоска цвета сайта, страница начинается ниже неё. */
:root{--bd-sat:env(safe-area-inset-top,0px);--bd-bar:#3a5a40}
:root[data-theme="dark"]{--bd-bar:#0b1411}

/* полоска под часами (каталог — только когда картинка ушла или открыта карта на весь экран) */
html::before{content:"";position:fixed;left:0;right:0;top:0;height:var(--bd-sat);background:var(--bd-bar);
  z-index:2147483000;pointer-events:none}
html[data-page="rental-catalog"]:not(.bd-top-solid)::before{display:none}

/* обычные страницы: всё ниже полоски, липкие шапки прилипают под ней */
html:not([data-page="rental-catalog"]){padding-top:var(--bd-sat)}
html:not([data-page="rental-catalog"]) header{top:var(--bd-sat)}

/* каталог: шапка выше на высоту зоны часов, картинка поднимается под неё, текст — на прежнем месте */
html[data-page="rental-catalog"] header{padding-top:var(--bd-sat)}
html[data-page="rental-catalog"] .hero{margin-top:calc(-65px - var(--bd-sat))}
html[data-page="rental-catalog"] .hero-inner{padding-top:calc(140px + var(--bd-sat))}
@media(max-width:600px){html[data-page="rental-catalog"] .hero-inner{padding-top:calc(80px + var(--bd-sat))}}
html[data-page="rental-catalog"] body.map-mode #viewToggle{top:calc(12px + var(--bd-sat))}
html[data-page="rental-catalog"] .big-map-close{inset-block-start:calc(18px + var(--bd-sat))}
