@charset "UTF-8"; #nq-home-proof { --wb-ink: #080d1a; --wb-ink-soft: #0e1527; --wb-paper: #f7f7fa; --wb-white: #fff; --wb-text: #0d1321; --wb-muted: #667085; --wb-line: #dfe3ea; --wb-accent: var(--nq-accent, #5548f7); color: var(--wb-text); background: var(--wb-white); } /* ========================================================================== ALMYRA CORFU LUXURY CRUISES — HOMEPAGE SECTIONS Scope contract: wrap the managed page body in `.almyra-home`. Structural rules live here; brand colours resolve from the active Skin. ========================================================================== */ .almyra-home { --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-paper-strong: var(--nq-accent-soft, #f4f0e5); --al-line: var(--nq-line, #dcded8); --al-muted: var(--nq-muted, #667377); --al-shadow: 0 24px 60px rgba(4, 42, 54, .13); /* [ADAPT] Ta 3 fonta edeixnan akoma sto /demo2/assets (fallback tou var pou DEN oristike pote). Idies eikones, apo to Media Center: kamia optiki allagi, fevgei i eksartisi apo to prototypo. */ --al-hero-image: url("/uploads/almyra-yacht-professional-v2_f6701b.webp"); --al-about-image: url("/uploads/almyra-moment-underway_3939f6.jpg"); --al-experience-image: url("/uploads/almyra-private-rental-reference_412cdd.webp"); color: var(--al-ink); background: #fff; font-family: "DM Sans", Arial, sans-serif; -webkit-font-smoothing: antialiased; } .almyra-home *, .almyra-home *::before, .almyra-home *::after { box-sizing: border-box; } .almyra-home img { display: block; max-width: 100%; } .almyra-home a { color: inherit; text-decoration: none; } .almyra-home button, .almyra-home input, .almyra-home select, .almyra-home textarea { font: inherit; } .almyra-home .section { padding: 110px clamp(28px, 8vw, 130px); } .almyra-home .eyebrow { margin: 0 0 24px; /* [ADAPT] to mockup DEN orizei color edo — klironomei apo tin enotita (grey/ink/white) */ font-family: "Playfair Display", Georgia, serif; font-size: 20px; font-style: italic; font-weight: 500; } /* 🔴 I GRAMMATOSEIRA DEN EFTANE POTE MESA — TREIS EYEBROW EVGAZAN **DM Sans anti Playfair**. Tyflo simeio δ + i «klironomia xanei panta»: to `fonts.css.php` grafei **`:not(i) { font-family: "DM Sans", … }`**, pou tairiazei se **KATHE** stoixeio. Opote ot,ti font-family valoume sto peritiligma `.nqh` **den ftanei** sto `.nqh-t` mesa — o katholikos kanonas to pianei APEFTHEIAS kai i klironomia xanei. Metrimeno @1440 (P = Playfair, D = DM Sans): prin: hero **D** · rentals **D** · booking **D** — oi ypoloipes 6 P meta: kai oi ennia **P**, opos to mockup Den einai thema ypsous: einai **ORATI diafora grammatoseiras** se treis enotites. To `line-height: normal` mpainei MONO opou to mockup den orizei diko tou (hero, faq). Oi alles (about/experience/destinations/gallery/rentals) DILONOUN 28.8 i 29.75 kai itan idi sostes — elegxthike prin grafei, kai oi ennia mia-mia. Metrimeno: `.faq` **+3 -> 0** · `.booking` **-1 -> 0** · hero eyebrow **60 -> 54 = mockup** (kai i thesi taftosimi: 95,2 / 95,2 sta 320). Kamia alli enotita den kounithike. */ .almyra-home .eyebrow > .nqh-t { font-family: "Playfair Display", Georgia, serif; font-style: italic; font-weight: 500; } .almyra-home .faq .eyebrow, .almyra-home .faq .eyebrow > .nqh-t, .almyra-home .hero .eyebrow, .almyra-home .hero .eyebrow > .nqh-t { line-height: normal; } .almyra-home .section-head { max-width: 1080px; margin-bottom: 62px; } /* [ADAPT] Sto mockup to .section-head periexei MONO to keimeno (max-width 1080) kai to plegma einai ADELFO, se plires platos. Otan to plegma mpei MESA sti stili, to max-width to steneve. Ara: i stili apeleftheronetai kai to orio metaferetai sta keimena tis. */ .almyra-home .section-head:has(> .pb-row-box) { max-width: none; margin-bottom: 0; } /* to 62px metaferthike sto margin-top tou plegmatos */ .almyra-home .section-head:has(> .pb-row-box) > .nqh, /* 🔴 MONIMOS KANONAS: KAMIA `nqce-*` KLASI STON EPILOGEA. `PageBuilder.php:2464` -> i klasi `nqce-` mpainei **MONO an o orismos tou stoixeiou exei diko tou CSS**. Molis adeiasei ekeino to CSS, i klasi **exafanizetai apo olo to site** kai kathe kanonas mas pou tin akoumpaei pethainei **siopila** — tairiazei se 0 stoixeia, kanenas den to pairnei eidisi. Afto akrivos egine simera me to `heading2`: metrimeno zontana, **`.nqce-heading2` = 0 stoixeia**, eno ta `.row.B_Textblock` einai **30**. Domika agkistra pou DEN svinoun: `.B_Textblock` · `.B_button` · `.B_single_image` · `.nqh`. */ .almyra-home .section-head:has(> .pb-row-box) > .row.B_Textblock { max-width: 1080px; } .almyra-home .section-head h2, .almyra-home .about h2, .almyra-home .experience h2, .almyra-home .faq h2 { margin: 0; font-size: clamp(44px, 5.5vw, 74px); font-weight: 500; line-height: 1.08; letter-spacing: -.045em; } .almyra-home .section-head p { max-width: 700px; margin: 24px 0 0; color: var(--al-muted); font-size: 17px; line-height: 1.75; } /* Hero */ .almyra-home .hero { min-height: 690px; display: flex; align-items: center; position: relative; isolation: isolate; padding: 86px clamp(28px, 6vw, 92px); color: #fff; /* 🔴 TA FALLBACK EDEIXNAN MESA STO `/demo2/` — TREIS THESEIS (hero, about-photo, experience-photo). Simera adranes: kai oi treis metavlites `--al-*-image` ORIZONTAI (elegmeno zontana, oles se `/uploads/`). Alla otan svisei to mockup, opoiadipote stigmi i metavliti den oristei -> **spasmeni eikona iroa**. Ta fallback deixnoun tora stin ANTISTOIXI eikona tou `/uploads/`, ara to `/demo2/` den einai pleon exartisi kanenos energou kanona. Ta ypoloipa `demo2` sta CSS mas einai MONO sxolia. */ background: var(--al-hero-image, url("/uploads/almyra-yacht-professional-v2_f6701b.webp")) 62% center / cover no-repeat; } .almyra-home .hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(1,24,31,.8), rgba(1,24,31,.54) 42%, rgba(1,24,31,.08) 76%); } .almyra-home .hero-copy { max-width: 900px; } .almyra-home .hero h1 { max-width: 900px; margin: 0; font-size: clamp(52px, 6.8vw, 96px); font-weight: 700; line-height: .98; letter-spacing: -.055em; } .almyra-home .hero-lead { max-width: 620px; margin: 28px 0 0; font-size: 19px; font-weight: 600; line-height: 1.55; } .almyra-home .hero-lead p { margin: 0; } /* [ADAPT] sto mockup to .hero-lead EINAI to

