/* Παράγεται από scripts/wp/spourgitis2026_platform_build.py — ΜΗΝ το επεξεργάζεσαι με το χέρι.
   Πλατφόρμα αποστολής v4 — όλοι οι κανόνες κάτω από #main#main .sp-platform (βλ. RESET). */
#main#main .sp-platform{all:initial;display:block}
#main#main .sp-platform :not(svg,svg *){all:revert;box-sizing:border-box}
#main#main .sp-platform{--navy:#1B3C8F; --navy-dark:#132A63; --navy-deep:#0d1f4d; --navy-bright:#7FA8F0;
  --red:#d80c18; --red-dark:#b3080f; --gold:#e8a33d; --green:#0f7b52; --ok-bg:#f0f9f5;
  --ink:#1c1b1c; --ink-soft:#45474a; --line:#dbe0ea; --surface:#f5f8fd; --white:#fff;
  --err:#8f2119; --err-bg:#fdf3f2;
  --r:16px; --r-btn:12px; --ease:cubic-bezier(.2,.6,.2,1);
  --wrap:1240px;}
#main#main .sp-platform *{box-sizing:border-box}
#main#main .sp-platform{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--surface);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
#main#main .sp-platform img{max-width:100%;display:block}
#main#main .sp-platform [hidden]{display:none!important}
#main#main .sp-platform button,#main#main .sp-platform input,#main#main .sp-platform select,#main#main .sp-platform textarea{font:inherit;color:inherit}
#main#main .sp-platform button{cursor:pointer}
#main#main .sp-platform .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
#main#main .sp-platform .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#main#main .sp-platform :focus-visible{outline:3px solid rgb(127 168 240/.7);outline-offset:2px;border-radius:8px}
.js-enabled #main#main .sp-platform [data-aos]:not(.is-visible){opacity:0;transform:translateY(22px)}
#main#main .sp-platform [data-aos]{transition:opacity .7s var(--ease),transform .7s var(--ease)}
#main#main .sp-platform .hdr{position:absolute;inset:0 0 auto 0;z-index:30;color:#fff}
#main#main .sp-platform .hdr .wrap{display:flex;align-items:center;gap:28px;height:96px}
#main#main .sp-platform .logo{display:flex;align-items:center;background:#fff;border-radius:12px;padding:8px 14px;flex:0 0 auto}
#main#main .sp-platform .logo img{height:56px;width:auto}
#main#main .sp-platform .nav{display:flex;gap:22px;font-weight:600;font-size:15px}
#main#main .sp-platform .nav a{color:#dfe7fb;text-decoration:none;display:flex;align-items:center;gap:4px}
#main#main .sp-platform .nav a:hover{color:#fff}
#main#main .sp-platform .nav svg{opacity:.7}
#main#main .sp-platform .hdr-cta{margin-left:auto;display:flex;gap:10px;align-items:center}
#main#main .sp-platform .tel{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;padding:10px 14px;border-radius:var(--r-btn);background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.18)}
#main#main .sp-platform .tel:hover{background:rgb(255 255 255/.18)}
#main#main .sp-platform .burger{display:none;margin-left:auto;background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.2);color:#fff;border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center}
#main#main .sp-platform .hero{position:relative;color:#fff;padding:168px 0 clamp(80px,8vw,120px);
  background:
    radial-gradient(900px 480px at 82% 8%,rgb(127 168 240/.28),transparent 60%),
    radial-gradient(700px 420px at 8% 92%,rgb(216 12 24/.16),transparent 62%),
    linear-gradient(160deg,var(--navy) 0%,var(--navy-dark) 46%,var(--navy-deep) 100%)}
#main#main .sp-platform .routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55;overflow:hidden}
#main#main .sp-platform .routes path{fill:none;stroke:rgb(127 168 240/.45);stroke-width:1.4;stroke-dasharray:3 7}
#main#main .sp-platform .routes .pulse{fill:var(--gold)}
@media (prefers-reduced-motion:reduce){#main#main .sp-platform .routes .pulse{display:none}}
html.sp-wait #main#main .sp-platform .hero .wrap,html.sp-wait .ftr{visibility:hidden}
#main#main .sp-platform .hero-top{position:relative;text-align:center;max-width:860px;margin:0 auto}
#main#main .sp-platform .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-bright)}
#main#main .sp-platform .eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgb(232 163 61/.2)}
#main#main .sp-platform .hero h1{font-size:clamp(28px,3.1vw,42px);line-height:1.1;letter-spacing:-.02em;margin:0 auto 22px;font-weight:800;max-width:900px}
#main#main .sp-platform .hero .lead{font-size:clamp(16px,1.4vw,18px);color:#cfdaf5;margin:0 auto;max-width:720px}
#main#main .sp-platform .lead b{color:#fff}
#main#main .sp-platform .proof{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin:30px 0 0;font-size:15px;color:#dfe7fb}
#main#main .sp-platform .proof span{display:flex;align-items:center;gap:7px}
#main#main .sp-platform .proof .st{color:var(--gold);letter-spacing:1px}
#main#main .sp-platform .proof svg{color:#8fe0bd}
#main#main .sp-platform .stepper{position:relative;display:flex;justify-content:center;align-items:center;gap:6px;margin:44px auto 18px;flex-wrap:wrap;list-style:none;padding:0}
#main#main .sp-platform .stp{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;font-size:14px;font-weight:600;color:#aebde3;background:rgb(255 255 255/.06);border:1px solid rgb(255 255 255/.1);transition:all .35s var(--ease)}
#main#main .sp-platform .stp b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgb(255 255 255/.12);font-size:13px}
#main#main .sp-platform .stp.is-on{color:#fff;background:rgb(255 255 255/.16);border-color:rgb(255 255 255/.32)}
#main#main .sp-platform .stp.is-on b{background:var(--red)}
#main#main .sp-platform .stp.is-done{color:#d7f4e7}
#main#main .sp-platform .stp.is-done b{background:var(--green)}
#main#main .sp-platform .stp-time{font-size:13px;color:#aebde3;margin-left:8px}
#main#main .sp-platform .console{position:relative;z-index:2;background:#fff;color:var(--ink);border-radius:22px;
  box-shadow:0 30px 80px -20px rgb(6 18 52/.55),0 2px 0 rgb(255 255 255/.4) inset;
  margin:0 auto;max-width:1180px}
