/* Under the Greek Sun — site stylesheet
   TSK Digital Studio, 2026 */
:root{
  --navy:#16323F; --navy-2:#1E4351; --gold:#C88A3D; --gold-lt:#E0B173;
  --cream:#F6F7F0; --paper:#fff; --slate:#6B7F89; --line:#E1E6E4;
  --ok:#2E7D5B; --no:#A34B3C;
  --serif:'Alegreya',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --gut:clamp(20px,5vw,72px);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);background:var(--cream);color:var(--navy);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
     /* Ίσια νούμερα παντού. Οι σερίφ γραμματοσειρές κειμένου δίνουν από
        μόνες τους «παλιά» ψηφία, όπου το 4 και το 7 κατεβαίνουν κάτω από τη
        γραμμή — σε τιμές ακινήτων μοιάζει με λάθος, όχι με ύφος. */
     font-variant-numeric:lining-nums}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:900px}
.eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500}
.preview{background:#FCF6EE;border-bottom:1px solid #EBD4B4;color:#7A5320;font-size:12.5px;padding:9px var(--gut);text-align:center}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:var(--navy);color:var(--cream);padding:8px 14px;z-index:99}

/* ---------- brand ---------- */
.lockup{display:flex;align-items:center;gap:12px}
.sunmark{width:40px;height:33px;flex:none}
.sunmark path,.sunmark line{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round}
.wm{font-family:var(--serif);font-size:17px;line-height:1.14;letter-spacing:.16em;text-transform:uppercase;font-weight:500}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:40;background:rgba(246,247,240,.94);backdrop-filter:blur(9px);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px var(--gut)}
nav.main{display:flex;gap:20px;font-size:13px;letter-spacing:.02em}
nav.main a{color:var(--slate);padding:4px 0;border-bottom:1px solid transparent;white-space:nowrap}
nav.main a:hover{color:var(--navy);border-color:var(--gold)}
nav.main a.on{color:var(--navy);border-color:var(--gold)}
.hactions{display:flex;align-items:center;gap:9px}
/* currency + language pickers */
.picks{display:flex;align-items:center;gap:8px}
.pick{position:relative}
.pick-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--paper);padding:7px 10px;font-size:12px;color:var(--navy);line-height:1;transition:.15s}
.pick-btn:hover{border-color:var(--gold)}
.pick-btn .chev{width:11px;height:11px;flex:none;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;transition:transform .15s}
.pick.open .pick-btn{border-color:var(--gold)}
.pick.open .pick-btn .chev{transform:rotate(180deg)}
.pick-val{min-width:48px;text-align:left}
.pick.lang .pick-val{min-width:60px}
.pick-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:55;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px rgba(22,50,63,.15);min-width:158px;padding:9px 0;display:none}
.pick.open .pick-menu{display:block}
.pick-h{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--slate);padding:2px 14px 8px;font-weight:500}
.pick-menu a,.pick-menu button{display:block;width:100%;text-align:left;padding:7px 14px;font-size:13px;color:var(--navy);white-space:nowrap;background:none;border:0}
.pick-menu a:hover,.pick-menu button:hover{background:var(--cream);color:var(--gold)}
.pick-menu a.on,.pick-menu button.on{color:var(--gold)}
.mmenu .pick-menu{left:0;right:auto}
.folbtn{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:6px 11px;font-size:12px;color:var(--slate);background:var(--paper)}
.folbtn:hover{border-color:var(--gold);color:var(--navy)}
.folbtn svg{width:14px;height:14px;fill:none;stroke:var(--gold);stroke-width:1.8}
.folbtn.has svg{fill:var(--gold)}
.folbtn .n{font-family:var(--mono);font-size:11px}
.cta{display:inline-block;background:var(--navy);color:var(--cream);padding:9px 18px;font-size:13px;font-weight:500;border:1px solid var(--navy);transition:.15s;cursor:pointer;text-align:center}
.cta:hover{background:var(--navy-2)}
.cta.ghost{background:none;color:var(--navy);border-color:var(--navy)}
.cta.ghost:hover{background:var(--navy);color:var(--cream)}
.cta.gold{background:var(--gold);border-color:var(--gold);color:#fff}
.cta.gold:hover{background:#B87B33;border-color:#B87B33}
.burger{display:none;width:38px;height:38px;border:1px solid var(--line);position:relative}
.burger span{position:absolute;left:10px;right:10px;height:1.6px;background:var(--navy);transition:.2s}
.burger span:nth-child(1){top:13px}.burger span:nth-child(2){top:18.5px}.burger span:nth-child(3){top:24px}
.mmenu{display:none;border-top:1px solid var(--line);background:var(--cream);padding:8px var(--gut) 18px}
.mmenu a{display:block;padding:11px 0;font-size:15px;border-bottom:1px solid var(--line)}
.mmenu .mrow{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;align-items:center}
body.menu-open .mmenu{display:block}

/* ---------- page head ---------- */
.phead{padding:clamp(30px,5vw,60px) 0 clamp(22px,3vw,34px);border-bottom:1px solid var(--line)}
.phead h1{font-family:var(--serif);font-size:clamp(32px,4.4vw,54px);font-weight:500;line-height:1.05;margin:12px 0 14px}
.phead h1 em{font-style:italic;color:var(--gold)}
.phead .lede{color:var(--slate);font-size:clamp(15px,1.4vw,16.5px);max-width:60ch}
.crumb{font-size:11.5px;color:var(--slate);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crumb a:hover{color:var(--navy)}
.crumb i{color:var(--line);font-style:normal}

/* ---------- hero (home) ---------- */
.hero{padding:clamp(38px,6vw,74px) var(--gut) clamp(34px,5vw,60px)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,64px);align-items:center;max-width:1240px;margin:0 auto}
.hero h1{font-family:var(--serif);font-size:clamp(34px,4.6vw,58px);font-weight:500;line-height:1.06;margin:16px 0 20px}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero p.lede{font-size:clamp(15px,1.5vw,17px);color:var(--slate);max-width:44ch}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-figure{position:relative}
.hero-figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hero-tag{position:absolute;left:0;bottom:0;background:var(--cream);padding:14px 18px;max-width:76%}
.hero-tag .p{font-family:var(--serif);font-size:23px;font-weight:500}
.hero-tag .w{font-size:12px;color:var(--slate)}

/* ---------- stats rail ---------- */
.rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.rail-in{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.rail-in>div{background:var(--paper);padding:22px 20px}
.rail .n{font-family:var(--serif);font-size:30px;font-weight:500;line-height:1}
.rail .l{font-size:11.5px;color:var(--slate);margin-top:5px}

/* ---------- sections ---------- */
section{padding:clamp(44px,6.5vw,82px) 0}
section.tight{padding:clamp(30px,4vw,52px) 0}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.shead h2{font-family:var(--serif);font-size:clamp(26px,3.3vw,38px);font-weight:500;line-height:1.1;margin-top:9px}
.shead p{color:var(--slate);font-size:14px;max-width:54ch;margin-top:8px}
.slink{font-size:13px;color:var(--navy);border-bottom:1px solid var(--gold);padding-bottom:2px;white-space:nowrap;cursor:pointer}

/* ---------- filters ---------- */
.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:24px}
.filters{display:flex;gap:7px;flex-wrap:wrap}
.chip{font-size:12.5px;padding:6px 14px;border:1px solid var(--line);background:var(--paper);color:var(--slate);transition:.15s}
.chip:hover{border-color:var(--gold);color:var(--navy)}
.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.tsel{display:flex;gap:8px;margin-left:auto}
.tsel select{font:inherit;font-size:12.5px;color:var(--navy);background:var(--paper);border:1px solid var(--line);padding:6px 9px}
.count{font-family:var(--mono);font-size:11.5px;color:var(--slate);width:100%}

/* ---------- property cards ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:clamp(18px,2.4vw,32px)}
.grid.three{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;transition:.18s;position:relative}
.card:hover{border-color:var(--gold)}
.card .ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--line)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .ph img{transform:scale(1.035)}
.card .badge{position:absolute;top:11px;left:11px;background:rgba(22,50,63,.9);color:var(--cream);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;z-index:2}
.card .gvchip{position:absolute;left:11px;bottom:11px;background:rgba(200,138,61,.95);color:#fff;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;padding:4px 8px;z-index:2}
.heart{position:absolute;top:9px;right:9px;z-index:3;width:32px;height:32px;background:rgba(246,247,240,.92);display:flex;align-items:center;justify-content:center;transition:.15s}
.heart svg{width:15px;height:15px;fill:none;stroke:var(--navy);stroke-width:1.7;transition:.15s}
.heart:hover svg{stroke:var(--gold)}
.heart.on svg{fill:var(--gold);stroke:var(--gold)}
.pnav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:30px;height:30px;background:rgba(246,247,240,.9);color:var(--navy);font-size:15px;line-height:1;display:none;align-items:center;justify-content:center}
.card:hover .pnav{display:flex}
.pnav.prev{left:8px}.pnav.next{right:8px}
.pdots{position:absolute;bottom:10px;right:11px;display:flex;gap:4px;z-index:2}
.pdots i{width:5px;height:5px;border-radius:50%;background:rgba(246,247,240,.55)}
.pdots i.on{background:var(--cream)}
.card .body{padding:16px 17px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .loc{font-size:12px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}
.card .prow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.card .price{font-family:var(--serif);font-size:25px;font-weight:500;line-height:1}
.card .ppm{font-family:var(--mono);font-size:10.5px;color:var(--slate)}
.card .blurb{font-size:13px;color:var(--slate);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .facts{display:flex;gap:14px;font-size:12.5px;color:var(--slate);border-top:1px solid var(--line);padding-top:10px;margin-top:auto}
.more{display:flex;justify-content:center;margin-top:34px}
.empty{padding:40px;text-align:center;color:var(--slate);grid-column:1/-1}

/* ---------- map ---------- */
.geo{background:var(--navy);color:var(--cream)}
.geo .shead h2{color:var(--cream)}
.geo .eyebrow{color:var(--gold-lt)}
.geo .shead p{color:rgba(246,247,240,.62)}
.mapwrap{position:relative;border:1px solid rgba(246,247,240,.14);background:var(--navy-2);padding:clamp(8px,2vw,22px)}
.cmap{width:100%;height:auto;display:block}
.cmap .coast{fill:rgba(246,247,240,.03);stroke:var(--gold);stroke-width:1.6;stroke-linejoin:round}
.cmap .lat{stroke:rgba(246,247,240,.09);stroke-width:1}
.cmap .city{font-family:var(--mono);font-size:11px;fill:rgba(246,247,240,.55);letter-spacing:.08em}
.cmap .citydot{fill:rgba(246,247,240,.45)}
.cmap .dot{fill:var(--gold);stroke:var(--navy);stroke-width:1.4;cursor:pointer;transition:.15s}
.cmap .dot:hover{fill:var(--gold-lt)}
.mtip{position:absolute;pointer-events:none;background:var(--cream);color:var(--navy);width:212px;box-shadow:0 10px 30px rgba(0,0,0,.35);opacity:0;transition:opacity .12s;z-index:5}
.mtip img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mtip .b{padding:9px 11px 11px}
.mtip .p{font-family:var(--serif);font-size:18px;font-weight:500;line-height:1.1}
.mtip .w{font-size:11px;color:var(--slate);margin-top:2px}
.mnote{font-size:11.5px;color:rgba(246,247,240,.5);margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mnote i{width:8px;height:8px;border-radius:50%;background:var(--gold);display:inline-block}
.rlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:rgba(246,247,240,.14);border:1px solid rgba(246,247,240,.14);margin-top:30px}
.rlist a{background:var(--navy);padding:22px 20px;display:flex;flex-direction:column;gap:5px;transition:.18s}
.rlist a:hover{background:var(--navy-2)}
.rlist .rn{font-family:var(--serif);font-size:22px;font-weight:500;color:var(--cream)}
.rlist .rc{font-size:12px;color:rgba(246,247,240,.55)}

/* ---------- three-up nav cards ---------- */
.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.trio a{background:var(--paper);padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:9px;transition:.18s}
.trio a:hover{background:var(--cream)}
.trio h3{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.15}
.trio p{font-size:13.5px;color:var(--slate)}
.trio .go{font-size:12px;color:var(--gold);margin-top:auto;padding-top:12px}

/* ---------- costs / calculator ---------- */
.cgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,52px);align-items:start}
.calc{border:1px solid var(--line);background:var(--cream);padding:clamp(18px,3vw,30px)}
.calc.paper{background:var(--paper)}
.calc .crow{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px}
.calc label.f{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.calc input[type=number]{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--navy);background:var(--paper);border:1px solid var(--line);padding:8px 12px;width:190px}
.tog{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--slate);cursor:pointer}
.tog input{accent-color:var(--gold);width:15px;height:15px}
.li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.li .l small{display:block;font-size:11px;color:var(--slate);font-weight:400}
.li .v{font-family:var(--mono);font-size:13px;white-space:nowrap}
.li.sub2 .l,.li.sub2 .v{color:var(--gold);font-weight:500}
.li.tot{border-bottom:0;padding-top:14px}
.li.tot .l{font-weight:600}
.li.tot .v{font-family:var(--serif);font-size:24px;font-weight:500}
.ann .h{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);margin:20px 0 4px;padding-top:16px;border-top:1px solid var(--line)}
.rate{display:none;align-items:center;gap:8px;font-size:12px;color:var(--slate);margin-left:auto}
.rate input{font-family:var(--mono);font-size:13px;width:74px;border:1px solid var(--line);background:var(--paper);padding:5px 8px;color:var(--navy)}

