html {
    color-scheme: light !important;
    background: #f4f9f7;
}

body {
    margin: 0;
    background: #f4f9f7;
    color: #1d3a4d;
}

img {
    max-width: 100%;
}

[hidden] {
    display: none !important;
}
/* Layout: blue brand band with tabbed navigation; two-door routing on the home tab (blue = building management, green = hygiene and drains); shared footer with phones and GPS. */
:root{--blue:#0071bb;--green:#8dc63f;--blue-deep:#0b3556;
--bg:#f5f8fa;--surface:#ffffff;--alt:#e8eff4;--line:#d3dfe7;--ink:#0f202d;--muted:#465a68;--link:#0071bb;--green-ink:#46730e;--amber:#b86e00;
--roof:#0b3556;--sky:#e3eef6;--ground:#c9e3a0;--foot:#0b3556;--foot-ink:#eaf2f8;--foot-muted:#a9c0d1;--map-bg:#e8eff4;--map-block:#f9fbfc;--map-road:#c3d2de;
--f-display:'Fira Sans Extra Condensed','Roboto Condensed','Arial Narrow',sans-serif;--f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif}


*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--f-body);-webkit-text-size-adjust:100%}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--blue);z-index:30}
img{display:block}
a{color:var(--link)}
:focus-visible{outline:3px solid #f4b400;outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ic{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic.big{width:2.4rem;height:2.4rem;color:var(--link)}
.ic.chk{color:var(--green-ink);margin-top:2px}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--blue);color:#fff}
.top-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-block:8px}
@media (min-width:821px){.top-in{flex-wrap:nowrap}.nav{flex:0 1 auto;margin-left:auto}.brand,.top-social{flex:none}}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.brand img{height:46px;width:auto}
.wm{font-family:var(--f-display);font-weight:800;font-size:2.1rem;letter-spacing:.03em;line-height:1}
.wm .g,.wm .d{color:var(--green)}.wm .d{margin:0 3px}.wm .w{color:#fff}
.nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;min-width:0;max-width:100%;scrollbar-width:thin}
.nav a{position:relative;color:#fff;text-decoration:none;padding:12px 8px;font-size:.9rem;font-weight:500;white-space:nowrap;border-bottom:3px solid transparent;opacity:.92}
.nav a+a::before{content:"";position:absolute;left:-1px;top:28%;bottom:28%;width:1px;background:rgba(255,255,255,.45)}
.nav a:hover{opacity:1;border-bottom-color:rgba(255,255,255,.5)}
.nav a[aria-current="page"]{border-bottom-color:var(--green);font-weight:600;opacity:1}

.top-social{display:flex;gap:6px}
.top-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.7);color:#fff;text-decoration:none}
.top-social a:hover{background:#fff;color:var(--blue)}
.top-social .ic{width:20px;height:20px}
.f-follow{margin:20px 0 0;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--green)}
/* type */
.h1{font-family:var(--f-display);font-weight:800;text-transform:uppercase;line-height:.98;letter-spacing:.005em;font-size:clamp(2.2rem,5.2vw,3.6rem);text-wrap:balance;margin:.3em 0 .4em}
.h1.big{font-size:clamp(2.5rem,6.6vw,4.7rem)}
.h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;line-height:1;font-size:clamp(1.8rem,3.8vw,2.6rem);text-wrap:balance;margin:.3em 0 .5em}
.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--green-ink);margin:0}
.eyebrow.on-blue{color:var(--green)}
.lead{font-size:1.15rem;line-height:1.55;color:var(--muted);max-width:56ch;margin:0}
.body{max-width:62ch;line-height:1.65;margin:0 0 1em}

