@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/manrope-greek-400-normal.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/manrope-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/manrope-greek-500-normal.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/manrope-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/manrope-greek-700-normal.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/manrope-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ═══ DESIGN «ZAG PHARM» — 20/10/2026 ════════════════════════════
   Πάνω στο λογότυπο: σκούρο μπλε (#0a3a5d) + τιρκουάζ (#00bbb5),
   στρογγυλεμένες άκρες σαν τα χέρια του σταυρού, το «Ζ» ως μοτίβο.
   Κλασική δομή, με λίγο παιχνίδι. Κείμενο πάνω σε τιρκουάζ = ΜΠΛΕ
   (το λευκό σε τιρκουάζ δεν διαβάζεται).
   ═════════════════════════════════════════════════════════════════ */
:root{
  --navy:#0a3a5d; --navy-2:#072a45; --teal:#00bbb5; --teal-ink:#00756f; --teal-soft:#e2f6f5;
  --brand:#0a3a5d !important; --brand-dark:#072a45 !important; --brand-soft:#e2f6f5; --accent:#00bbb5 !important;
  --bg:#f5f9fa; --card:#fff; --line:#d9e5ea; --ink:#0b2236; --muted:#566a7a;
  --shadow:0 1px 2px rgba(10,58,93,.06),0 14px 34px -16px rgba(10,58,93,.28);
  --r:20px;
  --serif:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sans:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#06182a;--card:#0c2238;--line:#1b3a55;--ink:#e8f1f7;--muted:#9fb4c6;
        --brand:#2fd2cb !important;--brand-dark:#22b3ad !important;--brand-soft:#0f3046;--teal-ink:#2fd2cb;--teal-soft:#0f3046;
        --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -16px rgba(0,0,0,.7)}
}
body{font-family:var(--sans)}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em}
::selection{background:var(--teal);color:var(--navy)}

/* ── header: λευκό, με το λογότυπο και «υπογραφή» μπλε|τιρκουάζ από κάτω ── */
.hdr{background:#fff;border-bottom:0}
.hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,var(--navy) 0 50%,var(--teal) 50% 100%)}
.hdr.scrolled{border-color:transparent;box-shadow:0 6px 20px -14px rgba(10,58,93,.5)}
.mark{background:url(logo-mark.png) center/contain no-repeat;color:transparent;
  width:44px;height:44px;border-radius:0;font-size:0}
.logo-txt b{font-size:0;line-height:0;display:block;width:150px;height:20px;
  background:url(logo-word.png) left center/contain no-repeat}