/* ---------- side card ---------- */
.sidecard{border:1px solid var(--line);padding:clamp(18px,3vw,30px);background:var(--paper)}
.sidecard.navy{background:var(--navy);color:var(--cream);border-color:var(--navy)}
.sidecard.navy p,.sidecard.navy li{color:rgba(246,247,240,.72)}
.sidecard.navy .fine{color:rgba(246,247,240,.5);border-color:rgba(246,247,240,.18)}
.sidecard h3{font-family:var(--serif);font-size:24px;font-weight:500;margin:10px 0 10px}
.sidecard p{font-size:13.5px;color:var(--slate)}
.ticks{list-style:none;margin:16px 0 0;display:grid;gap:9px}
.ticks li{font-size:13.5px;padding-left:19px;position:relative}
.ticks li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:1.4px;background:var(--gold)}
.fine{font-size:11.5px;color:var(--slate);margin-top:16px;border-top:1px solid var(--line);padding-top:12px}

/* ---------- prose ---------- */
.prose h2{font-family:var(--serif);font-size:clamp(24px,2.9vw,34px);font-weight:500;line-height:1.12;margin:38px 0 12px}
.prose h3{font-family:var(--serif);font-size:21px;font-weight:500;margin:26px 0 8px}
.prose p{color:var(--slate);margin-bottom:12px;max-width:70ch}
.prose ul{margin:10px 0 16px 0;list-style:none;display:grid;gap:8px}
.prose li{font-size:14px;color:var(--slate);padding-left:19px;position:relative;max-width:70ch}
.prose li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:1.4px;background:var(--gold)}
.prose strong{color:var(--navy);font-weight:600}
.pullout{border-left:2px solid var(--gold);padding:4px 0 4px 18px;margin:20px 0;font-family:var(--serif);font-size:clamp(19px,2.2vw,24px);line-height:1.3;color:var(--navy);max-width:52ch}

