:root{color-scheme:light;--bg:#f6fbfe;--ink:#14324a;--mut:#5a7186;--card:#fff;--line:#dcebf3;--sky:#18b6d9;--sky2:#0b8fb4;--coral:#ff8a5b;--sun:#ffc46b;--mint:#2bb3a3;--alt:#eaf6fb;--sh:0 10px 30px rgba(20,60,90,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em;font-weight:800}
a{color:var(--sky2)}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.25rem}.brand b{color:var(--coral)}
nav{display:flex;align-items:center;gap:6px}nav a{padding:8px 13px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px}
nav a:hover,nav a.on{background:var(--alt);color:var(--sky2)}nav a.pill{background:var(--coral);color:#fff;margin-left:6px}nav a.pill:hover{filter:brightness(1.06);background:var(--coral);color:#fff}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}.burger span{display:block;width:24px;height:2.5px;background:var(--ink);margin:5px 0;border-radius:2px}
.hero{position:relative;min-height:84vh;display:flex;align-items:flex-start;overflow:hidden;background:#d7f1fb}
.hero-s{min-height:72vh}
.hero-art,.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 55%);pointer-events:none}
.hero-in{position:relative;z-index:2;width:100%;padding-top:70px;padding-bottom:80px}
.kick{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:800;color:var(--sky2);margin:0 0 14px}
.crumb{font-size:14px;margin:0 0 12px;color:var(--mut)}.crumb a{text-decoration:none;font-weight:700}
.hero h1{font-size:clamp(2.5rem,6.6vw,4.9rem);max-width:820px}
.grad{background:linear-gradient(90deg,var(--sky2),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:600px;font-size:1.2rem;color:#27475f}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-block;padding:14px 26px;border-radius:999px;background:var(--coral);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 20px rgba(255,138,91,.38);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn.alt{background:#fff;color:var(--sky2);box-shadow:var(--sh)}
.strip{background:#fff;border-block:1px solid var(--line)}.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:26px 20px;text-align:center}
.sgrid b{display:block;font-size:1.9rem;font-weight:800;color:var(--sky2)}.sgrid span{font-size:.92rem;color:var(--mut)}
.sec{padding:78px 0}.sec.alt{background:var(--alt)}.sec h2{font-size:clamp(1.9rem,4vw,2.7rem)}
.sec-lead{color:var(--mut);max-width:680px;margin:0 0 28px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.chip{border:1.5px solid var(--line);background:#fff;color:var(--ink);padding:9px 17px;border-radius:999px;font:700 14px inherit;cursor:pointer}
.chip:hover{border-color:var(--sky)}.chip.is-on{background:var(--sky);border-color:var(--sky);color:#fff}
.mapgrid{display:grid;grid-template-columns:1fr 340px;gap:20px}
.tmap{height:600px;border-radius:22px;overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line);z-index:1}
.dlist{height:600px;overflow:auto;display:grid;gap:10px;align-content:start;padding-right:4px}
.d{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;cursor:pointer;box-shadow:0 2px 8px rgba(20,60,90,.05)}
.d:hover,.d:focus-visible{border-color:var(--sky);box-shadow:var(--sh)}.d i{flex:0 0 14px;height:14px;border-radius:50%}.d b{display:block;font-size:.98rem}.d small{color:var(--mut)}
.d .rd{margin-left:auto;font-size:11px;font-weight:800;background:#dff6e8;color:#1c7a45;padding:3px 9px;border-radius:999px;white-space:nowrap}
.pin{width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:3px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.35)}
.pin.rdy{box-shadow:0 0 0 4px rgba(43,179,100,.45),0 3px 8px rgba(0,0,0,.35)}
.leaflet-popup-content{font:15px/1.5 system-ui,sans-serif;margin:14px 16px}.leaflet-popup-content b{font-size:1.05rem}
.pl{display:inline-block;margin-top:8px;background:var(--coral);color:#fff!important;text-decoration:none;padding:7px 14px;border-radius:999px;font-weight:700}
.pl.soon{background:var(--alt);color:var(--mut)!important}
.feat{background:linear-gradient(180deg,#fff,var(--alt))}.fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.feat-art{position:relative;aspect-ratio:4/3;border-radius:26px;background:linear-gradient(135deg,#ff8a5b,#ffc46b);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh);overflow:hidden}.feat-art svg{width:34%}.feat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.badge{display:inline-block;background:#fff0e8;color:#d9521f;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:12px}
.ticks{padding:0;list-style:none;margin:16px 0 24px}.ticks li{padding-left:28px;position:relative;margin:6px 0}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--mint);font-weight:800}
.regs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.reg{position:relative;display:flex;align-items:flex-end;min-height:230px;border-radius:22px;overflow:hidden;text-decoration:none;color:#fff;box-shadow:var(--sh);transition:transform .2s}
a.reg[href]:hover{transform:translateY(-5px)}.reg[aria-disabled]{opacity:.92;cursor:default}
.reg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reg:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,40,60,.55),rgba(10,40,60,0) 65%);z-index:1}
.reg-in{position:relative;z-index:2;padding:18px}.reg-in b{display:block;font-size:1.45rem}.reg-in span{display:block;font-size:.9rem;opacity:.95}.reg-in em{display:inline-block;margin-top:8px;font-style:normal;font-weight:800;font-size:.85rem;background:rgba(255,255,255,.28);padding:4px 11px;border-radius:999px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 4px 14px rgba(20,60,90,.06);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-5px);box-shadow:var(--sh)}.card[hidden]{display:none}
.card-btn{all:unset;display:block;cursor:pointer;width:100%}.card-btn:focus-visible{outline:3px solid var(--sky);outline-offset:-3px}
.card-art{position:relative;overflow:hidden;height:160px;display:flex;align-items:center;justify-content:center}.card-art svg{width:68px;height:68px}
.card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card-body{padding:18px 20px 20px}.card-body h3{font-size:1.2rem}.card-body p{margin:.3em 0;font-size:.96rem}.sub{color:var(--mut);font-size:.9rem!important}
.tag{display:inline-block;font-size:12px;font-weight:800;padding:3px 11px;border-radius:999px;margin-bottom:10px;background:var(--alt);color:var(--sky2)}
.tag-archaia{background:#fff0e8;color:#d9521f}.tag-thriskeftika{background:#e8eeff;color:#3c57c9}.tag-nea{background:#dff7f3;color:#12806f}.tag-fysi{background:#e8f7df;color:#3d8a22}
.more{display:inline-block;margin-top:8px;color:var(--sky2);font-weight:800;font-size:.93rem}
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.area{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 4px 14px rgba(20,60,90,.06)}.area h3{font-size:1.3rem}.arealinks{font-size:.9rem;color:var(--mut)}.arealinks a{text-decoration:none;font-weight:600}.arealinks a:hover{text-decoration:underline}
.route{list-style:none;margin:0;padding:0;display:grid;gap:16px}.route li{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 22px;box-shadow:0 4px 14px rgba(20,60,90,.05)}
.rt{flex:0 0 112px;font-weight:800;color:var(--coral)}.route h4{margin:0 0 4px}.route p{margin:0;color:var(--mut)}
.tl{list-style:none;margin:0;padding:0 0 0 22px;border-left:3px solid var(--sun)}.tl li{position:relative;padding:0 0 22px 20px;display:grid;grid-template-columns:160px 1fr;gap:12px}
.tl li:before{content:"";position:absolute;left:-31px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--coral);border:3px solid var(--bg)}.tl b{color:var(--coral)}
.mapwrap{border-radius:22px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/8;box-shadow:var(--sh)}.mapwrap iframe{width:100%;height:100%;border:0}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 4px 14px rgba(20,60,90,.05)}.box h3{font-size:1.15rem}.box ul{margin:0;padding-left:18px}
.note{color:var(--mut);font-size:.93rem;margin-top:18px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.gal figure{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);cursor:zoom-in;box-shadow:0 4px 14px rgba(20,60,90,.06)}
.gal img{width:100%;height:210px;object-fit:cover;display:block}.gal figcaption{padding:10px 14px;font-size:.9rem;color:var(--mut)}
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:22px}.vids .v{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.vids iframe,.vids video{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}.vids p{margin:0;padding:10px 14px;font-weight:700}
footer{background:#0f3a55;color:#d9ecf6;padding:40px 0 24px}footer a{color:#ffd9a0}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.fb{font-size:1.2rem;margin:0 0 6px}.small{font-size:.9rem;opacity:.9;margin:.3em 0}.legal{margin-top:26px;opacity:.7}
dialog{border:0;border-radius:24px;max-width:660px;width:calc(100% - 28px);padding:0;background:#fff;color:var(--ink);box-shadow:0 30px 80px rgba(10,40,60,.4)}
dialog::backdrop{background:rgba(10,40,60,.55)}#dlg-body{padding:30px 28px 26px}.x{position:absolute;right:12px;top:8px;background:none;border:0;font-size:34px;line-height:1;color:var(--mut);cursor:pointer;z-index:2}
.m-img{width:100%;max-height:300px;object-fit:cover;border-radius:16px;margin-bottom:14px}
.facts{display:grid;gap:8px;margin:20px 0 0;padding:16px;background:var(--alt);border-radius:14px}.facts div{display:flex;gap:10px;flex-wrap:wrap}.facts dt{font-weight:800;min-width:130px}.facts dd{margin:0}
@media (max-width:860px){.mapgrid{grid-template-columns:1fr}.tmap{height:440px}.dlist{height:auto;max-height:340px}.fgrid2{grid-template-columns:1fr;gap:24px}.fgrid{grid-template-columns:1fr}}
@media (max-width:760px){.burger{display:block}nav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;padding:10px 20px 16px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}nav a.pill{margin:6px 0 0;text-align:center}
.sgrid{grid-template-columns:repeat(2,1fr)}.tl li{grid-template-columns:1fr;gap:2px}.route li{flex-direction:column;gap:4px}.rt{flex:none}.sec{padding:54px 0}.hero{min-height:78vh}.hero-in{padding-top:44px}.mapwrap{aspect-ratio:4/5}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.hero-collage{position:absolute;right:max(24px,calc((100vw - 1160px)/2));top:50%;transform:translateY(-46%);width:min(44vw,500px);height:420px;z-index:2}
.hero-collage figure{position:absolute;margin:0;background:#fff;padding:8px 8px 8px;border-radius:14px;box-shadow:0 18px 40px rgba(20,60,90,.28);overflow:hidden}
.hero-collage img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.hero-collage .c1{width:300px;height:210px;left:0;top:0;transform:rotate(-5deg)}.hero-collage .c2{width:280px;height:200px;right:0;top:80px;transform:rotate(4deg)}.hero-collage .c3{width:260px;height:190px;left:60px;bottom:0;transform:rotate(-1.5deg)}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:14px}
.mosaic figure{position:relative;margin:0;border-radius:20px;overflow:hidden;box-shadow:var(--sh);background:#cfeaf6}
.mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.mosaic figure:hover img{transform:scale(1.06)}
.mosaic figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;color:#fff;font-weight:800;background:linear-gradient(0deg,rgba(10,40,60,.6),rgba(10,40,60,0))}
.mosaic .m1{grid-column:span 2;grid-row:span 2}.mosaic .m4{grid-column:span 2}.mosaic .m5{grid-column:span 2}.mosaic .m6{grid-column:span 2}
@media (max-width:980px){.hero-collage{display:none}}
@media (max-width:760px){.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.mosaic .m1{grid-column:span 2;grid-row:span 2}}

.brand{gap:12px;font-size:2.15rem;letter-spacing:-.035em;line-height:1}.brand span{color:var(--sky2)}.brand b{color:var(--coral)}.brand svg{width:40px;height:52px;filter:drop-shadow(0 5px 6px rgba(232,85,63,.35))}.nav{height:80px}@media (max-width:760px){nav{top:80px}.brand{font-size:1.65rem}.brand svg{width:32px;height:42px}}

.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-shade{display:none}.hero.has-photo .hero-art,.hero.has-photo .hero-vid{display:none}.hero.has-photo .hero-shade{display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,22,38,.88) 0%,rgba(8,22,38,.72) 45%,rgba(8,22,38,.45) 100%)}.hero.has-photo .hero-in{position:relative;z-index:2}.hero.has-photo h1,.hero.has-photo .lead,.hero.has-photo .crumb,.hero.has-photo .crumb a{color:#fff}.hero.has-photo h1 .grad{background:none;-webkit-text-fill-color:#ffb38a;color:#ffb38a}.hero.has-photo .btn.alt{color:#fff;border-color:rgba(255,255,255,.7);background:transparent}.hero{overflow:hidden}html,body{overflow-x:hidden}.fgrid2.nophoto{grid-template-columns:1fr;max-width:760px}.feat .wrap.fgrid2.nophoto{margin:0 auto}.hero.has-vid:after{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.7) 45%,rgba(255,255,255,.1) 85%)}
.hero.has-vid .hero-art{display:none}
.lang{font-weight:800!important;border:1.5px solid var(--line);margin-left:4px}
@media (max-width:760px){.hero.has-vid:after{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.55))}.lang{margin:6px 0 0;text-align:center}}
/* Σύγχρονη όψη / modern look */
.top{background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(20,40,70,.08)}
.hero h1{letter-spacing:-.02em}
.sec{padding-block:clamp(56px,8vw,104px)}
.card{border-radius:24px;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(20,60,100,.18)}
.card-art{height:210px}
.chip{border-radius:999px}
.mapsec{background:linear-gradient(180deg,#f3fbff,#fff)}
.mapgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:stretch}
.map3d-box{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(20,60,100,.22);background:#cfeaf6;min-height:560px}
#map3d{position:absolute;inset:0}
.mctl{position:absolute;left:14px;top:14px;z-index:3;display:flex;gap:8px;flex-wrap:wrap}
.mctl button{border:0;border-radius:999px;padding:9px 16px;font:600 14px/1 inherit;background:rgba(255,255,255,.92);color:#12334f;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.mctl button.on{background:#ff7a59;color:#fff}
.mlist{background:#fff;border-radius:28px;padding:12px;box-shadow:0 12px 36px rgba(20,60,100,.12);max-height:560px;overflow:auto;display:flex;flex-direction:column;gap:4px}
.mi{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:14px;font:500 15px/1.3 inherit;color:#12334f;cursor:pointer}
.mi:hover{background:#eef8fd}.mi i{width:12px;height:12px;border-radius:50%;flex:none}.mi small{color:#7a8da0}
.pin3{width:24px;height:24px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:3px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.35);cursor:pointer;padding:0}
.pp{font:14px/1.45 system-ui,sans-serif;color:#12334f}.pp b{font-size:16px}.pp p{margin:.4em 0}.pp small{color:#7a8da0;display:block;margin-bottom:8px}
.pp-b{border:0;border-radius:999px;background:#ff7a59;color:#fff;padding:8px 16px;font-weight:600;cursor:pointer}
.mapfail{padding:28px;color:#12334f}
@media(max-width:900px){.mapgrid{grid-template-columns:1fr}.map3d-box{min-height:460px}.mlist{max-height:none;flex-direction:row;flex-wrap:wrap}}

.pp-i{display:block;width:100%;height:130px;object-fit:cover;border-radius:10px;margin-bottom:8px}.hovp{pointer-events:none}.hovp .maplibregl-popup-content{padding:8px;border-radius:14px}.hv{display:block;font:600 14px/1.3 system-ui,sans-serif;color:#12334f}.maplibregl-popup-content{border-radius:16px}

.pp-i{height:110px!important}.detp .maplibregl-popup-content{padding:12px;box-shadow:0 14px 40px rgba(20,60,100,.3)}
.pp p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
.mctl button{font-family:inherit}
.mi.off{opacity:.45;cursor:default}.mi.off:hover{background:transparent}

.mi.off{opacity:1!important;cursor:pointer!important}

.top{position:fixed;left:0;right:0;top:0;z-index:1000}body{padding-top:72px}
.flags{display:inline-flex;gap:8px;align-items:center;margin-left:10px}
.flag{display:block;width:36px;height:25px;border-radius:6px;overflow:hidden;border:2px solid transparent;opacity:.6;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.2s}
.flag:hover{opacity:1}.flag.on{opacity:1;border-color:#ff7a59}.flag svg{display:block;width:100%;height:100%}

.flags a.flag{padding:0!important;margin:0!important;display:block!important;width:36px!important;height:25px!important;min-width:0}.flags .flag svg{width:36px;height:25px}
.feat{background:linear-gradient(180deg,#fff,#f1fafe)}.fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.feat-art{position:relative;display:block;aspect-ratio:4/3;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(20,60,100,.22)}.feat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.feat-art:hover .feat-img{transform:scale(1.05)}
.ticks{list-style:none;padding:0;margin:16px 0 24px}.ticks li{padding-left:26px;margin:8px 0;position:relative}.ticks li:before{content:'✓';position:absolute;left:0;color:#2bb37a;font-weight:700}
@media(max-width:820px){.fgrid2{grid-template-columns:1fr;gap:24px}}

.route li.day{display:block;background:none!important;border:0!important;box-shadow:none!important;padding:26px 0 6px}.route li.day h3{margin:0;font-size:1.6rem;color:#12334f}.route li.day p{margin:.2em 0 0;color:#5b7288}.route li.day:before{display:none!important}

.credit{margin-top:6px;opacity:.9}.fgrid a[href^='tel']{font-weight:600}

footer .fgrid{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start}
footer .fstrong,footer .fstrong a{font-weight:800;font-size:1.1rem;color:#fff;letter-spacing:.2px}
footer .fstrong.small{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;opacity:.85;margin-top:18px}
footer .fb b{font-size:1.5rem;font-weight:800}
.soc{display:flex;gap:10px;margin-top:8px}.soc a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:.2s}.soc a:hover{background:#f3c27a;color:#0c3b57;transform:translateY(-2px)}
.cform{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px;display:grid;gap:12px}
.cform h3{margin:0;color:#fff;font-size:1.25rem;font-weight:800}
.cform label{display:grid;gap:5px;font-size:.85rem;font-weight:700;color:#fff}
.cform input,.cform textarea{font:inherit;padding:11px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#fff;color:#12303f;width:100%;box-sizing:border-box}
.cform input:focus,.cform textarea:focus{outline:3px solid #f3c27a}
.cform .hp{position:absolute;left:-9999px;height:0;opacity:0}
.cform button{justify-self:start;border:0;border-radius:999px;padding:12px 26px;background:#f3c27a;color:#0c3b57;font-weight:800;font-size:1rem;cursor:pointer}
.cform button:disabled{opacity:.6}.cmsg{margin:0;font-weight:700;min-height:1.2em}.cmsg.ok{color:#9be7b0}.cmsg.err{color:#ffb3b3}
@media(max-width:760px){footer .fgrid{grid-template-columns:1fr}}

.cwrap{max-width:640px}#contactform .cform{background:#fff;border:1px solid #d6e4ec;box-shadow:0 10px 30px rgba(12,59,87,.08)}
#contactform .cform h3,#contactform .cform label{color:#0c3b57}#contactform .cform input,#contactform .cform textarea{border:1px solid #bcd0dc;background:#f7fbfd}
#contactform .cmsg.ok{color:#1b7a3e}#contactform .cmsg.err{color:#b3261e}.cq{font-weight:800;color:#0c3b57;margin-left:6px}
footer .fgrid{grid-template-columns:1fr}

.cwrap2{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}
.cside{background:linear-gradient(135deg,#e8590c,#ff8a3d);color:#fff;border-radius:22px;padding:30px;box-shadow:0 14px 34px rgba(232,89,12,.28)}
.cside h2{color:#fff;margin:0 0 10px;font-size:2rem;font-weight:900;line-height:1.1}.cside p{margin:0 0 18px;font-weight:600}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.pills a{display:inline-flex;gap:8px;align-items:center;background:#fff;color:#12303f;font-weight:800;border-radius:999px;padding:9px 16px;text-decoration:none;font-size:.95rem}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-weight:700}.checks li:before{content:"\2713";margin-right:8px;font-weight:900}
#contactform .cform{background:#fff;border-radius:22px;padding:26px;gap:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cform select{font:inherit;padding:11px 13px;border-radius:10px;border:1px solid #bcd0dc;background:#f7fbfd;color:#12303f;width:100%}
.capr{display:flex;gap:10px;align-items:center}.capr img{border-radius:8px;border:1px solid #bcd0dc;flex:none}
.cref{width:42px;height:42px;border-radius:10px;border:1px solid #bcd0dc;background:#f7fbfd;color:#0c3b57;font-size:1.3rem;cursor:pointer;padding:0;flex:none}
#contactform .csend{justify-self:stretch;width:100%;border-radius:12px;background:linear-gradient(135deg,#e8590c,#ff8a3d);color:#fff;padding:14px;font-size:1.05rem}
.cq{display:none}
@media(max-width:820px){.cwrap2{grid-template-columns:1fr}.row2{grid-template-columns:1fr}}
footer .fstrong a{display:inline-flex;align-items:center;gap:7px}
.soc{flex-wrap:wrap}.soc a{border:1px solid rgba(255,255,255,.25)}
#contactform .cform .cref{background:#f7fbfd;border-radius:10px;padding:0}
footer{text-align:center}footer .fgrid{justify-items:center}footer .fcol{display:flex;flex-direction:column;align-items:center}footer .fstrong{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.soc{justify-content:center}footer .legal{text-align:center}

/* v-k */
.sec{padding-block:clamp(28px,4vw,48px)}.strip{padding-block:0}.mapsec .note,.note{margin-top:12px}
.sec-lead{margin-bottom:18px}
.flags a.flag{width:32px!important;height:32px!important;border-radius:50%!important;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.25);opacity:.75}
.flags a.flag.on{opacity:1;outline:2px solid #ff8a3d;outline-offset:2px}
.flags .flag svg{width:32px!important;height:32px!important;display:block;border-radius:50%}
.areas{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:18px!important}
.areas .area{grid-column:span 2;display:flex;flex-direction:column;background:#fff;border:1px solid #d6e4ec;border-radius:18px;padding:22px;box-shadow:0 6px 18px rgba(12,59,87,.06)}
.areas .area:nth-child(n+4){grid-column:span 3}
.areas .area .arealinks{margin-top:auto;padding-top:12px}
@media(max-width:820px){.areas{grid-template-columns:1fr!important}.areas .area,.areas .area:nth-child(n+4){grid-column:auto}}
.fstrong,.fstrong a,.pills a{overflow-wrap:anywhere;word-break:normal;white-space:normal}
.pills a{max-width:100%}.fstrong a{white-space:nowrap}@media(max-width:420px){.fstrong a{white-space:normal}}
.cwrap2{padding-block:0}
.areas .area{grid-column:span 3!important}.areas .area:first-child{grid-column:1/-1!important}
@media(max-width:820px){.areas .area,.areas .area:first-child{grid-column:auto!important}}
.cnote{margin:18px 0 0!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.35);font-size:.85rem;font-weight:600;opacity:.95}
footer .credit{font-size:1.1rem!important;font-weight:800!important;color:#fff!important;opacity:1!important;text-align:center}
footer .credit{font-size:.82rem!important;white-space:nowrap}@media(max-width:760px){footer .credit{white-space:normal}}

.certlink{color:#fff!important;text-decoration:underline;text-underline-offset:3px;cursor:zoom-in}.certlink:hover{color:#f3c27a!important}
.certdlg{border:0;border-radius:16px;padding:0;max-width:min(94vw,980px);background:#fff;overflow:visible}.certdlg::backdrop{background:rgba(5,25,40,.75)}
.certdlg img{display:block;width:100%;height:auto;border-radius:16px}
.certdlg .x{position:absolute;top:-14px;right:-14px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#0c3b57;font-size:1.4rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:2}
dialog.certdlg{position:fixed;inset:0;margin:auto!important;width:fit-content!important;height:fit-content!important;max-width:92vw!important;max-height:90vh!important;transform:none!important}
.certdlg img{width:auto!important;height:auto!important;max-width:min(88vw,760px);max-height:78vh;object-fit:contain}
.certlink,.certlink:hover{cursor:pointer!important}
.tab{display:inline-block;background:#fff;border-radius:12px;padding:8px 14px;margin-top:16px}.tab img{display:block;height:36px;width:auto}
.flags a.flag,.flags .flag svg{width:24px!important;height:24px!important}.flags{gap:6px}.flags a.flag.on{outline-width:2px;outline-offset:1px}
.hero.has-photo .hero-shade{background:linear-gradient(90deg,rgba(8,22,38,.82) 0%,rgba(8,22,38,.55) 40%,rgba(8,22,38,.12) 100%)!important}.hero-photo{object-position:50% 40%}
.muni{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.35);display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.muni b{flex:100%;font-weight:800}
.muni a{display:inline-flex;gap:7px;align-items:center;background:rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:.9rem;border-radius:999px;padding:6px 13px;text-decoration:none;overflow-wrap:anywhere}.muni a:hover{background:#fff;color:#12303f}
.hero-photo{object-position:50% 30%}.hero.has-photo .hero-shade{background:linear-gradient(90deg,rgba(8,22,38,.88) 0%,rgba(8,22,38,.6) 45%,rgba(8,22,38,.25) 100%)!important}
.hero-photo{object-position:100% 50%!important}.hero.has-photo .hero-shade{background:linear-gradient(90deg,rgba(8,22,38,.7) 0%,rgba(8,22,38,.35) 40%,rgba(8,22,38,0) 70%)!important}
@media(max-width:760px){.hero-photo{object-position:62% 50%!important}.hero.has-photo .hero-shade{background:linear-gradient(180deg,rgba(8,22,38,.78) 0%,rgba(8,22,38,.55) 100%)!important}}
.hero.has-photo .hero-shade{background:linear-gradient(90deg,rgba(8,22,38,.35) 0%,rgba(8,22,38,0) 60%)!important}@media(max-width:760px){.hero-photo{object-position:78% 50%!important}.hero.has-photo .hero-shade{background:linear-gradient(180deg,rgba(8,22,38,.7),rgba(8,22,38,.5))!important}}
.hero.has-photo .hero-shade{background:linear-gradient(90deg,rgba(8,22,38,.88) 0%,rgba(8,22,38,.7) 42%,rgba(8,22,38,.12) 78%)!important}@media(max-width:760px){.hero.has-photo .hero-shade{background:linear-gradient(180deg,rgba(8,22,38,.75),rgba(8,22,38,.55))!important}}
.hero.has-photo .hero-shade{background:linear-gradient(90deg,rgba(8,22,38,.85) 0%,rgba(8,22,38,.6) 38%,rgba(8,22,38,0) 62%)!important}@media(max-width:760px){.hero.has-photo .hero-shade{background:linear-gradient(180deg,rgba(8,22,38,.7),rgba(8,22,38,.45))!important}}
.hero:after,.hero.has-vid:after,.hero.has-photo:after{display:none!important;content:none!important}
.hero .btn.alt{background:rgba(255,255,255,.14)!important;color:#fff!important;border:2px solid #fff!important;backdrop-filter:blur(4px)}.hero .btn.alt:hover{background:#fff!important;color:#0c3b57!important}
.consent{display:flex!important;grid-template-columns:none;gap:10px;align-items:flex-start;font-weight:600!important;font-size:.85rem!important}.consent input{width:auto!important;margin-top:3px;flex:none}.consent a{color:#e8590c;text-decoration:underline}
.flinks a{color:#fff;font-weight:700;text-decoration:underline}
.legalpage{max-width:820px;margin:0 auto;padding:40px 16px 60px;line-height:1.7;color:#12303f}.legalpage h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 6px}.legalpage h2{font-size:1.3rem;margin:28px 0 8px}.legalpage ul{padding-left:20px}.legalpage a{color:#0b86a8;text-decoration:underline}.legalpage .upd{color:#5b7380;font-size:.9rem}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e8590c!important;outline-offset:3px}
.top{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 2px 12px rgba(12,59,87,.08)}
@media(max-width:860px){.top .nav{display:flex!important;align-items:center}.top .burger{order:-1;margin:0}.top .brand{order:0;flex:1;display:flex;justify-content:center}.top #menu{background:#fff!important}}
@media(max-width:1100px){.top .burger{display:block}.top nav#menu{display:none;position:absolute;left:0;right:0;top:80px;background:#fff!important;padding:10px 20px 16px;border-bottom:1px solid #d6e4ec;flex-direction:column;align-items:stretch;box-shadow:0 10px 20px rgba(12,59,87,.1)}.top nav#menu.open{display:flex}.top nav#menu a{padding:10px 0}.top .nav{display:flex!important;align-items:center}.top .burger{order:-1;margin:0}.top .brand{order:0;flex:1;display:flex;justify-content:center}}
.legalpage{max-width:1120px!important;padding-inline:40px!important}.legalpage p,.legalpage li{font-size:1.05rem}@media(max-width:700px){.legalpage{padding-inline:16px!important}}

.map3d-box{min-height:640px;border-radius:30px;border:6px solid #fff;box-shadow:0 30px 70px rgba(14,70,110,.28)}
.mlist{max-height:640px}
.pin3{width:30px!important;height:30px!important;border:3px solid #fff!important;box-shadow:0 8px 18px rgba(8,40,70,.45),0 0 0 1px rgba(8,40,70,.15)!important;transition:transform .2s,box-shadow .2s;position:relative}
.pin3:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#fff}
.pin3:hover{transform:rotate(-45deg) scale(1.2)!important}
.pin3.sel{transform:rotate(-45deg) scale(1.35)!important;z-index:5;box-shadow:0 0 0 6px rgba(255,122,89,.35),0 10px 22px rgba(8,40,70,.5)!important}
.detp .maplibregl-popup-content,.hovp .maplibregl-popup-content{border-radius:18px!important}
.detp .maplibregl-popup-content{box-shadow:0 18px 50px rgba(14,70,110,.35)!important}
.mctl button{padding:10px 18px;font-weight:700}.mctl button:hover{background:#fff;transform:translateY(-1px)}
.mlist button,.mlist a{border-radius:14px}
@media(max-width:860px){.map3d-box{min-height:520px}}

.card-art{position:relative}
.card .num{position:absolute;top:12px;left:12px;z-index:3;min-width:34px;height:34px;padding:0 8px;border-radius:17px;background:#fff;color:#0b3a5e;font:800 15px/34px system-ui,sans-serif;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.mlist .mi i{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;color:#fff;font:800 13px/1 system-ui,sans-serif;font-style:normal;flex:none}
.pin3:after{display:none!important}
.pin3 em{display:block;transform:rotate(45deg);color:#fff;font:800 12px/24px system-ui,sans-serif;font-style:normal;text-align:center;width:24px;height:24px}

.pw{width:30px;height:30px;cursor:pointer}
.pw .pin3{position:relative;display:block;margin:0;padding:0;cursor:pointer;transform:rotate(-45deg)}

.pp-i{width:100%;height:140px;object-fit:cover;border-radius:12px;display:block;margin-bottom:8px}
.detp.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#fff}

.pp-i{height:120px}
.detp.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:#fff}

.detcard{position:absolute;z-index:6;width:270px;background:#fff;border-radius:20px;padding:12px;box-shadow:0 18px 50px rgba(14,70,110,.35);color:#12334f;font:14px/1.4 inherit}
.detcard[hidden]{display:none}
.detcard.dc-narrow{width:auto}
.detcard b{display:block;font-size:16px;margin:2px 0 4px}
.detcard p{margin:0 0 6px;font-size:13.5px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.detcard small{display:block;color:#7a8da0;margin-bottom:8px}
.detcard .pp-b{border:0;border-radius:999px;background:#ff7a59;color:#fff;font-weight:700;padding:9px 18px;cursor:pointer}
.detcard .dc-x{position:absolute;top:18px;right:18px;z-index:2;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:20px;line-height:30px;cursor:pointer;color:#12334f}
/* categories */
.chips{gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;border:2px solid #dbe9f3;background:#fff;font-weight:700;color:#12334f;box-shadow:0 4px 12px rgba(14,70,110,.06);transition:.2s}
.chip:before{font-size:17px}
.chip[data-f=archaia]:before{content:"🏛️"}.chip[data-f=thriskeftika]:before{content:"⛪"}.chip[data-f=nea]:before{content:"🎭"}.chip[data-f=fysi]:before{content:"🌿"}.chip[data-f=all]:before{content:"✨"}
.chip:hover{transform:translateY(-2px);border-color:#18b6d9}
.chip.is-on{background:linear-gradient(135deg,#18b6d9,#0a8fb8);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(24,182,217,.4)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-weight:800;font-size:12.5px;letter-spacing:.2px}
.tag:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.tag-archaia{background:#ffe9e1;color:#d9532f}.tag-thriskeftika{background:#e6ebff;color:#3a56d6}.tag-nea{background:#d9f6fb;color:#0b8aa6}.tag-fysi{background:#dff6e7;color:#238a4a}
.card .cdesc{font-size:14.5px;line-height:1.6;color:#3b5368;display:block;-webkit-line-clamp:unset}
/* search */
.nav{position:relative}
.srch-b{border:0;background:#eef8fd;color:#0a6d8e;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:10px;flex:none;transition:.2s}
.srch-b:hover{background:#18b6d9;color:#fff}
.srch{position:absolute;left:0;right:0;top:100%;z-index:60;background:#fff;box-shadow:0 20px 40px rgba(14,70,110,.2);border-top:1px solid #e3eef6;padding:16px 20px 20px}
.srch[hidden]{display:none}
.srch-in{max-width:760px;margin:0 auto;position:relative}
.srch-in input{width:100%;font:600 17px/1.2 inherit;padding:15px 50px 15px 20px;border:2px solid #cfe6f2;border-radius:999px;outline:0}
.srch-in input:focus{border-color:#18b6d9;box-shadow:0 0 0 4px rgba(24,182,217,.18)}
.srch-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:#eef3f7;font-size:22px;cursor:pointer}
.srch-r{list-style:none;max-width:760px;margin:12px auto 0;padding:0;max-height:55vh;overflow:auto}
.srch-r button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:14px;cursor:pointer;font:inherit;color:#12334f}
.srch-r button:hover{background:#eef8fd}
.srch-r i{flex:none;width:30px;height:30px;border-radius:50%;background:#18b6d9;color:#fff;font:800 13px/30px system-ui;font-style:normal;text-align:center}
.srch-r b{display:block}.srch-r small{display:block;color:#6b8296}
.srch-h{padding:10px 12px;color:#6b8296}
/* eat & stay */
.staygrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.stay{background:#fff;border-radius:26px;padding:30px;box-shadow:0 14px 40px rgba(14,70,110,.12);border:1px solid #e3eef6}
.stay-i{display:inline-flex;width:64px;height:64px;border-radius:20px;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#fff1ea,#ffe0d2)}
.stay h3{margin:16px 0 8px;font-size:22px}.stay p{color:#3b5368;line-height:1.6}
.stay-l{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.btn-s{display:inline-block;padding:11px 20px;border-radius:999px;background:#ff7a59;color:#fff;font-weight:800;text-decoration:none}
.btn-s:nth-child(2){background:#0a8fb8}
.btn-s:hover{filter:brightness(1.08)}
@media(max-width:760px){.staygrid{grid-template-columns:1fr}.srch-b{margin-left:auto;margin-right:8px;order:2}}

.cfacts{list-style:none;margin:12px 0 4px;padding:12px 14px;background:#f1f8fc;border-radius:14px;display:grid;gap:5px;font-size:13px;color:#3b5368}
.cfacts b{color:#0a6d8e;margin-right:4px}

.strip{background:linear-gradient(135deg,#0b3a5e,#0a8fb8);padding:34px 0!important}
.sgrid{gap:18px!important}
.stc{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:26px 18px!important;text-align:center;backdrop-filter:blur(4px);transition:.25s}
.stc:hover{transform:translateY(-4px);background:rgba(255,255,255,.17)}
.stc b{display:block;font-size:clamp(34px,4.4vw,54px)!important;line-height:1.05;color:#fff!important;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.stc span{display:block;margin-top:8px;color:#d6efff!important;font-size:15px}
.facts2{margin-top:10px}
.m-map{border:0;cursor:pointer;margin-top:14px;font-size:15px}

.stc b{font-size:clamp(24px,3.3vw,44px)!important;white-space:nowrap}
.facts2{margin-top:12px}

.tlp{max-width:980px;line-height:1.85;font-size:16.5px}
.tlp b{color:#0a6d8e;margin-left:6px}
.detcard p{-webkit-line-clamp:6!important}
.dc-i{background:#f1f8fc;border-radius:12px;padding:9px 11px;font-size:12.5px;line-height:1.5;margin:4px 0 8px;color:#000}
/* black body text */
.sec p,.sec li,.sec dd,.sec dt,.sec-lead,.card .sub,.card p,.cdesc,.cfacts,.stay p,.box p,.box li,.area p,#dlg p,#dlg dd,#dlg dt,#dlg .sub,.detcard p,.detcard small,.srch-r small,.legalpage p,.legalpage li,.rt+div p,.day p,.note,.tlp,.mi{color:#000!important}
.cside p,.cside li,.cside span,.contactcard p{color:inherit!important}

.cards{align-items:stretch}
.card{display:flex!important;flex-direction:column;height:100%}
.card-btn{display:flex!important;flex-direction:column;flex:1;width:100%;text-align:left}
.card-body{display:flex!important;flex-direction:column;flex:1}
.card .more{margin-top:auto!important;align-self:flex-start;display:inline-block;padding:11px 22px;border-radius:999px;background:linear-gradient(135deg,#18b6d9,#0a8fb8);color:#fff!important;font-weight:800;box-shadow:0 8px 18px rgba(24,182,217,.35)}
.card:hover .more{filter:brightness(1.08)}
.card-body>.more{margin-top:auto}
.cfacts{margin-bottom:16px}
.stay-n{margin-top:10px}

/* modern tags */
.card-body>.tag{align-self:flex-start;gap:7px;padding:7px 14px 7px 11px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;border:1px solid rgba(0,0,0,.06);box-shadow:0 3px 10px rgba(14,70,110,.08)}
.tag:before{width:auto!important;height:auto!important;border-radius:0!important;background:none!important;font-size:14px;letter-spacing:0}
.tag-archaia:before{content:"🏛️"}.tag-thriskeftika:before{content:"⛪"}.tag-nea:before{content:"🎭"}.tag-fysi:before{content:"🌿"}
/* local cards with images */
.stay.lc{padding:0;overflow:hidden}
.stay-img{position:relative;height:230px;background:linear-gradient(135deg,#ffb48f,#ff7a59 55%,#c9482a);display:flex;align-items:center;justify-content:center}
.stay-ph{font-size:84px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.25))}
.stay-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stay-b{padding:26px 30px 30px}
.stay.lc:nth-child(2) .stay-img{background:linear-gradient(135deg,#6fd0ea,#18b6d9 55%,#0a6d8e)}

.stay-img{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.stay-img img{position:static!important;inset:auto!important;height:230px!important}
.stay-ph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0}
.stay-img img{position:relative!important;z-index:1}
.stay-cr{position:absolute;right:10px;bottom:8px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 9px;border-radius:999px}
@media(max-width:560px){.stay-img{grid-template-columns:1fr}.stay-img img{height:180px!important}}

.stay-n{font-weight:400!important;margin-top:12px}.stay-n b{color:#0a6d8e}

.aboutw{max-width:860px}
.ab-p{font-size:17px;line-height:1.75;margin:0 0 16px}
.aboutw h3{margin:26px 0 10px}
.ab-src{padding-left:20px;line-height:1.9}
.ab-src a,.ab-box a{color:#0a6d8e;font-weight:700}
.ab-note{font-size:14px;margin-top:8px}
.ab-box{margin-top:24px;padding:20px 24px;border-radius:20px;background:#eef8fd;border:1px solid #d3eaf6}
.ab-box p{margin:0 0 8px;font-size:16px;line-height:1.6}
.flinks{font-size:12.5px!important;opacity:.75}
.ab-box a.certlink{color:#0a6d8e!important;font-weight:800;text-decoration:underline}

.ab-lead{font-size:20px;font-weight:600;line-height:1.65;border-left:5px solid #ff7a59;padding-left:18px}
.ab-cert{display:block;margin-top:14px;max-width:420px;text-decoration:none!important}
.ab-cert img{width:100%;border-radius:14px;border:1px solid #cfe3ef;box-shadow:0 10px 26px rgba(14,70,110,.18);display:block}
.ab-cert span{display:block;margin-top:8px;color:#0a6d8e;font-weight:800}

.ab-ppl{list-style:none;margin:0 0 14px;padding:0}
.ab-ppl li{font-size:17px;line-height:1.6;margin:0 0 6px}
.ab-ppl strong{font-size:19px;color:#0b3a5e}
.ab-ppl a{color:#0a6d8e;font-weight:700}
.ab-th{font-size:16px}

.ab-box{margin-top:34px;padding:34px 30px 36px;border-radius:28px;background:linear-gradient(160deg,#ffffff,#e8f6fc);border:1px solid #cfe6f2;box-shadow:0 22px 50px rgba(14,70,110,.16);text-align:center}
.ab-box p{font-size:17px}
.ab-ppl{display:inline-block;text-align:center}
.ab-ppl li{font-size:18px}
.ab-ppl strong{font-size:22px}
.ab-cert{max-width:760px!important;margin:22px auto 0!important;transition:transform .25s}
.ab-cert:hover{transform:scale(1.015)}
.ab-cert img{border-radius:18px;box-shadow:0 18px 44px rgba(14,70,110,.28)}
.aboutw{max-width:1120px!important}
.aboutw .ab-p{max-width:none}
.ab-box{max-width:none}
.aboutw h2,.aboutw h3,.aboutw p,.aboutw li,.aboutw strong,.ab-ppl strong,.ab-th,.ab-note{color:#000!important}
.ab-src a,.ab-ppl a,.ab-box a{color:#000!important;text-decoration:underline;font-weight:700}
.ab-lead{border-left-color:#ff7a59}
.ab-ppl li{white-space:nowrap}@media(max-width:900px){.ab-ppl li{white-space:normal}}
.ab-cp{font-size:19px!important;margin-top:18px!important;padding-top:18px;border-top:1px solid #cfe6f2}.ab-cp b{font-weight:800}
/* readability: darker, slightly heavier body text */
body{color:#000;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.sec p,.sec li,.sec dd,.sec dt,.sec-lead,.card p,.card .sub,.cdesc,.stay p,.box p,.box li,.area p,.day p,.rt+div p,.note,.tlp,.legalpage p,.legalpage li,#dlg p,#dlg dd,#dlg dt,#dlg .sub,.detcard p,.detcard small,.dc-i,.srch-r small,.mi,.mi small,.sub,.tl span,.ab-p,.ab-ppl li,.ab-cp{color:#000!important;font-weight:500}
.sec p,.sec li,.card p,.cdesc,.stay p,.box p,.area p,.day p,.tlp,.legalpage p,.legalpage li,#dlg p{font-size:max(1em,16.5px);line-height:1.7}
.sec-lead{font-size:18.5px;line-height:1.65}
.card .sub{font-weight:600}
.cside p,.cside li,.cside span,.cside a,.hero p,.hero h1,.strip span,.strip b,footer,footer p,footer a,footer li{color:revert-layer}

.cside p,.cside li,.cside span,.cside h2{color:#fff!important}
.stc span{color:#e4f4ff!important}.stc b{color:#fff!important}
footer,footer p,footer a,footer li,footer span{color:#fff!important}
.hero p{color:#e9f5ff!important}

.stc{box-shadow:0 14px 34px rgba(255,122,89,.55),0 0 0 1px rgba(255,255,255,.25)!important}
.stc:hover{box-shadow:0 20px 44px rgba(255,122,89,.7),0 0 0 1px rgba(255,255,255,.35)!important}

.stc{border:2px solid #ff7a59!important}
.stc:hover{border-color:#ffb08f!important}

.stc{border:4px solid #ff7a59!important}
.sgrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;max-width:1000px;margin-inline:auto}
@media(max-width:700px){.sgrid{grid-template-columns:1fr!important}}

.sgrid{max-width:1120px!important;grid-template-columns:repeat(4,1fr)!important}
.stc{padding:24px 12px!important;min-width:0}
.stc b{font-size:clamp(22px,2.7vw,38px)!important;white-space:nowrap}
.stc span{font-size:14.5px!important}
@media(max-width:900px){.sgrid{grid-template-columns:repeat(2,1fr)!important}.stc b{font-size:clamp(24px,6vw,36px)!important}}
@media(max-width:420px){.sgrid{grid-template-columns:1fr!important}}
/* lighter body weight so bold stands out */
.sec p,.sec li,.sec dd,.sec-lead,.card p,.cdesc,.stay p,.box p,.box li,.area p,.day p,.rt+div p,.note,.tlp,.legalpage p,.legalpage li,#dlg p,#dlg dd,.detcard p,.dc-i,.srch-r small,.mi,.mi small,.tl span,.ab-p,.ab-ppl li,.ab-cp,.sub{font-weight:400!important}
.sec b,.sec strong,.card .sub,.stay-n b,.tlp b,#dlg b,#dlg dt,.sec dt,.ab-ppl strong,.ab-cp b{font-weight:800!important}
.card .sub{font-weight:600!important}
body{font-weight:400}
.card .cdesc{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(3 * 1.7em)}

.m-share{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #dbe9f3;flex-wrap:wrap}
.m-share span{font-weight:800;color:#000;margin-right:4px}
.m-share a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0b3a5e;color:#fff!important;text-decoration:none;transition:.2s}
.m-share a svg{width:19px;height:19px}
.m-share a:hover{background:#ff7a59;transform:translateY(-2px)}
.m-share a.ok{background:#238a4a}