/* Oleyn DH — site-wide same-day promo bar (v1.4.12, dynamic). Tiny standalone sheet so the full checkout stylesheet isn't loaded on every page. Injected by JS at the top of ; pushes content down (not fixed) so it never covers a sticky theme header. Brand maroon when live, deeper maroon when a teaser. */ .oleyn-dh-promobar { position: relative; width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 44px 10px 16px; background: linear-gradient(135deg, #8c1d45 0%, #b3315f 100%); color: #fff; font-size: 14px; line-height: 1.4; z-index: 99990; } .oleyn-dh-promobar.is-teaser { background: #6e1536; } .oleyn-dh-promobar__in { display: inline-block; max-width: 1100px; text-align: center; } .oleyn-dh-promobar__in strong { font-weight: 800; color: #ffe2ee; } .oleyn-dh-promobar__in a { color: #fff; text-decoration: underline; } .oleyn-dh-promobar__close { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.16); color: #fff; border: 0; border-radius: 50%; font-size: 20px; line-height: 1; cursor: pointer; padding: 0; transition: background 0.15s ease; } .oleyn-dh-promobar__close:hover { background: rgba(255, 255, 255, 0.30); } @media (max-width: 600px) { .oleyn-dh-promobar { font-size: 13px; padding: 9px 40px 9px 12px; } }