/* ---------- steps / timeline ---------- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(20px,3vw,38px)}
.step .num{font-family:var(--mono);font-size:11px;color:var(--gold);letter-spacing:.1em}
.step h3{font-family:var(--serif);font-size:21px;font-weight:500;margin:9px 0 7px}
.step p{font-size:13.5px;color:var(--slate)}
.tl{border-left:1px solid var(--line);margin-left:8px}
.tl .tli{position:relative;padding:0 0 30px 30px}
.tl .tli::before{content:'';position:absolute;left:-5.5px;top:6px;width:10px;height:10px;background:var(--gold);border:2px solid var(--cream);border-radius:50%}
.tl .w{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.tl h3{font-family:var(--serif);font-size:21px;font-weight:500;margin:5px 0 6px}
.tl p{font-size:13.5px;color:var(--slate);max-width:62ch}
.tl .who{font-size:11.5px;color:var(--slate);margin-top:7px;font-family:var(--mono)}

/* ---------- tables ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--paper);border:1px solid var(--line)}
.tbl th{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);font-weight:500;background:var(--cream)}
.tbl td{padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl td small{display:block;color:var(--slate);font-size:12px;margin-top:3px}
.tbl td.num{font-family:var(--mono);font-size:12.5px;white-space:nowrap}
.tbl tr:last-child td{border-bottom:0}
.scroller{overflow-x:auto}

/* ---------- faq ---------- */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:16px 0;display:flex;justify-content:space-between;gap:20px;font-size:15.5px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:18px;color:var(--gold);font-weight:400}
.faq details[open] summary::after{content:'–'}
.faq .a{padding:0 0 18px;color:var(--slate);font-size:14px;max-width:74ch}

