/* Reuse the site's exact dock; reserve its measured footprint for Loopz. */
@media (max-width: 768px), (max-width: 1024px) and (max-height: 600px) and (pointer: coarse) {
  html body[data-page="loopz"] > nav.bottom-nav.mobile-dock.mobile-bottom-nav {
    display: grid !important;
  }
  html.pwa-keyboard-open body[data-page="loopz"] > nav.bottom-nav.mobile-dock.mobile-bottom-nav {
    display: none !important;
  }
  body[data-page="loopz"] {
    --loopz-dock-space: calc(92px + env(safe-area-inset-bottom));
    --loopz-shell-height: calc(100svh - var(--loopz-dock-space));
  }
  @supports (height: 100dvh) {
    body[data-page="loopz"] { --loopz-shell-height: calc(100dvh - var(--loopz-dock-space)); }
  }
  html.pwa-standalone body[data-page="loopz"] {
    --loopz-dock-space: var(--pwa-dock-height);
  }
  html body[data-page="loopz"] .app-shell,
  html body[data-page="loopz"] .content,
  html body[data-page="loopz"] .screen,
  html body[data-page="loopz"] .loopz-page,
  html body[data-page="loopz"] .loopz-cinema,
  html body[data-page="loopz"] .loopz-view,
  html body[data-page="loopz"] .loopz-feed,
  html body[data-page="loopz"] .loopz-item {
    height: var(--loopz-shell-height) !important;
    min-height: var(--loopz-shell-height) !important;
    max-height: var(--loopz-shell-height) !important;
    box-sizing: border-box;
  }
  html body[data-page="loopz"] .loopz-item {
    contain-intrinsic-size: auto var(--loopz-shell-height);
  }
  body[data-page="loopz"] .loopz-gesture-hint-v206 {
    bottom: calc(var(--loopz-dock-space) + 20px);
  }
}
/* A Google unit is not a paid ChaabiHub campaign; no unrelated Learn More CTA. */
body[data-page="loopz"] .loopz-ad-item[data-google-unit]::before,
body[data-page="loopz"] .loopz-ad-item[data-google-unit]::after,
body[data-page="loopz"] .loopz-ad-item[data-google-unit] > .loopz-ad-meta,
body[data-page="loopz"] .loopz-ad-item[data-google-unit] > .loopz-ad-badge {
  display: none !important;
}
body[data-page="loopz"] .loopz-ad-item[data-google-unit] {
  content-visibility: visible;
}
body[data-page="loopz"] .loopz-adsense-stage {
  padding: max(76px, env(safe-area-inset-top)) 16px 24px;
  z-index: 8;
}
body[data-page="loopz"] .loopz-adsense-card {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 728px;
  max-height: 100%;
  border-radius: 12px;
  padding: 12px;
  box-sizing: border-box;
}
body[data-page="loopz"] .loopz-adsense-card ins[data-chaabi-ad-unit] {
  display: block;
  width: 100%;
  min-height: 90px;
}
.loopz-google-label {
  display: block;
  margin: 0 0 10px;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  color: #555;
}
@media (max-height: 500px) and (orientation: landscape) {
  body[data-page="loopz"] .loopz-adsense-stage { padding: 60px 12px 10px; }
}