:root{
  --ad-text:#111827; --ad-muted:#6b7280; --ad-border:#e5e7eb; --ad-bg:#ffffff;
  --ad-primary:#0A7FF5; --ad-primary-600:#086bd1;
}
.ad-badge{position:absolute; top:10px; left:10px; background:#111827; color:#fff; padding:.25rem .5rem; border-radius:999px; font-size:.75rem; opacity:.9}
.ad-hero .ad-hero__card{display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:center; text-decoration:none; border:1px solid var(--ad-border); border-radius:20px; padding:16px; background:var(--ad-bg); overflow:hidden}
.ad-hero__img{position:relative; aspect-ratio:16/9; background:#f8fafc; border-radius:16px; overflow:hidden}
.ad-hero__img img{width:100%; height:100%; object-fit:cover}
.ad-hero__content h2{margin:0 0 8px; color:var(--ad-text); font-size:1.5rem; font-weight:800}
.ad-hero__content p{margin:0 0 10px; color:var(--ad-muted)}
.ad-hero__content .ad-cta{display:inline-block; background:var(--ad-primary); color:#fff; padding:.5rem .9rem; border-radius:12px; font-weight:700}
.ad-hero__content .ad-cta:hover{background:var(--ad-primary-600)}
.ad-card{display:block; text-decoration:none; color:inherit; border:1px solid var(--ad-border); border-radius:16px; overflow:hidden; background:#fff}
.ad-card__img{position:relative; aspect-ratio:4/3; background:#f8fafc}
.ad-card__img img{width:100%; height:100%; object-fit:cover}
.ad-card__body{padding:12px}
.ad-card__body h3{margin:0 0 6px; font-weight:700; color:var(--ad-text); font-size:1.1rem}
.ad-card__body p{margin:0; color:var(--ad-muted); font-size:.95rem}
@media (max-width:991.98px){.ad-hero .ad-hero__card{grid-template-columns:1fr}}