/* ---------- property detail page ---------- */
.dgrid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,3.5vw,50px);align-items:start}
.gal{position:relative;background:var(--line)}
.gal img.main{width:100%;aspect-ratio:4/3;object-fit:cover}
.gal .gnav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;background:rgba(246,247,240,.92);color:var(--navy);font-size:18px;display:flex;align-items:center;justify-content:center}
.gal .gnav.prev{left:10px}.gal .gnav.next{right:10px}
.gal .gi{position:absolute;right:10px;bottom:10px;background:rgba(22,50,63,.85);color:var(--cream);font-family:var(--mono);font-size:11px;padding:4px 9px}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.thumbs img{aspect-ratio:4/3;object-fit:cover;cursor:pointer;opacity:.62;border:1px solid transparent;transition:.15s}
.thumbs img.on,.thumbs img:hover{opacity:1;border-color:var(--gold)}
.dside{position:sticky;top:78px}
.dloc{font-size:12px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}
.dhead{font-family:var(--serif);font-size:clamp(26px,3vw,36px);font-weight:500;line-height:1.08;margin:8px 0 0}
.dprice{font-family:var(--serif);font-size:clamp(30px,3.4vw,42px);font-weight:500;line-height:1;margin-top:16px}
.dsub{font-family:var(--mono);font-size:11px;color:var(--slate);margin-top:7px}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:22px 0}
.spec div{background:var(--paper);padding:12px 14px}
.spec .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
.spec .v{font-size:14.5px;margin-top:3px}
.gvline{border:1px solid var(--line);padding:14px 16px;margin-bottom:20px;font-size:12.5px;background:var(--cream)}
.gvline .t{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:7px;font-weight:500}
.gvline .row{display:flex;gap:8px;align-items:baseline;padding:2px 0}
.gvline .ok{color:var(--ok)}.gvline .no{color:var(--no)}
.dcta{display:grid;gap:9px;margin-top:22px}
.acc{border-top:1px solid var(--line);margin-top:24px}
.acc summary{list-style:none;cursor:pointer;padding:15px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);font-weight:500}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:'+';font-size:15px;color:var(--gold)}
.acc[open] summary::after{content:'–'}
.acc .togs{display:flex;gap:16px;margin:2px 0 12px;flex-wrap:wrap}
.minimap{border:1px solid var(--line);background:var(--navy);padding:12px}
.minimap svg{width:100%;height:auto;display:block}
.nearby{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:14px}
.nearby div{background:var(--paper);padding:10px 13px;display:flex;justify-content:space-between;gap:12px;font-size:13px}
.nearby span:last-child{font-family:var(--mono);font-size:12px;color:var(--slate)}

/* ---------- folio ---------- */
.fitem{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.fitem img{width:120px;aspect-ratio:4/3;object-fit:cover}
.fitem .p{font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.1}
.fitem .w{font-size:12.5px;color:var(--slate);margin-top:2px}
.fitem .rm{color:var(--slate);font-size:17px;padding:8px}
.fitem .rm:hover{color:var(--no)}
.dr-empty{padding:56px 10px;text-align:center;color:var(--slate);font-size:15px}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:var(--cream);z-index:70;transform:translateX(102%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:-16px 0 48px rgba(22,50,63,.25)}
.drawer.open{transform:none}
.dr-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}
.dr-h h3{font-family:var(--serif);font-size:23px;font-weight:500}
.dr-b{flex:1;overflow-y:auto;padding:8px 22px}
.dr-b .fitem{grid-template-columns:86px 1fr auto;gap:12px;padding:10px 0}
.dr-b .fitem img{width:86px}
.dr-b .fitem .p{font-size:18px}
.dr-f{padding:16px 22px;border-top:1px solid var(--line);display:grid;gap:9px}

/* ---------- forms ---------- */
.frm label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin:14px 0 6px}
.frm input,.frm select,.frm textarea{width:100%;font:inherit;font-size:14px;color:var(--navy);background:var(--paper);border:1px solid var(--line);padding:10px 12px}
.frm textarea{min-height:110px;resize:vertical}
.frm .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.frm .send{margin-top:22px;width:100%}
.fnote{font-size:11.5px;color:var(--slate);margin-top:12px}
.fok{padding:clamp(28px,5vw,48px);text-align:center}
.fok h3{font-family:var(--serif);font-size:28px;font-weight:500;margin-bottom:8px}
.fok p{color:var(--slate);font-size:14px}
.hp{position:absolute;left:-9999px;opacity:0}

/* ---------- owners band ---------- */
.oband{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:center}
.oband h2{font-family:var(--serif);font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.12;margin:10px 0 14px}
.oband p{color:var(--slate);font-size:14.5px;max-width:48ch}
.paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Η τελευταία ενότητα της σελίδας: ο κανόνας .wrap (padding:0 var(--gut))
   υπερισχύει του section{padding:... 0} και μηδένιζε το κάτω περιθώριο, με
   αποτέλεσμα το κείμενο να κολλάει στο υποσέλιδο. Της δίνουμε τον ίδιο
   κατακόρυφο ρυθμό που έχουν ήδη οι υπόλοιπες ενότητες. */
main > .wrap:last-child{padding-bottom:clamp(44px,6.5vw,82px)}

/* ---------- footer ---------- */
footer{background:var(--navy);color:rgba(246,247,240,.62);padding:52px 0 30px;font-size:13px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:34px}
footer .wm{color:var(--cream)}
footer h4{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:11px;font-weight:500}
footer a{display:block;padding:3px 0}
footer a:hover{color:var(--cream)}
.fbot{border-top:1px solid rgba(246,247,240,.14);padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px}

/* ---------- overlay ---------- */
.ov{position:fixed;inset:0;background:rgba(22,50,63,.55);backdrop-filter:blur(3px);z-index:60;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:clamp(0px,4vw,44px) clamp(0px,3vw,24px)}
.ov.open{display:flex}
.dlg{background:var(--cream);width:min(560px,100%);position:relative;animation:up .25s ease}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.x{position:absolute;top:0;right:0;z-index:6;width:44px;height:44px;background:var(--navy);color:var(--cream);font-size:17px}
.dlg .fin{padding:clamp(20px,3vw,32px)}
.dlg h3{font-family:var(--serif);font-size:clamp(24px,3vw,30px);font-weight:500;margin:8px 0 6px}
.dlg p.s{font-size:13.5px;color:var(--slate);margin-bottom:16px}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(80px);background:var(--navy);color:var(--cream);font-size:13px;padding:11px 20px;z-index:80;transition:transform .25s;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.toast.on{transform:translateX(-50%)}

