/* CSS αρχικής v4 αυτούσιο (htmls/homepage_v4_2026-10-14.html, sha256 d1a1f0b47c9e) — is_shell_assets.py */
/* ===== Design tokens (design.md) ===== */
:root{
/* Παλέτα λογοτύπου: πορτοκαλί ομπρέλας = δράση · πράσινο ISKIOS = ταυτότητα · ουδέτερο γκρι = βάση */
--action:#EE7F1A; --action-hover:#F4964A; --action-deep:#C4620A;
--brand:#54B03A; --brand-hover:#6DBF55; --brand-deep:#3B7F28;
--logo-grey:#9E9E9E;
--charcoal:#2A2A2A; --charcoal-2:#303030; --grey-bg:#F7F7F7;
--text:#3D3D3D; --ink:#2A2A2A; --muted:#6B6B6B; --white:#FFFFFF; --border:#D6D6D6; --line:#E6E6E6;
--radius:4px; --shadow:0 5px 15px 0 rgba(0,0,0,.5);
--t-fast:.3s; --t-slow:.5s;
--wrap:1260px; --header-h:76px; --topbar-h:0px;
--font:'Commissioner',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;overflow-x:clip;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--white);letter-spacing:-.3px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4,h5{margin:0;color:var(--text);font-weight:700;line-height:1.1;letter-spacing:-.4px}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:12px;top:-60px;z-index:999;background:var(--action);color:var(--charcoal);padding:10px 16px;font-weight:700;border-radius:var(--radius)}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--action-deep);outline-offset:3px}
/* ===== Tags / buttons ===== */
.tag{display:inline-block;background:var(--charcoal);color:var(--brand);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.44px;padding:4px 8px;line-height:1.3;margin-bottom:14px}
.tag--brand{background:var(--brand);color:var(--charcoal)}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--action);color:var(--charcoal);font-weight:700;font-size:15px;padding:12px 24px;border-radius:var(--radius);border:1px solid var(--action);transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}
.btn:hover{background:var(--action-hover);border-color:var(--action-hover)}
.btn svg{width:8px;height:12px;transition:transform var(--t-fast)}
.btn:hover svg{transform:translateX(3px)}
.btn--ghost{background:transparent;color:var(--charcoal);border-color:var(--border)}
.btn--ghost:hover{background:var(--action);border-color:var(--action);color:var(--charcoal)}
.btn--dark{background:var(--charcoal);border-color:var(--charcoal);color:var(--white)}
.btn--dark:hover{background:#000;border-color:#000}
.link-arrow{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--white)}
.link-arrow svg{width:8px;height:12px;color:var(--action);transition:transform var(--t-fast)}
.link-arrow:hover svg{transform:translateX(3px)}
.sec-head{text-align:center;max-width:860px;margin:0 auto 44px}
.sec-head h2{font-size:clamp(32px,4.2vw,54px);margin-bottom:18px}
.sec-head p{font-size:16px}
/* ===== Header (μίνιμαλ, μία γραμμή) ===== */
.site-header{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid transparent;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.site-header.is-stuck{border-bottom-color:var(--line);box-shadow:0 4px 18px rgba(0,0,0,.04)}
.hdr{max-width:1400px;margin:0 auto;padding:0 40px;height:var(--header-h);display:flex;align-items:stretch;gap:36px}
.logo{display:flex;align-items:center;flex:none}
.logo .logo-mark{--lh:56px}
.logo-mark{--lh:74px}
.logo-mark{--lh:92px;display:block;position:relative;overflow:hidden;height:var(--lh);width:calc(var(--lh) * 447 / 396)}
.logo-mark img{position:absolute;max-width:none;height:auto;width:calc(var(--lh) * 512 / 396);left:calc(var(--lh) * -35 / 396);top:calc(var(--lh) * -22 / 396)}
.nav{display:flex;align-items:stretch;gap:24px;flex:1}
.nav>li{position:relative;display:flex}
.nav>li>a,.nav>li>button{position:relative;display:flex;align-items:center;gap:6px;padding:0;font-size:15px;font-weight:500;color:var(--text);background:none;border:0;letter-spacing:-.1px;white-space:nowrap;transition:color var(--t-fast)}
.nav>li>a:hover,.nav>li>button:hover,.nav>li:focus-within>button{color:#000}
.nav>li>a::after,.nav>li>button::after{content:"";position:absolute;left:0;right:0;bottom:24px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform var(--t-fast)}
.nav>li:hover>a::after,.nav>li:hover>button::after,.nav>li:focus-within>a::after,.nav>li:focus-within>button::after{transform:scaleX(1)}
.nav .chev{width:8px;height:8px;opacity:.55;transition:transform var(--t-fast)}
.nav>li:hover .chev,.nav>li:focus-within .chev{transform:rotate(180deg)}
.dropdown{position:absolute;top:100%;left:-24px;min-width:260px;background:var(--white);border:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.06);padding:14px 0;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--t-fast),transform var(--t-fast),visibility var(--t-fast);z-index:50}
.nav>li:hover .dropdown,.nav>li:focus-within .dropdown{opacity:1;visibility:visible;transform:none}
.dropdown a{display:block;padding:7px 24px;font-size:15px;font-weight:400;color:var(--text);transition:color var(--t-fast)}
.dropdown a:hover{color:#000}
.dropdown h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 10px}
.dropdown h4 a,.dropdown h4 a:hover{padding:0;font-size:inherit;font-weight:inherit;color:inherit}
.nav>li.has-mega{position:static}
.mega{left:0;right:0;min-width:0;padding:0;border-left:0;border-right:0}
.mega-in{max-width:1400px;margin:0 auto;padding:36px 40px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.mega a{padding:5px 0}
.tools{display:flex;align-items:center;gap:24px;flex:none}
.tel{font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;transition:color var(--t-fast)}
.tel:hover{color:#000;text-decoration:underline}
.lang{display:flex;align-items:center;gap:2px}
.lang a{padding:4px 5px;font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--muted);transition:color var(--t-fast)}
.lang a:hover,.lang a[aria-current="true"]{color:var(--ink)}
.hdr-cta{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);color:var(--ink);font-size:14px;font-weight:600;padding:10px 20px;border-radius:999px;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}
.hdr-cta:hover{background:var(--ink);color:var(--white)}
.hdr-cta svg{width:7px;height:11px;color:var(--action);transition:transform var(--t-fast)}
.hdr-cta:hover svg{transform:translateX(3px)}
.burger{display:none}
.nav>li.nav-extra{display:none}
/* Τηλέφωνο: μόνο όπου χωρά (στο κινητό μενού υπάρχει πάντα) */
/* Header: έως 1024px → burger */
@media (max-width:1024px){
:root{--header-h:68px}
.hdr{padding-inline:24px}
.logo .logo-mark{--lh:52px}
.nav,.hide-m{display:none}
.tools{margin-left:auto}
.burger{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--ink)}
.burger svg{width:24px;height:24px}
.nav.is-open{display:block;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:var(--white);overflow-y:auto;padding:8px 0 40px;z-index:120;border-top:1px solid var(--line)}
.nav.is-open>li{display:block;border-bottom:1px solid var(--line)}
.nav.is-open>li>a,.nav.is-open>li>button{width:100%;justify-content:space-between;padding:18px 24px;font-size:17px;font-weight:500}
.nav.is-open>li>a::after,.nav.is-open>li>button::after{display:none}
.nav.is-open .dropdown{position:static;opacity:1;visibility:visible;transform:none!important;box-shadow:none;border:0;display:none;min-width:0;padding:0 24px 18px}
.nav.is-open .dropdown a{padding:8px 0}
.nav.is-open .mega-in{grid-template-columns:1fr;padding:0;gap:18px;margin:0;max-width:none}
.nav.is-open>li.open .dropdown{display:block}
.nav.is-open>li:hover .chev{transform:none}
.nav.is-open>li.open .chev{transform:rotate(180deg)}
.nav.is-open>li.nav-extra{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px 24px;border:0}
.nav.is-open>li.nav-extra>a{width:auto;padding:0;justify-content:flex-start}
.nav.is-open>li.nav-extra>.tel{font-size:17px;font-weight:600;color:var(--ink)}
.nav.is-open>li.nav-extra>.hdr-cta{padding:12px 22px;border:1px solid var(--ink);font-size:16px}
}
/* ===== Section dots ===== */
.dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:9px}
.dots a{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--logo-grey);background:rgba(255,255,255,.6);transition:background var(--t-fast),border-color var(--t-fast)}
.dots a.is-active{background:var(--action);border-color:var(--action-deep)}
/* ===== Hero (μίνιμαλ premium) ===== */
.hero{position:relative;height:calc(100vh - var(--topbar-h) - var(--header-h));min-height:620px;max-height:900px;overflow:hidden;background:#141414;color:var(--white)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s}
.slide.is-active{opacity:1;visibility:visible}
.slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 9s cubic-bezier(.2,.6,.2,1)}
.slide.is-active>img{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,12,.82) 0%,rgba(12,12,12,.66) 34%,rgba(12,12,12,.3) 56%,rgba(12,12,12,0) 76%),linear-gradient(0deg,rgba(12,12,12,.86) 0%,rgba(12,12,12,.36) 40%,rgba(12,12,12,0) 64%)}
.slide-inner{position:relative;z-index:2;height:100%;max-width:1400px;margin:0 auto;padding:0 40px 150px;display:flex;align-items:flex-end}
.slide-content{max-width:660px}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-size:13px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--white)}
.eyebrow::before{content:"";width:36px;height:1px;background:var(--action)}
.slide h1,.slide .h1{color:var(--white);font-size:clamp(40px,4.4vw,66px);font-weight:600;line-height:1.04;letter-spacing:-1.4px;margin-bottom:20px;text-wrap:balance}
.slide-content p{font-size:18px;line-height:1.55;font-weight:400;color:rgba(255,255,255,.92);max-width:480px;margin-bottom:34px}
.hero-ctas{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.btn-hero{display:inline-flex;align-items:center;gap:12px;background:var(--white);color:var(--ink);font-weight:600;font-size:15px;padding:15px 26px;border-radius:999px;transition:background var(--t-fast),color var(--t-fast)}
.btn-hero:hover{background:var(--action);color:var(--charcoal)}
.btn-hero svg{width:7px;height:11px;color:var(--action-deep);transition:transform var(--t-fast),color var(--t-fast)}
.btn-hero:hover svg{transform:translateX(3px);color:var(--charcoal)}
.link-hero{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--white);padding:4px 0;box-shadow:inset 0 -1px 0 rgba(255,255,255,.5);transition:box-shadow var(--t-fast)}
.link-hero:hover{box-shadow:inset 0 -1px 0 var(--white)}
.link-hero svg{width:7px;height:11px;transition:transform var(--t-fast)}
.link-hero:hover svg{transform:translateX(3px)}
.hero-foot{position:absolute;z-index:5;left:0;right:0;bottom:0}
.hero-foot-in{max-width:1400px;margin:0 auto;padding:0 40px 40px;display:flex;align-items:flex-end;gap:56px}
.hero-thumbs{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.hero-thumbs button{position:relative;display:block;padding:16px 0 0;border:0;background:none;color:rgba(255,255,255,.72);text-align:left;font-size:14px;font-weight:500;line-height:1.3;box-shadow:inset 0 1px 0 rgba(255,255,255,.3);transition:color var(--t-fast)}
.hero-thumbs button:hover,.hero-thumbs button.is-active{color:var(--white)}
.hero-thumbs .num{display:block;font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:4px}
.hero-thumbs .bar{position:absolute;left:0;top:0;height:1px;width:0;background:var(--white)}
.hero-nav{display:flex;align-items:center;gap:22px;flex:none}
.hero-count{font-size:14px;font-weight:500;letter-spacing:1px;color:var(--white);white-space:nowrap}
.hero-count b{font-size:30px;font-weight:600;letter-spacing:-.5px;color:var(--white);margin-right:4px}
.hero-arrows{display:flex;gap:10px}
.hero-arrows button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:transparent;color:var(--white);display:grid;place-items:center;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}
.hero-arrows button:hover{background:var(--white);border-color:var(--white);color:var(--ink)}
.hero-arrows svg{width:8px;height:13px}
/* ===== Why (charcoal cards) ===== */
.why{position:relative;background:var(--white);color:var(--text);padding:90px 0 110px;overflow:hidden}
.why::before,.why::after{content:"";position:absolute;background:rgba(42,42,42,.025);pointer-events:none}
.why::before{width:900px;height:900px;left:-380px;top:-160px;transform:rotate(45deg)}
.why::after{width:700px;height:700px;right:-260px;bottom:-420px;transform:rotate(45deg)}
.why .wrap{position:relative;z-index:1}
.why .sec-head .tag{background:var(--brand);color:var(--charcoal)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why-card{background:var(--white);border:1px solid var(--border);padding:32px 30px 30px;display:flex;flex-direction:column;border-radius:var(--radius);transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast)}
.why-card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:inset 0 3px 0 var(--action),0 12px 28px rgba(0,0,0,.08)}
.why-card .kicker{color:var(--brand-deep);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.44px;margin-bottom:10px}
.why-card h3{color:var(--ink);font-size:22px;margin-bottom:12px}
.why-card p{color:var(--text);font-size:16px;flex:1}
.why-card .btn{align-self:flex-start;margin-top:14px;font-size:14px;padding:10px 18px}
.why-lead{max-width:860px;margin:44px auto 0;text-align:center;color:var(--text)}
/* ===== Zigzag ===== */
.zig{background:var(--grey-bg);padding:100px 0 60px}
.zig-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:110px}
.zig-row:nth-child(even) .zig-media{order:2}
.zig-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--charcoal)}
.zig-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.zig-media:hover img{transform:scale(1.04)}
.zig-copy h2{font-size:clamp(32px,4vw,54px);margin-bottom:22px}
.zig-copy p{font-size:16px}
.zig-copy a.inline{color:var(--charcoal);font-weight:700;box-shadow:inset 0 -3px 0 var(--action)}
.zig-copy .btn+.btn{margin-left:10px}
.checks li{position:relative;padding-left:26px;margin-bottom:12px;font-size:16px}
.checks li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)}
.checks strong{color:var(--ink)}
.play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:rgba(0,0,0,.18);transition:background var(--t-fast)}
.play:hover{background:rgba(0,0,0,.32)}
.play span{width:84px;height:84px;border-radius:50%;background:var(--action);display:grid;place-items:center;box-shadow:var(--shadow);transition:transform var(--t-fast)}
.play:hover span{transform:scale(1.08)}
.play svg{width:26px;height:30px;margin-left:5px;color:var(--charcoal)}
.media-caption{position:absolute;left:0;bottom:0;background:var(--charcoal);color:var(--white);padding:10px 14px;font-size:14px;font-weight:700}
/* ===== Product range ===== */
.range{padding:100px 0}
.tabs{display:flex;justify-content:center;gap:10px;border-bottom:2px solid var(--line);margin-bottom:28px;flex-wrap:wrap}
.tabs button{background:none;border:0;padding:0 26px 18px;font-weight:700;font-size:18px;color:var(--muted);position:relative;transition:color var(--t-fast)}
.tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--action);transform:scaleX(0);transition:transform var(--t-fast)}
.tabs button[aria-selected="true"]{color:var(--text)}
.tabs button[aria-selected="true"]::after{transform:scaleX(1)}
.panel{display:none}
.panel.is-active{display:block;animation:fadeUp var(--t-slow) ease}
.panel>p{text-align:center;max-width:980px;margin:0 auto 34px;font-size:16px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.cards--5{grid-template-columns:repeat(5,1fr);gap:20px}
.pcard{display:flex;flex-direction:column;text-align:center}
.pcard .ph{position:relative;aspect-ratio:1/0.83;overflow:hidden;background:var(--grey-bg)}
.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.pcard:hover .ph img{transform:scale(1.06)}
.pcard .tag{position:absolute;left:10px;top:10px;margin:0}
.pcard h3{font-size:18px;padding:14px 8px 6px;letter-spacing:-.25px;transition:color var(--t-fast)}
.pcard:hover h3{box-shadow:inset 0 -3px 0 var(--action)}
.pcard p{font-size:16px;line-height:1.5;color:var(--muted);padding:0 6px}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* ===== Numbers (video bg) ===== */
.numbers{position:relative;color:var(--white);padding:70px 0 90px;overflow:hidden;background:#1d2124}
.numbers video,.numbers .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.numbers::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.66),rgba(20,20,20,.8))}
.numbers .wrap{position:relative;z-index:2;text-align:center}
.numbers h2{color:var(--white);font-size:clamp(28px,3vw,36px);margin-bottom:36px}
.stats{display:grid;grid-template-columns:repeat(3,290px);justify-content:center;gap:40px;margin-bottom:56px}
.stat{background:rgba(20,20,20,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(3px);padding:26px 22px 24px}
.stat h3{color:var(--white);font-size:17px;margin-bottom:18px}
.ring{width:160px;height:160px;border-radius:50%;border:6px solid var(--white);display:grid;place-items:center;margin:0 auto 18px}
.ring strong{color:var(--brand);font-size:34px;font-weight:800;letter-spacing:-.4px}
.stat p{font-size:16px;line-height:1.45;margin:0;color:rgba(255,255,255,.9)}
.numbers .lead-title{color:var(--white);font-size:clamp(22px,2.4vw,28px);margin-bottom:16px}
.numbers .lead{max-width:1020px;margin:0 auto 34px;font-size:16px;color:rgba(255,255,255,.93)}
.numbers .lead a{color:var(--white);font-weight:700;box-shadow:inset 0 -2px 0 var(--action)}
/* ===== News ===== */
.news{padding:100px 0}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ncard{position:relative;aspect-ratio:1/1.02;overflow:hidden;background:var(--brand);display:flex;flex-direction:column;justify-content:flex-end}
.ncard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.ncard:hover img{transform:scale(1.05)}
.ncard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.72) 100%)}
.ncard .badge{position:absolute;right:0;top:0;z-index:2;display:flex}
.ncard .badge span{background:var(--charcoal);color:var(--brand);font-size:12px;text-transform:uppercase;letter-spacing:.44px;padding:10px 12px}
.ncard .badge i{background:var(--brand);width:38px;display:grid;place-items:center}
.ncard .badge svg{width:16px;height:16px;color:var(--charcoal)}
.ncard .body{position:relative;z-index:2;padding:22px}
.ncard .tag{background:var(--white);color:var(--charcoal);margin-bottom:8px}
.ncard h3{color:var(--white);font-size:20px;line-height:1.25}
.center{text-align:center;margin-top:40px}
/* ===== Clients (projects) ===== */
.clients{padding:0 0 90px}
.proj{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:14px;max-width:1400px;margin:0 auto;padding-inline:24px}
.proj-intro{grid-column:1/6;grid-row:1/3;background:var(--charcoal);color:var(--white);padding:48px 44px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.proj-intro::before{content:"";position:absolute;width:520px;height:520px;right:-300px;top:-120px;background:rgba(255,255,255,.04);transform:rotate(45deg)}
.proj-intro h2{color:var(--white);font-size:clamp(34px,4vw,54px);margin-bottom:16px;position:relative}
.proj-intro p{position:relative;color:rgba(255,255,255,.9)}
.proj-intro .btn{align-self:flex-start;position:relative}
.ptile{position:relative;overflow:hidden;background:var(--charcoal)}
.ptile img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}
.ptile:hover img{transform:scale(1.05)}
.ptile .lbl{position:absolute;left:14px;bottom:14px;background:var(--charcoal);padding:9px 12px;max-width:calc(100% - 28px)}
.ptile .lbl small{display:block;color:var(--brand);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.44px}
.ptile .lbl b{color:var(--white);font-size:16px;line-height:1.2}
.t1{grid-column:6/10;grid-row:1/3}.t2{grid-column:10/13;grid-row:1/3}
.t3{grid-column:1/4;grid-row:3/5}.t4{grid-column:4/9;grid-row:3/5}.t5{grid-column:9/13;grid-row:3/5}
.ticker{margin-top:44px;border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:16px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sprite{position:absolute}
.dropdown h4.mt{margin-top:16px}
.tk-half{display:inline-flex}
.ncard img.pos-left{object-position:22% 50%}
.ticker-track{display:inline-flex;animation:tick 140s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker span{font-size:14px;font-weight:500}
.ticker b{color:var(--charcoal);font-weight:800;margin-right:6px}
.ticker i{display:inline-block;width:6px;height:6px;background:var(--brand);transform:rotate(45deg);margin:0 34px;vertical-align:middle}
@keyframes tick{to{transform:translateX(-50%)}}
.logos{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:50px}
.logos h3{font-size:13px;text-transform:uppercase;letter-spacing:.44px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.logos h3::before{content:"";width:24px;height:3px;background:var(--brand)}
.logo-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.logo-row div{border:1px solid var(--border);height:74px;display:grid;place-items:center;padding:8px;background:var(--white);transition:border-color var(--t-fast)}
.logo-row div:hover{border-color:var(--action)}
.logo-row img{max-height:54px;width:auto;filter:grayscale(1);opacity:.8;transition:filter var(--t-fast),opacity var(--t-fast)}
.logo-row div:hover img{filter:none;opacity:1}
/* ===== FAQ ===== */
.faq{background:var(--grey-bg);padding:90px 0}
.faq-list{max-width:980px;margin:0 auto}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px}
.faq-item summary{list-style:none;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;padding:20px 24px;font-size:18px;font-weight:700;color:var(--text)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .pm{flex:none;width:30px;height:30px;border-radius:50%;background:var(--action);position:relative;transition:transform var(--t-fast)}
.faq-item .pm::before,.faq-item .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--charcoal);transform:translate(-50%,-50%)}
.faq-item .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform var(--t-fast)}
.faq-item[open] .pm::after{transform:translate(-50%,-50%) rotate(0)}
.faq-item[open] .ans{animation:fadeUp var(--t-slow) ease}
.faq-item .ans p{padding:0 24px 22px;margin:0}
/* ===== Features (brand-green cards) ===== */
.features{padding:0 0 0}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1400px;margin:0 auto;padding:0 24px 50px}
.feat{background:var(--brand);padding:36px 30px 34px;display:flex;flex-direction:column;transition:background var(--t-fast),transform var(--t-fast)}
.feat:hover{background:var(--brand-hover);transform:translateY(-4px)}
.feat svg.ico{width:48px;height:48px;color:var(--charcoal);margin-bottom:22px}
.feat h3{font-size:19px;margin-bottom:14px;color:var(--charcoal)}
.feat p{font-size:16px;color:var(--charcoal);flex:1}
.feat .more{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--charcoal);margin-top:6px}
.feat .more svg{width:8px;height:12px}
/* ===== Footer ===== */
.site-footer{background:var(--charcoal);color:rgba(255,255,255,.86);font-size:14px}
.f-top{display:grid;grid-template-columns:5fr 7fr;gap:50px;align-items:center;padding:60px 0 46px;border-bottom:1px solid rgba(255,255,255,.1)}
.f-top h2{color:var(--brand);font-size:24px;font-weight:500;margin-bottom:10px}
.f-top p{margin:0}
.social-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.social-cta a{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius);padding:12px 18px;color:var(--white);font-weight:700;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}
.social-cta a:hover{background:var(--action);border-color:var(--action);color:var(--charcoal)}
.social-cta svg{width:18px;height:18px}
.f-cols{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.15fr;gap:40px;padding:50px 0}
.f-cols h3{color:var(--brand);font-size:16px;margin-bottom:18px}
.f-cols li{margin-bottom:9px}
.f-cols li a{display:inline-flex;gap:8px;align-items:baseline;transition:color var(--t-fast)}
.f-cols li a::before{content:"›";color:var(--brand);font-weight:800}
.f-cols li a:hover{color:var(--white)}
.f-logo{background:var(--white);display:inline-block;padding:10px 14px;border-radius:var(--radius);margin-bottom:16px}
.f-logo .logo-mark{--lh:96px}
.contact-list li{display:flex;gap:10px;align-items:flex-start}
.contact-list li a::before{content:none}
.contact-list svg{width:16px;height:16px;color:var(--brand);flex:none;margin-top:4px}
.contact-list a:hover{color:var(--white)}
.map{margin-top:16px;border:0;width:100%;height:150px;filter:grayscale(.4)}
.f-social{display:flex;justify-content:center;gap:28px;padding:26px 0}
.f-social a{color:var(--white);transition:color var(--t-fast)}
.f-social a:hover{color:var(--action)}
.f-social svg{width:20px;height:20px}
.f-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 0 26px;font-size:13px;color:var(--logo-grey)}
.f-bottom nav{display:flex;gap:26px;flex-wrap:wrap}
.f-bottom a:hover{color:var(--white)}
/* ===== CRO: intro (σαφήνεια + αυθεντία), διαδικασία, XENIA, τελικό CTA, μπάρα κινητού ===== */
.kicker-line{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-size:13px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--brand-deep)}
.kicker-line::before{content:"";width:36px;height:1px;background:var(--action)}
.btn-pill{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:var(--white);font-weight:600;font-size:15px;padding:14px 26px;border-radius:999px;transition:background var(--t-fast)}
.btn-pill:hover{background:#000}
.btn-pill svg{width:7px;height:11px;color:var(--action);transition:transform var(--t-fast)}
.btn-pill:hover svg{transform:translateX(3px)}
.link-dl{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--ink);padding:4px 0;box-shadow:inset 0 -1px 0 var(--ink)}
.link-dl svg{width:17px;height:17px;color:var(--brand-deep)}
.tel-link{font-weight:600;font-size:15px;color:var(--ink);box-shadow:inset 0 -1px 0 var(--border);padding:4px 0}
.tel-link:hover{box-shadow:inset 0 -1px 0 var(--ink)}
.intro{padding:84px 0 76px;border-bottom:1px solid var(--line)}
.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center}
.intro h2{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.8px;line-height:1.15;margin-bottom:18px;color:var(--ink)}
.intro-copy>p{font-size:17px;line-height:1.7}
.intro-ctas{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:30px}
.trust{background:var(--grey-bg);padding:30px 32px}
.trust h3{font-size:13px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.trust .logo-row{grid-template-columns:repeat(4,1fr)}
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}
.proof b{display:block;font-size:26px;font-weight:600;color:var(--ink);letter-spacing:-.5px;line-height:1.2}
.proof span{display:block;font-size:14px;line-height:1.4;color:var(--muted)}
.process{padding:100px 0}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.step{padding:30px 28px 6px 0}
.step+.step{padding-left:28px;border-left:1px solid var(--line)}
.step .n{font-size:13px;font-weight:600;letter-spacing:2px;color:var(--brand-deep)}
.step h3{font-size:20px;font-weight:600;margin:14px 0 10px;color:var(--ink);line-height:1.25}
.step p{font-size:16px;margin:0}
.process-cta{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:52px}
.final-cta{background:var(--grey-bg);padding:100px 0;text-align:center}
.final-cta h2{font-size:clamp(30px,3.6vw,48px);font-weight:600;letter-spacing:-1px;line-height:1.12;max-width:820px;margin:0 auto 18px;color:var(--ink)}
.final-cta p{max-width:620px;margin:0 auto 34px;font-size:17px}
.final-ctas{display:flex;gap:28px;justify-content:center;align-items:center;flex-wrap:wrap}
.final-cta .kicker-line{justify-content:center}
.clients .logos{grid-template-columns:1fr}
.mbar{display:none}
@media (max-width:1080px){
.intro-grid{grid-template-columns:1fr;gap:40px}
.steps{grid-template-columns:1fr 1fr}
.step,.step+.step{padding:26px 20px 22px 0;border-left:0;border-bottom:1px solid var(--line)}
}
@media (max-width:640px){
.intro,.process,.final-cta{padding:64px 0}
.steps{grid-template-columns:1fr}
.trust{padding:24px 20px}
.proof b{font-size:22px}
}
@media (max-width:760px){
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:110;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.06);transform:translateY(110%);transition:transform var(--t-fast)}
.mbar.is-on{transform:none}
.mbar a{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:999px;font-weight:600;font-size:15px}
.mbar .call{border:1px solid var(--ink);color:var(--ink)}
.mbar .quote{background:var(--action);color:var(--charcoal)}
.mbar svg{width:16px;height:16px}
.mbar .quote svg{width:7px;height:11px}
body{padding-bottom:72px}
}
/* ===== Premium layer: ενότητες «Γιατί ISKIOS» → footer (ίδια αισθητική με header/hero) ===== */
.wrap{max-width:1400px;padding-inline:40px}
.sec-head{max-width:820px;margin:0 auto 56px}
.sec-head .kicker-line{justify-content:center}
.sec-head h2{font-size:clamp(32px,3.6vw,50px);font-weight:600;letter-spacing:-1.2px;line-height:1.08;color:var(--ink);margin-bottom:18px}
.sec-head p{font-size:17px}
.btn,.btn--dark{background:var(--ink);border:1px solid var(--ink);color:var(--white);border-radius:999px;font-weight:600;font-size:15px;padding:14px 26px;gap:12px}
.btn:hover,.btn--dark:hover{background:#000;border-color:#000;color:var(--white)}
.btn svg{color:var(--action)}
.more-link{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:20px;font-weight:600;font-size:15px;color:var(--ink);padding:4px 0;box-shadow:inset 0 -1px 0 var(--border);transition:box-shadow var(--t-fast)}
.more-link:hover{box-shadow:inset 0 -1px 0 var(--ink)}
.more-link svg{width:7px;height:11px;color:var(--action);transition:transform var(--t-fast)}
.more-link:hover svg{transform:translateX(3px)}
/* Γιατί ISKIOS: πλέγμα με λεπτές γραμμές αντί για κουτιά */
.why{padding:110px 0}
.why::before,.why::after{display:none}
.why-grid{gap:0;border-top:1px solid var(--line)}
.why-card{border:0;border-radius:0;background:none;padding:38px 40px 42px 0}
.why-card:nth-child(3n+2),.why-card:nth-child(3n){padding-left:40px;border-left:1px solid var(--line)}
.why-card:nth-child(n+4){border-top:1px solid var(--line)}
.why-card:hover{transform:none;box-shadow:none;border-color:var(--line)}
.why-card .kicker{font-size:12px;font-weight:600;letter-spacing:1.8px}
.why-card h3{font-size:22px;font-weight:600;letter-spacing:-.3px}
.why-card p{font-size:16px}
.why-lead{max-width:760px;margin-top:56px;font-size:18px;line-height:1.6;color:var(--ink)}
/* Η εταιρεία (zigzag) */
.zig{background:var(--white);padding:110px 0 30px;border-top:1px solid var(--line)}
.zig-row{gap:88px;margin-bottom:120px}
.zig-media{aspect-ratio:5/4;background:var(--grey-bg)}
.zig-copy h2{font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-1px;line-height:1.1;color:var(--ink)}
.zig-copy p{font-size:17px;line-height:1.7}
.zig-copy a.inline{box-shadow:inset 0 -1px 0 var(--ink)}
.zig-copy .btn+.btn{margin-left:14px}
.zig-copy .btn--dark{background:transparent;color:var(--ink)}
.zig-copy .btn--dark:hover{background:var(--ink);color:var(--white)}
.checks li{padding-left:30px;font-size:16px;line-height:1.6;margin-bottom:14px}
.checks li::before{top:12px;width:16px;height:1px;border:0;background:var(--action);transform:none}
.media-caption{left:16px;bottom:16px;background:var(--white);color:var(--ink);font-weight:600;padding:10px 16px}
.play span{width:76px;height:76px;background:var(--white);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.play svg{color:var(--ink)}
/* Τύποι ομπρελών */
.range{padding:110px 0;border-top:1px solid var(--line)}
.tabs{gap:36px;border-bottom:1px solid var(--line);margin-bottom:36px}
.tabs button{padding:0 0 16px;font-size:16px;font-weight:500;color:var(--muted)}
.tabs button::after{height:1px;bottom:-1px;background:var(--ink)}
.tabs button[aria-selected="true"]{color:var(--ink)}
.panel>p{max-width:760px;margin-bottom:48px;font-size:17px}
.cards{gap:32px}
.pcard{text-align:left}
.pcard .ph{aspect-ratio:4/3}
.pcard .tag{background:var(--white);color:var(--ink);font-size:11px;font-weight:600;letter-spacing:1.5px;padding:5px 9px;left:12px;top:12px}
.pcard h3{font-size:19px;font-weight:600;padding:20px 0 8px;color:var(--ink)}
.pcard:hover h3{box-shadow:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.pcard p{padding:0;font-size:16px;color:var(--muted)}
/* Σε αριθμούς: μεγάλοι αριθμοί σε λεπτό πλέγμα, χωρίς δαχτυλίδια και κουτιά */
.numbers{padding:110px 0}
.numbers::after{background:linear-gradient(180deg,rgba(12,12,12,.8),rgba(12,12,12,.88))}
.numbers h2{font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-1px;margin-bottom:56px}
.stats{grid-template-columns:repeat(3,1fr);gap:0;max-width:1120px;margin:0 auto 72px;border-top:1px solid rgba(255,255,255,.25)}
.stat{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:36px 32px 6px;text-align:left}
.stat+.stat{border-left:1px solid rgba(255,255,255,.25)}
.stat h3{font-size:13px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.88);margin-bottom:14px}
.ring{width:auto;height:auto;border:0;border-radius:0;display:block;margin:0 0 12px}
.ring strong{color:var(--white);font-size:clamp(44px,5vw,64px);font-weight:600;letter-spacing:-1.5px}
.stat p{font-size:16px;line-height:1.55;color:rgba(255,255,255,.88)}
.numbers .lead-title{font-size:clamp(22px,2.2vw,28px);font-weight:600;max-width:820px;margin:0 auto 18px}
.numbers .lead{font-size:17px;line-height:1.75;max-width:880px}
.numbers .btn{background:var(--white);border-color:var(--white);color:var(--ink)}
.numbers .btn:hover{background:var(--action);border-color:var(--action);color:var(--charcoal)}
/* Νέα: εικόνα επάνω, κείμενο από κάτω */
.news{padding:110px 0}
.news-grid{gap:32px}
.ncard{aspect-ratio:auto;background:none;display:block;overflow:visible}
.ncard img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ncard:hover img{transform:none}
.ncard::after,.ncard .badge{display:none}
.ncard .body{padding:20px 0 0}
.ncard .tag{display:block;background:none;color:var(--muted);padding:0;margin-bottom:10px;font-size:13px;font-weight:600;letter-spacing:1px}
.ncard h3{color:var(--ink);font-size:20px;font-weight:600;line-height:1.3}
.ncard:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.news .center{margin-top:56px}
/* Πελατολόγιο */
.clients{padding:20px 0 110px}
.proj{max-width:1400px;padding-inline:40px}
.proj-intro{background:var(--grey-bg);color:var(--text)}
.proj-intro::before{display:none}
.proj-intro h2{color:var(--ink);font-weight:600;letter-spacing:-1px}
.proj-intro p{color:var(--text)}
.ptile .lbl{left:0;right:0;bottom:0;max-width:none;padding:48px 20px 18px;background:linear-gradient(0deg,rgba(12,12,12,.85) 0%,rgba(12,12,12,.55) 60%,rgba(12,12,12,0) 100%)}
.ptile .lbl small{color:rgba(255,255,255,.9);font-size:12px;font-weight:600;letter-spacing:1.5px}
.ptile .lbl b{display:block;margin-top:4px;font-size:18px;font-weight:600}
.ticker{border-color:var(--line)}
.ticker i{background:var(--action);width:5px;height:5px}
.logos h3{font-size:13px;font-weight:600;letter-spacing:1.6px;color:var(--muted)}
.logos h3::before{width:24px;height:1px;background:var(--action)}
.logo-row div{border-color:var(--line)}
/* Συχνές ερωτήσεις: μόνο λεπτές γραμμές */
.faq{background:var(--white);padding:110px 0;border-top:1px solid var(--line)}
.faq-list{max-width:900px}
.faq-item{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0}
.faq-list>.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{padding:26px 0;font-size:19px;font-weight:600;color:var(--ink)}
.faq-item .pm{width:22px;height:22px;background:none;border-radius:0}
.faq-item .pm::before,.faq-item .pm::after{width:14px;height:1.5px;background:var(--ink)}
.faq-item .ans p{padding:0 48px 28px 0;font-size:17px;line-height:1.7}
.faq .center{margin-top:48px}
/* Υπηρεσίες: λευκό πλέγμα αντί για πράσινες κάρτες */
.features{border-top:1px solid var(--line)}
.feat-grid{gap:0;max-width:1400px;padding:0 40px}
.feat{background:none;padding:52px 36px 56px;border-left:1px solid var(--line)}
.feat:first-child{border-left:0;padding-left:0}
.feat:hover{background:none;transform:none}
.feat svg.ico{width:40px;height:40px;color:var(--ink);margin-bottom:26px}
.feat h3{font-size:19px;font-weight:600;color:var(--ink)}
.feat p{color:var(--text)}
.feat .more{gap:10px;margin-top:12px;color:var(--ink);box-shadow:inset 0 -1px 0 var(--border);align-self:flex-start;padding:4px 0}
.feat:hover .more{box-shadow:inset 0 -1px 0 var(--ink)}
.feat .more svg{color:var(--action)}
.feat .more{flex-direction:row-reverse}
/* Footer: σκούρο, λεπτό, ίδια τυπογραφία */
.site-footer{background:#141414;color:rgba(255,255,255,.72);font-size:15px}
.f-top{padding:72px 0 56px;border-bottom:1px solid rgba(255,255,255,.12)}
.f-top h2{color:var(--white);font-size:clamp(26px,2.6vw,34px);font-weight:600;letter-spacing:-.6px}
.f-top p{color:rgba(255,255,255,.72)}
.social-cta a{border-radius:999px;border-color:rgba(255,255,255,.25);font-weight:500;padding:11px 18px}
.social-cta a:hover{background:var(--white);border-color:var(--white);color:var(--ink)}
.f-cols{padding:64px 0;gap:48px}
.f-cols h3{color:var(--white);font-size:13px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px}
.f-cols li{margin-bottom:11px}
.f-cols li a{color:rgba(255,255,255,.72)}
.f-cols li a::before{content:none}
.f-cols li a:hover{color:var(--white)}
.f-logo{border-radius:2px;padding:8px 12px}
.contact-list svg{color:var(--action)}
.map{filter:grayscale(1);opacity:.85;border-radius:2px}
/* τα social υπάρχουν ήδη ως κουμπιά στο f-top — η δεύτερη σειρά εικονιδίων περιττεύει */
.f-social{display:none}
.f-social a{color:rgba(255,255,255,.72)}
.f-social a:hover{color:var(--white)}
.f-bottom{font-size:14px;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.12)}
@media (max-width:1280px){
.wrap,.proj,.feat-grid{padding-inline:28px}
}
@media (max-width:1080px){
.why-card,.why-card:nth-child(n){padding:30px 24px 32px 0;border-left:0;border-top:1px solid var(--line)}
.why-card:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}
.why-card:nth-child(-n+2){border-top:0}
.zig-row{gap:36px;margin-bottom:80px}
.numbers .stats{gap:0}
.numbers .stat{padding:28px 18px 6px}
.numbers .ring{width:auto;height:auto}
.numbers .ring strong{font-size:40px}
.feat,.feat:first-child{padding:40px 24px 44px 0;border-left:0}
.feat:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}
.feat:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:640px){
.wrap,.proj,.feat-grid{padding-inline:16px}
.why,.zig,.range,.numbers,.news,.faq{padding-block:72px}
.why-card:nth-child(n){padding:28px 0;border-left:0;border-top:1px solid var(--line)}
.why-card:first-child{border-top:0}
.numbers .stats{gap:0}
.numbers .stat+.stat{border-left:0;border-top:1px solid rgba(255,255,255,.25)}
.numbers .stat{padding:26px 0 4px}
.feat:nth-child(n){padding:36px 0;border-left:0;border-top:1px solid var(--line)}
.feat:first-child{border-top:0}
.faq-item .ans p{padding-right:0}
.zig-copy .btn+.btn{margin:12px 0 0}
}
/* ===== Ανακοινώσεις (κάτω από το hero) ===== */
.announce{background:var(--grey-bg);border-bottom:1px solid var(--line)}
.announce-list{list-style:none;margin:0 auto;padding:0 40px;max-width:1400px}
.announce-item{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;padding:20px 0}
.announce-item+.announce-item{border-top:1px solid var(--line)}
.announce .label{font-size:12px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--white);background:var(--ink);padding:6px 12px;border-radius:999px}
.announce .when{font-size:13px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--brand-deep)}
.announce .what{margin:0 auto 0 0;font-size:17px;font-weight:600;color:var(--ink)}
.announce .more-link{margin-top:0}
@media (max-width:1280px){.announce-list{padding-inline:28px}}
@media (max-width:640px){
.announce-list{padding-inline:16px}
.announce-item{gap:10px 16px;padding:18px 0}
.announce .what{flex-basis:100%;font-size:16px}
}
/* ===== Λογότυπο vector (+30%) & υποστηρικτικά χρώματα παλέτας ===== */
:root{--header-h:96px;--green-tint:#F1F7ED;--orange-tint:#FEF4EA;--green-ink:#2F6B1F}
.logo-img{display:block;height:var(--logo-h);width:auto}
.logo{--logo-h:73px}
.f-logo{--logo-h:84px}
.nav>li>a::after,.nav>li>button::after{bottom:32px;background:var(--action);height:2px}
@media (max-width:1024px){:root{--header-h:84px}.logo{--logo-h:68px}}
@media (max-width:640px){:root{--header-h:80px}.logo{--logo-h:64px}}
/* Κουμπιά δράσης: πορτοκαλί της μάρκας = δράση */
.btn-pill,.btn{background:var(--action);border-color:var(--action);color:var(--charcoal)}
.btn-pill:hover,.btn:hover{background:var(--action-hover);border-color:var(--action-hover);color:var(--charcoal)}
.btn-pill svg,.btn svg{color:var(--charcoal)}
.hdr-cta{border-color:var(--action);background:var(--action);color:var(--charcoal)}
.hdr-cta svg{color:var(--charcoal)}
.hdr-cta:hover{background:var(--action-hover);border-color:var(--action-hover);color:var(--charcoal)}
.zig-copy .btn--dark,.btn--dark{background:transparent;border-color:var(--ink);color:var(--ink)}
.zig-copy .btn--dark:hover,.btn--dark:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
.btn--dark svg{color:var(--action-deep)}
.btn--dark:hover svg{color:var(--action)}
/* Ανακοινώσεις: απαλό πορτοκαλί */
.announce{background:var(--orange-tint);border-bottom-color:#F6DFC6}
.announce .label{background:var(--action);color:var(--charcoal)}
.announce .when{color:var(--green-ink)}
/* Intro: πράσινο πλαίσιο εμπιστοσύνης */
.trust{background:var(--green-tint)}
.trust h3{color:var(--green-ink)}
.proof{border-top-color:#D6E7CC}
.proof b{color:var(--green-ink)}
.trust .logo-row div{border-color:#DCEBD3}
/* Γιατί ISKIOS: πορτοκαλί γραμμή στο hover */
.why-card{position:relative}
.why-card::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--action);transition:width var(--t-slow)}
.why-card:nth-child(3n+2)::before,.why-card:nth-child(3n)::before{left:40px}
.why-card:hover::before{width:56px}
/* Τύποι ομπρελών: απαλό πράσινο φόντο, πορτοκαλί υπογράμμιση καρτέλας */
.range{background:var(--green-tint);border-top:0}
.tabs{border-bottom-color:#D6E7CC}
.tabs button::after{height:2px;background:var(--action)}
.pcard .tag{background:var(--action);color:var(--charcoal)}
.range .kicker-line,.process .kicker-line,.final-cta .kicker-line{color:var(--green-ink)}
/* Διαδικασία: μεγάλοι αριθμοί σε πορτοκαλί */
.step .n{display:block;font-size:34px;font-weight:600;letter-spacing:-.5px;line-height:1;color:var(--action-deep)}
.steps{border-top:2px solid var(--action)}
/* Αριθμοί: πράσινα μεγέθη πάνω στο σκούρο */
.ring strong{color:var(--brand)}
.stats{border-top-color:rgba(84,176,58,.55)}
/* Νέα */
.ncard .tag{color:var(--green-ink)}
/* Πελατολόγιο */
.proj-intro{background:var(--green-tint)}
.proj-intro p{color:var(--text)}
.ptile .lbl small{color:#9FD98A}
/* Συχνές ερωτήσεις */
.faq-item summary:hover{color:var(--green-ink)}
.faq-item .pm::before,.faq-item .pm::after{background:var(--action-deep)}
.faq-item[open] summary{color:var(--green-ink)}
/* Υπηρεσίες: απαλό πορτοκαλί, πράσινα εικονίδια */
.features{background:var(--orange-tint);border-top:0}
.feat{border-left-color:#F3DCC4}
.feat svg.ico{color:var(--green-ink)}
.feat .more{box-shadow:inset 0 -1px 0 #E9C9A6}
/* Τελικό CTA: βαθύ πράσινο της μάρκας */
.final-cta{background:var(--green-ink);color:var(--white)}
.final-cta h2{color:var(--white)}
.final-cta p{color:rgba(255,255,255,.92)}
.final-cta .kicker-line{color:var(--white)}
.final-cta .tel-link{color:var(--white);box-shadow:inset 0 -1px 0 rgba(255,255,255,.5)}
.final-cta .link-dl{color:var(--white);box-shadow:inset 0 -1px 0 rgba(255,255,255,.5)}
.final-cta .link-dl svg{color:var(--white)}
/* Footer: πράσινες επικεφαλίδες, πορτοκαλί hover */
.f-cols h3{color:var(--brand)}
.f-cols li a:hover,.contact-list a:hover{color:var(--action)}
.f-top h2{color:var(--white)}
.f-top h2::after{content:"";display:block;width:48px;height:2px;background:var(--action);margin-top:16px}
@media (max-width:1080px){.why-card::before,.why-card:nth-child(n)::before{left:0}.why-card:nth-child(even)::before{left:24px}}
@media (max-width:640px){.why-card:nth-child(n)::before{left:0}}
/* ===== Νέα: κάρτες-κουτιά ===== */
.news{background:var(--grey-bg)}
.news-grid{gap:28px}
.ncard{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-top:2px solid var(--action);border-radius:4px;overflow:hidden;transition:transform var(--t-slow),box-shadow var(--t-slow)}
.ncard:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,0,0,.09)}
.ncard img{aspect-ratio:16/10;transition:transform 1s ease}
.ncard:hover img{transform:scale(1.03)}
.ncard .body{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}
.ncard h3{font-size:20px;line-height:1.3}
.ncard:hover h3{text-decoration:none}
.ncard .read{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:auto;padding-top:22px;font-size:15px;font-weight:600;color:var(--ink)}
.ncard .read svg{width:7px;height:11px;color:var(--action-deep);transition:transform var(--t-fast)}
.ncard:hover .read svg{transform:translateX(4px)}
/* ===== Πελατολόγιο: σκούρα ενότητα ===== */
.clients{background:#171717;padding:110px 0 100px}
.proj-intro{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.proj-intro h2{color:var(--white)}
.proj-intro p{color:rgba(255,255,255,.82)}
.ptile{background:#222}
.ticker{border-color:rgba(255,255,255,.12)}
.ticker span{color:rgba(255,255,255,.86)}
.logos h3{color:rgba(255,255,255,.78)}
.logo-row div{background:var(--white);border-color:transparent;border-radius:2px}
.clients .logo-row div:hover{border-color:var(--action)}
/* ===== Κύριο μενού: 4 ενότητες με megamenu ===== */
.nav{justify-content:center;gap:40px}
.mega-in{grid-template-columns:minmax(240px,1.2fr) repeat(var(--cols,3),minmax(0,1fr));gap:40px}
.mega-intro{padding-right:32px;border-right:1px solid var(--line)}
.mega-intro .kicker-line{margin-bottom:12px;font-size:12px}
.mega-intro strong{display:block;margin-bottom:10px;font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.4px;color:var(--ink)}
.mega-intro p{margin:0 0 18px;font-size:16px;line-height:1.55;color:var(--text)}
.mega .mega-intro .more-link{padding:4px 0;margin-top:0;font-weight:600;color:var(--ink)}
.mega .mega-intro .more-link:hover{padding-left:0}
.mega h4{color:var(--green-ink)}
.mega a.mega-card{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:210px;padding:26px;border-radius:4px;transition:transform var(--t-fast),box-shadow var(--t-fast)}
.mega a.mega-card:hover{padding-left:26px;transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.08)}
.mega-card--orange{background:var(--orange-tint);border-top:2px solid var(--action)}
.mega-card--green{background:var(--green-tint);border-top:2px solid var(--brand)}
.mega-card small{font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--green-ink)}
.mega-card strong{font-size:19px;font-weight:600;line-height:1.3;color:var(--ink)}
.mega-card span{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink)}
.mega-card span svg{width:7px;height:11px;color:var(--action-deep)}
@media (max-width:1024px){
.nav.is-open .mega-intro,.nav.is-open .mega-card{display:none}
.nav.is-open .mega-in{grid-template-columns:1fr}
}
/* Όρια header για 4 ενότητες (μετρημένα: με τηλέφωνο χωρά ως 1130px, χωρίς ως 970px) */
@media (max-width:1280px){.nav{gap:32px}.hdr{gap:28px}.mega-intro{display:none}.mega-in{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}}
@media (max-width:1180px){.tools .tel{display:none}}
/* ===== Κουμπιά: λευκό κείμενο σε βαθύ πορτοκαλί της ίδιας χροιάς (#B55D0D λευκό 4,63:1 · hover #A2540C 5,51:1) ===== */
:root{--action-btn:#B55D0D;--action-btn-hover:#A2540C}
.btn-pill,.btn,.hdr-cta,.nav.is-open>li.nav-extra>.hdr-cta,.mbar .quote,.skip-link{background:var(--action-btn);border-color:var(--action-btn);color:var(--white)}
.btn-pill:hover,.btn:hover,.hdr-cta:hover,.nav.is-open>li.nav-extra>.hdr-cta:hover,.mbar .quote:hover{background:var(--action-btn-hover);border-color:var(--action-btn-hover);color:var(--white)}
.btn-pill svg,.btn svg,.hdr-cta svg,.mbar .quote svg{color:var(--white)}
.btn-hero:hover,.numbers .btn:hover{background:var(--action-btn);border-color:var(--action-btn);color:var(--white)}
.btn-hero:hover svg,.numbers .btn:hover svg{color:var(--white)}
.announce .label,.pcard .tag{background:var(--action-btn);color:var(--white)}
.btn--dark,.zig-copy .btn--dark{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn--dark:hover,.zig-copy .btn--dark:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
.btn--dark svg{color:var(--action-btn)}
.btn--dark:hover svg{color:var(--white)}
/* ===== «Ποιοι Είμαστε»: editorial premium ===== */
.zig-row.about{grid-template-columns:1fr 1fr;gap:110px;align-items:center;margin-bottom:150px}
.about-media{position:relative;padding:0 56px 64px 0}
.about-deco{position:absolute;left:-28px;top:-28px;width:62%;height:70%;background:var(--green-tint);border-top:2px solid var(--brand);z-index:0}
.about-main{position:relative;z-index:1;aspect-ratio:4/5;box-shadow:0 30px 60px rgba(0,0,0,.14)}
.about-main img{height:100%}
.about-main .media-caption{left:20px;bottom:20px}
.about-sub{position:absolute;z-index:2;right:0;bottom:0;width:52%;margin:0;aspect-ratio:4/3;overflow:hidden;border:8px solid var(--white);box-shadow:0 20px 44px rgba(0,0,0,.16)}
.about-sub img{width:100%;height:100%;object-fit:cover}
.about-copy h2{font-size:clamp(36px,4vw,56px);letter-spacing:-1.4px;margin-bottom:26px}
.about-copy .about-lead{font-size:20px;line-height:1.6;color:var(--ink);margin-bottom:18px}
.about-copy .about-lead strong{color:var(--green-ink)}
.about-copy p{font-size:17px}
.about-facts{list-style:none;margin:30px 0 36px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.about-facts li{padding:20px 18px 0 0}
.about-facts li+li{padding-left:18px;border-left:1px solid var(--line)}
.about-facts b{display:block;font-size:19px;font-weight:600;color:var(--ink);margin-bottom:6px}
.about-facts span{display:block;font-size:16px;line-height:1.45;color:var(--text)}
.about-ctas{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.about-ctas .more-link{margin-top:0}
@media (max-width:1080px){
.zig-row.about{grid-template-columns:1fr;gap:56px;margin-bottom:96px}
.about-media{max-width:620px;padding:0 40px 48px 0}
.about-deco{left:-16px;top:-16px}
}
@media (max-width:640px){
.about-media{padding:0 24px 40px 0}
.about-deco{display:none}
.about-sub{width:56%;border-width:6px}
.about-facts{grid-template-columns:1fr}
.about-facts li,.about-facts li+li{padding:16px 0;border-left:0;border-bottom:1px solid var(--line)}
.about-copy .about-lead{font-size:18px}
}
/* ===== Ρυθμός φόντων: ποτέ δύο διαδοχικές ενότητες με το ίδιο φόντο ===== */
/* Γιατί ISKIOS → ανοιχτό γκρι */
.why{background:var(--grey-bg)}
.why-grid,.why-card:nth-child(3n+2),.why-card:nth-child(3n),.why-card:nth-child(n+4){border-color:#E2E2E2}
/* Η εταιρεία → λευκό, χωρίς διαχωριστική γραμμή (αλλάζει ήδη το φόντο) */
.zig{border-top:0}
/* Συχνές ερωτήσεις → απαλό πράσινο */
.faq{background:var(--green-tint);border-top:0}
.faq .kicker-line,.faq-item[open] summary,.faq-item summary:hover{color:var(--green-ink)}
.faq-item,.faq-list>.faq-item:first-child{border-color:#D6E7CC}
/* Υπηρεσίες → λευκό */
.features{background:var(--white);border-top:0}
.feat{border-left-color:var(--line)}
.feat .more{box-shadow:inset 0 -1px 0 var(--border)}
/* Τελικό CTA → απαλό πορτοκαλί, σκούρο κείμενο */
.final-cta{background:var(--orange-tint);color:var(--text);border-top:1px solid #F6DFC6}
.final-cta h2{color:var(--ink)}
.final-cta p{color:var(--text)}
.final-cta .kicker-line{color:var(--green-ink)}
.final-cta .tel-link{color:var(--ink);box-shadow:inset 0 -1px 0 #E9C9A6}
.final-cta .link-dl{color:var(--ink);box-shadow:inset 0 -1px 0 var(--ink)}
.final-cta .link-dl svg{color:var(--green-ink)}
@media (max-width:1080px){.why-card:nth-child(n),.why-card:nth-child(even){border-color:#E2E2E2}.feat:nth-child(even),.feat:nth-child(n+3){border-color:var(--line)}}
.ptile .lbl{background:linear-gradient(0deg,rgba(12,12,12,.9) 0%,rgba(12,12,12,.68) 60%,rgba(12,12,12,0) 100%)}
.ptile .lbl small{color:#B8E6A6}
/* ===== Video modal ===== */
.modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.85);display:none;place-items:center;padding:24px}
.modal.is-open{display:grid}
.modal-box{position:relative;width:min(1100px,100%);aspect-ratio:16/9;background:#000}
.modal-box iframe{width:100%;height:100%;border:0}
.modal-close{position:absolute;right:-6px;top:-48px;background:none;border:0;color:var(--white);font-size:34px;line-height:1}
/* ===== Reveal (Intersection Observer, default visible) ===== */
[data-aos]{opacity:1}
html.js-enabled [data-aos]{transition:opacity var(--t-slow) ease,transform var(--t-slow) ease}
html.js-enabled [data-aos]:not(.is-visible){opacity:0}
html.js-enabled [data-aos="fade-up"]:not(.is-visible){transform:translateY(28px)}
html.js-enabled [data-aos="fade-left"]:not(.is-visible){transform:translateX(34px)}
html.js-enabled [data-aos="fade-right"]:not(.is-visible){transform:translateX(-34px)}
html.js-enabled [data-aos="zoom-in"]:not(.is-visible){transform:scale(.96)}
html.js-enabled [data-delay="1"]{transition-delay:.08s}
html.js-enabled [data-delay="2"]{transition-delay:.16s}
html.js-enabled [data-delay="3"]{transition-delay:.24s}
html.js-enabled [data-delay="4"]{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
html.js-enabled [data-aos]:not(.is-visible){opacity:1;transform:none}
.ticker-track{animation:none}
}
/* ===== Responsive ===== */
@media (max-width:1280px){
.hdr{gap:24px;padding-inline:28px}
.nav{gap:18px}
.mega-in{padding-inline:28px}
.slide-inner,.hero-foot-in{padding-left:28px;padding-right:28px}
.cards--5{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1080px){
.dots{display:none}
.slide::after{background:linear-gradient(0deg,rgba(12,12,12,.88) 0%,rgba(12,12,12,.68) 45%,rgba(12,12,12,.52) 100%)}
.slide-inner{padding:0 28px 120px}
.hero-foot-in{padding:0 28px 30px;gap:24px}
.hero-thumbs{gap:10px}
.hero-thumbs .lbl,.hero-thumbs .num,.hero-count{display:none}
.hero-thumbs button{height:16px;padding:0}
.why-grid,.news-grid{grid-template-columns:1fr 1fr}
.zig-row{grid-template-columns:1fr;gap:34px;margin-bottom:70px}
.zig-row:nth-child(even) .zig-media{order:0}
.cards{grid-template-columns:1fr 1fr}
.stats{grid-template-columns:repeat(3,1fr);gap:16px}
.ring{width:120px;height:120px}
.ring strong{font-size:26px}
.proj{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
.proj-intro{grid-column:1/3;grid-row:auto}
.t1,.t2,.t3,.t4,.t5{grid-column:auto;grid-row:auto}
.t5{grid-column:1/3}
.logos{grid-template-columns:1fr}
.feat-grid{grid-template-columns:1fr 1fr}
.f-top{grid-template-columns:1fr}
.social-cta{justify-content:flex-start}
.f-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
body{font-size:16px}
.hdr{padding-inline:16px}
.hero{min-height:640px;height:auto}
.slide{position:absolute}
.slide-inner{padding:0 16px 96px}
.slide-content p{font-size:17px;margin-bottom:28px}
.hero-foot-in{padding:0 16px 26px}
.hero-arrows{gap:8px}
.hero-arrows button{width:40px;height:40px}
.hero-ctas{gap:20px}
.btn-hero{padding:14px 22px}
.why{padding:64px 0 70px}
.why-grid,.news-grid,.cards,.cards--5,.feat-grid,.f-cols{grid-template-columns:1fr}
.stats{grid-template-columns:1fr;gap:14px}
.zig,.range,.news,.faq{padding:64px 0}
.zig-copy .btn+.btn{margin:10px 0 0}
.proj{grid-template-columns:1fr;grid-auto-rows:240px;padding-inline:16px}
.proj-intro,.t5{grid-column:auto}
.proj-intro{padding:36px 26px}
.tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:0}
.tabs button{font-size:15px;padding:0 14px 14px;white-space:nowrap}
.faq-item summary{font-size:16px;padding:16px 18px}
.f-bottom{flex-direction:column}
}
/* ===== Παρατηρήσεις ομάδας 02/10 (#16574) ===== */
/* Κουμπιά: ανοιχτότερο πορτοκαλί, ίδιο με το λογότυπο (#EF7D15). Λευκό κείμενο θα έδινε 2,8:1 → σκούρο κείμενο 5,2:1 */
:root{--action-btn:#EF7D15;--action-btn-hover:#F4964A;--on-action:#2A2A2A}
.btn-pill,.btn,.hdr-cta,.nav.is-open>li.nav-extra>.hdr-cta,.mbar .quote,.skip-link,.announce .label,.pcard .tag{background:var(--action-btn);border-color:var(--action-btn);color:var(--on-action)}
.btn-pill:hover,.btn:hover,.hdr-cta:hover,.nav.is-open>li.nav-extra>.hdr-cta:hover,.mbar .quote:hover{background:var(--action-btn-hover);border-color:var(--action-btn-hover);color:var(--on-action)}
.btn-pill svg,.btn svg,.hdr-cta svg,.mbar .quote svg{color:var(--on-action)}
.btn-hero:hover,.numbers .btn:hover{background:var(--action-btn);border-color:var(--action-btn);color:var(--on-action)}
.btn-hero:hover svg,.numbers .btn:hover svg{color:var(--on-action)}
.btn--dark,.zig-copy .btn--dark{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn--dark svg{color:var(--action-deep)}
.btn--dark:hover,.zig-copy .btn--dark:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
.btn--dark:hover svg{color:var(--white)}
/* Slider (desktop): ελαφρύτερη σκίαση — σκούρα μόνο όσο χρειάζεται στη ζώνη του κειμένου (αριστερά), ανοιχτή στη φωτογραφία */
@media (min-width:1081px){
.slide::after{background:linear-gradient(90deg,rgba(12,12,12,.74) 0%,rgba(12,12,12,.58) 30%,rgba(12,12,12,.2) 52%,rgba(12,12,12,0) 70%),linear-gradient(0deg,rgba(12,12,12,.72) 0%,rgba(12,12,12,.22) 40%,rgba(12,12,12,0) 64%)}
}
/* Τελείες ενοτήτων: όνομα ενότητας στο hover */
.dots a{position:relative}
.dots a::before{content:attr(aria-label);position:absolute;right:calc(100% + 12px);top:50%;transform:translate(6px,-50%);white-space:nowrap;background:var(--ink);color:var(--white);font-size:13px;font-weight:600;line-height:1;padding:7px 12px;border-radius:999px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t-fast),transform var(--t-fast),visibility var(--t-fast)}
.dots a:hover::before,.dots a:focus-visible::before{opacity:1;visibility:visible;transform:translate(0,-50%)}
/* Megamenu: διαχωριστική γραμμή κάτω από τους τίτλους των στηλών */
.mega h4{padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(47,107,31,.28)}
/* Εικονίδιο τηλεφώνου στην κεφαλίδα (μόνο όπου υπάρχει burger) */
.tel-ico{display:none}
@media (max-width:1024px){
.tel-ico{display:grid;place-items:center;width:44px;height:44px;color:var(--ink)}
.tel-ico svg{width:22px;height:22px}
.tools{gap:6px}
/* Αλλαγή γλώσσας έξω από το μενού */
.tools .lang.hide-m{display:flex}
.nav.is-open>li.nav-extra>.lang{display:none}
/* Ανοιχτό μενού: κλειδώνει η κύλιση της σελίδας στο html (όχι στο body, που χαλά το sticky) */
html.menu-open{overflow:hidden}
.nav.is-open{overscroll-behavior:contain}
}
@media (max-width:400px){.tools .lang a{padding:4px 3px}}
/* Πελατολόγιο: η 1η κάρτα παίρνει το ύψος του περιεχομένου της */
@media (max-width:1080px){
.proj{grid-auto-rows:auto}
.proj-intro{height:auto}
.ptile{height:220px}
}
@media (max-width:640px){.ptile{height:240px}}
@media (max-width:760px){
/* 2η διαφάνεια: φαίνεται η μεσαία από τις 3 φωτογραφίες του κολάζ */
#slide-2>img{object-position:center center}
/* «Ποιοι Είμαστε»: κεντραρισμένοι τίτλοι, κουμπιά το ένα κάτω από το άλλο */
.about-copy .kicker-line{justify-content:center}
.about-copy h2{text-align:center}
.about-ctas{flex-direction:column;align-items:center;gap:18px}
.about-ctas .more-link{align-self:center}
/* Τελικό CTA: «Ζητήστε Προσφορά» μόνο του, τηλέφωνο + κατάλογος δίπλα-δίπλα */
.final-ctas{gap:22px 28px}
.final-ctas .btn-pill{flex:0 0 100%;max-width:320px;justify-content:center}
}
@media (max-width:640px){
/* Συχνές ερωτήσεις: η απάντηση μικρότερη από την ερώτηση */
.faq-item summary{font-size:17px}
.faq-item .ans p{font-size:16px;line-height:1.65}
}
/* ===== Κουτιά εικόνων: ενιαία editorial γλώσσα (Τι Προσφέρουμε · Κατασκευή · Τύποι ομπρελών · Νέα) ===== */
:root{
--r-media:8px;
--sh-soft:0 1px 2px rgba(20,20,20,.04),0 14px 34px -14px rgba(20,20,20,.18);
--sh-lift:0 2px 4px rgba(20,20,20,.04),0 28px 56px -18px rgba(20,20,20,.28);
--ease-out:cubic-bezier(.2,.7,.2,1);
--deco-orange:#FBE5CF;--deco-green:#DDEED4;
}
/* Ετικέτα-χάπι πάνω σε εικόνα: λευκό γυαλί, πορτοκαλί κουκκίδα */
.pill-on-photo,.pcard .tag,.zig .zig-row:not(.about) .media-caption{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border:0;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.14)}
.pcard .tag::before,.zig .zig-row:not(.about) .media-caption::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--action)}
/* Τι Προσφέρουμε + Κατασκευή: εικόνα με μετατοπισμένο πλαίσιο χρώματος από πίσω */
.zig .zig-row:not(.about) .zig-media{border-radius:var(--r-media);overflow:hidden;isolation:isolate;box-shadow:0 34px 64px -26px rgba(20,20,20,.32),28px 28px 0 0 var(--deco-orange)}
.zig .zig-row:not(.about):nth-child(odd) .zig-media{box-shadow:0 34px 64px -26px rgba(20,20,20,.32),-28px 28px 0 0 var(--deco-green)}
.zig .zig-row:not(.about) .zig-media::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);pointer-events:none}
.zig .zig-row:not(.about) .zig-media img{transition:transform 1.4s var(--ease-out)}
.zig .zig-row:not(.about) .zig-media:hover img{transform:scale(1.035)}
.zig .zig-row:not(.about) .media-caption{left:20px;bottom:20px;padding:10px 18px 10px 14px;font-size:14px;font-weight:600;letter-spacing:-.1px}
/* Τύποι ομπρελών: λευκές κάρτες πάνω στο απαλό πράσινο */
.cards{gap:28px}
.pcard{background:var(--white);border-radius:var(--r-media);overflow:hidden;box-shadow:var(--sh-soft);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--sh-lift)}
.pcard .ph{aspect-ratio:4/3;border-radius:0}
.pcard .ph img{transition:transform 1.2s var(--ease-out)}
.pcard:hover .ph img{transform:scale(1.05)}
.pcard .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,12,12,.28) 0%,rgba(12,12,12,0) 45%);opacity:0;transition:opacity .5s var(--ease-out)}
.pcard:hover .ph::after{opacity:1}
/* Βέλος σε κύκλο που εμφανίζεται στο hover */
.pcard .ph::before{content:"";position:absolute;z-index:2;right:16px;bottom:16px;width:42px;height:42px;border-radius:50%;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M1.5 1l5 5-5 5' fill='none' stroke='%232A2A2A' stroke-width='2'/%3E%3C/svg%3E") center/7px 11px no-repeat;box-shadow:0 8px 20px rgba(0,0,0,.18);opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}
.pcard:hover .ph::before,.pcard:focus-visible .ph::before{opacity:1;transform:none}
.pcard .tag{left:14px;top:14px;padding:6px 12px 6px 10px;font-size:11px;font-weight:700;letter-spacing:1.6px;line-height:1.2}
.pcard h3{padding:22px 24px 8px;font-size:19px}
.pcard:hover h3{text-decoration:none}
.pcard p{padding:0 24px 26px;font-size:15.5px;line-height:1.55}
/* Νέα: ίδια γλώσσα κάρτας, πορτοκαλί γραμμή που μεγαλώνει στο hover */
.news-grid{gap:28px}
.ncard{border:0;border-radius:var(--r-media);box-shadow:var(--sh-soft);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.ncard:hover{transform:translateY(-6px);box-shadow:var(--sh-lift)}
.ncard img{transition:transform 1.2s var(--ease-out)}
.ncard:hover img{transform:scale(1.04)}
.ncard .body{position:relative;z-index:1;background:var(--white);padding:28px 28px 26px}
.ncard .body::before{content:"";position:absolute;left:28px;top:0;width:32px;height:2px;background:var(--action);transition:width .5s var(--ease-out)}
.ncard:hover .body::before{width:72px}
.ncard .tag{font-size:12px;letter-spacing:1.4px}
.ncard .read{padding-top:24px;background:linear-gradient(var(--ink),var(--ink)) left bottom/0 1px no-repeat;padding-bottom:3px;transition:background-size .4s var(--ease-out)}
.ncard:hover .read{background-size:100% 1px}
@media (max-width:1080px){
.zig .zig-row:not(.about) .zig-media,.zig .zig-row:not(.about):nth-child(odd) .zig-media{box-shadow:0 26px 50px -22px rgba(20,20,20,.3),16px 16px 0 0 var(--deco-orange)}
}
@media (max-width:640px){
.zig .zig-row:not(.about) .zig-media,.zig .zig-row:not(.about):nth-child(odd) .zig-media{box-shadow:0 22px 40px -20px rgba(20,20,20,.3),12px 12px 0 0 var(--deco-orange);margin-right:12px}
.zig .zig-row:not(.about) .media-caption{left:14px;bottom:14px;font-size:13px;padding:8px 14px 8px 12px}
.cards{gap:22px}
.pcard .ph::before{opacity:1;transform:none;width:38px;height:38px}
.ncard .body{padding:24px 22px 22px}
.ncard .body::before{left:22px}
}
@media (hover:none){.pcard .ph::before{opacity:1;transform:none}}
/* ===== Παρατηρήσεις ομάδας 02/10 — 2ος γύρος (#16574: Ανδρέας 60125 · Παναγιώτης 60146 · Αθηνά 60159) ===== */
/* Κουμπιά (Παναγιώτης): απαλό πορτοκαλί φόντο #EF7D15 + 22 (13%) με περίγραμμα 1px #EF7D15 · hover = γεμάτο πορτοκαλί */
:root{--action-tint:#EF7D1522}
.btn-pill,.btn:not(.btn--dark),.hdr-cta,.nav.is-open>li.nav-extra>.hdr-cta,.mbar .quote{background:var(--action-tint);border:1px solid var(--action-btn);color:var(--ink)}
.btn-pill svg,.btn:not(.btn--dark) svg,.hdr-cta svg,.mbar .quote svg{color:var(--action-deep)}
.btn-pill:hover,.btn:not(.btn--dark):hover,.hdr-cta:hover,.nav.is-open>li.nav-extra>.hdr-cta:hover,.mbar .quote:hover{background:var(--action-btn);border-color:var(--action-btn);color:var(--on-action)}
.btn-pill:hover svg,.btn:not(.btn--dark):hover svg,.hdr-cta:hover svg,.mbar .quote:hover svg{color:var(--on-action)}
/* «Όλες οι ομπρέλες βάσει διάστασης» (Τύποι ομπρελών): εντελώς διάφανο, περίγραμμα 2px */
.range .center .btn{background:transparent;border-width:2px}
.range .center .btn:hover{background:var(--action-btn)}
/* Σε σκούρο φόντο (Πελατολόγιο) το κείμενο γίνεται λευκό */
.clients .btn:not(.btn--dark){color:var(--white)}
.clients .btn:not(.btn--dark) svg{color:var(--action)}
.clients .btn:not(.btn--dark):hover,.clients .btn:not(.btn--dark):hover svg{color:var(--on-action)}
/* «Η ISKIOS σε αριθμούς» (πάνω σε φωτογραφία): το κουμπί ήταν λευκό, όχι πορτοκαλί — μένει λευκό */
.numbers .btn:not(.btn--dark){background:var(--white);border-color:var(--white);color:var(--ink)}
.numbers .btn:not(.btn--dark) svg{color:var(--action-deep)}
.numbers .btn:not(.btn--dark):hover{background:var(--action-btn);border-color:var(--action-btn);color:var(--on-action)}
.numbers .btn:not(.btn--dark):hover svg{color:var(--on-action)}
/* Desktop (Ανδρέας) */
@media (min-width:1025px){.nav>li>a,.nav>li>button{font-size:17px}}
.about-ctas .more-link{align-self:center}
@media (min-width:641px){.tabs button{font-size:17px;font-weight:600}}
/* Ανακοίνωση XENIA (Αθηνά): λογότυπο της έκθεσης, για να φαίνεται αμέσως τι αφορά */
.announce .ann-logo{flex:none;width:auto;height:56px;border-radius:6px;box-shadow:0 0 0 1px #F6DFC6}
/* Στοιχεία κάτω από τα λογότυπα πελατών (Αθηνά): +1 μέγεθος, ισορροπημένη αναδίπλωση */
.proof span{font-size:15px;text-wrap:balance}
/* «Γιατί να επιλέξετε τις ομπρέλες ISKIOS» (Αθηνά): ζεστό ανοιχτό φόντο, κάρτες με ελαφρύ βάθος */
.why{background:#F7F3EE}
.why .why-grid{gap:20px;border-top:0}
.why .why-grid .why-card:nth-child(n){background:var(--white);border:0;border-radius:8px;padding:34px 32px 32px;box-shadow:0 1px 2px rgba(60,40,20,.06),0 12px 28px -14px rgba(60,40,20,.22);transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out)}
.why .why-grid .why-card:nth-child(n):hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(60,40,20,.06),0 22px 40px -16px rgba(60,40,20,.28)}
.why .why-grid .why-card:nth-child(n)::before{left:32px;top:0}
/* Πελατολόγιο + footer (Αθηνά): ηπιότερο σκούρο #333333 */
.clients,.site-footer{background:#333333}
.ptile{background:#3D3D3D}
@media (max-width:1024px){
/* Εικονίδιο τηλεφώνου στην κεφαλίδα (Ανδρέας): στρογγυλό, πορτοκαλί φόντο */
.tel-ico{width:40px;height:40px;border-radius:50%;background:var(--action-btn);color:var(--on-action)}
.tel-ico svg{width:18px;height:18px}
}
@media (max-width:760px){
.announce .label{font-size:10px}
.announce .ann-logo{height:48px}
.trust .logo-row{grid-template-columns:repeat(2,1fr)}
/* Κεντραρισμένοι τίτλοι, υπότιτλοι και κουμπιά σε όλες τις ενότητες (Ανδρέας) */
.intro-copy h2,.zig-copy h2,.proj-intro h2,.f-top h2,.f-top p{text-align:center}
.intro-copy .kicker-line,.zig-copy .kicker-line{justify-content:center}
.intro-ctas{justify-content:center}
.zig-copy>.btn,.zig-copy .zig-copy-cta{display:flex;width:fit-content;margin-inline:auto}
.zig-copy>.btn+.btn{margin:12px auto 0}
.proj-intro .btn{align-self:center}
.f-top h2::after{margin-inline:auto}
.social-cta{justify-content:center}
}
@media (max-width:640px){.why .why-grid .why-card:nth-child(n){padding:28px 24px 26px}.why .why-grid .why-card:nth-child(n)::before{left:24px}}
/* ===== Παρατηρήσεις 05/10 (Παναγιώτης) ===== */
/* Ανακοίνωση: το «Δείτε την ανακοίνωση» στην ίδια ευθεία με το κείμενο */
.announce .more-link{align-self:center}
/* Η ISKIOS σε αριθμούς: μονάδα δίπλα στον αριθμό, σε μικρότερα γράμματα */
.numbers .ring-unit{margin-left:10px;font-size:18px;font-weight:600;letter-spacing:0;color:var(--white)}
/* 03/11 #16919: λέξη αντί για αριθμό («Παντού») — η μονάδα δεν σπάει στη μέση· αν δεν χωρά, πάει ολόκληρη από κάτω */
.numbers .ring-unit{white-space:nowrap;display:inline-block}
.numbers .ring--word{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.numbers .ring--word .ring-unit{margin:0}
@media (max-width:760px){
.numbers .ring-unit{font-size:15px;margin-left:8px}
/* Τίτλοι kicker-line: μετατόπιση κατά γραμμή (36px) + κενό (14px), ώστε το κείμενο να κεντράρεται */
section .kicker-line{margin-left:-50px;text-align:center}
}
/* ===== v3 · 13/10/2026 — παρατηρήσεις πελάτη (#16574, σχόλιο 07/10) ===== */
/* 1. Η ανακοίνωση φαίνεται χωρίς scroll: το hero αφήνει χώρο για τη λωρίδα (ύψος μετριέται με JS → --ann-h) */
:root{--ann-h:96px}
.hero{height:calc(100svh - var(--topbar-h) - var(--header-h) - var(--ann-h) - 2px);min-height:500px;max-height:860px}
/* 2. Φωτεινότερες διαφάνειες: η φωτογραφία μένει καθαρή σε όλη την έκταση· το κείμενο κάθεται σε ημιδιάφανο πλαίσιο */
.slide>img{filter:brightness(1.05) saturate(1.06)}
.slide::after,.slide:nth-child(n)::after{background:linear-gradient(0deg,rgba(12,12,12,.46) 0%,rgba(12,12,12,0) 24%)}
.slide-content{background:rgba(14,14,14,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:34px 40px 36px;border-left:3px solid var(--action);border-radius:2px;max-width:640px}
.slide-content p{margin-bottom:28px}
.slide-content .eyebrow{margin-bottom:16px}
@media (min-width:1081px){.slide-content{max-width:740px}}
/* Χαμηλές οθόνες laptop (π.χ. 1366×768): το πλαίσιο δεν βγαίνει ποτέ πάνω από το hero */
@media (min-width:1081px) and (max-height:860px){
.slide h1,.slide .h1{font-size:clamp(34px,3.4vw,50px);margin-bottom:14px}
.slide-content{padding:26px 34px 28px}
.slide-content p{font-size:17px;margin-bottom:20px}
.slide-inner{padding-bottom:118px}
}
@media (max-width:1080px){
.slide::after,.slide:nth-child(n)::after{background:linear-gradient(0deg,rgba(12,12,12,.5) 0%,rgba(12,12,12,0) 30%)}
.slide-content{padding:26px 26px 28px}
}
@media (max-width:640px){
.slide-content{padding:20px 18px 22px;max-width:none;width:100%}
.slide h1,.slide .h1{font-size:clamp(30px,8.4vw,40px);margin-bottom:14px}
.slide-content p{font-size:16px;margin-bottom:20px}
}
@media (max-width:640px){
.hero{height:calc(100svh - var(--header-h) - var(--ann-h) - 2px);min-height:430px;max-height:none}
}
/* Μικρά κινητά (π.χ. iPhone SE 375×667) */
@media (max-width:640px) and (max-height:700px){
.slide h1,.slide .h1{font-size:28px;margin-bottom:10px}
.slide-content{padding:16px 16px 18px}
.slide-content .eyebrow{margin-bottom:10px}
.slide-content p{font-size:15px;margin-bottom:14px}
.slide-inner{padding-bottom:80px}
}
@media (max-width:640px){
/* Συμπαγής λωρίδα ανακοίνωσης στο κινητό: λογότυπο αριστερά, κείμενα δεξιά */
.announce-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logo when" "logo what" "logo link";column-gap:14px;row-gap:2px;align-items:center;padding:12px 0}
.announce .ann-logo{grid-area:logo;height:44px;align-self:center}
.announce .label{display:none}
.announce .when{grid-area:when;font-size:11px;letter-spacing:1.2px}
.announce .what{grid-area:what;font-size:15px;line-height:1.3;margin:0}
.announce .more-link{grid-area:link;justify-self:start;align-self:start;font-size:14px;margin:2px 0 0}
}
/* ===== v4 · 14/10/2026 — παρατηρήσεις Ανδρέα (#16574, σχόλιο 61478) ===== */
@media (max-width:760px){
/* Footer στο κινητό: όλα τα στοιχεία με κεντρική στοίχιση */
.f-cols>div{text-align:center}
.f-cols ul{padding:0}
.contact-list li{justify-content:center}
.contact-list svg{margin-top:4px}
.f-bottom{flex-direction:column;align-items:center;text-align:center}
.f-bottom nav{justify-content:center;gap:10px 22px}
}
@media (max-width:640px){
/* Συχνές ερωτήσεις στο κινητό: η απάντηση με το ίδιο κενό αριστερά/δεξιά με την ερώτηση */
.faq-item .ans p{padding:0 18px 22px}
}
/* Megamenu: υποκατηγορία συνδέσμου (4ο επίπεδο, #16919) — εσοχή και σε desktop και στο κινητό */
.mega a.mega-sub,.nav.is-open .dropdown a.mega-sub{padding-left:18px;font-size:14px}
.mega a.mega-sub::before{content:"›";margin-right:7px;color:var(--green-ink)}
/* Megamenu #17002: στήλη διπλού πλάτους με κοινό τίτλο (κλάση mega-2col) · υποκατηγορίες σε τετράδες (mega-grid) · στοιχείο χωρίς σύνδεσμο */
.mega-in>.mega-span2{grid-column:span 2}
.mega-2col-in{columns:2;column-gap:40px}
.mega-grp{break-inside:avoid}
/* 62975: δύο σταθερές μισές στήλες (κλάση mega-colbreak) · ανοιχτό φόντο και 500 στις «Κατηγορίες Ομπρελών» — τα κείμενα μένουν στη γραμμή των άλλων στηλών */
.mega-2col-in--split{columns:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}
.mega-in>.mega-span2{margin:-16px -20px;padding:16px 20px;background:#2f6b1f12;border-radius:var(--radius)}
.mega .mega-span2 .mega-grp a,.mega .mega-span2 .mega-grp .mega-lbl{font-weight:500}
.mega .mega-lbl{display:block;padding:5px 0;font-size:15px;color:var(--text)}
.mega .mega-subhead{font-weight:600;color:var(--ink)}
.mega-subgrid{display:grid;grid-template-columns:repeat(4,max-content);column-gap:20px;margin-bottom:8px}
.mega .mega-subgrid a.mega-sub{padding-left:0}
.mega .mega-subgrid a.mega-sub::before{content:none}
@media (max-width:1024px){
.nav.is-open .mega-in>.mega-span2{grid-column:auto}
.nav.is-open .mega-2col-in{columns:1}
.nav.is-open .mega-2col-in--split{grid-template-columns:1fr}
.nav.is-open .mega-in>.mega-span2{margin:0;padding:14px 16px}
.nav.is-open .mega .mega-lbl{padding:8px 0}
.nav.is-open .dropdown .mega-subgrid a.mega-sub{padding-left:0}
}
/* #16919 (30/10): slider αρχικής — να φαίνεται περισσότερο η φωτογραφία (πελάτης 63371 · Παναγιώτης 63424):
μικρότερο πλαίσιο κειμένου (υπολογιστής 34% → ~17% της εικόνας, κινητό 57% → ~40%), χωρίς θόλωμα.
Σκούρο .58 = το ελάχιστο για λευκό κείμενο ≥ 4,5:1 πάνω σε ΟΠΟΙΑΔΗΠΟΤΕ φωτογραφία, και λευκή: (255−116)/(255−14).
Με .46 η μέτρηση στα pixel έβγαλε 3,27:1 στη 2η διαφάνεια στο κινητό (slider_qa_16919.py). */
.slide-content{background:rgba(14,14,14,.58);-webkit-backdrop-filter:none;backdrop-filter:none;padding:24px 30px 26px}
.slide-content .eyebrow,.slide-content h1,.slide-content .h1,.slide-content p,.slide-content .link-hero{text-shadow:0 1px 3px rgba(0,0,0,.5)}
.slide h1,.slide .h1{font-size:clamp(32px,3vw,46px);margin-bottom:14px}
.slide-content .eyebrow{margin-bottom:12px}
.slide-content p{font-size:17px;margin-bottom:22px}
@media (min-width:1081px){.slide-content{max-width:540px}}
@media (min-width:1081px) and (max-height:860px){
.slide h1,.slide .h1{font-size:clamp(30px,2.8vw,42px)}
.slide-content{padding:20px 26px 22px}
.slide-content p{font-size:16px;margin-bottom:18px}
}
@media (max-width:640px){
.slide-content{padding:16px 16px 18px}
.slide h1,.slide .h1{font-size:clamp(24px,6.6vw,30px);margin-bottom:10px}
.slide-content .eyebrow{margin-bottom:8px;font-size:12px}
.slide-content p{font-size:15px;margin-bottom:14px}
}
/* #16919 (30/10): κεντρικό μενού — πιο έντονα γράμματα στο hover (πελάτης 63371). Πάχυνση με σκιά γραμμάτων,
όχι font-weight: έτσι δεν αλλάζει το πλάτος και δεν μετακινούνται τα διπλανά στοιχεία. */
@media (hover:hover) and (min-width:1025px){
.nav>li>a:hover,.nav>li>button:hover,.nav>li:focus-within>button{text-shadow:.45px 0 0 currentColor,-.45px 0 0 currentColor}
}
/* 02/11/2026 #16919 (πελάτης 63492, μετά τις 30/10): «να φαίνεται περισσότερο η εικόνα, το μήνυμα να πάει αρκετά στο πλάι» —
υπολογιστής: πλαίσιο 540 → 430px και μικρότερος τίτλος, στη θέση του κάτω αριστερά. Σκουρότητα .58 όπως 30/10 (≥ 4,5:1 σε κάθε
φωτογραφία). Το κινητό μένει όπως ρυθμίστηκε 30/10. */
@media (min-width:1081px){
.slide-content{max-width:470px;padding:20px 26px 22px} /* 470: κουμπί + σύνδεσμος χωρούν σε μία γραμμή → χαμηλότερο πλαίσιο */
.slide h1,.slide .h1{font-size:clamp(26px,2.2vw,34px);margin-bottom:10px}
.slide-content .eyebrow{margin-bottom:10px;font-size:12px}
.slide-content p{font-size:15px;line-height:1.5;margin-bottom:18px}
.slide-content .hero-ctas{gap:18px}
.slide-content .hero-ctas{flex-wrap:nowrap}
}
/* #16919 (03/11/2026, 63821): στα mega μενού «Υφάσματα» και «Βάσεις» (τα μόνα με 1–2 στήλες συνδέσμων) η εισαγωγή πιάνει το 25% του πλάτους */
@media (min-width:1281px){.mega-in[style="--cols:1"],.mega-in[style="--cols:2"]{grid-template-columns:25% repeat(var(--cols),minmax(0,1fr))}}
/* #16919 (05/11/2026, 64042): αρχική — τίτλοι όπως οι αριθμημένοι των εσωτερικών: υπέρτιτλος μεγάλος, τίτλος απλό έντονο κείμενο */
body.home .sec-head>.kicker-line,body.home .intro-copy>.kicker-line,body.home .zig-copy>.kicker-line,body.home .about-copy>.kicker-line{font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:.8px;line-height:1.2;margin-bottom:12px}
body.home .sec-head>.kicker-line+h2,body.home .intro-copy>.kicker-line+h2,body.home .zig-copy>.kicker-line+h2,body.home .about-copy>.kicker-line+h2{font-size:clamp(17px,1.4vw,20px);font-weight:700;letter-spacing:0;line-height:1.35;text-wrap:pretty}
/* #16919 (05/11/2026, 64042): βίντεο φόντου διαφάνειας */
.slide-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.slide-vid.is-on{opacity:1}
@media (max-width:760px){
body.home .sec-head>.kicker-line,body.home .intro-copy>.kicker-line,body.home .zig-copy>.kicker-line,body.home .about-copy>.kicker-line{margin-left:0;flex-wrap:wrap;justify-content:center;text-align:center}
body.home .sec-head>.kicker-line::before,body.home .intro-copy>.kicker-line::before,body.home .zig-copy>.kicker-line::before,body.home .about-copy>.kicker-line::before{display:none}
}
/* #16919 (05/11/2026, 64043): κουμπί οδηγού στο mega-intro */
.mega-intro .mega-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.25;text-align:left;color:#2A2A2A}
.mega-intro .mega-cta svg{flex:none;width:12px;height:12px}
/* #16919 (05/11/2026, 64042): βίντεο YouTube στη διαφάνεια — γεμίζει το πλαίσιο, χωρίς χειριστήρια/τίτλο στα όρια */
.slide-vid--yt{overflow:hidden;pointer-events:none;container-type:size}
.slide-vid--yt iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(56.25cqw,100cqh);border:0;transform:translate(-50%,-50%) scale(1.05)}
/* #16919 (09/11/2026, 64518 σημ. 12): σημαντικά κουμπιά (προσφορά, «Δημιουργήστε τη δική σας ομπρέλα») πορτοκαλί, πράσινο hover.
.btn-key = shell.php. !important: υπερισχύει των κανόνων ανά ενότητα (.final-cta, .sec--dark, .sn-cta, .mega-cta). Αντίθεση: 5,2:1 σκούρο σε πορτοκαλί · 4,9:1 λευκό σε πράσινο. */
.btn-pill.btn-key,.btn.btn-key,.btn-hero.btn-key,.btn-pill.mega-cta,.btn-pill.sn-cta,.hdr-cta,.nav.is-open>li.nav-extra>.hdr-cta,.mbar .quote,.sw-pick a{background:var(--action-btn)!important;border-color:var(--action-btn)!important;color:var(--on-action)!important}
.btn-pill.btn-key svg,.btn.btn-key svg,.btn-hero.btn-key svg,.btn-pill.mega-cta svg,.btn-pill.sn-cta svg,.hdr-cta svg,.mbar .quote svg,.sw-pick a svg{color:var(--on-action)!important}
.btn-pill.btn-key:hover,.btn.btn-key:hover,.btn-hero.btn-key:hover,.btn-pill.mega-cta:hover,.btn-pill.sn-cta:hover,.hdr-cta:hover,.nav.is-open>li.nav-extra>.hdr-cta:hover,.mbar .quote:hover,.sw-pick a:hover{background:var(--brand-deep)!important;border-color:var(--brand-deep)!important;color:var(--white)!important}
.btn-pill.btn-key:hover svg,.btn.btn-key:hover svg,.btn-hero.btn-key:hover svg,.btn-pill.mega-cta:hover svg,.btn-pill.sn-cta:hover svg,.hdr-cta:hover svg,.mbar .quote:hover svg,.sw-pick a:hover svg{color:var(--white)!important}
/* Οδηγός «Σχεδιάστε την ομπρέλα σας» στην κεφαλίδα (πελάτης 10/11, #17189 64819): κουμπί δίπλα στο «Ζητήστε Προσφορά» από 1300px,
στη θέση του τηλεφώνου (δεν χωρούν και τα δύο)· κάτω από 1300px μένει το τηλέφωνο και ο οδηγός στο μενού «Ομπρέλες». */
.hdr-wiz{display:none}
.nav-extra .wiz-m{display:none}
@media (min-width:1300px){
.tools .hdr-wiz{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border:1.5px solid var(--action-btn);border-radius:999px;color:var(--ink);font-weight:700;font-size:15px;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}
.tools .hdr-wiz svg{width:7px;height:11px;color:var(--action-btn)}
.tools .hdr-wiz:hover{background:var(--action-btn);color:var(--on-action)}
.tools .hdr-wiz:hover svg{color:var(--on-action)}
.tools .tel.hide-m{display:none}
}
@media (min-width:1300px) and (max-width:1439px){.nav{gap:24px}.hdr{gap:28px}.tools{gap:16px}.tools .hdr-wiz{padding:11px 16px}}
/* Μενού κινητού (Παναγιώτης 64927, #17189): κουμπί με περίγραμμα κάτω από το «Ζητήστε Προσφορά», όπως στον υπολογιστή.
Επιλογέας .nav.is-open>li.nav-extra>… για να νικά το padding:0 της γραμμής 110. Έλεγχος 10/11: 320px → δεξί άκρο 290 (όριο 296). */
@media (max-width:1024px){
.nav.is-open>li.nav-extra>.wiz-m{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:1.5px solid var(--action-btn);border-radius:999px;font-size:16px;font-weight:700;color:var(--ink);text-align:left;transition:background var(--t-fast),color var(--t-fast)}
.nav.is-open>li.nav-extra>.wiz-m svg{width:7px;height:11px;flex:none;color:var(--action-btn)}
.nav.is-open>li.nav-extra>.wiz-m:hover{background:var(--action-btn);color:var(--on-action)}
.nav.is-open>li.nav-extra>.wiz-m:hover svg{color:var(--on-action)}
}