/* Figma H5 44977:144022 / PC 45549:42268. Keep controls above the site header. */
.daily-ad-view { position: fixed; z-index: 1100; inset: 0; overflow: hidden; background: #000000e5; color: #fff; }
.daily-ad-view[hidden] { display: none; }
.daily-ad-view__stage { position: relative; width: 100%; height: 100%; }
.daily-ad-view__media { display: block; width: 100%; height: 100%; overflow: hidden; }
.daily-ad-view__media video, .daily-ad-view__media > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.daily-ad-view__media video[hidden], .daily-ad-view__media > img[hidden] { display: none; }
.daily-ad-view__controls { position: absolute; top: max(41px, env(safe-area-inset-top)); right: 16px; left: 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; pointer-events: none; }
.daily-ad-view__controls button { color: inherit; cursor: pointer; pointer-events: auto; }
.daily-ad-view__sound, .daily-ad-view__progress { box-sizing: border-box; display: flex; height: 32px; align-items: center; justify-content: center; gap: 8px; padding: 4px 10px; border: .5px solid #555; border-radius: 20px; background: #0000004d; font-size: 12px; line-height: 17px; white-space: nowrap; }
.daily-ad-view__sound { width: 87px; flex-shrink: 0; }
.daily-ad-view__sound span { padding-right: 8px; border-right: .5px solid #555; font-weight: 600; line-height: 20px; }
.daily-ad-view__sound img, .daily-ad-view__progress img { width: 18px; height: 18px; }
.daily-ad-view__sound[aria-pressed="true"] .daily-ad-view__volume-on,
.daily-ad-view__sound[aria-pressed="false"] .daily-ad-view__volume-off { display: none; }
.daily-ad-view__progress button { display: flex; align-items: center; box-sizing: content-box; width: 18px; height: 20px; padding: 0 0 0 8px; border: 0; border-left: .5px solid #555; background: transparent; }
.daily-ad-view__retry { position: absolute; bottom: max(36px, env(safe-area-inset-bottom)); left: 50%; min-width: 156px; height: 42px; padding: 0 22px; border: 0; border-radius: 999px; background: linear-gradient(#ff69b0, #f21184); box-shadow: 0 6px 24px #0008; color: #fff; font-size: 15px; transform: translateX(-50%); cursor: pointer; }
.daily-ad-view__retry:disabled { opacity: .65; cursor: wait; }
body.daily-ad-open { overflow: hidden; }

@media (min-width: 769px) {
  .daily-ad-view { display: grid; place-items: center; }
  .daily-ad-view__stage { display: flex; flex-direction: column; gap: 20px; width: min(375px, calc((100dvh - 100px) * 375 / 812)); height: auto; }
  .daily-ad-view__controls { position: static; order: -1; width: 100%; }
  .daily-ad-view__media { height: auto; aspect-ratio: 375 / 812; border-radius: 12px; }
}