/* ======================= FULL PREMIUM PROMO COUNTDOWN ======================= */
.st-premium-promo-final {
background: linear-gradient(135deg, #fdf9fc 0%, #fffbfe 100%);
border-radius: 24px;
padding: 60px 40px;
text-align: center;
box-shadow: 0 20px 60px rgba(0,0,0,0.08);
margin: 50px auto;
max-width: 1100px;
border: 1px solid rgba(255,255,255,0.6);
position: relative;
overflow: hidden;
}
.st-premium-promo-final::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #d977a9, #c5697e, #d977a9);
background-size: 200% 100%;
animation: shimmer 3s infinite;
}
@keyframes shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.st-premium-title {
font-size: 36px;
font-weight: 700;
color: #2d1b3a;
margin-bottom: 12px;
letter-spacing: -0.02em;
}
.st-premium-subtitle {
font-size: 18px;
color: #6b5e7a;
margin-bottom: 25px;
font-weight: 400;
}
.st-premium-grid {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.st-premium-grid {
grid-template-columns: repeat(2, 1fr);
margin-bottom: 35px;
}
}
.st-premium-card {
background: rgba(255,255,255,0.85);
border-radius: 20px;
padding: 35px 28px;
border: 1px solid rgba(233, 219, 232, 0.8);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
backdrop-filter: blur(10px);
}
.st-premium-card:hover {
transform: translateY(-8px);
box-shadow: 0 25px 50px rgba(0,0,0,0.12);
border-color: rgba(217, 119, 169, 0.4);
}
.st-price-badge {
display: inline-block;
background: rgba(217, 119, 169, 0.12);
color: #c5697e;
padding: 10px 20px 8px;
border-radius: 12px;
font-weight: 700;
font-size: 16px;
margin-bottom: 20px;
border: 2px solid rgba(217, 119, 169, 0.2);
letter-spacing: 0.03em;
text-transform: uppercase;
}
.st-card-title {
font-size: 22px;
font-weight: 700;
color: #2d1b3a;
margin: 0 0 12px;
line-height: 1.3;
}
.st-card-desc {
font-size: 16px;
color: #6b5e7a;
font-weight: 500;
line-height: 1.6;
margin-bottom: 0;
}
/* TIMER + CTA SECTION */
.st-timer-cta-section {
background: rgba(255,255,255,0.9);
border-radius: 20px;
padding: 30px 32px;
margin: 0 auto 20px;
max-width: 500px;
border: 2px solid rgba(217,119,169,0.25);
box-shadow: 0 15px 40px rgba(0,0,0,0.08);
backdrop-filter: blur(15px);
}
.st-countdown-header {
font-size: 13px;
color: #c5697e;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 16px;
font-weight: 700;
}
.st-countdown-numbers {
font-size: 36px;
font-weight: 900;
color: #2d1b3a;
letter-spacing: -0.04em;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;
line-height: 1.1;
}
.st-premium-cta {
background: linear-gradient(135deg, #d977a9 0%, #c5697e 100%);
color: white;
padding: 20px 60px;
border-radius: 50px;
font-weight: 800;
font-size: 18px;
text-decoration: none;
display: block;
margin-top: 20px;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 0 15px 40px rgba(217,119,169,0.45);
letter-spacing: 0.04em;
text-transform: uppercase;
}
.st-premium-cta:hover {
transform: translateY(-5px);
box-shadow: 0 25px 50px rgba(217,119,169,0.55);
color: white;
text-decoration: none;
}
@media (max-width: 480px) {
.st-premium-promo-final {
padding: 40px 24px;
}
.st-premium-title {
font-size: 28px;
}
}
/* LIVE COUNTDOWN – 28 Φεβρουαρίου 2026 23:59 EET */
(function() {
const endDate = new Date(‘2026-02-28T23:59:59+02:00’).getTime();
const displayEl = document.getElementById(‘countdown-master’);
function updateTimer() {
const now = new Date().getTime();
const distance = endDate – now;
if (distance < 0) {
displayEl.innerHTML = '
Λήξη Προσφοράς!‘;
return;
}
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
displayEl.textContent = `${days} ημερ. ${hours} ώρ. ${minutes} λεπ. ${seconds} δευτ.`;
}
updateTimer();
setInterval(updateTimer, 1000);
})();
