/* SURE VIBE ad slider - the whole picture is always shown (no cropping, nothing on top of it) */
.sv-ads { width: 100%; max-width: 1200px; margin: 0 auto; }
.sv-ads__track { position: relative; width: 100%; aspect-ratio: var(--sv-ratio, 3 / 1); border-radius: 10px; overflow: hidden; background: #0b0b0d; }
.sv-ads__slide { position: absolute; inset: 0; display: block; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; }
.sv-ads__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.sv-ads__slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
.sv-ads__meta { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 20px; padding-top: 5px; }
.sv-ads__dots { display: flex; justify-content: center; gap: 6px; }
.sv-ads__dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.28); }
.sv-ads__dot.is-active { background: #fff; }
.sv-ads__label { justify-self: end; padding: 1px 6px; border: 1px solid rgba(255,255,255,.3); border-radius: 4px; color: rgba(255,255,255,.6); font: 600 10px/1.5 system-ui, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.sv-ads-wrap { padding: 14px 0 4px; }
.sv-ads--success_page { max-width: 100%; }
@media (prefers-reduced-motion: reduce) { .sv-ads__slide { transition: none; } }