/* EHF Premium Video Gallery 1.0.2 - isolated styles */
.ehfvg {
  --ehfvg-blue:#1769d2; --ehfvg-purple:#7818df; --ehfvg-ink:#14234f;
  width:100% !important; max-width:1160px !important; margin:0 auto !important;
  padding:18px 18px 22px !important; position:relative !important;
  overflow:hidden !important; box-sizing:border-box !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#f4fbff 0%,#fff 52%,#f8f2ff 100%) !important;
  font-family:inherit !important; isolation:isolate;
}
.ehfvg *, .ehfvg *:before, .ehfvg *:after { box-sizing:border-box !important; }
.ehfvg-stage {
  width:100% !important; display:grid !important;
  grid-template-columns:48px minmax(0,1fr) 48px !important;
  align-items:center !important; gap:14px !important;
}
.ehfvg-player {
  display:block !important; position:relative !important; width:100% !important;
  max-width:940px !important; margin:0 auto !important;
  aspect-ratio:16 / 9 !important; height:auto !important; min-height:0 !important;
  overflow:hidden !important; border:6px solid #fff !important;
  border-radius:22px !important; background:#06182b !important;
  box-shadow:0 14px 34px rgba(28,65,137,.20) !important;
}
.ehfvg-cover {
  appearance:none !important; -webkit-appearance:none !important;
  display:block !important; position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; min-height:0 !important;
  margin:0 !important; padding:0 !important; border:0 !important;
  border-radius:0 !important; overflow:hidden !important; cursor:pointer !important;
  background:#071b31 !important; box-shadow:none !important; line-height:normal !important;
}
.ehfvg-cover:before { content:none !important; }
.ehfvg-cover:after {
  content:"" !important; display:block !important; position:absolute !important;
  inset:48% 0 0 !important; z-index:1 !important;
  background:linear-gradient(transparent,rgba(0,0,0,.62)) !important;
  pointer-events:none !important;
}
.ehfvg-main-thumb {
  display:block !important; position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; max-width:none !important;
  max-height:none !important; margin:0 !important; padding:0 !important;
  object-fit:cover !important; object-position:center !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
}
.ehfvg-play {
  display:grid !important; place-items:center !important; position:absolute !important;
  z-index:3 !important; left:50% !important; top:50% !important;
  transform:translate(-50%,-50%) !important; width:78px !important; height:56px !important;
  border-radius:16px !important; background:#f00025 !important;
  box-shadow:0 8px 25px rgba(0,0,0,.28) !important; pointer-events:none !important;
}
.ehfvg-play span {
  display:block !important; width:0 !important; height:0 !important;
  border-top:12px solid transparent !important; border-bottom:12px solid transparent !important;
  border-left:19px solid #fff !important; margin-left:5px !important;
}
.ehfvg-current-title {
  display:block !important; position:absolute !important; z-index:3 !important;
  left:22px !important; right:22px !important; bottom:17px !important;
  color:#fff !important; text-align:left !important; font-size:clamp(15px,2vw,23px) !important;
  line-height:1.25 !important; font-weight:750 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.8) !important; pointer-events:none !important;
}
.ehfvg-iframe-wrap {
  display:block !important; position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; background:#000 !important;
}
.ehfvg-iframe-wrap[hidden] { display:none !important; }
.ehfvg-iframe-wrap iframe {
  display:block !important; width:100% !important; height:100% !important;
  min-height:100% !important; border:0 !important; margin:0 !important;
}
.ehfvg-arrow, .ehfvg-small-arrow {
  appearance:none !important; -webkit-appearance:none !important;
  display:grid !important; place-items:center !important; padding:0 !important;
  border:0 !important; cursor:pointer !important; color:#14234f !important;
  background:#fff !important; box-shadow:0 6px 18px rgba(37,65,140,.16) !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
  line-height:1 !important; min-width:0 !important; text-decoration:none !important;
}
.ehfvg-arrow { width:48px !important;height:48px !important;border-radius:50% !important;font-size:38px !important; }
.ehfvg-arrow span { display:block !important; margin-top:-4px !important; }
.ehfvg-arrow:hover,.ehfvg-small-arrow:hover { transform:scale(1.07) !important; }
.ehfvg-carousel {
  display:grid !important; grid-template-columns:38px minmax(0,1fr) 38px !important;
  align-items:center !important; gap:12px !important;
  width:100% !important; max-width:1040px !important; margin:20px auto 0 !important;
}
.ehfvg-track {
  display:grid !important; grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 48px)/5) !important; gap:12px !important;
  min-width:0 !important; overflow-x:auto !important; overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important; scrollbar-width:none !important;
  padding:4px 3px 8px !important;
}
.ehfvg-track::-webkit-scrollbar { display:none !important; }
.ehfvg-thumb {
  display:block !important; position:relative !important; min-width:0 !important;
  width:100% !important; margin:0 !important; padding:0 0 10px !important;
  overflow:hidden !important; border:2px solid transparent !important;
  border-radius:14px !important; background:#fff !important; color:var(--ehfvg-ink) !important;
  cursor:pointer !important; text-align:center !important;
  box-shadow:0 5px 15px rgba(36,61,125,.09) !important;
  scroll-snap-align:start !important; line-height:normal !important;
}
.ehfvg-thumb:hover { transform:translateY(-2px) !important; }
.ehfvg-thumb.is-active { border-color:var(--ehfvg-purple) !important; box-shadow:0 0 0 2px rgba(124,24,233,.12),0 7px 17px rgba(60,45,145,.14) !important; }
.ehfvg-thumb img {
  display:block !important; width:100% !important; height:auto !important;
  aspect-ratio:16 / 9 !important; object-fit:cover !important;
  max-width:none !important; margin:0 !important; border:0 !important;
}
.ehfvg-thumb span {
  display:block !important; padding:8px 7px 0 !important; color:var(--ehfvg-ink) !important;
  font-size:14px !important; line-height:1.25 !important; font-weight:750 !important;
  white-space:normal !important; overflow-wrap:anywhere !important;
}
.ehfvg-dots { display:flex !important; justify-content:center !important; gap:8px !important; margin:8px auto 0 !important; }
.ehfvg-dot { display:block !important; width:8px !important;height:8px !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:#c8c9d9 !important;cursor:pointer !important; }
.ehfvg-dot.is-active { width:23px !important;border-radius:8px !important;background:linear-gradient(90deg,#7416e8,#1768db) !important; }
.ehfvg.is-single .ehfvg-carousel, .ehfvg.is-single .ehfvg-dots { display:none !important; }
.ehfvg.is-single .ehfvg-stage { grid-template-columns:0 minmax(0,1fr) 0 !important; }
.ehfvg.is-single .ehfvg-arrow { display:none !important; }
.ehfvg-admin-note { padding:12px 16px;background:#f2f7ff;border-left:4px solid #1768db; }
@media(max-width:800px) {
  .ehfvg { padding:10px 8px 14px !important; border-radius:16px !important; }
  .ehfvg-stage { grid-template-columns:30px minmax(0,1fr) 30px !important; gap:6px !important; }
  .ehfvg-arrow { width:30px !important;height:30px !important;font-size:27px !important; }
  .ehfvg-player { border-width:4px !important;border-radius:15px !important; }
  .ehfvg-play { width:58px !important;height:42px !important;border-radius:11px !important; }
  .ehfvg-play span { border-top-width:9px !important;border-bottom-width:9px !important;border-left-width:14px !important; }
  .ehfvg-current-title { left:12px !important;right:12px !important;bottom:9px !important;font-size:13px !important; }
  .ehfvg-carousel { grid-template-columns:27px minmax(0,1fr) 27px !important; gap:5px !important;margin-top:14px !important; }
  .ehfvg-small-arrow { width:27px !important;height:27px !important;font-size:22px !important; }
  .ehfvg-track { grid-auto-columns:calc((100% - 10px)/2) !important;gap:10px !important; }
  .ehfvg-thumb span { font-size:12px !important; }
}