: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; } */ Get The Latest Tion Coupons For January 2026. Save Up To On .

🔒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.

Tion Coupons & Promo Codes

© 2026 Savdeal.com | Verified Coupons & Exclusive Deals. All offers are reviewed and updated regularly by the SavDeal Editorial Team. All Rights Reserved.