/* ============================================================
   AEGLI HIVE — templates του Hive (hive-home.php, ...)
   Φορτώνεται από το header-hotel.php μόνο όταν brand = hive.
   Τιμές από Figma cscEb765ysNYYfvXbeksHG (canvas 1903px, gutter 20px).
   Κλάσεις: .hh-* (hive home) — BEM.
   ============================================================ */

:root {
  --hive-ink:         #000e1f;
  --hive-brick-light: #d0beb0;
  --hive-brick:       #884b36;
  --hive-beige:       #e7ded7;
}

/* ── Τυπογραφία ─────────────────────────────────────────────── */
.hh-title {
  font-family: 'AeionMono', monospace;
  font-weight: 350;                      /* Aeion Mono Semi Light (Αρχική, Εστιατόριο, Μπαρ, Γυμναστήριο, Εκδηλώσεις) */
  font-size: clamp(32px, calc(4.2 * var(--vw)), 80px);
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
}
.hh-title.reveal-title { margin-top: -0.22em; }   /* `.hh-title{margin:0}` ακύρωνε το αρνητικό margin του .reveal-title → κάθε τίτλος έσπρωχνε ό,τι ακολουθεί κατά +0.22em */
.hh-title--regular { font-weight: 400; }   /* Aeion Mono Regular 80pt: Helix, Humming Bar, Hub Hall, Harmony Studio */
.hh-title--multiline { line-height: 1.19; }   /* Figma: 80/95 */

.hh-subtitle {
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-weight: 400;
  font-size: clamp(18px, calc(1.9 * var(--vw)), 36px);
  line-height: clamp(24px, calc(2.6 * var(--vw)), 50px);
  text-transform: uppercase;
  margin: clamp(10px, calc(1.2 * var(--vw)), 23px) 0 0;  /* Figma: τίτλος → υπότιτλος 23px */
}
.hh-text {
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-weight: 300;
  font-size: clamp(18px, calc(1.9 * var(--vw)), 36px);
  line-height: clamp(22px, calc(2.1 * var(--vw)), 40px);
  text-transform: uppercase;
  margin: 0;
}
.hh-text p { margin: 0 0 1em; }
.hh-text p:last-child { margin-bottom: 0; }

