/* Used only by the eco-bag category and its video watch page. */
.eco-video-section { background: #f2f5ef; }
.eco-video-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 40px; }
.eco-video-copy h2 { font-size: clamp(26px, 3vw, 38px); }
.eco-video-copy p { max-width: 64ch; color: #4d514b; }
.eco-video-media { min-width: 0; margin: 0; }
.eco-video-media video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #111; border-radius: 8px; }
.eco-video-media figcaption, .eco-video-note { margin: 12px 0 0; font-size: 13px; line-height: 1.7; color: #62645f; }
.eco-video-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 24px; }
.eco-video-text-link { font-weight: 600; text-underline-offset: .25em; }
.eco-video-related { margin: 24px 0 0; font-size: 14px; color: #4d514b; }
.eco-watch-hero { padding-top: 28px; padding-bottom: 48px; }
.eco-watch-hero .crumb { margin-bottom: 18px; }
.eco-watch-hero h1 { max-width: 32ch; margin: 10px 0 18px; font-size: clamp(28px, 4vw, 46px); }
.eco-watch-player { max-width: 1040px; margin: 0 auto; }
.eco-watch-hero .eco-video-note { max-width: 90ch; }
.eco-watch-intro { max-width: 86ch; }
.eco-watch-specs { padding-left: 22px; }
.eco-watch-specs li { margin-block: 8px; }
@media (max-width: 820px) {
  .eco-video-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .eco-video-section .eco-video-media { grid-row: 1; }
  .eco-watch-hero { padding-top: 22px; }
}