/* «Σύγκριση» (docs/mockups/home-eshop-v2/sygkrisi-kinito.png): the tick on each plan, the navy bar at the bottom with the
   logos and the orange «Σύγκρινε (N) ›», and the window with up to 2 plans side by side (on a phone too). */
.compare-check{display:inline-flex;align-items:center;gap:8px;color:var(--navy,#071f49);font-weight:800;font-size:.86rem;cursor:pointer;white-space:nowrap;margin-right:auto}
.compare-check input{width:20px;height:20px;margin:0;accent-color:#071f49;cursor:pointer}
.compare-check--modal{display:flex;margin:18px 0 0}.compare-check--modal[hidden]{display:none}
.cancel-note{margin:10px 0 0;color:#2f6b1f;font-size:.82rem;font-weight:700;line-height:1.45}.cancel-note[hidden]{display:none}
/* The popup: the round cart of «Αλλαγή σε 1′» with the line of the 14 days beside it; on a phone both in the blue bar
   at the bottom. */
.history-modal__foot{display:flex;align-items:center;gap:14px;margin-top:18px}
.history-modal__foot[hidden]{display:none}
.history-modal__foot .history-modal__action{order:2;margin:0 0 0 auto}
.history-modal__foot .cancel-note{flex:1;margin:0}
@media(max-width:680px){
 .history-modal__foot{position:sticky;bottom:-22px;z-index:1;margin:18px -16px -22px;padding:12px 16px;border-radius:0 0 16px 16px;background:#1768b5}
 .history-modal__foot .history-modal__action{background:#fff;color:#071f49}
 .history-modal__foot .cancel-note{color:#fff;font-size:.76rem}
}

.compare-bar{position:fixed;left:0;right:0;bottom:0;z-index:250;background:#0b2350;box-shadow:0 -8px 24px rgba(4,18,42,.25)}
.compare-bar[hidden]{display:none}
.compare-bar__inner{display:flex;align-items:center;gap:12px;width:min(1180px,100%);margin:0 auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
.compare-bar__logos{display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden}
/* The logos in white, on nothing (no chip behind them). */
.compare-bar__logo{display:block;width:auto;height:auto;max-width:76px;max-height:32px;object-fit:contain}
strong.compare-bar__logo{color:#fff;font-size:.8rem;white-space:nowrap}
.compare-bar__clear{display:grid;flex:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.compare-bar__clear:hover{background:rgba(255,255,255,.12)}
.compare-bar__clear:focus-visible{outline:3px solid #fff;outline-offset:2px}
.compare-bar__full{margin:0;color:#ffd9b0;font-size:.8rem;font-weight:700}
.compare-bar__go{margin-left:auto;border:0;border-radius:12px;background:#f28c28;color:#fff;font-weight:800;font-size:1rem;padding:12px 18px;min-height:44px;cursor:pointer;white-space:nowrap}
body.has-compare-bar{padding-bottom:72px}
/* «Βοηθός ENERGYS» floats above the bar, never over «Σύγκρινε». */
body.has-compare-bar .assistant{--a-bottom:88px}

.compare-dialog{width:min(980px,calc(100% - 24px));max-height:calc(100% - 24px);border:0;border-radius:22px;padding:22px 20px;color:#071f49;box-shadow:0 30px 80px rgba(4,18,42,.35)}
.compare-dialog::backdrop{background:rgba(4,18,42,.55)}
.compare-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.compare-dialog__head h2{margin:0;font-size:1.35rem;color:#071f49;letter-spacing:0}
.compare-dialog__head{position:sticky;top:-22px;z-index:1;margin:-22px -20px 16px;padding:18px 20px 12px;background:#fff}
.compare-dialog__close{display:inline-flex;flex:0 0 44px;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#eef2f7;color:#071f49;cursor:pointer}
.compare-dialog__close:hover{background:#dfe6ef}.compare-dialog__close:focus-visible{outline:3px solid #0c67b9;outline-offset:2px}
.compare-dialog__cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.compare-dialog__note{margin:16px 0 0;text-align:center;color:#5b6576;font-size:.85rem}
.compare-card{scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid #dfe5ec;border-top:6px solid #0877d1;border-radius:18px;padding:16px 14px;min-width:0}
.compare-card__logo{width:auto;height:auto;max-height:40px;max-width:120px;object-fit:contain;object-position:left center;align-self:flex-start}
strong.compare-card__logo{font-size:.95rem;line-height:28px}
.compare-card__name{margin:12px 0 6px;font-size:1.05rem;line-height:1.3;letter-spacing:0;color:#071f49}
.compare-card__price{display:flex;align-items:baseline;gap:6px;margin:4px 0 10px}.compare-card__price strong{color:#0877d1;font-size:1.9rem;line-height:1.1}.compare-card__price span{color:#5b6576;font-weight:800;font-size:.8rem}
.compare-card__row{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #e8edf2;font-size:.9rem}.compare-card__row span{color:#5b6576}.compare-card__row b{text-align:right}
.compare-card .compare-card__go{align-self:flex-end;margin-top:auto}
.compare-card__row:last-of-type{margin-bottom:12px}
@media(max-width:680px){
 .compare-dialog{width:100%;max-width:none;max-height:calc(100% - 64px);min-height:calc(100% - 64px);margin:auto 0 0;border-radius:22px 22px 0 0;padding:18px 14px}
 .compare-dialog__cards{grid-auto-columns:calc((100% - 12px) / 2)}
 .compare-dialog__head{top:-18px;margin:-18px -14px 12px;padding:14px 14px 10px}
 .compare-card__price strong{font-size:1.55rem}
 .compare-card__row{font-size:.82rem}
 .compare-bar__go{font-size:.95rem;padding:12px 14px}
 .compare-bar__inner{gap:10px}
 .compare-bar__logo{max-width:58px;max-height:28px}
}
.program-compare{margin-top:10px}
.program-hero__price .cancel-note,.program-aside .cancel-note{color:#2f6b1f}
/* «Σύγκρινε», whole: each plan as in its popup, side by side; on a phone one and a bit shows, swipe for the next. */
@media(min-width:681px){.compare-dialog.is-full{width:min(1180px,calc(100% - 24px))}}
.compare-dialog.is-full .compare-dialog__cards{display:block;overflow:visible}
.compare-dialog.is-full .compare-dialog__note{display:none}
.compare-full__for{margin:0 0 12px;color:#5b6576;font-size:.88rem;font-weight:700}
.compare-full__cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.compare-full__col{scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;min-width:0;border:1px solid #dfe5ec;border-top:6px solid #0877d1;border-radius:18px;padding:16px 14px}
.compare-full__logo{width:auto;height:auto;max-height:40px;max-width:120px;object-fit:contain;object-position:left center;align-self:flex-start}
.compare-full__name{margin:4px 0 0;font-size:1.1rem;line-height:1.3;letter-spacing:0}.compare-full__name a{color:#071f49;text-decoration:none}.compare-full__name a:hover{text-decoration:underline}
.compare-full__summary{margin:0;color:#5b6576;font-size:.88rem}
.compare-full__cost{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:6px 0;padding:10px 12px;border-radius:12px;background:#eef6fd}.compare-full__cost span{color:#5b6576;font-size:.85rem;font-weight:700}.compare-full__cost strong{color:#0877d1;font-size:1.25rem;white-space:nowrap}
.compare-full__actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.compare-full .send-results{margin-top:18px;border:0;background:transparent}
/* A clean button, the orange of «Σύγκρινε», that opens the form. */
.compare-full .send-results__open{display:inline-flex;justify-content:center;width:auto;min-height:48px;padding:12px 22px;border-radius:12px;background:#f28c28;color:#fff;font-weight:800}
.compare-full .send-results__open:after{display:none}
.compare-full .send-results[open] .send-results__open{background:#071f49}
.compare-full .send-results__form{margin-top:12px;padding:16px;border:1px solid #dfe5ec;border-radius:16px}
@media(max-width:680px){
 .compare-full__cols{grid-auto-columns:86%;gap:10px}
 .compare-full__col{padding:14px 12px}
}