/* Κουμπί — Figma: 42px ύψος, 1px border, TikTok Light 24px, tracking 1.2px */
.hh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 42px;
  padding: 4px 16px 0;
  border: 1px solid currentColor;
  border-radius: 1px;
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-weight: 300;
  font-size: clamp(18px, calc(1.26 * var(--vw)), 24px);
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  transition: background var(--anim-fast) var(--anim-ease), color var(--anim-fast) var(--anim-ease);
}
.hh-btn:hover { background: currentColor; }
.hh-btn:hover span { color: var(--hh-btn-hover-text, #ffffff); }
.hh-cta { text-align: center; margin-top: clamp(60px, calc(9.1 * var(--vw)), 175px); } /* Figma: κείμενο → κουμπί 175px */

/* ── 1. HERO ────────────────────────────────────────────────── */
.hh-hero {
  position: relative;
  height: 100vh;                  /* ίδιο ύψος με το .aegli-hero του Hotel */
  min-height: 560px;
  overflow: hidden;
  background: var(--hive-ink);
}
.hh-hero__media {               /* image-reveal (+ anim-parallax στην Αρχική), όπως .aegli-hero__media */
  position: absolute;
  inset: 0;
}
.hh-hero img.hh-hero__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hh-hero__logo {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 36%;                               /* Figma: logo top 390 σε hero 949 → 33.5%, οπτικά κεντραρισμένο */
  transform: translate(-50%, -20%);
  height: clamp(140px, calc(13 * var(--vw)), 250px);
  width: auto;
}

/* ── Κοινά: split (κείμενο | εικόνα) και wide εικόνα ─────────── */
.hh-split {
  display: grid;
  /* Εικόνα 706px (Figma) — στα 1440 ≈ 691px όπως το Hotel */
  grid-template-columns: minmax(0, 1fr) min(max(706px, calc(706 * 100vw / 1920)), 48vw);
  column-gap: clamp(40px, calc(7.5 * var(--vw)), 144px);  /* Figma: 924 → 1068 */
  align-items: start;
}
.hh-split--image-left {
  grid-template-columns: min(max(706px, calc(706 * 100vw / 1920)), 48vw) minmax(0, 1fr);
}
.hh-split__media { margin: 0; }
.hh-split__media img { width: 100%; height: auto; aspect-ratio: 706 / 966; object-fit: cover; display: block; } /* σταθερό layout πριν φορτώσει η lazy εικόνα */
.hh-wide {
  display: flex;
  justify-content: center;
  margin: 0;
}
.hh-wide img {
  width: 100%;
  max-width: max(809px, calc(809 * 100vw / 1920));                       /* Figma: 809×539 κεντραρισμένη */
  height: auto;
  aspect-ratio: 809 / 539;
  object-fit: cover;
  display: block;
}

/* ── 2. INTRO «Heritage Echo» + 3. STAY «Industrial Grace» (brick light) ── */
.hh-intro {
  background: var(--hive-brick-light);
  color: var(--hive-ink);
  --hh-btn-hover-text: var(--hive-brick-light);
  padding: 10px 0 clamp(120px, calc(24 * var(--vw)), 461px);  /* Figma: 1021→1031 πάνω, 5147→5608 κάτω */
}
.hh-intro__head .hh-subtitle { margin-top: clamp(16px, calc(2 * var(--vw)), 38px); }   /* Figma: 1221 → 1259 */
.hh-intro__split { margin-top: clamp(40px, calc(7.3 * var(--vw)), 140px); padding-right: clamp(0px, calc(5.7 * var(--vw)), 109px); } /* 1359 → 1499, δεξί κενό 109 */
.hh-intro__split .hh-split__text { padding-top: clamp(40px, calc(7.3 * var(--vw)), 140px); } /* εικόνα 1499 → κείμενο 1639 */

.hh-stay { padding-top: clamp(80px, calc(18 * var(--vw)), 345px); padding-left: clamp(0px, calc(5.7 * var(--vw)), 109px); } /* 3004 → 3349, αριστερό κενό 109 */
.hh-stay .hh-split__media { margin-top: clamp(0px, calc(15.4 * var(--vw)), 293px); }    /* τίτλος 3349 → εικόνα 3642 */
.hh-stay .hh-text { margin-top: clamp(60px, calc(14.7 * var(--vw)), 280px); }           /* υπότιτλος 3502 → κείμενο 3782 */

/* ── 4. RESTAURANT «Savor the moment» (navy) ────────────────── */
.hh-restaurant {
  position: relative;
  background: var(--hive-ink);
  color: #ffffff;
  --hh-btn-hover-text: var(--hive-ink);
  padding: clamp(60px, calc(9.5 * var(--vw)), 180px) 0;
  overflow: hidden;
}
.hh-restaurant__media {
  position: relative;
  display: flex;
  justify-content: center;
}
.hh-restaurant__media img {
  position: relative;
  z-index: 2;                             /* η φωτό ΠΑΝΩ από το κυλιόμενο κείμενο, όπως .breakfast-image του Hotel */
  width: 100%;
  max-width: max(809px, calc(809 * 100vw / 1920));                       /* Figma: 809×1107 */
  height: auto;
  aspect-ratio: 809 / 1107;
  object-fit: cover;
  display: block;
}
/* Marquee: δύο σειρές 140px Aeion Mono, πάνω από τη φωτό (Figma y 6302 / 6460 σε εικόνα 5788–6895) */
.hh-marquee {
  position: absolute;
  left: 50%;
  top: 46.4%;
  transform: translateX(-50%);
  width: 100vw;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;                             /* πίσω από τη φωτό, όπως .breakfast-bg-title του Hotel */
}
.hh-marquee .marquee { display: flex; width: max-content; }
/* Ταχύτητα ίδια με το Hotel (~24px/s @1440): η λωρίδα είναι ~9× πιο πλατιά, άρα 9× μεγαλύτερη διάρκεια (270s αντί 30s) */
.hh-marquee .marquee-left  { animation-duration: 270s; }
.hh-marquee .marquee-right { animation-duration: 270s; }
.hh-marquee .marquee span {
  display: block;
  font-family: 'AeionMono', monospace;
  font-weight: 400;
  font-size: clamp(48px, calc(7.3 * var(--vw)), 140px);
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  white-space: nowrap;
  padding-right: 0.5em;
}
.hh-marquee .marquee-right {
  margin-top: clamp(6px, calc(0.95 * var(--vw)), 18px);
  /* Figma: η 2η σειρά μετατοπισμένη κατά μισή φράση (x−73 έναντι x669). Ίδια κίνηση με το Hotel (30s),
     απλώς ξεκινά 2.5s «μπροστά»: 12 φράσεις ανά διαδρομή, −50% σε 30s → 1 φράση / 5s. */
  animation-delay: -22.5s;
}
.hh-restaurant__content { margin-top: clamp(60px, calc(9.6 * var(--vw)), 184px); }      /* εικόνα 6895 → τίτλος 7079 */
.hh-restaurant__content .hh-text { margin-top: clamp(10px, calc(1.1 * var(--vw)), 21px); }

/* ── 5. BAR «Humming Bar» (brick) ───────────────────────────── */
.hh-bar {
  background: var(--hive-brick);
  color: #ffffff;
  --hh-btn-hover-text: var(--hive-brick);
  padding: clamp(60px, calc(9.9 * var(--vw)), 188px) 0 clamp(60px, calc(9.5 * var(--vw)), 180px);
}
.hh-bar__media { display: flex; justify-content: center; }
.hh-bar__media img { width: 100%; max-width: max(1200px, calc(1200 * 100vw / 1920)); height: auto; aspect-ratio: 1200 / 800; object-fit: cover; display: block; } /* Figma: 1200×800 */
.hh-bar__content { margin-top: clamp(60px, calc(8.9 * var(--vw)), 170px); }             /* εικόνα 8750 → τίτλος 8920 */
.hh-bar__content .hh-text { margin-top: clamp(10px, calc(1.1 * var(--vw)), 21px); }

/* ── 6. EVENTS «Hub Hall» (brick light) ─────────────────────── */
.hh-events {
  background: var(--hive-brick-light);
  color: var(--hive-ink);
  --hh-btn-hover-text: var(--hive-brick-light);
  padding: clamp(60px, calc(9.5 * var(--vw)), 180px) 0 clamp(60px, calc(9.5 * var(--vw)), 180px);   /* Figma: το κουμπί (10881) είναι πιο χαμηλά από τη φωτό (10797) → 180 κάτω από το κουμπί */
}
.hh-events .hh-split { padding-right: clamp(0px, calc(5.7 * var(--vw)), 109px); }
.hh-events .hh-split__text { padding-top: clamp(40px, calc(5.8 * var(--vw)), 110px); }  /* εικόνα 9831 → τίτλος 9941 */
.hh-events .hh-text { margin-top: clamp(60px, calc(14.7 * var(--vw)), 280px); }         /* υπότιτλος 10144 → κείμενο 10424 */

/* ── 7. GYM «Harmony Studio» (navy, κείμενο πάνω στη φωτό) ──── */
.hh-gym {
  background: var(--hive-ink);
  color: #ffffff;
  padding: 20px 0;
}
.hh-gym__media { position: relative; }
.hh-gym__media img { width: 100%; height: auto; aspect-ratio: 1863 / 1048; object-fit: cover; display: block; } /* Figma: 1863×1048 */
.hh-gym__content {
  position: absolute;
  inset: 0;
  padding: clamp(40px, calc(6.3 * var(--vw)), 121px) 0 clamp(40px, calc(5.6 * var(--vw)), 107px);        /* τίτλος 121 από την κορυφή, κουμπί 107 από το κάτω */
  display: flex;
  flex-direction: column;
}
.hh-gym__content .hh-subtitle { max-width: 904px; }
.hh-gym__content .hh-text { margin-top: clamp(60px, calc(14.7 * var(--vw)), 280px); }    /* υπότιτλος 11405 → κείμενο 11685 */
.hh-gym__content .hh-cta { margin-top: auto; color: var(--hive-ink); --hh-btn-hover-text: #ffffff; } /* Figma: σκούρο κουμπί */
.hh-gym__content .hh-cta .hh-btn:hover { background: var(--hive-ink); }

/* Πλάτη κειμένων (Figma: 904px στήλη ή 1863px full) */
.hh-w-904 { max-width: 904px; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .hh-split, .hh-split--image-left { column-gap: 32px; }
}
@media (max-width: 900px) {
  .hh-hero { height: 100vh; min-height: 420px; }   /* ίδιο με .aegli-hero του Hotel (100vh σε όλα τα πλάτη) */
  .hh-split, .hh-split--image-left { grid-template-columns: 1fr; row-gap: 32px; }
  .hh-split--image-left .hh-split__media { order: 2; }
  .hh-intro__split, .hh-events .hh-split { padding-right: 0; }
  .hh-stay { padding-left: 0; }
  .hh-stay .hh-split__media { margin-top: 0; }
  .hh-intro__split .hh-split__text, .hh-events .hh-split__text { padding-top: 0; }
  .hh-stay .hh-text, .hh-events .hh-text, .hh-gym__content .hh-text { margin-top: 24px; }
  .hh-cta { margin-top: 32px; }
  .hh-marquee { top: 42%; }
  /* Gym: το κείμενο κάτω από τη φωτό, όχι πάνω της */
  .hh-gym__content { position: static; padding: 24px 0 8px; }
  .hh-gym__content .hh-cta { margin-top: 32px; color: #ffffff; --hh-btn-hover-text: var(--hive-ink); }
  .hh-gym__content .hh-cta .hh-btn:hover { background: #ffffff; }
}

/* ── Footer Hive — Figma «Footer Component HIVE» (1:1469): wordmark 90×78 ── */
.aegli-footer--hive .footer-logo--main {
  height: clamp(56px, calc(4.1 * var(--vw)), 78px);
  width: auto;
}

/* Τα reveal animations μεγεθύνουν τις εικόνες ×1.05: κόβουμε την οριζόντια υπερχείλιση
   στις ενότητες των κοινών templates (π.χ. «Το Ξενοδοχείο» Hive), χωρίς να χαλάει το sticky. */
.brand--hive .inner-hero,
.brand--hive .aegli-experience,
.brand--hive .landmark-section,
.brand--hive .rooms-section { overflow-x: clip; }

/* Επικοινωνία Hive: «GET DIRECTIONS» σε Aeion Mono Semi Bold (προδιαγραφή H10) */
.brand--hive .contact-btn { font-family: 'AeionMono', monospace; font-weight: 600; }

/* ── Το Ξενοδοχείο — «Living Culture» (Figma H02 1:1023, aegli-hotel-history.php) ──
   Μπεζ ενότητα y3421→6535: τίτλος Aeion Mono 80 κεντραρισμένος, «ΤΟΠΟΘΕΣΙΑ» 64/70, υπότιτλος 36/40,
   κείμενο 26/40, φωτό 1200×800 κέντρο και ζεύγος 787×525 (αριστερά x144 / δεξιά x972, +263 πιο χαμηλά). */
.hh-location {
  background: var(--hive-beige);
  color: var(--hive-ink);
  padding: clamp(60px, calc(5.25 * var(--vw)), 100px) 0 clamp(60px, calc(9.5 * var(--vw)), 180px);   /* 3421→3521 · 6355→6535 */
}
.hh-location__title { text-align: center; }
.hh-location__heading {
  margin: clamp(48px, calc(6.8 * var(--vw)), 130px) 0 0;                              /* 3601 → 3731 */
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-weight: 400;
  font-size: clamp(28px, calc(3.36 * var(--vw)), 64px);
  line-height: 1.09;
  text-transform: uppercase;
}
.hh-location__lead {
  margin: clamp(8px, calc(0.8 * var(--vw)), 15px) 0 0;                                /* 3801 → 3816 */
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-weight: 300;
  font-size: clamp(18px, calc(1.9 * var(--vw)), 36px);
  line-height: 1.11;
  text-transform: uppercase;
}
.hh-location__text {
  margin-top: clamp(60px, calc(14.5 * var(--vw)), 277px);                              /* 3856 → 4133 */
  font-family: 'TikTok Sans 18pt SemiExpanded', sans-serif;
  font-weight: 300;
  font-size: clamp(16px, calc(1.37 * var(--vw)), 26px);
  line-height: 1.54;                                                   /* 26/40 */
}
.hh-location__text p { margin: 0 0 40px; }   /* Figma: κενή γραμμή 26/40 */
.hh-location__text p:last-child { margin-bottom: 0; }
.hh-location__a { margin: clamp(48px, calc(4.7 * var(--vw)), 89px) auto 0; width: min(1200px, calc(63 * var(--vw))); }   /* 1200/1903 */   /* 4533 → 4622 */
.hh-location__a img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.hh-location__pair {
  display: grid;
  grid-template-columns: 1fr 1fr;                                      /* 787 + 41 + 787 */
  column-gap: 2.2%;
  margin: clamp(48px, calc(7.6 * var(--vw)), 145px) 6.66% 0;                           /* 5422 → 5567 · x144 … 1759 (124/1863 και από τις δύο πλευρές) */
  align-items: start;
}
.hh-location__pair img { width: 100%; height: auto; aspect-ratio: 787 / 525; object-fit: cover; display: block; }
.hh-location__pair figure { margin: 0; }
.hh-location__c { margin-top: calc(13.8 * var(--vw)) !important; }                    /* y5830 − y5567 = 263 */
@media (max-width: 900px) {
  .hh-location__pair { grid-template-columns: 1fr; margin: 32px 0 0; row-gap: 32px; }
  .hh-location__c { margin-top: 0 !important; }
}

/* ── Το Ξενοδοχείο — «Ο ΠΑΛΜΟΣ…» (Figma H02): σταθερές αναλογίες φωτό, ανεξάρτητα από το αρχείο ── */
.aegli-experience--hive .experience-col--small img { height: auto; aspect-ratio: 547 / 285; object-fit: cover; }
.aegli-experience--hive .experience-col--large img { height: auto; aspect-ratio: 911 / 971; object-fit: cover; }

/* ── Διαμονή (Figma H03 1:939) ─────────────────────────────────
   Κείμενο 2 γραμμών: τέλος 539 → διαχωριστική γραμμή 654 (115) · φωτό 911×539, κείμενο x979 */
.rooms-section--hive .room-item__image img { aspect-ratio: 911 / 539; object-fit: cover; }

/* ── Δωμάτιο (Figma H04 1:832): σταθερές αναλογίες φωτό ανεξάρτητα από το αρχείο ── */
.brand--hive .room-hero__image img { aspect-ratio: 1863 / 1048; object-fit: cover; }
.brand--hive .room-features__image img { aspect-ratio: 706 / 966; object-fit: cover; }
.brand--hive .room-gallery__col img { aspect-ratio: 911 / 600; object-fit: cover; }
.brand--hive .room-gallery__row--single img { aspect-ratio: 3 / 2; object-fit: cover; }

/* ── Gallery (Figma H09 1:391): 911×600, με 4 ψηλές 911×1100 (αριστερά 1η & 7η, δεξιά 5η & 7η) ── */
.brand--hive .gallery-col-page img { aspect-ratio: 911 / 600; object-fit: cover; height: auto; }
.brand--hive .gallery-col-page:nth-child(1) img:nth-child(1),
.brand--hive .gallery-col-page:nth-child(1) img:nth-child(7),
.brand--hive .gallery-col-page:nth-child(2) img:nth-child(5),
.brand--hive .gallery-col-page:nth-child(2) img:nth-child(7) { aspect-ratio: 911 / 1100; }

/* ── Επικοινωνία (Figma H10 1:334): φωτό 706×966 ── */
.brand--hive .contact-image img { aspect-ratio: 706 / 966; object-fit: cover; height: auto; }

/* Διαμονή: ο τίτλος δωματίου (.room-title{margin:0 0 18px}) έχανε το αρνητικό margin του .reveal-title → +0.22em σε ό,τι ακολουθεί */
.brand--hive .room-title.reveal-title { margin-top: -0.22em; }

/* ── Hive: Πολιτική Απορρήτου, Όροι Χρήσης, Ευκαιρίες Καριέρας — μπεζ φόντο όπως η Επικοινωνία (Figma H10) ── */
.brand--hive .legal-section,
.brand--hive .career-section { background: var(--hive-beige); color: var(--hive-ink); }

/* ── Desktop (>900px): γεωμετρία Figma των Hive σελίδων. Σε κινητό/tablet ισχύει το mobile σύστημα (responsive.css + block παρακάτω) ── */
@media (min-width: 901px) {
  .aegli-experience--hive .experience-row--header { margin-bottom: min(277px, calc(14.56 * var(--vw))); }   /* Figma: υπότιτλος (y1256) → μεγάλη φωτό (y1690) = 434 */
  .aegli-experience--hive { padding-bottom: 100px; }                                         /* Figma: κείμενο τέλος 3321 → μπεζ ενότητα 3421 */
  .rooms-hero--hive { padding-top: 183px; padding-bottom: 109px; }                           /* Figma H03: τίτλος y183 (το fixed header δεν δίνει χώρο) · κείμενο → γραμμή 654 */
  .rooms-section--hive .room-item { grid-template-columns: minmax(0, 911fr) minmax(0, 889fr); }
  .brand--hive .room-description { margin-bottom: 123px; }                                   /* Figma: κείμενο τέλος 821 → κουμπί 953 */
  .brand--hive .room-hero__description { padding-bottom: 61px; }                             /* Figma: περιγραφή τέλος 1491 → κάθετη φωτό 1552 */
  .brand--hive .room-gallery__row--reversed { padding-bottom: 180px; }                       /* Figma H04: τελευταία φωτό τέλος 5556 → τέλος γκαλερί 5736 */
  .brand--hive .contact-btn { min-width: 296px; }                                            /* Figma H10: GET DIRECTIONS 296×42 */
  .brand--hive .contact-image { padding-left: 12.3%; }                                       /* Figma: φωτό x1068 */
}

/* ═════════════════════════════════════════════════════════════════
   MOBILE / TABLET (≤900) — Hive: ίδιο σύστημα με το Aegli Hotel
   Tokens από responsive.css (--m-h1, --m-sub, --m-body): H1 σελίδων · υπότιτλοι/lead 24/1.3 ·
   κείμενο 17/1.5 · κουμπιά 54px, auto πλάτος, αριστερά · κάθετος ρυθμός 48–64 / 12–16 / 28–32 / 24 / 40.
   Το desktop (>900) δεν αγγίζεται.
   ═════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  /* Τυπογραφία */
  .hh-title, .hh-location__title { font-size: clamp(26px, calc(8.2 * var(--vw)), 44px); line-height: 1.1; }   /* Aeion Mono: πολύ φαρδιά mono, όπως .hotel-text-hive h2 */
  .hh-title--multiline { line-height: 1.12; }
  .brand--hive .hi-title, .hh-location__heading { font-size: var(--m-h1); line-height: 1.12; }
  .hh-subtitle, .brand--hive .hi-lead, .hh-location__lead, .hh-text { font-size: var(--m-sub); line-height: 1.3; }
  .brand--hive .hi-intro, .brand--hive .hi-bullets, .hh-location__text { font-size: var(--m-body); line-height: 1.5; }
  .brand--hive .hi-form__recaptcha, .brand--hive .hi-form .wpcf7-not-valid-tip { font-size: var(--m-small); }

  /* Κουμπιά: 54px, auto πλάτος, αριστερά */
  .hh-btn { min-height: 54px; padding: 0.24em 28px 0; font-size: 16px; }
  .hh-cta { text-align: left; margin-top: 32px; }
  .hh-gym__content .hh-cta { margin-top: 32px; }

  /* Αρχική */
  .hh-intro { padding: 48px 0 56px; }
  .hh-intro__head .hh-subtitle { margin-top: 16px; }
  .hh-intro__split { margin-top: 32px; }
  .hh-wide { margin-top: 40px; }
  .hh-stay { padding-top: 48px; }
  .hh-stay .hh-text, .hh-events .hh-text, .hh-gym__content .hh-text,
  .hh-restaurant__content .hh-text, .hh-bar__content .hh-text { margin-top: 16px; }
  .hh-restaurant { padding: 56px 0; }
  .hh-restaurant__content, .hh-bar__content { margin-top: 40px; }
  .hh-bar { padding: 56px 0; }
  .hh-events { padding: 56px 0 64px; }
  .hh-restaurant__content .hh-subtitle, .hh-bar__content .hh-subtitle { margin-top: 12px; }
  .hh-gym__content { padding: 32px 0 24px; }

  /* Εσωτερικές (Εστιατόριο, Μπαρ, Γυμναστήριο, Εκδηλώσεις) */
  .brand--hive .hi-body { padding: 48px 0 64px; }
  .brand--hive .hi-lead { margin-top: 12px; }
  .brand--hive .hi-intro { margin-top: 16px; }
  .brand--hive .hi-media-a { margin-top: 40px; }
  .hh-title.hi-section-title.reveal-title { margin-top: calc(56px - 0.22em); }
  .brand--hive .hi-section-subtitle { margin-top: 12px; }
  .brand--hive .hi-gallery > .hi-gallery__b { margin-top: 32px; }
  .brand--hive .hi-form { margin-top: 48px; }

  /* Το Ξενοδοχείο — Living Culture */
  .hh-location { padding: 56px 0 64px; }
  .hh-location__heading { margin-top: 24px; }
  .hh-location__lead { margin-top: 12px; }
  .hh-location__text { margin-top: 24px; }
  .hh-location__text p { margin-bottom: 16px; }
  .hh-location__a { width: 100%; margin-top: 32px; }
  .hh-location__pair { margin-top: 24px; row-gap: 24px; }
}

/* Τα reveal animations μεγεθύνουν τις φωτό ×1.03–1.06 και το clip-path δεν μειώνει το scrollable overflow → κόβουμε οριζόντια σε κάθε ενότητα Hive (≥768 έδινε +2…10px scroll) */
.brand--hive section,
.brand--hive .room-gallery { overflow-x: clip; }

/* ── Σταθερό πλάτος κειμένων σε πολύ πλατιές οθόνες / zoom out ──
   Τα κείμενα κρατούν το πλάτος που έχουν στα 1920px (δεν απλώνονται με την οθόνη). */
.hh-title, .hh-subtitle, .hh-text { max-width: calc(1920px - 2 * var(--content-gutter)); }
.hh-split__text { max-width: 900px; }