#main#main .sp-platform .kinds{display:flex;gap:4px;padding:10px 10px 0;background:#f3f6fc;border-radius:22px 22px 0 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
#main#main .sp-platform .kinds::-webkit-scrollbar{display:none}
#main#main .sp-platform .kind{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px 15px;border:0;background:none;border-radius:12px 12px 0 0;font-weight:600;font-size:15.5px;color:var(--ink-soft);position:relative;white-space:nowrap}
#main#main .sp-platform .kind svg{width:20px;height:20px;color:var(--navy)}
#main#main .sp-platform .kind:hover{background:#e8eef9;color:var(--ink)}
#main#main .sp-platform .kind.is-on{background:#fff;color:var(--navy-dark);box-shadow:0 -1px 0 var(--line),1px 0 0 var(--line),-1px 0 0 var(--line)}
#main#main .sp-platform .kind.is-on::after{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--red)}
#main#main .sp-platform .panel{padding:22px 24px 20px}
#main#main .sp-platform .row{display:grid;grid-template-columns:1.15fr auto 1.15fr 1.55fr 1.3fr auto;gap:10px;align-items:stretch}
#main#main .sp-platform .fld{position:relative;border:1.5px solid var(--line);border-radius:14px;padding:10px 14px 9px;background:#fff;transition:border-color .2s,box-shadow .2s;min-width:0}
#main#main .sp-platform .fld:hover{border-color:#b9c6e2}
#main#main .sp-platform .fld:focus-within,#main#main .sp-platform .fld.is-active{border-color:var(--navy);box-shadow:0 0 0 4px rgb(27 60 143/.1)}
#main#main .sp-platform .fld.is-err{border-color:var(--red);box-shadow:0 0 0 4px rgb(216 12 24/.1)}
#main#main .sp-platform .fld label,#main#main .sp-platform .fld .lbl{display:block;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--ink-soft);text-transform:uppercase;margin-bottom:4px}
#main#main .sp-platform .fld .val{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;min-height:28px}
#main#main .sp-platform .flag{width:24px;height:17px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgb(0 0 0/.08);flex:0 0 auto}
#main#main .sp-platform .fld input{border:0;outline:0;width:100%;font-size:17px;font-weight:600;background:transparent;padding:0;min-width:0}
#main#main .sp-platform .fld input::placeholder{color:#8a93a6;font-weight:500}
#main#main .sp-platform .gr-pick{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;padding:0;font-size:17px;font-weight:600;text-align:left;min-height:28px;color:var(--ink)}
#main#main .sp-platform .gr-pick small{font-weight:500;color:var(--ink-soft);font-size:14px}
#main#main .sp-platform .gr-pick .chev{margin-left:auto;color:var(--ink-soft);transition:transform .2s}
#main#main .sp-platform .fld.is-open .gr-pick .chev{transform:rotate(180deg)}
#main#main .sp-platform #f-from{cursor:pointer}
#main#main .sp-platform .swap{align-self:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--navy);transition:border-color .2s,background .2s,box-shadow .2s}
#main#main .sp-platform .swap:hover{border-color:var(--navy);background:#f3f7ff;box-shadow:0 6px 16px -8px rgb(27 60 143/.5)}
#main#main .sp-platform .swap svg{transition:transform .45s var(--ease)}
#main#main .sp-platform .swap.is-in svg{transform:rotate(180deg)}
#main#main .sp-platform .start-hint{position:absolute;top:-11px;right:12px;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;box-shadow:0 6px 14px -4px rgb(216 12 24/.5);animation:pf-bob 1.6s ease-in-out 3}
@keyframes pf-bob{50%{transform:translateY(-3px)}}
#main#main .sp-platform .fld.is-open{z-index:30}
#main#main .sp-platform .dd{position:absolute;left:-1.5px;right:-1.5px;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 50px -12px rgb(13 31 77/.35);max-height:330px;overflow:auto;z-index:20;padding:6px}
#main#main .sp-platform .dd-h{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 4px}
#main#main .sp-platform .opt{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:none;border-radius:10px;text-align:left;font-size:16px}
#main#main .sp-platform .opt:hover,#main#main .sp-platform .opt.is-cur{background:#eef3fc}
#main#main .sp-platform .opt em{margin-left:auto;white-space:nowrap;font-style:normal;font-size:14px;color:var(--green);font-weight:700}
#main#main .sp-platform .opt em.q{color:var(--ink-soft);font-weight:500}
#main#main .sp-platform .dd-none{padding:14px 10px;color:var(--ink-soft)}
#main#main .sp-platform .seg{display:flex;gap:4px;margin-top:2px}
#main#main .sp-platform .seg button{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 4px;font-size:14px;font-weight:600;color:var(--ink-soft);line-height:1.15;min-width:0}
#main#main .sp-platform .seg button small{display:block;font-size:11px;white-space:nowrap;font-weight:500;color:#7a8296}
#main#main .sp-platform .seg button.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
#main#main .sp-platform .seg button.is-on small{color:#c7d4f3}
#main#main .sp-platform .qty{display:flex;align-items:center;gap:6px;margin-left:auto}
#main#main .sp-platform .qty button{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:#fff;font-weight:700;line-height:1;color:var(--navy)}
#main#main .sp-platform .qty b{min-width:16px;text-align:center}
#main#main .sp-platform .wline{display:flex;align-items:center;gap:8px}
#main#main .sp-platform .go{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;background:var(--red);color:#fff;font-weight:800;font-size:17px;padding:0 26px;min-width:190px;box-shadow:0 14px 28px -10px rgb(216 12 24/.65);transition:background .2s,transform .2s}
#main#main .sp-platform .go:hover{background:var(--red-dark);transform:translateY(-1px)}
#main#main .sp-platform .go svg{transition:transform .25s var(--ease)}
#main#main .sp-platform .go:hover svg{transform:translateX(4px)}
#main#main .sp-platform .quick{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
#main#main .sp-platform .quick > span{font-size:14px;color:var(--ink-soft);font-weight:600;margin-right:4px}
#main#main .sp-platform .qc{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px 6px 7px;font-size:14.5px;font-weight:600;color:var(--ink);transition:all .2s}
#main#main .sp-platform .qc:hover{border-color:var(--navy);background:#f3f7ff}
#main#main .sp-platform .qc.is-on{border-color:var(--navy);background:#eaf0fd;color:var(--navy-dark)}
#main#main .sp-platform .qc .flag{width:22px;height:15px}
#main#main .sp-platform .qc em{font-style:normal;color:var(--green);font-weight:700}
#main#main .sp-platform .live{display:flex;align-items:center;gap:16px;margin-top:16px;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,#f0f9f5,#f5f8fd);border:1px solid #cfe9dc;opacity:0;transform:translateY(6px);transition:all .45s var(--ease)}
#main#main .sp-platform .live.is-on{opacity:1;transform:none}
#main#main .sp-platform .live .big{font-size:28px;font-weight:800;color:var(--navy-dark);letter-spacing:-.02em;white-space:nowrap}
#main#main .sp-platform .live .big small{font-size:14px;font-weight:600;color:var(--ink-soft);margin-right:4px}
#main#main .sp-platform .live p{margin:0;font-size:15px;color:var(--ink-soft)}
#main#main .sp-platform .live p b{color:var(--ink)}
#main#main .sp-platform .live .dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgb(15 123 82/.5);animation:pf-ping 1.8s 3;flex:0 0 auto}
@keyframes pf-ping{70%{box-shadow:0 0 0 10px rgb(15 123 82/0)}100%{box-shadow:0 0 0 0 rgb(15 123 82/0)}}
#main#main .sp-platform .assure{display:flex;flex-wrap:wrap;gap:8px 22px;padding:13px 24px;border-radius:0 0 22px 22px;border-top:1px solid var(--line);background:#fafbfe;font-size:14.5px;color:var(--ink-soft)}
#main#main .sp-platform .assure span{display:flex;align-items:center;gap:7px}
#main#main .sp-platform .assure svg{color:var(--green);flex:0 0 auto}
#main#main .sp-platform .screen[hidden],#main#main .sp-platform .row[hidden]{display:none!important}
#main#main .sp-platform .sumbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);margin-bottom:18px;font-size:15.5px}
#main#main .sp-platform .sumbar b{color:var(--navy-dark)}
#main#main .sp-platform .sumbar .chg{margin-left:auto;border:0;background:none;color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
#main#main .sp-platform .offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
#main#main .sp-platform .offer{position:relative;text-align:left;border:1.5px solid var(--line);border-radius:16px;background:#fff;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;transition:all .25s var(--ease)}
#main#main .sp-platform .offer:hover{border-color:var(--navy);transform:translateY(-2px);box-shadow:0 16px 30px -18px rgb(13 31 77/.45)}
#main#main .sp-platform .offer.is-on{border-color:var(--navy);box-shadow:0 0 0 4px rgb(27 60 143/.12)}
#main#main .sp-platform .badge{position:absolute;top:-11px;left:16px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;color:#fff;background:var(--green)}
#main#main .sp-platform .badge.fast{background:var(--navy)}
#main#main .sp-platform .offer h3{margin:4px 0 0;font-size:18px}
#main#main .sp-platform .offer .by{font-size:14px;color:var(--ink-soft)}
#main#main .sp-platform .offer .pr{font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--navy-dark);margin-top:6px}
#main#main .sp-platform .offer .pr small{font-size:14px;font-weight:600;color:var(--ink-soft)}
#main#main .sp-platform .offer .oil-pnote{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--ink-soft)}
#main#main .sp-platform .offer .eta{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:var(--green)}
#main#main .sp-platform .offer .pick{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:11px;background:var(--navy);color:#fff;font-weight:700}
#main#main .sp-platform .offer:hover .pick{background:var(--navy-dark)}
#main#main .sp-platform .note{font-size:14px;color:var(--ink-soft);margin:14px 2px 0}
#main#main .sp-platform .split{display:grid;grid-template-columns:1fr 340px;gap:22px}
#main#main .sp-platform .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#main#main .sp-platform .grid2 .full{grid-column:1/-1}
#main#main .sp-platform .days{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
#main#main .sp-platform .day{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:600;font-size:14.5px;line-height:1.2}
#main#main .sp-platform .day small{display:block;font-weight:500;color:var(--ink-soft);font-size:12.5px}
#main#main .sp-platform .day.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
#main#main .sp-platform .day.is-on small{color:#c7d4f3}
#main#main .sp-platform .side{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--surface);align-self:start;position:sticky;top:20px}
#main#main .sp-platform .side h4{margin:0 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}
#main#main .sp-platform .side dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;font-size:15px}
#main#main .sp-platform .side dt{color:var(--ink-soft)}
#main#main .sp-platform .side dd{margin:0;text-align:right;font-weight:600}
#main#main .sp-platform .side .tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-weight:700}
#main#main .sp-platform .side .tot b{font-size:28px;color:var(--navy-dark);letter-spacing:-.02em}
#main#main .sp-platform .side .vat{font-size:13px;color:var(--ink-soft);margin:4px 0 0;text-align:right}
#main#main .sp-platform .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;background:var(--red);color:#fff;font-weight:800;font-size:16.5px;padding:15px 22px;width:100%;margin-top:16px;box-shadow:0 12px 24px -12px rgb(216 12 24/.7)}
#main#main .sp-platform .btn:hover{background:var(--red-dark)}
#main#main .sp-platform .back{border:0;background:none;color:var(--navy);font-weight:700;padding:6px 0;display:inline-flex;align-items:center;gap:6px;margin-bottom:10px}
#main#main .sp-platform .pay{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#main#main .sp-platform .pm{border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:16px;text-align:left;font-weight:700;display:flex;flex-direction:column;gap:4px}
#main#main .sp-platform .pm small{font-weight:500;color:var(--ink-soft);font-size:14px}
#main#main .sp-platform .pm.is-on{border-color:var(--navy);box-shadow:0 0 0 4px rgb(27 60 143/.12)}
#main#main .sp-platform .msg{margin-top:12px;padding:10px 14px;border-radius:12px;background:var(--err-bg);color:var(--err);font-size:15px;font-weight:600}
#main#main .sp-platform .done{text-align:center;padding:26px 10px 10px}
#main#main .sp-platform .done .ok{width:64px;height:64px;border-radius:50%;background:var(--ok-bg);color:var(--green);display:grid;place-items:center;margin:0 auto 12px}
#main#main .sp-platform .done h3{font-size:24px;margin:0 0 6px}
#main#main .sp-platform .done p{color:var(--ink-soft);margin:0 auto;max-width:520px}
#main#main .sp-platform .done-acts{display:flex;justify-content:center;margin-top:22px}
#main#main .sp-platform .btn-reset{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:12px 22px;border-radius:12px;border:1.5px solid var(--navy);background:#fff;color:var(--navy);font-weight:700;font-size:16px;transition:background .2s,color .2s}
#main#main .sp-platform .btn-reset:hover{background:var(--navy);color:#fff}
#main#main .sp-platform .after{padding:64px 0 70px}
#main#main .sp-platform .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#main#main .sp-platform .tcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
#main#main .sp-platform .tcard b{display:block;font-size:26px;color:var(--navy-dark);letter-spacing:-.02em}
#main#main .sp-platform .tcard span{font-size:16px;color:var(--ink-soft)}
#main#main .sp-platform .how{margin-top:56px}
#main#main .sp-platform .how h2{font-size:clamp(26px,3vw,36px);margin:0 0 8px;letter-spacing:-.02em;text-align:center}
#main#main .sp-platform .how .sub{text-align:center;color:var(--ink-soft);margin:0 auto 26px;max-width:640px;font-size:18px}
#main#main .sp-platform .hgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#main#main .sp-platform .hstep{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
#main#main .sp-platform .hstep i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf0fd;color:var(--navy);font-style:normal;font-weight:800;margin-bottom:12px}
#main#main .sp-platform .hstep h3{margin:0 0 6px;font-size:18px}
#main#main .sp-platform .hstep p{margin:0;font-size:16px;color:var(--ink-soft)}
#main#main .sp-platform .mbar{display:none}
@media (max-width:1100px){#main#main .sp-platform .row{grid-template-columns:1fr auto 1fr}
#main#main .sp-platform .row .f-size,#main#main .sp-platform .row .f-w{grid-column:span 1}
#main#main .sp-platform .row .f-size{grid-column:1/2}
#main#main .sp-platform .row .f-w{grid-column:2/4}
#main#main .sp-platform .go{grid-column:1/-1;padding:16px;min-height:56px}
#main#main .sp-platform .nav{display:none}
#main#main .sp-platform .burger{display:flex}
#main#main .sp-platform .hdr-cta .tel span{display:none}}
@media (max-width:760px){#main#main .sp-platform .wrap{padding:0 16px}
#main#main .sp-platform .hdr .wrap{height:76px;gap:10px}
#main#main .sp-platform .hdr-cta{margin-left:auto}
#main#main .sp-platform .burger{margin-left:0}
#main#main .sp-platform .logo img{height:40px}
#main#main .sp-platform .logo{padding:6px 10px}
#main#main .sp-platform .hero{padding-top:120px}
#main#main .sp-platform .hero h1{font-size:30px;margin-bottom:16px}
#main#main .sp-platform .proof{font-size:14px;gap:6px 14px;margin-top:22px}
#main#main .sp-platform .stepper{margin:30px auto 14px}
#main#main .sp-platform .stp{padding:5px 10px 5px 5px;font-size:12.5px}
#main#main .sp-platform .stp span{display:none}
#main#main .sp-platform .stp-time{width:100%;text-align:center;margin:4px 0 0}
#main#main .sp-platform .stp.is-on span{display:inline}
#main#main .sp-platform .console{border-radius:18px}
#main#main .sp-platform .hero{padding-bottom:56px}
#main#main .sp-platform .kinds{padding:8px 8px 0}
#main#main .sp-platform .kind{padding:11px 12px 12px;font-size:14px;flex-direction:column;gap:4px}
#main#main .sp-platform .panel{padding:16px 14px}
#main#main .sp-platform .row{grid-template-columns:1fr;gap:10px}
#main#main .sp-platform .row .f-size,#main#main .sp-platform .row .f-w{grid-column:auto}
#main#main .sp-platform .swap{justify-self:center;margin:-27px 0;position:relative;z-index:3;box-shadow:0 6px 16px -8px rgb(13 31 77/.45)}
#main#main .sp-platform .swap svg{transform:rotate(90deg)}
#main#main .sp-platform .swap.is-in svg{transform:rotate(270deg)}
#main#main .sp-platform .go{min-height:56px}
#main#main .sp-platform .live{flex-wrap:wrap;gap:6px 12px}
#main#main .sp-platform .live .big{font-size:24px}
#main#main .sp-platform .assure{padding:12px 14px;font-size:14px}
#main#main .sp-platform .split{grid-template-columns:1fr}
#main#main .sp-platform .side{position:static}
#main#main .sp-platform .grid2{grid-template-columns:1fr}
#main#main .sp-platform .pay{grid-template-columns:1fr}
#main#main .sp-platform .after{padding-top:44px}
#main#main .sp-platform .trust,#main#main .sp-platform .hgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
#main#main .sp-platform .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 30px -12px rgb(13 31 77/.3);transform:translateY(110%);transition:transform .35s var(--ease)}
#main#main .sp-platform .mbar.is-on{transform:none}
#main#main .sp-platform .mbar div{font-size:13px;color:var(--ink-soft);line-height:1.2}
#main#main .sp-platform .mbar div b{display:block;font-size:20px;color:var(--navy-dark)}
#main#main .sp-platform .mbar button{margin-left:auto;border:0;border-radius:12px;background:var(--red);color:#fff;font-weight:800;padding:13px 18px;min-height:48px}
#main#main .sp-platform .hero{padding-top:90px}
#main#main .sp-platform .hero h1{font-size:clamp(25px,7.2vw,30px);margin-bottom:10px}
#main#main .sp-platform .hero .lead{font-size:15.5px}
#main#main .sp-platform .proof{margin-top:10px}
#main#main .sp-platform .proof > span:not(:first-child){display:none}
#main#main .sp-platform .stepper{margin:16px auto 10px}
#main#main .sp-platform .stp-time{display:none}
#main#main .sp-platform #f-from{display:flex;align-items:center;gap:12px;padding:8px 14px;min-height:48px}
#main#main .sp-platform #f-from .lbl{margin:0}
#main#main .sp-platform #f-from .gr-pick{flex:1;min-height:30px}
#main#main .sp-platform .kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;overflow:visible}
#main#main .sp-platform .kind{flex-direction:column;gap:3px;padding:6px 4px;min-height:48px;border-radius:10px;font-size:13px;background:#fff;border:1px solid var(--line)}
#main#main .sp-platform .kind svg{width:18px;height:18px}
#main#main .sp-platform .kind.is-on{box-shadow:none;border-color:var(--navy);background:#eaf0fd}
#main#main .sp-platform .kind.is-on::after{display:none}
#main#main .sp-platform .tel{min-width:44px;min-height:44px;justify-content:center;padding:10px}
#main#main .sp-platform .seg button,#main#main .sp-platform .qc,#main#main .sp-platform .day,#main#main .sp-platform .back,#main#main .sp-platform .chg{min-height:44px}
#main#main .sp-platform .qty button{width:44px;height:44px;border-radius:10px;font-size:18px}
#main#main .sp-platform .fld input{min-height:30px}
#main#main .sp-platform{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media (max-width:400px){#main#main .sp-platform .lead-more{display:none}}
@media (max-width:380px){#main#main .sp-platform .trust,#main#main .sp-platform .hgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){#main#main .sp-platform *{animation:none!important;transition:none!important}}
#main#main .sp-platform .hero--sub{padding:128px 0 clamp(56px,6vw,88px)}
#main#main .sp-platform .hero--sub .stepper{margin-top:0}
#main#main .sp-platform .stp-6{display:none}
#main#main .sp-platform .req{font-style:normal;color:var(--red)}
#main#main .sp-platform .ph{color:#8a93a6;font-weight:500}
#main#main .sp-platform .hint{font-size:14.5px;color:var(--ink-soft);margin:10px 2px 0;line-height:1.5}
#main#main .sp-platform .hint b{color:var(--ink)}
#main#main .sp-platform .scr-h{font-size:22px;margin:0 0 14px;letter-spacing:-.01em}
#main#main .sp-platform .fld select{border:0;outline:0;width:100%;font-size:17px;font-weight:600;background:transparent;padding:4px 0;min-height:30px;color:var(--ink)}
#main#main .sp-platform .fld input[type=file]{font-size:14px;font-weight:500}
#main#main .sp-platform .row-3{grid-template-columns:1.2fr 1.4fr .9fr auto}
#main#main .sp-platform .nomos-only{cursor:pointer}
#main#main .sp-platform .seg-wide button{padding:10px 8px;font-size:15px}
#main#main .sp-platform .seg-wide button small{font-size:12px}
#main#main .sp-platform .seg button:disabled{opacity:.4;cursor:not-allowed}
#main#main .sp-platform #zones,#main#main .sp-platform .xz{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:4px}
#main#main .sp-platform #zones button,#main#main .sp-platform .xz button{white-space:nowrap;padding:6px 4px;font-size:13.5px}
#main#main .sp-platform #zones button small,#main#main .sp-platform .xz button small{display:inline;font-size:11.5px}
@media (min-width:1101px){#main#main .sp-platform .row{grid-template-columns:.9fr auto .9fr 1.5fr 1.75fr auto}}
@media (max-width:760px){#main#main .sp-platform #zones,#main#main .sp-platform .xz{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}}
#main#main .sp-platform .more{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#main#main .sp-platform .more-t{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 14px;border-radius:999px;border:1px dashed #9fb0d6;background:#f7f9fe;color:var(--navy);font-weight:600;font-size:14.5px}
#main#main .sp-platform .more-t:hover,#main#main .sp-platform .more-t.is-on{border-style:solid;border-color:var(--navy);background:#eaf0fd}
#main#main .sp-platform .exact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
#main#main .sp-platform .exact .hint{grid-column:1/-1;margin-top:0}
#main#main .sp-platform .extras{display:grid;gap:10px;margin-top:10px}
#main#main .sp-platform .extras:empty{display:none}
#main#main .sp-platform .xrow{display:grid;grid-template-columns:auto 1.4fr 1.4fr auto auto auto;gap:8px;align-items:center;padding:10px 12px;border:1.5px solid var(--line);border-radius:14px;background:#fbfcff}
#main#main .sp-platform .xn{font-weight:700;font-size:14px;color:var(--navy-dark);white-space:nowrap}
#main#main .sp-platform .xrow .seg{margin:0}
#main#main .sp-platform .xex{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-size:13.5px;font-weight:600;color:var(--navy);min-height:40px}
#main#main .sp-platform .xex.is-on{background:#eaf0fd;border-color:var(--navy)}
#main#main .sp-platform .xdel{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:20px;line-height:1;color:var(--ink-soft)}
#main#main .sp-platform .xdel:hover{border-color:var(--red);color:var(--red)}
#main#main .sp-platform .xexact{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#main#main .sp-platform .xexact label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase}
#main#main .sp-platform .xexact input{border:1.5px solid var(--line);border-radius:10px;padding:8px 10px;font-size:16px;font-weight:600;min-height:40px}
#main#main .sp-platform .note-warn{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--err-bg);color:var(--err);font-size:15px;border:1px solid #f1c9c5}
#main#main .sp-platform .info-card{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--surface);margin-bottom:12px}
#main#main .sp-platform .info-card h3{margin:0 0 4px;font-size:18px}
#main#main .sp-platform .info-card p{margin:0;color:var(--ink-soft)}
#main#main .sp-platform .info-card.full{grid-column:1/-1}
#main#main .sp-platform #p-oikoskevi .btn,#main#main .sp-platform #p-allo .btn{width:auto;min-width:280px}
#main#main .sp-platform #p-allo .live{margin-top:12px}
#main#main .sp-platform .live[hidden]{display:none!important}
#main#main .sp-platform .sumbar{flex-wrap:wrap}
#main#main .sp-platform .sumbar .sep{color:#9aa3b5}
#main#main .sp-platform .sumbar a.chg{margin-left:auto;color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
#main#main .sp-platform .cb{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
#main#main .sp-platform .chk{display:flex;align-items:flex-start;gap:10px;font-weight:600;cursor:pointer;min-height:44px;padding:10px 0}
#main#main .sp-platform .chk input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--navy);flex:0 0 auto}
#main#main .sp-platform .cb-f{display:flex;gap:10px;align-items:stretch;max-width:520px}
#main#main .sp-platform .cb-f .fld{flex:1}
#main#main .sp-platform .btn-sm{width:auto;margin-top:14px;padding:12px 20px;font-size:15.5px}
#main#main .sp-platform .cb-f .btn-sm{margin-top:0}
#main#main .sp-platform .acc{border:1.5px solid var(--line);border-radius:16px;margin-bottom:10px;background:#fff;transition:border-color .2s}
#main#main .sp-platform .acc.is-open{border-color:var(--navy);box-shadow:0 0 0 4px rgb(27 60 143/.07)}
#main#main .sp-platform .acc-h{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:16px 18px;font-weight:700;font-size:17px;text-align:left;min-height:56px}
#main#main .sp-platform .acc-h i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf0fd;color:var(--navy);font-style:normal;font-size:14px;flex:0 0 auto}
#main#main .sp-platform .acc.is-open .acc-h i{background:var(--navy);color:#fff}
#main#main .sp-platform .acc-ok{display:none;margin-left:auto;font-style:normal;color:var(--green);font-weight:800}
#main#main .sp-platform .acc.is-done .acc-ok{display:inline}
#main#main .sp-platform .acc.is-done .acc-h i{background:var(--green);color:#fff}
#main#main .sp-platform .acc-b{padding:0 18px 18px}
#main#main .sp-platform .acc-b > .fld{margin-top:10px}
#main#main .sp-platform .acc-b .chk{margin-top:6px}
#main#main .sp-platform .side .lines{display:grid;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:15px}
#main#main .sp-platform .side .lines div{display:flex;justify-content:space-between;gap:10px}
#main#main .sp-platform .side .lines span{color:var(--ink-soft)}
#main#main .sp-platform .side .lines b{white-space:nowrap}
#main#main .sp-platform .side .tot b small{font-size:14px;font-weight:600;color:var(--ink-soft)}
#main#main .sp-platform .blk{margin-bottom:26px}
#main#main .sp-platform .blk + .blk{padding-top:24px;border-top:1px solid var(--line)}
#main#main .sp-platform .blk > .fld,#main#main .sp-platform .blk > .grid2,#main#main .sp-platform #customs > .fld,#main#main .sp-platform #customs > .grid2{margin-top:10px}
#main#main .sp-platform .review{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}
#main#main .sp-platform .split{grid-template-columns:minmax(0,1fr) 340px}
#main#main .sp-platform .rv{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-top:1px solid var(--line);font-size:15px}
#main#main .sp-platform .rv:first-child{border-top:0}
#main#main .sp-platform .rv span{color:var(--ink-soft)}
#main#main .sp-platform .rv b{overflow-wrap:anywhere}
#main#main .sp-platform .rv a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;margin:-8px -8px -8px 0;color:var(--navy);font-weight:700;font-size:14px}
#main#main .sp-platform .review-sm{max-width:560px;margin:18px auto 0;text-align:left}
#main#main .sp-platform .incl{margin:12px 2px 18px;font-size:15px;color:var(--green);font-weight:600}
#main#main .sp-platform .tblock{border:1px solid var(--line);border-radius:14px;padding:6px 14px 10px;background:var(--surface)}
#main#main .sp-platform .tblock-h{font-weight:800;font-size:16px;margin:8px 2px 4px}
#main#main .sp-platform .tacc{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
#main#main .sp-platform .tacc[hidden]{display:none}
#main#main .sp-platform .tacc>summary{list-style:none;cursor:pointer;padding:10px;font-weight:700;font-size:15px;display:flex;gap:8px;align-items:center}
#main#main .sp-platform .tacc>summary::-webkit-details-marker{display:none}
#main#main .sp-platform .tacc>summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg);transition:transform .2s;flex:0 0 auto}
#main#main .sp-platform .tacc[open]>summary::before{transform:rotate(45deg)}
#main#main .sp-platform .tacc-locked>summary{cursor:default}
#main#main .sp-platform .tacc-locked>summary::before{display:none}
#main#main .sp-platform .tacc-b{padding:0 12px 12px 26px;font-size:15px;color:var(--ink-soft);line-height:1.55}
#main#main .sp-platform .tacc-b p{margin:0 0 8px}
#main#main .sp-platform .tacc-b a{color:var(--navy);font-weight:600}
#main#main .sp-platform .tacc.is-flash>summary{background:#fff7e6;border-radius:10px}
#main#main .sp-platform .decl{margin-top:14px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff}
#main#main .sp-platform .decl .terms{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
#main#main .sp-platform .decl input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--navy);flex:0 0 auto}
#main#main .sp-platform .decl label{cursor:pointer}
#main#main .sp-platform .decl .field-err{display:none;align-items:center;gap:6px;color:var(--err);font-size:14px;font-weight:600;margin-top:6px}
#main#main .sp-platform .decl.is-err{border-color:var(--red);box-shadow:0 0 0 4px rgb(216 12 24/.08)}
#main#main .sp-platform .decl.is-err .field-err{display:flex}
#main#main .sp-platform .tlink{border:0;background:none;padding:0;color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:700}
#main#main .sp-platform .pm small{display:block}
#main#main .sp-platform .pm[data-v]{min-height:64px}
#main#main .sp-platform .pay .pm.is-on{background:#f3f7ff}
#main#main .sp-platform .done-h{font-size:clamp(24px,3vw,30px);margin:0 0 8px;color:var(--ink)}
@media (max-width:760px){#main#main .sp-platform .hero--sub{padding:96px 0 40px}
#main#main .sp-platform .row-3{grid-template-columns:1fr}
#main#main .sp-platform .exact{grid-template-columns:1fr 1fr}
#main#main .sp-platform .xrow{grid-template-columns:1fr auto;gap:8px}
#main#main .sp-platform .xrow .xn{grid-column:1/-1}
#main#main .sp-platform .xrow .seg{grid-column:1/-1}
#main#main .sp-platform .xexact{grid-template-columns:1fr 1fr}
#main#main .sp-platform .xex,#main#main .sp-platform .xdel,#main#main .sp-platform .more-t{min-height:44px}
#main#main .sp-platform .xdel{width:44px;height:44px}
#main#main .sp-platform #p-oikoskevi .btn,#main#main .sp-platform #p-allo .btn{width:100%;min-width:0}
#main#main .sp-platform .cb-f{flex-direction:column}
#main#main .sp-platform .split{grid-template-columns:minmax(0,1fr)}
#main#main .sp-platform .rv{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}
#main#main .sp-platform .rv span{grid-column:1/-1;font-size:13px}
#main#main .sp-platform .scr-h{font-size:19px}
#main#main .sp-platform .acc-b{padding:0 12px 14px}
#main#main .sp-platform .tacc-b{padding-left:12px}}
@media (hover:none){#main#main .sp-platform .offer:hover,#main#main .sp-platform .go:hover{transform:none}}
#main#main .sp-platform .brk-t{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#main#main .sp-platform .live .brk-t{border:0;background:none;padding:4px 6px;margin:-4px -6px;border-radius:10px;display:inline-flex;align-items:center;gap:2px;font-size:28px;font-weight:800;color:var(--navy-dark)}
#main#main .sp-platform .live .brk-t:hover{background:rgb(27 60 143/.07)}
#main#main .sp-platform .brk-i{flex:0 0 auto;margin-left:6px;color:var(--navy);opacity:.8}
#main#main .sp-platform .brk-t[aria-expanded="true"] .brk-i{opacity:1}
#main#main .sp-platform .brk-t:focus-visible{outline:3px solid var(--navy-bright);outline-offset:2px}
#main#main .sp-platform .mbar .mbar-info{margin:0;padding:4px 8px 4px 0;min-height:48px;border:0;border-radius:10px;background:none;color:var(--ink-soft);font-size:13px;font-weight:500;line-height:1.2;text-align:left;display:flex;flex-direction:column;justify-content:center}
#main#main .sp-platform .mbar .mbar-info b{display:flex;align-items:center;font-size:20px;color:var(--navy-dark);text-decoration:underline dotted 1.5px;text-underline-offset:4px}
#main#main .sp-platform .mbar .mbar-info .brk-i{margin-left:5px}
#main#main .sp-platform .brk{position:fixed;z-index:60;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px -14px rgb(13 31 77/.45);padding:12px 14px 14px;font-size:14.5px}
#main#main .sp-platform .brk-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
#main#main .sp-platform .brk-hd h3{margin:0;font-size:15px;color:var(--navy-dark);outline:0}
#main#main .sp-platform .brk-x{width:40px;height:40px;margin:-8px -8px -8px 0;border:0;border-radius:10px;background:none;font-size:22px;line-height:1;color:var(--ink-soft);cursor:pointer}
#main#main .sp-platform .brk-x:hover{background:var(--surface)}
#main#main .sp-platform .brk-p{margin:0 0 8px;font-size:15px;color:var(--ink-soft)}
#main#main .sp-platform .brk-p b{font-size:22px;color:var(--navy-dark)}
#main#main .sp-platform .brk-p small{font-size:13px}
#main#main .sp-platform .brk-r{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px solid var(--line)}
#main#main .sp-platform .brk-r span{color:var(--ink-soft)}
#main#main .sp-platform .brk-r b{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
#main#main .sp-platform .brk-n{margin:8px 0 0;font-size:13.5px;color:var(--ink-soft);line-height:1.45}
#main#main .sp-platform .brk-n:empty{display:none}
#main#main .sp-platform .note-info{margin-top:12px;padding:12px 14px;border-radius:12px;background:#f5f8fd;color:var(--ink);font-size:15px;border:1px solid #c9d5f0}
#main#main .sp-platform .note-info b{color:var(--navy-dark)}
@media (max-width:760px){#main#main .sp-platform .live .brk-t{font-size:24px}}
/* ── WordPress: κενό πάνω από το hero από την κεφαλίδα του θέματος (mockup: padding − ύψος δικής του κεφαλίδας) ── */
#main#main .sp-platform .hero{padding-top:calc(var(--hdr-total,110px) + 72px)}
@media (max-width:1100px){#main#main .sp-platform .hero{padding-top:calc(var(--hdr-total,110px) + 24px)}}
@media (max-width:760px){#main#main .sp-platform .hero{padding-top:calc(var(--hdr-total,110px) + 14px)}}
#main#main .sp-platform .hero--sub{padding-top:calc(var(--hdr-total,110px) + 32px)}
@media (max-width:760px){#main#main .sp-platform .hero--sub{padding-top:calc(var(--hdr-total,110px) + 20px)}}
#main#main .sp-platform .pf-anchor{display:block;height:0;scroll-margin-top:calc(var(--hdr-total,110px) + 16px)}
/* ── 12/10/2026 (χρήστης): επιλογή μεγέθους/βάρους σε απαλό μπλε αντί για γεμάτο --navy.
      Το περίγραμμα μένει --navy: η επιλογή ξεχωρίζει από τις υπόλοιπες (λευκό, γκρι περίγραμμα). ── */
#main#main .sp-platform :is(#sizes,#zones,.seg.xs,.seg.xz) button.is-on{background:#E8EFFC;border-color:var(--navy);color:var(--navy-dark)}
#main#main .sp-platform :is(#sizes,#zones,.seg.xs,.seg.xz) button.is-on small{color:#3D5596}
/* ── 13/10/2026: μήνυμα κάτω από κόκκινο πεδίο (διεύθυνση, ονοματεπώνυμο) — μόνο όταν είναι σε σφάλμα ── */
#main#main .sp-platform .fld .fld-hint{display:none}
#main#main .sp-platform .fld.is-err .fld-hint{display:block;margin-top:4px;font-size:13px;line-height:1.35;font-weight:600;color:var(--err)}
/* ── 13/10/2026 (#16777, Παναγιώτης): «Θέλω την ασφάλιση των 300 €» δίπλα στο checkbox. Το #val-ins-f είναι .chk μέσα
      σε .fld· το «.fld label» της v4 (κεφαλαία 12,5px, display:block) νικούσε το «.chk» (ειδικότητα) → κείμενο κάτω. ── */
#main#main .sp-platform .fld label.chk{display:flex;font-size:inherit;letter-spacing:normal;text-transform:none;color:inherit;margin-bottom:0}
/* ── 13/10/2026 (#16777): σύνδεσμοι όρων μέσα στις δηλώσεις — <a> αντί για <button> (βλ. TLINK_RE): ρέουν στη γραμμή ── */
#main#main .sp-platform a.tlink{cursor:pointer}
/* ── 13/10/2026 (#16777, Παναγιώτης): στον υπολογιστή (>1100px) το πεδίο «Προς» είναι ~130–150px και η λίστα χωρών
      έπαιρνε το ίδιο πλάτος → 5 χώρες σε δύο γραμμές («Ηνωμένα Αραβικά Εμιράτα | από 95 €»). Μετρημένο 1101–1440px,
      όλα τα είδη + αντιστροφή: 0 σε δύο γραμμές, η λίστα μένει μέσα στην κονσόλα. Κάτω από 1100px το πεδίο είναι ήδη φαρδύ. ── */
@media (min-width:1101px){#main#main .sp-platform .dd{min-width:415px}}
/* ── 15/10/2026 (Ρ25 · #16772 61666): «Έχετε κουπόνι;» στη σύνοψη, πάνω από το «Σύνολο» ── */
#main#main .sp-platform .side .cp{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:15px}
#main#main .sp-platform .side .cp label{display:block;margin:0 0 6px;font-weight:600;color:var(--ink-soft)}
#main#main .sp-platform .side .cp-row{display:flex;gap:8px}
#main#main .sp-platform .side .cp-row input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-weight:600;text-transform:uppercase;background:#fff;color:var(--ink)}
#main#main .sp-platform .side .cp-row input:focus{outline:2px solid var(--navy);outline-offset:1px;border-color:var(--navy)}
#main#main .sp-platform .side .cp button{height:44px;padding:0 14px;border:1px solid var(--navy);border-radius:10px;background:#fff;color:var(--navy-dark);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
#main#main .sp-platform .side .cp button:disabled{opacity:.6;cursor:progress}
#main#main .sp-platform .side .cp-msg{margin:6px 0 0;font-size:13px;line-height:1.35;font-weight:600;color:var(--err)}
#main#main .sp-platform .side .cp.is-on{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--green)}
#main#main .sp-platform .side .cp.is-on span{color:var(--ink)}
#main#main .sp-platform .side .cp.is-on button{height:auto;padding:0;border:0;background:none;color:var(--navy);text-decoration:underline;font-weight:600}
#main#main .sp-platform .chk.sp-nomail{font-weight:500;font-size:14px;line-height:1.45;min-height:0;padding:6px 0 14px}
#main#main .sp-platform .chk.sp-nomail input{width:18px;height:18px}
