/* Additions for the database-driven version (loaded after style.css) */
.flag .tag{background:#eef0ff;background:color-mix(in srgb,var(--acc) 12%,#fff);color:var(--acc)}
.flag::after{background:var(--acc)}
.flag .checks li::before{background:var(--acc)}
.btn-acc{background:var(--acc);color:#fff;box-shadow:0 8px 22px rgba(10,25,48,.22)}
.btn-acc:hover{transform:translateY(-2px);filter:brightness(.92)}
.flag .flag-media{order:0}
.flag.rev .flag-media{order:-1}
@media (max-width:1024px){.flag.rev .flag-media{order:0}}
.prod-logo{display:block;margin-bottom:10px}
.prod-logo img{max-height:170px;width:auto;max-width:100%;object-fit:contain}
.prod-panel{border-radius:20px;padding:34px;display:grid;place-items:center;min-height:340px;background:linear-gradient(145deg,var(--acc),#0a1930);box-shadow:var(--shadow-lg)}
.prod-panel .lc{background:#fff;border-radius:18px;padding:18px;max-width:100%}
.prod-panel .lc img{max-height:280px;width:auto;max-width:100%;object-fit:contain}
.prod-panel b{font-family:'Outfit';font-size:2rem;color:#fff}
.hv-card p{font-size:.78rem;line-height:1.4;margin:0}
.hv-et p{color:#5b6b82}
.logos a{display:grid;place-items:center;width:100%;height:100%}
.logos span{font-weight:700;color:#5b6b82;text-align:center;font-size:.85rem}
#fmsg.err{color:#b91c1c}
/* tall posters / screenshots stay within a sensible height */
.screen img{max-height:560px;width:100%;object-fit:contain;background:#fff}
.screen{background:#fff}