Festive Sale!

About

Golden Countdown Timer /* Base styles to use the Poppins font */ .countdown-banner, .countdown-timer, .countdown-box { font-family: 'Poppins', sans-serif; } /* Main container - Centered with mobile-first width */ .countdown-banner { background: #0F4440; /* Dark, premium background */ width: 95%; /* Default width for mobile */ margin: 20px auto; /* Center the banner with some vertical margin */ padding: 0; /* Removed padding */ text-align: center; box-sizing: border-box; /* Ensures padding is included in the width */ border-radius: 0px; /* Added rounded corners for a modern look */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */ } /* Timer container - A single flex row */ .countdown-timer { display: flex; width: 100%; border-top: 1px solid #333; /* A subtle line for separation */ border-bottom: 1px solid #333; } /* Individual timer boxes */ .countdown-box { flex: 1; /* Each box takes up an equal amount of space */ padding: 20px 10px; /* Reduced vertical padding */ text-align: center; position: relative; border-right: 1px solid #333; /* Vertical separator lines */ } .countdown-box:last-child { border-right: none; /* Removes the border from the last box */ } /* The large numbers */ .countdown-number { font-size: 36px; /* Scaled down */ font-weight: 600; /* Create a metallic gold gradient for the text */ background: linear-gradient(145deg, #FDEEBE 0%, #D5A13B 50%, #A97E24 100%); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1.1; } /* The labels (Days, Hours, etc.) */ .countdown-label { font-size: 11px; /* Scaled down */ font-weight: 300; /* Use the same metallic gradient for the text */ background: linear-gradient(145deg, #FDEEBE 0%, #D5A13B 50%, #A97E24 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-transform: uppercase; margin-top: 5px; letter-spacing: 2px; } /* Promo code text */ .promo-code-container { position: relative; display: inline-block; } .promo-code { f