/* NexoTV extra styles — accessibility guide + brand accent */
.promo-head h2 span b{color:var(--gold)}

/* Nav & promo logo — NexoTV icon optimized for dark UI */
.nav-logo img.nav-logo-img,
.nav-logo img{
  width:36px;
  height:36px;
  border-radius:10px;
  object-fit:contain;
  object-position:center;
  flex-shrink:0;
  padding:1px;
  background:linear-gradient(145deg,rgba(255,153,51,.12),rgba(45,85,255,.1));
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 4px 16px rgba(45,85,255,.22);
}
.promo-head img.promo-logo-img,
.promo-head img[data-image="brand.logoImage"]{
  width:58px;
  height:58px;
  object-fit:contain;
  border-radius:16px;
  padding:4px;
  background:linear-gradient(145deg,rgba(255,153,51,.14),rgba(45,85,255,.12));
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 12px 30px rgba(45,85,255,.28);
}
.access-section{margin:24px 16px;padding:20px 16px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 16px 40px rgba(0,0,0,.25)}
.access-section h2{font-size:18px;font-weight:900;color:#fff;margin-bottom:8px;text-align:center}
.access-section>p{font-size:13px;color:var(--dim);text-align:center;margin-bottom:18px;line-height:1.5}
.access-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.access-step{text-align:center}
.access-step-num{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;font-size:13px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}
.access-step img{width:100%;max-width:180px;height:auto;object-fit:contain;border-radius:14px;border:1px solid var(--border);margin:0 auto;background:rgba(255,255,255,.04)}
.access-step p{font-size:12px;color:var(--dim);margin-top:10px;line-height:1.4;font-weight:600}
@media(max-width:480px){.access-steps{grid-template-columns:1fr}}