@charset "UTF-8";
/* ==========================================================================
   Webbox internal pages
   Shared visual language, page-specific composition.
   ========================================================================== */

body[class*="nq-page-"] {
  --ip-ink: #090d19;
  --ip-paper: #f4f1ea;
  --ip-white: #fff;
  --ip-muted: #697080;
  --ip-line: rgba(9, 13, 25, .15);
  --ip-accent: var(--nq-accent, #655cff);
}

/* ========================================================================== 
   ALMYRA CORFU LUXURY CRUISES — CRUISE / FAQ / CONTACT PAGES
   Scope contract: wrap managed inner-page content in `.almyra-inner`.
   ========================================================================== */
.almyra-inner {
  --al-ink: var(--nq-fg, #101a1d);
  --al-navy: #053442;
  --al-navy-2: #062a35;
  --al-gold: var(--nq-accent, #d4aa5d);
  --al-gold-light: var(--nq-accent-2, #e3c07f);
  --al-paper: #f7f5ed;
  --al-line: var(--nq-line, #dcded8);
  --al-muted: var(--nq-muted, #667377);
  --al-shadow: 0 24px 60px rgba(4, 42, 54, .13);
  color: var(--al-ink);
  background: #fff;
  font-family: "DM Sans", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.almyra-inner *,
.almyra-inner *::before,
.almyra-inner *::after { box-sizing: border-box; }
.almyra-inner img { display: block; max-width: 100%; }
.almyra-inner a { color: inherit; text-decoration: none; }
.almyra-inner button,
.almyra-inner input,
.almyra-inner select,
.almyra-inner textarea { font: inherit; }
.almyra-inner .section { padding: 110px clamp(28px, 8vw, 130px); }
.almyra-inner .eyebrow { margin: 0 0 22px; color: var(--al-gold-light); font-family: "Playfair Display", Georgia, serif; font-size: 20px; font-style: italic; }
/* 🔴 [ADAPT] P10 — TO MOCKUP EXEI **TRIA** XROMATA EYEBROW, EMEIS EIXAME ENA.
   Mockup:  `.eyebrow{var(--gold) #d4aa5d}` · `.section .eyebrow{#aa8035}` ·
            `.summary-band .eyebrow{var(--gold)}`
   Emeis:   ena mono kanona me `--al-gold-light` (#e3c07f) PANTOU.
   I katagegrammeni apofasi antithesis («7.68 enanti 3.71») itan metrimeni se **NAVY**
   kai efarmostike **katholika**. Se LEFKO fonto to idio xroma einai katastrofi.
   Metrimenes analogies antithesis:
                       lefko #fff   paper #f7f5ed   navy #053442
     #aa8035 (mockup)   **3.59** ✅    **3.29** ✅      3.71 ✅
     #d4aa5d (gold)       2.16 ⛔       1.98 ⛔        6.16 ✅
     #e3c07f (mas)      **1.73** ⛔    **1.59** ⛔    **7.68** ✅
   Diladi to gold-light einai to KALYTERO se navy kai to XEIROTERO se lefko.
   Lysi pou kratae kai ta dyo: to mockup xroma stis FOTEINES enotites, to gold-light
   MONO stis skoures (summary-band, service-hero) opou onтos kerdizei.
   Etsi i apofasi antithesis tireitai ekei pou eixe noima, kai i emfanisi taftizetai
   me to mockup ekei pou o idioktitis to eide lathos. */
.almyra-inner .section .eyebrow { color: #aa8035; }
.almyra-inner .summary-band .eyebrow { color: var(--al-gold-light); }
/* [ADAPT] SOVARO — TO EYEBROW APODIDOTAN SE LATHOS GRAMMATOSEIRA.
   O parapano kanonas dinei Playfair sto PERITYLIGMA `.nqh`, alla to `fonts.css.php`
   exei katholiko `:not(i){font-family:"DM Sans"}` pou efarmozetai APEUTHEIAS sta
   esoterika kombia (`.nqh-t`, `.nqh-a`, `.nqh-custom`) — kai i ameso efarmogi nikaei
   tin klironomia. Apotelesma: to keimeno evgaine **DM Sans**, to mockup to exei
   **Playfair Display**. Einai to mathima tis Eggr.52 (i klasi proskeionetai sto
   peritiligma, to pragmatiko keimeno einai mesa).
   Metrimeno: text font-family DM Sans -> Playfair Display · ypsos 30px -> **27px**,
   akrivos oso tou mockup. To `font-style: italic` klironomouse idi sosta.
   To `line-height` einai to idio P11 (skin 1.5 -> 30px, mockup `normal` = 27px). */
.almyra-inner .eyebrow,
.almyra-inner .eyebrow .nqh-t,
.almyra-inner .eyebrow .nqh-a,
.almyra-inner .eyebrow .nqh-custom { font-family: "Playfair Display", Georgia, serif; line-height: normal; }
.almyra-inner .display,
.almyra-inner .display > .nqh-t { margin: 0; font-size: clamp(44px, 5.5vw, 74px); font-weight: 500; line-height: 1.06; letter-spacing: -.045em; } /* [ADAPT] i klasi tou mockup prosgeionetai sto PERITYLIGMA tou Heading (div.nqh)· to pragmatiko <h2> einai to .nqh-t mesa, opote xoris auto krataei to h2 tou skin (32px/700 anti 74/500) */
.almyra-inner .section-head { max-width: 850px; margin-bottom: 62px; }
.almyra-inner .section-head:has(> .pb-row-box) { max-width: none; margin-bottom: 0; } /* [ADAPT] builder DOM [P9] */
.almyra-inner .section-head > .pb-row-box { margin-top: 62px; margin-bottom: 0; }
.almyra-inner .section-head:has(> .pb-row-box) > .nqh,
.almyra-inner .section-head:has(> .pb-row-box) > .nqce-heading2 { max-width: 850px; } /* [ADAPT] P9: otan to plegma zei mesa sto section-head, to max-width:850 tou mockup prepei na periorizei MONO to keimeno, ohi to plegma */ /* [ADAPT] builder DOM [P9] */
/* [ADAPT] P9-parenergeia, SYSTIMIKI — o epilogeas tou mockup einai apogonos
   (`.section-head p:last-child`), kai sto mockup einai asfalis giati to .section-head
   periexei MONO to keimeno tis kefalidas: to plegma einai adelfos.
   Sti diki mas domi to P9 EPIVALLEI to plegma na foliazei MESA sti stili .section-head,
   opote o idios kanonas (0,3,1) epiane KATHE <p> kartas kai nikouse tous kanones tis
   kartas (0,2,1). Metrimeno: .related-card p = 17px/29.75 anti 14px/1.7.
   🔴 DIORTHOSI DIKOU MOU LATHOUS (idia mera): eixa grapsei `:not(.pb-row-box p)`.
   YPERVOLIKA EVRY — i RIZA tis enotitas exei ki auti klasi `pb-row-box`
   (`div.pb-row-box.mb-3.section.why`), opote to `:not()` apekleie **KATHE** <p> mesa
   sti enotita, mazi kai to nomimo lead tis kefalidas. Sto `why` den fanike, giati i
   kefalida tou den exei lead. Sto `service-gallery` fanike: to lead evgaine
   **16px/24px** anti **17px/29.75px**.
   Sosto diakritiko einai to `pb-row-inner`: MONO i foliasmeni grammi to exei
   (`div.pb-row-box.pb-row-inner.mb-3.<grid>`), i riza tis enotitas OXI.
   Epalitheftike: lead 16px/24px -> **17px/29.75px** kai `.why-card p` menei **14px**.
   To `:not(.pb-row-inner p)` anaparagei ton PRAGMATIKO skopo tou mockup — mono to keimeno
   tis kefalidas, oxi ta foliasmena plegmata. Kamia allagi dilosis.
   Metrimeno zontana: .related sta 1024  758 -> 740 (mockup 710), apo +6,8% se +4,2%.
   Prostatevei KATHE melloontiki enotita me foliasmeno plegma, oxi mono aftes edo. */
/* 🔴 DEFTERI DIORTHOSI TOU IDIOU GUARD: to `.eyebrow` einai Heading block, kai to
   PRAGMATIKO tou keimeno einai ena `<p class="nqh-t">` MESA sto peritiligma `.nqh`.
   Auto to <p> einai `:last-child` tou peritiligmatos, opote to epiane o kanonas kai to
   eyebrow evgaine **17px grey** anti **20px xryso** — se KATHE enotita.
   Metrimeno: peritiligma 20px/xryso (sosto) alla keimeno **17px rgb(102,115,119)**.
   To `:not(.nqh p)` afairei mono ta <p> pou einai keimeno Heading· to lead paragraph
   zei se `.B_Textblock > .B_wrapper > p`, ektos `.nqh`, kai den epireazetai.
   Epalithefthike se 5 enotites: eyebrow **20px xryso** pantou, lead **17px/29.75px**. */
.almyra-inner .section-head p:last-child:not(.pb-row-inner p):not(.nqh p) { color: var(--al-muted); font-size: 17px; line-height: 1.75; }
/* 🔴 [ADAPT] TO LEAD TIS KEFALIDAS ITAN 24px STENOTERO. To Textblock ekpempei
   `.row` me `margin: 0 -12px` kai `.B_wrapper` me `padding: 0 12px`. Ta dyo
   allilo-akyronontai gia to PLATOS TIS GRAMMIS (850), alla to pragmatiko `<p>` mesa
   menei **826** anti **850** tou mockup. Midenizontai kai ta dyo, MONO gia to lead tis
   kefalidas — oi kartes (`why`, `related`, `amenity`, `check`) exoun diko tous padding
   kai DEN epireazontai (epalithefthike: platos <p> kartas ametavlito 329 / 246). */
.almyra-inner .section-head > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .section-head > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }

/* 🔴 [ADAPT] TO `story` -29/-43 SE PENTE SELIDES — MIA AITIA, DYO SKELI.
   Ta 5 vimata, oi eikones kai ta 4 kena (34px) itan **idi taftosima**. Oli i diafora
   itan sti kefalida, kai einai i klasiki synepeia tou P9 (ta vimata einai PAIDIA tis
   `.section-head` se emas, ADELFIA tis sto mockup).

   (1) To lead **xefevge sta 1181.1 anti 850**: to `.section-head{max-width:850px}` tou
       mockup den pianei to `.row.B_Textblock`, opote to keimeno xorage se ligoteres
       grammes — **45.7 anti 59.5**. Kai to `<p>` tou mockup exei `margin: 17px 0`, eno
       se emas to peritiligma edine 0/16.
   (2) 🔴 To `.section-head{margin-bottom:62px}` tou mockup **den paragei keno se emas**,
       giati to plegma ton vimaton einai MESA sto section-head. Sto mockup afto to
       perithorio symptyssetai me to `margin-top:34px` tou protou vimatos -> **62**.
       Se emas evgaine **34**. Metaferetai sto PROTO vima me geitoniko adelfo apo to lead,
       oste ta ypoloipa tessera na kratisoun ta 34 tous.
       ⚠ DEN xrisimopoieitai `:first-of-type` — se afti ti domi shmainei «proto div»,
       kai proigountai eyebrow/display/lead pou einai ki afta div (Tyflo simeio στ).

   Metrimeno, Paxos @1440: `story` **3677.2 -> 3735.9**, mockup **3735.9**.
   Kena: **62 · 34 · 34 · 34 · 34** — taftosima. Vimata ametavlita. */
/* GENIKEFTHIKE apo `.story-intro` se `.section-head`: i idia aitia vrethike KAI sto
   `why` tis Sivota (**-30.8**). To mockup to grafei ki afto genika:
   `.section-head { max-width: 850px; margin-bottom: 62px }`.
   Elegxthike se 3 selides x 3 platia PRIN grafei: kamia enotita den xeirotereue, kai
   **to `service-gallery` pige apo -1 se 0** — i idia aitia to krataga kai ekei. */
.almyra-inner .section-head > .nqh.eyebrow { margin: 0 0 22px; }
.almyra-inner .section-head > .row.B_Textblock { max-width: 850px; margin: 17px 0; }
.almyra-inner .section-head > .row.B_Textblock p { margin: 0; }
.almyra-inner .section-head > .row.B_Textblock + .pb-row-box { margin-top: 62px; }

/* Cruise hero and key facts */
.almyra-inner .service-hero { min-height: 650px; display: flex; align-items: flex-end; position: relative; isolation: isolate; padding: 92px clamp(28px, 7vw, 112px); color: #fff; background-image: var(--hero-image); background-position: var(--hero-position, center); background-size: cover; }
.almyra-inner .service-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(1,24,31,.88), rgba(1,24,31,.57) 48%, rgba(1,24,31,.12) 82%); }

/* ─────────────────────────────────────────────────────────────────────────────
   [ADAPT] DILOMENI APOKLISI SE **TOPOTHESIA**, OXI SE TIMI.
   To mockup dinei tin eikona kathe hero me **inline** metavlites pano sti section:
     <section class="service-hero" style="--hero-image:url('assets/X.jpg');--hero-position:center 72%">
   O builder DEN exei pedio gia inline style i CSS metavlites, opote oi ISIES
   metavlites me tis ISIES times orizontai edo, se fyllo. O vasikos kanonas tis
   `.service-hero` tis katanalonei idi opos kai to mockup:
     background-image: var(--hero-image) · background-position: var(--hero-position, center)
   Kamia allagi timis — mono i thesi opou dilonontai.

   PROSTHIKI NEAS SELIDAS: mia grammi. Klasi `hero-<slug>` sti grammi tou builder
   (dipla sto `service-hero`) kai ena zeugos metavliton edo.

   🔴 TO POSOSTO THESIS DEN EINAI LEPTOMEREIA. Me `center 72%` fainetai i anoixti
   thalassa me to skafos sti thesi tou· me sketo `center` i dasomeni akti troei to
   miso pano kadro kai to skafos kovetai. Metaferetai AUTOUSIO apo to mockup.

   EIKONA: epalitheftike oti einai to IDIO arxeio me tou mockup — 240.280 bytes,
   MD5 4731E3EC6970E73F340D49E7496B1199, kai stis dyo diadromes.
   ───────────────────────────────────────────────────────────────────────────── */
.almyra-inner .hero-paxos          { --hero-image: url(/uploads/paxos-almyra-underway_6170fd.jpg);      --hero-position: center 72%; }
.almyra-inner .hero-sivota         { --hero-image: url(/uploads/sivota-blue-lagoon-yacht_9f01c5.jpg);   --hero-position: center 58%; }
.almyra-inner .hero-sunset         { --hero-image: url(/uploads/sunset-almyra-deck_b31a9e.jpg);         --hero-position: center 55%; }
.almyra-inner .hero-blue-lagoon    { --hero-image: url(/uploads/almyra-semi-private-friends_458fad.jpg);--hero-position: center; }
.almyra-inner .hero-private-events { --hero-image: url(/uploads/almyra-private-event-group_3c5908.jpg); --hero-position: center 52%; }
/* 🔴 IDIA EIKONA me to hero-paxos, ALLO KADRO. To mockup dinei 64% edo kai 72% eki —
   dyo diaforetika kadra tou idiou arxeiou. NA MIN ENOPOIITHOUN. Idio sxima me ta dyo
   xrysa (#a97b2b / #aa8035): ό,τι EMOIAZE idio, i metafora to enopoiouse. */
.almyra-inner .hero-benitses       { --hero-image: url(/uploads/paxos-almyra-underway_6170fd.jpg);      --hero-position: center 64%; }
.almyra-inner .hero-copy { max-width: 930px; }
.almyra-inner .service-hero h1 { max-width: 900px; margin: 0; font-size: clamp(48px, 6vw, 88px); font-weight: 700; line-height: 1; letter-spacing: -.055em; }
.almyra-inner .hero-lead { max-width: 690px; margin: 26px 0 0; font-size: 18px; font-weight: 500; line-height: 1.65; }
.almyra-inner .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.almyra-inner .pill-cta { min-height: 58px; display: inline-flex; align-items: center; gap: 16px; padding: 6px 7px 6px 25px; border: 2px solid var(--al-gold); border-radius: 999px; font-weight: 700; }
.almyra-inner .pill-cta i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--al-gold); color: var(--al-ink); font-style: normal; }
.almyra-inner .pill-cta.secondary { border-color: rgba(255,255,255,.55); }

/* ─── [ADAPT] Eggr.52 — TO `.pill-cta` PROSGEIONETAI STO PERITYLIGMA, OXI STO KOUMPI ───
   Sto mockup to `.pill-cta` EINAI to <a>. Sti diki mas domi to Button block vgazei
   `div.B_button` (ekei paei i klasi) kai MESA to pragmatiko `a.btn.nq-btn`.
   Apotelesma: to peritiligma epairne swsta pill/700/padding, alla to ORATO koumpi
   kratouse ta dika tou tou block. Metrimeno prin:
     peritiligma 241x72 r999px fw700  |  <a> 205x56 **r6px fw400 pad6px 12px gap8px**
   Diladi apodidame stroggylemeno orthogonio mesa se pill.
   LYSI: to peritiligma ginetai diafanes (miden border/padding/radius) kai OLES oi
   diloseis tou mockup pane sto <a>. Kamia allagi timis — mono o kombos.
   Metrimeno meta, enanti mockup: koumpia **235x60 / 256x60 = 235x60 / 256x60**,
   `.hero-actions` 72 -> **60 = 60**, `.service-hero` 659 -> **650 = 650**.
   Episis: to <p> tou `.hero-lead` eixe `margin-bottom:16px` pou to mockup DEN exei —
   gi' auto ta koumpia kathontan 16px pio kato ap' oti prepei. `.hero-lead` 105 -> **89**.
   Miden orizontia yperxeilisi. */
.almyra-inner .hero-actions > .pb-row { margin-top: 0; width: 100%; gap: 14px; }
/* 🔴 KAI TA DYO KOUMPIA EINAI STIN IDIA `.pb-col` — den yparxei kena stilis na
   ekmetalleftoume. To `gap:14px` sti grammi den piane, kai to padding sto peritiligma
   metakinouse KAI to proto koumpi (metrimeno: btn1 left+12 anti left+0).
   I stili ginetai flex me gap — akrivos o mixanismos pou exei to `.hero-actions` tou
   mockup. Metrimeno: btn1 **left+0**, keno **14px**, actions **60**, hero **650** —
   taftosima me to mockup, xoris trailing margin sto teleutaio koumpi. */
/* 🔴 To `flex-wrap: wrap` prepei na einai EDO, oxi sto `.hero-actions`.
   To `.hero-actions` exei ENA paidi (ti stili) — to wrap tou den kanei tipota.
   Ta pragmatika flex items einai ta koumpia, kai zoun MESA sti stili.
   Xoris auto, sta 320/375/480 ta dyo koumpia emenan se mia seira: 235+14+256+22 =
   **527px** se viewport 305 -> yperxeilisi. Metrimeno: scrollWidth **528 kai sta tria
   plati**, diladi den tyligan pote. */
.almyra-inner .hero-actions > .pb-row > .pb-col { display: flex; flex-wrap: wrap; gap: 14px; padding-left: 0; padding-right: 0; margin-top: 0; width: 100%; max-width: 100%; }
.almyra-inner .pill-cta { min-height: 0; padding: 0; border: 0; border-radius: 0; display: inline-flex; }
/* 🔴 [ADAPT] O parapano kanonas midenizei to peritiligma tou Button block kai vazei ola
   ta stoixeia sto `> a`. ALLA stis selides places to markup einai KATHARO HTML: ekei to
   `.pill-cta` EINAI to idio to <a>, opote epairne tin **exoudeterOmeni** ekdosi kai emene
   xoris perigramma, padding kai ypsos. Metrimeno sto /places/corfu/ @1440:
   koumpi **44×239.6 anti 59.8×275.5** — kai afto itan OLI i diafora tis enotitas
   `place-feature`: **553.2 anti 569 = -15.8**, statherо se KATHE platos.
   O epilogeas `a.pill-cta` pianei MONO tin periptosi tou mockup (raw <a>)· i domi tou
   builder vgazei `div.B_button.pill-cta`, ara den yparxei sygkrousi. */
.almyra-inner a.pill-cta { min-height: 58px; display: inline-flex; align-items: center; gap: 16px; padding: 6px 7px 6px 25px; border: 2px solid var(--al-gold); border-radius: 999px; font-weight: 700; line-height: normal; }
.almyra-inner .pill-cta > a { min-height: 58px; display: inline-flex; align-items: center; gap: 16px; padding: 6px 7px 6px 25px; border: 2px solid var(--al-gold); border-radius: 999px; font-weight: 700; line-height: normal; }
.almyra-inner .pill-cta.secondary > a { border-color: rgba(255,255,255,.55); }
/* [DILOMENI APOKLISI #12] KINISI STO HOVER — APOFASI IDIOKTITI.
   To mockup DEN dinei kamia kinisi sto `.pill-cta`: to elegxa se ola ta arxeia tou
   (`service-page.css`, `about-us.css`, `places-page.css`) — kanenas kanonas `:hover`,
   kanena `transition`. Dinei omos akrivos afti tin kinisi sta koumpia tis ARXIKIS:
     mockup index.html ::  .cta:hover i        { transform: translateX(3px) }
     mockup index.html ::  .card-link:hover i  { transform: translateX(3px) }
   O idioktitis zitise to idio kai stis alles selides. Xrisimopoieitai i IDIA timi kai
   i idia diarkeia me tin arxiki (home-sections.css), oste na einai ena idioma se olo
   to site kai oxi neo efevrima.
   🔴 Domiki simeiosi: sto mockup to `.cta` EINAI to <a>. Se emas i klasi `.pill-cta`
   kathetai sto peritiligma `div.B_button` kai to orato koumpi einai to `> a` —
   gi' afto o epilogeas einai `.pill-cta > a:hover i` kai oxi `.pill-cta:hover i`. */
.almyra-inner .pill-cta > a i { transition: transform .2s ease; }
.almyra-inner .pill-cta > a:hover i,
.almyra-inner .pill-cta > a:focus-visible i { transform: translateX(3px); }
/* 🔴 [ADAPT] P12 — DILOMENI EXAIRESI, i defteri se olo to ergo.
   To velaki mas zografizotan me ti grammatoseira **feather** (400 / 18px) enо to
   mockup to exei se **DM Sans 700 / 16px**. Metrimeno: idio glyph, allo sximа kai
   allo varos — o idioktitis to eide sto koumpi «Explore the itinerary».
   PROTOKOLLO P12 tirithike:
   (1) Psaxtike pedio sto Button block gia grammatoseira eikonidiou — DEN yparxei.
   (2) Katagrafetai edo: to `feather.css` epivallei `.fe { font-family: feather
       **!important** }`. Kanonas xoris exairesi DEN mporei na to nikisei — to
       epalithefsa: me kanoniki dilosi to `font-weight` allaze se 700 alla to
       `font-family` emene `feather`.
   (3) Mono tote i exairesi. Aforai MONO to `i` mesa se `.pill-cta` — kanena allo
       eikonidio feather se olo to site den epireazetai.
   Afairetai an to Button block apoktisei pedio grammatoseiras eikonidiou.
   Metrimeno meta: ff=DM Sans · fw=700 · fs=16px · kykloi 44x44 · koumpia
   235x60 / 256x60 — taftosima me to mockup. Miden orizontia yperxeilisi. */
.almyra-inner .pill-cta i.fe { font-family: "DM Sans", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700; }
.almyra-inner .hero-lead p { margin: 0; }
/* 🔴 IDIA AITIA me to lead tis `.included`: to `.B_wrapper` kratousе to gutter
   `padding: 0 12px` tou bootstrap, ara to keimeno eixe **24px ligotero platos** apo to
   mockup. Metrimeno sta 375: oi grammes xekinousan sto **x=34** anti **x=22** kai to
   platos grammis eftane **281.2** anti **308** — mia grammi PARAPANO.
   Kostos: **+26.4px** se **Sivota** kai **Benitses**. Stis alles tesseris to keimeno
   xorage etsi ki allios, opote i idia atelia yparxei ALLA den kostizei grammi.
   🔴 O GENIKOS KANONAS `.almyra-inner .row.B_Textblock > .B_wrapper` EINAI LATHOS —
   ton dokimasa kai TON METRISA: sta 375 evgaze `story` **-43 -> -203** kai `split`
   **-2 -> -34**. Ekei to mockup DINEI diko tou padding (`.story-copy{padding:38px 25px}`),
   opote i afairesi tou gutter mas kanei PIO farditous apo to mockup. Menei skopomeno.
   Meta: kai oi 6 kroualzieres **0** sta 375 · Benitses 0 kai sta 1440/860. */
.almyra-inner .hero-copy > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
/* [ADAPT] P11/chrome — to Button block vgazei eikonidio feather (`fe fe-arrow-right`),
   eno to mockup exei tous XARAKTIRES `→` kai `↓` mesa ston xrysо kyklo.
   To feather ta zografizei me `::before`, opote i timi tou `content` antikathistatai. */
.almyra-inner .pill-cta i.fe-arrow-right::before { content: "\2192 "; }
.almyra-inner .pill-cta i.fe-arrow-down::before  { content: "\2193 "; }
/* [ADAPT] DILOMENI APOKLISI — APOFASI IDIOKTITI 2026-08-26.
   To mockup exei `margin-top: -38px`. O idioktitis zitise to koutí `facts` PIO PANO,
   pio mesa sto hero. Nea timi **-78px** = 40px psilotera.
   Den einai lathos metaforas — einai rithmisi pou zitithike ryta. */
.almyra-inner .facts { max-width: 1260px; margin: -58px auto 0; position: relative; z-index: 3; background: #fff; box-shadow: var(--al-shadow); }
/* 🔴 [ADAPT] TO PERITYLIGMA TIS ENOTITAS ESKEPAZE TO HERO ARISTERA-DEXIA.
   Sto mockup to `.facts` einai <section> apeutheias mesa sto <main> — den yparxei
   kanena kouti gyro tou. Sti diki mas domi to typonei mesa se
   `div.pb-section.pb-fw-stretch-content-nospace.almyra-inner`, pou einai **1425px
   fardy me LEFKO fonto**. Etsi, otan to `.facts` anevainei me arnitiko margin, den
   kavalaei mono to kouti — anevainei mazi tou mia **lefki zoni se olo to platos** pou
   krivei to hero ekaterothen.
   Metrimeno: peritiligma 1425px `rgb(255,255,255)` · kouti 1260px `rgb(255,255,255)`.
   To peritiligma ginetai diafanes: kavalaei MONO to kouti ton 1260px, kai aristera-
   dexia fainetai to hero. To `:has(> .facts)` to periorizei se AUTI ti enotita mono —
   kamia alli `.pb-section` den epireazetai. */
/* Kai z-index: i skia tou koutiou kovotan pano-kato. Oi geitonikes `.pb-section`
   (hero prin, epomeni enotita meta) exoun **lefko fonto** kai i epomeni einai
   `position: relative` — etrogan tin 60px skia ekaterothen. To peritiligma pairnei
   diko tou stacking context psilotera, opote i skia zografizetai pano se olous. */
.almyra-inner.pb-section:has(> .facts) { background: transparent; position: relative; z-index: 4; }
.almyra-inner .facts > .pb-row { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; } /* [ADAPT] builder DOM */
.almyra-inner .facts > .pb-row > .pb-col.fact { min-height: 118px; padding: 26px 30px; border-right: 1px solid var(--al-line); align-self: stretch; width: 100%; max-width: none; } /* [ADAPT] builder DOM [P6+P2] */
.almyra-inner .facts > .pb-row > .pb-col.fact:last-child { border-right: 0; } /* [ADAPT] builder DOM */
/* [ADAPT] P10 — TO MOCKUP EXEI DYO XRYSA, kai i metafora ta sygxoneuse se ena.
   Elegxthike sto idio to service-page.css:
     #a97b2b -> .fact span · .faq-list summary:after · .contact-point span · .nav-dropdown>a:before
     #aa8035 -> .section .eyebrow · .stop b · .story-number · .why-card span · .related-card span
   Emeis eixame grapsei #aa8035 kai stis TREIS theseis tou #a97b2b.
   Metrimeno: rgb(170,128,53) diko mas enanti rgb(169,123,43) tou mockup.
   Edo diorthonetai MONO to .fact-label (enotita facts). Ta alla dyo katagrafontai
   os EKKREMEI gia tis enotites tous (faq / contact), pou den exoun xtistei akoma. */
.almyra-inner .fact .fact-label { display: block; margin-bottom: 10px; color: #a97b2b; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
/* [ADAPT] P11 — SCOPED, oxi katholiko. To mockup DEN orizei line-height sto `.fact span`:
   menei sto `normal` tou browser. To diko mas skin dinei 1.5 sto body, ara 10px -> 15px.
   Metrimeno sto IDIO to mockup, se px opos leei to protokollo: **13px**.
   Orizetai se ola ta kombia tis alysidas tou Heading block (P3: i klasi proskeionetai
   sto peritiligma `.nqh`, to pragmatiko keimeno einai mesa se `.nqh-t > a.nqh-a > span`).
   Metrimeno zontana, 11 platoi (1440/1100/1024/991/900/861/860/768/600/375/320):
   ypsos `.facts` D = 0 se OLA. Prin: 900 kai 861 -> 126 anti 124 (+2px),
   375 kai 320 -> 228 anti 224 (+4px, dyo seires). Miden orizontia kylisi.
   DEN einai to katholiko line-height tou skin — auto paramenei pagomeno. */
.almyra-inner .fact .fact-label,
.almyra-inner .fact .fact-label .nqh-t,
.almyra-inner .fact .fact-label .nqh-custom { line-height: normal; }
.almyra-inner .fact .fact-value { font-size: 18px; line-height: 1.35; font-weight: 700; } /* [ADAPT] builder DOM [P3: to <strong> edine 700] */

/* Intro, itinerary and inclusions */
/* 🔴 [ADAPT] P1 — TO PLEGMA ITAN STO KOUTI, POU EXEI **ENA MONO PAIDI**.
   O kanonas tou mockup (`display:grid; .9fr 1.1fr`) eixe metaferthei sto
   `div.pb-row-box...split`. Ekei omos yparxei **mono i grammi** os paidi, opote i
   grammi gemize tin **1i stili (.9fr)** kai i **2i stili emene ADEIA** — kai ta dyo
   kelia stoivazontan mesa sto misо platos.
   Metrimeno prin: grammi **479px** (= akrivos to .9fr) me ta dyo kelia 479x363 kai
   479x346 to ena kato apo to allo · enotita **929** enanti 583 tou mockup (**+59%**).
   To kouti gyrizei se `block` kai to plegma paei sti **grammi**, opou zoun ta kelia.
   Metrimeno meta, dikо mas / mockup:
     1440 **583 / 583** · kelia 479x363 + 586x284 (mockup 479x363 + 586x286)
     1101 598/600 · 1100 660/662 · 860 568/570 · 375 890/892
   Miden orizontia yperxeilisi se ola. */
.almyra-inner .split { display: block; }
.almyra-inner .split > .pb-row { display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; align-items: start; width: 100%; margin-top: 0; }
.almyra-inner .split > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; }
.almyra-inner .prose { color: var(--al-muted); font-size: 17px; line-height: 1.85; }
.almyra-inner .prose p:first-child { margin-top: 0; }
.almyra-inner .prose strong { color: var(--al-navy); }
.almyra-inner .itinerary { background: var(--al-paper); }
.almyra-inner .route { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #cfd2cc; border-left: 1px solid #cfd2cc; }
.almyra-inner .stop { min-height: 260px; padding: 34px; border-right: 1px solid #cfd2cc; border-bottom: 1px solid #cfd2cc; }
.almyra-inner .stop b,
.almyra-inner .stop .stop-time,
.almyra-inner .stop .stop-time .nqh-t,
.almyra-inner .stop .stop-time .nqh-a,
.almyra-inner .stop .stop-time .nqh-custom { color: #aa8035; font-family: "Playfair Display", Georgia, serif; font-size: 23px; font-style: italic; }
.almyra-inner .stop h3 { margin: 44px 0 12px; font-size: 27px; font-weight: 600; line-height: 1.2; }
.almyra-inner .stop p { margin: 0; color: var(--al-muted); font-size: 14px; line-height: 1.7; }
/* 🔴 [ADAPT] P1 — TO PLEGMA ITAN STO KOUTI POU EXEI ENA PAIDI (ti grammi).
   To `.included` einai `div.pb-row-box` me MONO paidi ti `.pb-row`: to
   `grid-template-columns:1fr 1fr` edine sti GRAMMI to aristero track (712px) kai afine
   to dexi ADEIO — oli i enotita stoivagmeni sto aristero miso, mavro to dexi, i foto
   pouthena. Idio motivo me to `.split`. Metrimeno sta 1440: enotita **736 -> 929.8**
   enanti 929.8 tou mockup. */
.almyra-inner .included { display: block; background: var(--al-navy); color: #fff; }
.almyra-inner .included > .pb-row { display: grid; grid-template-columns: 1fr 1fr; min-height: 620px; width: 100%; margin-top: 0; }
/* to `align-self` einai APARAITITO kai DEN antikathistatai me `align-items` ston gonea:
   o builder grafei INLINE `align-items:flex-start` sti `.pb-row`. Me flex-start i
   `.included-photo` (adeio div, xoris periexomeno) emenе se **ypsos 0**. To `align-self`
   sto paidi nikaei to `align-items` tou gonea xoris `!important`. */
.almyra-inner .included > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; align-self: stretch; }
/* Sto mockup to `--included-image` einai INLINE sto <section>. Se olo to /demo2/ MONO i
   Sivota exei `.included` — an prostethei defteri selida, thelei modifier klasi opos ta
   `.hero-*` (gr. 146-154). */
.almyra-inner .included { --included-image: url(/uploads/sivota-blue-lagoon-swim_98bca8.jpg); }
.almyra-inner .included-photo { background-image: var(--included-image); background-position: center; background-size: cover; }
/* to padding EXANE apo to `frontend.css :: .pb-row.row > .pb-col` (0,3,0) pou nikaei to
   `.almyra-inner .included-copy` (0,2,0): computed `80px 0px`, keimeno kollimeno sto
   aristero xeilos. Xreiazetai i idia i klasi mesa ston plires epilogea. */
.almyra-inner .included-copy { display: flex; flex-direction: column; justify-content: center; }
.almyra-inner .included > .pb-row > .pb-col.included-copy { padding: 80px clamp(30px, 7vw, 110px); }
/* 🔴 I EYEBROW EDO DEN EINAI XRYSI. Sto mockup i `.eyebrow` kai to lead einai `<p>` AMESA
   paidia tou `.included-copy`, opote ta pianei to `.included-copy > p` (0,2,0) pou NIKAEI
   to `.eyebrow` (0,1,0). Metrimeno mesa sto idio to mockup: **rgba(255,255,255,.72),
   16px, line-height 28.8px** — oxi gold 20px. (I dilomeni apoklisi #4 gold->gold-light
   aforaei ta simeia opou to mockup dinei ONTOS gold· edo den dinei.)
   Se emas i klasi kathetai sto peritiligma `.nqh` kai to pragmatiko <p> einai to `.nqh-t`. */
.almyra-inner .included-copy .eyebrow,
.almyra-inner .included-copy .eyebrow > .nqh-t,
.almyra-inner .included-copy .eyebrow .nqh-a,
.almyra-inner .included-copy .eyebrow .nqh-custom { color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.8; }
/* To lead einai `div.row.B_Textblock` (Text Block) kai OXI ameso <p>, ara: (1) to `.row`
   evaze arnitika perithoria -12px (platos 534.9 anti 510.9), (2) to `.B_wrapper` mesa
   krataei to gutter `padding: 0 12px` tou bootstrap — **24px ligotero platos keimenou**,
   pou evgaze mia grammi PARAPANO sta 1101 kai 375 (+28.9 / +23.8), (3) elipan ta 16px
   pano-kato pou sto mockup einai to UA margin tou <p> kai den midenizetai pouthena.
   O guard `:not(.note)` elegxthike KAI apo tis dyo meries (Tyflo simeio a): 1 tairi gia
   to lead, 1 gia to note, kamia diarroi. */
.almyra-inner .included-copy > .row { margin-left: 0; margin-right: 0; }
.almyra-inner .included-copy > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .included-copy > .row.B_Textblock:not(.note) { margin-top: 16px; margin-bottom: 16px; }
.almyra-inner .included-copy > .row.B_Textblock:not(.note) p { max-width: 620px; margin: 0; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.8; }
/* [ADAPT] Eggr.52 — kai edo i klasi einai sto PERITYLIGMA. Xoris to `> .nqh-t` to
   pragmatiko <h2> krataei to geniko 74px kai o titlos tyligei se paraphano seires. */
.almyra-inner .included-copy .display,
.almyra-inner .included-copy .display > .nqh-t { font-size: clamp(40px, 4.8vw, 68px); line-height: 1.06; letter-spacing: -.045em; }
.almyra-inner .included-copy > p { max-width: 620px; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.8; }
/* [ADAPT] P10 — TO .check-grid KAI TO .amenity-list ITAN SYGXONEVMENA SE KOINOUS
   KANONES. Sto mockup einai DYO XORISTA set me DIAFORETIKES times (service-page.css:26).
   I sygxonefsi edine sto .amenity-list tis times tou .check-grid. Elegxthike
   dilosi-pros-dilosi pano sto idio to mockup:
                       .check-grid        .amenity-list
       margin-top      28px               KAMIA
       div padding     20px               23px
       b font-size     16px               14px
       b margin-bottom kamia              6px
       p               (exei <small>)     margin:0
   To .check-grid itan idi sosto — den to peiraxa. Xoristike mono to .amenity-list. */
/* 🔴 [ADAPT] IDIO MOTIVO ME TO .amenity-list — treis aities mazi.
   (1) P1: to plegma itan sto KOUTI pou exei ENA paidi (ti grammi).
   (2) PAGIDA 15: o apogonikos `.check-grid div { padding:20px }` tou mockup piane KAI
       ta foliasmena div ton blocks. Metrimeno: grammi pad=20px, `.check-title` pad=20px,
       `.check-desc` pad=20px — kelia **157x365** anti **255x106**.
   (3) DYO `.check-grid` (dyo grammes 2x2). An paroun kai ta dyo `border-top`, vgainei
       **dipli grammi sti mesi**. To `:first-of-type` DEN kanei edo: simainei «proto
       stoixeio TOU TYPOU tou (div)», kai proigountai eyebrow/h2/lead pou einai ki auta
       div — den tha tairiaze se KANENA, kai to perigramma tha exafanizotan siopila.
       Xrisimopoieitai geitonikos adelfos `+`: epalithefsa oti ta dyo `.check-grid`
       einai **amesa diadoxika** adelfia (nextElementSibling = to deutero). */
.almyra-inner .check-grid { display: block; margin-top: 28px; border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
.almyra-inner .check-grid + .check-grid { margin-top: 0; border-top: 0; }
.almyra-inner .check-grid > .pb-row { width: 100%; margin-top: 0; padding: 0; border: 0; }
.almyra-inner .check-grid div { padding: 0; border: 0; }
.almyra-inner .check-grid > .pb-row > .pb-col.check-cell { padding: 20px; margin-top: 0; max-width: none; align-self: stretch; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
/* [ADAPT] P3 agkistra: to `<b>` edine 700 kai to `<small>` 0.8em — kanena apo ta dyo
   den erxetai apo to Heading/Textblock block, opote orizontai rita. */
.almyra-inner .check-cell .check-title { display: block; color: var(--al-gold-light); font-size: 16px; font-weight: 700; line-height: normal; }
/* 🔴 TO `.8em` EFARMOZOTAN DYO FORES — mia sto peritiligma `.check-desc` kai mia sto <p>
   mesa tou: 16 -> 12.8 -> **10.24px**. Nea oikogeneia tis Pagidas 15: sxetiki monada se
   apogoniko epilogea diplasiazetai mesa sta foliasmena peritiligmata tou builder.
   Sto mockup to `<small>` DEN exei kanena font-size: pairnei to UA `smaller` =
   **13.3333px**. Kai to `line-height:1.5` tou mockup DEN paizei pote: to line box to
   orizei to strut tou 16px goniou = **22px** (metrimeno: dyo grammes sta y 7267.9 kai
   7289.9, vima 22). Gi' auto to keli einai 106px kai oxi 102. */
.almyra-inner .check-cell .check-desc { margin: 0; color: rgba(255,255,255,.65); font-size: 13.3333px; line-height: 22px; }
.almyra-inner .check-cell .check-desc p { margin: 0; color: inherit; font-size: inherit; line-height: inherit; }
/* [ADAPT] P10 — .amenity-list: dikes tou times, autousies apo to mockup.
   To `margin-top:28px` AFAIRETHIKE (to mockup den to exei — itan prosthiki tis metaforas).
   To `color` menei var(--al-gold-light): katagegrammeni apofasi antithesis (7.68 vs 3.71),
   den einai apoklisi pros diorthosi. */
/* 🔴 [ADAPT] P1 x2 + P6 — TREIS AITIES, OLES METRIMENES. Prin: enotita **2976** enanti
   559 tou mockup (**+435%**), kelia 286x345 anti 333x113.
   (1) To plegma tis enotitas itan sto KOUTI, pou exei ena mono paidi -> i grammi
       gemize ti 1i stili kai i 2i emene adeia (idio me to .split).
   (2) To plegma ton kelion itan stin **stili** `.amenity-list`, alla ta 6 kelia zoun
       **dyo epipeda pio mesa**: `> .pb-row-box > .pb-row`.
   (3) 🔴 To pio ypoulo: o kanonas `.amenity-list div { padding: 23px }` einai asfalis
       sto mockup, opou ta MONA div einai ta kelia. Sti diki mas domi kathe kelia exei
       **tessera folismena div** (`.nqh`, `.nqh-t`, `.B_Textblock`, `.B_wrapper`) —
       kai ELAVAN OLA 23px padding. Metrimeno: keimeno 21px psilo mesa se peritiligma
       **118px**. Gi' auto ta kelia evgainan 345px anti 113.
   Meta: kelia **333x113 · 454x113 · 800x92 · 315x113 — TAFTOSIMA me to mockup se ola
   ta plati**. Enotita 2976 -> **583** (mockup 559). Miden orizontia yperxeilisi.
   MATHIMA: enas apogonikos epilogeas (`X div`) pou einai akindynos sto epipedo DOM tou
   mockup ginei katastrofikos sti foliasmeni domi tou builder. Idia oikogeneia me to
   `:not(.pb-row-box p)`. */
/* 🔴 [ADAPT] TA PERIGRAMMATA EINAI SYSTIMA POU KOUMPONEI, OXI borders keliou:
   to KOUTI dinei pano+aristera, kathe KELI dinei dexia+kato. Etsi kathe grammi tou
   plegmatos einai **mia** grammi 1px, koini metaxy geitonikon kelion.
   Otan o B evale ta 6 kelia os stiles `1/2`, i domi egine **treis `.pb-row`** anti mias.
   To `border-top` pou eixa valei sti grammi epiane **kai tis treis**: metrimeno
   `rowBT = 1px,1px,1px`, diladi 2 parapano grammes, +2px ypsos kai metatopisi 1px/2px
   sti 2i kai 3i seira. Sto mockup to `border-top` mpainei **mia fora, sto kouti**.
   Metaferetai sto `.amenity-list` (pou einai plеon i STILI, oxi grammi) kai kamia
   `.pb-row` den pairnei perigramma.
   Episis to `display:grid` sti grammi einai plеon **nekro** — ti diataxi 2 ana seira
   tin kanei o builder me tis stiles `1/2` kai `gap=0`. Afairetai. */
.almyra-inner .amenity-list { display: block; border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
.almyra-inner .amenity-list > .pb-row-box { margin-bottom: 0; }
.almyra-inner .amenity-list > .pb-row-box > .pb-row { width: 100%; margin-top: 0; border: 0; }
.almyra-inner .amenity-list div { padding: 0; border: 0; }
.almyra-inner .amenity-list > .pb-row-box > .pb-row > .pb-col.amenity-cell { padding: 23px; margin-top: 0; max-width: none; align-self: stretch; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
/* [ADAPT] P11, tetarti fora: to mockup grafei `.amenity-list b { ... font-size:14px }`
   XORIS font-weight — to 700 to dinei to idio to tag `<b>`. Sti domi mas to kelia einai
   Heading block, opote to 700 den erxetai apo pouthena. Metrimeno: **400** anti **700**.
   Orizetai rita, opos kai sta .why-card h3 / .related-card h3 / .check-grid b. */
.almyra-inner .amenity-cell .amenity-title { display: block; margin-bottom: 6px; color: var(--al-gold-light); font-size: 14px; font-weight: 700; line-height: normal; }
.almyra-inner .amenity-cell .amenity-title .nqh-t,
.almyra-inner .amenity-cell .amenity-title .nqh-a,
.almyra-inner .amenity-cell .amenity-title .nqh-custom { font-size: 14px; line-height: normal; }
.almyra-inner .amenity-cell p { margin: 0; color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.6; }
.almyra-inner .amenity-cell .B_Textblock { margin: 0; }
/* sto mockup to `.note` einai sketo <div> me keimeno· se emas exei <p> me margin-bottom
   16px, pou edine +16px se kathe platos (131.4 anti 115.4 sta 1440). */
.almyra-inner .note p { margin: 0; }
.almyra-inner .note { margin-top: 28px; padding: 22px 24px; border-left: 3px solid var(--al-gold); background: #f2eee2; color: #5c6669; font-size: 14px; line-height: 1.7; }
/* [ADAPT] P1 — to plegma sti GRAMMI· to fonto kai to xroma menoun sto kouti. */
.almyra-inner .summary-band { display: block; background: var(--al-navy); color: #fff; }
.almyra-inner .summary-band > .pb-row { display: grid; grid-template-columns: .78fr 1.22fr; gap: 7vw; align-items: start; width: 100%; margin-top: 0; }
.almyra-inner .summary-band > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; }
/* 🔴 [ADAPT] Eggr.52 — o titlos evgaine PIO MEGALOS ap' oti prepei.
   To `.summary-band .display` piane MONO to peritiligma (66px), alla to pragmatiko
   <h2> (`.nqh-t`) krataei to geniko **74px** tis grammis 78-79, opote o titlos tyligе
   se **treis** seires anti dyo. Metrimeno: peritiligma 66px / h2 **74px**, ypsos
   **314px** enanti **210px** tou mockup. */
.almyra-inner .summary-band .display,
.almyra-inner .summary-band .display > .nqh-t { font-size: clamp(40px, 4.8vw, 66px); line-height: 1.06; letter-spacing: -.045em; }

/* Story and reasons */
.almyra-inner .story { padding-top: 0; background: var(--al-paper); }
.almyra-inner .story-intro { padding-top: 110px; }
/* 🔴 [ADAPT] P1 — idio motivo me .split kai .summary-band: to plegma itan sto KOUTI,
   pou exei ENA paidi (ti grammi). I grammi gemize ti 1i stili (597px) kai i 2i emene
   ADEIA — media kai keimeno stoivazontan sto miso platos.
   Metrimeno prin: enotita **5889** enanti 3753 (**+57%**), vimata 864/1230/1176...
   Meta: vimata **520 · 747 · 746 · 520 · 520 — TAFTOSIMA me to mockup** sta 1440.
   To `min-height:520` metaferetai sti grammi (ekei einai to plegma).
   To `:nth-child(even)` tou mockup DEN douleuei sti domi mas (ta vimata einai adelfia
   tou eyebrow/h2/lead mesa sto story-intro, ara i arithmisi metatopizetai) — o B evale
   riti klasi `story-step-alt` sta vimata 2 kai 4. O epilogeas stoxeuei auti. */
/* 🔴 [ADAPT] TO KENO METAXY TON VIMATON ITAN 62px ANTI 34px.
   Ta vimata einai foliasmena `.pb-row-box` mesa sti stili `.section-head` (P9), opote
   ta epiane o kanonas `.almyra-inner .section-head > .pb-row-box { margin-top: 62px }`
   (0,3,0), pou nikaei to `.almyra-inner .story-step` (0,2,0).
   Metrimeno: kena **62,62,62,62** enanti **34,34,34,34** tou mockup = **+112px**,
   akrivos i ypoloipi apoklisi tou `story`. Plili diadromi wste na nikaei to 34px. */
.almyra-inner .story-step { display: block; margin-top: 34px; background: #fff; box-shadow: 0 18px 48px rgba(4,42,54,.08); }
.almyra-inner .section-head > .pb-row-box.story-step { margin-top: 34px; }
/* [ADAPT] P2 — o builder grafei inline `align-items: flex-start` sti grammi, opote oi
   dyo stiles den tentonontai sto ypsos tis: metrimeno **copy 471 · media 448** anti
   **520 · 520**. Gi' auto to keimeno den kentrarotan katakoryfa (to `justify-content:
   center` kentrare mesa se 471px anti 520px) kai i eikona den gemize ti karta. */
.almyra-inner .story-step > .pb-row { display: grid; grid-template-columns: 1fr 1fr; min-height: 520px; width: 100%; margin-top: 0; align-items: stretch; }
.almyra-inner .story-step > .pb-row > .pb-col { align-self: stretch; }
.almyra-inner .story-step > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; }
/* 🔴 [ADAPT] I ENALLAGI ITAN ANAPODI. Metrimeno kai sta 5 vimata:
     MOCKUP  1:DEXIA 2:ARIST 3:DEXIA 4:ARIST 5:DEXIA
     EMEIS   1:ARIST 2:DEXIA 3:ARIST 4:DEXIA 5:ARIST
   To mockup grafei `:nth-child(even) .story-media{order:2}`. To `nth-child` metraei
   **OLA** ta adelfia, kai sto `.story-intro` protigountai eyebrow/h2/lead — opote ta
   «zyga» paidia tou mockup einai ta OPTIKA vimata **1, 3, 5**.
   ✅ LYTHIKE STI DOMI, opos eprepe: o B metekinise tin klasi `story-step-alt` sta
   vimata **1, 3, 5** (ekei pou to `:nth-child(even)` tou mockup pragmatika pefteI,
   epeidi to eisagogiko div metraei os proto paidi). Epalitheftike se treis selides.
   Etsi o kanonas exfrazei ti domi anti na tin antistathmizei:
   `story-step-alt` = **fotografia DEXIA**, opos akrivos sto mockup.
   ⚠ ISTORIKO: eixa prosorina antistrepsei me `:not(.story-step-alt)` gia na kalypso ti
   lathos topothetisi. Otan i domi diorthothike, oi dyo antistrofes akyrothikan kai i
   diataxi vgike anapodi se **treis** selides. MATHIMA: domiko lathos diorthonetai sti
   DOMI — to CSS pou to antistathmizei kleidonei kai tous dyo. */
.almyra-inner .story-step-alt > .pb-row > .pb-col.story-media { order: 2; }
.almyra-inner .story-media { min-height: 430px; }
/* 🔴 [ADAPT] IDIA OIKOGENEIA ME TO service-gallery: i STILI einai swsti (597x520) alla
   i alysida tou block krataei intrinsic ypsos. Metrimeno prin:
     `.pb-col.story-media` **520** | `.B_single_image` **448** | `figure` **448**
     | `span.nq-si-box` **448**  -> i eikona evgaine 72px kontyteri apo to kelia.
   Sto mockup to `<img>` einai **ameso paidi** tou `.story-media`, opote gemizei mono tou.
   To `height:100%` MONO sto <img> den arkei: den mporei na tentothei pera apo gonio me
   automato ypsos — prepei se OLI tin alysida.
   ⚠ P12 — i idia dilomeni exairesi me to gallery: to `single_image` grafei **inline
   `height:auto`** kai den exei pedio ypsous. Afairetai an to block apoktisei pedio. */
.almyra-inner .story-media > *,
.almyra-inner .story-media .nqce-single_image,
.almyra-inner .story-media .B_single_image,
.almyra-inner .story-media figure,
.almyra-inner .story-media .nq-si-box { display: block; width: 100%; height: 100%; margin: 0; }
.almyra-inner .story-media img { width: 100%; height: 100% !important; object-fit: cover; }
/* 🔴 DIKO MOU LATHOS: o kanonas `.story-step > .pb-row > .pb-col { padding-left:0;
   padding-right:0 }` (0,5,0) — pou evala gia na figoun ta gutters tou bootstrap —
   **eskotone to orizontio padding tis stilis keimenou** (0,2,0).
   Metrimeno: `55px 0px` anti `55px 72px`. To keimeno kollouse sto aristero akro.
   I stili keimenou pairnei plili diadromi wste na nikaei. */
.almyra-inner .story-copy { display: flex; flex-direction: column; justify-content: center; padding: 55px clamp(30px, 5vw, 72px); }
.almyra-inner .story-step > .pb-row > .pb-col.story-copy { padding: 55px clamp(30px, 5vw, 72px); }
/* 🔴 [ADAPT] IDIO ME TO .eyebrow: to katholiko `:not(i){font-family:"DM Sans"}` tou
   fonts.css efarmozetai APEUTHEIAS sta esoterika kombia tou Heading kai nikaei tin
   klironomia. Metrimeno: peritiligma Playfair, keimeno **DM Sans**.
   To idio isxyei gia KATHE Playfair-agkistro. */
/* P11, pempti fora: to peritiligma tou Heading klironomouse `line-height: 36px` eno to
   `<span>` tou mockup katanalonei **normal = 32px**. +4px ana vima. */
.almyra-inner .story-number,
.almyra-inner .story-number .nqh-t,
.almyra-inner .story-number .nqh-a,
.almyra-inner .story-number .nqh-custom { color: #aa8035; font-family: "Playfair Display", Georgia, serif; font-size: 24px; font-style: italic; line-height: normal; }
/* [ADAPT] P11 — to mockup den orizei font-weight sto `.story-copy h3`: to pairnei apo
   to tag `<h3>` (=700). To skin mas dinei 600. Metrimeno: **600** anti **700**. */
.almyra-inner .story-copy h3 { margin: 22px 0 18px; font-size: clamp(30px, 3vw, 44px); font-weight: 700; line-height: 1.12; }
.almyra-inner .story-step > .pb-row > .pb-col.story-copy h3 { font-weight: 700; }
.almyra-inner .story-copy p { margin: 0 0 14px; color: var(--al-muted); font-size: 15px; line-height: 1.78; }
.almyra-inner .why { background: #fff; }
.almyra-inner .why-grid > .pb-row { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--al-line); border-left: 1px solid var(--al-line); }
.almyra-inner .why-grid > .pb-row > .pb-col.why-card { min-height: 280px; padding: 34px; border-right: 1px solid var(--al-line); border-bottom: 1px solid var(--al-line); align-self: stretch; width: 100%; max-width: none; } /* [ADAPT] builder DOM [P6+P2] */
.almyra-inner .why-card .why-num { color: #aa8035; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.almyra-inner .why-card h3 { margin: 42px 0 14px; font-size: 27px; }
/* [ADAPT] P11 — to mockup DEN orizei font-weight sto `.why-card h3` / `.related-card h3`:
   klironomei to default tou tag <h3> = 700. To diko mas skin dinei 600 (kanonas `h3` se
   inline <style> pou paragetai apo tis rythmiseis Theme — katholiko, den to aggizoume).
   Metrimeno sto mockup: 700. Orizetai rita kai SCOPED, opos akrivos leei to P11.
   Idio kai gia to `.why-num`: sto mockup einai <span> (inline)· to diko mas block
   `.nqce-heading` to kanei block. */
.almyra-inner .why-grid > .pb-row > .pb-col.why-card h3 { font-weight: 700; }
/* [ADAPT] P11 + P3 — I KARTA `why` STOIXIZOTAN 7px PSILOTERA APO TO MOCKUP.
   Treis aities, oles metrimenes se zontano enanti tou mockup sta 1440/1024/860/375:
   (1) To `.why-num` itan `display:inline` alla to PAIDI tou `.nqh-t` emene `block`.
       Block mesa se inline spaei tin inline roi: to peritiligma den symmetexei sto
       line box tis kartas, opote xanetai i katakoryfi metatopisi pou exei to <span>
       tou mockup. Metrimeno: to proto paidi xekinouse sto top+34 anti gia **top+39**.
   (2) I karta klironomouse `line-height: 24px` apo to skin· to mockup exei `normal`.
   (3) To `h3` epairne `line-height: 32.4px` (skin 1.2) anti `normal` = **35px**,
       ara 65px anti 70px se dyo seires.
   Meta: paidia se **top+39/h14 · top+97/h70 · top+181/h72** — TAFTOSIMA me to mockup.
   Ypsos kartas 303 -> **312** (mockup 312) · plegma 320 -> **313** (mockup 313). */
.almyra-inner .why-card .why-num,
.almyra-inner .why-card .why-num .nqh-t { display: inline; }
.almyra-inner .why-grid > .pb-row > .pb-col.why-card { line-height: normal; }
.almyra-inner .why-grid > .pb-row > .pb-col.why-card h3 { line-height: normal; }
/* [ADAPT] To `g-3` tou builder sti foliasmeni grammi: bootstrap `.row{margin-top:
   calc(-1*var(--bs-gutter-y))}` + `.row>*{margin-top:var(--bs-gutter-y)}` = 16px pou
   to mockup DEN exei (metrimeno: rowMt -16px, cardMt +16px, enanti 0/0).
   Miδenizetai me plili diadromi, XORIS dilomeni exairesi — i eidikotita arkei. */
.almyra-inner .why-grid > .pb-row { margin-top: 0; }
.almyra-inner .why-grid > .pb-row > .pb-col.why-card { margin-top: 0; }
.almyra-inner .why-card p { margin: 0; color: var(--al-muted); font-size: 14px; line-height: 1.72; }
/* [ADAPT] P9-parenergeia — o parapano kanonas (0,2,1) EXANE apo to
   `.almyra-inner .section-head p:last-child` (0,3,1), giati to plegma why-grid
   einai FOLIASMENO mesa sti stili .section-head (opos epivallei to P9). Etsi kathe
   <p> tis kartas epairne 17px/1.75 anti 14px/1.72. Idia diadromi me tous ypoloipous
   kanones tou arxeiou -> (0,6,1), nikaei xoris dilomeni exairesi.
   Metrimeno zontana enanti tou mockup:
     375: .why 1571 -> 1437 (mockup 1416) — apo +10,9% se +1,5%
     1440: .why  833 ->  810 (mockup  801) — apo  +4,0% se +1,1%
   To <p> itan 149px psilo, tou mockup 96px. */
.almyra-inner .why-grid > .pb-row > .pb-col.why-card p { font-size: 14px; line-height: 1.72; }

/* Gallery, related and booking */
.almyra-inner .service-gallery { background: var(--al-paper); }
.almyra-inner .service-gallery-grid > .pb-row { width: 100%; display: grid; grid-template-columns: 1.1fr .9fr .9fr; grid-template-rows: 310px 310px; gap: 12px; }
/* 🔴 [ADAPT] OI EIKONES DEN GEMIZAN TA KELIA. Ta kelia itan **swsta** (444x632 ·
   363x310 · 363x310 · 739x310 = mockup), alla oi eikones krataan tis fysikes tous
   analogies: metrimeno **420x315 · 339x269 · 339x424 · 715x536**.
   Sto mockup to `<figure>` EINAI to grid item, opote gemizei mono tou. Sti domi mas to
   grid item einai i stili `.pb-col` kai to figure einai MESA — ara olokliri i alysida
   (`.nqce-single_image` > `.nq-si-box` > `figure` > `img`) prepei na parei 100%.
   ⚠ P12 — DILOMENI EXAIRESI (i triti sto ergo, kai i IDIA me tin arxiki): to block
   `single_image` grafei **inline `height:auto`** sto <img> kai **den exei pedio ypsous**
   (elegxthikan kai ta 16 pedia). Inline nikaei kathe kanoniko kanona.
   To `home-sections.css` exei tin idia exairesi gia to gallery tis arxikis.
   Afairetai an to block apoktisei pedio ypsous.
   Metrimeno meta: eikones **444x632 · 363x310 · 363x310 · 739x310** sta 1440 kai
   **722x460 x4** sta 860 — taftosima me ta kelia kai me to mockup. */
.almyra-inner .service-gallery-grid > .pb-row > .pb-col { padding-left: 0; padding-right: 0; }
.almyra-inner .service-gallery-grid figure,
.almyra-inner .service-gallery-grid .nqce-single_image,
.almyra-inner .service-gallery-grid .nq-si-box { display: block; width: 100%; height: 100%; margin: 0; overflow: hidden; }
/* [ADAPT] P2 + g-3 — TA KELIA TOU PLEGMATOS DEN EPAIRNAN KATHOLOU TO YPSOS TON GRAMMON.
   Dyo aities, kai oi dyo apo ton builder, metrimenes se zontano:
   (1) O builder grafei **inline `align-items: flex-start`** sti grammi (P2). Se CSS grid
       auto akyronei to stretch, opote kathe kelia epairne to ypsos tis eikonas tou anti
       gia to ypsos tis grammis. Metrimeno: kelia **315/269/424/536** anti 632/310/310/310.
       I topothetisi (`grid-row: 1/3`, `grid-column: 2/4`) EFARMOZOTAN sosta — mono to
       ypsos elipe, gi' auto den fainotan os provlima topothetisis.
   (2) To `g-3` prosthete `margin-top: 16px` se kathe kelia, pou etroge apo ti grammi
       ton 310px: meta to (1) ta kelia evgainan **616/294/294/294** anti 632/310/310/310.
   Meta kai ta dyo: **632/310/310/310 — taftosima me to mockup** sta 1440/1024/861,
   kai to koutí tou plegmatos 632 = 632. Sta 860 (oriz. kylisi) 491 -> **475 = 475**.
   Miden orizontia yperxeilisi se ola. */
.almyra-inner .service-gallery-grid > .pb-row { align-items: stretch; margin-top: 0; }
.almyra-inner .service-gallery-grid > .pb-row > .pb-col { align-self: stretch; margin-top: 0; }
.almyra-inner .service-gallery-grid > .pb-row > .pb-col:first-child { grid-row: 1 / 3; } /* [ADAPT] builder DOM */
/* 🔴 [ADAPT] I SELIDA GALLERY: TO PLEGMA TOU MOCKUP EINAI KARFOMENO GIA AKRIVOS 4.
   To mockup exei gallery MONO mesa stis selides krouazieras, panta me 4 eikones:
   `figure:first-child{grid-row:1/3}` + `figure:nth-child(4){grid-column:2/4}` pano se
   **stathero `grid-template-rows: 310px 310px`**. Den yparxei `/demo2/gallery/` —
   i selida Gallery einai diki mas, me **tesseris enotites: 4 · 5 · 5 · 2 eikones**.
   Metrimeno PRIN, sti selida /gallery @1440:
     4 eikones -> **631.9** (sosto)
     5 eikones -> **973.1** kai **829.4** — triti seira me ypsos **329** kai **185**,
                  diladi i 5i eikona xasmodi kai se allo megethos apo tis alles
     2 eikones -> **631.9** me **310px kena** apo kato
   O idioktitis to eide: «den to deixnei sosta».

   I lysi krataei to mockup ATOFIO gia 4 kai vgazei logiki diataxi gia kathe allo plithos:
   · `grid-auto-rows: 310px` -> kathe epipleon seira exei to IDIO ypsos, oxi auto
   · to proto keli ginetai psilo MONO an yparxoun >=4 (alliws afinei keno)
   · to 4o apla wide MONO an einai to TELEFTAIO (me 5 eikones, ta 4 kai 5 gemizoun
     ti defteri seira kanonika)
   · me <=3 eikones i grammi exei MIA seira, oxi dyo
   Metrimeno META: 4 -> **631.9 kai kelia 439x632 · 359x310 · 359x310 · 730x310,
   taftosima me to mockup tis Paxos** · 5 -> **631.9** (439x632 + 4x359x310) ·
   2 -> **310**. Sta 375 i orizontia kylisi doulevei kai stis tesseris (302x460).
   Miden yperxeilisi se ola. */
.almyra-inner .service-gallery-grid > .pb-row { grid-auto-rows: 310px; }
.almyra-inner .service-gallery-grid > .pb-row > .pb-col:first-child:nth-last-child(-n+3) { grid-row: auto; }
.almyra-inner .service-gallery-grid > .pb-row > .pb-col:nth-child(4):not(:last-child) { grid-column: auto; }
.almyra-inner .service-gallery-grid > .pb-row:not(:has(> .pb-col:nth-child(4))) { grid-template-rows: 310px; }
/* [ADAPT] To `--simple-image` xanalipei — triti selida meta tis Contact/FAQ.
   Den yparxei `/demo2/gallery/`, ara DEN yparxei pigi alitheias gia tin eikona:
   epilexthike `almyra-moment-onboard` os to plisiestero sto «Life aboard Almyra and the
   Ionian», kai einai i monadiki apo tis `almyra-moment-*` pou den xrisimopoieitai idi
   se allo hero. **Allazei me mia grammi an o idioktitis thelei alli.** */
body.nq-page-gallery .almyra-inner .simple-hero { --simple-image: url(/uploads/almyra-moment-onboard_24d930.jpg); }
.almyra-inner .service-gallery-grid > .pb-row > .pb-col:nth-child(4) { grid-column: 2 / 4; } /* [ADAPT] builder DOM */
.almyra-inner .service-gallery-grid img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .5s; }
.almyra-inner .service-gallery-grid figure:hover img { transform: scale(1.035); }
.almyra-inner .related { background: #fff; }
.almyra-inner .related-grid > .pb-row { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.almyra-inner .related-grid > .pb-row > .pb-col.related-card { min-height: 315px; display: flex; flex-direction: column; padding: 30px; border-top: 4px solid var(--al-gold); background: var(--al-paper); align-self: stretch; width: 100%; max-width: none; } /* [ADAPT] builder DOM [P6+P2] */
.almyra-inner .related-card .related-tag { color: #aa8035; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.almyra-inner .related-card h3 { margin: 20px 0 12px; font-size: 26px; line-height: 1.2; }
/* [ADAPT] P11 — idio me to .why-card h3: to mockup afinei to default 700 tou <h3>,
   to skin mas dinei 600. Metrimeno sto mockup: 700. */
.almyra-inner .related-grid > .pb-row > .pb-col.related-card h3 { font-weight: 700; }
/* [ADAPT] P2 + g-3 + P11 — idio motivo me to service-gallery, metrimeno zontana.
   (1) inline `align-items:flex-start` tou builder + `g-3` margin-top: to plegma evgaine
       331 anti 315 sta 1440 kai 1037 anti 989 sta 860. Meta: **315/315** kai **989/989**.
   (2) `.related-tag` line-height 15px anti `normal` = 13px (P11, trito stoixeio).
   (3) To `margin-top:auto` tou mockup einai sto <a>, alla sti diki mas domi to FLEX ITEM
       einai to peritiligma `.B_button` — to auto sto <a> den esprone tipota. Metaferthike
       sto peritiligma, opote to koumpi kollaei sto kato meros tis kartas opos sto mockup:
       thesi **234** anti 191 (mockup 240).
   Ypoloipo pou DEN ekleise: to koumpi einai **51px** anti **45px** (sta 861: 72 anti 45,
   dyo seires). Aitia: to Button block vgazei `<i class="fe fe-arrow-right">` (18x18) enо
   to mockup exei ton **xaraktira `→`** mesa sto keimeno. Katagrafetai os EKKREMEI. */
.almyra-inner .related-grid > .pb-row { align-items: stretch; margin-top: 0; }
.almyra-inner .related-grid > .pb-row > .pb-col.related-card { align-self: stretch; margin-top: 0; }
.almyra-inner .related-card .related-tag,
.almyra-inner .related-card .related-tag .nqh-t,
.almyra-inner .related-card .related-tag .nqh-custom { line-height: normal; }
/* 🔴 [ADAPT] TO LINK EVGAINE **LEFKO** — sxedon aorato pano sto paper fonto — kai me
   eikonidio feather anti gia ton xaraktira. Aitia: to Button block dinei sto <a> to diko
   tou chrome tis paralagis `nq-var-solid`. Metrimeno:
     diko mas  color **rgb(255,255,255)** · pad `24px 12px 6px` · radius **6px** · inline-flex
     mockup    color **rgb(16,26,29)**   · pad `24px 0 0`      · radius 0     · block
   Idio motivo me to `.pill-cta` tou hero: to peritiligma pairnei tin klasi, to orato
   stoixeio einai to <a> mesa. Afaireitai to chrome kai mpainoun oi times tou mockup.
   To velaki: to block vgazei `<i class="fe fe-arrow-right">`, to mockup exei ton
   **xaraktira `→` mesa sto keimeno**. To `i` gyrizei se DM Sans (P12, i idia dilomeni
   exairesi me to `.pill-cta i.fe` — to `feather.css` epivallei ti grammatoseira). */
.almyra-inner .related-card .B_button { margin-top: auto; display: block; }
.almyra-inner .related-card .B_button a { display: block; color: var(--al-ink); background: transparent; padding: 24px 0 0; border: 0; border-radius: 0; font-size: 16px; font-weight: 700; line-height: normal; }
.almyra-inner .related-card .B_button a i.fe { font-family: "DM Sans", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700; width: auto; height: auto; background: transparent; border-radius: 0; }
/* To Button block topothetei to `<i>` **PRIN** to keimeno, eno to mockup exei ton
   xaraktira sto TELOS («See all cruises →»). To `<a>` einai `display:block`, ara to
   `order` den efarmozetai. To eikonidio kryvetai kai o xaraktiras mpainei os `::after`
   sto idio to <a> — akrivos opos sto mockup, opou einai meros tou keimenou.
   `00a0` = akatalyto keno, wste na min spaei se nea seira makria apo to keimeno. */
.almyra-inner .related-card .B_button a i.fe { display: none; }
/* [DILOMENI APOKLISI #12, defteri thesi] Idia kinisi me ta `.pill-cta` — apofasi
   idioktiti, egkrisi syntonisti: «ena koumpi pou kineitai dipla se ena pou den kineitai
   einai xeirotero apo to na min kineitai kanena».
   🔴 Sto mockup afto to velaki einai **xaraktiras mesa sto keimeno** (`View cruise →`,
   xoris <i>, xoris ::after) — ekei den KINEITAI oute tha mporouse. Se emas einai
   `::after`, ara stoxeuetai xorista. To `display:inline-block` einai aparaitito:
   se inline stoixeio to `transform` DEN efarmozetai.
   Metrimeno prin/meta, se dyo platia: `related` **802.7 -> 802.7** kai **1395.6 ->
   1395.6** · karta **315 -> 315** · link **47.1 -> 47.1** · miden yperxeilisi.
   Kamia allagi geometrias — to inline-block den prosthese ypsos. */
.almyra-inner .related-card .B_button a::after { content: "\00a0\2192"; display: inline-block; transition: transform .2s ease; }
/* 🔴 [ADAPT] Ο ΙΔΙΟΚΤΗΤΗΣ ΒΡΗΚΕ ΔΙΠΛΟ ΒΕΛΟΣ — «Read the answer → →» στο Contact.
   Ο πιο πάνω κανόνας είναι ΣΩΣΤΟΣ και ΜΕΝΕΙ ενεργός: στις σελίδες κρουαζιέρας το
   `.related-card .B_button a` λέει «See all cruises» — ΧΩΡΙΣ βέλος στο κείμενο, όπως
   και το mockup εκεί. Επαληθεύτηκε ζωντανά: το `::after` δίνει ένα και μόνο βέλος.

   Στο Contact όμως, ίδια δομή (`.related-card .B_button a`), οι τρεις κάρτες
   «Before you contact us» έχουν το κείμενο «Read the answer →» — το βέλος είναι
   ΗΔΗ μέρος της ετικέτας (επιβεβαιώθηκε με codepoints: τελευταίος χαρακτήρας U+2192,
   ένα κενό πριν). Ο ίδιος κανόνας πρόσθετε ΔΕΥΤΕΡΟ βέλος από πάνω.
   Καμία δομική διαφορά ανάμεσα στα δύο σημεία — ίδιες κλάσεις, ίδιο `.related-card`.
   Το μόνο σταθερό άγκιστρο είναι το ID της ενότητας (επαληθεύτηκε ίδιο σε δύο
   ξεχωριστές φορτώσεις): `#section-57x582`, μόνο στη σελίδα Contact.
   ⚠ ΧΩΡΙΣ κενό ανάμεσα στο `.almyra-inner` και το `#section-57x582` — είναι το ΙΔΙΟ
   στοιχείο (το `.pb-section.almyra-inner` κουβαλάει και τα δύο). Με κενό ανάμεσά τους
   ο επιλογέας ζητάει «απόγονος», που δεν ταιριάζει ποτέ σε εαυτό — ο κανόνας δεν
   έπιανε τίποτα, επιβεβαιώθηκε με `element.matches()` πριν διορθωθεί. */
.almyra-inner#section-57x582 .related-card .B_button a::after { content: none; }
.almyra-inner .related-card .B_button a:hover::after,
.almyra-inner .related-card .B_button a:focus-visible::after { transform: translateX(3px); }
.almyra-inner .related-card .B_button a,
.almyra-inner .related-card .B_button a span { line-height: normal; }
.almyra-inner .related-card p { margin: 0; color: var(--al-muted); font-size: 14px; line-height: 1.7; }
/* 🔴 [ADAPT] P15 — vrethike me PROLIPTIKI SAROSI apogonikon epilogeon, oxi apo symptoma.
   O kanonas itan autousios tou mockup. Ekei to mono <a> se mia `.related-card` einai to
   link «View cruise». Se emas to Heading vgazei kai `a.nqh-a` MESA ston <h3>, kai to
   epiane: metrimeno, to <a> tou TITLOU epairne `padding-top: 24px` kai `margin-top: auto`.
   Simera den fainetai (to `.nqh-a` einai inline, ara to katheto padding den allazei
   diataxi) — alla einai NARKI: arkei mia allagi se `inline-block` gia na spasei.
   Metrimeno prin/meta: `related` **802.7 -> 802.7**, karta **315 -> 315** — kamia allagi. */
.almyra-inner .related-card a { margin-top: 0; padding-top: 0; font-weight: inherit; }
.almyra-inner .related-card > .B_button a { margin-top: auto; padding-top: 24px; font-weight: 700; }
/* 🔴 [ADAPT] P1 — TRITI FORA TO IDIO MOTIVO (meta ta `.split` kai `.included`).
   To `.booking` einai `div.pb-row-box` me ENA paidi ti `.pb-row`: to plegma epiane to
   KOUTI, i grammi emene sto aristero track 437.5px kai to dexi (656.3) emene ADEIO XRYSO.
   Otan o V evale tis dyo stiles, oi `.booking-copy` / `.booking-formcol` moirazan to
   **437.5** anti gia to platos tis enotitas: 218.8 i kathemia.
   Metrimeno meta, se ENNEA platia, dikо mas / mockup:
     1440 **628/628** · 1101 628/628 · 1100 818/818 · 1024 808/808 · 992 804/804
     861 **787/787** · 860 809/809 · 768 799/799 · 375 819/819
   `<form>` 408/408 (kai 494/494 stoivagmeno) · miden orizontia yperxeilisi pantou.
   Simeiosi: edo i pagomeni #8 DEN xtypaei — 861 kai 860 einai kai ta dyo 0. */
.almyra-inner .booking { display: block; background: var(--al-gold); }
.almyra-inner .booking > .pb-row { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; align-items: center; width: 100%; margin-top: 0; }
.almyra-inner .booking > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; }
.almyra-inner .booking-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.almyra-inner .booking-form label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.almyra-inner .booking-form input,
.almyra-inner .booking-form select,
.almyra-inner .booking-form textarea { width: 100%; min-height: 52px; margin-top: 8px; padding: 13px 14px; border: 1px solid #68777a; border-radius: 0; background: rgba(255,255,255,.82); }
.almyra-inner .booking-form textarea { min-height: 112px; resize: vertical; }
.almyra-inner .booking-form .wide { grid-column: 1 / -1; }
.almyra-inner .submit { min-height: 55px; border: 0; background: var(--al-navy); color: #fff; font-weight: 700; cursor: pointer; }
.almyra-inner .form-status { grid-column: 1 / -1; min-height: 20px; font-size: 13px; font-weight: 600; }
/* [DILOMENI APOKLISI #11] Katastaseis formas — DEN yparxoun sto mockup.
   To mockup den ypovallei POTE, opote den orise pote `.form-status` epityxias/sfalmatos,
   oute `:focus`/`:invalid` sta controls. I diki mas forma ypovallei kai PREPEI na deixei
   apotelesma. Prosthetoume MONO xroma keimenou — kamia allagi geometrias.
   O V vazei attribute `data-state="ok"` / `"error"` (oxi klasi)· prin tin proti ypovoli
   to attribute DEN yparxei kathotou.
   🔴 To `min-height: 20px` MENEI. O V protine na fygei gia na mi pianei xoro se adrani
   katastasi — alla to mockup TO EXEI (metrimeno: `.form-status` 20px, `min-height:20px`)
   kai to `<form>` mas einai **408/408** ME afto. Xoris auto tha vgainame **20px kontyteroi**.
   Antitheseis, ypologismenes (WCAG relative luminance), kai stis DYO periptoseis fontou —
   `.booking` einai **#d4aa5d** (xryso) kai `.contact-form-wrap` **#f7f5ed** (paper):
     ok    #053442 -> **6.16** se xryso · **12.20** se paper
     error #6b1616 -> **5.54** se xryso · **10.98** se paper
   Kai ta tessera perase to 4.5 tou AA. Gia sygkrisi, enas tipikos kokkinos (#d32f2f)
   dinei **2.30** sto xryso — koveta. Gi' auto vathys kokkinos kai oxi «kokkino sfalmatos».
   To `:disabled` einai gia to koumpi oso stelnei (o V to kanei disabled kai allazei to
   keimeno se «Sending…»): xoris afto to koumpi fainetai patisimo eno den einai. */
.almyra-inner .form-status[data-state="ok"]    { color: var(--al-navy); }
.almyra-inner .form-status[data-state="error"] { color: #6b1616; }
.almyra-inner .submit:disabled { opacity: .65; cursor: default; }

/* 🔴 To mockup afinei `line-height` **normal** se OLA ta stoixeia tis formas· emeis
   klironomousame typografiko line-height apo to theme. Metrimeno (§3.5: to «normal»
   den einai timi — metrise se posa px metafrazetai):
     label   16.5px -> normal  · ypsos **76.5 -> 74** (mockup 74)
     input   16.5px -> normal  · 52 (idio)
     textarea 16.5px -> normal · 112 (idio)
     submit  24px   -> normal  · 55 (idio)
     status  19.5px -> normal  · 20 (idio)
   Synoliko `<form>`: **417 -> 408**, enanti **408** tou mockup. Skopomeno sti forma —
   to katholiko line-height exei idi metrithei kai aporriftei (§7). */
.almyra-inner .booking-form label,
.almyra-inner .booking-form input,
.almyra-inner .booking-form select,
.almyra-inner .booking-form textarea,
.almyra-inner .submit,
.almyra-inner .form-status { line-height: normal; }

/* FAQ and contact */
.almyra-inner .simple-hero { min-height: 470px; display: flex; align-items: flex-end; position: relative; isolation: isolate; padding: 86px clamp(28px, 8vw, 130px); color: #fff; background-image: var(--simple-image); background-position: center; background-size: cover; }
.almyra-inner .simple-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(1,31,40,.92), rgba(1,31,40,.6) 55%, rgba(1,31,40,.18)); }
.almyra-inner .simple-hero-copy { max-width: 820px; }
.almyra-inner .simple-hero h1 { margin: 0; font-size: clamp(52px, 6vw, 86px); line-height: 1; letter-spacing: -.05em; }
/* 🔴 [ADAPT] Tyflo simeio α — O GUARD, IDIA PAGIDA ME TO `.section-head p:last-child`.
   O kanonas tou mockup metaferthike autousios. Sto mockup to mono `p:last-child` mesa
   sto `.simple-hero` einai to lead. Se emas to Heading vgazei `div.nqh.eyebrow > p.nqh-t`,
   kai afto to <p> einai KI AFTO `:last-child` tou `.nqh` -> to epiane o kanonas.
   Metrimeno prin: i eyebrow epairne **font-size 18 anti 20**, `line-height 30.6`,
   `max-width 670` KAI ena **`margin-top: 24px`** pou den tis anikei.
   Kostos: eyebrow **30.6 anti 26.9** + 24px keno = hero **505.7 anti 478.1 (+27.6)**.
   O guard `:not(.nqh p)` dokimastike KAI apo tis dyo meries: i eyebrow epistrefei sta
   20px/normal/margin 0 kai to lead MENEI 670x61.2 me 18px/30.6 — taftosimo me to mockup.
   Meta: hero **478.1/478.1**, copy **306.1/306.1**, eyebrow **26.9/26.9**. */
.almyra-inner .simple-hero p:last-child { max-width: none; margin: 0; font-size: inherit; line-height: inherit; }
.almyra-inner .simple-hero p:last-child:not(.nqh p) { max-width: 670px; margin: 24px 0 0; font-size: 18px; line-height: 1.7; }
/* 🔴 To `--simple-image` sto mockup einai INLINE sto <section> — se emas den orizotan
   POUTHENA, opote KAI oi dyo selides pou to xrisimopoioun (Contact kai FAQ) evgazan
   `background-image: none`: sketo gradient xoris fotografia. Idio motivo me ta `.hero-*`
   (gr. 146) kai to `--about-hero-image`. Edo omos DYO selides moirazontai tin idia klasi
   me DIAFORETIKI eikona, opote o diaxorismos ginetai me tin klasi somatos.
   Idia arxeia me to mockup, me to hash tou /uploads.
   ⚠ To PNG tis Contact einai **2.89 MB** — einai to asset tou idiou tou mockup, alla se
   zontano site einai vary gia hero. Protasi: metatropi se JPG/WebP. DEN to allazo monos. */
/* 🔴 To `i` (case-insensitive) DEN einai kallopismos — einai aparaitito.
   I klasi somatos paragetai APO TO URL me ta kefalaia tou: to `/contact` dinei
   `nq-page-contact` alla to `/Contact` dinei `nq-page-**C**ontact` kai to `/CONTACT`
   `nq-page-CONTACT`. Kai oi treis diefthynseis epistrefoun **200 me tin idia selida**.
   Metrimeno: me `body.nq-page-contact` i eikona epiane MONO sto pezo url — o idioktitis
   evlepe hero xoris fotografia sto `/Contact`. Me `[class~=... i]` doulevei kai stis 5
   parallages pou dokimasa (/contact /Contact /CONTACT /faq /FAQ).
   Xrisimopoieitai `~=` (akrivis token) kai oxi `*=`, oste ena melloniko `contact-us`
   na MIN tairiazei kata lathos.
   ⚠ To ypokeimeno provlima einai dromologisi, oxi CSS: i idia selida servirete se
   apeires diefthynseis xoris 301 se pezo — anaferthike ston syntonisti. */
body.nq-page-contact .almyra-inner .simple-hero { --simple-image: url(/uploads/almyra-yacht-professional-v2_f6701b.webp); }
body.nq-page-faq .almyra-inner .simple-hero { --simple-image: url(/uploads/almyra-moment-bow_1239bf.jpg); }
.almyra-inner .faq-page { background: var(--al-paper); }
/* 🔴 [ADAPT] P1 — PEMPTI FORA (meta ta .split, .included, .booking, .contact-layout).
   To `.faq-layout` einai `div.pb-row-box` me ENA paidi ti `.pb-row`: oi dyo stiles
   (`faq-side` / `faq-main`) stoivazontan sto aristero track ton 320px.
   Metrimeno: enotita **4282.3 anti 2676.7 = +1605.6** — to megalytero noumero tou site. */
.almyra-inner .faq-layout { display: block; }
.almyra-inner .faq-layout > .pb-row { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 7vw; align-items: start; width: 100%; margin-top: 0; }
.almyra-inner .faq-layout > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; }
.almyra-inner .faq-side { position: sticky; top: 35px; }
/* [ADAPT] to Text Block tis stilis vgazei `.row` me arnitika perithoria -12px:
   platos **344 anti 320**. Midenizetai ana doxeio, opos pantou. */
.almyra-inner .faq-side > .row.B_Textblock { margin: 15px 0; }
.almyra-inner .faq-side > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .faq-side p,
.almyra-inner .faq-side > .row.B_Textblock p { color: var(--al-muted); font-size: 15px; line-height: 1.75; }
/* [ADAPT] to <p> tou mockup exei `margin: 15px 0`· se emas to peritiligma flex prosthetei
   to kato perithorio sto ypsos tou (block 120.9 anti 104.9). Ta 15px pane sto peritiligma. */
.almyra-inner .faq-side > .row.B_Textblock p { margin: 0; }
/* 🔴 [ADAPT] I eyebrow tis `.faq-side` DEN einai 20px Playfair. To idio to mockup tin
   pianei me `.faq-side p { font-size:15px; line-height:1.75 }` — i eyebrow einai <p>.
   Trito simeio me tin idia aitia (meta ta `.included` kai `.contact-intro`).
   Metrimeno mesa sto mockup: **26.2px**, oxi 19.2 pou edine to diko mas 20px/normal. */
.almyra-inner .faq-side > .nqh.eyebrow,
.almyra-inner .faq-side > .nqh.eyebrow > .nqh-t { font-size: 15px; line-height: 1.75; }
/* 🔴 [ADAPT] To mockup DEN orizei kanona gia to `.faq-side h2` — krataei to **UA default**
   tou tag: 24px, `line-height: normal`, `margin: .83em 0`. To diko mas theme dinei 32px/1.2
   kai margin 0, opote i epikefalida tyligе se **dyo grammes: 76.8 anti 30.8**.
   Idio motivo me ta h3 (P11): opou to mockup den orizei, klironomei to default tou tag —
   kai to diko mas default einai ALLO. Prepei na grafetai RITA. */
.almyra-inner .faq-side h2,
.almyra-inner .faq-side .nqh > h2.nqh-t { margin: .83em 0; font-size: 24px; font-weight: 700; line-height: normal; }
.almyra-inner .faq-index { margin-top: 28px; padding: 24px; background: var(--al-navy); color: #fff; }
/* 🔴 [ADAPT] DYO PAGIDES MAZI, kai i mia einai kainourgia oikogeneia.
   (1) **To `:last-child` epiane KAI TA TESSERA link.** Sto mockup ta <a> einai adelfia
       mesa se `nav.faq-index`, ara `:last-child` = to 4o. Se emas KATHE <a> einai MONO
       tou mesa sto diko tou `div.B_button`, ara KATHE ena einai `:last-child` — kai
       ola exanan to `border-bottom`. Metrimeno: kai ta 4 me `border-bottom-width: 0`.
       Idia oikogeneia me to `:first-of-type` tou `.check-grid` (Tyflo simeio στ):
       **psefdo-klasi theseis pou allazei noima otan o builder tyligei kathe stoixeio**.
       Sosto: i thesi metrietai sti stili (`.pb-col:last-child`), oxi sto <a>.
   (2) To chrome tou Button block midenize to perigramma kai edine `line-height: 21px`
       (bootstrap `.btn`), kai to `.B_button` mazevotan sto periexomeno (platos 141/79/120
       anti 272). Prosthetei kai eikonidio pou to mockup DEN exei — to line box tou
       ekane ta link **46.9 anti 43.2**.
   Metrimeno meta: `.faq-index` **235.6 -> 218.9** (mockup 218.9) kai ta tessera link
   **43.2×272 · 43.2×272 · 43.2×272 · 41.3×272** — taftosima, mazi me ta perigrammata. */
.almyra-inner .faq-index a { display: block; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.16); font-size: 14px; }
.almyra-inner .faq-index a:last-child { border-bottom-width: 1px; }
.almyra-inner .faq-index > .pb-row > .pb-col > .B_button { display: block; width: 100%; margin: 0; }
.almyra-inner .faq-index > .pb-row > .pb-col > .B_button a {
  display: block; width: 100%; min-height: 0; padding: 12px 0; line-height: normal;
  border: 0; border-bottom: 1px solid rgba(255,255,255,.16); border-radius: 0;
  background: transparent; font-size: 14px; text-align: left;
}
.almyra-inner .faq-index > .pb-row > .pb-col > .B_button a i { display: none; }
.almyra-inner .faq-index > .pb-row > .pb-col:last-child > .B_button a { border-bottom: 0; }
.almyra-inner .faq-group { margin-bottom: 58px; scroll-margin-top: 30px; }
.almyra-inner .faq-group h2 { margin: 0 0 20px; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; }
.almyra-inner .faq-list { border-top: 1px solid var(--al-line); }
.almyra-inner .faq-list details { border-bottom: 1px solid var(--al-line); background: #fff; }
/* [ADAPT] To mockup afinei `line-height: normal` sto summary (19px -> 80.6 me to padding)·
   emeis klironomousame **28.5px**. Kostos **+6.3px se KATHE ena apo ta 20 items** =
   +125.5 syn.: listes 642/535/357.3/357.3 anti 604.3/497.4/332.2/332.2.
   Meta: kai oi tesseris listes **taftosimes** me to mockup. */
.almyra-inner .faq-list summary { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 24px 26px; cursor: pointer; font-size: 19px; font-weight: 600; line-height: normal; list-style: none; }
.almyra-inner .faq-list summary::-webkit-details-marker { display: none; }
.almyra-inner .faq-list summary::after { content: "+"; color: #a97b2b; font-size: 26px; font-weight: 400; }
.almyra-inner .faq-list details[open] summary::after { content: "\2212 "; }
.almyra-inner .faq-list details p { max-width: 860px; margin: 0; padding: 0 62px 26px 26px; color: var(--al-muted); font-size: 15px; line-height: 1.8; }
.almyra-inner .faq-note { margin-top: 24px; padding: 22px 24px; border-left: 3px solid var(--al-gold); background: #fff; color: var(--al-muted); font-size: 14px; line-height: 1.75; }
.almyra-inner .contact-page { background: #fff; }
/* [ADAPT] P1 — to plegma sto KOUTI me ENA paidi: kai oi dyo stiles stoivazontan sto
   aristero track ton 437.5px. Metrimeno: enotita **1921 anti 863 = +1058**. */
.almyra-inner .contact-layout { display: block; }
.almyra-inner .contact-layout > .pb-row { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; align-items: start; width: 100%; margin-top: 0; }
.almyra-inner .contact-layout > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; }
.almyra-inner .contact-intro h2,
.almyra-inner .contact-intro .nqh > h2.nqh-t { margin: 0 0 24px; font-size: clamp(44px, 5vw, 70px); line-height: 1.05; }
.almyra-inner .contact-intro > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .contact-intro > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .contact-intro > p,
.almyra-inner .contact-intro > .row.B_Textblock p { color: var(--al-muted); font-size: 16px; line-height: 1.8; }
/* 🔴 [ADAPT] I eyebrow tis `.contact-intro` DEN einai 20px Playfair edo. Idio motivo me
   tin `.included`: to idio to mockup tin pianei me `.contact-intro>p{font-size:16px;
   line-height:1.8}` **(0,2,0)**, pou nikaei to `.eyebrow` **(0,1,0)**. Metrimeno mesa sto
   mockup: **28.8px ypsos**, diladi 16px/1.8 — oxi 26.9 pou edine to diko mas 20px/normal. */
.almyra-inner .contact-intro > .nqh.eyebrow,
.almyra-inner .contact-intro > .nqh.eyebrow > .nqh-t { font-size: 16px; line-height: 1.8; }
/* [ADAPT] to <p> tou mockup exei `margin: 16px 0`· se emas to peritiligma flex prosthetei
   to kato perithorio sto ypsos tou (block **131 anti 115**). Midenizetai sto <p> — ta kena
   ton 22/24/36px gyro apo to block einai idi sosta kai den peirazontai. */
.almyra-inner .contact-intro > .row.B_Textblock p { margin: 0; }
.almyra-inner .contact-points { border: 1px solid var(--al-line); background: var(--al-line); margin-top: 36px; }
.almyra-inner .contact-points > .pb-row { display: grid; gap: 1px; width: 100%; margin-top: 0; }
.almyra-inner .contact-points > .pb-row > .pb-col.contact-point { width: 100%; max-width: none; margin-top: 0; padding: 25px; background: var(--al-paper); }
/* 🔴🔴 [ADAPT] P15 — O XEIROTEROS APOGONIKOS EPILOGEAS TOU ERGOU MEXRI TORA.
   O kanonas tou mockup itan `.contact-point span { display: block; ... }`, metaferemenos
   AUTOUSIOS. Sto mockup to mono `span` mesa se `.contact-point` einai i etiketa. Se emas
   to Heading vgazei DYO span: `.nqh-custom` (to keimeno) kai `.nqh-page` (o titlos tis
   selidas), pou to theme to kryvei me `.nqce-heading .nqh-page { display: none }` **(0,2,0)**.
   To `.almyra-inner .contact-point span` einai **(0,2,1)** — NIKAEI, kai to `display:block`
   **XEKRYVE** to `.nqh-page`: i lexi «Contact» typonotan KATO APO KATHE SIMEIO EPAFIS,
   se zontani selida. Epalithefthike me getComputedStyle: `display: block`, ypsos 15px.
   Kostos ypsous: keli **170.8 anti 123.8**. Orizetai me RITES klaseis, kai to `.nqh-page`
   xanakryvetai rita gia na min exartatai apo seira arxeion. */
.almyra-inner .contact-point .nqh-page { display: none; }
.almyra-inner .contact-point .contact-tag,
.almyra-inner .contact-point .contact-tag .nqh-t { display: block; margin: 0; color: #a97b2b; font-size: 10px; font-weight: 700; line-height: normal; letter-spacing: .17em; text-transform: uppercase; }
.almyra-inner .contact-point .contact-tag { margin-bottom: 8px; }
.almyra-inner .contact-point .contact-strong,
.almyra-inner .contact-point .contact-strong .nqh-t { font-size: 18px; font-weight: 700; line-height: normal; }
.almyra-inner .contact-point > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .contact-point > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .contact-point p { margin: 8px 0 0; color: var(--al-muted); font-size: 13px; line-height: 1.6; }
.almyra-inner .contact-form-wrap { background: var(--al-paper); box-shadow: var(--al-shadow); }
/* [ADAPT] IDIA PAGIDA me ta `.included-copy` / `.about-feature-copy`: to padding exane
   apo to `frontend.css :: .pb-row.row > .pb-col` **(0,3,0)**. Computed `42px 0px` anti
   `42px`: to keimeno epairne olo to platos (648 anti 564) kai i enotita evgaine
   **730.4 anti 746**. Xreiazetai o plires epilogeas. */
.almyra-inner .contact-layout > .pb-row > .pb-col.contact-form-wrap { padding: 42px; }
/* [ADAPT] δ + line-height: i klasi einai sto `.nqh`, to <h2> einai to `.nqh-t`. To mockup
   afinei `line-height: normal` (32px -> 42.3)· emeis eixame 1.2 (38.4). */
.almyra-inner .contact-form-wrap h2,
.almyra-inner .contact-form-wrap .nqh > h2.nqh-t { margin: 0 0 8px; font-size: 32px; line-height: normal; }
/* 🔴 [ADAPT] O kanonas `.contact-form-wrap > p` itan metaferemenos AUTOUSIOS kai DEN
   epiane TIPOTA: se emas to <p> zei se `.row.B_Textblock > .B_wrapper > p`, oxi os ameso
   paidi. Apotelesma: 16px/24 me margin 16 anti 14px/23.8 me 28 — bloc **63.9 anti 75.6**.
   Ta 28px pane sto peritiligma kai to <p> midenizetai, giati sto flex peritiligma
   ta perithoria den symptyssontai. Kai to gutter midenizetai (platos 588.2 -> 564.2). */
.almyra-inner .contact-form-wrap > .row.B_Textblock { margin: 0 0 28px; }
.almyra-inner .contact-form-wrap > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .contact-form-wrap > .row.B_Textblock p { margin: 0; color: var(--al-muted); font-size: 14px; line-height: 1.7; }
.almyra-inner .contact-form-wrap > p { margin: 0 0 28px; color: var(--al-muted); font-size: 14px; line-height: 1.7; }
.almyra-inner .contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.almyra-inner .contact-form label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.almyra-inner .contact-form input,
.almyra-inner .contact-form select,
.almyra-inner .contact-form textarea { width: 100%; min-height: 54px; margin-top: 8px; padding: 14px; border: 1px solid #68777a; background: #fff; }
.almyra-inner .contact-form textarea { min-height: 132px; resize: vertical; }
.almyra-inner .contact-form .wide { grid-column: 1 / -1; }
.almyra-inner .contact-process { background: var(--al-navy); color: #fff; }
/* [ADAPT] P1 — EKTI FORA. To plegma ton 3 stilon itan sto kouti me ENA paidi:
   kai oi treis kartes stoivagmenes sto **x=115.2**, me to dexi miso ADEIO.
   Metrimeno: enotita **1096.3 anti 636.2 = +460.1**. To fonto ton diaxoristikon
   grammon paei sti GRAMMI, giati ekei zei to `gap: 1px`. */
.almyra-inner .process-grid { display: block; background: transparent; }
.almyra-inner .process-grid > .pb-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; width: 100%; margin-top: 0; background: rgba(255,255,255,.16); }
.almyra-inner .process-grid > .pb-row > .pb-col.process-card { width: 100%; max-width: none; margin-top: 0; padding: 38px; background: var(--al-navy); }
.almyra-inner .process-card { padding: 38px; background: var(--al-navy); }
/* 🔴 [ADAPT] P15 — O APOGONIKOS `span` EDINE TO STYL TOU ARITHMOU STON TITLO.
   Sto mockup to mono `span` mesa se `.process-card` einai o arithmos («01»). Se emas
   yparxoun **tessera**: to Heading vgazei `span.nqh-custom` MESA sto <h3>, kai to epiane
   o kanonas. Metrimeno prin: o **titlos** «Send your idea» evgaine **xrysos plagios
   25px**, eno o arithmos «01» emene **lefkos 16px astylos** — akrivos anapoda.
   To eide o idioktitis me screenshot. Ritos midenismos sta endiamesa, riti timi sto
   pragmatiko stoixeio. To gold-light einai i dilomeni apoklisi #4, oxi lathos. */
.almyra-inner .process-card span { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; }
.almyra-inner .process-num,
.almyra-inner .process-num .nqh-t,
.almyra-inner .process-num .nqh-custom { display: block; color: var(--al-gold-light); font-family: "Playfair Display", Georgia, serif; font-size: 25px; font-style: italic; font-weight: 400; line-height: normal; }
/* [ADAPT] to mockup dinei sto h3 **700** (apo to diko tou h3) kai `line-height: normal`·
   emeis eixame 600 / 30px. Metrimeno meta: 32.7 kai stis dyo pleures. */
.almyra-inner .process-card h3,
.almyra-inner .process-card .nqh > h3.nqh-t { margin: 28px 0 10px; font-size: 25px; font-weight: 700; font-style: normal; line-height: normal; color: #fff; }
.almyra-inner .process-card > .row.B_Textblock { margin-left: 0; margin-right: 0; }
.almyra-inner .process-card > .row.B_Textblock > .B_wrapper { padding-left: 0; padding-right: 0; }
.almyra-inner .process-card p { margin: 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.7; }

.almyra-inner :focus-visible { outline: 3px solid var(--al-gold-light); outline-offset: 4px; }

@media (max-width: 1100px) {
  .almyra-inner .facts { margin-inline: 24px; }
  /* [ADAPT] P1 — idio me ton vasiko kanona: to plegma einai sti GRAMMI, oxi sto kouti. */
  .almyra-inner .split > .pb-row,
  .almyra-inner .summary-band > .pb-row { grid-template-columns: 1fr; gap: 42px; }
  .almyra-inner .included > .pb-row { grid-template-columns: 1fr; }
  .almyra-inner .booking > .pb-row { grid-template-columns: 1fr; }
  .almyra-inner .included-photo { min-height: 520px; }
  .almyra-inner .route { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 860px) {
  .almyra-inner .service-hero { min-height: 620px; padding: 70px 22px; }
  .almyra-inner .service-hero h1 { font-size: 50px; }
  .almyra-inner .hero-lead { font-size: 16px; }
  .almyra-inner .facts { margin: -26px 16px 0; }
  .almyra-inner .facts > .pb-row { grid-template-columns: 1fr 1fr; } /* [ADAPT] builder DOM */
  /* [ADAPT] P1-miss sto media — oi treis kanones itan grammenoi os `.almyra-inner .fact`
     (0,2,0) kai EXANAN apo ton vasiko `.almyra-inner .facts > .pb-row > .pb-col.fact`
     (0,5,0). Den efarmozotan POTE: sta 375 to kelia kratousan padding 26px 30px kai
     min-height 118px anti gia 20px / 105px tou mockup.
     Idies times, MONO i diadromi tou epilogea allaxe.
     Metrimeno zontana: .facts sta 375  252 -> 228 (mockup 224), apo +12,5% se +1,8%.
     Sta 1440 AMETABLITO: 118 = 118 tou mockup. */
  .almyra-inner .facts > .pb-row > .pb-col.fact { min-height: 105px; padding: 20px; }
  .almyra-inner .facts > .pb-row > .pb-col.fact:nth-child(2) { border-right: 0; }
  .almyra-inner .facts > .pb-row > .pb-col.fact:nth-child(-n+2) { border-bottom: 1px solid var(--al-line); }
  .almyra-inner .section { padding: 78px 22px; }
  .almyra-inner .route { grid-template-columns: 1fr; }
  .almyra-inner .stop { min-height: 220px; }
  .almyra-inner .story-intro { padding-top: 78px; }
  .almyra-inner .story-step,
  .almyra-inner .section-head > .pb-row-box.story-step { margin-top: 20px; }
  .almyra-inner .story-step > .pb-row { grid-template-columns: 1fr; min-height: 0; }
  /* 🔴 I eidikotita prepei na ftanei ton vasiko kanona: to `:not(...)` prosthetei
     eidikotita (0,5,0), opote enas skettos (0,4,0) kanonas edo DEN ton nikouse kai i
     enallagi synexizotan se mia stili. Metrimeno: sta 860/375 evgaine
     KATO/PANO/KATO/PANO/KATO eno to mockup exei tin eikona **PANTA PANO**. */
  .almyra-inner .story-step > .pb-row > .pb-col.story-media { order: 0; }
  .almyra-inner .story-media { min-height: 330px; }
  .almyra-inner .story-copy,
  .almyra-inner .story-step > .pb-row > .pb-col.story-copy { padding: 38px 25px; }
  .almyra-inner .why-grid > .pb-row { grid-template-columns: 1fr; } /* [ADAPT] builder DOM */
  /* [ADAPT] P10-antistrofo — to `.why-card{min-height:230px}` tou mockup sta 860 DEN
     eixe metaferthei katholou. Grafetai me plili diadromi gia na min xasei apo ton
     vasiko (0,5,0), opos akrivos synevi me to .fact. */
  .almyra-inner .why-grid > .pb-row > .pb-col.why-card { min-height: 230px; }
  .almyra-inner .service-gallery-grid > .pb-row { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; } /* [ADAPT] builder DOM — P11: to .row tou bootstrap exei flex-wrap:wrap, opote oi kartes tyligan anti na kylane. To mockup (aplo div) exei to default nowrap: to orizoume rita */ /* [ADAPT] builder DOM */
  .almyra-inner .service-gallery-grid > .pb-row > .pb-col,
  .almyra-inner .service-gallery-grid > .pb-row > .pb-col:first-child,
  .almyra-inner .service-gallery-grid > .pb-row > .pb-col:nth-child(4) { flex: 0 0 84vw; height: 460px; grid-column: auto; grid-row: auto; scroll-snap-align: center; }
  .almyra-inner .included-photo { min-height: 430px; }
  .almyra-inner .included > .pb-row > .pb-col.included-copy { padding: 70px 22px; }
  .almyra-inner .check-grid,
  .almyra-inner .amenity-list > .pb-row-box > .pb-row { grid-template-columns: 1fr; }
  /* [ADAPT] To `.booking` VGIKE apo edo: to mockup to stoivazei sta **≤1100**, oxi ≤860
     (demo2/service-page.css, mplok `@media(max-width:1100px)`). Pigen sto mplok ton 1100.
     Metrimeno: me ton kanona edo, sta 1024 evgaine **628 anti 808 = -180**.
     Ta `.faq-layout` / `.contact-layout` menoun (alli domi, den elegxthikan edo). */
  .almyra-inner .faq-layout > .pb-row,
  .almyra-inner .contact-layout > .pb-row { grid-template-columns: 1fr; }
  .almyra-inner .booking-form,
  .almyra-inner .contact-form { grid-template-columns: 1fr; }
  .almyra-inner .booking-form .wide,
  .almyra-inner .contact-form .wide { grid-column: auto; }
  .almyra-inner .related-grid > .pb-row,
  .almyra-inner .process-grid > .pb-row { grid-template-columns: 1fr; } /* [ADAPT] builder DOM */
  .almyra-inner .simple-hero { min-height: 430px; padding: 65px 22px; }
  .almyra-inner .simple-hero h1 { font-size: 50px; }
  /* [ADAPT] Idios guard me ton vasiko kanona: alliws o vasikos (0,4,1) nikaei to media
     (0,3,1) kai to lead menei 18px sta <=860. */
  .almyra-inner .simple-hero p:last-child:not(.nqh p) { font-size: 16px; }
  .almyra-inner .faq-side { position: static; }
  /* [ADAPT] P1 + tyflo simeio α sto index ton <=860. To mockup to kanei plegma 2 stilon.
     Se emas: (1) to plegma epreрe na paei sti grammi — alliws i grammi epairne mono to
     misо platos kai ta link evgainan 78/111 anti 127· (2) o builder grafei inline
     align-items:flex-start sti grammi, opote ta kelia DEN tentonontan kai to perigramma tou
     defterou kathotan psilotera (43.2 anti 60.5) — optika stravi grammi, idio synolo.
     Metrimeno meta, sta 375: index **167.1/167.1**, side **429.6/429.6**, plegma
     **3426.7/3426.7** kai ta tessera link **60.5 · 60.5 · 58.6 · 58.6 × 127** — taftosima. */
  .almyra-inner .faq-index { display: block; }
  .almyra-inner .faq-index > .pb-row { display: grid; grid-template-columns: 1fr 1fr; width: 100%; margin-top: 0; }
  .almyra-inner .faq-index > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; align-self: stretch; }
  .almyra-inner .faq-index > .pb-row > .pb-col > .B_button { height: 100%; }
  .almyra-inner .faq-index > .pb-row > .pb-col > .B_button a { height: 100%; padding: 12px; }
  .almyra-inner .faq-index a { padding: 12px; }
  .almyra-inner .faq-list summary { padding: 21px 18px; font-size: 17px; }
  .almyra-inner .faq-list details p { padding: 0 46px 23px 18px; }
  /* [ADAPT] Plires epilogeas, opos kai i vasiki dilosi (0,5,0): alliws to media (0,2,0)
     xanei kai to padding menei 42px sta <=860 — enotita **1018.6 anti 924.5 = +94.1**. */
  .almyra-inner .contact-layout > .pb-row > .pb-col.contact-form-wrap { padding: 28px 20px; }
}
/* ========================== END ALMYRA INNER PAGES ======================= */

body[class*="nq-page-"] #nq-main.nq-boxed {
  max-width: none;
  padding: 0;
}

body[class*="nq-page-"] #nq-main.nq-boxed .nq-content {
  width: min(calc(100% - 64px), 1460px);
  max-width: none;
  padding: clamp(82px, 9vw, 138px) 0;
}

/* --------------------------------------------------------------------------
   Services — an indexed editorial catalogue.
   -------------------------------------------------------------------------- */

.nq-page-ypiresies #nq-main {
  color: var(--ip-ink);
  background:
    radial-gradient(circle at 92% 8%, rgba(101, 92, 255, .09), transparent 25%),
    var(--ip-paper);
}

.nq-page-ypiresies .nq-content > h1 {
  max-width: 9ch;
  margin: 0 0 28px;
  color: var(--ip-ink);
  font-size: clamp(62px, 9vw, 132px);
  font-weight: 820;
  line-height: .84;
  letter-spacing: -.072em;
}

.nq-page-ypiresies .nq-content > h1::before {
  display: block;
  margin: 0 0 25px 5px;
  color: var(--ip-accent);
  font-size: 11px;
  font-weight: 820;
  line-height: 1;
  letter-spacing: .19em;
  text-transform: uppercase;
  content: "Τι κάνουμε · 01—03";
}

.nq-page-ypiresies .nq-content > h1 + p {
  max-width: 650px;
  margin: 0 0 clamp(78px, 9vw, 132px);
  color: #454b59;
  font-size: clamp(19px, 1.8vw, 25px);
  line-height: 1.48;
}

.nq-page-ypiresies .nq-svc {
  position: relative;
  grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr);
  gap: clamp(48px, 8vw, 128px);
  margin: 0;
  padding: clamp(58px, 7vw, 94px) clamp(0px, 2vw, 24px);
  border-top: 1px solid var(--ip-line);
}

.nq-page-ypiresies .nq-svc::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--ip-accent), transparent 34%);
  opacity: 0;
  transform: scaleX(.3);
  transform-origin: left;
  transition: opacity .35s ease, transform .55s cubic-bezier(.2, .75, .2, 1);
  content: "";
}

.nq-page-ypiresies .nq-svc:hover::after {
  opacity: .8;
  transform: scaleX(1);
}

.nq-page-ypiresies .nq-svc .nq-svc-title {
  color: var(--ip-ink);
  font-size: clamp(31px, 3.4vw, 52px);
  font-weight: 790;
  line-height: .98;
  letter-spacing: -.052em;
}

.nq-page-ypiresies .nq-svc-no {
  margin-bottom: clamp(28px, 4vw, 58px);
  color: var(--ip-accent);
  font-size: clamp(48px, 6vw, 86px);
  font-weight: 520;
  line-height: .72;
  letter-spacing: -.07em;
}

.nq-page-ypiresies .nq-svc-body > p {
  max-width: 690px;
  color: #555d6d;
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.72;
}

.nq-page-ypiresies .nq-svc-list {
  gap: 0;
  margin-top: 28px;
}

.nq-page-ypiresies .nq-svc-list li {
  margin: 0 18px 10px 0;
  padding: 0 18px 0 0;
  border: 0;
  border-right: 1px solid rgba(9, 13, 25, .2);
  border-radius: 0;
  background: transparent;
  color: #252b38;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nq-page-ypiresies .nq-svc-list li:last-child {
  border-right: 0;
}

.nq-page-ypiresies .nq-svc-outro {
  position: relative;
  margin: clamp(72px, 9vw, 130px) 0 0;
  padding: clamp(46px, 6vw, 78px);
  border: 0;
  color: #fff;
  background:
    linear-gradient(125deg, rgba(101, 92, 255, .25), transparent 43%),
    var(--ip-ink);
}

.nq-page-ypiresies .nq-svc-outro p {
  max-width: 880px;
  margin: 0;
  color: rgba(244, 246, 252, .82);
  font-size: clamp(23px, 2.8vw, 39px);
  line-height: 1.28;
  letter-spacing: -.035em;
}

/* --------------------------------------------------------------------------
   Website construction — a dark technical process/timeline.
   -------------------------------------------------------------------------- */

.nq-page-kataskevi-istoselidon #nq-main {
  color: #edf0f7;
  background:
    radial-gradient(circle at 82% 4%, rgba(101, 92, 255, .2), transparent 28%),
    var(--ip-ink);
}

.nq-page-kataskevi-istoselidon .nq-content > h1 {
  max-width: 11ch;
  margin-bottom: 30px;
  color: #fff;
  font-size: clamp(56px, 8vw, 116px);
  font-weight: 800;
  line-height: .86;
  letter-spacing: -.07em;
}

.nq-page-kataskevi-istoselidon .nq-content > h1::before {
  display: block;
  margin: 0 0 24px 5px;
  color: #9b96ff;
  font-size: 11px;
  font-weight: 820;
  letter-spacing: .19em;
  text-transform: uppercase;
  content: "Custom web development";
}

.nq-page-kataskevi-istoselidon .nq-content > h1 ~ p {
  max-width: 760px;
  color: rgba(232, 235, 243, .65);
  font-size: clamp(17px, 1.35vw, 20px);
}

.nq-page-kataskevi-istoselidon .nq-content > h1 + p {
  color: #f3f4fa;
  font-size: clamp(21px, 2vw, 29px);
  line-height: 1.45;
}

.nq-page-kataskevi-istoselidon .nq-content > h2 {
  margin: clamp(90px, 11vw, 160px) 0 18px;
  color: #8f89ff;
  font-size: 12px;
  font-weight: 820;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.nq-page-kataskevi-istoselidon .nq-svc {
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
  gap: clamp(46px, 8vw, 120px);
  padding: clamp(52px, 7vw, 86px) 0;
  border-color: rgba(255, 255, 255, .14);
}

.nq-page-kataskevi-istoselidon .nq-svc .nq-svc-title {
  color: #fff;
  font-size: clamp(28px, 3.2vw, 48px);
  font-weight: 740;
  line-height: 1.02;
  letter-spacing: -.048em;
}

.nq-page-kataskevi-istoselidon .nq-svc-no {
  color: transparent;
  -webkit-text-stroke: 1px rgba(155, 150, 255, .62);
  font-size: clamp(64px, 7vw, 108px);
  font-weight: 700;
  letter-spacing: -.07em;
}

.nq-page-kataskevi-istoselidon .nq-svc-body > p {
  max-width: 710px;
  color: rgba(232, 235, 243, .66);
  font-size: clamp(16px, 1.25vw, 19px);
}

.nq-page-kataskevi-istoselidon .nq-svc-outro {
  margin-top: clamp(70px, 9vw, 120px);
  padding: clamp(40px, 5vw, 64px);
  border: 1px solid rgba(155, 150, 255, .3);
  background: rgba(101, 92, 255, .08);
}

.nq-page-kataskevi-istoselidon .nq-svc-outro p {
  margin: 0;
  color: #fff;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.45;
}

.nq-page-kataskevi-istoselidon .nq-svc-outro a {
  color: #aaa6ff;
}

/* --------------------------------------------------------------------------
   About — manifesto with generous reading rhythm.
   -------------------------------------------------------------------------- */

.nq-page-omada #nq-main {
  color: var(--ip-ink);
  background:
    linear-gradient(90deg, rgba(101, 92, 255, .055) 1px, transparent 1px) 50% 0 / min(11vw, 170px) 100%,
    #f8f7f3;
}

.nq-page-omada .nq-content {
  display: grid;
  grid-template-columns: minmax(260px, .6fr) minmax(0, 1.4fr);
  column-gap: clamp(50px, 10vw, 170px);
}

.nq-page-omada .nq-content > h1,
.nq-page-omada .nq-content > h1 + p,
.nq-page-omada .nq-content > h1 + p + p,
.nq-page-omada .nq-content > h1 + p + p + p {
  grid-column: 1 / -1;
}

.nq-page-omada .nq-content > h1 {
  max-width: 9ch;
  margin-bottom: 36px;
  color: var(--ip-ink);
  font-size: clamp(58px, 8vw, 118px);
  font-weight: 810;
  line-height: .88;
  letter-spacing: -.07em;
}

.nq-page-omada .nq-content > h1::before {
  display: block;
  margin: 0 0 25px 5px;
  color: var(--ip-accent);
  font-size: 11px;
  font-weight: 820;
  letter-spacing: .19em;
  text-transform: uppercase;
  content: "Webbox Studio · από το 2004";
}

.nq-page-omada .nq-content > h1 ~ p {
  max-width: 900px;
  color: #5b6270;
  font-size: clamp(17px, 1.35vw, 20px);
}

.nq-page-omada .nq-content > h1 + p {
  color: #232936;
  font-size: clamp(23px, 2.4vw, 35px);
  line-height: 1.42;
  letter-spacing: -.028em;
}

.nq-page-omada .nq-content > h2 {
  grid-column: 1;
  align-self: start;
  margin: clamp(74px, 9vw, 130px) 0 0;
  color: var(--ip-accent);
  font-size: 11px;
  font-weight: 820;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.nq-page-omada .nq-content > h2 + p {
  grid-column: 2;
  margin-top: clamp(67px, 8.5vw, 122px);
  color: var(--ip-ink);
  font-size: clamp(23px, 2.6vw, 38px);
  line-height: 1.34;
  letter-spacing: -.035em;
}

.nq-page-omada .nq-svc {
  grid-column: 1 / -1;
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
  gap: clamp(48px, 9vw, 140px);
  padding: clamp(48px, 6vw, 76px) 0;
  border-color: var(--ip-line);
}

.nq-page-omada .nq-svc .nq-svc-title {
  color: var(--ip-ink);
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 760;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.nq-page-omada .nq-svc-body > p {
  max-width: 720px;
  color: #596170;
  font-size: clamp(17px, 1.3vw, 20px);
}

@media (max-width: 991.98px) {
  body[class*="nq-page-"] #nq-main.nq-boxed .nq-content {
    width: min(calc(100% - 40px), 1460px);
  }

  .nq-page-ypiresies .nq-svc,
  .nq-page-kataskevi-istoselidon .nq-svc,
  .nq-page-omada .nq-svc {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .nq-page-omada .nq-content {
    display: block;
  }

  .nq-page-omada .nq-content > h2 + p {
    margin-top: 20px;
  }
}

@media (max-width: 575.98px) {
  body[class*="nq-page-"] #nq-main.nq-boxed .nq-content {
    width: min(calc(100% - 32px), 1460px);
    padding: 68px 0 82px;
  }

  .nq-page-ypiresies .nq-content > h1,
  .nq-page-kataskevi-istoselidon .nq-content > h1,
  .nq-page-omada .nq-content > h1 {
    font-size: clamp(49px, 16vw, 72px);
  }

  .nq-page-ypiresies .nq-svc,
  .nq-page-kataskevi-istoselidon .nq-svc,
  .nq-page-omada .nq-svc {
    padding: 44px 0;
  }

  .nq-page-ypiresies .nq-svc-list li {
    margin-right: 12px;
    padding-right: 12px;
  }

  .nq-page-ypiresies .nq-svc-outro,
  .nq-page-kataskevi-istoselidon .nq-svc-outro {
    margin-inline: -16px;
    padding: 38px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nq-page-ypiresies .nq-svc::after {
    transition: none;
  }
}

/* --------------------------------------------------------------------------
   Work — a numbered project archive, not the homepage card composition.
   -------------------------------------------------------------------------- */

.nq-page-erga #nq-main {
  color: var(--ip-ink);
  background: #f7f5ef;
}

.nq-page-erga .nq-content > h1 {
  margin-bottom: 24px;
  color: var(--ip-ink);
  font-size: clamp(68px, 11vw, 158px);
  font-weight: 820;
  line-height: .82;
  letter-spacing: -.075em;
}

.nq-page-erga .nq-content > h1::before {
  display: block;
  margin: 0 0 25px 6px;
  color: var(--ip-accent);
  font-size: 11px;
  font-weight: 820;
  letter-spacing: .19em;
  text-transform: uppercase;
  content: "Selected work · Project archive";
}

.nq-page-erga .nq-content > h1 + p {
  max-width: 650px;
  margin-bottom: clamp(72px, 9vw, 130px);
  color: #4f5665;
  font-size: clamp(20px, 2vw, 28px);
}

.nq-work-index {
  border-top: 1px solid var(--ip-line);
}

.nq-work-entry {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: clamp(44px, 8vw, 120px);
  align-items: center;
  padding: clamp(58px, 8vw, 108px) 0;
  border-bottom: 1px solid var(--ip-line);
}

.nq-work-entry:nth-child(even) {
  grid-template-columns: minmax(0, 1.28fr) minmax(260px, .72fr);
}

.nq-work-entry:nth-child(even) .nq-work-entry__meta {
  grid-column: 2;
  grid-row: 1;
}

.nq-work-entry:nth-child(even) .nq-work-entry__media {
  grid-column: 1;
  grid-row: 1;
}

.nq-work-entry__number {
  display: block;
  margin-bottom: clamp(32px, 5vw, 72px);
  color: transparent;
  -webkit-text-stroke: 1px rgba(101, 92, 255, .58);
  font-size: clamp(68px, 9vw, 132px);
  font-weight: 760;
  line-height: .65;
  letter-spacing: -.07em;
}

.nq-work-entry__meta > p {
  margin-bottom: 12px;
  color: #6c7280;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.nq-work-entry__meta h2 {
  max-width: 10ch;
  margin: 0 0 24px;
  color: var(--ip-ink);
  font-size: clamp(34px, 4vw, 60px);
  font-weight: 780;
  line-height: .98;
  letter-spacing: -.052em;
}

.nq-work-entry__meta > div {
  display: flex;
  gap: 15px;
  margin-bottom: 34px;
  color: #717785;
  font-size: 12px;
}

.nq-work-entry__meta > a {
  display: inline-flex;
  gap: 15px;
  align-items: center;
  color: var(--ip-ink);
  font-size: 13px;
  font-weight: 760;
  text-decoration: none;
}

.nq-work-entry__media {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(9, 13, 25, .12);
  background: #e8e6df;
}

.nq-work-entry__media::after {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, .28);
  pointer-events: none;
  content: "";
}

.nq-work-entry__media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform .65s cubic-bezier(.2, .75, .2, 1);
}

.nq-work-entry__media:hover img {
  transform: scale(1.025);
}

/* --------------------------------------------------------------------------
   Contact page — map, message form and practical contact details.
   -------------------------------------------------------------------------- */

body.nq-page-epikoinonia #nq-main.nq-boxed,
body.nq-page-epikoinonia #nq-main.nq-boxed .nq-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: #fff;
}

.nq-page-epikoinonia .nq-content > h1,
.nq-page-epikoinonia .nq-content > h1 + p,
.nq-page-epikoinonia #Footer_top {
  display: none;
}

.nq-contact-map {
  height: clamp(300px, 31vw, 470px);
  min-height: 300px;
  overflow: hidden;
  background: #e9ebee;
}

.nq-contact-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  filter: saturate(.7) contrast(.96);
}

.nq-contact-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr);
  gap: clamp(52px, 7vw, 110px);
  width: min(calc(100% - 48px), 1200px);
  margin: 0 auto;
  padding: clamp(62px, 7vw, 105px) 0 clamp(72px, 8vw, 120px);
}

.nq-contact-kicker {
  display: block;
  margin-bottom: 14px;
  color: #655cff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.nq-contact-form-wrap h2,
.nq-contact-details h2 {
  margin: 0;
  color: #10131c;
  font-weight: 730;
  letter-spacing: -.035em;
}

.nq-contact-form-wrap h2 {
  font-size: clamp(30px, 3.2vw, 48px);
  line-height: 1.06;
}

.nq-contact-form-wrap > p {
  max-width: 590px;
  margin: 17px 0 36px;
  color: #68707b;
  font-size: 16px;
  line-height: 1.75;
}

.nq-contact-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 20px;
}

.nq-contact-form label,
.nq-contact-form label > span {
  display: block;
}

.nq-contact-form label > span {
  margin-bottom: 8px;
  color: #4f5661;
  font-size: 13px;
  font-weight: 600;
}

.nq-contact-form label b {
  color: #655cff;
}

.nq-contact-form input,
.nq-contact-form textarea {
  width: 100%;
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  background: #fff;
  color: #151923;
  font: inherit;
  outline: 0;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.nq-contact-form input {
  height: 48px;
  padding: 0 14px;
}

.nq-contact-form textarea {
  min-height: 150px;
  padding: 13px 14px;
  resize: vertical;
}

.nq-contact-form input:focus,
.nq-contact-form textarea:focus {
  border-color: #655cff;
  box-shadow: 0 0 0 3px rgba(101, 92, 255, .1);
}

.nq-contact-form__message {
  grid-column: 2;
  grid-row: 1 / span 3;
}

.nq-contact-form button {
  display: inline-flex;
  grid-column: 2;
  justify-self: end;
  gap: 18px;
  align-items: center;
  min-height: 46px;
  padding: 0 24px;
  border: 0;
  border-radius: 3px;
  background: #655cff;
  color: #fff;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  transition: transform .2s ease, background-color .2s ease;
}

.nq-contact-form button:hover {
  background: #5148ed;
  transform: translateY(-2px);
}

.nq-contact-details {
  align-self: start;
  padding-left: clamp(32px, 4vw, 62px);
  border-left: 1px solid #e2e4e8;
}

.nq-contact-details h2 {
  margin-bottom: 28px;
  font-size: clamp(25px, 2.2vw, 34px);
  line-height: 1.12;
}

.nq-contact-detail {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 17px 0;
  border-top: 1px solid #e7e8eb;
  color: #444b55;
  text-decoration: none;
}

.nq-contact-detail i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 2px;
  background: #11141c;
  color: #fff;
  font-style: normal;
  font-size: 18px;
}

.nq-contact-detail span,
.nq-contact-detail small,
.nq-contact-detail strong {
  display: block;
}

.nq-contact-detail small {
  margin-bottom: 3px;
  color: #8a9099;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nq-contact-detail strong {
  color: #252a32;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

a.nq-contact-detail:hover strong {
  color: #655cff;
}

/* --------------------------------------------------------------------------
   Blog — honest editorial holding page and topic architecture.
   -------------------------------------------------------------------------- */

.nq-page-blog #nq-main {
  color: var(--ip-ink);
  background: #f4f2ec;
}

.nq-page-blog .nq-content > h1 {
  margin-bottom: 25px;
  color: var(--ip-ink);
  font-size: clamp(72px, 12vw, 170px);
  font-weight: 820;
  line-height: .78;
  letter-spacing: -.08em;
}

.nq-page-blog .nq-content > h1 + p {
  max-width: 760px;
  margin-bottom: clamp(76px, 10vw, 140px);
  color: #4e5563;
  font-size: clamp(20px, 2.2vw, 31px);
}

.nq-journal-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: clamp(50px, 9vw, 140px);
  align-items: end;
  padding: clamp(52px, 7vw, 92px) 0;
  border-block: 1px solid var(--ip-line);
}

.nq-journal-intro h2 {
  margin: 0;
  color: var(--ip-ink);
  font-size: clamp(40px, 5.4vw, 78px);
  font-weight: 780;
  line-height: .92;
  letter-spacing: -.06em;
}

.nq-journal-intro > p {
  margin: 0;
  color: #5f6675;
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.75;
}

.nq-journal-topics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nq-journal-topics article {
  min-height: 330px;
  padding: clamp(34px, 4vw, 54px);
  border-right: 1px solid var(--ip-line);
  border-bottom: 1px solid var(--ip-line);
}

.nq-journal-topics article:first-child {
  border-left: 1px solid var(--ip-line);
}

.nq-journal-topics span {
  color: var(--ip-accent);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
}

.nq-journal-topics h3 {
  margin: 70px 0 22px;
  color: var(--ip-ink);
  font-size: clamp(25px, 2.4vw, 36px);
  letter-spacing: -.04em;
}

.nq-journal-topics p {
  color: #636a78;
  font-size: 15px;
}

/* --------------------------------------------------------------------------
   Career — open-call board, no fabricated vacancies.
   -------------------------------------------------------------------------- */

.nq-page-kariera #nq-main {
  color: #eff1f8;
  background:
    linear-gradient(135deg, rgba(101, 92, 255, .18), transparent 34%),
    #0b0f1c;
}

.nq-page-kariera .nq-content > h1 {
  margin-bottom: 25px;
  color: #fff;
  font-size: clamp(66px, 11vw, 156px);
  font-weight: 815;
  line-height: .8;
  letter-spacing: -.078em;
}

.nq-page-kariera .nq-content > h1 + p {
  max-width: 720px;
  margin-bottom: clamp(74px, 9vw, 126px);
  color: rgba(238, 241, 248, .7);
  font-size: clamp(20px, 2vw, 29px);
}

.nq-career-board {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
  border: 1px solid rgba(255, 255, 255, .15);
}

.nq-career-statement,
.nq-career-values {
  padding: clamp(42px, 6vw, 82px);
}

.nq-career-statement {
  border-right: 1px solid rgba(255, 255, 255, .15);
}

.nq-career-statement h2 {
  max-width: 11ch;
  margin: 0 0 32px;
  color: #fff;
  font-size: clamp(39px, 5vw, 72px);
  font-weight: 770;
  line-height: .94;
  letter-spacing: -.058em;
}

.nq-career-statement p {
  max-width: 650px;
  color: rgba(232, 235, 243, .65);
  font-size: clamp(16px, 1.25vw, 19px);
}

.nq-career-values {
  background: rgba(255, 255, 255, .035);
}

.nq-career-values > div {
  display: grid;
  grid-template-columns: 35px 1fr;
  gap: 18px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
}

.nq-career-values > div span {
  color: #918cff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}

.nq-career-values > div strong {
  color: #fff;
  font-size: clamp(17px, 1.5vw, 22px);
  font-weight: 650;
}

.nq-career-values > a {
  display: inline-flex;
  gap: 18px;
  margin-top: 44px;
  color: #fff;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .nq-contact-panel {
    grid-template-columns: 1fr;
  }

  .nq-contact-details {
    padding: 42px 0 0;
    border-top: 1px solid #e2e4e8;
    border-left: 0;
  }

  .nq-work-entry,
  .nq-work-entry:nth-child(even),
  .nq-contact-canvas,
  .nq-journal-intro,
  .nq-career-board {
    grid-template-columns: 1fr;
  }

  .nq-work-entry:nth-child(even) .nq-work-entry__meta,
  .nq-work-entry:nth-child(even) .nq-work-entry__media {
    grid-column: auto;
    grid-row: auto;
  }

  .nq-work-entry__meta {
    display: grid;
    grid-template-columns: 120px 1fr;
    column-gap: 30px;
  }

  .nq-work-entry__number {
    grid-row: 1 / 5;
  }

  .nq-contact-primary,
  .nq-career-statement {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
  }

  .nq-journal-topics {
    grid-template-columns: 1fr;
  }

  .nq-journal-topics article,
  .nq-journal-topics article:first-child {
    min-height: 0;
    border-left: 1px solid var(--ip-line);
  }
}

@media (max-width: 575.98px) {
  .nq-contact-panel {
    width: min(calc(100% - 32px), 1200px);
    gap: 46px;
    padding: 50px 0 68px;
  }

  .nq-contact-map {
    height: 280px;
    min-height: 280px;
  }

  .nq-contact-form {
    grid-template-columns: 1fr;
  }

  .nq-contact-form__message,
  .nq-contact-form button {
    grid-column: 1;
    grid-row: auto;
  }

  .nq-contact-form button {
    justify-self: stretch;
    justify-content: center;
  }

  .nq-page-erga .nq-content > h1,
  .nq-page-epikoinonia .nq-content > h1,
  .nq-page-blog .nq-content > h1,
  .nq-page-kariera .nq-content > h1 {
    font-size: clamp(56px, 18vw, 82px);
  }

  .nq-work-entry__meta {
    display: block;
  }

  .nq-work-entry__number {
    margin-bottom: 36px;
  }

  .nq-work-entry__media img {
    aspect-ratio: 4 / 5;
  }

  .nq-contact-primary,
  .nq-contact-details,
  .nq-career-statement,
  .nq-career-values {
    padding: 34px 24px;
  }

  .nq-journal-topics article {
    padding: 34px 24px;
  }

  .nq-journal-topics h3 {
    margin-top: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nq-work-entry__media img {
    transition: none;
  }
}

/* --------------------------------------------------------------------------
   About v2 — compact studio narrative with deliberate section changes.
   -------------------------------------------------------------------------- */

.nq-page-omada .nq-content {
  display: block;
}

.nq-about-hero {
  display: grid;
  grid-template-columns: minmax(420px, .95fr) minmax(0, 1.05fr);
  gap: clamp(64px, 10vw, 160px);
  align-items: end;
  padding: 0 0 clamp(74px, 8vw, 118px);
}

.nq-page-omada .nq-about-hero > h1 {
  max-width: 8ch;
  margin: 0;
  color: var(--ip-ink);
  font-size: clamp(64px, 7.6vw, 112px);
  font-weight: 810;
  line-height: .86;
  letter-spacing: -.07em;
}

.nq-page-omada .nq-about-hero > h1::before {
  display: block;
  margin: 0 0 25px 5px;
  color: var(--ip-accent);
  font-size: 11px;
  font-weight: 820;
  line-height: 1;
  letter-spacing: .19em;
  text-transform: uppercase;
  content: "Webbox Studio · από το 2004";
}

.nq-about-hero__copy {
  padding-bottom: 4px;
}

.nq-page-omada .nq-about-hero__copy p {
  max-width: 720px;
  margin: 0 0 23px;
  color: #616876;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.72;
}

.nq-page-omada .nq-about-hero__copy p:first-child {
  color: #1a202d;
  font-size: clamp(22px, 2.25vw, 33px);
  line-height: 1.42;
  letter-spacing: -.028em;
}

.nq-about-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 clamp(80px, 10vw, 145px);
  border-block: 1px solid var(--ip-line);
}

.nq-about-proof > div {
  min-height: 175px;
  padding: clamp(30px, 4vw, 52px);
  border-right: 1px solid var(--ip-line);
}

.nq-about-proof > div:first-child {
  border-left: 1px solid var(--ip-line);
}

.nq-about-proof dt {
  margin-bottom: 18px;
  color: var(--ip-accent);
  font-size: clamp(40px, 4.5vw, 66px);
  font-weight: 760;
  line-height: .85;
  letter-spacing: -.055em;
}

.nq-about-proof dd {
  margin: 0;
  color: #676e7c;
  font-size: 12px;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nq-about-manifesto {
  display: grid;
  grid-template-columns: minmax(210px, .45fr) minmax(0, 1.55fr);
  gap: clamp(45px, 8vw, 120px);
  align-items: start;
  margin: 0 0 clamp(86px, 10vw, 150px);
  padding: clamp(48px, 7vw, 94px);
  color: #fff;
  background:
    radial-gradient(circle at 92% 100%, rgba(101, 92, 255, .25), transparent 30%),
    var(--ip-ink);
}

.nq-page-omada .nq-about-manifesto > h2 {
  margin: 8px 0 0;
  color: #9792ff;
  font-size: 10px;
  font-weight: 820;
  letter-spacing: .19em;
  text-transform: uppercase;
}

.nq-page-omada .nq-about-manifesto > p {
  max-width: 940px;
  margin: 0;
  color: #f1f2f8;
  font-size: clamp(29px, 3.7vw, 55px);
  line-height: 1.22;
  letter-spacing: -.045em;
}

.nq-about-approach {
  display: grid;
  grid-template-columns: minmax(240px, .55fr) minmax(0, 1.45fr);
  gap: clamp(48px, 9vw, 140px);
  align-items: start;
  padding-bottom: clamp(46px, 6vw, 76px);
  border-bottom: 1px solid var(--ip-line);
}

.nq-page-omada .nq-about-approach > h2 {
  margin: 7px 0 0;
  color: var(--ip-accent);
  font-size: 10px;
  font-weight: 820;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.nq-page-omada .nq-about-approach > p {
  max-width: 850px;
  margin: 0;
  color: var(--ip-ink);
  font-size: clamp(25px, 3vw, 44px);
  line-height: 1.32;
  letter-spacing: -.04em;
}

.nq-page-omada .nq-svc {
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
  gap: clamp(48px, 9vw, 140px);
  padding: clamp(48px, 6vw, 76px) 0;
}

.nq-page-omada .nq-svc .nq-svc-title {
  font-size: clamp(27px, 2.8vw, 42px);
}

.nq-page-omada .nq-svc-body > p {
  margin: 0;
}

.nq-about-cta {
  position: relative;
  margin-top: clamp(74px, 9vw, 125px);
  padding: clamp(46px, 7vw, 92px);
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(120deg, rgba(101, 92, 255, .92), rgba(67, 57, 206, .78) 42%, transparent 72%),
    #111629;
}

.nq-page-omada .nq-about-cta h2 {
  max-width: 14ch;
  margin: 0 0 34px;
  color: #fff;
  font-size: clamp(36px, 4.8vw, 70px);
  font-weight: 770;
  line-height: .95;
  letter-spacing: -.058em;
}

.nq-about-cta > a {
  display: inline-flex;
  gap: 20px;
  align-items: center;
  padding: 15px 21px;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 999px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 740;
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .nq-about-hero,
  .nq-about-manifesto,
  .nq-about-approach,
  .nq-page-omada .nq-svc {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .nq-about-proof {
    margin-bottom: 82px;
  }
}

@media (max-width: 575.98px) {
  .nq-page-omada .nq-about-hero > h1 {
    font-size: clamp(51px, 16vw, 72px);
  }

  .nq-about-proof {
    grid-template-columns: 1fr;
  }

  .nq-about-proof > div {
    min-height: 0;
    border-left: 1px solid var(--ip-line);
    border-bottom: 1px solid var(--ip-line);
  }

  .nq-about-proof > div:last-child {
    border-bottom: 0;
  }

  .nq-about-manifesto,
  .nq-about-cta {
    margin-inline: -16px;
    padding: 42px 22px;
  }
}

/* ============================================================================
   KATHOLIKO — DEN einai mono ton esoterikon selidon.
   Zei edo epeidi to `inner-pages.css` fortonetai se KATHE selida (epalithevmeno
   zontana: kai i arxiki kai i /contact to exoun sti lista ton stylesheets), kai
   einai to arxeio pou anikei se emena. Formа yparxei kai stin arxiki.
   ============================================================================ */

/* [DILOMENI APOKLISI #10] Honeypot anti-spam — DEN yparxei sto mockup.
   OXI `display:none` / `visibility:hidden`: ta bots ta anagnorizoun kai
   paraleipoun to pedio, opote i pagida den pianei tipota. Me metatopisi ektos
   othonis to pedio menei stin ypovoli kai o anthropos den to vlepei pote.
   ⚠ Gia ton V: to idio to <input> thelei epipleon `tabindex="-1"`,
   `autocomplete="off"` kai `aria-hidden="true"` — alliōs o xristis me pliktrologio
   i me anagnosti othonis to sinantaei. Auto einai DOMI, oxi CSS. */
.nq-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Βλ. αναλυτικό σχόλιο στο `home-sections.css` — ίδιο εύρημα, ίδια αιτία.
   Το βελάκι κόβεται δεξιά στο hover επειδή το `.nqce-button .nq-btn` του builder
   δίνει `overflow:hidden` με μηδέν δεξιό padding. Δένεται στο `.nq-fx-none`
   ώστε να μην αγγίξει τα κουμπιά με εφέ γεμίσματος. */
.almyra-inner a.btn.nq-fx-none { overflow: visible; }