/* ---------- responsive ---------- */
@media(max-width:1350px){
  nav.main{display:none}
  .burger{display:block}
  .hrow>.hactions>.cta{display:none}
}
@media(max-width:1020px){
  .cgrid,.dgrid{grid-template-columns:1fr}
  .dside{position:static}
}
@media(max-width:900px){
  .hero-grid,.oband{grid-template-columns:1fr}
  .hero-figure{order:-1}
  .rail-in{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr 1fr}
  .tsel{margin-left:0;width:100%}
  .tsel select{flex:1}
  .frm .two{grid-template-columns:1fr}
  .fitem{grid-template-columns:86px 1fr auto;gap:12px}
  .fitem img{width:86px}
}
@media(max-width:820px){
  header .hrow .picks{display:none}
}
@media(max-width:480px){
  .folbtn .lbl{display:none}
  .wm{font-size:14px}.sunmark{width:32px;height:26px}
  .hrow{gap:8px}
}
/* ── header: δύο κουμπιά αντί για ένα ───────────────────────────────────── */
/* Το λογότυπο δεν στριμώχνεται ποτέ — χωρίς αυτό η flex το έσπαγε σε τέσσερις
   γραμμές μόλις μπήκε το δεύτερο κουμπί. */
.lockup{flex-shrink:0}
.hactions .cta{white-space:nowrap;padding:8px 14px;font-size:12.5px}
.hactions{flex-shrink:0}
/* Ανάμεσα σε 1300 και 1460 δεν χωρούν και τα έξι links και τα δύο κουμπιά.
   Σφίγγουμε την πλοήγηση αντί να πετάξουμε κάτι έξω. */
@media(max-width:1460px){
  nav.main{gap:15px;font-size:12.5px}
}
/* Κάτω από 1400 η σειρά ξεχείλιζε 14px μόλις η «Σύνδεση» πήρε λέξη. Σφίγγουμε
   τα κενά αντί να κρύψουμε κουμπί: κάθε κουμπί εδώ είναι μια επαφή. */
@media(max-width:1400px){
  nav.main{gap:11px;font-size:12px}
  .hactions{gap:6px}
  .hactions .cta{padding:8px 11px;font-size:12px}
  .hrow{gap:12px}
  /* Στη στενή ζώνη πριν το burger, η γλώσσα γίνεται δίγραμμος κωδικός.
     Κάθεται δίπλα στο νόμισμα με το ίδιο βελάκι, οπότε παραμένει αναγνωρίσιμη
     — και τα «Ελληνικά» / «Français» έτρωγαν 40 εικονοστοιχεία που έλειπαν. */
  header .hrow .picks .lgfull{display:none}
  header .hrow .picks .lgshort{display:inline}
}
/* Η τελευταία λωρίδα πριν ανοίξει ο burger στα 1300: εκεί τα ελληνικά και τα
   γαλλικά ξεχείλιζαν ακόμη λίγα εικονοστοιχεία. */
@media(max-width:1345px){
  nav.main{gap:9px}
  header .hrow .pick-btn{padding:6px 7px;gap:5px}
  .hactions .cta{padding:8px 10px}
  .hactions .folbtn{padding:6px 9px}
}
.prices{padding-top:clamp(30px,4vw,52px);padding-bottom:clamp(30px,4vw,52px)}
.freebar{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--gold);
  padding:20px 24px;border-radius:0 6px 6px 0}
.freebar p{margin:0;color:var(--navy);font-size:15.5px;max-width:74ch}
.freebar strong{font-weight:600}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.tier{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:20px 22px}
.tier h3{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--slate);margin:0}
.tier .amt{font-family:var(--serif);font-size:34px;font-weight:500;color:var(--navy);
  margin:6px 0 10px;line-height:1;font-variant-numeric:lining-nums tabular-nums}
.tier p{margin:0;font-size:13.5px;color:var(--slate)}
.tier.wide{display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:14px;flex-wrap:wrap}
.tier.wide .amt{margin:0;font-size:27px;white-space:nowrap}
.tier.wide p{margin-top:6px;max-width:52ch}
.pricenote{margin-top:20px;font-size:13.5px;color:var(--slate);max-width:74ch;
  border-top:1px solid var(--line);padding-top:16px}

/* ── πολιτική απορρήτου ─────────────────────────────────────────────────── */
.fbot a{display:inline;padding:0;text-decoration:underline;text-underline-offset:2px}
.phead .upd{font-size:12px;color:var(--slate);margin-top:14px;font-family:var(--mono)}
.prose.legal{max-width:74ch}
.prose.legal h2{font-size:clamp(19px,2vw,23px);margin:34px 0 10px;
  padding-top:22px;border-top:1px solid var(--line)}
.prose.legal h2:first-of-type{border-top:0;padding-top:0;margin-top:26px}
.prose.legal strong{color:var(--navy);font-weight:600}
.prose.legal a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.tldr{background:var(--cream);border-left:3px solid var(--gold);
  padding:20px 22px;border-radius:0 6px 6px 0;margin-bottom:8px}
.tldr p:last-child{margin-bottom:0;color:var(--navy);max-width:66ch}
/* Ό,τι περιμένει στοιχεία από τον πελάτη. Φαίνεται με το μάτι — επίτηδες. */
.fill{background:#FBF0D8;border-bottom:1px dashed var(--gold);border-radius:2px;
  padding:0 2px;color:var(--navy);font-weight:600}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{header,footer,.folbtn,.preview,.ov,.drawer{display:none}.fill{background:none}}

/* ---------- αίτηση συνεργάτη ---------- */
.cks{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:4px}
.cks label{display:flex;align-items:center;gap:7px;margin:0;font-size:13.5px;
  letter-spacing:0;text-transform:none;color:var(--navy);cursor:pointer}
.cks input{width:15px;height:15px;accent-color:var(--gold)}
.cvrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.cvrow .cta{padding:8px 15px;font-size:12.5px}
.cvfile{font-size:13px;color:var(--navy)}
.cvfile small{color:var(--slate);font-family:var(--mono);font-size:11.5px}
.cvfile button{color:var(--slate);font-size:12px;text-decoration:underline;padding-left:8px}
.cvfile button:hover{color:var(--gold)}
/* Το πεδίο αρχείου το ανοίγει το κουμπί δίπλα του. Χωρίς left:-9999px το
   absolute στοιχείο κάθεται στη «στατική» του θέση και έσπρωχνε τη σελίδα
   39px δεξιά στο κινητό — ίδιο κόλπο με το .hp πιο πάνω. */