/* phones and copy */
.phones{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.phones{display:grid;grid-template-columns:minmax(0,max-content) max-content;column-gap:10px;row-gap:8px;align-items:center;justify-content:start}
.phones li{display:contents}
.mailpill{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:4px;background:rgba(127,127,127,.15);overflow-wrap:anywhere;font-size:1rem;min-width:0}
@media (max-width:460px){.phones{grid-template-columns:1fr}.phones li{display:flex;flex-wrap:wrap;align-items:center;gap:8px}}
.num{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:1.7rem;line-height:1.1;letter-spacing:.03em;color:inherit;text-decoration:none;padding:6px 14px 6px 10px;border-radius:4px;background:rgba(127,127,127,.15)}
.num:hover{text-decoration:underline}
.cp{display:inline-flex;gap:6px;align-items:center;background:transparent;border:1px solid currentColor;color:inherit;border-radius:4px;padding:6px 10px;font:500 .8rem var(--f-body);cursor:pointer;opacity:.85}
.cp:hover{opacity:1}
.mail{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 0;overflow-wrap:anywhere}

/* hover lift */
.btn,.num,.cp,.mailpill,.top-social a,.door-link,.svc-card,.card{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.btn:hover,.num:hover,.cp:hover,.mailpill:hover,.top-social a:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.22)}
.btn:active,.num:active,.cp:active,.mailpill:active,.top-social a:active{transform:translateY(-1px)}
.mailpill:hover{text-decoration:underline}
.svc-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.16)}
.door-link:hover{transform:translateX(3px)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:4px;font-weight:600;text-decoration:none;border:2px solid transparent}
.btn-green{background:var(--green);color:#10200a}
.btn-blue{background:var(--blue);color:#fff}
.btn-ghost{border-color:currentColor;color:inherit}
.btns,.social{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}

/* hero + doors */
.hero{background:var(--surface);border-bottom:1px solid var(--line)}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-block:56px}
.hero-logo img{width:100%;height:auto;max-width:560px;margin-left:auto}
.doors-wrap{padding-top:44px}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}
.door{padding:28px;border-radius:6px;display:flex;flex-direction:column;gap:12px;min-width:0}
.door p{margin:0}
.door-b{background:var(--blue);color:#fff}
.door-g{background:var(--green);color:#10200a}
.door h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:clamp(1.7rem,2.6vw,2.1rem);line-height:1;margin:0;text-wrap:balance}
.door-k{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.85}
.door-link{margin-top:auto;padding-top:8px;color:inherit;font-weight:600;display:inline-flex;gap:8px;align-items:center;text-underline-offset:4px}

/* sections */
.sec{padding-block:64px}
.sec.alt{background:var(--alt)}
.grid{display:grid;gap:18px;list-style:none;margin:24px 0 0;padding:0}
.svc{grid-template-columns:repeat(4,1fr)}
.duties,.pests,.rev{grid-template-columns:repeat(3,1fr)}
.two{grid-template-columns:1fr 1fr}
.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:22px;min-width:0}
.card h3{margin:0 0 .35em;font-size:1.05rem;line-height:1.3}
.card p{margin:0}
.svc-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}
.svc-card:hover{border-color:var(--blue)}
.svc-card h3{font-family:var(--f-display);font-size:1.7rem;text-transform:uppercase;line-height:1;margin:.3em 0 0}
.svc-card p{color:var(--muted);line-height:1.55;font-size:.95rem}
.more{margin-top:auto;padding-top:8px;color:var(--link);font-weight:600;display:inline-flex;gap:6px;align-items:center}
.duty,.pest{display:flex;gap:14px;align-items:flex-start}
.duty p,.pest p{color:var(--muted);line-height:1.55;font-size:.95rem}
.pest.wide{grid-column:1/-1}
.extra{display:flex;flex-direction:column;gap:8px}
.extra p{color:var(--muted);line-height:1.55}
.strip{background:var(--blue);color:#fff}
.strip-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:28px}
.strip-in div{display:flex;flex-direction:column;gap:3px;min-width:0}
.strip-in .ic{width:1.6rem;height:1.6rem;margin-bottom:4px}
.strip-in span{opacity:.85;font-size:.9rem}
.review{display:flex;flex-direction:column;gap:12px;margin:0}
.review blockquote{margin:0;line-height:1.6}
.review figcaption{color:var(--muted);font-size:.85rem;margin-top:auto}
.stars{color:var(--amber);letter-spacing:.12em;font-size:1.1rem}
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.methods{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}
.methods li{display:flex;gap:12px;align-items:center;padding:14px 18px}
.callout{display:flex;gap:16px;align-items:flex-start;margin:18px 0}
.callout .ic.big{margin-top:2px}
.callout p{color:var(--muted);line-height:1.55}

