/* The top of the home page, as approved (docs/mockups/home-eshop-v2/hero-snippet.html), on top of site.css: the numbers
   in circles and the six tiles. Computer and tablet: six circles in a row; phone: 3+3; phone sideways: six. Tiles:
   computer six, tablet and phone 3+3 (small on the phone, with «Σύγκρινε ›»), phone sideways six. */
.eshop-hero{position:relative;overflow:hidden;color:#fff;background:#071f49}
.eshop-hero__media{position:absolute;inset:0}.eshop-hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.eshop-hero__shade{position:absolute;inset:0;background:radial-gradient(ellipse 46% 44% at 50% 32%,rgba(7,31,73,.62),rgba(7,31,73,.34) 60%,rgba(7,31,73,0) 100%)}
.eshop-hero__content{position:relative;padding:34px 0 70px}
.eshop-hero h1.eyebrow{display:block;max-width:none;margin:0;text-align:center;line-height:1.6}.eshop-subtitle{margin:6px 0 0;color:#e6eef8;font-size:1.05rem;font-weight:600;text-align:center;line-height:1.4;text-wrap:balance}
.eshop-counts{display:grid;grid-template-columns:repeat(6,112px);justify-content:center;gap:18px;margin:16px 0 26px}
.eshop-count{display:flex;flex-direction:column;align-items:center;gap:8px;width:112px}
.eshop-count__ring{width:86px;height:86px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#67B63B,#02A598,#0B8ACE,#29c3e5)}
.eshop-count__ring b{display:flex;width:100%;height:100%;border-radius:50%;background:#071f49;align-items:center;justify-content:center;font-size:20px}
.eshop-count span{font-size:13px;color:#cfe0f5;font-weight:700;text-align:center;max-width:110px;min-height:32px;line-height:1.25}
.eshop-promise{text-align:center;margin:-6px 0 20px;font-size:17px;color:#e8f1fb;font-weight:600}.eshop-promise b{color:#29c3e5}
.eshop-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.eshop-tile{background:#fff;color:#071f49;border-radius:18px;padding:16px 14px;display:flex;flex-direction:column;gap:10px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.eshop-tile__icons{display:flex;gap:4px}.eshop-tile__icons svg{width:24px;height:24px}
.eshop-tile strong{font-size:15px;line-height:1.25}.eshop-tile em{font-style:normal}
.eshop-tile__energy--bolt,.eshop-tile__icons .is-bolt{color:#0877d1}.eshop-tile__energy--flame,.eshop-tile__icons .is-flame{color:#3D9A2A}.eshop-tile__energy--dual,.eshop-tile__icons .is-dual{color:#f28c28}.eshop-tile__icons .is-navy{color:#071f49}
.eshop-tile__cta{margin-top:auto;background:#f28c28;color:#fff;border-radius:10px;padding:9px 10px;font-weight:800;font-size:13px;text-align:center}
.eshop-tile__short{display:none}
@media(max-width:1100px){
 .eshop-counts{grid-template-columns:repeat(6,96px);gap:12px}.eshop-count{width:96px}
 .eshop-tiles{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
 .eshop-hero__content{padding:18px 0 22px}
 .eshop-hero__shade{background:radial-gradient(ellipse 78% 46% at 50% 30%,rgba(7,31,73,.6),rgba(7,31,73,.3) 65%,rgba(7,31,73,0) 100%)}
 .eshop-hero h1.eyebrow{font-size:10px;letter-spacing:1px}.eshop-subtitle{font-size:.86rem}
 .eshop-counts{grid-template-columns:repeat(3,96px);gap:10px 14px;margin:12px 0 14px}.eshop-count{width:96px}
 .eshop-count__ring{width:56px;height:56px;padding:2px}.eshop-count__ring b{font-size:13px}.eshop-count span{font-size:10.5px;max-width:96px;min-height:26px}
 .eshop-promise{font-size:14px;margin:0 0 14px}
 .eshop-tiles{grid-template-columns:repeat(3,1fr);gap:8px}
 .eshop-tile{padding:10px 8px;gap:6px;border-radius:14px;align-items:center;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.18)}
 .eshop-tile__icons svg{width:18px;height:18px}
 .eshop-tile strong{font-size:12px;line-height:1.2}
 .eshop-tile__cta{background:none;color:#f28c28;padding:0;font-size:11.5px}.eshop-tile__cta::after{content:" ›"}
 .eshop-tile__long{display:none}.eshop-tile__short{display:inline}
}
@media(max-width:360px){.eshop-tile strong{font-size:11px}}
@media(max-height:520px) and (orientation:landscape){
 .eshop-hero__content{padding:14px 0 50px}
 .eshop-hero__media img{object-position:50% 45%}
 .eshop-hero h1.eyebrow{font-size:10px}
 .eshop-counts{grid-template-columns:repeat(6,92px);gap:8px;margin:8px 0}.eshop-count{width:92px}
 .eshop-count__ring{width:44px;height:44px;padding:2px}.eshop-count__ring b{font-size:11px}.eshop-count span{font-size:10px}
 .eshop-promise{font-size:13px;margin:0 0 10px}
 .eshop-tiles{grid-template-columns:repeat(6,1fr);gap:8px}
 .eshop-tile{padding:9px 6px;gap:5px;border-radius:12px;align-items:center;text-align:center}
 .eshop-tile__icons svg{width:16px;height:16px}.eshop-tile strong{font-size:11.5px}
 .eshop-tile__cta{background:none;color:#f28c28;padding:0;font-size:11px}.eshop-tile__cta::after{content:" ›"}
 .eshop-tile__long{display:none}.eshop-tile__short{display:inline}
}

/* Right under the top, where the rail of the main services was: «Η αλλαγή παρόχου, σαν online παραγγελία» and its 5 steps. */
.order-strip{position:relative;margin-top:-34px;z-index:2}
.order-strip__card{background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(7,31,73,.14);padding:16px 22px;display:flex;align-items:center;gap:26px}
.order-strip__text{flex:0 0 380px;display:flex;flex-direction:column;gap:3px}.order-strip__text strong{color:#071f49;font-size:16px}.order-strip__text span{color:#627083;font-size:13px}
.order-steps{flex:1;display:flex;list-style:none;margin:0;padding:0}
.order-steps li{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#8a94a3;text-align:center}
.order-steps li i{width:24px;height:24px;border-radius:50%;border:2.5px solid #cfd8e3;background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;color:#fff;position:relative;z-index:1}
.order-steps li:not(:last-child)::after{content:"";position:absolute;top:11px;left:50%;width:100%;height:3px;background:#e3e9f0}
.order-steps li.done{color:#071f49}.order-steps li.done i{background:#67B63B;border-color:#67B63B}.order-steps li.done::after{background:#67B63B}
.order-steps li.now{color:#0877d1}.order-steps li.now i{border-color:#0877d1}
@media(max-width:760px){.order-strip{margin-top:12px}.order-strip__card{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.order-strip__text{flex:none}.order-strip__text strong{font-size:14px}.order-strip__text span{font-size:12px}.order-steps li{font-size:10.5px}.order-steps li i{width:20px;height:20px;font-size:10px}.order-steps li:not(:last-child)::after{top:9px}}

/* «Ρεύμα + Αέριο» in the price list: orange, as on its tiles. */
.catalog-tabs button[data-market-tab="dual"].is-active,.catalog-panel[data-market-panel="dual"] .subtabs button.is-active{background:#f28c28;border-color:#f28c28;color:#fff}
.catalog-panel[data-market-panel="dual"]{background:#fff6ec;border-color:#f6c896}
.price-row--dual{border-color:#f6c896;border-left-color:#f28c28;background:linear-gradient(90deg,#fff1e2 0,#fff 18%)}
.subtabs button[data-segment-clear]{border-style:dashed}

/* The rail of the main services, under the price list, with «Κλείσε ραντεβού» as the fourth. */
.action-rail--home{margin:0 0 70px}.action-rail--home .action-rail__grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.action-rail--home .action-rail__grid{grid-template-columns:1fr 1fr}.action-rail--home a:nth-child(2){border-right:0}.action-rail--home a:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:680px){.action-rail--home{margin-bottom:0}.action-rail--home .action-rail__grid{grid-template-columns:1fr}}
.catalog-empty{margin:8px 0;color:var(--muted);font-weight:600}

/* The kVA of the supply next to the kWh, only for business electricity. */
.calculator-box{flex-wrap:wrap}
.calculator-fields{display:flex;align-items:flex-end;gap:12px}
.calculator-kva{display:flex;flex-direction:column;gap:4px}.calculator-kva[hidden]{display:none}
.calculator-kva label{color:#c5d4e8;font-size:.78rem;font-weight:700}
.calculator-kva select{min-width:170px;height:50px;padding:0 12px;border:0;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-weight:800}
.calculator-kva__apply{height:36px;margin-top:6px;border:0;border-radius:8px;background:#f28c28;color:#fff;font-weight:800}.calculator-kva__apply[hidden]{display:none}
.calculator-kva__status{flex-basis:100%;margin:0;color:#c5d4e8;font-size:.8rem}.calculator-kva__status[hidden]{display:none}
@media(max-width:680px){.calculator-fields{width:100%}.calculator-fields>*{flex:1 1 0;min-width:0}.calculator-kva select{min-width:0;width:100%}.calculator-fields .calculator-input{width:auto}}
/* «Χρήσιμα άρθρα» (administrator's decision): as many as the columns of the screen fill, never one alone in the last
   row: 4 a row on a wide screen and a tablet on its side, 3 where three fit, 2 + 2 on a tablet upright, 3 one under the
   other on a phone. The page brings the 4 newest. */
.article-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1099px){.article-grid--home{grid-template-columns:repeat(3,minmax(0,1fr))}.article-grid--home>:nth-child(n+4){display:none}}
@media(max-width:920px){.article-grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid--home>:nth-child(n+4){display:block}
  .article-grid--home>:nth-child(odd):not(:first-child):last-child{display:none}}
@media(max-width:680px){.article-grid--home{grid-template-columns:minmax(0,1fr)}.article-grid--home>:nth-child(n+4){display:none}
  .article-grid--home>:nth-child(odd):not(:first-child):last-child{display:block}}