/* AOVS slider core styles */
.aovs-slider-wrapper{width:100%;overflow:hidden;position:relative;margin:0;padding:0;}
/* Hover: pause */
.aovs-slider-wrapper:hover .aovs-marquee-inner{animation-play-state:paused!important;}

.aovs-nav{
  all:unset;position:absolute;top:50%;transform:translateY(-50%);
  z-index:10;width:var(--arrow-size);height:var(--arrow-size);
  border-radius:50%!important;background:#fff!important;color:#111!important;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.28);cursor:pointer;
  transition:transform .18s ease,opacity .18s ease;opacity:.98;pointer-events:auto;
  user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.aovs-nav::before{content:"";width:24px;height:24px;display:block;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z"/></svg>') center/contain no-repeat;background:#111}
.aovs-next::before{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z"/></svg>') center/contain no-repeat}
.aovs-prev{left:14px}.aovs-next{right:14px}
.aovs-nav:hover,.aovs-nav:focus,.aovs-nav:active{background:#fff!important;color:#111!important;transform:translateY(-50%) scale(1.04);outline:none;box-shadow:0 3px 10px rgba(0,0,0,.32)}
@media (max-width:767px){.aovs-nav{width:var(--arrow-size-sm);height:var(--arrow-size-sm)}.aovs-prev{left:8px}.aovs-next{right:8px}}

.aovs-marquee{--track-w:0px;--duration:40s;--gap:12px;--slide-w:640px;--ratio:16/9;--glide-ms:650ms}
.aovs-marquee .aovs-marquee-inner{display:flex;will-change:transform;animation:aovs-scroll var(--duration) linear infinite}
.aovs-marquee.aovs-dir-right .aovs-marquee-inner{animation-name:aovs-scroll-right}
.aovs-marquee-inner.aovs-manual{animation:none!important}

.aovs-track{display:flex;flex-wrap:nowrap;gap:var(--gap)}
.aovs-slide{flex:0 0 auto;width:var(--slide-w)}

/* Cards */
.aovs-video-item{display:block;color:#fff;text-decoration:none}
.aovs-thumb{position:relative;width:100%;overflow:hidden;border-radius:8px;background:#111;aspect-ratio:var(--ratio)}
.aovs-marquee[style*="--slide-h"] .aovs-thumb{height:var(--slide-h);aspect-ratio:auto}
.aovs-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.aovs-thumb-fallback{width:100%;aspect-ratio:var(--ratio);display:flex;align-items:center;justify-content:center;background:#222;color:#ddd;border-radius:8px;padding:12px;text-align:center}
/* Play button – SVG icon; iOS-safe centering */
.aovs-play-btn{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;
  background:rgba(255,255,255,0.92);display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 10px rgba(0,0,0,.3);pointer-events:none;z-index:5;font-size:0;line-height:0}
.aovs-play-btn::before{content:"";width:24px;height:24px;display:block;background:#000;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M8 5v14l11-7z"/></svg>') center/contain no-repeat}
@media (max-width:767px){.aovs-play-btn{width:56px;height:56px}.aovs-play-btn::before{width:18px;height:18px}}

.aovs-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:6px 4px 0;font-size:16px;font-weight:500;color:#fff}
.aovs-year{opacity:.8;font-size:14px}

/* Mobile: make slides/text slightly smaller */
@media (max-width:767px){
  .aovs-slide{width:85vw}
  .aovs-meta{font-size:14px;padding:4px 2px 0;gap:8px}
  .aovs-year{font-size:12px}
}

@keyframes aovs-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-1*var(--track-w)))}}
@keyframes aovs-scroll-right{from{transform:translateX(calc(-1*var(--track-w)))}to{transform:translateX(0)}}