/* DP-CLS-20260915: Czech mobile pilot, four verified pages only. */
@media (max-width: 767px) {
  html[lang="cs"] body:is(.id-1, .id-846, .id-2419, .id-1041) #colorbox:has(.site-agreement-inner) {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: calc(100% - 28px) !important;
    max-width: 500px;
    height: auto !important;
    transition: none !important;
  }
  html[lang="cs"] body:is(.id-1, .id-846, .id-2419, .id-1041) #colorbox:has(.site-agreement-inner) #cboxWrapper {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
  }
  html[lang="cs"] body:is(.id-1, .id-846, .id-2419, .id-1041) #colorbox:has(.site-agreement-inner) #cboxContent {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0;
  }
  html[lang="cs"] body:is(.id-1, .id-846, .id-2419, .id-1041) #colorbox:has(.site-agreement-inner) #cboxLoadedContent {
    box-sizing: border-box;
    width: auto !important;
    height: auto !important;
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    overflow: auto;
  }
}
@media (max-width: 767px) {
  html[lang="cs"] body:is(.id-1, .id-846, .id-2419, .id-1041):has(.site-agreement) #colorbox:not(:has(#cboxLoadedContent > *)) {
    visibility: hidden !important;
  }
  html[lang="cs"] body:is(.id-1, .id-846, .id-2419, .id-1041) #colorbox:has(.site-agreement-inner) #cboxWrapper > div > div:not(#cboxContent) {
    display: none !important;
  }
}


/* DP-CLS-20260915-P2: Czech homepage mobile continuation. */
@media (max-width: 767px) {
  /* Five 600x400 images, three columns, two rows, 5px cell padding.
     Reserve the same space before the banner plugin inserts its block. */
  html[lang="cs"] body.id-1 #content > .banners-row:not(:has(+ #dklabBanplusUvod)) {
    margin-bottom: calc(44.444444% + 5.555556px);
  }
  html[lang="cs"] body.id-1 #dklabBanplusUvod .dklabBanplusBox img {
    aspect-ratio: 3 / 2;
    height: auto;
  }
  /* Keep contact and utility controls in their final positions while
     the theme moves them into its navigation wrapper. */
  html[lang="cs"] body.id-1 .top-navigation-bar > .container {
    height: 33px;
  }
  html[lang="cs"] body.id-1 .top-navigation-bar .top-navigation-contacts {
    position: absolute;
    left: 7px;
    top: 3px;
  }
  html[lang="cs"] body.id-1 .top-navigation-bar .top-navigation-tools {
    position: absolute;
    right: 7px;
    top: 3px;
    display: flex;
  }
}