:root{
--bg: #000000;
--text: #ffffff;
--accent: #ff6b6b;
--height: 56px;
--marquee-duration: 14s; /* adjust speed */
}
li.store-thumb {
color: black !important;
}
/* html,body{
height:100%;
margin:0;
font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
background:var(--bg);
color:var(--text);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
} */
/* Top alert wrapper (fixed) */
.top-alert {
/* position:fixed; */
inset:0 auto auto 0; /* top:0; left:0; right:0; */
width:100%;
height:8%;
background:var(--bg);
color:var(--text);
z-index:9999;
display:flex;
align-items:center;
border-bottom:1px solid rgba(255,255,255,0.06);
box-shadow:0 6px 18px rgba(0,0,0,0.6);
padding:0 12px;
}
.alert-inner {
display:flex;
align-items:center;
gap:12px;
width:100%;
max-width:1200px;
margin:0 auto;
}
/* icon / label */
.alert-badge {
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border-radius:8px;
background:rgba(255,255,255,0.04);
color:var(--text);
font-weight:700;
font-size:18px;
}
/* marquee area (visually clipped) */
.marquee-viewport{
position:relative;
overflow:hidden;
flex:1 1 auto;
min-width:0; /* important for text-overflow in flex */
height:100%;
display:flex;
align-items:center;
}
/* actual moving track */
.marquee-track{
display:inline-block;
white-space:nowrap;
will-change:transform;
/* animation: move-left linear infinite; */
animation: marquee var(--marquee-duration) linear infinite;
font-weight:700;
font-size:17px;
letter-spacing:0.2px;
color:red;
padding-right:20px;
}
/* duplicate the text to make smooth loop when short */
.marquee-track .segment{
display:inline-block;
padding-right:48px;
}
@keyframes marquee {
0% { transform: translateX(0%); }
100% { transform: translateX(-50%); } /* shift enough to loop smoothly */
}
/* Pause animation on hover/focus for accessibility */
.marquee-viewport:focus-within .marquee-track,
.marquee-viewport:hover .marquee-track {
animation-play-state:paused;
}
/* Close button */
.alert-close{
flex:0 0 auto;
background:transparent;
border:1px solid rgba(255,255,255,0.06);
color:var(--text);
padding:8px 10px;
border-radius:8px;
cursor:pointer;
font-weight:700;
font-size:14px;
}
.alert-close:active{ transform:translateY(1px); }
/* tiny accessible sr-only */
.sr-only{
position:absolute !important;
width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
/* page content demo */
main{
padding:96px 20px 40px;
max-width:1100px;
margin:0 auto;
color:var(--text);
}
h1{margin:0 0 12px;font-size:28px}
p{margin:0 0 10px;color:rgba(255,255,255,0.85)}
.page-header .header-content {
margin-top: 30px !important;
}
/* .bp-star-ratings.top-left, .bp-star-ratings.top-right {
margin-top: -50px !important;
} */
Evolution Slimming Promo Code – Verified Discount Deals Now!
🔒Payments are processed only by official stores & merchants. Savdeal.com does not handle or receive any payments.
🔒Payments are processed only by official stores & merchants. Savdeal.com does not handle or receive any payments.
🔒Payments are processed only by official stores & merchants. Savdeal.com does not handle or receive any payments.