.etr-video-section,
.etr-video-section *,
.etr-video-section *::before,
.etr-video-section *::after {
  box-sizing: border-box !important;
}

.etr-video-section {
  position: relative !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  margin: 32px 0 0 !important;
  padding: 24px 16px !important;
  z-index: 5 !important;
  isolation: isolate !important;
  inset: auto !important;
  transform: none !important;
}

.etr-video-section .etr-video-wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 988px !important;
  margin: 0 auto !important;
  inset: auto !important;
  transform: none !important;
}

.etr-video-section .etr-video-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 988 / 566 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  background: #e7e7e7 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none !important;
}

.etr-video-section .etr-video-media {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: inherit !important;
}

.etr-video-section .etr-video-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform 700ms ease !important;
  -webkit-user-drag: none !important;
  border-radius: 0 !important;
}

.etr-video-section .etr-video-overlay {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background: rgba(0, 0, 0, 0.06) !important;
  pointer-events: none !important;
  transition: background 350ms ease !important;
  z-index: 1 !important;
}

.etr-video-section .etr-play-button {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 96px !important;
  height: 96px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.55) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22) !important;
  transition: transform 350ms ease, opacity 350ms ease, background 350ms ease !important;
  z-index: 2 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.etr-video-section .etr-play-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
}

.etr-video-section .etr-play-icon {
  width: 38px !important;
  height: 38px !important;
  display: block !important;
  pointer-events: none !important;
  fill: #ffffff !important;
}

.etr-video-section .etr-video-card:hover .etr-video-image {
  transform: scale(1.035) !important;
}

.etr-video-section .etr-video-card:hover .etr-video-overlay {
  background: rgba(0, 0, 0, 0.1) !important;
}

.etr-video-section .etr-video-card:hover .etr-play-button {
  transform: translate(-50%, -50%) scale(1.06) !important;
  background: rgba(0, 0, 0, 0.62) !important;
}

.etr-video-section .etr-video-card:active .etr-play-button {
  transform: translate(-50%, -50%) scale(0.96) !important;
}

.etr-video-section .etr-video-card.is-playing .etr-play-button {
  opacity: 0 !important;
  transform: translate(-50%, -50%) scale(0.88) !important;
}

@media (max-width: 768px) {
  .etr-video-section { padding: 18px 12px !important; margin-top: 28px !important; }
  .etr-video-section .etr-video-card { border-radius: 9px !important; aspect-ratio: 16 / 10 !important; }
  .etr-video-section .etr-play-button { width: 76px !important; height: 76px !important; }
  .etr-video-section .etr-play-icon,
  .etr-video-section .etr-play-icon-wrap { width: 30px !important; height: 30px !important; }
}

@media (max-width: 480px) {
  .etr-video-section { margin-top: 24px !important; }
  .etr-video-section .etr-video-card { aspect-ratio: 4 / 3 !important; border-radius: 8px !important; }
  .etr-video-section .etr-play-button { width: 64px !important; height: 64px !important; }
  .etr-video-section .etr-play-icon,
  .etr-video-section .etr-play-icon-wrap { width: 26px !important; height: 26px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .etr-video-section .etr-video-image,
  .etr-video-section .etr-video-overlay,
  .etr-video-section .etr-play-button { transition: none !important; }
}