/* Dusty rose sticky banner */
#promo-banner {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #D4A2A2; /* dusty rose */
color: #000; /* black text */
z-index: 9999;
box-shadow: 0 2px 6px rgba(0,0,0,0.12);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
line-height: 1;
}
/* container to give comfortable height and overflow hidden for the marquee */
#promo-banner .wrap {
max-width: 100%;
overflow: hidden;
padding: 8px 48px 8px 12px; /* leave room for close button on the right */
display: flex;
align-items: center;
gap: 12px;
}
/* marquee area */
#promo-banner .marquee {
display: inline-block;
white-space: nowrap;
will-change: transform;
animation: marquee 18s linear infinite;
font-weight: 600;
font-size: 16px;
}
/* duplicate the text so the scroll is seamless */
#promo-banner .marquee span {
padding-right: 4rem; /* space between repeats */
}
@keyframes marquee {
0% { transform: translateX(0%); }
100% { transform: translateX(-50%); } /* -50% because we duplicate content */
}
/* Pause animation on hover (and when focused) */
#promo-banner .marquee:hover,
#promo-banner .marquee:focus {
animation-play-state: paused;
cursor: pointer;
}
/* Close button */
#promo-banner .close-btn {
position: absolute;
right: 8px;
top: 6px;
background: transparent;
border: none;
color: #000;
font-size: 18px;
padding: 6px;
cursor: pointer;
line-height: 1;
}
#promo-banner .close-btn:focus {
outline: 2px solid rgba(0,0,0,0.2);
border-radius: 4px;
}
/* push page content down so banner doesn't cover it (only if you can inject page CSS) */
body.has-promo-banner {
margin-top: 44px; /* adjust if you change banner height */
}
/* Small screens adjustments */
@media (max-width: 480px) {
#promo-banner .wrap { padding-right: 40px; }
#promo-banner .marquee { font-size: 14px; animation-duration: 14s; }
body.has-promo-banner { margin-top: 48px; }
}
Izmanto kodu BRIVDIENAS un saņem 20% atlaidi visām precēm, izņemot bērnistabas mēbelēm.Izmanto kodu BRIVDIENAS un saņem 20% atlaidi visām precēm, izņemot bērnistabas mēbelēm.