.hpfile{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.consent{display:flex;gap:9px;align-items:flex-start;margin-top:20px;font-size:13px;
  color:var(--slate);line-height:1.5}
.consent input{width:15px;height:15px;accent-color:var(--gold);margin-top:2px;flex:0 0 auto}
.consent a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.ferr{font-size:12.5px;color:var(--no);margin-top:12px;display:none}
.ferr.on{display:block}
.jwhy{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:clamp(18px,3vw,34px)}
.jwhy h3{font-family:var(--serif);font-size:20px;font-weight:500;margin:0 0 6px}
.jwhy p{font-size:13.5px;color:var(--slate);max-width:44ch}

/* ---------- αριθμοί ----------
   Οι τιμές και τα μεγέθη βγαίνουν από τη σερίφ του τίτλου. Η Cormorant Garamond
   έχει μία μόνο σειρά ψηφίων και το 7 της κατεβαίνει κάτω από τη γραμμή: ωραίο
   μέσα σε πρόταση, άστατο σε τιμή. Δοκιμάστηκαν πρώτα lining-nums και
   tabular-nums — η γραμματοσειρά δεν έχει εναλλακτικά ψηφία, οπότε δεν άλλαζαν
   τίποτα. Τα γράμματα μένουν σερίφ· αλλάζει μόνο ό,τι κουβαλάει νούμερα.
   Τα μεγέθη πέφτουν ~18%: η Inter «γεμίζει» περισσότερο στο ίδιο px. */
.hero-tag .p, .rail .n, .card .price, .mtip .p, .rlist .rn, .li.tot .v,
.calc input[type=number], .dprice, .fitem .p, .tier .amt{
  font-family:var(--sans);
  letter-spacing:-.018em;
  font-variant-numeric:lining-nums tabular-nums;
}
.hero-tag .p{font-size:20px;font-weight:600}
.rail .n{font-size:25px;font-weight:600}
.card .price{font-size:20px;font-weight:600}
.mtip .p{font-size:15.5px;font-weight:600}
.rlist .rn{font-size:18px;font-weight:600}
.li.tot .v{font-size:19px;font-weight:600}
.calc input[type=number]{font-size:20px;font-weight:600}
.fitem .p{font-size:18px;font-weight:600}
/* Οι δύο μεγάλες τιμές παίρνουν 500: στο 600 φώναζαν πιο δυνατά από τον τίτλο. */
.dprice{font-size:clamp(26px,2.9vw,35px);font-weight:500}
.tier .amt{font-size:28px;font-weight:500}
.tier.wide .amt{font-size:23px}
/* Στήλες με νούμερα ευθυγραμμίζονται — αλλιώς οι τιμές «χορεύουν» καθ' ύψος. */
.tbl .num, .spec .v, .li .v{font-variant-numeric:lining-nums tabular-nums}

/* ---------- η γραμμή του header ----------
   Με έξι links, δύο επιλογείς, τον Φάκελο, τον λογαριασμό και δύο κουμπιά, το
   περιεχόμενο ζητούσε ~1.375px μέσα σε πλαίσιο 1.240 — δηλαδή ξέφευγε ακόμη και
   σε μεγάλη οθόνη, πριν καν προστεθεί ο λογαριασμός. Τρεις κινήσεις, καμία από
   τις οποίες δεν κρύβει πλοήγηση:
     · η γραμμή του header επιτρέπεται να φτάσει τα 1.560, ενώ το κείμενο των
       σελίδων μένει στα 1.240 όπου διαβάζεται άνετα·
     · ο επιλογέας νομίσματος φεύγει από το header — υπάρχει μέσα στη σελίδα
       κόστους, εκεί που τον χρειάζεται κανείς·
     · ο Φάκελος και ο λογαριασμός κρατούν εικονίδιο και αριθμό, χάνουν τη λέξη. */
header .hrow{max-width:1576px}
/* Ο επιλογέας νομίσματος γύρισε στην κεφαλίδα. Ο αγοραστής σε ΗΠΑ ή Καναδά
   θέλει να δει τη μετατροπή από την πρώτη οθόνη, όχι μόνο στη σελίδα κόστους.
   Για να χωρέσει, οι δύο επιλογείς δείχνουν όσο κείμενο χρειάζονται και όχι
   σταθερό πλάτος. */
header .hrow .pick .pick-val{min-width:0}
header .hrow .pick-btn{padding:7px 9px;gap:6px}
.lgshort{display:none}
.folbtn.acct svg{fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round}
/* Το κουμπί του λογαριασμού κάθεται τέρμα δεξιά, μετά το CTA. Είναι το
   τελευταίο πράγμα που συναντά το μάτι στη σειρά και το πρώτο που ψάχνει
   όποιος έχει ήδη λογαριασμό. */
.hactions .folbtn.acct{order:9;margin-left:2px}
.hactions .burger{order:10}
/* Ο Φάκελος μαζεύεται σε εικονίδιο όταν στενεύει η σειρά· η «Σύνδεση»
   κρατάει τη λέξη της, γιατί εικονίδιο ανθρωπάκι δεν το διαβάζει κανείς. */
@media(max-width:1560px){
  header .hrow .folbtn .lbl{display:none}
  header .hrow .folbtn.acct .lbl{display:inline}
}
@media(max-width:480px){
  header .hrow .folbtn.acct .lbl{display:none}
}

/* ---------- παράθυρο εισόδου ----------
   Ο λόγος για τον οποίο δίνει κανείς το email του γράφεται δίπλα στο κουτί.
   Στο κινητό η φόρμα μένει πρώτη: το πεδίο δεν πρέπει να θέλει κύλιση. */
.ov #ov-auth-dlg, .dlg.wide{width:min(860px,100%)}
.authgrid{display:grid}
.authwhy{background:var(--paper);border-top:1px solid var(--line);
  padding:clamp(20px,3vw,30px)}
.authwhy ul{list-style:none;margin:14px 0 0;display:grid;gap:11px}
.authwhy li{position:relative;padding-left:26px;font-size:13.5px;color:var(--ink-2, var(--slate));
  line-height:1.5}
.authwhy li::before{content:'';position:absolute;left:0;top:6px;width:13px;height:7px;
  border-left:1.6px solid var(--gold);border-bottom:1.6px solid var(--gold);
  transform:rotate(-45deg)}
.authform .authpro{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--slate)}
.authform .authpro a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.authok{padding:clamp(28px,5vw,48px)}
/* Στο κινητό η φόρμα μπαίνει πρώτη και τα οφέλη πέφτουν από κάτω: αυτό που
   ζητάει το παράθυρο πρέπει να είναι στην οθόνη χωρίς κύλιση. */
