/* Video surfaces stay shadow-free at every breakpoint, including hover. */
html body.product-template-page #main-content :is(video,.video-slider,.video-slide,.product-visual-frame,.product-field-media,.product-field-video,.civi-autonomous-transfer-media,.civi-engagement__video,.civi-integration__video,.civi-integration__item,.civi-mission-cancel__media),
html body.product-template-page #main-content :is(video,.video-slider,.video-slide,.product-visual-frame,.product-field-media,.product-field-video,.civi-autonomous-transfer-media,.civi-engagement__video,.civi-integration__video,.civi-integration__item,.civi-mission-cancel__media):hover,
html body.product-template-page #main-content :is(video,.video-slider,.video-slide,.product-visual-frame,.product-field-media,.product-field-video,.civi-autonomous-transfer-media,.civi-engagement__video,.civi-integration__video,.civi-integration__item,.civi-mission-cancel__media)::before,
html body.product-template-page #main-content :is(video,.video-slider,.video-slide,.product-visual-frame,.product-field-media,.product-field-video,.civi-autonomous-transfer-media,.civi-engagement__video,.civi-integration__video,.civi-integration__item,.civi-mission-cancel__media)::after {
  box-shadow: none !important;
}
/* Cover any new immediate video wrapper added by the CMS. */
@supports selector(:has(> video)) {
  html body.product-template-page #main-content :has(> video),
  html body.product-template-page #main-content :has(> video):hover { box-shadow: none !important; }
}

html body #main-content .video-slider,html body #main-content .video-slide,html body video { box-shadow: none !important; }