.sponsored-area {
  max-width: 1200px;
  margin: 56px auto 32px;
  padding: 24px;
  border: 1px solid var(--line, rgba(255,255,255,.1));
  border-radius: 24px;
  background: rgba(255,255,255,.025);
  text-align: center;
}
.sponsored-bar {
  position: fixed;
  inset: auto 0 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 72px;
  padding: 8px 16px max(8px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--line, rgba(255,255,255,.1));
  background: rgba(5, 12, 8, .96);
  box-shadow: 0 -10px 28px rgba(0,0,0,.2);
}
.sponsored-bar__label {
  color: var(--muted, #a8b0ad);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.has-sponsored-bar { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
body.has-sponsored-bar .whatsapp-float { bottom: 96px !important; }
.sponsored-area__label {
  display: block;
  margin-bottom: 18px;
  color: var(--muted, #a8b0ad);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.sponsored-area__placement { overflow: hidden; flex: none; }
.sponsored-area__placement--wide { width: 320px; max-width: 100%; min-height: 50px; }
.sponsored-area__tall-grid { display: flex; align-items: flex-start; justify-content: center; gap: 24px; }
.sponsored-area__placement--tall { width: 160px; min-height: 300px; }
.sponsored-area__placement--skyscraper { width: 160px; min-height: 600px; }
@media (max-width: 600px) {
  .sponsored-bar { min-height: 76px; padding-inline: 0; }
  .sponsored-bar__label { display: none; }
  body.has-sponsored-bar { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  body.has-sponsored-bar .whatsapp-float { bottom: 96px !important; }
}