.authgrid>.authform{order:1}
.authgrid>.authwhy{order:2;border-top:1px solid var(--line)}
@media(min-width:720px){
  .authgrid>.authform,.authgrid>.authwhy{order:0}
  .authgrid{grid-template-columns:.85fr 1.15fr;align-items:stretch}
  .authwhy{grid-column:1;grid-row:1;border-top:0;border-right:1px solid var(--line)}
  .authform{grid-column:2;grid-row:1}
}

/* Σύνδεση ή εγγραφή: δύο καρτέλες, όχι δύο παράθυρα. Ο επισκέπτης που
   πάτησε λάθος αλλάζει με ένα κλικ και δεν χάνει ό,τι έγραψε στο email. */
.authtabs{display:flex;gap:2px;margin:0 0 20px;border-bottom:1px solid var(--line)}
.authtabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;
  padding:9px 4px 10px;font:inherit;font-size:13px;letter-spacing:.02em;
  color:var(--slate);cursor:pointer}
.authtabs button:hover{color:var(--ink)}
.authtabs button.on{color:var(--ink);border-bottom-color:var(--gold);font-weight:600}
.authtabs button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}

.authform .lopt{font-weight:400;text-transform:none;letter-spacing:0;
  font-size:11.5px;color:var(--slate);margin-left:5px}

/* Πόλη και ημερομηνία γέννησης χωράνε δίπλα-δίπλα σε οθόνη, μία-μία σε
   κινητό. Το πεδίο ημερομηνίας δεν παίρνει ποτέ ύψος διαφορετικό από τα
   υπόλοιπα — αλλιώς η σειρά φαίνεται στραβή στο Safari. */
.arow{display:grid;gap:0}
@media(min-width:520px){
  .arow{grid-template-columns:1fr 1fr;gap:0 14px}
  /* «Ημερομηνία γέννησης προαιρετικό» τυλίγεται σε δύο γραμμές ενώ «Πόλη»
     όχι — χωρίς κοινό ύψος τα δύο κουτιά ξεκινούσαν σε διαφορετική σειρά. */
  .frm .arow label{min-height:2.4em;display:flex;flex-wrap:wrap;align-items:flex-end;
    gap:0 5px;margin-bottom:6px}
  .frm .arow .lopt{margin-left:0}
}
.frm input[type=date]{min-height:44px}

.phgrp{display:grid;grid-template-columns:minmax(96px,34%) 1fr;gap:8px;
  align-items:start;margin-bottom:14px}
.phgrp select,.phgrp input{margin-bottom:0}

/* Το πλαίσιο επιλογής είναι πρόταση, όχι ετικέτα πεδίου: χωρίς κεφαλαία και
   χωρίς αραίωση γραμμάτων, αλλιώς διαβάζεται σαν φωνή. */
.frm .achk{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;
  margin:6px 0 18px;font-size:12.5px;line-height:1.55;letter-spacing:0;
  text-transform:none;color:var(--slate);cursor:pointer}
.frm .achk input{margin:1px 0 0;width:16px;height:16px;accent-color:var(--gold)}

.alnk{display:block;width:100%;margin-top:12px;background:none;border:0;padding:0;
  font:inherit;font-size:12.5px;color:var(--gold);text-decoration:underline;
  text-underline-offset:2px;cursor:pointer;text-align:center}

.authsep{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  margin:20px 0 14px;color:var(--slate);font-size:11.5px;text-transform:uppercase;
  letter-spacing:.1em}
.authsep::before,.authsep::after{content:'';height:1px;background:var(--line)}
.cta.prov{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.cta.prov svg{width:17px;height:17px;flex:0 0 auto}
/* ── έργα (συγκροτήματα): πίνακας μονάδων και σήμανση νέας κατασκευής ──────
   Προστέθηκε 9/9/2026 για τα ακίνητα της Lux & Easy. Τίποτα εδώ δεν αγγίζει
   τις υπάρχουσες σελίδες: όλα τα ονόματα είναι καινούργια. */
.card .ppm.nb{font-family:var(--sans);color:var(--gold);letter-spacing:.04em;text-transform:uppercase;font-size:9.5px;font-weight:600;white-space:nowrap}
.nbline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--slate)}
.nbchip{display:inline-block;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:3px 10px;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--paper)}
.tblwrap .tbl{border:0;min-width:520px}
.tbl.units td{padding:10px 13px;font-size:13px}
.tbl.units th{white-space:nowrap}
.tbl.units tr.off{color:var(--slate)}
.tbl.units tr.off td{opacity:.62}
.ust{display:inline-block;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--slate);white-space:nowrap}
.ust.available{color:var(--ok);border-color:rgba(46,125,91,.4);background:rgba(46,125,91,.07)}
.ust.reserved{color:var(--gold);border-color:rgba(200,138,61,.45);background:rgba(200,138,61,.08)}
.ust.sold{color:var(--no);border-color:rgba(163,75,60,.35);background:rgba(163,75,60,.06)}
@media(max-width:640px){.tbl.units td,.tbl.units th{padding:9px 10px}}
/* 10/9: το header είχε μηδέν περιθώριο στα πλάγια — το λογότυπο κολλούσε
   στην άκρη της οθόνης στο κινητό. Παίρνει το ίδιο γούτερ με το περιεχόμενο
   ως τα 1280· από κει και πάνω το μενού είναι ανοιχτό και δεν χωράει, οπότε
   μένει στα 8px και το max-width (1576 = 1560 + 2×8) κρατάει το λογότυπο
   ακριβώς εκεί που ήταν στις μεγάλες οθόνες. */