; to Text Block to tyligei, opote to eso p prosthete 16px margin-bottom (lead 88 -> 104px) */ .almyra-home .hero > .pb-row, .almyra-home .hero > .pb-row > .pb-col.hero-copy { position: static; } /* [ADAPT] to bootstrap .pb-col einai relative kai klevei tin agkyrosi tou .hero-note */ .almyra-home .hero-note { position: absolute; right: 30px; bottom: 24px; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; } .almyra-home .cta { margin-top: 38px; } /* [ADAPT] to margin menei sto perityligma */ .almyra-home a.cta, .almyra-home .cta > a, .almyra-home a.cta:hover, .almyra-home .cta > a:hover, .almyra-home a.cta:focus, .almyra-home .cta > a:focus, .almyra-home a.cta:active, .almyra-home .cta > a:active { /* [ADAPT] kai sto hover: to mockup DEN allazei fonto */ /* [ADAPT] to .cta einai eite to idio to (hero) eite perityligma (about) */ 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; color: inherit; background: transparent; font-weight: 700; cursor: pointer; } .almyra-home .cta i, .almyra-home .card-link i { display: grid; place-items: center; border-radius: 50%; background: var(--al-gold); color: var(--al-ink); font-style: normal; transition: transform .2s ease; } .almyra-home .cta i { width: 44px; height: 44px; font-size: 20px; padding-bottom: 3px; } /* [ADAPT] padding-bottom = optiko kentrarisma tou glyph: to place-items:center kentrarei to INLINE BOX, ohi to ink tou «arrow». Metrithike ink offset +1.5px -> 0.00 */ /* [ADAPT] to Button block dinei eikonidio Feather; to mockup exei ton XARAKTIRA arrow */ .almyra-home .cta i.fe, .almyra-home .card-link i.fe { font-family: "DM Sans", Arial, sans-serif; font-size: 20px; } .almyra-home .cta i.fe { padding-bottom: 7px; } /* [ADAPT] to font-family/size parapano einai NEKRO: feather.css .fe{font-family:feather!important} kai to Button block grafei inline font-size:18px (pedio icon_size). Ara to glyph vgainei feather 18/lh1 -> ink offset +3.5px. Metrithike -> 0.00 */ .almyra-home .cta i.fe::before, .almyra-home .card-link i.fe::before { content: "\2192 "; } .almyra-home .cta:hover i, .almyra-home .card-link:hover i { transform: translateX(3px); } .almyra-home a.cta.dark, .almyra-home .cta.dark > a { color: var(--al-ink); } /* [ADAPT] */ /* Benefits */ .almyra-home .benefits.benefits.benefits { /* [ADAPT] P6: i klasi prosgeionetai se STILI kai to .pb-row.row > .pb-col (0,3,0) svinei to orizontio padding */ max-width: 1260px; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 auto; padding: 72px 40px; } .almyra-home .benefit { display: grid; grid-template-columns: 70px 1fr; gap: 20px; padding: 0 42px; border-left: 1px solid var(--al-line); } .almyra-home .benefit:first-child { border-left: 0; } .almyra-home .benefit .nq-ib-img:not([src]), .almyra-home .benefit .nq-ib-img[src=""] { display: none; } /* [ADAPT] keno tou info_box deixnei alt-text dipla sto eikonidio */ .almyra-home .benefit-icon, .almyra-home .benefit .nq-ib-icon { /* [ADAPT] to info_box vgazei .nq-ib-icon anti gia .benefit-icon */ width: 62px; height: 62px; display: grid; place-items: center; border: 1px solid var(--al-line); border-radius: 50%; color: var(--al-navy); font-size: 25px; } /* P11 — to mockup grafei `.benefit h3 { margin:2px 0 8px; font-size:18px }` kai TIPOTA allo: to varos kai to line-height einai ta UA defaults tou

, **700 / normal** -> **24px**. To theme mas dinei **600 / 22.5px**, ara kai pio adynato gramma (orato) kai -1.5 ypsos. */ .almyra-home .benefit h3 { margin: 2px 0 8px; font-size: 18px; font-weight: 700; line-height: normal; } /* 🔴 [ADAPT] P15 ANAPODA — o kanonas `.benefit p` itan NEKROS: to info_box vgazei tin perigrafi os **`div.nq-ib-desc`**, oxi

. Etsi krataga ta default tou theme (**16px / 24px** anti 14px / 1.65) kai i **triti karta tyligе se 4 grammes anti 3**: 96 anti 69.3. Epeidi to `.benefits` einai plegma 3 stilon, i triti **isoypsone kai tis treis** -> oli i enotita **+25.2**, eno i diafora zouse se ENA keli. (To idio motivo me ta `.nqce-heading2` sta `.specs`/`.included`: kanones grammenoi gia ti domi tou mockup pou den vriskoun tin domi tou builder. To

menei ston epilogea gia tin periptosi pou i domi allaxei pali.) */ .almyra-home .benefit p, .almyra-home .benefit .nq-ib-desc { margin: 0; color: var(--al-muted); font-size: 14px; line-height: 1.65; } /* About */ .almyra-home .about { background: var(--al-paper); } /* [ADAPT] bg στο full-bleed κουτί */ .almyra-home .about > .pb-row { /* [ADAPT] builder DOM */ display: grid; grid-template-columns: 1.08fr .92fr; gap: 7vw; align-items: center; width: 100%; } .almyra-home .about-photo { position: relative; min-height: 620px; background: var(--al-about-image, url("/uploads/almyra-moment-underway_3939f6.jpg")) center / cover no-repeat; box-shadow: var(--al-shadow); } /* [ADAPT] To mockup to kanei me `::after` kai `content:"THE ACTUAL ALMYRA"`. Se emas einai PRAGMATIKO stoixeio `.nqh.photo-badge` me to keimeno mesa — kalytero (epexergasimo apo ton idioktiti) kai **den leipei tipota**: metrimeno, thesi **22/22**, platos **166,7**, idio font/xroma/fonto me to mockup. P11: to line-height eleipe -> kouti **39 anti 37**. Den epireazei ypsos enotitas (einai absolute) alla einai 2px pio psilo pastilaki. */ .almyra-home .about-photo .photo-badge, .almyra-home .about-photo .photo-badge > .nqh-t { line-height: normal; } .almyra-home .about-photo .photo-badge { /* [ADAPT] ::after -> stoixeio */ position: absolute; left: 22px; bottom: 22px; padding: 12px 16px; background: #fff; color: var(--al-navy); font-size: 10px; font-weight: 700; letter-spacing: .18em; } .almyra-home .about-copy p { color: var(--al-muted); font-size: 16px; line-height: 1.8; } .almyra-home .specs > .pb-row { /* [ADAPT] builder row */ /* 2026-08-27: O IDIOKTITIS ANAKALESE tin apofasi tis 25/08 (margin-top 34->20). Epistrofi sto **34 tou mockup**. TO PALIO SXOLIO «min to epanaferete» DEN ISXYEI PLEON — antikatastathike epitides, gia na min to gyrisei kapoios piso. */ display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 34px; border-top: 1px solid var(--al-line); border-left: 1px solid var(--al-line); } .almyra-home .specs > .pb-row > .pb-col { /* [ADAPT] keli */ margin-top: 0; /* [ADAPT] to bootstrap .row>*{margin-top:var(--bs-gutter-y)} evaze 16px -> to keli den akoumpouse to border-top tis grammis (keno 17px) */ align-self: stretch; width: 100%; max-width: none; padding: 20px; border-right: 1px solid var(--al-line); border-bottom: 1px solid var(--al-line); } .almyra-home .specs .nqce-heading { /* [ADAPT] titlos = to tou mockup */ font-weight: 700; display: block; margin-bottom: 6px; color: var(--al-navy); font-size: 17px; /* P11: to mockup grafei `.spec b { display:block; margin-bottom:6px; color:var(--navy); font-size:17px }` kai TIPOTA allo — to line-height tou einai to `normal` pou klironomei apo ti riza tou mockup. I DIKI mas riza dinei 1.5, ara evgaine **25.5 anti 22**. Opou to mockup den orizei, klironomei to diko TOU default — kai to diko mas einai allo, ara grafetai RITA. */ line-height: normal; } /* 🔴 [ADAPT] O PALIOS KANONAS EDO ITAN NEKROS: piane `.nqce-heading2`, klasi pou DEN yparxei pleon — i perigrafi xanaxtistike os `.row.B_Textblock.spec-d` me

mesa. Etsi to

evgaine me ta default tou theme: **16px / 28.8px / margin-bottom 16px**, diladi **73.6** anti **42** — kai to keimeno fainotan kai megalytero apo to mockup. To mockup grafei MONO `.spec small { color: var(--muted) }`. Ola ta ypoloipa einai UA defaults tou : font-size `smaller` (13.33px apo 16px goneiko). ⚠ TYFLO SIMEIO γ — metrimeno me `getClientRects()`, oxi ypotethen: to exei grammata **17px** alla **vima grammis 21px**. Ta 21 einai to strut tou `.spec` (16px x normal), giati to einai **inline**: to ypsos tis grammis to orizei o GONEAS, oxi to idio. An to grafame block me `line-height:normal` tha evgaze 17px vima -> **34 anti 42**, lathos kata 8px. Gi' afto anaparagetai o MIXANISMOS, oxi to noumero: to

ginetai `inline` mesa se goneiko 16px/normal, kai to vima vgainei mono tou 21px se kathe platos. Katanomi tou mockup `.spec` (111): 20 padding + 22 + 6 margin + 2x21 grammes + 20 padding + 1 border = **111**. */ .almyra-home .spec-d { --bs-gutter-x: 0; font-size: 16px; line-height: normal; } /* 🔴 P8 — TO PADDING KAI TA MARGINS PANE PANTA MAZI. To `.spec-d` einai Bootstrap `.row`: `margin-left/right: calc(-.5 * var(--bs-gutter-x))` = **-12px** se kathe pleura, kai to `.B_wrapper` mesa exei to antistoixo **+12px padding** pou ta ANTISTATHMIZEI. Midenisa PROTA mono to padding -> to plaisio keimenou vgike **140.5 anti 116.5** (+24) kai to keimeno **xexeilize mesa sto padding tou `.spec`** (orato, oxi mono thema ypsous): sto 3o `.spec` **3 grammes anti 4**, -21 sta 375. I sosti lysi einai i KATHIEROMENI tou arxeiou (deite kai to `.nqce-heading2` pio kato): **`--bs-gutter-x: 0`**, pou midenizei margins KAI padding mazi, me mia grammi. Metrimeno meta: `.specs` **116.5**, `.included` **211.95** — kai ta dyo = mockup. */ /* 🔴 P15 — IDIA EIDIKOTITA, KERDIZEI I SEIRA STO ARXEIO. Yparxoun **`.almyra-home .about-copy p`** kai **`.almyra-home .experience-copy p`** (font-size:16px, line-height:1.8). Kai ta dyo einai **(0,2,1)** — AKRIVOS oso kai to `.almyra-home .spec-d p`. Me isi eidikotita kerdizei o **teleftaios sto arxeio**: · sta `.specs` to `.about-copy p` einai PANO -> kerdize to diko mas (tyxi seiras) · sto `.included` to `.experience-copy p` einai KATO -> kerdize EKEINO Apotelesma: idio CSS, dyo diaforetika apotelesmata — kelia **124.6 anti 109/88**. I klasi diplasiazetai (`.spec-d.spec-d`) gia na anevei se **(0,3,1)** xoris na deso ton kanona se enotita kai xoris `!important`. ⚠ Kanena media query den xreiazetai anevasma: ta `p` kanones menoun (0,2,1) kai mesa se media query, ara xanoun kai ekei. */ .almyra-home .spec-d.spec-d p { display: inline; font-size: smaller; line-height: normal; margin: 0; } .almyra-home .specs .spec-d p { color: var(--al-muted); } /* Cruises / rentals */ .almyra-home .rentals { overflow: hidden; background: var(--al-paper-strong); } .almyra-home .rental-heading { max-width: none; } .almyra-home .rental-heading:has(> .rental-heading-copy) { /* [ADAPT] to flex isxyei MONO me to wrapper tou mockup; sti diki mas domi ta headings stoivazontai */ display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; } .almyra-home .rental-heading-copy, .almyra-home .rental-heading:not(:has(> .rental-heading-copy)) { /* [ADAPT] xoris wrapper, to orio paei sto idio to heading */ max-width: 970px; } .almyra-home .rental-controls { display: flex; gap: 12px; padding-bottom: 7px; } .almyra-home .rental-grid .swiper-button-prev, .almyra-home .rental-grid .swiper-button-next, .almyra-home .rental-control { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid #d5cdbd; border-radius: 50%; background: transparent; color: var(--al-navy); font-size: 24px; cursor: pointer; transition: background .2s, border-color .2s, transform .2s; } .almyra-home .rental-control:hover, .almyra-home .rental-control:focus-visible, .almyra-home .rental-grid .swiper-button-prev:hover, .almyra-home .rental-grid .swiper-button-next:hover { border-color: var(--al-gold); background: var(--al-gold); transform: translateY(-2px); } .almyra-home .rental-grid:not(.nqsl) { /* [ADAPT] o slider exei diko tou layout */ display: flex; gap: 26px; overflow-x: auto; padding: 0 0 18px; scroll-snap-type: x mandatory; scrollbar-width: none; } .almyra-home .rental-grid:not(.nqsl)::-webkit-scrollbar { display: none; } .almyra-home .rental-grid:not(.nqsl) > .rental-card { flex: 0 0 calc((100% - 52px) / 3); scroll-snap-align: start; } /* [ADAPT] MONO oi 2 dilosis-forois tou palaiou carousel; ton foreа ton kanei tora o swiper */ .almyra-home .rental-grid .nqsl-slide { /* [ADAPT] slider: to .rental-card einai to .nqsl-slide */ min-width: 0; min-height: 610px; display: flex; flex-direction: column; background: #fff; box-shadow: 0 16px 38px rgba(5,52,66,.08); } .almyra-home .rental-grid .nqsl-slide figure { height: 270px; margin: 0; overflow: hidden; border-bottom-right-radius: 72px; } .almyra-home .rental-grid .nqsl-slide img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; max-height: 100%; min-height: 100%; } /* [ADAPT] to Single image grafei INLINE style="height:auto" pou nika to height:100% -> to max-height (allі idiotita) to periorizei sto figure xoris !important, kai to object-fit:cover doulevei opos sto mockup */ .almyra-home .rental-grid .nqsl-slide:hover img { transform: scale(1.035); } /* 🔴 [ADAPT] TO PADDING ITAN SE LATHOS EPIPEDO — I FOTOGRAFIA EVGAINE STENOTERI. Domi tou mockup: `.rental-card` padding **0** ├ `

` padding 0 -> **plires platos** └ `.rental-content` padding **30px 30px 28px** -> mono to keimeno Diki mas: to `.nqsl-slide-in` kouvalouse to `30px 30px 28px` **gyro apo ta PANTA**, eikona mazi. Metrimeno @1440: eikona **315,7 anti 380,9** (l=30 anti 0). To padding den itan lathos — itan se lathos epipedo. Lysi: to doxeio krataei MONO to kato padding· ta plagia kai to pano pane sta **paidia plin tis eikonas**, os **margin** kai OXI padding. ⚠ Giati margin: to `.rental-meta` exei `border-top`. Me padding to plaisio tou tha piane **oli tin karta** (0 -> 375,7) anti na einai mesa (30 -> 345,7) — orati diafora, i diaxoristiki grammi tha etrexe apo akri se akri. ⚠ Den xrisimopoieitai arnitiko perithorio stin eikona: tha edeixne sosto sta 1440 kai tha espage alloou (proeidopoiisi syntonisti). ⚠ Ta `.row.B_Textblock` pairnoun `--bs-gutter-x: 0`, alliws to `+12px` padding tou `.B_wrapper` tha prosthetotan sto neo perithorio kai to keimeno tha epefte sto **42**. Oi times menoun **AKRIVOS OSES ITAN** kai akolouthoun ta media queries meso metavliton: 30/30/28 sta platia, **25/28** kato apo 860 — opos to mockup. Metrimeno META @375: eikona **0/322,5**, etiketa **25/272,5**, meta **25/272,5**, koumpi **25** — **taftosima me to mockup se OLA**. Ypsos kartas ametavlito (702,8 · 748,7 · 745,6), kamia enotita den kounithike, yperxeilisi 0. */ .almyra-home .rental-grid .nqsl-slide-in { --rc-x: 30px; --rc-t: 30px; --rc-b: 28px; flex: 1; display: flex; flex-direction: column; padding: 0 0 var(--rc-b); } .almyra-home .rental-grid .nqsl-slide-in > *:not(.B_single_image) { margin-left: var(--rc-x); margin-right: var(--rc-x); } .almyra-home .rental-grid .nqsl-slide-in > .row.B_Textblock { --bs-gutter-x: 0; } .almyra-home .rental-grid .nqsl-slide-in > .B_single_image + * { margin-top: var(--rc-t); } .almyra-home .rentals .pb-row > .pb-col { margin-top: 0; } /* [ADAPT] bootstrap .row>*{margin-top:var(--bs-gutter-y)} evaze 16px stis emfoliasmenes grammes -> keno kefalida->slider 78px anti 62 */ .almyra-home .rental-grid .nqsl-slide .nq-si-box { display: block; height: 100%; } /* [ADAPT] to Single image parembalei span.nq-si-box anamesa se figure kai img: xoris ypsos to object-fit:cover den doulevei kai i eikona kovetai apo katо (349px se figure 270px) */ /* P11 — to mockup den orizei line-height sto `.rental-label` -> `normal` = **13**. Emeis 15. */ .almyra-home .rental-label, .almyra-home .rental-label > .nqh-t { line-height: normal; } .almyra-home .rental-label { color: #aa8035; font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; } .almyra-home .rental-grid .nqsl-slide h3 { max-width: 620px; margin: 13px 0 16px; font-size: clamp(28px, 2.25vw, 38px); font-weight: 600; line-height: 1.12; letter-spacing: -.035em; } /* [ADAPT] To mockup dinei `.rental-grid { padding: 0 0 18px }` — keno gia ti mpara kylisis tis orizontias loridas. Se emas eleipe entelos -> i lorida evgaine **-18**. */ .almyra-home .rental-grid { padding-bottom: 18px; } /* [ADAPT] I eyebrow tis kefalidas exei sto mockup `margin-top: 24px` (to

tis krataei to UA `1em` sta 17px = 17... oxi: to mockup to grafei rita 24). Se emas itan **0** -> i kefalida evgaine **273,3 anti 297,1**, diladi **-23,8**. */ .almyra-home .rentals .section-head > .nqh.eyebrow, .almyra-home .rental-heading .eyebrow { margin-top: 24px; } .almyra-home .rental-grid .nqsl-slide p { max-width: 650px; margin: 0; color: var(--al-muted); font-size: 15px; line-height: 1.72; } .almyra-home .rental-meta { display: flex; flex-wrap: wrap; gap: 10px 0; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--al-line); } /* [SVISTIKE 2026-08-27] `.rental-meta p { margin:0 }` — den yparxei pleon

mesa sto `.rental-meta`: o B to ekane **tria **. To sxolio tou elege «to Text Block vgazei

», pou DEN ISXYEI pleon kai tha paraplanouse. Oi nekroi kanones **gennientai synexeia** — den einai mono klironomia. */ /* 🔴 [ADAPT] TO KEIMENO TOU META EVGAINE **15px** ANTI 12px — ORATO, oxi mono ypsos. To mockup exei TRIA `` me `font-size:12px` (gr. 270). Emeis exoume ENA

mesa se Text Block, opote to `.rental-meta span` den piane TIPOTA kai kerdize o genikos kanonas `.almyra-home .rental-grid .nqsl-slide p` (gr. 267) me **15px / 1.72** -> mplok **44,8** anti **35**. ⚠ I eidikotita einai **(0,4,1)** epitides: o kanonas tis gr. 267 einai (0,3,1) kai o diplasiasmos klasis tha edine ISI eidikotita — tha kerdize i SEIRA sto arxeio, pou einai akrivos i pagida pou katagrapsame simera. Edo kerdizei i eidikotita, oxi i thesi. */ /* [SVISTIKE 2026-08-27] mazi me ton pio pano — to megethos to dinoun tora ta . */ /* 🔴 PAGIDA #1 TOU B-DOM-MAP — TO `div.B_wrapper` PAREMVALLETAI PANTA. Otan o B spasei to `rental-meta` se tria , i domi tha einai: `div.row.B_Textblock.rental-meta > div.B_wrapper > span x3` Ara to `display:flex` sto `.rental-meta` tha ekane flex child to **`.B_wrapper`**, OXI ta spans -> kamia allagi, kai tha fainotan oti ftaiei i domi. To flex metaferetai sto wrapper. Grafetai **prin** mpoun ta spans, oste otan mpoun na doulepsei ameso — kai afinetai kai sto `.rental-meta` gia tin periptosi pou i domi allaxei se apefthias paidia. */ .almyra-home .rental-meta > .B_wrapper { display: flex; flex-wrap: wrap; gap: 10px 0; } /* P11 — o B evale ta tria . Ola ta alla itan idi sosta apo tin proti stigmi: platos **55,9 · 108,7 · 102,2**, padding **0/13 · 13/13 · 13/13**, border-right **1·1·0**, font-size **12px** — OLA taftosima me to mockup. Emeine MONO to diastixo: to mockup den to orizei -> `normal` = **16**· emeis 18px -> **18**. Tria span x 2 = **+2** sto meta, kai to meta odigei tin karta. */ .almyra-home .rental-meta span, .almyra-home .rental-meta > .B_wrapper > span { padding: 0 13px; color: #4d5a5e; border-right: 1px solid #cbc8be; font-size: 12px; line-height: normal; } .almyra-home .rental-meta span:first-child, .almyra-home .rental-meta > .B_wrapper > span:first-child { padding-left: 0; } .almyra-home .rental-meta span:last-child, .almyra-home .rental-meta > .B_wrapper > span:last-child { border-right: 0; } .almyra-home .card-link { align-self: flex-start; display: inline-flex; align-items: center; gap: 14px; margin-top: auto; padding-top: 30px; font-size: 15px; font-weight: 700; } /* [ADAPT] Sto mockup to `.card-link` einai to IDIO to kai to ypsos tou einai to eikonidio (**42**) -> synolo 72 me to padding-top:30. Se emas i klasi kathetai sto EXOTERIKO `div.B_button` (tyflo simeio δ) kai mesa yparxei `a.btn` me diko tou `padding: 6px 12px` apo to theme -> **54**, ara to blok evgaine **84 anti 72**. Ta 12px einai padding tou koumpiou, oxi tou mockup: midenizetai. To keno apo to keimeno sto eikonidio to dinei to `gap:14px` tou goniou, oxi to padding. */ .almyra-home .rentals .B_button > a.btn { padding: 0; } .almyra-home .card-link i { width: 42px; height: 42px; } .almyra-home .card-link i.fe { /* [ADAPT] kentrarisma glyph, opos sta CTA */ padding-bottom: 3.5px; } /* Experience */ .almyra-home .experience.experience { background: var(--al-navy); color: #fff; padding: 0; } /* [ADAPT] to mockup DEN exei .section edo -> xoris padding, i foto ftanei sti dexia akri */ /* [ADAPT] bg στο full-bleed κουτί */ .almyra-home .experience > .pb-row > .pb-col.pb-col { align-self: stretch; width: 100%; max-width: none; } /* [ADAPT] P2: inline align-items:flex-start tou builder */ .almyra-home .experience > .pb-row { /* [ADAPT] builder DOM */ min-height: 690px; display: grid; grid-template-columns: 1fr 1fr; width: 100%; } .almyra-home .experience > .pb-row > .pb-col.experience-copy { /* [ADAPT] eidikotita: to pb-row-stretch-nospace vazei padding:0 stis stiles */ display: flex; flex-direction: column; justify-content: center; padding: 90px clamp(30px, 7vw, 110px); } .almyra-home .experience-copy .cta > a, .almyra-home .experience-copy a.cta { width: 100%; } /* [ADAPT] to .experience-copy einai flex column: sto mockup to cta tentonetai */ .almyra-home .experience-copy p { max-width: 590px; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.8; } .almyra-home .included > .pb-row { /* [ADAPT] builder row */ display: grid; grid-template-columns: 1fr 1fr; margin-top: 34px; border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); } .almyra-home .included > .pb-row > .pb-col { /* [ADAPT] keli */ margin-top: 0; /* [ADAPT] idio me ta specs: bootstrap .row>* gutter */ align-self: stretch; width: 100%; max-width: none; padding: 21px; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); } .almyra-home .included .nqce-heading { /* [ADAPT] titlos = to tou mockup */ font-weight: 700; display: block; color: var(--al-gold-light); font-size: 18px; /* P11, idio me ta `.specs`: to mockup grafei `.included b { display:block; color; font-size:18px }` kai TIPOTA allo -> line-height `normal` = **24**. I diki mas riza edine 27. */ line-height: normal; } /* 🔴 IDIO NEKRO KANONA me ta `.specs`: piane `.nqce-heading2`, klasi pou DEN yparxei pleon (i perigrafi einai `.row.B_Textblock.spec-d`). O MIXANISMOS grafetai mia fora pio pano, genikevmenos se `.spec-d` — edo menei MONO to xroma, pou einai to mono pou allazei anamesa stis dyo enotites (`.specs` -> muted, `.included` -> leuko .68). Elegxthike prin ti genikefsi: `.spec-t`/`.spec-d` yparxoun **MONO** se `.specs` (4) kai `.included` (4) — kamia alli enotita den epireazetai. Metrimeno meta: kelia **109,109,88,88** kai grammes **109px 88px**, taftosima me to mockup. */ .almyra-home .included .spec-d p { color: rgba(255,255,255,.68); } .almyra-home .experience-photo { background: var(--al-experience-image, url("/uploads/almyra-private-rental-reference_412cdd.webp")) center / cover no-repeat; } /* Destinations */ .almyra-home .destinations { background: var(--al-paper); } /* [ADAPT] O builder xorise tin enotita se DYO grammes (section-head + grid), eno to mockup tis exei se MIA

. To orizontio padding tis enotitas metaferetai stis grammes-plegmata pou emeinan ektos. */ /* [ADAPT] To destination-row mpike MESA sti grammi tis enotitas (opos to mockup) -> den thelei padding. To gallery-grid einai AKOMI xexoristi grammi, ara kratae to orizontio padding tis enotitas. Otan mpei kai auto mesa, i grammi apo kato SVINETAI. */ /* AFAIRETHIKE: to gallery-grid mpike MESA sti stili tis enotitas (opos to destination-row kai to mockup), opote kliromonei to padding tis enotitas — to [ADAPT] tha edine dipli esoxi. */ /* [ADAPT] Otan to plegma mpainei MESA sti stili .section-head (opos to mockup), to 'margin-bottom:62px' tou .section-head den ta xorizei pia — to kena pernei to plegma. */ .almyra-home .section-head > .pb-row-box { margin-top: 62px; margin-bottom: 0; } /* [ADAPT] Sto mockup to eyebrow MESA se .section-head exei margin-bottom 0 (metrithike: gallery/destinations = 0, eno sto .about = 24px). To .eyebrow mas dinei 24 pantou. */ .almyra-home .section-head > .eyebrow { margin-bottom: 0; } /* 🔴 [ADAPT] TO `mb-3` TOU BUILDER — oli i apoklisi +16 tis enotitas se MIA idiotita. Metrimeno kelia-pros-kelia: oi treis kartes **260 / 260 / 260**, taftosimes me to mockup, kai to periexomeno TELEIONEI sto IDIO simeio (730.1 kai stis dyo pleures). To `.pb-row-box` omos exei tin klasi **`mb-3`** tou bootstrap -> `margin-bottom: 16px`, eno to `.destination-row` tou mockup exei **0**. Epeidi einai to TELEFTAIO paidi tis enotitas, ta 16 den symptyssontai me tipota: pane kateftheian sto ypsos. (Sto `.experience` i idia klasi yparxei alla ANTISTATHMIZETAI apo alla kena, gi' afto ekei den fainotan. Idio symptoma, allo apotelesma — gi' afto metrietai kata periptosi.) */ /* 🔴 ΔΗΛΩΜΕΝΗ ΕΞΑΙΡΕΣΗ `!important` — η ΤΕΤΑΡΤΗ. Αιτιολόγηση: Το bootstrap ορίζει **`.mb-3 { margin-bottom: 1rem !important }`**. Καμία ειδικότητα δεν το νικά — ούτε ο διπλασιασμός κλάσης, ούτε το `> .pb-row-box`. Ο μόνος τρόπος να επανέλθει η τιμή του mockup (**0**) είναι `!important` απέναντι σε `!important`. Δεν είναι αντισταθμιστικό: το mockup δίνει ρητά 0 στο `.destination-row`, εμείς το γράφουμε — απλώς σε επίπεδο που ακούγεται. Περιορίζεται ΣΚΟΠΙΜΑ στο `.destination-row` και ΔΕΝ γενικεύεται σε όλα τα `.mb-3`: στο `.experience` το ίδιο 16 **αλληλοεξουδετερώνεται** με άλλο κενό και η ενότητα είναι ήδη στο ακριβές μηδέν — καθολικό μηδένισμα θα την έσπαγε κατά −16. Μετρημένο μετά: `.destinations` **856,1 -> 840,1 = mockup**. */ .almyra-home .destination-row { margin-bottom: 0 !important; } /* To `margin-top: 0` edo einai to ALLO miso tou gutter-y: to `.row` exei `margin-top: calc(-1 * var(--bs-gutter-y))` = **-16**. Oso ta kelia kratousan to diko tous +16, ta dyo allilo-akyronontan sti PROTI seira kai to 1440 evgaine miden. Molis midenisa mono ta kelia, emeine akalypto to -16 kai i enotita pige **-16 pantou**, symperilamvanomenou tou 1440. Ta dyo grafontai MAZI i kanena. */ .almyra-home .destination-row > .pb-row { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 0; border-top: 1px solid #cfd2cc; border-left: 1px solid #cfd2cc; width: 100%; } /* [ADAPT] P1 */ /* 🔴 To bootstrap `.row` dinei `margin-top: calc(-1 * var(--bs-gutter-y))` kai to `.row > *` dinei `margin-top: var(--bs-gutter-y)` = **16px**. Se MIA seira afta allilo-akyronontai — gi' afto sta **1440 den fainotan tipota**. Se DYO i TREIS seires omos, kathe epipleon seira kratae ta +16 tis: to keli einai 260 alla i **grammi tou plegmatos ginetai 276**. Metrimeno: 1100 -> +16 · 861 -> +8,1 · 375 -> +8,3. To `.specs` (gr. ~180) to eixe idi· edo eleipe. */ .almyra-home .destination, .almyra-home .destination-row > .pb-row > .pb-col { /* [ADAPT] P6 + i klasi .destination mporei na leipei apo ti stili */ margin-top: 0; min-height: 260px; padding: 34px; border-right: 1px solid #cfd2cc; border-bottom: 1px solid #cfd2cc; } .almyra-home .destination b, .almyra-home .destination-row .dest-num { /* [ADAPT] to Heading vgazei .dest-num anti gia */ color: #aa8035; font-size: 13px; font-weight: 700; letter-spacing: .16em; } /* 🔴 TYFLO SIMEIO γ — TO KOUTI GRAMMIS TO ORIZEI O GONEAS, OXI TO STOIXEIO. Sto mockup to `` einai **inline** mesa sto `.destination`: ta grammata tou einai 13px (kouti 17) alla to **kouti grammis einai 21**, giati to dinei to strut tou goneiou (16px x normal). Se emas i `.dest-num` einai **block** me diko tis 13px -> **19,5**. Diafora **1,5 se kathe karta**. Sta 1440/1100 den fainetai (to `min-height:260` desmevei), alla sta 861 vgazei **-1,5** kai sta 375/320 **-4,5** (tris grammes x 1,5). Anaparagetai o MIXANISMOS: to peritiligma pairnei 16px/normal (ara strut 21) kai to keimeno ginetai **inline sta 13px**. ⚠ To `letter-spacing` MIDENIZETAI sto peritiligma kai ksanagrafetai mesa: einai `.16em`, kai se goneiko 16px tha ypologizotan **2,56 anti 2,08** kai tha klironomeitan lathos. Metrimeno: platos glyfis **18,05 = mockup**, ls **2,08 = mockup**, keli **281,3 · 302,3 · 260** taftosima, `.destinations` **0 se ola ta platl**. */ .almyra-home .destination-row .dest-num { font-size: 16px; line-height: normal; letter-spacing: normal; } .almyra-home .destination-row .dest-num .nqh-t { display: inline; font-size: 13px; letter-spacing: .16em; } /* P11 — to mockup grafei `.destination h3 { margin:55px 0 12px; font-size:29px; font-weight:500 }` kai TIPOTA allo -> line-height `normal` = **38/grammi**. Emeis 34,8. Sta 1440 o titlos einai MIA grammi kai i diafora kryvetai apo to `min-height:260`· sta 375 ginetai **DYO** grammes kai vgainei **69,6 anti 76** = -6,4 se kathe karta. */ .almyra-home .destination h3, .almyra-home .destination-row h3 { margin: 55px 0 12px; font-size: 29px; font-weight: 500; line-height: normal; } .almyra-home .destination p, .almyra-home .destination-row .row.B_Textblock p { margin: 0; color: var(--al-muted); font-size: 14px; line-height: 1.65; } /* Reviews */ .almyra-home .reviews { background: #fff; } .almyra-home .review-shell > .pb-row { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8vw; align-items: center; width: 100%; } /* [ADAPT] P1 */ /* P11 — to mockup grafei `.rating { color; font-size:24px; letter-spacing:.08em }` kai TIPOTA allo: to line-height einai `normal` = **33**. To theme mas edine 1.5 = **36**. I karta odigei to ypsos tou `.review-shell`, ara ta **+3** perasan se oli tin enotita. */ .almyra-home .rating { color: var(--al-gold); font-size: 24px; line-height: normal; letter-spacing: .08em; } .almyra-home .review-shell > .pb-row > .pb-col.review-card { /* [ADAPT] P6 */ padding: 56px; background: var(--al-navy); color: #fff; } .almyra-home .review-card blockquote { margin: 22px 0 26px; font-size: clamp(25px, 3vw, 40px); font-weight: 500; line-height: 1.3; } .almyra-home .review-card p { margin: 0; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.7; } /* Gallery */ .almyra-home .gallery { padding-bottom: 120px; background: #fff; } .almyra-home .gallery-grid > .pb-row { display: grid; grid-template-columns: 1.2fr .8fr .8fr; grid-template-rows: 280px 280px; gap: 12px; width: 100%; } /* [ADAPT] P1 */ .almyra-home .gallery-grid figure, .almyra-home .gallery-grid > .pb-row > .pb-col { margin: 0; overflow: hidden; } /* [ADAPT] */ .almyra-home .gallery-grid > .pb-row > .pb-col:first-child { grid-row: 1 / 3; } /* [ADAPT] to grid item einai i STILI, oxi to figure */ .almyra-home .gallery-grid > .pb-row > .pb-col:nth-child(4) { grid-column: 2 / 4; } /* [ADAPT] */ .almyra-home .gallery-grid figure, .almyra-home .gallery-grid .nqce-single_image, .almyra-home .gallery-grid .nq-si-box { display: block; height: 100%; } /* [ADAPT] to .nq-si-box einai (inline): xoris display:block to height:100% den lynetai kai i eikona menei sto fysiko tis ypsos */ /* 🔴 DILOMENI EXAIRESI — TO MONO !important sto arxeio. To Single image block grafei INLINE style="height:auto" sto kai DEN exei pedio ypsous (elegxthikan kai ta 16 pedia tou orismou). Inline nikaei kathe kanona CSS, opote i mono diadromi einai !important. Katagrafetai gia na min theorithei mpalomo: an pote to block apoktisei pedio ypsous, AFAIRETAI. */ .almyra-home .gallery-grid img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .55s ease; } .almyra-home .gallery-grid figure:hover img { transform: scale(1.035); } /* FAQ */ .almyra-home .faq { background: var(--al-paper); } /* [ADAPT] to fonto meni sto full-bleed kouti, oxi sti grammi */ .almyra-home .faq > .pb-row { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8vw; width: 100%; } /* [ADAPT] P1 */ .almyra-home .faq details { border-top: 1px solid #cfd2cc; } .almyra-home .faq details:last-child { border-bottom: 1px solid #cfd2cc; } /* P11 — to mockup den orizei line-height sto summary: klironomei `normal` apo ti riza TOU. I diki mas riza dinei 1.5 -> **27px**, kai kathe
evgaine **+5** (86 anti 81). Tessera details x 5 = **+20**, akrivos i apoklisi tis enotitas. */ .almyra-home .faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 0; font-size: 18px; font-weight: 600; line-height: normal; cursor: pointer; list-style: none; } .almyra-home .faq summary::-webkit-details-marker { display: none; } .almyra-home .faq summary::after { content: "+"; font-size: 24px; font-weight: 400; } .almyra-home .faq details[open] summary::after { content: "\2212 "; } .almyra-home .faq details p { max-width: 760px; margin: 0; padding: 0 46px 25px 0; color: var(--al-muted); line-height: 1.75; } /* Booking */ /* [ADAPT] P1 — O V prosthese tis dyo stiles (booking-copy / booking-formcol) kai emfanistike i idia pagida me tis esoterikes: to plegma itan sto KOUTI, pou exei ENA paidi (ti grammi). Oi dyo neas stiles moirazan to **410.2px** tis grammis, oxi to platos tis enotitas: 205.1 i kathemia. Metrimeno: enotita **653.5 anti 628**. Prosoxi: i arxiki exei .75fr/1.25fr (410/684), oi esoterikes .8fr/1.2fr — diaforetiko mockup, mi ta enosete. Kai i arxiki exei **5 pedia me select**, oi kroualzieres 4. */ .almyra-home .booking { display: block; background: var(--al-gold); width: 100%; } .almyra-home .booking > .pb-row { display: grid; grid-template-columns: .75fr 1.25fr; gap: 7vw; align-items: center; width: 100%; margin-top: 0; } .almyra-home .booking > .pb-row > .pb-col { width: 100%; max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; } .almyra-home .booking h2 { margin: 0; font-size: clamp(42px, 5vw, 70px); font-weight: 600; line-height: 1.05; letter-spacing: -.04em; } .almyra-home .booking-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; } /* [ADAPT] P1 */ .almyra-home .booking-form label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } .almyra-home .booking-form input, .almyra-home .booking-form select, .almyra-home .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); outline: 0; } .almyra-home .booking-form textarea { min-height: 112px; resize: vertical; } .almyra-home .booking-form .wide { grid-column: 1 / -1; } .almyra-home .submit { min-height: 55px; border: 0; background: var(--al-navy); color: #fff; font-weight: 700; cursor: pointer; } /* [ADAPT] Idio me tis esoterikes: to mockup afinei `line-height: normal` se OLA ta stoixeia tis formas. Metrimeno: label **76.5 -> 74** (mockup 74),
433.5 -> 408. */ .almyra-home .booking-form label, .almyra-home .booking-form input, .almyra-home .booking-form select, .almyra-home .booking-form textarea, .almyra-home .submit, .almyra-home .form-status { line-height: normal; } /* [ADAPT] I eyebrow tis booking eixe `line-height: 30px` apo to theme, to mockup `normal` (20px -> 27). Fainetai MONO stoivagmeno (<=1100), opou to copy orizei to ypsos tis enotitas: **+3px se kathe platos kato apo 1100**. Sta 1440 i forma einai psiloteri, opote den fainotan. */ .almyra-home .booking .eyebrow, .almyra-home .booking .eyebrow > .nqh-t { line-height: normal; } .almyra-home .form-status { grid-column: 1 / -1; min-height: 20px; font-size: 13px; font-weight: 600; } /* [DILOMENI APOKLISI #11] — vl. tin plires aitiologia sto inner-pages.css. Idies times, idies antitheseis· i arxiki exei to idio xryso fonto sti `.booking`. */ .almyra-home .form-status[data-state="ok"] { color: var(--al-navy); } .almyra-home .form-status[data-state="error"] { color: #6b1616; } .almyra-home .submit:disabled { opacity: .65; cursor: default; } .almyra-home :focus-visible { outline: 3px solid var(--al-gold-light); outline-offset: 4px; } @media (max-width: 1100px) { .almyra-home .benefits.benefits.benefits { padding-inline: 22px; } .almyra-home .benefit { grid-template-columns: 1fr; padding: 0 24px; } .almyra-home .benefit-icon, .almyra-home .benefit .nq-ib-icon { margin-bottom: 6px; } .almyra-home .about > .pb-row, /* [ADAPT] */ .almyra-home .experience > .pb-row, /* [ADAPT] */ .almyra-home .faq > .pb-row, /* [ADAPT] P1 — elipe i metatropi: o vasikos kanonas (gr.233) einai idi > .pb-row, ara to override edo den epiane pote kai to faq DEN stoivazotan */ .almyra-home .booking > .pb-row, /* [ADAPT] P1 — to plegma zei sti grammi (vl. vasiko kanona) */ .almyra-home .review-shell > .pb-row { grid-template-columns: 1fr; width: 100%; } /* [ADAPT] P1 */ .almyra-home .about-photo, .almyra-home .experience-photo { min-height: 530px; } .almyra-home .experience-photo { order: -1; } /* 🔴 ΑΠΟΚΛΙΣΗ ΑΠΟ ΤΟ MOCKUP — απόφαση ιδιοκτήτη 2026-08-26: στο κινητό η φωτογραφία του experience ΔΕΝ εμφανίζεται. Το mockup την δείχνει (order:-1, πάνω από το κείμενο). Καταγράφεται στις «Αποκλίσεις parity» του handoff. */ .almyra-home .experience-photo { display: none; } .almyra-home .rental-grid .nqsl-slide { flex-basis: calc((100% - 20px) / 2); } .almyra-home .rental-grid .nqsl-slide figure { height: 300px; } .almyra-home .destination-row > .pb-row { grid-template-columns: 1fr 1fr; width: 100%; } /* [ADAPT] P1 */ .almyra-home .destination:last-child { grid-column: 1 / -1; } } @media (max-width: 860px) { .almyra-home .hero { min-height: 680px; padding: 70px 22px; background-position: 68% center; } .almyra-home .hero h1 { font-size: 55px; } .almyra-home .hero-lead { font-size: 16px; } .almyra-home .hero-note { display: none; } .almyra-home .benefits.benefits.benefits { grid-template-columns: 1fr; padding: 25px 22px; } .almyra-home .benefit { grid-template-columns: 60px 1fr; padding: 25px 0; border-top: 1px solid var(--al-line); border-left: 0; } .almyra-home .benefit:first-child { border-top: 0; } .almyra-home .section { padding: 80px 22px; } .almyra-home .about > .pb-row { /* [ADAPT] */ gap: 50px; } .almyra-home .about-photo { min-height: 440px; } .almyra-home .rental-heading { align-items: flex-end; gap: 20px; } .almyra-home .rental-heading-copy { min-width: 0; } .almyra-home .rental-controls { flex: 0 0 auto; } .almyra-home .rental-control { width: 48px; height: 48px; } .almyra-home .rental-grid:not(.nqsl) { gap: 16px; } .almyra-home .rental-grid .nqsl-slide { flex-basis: 86vw; } .almyra-home .rental-grid .nqsl-slide figure { height: 290px; border-bottom-right-radius: 62px; } .almyra-home .rental-grid .nqsl-slide-in { --rc-x: 25px; --rc-t: 28px; --rc-b: 28px; } .almyra-home .rental-grid .nqsl-slide h3 { font-size: 32px; } .almyra-home .experience-photo { min-height: 480px; } .almyra-home .experience > .pb-row > .pb-col.experience-copy { padding: 70px 22px; } .almyra-home .destination-row > .pb-row { grid-template-columns: 1fr; width: 100%; } /* [ADAPT] P1 */ .almyra-home .destination:last-child { grid-column: auto; } /* 🔴 IDIA PAGIDA me to `.review-card` — TRITI FORA SIMERA. O VASIKOS kanonas exei enallaktiko `.destination-row > .pb-row > .pb-col` = **(0,4,0)**. Afto edo itan `.almyra-home .destination` = **(0,2,0)** -> **den epiane pote**, kai to min-height emene **260 anti 220**. */ .almyra-home .destination, .almyra-home .destination-row > .pb-row > .pb-col { min-height: 220px; } .almyra-home .destination h3, .almyra-home .destination-row h3 { margin-top: 34px; } /* 🔴 DIKO MOU LATHOS EIDIKOTITAS — TETARTI FORA, KAI TO EIXA GRAPSEI OS KANONA. O VASIKOS kanonas (gr. ~341) anevike se `.review-shell > .pb-row > .pb-col.review-card` = **(0,4,0)** gia na piasei to keli tou builder (P6). Afto to media query emeine `.almyra-home .review-card` = **(0,2,0)** -> **DEN EPIANE POTE**. Apotelesma sta 375: padding **56 anti 34/24**, plaisio keimenou **204 anti 268**, kai to blockquote tyligе se **7 grammes anti 4** -> `.reviews` **+122,7**. KANONAS: otan anevazeis tin eidikotita enos vasikou kanona, tin anevazeis KAI se KATHE media query tou. */ .almyra-home .review-shell > .pb-row > .pb-col.review-card { padding: 34px 24px; } .almyra-home .gallery-grid > .pb-row { display: flex; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; width: 100%; } /* [ADAPT] P1 */ .almyra-home .gallery-grid figure, .almyra-home .gallery-grid figure:first-child, .almyra-home .gallery-grid figure:nth-child(4) { flex: 0 0 82vw; height: 460px; grid-column: auto; grid-row: auto; scroll-snap-align: center; } /* [ADAPT] P1 + P11 — o parapano kanonas stoxeue to
, alla to figure DEN einai flex item: to flex item einai i STILI (.pb-col), opos idi simeionetai sti grammi 253. Etsi to flex-basis den efarmozotan pouthena, kai epipleon to .pb-row klironomouse flex-wrap:wrap apo to bootstrap .row (to mockup einai sketo div, default nowrap). Apotelesma: ta 4 kelia me width:100% tyligan se 4 grammes anti na kylane. Metrimeno zontana, ekatera tou oriou, enanti tou mockup: 768: enotita 2209 -> 808 (mockup 808), kelia 630x460 x4 (mockup 630x460 x4), scrollWidth 2555 = 2555, clientWidth 709 = 709 375: enotita 2304 -> 903 (mockup 903), kelia 308x460 x4 (idia me mockup) 900 / 1024 / 1440: AMETABLITA, kai ta kelia taftosima me to mockup (971/979/998 = 971/979/998). Miden orizontia kylisi se ola. Oi times einai autousies tou mockup — prosarmostike MONO o epilogeas. */ .almyra-home .gallery-grid > .pb-row { flex-wrap: nowrap; } .almyra-home .gallery-grid > .pb-row > .pb-col.pb-col { flex: 0 0 82vw; height: 460px; grid-column: auto; grid-row: auto; scroll-snap-align: center; } .almyra-home .booking-form { grid-template-columns: 1fr; width: 100%; } /* [ADAPT] P1 */ .almyra-home .booking-form .wide { grid-column: auto; } } /* [ADAPT] P2 — o builder grafei inline align-items:flex-start sti grammi: xoris auto ta kelia den tentonontai kai spane ta perigrammata. */ .almyra-home .benefits > .pb-col.pb-col { align-self: stretch; width: 100%; max-width: none; } .almyra-home .destination-row > .pb-row > .pb-col.pb-col { align-self: stretch; width: 100%; max-width: none; } .almyra-home .review-shell > .pb-row > .pb-col.pb-col { align-self: center; width: 100%; max-width: none; } /* [ADAPT] to mockup exei align-items:center· to inline tou builder (flex-start) akyronetai apo to align-self */ /* 🔴 SVISTIKE, DEN DIORTHOTHIKE: `.review-shell .nqce-heading2 { margin-top: 16px }`. Itan nekros (i klasi den yparxei), alla i anaviosi tou tha ESPAGE tin enotita: metrimeno me injection, `.reviews` **0 -> +16** kai sta 1440 kai sta 375. To keno pou prospathouse na dosei to dinei pleon **sosta** to kato perithorio `.83em` tou

(vl. pio pano) — opos akrivos to kanei kai to mockup. Diplo keno. */ /* [ADAPT] To mockup DEN orizei megethos gia to h2 ton reviews — kliromonei to default tou browser (24px/700/normal). To diko mas skin dinei 32px, opote to eufigrammizoume. */ .almyra-home .review-shell h2 { margin: .83em 0; font-size: 24px; font-weight: 700; line-height: normal; } /* 🔴 I ARISTERI STILI TOU `.review-shell` — TREIS AITIES, OLES «TO MOCKUP DEN TO DILONEI». Sta 1440 den fainontan: i karta (371) einai psiloteri apo ti stili, ara i stili DEN odigouse to ypsos. Katw apo 1100 i diataxi stoivazetai kai prostithentai — `-40,9` sta 375. 1. eyebrow: to mockup dinei mono `font-size:20px; margin:0 0 24px` -> line-height `normal` = **27**. Emeis 30px -> **+3**. 2.

: sto mockup einai **gymno `

`** xoris kanona -> krataei ta UA margins **`.83em 0` = 19,92**. To theme mas ta midenizei -> **-19,92**. 3. To lead

tou mockup exei **INLINE style**: `color:var(--muted); line-height:1.8` (to eida sto `getAttribute('style')`, den yparxei kanonas gia afto se kanena fyllo). Emeis eixame 24px -> **-24**. 5 grammes x 28,8 = **144**. 3 - 19,92 - 24 = **-40,92**, akrivos i apoklisi. ⚠ O epilogeas tou (3) einai stena periorismenos, gia DYO logous — kai tous dyo tous epathA se afti tin idia diorthosi: · `:not(.review-card)` giati i karta einai ADELFI mesa sto idio `.review-shell`, kai to `.review-card p` (13px/1.7) tha xanotan apo isi eidikotita. · `> .row.B_Textblock p` giati to esoteriko tis eyebrow (`.nqh-t`) einai **kai afto

**: to proto mou grapsimo (`... :not(.review-card) p`) tin ekane 1.8 x 20 = **36**, kai i stili vgike **+9**. P15 apo ton diko mou kanona. Metrimeno se 1440 / 1100 / 861 / 375 / 320: stili **264,1 · 175,5 · 175,5 · 292,9 · 292,9**, taftosimi me to mockup se ola. `.reviews` = **0 kai sta pente**. */ .almyra-home .review-shell .eyebrow, .almyra-home .review-shell .eyebrow > .nqh-t { line-height: normal; } .almyra-home .review-shell > .pb-row > .pb-col:not(.review-card) > .row.B_Textblock p { line-height: 1.8; color: var(--al-muted); } .almyra-home .gallery-grid > .pb-row > .pb-col.pb-col { align-self: stretch; width: 100%; max-width: none; } .almyra-home .faq > .pb-row > .pb-col.pb-col { align-self: stretch; width: 100%; max-width: none; } .almyra-home .about > .pb-row > .pb-col.pb-col { align-self: stretch; width: 100%; max-width: none; } .almyra-home .experience > .pb-row > .pb-col.pb-col { align-self: stretch; width: 100%; max-width: none; } .almyra-home .specs > .pb-row > .pb-col.pb-col { align-self: stretch; width: 100%; max-width: none; } .almyra-home .included > .pb-row > .pb-col.pb-col { align-self: stretch; width: 100%; max-width: none; } /* [ADAPT] P8 — to Text Block (nqce-heading2) vgainei os div.row tou bootstrap, me arnitika margins -12px (--bs-gutter-x/2) kai 12px padding sto .B_wrapper mesa: to kouti tou einai 24px platytero apo ti stili. Sta 1440 to #destinations edine scrollWidth 1436 vs clientWidth 1425 = 11px orizontia kylisi. Midenizontas to gutter fevgoun KAI to negative margin KAI to padding, opote to keimeno DEN metakineitai (metrithike left 115 / right 815 prin kai meta). */ .almyra-home .row.B_Textblock { --bs-gutter-x: 0; } /* ========================== END ALMYRA HOMEPAGE ========================== */ /* Typographic hierarchy for the services statement. */ /* Keep the highlighted homepage statement slightly quieter than its lead-in. */ /* CTA scroll rail — the divider is drawn as the section travels through the viewport, with the dot marking the active end of the line. */ /* Selected work */ /* Studio proof */ /* Capabilities: editorial rows, no generic cards */ /* FAQ */ /* Final CTA */ /* Editorial pull quotes */ /* Primary services intro — editorial statement and three working pillars. */ /* Services — low, lateral contact shadows make the upright panels feel grounded without drawing a literal supporting surface. */ /* Services heading — controlled editorial hierarchy instead of three equally loud display lines. */ /* Workflow — asymmetric editorial composition in the Webbox visual language. */ /* Website scope v2 — open checklist layout, without oversized cards. */ /* Scope polish: one uninterrupted surface, without decorative rules. */ /* Workflow horizontal variant — preserve the original compact four-column information architecture while replacing the generic timeline styling. */ /* Website scope — replaces the temporary workflow content with a clear included/optional service specification. */ /* Final cascade for the approved open checklist variant. */ /* ═══ ΓΕΦΥΡΕΣ builder→mockup DOM (Β, Εγγρ.5/38) — προσαρμογή δομής .pb-row/.pb-col, ΟΧΙ mockup declarations ═══ */ .almyra-home .about > .pb-row > .pb-col, .almyra-home .experience > .pb-row > .pb-col { width: auto; max-width: none; } /* [ADAPT] grid tracks ελέγχουν το πλάτος, όχι το Bootstrap col-6 */ /* ═══════════════════════════════════════════════════════════════════════════ [ΞΕΠΕΡΝΑ #13] ΜΗΔΕΝ ΟΡΙΖΟΝΤΙΑ ΚΥΛΙΣΗ ΣΤΑ 320 — ΑΠΟΦΑΣΗ ΙΔΙΟΚΤΗΤΗ 2026-08-27 Πρώτη φορά που ξεπερνάμε ΣΚΟΠΙΜΑ το mockup. Δεν είναι απόκλιση από αμέλεια: ο ιδιοκτήτης ρωτήθηκε ρητά «μένουμε πιστοί ή το ξεπερνάμε;» και απάντησε «να το ξεπεράσουμε — μηδέν κύλιση παντού». Εδώ ΕΠΙΤΡΕΠΕΤΑΙ να προστεθούν declarations που το mockup δεν έχει. ΑΙΤΙΑ, μετρημένη και στις δύο πλευρές @320 (clientWidth 305): `.experience-copy` = **351,5px** — και στο mockup, ΤΟ ΙΔΙΟ. scrollWidth 351 → 46. Το `.included` μένει **δίστηλο** μέχρι κάτω (το mockup γράφει `1fr 1fr` και στο `@max-860`), και τα κελιά έχουν `padding:21px` + τίτλο `` 18px που **δεν σπάει**: min-content ≈ 165 ανά κελί → η στήλη κειμένου δεν συμπιέζεται κάτω από 307,5, +44 padding = 351,5. Δεν φταίει δικός μας κανόνας — φταίει το ίδιο το mockup. ⚠ Το όριο είναι **360px** και όχι 375: στα 375 το iframe δίνει clientWidth 360 αλλά το media query κρίνεται στο **375**, οπότε ΔΕΝ πιάνει εκεί. Επαληθεύτηκε. Μετρημένο ΜΕΤΑ σε 320 · 375 · 480 · 861 · 1440: υπερχείλιση **46 → 0** στα 320 · **0 → 0** σε ΟΛΑ τα υπόλοιπα καμία ενότητα δεν μετακινήθηκε σε κανένα από τα άλλα τέσσερα πλάτη Μοναδική συνέπεια, αναμενόμενη: στα 320 το `.experience` πάει −480 → −386,2, γιατί το `.included` στοιβάζεται. Είναι το τίμημα του ξεπεράσματος, δηλωμένο. */ @media (max-width: 360px) { .almyra-home .included > .pb-row { grid-template-columns: 1fr; } } /* ═══════════════════════════════════════════════════════════════════════════ 🔴 ΟΡΑΤΟ ΣΦΑΛΜΑ — ΤΟ ΒΕΛΑΚΙ ΤΟΥ SLIDER ΕΠΕΦΤΕ ΠΑΝΩ ΣΤΟΝ ΤΙΤΛΟ ΤΗΣ ΚΑΡΤΑΣ. Το βρήκε ο ιδιοκτήτης: «λευκός κύκλος πέφτει πάνω στον τίτλο Paxos, Antipaxos & Blue Caves, κομμένος σαν μισοφέγγαρο». ΤΑΥΤΟΠΟΙΗΣΗ: `div.swiper-button-prev` — 58×58, `border-radius:50%`, `border: 1px solid #d5cdbd`, φόντο διάφανο, `opacity: .35` (είναι disabled στην πρώτη διαφάνεια), `position: absolute`, `left: 10px`, `z-index: 10`. Μετρημένο ΣΕ ΠΕΝΤΕ ΠΛΑΤΗ, δικό μας έναντι mockup: 1440 · 1100 · 861 · 600 · 375 -> επικάλυψη με το

**true σε ΟΛΑ** Το `top` του ήταν το κέντρο ΟΛΗΣ της διαφάνειας (316–364px), δηλαδή ακριβώς στη ζώνη του κειμένου. ΤΟ MOCKUP ΔΕΝ ΕΧΕΙ ΤΙΠΟΤΑ ΕΚΕΙ. Τα δικά του βελάκια είναι δύο `.rental-control` **στατικά, μέσα στην κεφαλίδα, πάνω δεξιά** (left 1181,8 / 1251,8 · top 342,1 σχετικά με την ενότητα), όχι πάνω από τη λωρίδα. ⚠ ΓΙΑΤΙ ΔΕΝ ΤΑ ΒΑΖΩ ΣΤΗΝ ΚΕΦΑΛΙΔΑ: τα βελάκια είναι **παιδιά του `.swiper`**, που έχει **`overflow: hidden`** (επαληθευμένη αλυσίδα γονέων). Οτιδήποτε τα βγάζει πάνω από τη λωρίδα **κόβεται**. Το `.nqsl` απ' έξω έχει `overflow: visible`, αλλά τα βελάκια δεν είναι παιδιά του. **Δεν λύνεται με CSS — θέλει ο builder να βγάλει τα controls έξω από το `.swiper` (δουλειά Β).** Δεν το αντισταθμίζω (Π17). ΕΝΔΙΑΜΕΣΟ, ΔΗΛΩΜΕΝΟ: τα βελάκια κεντράρονται στη **ζώνη της φωτογραφίας** (270–300px στην κορυφή κάθε κάρτας) αντί στο κέντρο της διαφάνειας. Είναι το συμβατικό σημείο για carousel και **δεν ακουμπάει κείμενο**. Μετρημένο μετά, στα ίδια πέντε πλάτη + 320: επικάλυψη με τίτλο **true -> false παντού** καμία ενότητα δεν μετακινήθηκε · υπερχείλιση αμετάβλητη (0, και στα 320) Όταν ο Β μεταφέρει τα controls στην κεφαλίδα, **αυτός ο κανόνας σβήνεται**. */ /* [SVISTIKE 2026-08-27] Ta dyo endiamesa (thesi 106px kai meta 188px pano sti fotografia) DEN xreiazontai pleon: o B evgale ta velakia se `.nqsl-nav` EXO apo to `.swiper`, kai pane sti thesi tou mockup — stin kefalida. Vl. ton kanona pio kato. */ /* ═══════════════════════════════════════════════════════════════════════════ 🔴 ΤΟ ΒΕΛΑΚΙ ΚΟΒΟΤΑΝ ΔΕΞΙΑ ΣΤΟ HOVER. Το βρήκε ο ιδιοκτήτης. Μετρημένο ζωντανά @1440, δικό μας `/` έναντι `/demo2/`, στον ΙΔΙΟ κανόνα hover: mockup εμείς overflow **visible** **hidden** 🔴 padding-right 0 0 εικονίδιο πριν ακουμπά την άκρη (περιθώριο 0) — ΚΑΙ ΣΤΑ ΔΥΟ hover transform translateX(3px) translateX(3px) ίδιο ξεπερνά το κουμπί +3 → **ζωγραφίζεται** +3 → **ΚΟΒΕΤΑΙ** Δηλαδή η κίνηση είναι ήδη σωστή· λείπει μόνο ο χώρος να φανεί. Το `overflow: hidden` έρχεται από `.nqce-button .nq-btn` — CSS του ΙΔΙΟΥ του στοιχείου (inline