.logo-txt i{color:var(--teal-ink);font-weight:600;font-size:11px;margin-top:5px;letter-spacing:.06em;text-transform:uppercase}
.nav a{color:var(--navy);font-weight:600;border-radius:999px}
.nav a:hover{background:var(--teal-soft);color:var(--navy)}
.nav a.on{background:var(--teal);color:var(--navy)}
.icobtn{border-radius:999px;border-color:var(--line);color:var(--navy);background:#fff}
.icobtn:hover{border-color:var(--teal);color:var(--teal-ink)}
.icobtn.cart{background:var(--navy);border-color:var(--navy);color:#fff}
.icobtn.cart:hover{background:var(--teal);border-color:var(--teal);color:var(--navy)}
.pill{background:var(--teal);color:var(--navy)}
@media(max-width:900px){.nav{background:#fff}.nav a{border-radius:0}.nav a.on{background:none;color:var(--teal-ink)}}
@media(max-width:420px){.logo-txt b{width:118px;height:16px}.logo-txt i{display:none}.mark{width:38px;height:38px}}
@media (prefers-color-scheme:dark){
  .hdr{background:#0a1f33}
  .logo-txt b{filter:brightness(0) invert(1)}
  .nav a{color:#dbe8f2}.nav a.on{color:#06182a}
  .icobtn{background:transparent;color:#dbe8f2}
  .mark{background-color:#fff;border-radius:12px;background-size:80%}
}
@media (prefers-color-scheme:dark) and (max-width:900px){.nav{background:#0a1f33}}

/* ── hero: σκούρο μπλε, δεξιά το ΑΥΘΕΝΤΙΚΟ λογότυπο σε λευκό κύκλο (20/10: μόνο το original, όχι αναπαραγωγές) ── */
.hero{background:var(--navy);color:#fff;isolation:isolate}
.hero::after{content:"";background:#fff url(logo-mark.png) center/66% no-repeat;border-radius:50%;
  width:min(30vw,360px);height:min(30vw,360px);top:50%;right:4%;transform:translateY(-50%);
  box-shadow:0 0 0 14px rgba(0,187,181,.22),0 30px 60px -24px rgba(0,0,0,.55);opacity:1;z-index:-1;max-width:none;max-height:none}
.hero::before{content:"";position:absolute;inset:auto 0 0 0;height:5px;
  background:linear-gradient(90deg,var(--navy) 0 50%,var(--teal) 50% 100%)}
.hero .kicker{color:var(--teal)}
.hero h1{font-family:var(--sans);font-weight:700;letter-spacing:-.035em;max-width:13em}
.hero .lede{color:#c6d9e8}
.hero .btn{background:var(--teal);color:var(--navy)}
.hero .btn:hover{background:#fff;color:var(--navy)}
.hero .btn.sec{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.45)}
.hero .btn.sec:hover{border-color:var(--teal);color:var(--teal)}
.hero .searchbar{color:var(--ink);border:2px solid transparent}
.hero .searchbar:focus-within{border-color:var(--teal)}
.hero .seg{background:rgba(255,255,255,.1)}.hero .seg button{color:#c6d9e8}
.hero .seg button.on{background:#fff;color:var(--navy)}
@media(max-width:900px){.hero::after{display:none}}

/* ── κουμπιά & φόρμες: στρογγυλές άκρες σαν τον σταυρό ── */
.btn{border-radius:999px;font-weight:700;background:var(--navy)}
.btn:hover{background:var(--teal);color:var(--navy)}
.btn.sec{border-radius:999px;border:2px solid var(--line)}
.btn.sec:hover{border-color:var(--teal);color:var(--navy);background:var(--teal-soft)}
.searchbar{border-radius:999px;padding:0 20px}
.searchbar:focus-within{border-color:var(--teal)}
.seg{border-radius:999px}.seg button{border-radius:999px}
.kicker{color:var(--teal-ink)}
.frm input:focus,.frm textarea:focus{border-color:var(--teal)}

/* ── κολόνες: κάρτες με «γωνία» μπλε/τιρκουάζ εναλλάξ ── */
.pil{border:0;box-shadow:var(--shadow);position:relative;overflow:hidden}
.pil::before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--teal)}
.pil:nth-child(2n)::before{background:var(--navy)}
.pil .em{width:48px;height:48px;border-radius:16px;background:var(--teal-soft);display:grid;place-items:center;font-size:23px}
.stats{border:0;background:transparent;gap:14px;overflow:visible}
.stat{border-radius:var(--r);box-shadow:var(--shadow)}
.stat b{font-family:var(--sans);font-weight:700;color:var(--navy)}
.stat:nth-child(2n) b{color:var(--teal-ink)}

.blk-hd h2{color:var(--navy)}
.blk-hd a{color:var(--teal-ink);font-weight:700}

/* ── κατάλογος ── */
.cat{border-radius:999px;font-weight:600}
.cat:hover{border-color:var(--teal)}
.cat.on{background:var(--navy);border-color:var(--navy);color:#fff}
.cat.on i{color:var(--teal)}
.chip{border-radius:999px}
select{border-radius:999px}
.card{border:1px solid var(--line);border-radius:var(--r);transition:transform .15s,box-shadow .15s,border-color .15s}
.card:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:var(--shadow)}
.ph{background:#fff}
.brand{color:var(--teal-ink);font-weight:700;letter-spacing:.04em}
.price{color:var(--navy);font-weight:700}
.add{background:var(--teal);color:var(--navy);border-radius:999px}
.add:hover{background:var(--navy);color:#fff}
.tag{border-radius:999px}
.p-ph{border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.p-price{color:var(--navy);font-weight:700}

/* ── βήματα ΦΥΚ / υπηρεσίες / FAQ ── */
.steps{background:transparent;border:0;gap:14px;overflow:visible}
.steps li{border-radius:var(--r);box-shadow:var(--shadow)}
.steps li::before{background:var(--teal);color:var(--navy);font-weight:700}
.svc article{border-radius:var(--r)}
.svc article:hover{border-color:var(--teal)}
.faq summary::after{color:var(--teal-ink)}
.note{border-radius:16px}

/* ── footer ── */
.ftr{background:var(--navy);color:#c6d9e8;position:relative}
.ftr::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,var(--navy-2) 0 50%,var(--teal) 50% 100%)}
.ftr h3,.ftr h4{color:#fff}
.ftr h4{color:var(--teal)}
.ftr .muted,.ftr .flist a{color:#9fb8cc}
.ftr a{color:#fff}.ftr .flist a:hover{color:var(--teal)}
.ftr .mark{background:#fff url(logo-mark.png) center/78% no-repeat;border-radius:14px;width:52px;height:52px}
.ftr table,.ftr td{color:#d3e2ee}
.ftr td:first-child{color:#9fb8cc}
@media(max-width:540px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ═══ ΤΕΛΙΚΟ (Alex 20/10/2026): «ZAG ΤΙΡΚΟΥΑΖ» = η δομή του κλασικού + το τιρκουάζ πάνω μέρος της εκδοχής 3.
   Κείμενο/κουμπιά πάνω στο τιρκουάζ = ΜΠΛΕ (το λευκό σε τιρκουάζ δεν διαβάζεται). ═══ */
.hero{background:#7fd3cf;color:var(--navy)}   /* 20/10 Alex: πιο ανοιχτό, όχι τόσο έντονο (πριν: #00bbb5) */
.hero::before{background:var(--navy);height:5px}
.hero .kicker{color:var(--navy);opacity:.85}
.hero h1{color:var(--navy)}
.hero .lede{color:#0b3550}
.hero .btn{background:var(--navy);color:#fff}
.hero .btn:hover{background:#fff;color:var(--navy)}
.hero .btn.sec{background:rgba(255,255,255,.45);color:var(--navy);border:2px solid var(--navy)}
.hero .btn.sec:hover{background:#fff;color:var(--navy);border-color:var(--navy)}
.hero .searchbar{border:2px solid var(--navy)}
.hero .searchbar:focus-within{border-color:var(--navy)}
.hero .seg{background:rgba(255,255,255,.35)}.hero .seg button{color:var(--navy)}
.hero .seg button.on{background:#fff;color:var(--navy)}
.hero::after{box-shadow:0 0 0 14px rgba(255,255,255,.4),0 30px 60px -24px rgba(10,58,93,.45)}
@media (prefers-color-scheme:dark){.hero{background:#008f8a}}

/* ═══ 20/10/2026 22:46 — ΣΚΟΥΡΟ ΘΕΜΑ (κινητό Alex): ό,τι ήταν «μπλε κείμενο» γίνεται ανοιχτό, αλλιώς χάνεται ═══ */
@media (prefers-color-scheme:dark){
  .price,.p-price,.blk-hd h2,.stat b,.ph-head h1,h1,h2,h3{color:var(--ink)}
  .brand,.kicker,.blk-hd a{color:#5fd6d0}
  .btn.sec{color:var(--ink);border-color:var(--line)}
  .btn.sec:hover{color:#06182a;background:#5fd6d0;border-color:#5fd6d0}
  .hero{background:#5fbfba}                       /* το τιρκουάζ μένει ανοιχτό, με μπλε γράμματα = διαβάζεται */
  .hero h1,.hero .kicker{color:var(--navy)}
  .hero .lede{color:#0b3550}
  .hero .btn.sec{color:var(--navy);border-color:var(--navy)}
  .cat{color:var(--ink)}
  .card{background:var(--card)}
  .ph{background:#fff}
}