/* Canonical stylesheet. Cascade order and responsive fallbacks preserved. */
.ost-ad-title--mobile { display: none; }
.ost-direct-image-ad, .ost-direct-image-ad>.ost-ad-picture { display: block; width: 100%; height: 100%; }
.ost-direct-image-ad .ost-ad-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.ost-top-event__link>.ost-ad-picture { display: block; width: 100%; height: 100%; }
.ost-top-event__link>.ost-ad-picture>.ost-ad-image { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width:700px) {
  .ost-marketing-grid .ost-top-event__link>.ost-ad-picture { position: absolute; inset: 0; display: block !important; width: 100%; height: 100%; }
  .ost-marketing-grid .ost-top-event__link>.ost-ad-picture>.ost-ad-image { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover; }
  .ost-marketing-grid .ost-ad-title--standard { display: none; }
  .ost-marketing-grid .ost-ad-title--mobile { display: inline; }
  .ost-marketing-grid .ost-top-event, .ost-single .ost-marketing-grid .ost-top-event { position: relative; height: var(--ost-ad-mobile-height,72px) !important; min-height: 0 !important; max-height: none; aspect-ratio: auto; overflow: hidden; border-radius: 12px; }
  .ost-marketing-grid .ost-top-event__link, .ost-single .ost-marketing-grid .ost-top-event__link { position: relative; display: block; width: 100%; height: 100% !important; min-height: 0 !important; max-height: none; aspect-ratio: auto; background: #173327; }
  .ost-marketing-grid .ost-top-event .ost-top-event__link>img, .ost-single .ost-marketing-grid .ost-top-event .ost-top-event__link>img { position: absolute; inset: 0; display: block !important; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }
  .ost-marketing-grid .ost-top-event .ost-top-event__overlay, .ost-single .ost-marketing-grid .ost-top-event .ost-top-event__overlay { position: relative; inset: auto; display: flex !important; width: 100%; height: 100% !important; min-height: 0 !important; padding: 22px 14px 10px !important; align-items: center; gap: 10px; color: #fff; background: linear-gradient(90deg,rgba(0,0,0,var(--ost-ad-mobile-shade,.45)),rgba(0,0,0,.18))); box-sizing: border-box; }
  .ost-marketing-grid .ost-top-event .ost-top-event__overlay strong, .ost-single .ost-marketing-grid .ost-top-event .ost-top-event__overlay strong { flex: 1; min-width: 0; display: block; overflow: hidden; color: #fff !important; font-family: var(--ost-font-body); font-size: clamp(14px,4.4vw,var(--ost-ad-mobile-font,20px)) !important; font-weight: 700; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; text-shadow: 0 1px 3px rgba(0,0,0,.6); }
  .ost-marketing-grid .ost-top-event .ost-top-event__label, .ost-marketing-grid .ost-top-event .ost-top-event__cta { display: none !important; }
  .ost-marketing-grid .ost-top-event .ost-top-event__overlay::after { content: "↗" !important; display: flex !important; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; color: #fff !important; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.7); border-radius: 50%; font-size: 24px !important; font-weight: 400; line-height: 1; opacity: 1 !important; visibility: visible !important; }
  .ost-marketing-grid .ost-top-event>.ost-top-event__link>.ost-ad-label, .ost-single .ost-marketing-grid .ost-top-event>.ost-top-event__link>.ost-ad-label { position: absolute; z-index: 3; top: 6px; right: 10px; left: auto; padding: 3px 7px; color: #33413a; background: rgba(255,255,255,.9); border-radius: 999px; font-size: 7px; line-height: 1.4; }
}