/* Minimal additive CSS to avoid breaking the site's existing design */
:root{--brand:#0a2540;--light:#f5f7fb;--text:#1b1f23}
.topbar-vdf{background:var(--brand);color:#fff;font-size:14px;padding:8px 16px;text-align:center}
.vdf-header{position:sticky;top:0;background:#fff;z-index:999}
.vdf-nav{display:flex;gap:16px;align-items:center;justify-content:center;padding:10px 12px;border-bottom:1px solid #e6e8ee;flex-wrap:wrap}
.vdf-nav a{color:var(--text);text-decoration:none;font-weight:600;padding:6px 10px;border-radius:999px}
.vdf-nav a:hover{background:var(--light)}
.vdf-lang{position:relative}
.vdf-lang summary{list-style:none;cursor:pointer;font-weight:600;padding:6px 10px;border-radius:999px}
.vdf-lang details[open] summary,.vdf-lang summary:hover{background:var(--light)}
.vdf-lang .menu{position:absolute;top:42px;right:0;background:#fff;border:1px solid #e6e8ee;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);min-width:220px;padding:8px}
.vdf-lang .menu a{display:block;padding:8px 10px;border-radius:8px}
.vdf-lang .menu a:hover{background:var(--light)}
/* Reviews reel */
.vdf-reviews{margin:16px 0}
.vdf-reel{display:flex;gap:16px;overflow:hidden;mask-image:linear-gradient(to right, transparent, black 5%, black 95%, transparent)}
.vdf-card{min-width:320px;flex:0 0 320px;border:1px solid #e6e8ee;border-radius:16px;padding:14px;background:#fff}
.vdf-score{font-weight:800;border-radius:999px;padding:2px 8px;background:var(--light)}
.vdf-meta{font-size:12px;color:#596273;margin-bottom:4px}
@keyframes vdfscroll {0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.vdf-reel-inner{display:flex;gap:16px;animation:vdfscroll 35s linear infinite}
@media (max-width:640px){.vdf-card{min-width:280px;flex-basis:280px}}