/* SilverMoose: recensioner.html, the Nevatag partner page on the branch template (6 Nov 2026). Uses nevatag.css too. */
.nv-hero .nv-badge{margin-bottom:18px}
.nv-products{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:clamp(24px,4vw,48px);align-items:start}
.nv-film.nv-film-45 video{aspect-ratio:4/5}
.nv-cards{display:grid;gap:16px;align-content:start}
.nv-cards .card h3{margin-top:0}
.nv-price{margin:12px 0 0;font-size:22px;font-weight:700;color:var(--ink)}
.nv-price small{margin-left:8px;font-size:14px;font-weight:400;color:var(--muted)}
.nv-also{margin-top:18px;color:var(--muted)}
@media(max-width:760px){.nv-products{grid-template-columns:1fr}.nv-products .nv-film{max-width:340px;width:100%}}
/* 6 Nov, later (Jordy: "make it glow"): the main Nevatag button and the two stand cards keep the site's own hover glow
   (glow.js adds the .sm-glow layer) running all the time; the cards are links to Nevatag's product pages. */
.nv-always>.sm-glow::before{opacity:1;animation-play-state:running}
.nv-always>.sm-glow::after{opacity:1;animation:sm-breathe 2.4s ease-in-out infinite}
.nv-product.nv-always>.sm-glow::after{animation:nv-card-breathe 3.2s ease-in-out infinite}
@media(hover:hover){.nv-product.nv-always:hover>.sm-glow::after{animation:sm-breathe 2.4s ease-in-out infinite}}
@keyframes nv-card-breathe{0%,100%{opacity:.25}50%{opacity:.6}}
a.nv-product{display:block;color:inherit;text-decoration:none;transition:transform .3s ease}
a.nv-product:hover,a.nv-product:focus-visible{transform:translateY(-2px)}
.nv-go{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;color:var(--lime)}
@media(prefers-reduced-motion:reduce){a.nv-product{transition:none}a.nv-product:hover,a.nv-product:focus-visible{transform:none}.nv-always>.sm-glow::after{opacity:.8}.nv-product.nv-always>.sm-glow::after{opacity:.45}}