{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @media (max-width: 639px) { .global-style-65t5c0pSC { border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2; } } @media (max-width: 767px) and (min-width: 640px) { .global-style-65t5c0pSC { border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2; } } @media (max-width: 991px) and (min-width: 768px) { .global-style-65t5c0pSC { border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2; } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-65t5c0pSC { border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2; } } @media (min-width: 1200px) { .global-style-65t5c0pSC { border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2; } } @media (max-width: 639px) { .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] { background-color: rgb(255, 204, 36); } } @media (max-width: 767px) and (min-width: 640px) { .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] { background-color: rgb(255, 204, 36); } } @media (max-width: 991px) and (min-width: 768px) { .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] { background-color: rgb(255, 204, 36); } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] { background-color: rgb(255, 204, 36); } } @media (min-width: 1200px) { .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] { background-color: rgb(255, 204, 36); } } .gp-component-id-QKgxsR3WM.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;background-color: rgb(239, 83, 80); } @media (max-width: 639px) { .gp-component-id-QKgxsR3WM.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-QKgxsR3WM.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-QKgxsR3WM.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-QKgxsR3WM.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (min-width: 1200px) { .gp-component-id-QKgxsR3WM.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 639px) { .gp-component-id-QKgxsR3WM[data-gp-component] { border-bottom-width: 1px;position: relative;z-index: 10; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-QKgxsR3WM[data-gp-component] { border-bottom-width: 1px;position: relative;z-index: 10; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-QKgxsR3WM[data-gp-component] { border-bottom-width: 1px;position: relative;z-index: 10; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-QKgxsR3WM[data-gp-component] { border-bottom-width: 1px;position: relative;z-index: 10; } } @media (min-width: 1200px) { .gp-component-id-QKgxsR3WM[data-gp-component] { border-bottom-width: 1px;position: relative;z-index: 10; } } @media (max-width: 639px) { [data-gp-text] .gp-component-id-aXGpq_2UDSX { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-aXGpq_2UDSX { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-aXGpq_2UDSX { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-aXGpq_2UDSX { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-aXGpq_2UDSX { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 639px) { [data-gp-text] .gp-component-id-hisiILHg3zh { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-hisiILHg3zh { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-hisiILHg3zh { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-hisiILHg3zh { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-hisiILHg3zh { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 639px) { [data-gp-text] .gp-component-id-KtRRo4BpiR { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-KtRRo4BpiR { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-KtRRo4BpiR { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-KtRRo4BpiR { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-KtRRo4BpiR { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 639px) { [data-gp-text] .gp-component-id-lPl4ee005Y { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-lPl4ee005Y { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-lPl4ee005Y { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-lPl4ee005Y { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-lPl4ee005Y { font-size: 16px;font-weight: 700;color: rgba(0, 0, 0, 1);text-align: center;font-family: Roboto, sans-serif; } } @media (max-width: 639px) { .gp-component-id-UTmAO26vJz8 { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-UTmAO26vJz8 { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-UTmAO26vJz8 { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-UTmAO26vJz8 { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (min-width: 1200px) { .gp-component-id-UTmAO26vJz8 { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 639px) { .gp-component-id-Mv0zt2v264t { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Mv0zt2v264t { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Mv0zt2v264t { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Mv0zt2v264t { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (min-width: 1200px) { .gp-component-id-Mv0zt2v264t { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 639px) { .gp-component-id-98GoAalR0g { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-left: 0px;margin-right: 0px;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-98GoAalR0g { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-left: 0px;margin-right: 0px;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-98GoAalR0g { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-left: 0px;margin-right: 0px;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-98GoAalR0g { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-left: 0px;margin-right: 0px;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (min-width: 1200px) { .gp-component-id-98GoAalR0g { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-left: 0px;margin-right: 0px;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 639px) { .gp-component-id-dHx9q_DxwH { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-dHx9q_DxwH { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-dHx9q_DxwH { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-dHx9q_DxwH { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } @media (min-width: 1200px) { .gp-component-id-dHx9q_DxwH { font-size: 36px;font-weight: 700;color: rgba(0, 0, 0, 1);font-family: Roboto, sans-serif;margin-bottom: 4px;justify-content: center;align-items: center;display: flex; } } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } #promo-extend{ --bg1:#0b1220; --bg2:#121826; --card:#ffffff; --ink:#0b1220; --muted:#6b7280; --error:#ef4444; max-width:1100px; margin:28px auto; padding:0 16px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:var(--ink); } #promo-extend .pe-banner{ background:linear-gradient(135deg,var(--bg1),var(--bg2)); color:#fff; padding:24px 18px; text-align:center; border-radius:14px; box-shadow:0 10px 24px rgba(2,6,23,.35); } #promo-extend .pe-banner h2{margin:0; font-size:clamp(20px,2vw + 12px,28px); font-weight:800} #promo-extend .pe-banner p{margin:6px 0 0; opacity:.9} #promo-extend .pe-timer{ display:grid; grid-template-columns:repeat(4,minmax(90px,1fr)); gap:16px; margin:18px auto 8px; max-width:820px; } #promo-extend .pe-card{background:var(--card); border:1px solid #e5e7eb; border-radius:16px; padding:18px 12px; text-align:center; box-shadow:0 8px 20px rgba(2,6,23,.06)} #promo-extend .pe-value{font-size:clamp(34px,6vw,48px); font-weight:900; line-height:1; color:#0b1220} #promo-extend .pe-label{margin-top:6px; font-size:13px; color:var(--muted)} #promo-extend .pe-ended{margin:8px 0 0; text-align:center; color:var(--error); font-weight:800; display:none} #promo-extend .pe-qa{ margin:40px auto; max-width:720px; text-align:center; color:#fff; padding:28px; border-radius:18px; background:linear-gradient(135deg,#141a2b,#0e1627); box-shadow:0 14px 32px rgba(2,6,23,.35); position:relative; overflow:hidden; } #promo-extend .pe-qa::after{ content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px; background:radial-gradient(closest-side,rgba(255,184,77,.18),transparent 70%); } #promo-extend .pe-qa h3, #promo-extend .pe-qa p{margin-left:auto; margin-right:auto; max-width:640px} #promo-extend .pe-qa h3{margin-top:0; font-size:clamp(18px,2vw + 8px,26px)} #promo-extend .pe-cta{ display:inline-block; margin-top:16px; padding:14px 20px; border-radius:14px; font-weight:900; text-decoration:none; color:#1b1305; background:linear-gradient(135deg,#ffd36e,#ffb347 35%,#ff8c1a 75%,#ff7a00); box-shadow:0 10px 22px rgba(255,140,26,.45); transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; } #promo-extend .pe-cta:hover{transform:translateY(-2px); box-shadow:0 14px 28px rgba(255,140,26,.55); filter:saturate(1.05)} @media (max-width:640px){ #promo-extend .pe-timer{grid-template-columns:repeat(2,minmax(120px,1fr))} } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } .cta-wrapper { text-align: center; margin: 40px auto; } .cta-main { display: inline-block; background: linear-gradient(135deg, #3b82f6, #2563eb); /* μπλε gradient */ color: #fff; font-weight: 700; padding: 16px 28px; border-radius: 12px; text-decoration: none; font-size: 1.05rem; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s; max-width: 500px; width: 100%; } .cta-main:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); background: linear-gradient(135deg, #2563eb, #1d4ed8); } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } #promo-extend{ --bg1:#0b1220; --bg2:#121826; --card:#ffffff; --ink:#0b1220; --muted:#6b7280; --error:#ef4444; max-width:1100px; margin:28px auto; padding:0 16px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:var(--ink); } #promo-extend .pe-banner{ background:linear-gradient(135deg,var(--bg1),var(--bg2)); color:#fff; padding:24px 18px; text-align:center; border-radius:14px; box-shadow:0 10px 24px rgba(2,6,23,.35); } #promo-extend .pe-banner h2{margin:0; font-size:clamp(20px,2vw + 12px,28px); font-weight:800} #promo-extend .pe-banner p{margin:6px 0 0; opacity:.9} #promo-extend .pe-timer{ display:grid; grid-template-columns:repeat(4,minmax(90px,1fr)); gap:16px; margin:18px auto 8px; max-width:820px; } #promo-extend .pe-card{background:var(--card); border:1px solid #e5e7eb; border-radius:16px; padding:18px 12px; text-align:center; box-shadow:0 8px 20px rgba(2,6,23,.06)} #promo-extend .pe-value{font-size:clamp(34px,6vw,48px); font-weight:900; line-height:1; color:#0b1220} #promo-extend .pe-label{margin-top:6px; font-size:13px; color:var(--muted)} #promo-extend .pe-ended{margin:8px 0 0; text-align:center; color:var(--error); font-weight:800; display:none} #promo-extend .pe-qa{ margin:40px auto; max-width:720px; text-align:center; color:#fff; padding:28px; border-radius:18px; background:linear-gradient(135deg,#141a2b,#0e1627); box-shadow:0 14px 32px rgba(2,6,23,.35); position:relative; overflow:hidden; } #promo-extend .pe-qa::after{ content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px; background:radial-gradient(closest-side,rgba(255,184,77,.18),transparent 70%); } #promo-extend .pe-qa h3, #promo-extend .pe-qa p{margin-left:auto; margin-right:auto; max-width:640px} #promo-extend .pe-qa h3{margin-top:0; font-size:clamp(18px,2vw + 8px,26px)} #promo-extend .pe-cta{ display:inline-block; margin-top:16px; padding:14px 20px; border-radius:14px; font-weight:900; text-decoration:none; color:#1b1305; background:linear-gradient(135deg,#ffd36e,#ffb347 35%,#ff8c1a 75%,#ff7a00); box-shadow:0 10px 22px rgba(255,140,26,.45); transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; } #promo-extend .pe-cta:hover{transform:translateY(-2px); box-shadow:0 14px 28px rgba(255,140,26,.55); filter:saturate(1.05)} @media (max-width:640px){ #promo-extend .pe-timer{grid-template-columns:repeat(2,minmax(120px,1fr))} } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } #promo-extend{ --bg1:#0b1220; --bg2:#121826; --card:#ffffff; --ink:#0b1220; --muted:#6b7280; --error:#ef4444; max-width:1100px; margin:28px auto; padding:0 16px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:var(--ink); } #promo-extend .pe-banner{ background:linear-gradient(135deg,var(--bg1),var(--bg2)); color:#fff; padding:24px 18px; text-align:center; border-radius:14px; box-shadow:0 10px 24px rgba(2,6,23,.35); } #promo-extend .pe-banner h2{margin:0; font-size:clamp(20px,2vw + 12px,28px); font-weight:800} #promo-extend .pe-banner p{margin:6px 0 0; opacity:.9} #promo-extend .pe-timer{ display:grid; grid-template-columns:repeat(4,minmax(90px,1fr)); gap:16px; margin:18px auto 8px; max-width:820px; } #promo-extend .pe-card{background:var(--card); border:1px solid #e5e7eb; border-radius:16px; padding:18px 12px; text-align:center; box-shadow:0 8px 20px rgba(2,6,23,.06)} #promo-extend .pe-value{font-size:clamp(34px,6vw,48px); font-weight:900; line-height:1; color:#0b1220} #promo-extend .pe-label{margin-top:6px; font-size:13px; color:var(--muted)} #promo-extend .pe-ended{margin:8px 0 0; text-align:center; color:var(--error); font-weight:800; display:none} #promo-extend .pe-qa{ margin:40px auto; max-width:720px; text-align:center; color:#fff; padding:28px; border-radius:18px; background:linear-gradient(135deg,#141a2b,#0e1627); box-shadow:0 14px 32px rgba(2,6,23,.35); position:relative; overflow:hidden; } #promo-extend .pe-qa::after{ content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px; background:radial-gradient(closest-side,rgba(255,184,77,.18),transparent 70%); } #promo-extend .pe-qa h3, #promo-extend .pe-qa p{margin-left:auto; margin-right:auto; max-width:640px} #promo-extend .pe-qa h3{margin-top:0; font-size:clamp(18px,2vw + 8px,26px)} #promo-extend .pe-cta{ display:inline-block; margin-top:16px; padding:14px 20px; border-radius:14px; font-weight:900; text-decoration:none; color:#1b1305; background:linear-gradient(135deg,#ffd36e,#ffb347 35%,#ff8c1a 75%,#ff7a00); box-shadow:0 10px 22px rgba(255,140,26,.45); transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; } #promo-extend .pe-cta:hover{transform:translateY(-2px); box-shadow:0 14px 28px rgba(255,140,26,.55); filter:saturate(1.05)} @media (max-width:640px){ #promo-extend .pe-timer{grid-template-columns:repeat(2,minmax(120px,1fr))} } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } .cta-wrapper { text-align: center; margin: 40px auto; } .cta-main { display: inline-block; background: linear-gradient(135deg, #3b82f6, #2563eb); /* μπλε gradient */ color: #fff; font-weight: 700; padding: 16px 28px; border-radius: 12px; text-decoration: none; font-size: 1.05rem; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s; max-width: 500px; width: 100%; } .cta-main:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); background: linear-gradient(135deg, #2563eb, #1d4ed8); } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } #promo-extend{ --bg1:#0b1220; --bg2:#121826; --card:#ffffff; --ink:#0b1220; --muted:#6b7280; --error:#ef4444; max-width:1100px; margin:28px auto; padding:0 16px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:var(--ink); } #promo-extend .pe-banner{ background:linear-gradient(135deg,var(--bg1),var(--bg2)); color:#fff; padding:24px 18px; text-align:center; border-radius:14px; box-shadow:0 10px 24px rgba(2,6,23,.35); } #promo-extend .pe-banner h2{margin:0; font-size:clamp(20px,2vw + 12px,28px); font-weight:800} #promo-extend .pe-banner p{margin:6px 0 0; opacity:.9} #promo-extend .pe-timer{ display:grid; grid-template-columns:repeat(4,minmax(90px,1fr)); gap:16px; margin:18px auto 8px; max-width:820px; } #promo-extend .pe-card{background:var(--card); border:1px solid #e5e7eb; border-radius:16px; padding:18px 12px; text-align:center; box-shadow:0 8px 20px rgba(2,6,23,.06)} #promo-extend .pe-value{font-size:clamp(34px,6vw,48px); font-weight:900; line-height:1; color:#0b1220} #promo-extend .pe-label{margin-top:6px; font-size:13px; color:var(--muted)} #promo-extend .pe-ended{margin:8px 0 0; text-align:center; color:var(--error); font-weight:800; display:none} #promo-extend .pe-qa{ margin:40px auto; max-width:720px; text-align:center; color:#fff; padding:28px; border-radius:18px; background:linear-gradient(135deg,#141a2b,#0e1627); box-shadow:0 14px 32px rgba(2,6,23,.35); position:relative; overflow:hidden; } #promo-extend .pe-qa::after{ content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px; background:radial-gradient(closest-side,rgba(255,184,77,.18),transparent 70%); } #promo-extend .pe-qa h3, #promo-extend .pe-qa p{margin-left:auto; margin-right:auto; max-width:640px} #promo-extend .pe-qa h3{margin-top:0; font-size:clamp(18px,2vw + 8px,26px)} #promo-extend .pe-cta{ display:inline-block; margin-top:16px; padding:14px 20px; border-radius:14px; font-weight:900; text-decoration:none; color:#1b1305; background:linear-gradient(135deg,#ffd36e,#ffb347 35%,#ff8c1a 75%,#ff7a00); box-shadow:0 10px 22px rgba(255,140,26,.45); transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; } #promo-extend .pe-cta:hover{transform:translateY(-2px); box-shadow:0 14px 28px rgba(255,140,26,.55); filter:saturate(1.05)} @media (max-width:640px){ #promo-extend .pe-timer{grid-template-columns:repeat(2,minmax(120px,1fr))} } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } .cta-wrapper { text-align: center; margin: 40px auto; } .cta-main { display: inline-block; background: linear-gradient(135deg, #3b82f6, #2563eb); /* μπλε gradient */ color: #fff; font-weight: 700; padding: 16px 28px; border-radius: 12px; text-decoration: none; font-size: 1.05rem; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s; max-width: 500px; width: 100%; } .cta-main:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); background: linear-gradient(135deg, #2563eb, #1d4ed8); } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } .cta-wrapper { text-align: center; margin: 40px auto; } .cta-main { display: inline-block; background: linear-gradient(135deg, #3b82f6, #2563eb); /* μπλε gradient */ color: #fff; font-weight: 700; padding: 16px 28px; border-radius: 12px; text-decoration: none; font-size: 1.05rem; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s; max-width: 500px; width: 100%; } .cta-main:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); background: linear-gradient(135deg, #2563eb, #1d4ed8); } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } #promo-extend{ --bg1:#0b1220; --bg2:#121826; --card:#ffffff; --ink:#0b1220; --muted:#6b7280; --error:#ef4444; max-width:1100px; margin:28px auto; padding:0 16px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:var(--ink); } #promo-extend .pe-banner{ background:linear-gradient(135deg,var(--bg1),var(--bg2)); color:#fff; padding:24px 18px; text-align:center; border-radius:14px; box-shadow:0 10px 24px rgba(2,6,23,.35); } #promo-extend .pe-banner h2{margin:0; font-size:clamp(20px,2vw + 12px,28px); font-weight:800} #promo-extend .pe-banner p{margin:6px 0 0; opacity:.9} #promo-extend .pe-timer{ display:grid; grid-template-columns:repeat(4,minmax(90px,1fr)); gap:16px; margin:18px auto 8px; max-width:820px; } #promo-extend .pe-card{background:var(--card); border:1px solid #e5e7eb; border-radius:16px; padding:18px 12px; text-align:center; box-shadow:0 8px 20px rgba(2,6,23,.06)} #promo-extend .pe-value{font-size:clamp(34px,6vw,48px); font-weight:900; line-height:1; color:#0b1220} #promo-extend .pe-label{margin-top:6px; font-size:13px; color:var(--muted)} #promo-extend .pe-ended{margin:8px 0 0; text-align:center; color:var(--error); font-weight:800; display:none} #promo-extend .pe-qa{ margin:40px auto; max-width:720px; text-align:center; color:#fff; padding:28px; border-radius:18px; background:linear-gradient(135deg,#141a2b,#0e1627); box-shadow:0 14px 32px rgba(2,6,23,.35); position:relative; overflow:hidden; } #promo-extend .pe-qa::after{ content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px; background:radial-gradient(closest-side,rgba(255,184,77,.18),transparent 70%); } #promo-extend .pe-qa h3, #promo-extend .pe-qa p{margin-left:auto; margin-right:auto; max-width:640px} #promo-extend .pe-qa h3{margin-top:0; font-size:clamp(18px,2vw + 8px,26px)} #promo-extend .pe-cta{ display:inline-block; margin-top:16px; padding:14px 20px; border-radius:14px; font-weight:900; text-decoration:none; color:#1b1305; background:linear-gradient(135deg,#ffd36e,#ffb347 35%,#ff8c1a 75%,#ff7a00); box-shadow:0 10px 22px rgba(255,140,26,.45); transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; } #promo-extend .pe-cta:hover{transform:translateY(-2px); box-shadow:0 14px 28px rgba(255,140,26,.55); filter:saturate(1.05)} @media (max-width:640px){ #promo-extend .pe-timer{grid-template-columns:repeat(2,minmax(120px,1fr))} } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } .cta-wrapper { text-align: center; margin: 40px auto; } .cta-main { display: inline-block; background: linear-gradient(135deg, #3b82f6, #2563eb); /* μπλε gradient */ color: #fff; font-weight: 700; padding: 16px 28px; border-radius: 12px; text-decoration: none; font-size: 1.05rem; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s; max-width: 500px; width: 100%; } .cta-main:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); background: linear-gradient(135deg, #2563eb, #1d4ed8); } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } #promo-extend{ --bg1:#0b1220; --bg2:#121826; --card:#ffffff; --ink:#0b1220; --muted:#6b7280; --error:#ef4444; max-width:1100px; margin:28px auto; padding:0 16px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:var(--ink); } #promo-extend .pe-banner{ background:linear-gradient(135deg,var(--bg1),var(--bg2)); color:#fff; padding:24px 18px; text-align:center; border-radius:14px; box-shadow:0 10px 24px rgba(2,6,23,.35); } #promo-extend .pe-banner h2{margin:0; font-size:clamp(20px,2vw + 12px,28px); font-weight:800} #promo-extend .pe-banner p{margin:6px 0 0; opacity:.9} #promo-extend .pe-timer{ display:grid; grid-template-columns:repeat(4,minmax(90px,1fr)); gap:16px; margin:18px auto 8px; max-width:820px; } #promo-extend .pe-card{background:var(--card); border:1px solid #e5e7eb; border-radius:16px; padding:18px 12px; text-align:center; box-shadow:0 8px 20px rgba(2,6,23,.06)} #promo-extend .pe-value{font-size:clamp(34px,6vw,48px); font-weight:900; line-height:1; color:#0b1220} #promo-extend .pe-label{margin-top:6px; font-size:13px; color:var(--muted)} #promo-extend .pe-ended{margin:8px 0 0; text-align:center; color:var(--error); font-weight:800; display:none} #promo-extend .pe-qa{ margin:40px auto; max-width:720px; text-align:center; color:#fff; padding:28px; border-radius:18px; background:linear-gradient(135deg,#141a2b,#0e1627); box-shadow:0 14px 32px rgba(2,6,23,.35); position:relative; overflow:hidden; } #promo-extend .pe-qa::after{ content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px; background:radial-gradient(closest-side,rgba(255,184,77,.18),transparent 70%); } #promo-extend .pe-qa h3, #promo-extend .pe-qa p{margin-left:auto; margin-right:auto; max-width:640px} #promo-extend .pe-qa h3{margin-top:0; font-size:clamp(18px,2vw + 8px,26px)} #promo-extend .pe-cta{ display:inline-block; margin-top:16px; padding:14px 20px; border-radius:14px; font-weight:900; text-decoration:none; color:#1b1305; background:linear-gradient(135deg,#ffd36e,#ffb347 35%,#ff8c1a 75%,#ff7a00); box-shadow:0 10px 22px rgba(255,140,26,.45); transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; } #promo-extend .pe-cta:hover{transform:translateY(-2px); box-shadow:0 14px 28px rgba(255,140,26,.55); filter:saturate(1.05)} @media (max-width:640px){ #promo-extend .pe-timer{grid-template-columns:repeat(2,minmax(120px,1fr))} } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope όλα τα styles μέσα στο #live-offer για να μη συγκρούονται με το theme */ #live-offer { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; color:#0b1220; } #live-offer .wrap{ max-width:1100px; margin:40px auto; padding:0 16px; } #live-offer .live-banner{ background:#121826; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; gap:.7rem; padding:18px 20px; border-radius:20px; } #live-offer .dot{ width:14px; height:14px; border-radius:50%; background:#e23a3a; box-shadow:0 0 0 0 rgba(226,58,58,.55); animation:live-offer-pulse 1.3s infinite; } @keyframes live-offer-pulse{ 0%{box-shadow:0 0 0 0 rgba(226,58,58,.55)} 70%{box-shadow:0 0 0 12px rgba(226,58,58,0)} 100%{box-shadow:0 0 0 0 rgba(226,58,58,0)} } #live-offer .countdown{ display:flex; gap:18px; justify-content:center; align-items:center; margin:26px 0 10px; flex-wrap:wrap; } #live-offer .cd-box{ min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 12px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); } #live-offer .cd-num{ display:block; font-size:40px; line-height:1; font-weight:900; color:#0b1220; } #live-offer .cd-lbl{ display:block; margin-top:6px; font-size:14px; color:#64748b; } #live-offer .expired{ margin-top:12px; text-align:center; color:#e23a3a; font-weight:800 } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .hero-section { background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* απαλό premium background */ text-align: center; padding: 60px 20px; border-radius: 8px; } .hero-content { max-width: 900px; margin: 0 auto; } .headline-a { font-size: 2rem; font-weight: 800; color: #222; margin-bottom: 10px; } .sub-text { font-size: 1rem; color: #c00; /* κόκκινη λεπτομέρεια για έμφαση */ margin-bottom: 30px; } .headline-b { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 15px; } .headline-c { font-size: 1.1rem; color: #444; line-height: 1.5; } /* Κάνε το section να «δανείζεται» το άνω background */ .match-hero-bg{ background: transparent; /* δείχνει το φόντο του γονέα (hero/page) */ } /* Αν χρειάζεται και variables για τα δικά μας blocks */ .match-hero-bg{ --bg: transparent; /* για sections που χρησιμοποιούν --bg */ --card:#ffffff; /* λευκές κάρτες για αντίθεση */ --line:#e8edf4; /* απαλές γραμμές */ --ink:#0b1220; /* κύριο κείμενο σκούρο */ --muted:#253041; /* δευτερεύον κείμενο */ --accent:#2457ff; /* μπλε accent */ } /* Βάθος σε λευκές κάρτες πάνω σε πολύ ανοιχτό φόντο */ .match-hero-bg .card, .match-hero-bg details.faq{ background: var(--card); border:1px solid var(--line); box-shadow: 0 2px 8px rgba(10,20,40,.06); } /* Λεπτομέρειες για κείμενα/διαχωριστικά */ .match-hero-bg .use, .match-hero-bg .answer{ color: var(--muted); } .match-hero-bg .answer{ border-top:1px dashed var(--line); } .match-hero-bg .badge{ color: var(--accent); } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } .cta-wrapper { text-align: center; margin: 40px auto; } .cta-main { display: inline-block; background: linear-gradient(135deg, #3b82f6, #2563eb); /* μπλε gradient */ color: #fff; font-weight: 700; padding: 16px 28px; border-radius: 12px; text-decoration: none; font-size: 1.05rem; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s; max-width: 500px; width: 100%; } .cta-main:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); background: linear-gradient(135deg, #2563eb, #1d4ed8); } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } /* Scope */ #prime-value-stack { --bg:#0f1422; --ink:#eaf0ff; --muted:#a7b0c5; --card:#151c2e; --line:#1f2840; --accent:#9ec1ff; --price:#8ef1b3; } #prime-value-stack { background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-value-stack .wrap{ max-width:1120px; margin:0 auto; padding:40px 16px; } /* Head */ #prime-value-stack .stack-head{ text-align:center; margin-bottom:18px; } #prime-value-stack .stack-head h2{ font-size:28px; margin:0 0 10px; letter-spacing:.2px; } #prime-value-stack .totals{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; } #prime-value-stack .totals .value{ color:var(--muted); } #prime-value-stack .totals .price{ color:var(--price); font-weight:700; } #prime-value-stack .totals .dot{ color:var(--line); } /* Groups */ #prime-value-stack .group-title{ margin:28px 0 12px; font-size:14px; color:var(--muted); letter-spacing:.8px; } /* Grid */ #prime-value-stack .grid{ display:grid; grid-template-columns:1fr; gap:14px; } @media(min-width:900px){ #prime-value-stack .grid{ grid-template-columns:1fr 1fr; } #prime-value-stack .card--span2{ grid-column:1 / -1; } } /* Cards */ #prime-value-stack .card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 16px 12px; } #prime-value-stack .card-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; } #prime-value-stack h4{ font-size:18px; margin:0; } #prime-value-stack .badge{ font-size:12px; color:var(--accent); white-space:nowrap; } #prime-value-stack .use{ margin:6px 0 10px; color:var(--muted); font-size:14px; line-height:1.5; } #prime-value-stack .bullets{ margin:0; padding-left:18px; line-height:1.6; } #prime-value-stack .bullets li{ margin:0 0 6px; } /* Details (clean bullets) */ #prime-value-stack details.more{ margin-top:10px; border-top:1px dashed var(--line); padding-top:10px; } #prime-value-stack details.more summary{ cursor:pointer; color:var(--accent); font-size:14px; list-style:none; } #prime-value-stack details.more summary::-webkit-details-marker{ display:none; } #prime-value-stack .more-columns{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px; } @media(min-width:720px){ #prime-value-stack .more-columns{ grid-template-columns:repeat(3,1fr); } } #prime-value-stack .more-col h5{ font-size:13px; margin:0 0 6px; color:var(--muted); letter-spacing:.6px; } #prime-value-stack .more-col ul{ margin:0; padding-left:18px; } #prime-value-stack .more-col li{ margin:4px 0; line-height:1.5; } /* Footer */ #prime-value-stack .stack-foot{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); } #prime-value-stack .totals--center{ justify-content:center; } /* scope */ #offer-cta { --ink:#0b1220; --glow1:rgba(158,193,255,.35); --glow2:rgba(142,241,179,.28); --grad1:#9ec1ff; --grad2:#8ef1b3; --grad3:#b5ffcf; } #offer-cta { display:flex; justify-content:center; margin:22px 0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } /* button */ #offer-cta .btn-cta{ position:relative; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:320px; max-width:680px; width:100%; padding:18px 24px; border-radius:16px; text-decoration:none; text-align:center; color:var(--ink); font-weight:800; letter-spacing:.2px; background:linear-gradient(135deg,var(--grad1) 0%, var(--grad2) 60%, var(--grad3) 100%); box-shadow:0 14px 38px var(--glow1), 0 10px 28px var(--glow2); transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; overflow:hidden; } #offer-cta .btn-top{ font-size:18px; line-height:1.15; } #offer-cta .btn-sub{ font-size:13px; font-weight:600; opacity:.9; } #offer-cta .lock{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:#0b1220; opacity:.85; } /* hover / focus */ #offer-cta .btn-cta:hover{ transform:translateY(-1px) scale(1.01); filter:saturate(1.05); box-shadow:0 18px 44px var(--glow1), 0 14px 36px var(--glow2); } #offer-cta .btn-cta:active{ transform:translateY(0); } #offer-cta .btn-cta:focus{ outline:none; } #offer-cta .btn-cta:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 0 6px rgba(158,193,255,.6); border-radius:16px; } /* subtle shine */ #offer-cta .btn-cta::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,.08) 60%, transparent 100%); transform:translateX(-120%); pointer-events:none; } #offer-cta .btn-cta:hover::after{ transform:translateX(120%); transition:transform .9s cubic-bezier(.2,.6,.2,1); } /* mobile */ @media (max-width:520px){ #offer-cta .btn-cta{ min-width:0; border-radius:14px; padding:16px 18px; } #offer-cta .btn-top{ font-size:16px; } #offer-cta .btn-sub{ font-size:12px; } #offer-cta .lock{ left:12px; width:18px; height:18px; } } /* Scope (Light Theme) */ #prime-faq{ --bg:#ffffff; /* Λευκό background */ --ink:#0b1220; /* Κύριο κείμενο */ --muted:#253041; /* Δευτερεύον κείμενο */ --card:#ffffff; /* Κάρτες */ --line:#e6eaf4; /* Γραμμές/περίγραμμα */ --accent:#2457ff; /* Accent (μπλε) */ } #prime-faq{ background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; } #prime-faq .wrap{ max-width:1120px; margin:0 auto; padding:32px 16px 40px; } #prime-faq h2{ margin:0 0 14px; font-size:26px; letter-spacing:.2px; } /* FAQ list */ #prime-faq .faq-list{ display:grid; gap:12px; } #prime-faq details.faq{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 14px; box-shadow:0 2px 8px rgba(10,20,40,.06); } #prime-faq details.faq[open]{ border-color:#d7def0; } #prime-faq details.faq summary{ list-style:none; cursor:pointer; padding:14px 6px; display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); } #prime-faq details.faq summary::-webkit-details-marker{ display:none; } /* plus/minus */ #prime-faq details.faq summary::after{ content:"+"; margin-left:auto; font-weight:900; color:var(--accent); } #prime-faq details.faq[open] summary::after{ content:"–"; } #prime-faq .qnum{ color:var(--accent); font-weight:800; } #prime-faq .answer{ padding:0 6px 14px 6px; color:var(--muted); line-height:1.65; font-size:15px; border-top:1px dashed var(--line); } #prime-faq .answer ul{ margin:10px 0 0; padding-left:18px; } #prime-faq .answer li{ margin:4px 0; } /* Focus accessibility */ #prime-faq details.faq:focus-within{ outline:2px solid rgba(36,87,255,.20); outline-offset:2px; border-radius:14px; } .ethics { background: #000; /* Μαύρο background */ color: #f1f1f1; /* Απαλό λευκό/γκρι για διάβασμα */ padding: 30px 20px; text-align: center; } .ethics-content { max-width: 900px; margin: 0 auto; font-size: 0.9rem; /* μικρά γράμματα */ line-height: 1.6; opacity: 0.9; /* λίγο πιο διακριτικό */ } .ethics strong { color: #fff; } .ethics u { text-decoration: underline; font-weight: 600; } .gp-component-id-NOjNR_OdY.gp-component > [data-section-overlay] { background-color: rgb(45, 51, 68);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } @media (max-width: 639px) { .gp-component-id-NOjNR_OdY.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-NOjNR_OdY.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-NOjNR_OdY.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-NOjNR_OdY.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (min-width: 1200px) { .gp-component-id-NOjNR_OdY.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0);position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } .gp-component-id-w0yCSojOBV { align-items: center;display: flex; } @media (max-width: 639px) { .gp-component-id-w0yCSojOBV { align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-w0yCSojOBV { align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-w0yCSojOBV { align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-w0yCSojOBV { align-items: center;display: flex;position: static !important; } } @media (min-width: 1200px) { .gp-component-id-w0yCSojOBV { align-items: center;display: flex;position: static !important; } } .gp-component-id-GjVGQqiLhq { flex-grow: 1;display: flex; } @media (max-width: 639px) { .gp-component-id-GjVGQqiLhq { display: flex;flex-grow: 1; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-GjVGQqiLhq { display: flex;flex-grow: 1; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-GjVGQqiLhq { display: flex;flex-grow: 1; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-GjVGQqiLhq { display: flex;flex-grow: 1;position: static !important; } } @media (min-width: 1200px) { .gp-component-id-GjVGQqiLhq { display: flex;flex-grow: 1;position: static !important; } } @media (max-width: 639px) { .gp-component-id-1Edk3r8zgt[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-left: 116px;margin-right: 0px;width: 112px;height: auto;max-width: 183px;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-fit: cover;object-position: center center; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-1Edk3r8zgt[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-left: 191px;margin-right: 0px;width: 100%;height: auto;max-width: 183px;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-fit: cover;object-position: center center; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-1Edk3r8zgt[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-left: 279px;margin-right: 0px;width: 100%;height: auto;max-width: 183px;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-fit: cover;object-position: center center; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-1Edk3r8zgt[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-left: 371px;margin-right: 0px;width: 100%;height: auto;max-width: 183px;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-fit: cover;object-position: center center; } } @media (min-width: 1200px) { .gp-component-id-1Edk3r8zgt[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-left: 496px;margin-right: 0px;width: 1200px;height: auto;max-width: 183px;justify-content: flex-start;align-items: flex-start;display: inline-flex;object-fit: cover;object-position: center center; } } .gp-component-id-0IGPt2cwL5 { color: inherit;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent; } @media (max-width: 639px) { .gp-component-id-0IGPt2cwL5 { color: inherit;background-color: transparent;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-0IGPt2cwL5 { color: inherit;background-color: transparent;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-0IGPt2cwL5 { color: inherit;background-color: transparent;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-0IGPt2cwL5 { color: inherit;background-color: transparent;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer; } } @media (min-width: 1200px) { .gp-component-id-0IGPt2cwL5 { color: inherit;background-color: transparent;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer; } } .gp-component-id-4ZwPkKAdYQ { align-items: center;display: flex; } @media (max-width: 639px) { .gp-component-id-4ZwPkKAdYQ { align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-4ZwPkKAdYQ { align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-4ZwPkKAdYQ { align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-4ZwPkKAdYQ { align-items: center;display: flex;position: static !important; } } @media (min-width: 1200px) { .gp-component-id-4ZwPkKAdYQ { align-items: center;display: flex;position: static !important; } } .gp-component-id-Eddm5OhIjg { width: 100%;align-items: center;justify-content: space-between;margin-right: auto;margin-left: auto;display: flex; } @media (max-width: 639px) { .gp-component-id-Eddm5OhIjg { margin-left: auto;margin-right: auto;width: 100%;justify-content: space-between;align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Eddm5OhIjg { margin-left: auto;margin-right: auto;width: 100%;max-width: 640px;justify-content: space-between;align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Eddm5OhIjg { margin-left: auto;margin-right: auto;width: 100%;max-width: 768px;justify-content: space-between;align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Eddm5OhIjg { margin-left: auto;margin-right: auto;width: 100%;max-width: 992px;justify-content: space-between;align-items: center;display: flex;position: relative; } } @media (min-width: 1200px) { .gp-component-id-Eddm5OhIjg { margin-left: auto;margin-right: auto;width: 100%;max-width: 1200px;justify-content: space-between;align-items: center;display: flex;position: relative; } } @media (max-width: 639px) { .gp-component-id-Cec30tz55M[data-gp-component] { background-color: rgb(0, 0, 0);background-size: cover;opacity: 1;padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 0px;position: relative;background-position-x: 0px;background-position-y: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Cec30tz55M[data-gp-component] { background-color: rgb(0, 0, 0);background-size: cover;opacity: 1;padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 0px;position: relative;background-position-x: 0px;background-position-y: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Cec30tz55M[data-gp-component] { background-color: rgb(0, 0, 0);background-size: cover;opacity: 1;padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 0px;position: relative;background-position-x: 0px;background-position-y: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Cec30tz55M[data-gp-component] { background-color: rgb(0, 0, 0);background-size: cover;opacity: 1;padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 0px;position: relative;background-position-x: 0px;background-position-y: 0px; } } @media (min-width: 1200px) { .gp-component-id-Cec30tz55M[data-gp-component] { background-color: rgb(0, 0, 0);background-size: cover;opacity: 1;padding-left: 0px;padding-right: 0px;padding-top: 15px;padding-bottom: 0px;position: relative;background-position-x: 0px;background-position-y: 0px; } } .gp-component-id-lRfLN3ofjv { z-index: 15;position: relative; } @media (max-width: 639px) { .gp-component-id-lRfLN3ofjv { z-index: 15;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-lRfLN3ofjv { z-index: 15;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-lRfLN3ofjv { z-index: 15;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-lRfLN3ofjv { z-index: 15;position: relative; } } @media (min-width: 1200px) { .gp-component-id-lRfLN3ofjv { z-index: 15;position: relative; } } @media (max-width: 639px) { .gp-component-id-TlB_G0LBn[data-gp-component] { background-color: rgba(0, 0, 0, 1);z-index: 20 !important;min-height: 50px;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-TlB_G0LBn[data-gp-component] { background-color: rgba(0, 0, 0, 1);z-index: 20 !important;min-height: 50px;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-TlB_G0LBn[data-gp-component] { background-color: rgba(0, 0, 0, 1);z-index: 20 !important;min-height: 50px;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-TlB_G0LBn[data-gp-component] { background-color: rgba(0, 0, 0, 1);z-index: 20 !important;min-height: 50px;position: relative; } } @media (min-width: 1200px) { .gp-component-id-TlB_G0LBn[data-gp-component] { background-color: rgba(0, 0, 0, 1);z-index: 20 !important;min-height: 50px;position: relative; } } .gp-component-id-yPz0fohc0A { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-yPz0fohc0A { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-yPz0fohc0A { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-yPz0fohc0A { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-yPz0fohc0A { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-yPz0fohc0A { min-height: 50px;position: relative;z-index: auto; } } .gp-component-id-Xb9ugrZNB3 { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-Xb9ugrZNB3 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Xb9ugrZNB3 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Xb9ugrZNB3 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Xb9ugrZNB3 { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-Xb9ugrZNB3 { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 639px) { [data-gp-text] .gp-component-id-LisEv4fFqx { font-size: 14px !important;font-weight: 300 !important;color: rgb(255, 255, 255);text-align: center;letter-spacing: 0px;font-family: Raleway, sans-serif !important;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 12px;box-sizing: border-box;cursor: text; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-LisEv4fFqx { font-size: 15px !important;font-weight: 300 !important;color: rgb(255, 255, 255);text-align: center;letter-spacing: 0px;font-family: Raleway, sans-serif !important;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 12px;box-sizing: border-box;cursor: text; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-LisEv4fFqx { font-size: 15px !important;font-weight: 300 !important;color: rgb(255, 255, 255);text-align: center;letter-spacing: 0px;font-family: Raleway, sans-serif !important;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;box-sizing: border-box;cursor: text; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-LisEv4fFqx { font-size: 15px !important;font-weight: 300 !important;color: rgb(255, 255, 255);text-align: center;letter-spacing: 0px;font-family: Raleway, sans-serif !important;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;box-sizing: border-box;cursor: text; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-LisEv4fFqx { font-size: 15px !important;font-weight: 300 !important;color: rgb(255, 255, 255);text-align: center;letter-spacing: 0px;font-family: Raleway, sans-serif !important;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;box-sizing: border-box;cursor: text; } } .gp-component-id-fifSDodC7_ { cursor: pointer; text-decoration-line: none; text-decoration-style: initial; text-decoration-color: initial; background-color: transparent; font-size: 1.5rem; color: rgb(255, 255, 255); line-height: 1; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 640px) { .gp-component-id-fifSDodC7_ { color: rgb(255, 255, 255); } } @media (min-width: 768px) { .gp-component-id-fifSDodC7_ { font-size: 1.875rem; color: rgb(255, 255, 255); } } @media (min-width: 992px) { .gp-component-id-fifSDodC7_ { color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-fifSDodC7_ { color: rgb(255, 255, 255); } } .gp-component-id-lpKEjsVhH0 { cursor: pointer; text-decoration-line: none; text-decoration-style: initial; text-decoration-color: initial; background-color: transparent; font-size: 1.5rem; color: rgb(255, 255, 255); line-height: 1; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 640px) { .gp-component-id-lpKEjsVhH0 { color: rgb(255, 255, 255); } } @media (min-width: 768px) { .gp-component-id-lpKEjsVhH0 { font-size: 1.875rem; color: rgb(255, 255, 255); } } @media (min-width: 992px) { .gp-component-id-lpKEjsVhH0 { color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-lpKEjsVhH0 { color: rgb(255, 255, 255); } } .gp-component-id-8ZfNRoX_sa { cursor: pointer; text-decoration-line: none; text-decoration-style: initial; text-decoration-color: initial; background-color: transparent; font-size: 1.5rem; color: rgb(255, 255, 255); line-height: 1; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 640px) { .gp-component-id-8ZfNRoX_sa { color: rgb(255, 255, 255); } } @media (min-width: 768px) { .gp-component-id-8ZfNRoX_sa { font-size: 1.875rem; color: rgb(255, 255, 255); } } @media (min-width: 992px) { .gp-component-id-8ZfNRoX_sa { color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-8ZfNRoX_sa { color: rgb(255, 255, 255); } } .gp-component-id-r9aU3jIWc0 { cursor: pointer; text-decoration-line: none; text-decoration-style: initial; text-decoration-color: initial; background-color: transparent; font-size: 1.5rem; color: rgb(255, 255, 255); line-height: 1; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 640px) { .gp-component-id-r9aU3jIWc0 { color: rgb(255, 255, 255); } } @media (min-width: 768px) { .gp-component-id-r9aU3jIWc0 { font-size: 1.875rem; color: rgb(255, 255, 255); } } @media (min-width: 992px) { .gp-component-id-r9aU3jIWc0 { color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-r9aU3jIWc0 { color: rgb(255, 255, 255); } } .gp-component-id-qLAvjiCpei { cursor: pointer; text-decoration-line: none; text-decoration-style: initial; text-decoration-color: initial; background-color: transparent; font-size: 1.5rem; color: rgb(255, 255, 255); line-height: 1; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 640px) { .gp-component-id-qLAvjiCpei { color: rgb(255, 255, 255); } } @media (min-width: 768px) { .gp-component-id-qLAvjiCpei { font-size: 1.875rem; color: rgb(255, 255, 255); } } @media (min-width: 992px) { .gp-component-id-qLAvjiCpei { color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-qLAvjiCpei { color: rgb(255, 255, 255); } } @media (max-width: 639px) { .gp-component-id-8T_rZ32aay[data-gp-component] { margin-left: -8px;margin-right: -8px;align-items: center;display: flex;flex-wrap: wrap; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-8T_rZ32aay[data-gp-component] { margin-left: -8px;margin-right: -8px;align-items: center;display: flex;flex-wrap: wrap; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-8T_rZ32aay[data-gp-component] { margin-left: -8px;margin-right: -8px;margin-bottom: -40px;align-items: center;display: flex;flex-wrap: wrap; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-8T_rZ32aay[data-gp-component] { margin-left: -8px;margin-right: -8px;margin-bottom: -82px;align-items: center;display: flex;flex-wrap: wrap; } } @media (min-width: 1200px) { .gp-component-id-8T_rZ32aay[data-gp-component] { margin-left: -8px;margin-right: -8px;margin-bottom: -106px;align-items: center;display: flex;flex-wrap: wrap; } } .gp-component-id-53dSnDKPXi { margin-bottom: 1rem; } @media (min-width: 768px) { .gp-component-id-53dSnDKPXi { margin-bottom: 3rem; } } .gp-component-id-COArRtTptF { margin-left: auto; margin-right: auto; width: 100%; flex-direction: column; justify-content: center; align-items: center; display: flex; flex-wrap: wrap; } @media (min-width: 640px) { .gp-component-id-COArRtTptF { max-width: 640px; } } @media (min-width: 768px) { .gp-component-id-COArRtTptF { max-width: 768px; } } @media (min-width: 992px) { .gp-component-id-COArRtTptF { max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-COArRtTptF { max-width: 1200px; } } @media (max-width: 639px) { .gp-component-id-NOjNR_OdY[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 20px;padding-bottom: 20px;z-index: 10;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-NOjNR_OdY[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 20px;padding-bottom: 20px;z-index: 10;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-NOjNR_OdY[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 28px;padding-bottom: 28px;z-index: 10;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-NOjNR_OdY[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 28px;padding-bottom: 28px;z-index: 10;position: relative; } } @media (min-width: 1200px) { .gp-component-id-NOjNR_OdY[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 28px;padding-bottom: 28px;z-index: 10;position: relative; } } .gp-component-id-g44UtVIFrO { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-g44UtVIFrO { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-g44UtVIFrO { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-g44UtVIFrO { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-g44UtVIFrO { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-g44UtVIFrO { min-height: 50px;position: relative;z-index: auto; } } .gp-component-id-ohKCD7k8SK { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-ohKCD7k8SK { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ohKCD7k8SK { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ohKCD7k8SK { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ohKCD7k8SK { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-ohKCD7k8SK { min-height: 50px;position: relative;z-index: auto; } } .gp-component-id-Zw8w6BZBvaN[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } @media (min-width: 640px) { .gp-component-id-Zw8w6BZBvaN[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 768px) { .gp-component-id-Zw8w6BZBvaN[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 992px) { .gp-component-id-Zw8w6BZBvaN[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 1200px) { .gp-component-id-Zw8w6BZBvaN[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } .gp-component-id-pN7i8IBQt6K[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } @media (min-width: 640px) { .gp-component-id-pN7i8IBQt6K[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 768px) { .gp-component-id-pN7i8IBQt6K[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 992px) { .gp-component-id-pN7i8IBQt6K[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 1200px) { .gp-component-id-pN7i8IBQt6K[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } .gp-component-id-Dn4TA3re3i[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } @media (min-width: 640px) { .gp-component-id-Dn4TA3re3i[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 768px) { .gp-component-id-Dn4TA3re3i[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 992px) { .gp-component-id-Dn4TA3re3i[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 1200px) { .gp-component-id-Dn4TA3re3i[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.25rem; margin-right: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } .gp-component-id-uXXKhLPCCO[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 0.5rem; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } @media (min-width: 640px) { .gp-component-id-uXXKhLPCCO[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 768px) { .gp-component-id-uXXKhLPCCO[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-left: 1rem; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 992px) { .gp-component-id-uXXKhLPCCO[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } @media (min-width: 1200px) { .gp-component-id-uXXKhLPCCO[data-gp-component] { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; margin-right: 0.25rem; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 6rem; height: 6rem; } } .gp-component-id-INC4TTO93R[data-gp-component] { margin-bottom: 0px; width: 85.71%; justify-content: center; align-items: center; display: flex; } @media (min-width: 640px) { .gp-component-id-INC4TTO93R[data-gp-component] { margin-bottom: 0px; width: 100%; } } @media (min-width: 768px) { .gp-component-id-INC4TTO93R[data-gp-component] { margin-bottom: 0px; } } @media (min-width: 992px) { .gp-component-id-INC4TTO93R[data-gp-component] { margin-bottom: 0px; } } @media (min-width: 1200px) { .gp-component-id-INC4TTO93R[data-gp-component] { margin-bottom: 0px; } } .gp-component-id-bBlfeuilUZ[data-gp-component] { padding-left: 1rem; padding-right: 1rem; flex-direction: column; align-items: center; display: flex; flex-grow: 1; } .gp-component-id-kY0tTAnnNB { flex-wrap: wrap; align-items: center; justify-content: center; display: flex; } @media (min-width: 992px) { .gp-component-id-kY0tTAnnNB { justify-content: space-between; } } .gp-component-id-hbepfCVLPh { width: 100%; margin-right: auto; margin-left: auto; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 640px) { .gp-component-id-hbepfCVLPh { max-width: 640px; } } @media (min-width: 768px) { .gp-component-id-hbepfCVLPh { max-width: 768px; padding-top: 1.25rem; padding-bottom: 1.25rem; } } @media (min-width: 992px) { .gp-component-id-hbepfCVLPh { max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-hbepfCVLPh { max-width: 1200px; } } .gp-component-id-0U2DFvr5f { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-0U2DFvr5f { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-0U2DFvr5f { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-0U2DFvr5f { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-0U2DFvr5f { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-0U2DFvr5f { min-height: 50px;position: relative;z-index: auto; } } .gp-component-id-myXnQflop { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-myXnQflop { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-myXnQflop { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-myXnQflop { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-myXnQflop { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-myXnQflop { min-height: 50px;position: relative;z-index: auto; } }