/* building graphic */
.graphic{min-width:0}
.bsvg{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:6px}
.b-sky{fill:var(--sky)}.b-ground{fill:var(--ground)}
.b-body{fill:var(--blue)}.b-roof{fill:var(--roof)}
.b-win rect{fill:#fff;opacity:.92}.b-win rect.lit{fill:var(--green);opacity:1}
.b-win-s{fill:#fff;opacity:.92}.b-door{fill:#0b3556}.b-knob{fill:var(--green)}
.b-tree rect{fill:#6b4f2a}.b-leaf{fill:var(--green)}
.b-lines path{stroke:var(--green);stroke-width:2.5;stroke-dasharray:5 5;fill:none}
.b-badge circle{fill:var(--surface);stroke:var(--blue);stroke-width:2.5}
.bic use{fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.legend{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.legend li{display:flex;gap:12px;align-items:center}
.legend .ic{color:var(--blue);width:1.5rem;height:1.5rem}


/* photos */
.photo{margin:0}
.photo img{width:100%;height:auto;border-radius:6px;border:1px solid var(--line)}
.two-col>div>.photo{margin-top:24px}
.photo-row{grid-template-columns:1.2fr .8fr;align-items:center}
.two-col.mid{align-items:center}
.two-col.low{align-items:end}
.two-col.low>div:last-child{padding-bottom:6px}

/* page head */
.pagehead{background:var(--blue);color:#fff;border-top:1px solid rgba(255,255,255,.18)}
.ph-in{display:grid;grid-template-columns:1.3fr .9fr;gap:36px;align-items:end;padding-block:52px}
.ph-in.single{grid-template-columns:1fr}
.pagehead .lead{color:#dcebf6}
.ph-call{background:rgba(0,0,0,.2);padding:20px;border-radius:6px;min-width:0}
.ph-label{margin:0 0 10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}

/* call to action */
.cta{padding-block:48px}
.band-blue{background:var(--blue);color:#fff}
.cta-in{display:grid;grid-template-columns:1.2fr 1fr;column-gap:32px;row-gap:0;align-items:center}
.cta-in>div{grid-row:auto}
.cta h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:2.2rem;line-height:1;margin:0 0 .4em;text-wrap:balance}
.cta p{margin:0}
.cta .mail{margin-top:14px}

/* contact */
.contact h2.long{font-size:1.55rem;line-height:1.05}
.contact h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:2rem;line-height:1;margin:.3em 0 .7em}
.addr{display:flex;gap:10px;margin:14px 0 0;color:var(--muted)}
.gps-coords{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0;font-weight:600}
.map-sec{align-items:center;grid-template-columns:1fr 1fr}
.mapsvg{width:100%;height:auto;border:1px solid var(--line);border-radius:6px;display:block}
.mapnote{font-size:.8rem;color:var(--muted);margin:8px 0 0}
.m-bg{fill:var(--map-bg)}
.m-blocks rect{fill:var(--map-block)}
.m-roads path{stroke:var(--map-road);stroke-width:10;fill:none}
.m-roads .m-diag{stroke-width:6}
.m-pin{fill:var(--blue)}
.m-dot{fill:#fff}
.m-plate{fill:var(--surface);stroke:var(--line)}
.m-lbl{font:700 15px var(--f-body);fill:var(--ink)}
.m-sub{font:400 12px var(--f-body);fill:var(--muted)}

.follow{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:18px}
.follow h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:2rem;line-height:1;margin:.3em 0 .3em}
.follow .body{margin:0}
.follow .social{margin:0}
/* footer */
.foot{background:var(--foot);color:var(--foot-ink)}
.foot-in{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.1fr;gap:32px;padding-block:56px}
.foot-in>div{min-width:0}
.foot h2{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:1.3rem;letter-spacing:.04em;color:var(--green);margin:0 0 12px}
.f-name{font-family:var(--f-display);font-weight:800;font-size:2.8rem;line-height:1;margin:0;letter-spacing:.03em}
.f-name .g{color:var(--green)}
.f-tag{color:var(--foot-muted);margin:8px 0 16px}
.f-addr{display:flex;gap:10px;margin:0}
.foot .num{font-size:1.4rem; white-space:nowrap;}
.foot .btn-ghost{color:var(--foot-ink)}
.f-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:20px;border-top:1px solid rgba(255,255,255,.15);color:var(--foot-muted);font-size:.85rem}
.f-bot p{margin:0}
.f-bot a{color:var(--foot-ink)}
.f-bot .social{margin:0;gap:18px}

@media (max-width:980px){
.foot-in{grid-template-columns:1fr 1fr}
.svc{grid-template-columns:1fr 1fr}
.duties,.pests,.rev{grid-template-columns:1fr 1fr}
.strip-in{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
.hero-in{grid-template-columns:1fr;gap:28px;padding-block:36px}
.hero-logo img{margin:0;max-width:420px}
.doors,.two,.map-sec,.two-col,.cta-in,.ph-in{grid-template-columns:1fr}
.two-col{gap:20px}
.photo-row{grid-template-columns:1fr}
.cta-in>div{grid-row:auto;margin-bottom:16px}
.ph-in{padding-block:36px}
.nav{margin-left:0;width:100%;order:3}
.top-social{margin-left:auto}
.top-in{gap:4px}
.sec{padding-block:44px}
}
@media (max-width:600px){
.svc,.duties,.pests,.rev,.foot-in{grid-template-columns:1fr}
.door{padding:22px}
.num{font-size:1.5rem}
.wm{font-size:1.8rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.btn:hover,.num:hover,.cp:hover,.mailpill:hover,.top-social a:hover,.svc-card:hover,.door-link:hover{transform:none}}
/* Επικοινωνία: μικρότερο κενό ανάμεσα στα Social και στο Βρείτε μας */
#epikoinonia > .sec:not(.alt){padding-bottom:24px}
#epikoinonia > .sec.alt{padding-top:24px}
.strip{
  margin-top: 48px !important;
}
/* ===== PALETTE FROM LOGO ===== */
:root{
  --logo-green:#9dce5a;
  --logo-blue:#0071bb;
  --logo-sky:#aed2ea;
  --logo-mint:#eaf5de;
  --logo-blue-soft:#7cb6dc;
  --logo-green-soft:#c6e3a0;
  --logo-blue-mid:#3e93cb;
  --ink:#1d3a4d;
  --muted:#4c6b7d;
  --bg:#f4f9f7;
}

/* Header */
header.top{background:#fff !important;box-shadow:0 2px 14px rgba(0,113,187,.12)}
header.top .brand img {
    height: 56px !important;
    max-height: none !important;
    width: auto !important;
    display: block;
}
header.top .wm{display:none !important}
header.top a[data-nav],header.top .top-nav a,header.top nav a{color:var(--logo-blue) !important}
header.top a[data-nav]:hover,header.top .top-nav a:hover,header.top nav a:hover{color:var(--logo-blue-mid) !important}
header.top a[aria-current="page"]{color:var(--logo-green) !important}
header.top .top-social a{color:var(--logo-blue) !important}
header.top .top-social a:hover{color:var(--logo-green) !important}

/* Hero: force logo blending */
.hero{
  background:linear-gradient(135deg, var(--logo-mint), var(--logo-sky) 55%, var(--logo-blue-soft));
  isolation:auto;
}
.hero-logo{
  background:transparent !important;
  isolation:auto;
}
.hero-logo img{
  max-width:340px;height:auto;
  mix-blend-mode:multiply !important;
  background:transparent !important;
}
.hero .h1.big{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;color:var(--ink)}
.hero .lead{font-size:1.15rem;max-width:620px;color:var(--muted)}

.hero-title-carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:34px}
.hero-slides{grid-column:2;display:grid;min-width:0}
.hero-title{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease,visibility .5s ease}
.hero-title.is-active{opacity:1;visibility:visible;transform:translateY(0)}
.hero-title h1{margin:0;color:var(--ink)}
.hero-arrow{grid-row:1;width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,113,187,.15);color:var(--logo-blue);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}
.hero-arrow.prev{grid-column:1}
.hero-arrow.next{grid-column:3}
.hero-arrow:hover{background:var(--logo-green);color:#fff;transform:scale(1.06)}

.hero-carousel{margin-top:26px}
.hero-slide{display:none}
.hero-slide.is-active{display:block;animation:heroFade .5s ease}
@keyframes heroFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.hero-dots{display:flex;gap:8px;margin-top:18px}
.hero-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(0,113,187,.25);cursor:pointer}
.hero-dots button.active{background:var(--logo-green);transform:scale(1.2)}

/* Stats */
.stats-band{background:var(--logo-blue);color:#fff;padding:56px 0}
.stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat-num{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(2.2rem,4vw,3.2rem);color:#fff;line-height:1}
.stat-label{display:block;margin-top:10px;font-size:1rem;color:var(--logo-mint)}

/* Services */
.premium-services{padding:72px 0;background:var(--bg)}
.premium-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.premium-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(0,113,187,.10);transition:transform .25s ease,box-shadow .25s ease}
.premium-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,113,187,.16)}
.pc-media{height:230px;overflow:hidden;background:var(--logo-mint)}
.pc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.premium-card:hover .pc-media img{transform:scale(1.05)}
.pc-illustration{display:flex;align-items:center;justify-content:center;background:#fff;padding:14px}
.pc-illustration svg{width:100%;height:100%;max-height:230px}
.pc-split{display:grid;grid-template-columns:1.4fr 1fr;gap:3px;background:#fff}
.pc-split img{height:100%;width:100%;object-fit:cover}
.pc-body{padding:28px}
.pc-body h3{margin:0 0 10px;color:var(--logo-blue);font-size:1.5rem}
.pc-body p{margin:0 0 18px;color:var(--muted)}

.btn-green{background:var(--logo-green) !important;color:#173a1c !important}

/* Map */
.map-embed{margin-top:18px;border-radius:14px;overflow:hidden;border:1px solid var(--logo-sky);box-shadow:0 10px 24px rgba(0,113,187,.08)}
.map-embed iframe{width:100%;height:320px;border:0;display:block}
.foot .map-embed{border-color:rgba(255,255,255,.25)}
.foot .map-embed iframe{height:260px}

/* Footer */
.foot{background:var(--logo-blue) !important;color:#fff}
.footer-logo{max-height:48px;width:auto;display:block}
.foot h2{color:var(--logo-green) !important}
.foot .num{color:#fff}
.foot .phones{display:flex !important;flex-direction:column !important;gap:10px;width:100%;max-width:100%}
.foot .phones li{display:flex !important;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%}
.foot .num{white-space:normal !important;font-size:1.15rem !important;padding:6px 10px;max-width:100%;min-width:0;overflow-wrap:anywhere;box-sizing:border-box}
.foot .cp{flex:0 0 auto}
.foot .cpt{display:none}
.foot .f-col{min-width:0;overflow:hidden}

@media (max-width:900px){
  .stats-in{grid-template-columns:repeat(2,1fr)}
  .premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-title-carousel{gap:10px}
  .hero-arrow{width:38px;height:38px;font-size:22px}
}

/* ===== Tab page head: ίδιο gradient με το hero της αρχικής ===== */
.pagehead{
  background:linear-gradient(135deg, var(--logo-mint), var(--logo-sky) 55%, var(--logo-blue-soft));
  color:#1d3a4d;
  border-top:0;
}
.pagehead .h1{color:#1d3a4d}
.pagehead .lead{color:#3b5a6c}
.pagehead .eyebrow.on-blue{color:#46730e}
.pagehead .ph-label{color:#1d3a4d}
.pagehead .ph-call{background:rgba(255,255,255,.55)}

/* ===== Επικοινωνία: "Βρείτε μας" σε box όπως τα Social ===== */
.findus{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-top:18px}
.findus .eyebrow{margin:0}
.findus h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:2rem;line-height:1;margin:.3em 0 .5em}
.findus .body{margin:0 0 14px}
.findus .map-embed{margin-top:0}
.findus .map-embed iframe{height:300px}
#epikoinonia > .sec:not(.alt){padding-bottom:64px}
@media(max-width:860px){
  .findus{grid-template-columns:1fr}
  #epikoinonia > .sec:not(.alt){padding-bottom:44px}
}

/* ===== Footer: πιο συμπαγές ===== */
.foot-in{padding-block:28px;gap:22px}
.foot h2{font-size:1.05rem;margin:0 0 8px}
.footer-logo{max-height:38px}
.f-tag{margin:6px 0 10px;font-size:.9rem}
.f-follow{margin:12px 0 0;font-size:.72rem}
.f-addr{font-size:.92rem}
.foot .phones{gap:6px}
.foot .num{font-size:1rem !important;padding:4px 8px}
.foot .map-embed{margin-top:0;border-radius:10px}
.foot .map-embed iframe{height:150px}
.foot .social{gap:8px;margin-top:8px}
.foot .social .btn{padding:7px 12px;font-size:.88rem}
.f-bot{padding-block:12px;font-size:.8rem}

/* ===== Μενού hamburger (κινητό) ===== */
.nav-toggle{display:none}
@media (max-width:820px){
  .top-in{flex-wrap:wrap}
  .top-social{order:3;margin-left:auto}
  .nav-toggle{order:4;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:0;padding:0 10px;background:none;border:2px solid var(--logo-blue);border-radius:8px;cursor:pointer}
  .nav-toggle span{display:block;height:2px;background:var(--logo-blue);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
  .top.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .top.open .nav-toggle span:nth-child(2){opacity:0}
  .top.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav{display:none;order:5;width:100%;margin-left:0}
  .top.open .nav{display:flex;flex-direction:column;gap:0;overflow:visible;padding-bottom:6px}
  .top.open{max-height:100vh;overflow-y:auto}
  .nav a{white-space:normal;padding:14px 8px;border-bottom:1px solid var(--logo-sky)}
  .nav a+a::before{display:none}
  .nav a[aria-current="page"]{border-bottom:3px solid var(--logo-green)}
}

/* Ασφάλεια: μακριές λέξεις στους τίτλους δεν βγαίνουν εκτός οθόνης */
.h1{overflow-wrap:break-word}
.hero-slides{grid-template-columns:minmax(0,1fr)}

/* ===== Footer: ακόμα πιο μικρό ===== */
.foot-in{padding-block:16px;gap:16px}
.foot h2{font-size:.9rem;margin:0 0 6px;letter-spacing:.03em}
.footer-logo{max-height:30px}
.f-tag{margin:4px 0 6px;font-size:.78rem}
.f-addr{font-size:.8rem;gap:6px}
.f-follow{display:none}
.foot .phones{gap:4px}
.foot .phones li{gap:6px}
.foot .num{font-size:.9rem !important;padding:3px 6px;gap:6px}
.foot .num .ic{width:15px;height:15px}
.foot .cp{padding:3px 6px}
.foot .map-embed{border-radius:8px}
.foot .map-embed iframe{height:90px}
.foot .social{gap:6px;margin-top:6px}
.foot .social .btn{padding:4px 9px;font-size:.78rem;gap:5px;border-width:1px}
.foot .social .btn .ic{width:14px;height:14px}
.f-bot{padding-block:8px;font-size:.74rem}
@media(max-width:600px){.foot .map-embed iframe{height:110px}}

/* ===== Footer: 3 στήλες, πιο ευρύχωρο ===== */
.foot-in{grid-template-columns:1.25fr 1fr 1fr;gap:56px;padding-block:26px;align-items:start}
.foot h2{font-size:1rem;margin:0 0 10px}
.footer-logo{max-height:38px}
.f-tag{margin:8px 0 10px;font-size:.88rem}
.f-addr{font-size:.9rem;gap:8px}
.foot .phones{padding:0;margin:0;gap:8px}
.foot .phones li{gap:8px}
.foot .num{font-size:1.02rem !important;padding:5px 10px}
.foot .num .ic{width:17px;height:17px}
.foot .cp{padding:5px 8px}
.foot .social{gap:8px;margin-top:12px;flex-wrap:wrap}
.foot .social .btn{padding:6px 12px;font-size:.84rem;gap:6px;border-width:1px}
.foot .social .btn .ic{width:16px;height:16px}
.f-bot{padding-block:10px}
@media(max-width:980px){
  .foot-in{grid-template-columns:1fr 1fr;gap:28px}
  .foot-in>.f-brand{grid-column:1/-1}
}
@media(max-width:600px){
  .foot-in{grid-template-columns:1fr;gap:22px}
}

.foot .phones{align-items:flex-start}

/* ===== Σελίδα Επικοινωνίας: το footer δεν επαναλαμβάνει όσα υπάρχουν ήδη στη σελίδα ===== */
.page-contact .foot .f-col,
.page-contact .foot .f-addr,
.page-contact .foot .f-follow,
.page-contact .foot .social{display:none}
.page-contact .foot-in{grid-template-columns:1fr;padding-block:18px}
.page-contact .foot .f-tag{margin-bottom:0}

/* ===== email στο footer ===== */
.foot .mailpill{color:#fff;padding:5px 10px;font-size:.92rem;background:rgba(255,255,255,.12)}
.foot .mail-li{max-width:100%}
.door .mail-li{margin-top:2px}


/* FACEBOOK */
.top-social a:has(use[href="#i-fb"]) {
    background: #1877F2;
    color: #FFFFFF;
}

/* INSTAGRAM */
.top-social a:has(use[href="#i-ig"]) {
    background: linear-gradient(
        45deg,
        #FEDA75,
        #FA7E1E,
        #D62976,
        #962FBF,
        #4F5BD5
    );
    color: #FFFFFF;
}

/* TIKTOK */
.top-social a:has(use[href="#i-tt"]) {
    background: #000000;
    color: #FFFFFF;
}

/* HOVER EFFECTS */
.top-social a:has(use[href="#i-fb"]):hover {
    background: #0D65D9;
}

.top-social a:has(use[href="#i-ig"]):hover {
    filter: brightness(1.12);
}

.top-social a:has(use[href="#i-tt"]):hover {
    border-color: #25F4EE;
    box-shadow: 2px 2px 0 #FE2C55,
               -2px -2px 0 #25F4EE;
}
/* Κουμπί Facebook */
.follow-fb {
    background: #1877F2 !important;
    color: #FFFFFF !important;
    border-color: #1877F2 !important;
}

.follow-ig {
    color: #FFFFFF !important;
    border: 2px solid transparent !important;

    background:
        linear-gradient(
            45deg,
            #FEDA75,
            #FA7E1E,
            #D62976,
            #962FBF,
            #4F5BD5
        ) padding-box,
        linear-gradient(
            45deg,
            #FEDA75,
            #FA7E1E,
            #D62976,
            #962FBF,
            #4F5BD5
        ) border-box !important;
}

/* Κουμπί TikTok */
.follow-tt {
    background: #000000 !important;
    color: #FFFFFF !important;
    border-color: #000000 !important;
}

/* Social κουμπιά στο footer */
.foot .social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.foot .social a {
    flex: 0 0 auto;
}


/* Ενιαίο carousel αρχικής με σταθερό ύψος */
.hero-carousel {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 16px;
    margin-top: 26px;
}

.hero-slides {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    height: 360px;
    overflow: hidden;
}

.hero-slide {
    grid-area: 1 / 1;
    display: none;
    min-width: 0;
    height: 100%;
    overflow: hidden;
}

.hero-slide.is-active {
    display: block;
    animation: heroFade .5s ease;
}

.hero-slide h1 {
    margin: 0 0 20px;
    min-height: 0;
}

.hero-slide .lead {
    margin-top: 0;
}

.hero-arrow {
    align-self: center;
    margin-top: 0;
}

.hero-arrow.prev {
    grid-column: 1;
}

.hero-arrow.next {
    grid-column: 3;
}

.hero-dots {
    display: none !important;
}


@media (max-width: 820px) {
    .hero-in {
        grid-template-columns: 1fr;
        gap: 24px;
        padding-block: 32px;
    }

    .hero-carousel {
        grid-template-columns: 34px minmax(0, 1fr) 34px;
        gap: 8px;
        margin-top: 16px;
    }

    .hero-slides {
        
    }

    .hero-slide h1 {
        font-size: clamp(28px, 4.5vw, 38px);
    }

    .hero-arrow {
        width: 34px;
        height: 34px;
        align-self: center;
        margin-top: 0;
    }

    .hero-logo {
        width: 100%;
        max-width: 340px;
        margin-inline: auto;
    }
}

/* Προσαρμογή μενού για tablet */
@media (min-width: 821px) and (max-width: 980px) {
    .nav-toggle {
        display: flex;
    }

    header.top .nav {
        display: none;
    }

    header.top.open .nav {
        display: flex;
    }
}

/* Carousel με ύψος ανάλογο του περιεχομένου */
.hero-slides {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    height: auto;
    overflow: visible;
}

.hero-slide {
    grid-area: 1 / 1;
    display: block;
    min-width: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.hero-slide.is-active {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
@media (max-width: 600px) {
    .doors {
        grid-template-columns: 1fr !important;
    }
}
@media screen and (max-width: 600px) {
    .doors,
    .doors-wrap .grid,
    .doors-wrap .doors {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }
}
/* Κινητό: οι 4 κάρτες υπηρεσιών η μία κάτω από την άλλη */
@media screen and (max-width: 600px) {
    .premium-services .premium-grid {
        grid-template-columns: 1fr !important;
    }
}
@media screen and (max-width: 600px) {
    .hero-carousel {
        grid-template-columns: 28px minmax(0, 1fr) 28px;
        gap: 10px;
    }

    .hero-slides {
        min-width: 0;
        overflow: visible;
    }

    .hero-slide h1 {
        overflow-wrap: normal;
        word-break: normal;
        font-size: clamp(24px, 6.5vw, 32px);
    }
}
@media (max-width: 600px) {
    .page-title .title-dash {
        display: none;
    }
}