/* Safari 26+ samples page backgrounds; earlier Safari also uses theme-color. */
html[data-system=wildberries] { --bg:var(--market-deep,#100b1d);background-color:var(--market-deep,#100b1d); }
html[data-system=ozon] { --bg:#081327;background-color:#081327; }
html[data-theme=dark] { color-scheme:dark;min-height:100%; }
body[data-theme=dark] { min-height:100vh;min-height:100dvh;background-color:var(--bg); }
/* Keep controls outside cutouts when Safari extends the page to the viewport edges. */
@media(max-width:900px) {
  .sidebar { padding-top:calc(20px + env(safe-area-inset-top,0px)); }
  .content { padding-bottom:calc(48px + env(safe-area-inset-bottom,0px)); }
}
@media(max-width:600px) {
  .sidebar { padding-top:calc(12px + env(safe-area-inset-top,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px)); }
  .content { padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));padding-bottom:calc(40px + env(safe-area-inset-bottom,0px)); }
}