@media(min-width:1281px){.hrow{padding-left:8px;padding-right:8px}}

/* 11/9: περιοχές χωρίς ακίνητα — κάλεσμα καταχώρησης αντί για κενό.
   Σκόπιμα πιο ήσυχες από τις κανονικές κάρτες: δεν πρέπει να μοιάζουν
   με απόθεμα που δεν έχουμε. */
.ugs-open{border-top:1px solid var(--line);padding-top:clamp(22px,3vw,34px)}
.ugs-open .sub{font-size:13.5px;color:var(--slate);max-width:60ch;margin-top:6px}
.opengrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:18px}
.opencard{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px dashed var(--line);border-radius:10px;text-decoration:none;background:transparent;transition:border-color .15s,background .15s}
.opencard:hover,.opencard:focus-visible{border-color:var(--gold);background:rgba(200,138,61,.05)}
.opencard .on{font-family:'Alegreya',Georgia,serif;font-size:17px;color:var(--navy);line-height:1.2}
.opencard .oc{font-size:12px;color:var(--slate)}
.opencard .og{font-size:11.5px;letter-spacing:.04em;color:var(--gold);margin-top:6px;opacity:0;transition:opacity .15s}
.opencard:hover .og,.opencard:focus-visible .og{opacity:1}
@media(max-width:600px){.opencard .og{opacity:1}}


/* ---- CJK (zh) ---- */
html[lang="zh"]{--cjk:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei",sans-serif}
html[lang="zh"] body,html[lang="zh"] input,html[lang="zh"] select,html[lang="zh"] textarea,html[lang="zh"] button{font-family:"Inter",var(--cjk)}
html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3,html[lang="zh"] h4,html[lang="zh"] .h1,html[lang="zh"] .when,html[lang="zh"] .ph-h{font-family:"Alegreya",Georgia,var(--cjk);font-weight:600;letter-spacing:.01em}
html[lang="zh"] .eyebrow,html[lang="zh"] .pick-h,html[lang="zh"] .tag,html[lang="zh"] .lgshort{letter-spacing:.06em}
html[lang="zh"] p,html[lang="zh"] li,html[lang="zh"] .lede{line-height:1.8}
html[lang="zh"] .lede,html[lang="zh"] p{text-align:justify;text-justify:inter-ideograph}
html[lang="zh"]{word-break:normal;overflow-wrap:break-word;line-break:strict}


/* ---- RTL (ar) ---- */
html[lang="ar"]{--ar:"Noto Kufi Arabic","Noto Naskh Arabic","Segoe UI",Tahoma,"Geeza Pro","Arabic Typesetting",sans-serif}
html[lang="ar"] body,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea,html[lang="ar"] button{font-family:var(--ar)}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] .h1,html[lang="ar"] .when,html[lang="ar"] .ph-h{font-family:var(--ar);font-weight:600;letter-spacing:0}
html[lang="ar"] .eyebrow,html[lang="ar"] .pick-h,html[lang="ar"] .tag{letter-spacing:0}
html[lang="ar"] p,html[lang="ar"] li,html[lang="ar"] .lede{line-height:1.95}
[dir="rtl"] .mono,[dir="rtl"] [class*="price"],[dir="rtl"] .n,[dir="rtl"] table td:not(:first-child){direction:ltr;unicode-bidi:embed}
[dir="rtl"] table th:first-child,[dir="rtl"] table td:first-child{text-align:right}
[dir="rtl"] .pick-menu{left:auto;right:0}
[dir="rtl"] .pick-menu a,[dir="rtl"] .pick-menu button{text-align:right}
[dir="rtl"] .chev{transform:none}
[dir="rtl"] .opencard .og,[dir="rtl"] .card .go,[dir="rtl"] a[href] .arrow{transform:scaleX(-1);display:inline-block}
[dir="rtl"] .ugs-evt .in{flex-direction:row}
[dir="rtl"] input,[dir="rtl"] textarea,[dir="rtl"] select{text-align:right}
[dir="rtl"] input[type="email"],[dir="rtl"] input[type="url"],[dir="rtl"] input[type="tel"]{direction:ltr;text-align:left}
[dir="rtl"] .tl,[dir="rtl"] .tli{text-align:right}
[dir="rtl"] ul,[dir="rtl"] ol{padding-right:1.2em;padding-left:0}
[dir="rtl"] blockquote{border-right:3px solid var(--gold);border-left:0;padding-right:16px;padding-left:0}

/* rtl fixes v2 */
[dir="rtl"] .drawer{right:auto;left:0;transform:translateX(-102%);box-shadow:16px 0 48px rgba(22,50,63,.25)}
[dir="rtl"] .drawer.open{transform:none}
[dir="rtl"] .skip{left:auto;right:-9999px}
[dir="rtl"] .skip:focus{left:auto;right:12px}
html[dir="rtl"],[dir="rtl"] body{overflow-x:hidden}

/* ---------- Μενού 7 στοιχείων (προστέθηκε η Θαλπωρή) ----------
   Δοκιμασμένο 1360-1920 σε όλες τις γλώσσες: καμία υπερχείλιση, μία γραμμή.
   Μπαίνει στο τέλος ώστε να υπερισχύει των παλιών ρυθμίσεων για έξι στοιχεία. */
nav.main{gap:15px;font-size:12.8px}
@media(max-width:1480px){nav.main{gap:11px;font-size:12px}.hrow{gap:10px}}
@media(max-width:1410px){nav.main{gap:8px;font-size:11.6px}}
/* Το σήμα της Θαλπωρής στη λωρίδα της αρχικής. */
.ugs-cause .th-mark{flex:none;width:58px;height:auto;display:block}
@media(max-width:900px){.ugs-cause .th-mark{width:46px}}