/* Before the script runs, show only the first version / default case (no blank gaps, works without JS). */
.ol-test > .ol-var { display: none; }
.ol-test:not(.ol-ready) > .ol-var[data-ol-first],
.ol-test.ol-ready > .ol-var.ol-on { display: block; }
.ol-geo > .ol-geo-case { display: none; }
.ol-geo:not(.ol-ready) > .ol-geo-case[data-ol-default],
.ol-geo.ol-ready > .ol-geo-case.ol-on { display: block; }

/* Offer boxes used inside articles */
.ol-box { border: 1px solid rgba(0,0,0,.12); border-left: 4px solid #c8102e; border-radius: 8px; padding: 18px 20px; margin: 28px 0; background: rgba(200,16,46,.04); }
.ol-box h4 { margin: 0 0 6px; font-size: 1.1em; }
.ol-box p { margin: 0 0 12px; }
.ol-box .ol-btn, .ol-cta .ol-btn { display: inline-block; padding: 12px 22px; border-radius: 6px; background: #c8102e; color: #fff !important; font-weight: 700; text-decoration: none; }
.ol-box .ol-btn:hover, .ol-cta .ol-btn:hover { filter: brightness(1.08); }
.ol-cta { text-align: center; border-radius: 10px; padding: 28px 22px; margin: 36px 0; background: #111; color: #fff; }
.ol-cta h3 { color: #fff; margin: 0 0 8px; }
.ol-cta p { margin: 0 0 16px; opacity: .9; }
.ol-small { font-size: .85em; opacity: .75; }