/*
 * Geonutrition — the approved mockup's stylesheet (custom.css), copied by _build/build-assets.js.
 * Do not edit here: change the mockup's custom.css and re-run the build. WordPress-only fixes
 * live in db-gn-wp.css.
 */

/* ---------------------------------------------------------------------
   1. TOKENS & BASE
   --------------------------------------------------------------------- */
:root {
  --ink: #26473A;
  --ink-2: #2E4A3F;
  --ink-3: #4F635A;
  --coral: #F27348;
  --coral-ink: #B4441C;        /* coral for small text on light bg (AA) */
  --lime: #A7AE37;
  --lime-ink: #646A16;         /* chartreuse for small text on light bg (AA) */
  --blush: #8CA096;
  --blush-2: #E3E9E5;
  --ivory: #F2F3EC;
  --paper: #F8F9F4;
  --white: #FFFFFF;
  --line: rgba(38, 71, 58, .12);
  --line-light: rgba(242, 243, 236, .18);

  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 48px; --s6: 64px; --s7: 96px; --s8: 128px;
  --section: var(--s8);
  --head-gap: var(--s6);
  --gap: var(--s4);
  --gutter: 40px;
  --maxw: 1280px;

  --r-sm: 12px;
  --r: 20px;
  --r-lg: 28px;

  --f-title: "Google Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-text: "Sofia Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ease: cubic-bezier(.2, .7, .2, 1);

  /* Flatsome variables */
  --fs-color-primary: var(--lime);
  --fs-color-secondary: var(--coral);
  --fs-experimental-link-color: var(--ink);
  --fs-experimental-link-color-hover: var(--coral-ink);
  --flatsome-scroll-padding-top: 96px;
}
@media (max-width: 849px) { :root { --section: var(--s7); --head-gap: var(--s5); --gap: var(--s3); --gutter: 32px; } }
@media (max-width: 549px) { :root { --section: 72px; --head-gap: 40px; --gap: 20px; --gutter: 20px; } }

body.gn {
  background: var(--ivory);
  color: var(--ink-2);
  font-family: var(--f-text);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
  overflow-x: hidden;
}
@media (max-width: 549px) { body.gn { font-size: 16px; } }

.gn h1, .gn h2, .gn h3, .gn h4 {
  font-family: var(--f-title); color: var(--ink); font-weight: 600;
  letter-spacing: -.025em; line-height: 1.12; margin: 0; width: auto;
}
.gn h1 { font-size: clamp(2.6rem, 5.6vw, 5rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.04; }
.gn h2 { font-size: clamp(2rem, 3.6vw, 3.2rem); }
.gn h3 { font-size: 1.3rem; letter-spacing: -.015em; line-height: 1.25; }
.gn h4 { font-size: 1.1rem; letter-spacing: -.01em; line-height: 1.3; }
.gn p { margin: 0 0 var(--s2); }
.gn p:last-child { margin-bottom: 0; }
.gn strong { font-weight: 500; color: var(--ink); }
.gn ul, .gn ol { list-style: none; margin: 0; padding: 0; }
.gn li { margin: 0; }
.gn img { display: block; max-width: 100%; height: auto; }
.gn a { transition: color .25s var(--ease); }

.gn :focus { outline: none; }
.gn :focus-visible { outline: 2px solid var(--coral); outline-offset: 4px; border-radius: 6px; }
.gn-skip {
  position: absolute; left: var(--s2); top: -64px; z-index: 1000; padding: var(--s1) var(--s2);
  background: var(--ink); color: var(--ivory) !important; border-radius: 999px; transition: top .2s;
}
.gn-skip:focus { top: var(--s2); }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.gn-icon { width: 1.15em; height: 1.15em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

@media (prefers-reduced-motion: reduce) {
  .gn *, .gn *::before, .gn *::after { transition: none !important; animation: none !important; }
}

/* ---------------------------------------------------------------------
   2. LAYOUT — Flatsome section / row / col normalised to the spacing rule
   [section] → .section · [row] → .row (12-col grid) · [col span=N] → .col.large-N
   --------------------------------------------------------------------- */
.gn .section { display: block; padding: var(--section) 0; min-height: 0; }

.gn .row {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--gap); row-gap: var(--gap);
  max-width: calc(var(--maxw) + var(--gutter) * 2); width: 100%;
  margin: 0 auto; padding: 0 var(--gutter);
}

.gn .row > .col { padding: 0; max-width: none; flex: none; width: auto; grid-column: span 12; min-width: 0; }

/* ---------------------------------------------------------------------
   3. TYPE HELPERS · BUTTONS · LINKS
   --------------------------------------------------------------------- */

.gn .button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 56px; padding: 0 var(--s4); margin: 0;
  font-family: var(--f-text); font-size: .97rem; font-weight: 500; letter-spacing: .01em; text-transform: none; line-height: 1.2;
  border-radius: 999px; border: 1px solid transparent; box-shadow: none;
  transition: background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);
}
.gn .button .gn-icon { width: 18px; height: 18px; transition: transform .3s var(--ease); }

/* ---------------------------------------------------------------------
   4. HEADER — transparent over the video, solid frosted ivory on scroll
   --------------------------------------------------------------------- */
.gn-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 90;
  transition: background .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
  border-bottom: 1px solid transparent;
}
.gn-header__bar {
  max-width: calc(var(--maxw) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter);
  height: 96px; display: flex; align-items: center; justify-content: space-between; gap: var(--s4);
  transition: height .4s var(--ease);
}
.gn-logo { display: flex; align-items: center; flex: none; }

.gn-logo img { width: 44px; height: auto; transition: width .4s var(--ease); }

.gn-nav__list { display: flex; align-items: center; gap: var(--s1); }
.gn-nav__item { position: relative; }
.gn-nav__link {
  display: inline-flex; align-items: center; gap: 6px; padding: var(--s1) 14px;
  font-size: .95rem; font-weight: 400; color: var(--ivory); border-radius: 999px; line-height: 1.5;
}
.gn-nav__link .gn-icon { width: 14px; height: 14px; opacity: .7; transition: transform .3s var(--ease); }
.gn-nav__item:hover > .gn-nav__link, .gn-nav__item:focus-within > .gn-nav__link { color: var(--blush); }
.gn-nav__item:hover > .gn-nav__link .gn-icon, .gn-nav__item:focus-within > .gn-nav__link .gn-icon { transform: rotate(180deg); }

.gn-dropdown {
  position: absolute; top: calc(100% + 12px); left: 0; min-width: 280px; padding: var(--s2);
  background: var(--paper); border-radius: var(--r); border: 1px solid var(--line);
  box-shadow: 0 24px 60px -30px rgba(38, 71, 58,.35);
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity .25s var(--ease), transform .25s var(--ease), visibility .25s;
}
.gn-dropdown::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.gn-nav__item:hover > .gn-dropdown, .gn-nav__item:focus-within > .gn-dropdown { opacity: 1; visibility: visible; transform: none; }
.gn-nav__item.is-closed > .gn-dropdown { opacity: 0; visibility: hidden; }
.gn-dropdown a {
  display: block; padding: 10px var(--s2); border-radius: var(--r-sm);
  font-size: .94rem; line-height: 1.35; color: var(--ink);
}
.gn-dropdown a:hover { background: var(--ivory); color: var(--coral-ink); }

.gn-header__actions { display: flex; align-items: center; gap: var(--s2); }

.gn-burger {
  display: none; width: 48px; height: 48px; min-height: 0; margin: 0; padding: 0; border-radius: 50%;
  align-items: center; justify-content: center; line-height: 1;
  background: transparent; border: 1px solid rgba(242, 243, 236,.5); color: var(--ivory);
}
.gn-burger .gn-icon { width: 22px; height: 22px; }

/* scrolled / solid state */
.gn-header.is-solid {
  background: rgba(242, 243, 236, .86);
  -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%);
  border-bottom-color: var(--line);
}
.gn-header.is-solid .gn-header__bar { height: 80px; }

.gn-header.is-solid .gn-logo img { width: 40px; }
.gn-header.is-solid .gn-nav__link { color: var(--ink); }
.gn-header.is-solid .gn-nav__item:hover > .gn-nav__link, .gn-header.is-solid .gn-nav__item:focus-within > .gn-nav__link { color: var(--coral-ink); }
.gn-header.is-solid .gn-burger { border-color: var(--line); color: var(--ink); }

@media (max-width: 1099px) {
  .gn-nav { display: none; }
  .gn-burger { display: inline-flex; }
}
@media (max-width: 549px) {
  .gn-header__bar { height: 80px; gap: var(--s2); }
  .gn-header.is-solid .gn-header__bar { height: 72px; }
  
  .gn-logo img { width: 38px; }
  
  .gn-header.is-solid .gn-logo img { width: 34px; }
  
  
  .gn-burger { width: 44px; height: 44px; }
}

/* ----- Mobile menu ----- */
.gn-mnav { position: fixed; inset: 0; z-index: 150; visibility: hidden; }
.gn-mnav.is-open { visibility: visible; }
.gn-mnav__backdrop { position: absolute; inset: 0; background: rgba(38, 71, 58,.5); opacity: 0; transition: opacity .3s; }
.gn-mnav.is-open .gn-mnav__backdrop { opacity: 1; }
.gn-mnav__panel {
  position: absolute; top: 0; right: 0; bottom: 0; width: min(440px, 100%);
  background: var(--paper); display: flex; flex-direction: column;
  transform: translateX(100%); transition: transform .4s var(--ease);
}
.gn-mnav.is-open .gn-mnav__panel { transform: none; }
.gn-mnav__top { display: flex; align-items: center; justify-content: space-between; padding: var(--s2) var(--gutter); border-bottom: 1px solid var(--line); min-height: 80px; }
.gn-mnav__top img { width: 40px; height: auto; }
.gn-mnav__body { flex: 1; overflow-y: auto; padding: var(--s3) var(--gutter) var(--s5); }
.gn-mnav__cta { margin-bottom: var(--s3); }
.gn-mnav__cta .button { width: 100%; }
.gn-mnav__group { border-bottom: 1px solid var(--line); }
.gn-mnav__row { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); }
.gn-mnav__row > a { flex: 1; padding: var(--s2) 0; font-family: var(--f-title); font-size: 1.2rem; font-weight: 600; letter-spacing: -.01em; color: var(--ink); }
.gn-mnav__toggle {
  width: 44px; height: 44px; min-height: 0; margin: 0; padding: 0; border-radius: 50%;
  border: 1px solid var(--line); background: transparent; color: var(--ink);
  display: inline-flex; align-items: center; justify-content: center;
}
.gn-mnav__toggle .gn-icon { transition: transform .3s var(--ease); }
.gn-mnav__toggle[aria-expanded="true"] .gn-icon { transform: rotate(180deg); }
.gn-mnav__sub { padding: 0 0 var(--s2); }
.gn-mnav__sub[hidden] { display: none; }
.gn-mnav__sub a { display: block; padding: 10px 0; color: var(--ink-3); font-size: 1rem; }
.gn-mnav__sub a:hover { color: var(--coral-ink); }

.gn-mnav__contact { margin-top: var(--s4); display: grid; gap: var(--s2); }
.gn-mnav__contact a { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); overflow-wrap: anywhere; }
.gn-icon-btn {
  width: 48px; height: 48px; min-height: 0; margin: 0; padding: 0; border-radius: 50%; flex: none; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--line); background: var(--paper); color: var(--ink);
}
.gn-icon-btn:hover { background: var(--ink); color: var(--ivory); border-color: var(--ink); }
html.gn-lock, html.gn-lock body { overflow: hidden; }

/* ---------------------------------------------------------------------
   16. FORMS (pop-up & newsletter)
   --------------------------------------------------------------------- */
.gn-field { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; margin: 0; }
.gn-field label { margin: 0; font-size: .9rem; font-weight: 500; color: var(--ink); }
.gn-field label .req { color: var(--coral-ink); }
.gn input[type=text], .gn input[type=email], .gn input[type=tel], .gn input[type=date], .gn input[type=time], .gn textarea {
  width: 100%; margin: 0; height: auto; min-height: 52px; padding: 12px var(--s2);
  font-family: var(--f-text); font-size: 1rem; font-weight: 400; color: var(--ink);
  background: var(--white); border: 1px solid rgba(38, 71, 58,.2); border-radius: var(--r-sm); box-shadow: none;
  -webkit-appearance: none; appearance: none; transition: border-color .2s, box-shadow .2s;
}
.gn textarea { min-height: 112px; resize: vertical; }
.gn input:hover, .gn textarea:hover { border-color: rgba(38, 71, 58,.4); }
.gn input:focus, .gn textarea:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 3px rgba(167,174,55,.4); }
.gn .gn-field.has-error input, .gn .gn-field.has-error textarea { border-color: #B3311A; background: #FFF7F4; }
.gn-error { display: flex; gap: 6px; align-items: flex-start; font-size: .86rem; line-height: 1.4; color: #9E2A14; font-weight: 400; }
.gn-error[hidden] { display: none; }
.gn-error .gn-icon { width: 16px; height: 16px; margin-top: 1px; }
.gn-hint { font-size: .84rem; line-height: 1.4; color: var(--ink-3); font-weight: 400; }
.gn-check { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: .9rem; line-height: 1.5; font-weight: 400 !important; color: var(--ink); }
.gn-check input { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--ink); cursor: pointer; }
.gn-check a { color: var(--ink); text-decoration: underline; font-weight: 500; }
.gn-alert { display: flex; gap: 12px; align-items: flex-start; padding: var(--s2); border-radius: var(--r-sm); font-size: .92rem; line-height: 1.5; color: var(--ink); font-weight: 400; }
.gn-alert .gn-icon { margin-top: 2px; }
.gn-alert--error { background: #FBE1D8; border: 1px solid #EBA38A; }
.gn-alert--info { background: #EDEFD3; border: 1px solid #C7CB82; }
.gn-alert a { text-decoration: underline; font-weight: 500; }
.gn-alert .gn-retry { margin: 12px 0 0; min-height: 0; padding: 6px var(--s2); border-radius: 999px; border: 1px solid var(--ink); background: transparent; font-size: .86rem; font-weight: 500; text-transform: none; letter-spacing: 0; line-height: 1.4; }
.gn .button .gn-spinner { display: none; width: 18px; height: 18px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: gnSpin .7s linear infinite; }
.gn .button[aria-busy="true"] .gn-spinner { display: inline-block; }
.gn .button[aria-busy="true"] { pointer-events: none; opacity: .85; }
@keyframes gnSpin { to { transform: rotate(360deg); } }

/* ---------------------------------------------------------------------
   17. POP-UP «ΚΛΕΙΣΕ ΡΑΝΤΕΒΟΥ»  (Flatsome: [lightbox id="rantevou"])
   --------------------------------------------------------------------- */
.gn-modal { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: var(--s3); }
.gn-modal[hidden] { display: none; }
.gn-modal__backdrop { position: absolute; inset: 0; background: rgba(38, 71, 58,.55); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); animation: gnFade .3s var(--ease); }
.gn-modal__dialog {
  position: relative; z-index: 1; width: min(980px, 100%);
  max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px);
  display: grid; grid-template-columns: 300px 1fr;
  background: var(--paper); border-radius: var(--r-lg); overflow: hidden;
  box-shadow: 0 40px 120px -40px rgba(38, 71, 58,.6);
  animation: gnPop .4s var(--ease);
}

.gn-modal__main { display: flex; flex-direction: column; min-height: 0; max-height: inherit; }
.gn-modal__head { position: relative; flex: none; padding: var(--s5) 88px var(--s3) var(--s5); border-bottom: 1px solid var(--line); }
.gn-modal__head h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); margin-bottom: 12px; }
.gn-modal__head p { color: var(--ink-3); font-size: .98rem; }
.gn-modal__close { position: absolute; top: var(--s3); right: var(--s3); }
.gn-modal__body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: var(--s3) var(--s5) var(--s5); }
.gn-form-req { font-size: .86rem; color: var(--ink-3); margin-bottom: var(--s3) !important; }
.gn-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px var(--s2); }
.gn-form-grid .is-full { grid-column: 1 / -1; }
.gn-form-note { display: flex; gap: 12px; margin: var(--s3) 0 0 !important; padding: var(--s2); border-radius: var(--r-sm); background: var(--blush-2); font-size: .9rem; line-height: 1.5; color: var(--ink); font-weight: 400; }
.gn-form-note .gn-icon { color: var(--coral-ink); margin-top: 2px; }

.gn-form-actions { margin-top: var(--s3); }
.gn-form-actions .button { min-width: 240px; }
.gn-form-status:not(:empty) { margin-top: var(--s2); }
@keyframes gnFade { from { opacity: 0; } }
@keyframes gnPop { from { opacity: 0; transform: translateY(24px); } }
@media (max-width: 849px) {
  .gn-modal__dialog { grid-template-columns: 1fr; width: min(720px, 100%); }
  
}
@media (max-width: 549px) {
  .gn-modal { padding: 0; }
  .gn-modal__dialog { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .gn-modal__head { padding: var(--s4) 76px var(--s3) 20px; }
  .gn-modal__close { top: var(--s2); right: var(--s2); }
  .gn-modal__body { padding: var(--s3) 20px var(--s5); }
  .gn-form-grid { grid-template-columns: 1fr; }
  .gn-form-actions .button { width: 100%; min-width: 0; }
}

.gn-toast { position: fixed; left: 50%; bottom: var(--s3); z-index: 300; transform: translate(-50%, 16px); max-width: calc(100% - 32px); padding: 12px 20px; border-radius: var(--r-sm); background: var(--ink); color: var(--ivory); font-size: .9rem; opacity: 0; pointer-events: none; transition: .3s var(--ease); }
.gn-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

/* ---------------------------------------------------------------------
   19. PRINT / PDF — no fixed/sticky layers, no viewport heights, no splits
   --------------------------------------------------------------------- */
@media print {
  @page { margin: 12mm; }
  html, body.gn { background: #fff !important; }
  .gn * { -webkit-print-color-adjust: exact; print-color-adjust: exact; animation: none !important; transition: none !important; }
  .gn-header { position: static !important; background: #fff !important; border-bottom: 1px solid var(--line) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  .gn-header .gn-nav__link { color: var(--ink) !important; }
  .gn-burger, .gn-mnav, .gn-modal, .gn-toast, .gn-skip, .gn-dropdown { display: none !important; }
  
  
  
  
  .gn .section { padding: var(--s6) 0 !important; }
  
  .gn-acc__item { break-inside: avoid; page-break-inside: avoid; }
  .gn h2, .gn h3, .gn h4 { break-after: avoid; page-break-after: avoid; }
  .gn-acc__panel[hidden] { display: block !important; }
}

/* ---------------------------------------------------------------------
   COMMON (Προτάσεις 4 & 5) — accordion, footer, thank you, reveal
   --------------------------------------------------------------------- */
.gn { --lime-soft: #E9EBC9; }
.gn .gn-header.is-static { position: sticky; top: 0; background: rgba(248, 249, 244, .92); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid transparent; transition: border-color .3s; }
.gn .gn-header.is-static.is-scrolled { border-bottom-color: var(--line); }
.gn .gn-header.is-static .gn-header__bar { height: 88px; }
.gn .gn-header.is-static .gn-nav__link { color: var(--ink); }
.gn .gn-header.is-static .gn-nav__item:hover > .gn-nav__link, .gn .gn-header.is-static .gn-nav__item:focus-within > .gn-nav__link { color: var(--coral-ink); }
.gn .gn-header.is-static .gn-burger { color: var(--ink); border-color: var(--line); }
.gn .gn-header .button { white-space: nowrap; }

@media (max-width: 549px) {
  .gn .gn-header.is-static .gn-header__bar { height: 72px; }
  
  
}

.gn-acc { display: grid; gap: 12px; }
.gn-acc__item { background: var(--white); border-radius: var(--r); border: 1px solid var(--line); transition: border-color .25s; }
.gn-acc__item h3 { margin: 0; font-size: inherit; }
.gn-acc__btn { width: 100%; margin: 0; min-height: 0; padding: 20px var(--s3); border: 0; border-radius: var(--r); background: transparent; display: flex; align-items: center; justify-content: space-between; gap: var(--s3); text-align: left; text-transform: none; letter-spacing: -.01em; font-family: var(--f-title); font-size: 1.1rem; font-weight: 600; line-height: 1.4; color: var(--ink); }
.gn-acc__btn:hover { color: var(--coral-ink); }
.gn-acc__sign { position: relative; width: 36px; height: 36px; flex: none; border-radius: 50%; background: var(--lime-soft); transition: background .3s; }
.gn-acc__sign::before, .gn-acc__sign::after { content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 1.5px; background: var(--ink); transform: translate(-50%, -50%); transition: transform .3s var(--ease); }
.gn-acc__sign::after { transform: translate(-50%, -50%) rotate(90deg); }
.gn-acc__btn[aria-expanded="true"] .gn-acc__sign { background: var(--lime); }
.gn-acc__btn[aria-expanded="true"] .gn-acc__sign::after { transform: translate(-50%, -50%) rotate(0); }
.gn-acc__item:has(.gn-acc__btn[aria-expanded="true"]) { border-color: var(--lime); }
.gn-acc__panel { padding: 0 var(--s3) var(--s3); }
.gn-acc__panel[hidden] { display: none; }
.gn-acc__panel p { color: var(--ink-3); max-width: 52em; }
@media (max-width: 549px) { .gn-acc__btn { font-size: 1rem; padding: 18px var(--s2); } .gn-acc__panel { padding: 0 var(--s2) var(--s2); } }

.gn-news__status:not(:empty) { margin-top: var(--s2); }

.gn-js [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.gn-js [data-reveal].is-in { opacity: 1; transform: none; }
@media print { [data-reveal] { opacity: 1 !important; transform: none !important; } }

/* =====================================================================
   ΠΡΟΣΧΕΔΙΟ «NUTRICON» — layout του template, με τα χρώματα και τις
   γραμματοσειρές του Geonutrition (Google Sans / Sofia Sans).
   Ivory φόντο, λευκές κάρτες 14px, inset hero & banner 18px,
   μικρές ετικέτες πάνω από τους τίτλους, ελαφριά βάρη στους τίτλους,
   κουμπιά pill σε Chartreuse, footer σε Chartreuse block.
   ===================================================================== */
.nc { --r: 18px; --r-sm: 14px; --frame: 16px; }
.nc.gn { background: var(--ivory); }
.nc h1, .nc h2 { font-weight: 500 !important; letter-spacing: -.025em !important; }
.nc h3, .nc h4 { font-weight: 500; letter-spacing: -.01em; }
.nc h2 { font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.12; }
.nc .gn-header.is-static { background: rgba(242, 243, 236,.94); }

.nc .gn-nav__link { font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 400; }

/* hero */

@media (max-width: 549px) {
  .nc { --frame: 8px; }
  
  
  
  
  
}

/* ----- Header logo: μόνο λογότυπο, μεγάλο ----- */
.nc .gn-header.is-static .gn-header__bar { height: 132px; }

@media (max-width: 849px) {
  .nc .gn-header.is-static .gn-header__bar { height: 112px; }
  
}
@media (max-width: 549px) {
  .nc .gn-header.is-static .gn-header__bar { height: 96px; }
  
}

/* =====================================================================
   HERO & HEADER — layout «Hyokai»
   ===================================================================== */
.nc .hy-header { position: absolute; top: var(--frame); left: var(--frame); right: var(--frame); z-index: 90; background: transparent; border: 0; }
.nc .hy-header .gn-header__bar { height: 132px; max-width: none; padding: 0 var(--s5); }
.hy-logo img { width: 104px; height: auto; }
.hy-pill { display: flex; align-items: center; gap: var(--s2); padding: 6px 6px 6px var(--s3); border-radius: 999px;
  background: rgba(38, 71, 58, .28); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(242, 243, 236, .22); }
.nc .hy-header .gn-nav__link { color: var(--ivory); font-size: .92rem; letter-spacing: 0; text-transform: none; font-weight: 400; padding: 8px 12px; }
.nc .hy-header .gn-nav__item:hover > .gn-nav__link, .nc .hy-header .gn-nav__item:focus-within > .gn-nav__link { color: var(--blush); }
.gn .button.hy-btn-white { background: var(--white); color: var(--ink); min-height: 46px; padding: 0 var(--s3); }
.gn .button.hy-btn-white:hover { background: var(--lime); color: var(--ink); }

.nc .hy-header .gn-burger { color: var(--ivory); border-color: rgba(242, 243, 236, .45); }

/* scrolled: σταθερή ivory μπάρα */
.nc .hy-header.is-solid { position: fixed; top: 0; left: 0; right: 0; background: rgba(242, 243, 236, .94); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
.nc .hy-header.is-solid .gn-header__bar { height: 96px; max-width: calc(var(--maxw) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); }
.nc .hy-header.is-solid .hy-logo img { width: 72px; }
.nc .hy-header.is-solid .hy-pill { background: transparent; border-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.nc .hy-header.is-solid .gn-nav__link { color: var(--ink); }
.nc .hy-header.is-solid .gn-nav__item:hover > .gn-nav__link { color: var(--coral-ink); }
.nc .hy-header.is-solid .hy-btn-white { background: var(--lime); }
.nc .hy-header.is-solid .gn-burger { color: var(--ink); border-color: var(--line); }

/* stats row */

@media (max-width: 1099px) {
  .hy-pill { padding: 6px; gap: var(--s1); }
}
@media (max-width: 849px) {
  .nc .hy-header .gn-header__bar { height: 112px; padding: 0 var(--s3); }
  .hy-logo img { width: 84px; }
  
  
  
}
@media (max-width: 549px) {
  .nc .hy-header { top: 8px; left: 8px; right: 8px; }
  .nc .hy-header .gn-header__bar { height: 96px; padding: 0 var(--s2); }
  .hy-logo img { width: 68px; }
  .nc .hy-header.is-solid .gn-header__bar { height: 80px; padding: 0 var(--s2); }
  .nc .hy-header.is-solid .hy-logo img { width: 56px; }
  .hy-pill .hy-btn-white { min-height: 42px; padding: 0 var(--s2); font-size: .86rem; }
  
  
  
  
  
  
  
}

/* =====================================================================
   IVORY ΣΕΛΙΔΑ · HEADER ΕΞΩ ΑΠΟ ΤΗ ΦΩΤΟΓΡΑΦΙΑ · GLASS MENU ΣΕ SAGE
   Λογότυπο: geo-nutrition-apple-o-color.svg (έγχρωμο, οριζόντιο)
   ===================================================================== */
:root { --pine: #26473A; --sage: #8CA096; --head-h: 112px; }
html, body.gn, .nc.gn { background: var(--ivory); }

/* header: sticky πάνω από το hero, Ivory */
.nc .hy-header { position: sticky; top: 0; left: auto; right: auto; background: var(--ivory); border-bottom: 1px solid transparent; transition: border-color .3s, background .3s; }
.nc .hy-header .gn-header__bar { height: var(--head-h); max-width: calc(var(--maxw) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); }
.nc .hy-header.is-solid { position: sticky; background: rgba(242, 243, 236, .9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom-color: rgba(38, 71, 58, .1); }
.nc .hy-header.is-solid .gn-header__bar { height: 88px; max-width: calc(var(--maxw) + var(--gutter) * 2); padding: 0 var(--gutter); }
.hy-logo img, .nc .hy-header.is-solid .hy-logo img { width: 190px; height: auto; transition: width .3s var(--ease); }
.nc .hy-header.is-solid .hy-logo img { width: 156px; }

/* glass pill σε Sage */
.hy-pill, .nc .hy-header.is-solid .hy-pill {
  background: rgba(140, 160, 150, .26);
  -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
  border: 1px solid rgba(140, 160, 150, .55);
}
.nc .hy-header .gn-nav__link, .nc .hy-header.is-solid .gn-nav__link { color: var(--pine); font-weight: 500; }
.nc .hy-header .gn-nav__item:hover > .gn-nav__link, .nc .hy-header .gn-nav__item:focus-within > .gn-nav__link,
.nc .hy-header.is-solid .gn-nav__item:hover > .gn-nav__link { color: var(--coral-ink); }
.nc .hy-header .hy-btn-white, .nc .hy-header.is-solid .hy-btn-white { background: var(--white); color: var(--pine); }
.nc .hy-header .hy-btn-white:hover { background: var(--pine); color: var(--ivory); }
.nc .hy-header .gn-burger, .nc .hy-header.is-solid .gn-burger { color: var(--pine); border-color: rgba(38, 71, 58, .3); }

/* mobile μενού & footer λογότυπο */
.gn-mnav__top { background: var(--ivory); border-bottom-color: var(--line); }
.gn-mnav__top img { width: 132px; }

@media (max-width: 849px) {
  :root { --head-h: 96px; }
  .hy-logo img { width: 160px; }
  .nc .hy-header.is-solid .gn-header__bar { height: 80px; }
  .nc .hy-header.is-solid .hy-logo img { width: 136px; }
  
}
@media (max-width: 549px) {
  :root { --head-h: 80px; }
  .nc .hy-header { top: 0; left: auto; right: auto; }
  .nc .hy-header .gn-header__bar, .nc .hy-header.is-solid .gn-header__bar { height: var(--head-h); padding: 0 var(--s2); }
  .hy-logo img, .nc .hy-header.is-solid .hy-logo img { width: 124px; }
  .hy-pill { padding: 4px; }
  
  
  
}

/* header σε όλο το πλάτος — ευθυγραμμισμένο με το περιεχόμενο του hero */
.nc .hy-header .gn-header__bar, .nc .hy-header.is-solid .gn-header__bar { max-width: none; padding: 0 calc(var(--frame) + var(--s5)); }
@media (max-width: 849px) { .nc .hy-header .gn-header__bar, .nc .hy-header.is-solid .gn-header__bar { padding: 0 calc(var(--frame) + var(--s4)); } }
@media (max-width: 549px) { .nc .hy-header .gn-header__bar, .nc .hy-header.is-solid .gn-header__bar { padding: 0 var(--s2); } }
/* header ακόμα πιο ανοιχτό: ευθυγράμμιση με την άκρη της φωτογραφίας */
.nc .hy-header .gn-header__bar, .nc .hy-header.is-solid .gn-header__bar { padding: 0 calc(var(--frame) + var(--s2)); }
@media (max-width: 549px) { .nc .hy-header .gn-header__bar, .nc .hy-header.is-solid .gn-header__bar { padding: 0 var(--s2); } }

/* μενού & κουμπιά: Google Sans, 16px */
.gn .gn-nav__link, .nc .hy-header .gn-nav__link, .nc .hy-header.is-solid .gn-nav__link, .gn .gn-dropdown a, .gn .gn-mnav__row > a, .gn .gn-mnav__sub a, .gn .button, .gn .hy-btn-white {
  font-family: var(--f-title);
  font-size: 16px;
}
@media (max-width: 549px) {
  .hy-pill { gap: 4px; }
  .gn .hy-pill .hy-btn-white { padding: 0 14px; min-height: 42px; }
  .hy-pill .gn-burger { width: 42px; height: 42px; }
  .hy-logo img, .nc .hy-header.is-solid .hy-logo img { width: 112px; }
}

/* κουμπιά σε κεφαλαία (στα ελληνικά χωρίς τόνους — lang="el") */
.gn .button, .gn .hy-btn-white { text-transform: uppercase; letter-spacing: .06em; font-size: 15px; }

/* hover: γέμισμα από πάνω προς τα κάτω (μπαίνει από πάνω, φεύγει προς τα κάτω) */
.gn .hy-btn-white { position: relative; overflow: hidden; isolation: isolate; transition: color .6s cubic-bezier(.22, .61, .36, 1), border-color .6s ease !important; }
.gn .hy-btn-white { --fill: #26473A; --fill-text: #F2F3EC; }

.gn .hy-btn-white::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: var(--fill);
  clip-path: inset(0 0 100% 0);
  transition: clip-path .6s cubic-bezier(.22, .61, .36, 1);
}
.gn .hy-btn-white:hover::before, .gn .hy-btn-white:focus-visible::before { clip-path: inset(0 0 0 0); }
/* το φόντο μένει ίδιο — αλλάζει μόνο μέσω του γεμίσματος */
.gn .hy-btn-white:hover, .nc .hy-header .hy-btn-white:hover, .nc .hy-header.is-solid .hy-btn-white:hover,
.gn .hy-btn-white:focus-visible { background: var(--white); color: var(--fill-text); }

.gn .gn-nav__link { transition: color .4s ease; }
@media (prefers-reduced-motion: reduce) { .gn .hy-btn-white::before { transition: none; } }

/* dropdown Υπηρεσιών: μία στήλη, χωρίς αναδίπλωση, με βελάκι */
.gn .gn-dropdown { min-width: 360px; padding: 10px; display: block; }
.gn .gn-dropdown li { margin: 0; }
.gn .gn-dropdown a {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  white-space: nowrap; padding: 11px 14px; border-radius: 12px; line-height: 1.3;
  color: var(--pine); transition: background-color .35s ease, color .35s ease;
}
.gn .gn-dropdown a::after {
  content: ""; flex: none; width: 16px; height: 16px; background-color: currentColor; opacity: .35;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .35s ease, opacity .35s ease;
}
.gn .gn-dropdown a:hover, .gn .gn-dropdown a:focus-visible { background: rgba(140, 160, 150, .18); color: var(--pine); }
.gn .gn-dropdown a:hover::after, .gn .gn-dropdown a:focus-visible::after { opacity: 1; transform: translateX(4px); }
/* dropdown hover: κείμενο & βελάκι σε Coral */
.gn .gn-dropdown a:hover, .gn .gn-dropdown a:focus-visible { color: #F27348; }
/* dropdown hover: ίδιο πορτοκαλί με το hover του μενού */
.gn .gn-dropdown a:hover, .gn .gn-dropdown a:focus-visible { color: var(--coral-ink); }
.gn .gn-dropdown a { font-weight: 500; }
.gn .hy-btn-white::before { inset: -1px; border-radius: inherit; }

/* κουμπί ραντεβού στο μενού: κείμενο σε desktop/tablet, εικονίδιο ημερολογίου στο κινητό */
.hy-btn-book .hy-btn-ico { display: none; }
@media (max-width: 549px) {
  .gn .hy-pill .hy-btn-book { width: 42px; min-width: 0; height: 42px; min-height: 0; padding: 0; border-radius: 50%; }
  .hy-btn-book .hy-btn-ico { display: block; width: 20px; height: 20px; }
  .hy-btn-book .hy-btn-txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
/* tablet & κινητό: header στο ίδιο πλάτος με τη φωτογραφία από κάτω */
@media (max-width: 849px) { .nc .hy-header .gn-header__bar, .nc .hy-header.is-solid .gn-header__bar { padding: 0 var(--frame); } }
@media (max-width: 549px) { .nc .hy-header .gn-header__bar, .nc .hy-header.is-solid .gn-header__bar { padding: 0 8px; } }
/* κινητά: μεγαλύτερο λογότυπο */
@media (max-width: 549px) {
  :root { --head-h: 92px; }
  .hy-logo img, .nc .hy-header.is-solid .hy-logo img { width: 140px; }
}

/* κουμπί hover χωρίς «pop»: το λευκό είναι ξεχωριστό στρώμα (::after) κάτω από το γέμισμα (::before) */
.gn .hy-btn-white, .gn .hy-btn-white:hover, .gn .hy-btn-white:focus-visible,
.nc .hy-header .hy-btn-white, .nc .hy-header .hy-btn-white:hover,
.nc .hy-header.is-solid .hy-btn-white, .nc .hy-header.is-solid .hy-btn-white:hover {
  background: transparent !important; border-color: transparent !important;
  transition: color .6s cubic-bezier(.22, .61, .36, 1) !important;
}
.gn .hy-btn-white::after { content: ""; position: absolute; inset: 1px; z-index: -2; border-radius: inherit; background: #FFFFFF; }
.gn .hy-btn-white::before { z-index: -1; }

/* φόντο όλης της αρχικής: Ivory */
html, body, body.gn, .nc.gn, main, #main { background-color: #F2F3EC; }

/* =====================================================================
   MOBILE ΜΕΝΟΥ (burger) — ίδιο ύφος με το desktop
   ===================================================================== */
.gn-mnav__panel, .gn-mnav__body, .gn-mnav__top { background: #F2F3EC; }
.gn .gn-mnav__row > a { font-family: var(--f-title); font-size: 16px; font-weight: 500; color: var(--pine); transition: color .4s ease; }
.gn .gn-mnav__row > a:hover, .gn .gn-mnav__row > a:focus-visible { color: var(--coral-ink); }
.gn-mnav__toggle { color: var(--pine); border-color: rgba(38, 71, 58, .2); transition: background-color .35s ease, color .35s ease; }
.gn-mnav__toggle:hover, .gn-mnav__toggle[aria-expanded="true"] { background: rgba(140, 160, 150, .18); color: var(--coral-ink); }

/* υπομενού Υπηρεσιών: όπως το desktop dropdown (βελάκι, hover Sage + πορτοκαλί) */
.gn .gn-mnav__sub { padding: 0 0 var(--s2); }
.gn .gn-mnav__sub a {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  padding: 11px 14px; margin: 0 -14px; border-radius: 12px; line-height: 1.3;
  font-family: var(--f-title); font-size: 16px; font-weight: 500; color: var(--pine);
  transition: background-color .35s ease, color .35s ease;
}
.gn .gn-mnav__sub a::after {
  content: ""; flex: none; width: 16px; height: 16px; background-color: currentColor; opacity: .35;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .35s ease, opacity .35s ease;
}
.gn .gn-mnav__sub a:hover, .gn .gn-mnav__sub a:focus-visible { background: rgba(140, 160, 150, .18); color: var(--coral-ink); }
.gn .gn-mnav__sub a:hover::after, .gn .gn-mnav__sub a:focus-visible::after { opacity: 1; transform: translateX(4px); }

/* «Κλείσε ραντεβού» κάτω από τα Ebooks — ίδιο με το desktop κουμπί, χωρίς εικονίδιο */
.gn-mnav__cta { margin: var(--s4) 0 0; }
.gn .gn-mnav__book { width: 100%; min-height: 52px; color: var(--pine); border: 1px solid rgba(38, 71, 58, .14) !important; }
.gn .gn-mnav__book:hover, .gn .gn-mnav__book:focus-visible { color: #F2F3EC; }

/* mobile μενού: βελάκι υπομενού ίδιο με το «Χ», όλα τα εικονίδια σε μία κάθετη ευθεία, εσοχή στις υπηρεσίες */
.gn .gn-mnav__toggle, .gn .gn-mnav__top .gn-icon-btn {
  width: 48px; height: 48px; min-height: 0; padding: 0; margin: 0; flex: none; border-radius: 50%;
  background: var(--paper); border: 1px solid var(--line); color: var(--pine);
  display: inline-flex; align-items: center; justify-content: center;
  transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}
.gn .gn-mnav__toggle:hover, .gn .gn-mnav__top .gn-icon-btn:hover { background: var(--pine); border-color: var(--pine); color: #F2F3EC; }
.gn .gn-mnav__toggle[aria-expanded="true"] { background: var(--paper); border-color: var(--line); color: var(--pine); }
.gn .gn-mnav__toggle[aria-expanded="true"]:hover { background: var(--pine); border-color: var(--pine); color: #F2F3EC; }
.gn .gn-mnav__toggle .gn-icon, .gn .gn-mnav__top .gn-icon-btn .gn-icon { width: 18px; height: 18px; }
/* ίδια δεξιά απόσταση για header του μενού και σώμα */
.gn-mnav__top { padding-left: var(--gutter); padding-right: var(--gutter); }
/* υπηρεσίες: εσοχή αριστερά, βελάκι κεντραρισμένο στη στήλη των κουμπιών (48px) */
.gn .gn-mnav__sub a { margin: 0 0 0 6px; padding: 11px 16px 11px 14px; }

/* mobile μενού: κουμπί ραντεβού — Ivory γράμματα όταν γεμίζει με Pine */
.gn .gn-mnav__book:hover, .gn .gn-mnav__book:focus-visible,
.gn .gn-mnav__book:hover span, .gn .gn-mnav__book:focus-visible span { color: #F2F3EC !important; }

/* mobile μενού: επικοινωνία με στρογγυλά εικονίδια + social από κάτω */
.gn .gn-mnav__contact { margin-top: var(--s4); display: grid; gap: 12px; }
.gn .gn-mnav__contact a { display: flex; align-items: center; gap: 12px; color: var(--pine); font-size: 15px; overflow-wrap: anywhere; transition: color .35s ease; }
.gn .gn-mnav__contact a:hover { color: var(--coral-ink); }
.gn-mnav__ico, .gn .gn-mnav__social a {
  width: 40px; height: 40px; flex: none; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: var(--paper); border: 1px solid var(--line); color: var(--pine);
  transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}
.gn-mnav__ico .gn-icon, .gn .gn-mnav__social .gn-icon { width: 18px; height: 18px; }
.gn .gn-mnav__contact a:hover .gn-mnav__ico, .gn .gn-mnav__social a:hover { background: var(--pine); border-color: var(--pine); color: #F2F3EC; }
.gn .gn-mnav__social { display: flex; gap: 10px; margin: var(--s3) 0 0; padding: var(--s3) 0 0; border-top: 1px solid var(--line); list-style: none; }
.gn .gn-mnav__social li { margin: 0; }
.gn .gn-mnav__social .gn-icon--fill { fill: currentColor; stroke: none; }
.gn .gn-mnav__contact .gn-icon--fill, .gn .gn-mnav__social .gn-icon--fill { fill: currentColor; stroke: none; }
/* mobile μενού: τηλέφωνο & email όπως το μενού — Google Sans 16px */
.gn .gn-mnav__contact a { font-family: var(--f-title); font-size: 16px; font-weight: 500; }

/* =====================================================================
   FLOATING BUTTONS — τηλέφωνο κάτω αριστερά, back to top κάτω δεξιά
   ===================================================================== */
.gn-float {
  position: fixed; bottom: 24px; z-index: 85;
  width: 56px; height: 56px; min-height: 0; padding: 0; margin: 0; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center; line-height: 1;
  border: 1px solid transparent; cursor: pointer;
  box-shadow: 0 10px 28px -12px rgba(38, 71, 58, .55);
  transition: background-color .4s ease, color .4s ease, border-color .4s ease, opacity .4s ease, visibility .4s ease, transform .4s ease;
}
.gn-float .gn-icon { width: 22px; height: 22px; }
.gn-float .gn-icon--fill { fill: currentColor; stroke: none; }
.gn-float--phone { left: 24px; background: var(--pine); color: #F2F3EC; }
.gn-float--phone:hover, .gn-float--phone:focus-visible { background: #F27348; color: #F2F3EC; }
.gn-float--top { right: 24px; background: #F2F3EC; color: var(--pine); border-color: rgba(38, 71, 58, .18);
  opacity: 0; visibility: hidden; transform: translateY(12px); }
.gn-float--top .gn-icon { transform: rotate(-90deg); }
.gn-float--top.is-visible { opacity: 1; visibility: visible; transform: none; }
.gn-float--top:hover, .gn-float--top:focus-visible { background: var(--pine); color: #F2F3EC; border-color: var(--pine); }
html.gn-lock .gn-float { opacity: 0; visibility: hidden; }
@media (max-width: 549px) {
  .gn-float { width: 50px; height: 50px; bottom: 16px; }
  .gn-float--phone { left: 16px; }
  .gn-float--top { right: 16px; }
}
@media print { .gn-float { display: none !important; } }

/* =====================================================================
   HERO BENTO
   Γραμματοσειρές: τίτλοι & κουμπιά Google Sans · κείμενο Sofia Sans 16px
   ===================================================================== */
.gn .bx-hero { padding: 0 var(--frame) var(--frame) !important; }
.bx-grid {
  display: grid; gap: 16px;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .62fr) minmax(0, .46fr);
  grid-template-rows: minmax(0, 1.55fr) minmax(0, 1fr);
  grid-template-areas: "video text text" "video photo flip";
  height: calc(100svh - var(--head-h) - var(--frame)); min-height: 640px; max-height: 920px;
}
.bx-video { grid-area: video; position: relative; border-radius: 28px; overflow: hidden; background: var(--pine); }
.bx-text  { grid-area: text; }

.bx-flip  { grid-area: flip; }

/* video — σε όλο το πλάτος/ύψος του κουτιού */
.bx-video__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }

/* μικρή κάρτα πάνω στο βίντεο */
.bx-mini { position: absolute; z-index: 2; left: 16px; bottom: 16px; display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 12px;
  width: min(330px, calc(100% - 32px)); padding: 8px 8px 8px 8px; border-radius: 18px; background: #FFFFFF; color: var(--pine); transition: transform .45s ease; }
.bx-mini:hover { transform: translateY(-3px); }
.bx-mini__img { width: 64px; height: 52px; border-radius: 12px; overflow: hidden; }
.bx-mini__img img { width: 100%; height: 100%; object-fit: cover; }
.bx-mini__txt { font-family: var(--f-text); font-size: 15px; line-height: 1.35; color: var(--ink-3); }
.bx-mini__go { width: 40px; height: 40px; border-radius: 50%; background: var(--pine); color: #F2F3EC; display: inline-flex; align-items: center; justify-content: center; transition: background-color .45s ease; }
.bx-mini:hover .bx-mini__go { background: #F27348; }
.bx-mini__go .gn-icon { width: 16px; height: 16px; }

/* κουτί κειμένου (Pine) */
.bx-text { border-radius: 28px; background: var(--pine); color: #F2F3EC; padding: clamp(28px, 3.4vw, 56px); display: flex; flex-direction: column; justify-content: center; }

.bx-text h1 { font-family: var(--f-title); color: #F2F3EC; font-weight: 500 !important; font-size: clamp(2.2rem, 3.6vw, 3.6rem); line-height: 1.06; letter-spacing: -.03em !important; max-width: 12em; }
.bx-lead { font-family: var(--f-text); font-size: 16px; line-height: 1.6; color: rgba(242, 243, 236, .86); max-width: 34em; margin: 22px 0 28px !important; }
.bx-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.gn .bx-btn { min-height: 50px; padding: 0 26px; font-family: var(--f-title); font-size: 16px; text-transform: uppercase; letter-spacing: .06em; }
/* «Υπηρεσίες»: όπως το κουμπί του μενού — στο σκούρο φόντο το γέμισμα αφήνει λεπτό Ivory περίγραμμα */
.gn .bx-text .hy-btn-white:hover, .gn .bx-text .hy-btn-white:focus-visible { box-shadow: inset 0 0 0 1px rgba(242, 243, 236, .55); }
/* πορτοκαλί κουμπί: Coral → γέμισμα Ivory από πάνω προς τα κάτω */
.gn .bx-btn--coral { position: relative; overflow: hidden; isolation: isolate; background: #F27348; color: #F2F3EC; border: 0;
  transition: color .6s cubic-bezier(.22, .61, .36, 1) !important; }
.gn .bx-btn--coral::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: #F2F3EC;
  clip-path: inset(0 0 100% 0); transition: clip-path .6s cubic-bezier(.22, .61, .36, 1); }
.gn .bx-btn--coral:hover, .gn .bx-btn--coral:focus-visible { background: #F27348; color: var(--pine); }
.gn .bx-btn--coral:hover::before, .gn .bx-btn--coral:focus-visible::before { clip-path: inset(0 0 0 0); }

/* κουτί Sage με βέλος — γυρίζει (flip) στο hover / focus / tap */
.bx-flip { perspective: 1100px; border-radius: 28px; cursor: pointer; outline-offset: 4px; }

/* tablet */
@media (max-width: 1099px) {
  .bx-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; height: auto; max-height: none; min-height: 0;
    grid-template-areas: "text text" "video video" "photo flip"; }
  .bx-video { aspect-ratio: 16 / 11; }
  .bx-flip { aspect-ratio: 1 / 1; }
}
/* κινητό */
@media (max-width: 549px) {
  .gn .bx-hero { padding: 0 8px 8px !important; }
  .bx-grid { gap: 8px; }
  .bx-video { aspect-ratio: 4 / 5; border-radius: 22px; }
  .bx-text, .bx-flip { border-radius: 22px; }
  .bx-text { padding: 28px 22px; }
  .bx-actions .bx-btn { flex: 1 1 100%; }
  
  
  .bx-mini { grid-template-columns: 52px 1fr auto; }
  .bx-mini__img { width: 52px; height: 44px; }
  .bx-mini__txt { font-size: 14px; }
}
/* μικρή κάρτα: κάτω δεξιά στο βίντεο (όχι πάνω από το floating τηλέφωνο) */
.bx-mini { left: auto; right: 16px; }

/* --- hero bento: λιγότερο ύψος κάτω σειράς, περισσότερος αέρας στο κύριο κουτί, Chartreuse στο flip --- */
.bx-grid { grid-template-rows: minmax(0, 2.3fr) minmax(0, 1fr); min-height: 680px; }
.bx-text { padding: clamp(36px, 4.2vw, 72px); }

.bx-lead { margin: 26px 0 34px !important; }

/* flip: μπροστινή όψη Chartreuse — βελάκι πάνω δεξιά, «Καλώς όρισες!» κάτω αριστερά */

@media (max-width: 1099px) {
  .bx-grid { grid-template-rows: auto auto auto; min-height: 0; }
  .bx-flip { aspect-ratio: 16 / 10; }
}
@media (max-width: 549px) {
  .bx-text { padding: 30px 22px; }
  .bx-flip { aspect-ratio: 1 / 1; }
}
/* «Υπηρεσίες» στο Pine κουτί: γέμισμα Chartreuse με Pine γράμματα (να φαίνεται στο hover) */
.gn .bx-text .hy-btn-white { --fill: #A7AE37; --fill-text: #26473A; }
.gn .bx-text .hy-btn-white:hover, .gn .bx-text .hy-btn-white:focus-visible,
.gn .bx-text .hy-btn-white:hover span, .gn .bx-text .hy-btn-white:focus-visible span { color: #26473A !important; }
.gn .bx-text .hy-btn-white:hover, .gn .bx-text .hy-btn-white:focus-visible { box-shadow: none; }

/* μικρή κάρτα στο βίντεο: κουμπί-βέλος Chartreuse */
.bx-mini__go { background: #A7AE37; color: var(--pine); }
.bx-mini:hover .bx-mini__go { background: var(--pine); color: #F2F3EC; }

/* «Υπηρεσίες»: hover χωρίς Chartreuse — γέμισμα Sage με Pine γράμματα */
.gn .bx-text .hy-btn-white { --fill: #8CA096; --fill-text: #26473A; }

/* μικρή κάρτα στο βίντεο: βελάκι Coral αντί για λαχανί */
.bx-mini__go { background: #F27348; color: #F2F3EC; }
.bx-mini:hover .bx-mini__go { background: var(--pine); color: #F2F3EC; }

/* κινητό: φωτογραφία και κουτί flip σε πλήρες πλάτος (να χωράει το κείμενο) */
@media (max-width: 549px) {
  .bx-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "text" "video" "photo" "flip"; }
  
  .bx-flip { aspect-ratio: auto; min-height: 220px; }
}

/* τίτλος μικρότερος — δύο γραμμές */
.bx-text h1 { font-size: clamp(2rem, 2.9vw, 3rem); max-width: 15em; }
/* κείμενο 18px */
.bx-lead { font-size: 18px; }
/* βίντεο: λίγο πιο χαμηλά ώστε να φαίνονται τα φρούτα */
.bx-video__media { object-position: 50% 78%; }
/* μικρή κάρτα: βελάκι λαχανί, κείμενο 16px */
.bx-mini__go { background: #A7AE37; color: var(--pine); }
.bx-mini:hover .bx-mini__go { background: var(--pine); color: #F2F3EC; }
.bx-mini__txt { font-size: 16px; }

/* χωρίς «τρεμόπαιγμα»: σταθερό 3D στρώμα, χωρίς backdrop-filter στις όψεις */
.bx-flip { transform: translateZ(0); }

.bx-flip[data-reveal] { transition: opacity .8s var(--ease); transform: none !important; }

/* --- hero: «από εσένα» λαχανί italic --- */
.bx-text h1 em { font-style: italic; color: #A7AE37; }

/* «από εσένα»: λαχανί, όχι πλάγια */
.bx-text h1 em { font-style: normal; }

/* «Υπηρεσίες» στο hero: hover πορτοκαλί με λευκά γράμματα */
.gn .bx-text .hy-btn-white { --fill: #F27348; --fill-text: #FFFFFF; }
.gn .bx-text .hy-btn-white:hover, .gn .bx-text .hy-btn-white:focus-visible,
.gn .bx-text .hy-btn-white:hover span, .gn .bx-text .hy-btn-white:focus-visible span { color: #FFFFFF !important; }

/* κουτί flip χωρίς 3D (τέλος στο «pop» της οθόνης): 2D γύρισμα με scaleX */
.bx-flip { perspective: none; transform: none; }

/* social στο hero (στη θέση της ετικέτας) — ίδιο glass */
.gn .bx-social { display: flex; gap: 10px; margin: 0 0 22px; padding: 0; list-style: none; }
.gn .bx-social li { margin: 0; }
.gn .bx-social a {
  width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  color: #F2F3EC; background: rgba(242, 243, 236, .12); border: 1px solid rgba(242, 243, 236, .28);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transition: background-color .4s ease, color .4s ease, border-color .4s ease;
}
.gn .bx-social a:hover, .gn .bx-social a:focus-visible { background: #F2F3EC; color: #26473A; border-color: #F2F3EC; }
.gn .bx-social .gn-icon { width: 18px; height: 18px; fill: currentColor; stroke: none; }

/* tablet: κείμενο σε όλο το πλάτος · από κάτω βίντεο 50% | δεξιά στήλη 50% με φωτογραφία & κουτί flip πάνω-κάτω */
@media (min-width: 550px) and (max-width: 1099px) {
  .bx-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "text text" "video photo" "video flip"; }
  .bx-video { aspect-ratio: auto; min-height: 0; }
  .bx-flip { aspect-ratio: 4 / 3; }
}

/* τίτλος hero: λίγο μεγαλύτερο line-height σε όλες τις συσκευές */
.bx-text h1 { line-height: 1.2; }

/* tablet: κουτί flip πιο κοντό — η φωτογραφία παίρνει περισσότερο ύψος */
@media (min-width: 550px) and (max-width: 1099px) {
  .bx-grid { grid-template-rows: auto auto auto; }
  
  .bx-flip { aspect-ratio: auto; height: 190px; }
}
/* κινητό: κουτί flip πιο κοντό */
@media (max-width: 549px) {
  .bx-flip { min-height: 0; height: 170px; }
  
}

/* floating τηλέφωνο & back to top: μικρότερα, ίδιο μέγεθος */
.gn-float { width: 46px; height: 46px; }
.gn-float .gn-icon { width: 18px; height: 18px; }
@media (max-width: 549px) { .gn-float { width: 44px; height: 44px; } }

/* hero κείμενο: ίσες αποστάσεις social → τίτλος → κείμενο → κουμπιά, σε όλες τις συσκευές */
.bx-text { gap: 28px; }
.gn .bx-text .bx-social, .gn .bx-text h1, .gn .bx-text .bx-lead, .gn .bx-text .bx-actions { margin: 0 !important; }
@media (max-width: 549px) { .bx-text { gap: 22px; } }

/* social στο hero: πιο μικρά */
.gn .bx-social { gap: 8px; }
.gn .bx-social a { width: 36px; height: 36px; }
.gn .bx-social .gn-icon { width: 15px; height: 15px; }

/* =====================================================================
   MOTION SYSTEM — διακριτικές κινήσεις (εισαγωγή + scroll)
   ===================================================================== */
:root { --m-ease: cubic-bezier(.22, .61, .36, 1); --m-dur: .95s; }

/* 1) εισαγωγή: header (λογότυπο & μενού) */
.gn-js .hy-logo, .gn-js .hy-pill { opacity: 0; transform: translateY(-12px); transition: opacity .8s var(--m-ease), transform .8s var(--m-ease); }
.gn-js .hy-pill { transition-delay: .08s; }
.gn-js.is-loaded .hy-logo, .gn-js.is-loaded .hy-pill { opacity: 1; transform: none; }

/* 2) scroll reveals */
.gn-js [data-reveal] { opacity: 0; transform: translateY(28px);
  transition: opacity var(--m-dur) var(--m-ease) var(--rd, 0s), transform var(--m-dur) var(--m-ease) var(--rd, 0s); }
.gn-js [data-reveal="fade"] { transform: none; }
.gn-js [data-reveal].is-in { opacity: 1; transform: none; }

/* εικόνες/βίντεο: «ανοίγουν» από κάτω προς τα πάνω + απαλό zoom-out
   (το clip μπαίνει στο εσωτερικό media, ώστε το IntersectionObserver να βλέπει το κουτί) */
.gn-js [data-reveal="clip"] { opacity: 1; transform: none; background-color: transparent !important; transition: background-color .01s linear calc(var(--rd, 0s) + 1.1s); }
.gn-js [data-reveal="clip"].is-in { background-color: var(--pine) !important; }

.gn-js [data-reveal="clip"] > img, .gn-js [data-reveal="clip"] > video {
  clip-path: inset(100% 0 0 0 round 28px); transform: scale(1.12);
  transition: clip-path 1.15s var(--m-ease) var(--rd, 0s), transform 1.6s var(--m-ease) var(--rd, 0s); }
.gn-js [data-reveal="clip"].is-in > img, .gn-js [data-reveal="clip"].is-in > video { clip-path: inset(0 0 0 0 round 28px); transform: scale(1); }

/* 3) κουτί κειμένου hero: τα περιεχόμενα μπαίνουν κλιμακωτά */
.gn-js .bx-text > * { opacity: 0; transform: translateY(16px); transition: opacity .8s var(--m-ease), transform .8s var(--m-ease); }
.gn-js .bx-text.is-in > * { opacity: 1; transform: none; }
.gn-js .bx-text.is-in > :nth-child(1) { transition-delay: calc(var(--rd, 0s) + .25s); }
.gn-js .bx-text.is-in > :nth-child(2) { transition-delay: calc(var(--rd, 0s) + .35s); }
.gn-js .bx-text.is-in > :nth-child(3) { transition-delay: calc(var(--rd, 0s) + .45s); }
.gn-js .bx-text.is-in > :nth-child(4) { transition-delay: calc(var(--rd, 0s) + .55s); }

/* μικρή κάρτα στο βίντεο: ανεβαίνει λίγο μετά το βίντεο */
.gn-js .bx-mini { opacity: 0; transform: translateY(14px); transition: opacity .7s var(--m-ease) .9s, transform .7s var(--m-ease) .9s; }
.gn-js .bx-video.is-in .bx-mini { opacity: 1; transform: none; }
.gn-js .bx-video.is-in .bx-mini:hover { transform: translateY(-3px); transition-delay: 0s; }

/* floating κουμπιά: εμφανίζονται στο τέλος της εισαγωγής */
.gn-js .gn-float--phone { opacity: 0; transform: scale(.7); transition: opacity .6s var(--m-ease) 1.2s, transform .6s var(--m-ease) 1.2s, background-color .4s ease, color .4s ease; }
.gn-js.is-loaded .gn-float--phone { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .gn-js [data-reveal], .gn-js [data-reveal] img, .gn-js [data-reveal] video, .gn-js .bx-text > *, .gn-js .bx-mini,
  .gn-js .hy-logo, .gn-js .hy-pill, .gn-js .gn-float--phone { opacity: 1 !important; transform: none !important; clip-path: none !important; transition: none !important; }
}
@media print {
  .gn-js [data-reveal], .gn-js .bx-text > *, .gn-js .bx-mini, .gn-js .hy-logo, .gn-js .hy-pill { opacity: 1 !important; transform: none !important; clip-path: none !important; }
}

/* MOTION — οριζόντια κατεύθυνση: αριστερά → δεξιά (βίντεο) και δεξιά → αριστερά (στοιχεία δεξιάς στήλης) */
.gn-js [data-reveal="clip"] > img, .gn-js [data-reveal="clip"] > video { clip-path: inset(0 100% 0 0 round 28px); }
.gn-js [data-reveal="clip-r"] { opacity: 1; transform: none; background-color: transparent !important; }
.gn-js [data-reveal="clip-r"] > img, .gn-js [data-reveal="clip-r"] > video {
  clip-path: inset(0 0 0 100% round 28px); transform: scale(1.12);
  transition: clip-path 1.15s var(--m-ease) var(--rd, 0s), transform 1.6s var(--m-ease) var(--rd, 0s); }
.gn-js [data-reveal="clip-r"].is-in > img, .gn-js [data-reveal="clip-r"].is-in > video { clip-path: inset(0 0 0 0 round 28px); transform: scale(1); }

.gn-js [data-reveal="right"] { transform: translateX(36px); }
.gn-js [data-reveal="left"] { transform: translateX(-36px); }
.gn-js [data-reveal="right"].is-in, .gn-js [data-reveal="left"].is-in { transform: none; }
.gn-js .bx-flip[data-reveal] { transform: translateX(36px) !important; transition: opacity var(--m-dur) var(--m-ease) var(--rd, 0s), transform var(--m-dur) var(--m-ease) var(--rd, 0s); }
.gn-js .bx-flip[data-reveal].is-in { transform: none !important; }
/* το περιεχόμενο του κουτιού κειμένου μπαίνει κι αυτό από δεξιά */
.gn-js .bx-text > * { transform: translateX(20px); }
.gn-js .bx-text.is-in > * { transform: none; }
@media (prefers-reduced-motion: reduce) { .gn-js [data-reveal="clip-r"] > img { clip-path: none !important; transform: none !important; } }

/* =====================================================================
   MOTION — πιο ομαλό & διακριτικό (υπερισχύει των παραπάνω)
   Μόνο fade + πολύ μικρή μετατόπιση, χωρίς «άνοιγμα» (clip) των εικόνων.
   ===================================================================== */
:root { --m-ease: cubic-bezier(.25, .1, .25, 1); --m-dur: 1.2s; }
.gn-js .hy-logo, .gn-js .hy-pill { transform: translateY(-6px); transition: opacity 1s var(--m-ease), transform 1s var(--m-ease); }

.gn-js [data-reveal], .gn-js [data-reveal="right"], .gn-js [data-reveal="left"], .gn-js .bx-flip[data-reveal] {
  opacity: 0; transform: translateX(0) translateY(10px) !important;
  transition: opacity var(--m-dur) var(--m-ease) var(--rd, 0s), transform var(--m-dur) var(--m-ease) var(--rd, 0s) !important; }
.gn-js [data-reveal="right"], .gn-js .bx-flip[data-reveal] { transform: translateX(14px) !important; }
.gn-js [data-reveal="left"] { transform: translateX(-14px) !important; }
.gn-js [data-reveal].is-in, .gn-js .bx-flip[data-reveal].is-in { opacity: 1; transform: none !important; }

/* εικόνες/βίντεο: απλό fade με πολύ ήπιο zoom-out (χωρίς clip) */
.gn-js [data-reveal="clip"], .gn-js [data-reveal="clip-r"] { opacity: 0; transform: none !important; background-color: transparent !important; }
.gn-js [data-reveal="clip"].is-in, .gn-js [data-reveal="clip-r"].is-in { opacity: 1; }
.gn-js .bx-video[data-reveal].is-in { background-color: var(--pine) !important; }

.gn-js [data-reveal="clip"] > img, .gn-js [data-reveal="clip"] > video,
.gn-js [data-reveal="clip-r"] > img, .gn-js [data-reveal="clip-r"] > video {
  clip-path: none !important; transform: scale(1.04); transition: transform 1.8s var(--m-ease) var(--rd, 0s); }
.gn-js [data-reveal].is-in > img, .gn-js [data-reveal].is-in > video { transform: scale(1); }

/* περιεχόμενο κουτιού κειμένου: πολύ μικρή κίνηση */
.gn-js .bx-text > * { transform: translateY(8px); transition: opacity 1s var(--m-ease), transform 1s var(--m-ease); }
.gn-js .bx-text.is-in > * { transform: none; }
.gn-js .bx-mini { transform: translateY(8px); transition: opacity 1s var(--m-ease) 1s, transform 1s var(--m-ease) 1s; }
/* λογότυπο ελάχιστα μικρότερο */
.hy-logo img { width: 172px; }
.nc .hy-header.is-solid .hy-logo img { width: 150px; }
@media (max-width: 849px) { .hy-logo img { width: 148px; } }
@media (max-width: 549px) { .hy-logo img, .nc .hy-header.is-solid .hy-logo img { width: 116px; } }

/* =====================================================================
   MOTION v4 — fade & ήπιο bounce, διαφορετικό ανά στοιχείο (χωρίς blur)
     fade       : απλό σβήσιμο-εμφάνιση (βίντεο)
     fade-zoom  : fade + ελάχιστο zoom-out (φωτογραφία)
     bounce     : ανεβαίνει λίγο με απαλή «αναπήδηση» (κουτί κειμένου)
     pop        : μεγαλώνει από 94% με απαλή αναπήδηση (κουτί flip)
     up / left / right : για τα επόμενα sections
   ===================================================================== */
:root { --m-ease: cubic-bezier(.25, .1, .25, 1); --m-bounce: cubic-bezier(.34, 1.45, .64, 1); }
.gn-js [data-reveal], .gn-js .bx-flip[data-reveal] { filter: none !important; opacity: 0; transform: none !important;
  transition: opacity 1.1s var(--m-ease) var(--rd, 0s), transform 1.1s var(--m-bounce) var(--rd, 0s) !important; }
.gn-js [data-reveal="up"]     { transform: translateY(18px) !important; }
.gn-js [data-reveal="left"]   { transform: translateX(-18px) !important; }
.gn-js [data-reveal="right"]  { transform: translateX(18px) !important; }
.gn-js [data-reveal="bounce"] { transform: translateY(26px) !important; }
.gn-js [data-reveal="pop"], .gn-js .bx-flip[data-reveal="pop"] { transform: scale(.94) !important; }
.gn-js [data-reveal="fade"]   { transition: opacity 1.6s var(--m-ease) var(--rd, 0s) !important; }
.gn-js [data-reveal].is-in, .gn-js .bx-flip[data-reveal].is-in { opacity: 1; transform: none !important; }

/* media: χωρίς clip/blur — μόνο η φωτογραφία κάνει ελάχιστο zoom-out */
.gn-js [data-reveal] > img, .gn-js [data-reveal] > video { filter: none !important; clip-path: none !important; transform: none; }
.gn-js [data-reveal="fade-zoom"] > img { transform: scale(1.05); transition: transform 1.8s var(--m-ease) var(--rd, 0s); }
.gn-js [data-reveal="fade-zoom"].is-in > img { transform: none; }

.gn-js .bx-video[data-reveal] { background-color: var(--pine) !important; }

/* κουτί κειμένου: τα περιεχόμενα κάνουν fade κλιμακωτά (χωρίς κίνηση) */
.gn-js .bx-text > * { filter: none !important; transform: none; transition: opacity .9s var(--m-ease); }
/* μικρή κάρτα στο βίντεο: ανεβαίνει με απαλή αναπήδηση στο τέλος */
.gn-js .bx-mini { filter: none !important; transform: translateY(16px); transition: opacity .8s var(--m-ease) 1.1s, transform .9s var(--m-bounce) 1.1s; }
.gn-js .bx-video.is-in .bx-mini { transform: none; }
/* header: απλό fade */
.gn-js .hy-logo, .gn-js .hy-pill { filter: none !important; transform: none; transition: opacity 1.1s var(--m-ease); }
/* floating τηλέφωνο: μικρό pop */
.gn-js .gn-float--phone { transform: scale(.6); transition: opacity .6s var(--m-ease) 1.4s, transform .7s var(--m-bounce) 1.4s, background-color .4s ease, color .4s ease; }
.gn-js.is-loaded .gn-float--phone { transform: none; }

/* =====================================================================
   ΓΝΩΡΙΜΙΑ (ab-about) — ίδια γλώσσα με το hero: γωνίες 28px, Pine/Sage/Coral,
   λαχανί μόνο σε λεπτομέρειες, τίτλοι Google Sans, κείμενο Sofia Sans
   ===================================================================== */
.gn .ab-about { padding: 120px var(--frame) !important; background: var(--ivory); }

.ab-text { display: flex; flex-direction: column; gap: 28px; }
.gn .ab-text > * { margin: 0 !important; }

.ab-text h2 { font-family: var(--f-title); font-weight: 500 !important; font-size: clamp(2rem, 3vw, 3rem); line-height: 1.2; letter-spacing: -.025em !important; color: var(--pine); max-width: 14em; }
.ab-hl { color: #F27348; }
.ab-copy { display: grid; gap: 14px; }
.gn .ab-copy p { margin: 0 !important; font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; max-width: 34em; }

.gn .ab-cards { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.ab-card { display: flex; align-items: center; gap: 20px; padding: 22px 26px; border-radius: 22px; margin: 0; }
.ab-card h3 { font-family: var(--f-title); font-weight: 500; font-size: 18px; line-height: 1.3; margin: 0 0 4px; }
.gn .ab-card p { margin: 0 !important; font-family: var(--f-text); font-size: 16px; line-height: 1.5; }
.ab-card__ico { width: 56px; height: 56px; flex: none; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.ab-card__ico svg { width: 24px; height: 24px; }
.ab-card--pine { background: var(--pine); color: #F2F3EC; }
.ab-card--pine h3 { color: #F2F3EC; }
.ab-card--pine p { color: rgba(242, 243, 236, .85); }
.ab-card--pine .ab-card__ico { background: rgba(242, 243, 236, .1); border: 1px solid rgba(242, 243, 236, .25); color: #A7AE37; }
.ab-card--sage { background: #D5DDD8; color: var(--pine); }
.ab-card--sage h3 { color: var(--pine); }
.ab-card--sage p { color: #3D5A4F; }
.ab-card--sage .ab-card__ico { background: #F2F3EC; color: #F27348; }

/* tablet */
@media (max-width: 1099px) {
  .gn .ab-about { padding: 96px var(--frame) !important; }
  
  }

/* κινητό */
@media (max-width: 549px) {
  .gn .ab-about { padding: 72px 16px !important; }
  .ab-text { gap: 22px; }
  
    .ab-card { padding: 18px; gap: 16px; align-items: flex-start; }
  .ab-card__ico { width: 46px; height: 46px; }
  .gn .ab-copy p { font-size: 18px; }
  .ab-actions .button { width: 100%; }
}

/* =====================================================================
   ΚΑΝΟΝΕΣ SECTIONS: απόσταση 60px (desktop/laptop/tablet) · 50px (κινητό)
   πλάτος ίδιο με το μενού · τίτλοι 40px · χρωματισμένες λέξεις λαχανί
   ===================================================================== */
:root { --sec-y: 60px; --sec-x: calc(var(--frame) + var(--s2)); }
@media (max-width: 849px) { :root { --sec-x: var(--frame); } }
@media (max-width: 549px) { :root { --sec-y: 50px; --sec-x: 8px; } }

.gn .ab-about { padding: var(--sec-y) var(--sec-x) !important; }

.ab-text h2 { font-size: 40px; line-height: 1.2; max-width: none; }
@media (min-width: 1200px) { .ab-text h2 { white-space: nowrap; } }
@media (max-width: 849px) { .ab-text h2 { font-size: 34px; } }
@media (max-width: 549px) { .ab-text h2 { font-size: 28px; } }
.ab-hl { color: #A7AE37; }

/* πορτοκαλί κουμπί σε ανοιχτό φόντο: γέμισμα Pine στο hover */
.gn .ab-actions .bx-btn--coral::before { background: #26473A; }
.gn .ab-actions .bx-btn--coral:hover, .gn .ab-actions .bx-btn--coral:focus-visible { color: #F2F3EC; }

/* back to top: λαχανί με λευκό βελάκι */
.gn-float--top { background: #A7AE37; color: #FFFFFF; border-color: #A7AE37; }
.gn-float--top:hover, .gn-float--top:focus-visible { background: #26473A; color: #FFFFFF; border-color: #26473A; }

/* διόρθωση: μεταβλητές sections στο .gn (εκεί ορίζεται το --frame) + μία στήλη σε tablet/κινητό */
.gn { --sec-y: 60px; --sec-x: calc(var(--frame) + var(--s2)); }
@media (max-width: 849px) {
  .gn { --sec-x: var(--frame); }
  
}
@media (max-width: 549px) { .gn { --sec-y: 50px; --sec-x: 8px; }  .ab-text { padding: 0 8px; } }

/* =====================================================================
   ΠΩΣ ΞΕΚΙΝΑΜΕ ΜΑΖΙ (st-steps) — λευκή κάρτα + φωτογραφία, ίδιο πλάτος με το μενού
   ===================================================================== */
.gn .st-steps { padding: 0 var(--sec-x) var(--sec-y) !important; background: var(--ivory); }
.st-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.st-card { background: #FFFFFF; border-radius: 28px; padding: clamp(36px, 4.4vw, 72px); display: flex; flex-direction: column; gap: 32px; }
.gn .st-card > * { margin: 0 !important; }
.st-card h2 { font-family: var(--f-title); font-weight: 500 !important; font-size: 40px; line-height: 1.2; letter-spacing: -.025em !important; color: var(--pine); }
.gn .st-list { list-style: none; padding: 0; display: grid; gap: 26px; }
.st-list li { display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 20px; align-items: start; margin: 0; }
.st-num { width: 60px; height: 60px; border-radius: 50%; background: #A7AE37; color: var(--pine); display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--f-title); font-weight: 600; font-size: 18px; }
.st-list h3 { font-family: var(--f-title); font-weight: 500; font-size: 20px; line-height: 1.3; color: var(--pine); margin: 6px 0 6px; }
.gn .st-list p { margin: 0 !important; font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; }

/* πορτοκαλί κουμπί σε λευκή κάρτα: γέμισμα Pine στο hover */
.gn .st-actions .bx-btn--coral::before { background: #26473A; }
.gn .st-actions .bx-btn--coral:hover, .gn .st-actions .bx-btn--coral:focus-visible { color: #F2F3EC; }
/* κίνηση: τα βήματα εμφανίζονται κλιμακωτά μέσα στην κάρτα */
.gn-js .st-list li { opacity: 0; transition: opacity .9s var(--m-ease); }
.gn-js .st-card.is-in .st-list li { opacity: 1; }
.gn-js .st-card.is-in .st-list li:nth-child(1) { transition-delay: .35s; }
.gn-js .st-card.is-in .st-list li:nth-child(2) { transition-delay: .5s; }
.gn-js .st-card.is-in .st-list li:nth-child(3) { transition-delay: .65s; }

@media (max-width: 849px) {
  .st-grid { grid-template-columns: minmax(0, 1fr); }
  
  .st-card h2 { font-size: 34px; }
}
@media (max-width: 549px) {
  .st-card { padding: 30px 22px; gap: 24px; border-radius: 22px; }
  
  .st-card h2 { font-size: 28px; }
  .st-list li { grid-template-columns: 48px minmax(0, 1fr); gap: 14px; }
  .st-num { width: 48px; height: 48px; font-size: 16px; }
  .st-list h3 { font-size: 18px; margin-top: 2px; }
  .gn .st-list p { font-size: 16px; }
  .st-actions .button { width: 100%; }
}

/* Γνωριμία: τα δύο σημεία σε δύο στήλες, χωρίς κουτιά — εικονίδιο, τίτλος, κείμενο */
.gn .ab-cards { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; padding-top: 28px !important; border-top: 1px solid rgba(38, 71, 58, .14); }
.ab-card, .ab-card--pine, .ab-card--sage { background: none; padding: 0; border-radius: 0; flex-direction: column; align-items: flex-start; gap: 14px; color: var(--pine); }
.ab-card--pine h3, .ab-card--sage h3 { color: var(--pine); }
.ab-card--pine p, .ab-card--sage p { color: #3D5A4F; }
.ab-card__ico { width: 52px; height: 52px; }
.ab-card--pine .ab-card__ico { background: #A7AE37; border: 0; color: var(--pine); }
.ab-card--sage .ab-card__ico { background: #F27348; color: #FFFFFF; }
@media (max-width: 549px) {
  .gn .ab-cards { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .ab-card { padding: 0; }
}

/* =====================================================================
   STICKY HEADER — στο scroll «κατεβαίνει» ως λευκή κάψουλα (radius 999)
   με κενό γύρω-γύρω, πάνω από το περιεχόμενο
   ===================================================================== */
.nc .hy-header.is-solid {
  position: sticky; top: 0; background: transparent !important; border: 0 !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  padding: 12px var(--sec-x) 0; animation: gnHeadDown .55s cubic-bezier(.22, .61, .36, 1);
}
.nc .hy-header.is-solid .gn-header__bar {
  height: 76px !important; max-width: none; margin: 0; padding: 0 10px 0 28px !important;
  background: #FFFFFF; border-radius: 999px; box-shadow: 0 10px 34px -18px rgba(38, 71, 58, .45), 0 0 0 1px rgba(38, 71, 58, .06);
}
.nc .hy-header.is-solid .hy-logo img { width: 128px !important; }
.nc .hy-header.is-solid .hy-pill { background: transparent; border-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 0; }
@keyframes gnHeadDown { from { transform: translateY(-110%); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 549px) {
  .nc .hy-header.is-solid { padding: 8px 8px 0; }
  .nc .hy-header.is-solid .gn-header__bar { height: 64px !important; padding: 0 6px 0 18px !important; }
  .nc .hy-header.is-solid .hy-logo img { width: 100px !important; }
}
@media (prefers-reduced-motion: reduce) { .nc .hy-header.is-solid { animation: none; } }
/* sticky λειτουργεί μόνο αν οι γονείς δεν έχουν overflow:hidden → clip */
html, body.gn { overflow-x: clip !important; }
/* στη λευκή κάψουλα το κουμπί ραντεβού παίρνει Ivory φόντο για να ξεχωρίζει */
.nc .hy-header.is-solid .hy-btn-white::after { background: #F2F3EC; }

/* =====================================================================
   ΓΝΩΡΙΜΙΑ v2 — κεντραρισμένη στήλη + 2 κουτιά δίπλα-δίπλα, ίσες αποστάσεις (40px)
   ===================================================================== */
.ab-wrap { display: flex; flex-direction: column; align-items: center; gap: 48px; }
.ab-wrap .ab-text { max-width: 820px; align-items: center; text-align: center; gap: 28px; }
.ab-wrap .ab-text h2 { white-space: normal; }
.ab-wrap .ab-copy { justify-items: center; }
.gn .ab-wrap .ab-copy p { max-width: 46em; }
.ab-wrap .ab-actions { display: flex; justify-content: center; }

/* τα δύο κουτιά (όπως πριν): Pine & ανοιχτό Sage */
.gn .ab-wrap .ab-cards { width: 100%; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; padding: 0 !important; border-top: 0; }
.ab-wrap .ab-card { flex-direction: row; align-items: center; gap: 22px; padding: 32px 36px; border-radius: 28px; }
.ab-wrap .ab-card--pine { background: var(--pine); }
.ab-wrap .ab-card--pine h3 { color: #F2F3EC; }
.ab-wrap .ab-card--pine p { color: rgba(242, 243, 236, .85); }
.ab-wrap .ab-card--pine .ab-card__ico { background: #A7AE37; color: var(--pine); }
.ab-wrap .ab-card--sage { background: #D5DDD8; }
.ab-wrap .ab-card--sage .ab-card__ico { background: #F27348; color: #FFFFFF; }
.ab-wrap .ab-card h3 { font-size: 20px; margin: 0 0 6px; }

@media (max-width: 849px) {
  .gn .ab-wrap .ab-cards { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 549px) {
  .ab-wrap { gap: 40px; }
  .ab-wrap .ab-text { gap: 22px; padding: 0 8px; }
  .ab-wrap .ab-card { padding: 22px; gap: 16px; align-items: flex-start; border-radius: 22px; }
  .ab-wrap .ab-card h3 { font-size: 18px; }
}

/* =====================================================================
   STICKY HEADER v2 — σταθερό (fixed) χωρίς άλμα στη σελίδα, ομαλή μετάβαση
   σε κάψουλα #FCFDFD · ίδιο πλάτος με τα sections σε όλες τις συσκευές
   ===================================================================== */
.gn { --sec-x: var(--frame); }
@media (max-width: 549px) { .gn { --sec-x: 8px; } }

.nc .hy-header, .nc .hy-header.is-solid {
  position: fixed !important; top: 0; left: 0; right: 0; z-index: 90;
  background: transparent !important; border: 0 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  padding: 0 var(--sec-x); animation: none !important;
  transition: padding .5s cubic-bezier(.22, .61, .36, 1);
}
.gn main { padding-top: var(--head-h); }
.nc .hy-header .gn-header__bar {
  max-width: none !important; margin: 0 !important; padding: 0 16px !important;
  background: rgba(252, 253, 253, 0); border-radius: 999px; box-shadow: 0 0 0 0 rgba(38, 71, 58, 0);
  transition: height .5s cubic-bezier(.22, .61, .36, 1), background-color .5s ease, box-shadow .5s ease, padding .5s cubic-bezier(.22, .61, .36, 1) !important;
}
.nc .hy-header .hy-logo img { transition: width .5s cubic-bezier(.22, .61, .36, 1) !important; }
.nc .hy-header .hy-pill { transition: background-color .5s ease, border-color .5s ease, padding .5s ease; }

.nc .hy-header.is-solid { padding: 12px var(--sec-x) 0; }
.nc .hy-header.is-solid .gn-header__bar {
  height: 76px !important; padding: 0 10px 0 26px !important;
  background: #FCFDFD; box-shadow: 0 12px 36px -20px rgba(38, 71, 58, .45), 0 0 0 1px rgba(38, 71, 58, .06);
}
.nc .hy-header.is-solid .hy-btn-white::after { background: #F2F3EC; }
@media (max-width: 549px) {
  .nc .hy-header .gn-header__bar { padding: 0 8px !important; }
  .nc .hy-header.is-solid { padding: 8px var(--sec-x) 0; }
  .nc .hy-header.is-solid .gn-header__bar { height: 64px !important; padding: 0 6px 0 16px !important; }
}
@media (prefers-reduced-motion: reduce) { .nc .hy-header, .nc .hy-header .gn-header__bar, .nc .hy-header .hy-logo img { transition: none !important; } }

/* =====================================================================
   ΓΝΩΡΙΜΙΑ v3 — αριστερά τίτλος/κείμενο/κουμπί, δεξιά 2 κουτιά το ένα κάτω από το άλλο
   50% / 50% · ίσα ύψη κουτιών · ίσες αποστάσεις
   ===================================================================== */
.ab-wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.ab-wrap .ab-text { max-width: none; align-items: flex-start; text-align: left; justify-content: center; gap: 28px; padding: 24px clamp(8px, 3vw, 48px) 24px 0; }
.ab-wrap .ab-copy { justify-items: start; }
.ab-wrap .ab-actions { justify-content: flex-start; }
.gn .ab-wrap .ab-cards { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; gap: 16px; height: 100%; }
.ab-wrap .ab-card { height: 100%; }
@media (min-width: 1200px) { .ab-wrap .ab-text h2 { white-space: nowrap; } }
@media (max-width: 849px) {
  .ab-wrap { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .ab-wrap .ab-text { padding: 0; }
}
@media (max-width: 549px) { .ab-wrap .ab-text { padding: 0 8px; } }

/* sticky: το μενού κρατά ακριβώς την ίδια εμφάνιση (Sage glass pill + λευκό κουμπί) — απλώς κατεβαίνει */
.nc .hy-header.is-solid .hy-pill {
  background: rgba(140, 160, 150, .26) !important; border: 1px solid rgba(140, 160, 150, .55) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important; backdrop-filter: blur(16px) saturate(140%) !important;
  padding: 6px 6px 6px var(--s3) !important;
}
.nc .hy-header.is-solid .hy-btn-white::after { background: #FFFFFF !important; }
/* κάψουλα sticky & dropdown: #F8F9F4 */
.nc .hy-header.is-solid .gn-header__bar { background: #F8F9F4 !important; }
.gn .gn-dropdown { background: #F8F9F4 !important; }
@media (max-width: 549px) { .nc .hy-header.is-solid .hy-pill { padding: 4px !important; } }
/* Γνωριμία: αντεστραμμένες στήλες — κουτιά αριστερά, κείμενο δεξιά (σε κινητό/tablet το κείμενο μένει πρώτο) */
@media (min-width: 850px) {
  .ab-wrap .ab-cards { order: 1; }
  .ab-wrap .ab-text { order: 2; padding: 24px 0 24px clamp(8px, 3vw, 48px); }
}
/* floating κουμπιά στοιχισμένα με τις άκρες των sections */
.gn-float--phone { left: var(--sec-x, 16px); }
.gn-float--top { right: var(--sec-x, 16px); }
.gn-float { bottom: 16px; }
@media (max-width: 549px) { .gn-float--phone { left: 8px; } .gn-float--top { right: 8px; } .gn-float { bottom: 12px; } }

/* κείμενα κουτιών Γνωριμίας: 18px */
.gn .ab-wrap .ab-card p { font-size: 18px; line-height: 1.55; }

/* αποστάσεις sections: 80px desktop · 60px tablet · 50px κινητό (πάνω & κάτω) */
.gn { --sec-y: 80px; }
@media (max-width: 1099px) { .gn { --sec-y: 60px; } }
@media (max-width: 549px) { .gn { --sec-y: 50px; } }
.gn .ab-about { padding-top: var(--sec-y) !important; padding-bottom: var(--sec-y) !important; }
.gn .st-steps { padding-top: 0 !important; padding-bottom: var(--sec-y) !important; }
/* hero χωρίς δικό του κάτω κενό — την απόσταση την ορίζει το επόμενο section */
.gn .bx-hero { padding-bottom: 0 !important; }

/* Πώς ξεκινάμε μαζί — πιο συμπαγές: μικρότεροι αριθμοί, μικρότερο padding, κείμενα σε όλο το πλάτος, κολάζ φωτογραφιών */
.st-card { padding: clamp(28px, 3vw, 48px); gap: 28px; }
.st-list li { grid-template-columns: 44px minmax(0, 1fr); gap: 16px; }
.st-num { width: 44px; height: 44px; font-size: 15px; }
.st-list h3 { margin: 8px 0 6px; }
.gn .st-list { gap: 24px; }
.gn .st-list p { max-width: none; }

@media (max-width: 549px) {
  .st-card { padding: 26px 20px; gap: 22px; }
  .st-list li { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; }
  .st-num { width: 38px; height: 38px; font-size: 14px; }
  .st-list h3 { margin-top: 6px; }
  
  
}

/* Πώς ξεκινάμε μαζί v2 — δεξιά δύο φωτογραφίες σαν bento (όπως το hero): Γεωργία + γραφείο */
.st-duo { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; min-height: 460px; }
.st-duo > div { border-radius: 28px; overflow: hidden; background: var(--sage); position: relative; }
.st-duo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.st-duo__a img { object-position: 50% 28%; }
.st-duo__b img { object-position: 35% 50%; }
.gn-js .st-duo__b[data-reveal] { transition-delay: .2s !important; }
@media (max-width: 849px) { .st-duo { min-height: 0; aspect-ratio: 16 / 10; } }
@media (max-width: 549px) { .st-duo { gap: 8px; aspect-ratio: 1 / 1; } .st-duo > div { border-radius: 22px; } }

/* Πώς ξεκινάμε μαζί v3 — «παζλ»: οι δύο φωτογραφίες κλιμακωτές, η μία συμπληρώνει την άλλη */
.st-duo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: repeat(10, minmax(0, 1fr)); gap: 16px; min-height: 520px; }
.st-duo__a { grid-column: 1; grid-row: 1 / 8; }
.st-duo__b { grid-column: 2; grid-row: 3 / 11; }
.st-duo__b img { object-position: 24% 62%; }
/* μικρά διακοσμητικά «κομμάτια» που κλείνουν τα κενά του παζλ */
.st-duo::before, .st-duo::after { content: ""; border-radius: 28px; }
.st-duo::before { grid-column: 2; grid-row: 1 / 3; background: #A7AE37; }
.st-duo::after { grid-column: 1; grid-row: 8 / 11; background: var(--pine); }
@media (max-width: 849px) { .st-duo { min-height: 0; aspect-ratio: 16 / 12; } }
@media (max-width: 549px) {
  .st-duo { gap: 8px; aspect-ratio: 1 / 1.15; }
  .st-duo::before, .st-duo::after { border-radius: 22px; }
}

/* παζλ: τα χρωματιστά κομμάτια γίνονται μικρά κουτιά πληροφορίας */
.st-duo::before, .st-duo::after { content: none; }
.st-duo { grid-template-rows: repeat(10, minmax(0, 1fr)); min-height: 560px; }
.st-duo__a { grid-column: 1; grid-row: 1 / 8; }
.st-duo__b { grid-column: 2; grid-row: 4 / 11; }
.st-piece { position: relative; border-radius: 28px; padding: 22px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; }
.st-piece--lime { grid-column: 2; grid-row: 1 / 4; background: #A7AE37; color: var(--pine); }
.st-piece--pine { grid-column: 1; grid-row: 8 / 11; background: var(--pine); color: #F2F3EC; }
.st-piece__ico { width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.st-piece__ico svg { width: 20px; height: 20px; }
.st-piece--lime .st-piece__ico { background: #F2F3EC; color: var(--pine); }
.st-piece--pine .st-piece__ico { background: #A7AE37; color: var(--pine); }
.st-piece h3 { font-family: var(--f-title); font-weight: 500; font-size: 20px; line-height: 1.25; margin: 0 0 4px; color: inherit; }
.gn .st-piece p { margin: 0 !important; font-family: var(--f-text); font-size: 16px; line-height: 1.4; color: inherit; opacity: .9; }
@media (max-width: 849px) { .st-duo { min-height: 0; aspect-ratio: 16 / 13; } }
@media (max-width: 549px) {
  .st-duo { aspect-ratio: auto; grid-template-rows: auto 220px auto 220px; }
  .st-duo__a { grid-column: 1; grid-row: 1 / 3; }
  .st-piece--lime { grid-column: 2; grid-row: 1; }
  .st-duo__b { grid-column: 2; grid-row: 2 / 4; }
  .st-piece--pine { grid-column: 1; grid-row: 3; }
  .st-piece { border-radius: 22px; padding: 16px; gap: 10px; }
  .st-piece__ico { width: 36px; height: 36px; }
  .st-piece h3 { font-size: 18px; }
  .gn .st-piece p { font-size: 14px; }
}
.st-duo > .st-piece--lime { background: #A7AE37; }
.st-duo > .st-piece--pine { background: var(--pine); }

/* κουτιά παζλ: bold πληροφορία */
.gn .st-piece p { font-weight: 600; opacity: 1; }

/* πορτοκαλί αστεράκι πάνω δεξιά σε κάθε φωτογραφία */
.st-duo__a::after, .st-duo__b::after {
  content: ""; position: absolute; z-index: 1; top: 18px; right: 18px; width: 30px; height: 30px; background: #F27348;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.4 5.6 11.4 12 12-6.4.6-11.4 5.6-12 12-.6-6.4-5.6-11.4-12-12C6.4 11.4 11.4 6.4 12 0z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.4 5.6 11.4 12 12-6.4.6-11.4 5.6-12 12-.6-6.4-5.6-11.4-12-12C6.4 11.4 11.4 6.4 12 0z'/%3E%3C/svg%3E") center / contain no-repeat;
  animation: stTwinkle 6s ease-in-out infinite;
}
.st-duo__b::after { animation-delay: 3s; }
@keyframes stTwinkle { 0%, 100% { transform: rotate(0) scale(1); } 50% { transform: rotate(45deg) scale(.88); } }
@media (max-width: 549px) { .st-duo__a::after, .st-duo__b::after { width: 22px; height: 22px; top: 12px; right: 12px; } }
@media (prefers-reduced-motion: reduce) { .st-duo__a::after, .st-duo__b::after { animation: none; } }
/* κουτιά παζλ: τίτλοι 24px, πληροφορία 18px */
.st-piece h3 { font-size: 24px; }
.gn .st-piece p { font-size: 18px; }
@media (max-width: 549px) { .st-piece h3 { font-size: 20px; } .gn .st-piece p { font-size: 16px; } }
/* λαχανί κουτί: λευκά γράμματα (δοκιμή) */
.st-duo > .st-piece--lime { color: #FFFFFF; }

/* =====================================================================
   ΥΠΗΡΕΣΙΕΣ (sv-services) — κάρτες #FCFDFD, μικρό εικονίδιο, 3/2/1 στήλες
   ===================================================================== */
.gn .sv-services { padding: 0 var(--sec-x) var(--sec-y) !important; background: var(--ivory); }
.sv-head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; margin: 0 auto 40px; max-width: 760px; }
.gn .sv-head > * { margin: 0 !important; }
.sv-head h2 { font-family: var(--f-title); font-weight: 500 !important; font-size: 40px; line-height: 1.2; letter-spacing: -.025em !important; color: var(--pine); }
.gn .sv-head p { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.gn .sv-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sv-card { position: relative; margin: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
  padding: 30px 30px 28px; border-radius: 28px; background: #FCFDFD; border: 1px solid rgba(38, 71, 58, .06);
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s ease; }
.sv-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -26px rgba(38, 71, 58, .45); }
.sv-card__ico { width: 56px; height: 56px; object-fit: contain; }
.sv-card h3 { font-family: var(--f-title); font-weight: 500; font-size: 22px; line-height: 1.25; color: var(--pine); margin: 4px 0 0; }
.gn .sv-card p { margin: 0 !important; font-family: var(--f-text); font-size: 18px; line-height: 1.55; color: #3D5A4F; flex: 1; }

.sv-card:focus-within { outline: 2px solid #F27348; outline-offset: 3px; }

@media (max-width: 1099px) { .gn .sv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 849px) { .sv-head h2 { font-size: 34px; } }
@media (max-width: 549px) {
  .gn .sv-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .sv-head { gap: 16px; margin-bottom: 28px; padding: 0 8px; }
  .sv-head h2 { font-size: 28px; }
  .sv-card { padding: 24px 22px; border-radius: 22px; }
  .sv-card h3 { font-size: 20px; }
  .gn .sv-card p { font-size: 16px; }
}
/* Γνωριμία, 1ο κουτί: αντεστραμμένα χρώματα — λαχανί κουτί, Pine κύκλος με λαχανί εικονίδιο */
.ab-wrap .ab-card--pine { background: #A7AE37; }
.ab-wrap .ab-card--pine h3 { color: #26473A; }
.ab-wrap .ab-card--pine p { color: #26473A; }
.ab-wrap .ab-card--pine .ab-card__ico { background: #26473A; color: #A7AE37; }
/* Γνωριμία, λαχανί κουτί: λευκά γράμματα */
.ab-wrap .ab-card--pine h3, .ab-wrap .ab-card--pine p { color: #FFFFFF; }
/* Γνωριμία, λαχανί κουτί: λευκό εικονίδιο */
.ab-wrap .ab-card--pine .ab-card__ico { color: #FFFFFF; }
/* Γνωριμία, λαχανί κουτί: λευκός κύκλος με Pine εικονίδιο */
.ab-wrap .ab-card--pine .ab-card__ico { background: #FFFFFF; color: #26473A; }

/* αντί για αστεράκι: φυλλαράκι (nutrition) — λαχανί σε λευκό κυκλάκι, απαλό «λίκνισμα» */
.st-duo__a::after, .st-duo__b::after {
  width: 40px; height: 40px; top: 16px; right: 16px; border-radius: 50%;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A7AE37'%3E%3Cpath d='M20 4c.4 9.2-5 15-12.6 14.7 2.3-3.7 4.8-6.6 8-9.1-3.9 1.8-6.9 4.5-9.4 8.2C4.4 9.8 11 4.4 20 4z'/%3E%3C/svg%3E") center / 22px no-repeat;
  -webkit-mask: none; mask: none;
  box-shadow: 0 6px 16px -10px rgba(38, 71, 58, .5);
  animation: stLeaf 5s ease-in-out infinite;
}
@keyframes stLeaf { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }
@media (max-width: 549px) { .st-duo__a::after, .st-duo__b::after { width: 32px; height: 32px; top: 10px; right: 10px; background-size: 18px; } }
/* Γνωριμία, λαχανί κουτί: σκούρος πράσινος κύκλος με λευκό αυτί */
.ab-wrap .ab-card--pine .ab-card__ico { background: #26473A; color: #FFFFFF; }

/* ΥΠΗΡΕΣΙΕΣ v2 — 8 κάρτες, 4 ανά σειρά, με φωτογραφία, διακριτικό εικονίδιο, κουμπί όπως στη σελίδα */
.gn .sv-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sv-card { padding: 0; gap: 0; overflow: hidden; }
.sv-card__media { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sage); }
.sv-card__media > img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.22, .61, .36, 1); }
.sv-card:hover .sv-card__media > img { transform: scale(1.04); }
.sv-card__ico { position: absolute; left: 14px; bottom: -22px; width: 48px; height: 48px; border-radius: 50%; background: #FCFDFD;
  display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px -10px rgba(38, 71, 58, .45); }
.sv-card__media { overflow: visible; }
.sv-card__media > img { border-radius: 28px 28px 0 0; }
.sv-card__ico img { width: 28px; height: 28px; object-fit: contain; }
.sv-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 36px 22px 24px; flex: 1; width: 100%; }
.sv-card h3 { font-size: 20px; margin: 0; }
.gn .sv-card p { font-size: 16px; }
.gn .sv-btn { min-height: 44px; padding: 0 20px; font-size: 14px; margin-top: 6px; border: 1px solid rgba(38, 71, 58, .14) !important; color: var(--pine); }
.gn .sv-btn:hover, .gn .sv-btn:focus-visible { color: #F2F3EC !important; }

.sv-btn::after { content: none; }
@media (max-width: 1099px) { .gn .sv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 549px) {
  .gn .sv-grid { grid-template-columns: minmax(0, 1fr); }
  .sv-card__media > img { border-radius: 22px 22px 0 0; }
  .sv-card__body { padding: 34px 20px 22px; }
}

/* λευκό φόντο σε dropdown & sticky header */
.gn .gn-dropdown { background: #FFFFFF !important; }
.nc .hy-header.is-solid .gn-header__bar { background: #FFFFFF !important; }

/* =====================================================================
   GLASS ΕΙΚΟΝΙΔΙΑ — ίδια λογική με τα social (ημιδιάφανο κυκλάκι + λεπτό περίγραμμα + blur)
   ===================================================================== */
.ab-wrap .ab-card .ab-card__ico, .st-piece .st-piece__ico {
  background: rgba(255, 255, 255, .16) !important; border: 1px solid rgba(255, 255, 255, .38) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFFFFF !important;
}
/* στο ανοιχτό Sage κουτί: glass με σκούρο τόνο, ώστε να φαίνεται */
.ab-wrap .ab-card--sage .ab-card__ico {
  background: rgba(38, 71, 58, .07) !important; border-color: rgba(38, 71, 58, .2) !important; color: #26473A !important;
}
/* αριθμοί βημάτων: λευκοί */
.st-num { color: #FFFFFF; }
/* χωρίς σήμα (μηλαράκι) πάνω στις φωτογραφίες */
.st-duo__a::after, .st-duo__b::after { content: none !important; display: none !important; }
/* εικονίδια υπηρεσιών: μέσα στη φωτογραφία, κάτω αριστερά */
.sv-card__ico { left: 14px; bottom: 14px; }
.sv-card__body { padding-top: 22px; }
@media (max-width: 549px) { .sv-card__body { padding-top: 20px; } }

/* =====================================================================
   CTA ΑΡΘΡΑ & ΣΥΝΤΑΓΕΣ — απλό κουτί Sage με watermark μηλαράκι
   ===================================================================== */
.gn .cta-box { padding: 0 var(--sec-x) var(--sec-y) !important; background: var(--ivory); }
.cb-inner { position: relative; overflow: hidden; border-radius: 28px; background: #8CA096; color: #FFFFFF;
  padding: clamp(48px, 6vw, 88px) clamp(24px, 4vw, 64px); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px; }
.gn .cb-inner > * { margin: 0 !important; position: relative; z-index: 1; }

.cb-inner h2 { font-family: var(--f-title); font-weight: 500 !important; font-size: 40px; line-height: 1.2; letter-spacing: -.025em !important; color: #FFFFFF; max-width: 22em; }
.gn .cb-inner p { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, .92); max-width: 36em; }
.cb-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
/* «Συνταγές» πορτοκαλί → γέμισμα Pine στο hover */
.gn .cb-actions .bx-btn--coral::before { background: #26473A; }
.gn .cb-actions .bx-btn--coral:hover, .gn .cb-actions .bx-btn--coral:focus-visible { color: #F2F3EC; }
.gn .cb-inner :focus-visible { outline-color: #FFFFFF; }
@media (max-width: 849px) { .cb-inner h2 { font-size: 34px; }  }
@media (max-width: 549px) {
  .cb-inner { border-radius: 22px; gap: 20px; }
  .cb-inner h2 { font-size: 28px; }
  .gn .cb-inner p { font-size: 18px; }
  .cb-actions { width: 100%; }
  .cb-actions .button { flex: 1 1 100%; }
  
}
/* όλα τα κείμενα: ελάχιστο βάρος 400 */
body.gn, .gn p, .gn li, .gn input, .gn textarea { font-weight: 400; }

/* CTA v2 — συμπαγές: αριστερά τίτλος & κείμενο, δεξιά κουμπιά · μικρό διακριτικό φυλλαράκι */
.cb-inner { flex-direction: row; align-items: center; justify-content: space-between; text-align: left; gap: 32px;
  padding: 40px clamp(28px, 4vw, 56px); }
.cb-text { display: flex; flex-direction: column; gap: 10px; max-width: 760px; }
.gn .cb-text > * { margin: 0 !important; }
.cb-inner h2 { font-size: 30px; max-width: none; }
.gn .cb-inner p { font-size: 18px; max-width: none; }
.cb-actions { flex: none; justify-content: flex-end; }

@media (max-width: 849px) {
  .cb-inner { flex-direction: column; align-items: flex-start; gap: 22px; }
  .cb-actions { justify-content: flex-start; }
  .cb-inner h2 { font-size: 26px; }
}
@media (max-width: 549px) {
  .cb-inner { padding: 30px 22px; }
  .cb-inner h2 { font-size: 24px; }
  
}

/* CTA v3 — κείμενο 70% / κουμπιά 30%, λεπτότερο φύλλο δεξιά πάνω, ορατό hover στο «Άρθρα» */
@media (min-width: 850px) {
  .cb-inner { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); gap: 32px; }
  .cb-text { max-width: none; }
}

/* «Άρθρα»: γέμισμα Pine με λευκά γράμματα */
.gn .cb-actions .hy-btn-white { --fill: #26473A; }
.gn .cb-actions .hy-btn-white:hover, .gn .cb-actions .hy-btn-white:focus-visible,
.gn .cb-actions .hy-btn-white:hover span, .gn .cb-actions .hy-btn-white:focus-visible span { color: #FFFFFF !important; }

/* CTA: χωρίς φύλλο, φόντο #D5DDD8, σκούρα πράσινα γράμματα */
.cb-inner { background: #D5DDD8; color: #26473A; }
.cb-inner h2 { color: #26473A; }
.gn .cb-inner p { color: #3D5A4F; }
.gn .cb-inner :focus-visible { outline-color: #F27348; }
.gn .cb-actions .hy-btn-white { border: 1px solid rgba(38, 71, 58, .14) !important; }

/* μενού (pill) σε όλες τις συσκευές & στο sticky: φόντο #D5DDD8 */
.hy-pill, .nc .hy-header .hy-pill, .nc .hy-header.is-solid .hy-pill {
  background: #D5DDD8 !important; border-color: rgba(38, 71, 58, .1) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
/* κινητό: παζλ σε 3 σειρές (χωρίς άδεια σειρά στο τέλος) */
@media (max-width: 549px) {
  .st-duo { grid-template-rows: auto 210px auto !important; aspect-ratio: auto !important; min-height: 0 !important; }
  .st-duo__a { grid-column: 1; grid-row: 1 / 3 !important; }
  .st-duo > .st-piece--lime { grid-column: 2; grid-row: 1 !important; }
  .st-duo__b { grid-column: 2; grid-row: 2 / 4 !important; }
  .st-duo > .st-piece--pine { grid-column: 1; grid-row: 3 !important; }
}
/* νέο hero βίντεο (Γεωργία στον χώρο): κεντραρισμένο */
.bx-video__media { object-position: 50% 40% !important; }

/* =====================================================================
   ΚΟΙΝΗ ΚΕΦΑΛΙΔΑ SECTION (sx-head) — κεντραρισμένος τίτλος 40px + κείμενο 18px
   ===================================================================== */
.sx-head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; margin: 0 auto 40px; max-width: 760px; }
.gn .sx-head > * { margin: 0 !important; }
.gn .sx-head h2, .fq-intro h2, .rv-head h2 { font-family: var(--f-title); font-weight: 500 !important; font-size: 40px; line-height: 1.2; letter-spacing: -.025em !important; color: var(--pine); }
.gn .sx-head p, .gn .rv-head p { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; }
@media (max-width: 849px) { .gn .sx-head h2, .fq-intro h2, .rv-head h2 { font-size: 34px; } }
@media (max-width: 549px) {
  .sx-head { gap: 16px; margin-bottom: 28px; padding: 0 8px; }
  .gn .sx-head h2, .fq-intro h2, .rv-head h2 { font-size: 28px; }
  .gn .sx-head p, .gn .rv-head p { font-size: 18px; }
}

/* =====================================================================
   EBOOKS (eb-ebooks) — 2 λευκές κάρτες: εξώφυλλο αριστερά, κείμενο δεξιά
   ===================================================================== */
.gn .eb-ebooks { padding: 0 var(--sec-x) var(--sec-y) !important; background: var(--ivory); }
.eb-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.eb-card { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); gap: 0; background: #FFFFFF; border-radius: 28px; padding: 12px; margin: 0;
  transition: box-shadow .45s ease; }
.eb-card:hover { box-shadow: 0 18px 40px -26px rgba(38, 71, 58, .45); }
.eb-card__media { border-radius: 20px; overflow: hidden; background: #D5DDD8; min-height: 100%; }
.eb-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: 55% 45%; transition: transform 1.2s cubic-bezier(.22, .61, .36, 1); }
.eb-card:hover .eb-card__media img { transform: scale(1.04); }
.eb-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 24px 22px 22px 30px; }
.gn .eb-card__body > * { margin: 0 !important; }
.eb-tag { display: inline-flex; align-items: center; min-height: 30px; padding: 0 14px; border-radius: 99px; background: #D5DDD8; color: var(--pine);
  font-family: var(--f-title); font-size: 13px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }
.eb-tag--free { background: #A7AE37; color: #FFFFFF; }
.eb-card h3 { font-family: var(--f-title); font-weight: 500; font-size: 24px; line-height: 1.25; letter-spacing: -.015em; color: var(--pine); }
.eb-card h3 span { display: block; margin-top: 6px; font-size: 18px; color: #F27348; letter-spacing: 0; }
.gn .eb-card p { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; flex: 1; }
.eb-card .button { margin-top: 6px !important; }
/* κουμπιά σε λευκή κάρτα: Coral → γέμισμα Pine · λευκό → λεπτό περίγραμμα */
.gn .eb-card .bx-btn--coral::before, .gn .rv-actions .bx-btn--coral::before { background: #26473A; }
.gn .eb-card .bx-btn--coral:hover, .gn .eb-card .bx-btn--coral:focus-visible,
.gn .rv-actions .bx-btn--coral:hover, .gn .rv-actions .bx-btn--coral:focus-visible { color: #F2F3EC; }
.gn .eb-card .hy-btn-white, .gn .rv-actions .hy-btn-white { border: 1px solid rgba(38, 71, 58, .16) !important; }
@media (max-width: 1099px) {
  .eb-grid { grid-template-columns: minmax(0, 1fr); }
  .eb-card { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
}
@media (max-width: 549px) {
  .eb-card { grid-template-columns: minmax(0, 1fr); border-radius: 22px; padding: 8px; }
  .eb-card__media { aspect-ratio: 4 / 3; border-radius: 16px; }
  .eb-card__body { padding: 20px 14px 16px; gap: 12px; }
  .eb-card h3 { font-size: 21px; }
  .eb-card h3 span { font-size: 18px; }
  .gn .eb-card p { font-size: 16px; }
  .eb-card .button { width: 100%; }
}

/* =====================================================================
   ΣΥΧΝΕΣ ΕΡΩΤΗΣΕΙΣ (fq-faq) — κουτί Pine (sticky) + accordion σε λευκά κουτιά
   ===================================================================== */
.gn .fq-faq { padding: 0 var(--sec-x) var(--sec-y) !important; background: var(--ivory); }
.fq-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: start; }
.fq-intro { position: sticky; top: calc(var(--head-h) + 16px); background: #26473A; color: #F2F3EC; border-radius: 28px;
  padding: clamp(32px, 3.6vw, 56px); display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.gn .fq-intro > * { margin: 0 !important; }
.fq-intro h2 { color: #FFFFFF; }
.gn .fq-intro p { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); }
.gn .fq-intro .fq-intro__more { font-size: 16px; color: #F2F3EC; padding-top: 18px; border-top: 1px solid rgba(242, 243, 236, .18); width: 100%; }
.fq-actions { display: flex; flex-wrap: wrap; gap: 12px; }
/* λευκό κουμπί πάνω σε Pine: γέμισμα #D5DDD8 με σκούρα γράμματα */
.gn .fq-actions .hy-btn-white { --fill: #D5DDD8; --fill-text: #26473A; }
.gn .fq-intro :focus-visible { outline-color: #FFFFFF; }

.gn .fq-acc { display: grid; gap: 10px; }
.gn .fq-acc .gn-acc__item { background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); border-radius: 22px; margin: 0;
  transition: border-color .35s ease, box-shadow .45s ease; }
.gn .fq-acc .gn-acc__item:hover { box-shadow: 0 14px 34px -26px rgba(38, 71, 58, .45); }
.gn .fq-acc .gn-acc__item.is-open { border-color: rgba(167, 174, 55, .7); }
.gn .fq-acc .gn-acc__btn { padding: 22px 22px 22px 28px; border-radius: 22px; font-family: var(--f-title); font-size: 18px; font-weight: 500; line-height: 1.4;
  letter-spacing: -.005em; color: var(--pine); transition: color .35s ease; }
.gn .fq-acc .gn-acc__btn:hover { color: #F27348; }
.gn .fq-acc .gn-acc__btn:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
.gn .fq-acc .gn-acc__sign { width: 36px; height: 36px; background: #F2F3EC; transition: background .35s ease, transform .5s cubic-bezier(.22, .61, .36, 1); }
.gn .fq-acc .gn-acc__sign::before, .gn .fq-acc .gn-acc__sign::after { width: 12px; height: 1.6px; background: #26473A; }
.gn .fq-acc .gn-acc__btn[aria-expanded="true"] .gn-acc__sign { background: #A7AE37; transform: rotate(180deg); }
.gn .fq-acc .gn-acc__btn[aria-expanded="true"] .gn-acc__sign::before,
.gn .fq-acc .gn-acc__btn[aria-expanded="true"] .gn-acc__sign::after { background: #FFFFFF; }
.gn .fq-acc .gn-acc__panel { padding: 0 28px 24px; }
.gn .fq-acc .gn-acc__panel p { margin: 0; font-family: var(--f-text); font-size: 18px; line-height: 1.65; color: #3D5A4F; max-width: none; }
.gn .fq-acc .gn-acc__panel:not([hidden]) { animation: fq-open .5s cubic-bezier(.22, .61, .36, 1) both; }
@keyframes fq-open { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .gn .fq-acc .gn-acc__panel:not([hidden]) { animation: none; } }
@media (max-width: 849px) {
  .fq-grid { grid-template-columns: minmax(0, 1fr); }
  .fq-intro { position: static; }
}
@media (max-width: 549px) {
  .fq-intro { border-radius: 22px; padding: 30px 22px; gap: 16px; }
  .gn .fq-intro p { font-size: 18px; }
  .fq-actions, .fq-actions .button { width: 100%; }
  .gn .fq-acc .gn-acc__item, .gn .fq-acc .gn-acc__btn { border-radius: 18px; }
  .gn .fq-acc .gn-acc__btn { padding: 18px 16px 18px 20px; font-size: 18px; }
  .gn .fq-acc .gn-acc__sign { width: 32px; height: 32px; }
  .gn .fq-acc .gn-acc__panel { padding: 0 20px 20px; }
  .gn .fq-acc .gn-acc__panel p { font-size: 16px; }
}

/* =====================================================================
   ΚΡΙΤΙΚΕΣ GOOGLE (rv-reviews) — κεφαλίδα με badge Google + βελάκια, οριζόντια λίστα καρτών (scroll-snap)
   ===================================================================== */
.gn .rv-reviews { padding: 0 var(--sec-x) var(--sec-y) !important; background: var(--ivory); }
.rv-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 32px; }
.rv-head__text { display: flex; flex-direction: column; gap: 14px; max-width: 720px; }
.gn .rv-head__text > * { margin: 0 !important; }
.rv-head__side { display: flex; align-items: center; gap: 12px; flex: none; }
.rv-badge { display: inline-flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 20px 8px 10px; border-radius: 99px; background: #FFFFFF;
  border: 1px solid rgba(38, 71, 58, .08); color: var(--pine); transition: box-shadow .45s ease; }
.rv-badge:hover { box-shadow: 0 12px 30px -20px rgba(38, 71, 58, .5); color: var(--pine); }
.rv-badge__g { width: 36px; height: 36px; padding: 6px; border-radius: 50%; background: #F2F3EC; flex: none; }
.rv-badge__txt { display: flex; flex-direction: column; gap: 2px; line-height: 1.1; }
.rv-badge__txt strong { font-family: var(--f-title); font-weight: 500; font-size: 15px; }
.rv-stars { display: inline-flex; gap: 2px; color: #F27348; }
.rv-stars svg { width: 15px; height: 15px; fill: currentColor; }
.rv-nav { display: flex; gap: 8px; }
.gn .rv-nav__btn { width: 52px; height: 52px; min-height: 0; margin: 0; padding: 0; border-radius: 50%; border: 1px solid rgba(38, 71, 58, .16); background: #FFFFFF; color: var(--pine);
  display: inline-flex; align-items: center; justify-content: center; transition: background .4s ease, color .4s ease, opacity .3s ease; }
.rv-nav__btn .gn-icon { width: 20px; height: 20px; }
.rv-nav__btn[data-rv-prev] .gn-icon { transform: rotate(180deg); }
.gn .rv-nav__btn:hover:not(:disabled) { background: #26473A; color: #FFFFFF; }
.gn .rv-nav__btn:disabled { opacity: .4; cursor: default; }
.rv-nav__btn:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }

.rv-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; align-items: start; }
.rv-track::-webkit-scrollbar { display: none; }
.rv-track:focus-visible { outline: 2px solid #F27348; outline-offset: 4px; border-radius: 28px; }
.rv-card { scroll-snap-align: start; margin: 0; display: flex; flex-direction: column; gap: 16px; padding: 30px; border-radius: 28px; background: #FFFFFF;
  border: 1px solid rgba(38, 71, 58, .06); min-width: 0; min-height: 100%; }
.rv-card__top { display: flex; align-items: center; justify-content: space-between; }
.rv-card__top .rv-stars svg { width: 18px; height: 18px; }
.rv-card__g { width: 22px; height: 22px; }
.rv-card__text { margin: 0; padding: 0; border: 0; flex: 1; }
.gn .rv-card__text p { margin: 0; font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; font-style: normal;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; }
.gn .rv-card.is-expanded .rv-card__text p { -webkit-line-clamp: unset; display: block; }
.gn .rv-more { align-self: flex-start; margin: -6px 0 0; min-height: 0; padding: 0; border: 0; background: none; color: #F27348; font-family: var(--f-title);
  font-size: 14px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; line-height: 1.4; text-decoration: underline; text-underline-offset: 4px; transition: color .35s ease; }
.gn .rv-more:hover { color: var(--pine); }
.gn .rv-more[hidden] { display: none; }
.rv-card__who { display: flex; align-items: center; gap: 12px; padding-top: 18px; border-top: 1px solid rgba(38, 71, 58, .1); }
.rv-avatar { width: 44px; height: 44px; border-radius: 50%; background: #D5DDD8; color: var(--pine); flex: none; display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--f-title); font-weight: 500; font-size: 18px; }
.rv-card__who strong { display: block; font-family: var(--f-title); font-weight: 500; font-size: 16px; color: var(--pine); line-height: 1.3; }
.rv-card__who small { display: block; font-family: var(--f-text); font-size: 14px; color: #6B7F75; }
.rv-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 32px; }
@media (max-width: 1099px) { .rv-track { grid-auto-columns: calc((100% - 16px) / 2); } }
@media (max-width: 849px) {
  .rv-head { flex-direction: column; align-items: flex-start; gap: 20px; }
  .rv-head__side { width: 100%; justify-content: space-between; }
}
@media (max-width: 549px) {
  .rv-head { padding: 0 8px; margin-bottom: 24px; }
  .rv-track { grid-auto-columns: 86%; gap: 10px; }
  .rv-card { padding: 24px 22px; border-radius: 22px; }
  .gn .rv-card__text p { font-size: 16px; }
  .rv-badge { min-height: 50px; padding-right: 16px; }
  .gn .rv-nav__btn { width: 46px; height: 46px; }
  .rv-actions { margin-top: 24px; }
  .rv-actions .button { flex: 1 1 100%; }
}

/* =====================================================================
   FOOTER (ft-footer) — κουτί Pine ίδιου πλάτους με το μενού
   ===================================================================== */
.gn .ft-footer { padding: 0 var(--sec-x) 16px; background: var(--ivory); }
.ft-box { background: #26473A; color: #F2F3EC; border-radius: 28px; padding: clamp(40px, 5vw, 72px) clamp(24px, 4.4vw, 64px) 28px; }
.ft-cols { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .7fr) minmax(0, 1fr) minmax(0, 1.35fr); gap: 40px; padding-bottom: 44px; }
.gn .ft-cols p, .gn .ft-cols ul { margin: 0; }
.gn .ft-cols h3 { margin: 0 0 18px; font-family: var(--f-title); font-weight: 500; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; color: #A7AE37; }
.ft-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.ft-logo img { display: block; width: 170px; height: auto; }
.gn .ft-brand p, .gn .ft-news p { font-family: var(--f-text); font-size: 16px; line-height: 1.6; color: rgba(242, 243, 236, .8); max-width: 30em; }
.gn .ft-social { list-style: none; padding: 0; display: flex; gap: 8px; }
.ft-social li { margin: 0; }
.ft-social a { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #FFFFFF;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .22); transition: background .4s ease, color .4s ease; }
.ft-social a:hover { background: #F2F3EC; color: #26473A; }
.ft-social .gn-icon { width: 18px; height: 18px; }
.gn .ft-nav ul, .gn .ft-contact ul { list-style: none; padding: 0; display: grid; gap: 12px; }
.ft-nav li, .ft-contact li { margin: 0; }
.ft-nav a { font-family: var(--f-title); font-size: 16px; color: #F2F3EC; transition: color .35s ease; }
.ft-nav a:hover, .ft-contact a:hover { color: #F27348; }
.ft-contact a { display: flex; align-items: flex-start; gap: 12px; font-family: var(--f-title); font-size: 16px; line-height: 1.45; color: #F2F3EC; transition: color .35s ease; }
.ft-ico { width: 34px; height: 34px; flex: none; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-top: -6px;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .22); color: #FFFFFF; }
.ft-ico .gn-icon { width: 16px; height: 16px; }
.ft-mail { word-break: break-all; }
.gn .ft-contact .button { margin: 22px 0 0; }
.ft-news__form { margin-top: 18px; display: grid; gap: 12px; }
.gn .ft-news__form .gn-field { gap: 6px; }
.ft-news__row { display: flex; gap: 6px; padding: 5px; border-radius: 99px; background: #FFFFFF; }
.gn .ft-news__row input { flex: 1; min-width: 0; height: 46px; margin: 0; padding: 0 16px; border: 0; border-radius: 99px; background: transparent; box-shadow: none;
  font-family: var(--f-text); font-size: 16px; color: #26473A; }
.gn .ft-news__row input::placeholder { color: #6B7F75; }
.gn .ft-news__row input:focus { outline: 2px solid #F27348; outline-offset: 2px; box-shadow: none; }

.gn .ft-check { color: rgba(242, 243, 236, .86); font-size: 14px; margin: 0; }
.gn .ft-check input { accent-color: #A7AE37; }
.gn .ft-check a { color: #F2F3EC; }
.gn .ft-news .gn-error { color: #FFB59C; }
.gn .ft-news .gn-alert { color: #26473A; }
.gn .ft-news .gn-field.has-error .ft-news__row { box-shadow: 0 0 0 2px #FFB59C; }
.ft-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; padding-top: 26px; border-top: 1px solid rgba(242, 243, 236, .16); }
.gn .ft-bottom p { margin: 0; font-family: var(--f-text); font-size: 14px; color: rgba(242, 243, 236, .7); }
.gn .ft-legal { list-style: none; margin: 0 auto 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 22px; }
.ft-legal li { margin: 0; }
.ft-legal a { font-family: var(--f-text); font-size: 14px; color: rgba(242, 243, 236, .7); transition: color .35s ease; }

.ft-legal a:hover { color: #F27348; }
.ft-lithos img { display: block; width: 200px; height: auto; transition: opacity .35s ease; }
.ft-lithos:hover img { opacity: .85; }
.ft-box :focus-visible { outline-color: #FFFFFF; }
@media (max-width: 1099px) { .ft-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 32px; } }
@media (max-width: 549px) {
  .ft-box { border-radius: 22px; padding: 36px 22px 24px; }
  .ft-cols { grid-template-columns: minmax(0, 1fr); gap: 34px; padding-bottom: 32px; }
  .ft-bottom { flex-direction: column; align-items: flex-start; }
  .gn .ft-legal { margin: 0; }
  
}
.gn .gn-icon--fill { fill: currentColor; stroke: none; }
/* footer: πλάτη στηλών ώστε να χωράει το email σε μία γραμμή · Lithos badge σε λευκό pill */
.ft-cols { grid-template-columns: minmax(0, 1fr) minmax(0, .55fr) minmax(0, 1.25fr) minmax(0, 1.3fr); }
.ft-mail { word-break: normal; overflow-wrap: anywhere; font-size: 15px; }
.ft-lithos { display: inline-flex; padding: 6px 10px; border-radius: 99px; background: #FFFFFF; }
.ft-lithos img { width: 180px; }
@media (max-width: 1099px) { .ft-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 549px) { .ft-cols { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) { .ft-logo img { width: 140px; } }
/* περιγραφές βημάτων: 18px σε desktop & tablet */
.gn .st-list p { font-size: 18px; }
@media (max-width: 549px) { .gn .st-list p { font-size: 16px; } }
/* περιγραφές υπηρεσιών: 18px σε desktop & tablet */
.gn .sv-card p { font-size: 18px; }
@media (max-width: 549px) { .gn .sv-card p { font-size: 16px; } }
/* κείμενο CTA «Ιδέες και γνώση»: 18px σε desktop & tablet */
.gn .cb-inner p { font-size: 18px; }
@media (max-width: 549px) { .gn .cb-inner p { font-size: 16px; } }
/* floating τηλέφωνο: πορτοκαλί φόντο (ξεχωρίζει και πάνω στο Pine footer) · hover Pine */
.gn .gn-float--phone { background: #F27348 !important; color: #FFFFFF !important; border: 0 !important; }
.gn .gn-float--phone:hover, .gn .gn-float--phone:focus-visible { background: #26473A !important; color: #FFFFFF !important; }
/* κριτικές: πιο χαμηλές κάρτες (5 γραμμές) · «Περισσότερα» σαν το λευκό κουμπί με περίγραμμα */
.gn .rv-card__text p { -webkit-line-clamp: 5; }
.gn .rv-card .rv-more { align-self: flex-start; margin: 0; min-height: 44px; padding: 0 22px; font-family: var(--f-title); font-size: 14px; font-weight: 500;
  letter-spacing: .06em; text-transform: uppercase; text-decoration: none; line-height: 1; color: var(--pine); border: 1px solid rgba(38, 71, 58, .16) !important; border-radius: 99px; }
.gn .rv-card .rv-more:hover, .gn .rv-card .rv-more:focus-visible { color: #F2F3EC; }
.gn .rv-card .rv-more[hidden] { display: none; }
/* κριτικές: 3 γραμμές κειμένου (το υπόλοιπο με «Περισσότερα») */
.gn .rv-card__text p { -webkit-line-clamp: 3; }

/* FOOTER v2 — φόντο #D5DDD8, σκούρα πράσινα γράμματα, λευκά κυκλάκια · newsletter χωρίς πορτοκαλί περίγραμμα στο focus */
.ft-box { background: #D5DDD8; color: #26473A; }
.gn .ft-cols h3 { color: #26473A; opacity: .6; }
.gn .ft-brand p, .gn .ft-news p { color: #3D5A4F; }
.ft-nav a, .ft-contact a { color: #26473A; }
.ft-nav a:hover, .ft-contact a:hover { color: #F27348; }
.ft-social a, .ft-ico { background: #FFFFFF; border-color: rgba(38, 71, 58, .08); color: #26473A; }
.ft-social a:hover { background: #26473A; color: #FFFFFF; }
.ft-news__row { border: 1px solid rgba(38, 71, 58, .1); transition: border-color .35s ease, box-shadow .35s ease; }
.gn .ft-news__row input:focus, .gn .ft-news__row input:focus-visible { outline: none !important; box-shadow: none !important; border: 0 !important; }
.ft-news__row:focus-within { border-color: rgba(38, 71, 58, .35); box-shadow: 0 8px 24px -16px rgba(38, 71, 58, .45); }
.gn .ft-check { color: #3D5A4F; }
.gn .ft-check input { accent-color: #26473A; }
.gn .ft-check a { color: #26473A; }
.gn .ft-news .gn-error { color: #9E2A14; }
.gn .ft-news .gn-field.has-error .ft-news__row { box-shadow: none; border-color: #B3311A; }
.ft-bottom { border-top-color: rgba(38, 71, 58, .14); }
.gn .ft-bottom p, .ft-legal a { color: rgba(38, 71, 58, .75); }
.ft-legal a:hover { color: #F27348; }
.ft-lithos { padding: 0; background: none; }
.ft-box :focus-visible { outline-color: #F27348; }
/* footer επικοινωνία: περισσότερος αέρας ανάμεσα στις γραμμές (όπως στο μενού) */
.gn .ft-contact ul { gap: 20px; }
.ft-contact a { align-items: center; }
.ft-contact li:first-child a { align-items: flex-start; }
.ft-ico { margin-top: 0; }
.ft-contact li:first-child .ft-ico { margin-top: 2px; }
/* footer κάτω γραμμή: © αριστερά · νομικά στο κέντρο · Lithos δεξιά */
@media (min-width: 850px) {
  .ft-bottom { display: grid; grid-template-columns: 1fr auto 1fr; }
  .gn .ft-legal { margin: 0; justify-content: center; }
  .ft-lithos { justify-self: end; }
}
@media (max-width: 849px) {
  .ft-bottom { flex-direction: column; align-items: center; text-align: center; }
  .gn .ft-legal { margin: 0; justify-content: center; }
}
/* συνοχή: CTA «Ιδέες και γνώση» & footer — ίδιο φόντο και περίγραμμα με την κάρτα «Καλώς όρισες!» */
.cb-inner, .ft-box { background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); }
/* Lithos badge μεγαλύτερο */
.ft-lithos img { width: 240px; }
@media (max-width: 549px) { .ft-lithos img { width: 220px; } }
/* NEWSLETTER v2 — λεπτό πεδίο με στρογγυλό κουμπί-βέλος (Pine → Coral στο hover) */
.ft-news__row { padding: 6px 6px 6px 8px; border: 1px solid rgba(140, 160, 150, .55); box-shadow: none; align-items: center; }
.ft-news__row:focus-within { border-color: #8CA096; box-shadow: none; }
.gn .ft-news__row input { height: 44px; padding: 0 14px; font-size: 16px; }
.gn .ft-news__go { width: 44px; height: 44px; min-height: 0; flex: none; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #26473A; color: #FFFFFF;
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .4s ease, transform .4s cubic-bezier(.22, .61, .36, 1); }
.gn .ft-news__go .gn-icon { width: 18px; height: 18px; transition: transform .4s cubic-bezier(.22, .61, .36, 1); }
.gn .ft-news__go:hover, .gn .ft-news__go:focus-visible { background: #F27348; }
.gn .ft-news__go:hover .gn-icon { transform: translateX(3px); }
.gn .ft-news__go:focus-visible { outline: 2px solid #26473A; outline-offset: 2px; }
.gn .ft-news__go[aria-busy="true"] { opacity: .6; }
/* footer μότο */
.gn .ft-brand .ft-motto { font-family: var(--f-title); font-size: 22px; line-height: 1.35; letter-spacing: -.01em; color: #26473A; max-width: 14em; }
.ft-motto span { color: #F27348; }
/* newsletter: πιο χαμηλό πεδίο */
.ft-news__row { padding: 4px 4px 4px 6px; }
.gn .ft-news__row input { height: 38px; }
.gn .ft-news__go { width: 38px; height: 38px; }
.gn .ft-news__go .gn-icon { width: 16px; height: 16px; }
/* newsletter: μικρότερο checkbox */
.gn .ft-check { gap: 10px; }
.gn .ft-check input { width: 16px; height: 16px; margin-top: 3px; }
/* newsletter v3: λίγο πιο χαμηλό πεδίο · κουμπί όπως στην κάρτα «Καλώς όρισες» (lime κύκλος, διαγώνιο βέλος) */
.ft-news__row { padding: 3px 3px 3px 6px; }
.gn .ft-news__row input { height: 34px; }
.gn .ft-news__go { width: 34px; height: 34px; background: #A7AE37; color: #26473A; }
.gn .ft-news__go .gn-icon { width: 15px; height: 15px; transform: rotate(-45deg); }
.gn .ft-news__go:hover, .gn .ft-news__go:focus-visible { background: #26473A; color: #F2F3EC; }
.gn .ft-news__go:hover .gn-icon { transform: rotate(-45deg); }
/* newsletter: επιστροφή στο προηγούμενο κουμπί (Pine κύκλος, ευθύ βέλος, hover Coral) — κρατάμε το χαμηλότερο ύψος */
.gn .ft-news__go { background: #26473A; color: #FFFFFF; }
.gn .ft-news__go .gn-icon { transform: none; }
.gn .ft-news__go:hover, .gn .ft-news__go:focus-visible { background: #F27348; color: #FFFFFF; }
.gn .ft-news__go:hover .gn-icon { transform: translateX(3px); }
/* newsletter: λίγο μεγαλύτερο κουμπί-βέλος */
.gn .ft-news__go { width: 42px; height: 42px; }
.gn .ft-news__go .gn-icon { width: 19px; height: 19px; }
/* EBOOKS v2 — νέες φωτογραφίες (βιβλίο + tablet, οριζόντιες 4:3): εικόνα πάνω ολόκληρη, κείμενο από κάτω */
.eb-card { grid-template-columns: minmax(0, 1fr) !important; }
.eb-card__media { aspect-ratio: 4 / 3; min-height: 0; }
.eb-card__media img { object-position: 50% 50%; }
.eb-card__body { padding: 26px 22px 18px; }
@media (max-width: 1099px) and (min-width: 550px) {
  .eb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eb-card__body { padding: 22px 14px 14px; }
  .eb-card h3 { font-size: 21px; }
}
/* FAQ: 4 ερωτήσεις · οι 2 στήλες ίδιο ύψος (οι ερωτήσεις μοιράζονται το ύψος του πράσινου κουτιού) */
.fq-grid { align-items: stretch; }
.fq-intro { position: static; }
.gn .fq-acc { display: flex; flex-direction: column; gap: 10px; }
.gn .fq-acc .gn-acc__item { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; }
.gn .fq-acc .gn-acc__item > h3 { margin: 0; }
/* EBOOKS v3 — πιο μικρές κάρτες: φωτογραφία αριστερά (50%), κείμενο δεξιά, πιο σφιχτά */
.eb-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; padding: 10px; }
.eb-card__media { aspect-ratio: auto; min-height: 100%; border-radius: 18px; }
.eb-card__media img { object-position: 58% 50%; }
.eb-card__body { gap: 10px; padding: 18px 16px 14px 24px; justify-content: center; }
.eb-card h3 { font-size: 20px; }
.eb-card h3 span { font-size: 16px; margin-top: 4px; }
.gn .eb-card p { font-size: 16px; line-height: 1.55; flex: 0 0 auto; }
.eb-tag { min-height: 26px; padding: 0 12px; font-size: 12px; }
.gn .eb-card .button { min-height: 44px; padding: 0 20px; font-size: 14px; margin-top: 6px !important; }
@media (max-width: 1099px) and (min-width: 550px) {
  .eb-grid { grid-template-columns: minmax(0, 1fr); }
  .eb-card__body { padding: 18px 16px 14px 24px; }
}
@media (max-width: 549px) {
  .eb-card { grid-template-columns: minmax(0, 1fr) !important; padding: 8px; }
  .eb-card__media { aspect-ratio: 16 / 10; min-height: 0; }
  .eb-card__body { padding: 18px 12px 12px; }
}
/* κεφαλίδα ebooks: κείμενο σε όλο το πλάτος */
.sx-head { max-width: none; }
/* μενού ίδιο με τα άλλα κουτιά #D5DDD8: ίδιο περίγραμμα Sage · sticky μπάρα σε Ivory αντί για λευκό */
.hy-pill, .nc .hy-header .hy-pill, .nc .hy-header.is-solid .hy-pill { border: 1px solid rgba(140, 160, 150, .55) !important; }
.nc .hy-header.is-solid .gn-header__bar { background: #F2F3EC !important; }
/* dropdown μενού: λευκό όπως πριν · hover γραμμής σε #D5DDD8 (ίδιο με το μενού) */
.gn .gn-dropdown a:hover, .gn .gn-dropdown a:focus-visible { background: #D5DDD8 !important; }
/* dropdown μενού σε Ivory (ίδιο περιβάλλον με το μενού) — hover γραμμής #D5DDD8 */
.gn .gn-dropdown { background: #F2F3EC !important; border: 1px solid rgba(140, 160, 150, .55) !important; }
/* dropdown: η γραμμή στο hover παίρνει το ίδιο περίγραμμα Sage με το μενού (διάφανο περίγραμμα πάντα, για να μη «χοροπηδάει») */
.gn .gn-dropdown a { border: 1px solid transparent; }
.gn .gn-dropdown a:hover, .gn .gn-dropdown a:focus-visible { border-color: rgba(140, 160, 150, .55); }
/* οπτική διόρθωση: οι κεντρικοί τίτλοι (χωρίς κουτί) φαίνονταν πιο μακριά λόγω line-height — ανεβαίνουν λίγο */
.gn .sx-head, .gn .rv-head { margin-top: -10px; }
@media (max-width: 549px) { .gn .sx-head, .gn .rv-head { margin-top: -6px; } }
/* FAQ: «Έχεις κάποια άλλη απορία;» 18px */
.gn .fq-intro .fq-intro__more { font-size: 18px; }
@media (max-width: 549px) { .gn .fq-intro .fq-intro__more { font-size: 16px; } }
/* EBOOKS v4 — περισσότερος αέρας στο περιεχόμενο */
@media (min-width: 550px) {
  .eb-card { grid-template-columns: minmax(0, 45fr) minmax(0, 55fr) !important; padding: 12px; }
  .eb-card__body { gap: 14px; padding: 36px 36px 34px 40px; }
  .eb-card h3 { font-size: 22px; line-height: 1.3; }
  .eb-card h3 span { font-size: 17px; margin-top: 8px; }
  .gn .eb-card p { line-height: 1.65; }
  .gn .eb-card .button { margin-top: 14px !important; }
}
@media (min-width: 1100px) and (max-width: 1299px) { .eb-card__body { padding: 30px 26px 28px 30px; } }
/* ebooks: κάδρο στο βιβλίο (το tablet φαίνεται εν μέρει) */
@media (min-width: 550px) { .eb-card__media img { object-position: 38% 60%; } }
/* λευκά κουμπιά σε κάρτες: στο hover (γέμισμα Pine) τα γράμματα γίνονται ανοιχτά για να φαίνονται */
.gn .eb-card .hy-btn-white:hover, .gn .eb-card .hy-btn-white:focus-visible,
.gn .eb-card .hy-btn-white:hover span, .gn .eb-card .hy-btn-white:focus-visible span,
.gn .rv-actions .hy-btn-white:hover, .gn .rv-actions .hy-btn-white:focus-visible,
.gn .rv-actions .hy-btn-white:hover span, .gn .rv-actions .hy-btn-white:focus-visible span { color: #F2F3EC !important; }
/* ebooks: περιγραφές 18px */
.gn .eb-card p { font-size: 18px; }
@media (max-width: 549px) { .gn .eb-card p { font-size: 16px; } }
/* EBOOKS v5 — ένα ebook ανά σειρά: ολόκληρη η φωτογραφία (4:3) αριστερά, κείμενο δεξιά με αέρα */
@media (min-width: 850px) {
  .eb-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 16px; }
  .eb-card { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important; align-items: center; }
  .eb-card__media { aspect-ratio: 4 / 3; min-height: 0; height: auto; }
  .eb-card__media img { object-position: 50% 50% !important; }
  .eb-card__body { padding: 32px clamp(32px, 5vw, 80px); max-width: 720px; }
  .eb-card:nth-child(2) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important; }
  .eb-card:nth-child(2) .eb-card__media { order: 2; }
}
@media (min-width: 550px) and (max-width: 849px) {
  .eb-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .eb-card { grid-template-columns: minmax(0, 1fr) !important; }
  .eb-card__media { aspect-ratio: 16 / 10; min-height: 0; }
  .eb-card__media img { object-position: 50% 55% !important; }
  .eb-card__body { padding: 26px 22px 20px; }
}
/* footer κινητό: μικρότερο κενό κάτω από τη συγκατάθεση του newsletter */
.ft-news .gn-news__status:empty { display: none; }
@media (max-width: 549px) { .ft-cols { padding-bottom: 22px; } .ft-bottom { padding-top: 22px; } }
/* κινητό/tablet: οι εμφανίσεις «από δεξιά/αριστερά» γίνονται από κάτω, ώστε τίποτα να μη βγαίνει έξω από την οθόνη (χωρίς πλάγιο σύρσιμο) */
@media (max-width: 849px) {
  .gn-js [data-reveal="right"], .gn-js [data-reveal="left"], .gn-js .bx-flip[data-reveal] { transform: translateY(16px) !important; }
  .gn-js [data-reveal="right"].is-in, .gn-js [data-reveal="left"].is-in, .gn-js .bx-flip[data-reveal].is-in { transform: none !important; }
}
/* FOOTER tablet (550–1099): λογότυπο/μότο/social σε μία σειρά · Μενού | Επικοινωνία · Newsletter σε όλο το πλάτος (κείμενο αριστερά, φόρμα δεξιά) */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-cols { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important; grid-template-areas: "brand brand" "nav contact" "news news"; gap: 36px 32px; padding-bottom: 28px; }
  .ft-brand { grid-area: brand; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 18px 28px; padding-bottom: 32px; border-bottom: 1px solid rgba(38, 71, 58, .14); }
  .gn .ft-brand .ft-motto { flex: 1 1 220px; max-width: none; }
  .ft-nav { grid-area: nav; }
  .ft-contact { grid-area: contact; }
  .ft-news { grid-area: news; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 32px; align-items: start;
    padding-top: 32px; border-top: 1px solid rgba(38, 71, 58, .14); }
  .ft-news > h3 { grid-column: 1; }
  .ft-news > p { grid-column: 1; }
  .ft-news > form { grid-column: 2; grid-row: 1 / 3; margin-top: 0 !important; }
  .ft-bottom { padding-top: 28px; }
  .ft-box { padding-bottom: 28px; }
}
@media (min-width: 550px) and (max-width: 699px) {
  .ft-news { grid-template-columns: minmax(0, 1fr); }
  .ft-news > form { grid-column: 1; grid-row: auto; margin-top: 18px !important; }
}
/* FOOTER κινητό: ίσο και μικρότερο κενό πάνω/κάτω από τη γραμμή */
@media (max-width: 549px) {
  .ft-cols { padding-bottom: 20px !important; }
  .ft-bottom { padding-top: 20px !important; gap: 12px; }
  .ft-box { padding-bottom: 20px; }
}
@media (min-width: 700px) and (max-width: 1099px) { .ft-news { grid-template-rows: min-content 1fr; } .ft-news > p { align-self: start; } }
/* footer κάτω γραμμή στο tablet: αριστερά © και από κάτω τα νομικά · δεξιά το Lithos */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-bottom { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "copy lithos" "legal lithos";
    align-items: center; text-align: left; gap: 8px 24px; }
  .ft-bottom > p { grid-area: copy; }
  .gn .ft-legal { grid-area: legal; justify-content: flex-start; margin: 0; }
  .ft-lithos { grid-area: lithos; justify-self: end; }
  .ft-lithos img { width: 220px; }
}
/* FOOTER tablet v2: μενού οριζόντιο σε μία σειρά · από κάτω Επικοινωνία | Newsletter */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-areas: "brand brand" "nav nav" "contact news"; }
  .ft-nav { padding-bottom: 32px; border-bottom: 1px solid rgba(38, 71, 58, .14); }
  .ft-nav h3 { display: none; }
  .gn .ft-nav ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; }
  .ft-news { display: block; padding-top: 0; border-top: 0; }
  .ft-news > form { margin-top: 18px !important; }
}
@media (min-width: 550px) and (max-width: 699px) {
  .ft-cols { grid-template-areas: "brand brand" "nav nav" "contact contact" "news news"; }
  .gn .ft-nav ul { justify-content: flex-start; }
}
/* FOOTER tablet v3: μενού στο κέντρο με μικρότερα κενά · κάτω μπάρα σε μία σειρά */
@media (min-width: 550px) and (max-width: 1099px) {
  .gn .ft-nav ul { justify-content: center; gap: 10px 32px; }
  .ft-bottom { display: flex !important; flex-direction: row !important; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 16px; text-align: left; }
  .gn .ft-legal { flex-wrap: nowrap; gap: 18px; }
  .gn .ft-bottom p, .ft-legal a { font-size: 13px; white-space: nowrap; }
  .ft-lithos { flex: none; }
  .ft-lithos img { width: 190px; }
}
@media (min-width: 550px) and (max-width: 699px) {
  .ft-bottom { flex-wrap: wrap; justify-content: center; }
}
@media (min-width: 700px) and (max-width: 899px) {
  .gn .ft-bottom p, .ft-legal a { font-size: 12px; }
  .gn .ft-legal { gap: 14px; }
  .ft-lithos img { width: 150px; }
  .ft-bottom { gap: 12px; }
}
/* footer: λιγότερο εσωτερικό περιθώριο, πιο κοντά στα άλλα κουτιά */
.ft-box { padding-left: clamp(22px, 3.4vw, 48px); padding-right: clamp(22px, 3.4vw, 48px); }
@media (min-width: 550px) and (max-width: 1099px) { .ft-box { padding: 36px 28px 26px; } }
/* ebooks: ετικέτες 16px, και οι δύο σε lime */
.eb-tag { font-size: 16px; min-height: 32px; padding: 0 16px; }
@media (max-width: 549px) { .eb-tag { font-size: 14px; min-height: 28px; padding: 0 14px; } }
/* ebooks: «+ 5 λαχταριστές συνταγές» κλπ 16px */
.eb-card h3 span { font-size: 16px !important; }

/* =====================================================================
   POP-UP «ΚΛΕΙΣΕ ΡΑΝΤΕΒΟΥ» v2 — πιο κομψό: Ivory φόρμα, μαλακά πεδία, custom ημερολόγιο & ώρα
   ===================================================================== */
.gn-modal__backdrop { background: rgba(38, 71, 58, .45); }
.gn .gn-modal__dialog { width: min(1040px, 100%); max-height: min(860px, calc(100dvh - 48px)); border-radius: 28px; overflow: hidden;
  grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); background: #FFFFFF; box-shadow: 0 40px 90px -40px rgba(20, 40, 32, .55); }

.gn .gn-modal__main { background: #FFFFFF; }
.gn .gn-modal__head { padding: 40px 88px 22px 44px; border-bottom: 0; }
.gn .gn-modal__head h2 { margin: 0 0 10px; font-family: var(--f-title); font-weight: 500; font-size: 34px; line-height: 1.15; letter-spacing: -.025em; color: #26473A; }
.gn .gn-modal__head p { margin: 0; font-family: var(--f-text); font-size: 16px; line-height: 1.6; color: #3D5A4F; max-width: 34em; }
.gn .gn-modal__close { top: 24px; right: 24px; width: 44px; height: 44px; border-radius: 50%; background: #F2F3EC; border: 1px solid rgba(140, 160, 150, .55); color: #26473A; transition: background .35s ease, color .35s ease; }
.gn .gn-modal__close:hover { background: #26473A; color: #FFFFFF; }
.gn .gn-modal__body { padding: 6px 44px 36px; }
.gn .gn-form-req { margin: 0 0 18px; font-size: 14px; color: #6B7F75; }
.gn .gn-form-grid { gap: 16px 14px; }
.gn #booking-form .gn-field { gap: 7px; }
.gn #booking-form .gn-field label { font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .01em; color: #26473A; }
.gn #booking-form .gn-field label .req { color: #F27348; }
.gn #booking-form input:not([type=hidden]):not([type=checkbox]), .gn #booking-form textarea, .gn .bk-trigger {
  width: 100%; height: 50px; margin: 0; padding: 0 18px; border-radius: 14px; border: 1px solid transparent; background: #F2F3EC; box-shadow: none;
  font-family: var(--f-text); font-size: 16px; color: #26473A; transition: background .3s ease, border-color .3s ease, box-shadow .3s ease; }
.gn #booking-form textarea { height: auto; min-height: 110px; padding: 14px 18px; resize: vertical; line-height: 1.55; }
.gn #booking-form input::placeholder, .gn #booking-form textarea::placeholder { color: #8A9A92; }
.gn #booking-form input:not([type=hidden]):hover, .gn #booking-form textarea:hover, .gn .bk-trigger:hover { border-color: rgba(140, 160, 150, .55); }
.gn #booking-form input:not([type=hidden]):focus, .gn #booking-form textarea:focus, .gn .bk-trigger:focus-visible, .gn .bk-picker.is-open .bk-trigger {
  outline: none; background: #FFFFFF; border-color: #8CA096; box-shadow: 0 0 0 4px rgba(140, 160, 150, .18); }
.gn #booking-form .gn-field.has-error input:not([type=hidden]), .gn #booking-form .gn-field.has-error textarea, .gn .gn-field.has-error .bk-trigger { border-color: #D2694A; background: #FFF6F2; }
.gn #booking-form .gn-hint { font-size: 13px; line-height: 1.45; color: #6B7F75; }
.gn #booking-form .gn-error { font-size: 13px; }

/* custom πεδία ημερομηνίας / ώρας */
.bk-picker { position: relative; }
.gn .bk-trigger { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 0; text-align: left; text-transform: none; letter-spacing: 0; font-weight: 400; cursor: pointer; }
.bk-trigger__txt { color: #8A9A92; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bk-picker.has-value .bk-trigger__txt { color: #26473A; }
.bk-trigger .gn-icon { width: 19px; height: 19px; flex: none; color: #8CA096; transition: color .3s ease; }
.bk-picker.is-open .bk-trigger .gn-icon, .bk-trigger:hover .gn-icon { color: #F27348; }
.bk-pop { position: absolute; z-index: 20; top: calc(100% + 8px); left: 0; width: max(100%, 300px); padding: 14px; border-radius: 18px; background: #FFFFFF;
  border: 1px solid rgba(140, 160, 150, .55); box-shadow: 0 24px 50px -24px rgba(20, 40, 32, .45); animation: bkPop .28s cubic-bezier(.22, .61, .36, 1); }
.bk-pop[hidden] { display: none; }
@keyframes bkPop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.bk-cal__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.bk-cal__head strong { font-family: var(--f-title); font-weight: 500; font-size: 16px; color: #26473A; }
.gn .bk-cal__nav { width: 34px; height: 34px; min-height: 0; margin: 0; padding: 0; border-radius: 50%; border: 1px solid rgba(140, 160, 150, .55); background: #FFFFFF; color: #26473A;
  display: inline-flex; align-items: center; justify-content: center; transition: background .3s ease, color .3s ease; }
.gn .bk-cal__nav .gn-icon { width: 15px; height: 15px; }
.bk-cal__nav--prev .gn-icon { transform: rotate(180deg); }
.gn .bk-cal__nav:hover:not(:disabled) { background: #26473A; color: #FFFFFF; }
.gn .bk-cal__nav:disabled { opacity: .35; cursor: default; }
.bk-cal__dows, .bk-cal__days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.bk-cal__dows span { text-align: center; font-family: var(--f-title); font-size: 12px; color: #8A9A92; padding: 4px 0 6px; }
.gn .bk-cal__day { height: 38px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 10px; background: transparent; color: #26473A;
  font-family: var(--f-title); font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; transition: background .25s ease, color .25s ease; }
.gn .bk-cal__day:hover:not(:disabled), .gn .bk-cal__day:focus-visible { background: #D5DDD8; outline: none; }
.gn .bk-cal__day.is-today { box-shadow: inset 0 0 0 1px #8CA096; }
.gn .bk-cal__day.is-sel { background: #26473A; color: #FFFFFF; }
.gn .bk-cal__day:disabled { color: #C2CCC6; cursor: default; }
.bk-times { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; max-height: 236px; overflow-y: auto; overscroll-behavior: contain; }
.gn .bk-time { height: 38px; min-height: 0; margin: 0; padding: 0; border-radius: 10px; border: 1px solid rgba(140, 160, 150, .4); background: #FFFFFF; color: #26473A;
  font-family: var(--f-title); font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; transition: background .25s ease, color .25s ease, border-color .25s ease; }
.gn .bk-time:hover, .gn .bk-time:focus-visible { background: #D5DDD8; border-color: #D5DDD8; outline: none; }
.gn .bk-time.is-sel { background: #26473A; border-color: #26473A; color: #FFFFFF; }

/* σημειώσεις & κουμπί */
.gn .gn-form-note { margin: 22px 0 0; padding: 14px 16px; border-radius: 14px; background: #F2F3EC; border: 1px solid rgba(140, 160, 150, .4);
  display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.5; color: #3D5A4F; }
.gn .gn-form-note .gn-icon { color: #8CA096; flex: none; margin-top: 1px; }

.gn .gn-form-actions { margin-top: 22px; }
.gn .bk-submit { width: 100%; min-height: 54px; justify-content: center; gap: 10px; }
.gn .bk-submit::before { background: #26473A !important; }
.gn .bk-submit:hover, .gn .bk-submit:focus-visible { color: #FFFFFF !important; }

@media (max-width: 849px) {
  .gn .gn-modal__dialog { grid-template-columns: minmax(0, 1fr); width: min(680px, 100%); }
}
@media (max-width: 549px) {
  .gn .gn-modal__dialog { border-radius: 0; max-height: 100dvh; }
  .gn .gn-modal__head { padding: 28px 72px 16px 20px; }
  .gn .gn-modal__head h2 { font-size: 28px; }
  .gn .gn-modal__head p { font-size: 15px; }
  .gn .gn-modal__close { top: 18px; right: 16px; }
  .gn .gn-modal__body { padding: 4px 20px 28px; }
  .gn .gn-form-grid { grid-template-columns: minmax(0, 1fr); }
  .bk-pop { width: 100%; }
}
.bk-times { left: auto; right: 0; }

/* POP-UP v3 — χωρίς φωτογραφία: μία κάρτα, κεφαλίδα Pine (τίτλος, κείμενο, τηλέφωνο/email σε pills), από κάτω η φόρμα */
.gn .gn-modal__dialog { grid-template-columns: minmax(0, 1fr) !important; width: min(720px, 100%); padding: 10px; border-radius: 30px; background: #FFFFFF; }

.gn .gn-modal__main { background: transparent; }
.gn .gn-modal__head { margin: 0; padding: 34px 84px 30px 34px; border-radius: 22px; background: #26473A; color: #F2F3EC; }
.gn .gn-modal__head h2 { color: #FFFFFF; font-size: 34px; }
.gn .gn-modal__head p { color: rgba(242, 243, 236, .82); font-size: 16px; }
.gn .gn-modal__close { top: 22px; right: 22px; background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .28); color: #FFFFFF; }
.gn .gn-modal__close:hover { background: #F2F3EC; color: #26473A; }
.gn .gn-modal__close:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }

.gn .gn-modal__body { padding: 26px 24px 24px; }
.gn .gn-form-req { margin-bottom: 16px; }
@media (max-width: 549px) {
  .gn .gn-modal__dialog { padding: 0; border-radius: 0; }
  .gn .gn-modal__head { border-radius: 0 0 22px 22px; padding: 26px 70px 24px 20px; }
  .gn .gn-modal__head h2 { font-size: 28px; }
  .gn .gn-modal__body { padding: 22px 18px 26px; }
  
}

/* =====================================================================
   THANK YOU PAGE (ty-page) — κάρτα Pine με μήνυμα + φωτογραφία γραφείου · «Τι γίνεται τώρα» · CTA άρθρα/συνταγές
   ===================================================================== */
.gn .ty-hero { padding: 16px var(--sec-x) var(--sec-y) !important; background: var(--ivory); }
.ty-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; }
.ty-card { background: #26473A; color: #F2F3EC; border-radius: 28px; padding: clamp(36px, 5vw, 72px); display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.gn .ty-card > * { margin: 0 !important; }
.ty-check { width: 64px; height: 64px; border-radius: 50%; background: #A7AE37; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; }
.ty-check .gn-icon { width: 30px; height: 30px; stroke-width: 2; }
.ty-card h1 { font-family: var(--f-title); font-weight: 500 !important; font-size: clamp(34px, 3.6vw, 52px); line-height: 1.1; letter-spacing: -.03em !important; color: #FFFFFF; }
.gn .ty-card > p { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); max-width: 36em; }
.gn .ty-card .ty-note { display: flex; gap: 12px; align-items: flex-start; padding: 14px 18px; border-radius: 16px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .2);
  font-size: 16px; color: #F2F3EC; }
.ty-note .gn-icon { flex: none; margin-top: 2px; color: #A7AE37; }
.ty-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px !important; }
.gn .ty-actions .hy-btn-white:hover, .gn .ty-actions .hy-btn-white:focus-visible { box-shadow: inset 0 0 0 1px rgba(242, 243, 236, .55); }
.gn .ty-actions .hy-btn-white:hover span, .gn .ty-actions .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
.ty-photo { position: relative; border-radius: 28px; overflow: hidden; min-height: 420px; background: #D5DDD8; }
.ty-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; }
.ty-photo__tag { position: absolute; left: 16px; bottom: 16px; right: 16px; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 18px;
  background: rgba(255, 255, 255, .92); color: #26473A; font-family: var(--f-title); font-size: 15px; line-height: 1.3; }
.ty-photo__tag .gn-icon { width: 20px; height: 20px; color: #F27348; flex: none; }
.ty-photo__tag small { display: block; font-family: var(--f-text); font-size: 13px; color: #6B7F75; }

.gn .ty-next { padding: 0 var(--sec-x) var(--sec-y) !important; background: var(--ivory); }
.gn .ty-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ty-step { margin: 0; padding: 30px; border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); display: flex; flex-direction: column; gap: 12px; }
.ty-step__num { width: 48px; height: 48px; border-radius: 50%; background: #A7AE37; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--f-title); font-weight: 500; font-size: 16px; margin-bottom: 6px; }
.gn .ty-step h3 { margin: 0; font-family: var(--f-title); font-weight: 500; font-size: 22px; line-height: 1.3; color: #26473A; }
.gn .ty-step p { margin: 0; font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.gn .ty-contact { margin: 28px 0 0; text-align: center; font-family: var(--f-text); font-size: 18px; color: #3D5A4F; }
.ty-contact a { color: #F27348; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.ty-contact a:hover { color: #26473A; }
@media (max-width: 849px) {
  .ty-grid, .gn .ty-steps { grid-template-columns: minmax(0, 1fr); }
  .ty-photo { min-height: 0; aspect-ratio: 16 / 10; }
}
@media (max-width: 549px) {
  .gn .ty-hero { padding-top: 8px !important; }
  .ty-card { border-radius: 22px; padding: 30px 22px; gap: 18px; }
  .ty-card h1 { font-size: 30px; }
  .gn .ty-card > p, .gn .ty-step p, .gn .ty-contact { font-size: 16px; }
  .ty-photo, .ty-step { border-radius: 22px; }
  .ty-step { padding: 24px 22px; }
  .ty-actions, .ty-actions .button { width: 100%; }
}

/* POP-UP v4 — απλό & συμπαγές, χωρίς scroll: λευκή κάρτα, σύντομη κεφαλίδα, πεδία 46px, ίδια μεγέθη γραμμάτων με το site */
.gn .gn-modal__dialog { width: min(640px, 100%); padding: 0; border-radius: 28px; max-height: calc(100dvh - 32px); }
.gn .gn-modal__head { margin: 0; padding: 32px 84px 6px 36px; border-radius: 0; background: #FFFFFF; color: #26473A; }
.gn .gn-modal__head h2 { color: #26473A; font-size: 32px; margin: 0 0 8px; }
.gn .gn-modal__head p { color: #3D5A4F; font-size: 16px; line-height: 1.55; }
.gn .gn-modal__close { top: 24px; right: 24px; width: 42px; height: 42px; background: #F2F3EC; border: 1px solid rgba(140, 160, 150, .55); color: #26473A; }
.gn .gn-modal__close:hover { background: #26473A; color: #FFFFFF; }
.gn .gn-modal__close:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
.gn .gn-modal__body { padding: 20px 36px 32px; }
.gn .gn-form-grid { gap: 14px 12px; }
.gn #booking-form .gn-field { gap: 6px; }
.gn #booking-form .gn-field label { font-size: 14px; }
.gn #booking-form input:not([type=hidden]):not([type=checkbox]), .gn .bk-trigger { height: 46px; padding: 0 16px; border-radius: 12px; font-size: 16px; }
.gn #booking-form textarea { min-height: 76px; padding: 12px 16px; border-radius: 12px; font-size: 16px; }
/* hover: λίγο πιο σκούρο φόντο · focus: λευκό φόντο με λεπτό σκούρο περίγραμμα (χωρίς «φωτοστέφανο») */
.gn #booking-form input:not([type=hidden]):hover, .gn #booking-form textarea:hover, .gn .bk-trigger:hover { background: #E9ECE4; border-color: transparent; }
.gn #booking-form input:not([type=hidden]):focus, .gn #booking-form textarea:focus, .gn .bk-trigger:focus-visible, .gn .bk-picker.is-open .bk-trigger {
  background: #FFFFFF; border-color: #26473A; box-shadow: none; }
.gn .gn-form-note { margin: 18px 0 0; padding: 0; background: none; border: 0; font-size: 14px; line-height: 1.5; color: #6B7F75; }
.gn .gn-form-note a { color: #26473A; text-decoration: underline; text-underline-offset: 3px; }
.gn .gn-form-note .gn-icon { width: 16px; height: 16px; margin-top: 2px; }
.gn .gn-form-actions { margin-top: 18px; }
.gn .bk-submit { min-height: 50px; }
@media (max-width: 549px) {
  .gn .gn-modal__dialog { border-radius: 0; max-height: 100dvh; }
  .gn .gn-modal__head { padding: 24px 68px 4px 20px; }
  .gn .gn-modal__head h2 { font-size: 28px; }
  .gn .gn-modal__body { padding: 16px 20px 24px; }
  .gn .gn-form-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 10px; }
  .gn .gn-form-grid > .gn-field:nth-child(3), .gn .gn-form-grid > .gn-field:nth-child(4), .gn .gn-form-grid > .gn-field.is-full { grid-column: 1 / -1; }
  .gn .bk-trigger__txt { font-size: 15px; }
}
/* thank you: το κουτί «Ιδέες και γνώση» σε σκούρο πράσινο */
.ty-page .cb-inner { background: #26473A !important; border-color: #26473A !important; color: #F2F3EC; }
.ty-page .cb-inner h2 { color: #FFFFFF !important; }
.gn.page-home .ty-page .cb-inner p, .ty-page .cb-inner p { color: rgba(242, 243, 236, .86) !important; }
.gn .ty-page .cb-actions .hy-btn-white { --fill: #D5DDD8; border-color: transparent !important; }
.gn .ty-page .cb-actions .hy-btn-white:hover, .gn .ty-page .cb-actions .hy-btn-white:focus-visible,
.gn .ty-page .cb-actions .hy-btn-white:hover span, .gn .ty-page .cb-actions .hy-btn-white:focus-visible span { color: #26473A !important; }
.gn .ty-page .cb-actions .bx-btn--coral::before { background: #F2F3EC !important; }
.gn .ty-page .cb-actions .bx-btn--coral:hover, .gn .ty-page .cb-actions .bx-btn--coral:focus-visible { color: #26473A !important; }
.gn .ty-page .cb-inner :focus-visible { outline-color: #FFFFFF; }

/* POP-UP v5 — χωρίς scroll: λεπτά πεδία (42px) με το όνομα του πεδίου μέσα τους, χωρίς ετικέτες πάνω */
.gn .gn-modal__dialog { width: min(600px, 100%); overflow: visible; max-height: none; }
.gn .gn-modal__main { max-height: none; }
.gn .gn-modal__head { padding: 30px 80px 4px 32px; border-radius: 28px 28px 0 0; }
.gn .gn-modal__head h2 { font-size: 30px; margin: 0 0 6px; }
.gn .gn-modal__head p { font-size: 16px; }
.gn .gn-modal__close { top: 22px; right: 22px; width: 40px; height: 40px; }
.gn .gn-modal__body { overflow: visible; padding: 18px 32px 28px; }
.gn .gn-form-grid { gap: 10px; }
.gn #booking-form .gn-field { gap: 4px; }
.gn #booking-form input:not([type=hidden]):not([type=checkbox]), .gn .bk-trigger { height: 42px; padding: 0 14px; border-radius: 11px; font-size: 16px; }
.gn #booking-form textarea { min-height: 64px; height: 64px; padding: 10px 14px; border-radius: 11px; }
.gn #booking-form input::placeholder, .gn #booking-form textarea::placeholder, .bk-trigger__txt { color: #7D8F86; }
.bk-trigger .gn-icon { width: 17px; height: 17px; }
.gn .gn-form-note { margin-top: 14px; font-size: 13px; }
.gn .gn-form-actions { margin-top: 14px; }
.gn .bk-submit { min-height: 46px; }
.gn .gn-form-status:empty { display: none; }
.bk-pop { z-index: 30; }
/* πολύ χαμηλές οθόνες: επιτρέπεται scroll ως δικλείδα */
@media (max-height: 620px) { .gn .gn-modal__dialog { max-height: calc(100dvh - 24px); overflow: auto; } }
@media (max-width: 549px) {
  .gn .gn-modal__dialog { overflow: auto; max-height: 100dvh; height: auto; border-radius: 0; }
  .gn .gn-modal__head { padding: 22px 64px 2px 18px; border-radius: 0; }
  .gn .gn-modal__head h2 { font-size: 26px; }
  .gn .gn-modal__body { padding: 14px 18px 22px; }
  .gn .gn-form-grid > .gn-field:nth-child(3), .gn .gn-form-grid > .gn-field:nth-child(4) { grid-column: auto; }
}
/* thank you: πιο φαρδιά παράγραφος & lime λέξη στο σκούρο CTA */
.gn .ty-card > p { max-width: none; }
.ty-page .cb-inner h2 .ab-hl { color: #A7AE37; }
/* thank you: μικρότερο εικονίδιο ✓ */
.ty-check { width: 48px; height: 48px; }
.ty-check .gn-icon { width: 22px; height: 22px; }
/* pop-up: αποδοχή όρων + ό,τι ήταν 16px → 18px */
.gn .bk-consent { margin-top: 14px; }
.gn #booking-form .gn-check { display: flex; gap: 10px; align-items: flex-start; font-family: var(--f-text); font-size: 16px; line-height: 1.5; color: #3D5A4F; cursor: pointer; }
.gn #booking-form .gn-check input { width: 18px; height: 18px; margin: 3px 0 0; flex: none; accent-color: #26473A; }
.gn #booking-form .gn-check a { color: #26473A; text-decoration: underline; text-underline-offset: 3px; }
.gn #booking-form .gn-check .req { color: #F27348; }
.gn .gn-modal__head p { font-size: 18px; }
.gn #booking-form input:not([type=hidden]):not([type=checkbox]), .gn #booking-form textarea, .gn .bk-trigger { font-size: 18px; }
.gn .gn-form-note { margin-top: 10px; }
@media (max-width: 549px) {
  .gn .gn-modal__head p, .gn #booking-form input:not([type=hidden]):not([type=checkbox]), .gn #booking-form textarea, .gn .bk-trigger { font-size: 16px; }
  .gn #booking-form .gn-check { font-size: 15px; }
}
/* thank you: πιο φαρδιά κάρτα ώστε η σημείωση να χωρά σε μία γραμμή */
@media (min-width: 1100px) {
  .ty-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
  .ty-card { padding: 64px 56px; }
  .gn .ty-card .ty-note { white-space: nowrap; }
}
/* pop-up κινητό: 10px περιθώριο δεξιά-αριστερά, στρογγυλεμένη κάρτα στο κέντρο */
@media (max-width: 549px) {
  .gn .gn-modal { padding: 10px !important; align-items: center; }
  .gn .gn-modal__dialog { width: 100%; border-radius: 22px !important; max-height: calc(100dvh - 20px); overflow: auto; }
  .gn .gn-modal__head { border-radius: 22px 22px 0 0 !important; }
}
/* pop-up: μικρότερο checkbox αποδοχής */
.gn #booking-form .gn-check input { width: 15px !important; height: 15px !important; min-width: 15px; margin-top: 4px !important; }
.gn #booking-form .gn-check { gap: 9px; }
/* καμία πλάγια μετακίνηση σε κινητά/tablet: fallback για browsers χωρίς overflow:clip + το κρυφό μενού δεν «σπρώχνει» τη σελίδα */
html, body { overflow-x: hidden; }
@supports (overflow-x: clip) { html, body { overflow-x: clip; } }
.gn-mnav { overflow: hidden; }
/* pop-up πεδία v6: ηπιότερο hover/focus — μένει το ivory φόντο, μόνο λεπτό περίγραμμα σε τόνο Sage */
.gn #booking-form input:not([type=hidden]):not([type=checkbox]), .gn #booking-form textarea, .gn .bk-trigger { border: 1px solid transparent; }
.gn #booking-form input:not([type=hidden]):not([type=checkbox]):hover, .gn #booking-form textarea:hover, .gn .bk-trigger:hover {
  background: #F2F3EC; border-color: rgba(140, 160, 150, .45); }
.gn #booking-form input:not([type=hidden]):not([type=checkbox]):focus, .gn #booking-form textarea:focus, .gn .bk-trigger:focus-visible, .gn .bk-picker.is-open .bk-trigger {
  background: #F2F3EC; border-color: #8CA096; box-shadow: none; outline: none; }
/* pop-up πεδία v7: ίδιο ύψος παντού (44px), μεγαλύτερο μήνυμα, ορατό focus (λευκό + περίγραμμα Sage + απαλή σκιά) */
.gn #booking-form input:not([type=hidden]):not([type=checkbox]), .gn .bk-trigger { height: 44px !important; min-height: 44px !important; max-height: 44px; line-height: 1.2; padding-top: 0; padding-bottom: 0; }
.gn #booking-form textarea { height: 96px !important; min-height: 96px !important; }
.gn #booking-form input:not([type=hidden]):not([type=checkbox]):focus, .gn #booking-form textarea:focus, .gn .bk-trigger:focus-visible, .gn .bk-picker.is-open .bk-trigger {
  background: #FFFFFF; border-color: #8CA096; box-shadow: 0 0 0 3px rgba(140, 160, 150, .22); }

/* ΥΠΗΡΕΣΙΕΣ χωρίς φωτογραφία — εικονίδιο σε κύκλο #D5DDD8, τίτλος, κείμενο από το geonutrition.gr, κουμπί στο κάτω μέρος */
.sv-card--plain { background: #FFFFFF; padding: 0; }
.sv-card--plain .sv-card__body { padding: 30px 28px 28px; gap: 14px; height: 100%; }
.sv-card--plain .sv-card__ico { position: static; width: 60px; height: 60px; border-radius: 50%; background: #D5DDD8; border: 0; box-shadow: none;
  display: inline-flex; align-items: center; justify-content: center; margin-bottom: 4px; transition: transform .5s cubic-bezier(.22, .61, .36, 1); }
.sv-card--plain .sv-card__ico img { width: 32px; height: 32px; }
.sv-card--plain:hover .sv-card__ico { transform: rotate(-8deg) scale(1.05); }
.gn .sv-card--plain h3 { font-size: 22px; margin: 0; }
.gn .sv-card--plain p { font-size: 17px; line-height: 1.6; flex: 1; }
.gn .sv-card--plain .sv-btn { margin-top: 8px; }
@media (max-width: 549px) {
  .sv-card--plain .sv-card__body { padding: 24px 20px 22px; }
  .gn .sv-card--plain p { font-size: 16px; }
}

/* =====================================================================
   FIT TO WINDOW σε όλες τις συσκευές — τίποτα δεν «περιμένει» έξω από την οθόνη
   Το κλειστό μενού κινητού ήταν μετατοπισμένο δεξιά (translateX 100%) → στα iPhone/Safari επέτρεπε πλάγιο σύρσιμο.
   Τώρα το πάνελ μένει πάντα μέσα στην οθόνη και «ανοίγει» με clip-path (ίδια κίνηση από δεξιά).
   ===================================================================== */
.gn-mnav { overflow: hidden; contain: layout paint; }
.gn .gn-mnav__panel, .gn .gn-mnav .gn-mnav__panel { transform: none !important; clip-path: inset(0 0 0 100%); -webkit-clip-path: inset(0 0 0 100%);
  transition: clip-path .45s cubic-bezier(.22, .61, .36, 1), -webkit-clip-path .45s cubic-bezier(.22, .61, .36, 1) !important; }
.gn .gn-mnav.is-open .gn-mnav__panel { clip-path: inset(0); -webkit-clip-path: inset(0); }
.gn-mnav:not(.is-open) { pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .gn .gn-mnav__panel { transition: none !important; } }
/* εικόνες με zoom στο hover: πάντα κομμένες μέσα στο κουτί τους */
.eb-card__media, .st-duo__a, .st-duo__b, .ty-photo { overflow: hidden; }
/* κανένα στοιχείο φαρδύτερο από την οθόνη */
.gn img, .gn video, .gn iframe { max-width: 100%; }
/* sr-only: πάντα 1px, ποτέ δεν φαρδαίνει τη σελίδα */
.sr-only, .gn .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; left: 0; top: 0; }
.ft-footer { position: relative; }
/* υπηρεσίες: περιγραφή 16px */
.gn .sv-card p, .gn .sv-card--plain p { font-size: 16px !important; }
/* ebooks: ίσο κενό δεξιά-αριστερά στο κείμενο, σε όλο το πλάτος της στήλης */
@media (min-width: 850px) {
  .eb-card__body { max-width: none !important; padding: 40px clamp(32px, 4.5vw, 72px) !important; }
}
/* ebooks: το κείμενο στο κέντρο της στήλης του → ίδιο κενό δεξιά-αριστερά σε κάθε πλάτος οθόνης */
@media (min-width: 850px) {
  .eb-card__body { width: 100%; max-width: 640px !important; margin-inline: auto; padding: 40px 32px !important; box-sizing: border-box; }
  .gn .eb-card p { text-wrap: pretty; }
}
/* ebooks: σταθερό padding 60px δεξιά-αριστερά, το κείμενο απλώνεται σε όλη τη στήλη */
@media (min-width: 850px) {
  .eb-card__body { max-width: none !important; margin-inline: 0; padding: 40px 60px !important; }
}
/* ορατό κενό ακριβώς 60px και στις δύο πλευρές (η κάρτα έχει ήδη 12px εσωτερικό περιθώριο) */
@media (min-width: 850px) {
  .eb-card:nth-child(1) .eb-card__body { padding: 40px 48px 40px 60px !important; }
  .eb-card:nth-child(2) .eb-card__body { padding: 40px 60px 40px 48px !important; }
}

/* HERO v2 (13/10): χωρίς τη φωτογραφία γραφείου — το κουτί «Καλώς όρισες!» σε όλο το πλάτος κάτω από το κείμενο */
.bx-grid { grid-template-areas: "video text text" "video flip flip" !important; }
@media (min-width: 550px) and (max-width: 1099px) {
  .bx-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto auto !important; grid-template-areas: "text text" "video flip" !important; }
  .bx-video { aspect-ratio: 4 / 5 !important; }
  .bx-flip { height: auto !important; aspect-ratio: auto !important; }
}
@media (max-width: 549px) {
  .bx-grid { grid-template-areas: "text" "video" "flip" !important; }
}
@media (min-width: 550px) and (max-width: 1099px) {
  .bx-grid { grid-template-areas: "text text" "video video" "flip flip" !important; grid-template-rows: auto auto auto !important; }
  .bx-video { aspect-ratio: 16 / 11 !important; }
  .bx-flip { height: 190px !important; }
}

/* HERO v3 (13/10): κάτω από το πράσινο κουτί — «Καλώς όρισες!» + κουτί βαθμολογίας Google */
.bx-grid { grid-template-areas: "video text text" "video flip rate" !important; }
.bx-rate { grid-area: rate; position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 22px 24px;
  border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(140, 160, 150, .55); color: #26473A; text-decoration: none;
  transition: box-shadow .45s ease, transform .45s cubic-bezier(.22, .61, .36, 1); }
.bx-rate:hover { color: #26473A; box-shadow: 0 18px 40px -26px rgba(38, 71, 58, .45); transform: translateY(-3px); }
.bx-rate:focus-visible { outline: 2px solid #F27348; outline-offset: 3px; }
.bx-rate__top { display: flex; align-items: center; justify-content: space-between; }
.bx-rate__g { width: 36px; height: 36px; padding: 7px; border-radius: 50%; background: #F2F3EC; }
.bx-rate__avatars { display: flex; }
.bx-rate__avatars span { width: 34px; height: 34px; margin-left: -9px; border-radius: 50%; border: 2px solid #FFFFFF; background: #D5DDD8; color: #26473A;
  display: inline-flex; align-items: center; justify-content: center; font-family: var(--f-title); font-size: 14px; font-weight: 500; }
.bx-rate__avatars span:nth-child(2) { background: #A7AE37; color: #FFFFFF; }
.bx-rate__avatars span:nth-child(3) { background: #F27348; color: #FFFFFF; }
.bx-rate__score { display: flex; align-items: center; gap: 12px; }
.bx-rate__score strong { font-family: var(--f-title); font-weight: 500; font-size: 44px; line-height: 1; letter-spacing: -.03em; color: #26473A; }
.bx-rate__score .rv-stars svg { width: 18px; height: 18px; }
.bx-rate__txt { font-family: var(--f-text); font-size: 16px; color: #3D5A4F; }
@media (min-width: 550px) and (max-width: 1099px) {
  .bx-grid { grid-template-areas: "text text" "video video" "flip rate" !important; }
  .bx-rate { height: 190px; }
}
@media (max-width: 549px) {
  .bx-grid { grid-template-areas: "text" "video" "flip" "rate" !important; }
  .bx-rate { border-radius: 22px; padding: 20px; }
  .bx-rate__score strong { font-size: 38px; }
}

/* HERO: χαμηλότερα κάτω κουτιά (πιο διακριτικά) · το βίντεο ακολουθεί το ύψος της δεξιάς στήλης */
@media (min-width: 1100px) {
  .bx-grid { height: auto !important; min-height: 0 !important; max-height: none !important; grid-template-rows: auto 150px !important; }
  .bx-text { min-height: 470px; }
  .bx-flip, .bx-rate { height: 150px !important; min-height: 0 !important; }
}

.bx-rate { padding: 18px 22px; gap: 4px; }
.bx-rate__score strong { font-size: 36px; }
.bx-rate__g { width: 32px; height: 32px; padding: 6px; }
.bx-rate__avatars span { width: 30px; height: 30px; font-size: 13px; }
.bx-rate__txt { font-size: 15px; }
@media (min-width: 550px) and (max-width: 1099px) { .bx-flip, .bx-rate { height: 150px !important; } }
@media (max-width: 549px) { .bx-flip, .bx-rate { height: 140px !important; }  }
/* «Καλώς όρισες!»: περισσότερος αέρας ανάμεσα σε στοιχεία */
@media (min-width: 550px) {
  .bx-grid { grid-template-rows: auto 172px !important; }
  .bx-flip, .bx-rate { height: 172px !important; }
}

@media (max-width: 549px) { .bx-flip { height: 156px !important; } }
/* hero: αντιστροφή κάτω κουτιών — Google αριστερά, «Καλώς όρισες!» δεξιά */
@media (min-width: 1100px) {
  .bx-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .46fr) minmax(0, .62fr) !important; grid-template-areas: "video text text" "video rate flip" !important; }
}
@media (min-width: 550px) and (max-width: 1099px) { .bx-grid { grid-template-areas: "text text" "video video" "rate flip" !important; } }
@media (max-width: 549px) { .bx-grid { grid-template-areas: "text" "video" "rate" "flip" !important; } }
/* hero: κάτω κουτιά 50% / 50% */
@media (min-width: 1100px) { .bx-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .54fr) minmax(0, .54fr) !important; } }

/* tablet: σταθερές σειρές ώστε τα κάτω κουτιά να μην πέφτουν πάνω στο βίντεο */
@media (min-width: 550px) and (max-width: 1099px) { .bx-grid { grid-template-rows: auto auto 172px !important; } .bx-video { aspect-ratio: 16 / 11 !important; height: auto !important; } }
/* hero: «Καλώς όρισες!» αριστερά, Google δεξιά (50/50) */
@media (min-width: 1100px) { .bx-grid { grid-template-areas: "video text text" "video flip rate" !important; } }
@media (min-width: 550px) and (max-width: 1099px) { .bx-grid { grid-template-areas: "text text" "video video" "flip rate" !important; } }
@media (max-width: 549px) { .bx-grid { grid-template-areas: "text" "video" "flip" "rate" !important; } }

/* =====================================================================
   HERO v4 (13/10): τα κουτιά «Καλώς όρισες!» & Google ΜΕΣΑ στο πράσινο κουτί, κάτω από τα κουμπιά
   ===================================================================== */
.bx-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important; grid-template-rows: auto !important; grid-template-areas: "video text" !important; }
.bx-text { display: flex; flex-direction: column; justify-content: center; min-height: 0 !important; }
.bx-cards { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin-top: 36px; }
.bx-cards .bx-flip, .bx-cards .bx-rate { height: 150px !important; grid-area: auto !important; }
/* μέσα στο σκούρο κουτί: διακριτικά, ημιδιάφανα */
.bx-cards .bx-rate { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .16); color: #F2F3EC; border-radius: 20px; padding: 16px 18px; }
.bx-cards .bx-rate:hover { color: #F2F3EC; background: rgba(255, 255, 255, .1); }
.bx-cards .bx-rate__score strong { color: #FFFFFF; font-size: 32px; }
.bx-cards .bx-rate__txt { color: rgba(242, 243, 236, .8); font-size: 14px; }
.bx-cards .bx-rate__g { background: #FFFFFF; width: 30px; height: 30px; }
.bx-cards .bx-rate__avatars span { border-color: #26473A; width: 28px; height: 28px; font-size: 12px; }
.bx-cards .bx-flip { border-radius: 20px !important; }

@media (min-width: 550px) and (max-width: 1099px) {
  .bx-grid { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto !important; grid-template-areas: "text" "video" !important; }
  .bx-cards .bx-flip, .bx-cards .bx-rate { height: 150px !important; }
}
@media (max-width: 549px) {
  .bx-grid { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "text" "video" !important; }
  .bx-cards { grid-template-columns: minmax(0, 1fr); margin-top: 26px; }
  .bx-cards .bx-flip, .bx-cards .bx-rate { height: 140px !important; }
}

@media (max-width: 549px) {
  .bx-cards .bx-flip, .bx-cards .bx-rate { height: 128px !important; }
  
}
/* λευκή κάρτα βίντεο: αντί για συννεφάκι, lime κυκλάκι με διαγώνιο βέλος (ίδιο με το «Καλώς όρισες!») */
.gn .bx-mini__arrow { width: 40px; height: 40px; border-radius: 50%; background: #A7AE37 !important; color: #26473A !important; display: inline-flex; align-items: center; justify-content: center;
  transition: background .4s ease, color .4s ease, transform .4s cubic-bezier(.22, .61, .36, 1); }
.gn .bx-mini__arrow .gn-icon { width: 16px; height: 16px; transform: rotate(-45deg); }
.gn .bx-mini:hover .bx-mini__arrow { background: #26473A !important; color: #F2F3EC !important; }
/* λευκή κάρτα βίντεο: εικονίδιο συνομιλίας μέσα στο lime κυκλάκι (οδηγεί στην Επικοινωνία) */
.gn .bx-mini__talk .gn-icon { transform: none; width: 20px; height: 20px; stroke-width: 1.8; }
/* εικονίδιο συνομιλίας: μεγαλύτερο, γεμάτο λευκό συννεφάκι με σκούρες τελείες για να φαίνεται */
.gn .bx-mini__talk { width: 44px; height: 44px; }
.gn .bx-mini__talk .gn-icon { width: 26px; height: 26px; }
.gn .bx-mini__talk .gn-icon path:first-child { fill: #FFFFFF; stroke: #FFFFFF; stroke-width: 1.2; }
.gn .bx-mini__talk .gn-icon path:last-child { stroke: #26473A; stroke-width: 2.6; }
.gn .bx-mini:hover .bx-mini__talk .gn-icon path:first-child { fill: #A7AE37; stroke: #A7AE37; }
.gn .bx-mini:hover .bx-mini__talk .gn-icon path:last-child { stroke: #26473A; }
.gn .bx-mini__talk .gn-icon { width: 28px; height: 28px; }
.gn .bx-mini__talk .gn-icon path:last-child { stroke-width: 3; }

/* HERO v7 (13/10): χωρίς «Καλώς όρισες!» — μόνο μικρό κουτί κριτικών Google μέσα στο πράσινο κουτί */
.bx-cards { display: flex !important; margin-top: 32px; }
.bx-cards .bx-rate { height: auto !important; width: auto; flex-direction: row; align-items: center; gap: 14px; padding: 12px 18px 12px 12px; border-radius: 99px; }
.bx-cards .bx-rate__top { gap: 0; }
.bx-cards .bx-rate__top .bx-rate__avatars { display: none; }
.bx-cards .bx-rate__g { width: 38px; height: 38px; padding: 8px; }
.bx-cards .bx-rate__score { gap: 8px; }
.bx-cards .bx-rate__score strong { font-size: 22px; }
.bx-cards .bx-rate__score .rv-stars svg { width: 14px; height: 14px; }
.bx-cards .bx-rate__txt { font-size: 14px; padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, .2); }
@media (max-width: 549px) {
  .bx-cards { margin-top: 24px; }
  .bx-cards .bx-rate { height: auto !important; gap: 10px; padding: 10px 14px 10px 10px; flex-wrap: wrap; }
  .bx-cards .bx-rate__txt { font-size: 13px; padding-left: 10px; }
}
@media (max-width: 549px) {
  .bx-cards .bx-rate { display: grid !important; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; row-gap: 2px; border-radius: 18px; padding: 10px 14px 10px 10px; flex-wrap: nowrap; }
  .bx-cards .bx-rate__top { grid-row: 1 / 3; }
  .bx-cards .bx-rate__score { grid-column: 2; }
  .bx-cards .bx-rate__txt { grid-column: 2; border-left: 0; padding-left: 0; }
}
/* κουτί κριτικών: στο hover εμφανίζεται βελάκι · ανοίγει τις κριτικές στο Google */
.bx-cards .bx-rate__go { width: 0; height: 30px; margin-left: -14px; border-radius: 50%; background: #A7AE37; color: #26473A; display: inline-flex; align-items: center; justify-content: center;
  overflow: hidden; opacity: 0; transition: width .4s cubic-bezier(.22, .61, .36, 1), margin .4s cubic-bezier(.22, .61, .36, 1), opacity .3s ease; }
.bx-cards .bx-rate__go .gn-icon { width: 14px; height: 14px; flex: none; transform: rotate(-45deg); }
.bx-cards .bx-rate:hover .bx-rate__go, .bx-cards .bx-rate:focus-visible .bx-rate__go { width: 30px; margin-left: 0; opacity: 1; }
@media (hover: none) { .bx-cards .bx-rate__go { width: 30px; margin-left: 0; opacity: 1; } }
@media (max-width: 549px) { .bx-cards .bx-rate__go { grid-column: 3; grid-row: 1 / 3; align-self: center; } .bx-cards .bx-rate { grid-template-columns: auto 1fr auto; } }
/* κουτί κριτικών: κάτω δεξιά στο πράσινο κουτί, πιο χαμηλό · το hero κονταίνει */
@media (min-width: 550px) {
  .bx-text { position: relative; padding-bottom: 96px !important; }
  .bx-cards { position: absolute; right: 24px; bottom: 24px; margin: 0 !important; }
}
.bx-cards .bx-rate { padding: 6px 14px 6px 6px !important; gap: 10px !important; }
.bx-cards .bx-rate__g { width: 30px !important; height: 30px !important; padding: 6px !important; }
.bx-cards .bx-rate__score strong { font-size: 18px !important; }
.bx-cards .bx-rate__score .rv-stars svg { width: 12px; height: 12px; }
.bx-cards .bx-rate__txt { font-size: 13px !important; padding-left: 10px; }
.bx-cards .bx-rate__go { height: 26px; }
.bx-cards .bx-rate:hover .bx-rate__go, .bx-cards .bx-rate:focus-visible .bx-rate__go { width: 26px; }
@media (hover: none) { .bx-cards .bx-rate__go { width: 26px; } }
@media (max-width: 549px) { .bx-cards { justify-content: flex-end; margin-top: 22px !important; } }
/* κριτικές: ίδιο border-radius με την κάρτα «Συνεδρίες» (18px) · εικονίδιο Google 12px */
.bx-cards .bx-rate { border-radius: 18px !important; }
.bx-cards .bx-rate__g { border-radius: 12px !important; }

/* HERO: κριτικές δίπλα στα social · όλο το περιεχόμενο της πράσινης στήλης κάθετα στο κέντρο */
.gn .bx-text { padding-bottom: clamp(36px, 4.4vw, 72px) !important; justify-content: center !important; }
.bx-toprow { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; margin-bottom: 28px; }
.gn .bx-toprow .bx-social { margin: 0 !important; }
.gn .bx-toprow .bx-cards { position: static !important; margin: 0 !important; }
.gn .bx-text h1 { margin-top: 0 !important; }
/* κριτικές: border-radius 99px (pill) · εικονίδιο Google στρογγυλό */
.bx-cards .bx-rate { border-radius: 99px !important; }
.bx-cards .bx-rate__g { border-radius: 50% !important; }
/* κινητό: κριτικές σε μία γραμμή, pill */
@media (max-width: 549px) {
  .bx-toprow { gap: 10px; }
  .gn .bx-toprow .bx-cards .bx-rate { display: flex !important; flex-direction: row; align-items: center; gap: 8px !important; padding: 5px 12px 5px 5px !important; }
  .bx-cards .bx-rate__top { grid-row: auto; }
  .bx-cards .bx-rate__txt { border-left: 1px solid rgba(255, 255, 255, .2) !important; padding-left: 8px !important; font-size: 12px !important; }
  .bx-cards .bx-rate__score .rv-stars { display: none; }
}
/* social & κριτικές: ίδιο κενό 8px, ίδιο ύψος 36px */
.bx-toprow { gap: 8px !important; }
.gn .bx-toprow .bx-cards .bx-rate { height: 36px !important; padding: 3px 12px 3px 3px !important; }
.bx-cards .bx-rate__g { width: 30px !important; height: 30px !important; }
/* κριτικές: λίγος αέρας γύρω-γύρω (ίδιο ύψος 36px) */
.gn .bx-toprow .bx-cards .bx-rate { padding: 5px 16px 5px 5px !important; }
.bx-cards .bx-rate__g { width: 26px !important; height: 26px !important; padding: 5px !important; }
/* hero: ίσες ορατές αποστάσεις social → τίτλος → κείμενο → κουμπιά (αντιστάθμιση του line-height του τίτλου) */
.gn .bx-text { gap: 0 !important; }
.gn .bx-text .bx-toprow { margin: 0 0 6px !important; }
.gn .bx-text h1 { margin: 0 0 30px !important; }
.gn .bx-text .bx-lead { margin: 0 0 27px !important; }
@media (max-width: 549px) {
  .gn .bx-text .bx-toprow { margin-bottom: 0 !important; }
  .gn .bx-text h1 { margin-bottom: 22px !important; }
  .gn .bx-text .bx-lead { margin-bottom: 20px !important; }
}
/* social & κριτικές ακριβώς ίδιο ύψος */
.gn .bx-social a, .gn .bx-toprow .bx-cards .bx-rate { box-sizing: border-box; height: 36px !important; min-height: 36px; }
/* hero: ίσες ΟΡΑΤΕΣ αποστάσεις ~36px (social → τίτλος → κείμενο → κουμπιά) */
.gn .bx-text .bx-toprow { margin: 0 0 22px !important; }
.gn .bx-text h1 { margin: 0 0 12px !important; }
.gn .bx-text .bx-lead { margin: 0 0 18px !important; }
@media (max-width: 549px) {
  .gn .bx-text .bx-toprow { margin-bottom: 16px !important; }
  .gn .bx-text h1 { margin-bottom: 8px !important; }
  .gn .bx-text .bx-lead { margin-bottom: 14px !important; }
}
.gn .bx-text .bx-toprow { margin-bottom: 23px !important; }
.gn .bx-text h1 { margin-bottom: 23px !important; }
.gn .bx-text .bx-lead { margin-bottom: 25px !important; }
/* hero: ορατή απόσταση 25px ανάμεσα σε social → τίτλο → κείμενο → κουμπιά */
.gn .bx-text .bx-toprow { margin-bottom: 16px !important; }
.gn .bx-text h1 { margin-bottom: 16px !important; }
.gn .bx-text .bx-lead { margin-bottom: 18px !important; }
@media (max-width: 549px) { .gn .bx-text .bx-toprow { margin-bottom: 14px !important; } .gn .bx-text h1 { margin-bottom: 17px !important; } .gn .bx-text .bx-lead { margin-bottom: 16px !important; } }
@media (min-width: 550px) and (max-width: 1099px) { .gn .bx-text .bx-toprow { margin-bottom: 19px !important; } }
/* κριτικές: κείμενο 12px σε Google Sans */
.bx-cards .bx-rate__txt { font-size: 12px !important; font-family: var(--f-title) !important; }
/* hero: ορατή απόσταση 40px ανάμεσα σε social → τίτλο → κείμενο → κουμπιά */
.gn .bx-text .bx-toprow { margin-bottom: 31px !important; }
.gn .bx-text h1 { margin-bottom: 31px !important; }
.gn .bx-text .bx-lead { margin-bottom: 33px !important; }
@media (min-width: 550px) and (max-width: 1099px) { .gn .bx-text .bx-toprow { margin-bottom: 34px !important; } }
@media (max-width: 549px) { .gn .bx-text .bx-toprow { margin-bottom: 29px !important; } .gn .bx-text h1 { margin-bottom: 32px !important; } .gn .bx-text .bx-lead { margin-bottom: 31px !important; } }
/* κριτικές: περισσότερο glass γύρω-γύρω (ύψος μένει 36px) */
.gn .bx-toprow .bx-cards .bx-rate { padding: 6px 20px 6px 6px !important; gap: 12px !important; }
.bx-cards .bx-rate__g { width: 24px !important; height: 24px !important; padding: 4px !important; }
/* κριτικές: +2px glass γύρω-γύρω (ύψος 40px) · τα social στο ίδιο ύψος 40px */
.gn .bx-toprow .bx-cards .bx-rate { height: 40px !important; min-height: 40px; padding: 8px 22px 8px 8px !important; }
.gn .bx-toprow .bx-social a { width: 40px !important; height: 40px !important; min-height: 40px; }
.gn .bx-text .bx-toprow { margin-bottom: 32px !important; }
@media (min-width: 550px) and (max-width: 1099px) { .gn .bx-text .bx-toprow { margin-bottom: 35px !important; } }
@media (max-width: 549px) { .gn .bx-text .bx-toprow { margin-bottom: 26px !important; } }
/* κινητό: κριτικές δίπλα στα social — μόνο «G 5,0 ★ (110)» */
.bx-rate__short { display: none; }
@media (max-width: 549px) {
  .bx-toprow { flex-wrap: nowrap !important; gap: 6px !important; }
  .gn .bx-toprow .bx-social { gap: 6px !important; flex: none; }
  .gn .bx-toprow .bx-social a { width: 38px !important; height: 38px !important; min-height: 38px; }
  .gn .bx-toprow .bx-cards { flex: 0 1 auto; min-width: 0; }
  .gn .bx-toprow .bx-cards .bx-rate { height: 38px !important; min-height: 38px; padding: 7px 14px 7px 7px !important; gap: 8px !important; }
  .bx-cards .bx-rate__long { display: none; }
  .bx-cards .bx-rate__short { display: inline; }
  .bx-cards .bx-rate__txt { border-left: 0 !important; padding-left: 0 !important; font-size: 13px !important; }
  .bx-cards .bx-rate__score .rv-stars { display: inline-flex !important; }
  .bx-cards .bx-rate__score .rv-stars svg:not(:first-child) { display: none; }
  .bx-cards .bx-rate__score { gap: 4px !important; }
  .bx-cards .bx-rate__go { display: none !important; }
}
@media (max-width: 549px) { .gn .bx-text .bx-toprow { margin-bottom: 34px !important; } }
/* κινητό: περισσότερο glass γύρω-γύρω στις κριτικές (ύψος 38px όπως τα social) */
@media (max-width: 549px) {
  .gn .bx-toprow .bx-cards .bx-rate { padding: 8px 16px 8px 8px !important; gap: 9px !important; }
  .bx-cards .bx-rate__g { width: 22px !important; height: 22px !important; padding: 4px !important; }
}
/* κριτικές: βελάκι πάντα ορατό (όχι μόνο στο hover) */
.bx-cards .bx-rate__go { width: 26px !important; margin-left: 0 !important; opacity: 1 !important; transition: background .35s ease, color .35s ease !important; }
.bx-cards .bx-rate:hover .bx-rate__go { background: #F2F3EC; color: #26473A; }
.gn .bx-toprow .bx-cards .bx-rate { padding-right: 6px !important; }
@media (max-width: 549px) { .gn .bx-toprow .bx-cards .bx-rate { padding-right: 16px !important; } }
/* κριτικές: χωρίς ανασήκωμα στο hover */
.bx-rate:hover, .bx-cards .bx-rate:hover { transform: none !important; }
/* πράσινο κουτί: ίδιο padding δεξιά-αριστερά σε μεγάλες οθόνες — το περιεχόμενο απλώνεται σε όλο το πλάτος */
.gn .bx-text h1, .gn .bx-text .bx-lead { max-width: none !important; }
.gn .bx-text { padding-left: clamp(36px, 4.4vw, 72px) !important; padding-right: clamp(36px, 4.4vw, 72px) !important; }

/* =====================================================================
   ΑΝΟΙΓΜΑ ΣΕΛΙΔΑΣ (loader) — λογότυπο που «αναπνέει», coral γραμμή φόρτωσης, έξοδος προς τα πάνω με καμπύλη
   ===================================================================== */

@keyframes gnLoaderIn { to { opacity: 1; transform: none; } }
@keyframes gnLoaderBreath { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.03); } }
@keyframes gnLoaderBar { 0% { transform: scaleX(0); } 70% { transform: scaleX(.85); } 100% { transform: scaleX(1); } }
@keyframes gnFadeIn { to { opacity: 1; } }

/* ΑΝΟΙΓΜΑ ΣΕΛΙΔΑΣ v2 — κουρτίνες που ανοίγουν αμέσως (αντικαθιστά το loader) */

.gn-curtain { position: fixed; inset: 0; z-index: 9999; pointer-events: none; display: flex; }
.gn-curtain span { flex: 1; height: 100%; transition: transform .75s cubic-bezier(.76, 0, .24, 1) .08s; }
.gn-curtain__l { background: #D5DDD8; border-right: 1px solid rgba(38, 71, 58, .08); }
.gn-curtain__r { background: #D5DDD8; }
.gn-curtain.is-open .gn-curtain__l { transform: translateX(-101%); }
.gn-curtain.is-open .gn-curtain__r { transform: translateX(101%); }
@media (prefers-reduced-motion: reduce) { .gn-curtain { display: none !important; } }
/* κουρτίνα v3: ένα φύλλο που ανεβαίνει από κάτω προς τα πάνω */
.gn-curtain { display: block; }
.gn-curtain__r { display: none; }
.gn-curtain__l { position: absolute; inset: 0; border-right: 0; transition: transform .75s cubic-bezier(.76, 0, .24, 1) .08s; }
.gn-curtain.is-open .gn-curtain__l { transform: translateY(-101%); }
/* κουρτίνα: από πάνω προς τα κάτω */
.gn-curtain.is-open .gn-curtain__l { transform: translateY(101%); }
/* άνοιγμα v4 — διακριτικό: η σελίδα απλώς «αχνοφαίνεται» (Ivory πέπλο που σβήνει σε ~0,6″) */
.gn-curtain__l { background: #F2F3EC !important; transform: none !important; opacity: 1; transition: opacity .6s ease .05s !important; }
.gn-curtain.is-open .gn-curtain__l { transform: none !important; opacity: 0; }
/* μεγάλες οθόνες (27"): ψηλότερο hero — βίντεο & πράσινο κουτί */
@media (min-width: 1800px) { .gn .bx-grid { min-height: 680px !important; } .gn .bx-text { min-height: 680px !important; } }
@media (min-width: 2200px) { .gn .bx-grid { min-height: 780px !important; } .gn .bx-text { min-height: 780px !important; } }
/* βίντεο: κάδρο στο κέντρο, λίγο προς τα κάτω */
.bx-video__media, .gn .bx-video__media { object-position: 50% 65% !important; }
/* βίντεο: κέντρο-κέντρο */
.bx-video__media, .gn .bx-video__media { object-position: 50% 50% !important; }

/* ΥΠΗΡΕΣΙΕΣ (14/10): laptop & desktop (≥1100px) με φωτογραφία όπως πριν · tablet & κινητό χωρίς φωτογραφία */
.sv-card__media--desk { display: none; }
@media (min-width: 1100px) {
  .sv-card--plain .sv-card__media--desk { display: block; position: relative; }
  .sv-card--plain .sv-card__media--desk .sv-card__ico { position: absolute; left: 14px; bottom: 14px; width: 48px; height: 48px; margin: 0; border-radius: 50%;
    background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .38); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  .sv-card--plain .sv-card__media--desk .sv-card__ico img { width: 28px; height: 28px; }
  .sv-card--plain .sv-card__body > .sv-card__ico { display: none; }
  .sv-card--plain .sv-card__body { padding: 22px 26px 26px; }
}
/* ΥΠΗΡΕΣΙΕΣ desktop/laptop: ακριβώς όπως στο 1ο προσχέδιο — λευκό κυκλάκι εικονιδίου, σύντομο κείμενο 18px */

@media (min-width: 1100px) {
  .gn .sv-card--plain .sv-long { display: none; }
  
  .sv-card--plain .sv-card__media--desk .sv-card__ico { background: #FFFFFF !important; border: 0 !important; -webkit-backdrop-filter: none; backdrop-filter: none;
    box-shadow: 0 6px 16px -8px rgba(38, 71, 58, .45); }
  .sv-card--plain .sv-card__body { padding: 22px 22px 26px !important; gap: 12px !important; }
  .gn .sv-card--plain h3 { font-size: 20px !important; }
}
@media (min-width: 1100px) { .sv-card--plain .sv-card__body { padding: 22px 22px 24px !important; } }
/* υπηρεσίες: και σε laptop/desktop τα κείμενα της Γεωργίας (ίδια με το κινητό) */
@media (min-width: 1100px) { .gn .sv-card--plain .sv-long { display: block !important; font-size: 18px !important; line-height: 1.55; }  }

/* =====================================================================
   ΛΟΓΟΤΥΠΟ (14/10): το λογότυπο της Γεωργίας (κάθετο μήλο) — ορίζουμε ύψος αντί για πλάτος
   ===================================================================== */
.hy-logo img, .nc .hy-header .hy-logo img, .nc .hy-header.is-solid .hy-logo img { width: auto !important; height: 96px; transition: height .5s cubic-bezier(.22, .61, .36, 1) !important; }
.nc .hy-header.is-solid .hy-logo img { height: 66px; }
@media (max-width: 849px) { .hy-logo img, .nc .hy-header .hy-logo img { height: 76px; } .nc .hy-header.is-solid .hy-logo img { height: 60px; } }
@media (max-width: 549px) { .hy-logo img, .nc .hy-header .hy-logo img, .nc .hy-header.is-solid .hy-logo img { height: 58px; } }
.gn-mnav__top img { width: auto !important; height: 56px; }
.ft-logo img { width: auto !important; height: 130px; }
@media (max-width: 549px) { .ft-logo img { height: 110px; } }
.hy-logo img, .nc .hy-header .hy-logo img { height: 104px; }
.nc .hy-header.is-solid .hy-logo img { height: 70px; }
@media (max-width: 549px) { .hy-logo img, .nc .hy-header .hy-logo img { height: 66px; } .nc .hy-header.is-solid .hy-logo img { height: 58px; } }
/* λογότυπο λίγο μεγαλύτερο */
.hy-logo img, .nc .hy-header .hy-logo img { height: 120px; }
@media (max-width: 849px) { .hy-logo img, .nc .hy-header .hy-logo img { height: 88px; } }
@media (max-width: 549px) { .hy-logo img, .nc .hy-header .hy-logo img { height: 74px; } }
/* λογότυπο Γεωργίας: μεγαλύτερο σε όλες τις συσκευές — ψηλότερη μπάρα header ώστε να χωρά άνετα */
:root { --head-h: 144px !important; }
.hy-logo img, .nc .hy-header .hy-logo img { height: 128px !important; }
@media (max-width: 1099px) { :root { --head-h: 124px !important; } .hy-logo img, .nc .hy-header .hy-logo img { height: 108px !important; } }
@media (max-width: 549px) { :root { --head-h: 112px !important; } .hy-logo img, .nc .hy-header .hy-logo img { height: 96px !important; } }
.nc .hy-header.is-solid .hy-logo img { height: 76px !important; }
@media (max-width: 549px) { .nc .hy-header.is-solid .hy-logo img { height: 64px !important; } }
/* footer: μεγαλύτερο λογότυπο */
.ft-logo img { height: 180px !important; }
@media (max-width: 549px) { .ft-logo img { height: 150px !important; } }
/* δικλείδα: το λογότυπο δεν ξεπερνά ποτέ το ύψος της μπάρας */
.nc .hy-header .hy-logo img { max-height: calc(var(--head-h) - 16px) !important; }
/* sticky header: ψηλότερη μπάρα & λογότυπο με αέρα (δεν ακουμπά πάνω-κάτω) */
.nc .hy-header.is-solid .gn-header__bar { height: 96px !important; padding-left: 32px !important; }
.nc .hy-header.is-solid .hy-logo img { height: 78px !important; max-height: 78px !important; }
@media (max-width: 549px) {
  .nc .hy-header.is-solid .gn-header__bar { height: 80px !important; padding-left: 18px !important; }
  .nc .hy-header.is-solid .hy-logo img { height: 64px !important; max-height: 64px !important; }
}
.nc .hy-header .hy-logo img { transition: height .5s cubic-bezier(.22, .61, .36, 1) !important; }
/* πιο ομαλή μετάβαση header → sticky (ίδια καμπύλη & διάρκεια σε όλα) */
.nc .hy-header, .nc .hy-header .gn-header__bar, .nc .hy-header .hy-logo img, .nc .hy-header .hy-pill {
  transition: padding .7s cubic-bezier(.33, 1, .68, 1), height .7s cubic-bezier(.33, 1, .68, 1), background-color .7s ease, box-shadow .7s ease, max-height .7s cubic-bezier(.33, 1, .68, 1) !important; }
.nc .hy-header .hy-logo img { image-rendering: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/* sticky v2: το λογότυπο μικραίνει ΟΜΑΛΑ μαζί με τη μπάρα (πριν «πηδούσε» λόγω max-height) — μία κοινή, πιο αργή καμπύλη */
.nc .hy-header .hy-logo img, .nc .hy-header.is-solid .hy-logo img { max-height: none !important;
  transition: height .85s cubic-bezier(.25, .8, .25, 1) !important; }
.nc .hy-header, .nc .hy-header .gn-header__bar, .nc .hy-header.is-solid, .nc .hy-header.is-solid .gn-header__bar {
  transition: padding .85s cubic-bezier(.25, .8, .25, 1), height .85s cubic-bezier(.25, .8, .25, 1), background-color .85s ease, box-shadow .85s ease !important; }

/* sticky v3 (15/10): το λευκό φόντο της μπάρας εμφανίζεται ΑΜΕΣΑ στην αρχή του scroll,
   ώστε το λογότυπο να μικραίνει πάνω στο φόντο και όχι «στον αέρα» · πιο σύντομη, ήπια καμπύλη */
.nc .hy-header.is-solid .gn-header__bar {
  transition: height .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), background-color .18s linear, box-shadow .3s ease !important; }
.nc .hy-header.is-solid { transition: padding .6s cubic-bezier(.4, 0, .2, 1) !important; }
.nc .hy-header.is-solid .hy-logo img { transition: height .6s cubic-bezier(.4, 0, .2, 1) !important; }
/* επιστροφή στην κορυφή: το φόντο σβήνει αφού έχει μεγαλώσει η μπάρα */
.nc .hy-header:not(.is-solid) .gn-header__bar {
  transition: height .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), background-color .35s ease .4s, box-shadow .35s ease .4s !important; }
.nc .hy-header:not(.is-solid) { transition: padding .6s cubic-bezier(.4, 0, .2, 1) !important; }
.nc .hy-header:not(.is-solid) .hy-logo img { transition: height .6s cubic-bezier(.4, 0, .2, 1) !important; }
/* burger menu: μεγαλύτερο λογότυπο */
.gn-mnav__top img { height: 88px !important; width: auto !important; }
.gn-mnav__top { padding-top: 12px; padding-bottom: 12px; }
@media (prefers-reduced-motion: reduce) { .nc .hy-header, .nc .hy-header .gn-header__bar, .nc .hy-header .hy-logo img { transition: none !important; } }

/* =====================================================================
   ΣΕΛΙΔΑ «ΣΧΕΤΙΚΑ» (/about-us/) — .au-page
   ίδιες γραμματοσειρές/χρώματα/κουμπιά με την αρχική, δικό της στήσιμο:
   hero με πορτρέτο σε αψίδα · χρονολόγιο σε Pine · κάρτες εμπειρίας · απόσπασμα φιλοσοφίας · mosaic χώρου · 2 κουτιά CTA
   ===================================================================== */
.au-page .section { background: var(--ivory); }
.gn .au-page h2 { font-family: var(--f-title); font-weight: 500 !important; letter-spacing: -.025em !important; color: var(--pine); }
.gn .au-page h3 { font-family: var(--f-title); font-weight: 500; color: var(--pine); margin: 0; }
.gn .au-page p { font-family: var(--f-text); }
.au-actions { display: flex; flex-wrap: wrap; gap: 12px; }
/* κοραλί κουμπί πάνω σε ανοιχτό φόντο: στο hover γεμίζει Pine */
.gn .au-space .bx-btn--coral::before { background: #26473A; }
.gn .au-space .bx-btn--coral:hover, .gn .au-space .bx-btn--coral:focus-visible { color: #F2F3EC; }

.gn .au-next__stories .hy-btn-white { box-shadow: inset 0 0 0 1px rgba(38, 71, 58, .18); }

/* 2. Η ΔΙΑΔΡΟΜΗ ΜΟΥ */
.gn .au-path { padding: 0 var(--sec-x) var(--sec-y) !important; }
.au-path__box { background: #26473A; color: #F2F3EC; border-radius: 28px; padding: clamp(36px, 6vw, 88px); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.au-path__intro { position: sticky; top: calc(var(--head-h) + 24px); display: flex; flex-direction: column; gap: 18px; }
.gn .au-path__intro > * { margin: 0 !important; }
.gn .au-path h2 { color: #FFFFFF; font-size: clamp(34px, 3.4vw, 48px); line-height: 1.12; }
.gn .au-path__intro p { font-size: 18px; line-height: 1.65; color: rgba(242, 243, 236, .86); }

/* 3. ΕΜΠΕΙΡΙΑ */
.gn .au-work { padding: 0 var(--sec-x) var(--sec-y) !important; }
.gn .au-work__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.au-work__list li { margin: 0; padding: 28px 26px 30px; border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); display: flex; flex-direction: column; gap: 12px;
  transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.au-work__list li:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -26px rgba(38, 71, 58, .45); }
.au-work__num { font-family: var(--f-title); font-size: 15px; font-weight: 500; color: #F27348; padding-bottom: 14px; margin-bottom: 4px; border-bottom: 1px solid rgba(38, 71, 58, .1); }
.gn .au-work__list h3 { font-size: 21px; line-height: 1.3; }
.gn .au-work__list p { margin: 0; font-size: 16px; color: #5C7067; }

/* 4. ΦΙΛΟΣΟΦΙΑ */
.gn .au-philo { padding: 0 var(--sec-x) var(--sec-y) !important; }
.au-philo__box { position: relative; overflow: hidden; background: #D5DDD8; border-radius: 28px; padding: clamp(40px, 6vw, 96px) clamp(24px, 6vw, 96px); text-align: center; }
.au-philo__box::before { content: "\201C"; position: absolute; top: -.18em; left: 50%; transform: translateX(-50%); font-family: Georgia, serif; font-size: 300px; line-height: 1; color: rgba(38, 71, 58, .07); pointer-events: none; }
.gn .au-philo__kicker { position: relative; margin: 0 0 18px; font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #4F635A; }
.au-philo__quote { position: relative; margin: 0 auto; padding: 0; border: 0; max-width: 980px; }
.gn .au-philo__quote p { margin: 0; font-family: var(--f-title); font-weight: 400; font-size: clamp(26px, 2.8vw, 40px); line-height: 1.3; letter-spacing: -.02em; color: #26473A; }
.au-philo__quote .ab-hl { color: #F27348; }
.gn .au-philo__list { position: relative; list-style: none; margin: 48px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; text-align: left; }
.au-philo__list li { margin: 0; padding: 24px 26px; border-radius: 22px; background: rgba(255, 255, 255, .72); display: flex; flex-direction: column; gap: 8px; }
.au-philo__list li::before { content: ""; width: 28px; height: 4px; border-radius: 4px; background: #A7AE37; margin-bottom: 6px; }
.gn .au-philo__list h3 { font-size: 20px; }
.gn .au-philo__list p { margin: 0; font-size: 17px; line-height: 1.55; color: #3D5A4F; }

/* 5. Ο ΧΩΡΟΣ */
.gn .au-space { padding: 0 var(--sec-x) var(--sec-y) !important; }
.au-space__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; }
.au-space__photos { display: grid; grid-template-columns: 1.25fr 1fr; grid-template-rows: 1fr 1fr; gap: 16px; min-height: 560px; }
.au-space__ph { position: relative; margin: 0; border-radius: 28px; overflow: hidden; background: #D5DDD8; }
.au-space__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.au-space__ph--a { grid-row: 1 / 3; }
.au-space__ph--a img { object-position: 30% 50%; }
.au-space__card { background: #FFFFFF; border-radius: 28px; padding: clamp(32px, 4vw, 56px); display: flex; flex-direction: column; justify-content: center; gap: 22px; border: 1px solid rgba(38, 71, 58, .06); }
.gn .au-space__card > * { margin: 0 !important; }
.gn .au-space h2 { font-size: clamp(30px, 2.8vw, 40px); line-height: 1.15; }
.gn .au-space__card > p { font-size: 18px; line-height: 1.65; color: #3D5A4F; }
.gn .au-space__info { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.au-space__info li { margin: 0; display: flex; align-items: center; gap: 14px; font-family: var(--f-text); font-size: 16px; line-height: 1.4; color: #5C7067; }
.au-space__info strong { display: block; font-family: var(--f-title); font-weight: 500; font-size: 17px; color: #26473A; }
.au-space__info a { color: #26473A; text-decoration: none; }
.au-space__info a:hover { color: #F27348; }
.au-space__ico { flex: none; width: 44px; height: 44px; border-radius: 50%; background: #F2F3EC; color: #F27348; display: inline-flex; align-items: center; justify-content: center; }
.au-space__ico .gn-icon { width: 20px; height: 20px; }

/* 6. ΙΣΤΟΡΙΕΣ + ΡΑΝΤΕΒΟΥ */
.gn .au-next { padding: 0 var(--sec-x) var(--sec-y) !important; }
.au-next__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; }
.au-next__stories, .au-next__cta { border-radius: 28px; padding: clamp(32px, 4vw, 56px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; }
.gn .au-next__stories > *, .gn .au-next__cta > * { margin: 0 !important; }
.au-next__stories { background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); }
.au-next__cta { background: #26473A; color: #F2F3EC; }
.gn .au-next h2 { font-size: clamp(28px, 2.6vw, 38px); line-height: 1.18; }
.gn .au-next__cta h2 { color: #FFFFFF; }
.gn .au-next__stories p { font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.gn .au-next__cta p { font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); }
.au-rate { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 10px; border-radius: 999px; background: #F2F3EC; text-decoration: none; color: #26473A; font-family: var(--f-title); }
.au-rate:hover { background: #E9EBC9; }
.au-rate__g { width: 22px; height: 22px; }
.au-rate strong { font-weight: 500; font-size: 17px; }
.au-rate .rv-stars { display: inline-flex; gap: 2px; }
.au-rate .rv-stars svg { width: 15px; height: 15px; fill: #F5B400; }
.au-rate__txt { font-family: var(--f-text); font-size: 15px; color: #5C7067; }
.gn .au-next__cta .hy-btn-white:hover span, .gn .au-next__cta .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
.gn .au-next__cta .hy-btn-white:hover, .gn .au-next__cta .hy-btn-white:focus-visible { box-shadow: inset 0 0 0 1px rgba(242, 243, 236, .55); }
.au-next__cta :focus-visible, .au-path :focus-visible { outline-color: #FFFFFF; }

/* ---- ΣΧΕΤΙΚΑ: laptop / tablet ---- */
@media (max-width: 1099px) {
  .gn .au-work__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .au-space__grid, .au-next__grid { grid-template-columns: minmax(0, 1fr); }
  .au-space__photos { min-height: 0; grid-template-rows: auto auto; }
  .au-space__ph--a { aspect-ratio: 4 / 5; }
  .au-space__ph--b, .au-space__ph--c { aspect-ratio: 4 / 3; }
}
@media (max-width: 849px) {
  .au-path__box { grid-template-columns: minmax(0, 1fr); }
  .au-path__intro { position: static; }
  .gn .au-philo__list { grid-template-columns: minmax(0, 1fr); margin-top: 32px; }
}
/* ---- ΣΧΕΤΙΚΑ: κινητό ---- */
@media (max-width: 549px) {
  .gn .au-path__intro p, .gn .au-space__card > p, .gn .au-next p { font-size: 16px; }
  .au-actions, .au-actions .button { width: 100%; }
  .au-path__box, .au-work__list li, .au-philo__box, .au-space__ph, .au-space__card, .au-next__stories, .au-next__cta { border-radius: 22px; }
  .au-path__box { padding: 32px 18px; }
  
  
  
  
  
  .gn .au-work__list { grid-template-columns: minmax(0, 1fr); }
  .au-philo__box { padding: 40px 18px; }
  .au-philo__box::before { font-size: 200px; }
  .au-space__photos { grid-template-columns: 1fr 1fr; gap: 8px; }
  .au-space__ph--a { grid-column: 1 / 3; grid-row: auto; aspect-ratio: 4 / 3; }
  .au-space__card, .au-next__stories, .au-next__cta { padding: 28px 20px; }
}
.gn .au-philo__quote p { font-style: normal; }
.au-philo__box::before { top: 8px; }
/* μενού: η σελίδα που βρίσκεσαι */
.gn .gn-nav__link[aria-current="page"] { color: #F27348 !important; }

/* ΣΧΕΤΙΚΑ · ίδια κλίμακα τίτλων/κειμένων με τις ενότητες της αρχικής (H2 40/34/28 · κείμενο 18/16 · εσωτερικό padding κουτιών) */
.gn .au-path h2, .gn .au-space h2, .gn .au-next h2 { font-size: 40px; line-height: 1.2; }
@media (max-width: 849px) { .gn .au-path h2, .gn .au-space h2, .gn .au-next h2 { font-size: 34px; } }
@media (max-width: 549px) { .gn .au-path h2, .gn .au-space h2, .gn .au-next h2 { font-size: 28px; } }
.au-path__box, .au-philo__box, .au-space__card, .au-next__stories, .au-next__cta { padding: clamp(36px, 4.2vw, 72px); }
@media (max-width: 549px) { .au-path__box, .au-philo__box, .au-space__card, .au-next__stories, .au-next__cta { padding: 28px 22px; } }

/* «Η διαδρομή μου» σε λευκό κουτί (όχι δύο Pine κουτιά στη σειρά μετά το hero) */
.au-path__box { background: #FFFFFF; color: #26473A; border: 1px solid rgba(38, 71, 58, .06); }
.gn .au-path h2 { color: #26473A; }
.gn .au-path__intro p { color: #3D5A4F; }

.au-path :focus-visible { outline-color: #26473A; }
.au-space__ph--b img { object-position: 50% 80%; }

/* =====================================================================
   ΣΧΕΤΙΚΑ · HERO (επιλογή Γ) — κουτί #D5DDD8 + 2 φωτογραφίες · ίδια τυπογραφία/κουμπιά με το hero της αρχικής
   ===================================================================== */
.gn .au-hero { padding: 0 var(--frame) var(--sec-y) !important; }
.au-hero__box { position: relative; overflow: hidden; border-radius: 28px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 16px;
  height: calc(100svh - var(--head-h) - var(--frame)); min-height: 560px; max-height: 860px; }
.au-hero__text { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 28px; padding: clamp(36px, 4.2vw, 72px); }
.gn .au-hero__text > * { margin: 0 !important; }
.gn .au-hero h1 { font-family: var(--f-title); font-weight: 500 !important; font-size: clamp(2rem, 2.9vw, 3rem); line-height: 1.2; letter-spacing: -.03em !important; max-width: 15em; }
.au-hero h1 em { font-style: normal; }
.gn .au-hero__lead { font-family: var(--f-text); font-size: 18px; line-height: 1.6; max-width: 34em; }
.au-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.au-crumbs ol { list-style: none; margin: 0; padding: 0 16px; height: 36px; display: inline-flex; align-items: center; gap: 10px; border-radius: 999px; font-family: var(--f-text); font-size: 15px; }
.au-crumbs li { margin: 0; display: inline-flex; align-items: center; gap: 10px; }
.au-crumbs li + li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #F27348; }
.au-crumbs a { color: inherit; text-decoration: none; opacity: .8; }
.au-crumbs a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.au-crumbs [aria-current] { font-weight: 600; }
.gn .au-hero__facts { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; max-width: 560px; }
.au-hero__facts li { margin: 0; padding: 14px 16px; border-radius: 18px; display: flex; flex-direction: column; gap: 2px; font-family: var(--f-text); font-size: 14px; line-height: 1.35; }
.au-hero__facts strong { font-family: var(--f-title); font-weight: 500; font-size: 17px; }
.au-hero__media { position: relative; }
.au-hero__photo, .au-hero__photo2 { margin: 0; overflow: hidden; }
.au-hero__photo img, .au-hero__photo2 img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* C · κουτί ανοιχτό Sage (#D5DDD8, όπως το μενού), δύο φωτογραφίες που επικαλύπτονται */
.au-hv-c .au-hero__box { background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); }
.gn .au-hv-c h1 { color: #26473A; }
.au-hv-c h1 em { color: #646A16; }
.gn .au-hv-c .au-hero__lead { color: #2E4A3F; }
.au-hv-c .au-crumbs ol { background: #FFFFFF; color: #26473A; }
.au-hv-c .au-hero__facts li { background: #FFFFFF; color: #5C7067; }
.au-hv-c .au-hero__facts strong { color: #26473A; }
.au-hv-c .au-hero__media { margin: 12px 12px 12px 0; }
.au-hv-c .au-hero__photo { position: absolute; top: 0; right: 0; bottom: 0; width: 74%; border-radius: 20px; }
.au-hv-c .au-hero__photo img { object-position: 50% 42%; }
.au-hv-c .au-hero__photo2 { position: absolute; left: 0; bottom: 36px; width: 40%; aspect-ratio: 3 / 4; border-radius: 20px; border: 8px solid #D5DDD8; }
.au-hv-c .au-hero__photo2 img { object-position: 50% 45%; }
.gn .au-hv-c .bx-btn--coral::before { background: #26473A; }
.gn .au-hv-c .bx-btn--coral:hover { color: #F2F3EC; }

@media (max-width: 1099px) {
  .au-hero__box { grid-template-columns: minmax(0, 1fr); height: auto; min-height: 0; max-height: none; }
  .au-hero__media { min-height: 420px; }
}
@media (max-width: 549px) {
  .gn .au-hero { padding: 0 8px var(--sec-y) !important; }
  .au-hero__box { border-radius: 22px; }
  .au-hero__text { padding: 28px 22px; gap: 22px; }
  .gn .au-hero__lead { font-size: 16px; }
  .au-hero__actions, .au-hero__actions .button { width: 100%; }
  .gn .au-hero__facts { grid-template-columns: minmax(0, 1fr); }
  .au-hero__media { min-height: 360px; }
}
.gn .au-hero__facts { max-width: 600px; }
@media (max-width: 1099px) { .au-hv-c .au-hero__media { margin: 0 12px 12px; min-height: 460px; } .au-hv-c .au-hero__photo { width: 72%; } }
@media (max-width: 549px) { .au-hv-c .au-hero__media { margin: 0 8px 8px; min-height: 380px; } .au-hv-c .au-hero__photo { width: 78%; } .au-hv-c .au-hero__photo2 { width: 42%; bottom: 24px; border-width: 6px; } }
/* ΣΧΕΤΙΚΑ: λευκό κουμπί πάνω σε ανοιχτό φόντο — στο hover γεμίζει Pine, άρα κείμενο Ivory */
.gn .au-hero .hy-btn-white:hover, .gn .au-hero .hy-btn-white:focus-visible,
.gn .au-hero .hy-btn-white:hover span, .gn .au-hero .hy-btn-white:focus-visible span,
.gn .au-next__stories .hy-btn-white:hover, .gn .au-next__stories .hy-btn-white:focus-visible,
.gn .au-next__stories .hy-btn-white:hover span, .gn .au-next__stories .hy-btn-white:focus-visible span { color: #F2F3EC !important; }
/* ΣΧΕΤΙΚΑ · HERO: ίδιες αποστάσεις/πλάτη με το .bx-text της αρχικής (μετρημένα):
   κενό 32px ανάμεσα στα στοιχεία · κάψουλα 40px (όσο τα social) · τίτλος/κείμενο σε όλο το πλάτος · ύψος από το περιεχόμενο */
.au-hero__text { gap: 32px; }
.au-crumbs ol { height: 40px; }
.gn .au-hero h1, .gn .au-hero__lead { max-width: none; }
.au-hero__box { height: auto; min-height: 0; max-height: none; }
@media (min-width: 1800px) { .au-hero__box { min-height: 680px; } }
@media (min-width: 2200px) { .au-hero__box { min-height: 780px; } }
@media (max-width: 549px) { .au-hero__text { gap: 22px; } }
/* λογότυπο header λίγο μικρότερο (16/10): 128→116 desktop · 108→98 tablet · 96→86 κινητό (το sticky μένει ίδιο) */
:root { --head-h: 132px !important; }
.hy-logo img, .nc .hy-header .hy-logo img { height: 116px !important; }
@media (max-width: 1099px) { :root { --head-h: 114px !important; } .hy-logo img, .nc .hy-header .hy-logo img { height: 98px !important; } }
@media (max-width: 549px) { :root { --head-h: 102px !important; } .hy-logo img, .nc .hy-header .hy-logo img { height: 86px !important; } }
.nc .hy-header.is-solid .hy-logo img { height: 78px !important; }
@media (max-width: 549px) { .nc .hy-header.is-solid .hy-logo img { height: 64px !important; } }
/* ΣΧΕΤΙΚΑ · HERO: λευκό περίγραμμα και στις 2 φωτογραφίες */
.au-hv-c .au-hero__photo2 { border-color: #FFFFFF; }
.au-hv-c .au-hero__photo { border: 8px solid #FFFFFF; }
@media (max-width: 549px) { .au-hv-c .au-hero__photo { border-width: 6px; } }
.gn .au-hero__facts { margin-top: 5px !important; } 
/* ΣΧΕΤΙΚΑ · HERO: πιο σφιχτά κενά (ο τίτλος είναι 1 γραμμή, οπότε 32px έδειχναν αραιά δίπλα στην αρχική) */
.au-hero__text { gap: 24px; }
.gn .au-hero__facts { margin-top: 4px !important; }
@media (max-width: 549px) { .au-hero__text { gap: 20px; } }
/* ΣΧΕΤΙΚΑ · HERO: 2 στήλες 50% – 50% (desktop/laptop) */
@media (min-width: 1100px) { .au-hero__box { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
/* ΣΧΕΤΙΚΑ · HERO: κενά ξανά ΙΔΙΑ με την αρχική (32px · κουμπιά→κουτάκια οπτικά ίσο) */
.au-hero__text { gap: 32px; }
.gn .au-hero__facts { margin-top: 5px !important; }
@media (max-width: 549px) { .au-hero__text { gap: 22px; } }
/* ΣΧΕΤΙΚΑ · HERO: κάψουλα & κουτάκια «glass» όπως τα social / βαθμολογία της αρχικής
   (εκεί: λευκό 6% + περίγραμμα 16% πάνω στο Pine → εδώ: Pine 6% + περίγραμμα 16% πάνω στο ανοιχτό Sage, με blur) */
.au-hv-c .au-crumbs ol, .au-hv-c .au-hero__facts li {
  background: rgba(38, 71, 58, .06); border: 1px solid rgba(38, 71, 58, .16);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: none; }
.au-hv-c .au-hero__facts li { border-radius: 18px; }
/* ΚΕΝΑ HERO — ΑΚΡΙΒΩΣ 32px ανάμεσα σε κάθε στοιχείο, σε αρχική ΚΑΙ σχετικά (desktop/tablet · 22px κινητό) */
.gn .bx-text { display: flex; flex-direction: column; gap: 32px !important; }
.gn .bx-text > *, .gn .bx-text .bx-toprow, .gn .bx-text h1, .gn .bx-text .bx-lead, .gn .bx-text .bx-actions { margin: 0 !important; }
.au-hero__text { gap: 32px !important; }
.gn .au-hero__text > *, .gn .au-hero__facts { margin: 0 !important; }
@media (max-width: 549px) { .gn .bx-text, .au-hero__text { gap: 22px !important; } }
/* HERO: τίτλος → κείμενο 22px (−10) σε αρχική & σχετικά · σχετικά: κουμπιά → 3 κουτάκια 42px (+10) */
.gn .bx-text h1, .gn .au-hero h1 { margin-bottom: -10px !important; }
.gn .au-hero__facts { margin-top: 10px !important; }
@media (max-width: 549px) { .gn .bx-text h1, .gn .au-hero h1 { margin-bottom: -6px !important; } .gn .au-hero__facts { margin-top: 6px !important; } }
/* ΣΧΕΤΙΚΑ · HERO σε σκούρο πράσινο (Pine) με λευκά γράμματα — glass όπως στο hero της αρχικής */
.au-hv-c .au-hero__box { background: #26473A; border-color: #26473A; color: #F2F3EC; }
.gn .au-hv-c h1 { color: #F2F3EC; }
.au-hv-c h1 em { color: #A7AE37; }
.gn .au-hv-c .au-hero__lead { color: rgba(242, 243, 236, .86); }
.au-hv-c .au-crumbs ol, .au-hv-c .au-hero__facts li { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); color: rgba(242, 243, 236, .75); }
.au-hv-c .au-crumbs li, .au-hv-c .au-crumbs a { color: rgba(242, 243, 236, .75); }
.au-hv-c .au-crumbs a:hover, .au-hv-c .au-crumbs [aria-current] { color: #FFFFFF; }
.au-hv-c .au-hero__facts strong { color: #FFFFFF; }
.au-hv-c .au-hero :focus-visible, .au-hv-c :focus-visible { outline-color: #FFFFFF; }
/* κουμπιά όπως στο πράσινο hero της αρχικής */
.gn .au-hv-c .hy-btn-white { --fill: #F27348; --fill-text: #FFFFFF; box-shadow: none !important; }
.gn .au-hv-c .hy-btn-white:hover, .gn .au-hv-c .hy-btn-white:focus-visible,
.gn .au-hv-c .hy-btn-white:hover span, .gn .au-hv-c .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
.gn .au-hv-c .bx-btn--coral::before { background: #F2F3EC; }
.gn .au-hv-c .bx-btn--coral:hover, .gn .au-hv-c .bx-btn--coral:focus-visible { color: #26473A; }
/* ΣΧΕΤΙΚΑ · HERO tablet (550–1099px): κουμπιά & κουτάκια σε όλο το πλάτος */
@media (min-width: 550px) and (max-width: 1099px) {
  .au-hero__actions { width: 100%; }
  .au-hero__actions .button { flex: 1 1 0; justify-content: center; }
  .gn .au-hero__facts { max-width: none; }
}

/* «Πώς δουλεύω» μικρός τίτλος 16px */
.gn .au-philo__kicker { font-size: 16px; }

/* ΣΧΕΤΙΚΑ · «Η διαδρομή μου» v5 — κάθετο timeline, το ένα κάτω από το άλλο, συμπαγές:
   αριστερά τίτλος & εισαγωγή (sticky) · δεξιά λαχανί γραμμή με κουκκίδες, σειρές χωρίς κάρτες με λεπτή διαχωριστική γραμμή */
.au-path__box { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.au-path__intro { position: sticky; top: calc(var(--head-h) + 24px); display: flex; flex-direction: column; gap: 18px; }
.gn .au-tl { list-style: none; margin: 0; padding: 0 0 0 44px; position: relative; display: flex; flex-direction: column; }
.au-tl::before { content: ""; position: absolute; left: 11px; top: 26px; bottom: 26px; width: 2px; background: rgba(167, 174, 55, .55); border-radius: 2px; }
.au-tl li { position: relative; margin: 0; padding: 18px 0; display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 4px 20px; align-items: baseline; }
.au-tl li + li { border-top: 1px solid rgba(38, 71, 58, .1); }
.au-tl li::before { content: ""; position: absolute; left: -44px; top: 21px; width: 24px; height: 24px; border-radius: 50%; background: #FFFFFF; box-shadow: inset 0 0 0 6px #A7AE37; }
.au-tl li:last-child::before { background: #A7AE37; box-shadow: inset 0 0 0 6px #A7AE37, 0 0 0 4px rgba(167, 174, 55, .25); }
.au-tl__tag { grid-row: 1 / 3; font-family: var(--f-title); font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #646A16; padding-top: 4px; }
.au-tl__tag--year { justify-self: start; color: #26473A; background: #A7AE37; padding: 3px 12px; border-radius: 999px; letter-spacing: .04em; font-size: 14px; }
.gn .au-tl h3 { margin: 0; font-size: 20px; line-height: 1.3; color: #26473A; }
.gn .au-tl p { margin: 0; font-size: 17px; line-height: 1.55; color: #3D5A4F; }
@media (max-width: 849px) {
  .au-path__box { grid-template-columns: minmax(0, 1fr); }
  .au-path__intro { position: static; }
}
@media (max-width: 549px) {
  .gn .au-tl { padding-left: 34px; }
  .au-tl::before { left: 9px; }
  .au-tl li { grid-template-columns: minmax(0, 1fr); padding: 16px 0; }
  .au-tl__tag { grid-row: auto; padding: 0; }
  .au-tl li::before { left: -34px; top: 17px; width: 20px; height: 20px; box-shadow: inset 0 0 0 5px #A7AE37; }
  .gn .au-tl h3 { font-size: 18px; }
  .gn .au-tl p { font-size: 16px; }
}

/* ΣΧΕΤΙΚΑ · «Ο χώρος»: κενά 32px ανάμεσα στα στοιχεία (όπως στα hero) · διεύθυνση & τηλέφωνο = links */
.au-space__card { gap: 32px; justify-content: center; }
.gn .au-space__info { gap: 12px; }
.au-space__info a, .au-space__row { display: flex; align-items: center; gap: 14px; padding: 8px 12px 8px 8px; margin: 0 -12px 0 -8px; border-radius: 18px; color: #5C7067; text-decoration: none; transition: background-color .3s ease; }
.au-space__info a:hover, .au-space__info a:focus-visible { background: #F2F3EC; }
.au-space__info a:hover strong, .au-space__info a:focus-visible strong { color: #F27348; }
.au-space__info a:hover .au-space__ico { background: #F27348; color: #FFFFFF; }
.au-space__ico { transition: background-color .3s ease, color .3s ease; }
@media (max-width: 549px) { .au-space__card { gap: 22px; } }
/* ΣΧΕΤΙΚΑ · κάτω κουτιά (Ιστορίες / Κλείσε ραντεβού): μικρότερο padding · κενά 24px */
.au-next__stories, .au-next__cta { padding: clamp(28px, 3vw, 48px); gap: 24px; }
@media (max-width: 549px) { .au-next__stories, .au-next__cta { padding: 26px 20px; gap: 20px; } }

/* ΣΧΕΤΙΚΑ · «Η διαδρομή μου» — στήσιμο όπως οι «Συχνές ερωτήσεις» της αρχικής:
   αριστερά κουτί Pine (τίτλος & κείμενο, sticky) · δεξιά λευκό κουτί με το timeline · 5/7 στήλες, κενό 16px */
.au-path__box { background: transparent; border: 0; padding: 0 !important; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: start; }
.au-path__intro { --p: clamp(28px, 3.6vw, 52px); position: sticky; top: calc(var(--head-h) + 16px); background: #26473A; color: #F2F3EC; border-radius: 28px; padding: var(--p); gap: 20px; }
.gn .au-path__intro h2 { color: #FFFFFF; }
.gn .au-path__intro p { font-size: 18px; color: rgba(242, 243, 236, .86); }
.au-path__intro :focus-visible { outline-color: #FFFFFF; }
.gn .au-tl { --p: clamp(28px, 3.6vw, 52px); background: #FFFFFF; border-radius: 28px; border: 1px solid rgba(38, 71, 58, .06); padding: calc(var(--p) - 18px) var(--p) calc(var(--p) - 18px) calc(var(--p) + 44px); }
.au-tl::before { left: calc(var(--p) + 11px); top: calc(var(--p) + 8px); bottom: calc(var(--p) + 8px); }
@media (max-width: 849px) {
  .au-path__box { grid-template-columns: minmax(0, 1fr); }
  .au-path__intro { position: static; }
}
@media (max-width: 549px) {
  .au-path__intro, .gn .au-tl { --p: 22px; border-radius: 22px; }
  .gn .au-tl { padding-left: calc(var(--p) + 34px); }
  .au-tl::before { left: calc(var(--p) + 9px); }
  .gn .au-path__intro p { font-size: 16px; }
}
/* ΣΧΕΤΙΚΑ · ενιαίο εσωτερικό padding στα κουτιά (Διαδρομή, Χώρος, κάτω κουτιά): clamp(28px, 3.6vw, 52px) · κινητό 22px */
.au-space__card, .au-next__stories, .au-next__cta { padding: clamp(28px, 3.6vw, 52px); }
@media (max-width: 549px) { .au-space__card, .au-next__stories, .au-next__cta { padding: 26px 22px; } }
/* κοραλί κουμπί σε ΣΚΟΥΡΟ φόντο: στο hover γεμίζει ΛΕΥΚΟ (όχι ivory) — σε ανοιχτό φόντο μένει Pine */
.gn .bx-btn--coral::before { background: #FFFFFF; }
.gn .ty-page .cb-actions .bx-btn--coral::before { background: #FFFFFF !important; }
.gn .au-hv-c .bx-btn--coral::before { background: #FFFFFF; }
/* λευκό κουμπί σε ΣΚΟΥΡΟ φόντο: στο hover γεμίζει κοραλί με λευκά γράμματα (όπως στο hero της αρχικής) */
.gn .au-next__cta .hy-btn-white, .gn .fq-intro .hy-btn-white, .gn .ty-card .hy-btn-white { --fill: #F27348; --fill-text: #FFFFFF; box-shadow: none !important; }
.gn .au-next__cta .hy-btn-white:hover, .gn .au-next__cta .hy-btn-white:focus-visible,
.gn .au-next__cta .hy-btn-white:hover span, .gn .au-next__cta .hy-btn-white:focus-visible span,
.gn .fq-intro .hy-btn-white:hover, .gn .fq-intro .hy-btn-white:focus-visible,
.gn .fq-intro .hy-btn-white:hover span, .gn .fq-intro .hy-btn-white:focus-visible span,
.gn .ty-card .hy-btn-white:hover, .gn .ty-card .hy-btn-white:focus-visible,
.gn .ty-card .hy-btn-white:hover span, .gn .ty-card .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
/* ΣΧΕΤΙΚΑ · «Ο χώρος» στοιχεία επικοινωνίας: τίτλος 18px · υπότιτλος 16px */
.au-space__info strong { font-size: 18px; }
.au-space__info li, .au-space__info a, .au-space__row { font-size: 16px; }
/* ΣΧΕΤΙΚΑ · «Η διαδρομή μου» κουτί: ανοιχτό Sage (όχι Pine — το hero από πάνω είναι ήδη σκούρο) · μικρότερο padding */
.au-path__intro { background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); color: #26473A; --p: clamp(24px, 2.8vw, 40px); }
.gn .au-path__intro h2 { color: #26473A; }
.au-path__intro h2 .ab-hl { color: #646A16; }
.gn .au-path__intro p { color: #2E4A3F; }
.au-path__intro :focus-visible { outline-color: #26473A; }
.gn .au-tl { --p: clamp(24px, 2.8vw, 40px); }
@media (max-width: 549px) { .au-path__intro, .gn .au-tl { --p: 22px; } }
/* ΣΧΕΤΙΚΑ · «Η διαδρομή μου»: ίδιο padding με το κείμενο του hero — clamp(36px, 4.2vw, 72px) · κινητό 28px 22px */
.au-path__intro, .gn .au-tl { --p: clamp(36px, 4.2vw, 72px); }
@media (max-width: 549px) { .au-path__intro, .gn .au-tl { --p: 22px; } .au-path__intro { padding: 28px 22px; } }
/* ΣΧΕΤΙΚΑ · «Η διαδρομή μου»: 2 στήλες (κουτί αριστερά, timeline δεξιά) με μικρότερο padding */
.au-path__intro, .gn .au-tl { --p: clamp(24px, 2.8vw, 40px); }
@media (min-width: 850px) { .au-path__intro { position: sticky; } }
/* ΣΧΕΤΙΚΑ · HERO: ίδιο padding παντού — οι φωτογραφίες απέχουν από δεξιά/πάνω/κάτω όσο το κείμενο από αριστερά */
.au-hv-c .au-hero__media { margin: clamp(36px, 4.2vw, 72px) clamp(36px, 4.2vw, 72px) clamp(36px, 4.2vw, 72px) 0; }
@media (max-width: 1099px) { .au-hv-c .au-hero__media { margin: 0 clamp(36px, 4.2vw, 72px) clamp(36px, 4.2vw, 72px); } }
@media (max-width: 549px) { .au-hv-c .au-hero__media { margin: 0 22px 28px; } }
.au-tl__tag--year { color: #FFFFFF !important; } /* 2022: λευκά γράμματα */
.gn .au-tl p { font-size: 18px; } @media (max-width: 549px) { .gn .au-tl p { font-size: 16px; } } 
/* ΣΧΕΤΙΚΑ · HERO padding: δεξιά/αριστερά ίδιο με το κουτί «Η διαδρομή μου» · πάνω/κάτω το μισό από πριν (72→36) */
.au-hero__box { --px: clamp(24px, 2.8vw, 40px); --py: clamp(18px, 2.1vw, 36px); }
.au-hero__text { padding: var(--py) var(--px) !important; }
.au-hv-c .au-hero__media { margin: var(--py) var(--px) var(--py) 0; }
@media (max-width: 1099px) { .au-hv-c .au-hero__media { margin: 0 var(--px) var(--py); } }
@media (max-width: 549px) { .au-hero__box { --px: 22px; --py: 22px; } }
.au-tl__tag, .au-tl__tag--year { font-size: 14px; } 

/* hero: το κείμενο μπαίνει στοιχείο-στοιχείο, όπως το πράσινο κουτί της αρχικής */
.gn-js .au-hero__text[data-reveal] { opacity: 1 !important; transform: none !important; }
.gn-js .au-hero__text > * { opacity: 0; transform: translateY(16px); transition: opacity .8s var(--m-ease), transform .8s var(--m-ease); }
.gn-js .au-hero__text.is-in > * { opacity: 1; transform: none; }
.gn-js .au-hero__text.is-in > :nth-child(1) { transition-delay: .2s; }
.gn-js .au-hero__text.is-in > :nth-child(2) { transition-delay: .32s; }
.gn-js .au-hero__text.is-in > :nth-child(3) { transition-delay: .44s; }
.gn-js .au-hero__text.is-in > :nth-child(4) { transition-delay: .56s; }
.gn-js .au-hero__text.is-in > :nth-child(5) { transition-delay: .68s; }
/* η μικρή φωτογραφία «σκάει» λίγο μετά τη μεγάλη */
.gn-js .au-hero__photo2[data-reveal="pop"] { transition: opacity .7s var(--m-ease) .55s, transform .9s var(--m-bounce, cubic-bezier(.34, 1.45, .64, 1)) .55s; }

@media (prefers-reduced-motion: reduce) { .au-tl::before, .au-tl li, .au-tl li::before, .au-hero__text > * { transform: none !important; opacity: 1 !important; animation: none !important; } }
/* ΣΧΕΤΙΚΑ · «Πώς δουλεύω»: «τρόπος ζωής» λαχανί (σκούρο λαχανί για ανάγνωση στο ανοιχτό φόντο) · γραμμούλες κοραλί */
.au-philo__quote .ab-hl { color: #646A16; }
.au-philo__list li::before { background: #F27348; }

/* ΣΧΕΤΙΚΑ · timeline που ακολουθεί το scroll (geonutrition.js → --tl 0..1 & .is-active ανά βήμα)
   αχνή γραμμή βάσης · από πάνω γεμίζει λαχανί όσο κατεβαίνεις · κάθε βήμα «ανάβει» όταν το φτάσει η γραμμή */
.au-tl.is-scroll::before { background: rgba(38, 71, 58, .1); }
.au-tl.is-scroll::after { content: ""; position: absolute; left: calc(var(--p) + 11px); top: calc(var(--p) + 8px); width: 2px; border-radius: 2px; background: #A7AE37;
  height: calc((100% - 2 * var(--p) - 16px) * var(--tl, 0)); transition: height .15s linear; }
.au-tl.is-scroll li { opacity: .38; transform: translateX(10px); transition: opacity .6s var(--m-ease), transform .6s var(--m-ease); }
.au-tl.is-scroll li::before { background: #FFFFFF; box-shadow: inset 0 0 0 3px rgba(38, 71, 58, .18); transform: scale(.8); z-index: 1;
  transition: transform .5s cubic-bezier(.34, 1.56, .64, 1), box-shadow .4s ease, background-color .4s ease; }
.au-tl.is-scroll li.is-active { opacity: 1; transform: none; }
.au-tl.is-scroll li.is-active::before { box-shadow: inset 0 0 0 6px #A7AE37; transform: scale(1); }
.au-tl.is-scroll li.is-active:last-child::before { background: #A7AE37; box-shadow: inset 0 0 0 6px #A7AE37, 0 0 0 4px rgba(167, 174, 55, .25); }
@media (max-width: 549px) {
  .au-tl.is-scroll::after { left: calc(var(--p) + 9px); }
  .au-tl.is-scroll li.is-active::before { box-shadow: inset 0 0 0 5px #A7AE37; }
}
.au-philo__quote .ab-hl, .au-path__intro h2 .ab-hl { color: #A7AE37; } /* ίδιο λαχανί με τους τίτλους (π.χ. «εργαστεί») */
.au-work__num { font-size: 16px; } /* «Πού έχω εργαστεί» αριθμοί 16px */
.gn .au-philo__quote p { font-family: var(--f-title); font-weight: 500 !important; letter-spacing: -.025em; } 
/* ΣΧΕΤΙΚΑ · κάτω κουτιά σε tablet: μικρότερο οριζόντιο padding ώστε το κείμενο των Ιστοριών να χωρά σε μία γραμμή */
@media (min-width: 550px) and (max-width: 1099px) { .au-next__stories, .au-next__cta { padding: 28px 24px; } }
@media (min-width: 550px) and (max-width: 849px) { .au-next__stories, .au-next__cta { padding: 28px 20px; } .gn .au-next__stories p { letter-spacing: -.005em; } }
/* FOOTER tablet (550–1099) v2: πιο ισορροπημένο — μικρότερο λογότυπο, Επικοινωνία | Newsletter ίσες στήλες (η κάτω μπάρα μένει σε μία σειρά, tablet v3) */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-logo img { height: 120px !important; }
  .ft-brand { justify-content: space-between; }
  .gn .ft-brand .ft-motto { flex: 1 1 auto; font-size: 20px; }
  .ft-cols { gap: 32px 40px; }
}
/* ΣΧΕΤΙΚΑ · «Η διαδρομή μου» σε όλο το πλάτος (το ένα κάτω από το άλλο) έως 1099px — tablet & Asus Zenbook Fold (853px) */
@media (max-width: 1099px) { .au-path__box { grid-template-columns: minmax(0, 1fr); } .au-path__intro { position: static !important; } }
/* FOOTER tablet: social στην ίδια σειρά με λογότυπο & μότο */
@media (min-width: 550px) and (max-width: 1099px) { .gn .ft-brand .ft-motto { flex: 1 1 0; min-width: 0; } .ft-brand { flex-wrap: nowrap; } }
/* ΣΧΕΤΙΚΑ · «Πώς δουλεύω» tablet & Asus (550–1099): 2 πρώτες κάρτες 50% · η 3η 100% */
@media (min-width: 550px) and (max-width: 1099px) {
  .gn .au-philo__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .au-philo__list li:nth-child(3) { grid-column: 1 / -1; }
}
/* FOOTER tablet: τα social δεν βγαίνουν έξω από το κουτί */
@media (min-width: 550px) and (max-width: 1099px) { .ft-brand { gap: 18px 20px; } .ft-brand .ft-social { flex: none; } .gn .ft-brand .ft-motto { font-size: 18px; } }
/* ΣΧΕΤΙΚΑ · «Πώς δουλεύω» έως 1099px (tablet & Asus): όλες οι κάρτες σε όλο το πλάτος */
@media (max-width: 1099px) { .gn .au-philo__list { grid-template-columns: minmax(0, 1fr); } .au-philo__list li:nth-child(3) { grid-column: auto; } }
/* FOOTER tablet: μικρότερο λογότυπο & πιο χαμηλό πεδίο newsletter */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-logo img { height: 92px !important; }
  .ft-news__row { padding: 4px 4px 4px 6px !important; }
  .gn .ft-news__row input { height: 38px !important; min-height: 0 !important; }
  .gn .ft-news__go { width: 38px !important; height: 38px !important; }
  .gn .ft-news__go .gn-icon { width: 17px; height: 17px; }
}
/* FOOTER tablet (550–1099) v4: Επικοινωνία σε μία σειρά (3 στοιχεία) · Newsletter σε όλο το πλάτος (κείμενο | φόρμα) */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-cols { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "brand" "nav" "contact" "news" !important; }
  .gn .ft-contact ul { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1.4fr); gap: 16px; }
  .gn .ft-contact li { margin: 0; }
  .gn .ft-contact li a { align-items: center; }
  .ft-contact .ft-mail { overflow-wrap: anywhere; }
  .ft-news { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 40px; padding-top: 28px; border-top: 1px solid rgba(38, 71, 58, .14); }
  .ft-news > h3, .ft-news > p { grid-column: 1; }
  .ft-news > form { grid-column: 2; grid-row: 1 / 3; margin-top: 0 !important; align-self: center; }
}
@media (min-width: 550px) and (max-width: 699px) {
  .gn .ft-contact ul { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .gn .ft-contact li:nth-child(3) { grid-column: 1 / -1; }
  .ft-news { grid-template-columns: minmax(0, 1fr) !important; }
  .ft-news > form { grid-column: 1; grid-row: auto; margin-top: 16px !important; }
}
/* FOOTER κινητό: μότο σε όλο το πλάτος */
@media (max-width: 549px) { .gn .ft-brand .ft-motto { max-width: none; width: 100%; } }
/* FOOTER tablet: διεύθυνση σε 2 γραμμές (όχι 3) */
@media (min-width: 550px) and (max-width: 1099px) { .gn .ft-contact ul { grid-template-columns: minmax(0, 1.15fr) minmax(0, .75fr) minmax(0, 1.4fr); } }
/* FOOTER tablet: Newsletter σε όλο το πλάτος — κείμενο πάνω, φόρμα από κάτω σε όλο το πλάτος */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-news { grid-template-columns: minmax(0, 1fr) !important; }
  .ft-news > form { grid-column: 1 !important; grid-row: auto !important; margin-top: 18px !important; }
  .gn .ft-news p { max-width: none; }
}
/* FOOTER tablet: Επικοινωνία ξανά σε λίστα (το ένα κάτω από το άλλο), όπως στο κινητό */
@media (min-width: 550px) and (max-width: 1099px) {
  .gn .ft-contact ul { display: flex !important; flex-direction: column; gap: 14px; }
  .gn .ft-contact li:nth-child(3) { grid-column: auto; }
  .ft-contact li a > span:last-child { white-space: normal; }
}
/* FOOTER tablet: κάτω μπάρα με ΙΣΑ κενά ανάμεσα σε ©, Πολιτική Απορρήτου, Ρυθμίσεις cookies, Lithos */
@media (min-width: 550px) and (max-width: 1099px) {
  .gn .ft-bottom .ft-legal { display: contents; }
  .gn .ft-bottom .ft-legal li { margin: 0; list-style: none; }
  .ft-bottom { justify-content: space-between !important; }
}
/* FOOTER tablet: Επικοινωνία & Newsletter στο κέντρο */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-contact, .ft-news { text-align: center; }
  .gn .ft-contact ul { align-items: center; }
  .ft-news { justify-items: center; }
  .ft-news > form { width: 100%; max-width: 520px; }
  .ft-news .ft-check { justify-content: center; text-align: left; }
}
@media (min-width: 550px) and (max-width: 699px) {
  .ft-bottom { flex-wrap: wrap !important; justify-content: center !important; gap: 12px 24px !important; }
}
/* FOOTER κινητό: στοιχεία επικοινωνίας σε όλο το πλάτος (σειρές-κάψουλες) */
@media (max-width: 549px) {
  .gn .ft-contact ul { display: flex; flex-direction: column; gap: 8px; }
  .gn .ft-contact li { width: 100%; margin: 0; }
  .gn .ft-contact li a { display: flex; width: 100%; box-sizing: border-box; align-items: center; padding: 10px 14px 10px 10px; border-radius: 18px; background: rgba(255, 255, 255, .5); }
}
/* FOOTER tablet: Newsletter ξανά αριστερά (όχι κέντρο), φόρμα σε όλο το πλάτος */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-news { text-align: left; justify-items: stretch; }
  .ft-news > form { max-width: none; }
  .ft-news .ft-check { justify-content: flex-start; }
}
/* FOOTER tablet: ΙΣΑ κενά ανάμεσα στα μπλοκ — 28px πάνω & κάτω από κάθε διαχωριστική γραμμή */
@media (min-width: 550px) and (max-width: 1099px) {
  .ft-box { --fs: 28px; padding-top: var(--fs) !important; padding-bottom: var(--fs) !important; }
  .ft-cols { gap: 0 !important; padding-bottom: 0 !important; }
  .ft-brand { padding: 0 0 var(--fs) !important; border-bottom: 1px solid rgba(38, 71, 58, .14) !important; }
  .ft-nav { padding: var(--fs) 0 !important; border-bottom: 1px solid rgba(38, 71, 58, .14) !important; }
  .ft-contact { padding: var(--fs) 0 !important; border-bottom: 1px solid rgba(38, 71, 58, .14) !important; }
  .ft-news { padding: var(--fs) 0 !important; border-top: 0 !important; }
  .ft-bottom { padding-top: var(--fs) !important; border-top: 1px solid rgba(38, 71, 58, .14) !important; }
}
@media (min-width: 550px) and (max-width: 1099px) { .gn .ft-brand .ft-motto { text-align: center; } } /* FOOTER tablet: μότο στο κέντρο */
.gn .ft-news form, .gn #newsletter-form { margin-bottom: 0 !important; } 
/* ΣΧΕΤΙΚΑ · βαθμολογία Google στις «Ιστορίες επιτυχίας»: ίδια με το hero της αρχικής, σε κοραλί glass */
.au-rate { display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 6px 8px 6px 6px; border-radius: 999px; box-sizing: border-box;
  background: rgba(242, 115, 72, .08); border: 1px solid rgba(242, 115, 72, .32); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  text-decoration: none; color: #26473A; font-family: var(--f-title); transition: background-color .3s ease, border-color .3s ease; }
.au-rate:hover, .au-rate:focus-visible { background: rgba(242, 115, 72, .14); border-color: rgba(242, 115, 72, .5); color: #26473A; }
.au-rate__g { flex: none; width: 36px; height: 36px; border-radius: 50%; background: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px -4px rgba(38, 71, 58, .3); }
.au-rate__g svg { width: 20px; height: 20px; }
.au-rate strong { font-weight: 500; font-size: 20px; line-height: 1; color: #26473A; }
.au-rate .rv-stars { display: inline-flex; gap: 3px; }
.au-rate .rv-stars svg { width: 13px; height: 13px; fill: #F27348; }
.au-rate__txt { font-family: var(--f-title); font-size: 14px; color: #3D5A4F; padding-left: 12px; border-left: 1px solid rgba(242, 115, 72, .35); white-space: nowrap; }
.au-rate__go { flex: none; width: 30px; height: 30px; border-radius: 50%; background: #A7AE37; color: #26473A; display: inline-flex; align-items: center; justify-content: center; margin-left: 4px; transition: background-color .3s ease, color .3s ease; }
.au-rate__go .gn-icon { width: 15px; height: 15px; transform: rotate(-45deg); }
.au-rate:hover .au-rate__go { background: #F27348; color: #FFFFFF; }
@media (max-width: 549px) { .au-rate { gap: 8px; } .au-rate__txt { font-size: 13px; padding-left: 8px; } .au-rate .rv-stars svg { width: 11px; height: 11px; } }
@media (max-width: 549px) { .au-rate { max-width: 100%; height: 46px; } .au-rate__g { width: 32px; height: 32px; } .au-rate strong { font-size: 18px; } }
@media (max-width: 420px) { .au-rate__long { display: none; } }
/* ΣΧΕΤΙΚΑ · βαθμολογία Google: glass σε ανοιχτό Sage (όπως το μενού) */
.au-rate { background: rgba(213, 221, 216, .75); border-color: rgba(140, 160, 150, .55); }
.au-rate:hover, .au-rate:focus-visible { background: #D5DDD8; border-color: rgba(140, 160, 150, .8); }
.au-rate__txt { border-left-color: rgba(38, 71, 58, .18); }
.au-hv-c .au-hero__photo img { object-position: 50% 55%; } 

/* =====================================================================
   ΣΕΛΙΔΑ «ΙΣΤΟΡΙΕΣ ΕΠΙΤΥΧΙΑΣ» v2 (/istories-epitixias/) — .is-page · καρτέλες
   ίδια συστήματα: κενά 32px (22 κινητό) · τίτλος→κείμενο 22px · hero padding 40/36 · κουτιά clamp(24px, 2.8vw, 40px)
   H1/H2/κείμενο ίδια μεγέθη · λαχανί #A7AE37 · όχι δύο Pine στη σειρά · ≤1099px μία στήλη
   ===================================================================== */
.is-page .section { background: var(--ivory); }
.gn .is-page h2 { font-family: var(--f-title); font-weight: 500 !important; letter-spacing: -.025em !important; color: var(--pine); font-size: 40px; line-height: 1.2; }
.gn .is-page h3 { font-family: var(--f-title); font-weight: 500; color: var(--pine); margin: 0; }
.gn .is-page p { font-family: var(--f-text); }
@media (max-width: 849px) { .gn .is-page h2 { font-size: 34px; } }
@media (max-width: 549px) { .gn .is-page h2 { font-size: 28px; } }
.gn .gn-nav__link[aria-current] { color: #F27348 !important; }

/* 1. HERO — Pine 50/50 · κείμενο αριστερά · glass κάρτα βαθμολογίας δεξιά */
.gn .is-hero { padding: 0 var(--frame) var(--sec-y) !important; }
.is-hero__box { --px: clamp(24px, 2.8vw, 40px); --py: clamp(18px, 2.1vw, 36px);
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; background: #26473A; color: #F2F3EC; border-radius: 28px; }
.is-hero__text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 32px; padding: var(--py) var(--px); }
.gn .is-hero__text > * { margin: 0 !important; }
.gn .is-hero h1 { font-family: var(--f-title); font-weight: 500 !important; font-size: clamp(2rem, 2.9vw, 3rem); line-height: 1.2; letter-spacing: -.03em !important; color: #F2F3EC; margin-bottom: -10px !important; }
.is-hero h1 em { font-style: normal; color: #A7AE37; }
.gn .is-hero__lead { font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); }
.is-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.is-hero .au-crumbs ol { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); height: 40px; }
.is-hero .au-crumbs li, .is-hero .au-crumbs a { color: rgba(242, 243, 236, .75); }
.is-hero .au-crumbs a:hover, .is-hero .au-crumbs [aria-current] { color: #FFFFFF; }
.gn .is-hero .hy-btn-white { --fill: #F27348; --fill-text: #FFFFFF; box-shadow: none !important; }
.gn .is-hero .hy-btn-white:hover, .gn .is-hero .hy-btn-white:focus-visible,
.gn .is-hero .hy-btn-white:hover span, .gn .is-hero .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
.is-hero :focus-visible { outline-color: #FFFFFF; }
.is-hero__side { display: flex; align-items: center; justify-content: center; padding: var(--py) var(--px); }
/* κάρτα βαθμολογίας: glass όπως τα κουτάκια της αρχικής */
.is-score { width: 100%; max-width: 440px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 28px; border-radius: 28px; text-decoration: none; color: #F2F3EC;
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: background-color .3s ease; }
.is-score:hover, .is-score:focus-visible { background: rgba(255, 255, 255, .1); color: #F2F3EC; }
.is-score__top { display: flex; align-items: center; gap: 12px; width: 100%; padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, .14); }
.is-score__g { width: 40px; height: 40px; border-radius: 50%; background: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.is-score__g svg { width: 22px; height: 22px; }
.is-score__label { flex: 1; font-family: var(--f-title); font-size: 16px; font-weight: 500; color: #FFFFFF; }
.is-score__go { width: 34px; height: 34px; border-radius: 50%; background: #A7AE37; color: #26473A; display: inline-flex; align-items: center; justify-content: center; transition: background-color .3s ease, color .3s ease; }
.is-score__go .gn-icon { width: 16px; height: 16px; transform: rotate(-45deg); }
.is-score:hover .is-score__go { background: #F27348; color: #FFFFFF; }
.is-score__num { font-family: var(--f-title); font-weight: 500; font-size: clamp(64px, 7vw, 96px); line-height: 1; letter-spacing: -.04em; color: #FFFFFF; }
.is-score .rv-stars { display: inline-flex; gap: 6px; }
.is-score .rv-stars svg { width: 26px; height: 26px; fill: #F27348; }
.is-score__bottom { display: flex; align-items: center; gap: 12px; font-family: var(--f-text); font-size: 16px; color: rgba(242, 243, 236, .8); }
.is-score__bottom strong { color: #FFFFFF; font-weight: 600; }
.is-score__avatars { display: inline-flex; }
.is-score__avatars span { width: 32px; height: 32px; border-radius: 50%; background: #D5DDD8; color: #26473A; border: 2px solid #26473A; margin-left: -8px; display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--f-title); font-size: 13px; font-weight: 500; }
.is-score__avatars span:first-child { margin-left: 0; }
@media (min-width: 1800px) { .is-hero__box { min-height: 600px; } }
@media (max-width: 1099px) {
  .is-hero__box { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .is-hero__side { padding-top: 0; justify-content: flex-start; }
  .is-score { max-width: none; }
}
@media (max-width: 549px) {
  .gn .is-hero { padding: 0 8px var(--sec-y) !important; }
  .is-hero__box { --px: 22px; --py: 22px; border-radius: 22px; }
  .is-hero__text { gap: 22px; }
  .gn .is-hero h1 { margin-bottom: -6px !important; }
  .gn .is-hero__lead { font-size: 16px; }
  .is-hero__actions, .is-hero__actions .button { width: 100%; }
  .is-score { padding: 22px; border-radius: 22px; }
  .is-score .rv-stars svg { width: 22px; height: 22px; }
}

/* 2. ΚΑΡΤΕΛΕΣ */
.gn .is-tabs { padding: 0 var(--sec-x) var(--sec-y) !important; }
.is-tabs__box { background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); border-radius: 28px; padding: clamp(24px, 2.8vw, 40px); display: flex; flex-direction: column; gap: 32px; }
.is-tablist { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.is-tab { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 16px 10px 10px; margin: 0; border-radius: 999px; cursor: pointer; text-align: left;
  background: rgba(213, 221, 216, .75); border: 1px solid rgba(140, 160, 150, .55); color: #26473A; transition: background-color .35s ease, border-color .35s ease, color .35s ease; }
.is-tab img { flex: none; width: 44px; height: 44px; padding: 10px; border-radius: 50%; background: #FFFFFF; box-sizing: border-box; }
.is-tab span { display: flex; flex-direction: column; min-width: 0; }
.is-tab strong { font-family: var(--f-title); font-weight: 500; font-size: 17px; line-height: 1.25; }
.is-tab small { font-family: var(--f-text); font-size: 14px; line-height: 1.3; color: #4F635A; transition: color .35s ease; }
.is-tab:hover { background: #D5DDD8; border-color: rgba(140, 160, 150, .8); }
.is-tab[aria-selected="true"] { background: #26473A; border-color: #26473A; color: #FFFFFF; }
.is-tab[aria-selected="true"] small { color: rgba(242, 243, 236, .75); }
.is-tab:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
.is-panel { display: flex; flex-direction: column; gap: 32px; }
.is-panel[hidden] { display: none; }
.is-panel:focus-visible { outline: 2px solid #F27348; outline-offset: 6px; border-radius: 12px; }
.gn .is-panel h3 { font-size: clamp(24px, 2.2vw, 30px); line-height: 1.25; letter-spacing: -.02em; max-width: 30em; }
.gn .is-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; counter-reset: st; }
.is-steps li { margin: 0; position: relative; padding: 24px; border-radius: 22px; background: #F2F3EC; display: flex; flex-direction: column; gap: 12px; counter-increment: st; }
.is-steps li::before { content: "0" counter(st); position: absolute; top: 22px; right: 24px; font-family: var(--f-title); font-weight: 500; font-size: 16px; color: #F27348; }
.is-steps__label { font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #646A16; }
.gn .is-steps p { margin: 0; font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.is-steps .is-steps__result { background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); }
.is-steps__result .is-steps__label { color: #26473A; }
.gn .is-steps__result p { color: #26473A; }
/* βελάκι ανάμεσα στα βήματα (desktop) */
@media (min-width: 1100px) {
  .is-steps li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -13px; width: 10px; height: 10px; margin-top: -5px; border-top: 2px solid #A7AE37; border-right: 2px solid #A7AE37; transform: rotate(45deg); z-index: 1; }
}

/* εμφάνιση πάνελ */
.gn-js .is-panel:not([hidden]) { animation: isIn .5s var(--m-ease) both; }
@keyframes isIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (max-width: 1099px) {
  .is-tablist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gn .is-steps { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 549px) {
  .is-tabs__box { border-radius: 22px; padding: 16px; gap: 24px; }
  .is-tablist { gap: 8px; }
  .is-tab { flex-direction: column; align-items: flex-start; border-radius: 18px; padding: 12px; gap: 8px; }
  .is-tab img { width: 36px; height: 36px; padding: 8px; }
  .is-tab strong { font-size: 15px; }
  .is-tab small { font-size: 13px; }
  .is-panel { gap: 22px; padding: 0 6px 6px; }
  .is-steps li { padding: 20px; }
  .gn .is-steps p { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .is-panel { animation: none !important; } }

/* 3. ΚΡΙΤΙΚΕΣ — μία-μία σε ανοιχτό Sage κουτί */

.is-quotes__stage { position: relative; min-height: 210px; }
.is-quote { margin: 0; display: flex; flex-direction: column; gap: 24px; }
.is-quote[hidden] { display: none; }
.gn-js .is-quote:not([hidden]) { animation: isIn .55s var(--m-ease) both; }
.is-quote blockquote { margin: 0; padding: 0; border: 0; }
.gn .is-quote blockquote p { margin: 0; font-family: var(--f-title); font-weight: 500; font-size: clamp(22px, 2.3vw, 32px); line-height: 1.35; letter-spacing: -.02em; color: #26473A; font-style: normal; max-width: 34em; }
.is-quote figcaption { display: flex; align-items: center; gap: 12px; }
.is-quote figcaption strong { display: block; font-family: var(--f-title); font-weight: 500; font-size: 16px; color: #26473A; }
.is-quote figcaption small { display: block; font-family: var(--f-text); font-size: 14px; color: #4F635A; }
.is-quote .rv-avatar { background: #FFFFFF; }

@media (max-width: 549px) {
  
  
  .is-quotes__stage { min-height: 260px; }
  .gn .is-quote blockquote p { font-size: 20px; }
}

/* 4. CTA — Pine 50/50 με φωτογραφία */
.gn .is-cta { padding: 0 var(--sec-x) var(--sec-y) !important; }
.is-cta__box { --px: clamp(24px, 2.8vw, 40px); --py: clamp(18px, 2.1vw, 36px);
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; background: #26473A; color: #F2F3EC; border-radius: 28px; overflow: hidden; }
.is-cta__text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 22px; padding: var(--py) var(--px); }
.gn .is-cta__text > * { margin: 0 !important; }
.gn .is-cta h2 { color: #FFFFFF; }
.gn .is-cta__text p { font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); }
.is-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px !important; }
.gn .is-cta .hy-btn-white { --fill: #F27348; --fill-text: #FFFFFF; box-shadow: none !important; }
.gn .is-cta .hy-btn-white:hover, .gn .is-cta .hy-btn-white:focus-visible,
.gn .is-cta .hy-btn-white:hover span, .gn .is-cta .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
.is-cta :focus-visible { outline-color: #FFFFFF; }
.is-cta__photo { position: relative; margin: var(--py) var(--px) var(--py) 0; border-radius: 20px; overflow: hidden; border: 8px solid #FFFFFF; background: #D5DDD8; min-height: 380px; }
.is-cta__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
@media (max-width: 1099px) {
  .is-cta__box { grid-template-columns: minmax(0, 1fr); }
  .is-cta__photo { margin: 0 var(--px) var(--py); min-height: 0; aspect-ratio: 16 / 11; }
}
@media (max-width: 549px) {
  .is-cta__box { --px: 22px; --py: 22px; border-radius: 22px; gap: 0; }
  .gn .is-cta__text p { font-size: 16px; }
  .is-cta__actions, .is-cta__actions .button { width: 100%; }
  .is-cta__photo { aspect-ratio: 4 / 5; border-width: 6px; border-radius: 16px; }
}

/* κίνηση: κείμενο hero στοιχείο-στοιχείο */
.gn-js .is-hero__text[data-reveal] { opacity: 1 !important; transform: none !important; }
.gn-js .is-hero__text > * { opacity: 0; transform: translateY(16px); transition: opacity .8s var(--m-ease), transform .8s var(--m-ease); }
.gn-js .is-hero__text.is-in > * { opacity: 1; transform: none; }
.gn-js .is-hero__text.is-in > :nth-child(1) { transition-delay: .2s; }
.gn-js .is-hero__text.is-in > :nth-child(2) { transition-delay: .32s; }
.gn-js .is-hero__text.is-in > :nth-child(3) { transition-delay: .44s; }
.gn-js .is-hero__text.is-in > :nth-child(4) { transition-delay: .56s; }
.gn-js .is-score[data-reveal="pop"] { transition-delay: .5s !important; }
@media (prefers-reduced-motion: reduce) { .is-hero__text > * { opacity: 1 !important; transform: none !important; } }
/* καρτέλες: χωρίς τα στυλ κουμπιού του Flatsome (κεφαλαία, ύψος, κ.λπ.) */
.gn .is-tab { text-transform: none; letter-spacing: 0; font-weight: 400; min-height: 0; line-height: 1.3; height: auto; box-shadow: none; }
.gn .is-tab strong { display: block; color: inherit !important; }
.gn .is-tab[aria-selected="true"] strong { color: #FFFFFF !important; }

/* hero: τίτλος σε μία σειρά · μικρότερη κάρτα βαθμολογίας · ίδιες αποστάσεις γύρω-γύρω */
@media (min-width: 1100px) {
  .is-hero__box { grid-template-columns: minmax(0, 1fr) auto; }
  .gn .is-hero h1 { white-space: nowrap; }
}
@media (min-width: 1100px) and (max-width: 1299px) { .gn .is-hero h1 { white-space: normal; } }
.is-hero__side { padding: var(--py) var(--px); align-items: center; }
.is-score { max-width: 340px; padding: 22px; gap: 12px; border-radius: 22px; }
.is-score__top { padding-bottom: 12px; }
.is-score__g { width: 34px; height: 34px; }
.is-score__g svg { width: 19px; height: 19px; }
.is-score__label { font-size: 15px; }
.is-score__go { width: 30px; height: 30px; }
.is-score__num { font-size: 64px; }
.is-score .rv-stars svg { width: 20px; height: 20px; }
.is-score__bottom { font-size: 15px; }
.is-score__avatars span { width: 28px; height: 28px; font-size: 12px; }
@media (max-width: 1099px) { .is-score { max-width: 360px; } }
/* εισαγωγή: πιο στενό κείμενο */
.gn .is-tabs .sx-head p { max-width: 46em; margin-left: auto !important; margin-right: auto !important; }
/* τίτλος ιστορίας: όλο το πλάτος, στο κέντρο */
.gn .is-panel h3 { max-width: none; text-align: center; }
/* «Το αποτέλεσμα»: κοραλί με λευκά γράμματα */
.is-steps .is-steps__result { background: #F27348; border: 0; }
.is-steps__result .is-steps__label, .gn .is-steps__result p, .is-steps .is-steps__result::before { color: #FFFFFF; }
/* βελάκια ανάμεσα στα βήματα: λαχανί κυκλάκι με βέλος που «κινείται» */
@media (min-width: 1100px) {
  .is-steps li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -22px; width: 28px; height: 28px; margin-top: -14px; border: 0; border-radius: 50%; z-index: 2; transform: none;
    background: #A7AE37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2326473A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 15px no-repeat;
    box-shadow: 0 0 0 4px #FFFFFF; animation: isNudge 1.6s ease-in-out infinite; }
  .is-steps li:nth-child(2)::after { animation-delay: .25s; }
}
@keyframes isNudge { 0%, 100% { background-position: 45% 50%; } 50% { background-position: 75% 50%; } }
@media (prefers-reduced-motion: reduce) { .is-steps li::after { animation: none !important; } }
/* κουμπί υπηρεσίας στο κέντρο */
.is-panel__btn { align-self: center; }
.gn .is-panel .bx-btn--coral::before { background: #26473A; }
.gn .is-panel .bx-btn--coral:hover, .gn .is-panel .bx-btn--coral:focus-visible { color: #F2F3EC; }
@media (max-width: 549px) { .is-panel__btn { width: 100%; } }
.is-steps li::after { animation: none !important; background-position: center !important; } 
/* ΙΣΤΟΡΙΕΣ · καρτέλα: τίτλος αριστερά & κουμπί δεξιά στην ίδια σειρά · κουμπί σκούρο πράσινο */
.is-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; }
.gn .is-panel__head h3 { text-align: left; }
.is-panel__head .is-panel__btn { flex: none; align-self: center; }
.gn .is-panel__btn.bx-btn--coral { background: #26473A !important; color: #FFFFFF !important; }
.gn .is-panel .is-panel__btn.bx-btn--coral::before { background: #F27348; }
.gn .is-panel .is-panel__btn.bx-btn--coral:hover, .gn .is-panel .is-panel__btn.bx-btn--coral:focus-visible { color: #FFFFFF !important; }
@media (max-width: 849px) { .is-panel__head { flex-direction: column; align-items: flex-start; } .is-panel__head .is-panel__btn { align-self: flex-start; } }
@media (max-width: 549px) { .is-panel__head .is-panel__btn { width: 100%; } }
.is-cta__photo img { object-position: 50% 55%; }
@media (min-width: 1100px) { .ft-logo img { height: 150px !important; } } 
/* ΙΣΤΟΡΙΕΣ · hero tablet (550–1099): κάρτα κριτικών σε όλο το πλάτος, χαμηλή — όλα σε μία σειρά */
@media (min-width: 550px) and (max-width: 1099px) {
  .is-score { max-width: none; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 18px; }
  .is-score__top { order: 0; width: auto; padding: 0; border: 0; flex: none; gap: 10px; }
  .is-score__top .is-score__go { display: none; }
  .is-score__num { order: 1; font-size: 28px; padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, .16); }
  .is-score .rv-stars { order: 2; gap: 3px; }
  .is-score .rv-stars svg { width: 15px; height: 15px; }
  .is-score__bottom { order: 3; margin-left: auto; font-size: 14px; gap: 10px; }
  .is-score::after { content: ""; order: 4; flex: none; width: 30px; height: 30px; border-radius: 50%; background: #A7AE37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2326473A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center / 14px no-repeat; }
}
@media (min-width: 550px) and (max-width: 699px) { .is-score__label, .is-score__avatars { display: none; } }
/* ΙΣΤΟΡΙΕΣ · βελάκια ανάμεσα στα βήματα και σε tablet/κινητό (προς τα κάτω) */
@media (max-width: 1099px) {
  .is-steps li:not(:last-child)::after { content: ""; position: absolute; left: 50%; bottom: -22px; width: 28px; height: 28px; margin-left: -14px; border-radius: 50%; z-index: 2;
    background: #A7AE37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2326473A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center / 15px no-repeat;
    box-shadow: 0 0 0 4px #FFFFFF; }
}
@media (min-width: 550px) and (max-width: 849px) { .is-panel__head { align-items: center; text-align: center; } .gn .is-panel__head h3 { text-align: center; } .is-panel__head .is-panel__btn { align-self: center; } } /* tablet: τίτλος & κουμπί στο κέντρο */
:root, .gn { --coral-ink: #F27348 !important; --fs-experimental-link-color-hover: #F27348 !important; } 

/* =====================================================================
   ΣΕΛΙΔΑ «ΕΠΙΚΟΙΝΩΝΙΑ» (/contact/) — .ct-page · hero ίδιο σύστημα με τις Ιστορίες (.is-hero)
   κενά 32/22 · padding hero 40/36 · κουτιά clamp(24px, 2.8vw, 40px) · H2 40/34/28 · κείμενο 18/16 · ≤1099px μία στήλη
   ===================================================================== */
.ct-page .section { background: var(--ivory); }
.gn .ct-page h2 { font-family: var(--f-title); font-weight: 500 !important; letter-spacing: -.025em !important; color: var(--pine); font-size: 40px; line-height: 1.2; margin: 0; }
.gn .ct-page p { font-family: var(--f-text); }
@media (max-width: 849px) { .gn .ct-page h2 { font-size: 34px; } }
@media (max-width: 549px) { .gn .ct-page h2 { font-size: 28px; } }

/* 1. HERO — κάρτα στοιχείων (glass) */
.ct-hero .is-hero__box { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.gn .ct-hero h1 { white-space: normal; }
.gn .ct-card { list-style: none; margin: 0; padding: 8px; width: 100%; max-width: 520px; display: flex; flex-direction: column; gap: 8px; border-radius: 28px;
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.ct-card li { margin: 0; }
.ct-card a { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-radius: 20px; text-decoration: none; color: #F2F3EC; transition: background-color .3s ease; }
.ct-card li + li a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }
.ct-card a:hover, .ct-card a:focus-visible { background: rgba(255, 255, 255, .08); box-shadow: none; }
.ct-card__ico { flex: none; width: 48px; height: 48px; border-radius: 50%; background: #FFFFFF; color: #F27348; display: inline-flex; align-items: center; justify-content: center; }
.ct-card__ico .gn-icon { width: 20px; height: 20px; }
.ct-card__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ct-card__txt small { font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #A7AE37; }
.ct-card__txt strong { font-family: var(--f-title); font-weight: 500; font-size: 20px; line-height: 1.3; color: #FFFFFF; }
.ct-card__txt span { font-family: var(--f-text); font-size: 15px; color: rgba(242, 243, 236, .75); }
.ct-card__mail { font-size: 17px !important; overflow-wrap: anywhere; }
.ct-card__go { flex: none; width: 34px; height: 34px; border-radius: 50%; background: #A7AE37; color: #26473A; display: inline-flex; align-items: center; justify-content: center; transition: background-color .3s ease, color .3s ease, transform .3s ease; }
.ct-card__go .gn-icon { width: 15px; height: 15px; transform: rotate(-45deg); }
.ct-card a:hover .ct-card__go, .ct-card a:focus-visible .ct-card__go { background: #F27348; color: #FFFFFF; }
.ct-card a:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
@media (max-width: 1099px) { .ct-hero .is-hero__box { grid-template-columns: minmax(0, 1fr); } .gn .ct-card { max-width: none; } }
@media (max-width: 549px) {
  .gn .ct-card { border-radius: 22px; padding: 6px; }
  .ct-card a { padding: 14px 12px; gap: 12px; }
  .ct-card__ico { width: 40px; height: 40px; }
  .ct-card__txt strong { font-size: 17px; }
  .ct-card__mail { font-size: 15px !important; }
  .ct-card__go { width: 30px; height: 30px; }
}

/* 2. ΦΟΡΜΑ — φωτογραφία + λευκό κουτί */
.gn .ct-form { padding: 0 var(--sec-x) var(--sec-y) !important; }
.ct-form__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: stretch; }
.ct-form__photo { position: relative; margin: 0; border-radius: 28px; overflow: hidden; background: #D5DDD8; min-height: 520px; }
.ct-form__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 55% 50%; }
.ct-form__tag { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 999px;
  background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-family: var(--f-title); font-size: 15px; font-weight: 500; color: #26473A; }
.ct-form__dot { width: 10px; height: 10px; border-radius: 50%; background: #A7AE37; box-shadow: 0 0 0 4px rgba(167, 174, 55, .25); }
.ct-form__box { background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); border-radius: 28px; padding: clamp(24px, 2.8vw, 40px); display: flex; flex-direction: column; gap: 32px; }
.ct-form__head { display: flex; flex-direction: column; gap: 12px; }
.gn .ct-form__head p { margin: 0; font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.ct-f { display: flex; flex-direction: column; gap: 24px; margin: 0 !important; }

/* πεδία με «floating» ετικέτα πάνω από το πεδίο */
.ct-f__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ct-f__field.is-full { grid-column: 1 / -1; }
.ct-f__field { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.gn .ct-f__field label { margin: 0; font-family: var(--f-title); font-size: 15px; font-weight: 500; color: #26473A; }
.ct-f__field .req { color: #F27348; }
.ct-f__opt { font-family: var(--f-text); font-weight: 400; color: #6B7F75; }
.gn .ct-f input[type="text"], .gn .ct-f input[type="email"], .gn .ct-f input[type="tel"], .gn .ct-f textarea {
  width: 100%; margin: 0; height: 52px; padding: 0 18px; border-radius: 16px; border: 1px solid rgba(38, 71, 58, .14); background: #F2F3EC; box-shadow: none;
  font-family: var(--f-text); font-size: 17px; color: #26473A; transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease; }
.gn .ct-f textarea { height: auto; min-height: 150px; padding: 14px 18px; line-height: 1.55; resize: vertical; }
.gn .ct-f input:hover, .gn .ct-f textarea:hover { border-color: rgba(38, 71, 58, .3); }
.gn .ct-f input:focus, .gn .ct-f textarea:focus { outline: none; background: #FFFFFF; border-color: #A7AE37; box-shadow: 0 0 0 4px rgba(167, 174, 55, .2); }
.gn .ct-f .gn-field.has-error input, .gn .ct-f .gn-field.has-error textarea { border-color: #B3311A; background: #FFF7F4; }
.ct-f__check { font-size: 15px; line-height: 1.5; color: #3D5A4F; }
.ct-f__check a { color: #26473A; text-decoration: underline; text-underline-offset: 3px; }
.ct-f__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; }
.gn .ct-f__note { margin: 0; font-size: 15px; color: #6B7F75; }
.gn .ct-form .bx-btn--coral::before { background: #26473A; }
.gn .ct-form .bx-btn--coral:hover, .gn .ct-form .bx-btn--coral:focus-visible { color: #F2F3EC; }
.ct-f__status:empty { display: none; }
@media (max-width: 1099px) {
  .ct-form__grid { grid-template-columns: minmax(0, 1fr); }
  .ct-form__photo { min-height: 0; aspect-ratio: 16 / 9; order: 2; }
}
@media (max-width: 549px) {
  .ct-form__photo, .ct-form__box { border-radius: 22px; }
  .ct-form__photo { aspect-ratio: 4 / 3; }
  .ct-form__box { padding: 26px 20px; gap: 22px; }
  .gn .ct-form__head p { font-size: 16px; }
  .ct-f__grid { grid-template-columns: minmax(0, 1fr); }
  .ct-f__actions, .ct-f__actions .button { width: 100%; }
  
}

/* 3. ΧΑΡΤΗΣ */
.gn .ct-map { padding: 0 var(--sec-x) var(--sec-y) !important; }
.ct-map__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; }
.ct-map__frame { position: relative; border-radius: 28px; overflow: hidden; background: #D5DDD8; min-height: 420px; border: 1px solid rgba(38, 71, 58, .06); }
.ct-map__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: saturate(.8); }
.ct-map__card { background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); border-radius: 28px; padding: clamp(24px, 2.8vw, 40px); display: flex; flex-direction: column; justify-content: center; gap: 32px; }
.ct-map__card h2 .ab-hl { color: #A7AE37; }
.gn .ct-map__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.ct-map__list li { margin: 0; display: flex; align-items: center; gap: 14px; font-family: var(--f-text); font-size: 16px; line-height: 1.4; color: #3D5A4F; }
.ct-map__list strong { display: block; font-family: var(--f-title); font-weight: 500; font-size: 18px; color: #26473A; }
.ct-map__ico { flex: none; width: 46px; height: 46px; border-radius: 50%; background: #FFFFFF; color: #F27348; display: inline-flex; align-items: center; justify-content: center; }
.ct-map__ico svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ct-map__btn { align-self: flex-start; }
.gn .ct-map .hy-btn-white:hover, .gn .ct-map .hy-btn-white:focus-visible, .gn .ct-map .hy-btn-white:hover span, .gn .ct-map .hy-btn-white:focus-visible span { color: #F2F3EC !important; }
@media (max-width: 1099px) { .ct-map__grid { grid-template-columns: minmax(0, 1fr); } .ct-map__frame { min-height: 360px; } }
@media (max-width: 549px) { .ct-map__frame, .ct-map__card { border-radius: 22px; } .ct-map__frame { min-height: 300px; } .ct-map__card { padding: 26px 22px; gap: 22px; } .ct-map__btn { width: 100%; } }

/* 4. ΣΥΝΕΧΙΣΕ — 2 κάρτες-links */
.gn .ct-next { padding: 0 var(--sec-x) var(--sec-y) !important; }
.ct-next__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ct-next__card { display: flex; align-items: center; gap: 20px; padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; text-decoration: none; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); color: #26473A;
  transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.ct-next__card:hover, .ct-next__card:focus-visible { transform: translateY(-4px); box-shadow: 0 18px 40px -26px rgba(38, 71, 58, .45); color: #26473A; }
.ct-next__card--pine { background: #26473A; border-color: #26473A; color: #F2F3EC; }
.ct-next__card--pine:hover, .ct-next__card--pine:focus-visible { color: #F2F3EC; }
.ct-next__ico { flex: none; width: 64px; height: 64px; border-radius: 50%; background: #F2F3EC; color: #F27348; display: inline-flex; align-items: center; justify-content: center; }
.ct-next__ico img { width: 30px; height: 30px; }
.ct-next__ico svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ct-next__card--pine .ct-next__ico { background: #FFFFFF; }
.ct-next__txt { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.ct-next__txt strong { font-family: var(--f-title); font-weight: 500; font-size: 22px; line-height: 1.3; }
.ct-next__txt span { font-family: var(--f-text); font-size: 17px; line-height: 1.5; color: #3D5A4F; }
.ct-next__card--pine .ct-next__txt strong { color: #FFFFFF; }
.ct-next__card--pine .ct-next__txt span { color: rgba(242, 243, 236, .8); }
.ct-next__go { flex: none; width: 48px; height: 48px; border-radius: 50%; background: #F27348; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; transition: transform .3s ease; }
.ct-next__go .gn-icon { width: 18px; height: 18px; }
.ct-next__card:hover .ct-next__go { transform: translateX(4px); }
.ct-next__card--pine:focus-visible { outline: 2px solid #F27348; outline-offset: 3px; }
@media (max-width: 1099px) { .ct-next__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) {
  .ct-next__card { border-radius: 22px; padding: 22px 20px; gap: 14px; align-items: flex-start; }
  .ct-next__ico { width: 52px; height: 52px; }
  .ct-next__txt strong { font-size: 19px; }
  .ct-next__txt span { font-size: 16px; }
  .ct-next__go { width: 40px; height: 40px; align-self: center; }
}
@media (max-width: 549px) { .ct-card__mail { font-size: 13.5px !important; letter-spacing: -.01em; overflow-wrap: normal; } .ct-card__ico { width: 36px; height: 36px; } .ct-card a { gap: 10px; } } /* κινητό: email σε μία γραμμή */
@media (min-width: 1100px) { .ct-hero .is-hero__side { justify-content: flex-end; } .gn .ct-hero .ct-card { max-width: 560px; } } /* επικοινωνία: κάρτα δεξιά με ίδιο padding όπως το κείμενο αριστερά */
@media (min-width: 1100px) { .ct-hero .is-hero__box { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } } 
/* ΕΠΙΚΟΙΝΩΝΙΑ · πιο χαμηλή φόρμα: Όνομα/Τηλέφωνο/Email σε μία σειρά (desktop), μικρότερα πεδία & μήνυμα · φωτογραφία ακολουθεί το ύψος */
.ct-f__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 16px; }
.ct-f { gap: 20px; }
.ct-form__box { gap: 24px; }
.gn .ct-f input[type="text"], .gn .ct-f input[type="email"], .gn .ct-f input[type="tel"] { height: 46px; }
.gn .ct-f textarea { min-height: 104px; }
.ct-f__field { gap: 6px; }
.ct-form__photo { min-height: 0; }
.ct-form__photo img { object-position: 50% 50%; }
@media (max-width: 849px) { .ct-f__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ct-f__grid .ct-f__field:nth-child(3) { grid-column: 1 / -1; } }
@media (max-width: 549px) { .ct-f__grid { grid-template-columns: minmax(0, 1fr); } .ct-form__box { gap: 22px; } }
.ct-form__photo img { object-position: 45% 55%; } 

/* =====================================================================
   ΣΕΛΙΔΑ «ΥΠΗΡΕΣΙΕΣ» (/services/) — .sp-page · hero με τις κλάσεις is-hero των Ιστοριών
   κενά 32/22 · κουτιά clamp(24px, 2.8vw, 40px) · H2 40/34/28 · κείμενο 18/16 · ≤1099px μία στήλη
   ===================================================================== */
.sp-page .section { background: var(--ivory); }
.gn .sp-page h2 { font-family: var(--f-title); font-weight: 500 !important; letter-spacing: -.025em !important; color: var(--pine); font-size: 40px; line-height: 1.2; margin: 0; }
.gn .sp-page h3 { font-family: var(--f-title); font-weight: 500; color: var(--pine); margin: 0; }
.gn .sp-page p { font-family: var(--f-text); }
@media (max-width: 849px) { .gn .sp-page h2 { font-size: 34px; } }
@media (max-width: 549px) { .gn .sp-page h2 { font-size: 28px; } }

/* 1. HERO — glass κάρτα «θα αποκτήσεις» δεξιά, ίδιο κενό δεξιά με αριστερά */
@media (min-width: 1100px) { .sp-hero .is-hero__box { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } .sp-hero .is-hero__side { justify-content: flex-end; } }
.gn .sp-hero h1 { white-space: normal; }
.sp-gain { width: 100%; max-width: 520px; padding: clamp(22px, 2.4vw, 32px); border-radius: 28px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: flex; flex-direction: column; gap: 18px; }
.gn .sp-gain__title { margin: 0; font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #A7AE37; }
.gn .sp-gain ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.sp-gain li { margin: 0; display: flex; align-items: flex-start; gap: 14px; font-family: var(--f-title); font-weight: 500; font-size: 18px; line-height: 1.4; color: #FFFFFF; }
.sp-gain li + li { padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .12); }
.sp-gain__ico { flex: none; width: 32px; height: 32px; border-radius: 50%; background: #A7AE37; color: #26473A; display: inline-flex; align-items: center; justify-content: center; }
.sp-gain__ico .gn-icon { width: 16px; height: 16px; stroke-width: 2.4; }
@media (max-width: 1099px) { .sp-hero .is-hero__box { grid-template-columns: minmax(0, 1fr); } .sp-gain { max-width: none; } }
@media (max-width: 549px) { .sp-gain { border-radius: 22px; } .sp-gain li { font-size: 16px; } }

/* 2. ΛΙΣΤΑ — chips + κάρτες */
.gn .sp-list { padding: 0 var(--sec-x) var(--sec-y) !important; }
.gn .sp-list .sx-head p { max-width: 46em; margin-left: auto !important; margin-right: auto !important; }

.gn .sp-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.sp-card { margin: 0; scroll-margin-top: calc(var(--head-h) + 24px); padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06);
  display: flex; flex-direction: column; gap: 18px; transition: box-shadow .4s var(--ease), transform .4s var(--ease); }
.gn .sp-card > * { margin: 0 !important; }
.sp-card:target { box-shadow: 0 0 0 2px #A7AE37; }
.sp-card__top { display: flex; align-items: center; justify-content: space-between; }
.sp-card__ico { width: 56px; height: 56px; border-radius: 50%; background: #F2F3EC; display: inline-flex; align-items: center; justify-content: center; }
.sp-card__ico img { width: 28px; height: 28px; }
.sp-card__num { font-family: var(--f-title); font-weight: 500; font-size: 16px; color: #F27348; }
.gn .sp-card h3 { font-size: 24px; line-height: 1.25; letter-spacing: -.015em; }
.gn .sp-card > p { font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.sp-card__for { margin-top: auto !important; padding: 18px 20px; border-radius: 18px; background: #F2F3EC; display: flex; flex-direction: column; gap: 10px; }
.sp-card__for > span { font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #646A16; }
.gn .sp-card__for ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.sp-card__for li { margin: 0; display: flex; align-items: flex-start; gap: 10px; font-family: var(--f-text); font-size: 17px; line-height: 1.45; color: #26473A; }
.sp-card__for .gn-icon { flex: none; width: 18px; height: 18px; margin-top: 2px; color: #F27348; stroke-width: 2.4; }
.sp-card__btn { align-self: flex-start; box-shadow: inset 0 0 0 1px rgba(38, 71, 58, .18); }
.gn .sp-card .hy-btn-white:hover, .gn .sp-card .hy-btn-white:focus-visible, .gn .sp-card .hy-btn-white:hover span, .gn .sp-card .hy-btn-white:focus-visible span { color: #F2F3EC !important; }
@media (max-width: 1099px) { .gn .sp-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) {
  
  
  
  .sp-card { border-radius: 22px; padding: 24px 20px; }
  .gn .sp-card h3 { font-size: 21px; }
  .gn .sp-card > p { font-size: 16px; }
  .sp-card__for li { font-size: 16px; }
  .sp-card__btn { width: 100%; }
}

/* 3. ONLINE — ζώνη Pine */
.gn .sp-online { padding: 0 var(--sec-x) var(--sec-y) !important; }
.sp-online__box { display: flex; align-items: center; gap: 24px 32px; padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #26473A; color: #F2F3EC; }

.sp-online__txt { flex: 1; display: flex; flex-direction: column; gap: 10px; }
.gn .sp-online h2 { color: #FFFFFF; font-size: 32px; }
.gn .sp-online p { margin: 0; font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); }
.gn .sp-online .hy-btn-white { --fill: #F27348; --fill-text: #FFFFFF; box-shadow: none !important; flex: none; }
.gn .sp-online .hy-btn-white:hover, .gn .sp-online .hy-btn-white:focus-visible, .gn .sp-online .hy-btn-white:hover span, .gn .sp-online .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
.sp-online :focus-visible { outline-color: #FFFFFF; }
@media (max-width: 849px) { .sp-online__box { flex-direction: column; align-items: flex-start; } }
@media (max-width: 549px) { .sp-online__box { border-radius: 22px; padding: 26px 22px; gap: 20px; } .gn .sp-online h2 { font-size: 26px; } .gn .sp-online p { font-size: 16px; } .sp-online .button { width: 100%; }  }

/* 4. CTA — ανοιχτό Sage 50/50 με φωτογραφία */

.gn .sp-card__btn { box-shadow: inset 0 0 0 1px rgba(38, 71, 58, .18) !important; } .gn .sp-card__btn:hover, .gn .sp-card__btn:focus-visible { box-shadow: none !important; }
 /* υπηρεσίες: chips σε μία σειρά που κυλάει (κινητό/tablet) */
.sp-list .sx-head { margin-bottom: 32px; }
/* ΥΠΗΡΕΣΙΕΣ · εισαγωγή: η 2η πρόταση πάντα σε νέα γραμμή (laptop/desktop) και τονισμένη σε κοραλί */
.sp-head__accent { color: #F27348; font-weight: 600; }
@media (min-width: 1100px) { .sp-head__accent { display: block; } }
/* ΥΠΗΡΕΣΙΕΣ · ζώνη online ως banner με φωτογραφία (γραφείο με laptop) + διαβάθμιση Pine από αριστερά */
.sp-online__box { position: relative; overflow: hidden; isolation: isolate; min-height: 340px; align-items: center; }
.sp-online__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 55%; z-index: -2; }
.sp-online__box::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(38, 71, 58, .96) 0%, rgba(38, 71, 58, .9) 42%, rgba(38, 71, 58, .45) 72%, rgba(38, 71, 58, .2) 100%); }
.sp-online__txt { max-width: 620px; }
@media (max-width: 849px) {
  .sp-online__box { min-height: 0; padding-top: 220px; }
  .sp-online__box::before { background: linear-gradient(0deg, rgba(38, 71, 58, .97) 50%, rgba(38, 71, 58, .25) 100%); }
}
@media (max-width: 549px) { .sp-online__box { padding-top: 180px; } }
.gn .sp-online__bg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; }
.sp-online__bg { object-position: 50% 88% !important; } .sp-online__box::before { background: linear-gradient(90deg, rgba(38,71,58,.96) 0%, rgba(38,71,58,.88) 40%, rgba(38,71,58,.3) 68%, rgba(38,71,58,0) 100%) !important; } @media (max-width: 849px) { .sp-online__box::before { background: linear-gradient(0deg, rgba(38,71,58,.97) 50%, rgba(38,71,58,.15) 100%) !important; } .sp-online__bg { object-position: 50% 80% !important; } }
/* ΥΠΗΡΕΣΙΕΣ · banner online: χωρίς διαβάθμιση & εικονίδιο · τίτλος/κείμενο/κουμπί στο κέντρο, το ένα κάτω από το άλλο
   (ενιαίο, ελαφρύ σκούρο φίλτρο στη φωτογραφία μόνο για να διαβάζονται τα λευκά γράμματα) */
.sp-online__box { flex-direction: column !important; justify-content: center; align-items: center !important; text-align: center; gap: 24px !important; min-height: 380px; padding-top: clamp(40px, 5vw, 72px) !important; padding-bottom: clamp(40px, 5vw, 72px) !important; }
.sp-online__box::before { background: rgba(38, 71, 58, .62) !important; }
.sp-online__txt { flex: none; align-items: center; max-width: 720px; }
.sp-online__bg { object-position: 50% 70% !important; }
@media (max-width: 849px) { .sp-online__box { padding-top: 48px !important; min-height: 0; } .sp-online__box::before { background: rgba(38, 71, 58, .62) !important; } }
@media (max-width: 549px) { .sp-online__box { padding: 40px 22px !important; } }
.sp-online__bg { object-position: 50% 55% !important; }
.gn .sp-online h2 { font-size: 40px !important; } @media (max-width: 849px) { .gn .sp-online h2 { font-size: 34px !important; } } @media (max-width: 549px) { .gn .sp-online h2 { font-size: 28px !important; } } 
/* banner online: αποστάσεις όπως στα hero (τίτλος→κείμενο 22 · κείμενο→κουμπί 32) · ελαφρύ μαύρο overlay */
.sp-online__box { gap: 32px !important; }
.sp-online__txt { gap: 22px !important; }
.gn .sp-online__txt > * { margin: 0 !important; }
.sp-online__box::before { background: rgba(0, 0, 0, .38) !important; }
@media (max-width: 549px) { .sp-online__box { gap: 22px !important; } .sp-online__txt { gap: 16px !important; } }
/* ΥΠΗΡΕΣΙΕΣ · σημείωμα «Δωρεάν κλήση γνωριμίας» στο hero (glass κάψουλα, ανοίγει το pop-up ραντεβού) */
.sp-free { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; margin: 0; padding: 6px 8px 6px 6px; border-radius: 999px; cursor: pointer; text-align: left;
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  font-family: var(--f-text); font-size: 16px; line-height: 1.35; color: rgba(242, 243, 236, .9); text-transform: none; letter-spacing: 0; min-height: 0; transition: background-color .3s ease; }
.sp-free:hover, .sp-free:focus-visible { background: rgba(255, 255, 255, .12); }
.sp-free__tag { flex: none; padding: 6px 12px; border-radius: 999px; background: #A7AE37; color: #26473A; font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.sp-free__txt strong { color: #FFFFFF; font-weight: 600; }
.sp-free__go { flex: none; width: 30px; height: 30px; border-radius: 50%; background: #F27348; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; transition: transform .3s ease; }
.sp-free__go .gn-icon { width: 14px; height: 14px; }
.sp-free:hover .sp-free__go { transform: translateX(3px); }
.sp-free:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
@media (max-width: 549px) { .sp-free { border-radius: 20px; align-items: flex-start; padding: 10px; font-size: 15px; flex-wrap: wrap; } .sp-free__txt { flex: 1 1 60%; } .sp-free__go { margin-left: auto; } }
@media (min-width: 1100px) { .sp-online__txt { max-width: 900px !important; } }
/* ΥΠΗΡΕΣΙΕΣ · badge «Δωρεάν κλήση γνωριμίας» πάνω από το glass κουτί, δεξιά · link τηλεφώνου */
.sp-hero .is-hero__side { flex-direction: column; align-items: flex-end; justify-content: center; gap: 16px; }
.sp-hero .is-hero__side .sp-gain { width: 100%; }
.sp-free { text-decoration: none; }
.sp-free__txt strong { white-space: nowrap; }
.sp-free__go .gn-icon { width: 15px; height: 15px; }
@media (max-width: 1099px) { .sp-hero .is-hero__side { align-items: stretch; } .sp-hero .sp-free { align-self: flex-start; } }
@media (max-width: 549px) { .sp-free { flex-wrap: nowrap; align-items: center; border-radius: 999px; } .sp-free__txt { flex: 1 1 auto; } }
.sp-hero .is-hero__side .sp-free { align-self: stretch; width: 100%; max-width: 520px; } .sp-free__txt { flex: 1; } @media (max-width: 1099px) { .sp-hero .is-hero__side .sp-free { max-width: none; } } /* badge: ίδιο πλάτος με το glass κουτί */
@media (min-width: 1100px) { .sp-hero .is-hero__box { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important; } .sp-hero .is-hero__side .sp-free, .sp-hero .sp-gain { max-width: 610px; } .sp-hero .sp-free__txt { white-space: nowrap; } } /* badge σε μία γραμμή */
@media (max-width: 1399px) { .sp-hero .sp-free__txt { white-space: normal !important; } } .sp-hero .is-hero__side .sp-free, .sp-hero .is-hero__side .sp-gain { width: 100% !important; box-sizing: border-box; }
@media (min-width: 1100px) { .sp-hero .is-hero__side .sp-free, .sp-hero .is-hero__side .sp-gain { align-self: flex-end !important; margin-left: auto; } }
.sp-hero .sp-free__txt { flex: 0 1 auto !important; } /* τηλέφωνο αμέσως μετά το κείμενο */
@media (min-width: 1400px) { .sp-hero .is-hero__side { display: grid !important; grid-template-columns: fit-content(640px); justify-content: end; align-content: center; } .sp-hero .is-hero__side .sp-free, .sp-hero .is-hero__side .sp-gain { width: 100% !important; max-width: none !important; margin: 0 !important; } } 
/* badge κλήσης: στο hover αλλάζει μόνο το «κλήση γνωριμίας» (κοραλί) και το εικονίδιο · εικονίδιο αρχικά λευκό με κοραλί τηλέφωνο, στο hover ανάποδα */
.gn .sp-free, .gn .sp-free:hover, .gn .sp-free:focus-visible { color: rgba(242, 243, 236, .9) !important; }
.gn .sp-free:hover .sp-free__txt, .gn .sp-free:focus-visible .sp-free__txt { color: rgba(242, 243, 236, .9) !important; }
.sp-free__txt strong { transition: color .3s ease; }
.gn .sp-free:hover .sp-free__txt strong, .gn .sp-free:focus-visible .sp-free__txt strong { color: #F27348 !important; }
.sp-free__go { background: #FFFFFF !important; color: #F27348 !important; transition: background-color .3s ease, color .3s ease, transform .3s ease; }
.gn .sp-free:hover .sp-free__go, .gn .sp-free:focus-visible .sp-free__go { background: #F27348 !important; color: #FFFFFF !important; transform: none; }
@media (min-width: 1100px) { .sp-hero .is-hero__box { grid-template-columns: minmax(0, 1fr) auto !important; } .sp-hero .is-hero__side { max-width: 640px; } } @media (min-width: 1100px) and (max-width: 1399px) { .sp-hero .is-hero__side { width: 440px; } } /* υπηρεσίες: φαρδύτερη στήλη κειμένου ώστε ο τίτλος να χωρά σε μία γραμμή */
@media (min-width: 1400px) and (max-width: 1699px) { .sp-hero .is-hero__side { display: flex !important; width: 460px; } .sp-hero .sp-free__txt { white-space: normal !important; } }
.sp-online__box::before { background: rgba(0, 0, 0, .5) !important; } 
/* ΥΠΗΡΕΣΙΕΣ · hero v3: δεξιά στήλη 540px (όχι στενή) · κείμενο ίδιο πλάτος με τον τίτλο */
@media (min-width: 1400px) and (max-width: 1699px) { .sp-hero .is-hero__side { width: 540px; } .sp-hero .sp-free__txt { white-space: nowrap !important; } .sp-hero .sp-free { font-size: 15px; gap: 10px; } .sp-hero .sp-free__tag { padding: 6px 10px; } }
@media (min-width: 1100px) {
  .sp-hero .is-hero__text { width: max-content; max-width: 100%; }
  .gn .sp-hero .is-hero__lead { width: 0; min-width: 100%; }
}
/* ΥΠΗΡΕΣΙΕΣ · hero v4 (τελικό για 1100–1699): δεξιά στήλη 560px (κουτί 480) · badge σε 2 γραμμές μέσα στο ίδιο πλάτος */
@media (min-width: 1100px) and (max-width: 1699px) {
  .sp-hero .is-hero__side { display: flex !important; width: 560px; }
  .sp-hero .sp-free__txt { white-space: normal !important; flex: 1 1 auto !important; }
  .sp-hero .sp-free { font-size: 16px; }
}
@media (min-width: 1100px) and (max-width: 1365px) { .sp-hero .is-hero__side { width: 480px; } }
.gn .sp-hero .sp-free, .gn .sp-hero .sp-free__txt { font-size: 14px !important; } 
/* ΥΠΗΡΕΣΙΕΣ · hero ΤΕΛΙΚΟ: ακριβώς τα ίδια πλάτη με το hero της Επικοινωνίας (στήλες 1.3fr/1fr · δεξιά κάρτα έως 560px, στοιχισμένη δεξιά) */
@media (min-width: 1100px) {
  .sp-hero .is-hero__box { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important; }
  .sp-hero .is-hero__side { display: flex !important; flex-direction: column; align-items: flex-end !important; justify-content: center; width: auto !important; max-width: none !important; }
  .sp-hero .is-hero__side .sp-free, .sp-hero .is-hero__side .sp-gain { width: 100% !important; max-width: 560px !important; margin: 0 !important; align-self: flex-end !important; }
  .sp-hero .is-hero__text { width: auto !important; }
  .gn .sp-hero .is-hero__lead { width: auto !important; min-width: 0 !important; }
  .sp-hero .sp-free__txt { white-space: nowrap !important; flex: 0 1 auto !important; }
}
@media (min-width: 1100px) and (max-width: 1399px) { .sp-hero .sp-free__txt { white-space: normal !important; } }
@media (max-width: 1099px) { .ct-next__ico { width: 46px !important; height: 46px !important; } .ct-next__ico svg { width: 21px !important; height: 21px !important; } .ct-next__go { width: 40px !important; height: 40px !important; } .ct-next__card { align-items: center !important; } } /* επικοινωνία tablet/κινητό: εικονίδια καρτών ίδιο μέγεθος με του «Πώς θα έρθεις» */
.gn .sp-hero .sp-free, .gn .sp-hero .sp-free__txt { font-size: 16px !important; } /* badge κλήσης: 16px */
.gn .sp-hero .sp-free__txt { white-space: normal !important; flex: 1 1 auto !important; }
@media (max-width: 549px) { .ct-next__card { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; } .ct-next__go { align-self: flex-start !important; } } /* επικοινωνία κινητό: εικονίδιο, κείμενο, βελάκι το ένα κάτω από το άλλο */
.gn .sp-hero .sp-free, .gn .sp-hero .sp-free__txt { font-size: 14px !important; } .gn .sp-hero .sp-free { justify-content: space-between !important; } .gn .sp-hero .sp-free__txt { flex: 1 1 auto !important; text-align: center !important; } /* badge: 14px · «Δωρεάν» αριστερά, κείμενο στο κέντρο, εικονίδιο δεξιά */
@media (min-width: 550px) { .sp-head__accent { display: block; } } 

/* =====================================================================
   ΣΕΛΙΔΑ ΥΠΗΡΕΣΙΑΣ «ΔΙΑΧΕΙΡΙΣΗ ΒΑΡΟΥΣ» v2 (/diaxeirisi-varous/) — .wv-page · ΠΡΟΤΥΠΟ υπηρεσιών
   ΙΔΙΟ σύστημα με τις άλλες σελίδες: hero .is-hero (Pine) · κενά 32/22 · padding hero 40/36 · κουτιά clamp(24px, 2.8vw, 40px)
   H2 40/34/28 · κείμενο 18/16 · radius 28/22 · βήματα .st-list της αρχικής · FAQ .fq-faq της αρχικής · ≤1099px μία στήλη
   ===================================================================== */
.wv-page .section { background: var(--ivory); }
.gn .wv-page h2 { font-family: var(--f-title); font-weight: 500 !important; letter-spacing: -.025em !important; color: var(--pine); font-size: 40px; line-height: 1.2; margin: 0; }
.gn .wv-page h3 { font-family: var(--f-title); font-weight: 500; color: var(--pine); margin: 0; }
.gn .wv-page p { font-family: var(--f-text); }
@media (max-width: 849px) { .gn .wv-page h2 { font-size: 34px; } }
@media (max-width: 549px) { .gn .wv-page h2 { font-size: 28px; } }

/* 5. ΤΙ ΘΑ ΒΡΕΙΣ / ΤΙ ΟΧΙ — 2 λευκά κουτιά 50/50 */
.gn .wv-yn { padding: 0 var(--sec-x) var(--sec-y) !important; }
.wv-yn__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.wv-yn__box { padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); display: flex; flex-direction: column; gap: 22px; }
.gn .wv-yn__box h3 { font-size: 26px; line-height: 1.25; letter-spacing: -.015em; }
.gn .wv-yn__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.wv-yn__list li { margin: 0; display: flex; align-items: flex-start; gap: 12px; font-family: var(--f-text); font-size: 18px; line-height: 1.5; color: #26473A; }
.wv-yn__list li::before { content: ""; flex: none; width: 24px; height: 24px; margin-top: 1px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 13px; }
.wv-yn__list--yes li::before { background-color: #A7AE37; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2326473A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E"); }
.wv-yn__list--no li::before { background-color: #F2F3EC; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F27348' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
@media (max-width: 849px) { .wv-yn__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) { .wv-yn__box { border-radius: 22px; padding: 26px 22px; } .gn .wv-yn__box h3 { font-size: 22px; } .wv-yn__list li { font-size: 16px; } }
/* wv: 3 στοιχεία hero σε glass (όπως Σχετικά) · FAQ τίτλος λευκός στο Pine · φωτογραφία ζυγαριάς κεντραρισμένη */

.gn .wv-page .fq-intro h2 { color: #FFFFFF; }

.sp-online__bg { object-position: 50% 50% !important; } /* banner: φωτογραφία laptop/μπολ */
.sp-online__box::before { background: rgba(0, 0, 0, .58) !important; } @media (min-width: 1100px) { .sp-online__txt { max-width: 680px !important; } } /* banner: στενότερο κείμενο, πιο σκούρο overlay */
.ct-next__ico { width: 48px !important; height: 48px !important; } .ct-next__ico svg { width: 22px !important; height: 22px !important; } .ct-next__go { width: 48px !important; height: 48px !important; } @media (max-width: 1099px) { .ct-next__ico, .ct-next__go { width: 44px !important; height: 44px !important; } } 

/* =====================================================================
   ΔΙΑΧΕΙΡΙΣΗ ΒΑΡΟΥΣ v4 — HERO «μισό-μισό» (φωτογραφία χωρίς περιθώριο) · ΚΕΦΑΛΑΙΑ με sticky φωτογραφία που αλλάζει
   ίδια τυπογραφία/κουμπιά/κενά (32/22) · padding κειμένου 40/36 · H2 40/34/28 · κείμενο 18/16 · radius 28/22
   ===================================================================== */
.wx-story { background: var(--ivory); }

/* ΚΕΦΑΛΑΙΑ */
.gn .wx-story { padding: 0 var(--sec-x) var(--sec-y) !important; scroll-margin-top: calc(var(--head-h) + 16px); }
.wx-story__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: start; }
.wx-story__media { position: sticky; top: calc(var(--head-h) + 16px); }
.wx-story__frame { position: relative; height: calc(100svh - var(--head-h) - 48px); max-height: 760px; min-height: 420px; border-radius: 28px; overflow: hidden; background: #D5DDD8; }
.wx-story__frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); transition: opacity .8s ease, transform 1.2s ease; }
.wx-story__frame img.is-on { opacity: 1; transform: none; }
.wx-story__frame img[data-ch="1"] { object-position: 60% 50%; }
.wx-story__frame img[data-ch="2"] { object-position: 50% 75%; }
.wx-story__frame img[data-ch="3"] { object-position: 50% 55%; }
.wx-story__pager { position: absolute; left: 16px; bottom: 16px; display: flex; gap: 6px; padding: 6px; border-radius: 999px; background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.wx-story__pager span { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-family: var(--f-title); font-size: 14px; font-weight: 500; color: #5C7067; transition: background-color .4s ease, color .4s ease; }
.wx-story__pager span.is-on { background: #26473A; color: #FFFFFF; }
.wx-story__chapters { display: flex; flex-direction: column; gap: 16px; }
.wx-ch { min-height: calc(100svh - var(--head-h) - 48px); padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06);
  display: flex; flex-direction: column; justify-content: center; gap: 22px; transition: border-color .5s ease, box-shadow .5s ease; }
.wx-ch.is-active { border-color: rgba(167, 174, 55, .7); box-shadow: 0 18px 40px -30px rgba(38, 71, 58, .45); }
.gn .wx-ch > * { margin: 0 !important; }
.wx-ch:nth-child(2) { background: #D5DDD8; border-color: rgba(140, 160, 150, .55); }
.wx-ch__ph { display: none; }
.gn .wx-ch__kicker { display: inline-flex; align-items: center; gap: 10px; font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #646A16; }
.wx-ch__kicker span { width: 32px; height: 32px; border-radius: 50%; background: #F27348; color: #FFFFFF; display: grid; place-items: center; letter-spacing: 0; }
.gn .wx-ch h2 { font-family: var(--f-title); font-weight: 500 !important; font-size: 40px; line-height: 1.2; letter-spacing: -.025em !important; color: #26473A; margin-bottom: -10px !important; }
.gn .wx-ch > p { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.gn .wx-inc { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.wx-inc li { margin: 0; display: flex; gap: 14px; align-items: flex-start; padding: 16px; border-radius: 20px; background: rgba(255, 255, 255, .7); }
.wx-inc li:last-child { grid-column: 1 / -1; }
.wx-inc__ico { flex: none; width: 44px; height: 44px; border-radius: 50%; background: #FFFFFF; color: #F27348; display: grid; place-items: center; }
.wx-inc__ico svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.gn .wx-inc h3 { font-family: var(--f-title); font-weight: 500; font-size: 18px; line-height: 1.3; color: #26473A; margin: 2px 0 4px; }
.gn .wx-inc p { margin: 0; font-family: var(--f-text); font-size: 16px; line-height: 1.5; color: #3D5A4F; }
.gn .wx-steps { gap: 20px; }
.gn-js .wx-steps li { opacity: 1; }
@media (max-width: 1099px) {
  .wx-story__grid { grid-template-columns: minmax(0, 1fr); }
  .wx-story__media { display: none; }
  .wx-ch { min-height: 0; }
  .wx-ch__ph { display: block; position: relative; margin: 0 0 4px; aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: #D5DDD8; }
  .wx-ch__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .wx-ch[data-ch="2"] .wx-ch__ph img { object-position: 50% 75%; }
}
@media (max-width: 849px) { .gn .wx-ch h2 { font-size: 34px; } .gn .wx-inc { grid-template-columns: minmax(0, 1fr); } .wx-inc li:last-child { grid-column: auto; } }
@media (max-width: 549px) {
  .wx-ch { border-radius: 22px; padding: 22px; gap: 18px; }
  .wx-ch__ph { border-radius: 16px; aspect-ratio: 4 / 3.2; }
  .gn .wx-ch h2 { font-size: 28px; margin-bottom: -6px !important; }
  .gn .wx-ch > p { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .wx-story__frame img { transition: none; } }
/* ΕΠΙΚΟΙΝΩΝΙΑ · κάρτες Υπηρεσίες/Ebooks: εικονίδιο ΠΑΝΩ από τον τίτλο (όλες οι συσκευές) · βελάκι δεξιά, κάτω */
.ct-next__card { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "ico ico" "txt go"; align-items: end !important; gap: 20px 24px !important; }
.ct-next__ico { grid-area: ico; }
.ct-next__txt { grid-area: txt; }
.ct-next__go { grid-area: go; align-self: end !important; }
@media (max-width: 549px) { .ct-next__card { gap: 16px !important; } }
.ct-next__card { align-items: start !important; align-content: start; } .ct-next__go { align-self: center !important; }
@media (max-width: 549px) { .au-tl__tag--year { padding: 5px 14px !important; justify-self: start; align-self: flex-start; } } 
  
 
    
/* διαχείριση βάρους: βαθμολογία Google πάνω δεξιά στη φωτογραφία (λευκή κάψουλα όπως τα chips) */

.wx-ch__kicker span { width: 38px !important; height: 38px !important; font-family: var(--f-title) !important; font-weight: 500; font-size: 14px !important; letter-spacing: 0 !important; line-height: 1; } .gn .wx-ch__kicker { gap: 12px; } 
 /* διαχείριση βάρους: κείμενο hero λίγο φαρδύτερο */
.wx-inc__ico svg { width: 22px !important; height: 22px !important; stroke-width: 1.6 !important; }
 /* διαχείριση βάρους: ύψος hero/φωτογραφίας 450px */
.fq-faq { scroll-margin-top: calc(var(--head-h) + 16px); } html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } 
/* κεφάλαια: ίδιο ύψος φωτογραφίας & κουτιού · αποστάσεις: kicker→τίτλος 22 · τίτλος→κείμενο 22 · παράγραφοι 16 */
.wx-story { --chh: clamp(420px, calc(100svh - var(--head-h) - 48px), 640px); }
.wx-story__frame { height: var(--chh) !important; max-height: none !important; min-height: 0 !important; }
.wx-story__media { top: calc((100svh - var(--chh) + var(--head-h)) / 2) !important; }
.wx-ch { min-height: var(--chh) !important; gap: 22px !important; }
.gn .wx-ch h2 { margin-bottom: 0 !important; }
.gn .wx-ch > p + p { margin-top: -6px !important; }
@media (max-width: 1099px) { .wx-ch { min-height: 0 !important; } }
.wx-story__media { top: max(120px, calc((100svh - var(--chh)) / 2)) !important; } 
/* κεφάλαιο «Τι περιλαμβάνει»: τίτλος→λίστα 32 · κάρτες με ίσο εσωτερικό padding 20 · εικονίδιο στοιχισμένο με τον τίτλο */
.gn .wx-ch .wx-inc, .gn .wx-ch .wx-steps { margin-top: 10px !important; }
.gn .wx-inc { gap: 12px !important; }
.wx-inc li { padding: 20px !important; gap: 16px !important; align-items: flex-start; }
.wx-inc__ico { width: 46px !important; height: 46px !important; margin-top: -2px; }
.gn .wx-inc h3 { margin: 0 0 6px !important; line-height: 1.3; }
.wx-inc li > div { padding-top: 10px; }
@media (max-width: 549px) { .wx-inc li { padding: 16px !important; gap: 12px !important; } .wx-inc__ico { width: 40px !important; height: 40px !important; } .wx-inc li > div { padding-top: 8px; } }
/* κεφάλαιο «Πώς δουλεύουμε»: βήματα με ίσες αποστάσεις, τίτλος βήματος στοιχισμένος με τον κύκλο, 6px τίτλος→κείμενο */
.gn .wx-steps { gap: 24px !important; }
.wx-steps li { align-items: start !important; }
.gn .wx-steps h3 { margin: 9px 0 6px !important; line-height: 1.3; }
.gn .wx-steps p { line-height: 1.55; }
/* ΔΙΑΧΕΙΡΙΣΗ ΒΑΡΟΥΣ · «Τι δεν / Τι θα βρεις» στο στυλ των βημάτων των Ιστοριών: ανοιχτό κουτί → κοραλί κουτί, με λαχανί «σπινθήρα» ανάμεσα */
.wv-yn__grid--flow { position: relative; gap: 20px !important; }
.wv-yn__box--no { background: #FFFFFF; }
.wv-yn__box--yes { background: #F27348; border-color: #F27348; }

.wv-yn__box--yes .wv-yn__list li { color: #FFFFFF; }
.wv-yn__box--yes .wv-yn__list--yes li::before { background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F27348' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E"); }
.wv-yn__box--no .wv-yn__list li { color: #4F635A; }
.wv-yn__swap { position: absolute; left: 50%; top: 50%; z-index: 2; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; background: #A7AE37; color: #26473A;
  display: grid; place-items: center; box-shadow: 0 0 0 6px var(--ivory); }
.wv-yn__swap svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 849px) { .wv-yn__swap { top: 50%; } }
/* «Τι δεν / Τι θα βρεις»: τίτλοι σε Google Sans 26px (όπως h3 κουτιών) · εικονίδιο «φυτράκι» (νέα συνήθεια που μεγαλώνει) */
.gn .wv-yn__title { margin: 0; font-family: var(--f-title); font-weight: 500; font-size: 26px; line-height: 1.25; letter-spacing: -.015em; color: #26473A; }
.wv-yn__box--yes .wv-yn__title, .wv-yn__box--yes .wv-yn__title span { color: #FFFFFF; }
.wv-yn__box--yes .wv-yn__title span { text-decoration: underline; text-decoration-color: rgba(255,255,255,.55); text-decoration-thickness: 2px; text-underline-offset: 6px; }
.wv-yn__box { gap: 24px !important; }
@media (max-width: 549px) { .gn .wv-yn__title { font-size: 22px; } }
.wv-page .fq-grid { align-items: stretch; } .wv-page .fq-intro { position: static; justify-content: center; } 
/* «Τι θα βρεις εδώ»: λευκός τίτλος · «εδώ» σε λαχανί κάψουλα με λευκά γράμματα 18px · εικονίδιο μήλο (όπως το λογότυπο) */
.gn .wv-page .wv-yn__box--yes .wv-yn__title { color: #FFFFFF !important; }
.gn .wv-yn__box--yes .wv-yn__title span { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; margin-left: 4px; border-radius: 999px; background: #A7AE37; color: #FFFFFF !important;
  font-size: 18px; text-decoration: none !important; vertical-align: 3px; }
.wv-yn__swap svg { width: 24px; height: 24px; }
/* διαχείριση βάρους: ΙΔΙΟ, μικρότερο μέγεθος (40px) για εικονίδια «Τι περιλαμβάνει» και κύκλους βημάτων · τίτλοι στοιχισμένοι στο κέντρο του κύκλου */
.wx-inc__ico { width: 40px !important; height: 40px !important; margin-top: 0 !important; }
.wx-inc__ico svg { width: 19px !important; height: 19px !important; }
.wx-inc li > div { padding-top: 7px !important; }
.wx-steps li { grid-template-columns: 40px minmax(0, 1fr) !important; gap: 16px !important; }
.wx-steps .st-num { width: 40px !important; height: 40px !important; font-size: 14px !important; }
.gn .wx-steps h3 { margin: 7px 0 6px !important; }
/* «εδώ»: χωρίς φόντο, λευκό, με «χειρόγραφη» υπογράμμιση (καμπύλη γραμμή σαν πινελιά) */
.gn .wv-yn__box--yes .wv-yn__title span { display: inline-block !important; height: auto !important; padding: 0 2px 8px !important; margin-left: 0 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C 25 4, 50 3, 70 6 S 105 11, 117 5' fill='none' stroke='%23FFFFFF' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") bottom / 100% 12px no-repeat !important;
  border-radius: 0 !important; color: #FFFFFF !important; font-size: inherit !important; vertical-align: baseline !important; }

/* ΔΙΑΧΕΙΡΙΣΗ ΒΑΡΟΥΣ · ΚΙΝΗΣΗ (στο ύφος των άλλων σελίδων: άνοιγμα σελίδας, hero κλιμακωτά, εμφανίσεις στο scroll)
   + κεφάλαια: τα στοιχεία κάθε κεφαλαίου μπαίνουν ένα-ένα όταν φτάσει · κάρτες/βήματα κλιμακωτά · ναι/όχι από τα πλάγια · καρδιά «πάλλεται» */
.gn-js .wx-story__media[data-reveal="clip"] { opacity: 1; transform: none !important; }
.gn-js .wx-story__media[data-reveal="clip"] .wx-story__frame { clip-path: inset(0 100% 0 0 round 28px); transition: clip-path 1.2s cubic-bezier(.65, 0, .35, 1) .1s; }
.gn-js .wx-story__media.is-in .wx-story__frame { clip-path: inset(0 0 0 0 round 28px); }
.gn-js .wx-ch > * { opacity: 0; transform: translateY(14px); transition: opacity .7s var(--m-ease), transform .7s var(--m-ease); }
.gn-js .wx-ch.is-in > * { opacity: 1; transform: none; }
.gn-js .wx-ch.is-in > :nth-child(2) { transition-delay: .08s; } .gn-js .wx-ch.is-in > :nth-child(3) { transition-delay: .16s; }
.gn-js .wx-ch.is-in > :nth-child(4) { transition-delay: .24s; } .gn-js .wx-ch.is-in > :nth-child(5) { transition-delay: .32s; }
.gn-js .wx-ch .wx-inc li, .gn-js .wx-ch .wx-steps li { opacity: 0; transform: translateY(12px); transition: opacity .6s var(--m-ease), transform .6s var(--m-ease), background-color .3s ease; }
.gn-js .wx-ch.is-active .wx-inc li, .gn-js .wx-ch.is-active .wx-steps li, .gn-js .wx-ch.was-active .wx-inc li, .gn-js .wx-ch.was-active .wx-steps li { opacity: 1; transform: none; }
.gn-js .wx-ch.is-active li:nth-child(1) { transition-delay: .1s; } .gn-js .wx-ch.is-active li:nth-child(2) { transition-delay: .2s; }
.gn-js .wx-ch.is-active li:nth-child(3) { transition-delay: .3s; } .gn-js .wx-ch.is-active li:nth-child(4) { transition-delay: .4s; }
.gn-js .wx-ch.is-active li:nth-child(5) { transition-delay: .5s; }
.gn-js .wx-ch .wx-steps .st-num { transform: scale(.6); transition: transform .5s cubic-bezier(.34, 1.56, .64, 1); }
.gn-js .wx-ch.is-active .wx-steps .st-num, .gn-js .wx-ch.was-active .wx-steps .st-num { transform: scale(1); }
.wx-inc li:hover { background: #FFFFFF; }
.wx-inc li:hover .wx-inc__ico { background: #F27348; color: #FFFFFF; }
.wx-inc__ico { transition: background-color .3s ease, color .3s ease; }
@keyframes wvBeat { 0%, 100% { transform: scale(1); } 15% { transform: scale(1.12); } 30% { transform: scale(1); } 45% { transform: scale(1.08); } }
.wv-yn__swap.is-in svg { animation: wvBeat 2.4s ease-in-out .8s infinite; }
@media (max-width: 1099px) { .gn-js .wx-ch .wx-inc li, .gn-js .wx-ch .wx-steps li { opacity: 1; transform: none; } .gn-js .wx-ch .wx-steps .st-num { transform: none; } }
@media (prefers-reduced-motion: reduce) { .wx-ch > *, .wx-ch li, .wx-story__frame, .wx-steps .st-num, .wv-yn__swap svg { opacity: 1 !important; transform: none !important; clip-path: none !important; animation: none !important; } }
.gn-js .wx-story__media[data-reveal="clip"], .gn-js .wx-story__media[data-reveal="clip"].is-in { background-color: transparent !important; } /* κεφάλαια: χωρίς πράσινο φόντο πίσω από τη φωτογραφία */
.wx-story__frame img[data-ch] { object-position: 50% 50% !important; } .au-hero__photo2 img { object-position: 50% 50%; } 

/* =====================================================================
   ΣΕΛΙΔΕΣ EBOOKS (/ebooks/ + 2 σελίδες ebook) — .ek-page
   hero: λίστα = στήσιμο «Σχετικά» (au-hero au-hv-c) · σελίδα ebook = is-hero με εξώφυλλο
   κενά 32/22 · κουτιά clamp(24px, 2.8vw, 40px) · H2 40/34/28 · κείμενο 18/16 · radius 28/22 · ≤1099px μία στήλη
   ===================================================================== */
.ek-page .section { background: var(--ivory); }
.gn .ek-page h2 { font-family: var(--f-title); font-weight: 500 !important; letter-spacing: -.025em !important; color: var(--pine); font-size: 40px; line-height: 1.2; margin: 0; }
.gn .ek-page h3 { font-family: var(--f-title); font-weight: 500; color: var(--pine); margin: 0; }
.gn .ek-page p { font-family: var(--f-text); }
@media (max-width: 849px) { .gn .ek-page h2 { font-size: 34px; } }
@media (max-width: 549px) { .gn .ek-page h2 { font-size: 28px; } }
.ek-hero .au-hero__photo img { object-position: 50% 60%; } .ek-hero .au-hero__photo2 img { object-position: 50% 40%; }

/* λίστα: 2 κάρτες */
.gn .ek-list { padding: 0 var(--sec-x) var(--sec-y) !important; }
.gn .ek-list .sx-head p { max-width: 46em; margin-left: auto !important; margin-right: auto !important; }
.ek-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ek-card { display: flex; flex-direction: column; border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); overflow: hidden; }
.ek-card__media { display: block; position: relative; margin: 12px 12px 0; aspect-ratio: 4 / 3; border-radius: 20px; overflow: hidden; background: #F2F3EC; }
.ek-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.ek-card:hover .ek-card__media img { transform: scale(1.04); }
.ek-card__body { padding: clamp(24px, 2.8vw, 40px); display: flex; flex-direction: column; align-items: flex-start; gap: 18px; flex: 1; }
.gn .ek-card__body > * { margin: 0 !important; }
.ek-tag { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 999px; background: #A7AE37; color: #26473A; font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.ek-tag--paid { background: #F27348; color: #FFFFFF; }
.gn .ek-card h3 { font-size: 26px; line-height: 1.25; letter-spacing: -.015em; }
.ek-card h3 a { color: inherit; text-decoration: none; }
.ek-card h3 a:hover { color: #F27348; }
.ek-card h3 span { display: block; margin-top: 4px; font-size: 18px; color: #646A16; }
.gn .ek-card__body > p { font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.gn .ek-card__facts { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; }
.ek-card__facts li { margin: 0; display: inline-flex; align-items: center; gap: 8px; font-family: var(--f-text); font-size: 16px; color: #3D5A4F; }
.ek-card__facts strong { font-family: var(--f-title); font-weight: 500; color: #26473A; }
.ek-card__facts .gn-icon { width: 18px; height: 18px; color: #F27348; stroke-width: 2.4; }
.ek-card__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: auto !important; padding-top: 6px; }
.gn .ek-page .bx-btn--coral::before { background: #26473A; }
.gn .ek-page .bx-btn--coral:hover, .gn .ek-page .bx-btn--coral:focus-visible { color: #F2F3EC; }
.gn .ek-card .hy-btn-white, .gn .ek-other .hy-btn-white { box-shadow: inset 0 0 0 1px rgba(38, 71, 58, .18) !important; }
.gn .ek-card .hy-btn-white:hover span, .gn .ek-card .hy-btn-white:focus-visible span { color: #F2F3EC !important; }
@media (max-width: 1099px) { .ek-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) { .ek-card { border-radius: 22px; } .ek-card__media { margin: 8px 8px 0; border-radius: 16px; } .ek-card__body { padding: 24px 20px; } .gn .ek-card h3 { font-size: 22px; } .gn .ek-card__body > p { font-size: 16px; } .ek-card__actions, .ek-card__actions .button { width: 100%; } }

/* σελίδα ebook: hero με εξώφυλλο */
.ek-single-hero .is-hero__box { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.gn .ek-single-hero h1 { white-space: normal; }
.ek-single-hero h1 .ek-sub { display: block; margin-top: 6px; font-size: .55em; letter-spacing: -.015em; color: rgba(242, 243, 236, .75); }
.gn .ek-single-hero .ek-facts { max-width: 600px; }

.ek-cover__tag { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: 999px; background: #F27348; color: #FFFFFF;
  font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 10px 30px -18px rgba(38, 71, 58, .5); }
@media (max-width: 1099px) { .ek-single-hero .is-hero__box { grid-template-columns: minmax(0, 1fr); }  }

/* σελίδα ebook: 3 ερωτήσεις */
.gn .ek-q { padding: 0 var(--sec-x) var(--sec-y) !important; }
.gn .ek-q__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ek-q__list li { margin: 0; padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); display: flex; flex-direction: column; gap: 18px; }
.ek-q__n { width: 40px; height: 40px; border-radius: 50%; background: #A7AE37; color: #26473A; display: grid; place-items: center; font-family: var(--f-title); font-weight: 500; font-size: 14px; }
.gn .ek-q__list p { margin: 0; font-family: var(--f-title); font-weight: 500; font-size: 20px; line-height: 1.4; letter-spacing: -.01em; color: #26473A; }
.gn .ek-q__end { max-width: 46em; margin: 32px auto 0; padding: 18px 24px; border-radius: 18px; background: #D5DDD8; text-align: center; font-size: 18px; line-height: 1.6; color: #26473A; }
@media (max-width: 1099px) { .gn .ek-q__list { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) { .ek-q__list li { border-radius: 22px; padding: 22px; gap: 14px; } .gn .ek-q__list p { font-size: 18px; } .gn .ek-q__end { font-size: 16px; margin-top: 22px; } }

/* σελίδα ebook: συνταγές */
.gn .ek-rec { padding: 0 var(--sec-x) var(--sec-y) !important; }
.ek-rec__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: stretch; }
.ek-rec__text { padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #26473A; color: #F2F3EC; display: flex; flex-direction: column; justify-content: center; gap: 22px; }
.gn .ek-rec__text > * { margin: 0 !important; }
.gn .ek-rec h2 { color: #FFFFFF; }
.gn .ek-rec__text p { font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); }
.gn .ek-rec__chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ek-rec__chips li { margin: 0; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px 0 6px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); font-family: var(--f-title); font-size: 15px; font-weight: 500; color: #FFFFFF; }
.ek-rec__chips strong { width: 28px; height: 28px; border-radius: 50%; background: #A7AE37; color: #26473A; display: grid; place-items: center; font-weight: 500; font-size: 14px; }
.ek-rec__photos { display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: 1fr 1fr; gap: 16px; min-height: 480px; }
.ek-rec__photos figure { position: relative; margin: 0; border-radius: 28px; overflow: hidden; background: #D5DDD8; }
.ek-rec__photos img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ek-rec__photos figure:nth-child(2) { grid-row: span 2; grid-column: 2; }
.ek-rec__photos figure:nth-child(1) { grid-column: 1; } .ek-rec__photos figure:nth-child(3) { grid-column: 1; grid-row: 2; }
.ek-rec__photos figure:nth-child(4) { display: none; }
.gn-js .ek-rec__photos [data-reveal].is-in { background-color: #D5DDD8 !important; }
@media (max-width: 1099px) { .ek-rec__grid { grid-template-columns: minmax(0, 1fr); } .ek-rec__photos { min-height: 420px; } }
@media (max-width: 549px) { .ek-rec__text { border-radius: 22px; padding: 26px 22px; } .gn .ek-rec__text p { font-size: 16px; } .ek-rec__photos { gap: 8px; min-height: 320px; } .ek-rec__photos figure { border-radius: 18px; } }

/* σελίδα ebook: γνώμες + λήψη */
.gn .ek-get { padding: 0 var(--sec-x) var(--sec-y) !important; }
.ek-get__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; align-items: stretch; }
.ek-get__quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-content: start; }

.ek-quote { margin: 0; padding: clamp(24px, 2.8vw, 36px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); display: flex; flex-direction: column; gap: 14px; }
.ek-quote .rv-stars { display: inline-flex; gap: 3px; }
.ek-quote .rv-stars svg { width: 15px; height: 15px; fill: #F27348; }
.ek-quote blockquote { margin: 0; padding: 0; border: 0; }
.gn .ek-quote blockquote p { margin: 0; font-family: var(--f-title); font-weight: 500; font-size: 20px; line-height: 1.4; letter-spacing: -.01em; color: #26473A; font-style: normal; }
.ek-quote figcaption { font-family: var(--f-text); font-size: 15px; color: #5C7067; }
.ek-get__cta { padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #F27348; color: #FFFFFF; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 22px; }
.gn .ek-get__cta > * { margin: 0 !important; }
.gn .ek-get__cta h2 { color: #FFFFFF; }
.ek-get__cta h2 span { display: block; color: #26473A; }
.gn .ek-get__cta p { font-size: 18px; line-height: 1.6; color: #FFFFFF; }
.gn .ek-get__cta .hy-btn-white { --fill: #26473A; --fill-text: #FFFFFF; box-shadow: none !important; }
.gn .ek-get__cta .hy-btn-white:hover span, .gn .ek-get__cta .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
.ek-get__cta :focus-visible { outline-color: #FFFFFF; }
@media (max-width: 1099px) { .ek-get__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) { .ek-get__quotes { grid-template-columns: minmax(0, 1fr); } .ek-quote, .ek-get__cta { border-radius: 22px; padding: 24px 22px; } .gn .ek-quote blockquote p { font-size: 18px; } .gn .ek-get__cta p { font-size: 16px; } .ek-get__cta .button { width: 100%; } }

/* σελίδα ebook: το άλλο ebook */
.gn .ek-other { padding: 0 var(--sec-x) var(--sec-y) !important; }
.ek-other__card { display: flex; align-items: center; gap: 24px; padding: 12px 24px 12px 12px; border-radius: 28px; background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); text-decoration: none; color: #26473A;
  transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.ek-other__card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -26px rgba(38, 71, 58, .45); color: #26473A; }
.ek-other__img { position: relative; flex: none; width: 180px; aspect-ratio: 4 / 3; border-radius: 20px; overflow: hidden; background: #FFFFFF; }
.ek-other__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ek-other__txt { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.ek-other__txt small { font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #646A16; }
.ek-other__txt strong { font-family: var(--f-title); font-weight: 500; font-size: 22px; line-height: 1.3; color: #26473A; }
.ek-other__go { flex: none; width: 48px; height: 48px; border-radius: 50%; background: #F27348; color: #FFFFFF; display: grid; place-items: center; transition: transform .3s ease; }
.ek-other__go .gn-icon { width: 18px; height: 18px; }
.ek-other__card:hover .ek-other__go { transform: translateX(4px); }
@media (max-width: 549px) { .ek-other__card { flex-wrap: wrap; border-radius: 22px; padding: 10px 16px 16px 10px; gap: 14px; } .ek-other__img { width: 100%; } .gn .ek-other__txt strong { font-size: 18px; } }
/* σελίδα ebook: 3 glass στοιχεία στο hero */
.gn .ek-facts { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; margin-top: 10px !important; }
.ek-facts li { margin: 0; padding: 14px 16px; border-radius: 18px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  display: flex; flex-direction: column; gap: 2px; font-family: var(--f-text); font-size: 14px; line-height: 1.35; color: rgba(242, 243, 236, .75); }
.ek-facts strong { font-family: var(--f-title); font-weight: 500; font-size: 17px; color: #FFFFFF; }
@media (max-width: 549px) { .gn .ek-facts { grid-template-columns: minmax(0, 1fr); margin-top: 6px !important; } }
.gn .gn-acc__panel p + p { margin-top: 12px !important; } 
/* ΥΠΗΡΕΣΙΕΣ · όλη η κάρτα πατιέται (το link του «Μάθε περισσότερα» απλώνεται σε όλη την κάρτα) */
.sp-card { position: relative; cursor: pointer; }
.sp-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -26px rgba(38, 71, 58, .45); }
.sp-card:hover .sp-card__ico { background: #F27348; }
.sp-card:hover .sp-card__ico img { filter: brightness(0) invert(1); }
.sp-card__ico, .sp-card__ico img { transition: background-color .3s ease, filter .3s ease; }
.gn .sp-card:hover .sp-card__btn { box-shadow: none !important; }
.gn .sp-card:hover .sp-card__btn::before { clip-path: inset(0 0 0 0); }
.gn .sp-card:hover .sp-card__btn span { color: #F2F3EC !important; }
/* ΥΠΗΡΕΣΙΕΣ · πιο ομαλό hover στις κάρτες (μεγαλύτερη διάρκεια, απαλή καμπύλη, ίδιος ρυθμός για όλα τα στοιχεία) */
.sp-card { transition: transform .7s cubic-bezier(.22, .61, .36, 1), box-shadow .7s cubic-bezier(.22, .61, .36, 1) !important; will-change: transform; }
.sp-card:hover { transform: translateY(-3px) !important; }
.sp-card__ico, .sp-card__ico img { transition: background-color .6s ease, filter .6s ease !important; }
.gn .sp-card .sp-card__btn, .gn .sp-card .sp-card__btn span { transition: color .6s ease, box-shadow .6s ease !important; }
.gn .sp-card .sp-card__btn::before { transition: clip-path .7s cubic-bezier(.22, .61, .36, 1) !important; }
@media (prefers-reduced-motion: reduce) { .sp-card, .sp-card * { transition: none !important; } }

/* EBOOKS · κουτί άρθρα/συνταγές ίδιο με της αρχικής, σε σκούρο πράσινο */
.cb-pine .cb-inner { background: #26473A !important; border-color: #26473A !important; color: #F2F3EC; }
.cb-pine .cb-inner h2 { color: #FFFFFF !important; }
.cb-pine .cb-inner h2 .ab-hl { color: #A7AE37; }
.gn .cb-pine .cb-inner p { color: rgba(242, 243, 236, .86) !important; }
.gn .cb-pine .cb-actions .hy-btn-white { --fill: #D5DDD8; border-color: transparent !important; }
.gn .cb-pine .cb-actions .hy-btn-white:hover, .gn .cb-pine .cb-actions .hy-btn-white:focus-visible,
.gn .cb-pine .cb-actions .hy-btn-white:hover span, .gn .cb-pine .cb-actions .hy-btn-white:focus-visible span { color: #26473A !important; }
.gn .cb-pine .cb-actions .bx-btn--coral::before { background: #FFFFFF !important; }
.gn .cb-pine .cb-actions .bx-btn--coral:hover, .gn .cb-pine .cb-actions .bx-btn--coral:focus-visible { color: #26473A !important; }
.gn .cb-pine .cb-inner :focus-visible { outline-color: #FFFFFF; }
/* EBOOKS · τίτλος κουτιού ίδιος με της αρχικής (30/26/24) */
.gn .ek-page .cb-inner h2 { font-size: 30px; line-height: 1.2; letter-spacing: -.025em !important; }
@media (max-width: 849px) { .gn .ek-page .cb-inner h2 { font-size: 26px; } }
@media (max-width: 549px) { .gn .ek-page .cb-inner h2 { font-size: 24px; } }
/* EBOOKS · στο σκούρο hero το κοραλί κουμπί γεμίζει λευκό στο hover (όχι πράσινο πάνω σε πράσινο) — όπως στο «Σχετικά» */
.gn .ek-page .au-hv-c .bx-btn--coral::before, .gn .ek-page .is-hero .bx-btn--coral::before { background: #FFFFFF; }
.gn .ek-page .au-hv-c .bx-btn--coral:hover, .gn .ek-page .au-hv-c .bx-btn--coral:focus-visible,
.gn .ek-page .is-hero .bx-btn--coral:hover, .gn .ek-page .is-hero .bx-btn--coral:focus-visible { color: #26473A; }
/* EBOOK σελίδες · κάρτες ερωτήσεων: μικρότερο padding, λευκοί αριθμοί */
.ek-q__list li { padding: clamp(22px, 1.9vw, 28px); gap: 14px; }
.ek-q__n { color: #FFFFFF; }
@media (max-width: 549px) { .ek-q__list li { padding: 20px; } }
.gn .ek-q__end { max-width: none; margin-left: 0; margin-right: 0; }
/* EBOOK σελίδες · το κοραλί κουτί ξεκινά και τελειώνει μαζί με τις κάρτες γνωμών (ίδιο ύψος) */
@media (min-width: 1100px) {
  .ek-get__quotes { grid-template-rows: auto 1fr; align-content: stretch; }
  
  .ek-get__cta { margin-top: 40px; }
}
/* EBOOK σελίδες · κοραλί κουτί: τίτλος 20px, ύψος όσο οι λευκές κάρτες */
.gn .ek-get__cta h2 { font-size: 20px !important; line-height: 1.3; letter-spacing: -.01em !important; }
.ek-get__cta { gap: 14px; }
.gn .ek-quote blockquote p { font-size: 18px; line-height: 1.45; }
.gn .ek-get__cta h2 { font-size: 30px !important; line-height: 1.2; letter-spacing: -.025em !important; }
.ek-get__cta h2 span { display: inline; }
@media (max-width: 549px) { .gn .ek-get__cta h2 { font-size: 24px !important; } }
/* EBOOK σελίδες · κοραλί κουτί: η λέξη-έμφαση λευκή με χειρόγραφη υπογράμμιση (όπως «εδώ» στη Διαχείριση βάρους) */
.gn .ek-get__cta h2 span { display: inline-block; color: #FFFFFF; padding: 0 2px 8px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C 25 4, 50 3, 70 6 S 105 11, 117 5' fill='none' stroke='%23FFFFFF' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") bottom / 100% 12px no-repeat; }
/* EBOOK σελίδες · «Δες και το άλλο ebook»: σκούρο πράσινο φόντο, λευκά γράμματα */
.ek-other__card { background: #26473A; border-color: #26473A; color: #FFFFFF; }
.ek-other__card:hover { color: #FFFFFF; }
.ek-other__txt small { color: #A7AE37; }
.gn .ek-other__txt strong { color: #FFFFFF; }
.ek-other__img { background: #D5DDD8; }
.ek-other__card:focus-visible { outline: 2px solid #F27348; outline-offset: 3px; }
/* EBOOK σελίδες · γνώμες: κανονικός τίτλος ενότητας (αντί για το μικρό kicker) — κάρτες και κοραλί κουτί ίδιο ύψος */
@media (min-width: 1100px) {
  .ek-get__quotes { grid-template-rows: minmax(0, 1fr); align-content: stretch; }
  .ek-get__cta { margin-top: 0; }
}
/* EBOOK σελίδες · γνώμες + κοραλί κουτί: ίδιο (μικρότερο) padding με τις κάρτες ερωτήσεων */
.ek-quote, .ek-get__cta { padding: clamp(22px, 1.9vw, 28px); }
@media (max-width: 549px) { .ek-quote, .ek-get__cta { padding: 20px; } }
.gn .ek-single-hero h1 .ek-sub { display: block; margin-top: 12px; font-size: 16px; line-height: 1.4; letter-spacing: 0; color: #A7AE37; }
/* EBOOK σελίδες · «Δες και το άλλο ebook»: στο hover ο κύκλος του βέλους γίνεται λευκός με κοραλί βέλος */
.ek-other__go { transition: transform .3s ease, background-color .4s ease, color .4s ease; }
.ek-other__card:hover .ek-other__go, .ek-other__card:focus-visible .ek-other__go { background: #FFFFFF; color: #F27348; }
.ek-other__go { width: 40px; height: 40px; } .ek-other__go .gn-icon { width: 16px; height: 16px; }

/* EBOOK σελίδες · HERO slider: εξώφυλλο + αποσπάσματα, μικρογραφίες από κάτω */
.ek-gal { display: flex; flex-direction: column; gap: 12px; margin: var(--py) var(--px) var(--py) 0; min-width: 0; }
.ek-gal__stage { position: relative; flex: 1; min-height: 380px; border-radius: 20px; overflow: hidden; border: 8px solid #FFFFFF; background: #F2F3EC; }
.gn .ek-gal__slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .6s ease; }
.ek-gal__slide.is-on { opacity: 1; }
.ek-gal__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ek-gal__slide.is-page { background: #D5DDD8; padding: 18px; box-sizing: border-box; }
.ek-gal__slide.is-page img { object-fit: contain; filter: drop-shadow(0 12px 24px rgba(38, 71, 58, .22)); }
.ek-gal__stage .ek-cover__tag { z-index: 2; }
.ek-gal__nav { position: absolute; z-index: 2; top: 50%; translate: 0 -50%; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #26473A;
  display: grid; place-items: center; cursor: pointer; box-shadow: 0 8px 20px -12px rgba(38, 71, 58, .5); transition: background-color .4s ease, color .4s ease; }
.ek-gal__nav:hover, .ek-gal__nav:focus-visible { background: #F27348; color: #FFFFFF; }
.ek-gal__nav .gn-icon { width: 16px; height: 16px; }
.ek-gal__nav--prev { left: 12px; }
.ek-gal__nav--prev .gn-icon { transform: scaleX(-1); }
.ek-gal__nav--next { right: 12px; }
.ek-gal__thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ek-gal__thumb { position: relative; height: 84px; padding: 0; border: 3px solid rgba(255, 255, 255, .25); border-radius: 14px; overflow: hidden; background: #D5DDD8; cursor: pointer;
  opacity: .7; transition: opacity .4s ease, border-color .4s ease; }
.ek-gal__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ek-gal__thumb:hover { opacity: 1; }
.ek-gal__thumb.is-on { opacity: 1; border-color: #FFFFFF; }
.ek-gal__thumb:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
@media (max-width: 1099px) { .ek-gal { margin: 0 var(--px) var(--py); } .ek-gal__stage { flex: none; min-height: 0; aspect-ratio: 4 / 3; } }
@media (max-width: 549px) { .ek-gal__stage { border-width: 6px; border-radius: 16px; } .ek-gal__thumbs { gap: 8px; } .ek-gal__thumb { height: 58px; border-radius: 10px; } .ek-gal__nav { width: 34px; height: 34px; } }
@media (prefers-reduced-motion: reduce) { .ek-gal__slide, .ek-gal__thumb, .ek-gal__nav { transition: none; } }
/* σύνδεση ebooks: τίτλοι καρτών αρχικής ως links + «Δες όλα τα ebooks» */
.gn .eb-card h3 a { color: inherit; text-decoration: none; transition: color .4s ease; }
.gn .eb-card h3 a:hover, .gn .eb-card h3 a:focus-visible { color: #F27348; }
.gn .sx-head .sx-link { color: #26473A; font-weight: 500; text-decoration: underline; text-decoration-color: #F27348; text-decoration-thickness: 2px; text-underline-offset: 4px; white-space: nowrap; }
.gn .sx-head .sx-link:hover { color: #F27348; }
.gn .wx-story ~ .ek-other, .gn .fq-faq ~ .ek-other { padding-top: 0 !important; }
/* EBOOK slider · μικρογραφίες τετράγωνες, μικρότερο κενό */
.ek-gal__thumbs { display: flex; flex-wrap: wrap; gap: 8px; }
.ek-gal__thumb { flex: none; width: 88px; height: auto; aspect-ratio: 1 / 1; border-radius: 12px; }
@media (max-width: 549px) { .ek-gal__thumb { width: 64px; height: auto; border-radius: 10px; } }
.gn .ek-gal__thumb, .gn .ek-gal__nav { margin: 0 !important; min-height: 0; }
/* EBOOK slider · μικρογραφίες στο ύψος των glass στοιχείων (74px) και στοίχιση: πάνω με τη διαδρομή, κάτω με τα glass · μεγαλύτερη κύρια φωτογραφία */
@media (min-width: 1100px) {
  .ek-gal__thumb { width: 74px; }
  .ek-gal__stage { min-height: 480px; }
  .ek-single-hero .is-hero__text { justify-content: flex-start; padding-top: var(--py) !important; padding-bottom: var(--py) !important; }
  .gn .ek-single-hero .ek-facts { margin-top: auto !important; }
}
.gn .ek-rec__text p + p { margin-top: -10px !important; }
@media (max-width: 549px) { .ek-other__card { padding: 14px 14px 22px; gap: 16px; } .ek-other__txt { padding-left: 8px; } .ek-other__go { margin-right: 8px; } }
@media (max-width: 549px) { .ek-other__txt small { font-size: 13px; letter-spacing: .05em; } }

/* =====================================================================
   ΝΟΜΙΚΕΣ ΣΕΛΙΔΕΣ (Απόρρητο · Cookies · Όροι) — απλό στήσιμο: τίτλος, περιεχόμενα sticky, κείμενο σε λευκό κουτί
   ===================================================================== */
.lg-head, .lg-body, .lg-more { background: var(--ivory); }
.gn .lg-head { padding: 0 var(--sec-x) 32px !important; }
.lg-head__in { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; padding: clamp(28px, 3vw, 48px) clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #26473A; color: #F2F3EC; }
.gn .lg-head__in > * { margin: 0 !important; }
.lg-head .au-crumbs ol { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); }
.lg-head .au-crumbs li, .lg-head .au-crumbs a { color: rgba(242, 243, 236, .75); }
.lg-head .au-crumbs a:hover, .lg-head .au-crumbs [aria-current] { color: #FFFFFF; }
.gn .lg-head h1 { font-family: var(--f-title); font-weight: 500 !important; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.2; letter-spacing: -.03em !important; color: #FFFFFF; }
.lg-head h1 em { font-style: normal; color: #A7AE37; }
.gn .lg-head__lead { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); max-width: 46em; }
.gn .lg-head__date { margin-top: -10px !important; font-family: var(--f-title); font-size: 14px; font-weight: 500; color: #A7AE37; }

.gn .lg-body { padding: 0 var(--sec-x) 32px !important; }
.lg-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 16px; align-items: start; }

.lg-doc { padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); display: flex; flex-direction: column; gap: 32px; }
.lg-sec { display: flex; flex-direction: column; gap: 12px; scroll-margin-top: calc(var(--head-h) + 16px); }
.gn .lg-sec > * { margin: 0 !important; }
.gn .lg-sec h2 { font-family: var(--f-title); font-weight: 500 !important; font-size: 24px; line-height: 1.3; letter-spacing: -.02em !important; color: #26473A; }
.gn .lg-sec p, .gn .lg-sec li { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.gn .lg-sec strong { color: #26473A; font-weight: 600; }
.gn .lg-sec a:not(.button) { color: #26473A; text-decoration: underline; text-decoration-color: #F27348; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.gn .lg-sec a:not(.button):hover { color: #F27348; }
.gn .lg-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.gn .lg-list li { position: relative; margin: 0; padding-left: 22px; }
.gn .lg-list li::before { content: ''; position: absolute; left: 4px; top: .7em; width: 8px; height: 8px; border-radius: 50%; background: #A7AE37; }

.lg-table { overflow-x: auto; border-radius: 18px; border: 1px solid #D5DDD8; }
.gn .lg-table table { width: 100%; margin: 0; border-collapse: collapse; }
.gn .lg-table th, .gn .lg-table td { padding: 14px 16px; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid #E4E9E6; font-family: var(--f-text); font-size: 16px; line-height: 1.5; color: #3D5A4F; }
.gn .lg-table th { background: #26473A; color: #FFFFFF; font-family: var(--f-title); font-weight: 500; font-size: 15px; letter-spacing: 0; text-transform: none; }
.gn .lg-table tr:last-child td { border-bottom: 0; }
.gn .lg-table tbody tr:nth-child(even) td { background: #F7F8F3; }

.lg-table:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }

.gn .lg-more { padding: 0 var(--sec-x) var(--sec-y) !important; }
.lg-more__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.lg-more__card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 24px 80px 24px 28px; border-radius: 28px; background: #26473A; color: #FFFFFF; text-decoration: none; transition: transform .5s ease, box-shadow .5s ease; }
.lg-more__card > span:first-child { font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #A7AE37; }
.lg-more__card strong { font-family: var(--f-title); font-weight: 500; font-size: 22px; line-height: 1.3; color: #FFFFFF; }
.lg-more__go { position: absolute; right: 24px; top: 50%; translate: 0 -50%; width: 40px; height: 40px; border-radius: 50%; background: #F27348; color: #FFFFFF; display: grid; place-items: center; transition: background-color .4s ease, color .4s ease; }
.lg-more__go .gn-icon { width: 16px; height: 16px; }
.lg-more__card:hover { transform: translateY(-3px); color: #FFFFFF; box-shadow: 0 18px 40px -26px rgba(38, 71, 58, .45); }
.lg-more__card:hover .lg-more__go, .lg-more__card:focus-visible .lg-more__go { background: #FFFFFF; color: #F27348; }
.lg-more__card:focus-visible { outline: 2px solid #F27348; outline-offset: 3px; }

.gn .ek-get__terms { font-size: 14px !important; line-height: 1.5; color: rgba(255, 255, 255, .9) !important; }
.gn .ek-get__terms a { color: #FFFFFF; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1099px) { .lg-grid { grid-template-columns: minmax(0, 1fr); }   }
@media (max-width: 849px) { .lg-more__row { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) {
  .gn .lg-head { padding: 0 8px 22px !important; }
  .lg-head__in { border-radius: 22px; padding: 28px 22px; }
  .gn .lg-head__lead { font-size: 16px; }
  .gn .lg-head__date { margin-top: -6px !important; }
  .gn .lg-body { padding: 0 8px 22px !important; }
  
  .lg-doc { border-radius: 22px; padding: 22px; gap: 26px; }
  .gn .lg-sec h2 { font-size: 20px; }
  .gn .lg-sec p, .gn .lg-sec li { font-size: 16px; }
  
  .gn .lg-table th, .gn .lg-table td { padding: 12px; font-size: 14px; }
  .lg-more__card { border-radius: 22px; padding: 22px 72px 22px 22px; }
  .lg-more__card strong { font-size: 18px; }
}

/* ΝΟΜΙΚΕΣ ΣΕΛΙΔΕΣ · links: έντονα σκούρο πράσινο, χωρίς κοραλί γραμμή (υπογράμμιση μόνο στο hover) */
.gn .lg-sec a:not(.button) { color: #26473A; font-weight: 600; text-decoration: none; }
.gn .lg-sec a:not(.button):hover, .gn .lg-sec a:not(.button):focus-visible { color: #26473A; text-decoration: underline; text-decoration-color: #26473A; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.lg-grid { grid-template-columns: minmax(0, 1fr) !important; }
.gn .lg-list li::before { top: calc(.8em - 4px); }
/* ΝΟΜΙΚΕΣ ΣΕΛΙΔΕΣ · κοραλί κουμπί σε λευκό κουτί: στο hover γεμίζει σκούρο πράσινο με λευκά γράμματα */
.gn .lg-sec .bx-btn--coral::before { background: #26473A !important; }
.gn .lg-sec .bx-btn--coral:hover, .gn .lg-sec .bx-btn--coral:focus-visible, .gn .lg-sec .bx-btn--coral:hover span, .gn .lg-sec .bx-btn--coral:focus-visible span { color: #FFFFFF !important; }
.lg-more__row { grid-template-columns: minmax(0, 1fr) !important; }

/* =====================================================================
   ΑΡΘΡΑ (bl-*) & ΣΕΛΙΔΑ ΑΡΘΡΟΥ (ar-*) — ίδια τυπογραφία/κουμπιά/κενά (32/22) · radius 28/22
   ===================================================================== */
.bl-hero, .bl-list, .bl-more, .ar-hero, .ar-body { background: var(--ivory); }

/* HERO λίστας: Pine κουτί, κείμενο αριστερά, φωτογραφία δεξιά με glass badge */
.gn .bl-hero { padding: 0 var(--frame) var(--sec-y) !important; }
.bl-hero__box { --px: clamp(24px, 2.8vw, 40px); --py: clamp(18px, 2.1vw, 36px); display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; border-radius: 28px; background: #26473A; color: #F2F3EC; overflow: hidden; }
.bl-hero__text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 32px; padding: var(--py) var(--px); }
.gn .bl-hero__text > * { margin: 0 !important; }
.bl-hero .au-crumbs ol, .ar-hero .au-crumbs ol { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); }
.bl-hero .au-crumbs li, .bl-hero .au-crumbs a, .ar-hero .au-crumbs li, .ar-hero .au-crumbs a { color: rgba(242, 243, 236, .75); }
.bl-hero .au-crumbs a:hover, .bl-hero .au-crumbs [aria-current], .ar-hero .au-crumbs a:hover, .ar-hero .au-crumbs [aria-current] { color: #FFFFFF; }
.gn .bl-hero h1 { font-family: var(--f-title); font-weight: 500 !important; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.2; letter-spacing: -.03em !important; color: #FFFFFF; margin-bottom: -10px !important; max-width: 14em; }
.bl-hero h1 em, .ar-hero h1 em { font-style: normal; color: #A7AE37; }
.gn .bl-hero__lead { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); max-width: 36em; }
.bl-filter { display: flex; flex-wrap: wrap; gap: 8px; }
.gn .bl-filter__btn { margin: 0; min-height: 0; height: 40px; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .06); color: #F2F3EC;
  font-family: var(--f-title); font-size: 15px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 1; cursor: pointer; transition: background-color .4s ease, color .4s ease, border-color .4s ease; }
.gn .bl-filter__btn:hover { background: rgba(255, 255, 255, .14); }
.gn .bl-filter__btn.is-on { background: #FFFFFF; border-color: #FFFFFF; color: #26473A; }
.bl-filter__btn:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
.bl-hero__ph { position: relative; margin: var(--py) var(--px) var(--py) 0; min-height: 420px; border-radius: 20px; overflow: hidden; border: 8px solid #FFFFFF; background: #D5DDD8; }
.bl-hero__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.bl-hero__badge { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; align-items: center; gap: 12px; padding: 12px 16px 12px 12px; border-radius: 18px;
  background: rgba(38, 71, 58, .72); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, .18); color: #FFFFFF; }
.bl-hero__badge-ico { flex: none; width: 40px; height: 40px; border-radius: 50%; background: #A7AE37; color: #FFFFFF; display: grid; place-items: center; }
.bl-hero__badge-ico .gn-icon { width: 18px; height: 18px; }
.bl-hero__badge strong { display: block; font-family: var(--f-title); font-weight: 500; font-size: 17px; line-height: 1.3; }
.bl-hero__badge small { display: block; margin-top: 2px; font-family: var(--f-text); font-size: 14px; color: rgba(242, 243, 236, .8); }

/* ΚΑΡΤΕΣ ΑΡΘΡΩΝ */
.gn .bl-list { padding: 0 var(--sec-x) var(--sec-y) !important; }
.bl-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.bl-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bl-card { position: relative; display: flex; flex-direction: column; border-radius: 28px; overflow: hidden; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06);
  transition: transform .7s cubic-bezier(.22, .61, .36, 1), box-shadow .7s cubic-bezier(.22, .61, .36, 1); }
.bl-card[hidden] { display: none; }
.bl-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -28px rgba(38, 71, 58, .45); }
.bl-card__img { position: relative; display: block; aspect-ratio: 16 / 10; margin: 10px 10px 0; border-radius: 20px; overflow: hidden; background: #D5DDD8; }
.bl-card__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.22, .61, .36, 1); }
.bl-card:hover .bl-card__img img { transform: scale(1.04); }
.bl-card__body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 22px clamp(22px, 1.9vw, 28px) clamp(22px, 1.9vw, 28px); }
.gn .bl-card__body > * { margin: 0 !important; }
.gn .bl-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-family: var(--f-text); font-size: 14px; color: #5C7067; }
.bl-chip { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; font-family: var(--f-title); font-size: 13px; font-weight: 500; color: #FFFFFF; background: #26473A; }
.bl-chip--psy { background: #A7AE37; }
.gn .bl-card__t { font-family: var(--f-title); font-weight: 500 !important; font-size: 24px; line-height: 1.3; letter-spacing: -.02em !important; color: #26473A; }
.bl-card__t a { color: inherit; text-decoration: none; transition: color .4s ease; }
.bl-card__t a::after { content: ''; position: absolute; inset: 0; border-radius: 28px; }
.bl-card:hover .bl-card__t a { color: #F27348; }
.bl-card__t a:focus-visible { outline: none; }
.bl-card:focus-within { outline: 2px solid #F27348; outline-offset: 3px; }
.gn .bl-card__ex { font-family: var(--f-text); font-size: 16px; line-height: 1.6; color: #3D5A4F; }

.gn .bl-empty { margin: 16px 0 0; text-align: center; font-size: 18px; color: #3D5A4F; }
.gn .bl-more { padding: 0 var(--sec-x) var(--sec-y) !important; }
.bl-grid--3 .bl-card__t { }
.gn .bl-grid--3 .bl-card__t { font-size: 20px; }

/* ΣΕΛΙΔΑ ΑΡΘΡΟΥ · HERO */
.gn .ar-hero { padding: 0 var(--frame) 32px !important; }
.ar-hero__box { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; padding: clamp(28px, 3vw, 48px) clamp(24px, 2.8vw, 40px) clamp(110px, 12vw, 180px); border-radius: 28px; background: #26473A; color: #F2F3EC; }
.gn .ar-hero__box > * { margin: 0 !important; }
.gn .ar-hero h1 { font-family: var(--f-title); font-weight: 500 !important; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.2; letter-spacing: -.03em !important; color: #FFFFFF; max-width: 22em; }
.gn .ar-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; font-family: var(--f-text); font-size: 15px; color: rgba(242, 243, 236, .85); }
.ar-meta > span { display: inline-flex; align-items: center; gap: 8px; }
.ar-meta .gn-icon { width: 16px; height: 16px; color: #A7AE37; }
.ar-meta__who img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; object-position: 50% 15%; border: 2px solid #FFFFFF; }
.ar-cover { position: relative; margin: calc(-1 * clamp(80px, 9vw, 140px)) auto 0; width: min(100% - 2 * clamp(24px, 2.8vw, 40px), 1100px); aspect-ratio: 16 / 8; border-radius: 28px; overflow: hidden; border: 8px solid #FFFFFF; background: #D5DDD8; box-shadow: 0 24px 50px -36px rgba(38, 71, 58, .6); }
.ar-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* ΣΕΛΙΔΑ ΑΡΘΡΟΥ · ΚΕΙΜΕΝΟ */
.gn .ar-body { padding: 0 var(--sec-x) var(--sec-y) !important; }
.ar-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; max-width: 1100px; margin: 0 auto; }
.ar-doc { padding: clamp(24px, 2.8vw, 48px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); }
.gn .ar-doc > * { margin: 0 0 18px !important; }
.gn .ar-doc > *:last-child { margin-bottom: 0 !important; }
.gn .ar-doc p, .gn .ar-doc li { font-family: var(--f-text); font-size: 18px; line-height: 1.75; color: #3D5A4F; }
.gn .ar-doc > p:first-child { font-size: 20px; line-height: 1.65; color: #26473A; }
.gn .ar-doc h2 { margin-top: 36px !important; margin-bottom: 14px !important; font-family: var(--f-title); font-weight: 500 !important; font-size: 28px; line-height: 1.3; letter-spacing: -.02em !important; color: #26473A; }
.gn .ar-doc h3 { margin-top: 26px !important; margin-bottom: 10px !important; font-family: var(--f-title); font-weight: 500 !important; font-size: 22px; line-height: 1.35; color: #26473A; }
.gn .ar-doc strong { color: #26473A; font-weight: 600; }
.gn .ar-doc a:not(.button) { color: #26473A; font-weight: 600; text-decoration: none; }
.gn .ar-doc a:not(.button):hover { text-decoration: underline; text-underline-offset: 3px; }
.gn .ar-doc ul, .gn .ar-doc ol { padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.gn .ar-doc ol { counter-reset: arol; }
.gn .ar-doc li { position: relative; margin: 0; padding-left: 26px; }
.gn .ar-doc ul > li::before { content: ''; position: absolute; left: 4px; top: calc(.875em - 4px); width: 8px; height: 8px; border-radius: 50%; background: #A7AE37; }
.gn .ar-doc ol > li { counter-increment: arol; padding-left: 36px; }
.gn .ar-doc ol > li::before { content: counter(arol); position: absolute; left: 0; top: 2px; width: 26px; height: 26px; border-radius: 50%; background: #26473A; color: #FFFFFF; display: grid; place-items: center; font-family: var(--f-title); font-size: 13px; font-weight: 500; }
.gn .ar-doc blockquote { padding: 18px 22px; border: 0; border-left: 4px solid #A7AE37; border-radius: 0 18px 18px 0; background: #F2F3EC; }
.gn .ar-doc blockquote p { margin: 0; font-family: var(--f-title); font-size: 19px; color: #26473A; }

.gn .ar-note { display: flex; gap: 10px; align-items: flex-start; margin-top: 32px !important; padding: 16px 18px; border-radius: 18px; background: #D5DDD8; }
.gn .ar-note span { font-size: 15px; line-height: 1.55; color: #26473A; }
.ar-note .gn-icon { flex: none; width: 18px; height: 18px; margin-top: 2px; color: #26473A; }

/* ΣΥΝΤΑΚΤΡΙΑ — badge «Γράφει διαιτολόγος, όχι food blogger» */
.ar-author { position: sticky; top: calc(var(--head-h) + 16px); border-radius: 28px; overflow: hidden; background: #26473A; color: #F2F3EC; }
.ar-author__ph { position: relative; margin: 10px 10px 0; aspect-ratio: 4 / 3.4; border-radius: 20px; overflow: hidden; background: #D5DDD8; }
.ar-author__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; }
.ar-author__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 20px 22px 24px; }
.gn .ar-author__txt > * { margin: 0 !important; }
.ar-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 999px; background: #A7AE37; color: #FFFFFF; font-family: var(--f-title); font-size: 13px; font-weight: 500; line-height: 1.2; }
.ar-badge .gn-icon { width: 20px; height: 20px; padding: 4px; border-radius: 50%; background: #FFFFFF; color: #646A16; }
.gn .ar-author__name { margin-top: 4px !important; font-family: var(--f-title); font-weight: 500; font-size: 22px; line-height: 1.25; color: #FFFFFF; }
.gn .ar-author__role { font-family: var(--f-text); font-size: 15px; color: #A7AE37; }
.gn .ar-author__bio { font-family: var(--f-text); font-size: 16px; line-height: 1.55; color: rgba(242, 243, 236, .86); }
.ar-author__btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px !important; }
.gn .ar-author .bx-btn--coral::before { background: #FFFFFF; }
.gn .ar-author .bx-btn--coral:hover, .gn .ar-author .bx-btn--coral:focus-visible { color: #26473A; }
.ar-author :focus-visible { outline-color: #FFFFFF; }

/* responsive */
@media (max-width: 1099px) {
  .bl-hero__box { grid-template-columns: minmax(0, 1fr); }
  .bl-hero__ph { margin: 0 var(--px) var(--py); min-height: 0; aspect-ratio: 16 / 11; }
  .bl-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bl-grid--3 .bl-card:nth-child(3) { display: none; }
  .ar-grid { grid-template-columns: minmax(0, 1fr); }
  .ar-author { position: static; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
  .ar-author__ph { margin: 10px; aspect-ratio: auto; min-height: 260px; }
  .ar-author__txt { justify-content: center; padding: 24px 24px 24px 12px; }
}
@media (max-width: 849px) {
  .bl-grid, .bl-grid--3 { grid-template-columns: minmax(0, 1fr); }
  .bl-grid--3 .bl-card:nth-child(3) { display: flex; }
  .ar-cover { aspect-ratio: 16 / 10; }
}
@media (max-width: 549px) {
  .gn .bl-hero, .gn .ar-hero { padding: 0 8px 22px !important; }
  .bl-hero__box { border-radius: 22px; --px: 22px; --py: 22px; }
  .bl-hero__text { gap: 22px; }
  .gn .bl-hero h1 { margin-bottom: -6px !important; }
  .gn .bl-hero__lead { font-size: 16px; }
  .bl-hero__ph { border-width: 6px; border-radius: 16px; aspect-ratio: 4 / 4.6; }
  .bl-hero__ph img { object-position: 50% 20%; }
  .gn .bl-filter__btn { height: 36px; padding: 0 14px; font-size: 14px; }
  .gn .bl-list, .gn .bl-more, .gn .ar-body { padding: 0 8px 40px !important; }
  .bl-card { border-radius: 22px; }
  .bl-card__img { border-radius: 16px; margin: 8px 8px 0; }
  .bl-card__body { padding: 18px 20px 22px; }
  .gn .bl-card__t, .gn .bl-grid--3 .bl-card__t { font-size: 20px; }
  .ar-hero__box { border-radius: 22px; padding: 26px 22px 90px; }
  .ar-cover { margin-top: -70px; width: calc(100% - 28px); border-width: 6px; border-radius: 18px; aspect-ratio: 4 / 3; }
  .ar-doc { border-radius: 22px; padding: 22px; }
  .gn .ar-doc p, .gn .ar-doc li { font-size: 16px; }
  .gn .ar-doc > p:first-child { font-size: 18px; }
  .gn .ar-doc h2 { font-size: 22px; margin-top: 28px !important; }
  .gn .ar-doc h3 { font-size: 19px; }
  .ar-author { display: block; border-radius: 22px; }
  .ar-author__ph { margin: 8px 8px 0; aspect-ratio: 4 / 3.4; min-height: 0; }
  .ar-author__txt { padding: 18px 20px 22px; }
  .ar-author__btns, .ar-author__btns .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .bl-card, .bl-card__img img { transition: none; } }
/* ΑΡΘΡΑ · διορθώσεις: κείμενο badge λευκό, πρόσωπο ορατό, πιο χαμηλές εικόνες καρτών */
.gn .bl-hero__badge strong { color: #FFFFFF !important; }
.bl-hero__ph img { object-position: 50% 62%; }
.bl-card__img { aspect-ratio: 16 / 9; }
@media (min-width: 1100px) { .ar-author__btns { width: 100%; } .ar-author__btns .button { flex: 1 1 100%; } }
/* EBOOK slider · τα αληθινά αποσπάσματα είναι οριζόντια (16:9) με ivory φόντο: χωρίς περιθώριο/σκιά, ενώνονται με το φόντο */
.ek-gal__slide.is-page:has(img[width="1600"]) { background: #F2F3EC; padding: 0; }
.ek-gal__slide.is-page img[width="1600"] { filter: none; }
.ek-gal__thumb img[width="1600"] { object-position: 0% 50%; }
/* ΑΡΘΡΑ · tabs κατηγοριών πάνω από τις κάρτες (σε ivory φόντο, πιο ξεκάθαρα) */
.bl-tabs { justify-content: center; gap: 8px; margin: 0 0 32px; }
.gn .bl-tabs .bl-filter__btn { height: 48px; padding: 0 10px 0 22px; display: inline-flex; align-items: center; gap: 10px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .14); color: #26473A; font-size: 16px; }
.gn .bl-tabs .bl-filter__btn:hover { background: #D5DDD8; }
.gn .bl-tabs .bl-filter__btn.is-on { background: #26473A; border-color: #26473A; color: #FFFFFF; }

@media (max-width: 549px) { .bl-tabs { margin-bottom: 22px; } .gn .bl-tabs .bl-filter__btn { height: 42px; padding: 0 8px 0 16px; font-size: 14px; }  }
/* ΑΡΘΡΑ · λίστα 3 ανά σειρά (desktop), 2 (tablet), 1 (κινητό) — στο «Διάβασε ακόμα» κρύβεται η 3η κάρτα μόνο στο tablet */
@media (max-width: 1099px) { .bl-list .bl-grid--3 .bl-card:nth-child(3) { display: flex; } .bl-list .bl-grid--3 .bl-card[hidden] { display: none; } }
.bl-list .sx-head { margin-bottom: 22px; }

/* ΑΡΘΡΑ · κάρτες: κατηγορία + ημερομηνία σε μία γραμμή (ο χρόνος ανάγνωσης μένει μέσα στο άρθρο), περίληψη έως 3 γραμμές */
.bl-card__meta span:nth-child(3) { display: none; }
.gn .bl-card__ex { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* ΑΡΘΡΑ · «Διάβασε το άρθρο» ίδιο κουμπί με το «Μάθε περισσότερα» της αρχικής (πάνω από το link της κάρτας για να δουλεύει το hover) */
.gn .bl-card .bl-card__btn { position: relative; z-index: 1; margin-top: auto !important; }
.gn .bl-card__body > .bl-card__ex { margin-bottom: 6px !important; }
.gn .bl-tabs .bl-filter__btn { padding: 0 22px; }
@media (max-width: 549px) { .gn .bl-tabs .bl-filter__btn { padding: 0 16px; } }
.bl-chip { font-size: 14px; height: 30px; padding: 0 14px; } .gn .bl-card__meta { font-size: 14px; }
.gn .bl-tabs .bl-filter__btn { font-size: 18px; height: 52px; padding: 0 26px; }
@media (max-width: 549px) { .gn .bl-tabs .bl-filter__btn { font-size: 16px; height: 44px; padding: 0 18px; } }
/* ΑΡΘΡΑ · pagination (9 ανά σελίδα) στο κέντρο — ίδιες κλάσεις με το WordPress (.page-numbers) */
.bl-pages { display: flex; justify-content: center; margin-top: 32px; }
.gn .bl-pages ul.page-numbers { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
.bl-pages li { margin: 0; }
.gn .bl-pages .page-numbers:not(ul) { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .14);
  font-family: var(--f-title); font-size: 18px; font-weight: 500; color: #26473A; text-decoration: none; transition: background-color .4s ease, color .4s ease, border-color .4s ease; }
.gn .bl-pages a.page-numbers:hover, .gn .bl-pages a.page-numbers:focus-visible { background: #D5DDD8; }
.gn .bl-pages .page-numbers.current { background: #26473A; border-color: #26473A; color: #FFFFFF; }
.gn .bl-pages .page-numbers.next, .gn .bl-pages .page-numbers.prev { background: #F27348; border-color: #F27348; color: #FFFFFF; }
.gn .bl-pages a.page-numbers.next:hover, .gn .bl-pages a.page-numbers.next:focus-visible { background: #26473A; border-color: #26473A; }
.bl-pages .page-numbers .gn-icon { width: 18px; height: 18px; }
.bl-pages .page-numbers.prev .gn-icon { transform: scaleX(-1); }
.gn .bl-pages .page-numbers.is-disabled { opacity: .35; }
.bl-pages a.page-numbers:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
@media (max-width: 549px) { .bl-pages { margin-top: 22px; } .gn .bl-pages .page-numbers:not(ul) { width: 42px; height: 42px; font-size: 16px; } }
/* ΑΡΘΡΑ · κάρτες: τίτλος 24px, περιγραφή 18px (κινητό 20/16) */
.gn .bl-card__t, .gn .bl-grid--3 .bl-card__t { font-size: 24px; }
.gn .bl-card__ex { font-size: 18px; }
@media (max-width: 549px) { .gn .bl-card__t, .gn .bl-grid--3 .bl-card__t { font-size: 20px; } .gn .bl-card__ex { font-size: 16px; } }
.gn .bl-hero__lead { max-width: 44em; }
@media (max-width: 549px) { .gn .bl-hero { padding-bottom: var(--sec-y) !important; } }
/* ΑΡΘΡΑ · tabs: στο κινητό/tablet μένουν σταθερά κάτω από το sticky header όσο κάνεις scroll στη λίστα */
@media (max-width: 1099px) {
  .bl-tabs { position: sticky; top: 116px; z-index: 5; margin-left: calc(-1 * var(--sec-x)); margin-right: calc(-1 * var(--sec-x)); padding: 10px var(--sec-x); background: rgba(242, 243, 236, .94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
}
@media (max-width: 549px) {
  .bl-tabs { top: 96px; margin: 0 -8px 22px; padding: 10px 8px; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
  .bl-tabs::-webkit-scrollbar { display: none; }
  .gn .bl-tabs .bl-filter__btn { flex: none; white-space: nowrap; }
}
@media (min-width: 550px) and (max-width: 1099px) { .bl-grid, .bl-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
.gn .bl-hero__lead { max-width: 40em; }
/* ΑΡΘΡΑ · στο κινητό τα tabs γράφουν σύντομα «Όλα / Υγεία / Ψυχολογία», ώστε να χωρούν σε μία σειρά χωρίς να κόβονται */
@media (max-width: 549px) {
  .bl-tabs__pre { display: none; }
  .bl-tabs { justify-content: center; overflow: visible; }
}
/* ΑΡΘΡΟ · περιεχόμενο full width (χωρίς όριο 1100px): φωτογραφία, κείμενο + κάρτα συντάκτριας */
.ar-grid { max-width: none; grid-template-columns: minmax(0, 1fr) 380px; }
.ar-cover { width: calc(100% - 2 * clamp(24px, 2.8vw, 40px)); aspect-ratio: 16 / 7; }
@media (max-width: 1099px) { .ar-grid { grid-template-columns: minmax(0, 1fr); } .ar-cover { aspect-ratio: 16 / 9; } }
@media (max-width: 549px) { .ar-cover { width: calc(100% - 28px); aspect-ratio: 4 / 3; } }
.ar-meta__who img { object-position: 50% 50%; width: 36px; height: 36px; }
/* ΑΡΘΡΟ · κάρτα συντάκτριας πιο κοντή στο desktop, για να χωρά ολόκληρη στην οθόνη όσο μένει σταθερή στο scroll */
@media (min-width: 1100px) {
  .ar-author__ph { aspect-ratio: 16 / 10; }
  .ar-author__ph img { object-position: 30% 35%; }
  .ar-author__txt { gap: 8px; padding: 16px 20px 20px; }
  .gn .ar-author__name { font-size: 20px; margin-top: 2px !important; }
  .gn .ar-author__role { font-size: 14px; line-height: 1.4; }
  .gn .ar-author__bio { font-size: 15px; line-height: 1.5; }
  .ar-author__btns { flex-wrap: nowrap; gap: 8px; margin-top: 4px !important; }
  .gn .ar-author__btns .button { flex: 1 1 0; min-height: 44px; padding: 0 12px; font-size: 13px; }
  .ar-author { max-height: calc(100svh - var(--head-h) - 32px); overflow: auto; scrollbar-width: none; }
}
.gn .ar-hero h1 { max-width: none; }
/* ΑΡΘΡΟ · κάρτα συντάκτριας: νέα φωτογραφία, κείμενο 16px */
.ar-author__ph img { object-position: 55% 30% !important; }
.gn .ar-author__bio { font-size: 16px !important; }

/* ΑΡΘΡΟ · «Διάβασε ακόμα» ως slider: 3 κάρτες (desktop), 2 (tablet), 1 (κινητό) · βελάκια δεξιά από τον τίτλο */
.bl-more__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.gn .bl-more__head h2 { margin: 0; font-family: var(--f-title); font-weight: 500 !important; font-size: 40px; line-height: 1.2; letter-spacing: -.025em !important; color: #26473A; }
.bl-more__nav { display: flex; gap: 8px; }
.gn .bl-more__btn { margin: 0; min-height: 0; width: 48px; height: 48px; padding: 0; border-radius: 50%; border: 1px solid rgba(38, 71, 58, .14); background: #FFFFFF; color: #26473A; display: grid; place-items: center; cursor: pointer; transition: background-color .4s ease, color .4s ease, opacity .3s ease; }
.gn .bl-more__btn:hover, .gn .bl-more__btn:focus-visible { background: #26473A; color: #FFFFFF; }
.gn .bl-more__btn[disabled] { opacity: .35; pointer-events: none; }
.bl-more__btn .gn-icon { width: 18px; height: 18px; }
.bl-more__btn--prev .gn-icon { transform: scaleX(-1); }
.bl-slider { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-bottom: 4px; }
.bl-slider::-webkit-scrollbar { display: none; }
.bl-slider .bl-card { scroll-snap-align: start; }
.bl-slider:focus-visible { outline: 2px solid #F27348; outline-offset: 4px; border-radius: 28px; }
@media (max-width: 1099px) { .bl-slider { grid-auto-columns: calc((100% - 16px) / 2); } .gn .bl-more__head h2 { font-size: 34px; } }
@media (max-width: 549px) { .bl-slider { grid-auto-columns: 86%; gap: 12px; } .bl-more__head { margin-bottom: 22px; } .gn .bl-more__head h2 { font-size: 28px; } .gn .bl-more__btn { width: 42px; height: 42px; } }
@media (prefers-reduced-motion: reduce) { .bl-slider { scroll-behavior: auto; } }
/* ΑΡΘΡΑ · tabs: χωρίς επιπλέον κενό ανάμεσα στο «Διατροφή και» και την κατηγορία (το gap ήταν για τους αριθμούς που αφαιρέθηκαν) */
.gn .bl-tabs .bl-filter__btn { gap: 0; }
.bl-tabs__pre { white-space: pre; }
.ar-author__ph img { object-position: 72% 40% !important; }
/* ΑΡΘΡΟ · «Διάβασε ακόμα»: 4 κάρτες ορατές στο desktop (slider με 8 άρθρα), 2 στο tablet, 1 στο κινητό */
.ar-author__ph img { object-position: 50% 40% !important; }
.bl-slider { grid-auto-columns: calc((100% - 48px) / 4); }
.gn .bl-slider .bl-card__t { font-size: 20px; }
.gn .bl-slider .bl-card__ex { font-size: 16px; }
.bl-slider .bl-card__body { padding: 18px 20px 22px; }
@media (max-width: 1099px) { .bl-slider { grid-auto-columns: calc((100% - 16px) / 2); } }
@media (max-width: 549px) { .bl-slider { grid-auto-columns: 86%; } }
.ar-author__ph img { object-position: 40% 40% !important; }
.bl-pages[hidden] { display: none !important; }
/* ΑΡΘΡΟ · κινητό: ίσες αποστάσεις στο hero — τίτλος→στοιχεία 16, συντάκτρια σε δική της γραμμή, ημερομηνία/χρόνος από κάτω (12), 32 πριν τη φωτογραφία */
@media (max-width: 549px) {
  .gn .ar-hero h1 { margin-bottom: -6px !important; }
  .gn .ar-meta { gap: 12px 18px; }
  .ar-meta__who { flex-basis: 100%; }
  .ar-hero__box { padding-bottom: 102px; }
}
/* ΑΡΘΡΑ · κινητό/tablet: η sticky μπάρα σταματά κάτω από την τελευταία κάρτα (δεν την καλύπτει), ακριβώς πάνω από το pagination */
@media (max-width: 1099px) {
  .bl-list__wrap { padding-bottom: 80px; }
  .bl-list__wrap + .bl-pages, .bl-list .bl-pages { margin-top: 0; }
}
@media (max-width: 549px) { .bl-list__wrap { padding-bottom: 72px; } }
@media (max-width: 1099px) { .bl-list__wrap { padding-bottom: 0; } .bl-list__wrap::after { content: ''; display: block; height: 80px; } }
@media (max-width: 549px) { .bl-list__wrap::after { height: 72px; } }
.bl-list { scroll-margin-top: calc(var(--head-h) - 16px); }
#bl-list-title { scroll-margin-top: calc(var(--head-h) + 8px); }
@media (max-width: 1099px) { #bl-list-title { scroll-margin-top: 112px; } }
@media (max-width: 549px) { #bl-list-title { scroll-margin-top: 104px; } }
@media (min-width: 1100px) { #bl-list-title { scroll-margin-top: 132px; } }
/* το Flatsome βάζει ήδη scroll-padding-top 96px στο html — εδώ μόνο η διαφορά */
#bl-list-title { scroll-margin-top: 36px !important; }
@media (max-width: 1099px) { #bl-list-title { scroll-margin-top: 16px !important; } }
@media (max-width: 549px) { #bl-list-title { scroll-margin-top: 8px !important; } }
@media (max-width: 549px) { .bl-list__wrap::after { height: 22px; } }
/* sticky μπάρα: χωρίς κάτω margin (μετράει στο σημείο που σταματά) — η απόσταση από τις κάρτες μπαίνει στο grid */
@media (max-width: 1099px) { .bl-tabs { margin-bottom: 0 !important; } .bl-list__wrap .bl-grid { margin-top: 22px; } }
@media (max-width: 549px) { .gn .bl-list { padding-bottom: 50px !important; } }

/* =====================================================================
   ΣΥΝΤΑΓΕΣ (rc-*) — hero με ψηφιδωτό φωτογραφιών · αριστερά κάθετα tabs κατηγοριών, δεξιά οι συνταγές (8 ανά σελίδα)
   ===================================================================== */
.rc-hero, .rc-browse { background: var(--ivory); }
.gn .rc-hero { padding: 0 var(--frame) var(--sec-y) !important; }
.rc-hero__box { --px: clamp(24px, 2.8vw, 40px); --py: clamp(18px, 2.1vw, 36px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; border-radius: 28px; background: #26473A; color: #F2F3EC; overflow: hidden; }
.rc-hero__text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 32px; padding: var(--py) var(--px); }
.gn .rc-hero__text > * { margin: 0 !important; }
.rc-hero .au-crumbs ol { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); }
.rc-hero .au-crumbs li, .rc-hero .au-crumbs a { color: rgba(242, 243, 236, .75); }
.rc-hero .au-crumbs a:hover, .rc-hero .au-crumbs [aria-current] { color: #FFFFFF; }
.gn .rc-hero h1 { font-family: var(--f-title); font-weight: 500 !important; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.2; letter-spacing: -.03em !important; color: #FFFFFF; margin-bottom: -10px !important; }
.rc-hero h1 em { font-style: normal; color: #A7AE37; }
.gn .rc-hero__lead { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); max-width: 38em; }
.rc-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.gn .rc-hero .bx-btn--coral::before { background: #FFFFFF; }
.gn .rc-hero .bx-btn--coral:hover, .gn .rc-hero .bx-btn--coral:focus-visible { color: #26473A; }
.gn .rc-hero__badge { display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border-radius: 18px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); }
.rc-hero__badge-ico { flex: none; width: 40px; height: 40px; border-radius: 50%; background: #A7AE37; color: #FFFFFF; display: grid; place-items: center; }
.rc-hero__badge-ico .gn-icon { width: 18px; height: 18px; }
.gn .rc-hero__badge strong { display: block; font-family: var(--f-title); font-weight: 500; font-size: 17px; line-height: 1.3; color: #FFFFFF; }
.rc-hero__badge small { display: block; margin-top: 2px; font-family: var(--f-text); font-size: 14px; color: rgba(242, 243, 236, .8); }
.rc-hero__media { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); grid-template-rows: 1fr 1fr; gap: 12px; margin: var(--py) var(--px) var(--py) 0; min-height: 440px; }
.rc-hero__ph { position: relative; margin: 0; border-radius: 20px; overflow: hidden; border: 6px solid #FFFFFF; background: #D5DDD8; }
.rc-hero__ph--big { grid-row: 1 / span 2; }
.rc-hero__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rc-hero__ph--big img { object-position: 55% 50%; }

/* ΚΑΤΗΓΟΡΙΕΣ */
.gn .rc-browse { padding: 0 var(--sec-x) var(--sec-y) !important; }
.rc-browse { scroll-margin-top: 16px; }
.rc-wrap { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; align-items: start; }
.rc-tabs { position: sticky; top: calc(var(--head-h) + 16px); display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); }
.gn .rc-tab { margin: 0; min-height: 0; height: 48px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: #26473A; text-align: left; justify-content: flex-start;
  font-family: var(--f-title); font-size: 17px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 1; cursor: pointer; display: flex; align-items: center; transition: background-color .4s ease, color .4s ease; }
.gn .rc-tab:hover { background: #F2F3EC; }
.gn .rc-tab.is-on { background: #26473A; color: #FFFFFF; }
.rc-tab:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
.rc-panels { min-width: 0; }
.rc-panel { padding: clamp(22px, 1.9vw, 28px); border-radius: 28px; background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); }
.rc-panel[hidden] { display: none; }
.rc-panel:focus-visible { outline: 2px solid #F27348; outline-offset: 3px; }
.rc-panel__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; margin-bottom: 22px; }
.gn .rc-panel__head h3 { margin: 0; font-family: var(--f-title); font-weight: 500 !important; font-size: 28px; line-height: 1.2; letter-spacing: -.02em !important; color: #26473A; }
.gn .rc-panel__head p { margin: 0; font-family: var(--f-text); font-size: 16px; line-height: 1.5; color: #3D5A4F; }
.rc-subs { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 22px; }
.gn .rc-sub { margin: 0; min-height: 0; height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(38, 71, 58, .14); background: #FFFFFF; color: #26473A; font-family: var(--f-title); font-size: 15px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 1; cursor: pointer; transition: background-color .4s ease, color .4s ease; }
.gn .rc-sub:hover { background: #F2F3EC; }
.gn .rc-sub.is-on { background: #A7AE37; border-color: #A7AE37; color: #FFFFFF; }
.rc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rc-card { position: relative; display: flex; flex-direction: column; border-radius: 22px; overflow: hidden; background: #FFFFFF; transition: transform .7s cubic-bezier(.22, .61, .36, 1), box-shadow .7s cubic-bezier(.22, .61, .36, 1); }
.rc-card[hidden] { display: none; }
.rc-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -28px rgba(38, 71, 58, .45); }
.rc-card__img { position: relative; display: block; aspect-ratio: 4 / 3; margin: 8px 8px 0; border-radius: 16px; overflow: hidden; background: #F2F3EC; }
.rc-card__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.22, .61, .36, 1); }
.rc-card:hover .rc-card__img img { transform: scale(1.05); }
.rc-card__body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 18px 20px; }
.gn .rc-card__body > * { margin: 0 !important; }
.gn .rc-card__t { font-family: var(--f-title); font-weight: 500 !important; font-size: 18px; line-height: 1.3; letter-spacing: -.01em !important; color: #26473A; }
.rc-card__t a { color: inherit; text-decoration: none; transition: color .4s ease; }
.rc-card__t a::after { content: ''; position: absolute; inset: 0; border-radius: 22px; }
.rc-card:hover .rc-card__t a { color: #F27348; }
.rc-card:focus-within { outline: 2px solid #F27348; outline-offset: 3px; }
.gn .rc-card__ex { font-family: var(--f-text); font-size: 15px; line-height: 1.5; color: #3D5A4F; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gn .rc-card .rc-card__btn { position: relative; z-index: 1; margin-top: auto !important; }
.rc-pages { margin-top: 22px; }
.rc-pages[hidden] { display: none !important; }

@media (max-width: 1399px) { .rc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1099px) {
  .rc-hero__box { grid-template-columns: minmax(0, 1fr); }
  .rc-hero__media { margin: 0 var(--px) var(--py); min-height: 380px; }
  .rc-wrap { grid-template-columns: minmax(0, 1fr); }
  .rc-tabs { top: 116px; z-index: 5; flex-direction: row; overflow-x: auto; scrollbar-width: none; border-radius: 999px; padding: 6px; }
  .rc-tabs::-webkit-scrollbar { display: none; }
  .gn .rc-tab { flex: none; height: 42px; font-size: 16px; }
  .rc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 549px) {
  .gn .rc-hero { padding: 0 8px var(--sec-y) !important; }
  .rc-hero__box { border-radius: 22px; --px: 22px; --py: 22px; }
  .rc-hero__text { gap: 22px; }
  .gn .rc-hero h1 { margin-bottom: -6px !important; }
  .gn .rc-hero__lead { font-size: 16px; }
  .rc-hero__actions, .rc-hero__actions .button { width: 100%; }
  .rc-hero__media { min-height: 300px; gap: 8px; }
  .rc-hero__ph { border-width: 4px; border-radius: 14px; }
  .gn .rc-browse { padding: 0 8px var(--sec-y) !important; }
  .rc-tabs { top: 96px; border-radius: 22px; }
  .gn .rc-tab { height: 38px; padding: 0 14px; font-size: 15px; }
  .rc-panel { border-radius: 22px; padding: 16px; }
  .gn .rc-panel__head h3 { font-size: 24px; }
  .rc-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media (prefers-reduced-motion: reduce) { .rc-card, .rc-card__img img { transition: none; } }
/* ΣΥΝΤΑΓΕΣ · 3 συνταγές ανά σειρά σε όλο το πλάτος του κουτιού (desktop), 2 (tablet), 1 (κινητό) */
.rc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.gn .rc-card__t { font-size: 20px; }
.gn .rc-card__ex { font-size: 16px; }
@media (max-width: 1099px) { .rc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 549px) { .rc-grid { grid-template-columns: minmax(0, 1fr) !important; } .gn .rc-card__t { font-size: 18px; } }
/* ΣΥΝΤΑΓΕΣ · περιγραφή κατηγορίας τέρμα δεξιά, στο ύψος του τίτλου (desktop) */
@media (min-width: 850px) { .rc-panel__head { justify-content: space-between; flex-wrap: nowrap; } .gn .rc-panel__head p { text-align: right; } }
/* ΣΥΝΤΑΓΕΣ · υποκατηγορίες κάτω από το «Γλυκά» στη λίστα αριστερά (βελάκι που γυρίζει όταν ανοίγουν) */
.gn .rc-tab { justify-content: space-between; gap: 8px; }

.rc-subnav { display: flex; flex-direction: column; gap: 2px; margin: 2px 0 6px 14px; padding-left: 12px; border-left: 2px solid #D5DDD8; }
.rc-subnav[hidden] { display: none; }
.gn .rc-subnav .rc-sub { height: 38px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; text-align: left; justify-content: flex-start; display: flex; align-items: center; font-size: 15px; color: #3D5A4F; }
.gn .rc-subnav .rc-sub:hover { background: #F2F3EC; color: #26473A; }
.gn .rc-subnav .rc-sub.is-on { background: #A7AE37; color: #FFFFFF; }
.rc-sub:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
.rc-panel__sub:not(:empty)::before { content: '\B7'; margin: 0 10px; color: #8CA096; }
.rc-panel__sub { color: #646A16; }
/* tablet / κινητό: οι υποκατηγορίες εμφανίζονται ως δεύτερη σειρά κάτω από τα tabs */
@media (max-width: 1099px) {
  .rc-tabs { flex-wrap: nowrap; }
  .rc-subnav { position: absolute; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; border: 0; flex-direction: row; overflow-x: auto; scrollbar-width: none; border-radius: 999px; background: #FFFFFF; box-shadow: 0 10px 24px -18px rgba(38, 71, 58, .5); }
  .rc-subnav::-webkit-scrollbar { display: none; }
  .gn .rc-subnav .rc-sub { flex: none; white-space: nowrap; }
  .rc-tabs { overflow: visible; }
  .rc-tabs { position: sticky; }
  .rc-wrap:has(.rc-subnav:not([hidden])) .rc-panels { margin-top: 56px; }
}
/* ΣΥΝΤΑΓΕΣ · τίτλος κατηγορίας με την περιγραφή ακριβώς από κάτω (αριστερά), αντί για τέρμα δεξιά */
.rc-panel__head { flex-direction: column; align-items: flex-start; gap: 6px !important; }
@media (min-width: 850px) { .rc-panel__head { justify-content: flex-start; flex-wrap: nowrap; } .gn .rc-panel__head p { text-align: left; } }
.rc-wrap .rc-panels { margin-top: 0 !important; }
/* ΣΥΝΤΑΓΕΣ · τίτλος + περιγραφή κατηγορίας και υποκατηγορίες στο κέντρο */
.rc-panel__head { align-items: center !important; text-align: center; }
.gn .rc-panel__head p { text-align: center !important; }
.rc-subs { justify-content: center; }
/* ΣΥΝΤΑΓΕΣ · hero: το glass badge έχει το ίδιο πλάτος με τα δύο κουμπιά από πάνω */
.rc-hero__cta { display: flex; flex-direction: column; align-items: stretch; gap: 32px; width: max-content; max-width: 100%; }
.gn .rc-hero__cta > * { margin: 0 !important; }
@media (max-width: 549px) { .rc-hero__cta { width: 100%; gap: 22px; } }
/* ΑΡΘΡΑ & ΣΥΝΤΑΓΕΣ · animations: κάρτες με κλιμακωτή εμφάνιση στο scroll, συνταγές που «πέφτουν» απαλά κάθε φορά που αλλάζει κατηγορία/σελίδα */
.bl-grid > [data-reveal]:nth-child(3n+2) { transition-delay: .12s; }
.bl-grid > [data-reveal]:nth-child(3n) { transition-delay: .24s; }
.bl-slider > [data-reveal]:nth-child(2) { transition-delay: .1s; } .bl-slider > [data-reveal]:nth-child(3) { transition-delay: .2s; } .bl-slider > [data-reveal]:nth-child(4) { transition-delay: .3s; }
.rc-hero__media [data-reveal="pop"]:nth-child(2) { transition-delay: .25s; } .rc-hero__media [data-reveal="pop"]:nth-child(3) { transition-delay: .4s; }
@keyframes rcCardIn { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: none; } }
.rc-panel:not([hidden]) .rc-card:not([hidden]) { animation: rcCardIn .6s cubic-bezier(.22, .61, .36, 1) both; }
.rc-panel .rc-card:nth-child(3n+2) { animation-delay: .07s; } .rc-panel .rc-card:nth-child(3n) { animation-delay: .14s; }
@keyframes rcPanelIn { from { opacity: 0; } to { opacity: 1; } }
.rc-panel:not([hidden]) .rc-panel__head { animation: rcPanelIn .5s ease both; }
@media (prefers-reduced-motion: reduce) { .rc-panel .rc-card, .rc-panel__head { animation: none !important; } .bl-grid > [data-reveal], .bl-slider > [data-reveal] { transition-delay: 0s !important; } }
/* ΣΥΝΤΑΓΕΣ · tablet: η sticky μπάρα κατηγοριών πιο κάτω από το μενού (16px), πιο σφιχτά tabs ώστε να χωρούν, απαλό σβήσιμο στις άκρες όταν σύρεται */
@media (max-width: 1099px) {
  .rc-tabs { top: 124px; justify-content: flex-start; }
  .gn .rc-tab { padding: 0 13px; font-size: 15px; }
  .rc-tabs.is-scrollable { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); }
  .rc-tabs.is-scrollable.is-end { -webkit-mask-image: linear-gradient(90deg, transparent, #000 36px); mask-image: linear-gradient(90deg, transparent, #000 36px); }
}
@media (min-width: 800px) and (max-width: 1099px) { .rc-tabs { justify-content: center; } }
@media (max-width: 549px) { .rc-tabs { top: 104px; } }
/* ΑΡΘΡΑ · ίδια απόσταση (16px) της sticky μπάρας από το μενού με τις Συνταγές */
@media (max-width: 1099px) { .bl-tabs { top: 124px; } }
@media (max-width: 549px) { .bl-tabs { top: 104px; } }
@media (max-width: 1099px) { .rc-tabs { overflow-x: auto !important; overflow-y: hidden !important; } }
/* ΣΥΝΤΑΓΕΣ · νέα κεφαλίδα κατηγορίας: λευκή λωρίδα με εικονίδιο (κοραλί κύκλος) + τίτλος και περιγραφή αριστερά */
.rc-panel__head { flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 16px !important; text-align: left !important;
  padding: 14px 20px 14px 14px; margin-bottom: 16px !important; border-radius: 20px; background: #FFFFFF; }
.rc-panel__ico { flex: none; width: 56px; height: 56px; border-radius: 50%; background: #F27348; color: #FFFFFF; display: grid; place-items: center; }
.rc-panel__ico svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.rc-panel__txt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.gn .rc-panel__head h3 { font-size: 24px !important; }
.gn .rc-panel__head p { text-align: left !important; font-size: 16px; }
.rc-subs { justify-content: flex-start !important; margin: 0 0 16px !important; }
@media (max-width: 549px) {
  .rc-panel__head { padding: 12px 14px 12px 12px; gap: 12px !important; border-radius: 16px; }
  .rc-panel__ico { width: 46px; height: 46px; } .rc-panel__ico svg { width: 22px; height: 22px; }
  .gn .rc-panel__head h3 { font-size: 20px !important; } .gn .rc-panel__head p { font-size: 14px; line-height: 1.45; }
}
/* ΣΥΝΤΑΓΕΣ · κατηγορίες: wrapper .rc-nav (sticky) · στο κινητό dropdown που δείχνει την τρέχουσα κατηγορία */
.rc-nav { position: sticky; top: calc(var(--head-h) + 16px); z-index: 6; align-self: start; }
.rc-nav .rc-tabs { position: static !important; }
.rc-dd { display: none; }
@media (max-width: 1099px) { .rc-nav { top: 124px; } }
@media (max-width: 549px) {
  .rc-nav { top: 104px; }
  .gn .rc-dd { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 0; height: 56px; margin: 0; padding: 0 18px; border: 1px solid rgba(38, 71, 58, .1); border-radius: 18px; background: #FFFFFF; color: #26473A; text-align: left; letter-spacing: 0; text-transform: none; line-height: 1; cursor: pointer; box-shadow: 0 10px 24px -20px rgba(38, 71, 58, .5); }
  .rc-dd__k { font-family: var(--f-text); font-size: 14px; color: #5C7067; }
  .rc-dd__v { flex: 1; font-family: var(--f-title); font-size: 17px; font-weight: 500; color: #26473A; }
  .rc-dd__chev { width: 18px; height: 18px; transition: transform .4s ease; }
  .rc-dd[aria-expanded="true"] .rc-dd__chev { transform: rotate(180deg); }
  .rc-dd:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
  .rc-nav .rc-tabs { display: none; position: absolute !important; left: 0; right: 0; top: calc(100% + 6px); flex-direction: column; overflow: visible !important; padding: 8px; border-radius: 18px; -webkit-mask-image: none !important; mask-image: none !important; box-shadow: 0 18px 40px -20px rgba(38, 71, 58, .45); }
  .rc-nav.is-open .rc-tabs { display: flex; }
  .gn .rc-nav .rc-tab { height: 44px; padding: 0 14px; font-size: 16px; justify-content: flex-start; }
}
/* ΣΥΝΤΑΓΕΣ · dropdown: «Κατηγορία» και τρέχουσα κατηγορία με ίδια γραμματοσειρά και μέγεθος */
@media (max-width: 549px) { .rc-dd__k, .rc-dd__v { font-family: var(--f-title) !important; font-size: 16px !important; font-weight: 500; } .rc-dd__k { color: #8CA096 !important; } }
@media (max-width: 549px) { .rc-dd__k::after { content: "\2192"; margin-left: 8px; color: #F27348; font-family: var(--f-text); } .gn .rc-dd { gap: 8px; } }
@media (min-width: 550px) and (max-width: 1099px) { .rc-panel__ico { width: 46px; height: 46px; } .rc-panel__ico svg { width: 21px; height: 21px; } }
/* ΣΥΝΤΑΓΕΣ · tablet (π.χ. Asus Fold): τα tabs απλώνονται σε όλη τη μπάρα, χωρίς μεγάλο κενό δεξιά-αριστερά */
@media (min-width: 800px) and (max-width: 1099px) { .rc-tabs { justify-content: space-between !important; padding: 6px !important; } }

/* =====================================================================
   ΣΕΛΙΔΑ ΣΥΝΤΑΓΗΣ (rp-*) — hero · εισαγωγή · υλικά (τσεκάρονται) + βήματα · σερβίρισμα · slider
   ===================================================================== */
.rp-hero, .rp-intro, .rp-recipe, .rp-serve { background: var(--ivory); }
.gn .rp-hero { padding: 0 var(--frame) 32px !important; }
.rp-hero__box { --px: clamp(24px, 2.8vw, 40px); --py: clamp(18px, 2.1vw, 36px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; border-radius: 28px; background: #26473A; color: #F2F3EC; overflow: hidden; }
.rp-hero__text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 32px; padding: var(--py) var(--px); }
.gn .rp-hero__text > * { margin: 0 !important; }
.rp-hero .au-crumbs ol { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); }
.rp-hero .au-crumbs li, .rp-hero .au-crumbs a { color: rgba(242, 243, 236, .75); }
.rp-hero .au-crumbs a:hover, .rp-hero .au-crumbs [aria-current] { color: #FFFFFF; }
.gn .rp-hero h1 { font-family: var(--f-title); font-weight: 500 !important; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.2; letter-spacing: -.03em !important; color: #FFFFFF; margin-bottom: -10px !important; }
.rp-hero h1 em { font-style: normal; color: #A7AE37; }
.gn .rp-hero__lead { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: rgba(242, 243, 236, .86); max-width: 36em; }
.gn .rp-facts { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.rp-facts li { margin: 0; display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border-radius: 18px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); }
.rp-facts .gn-icon, .rp-facts .rp-ico { width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: #A7AE37; color: #FFFFFF; box-sizing: border-box; }
.rp-facts span { display: flex; flex-direction: column; font-family: var(--f-text); font-size: 14px; color: rgba(242, 243, 236, .8); }
.rp-facts strong { font-family: var(--f-title); font-weight: 500; font-size: 18px; color: #FFFFFF; }
.rp-ico { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.rp-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.gn .rp-hero .bx-btn--coral::before { background: #FFFFFF; }
.gn .rp-hero .bx-btn--coral:hover, .gn .rp-hero .bx-btn--coral:focus-visible { color: #26473A; }
.rp-hero__actions .rp-ico { width: 18px; height: 18px; margin-right: 8px; position: relative; z-index: 1; }
.rp-hero__actions [data-print] { display: inline-flex; align-items: center; }
.rp-hero__ph { position: relative; margin: var(--py) var(--px) var(--py) 0; min-height: 460px; border-radius: 20px; overflow: hidden; border: 8px solid #FFFFFF; background: #D5DDD8; }
.rp-hero__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* εισαγωγή */
.gn .rp-intro { padding: 0 var(--sec-x) var(--sec-y) !important; }
.rp-intro__box { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.gn .rp-intro__box > * { margin: 0 !important; }
.gn .rp-intro__box p { font-family: var(--f-text); font-size: 18px; line-height: 1.75; color: #3D5A4F; }
.gn .rp-intro__box a:not(.bl-chip) { color: #26473A; font-weight: 600; text-decoration: none; }
.gn .rp-intro__box a:not(.bl-chip):hover { text-decoration: underline; text-underline-offset: 3px; }
.rp-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.rp-tags .bl-chip { text-decoration: none; }
.rp-tags .bl-chip:nth-child(2) { background: #A7AE37; } .rp-tags .bl-chip:nth-child(3) { background: #F27348; }

/* κουτί συνταγής */
.gn .rp-recipe { padding: 0 var(--sec-x) var(--sec-y) !important; scroll-margin-top: 16px; }
.rp-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: start; }
.rp-ing { position: sticky; top: calc(var(--head-h) + 16px); padding: clamp(22px, 1.9vw, 28px); border-radius: 28px; background: #26473A; color: #F2F3EC; }
.gn .rp-ing h3, .gn .rp-steps h3 { margin: 0 0 18px; font-family: var(--f-title); font-weight: 500 !important; font-size: 26px; line-height: 1.2; letter-spacing: -.02em !important; }
.gn .rp-ing h3 { color: #FFFFFF; }
.rp-ing h3 span { font-size: 16px; color: #A7AE37; margin-left: 6px; letter-spacing: 0; }
.gn .rp-ing__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.rp-ing__list li { margin: 0; }
.rp-ing__list label { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; border-radius: 14px; cursor: pointer; transition: background-color .3s ease; }
.rp-ing__list label:hover { background: rgba(255, 255, 255, .06); }
.rp-ing__list input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rp-check { flex: none; width: 24px; height: 24px; margin-top: 1px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, .45); display: grid; place-items: center; transition: background-color .3s ease, border-color .3s ease; }
.rp-check .gn-icon { width: 14px; height: 14px; color: #FFFFFF; opacity: 0; transition: opacity .3s ease; }
.rp-ing__list input:checked + .rp-check { background: #A7AE37; border-color: #A7AE37; }
.rp-ing__list input:checked + .rp-check .gn-icon { opacity: 1; }
.rp-ing__list input:focus-visible + .rp-check { outline: 2px solid #F27348; outline-offset: 2px; }
.rp-ing__t { font-family: var(--f-text); font-size: 17px; line-height: 1.5; color: rgba(242, 243, 236, .92); transition: opacity .3s ease; }
.rp-ing__t strong { font-weight: 600; color: #FFFFFF; }
.rp-ing__t small { display: block; font-size: 14px; color: rgba(242, 243, 236, .65); }
.rp-ing__list input:checked ~ .rp-ing__t { opacity: .5; text-decoration: line-through; }
.gn .rp-ing__hint { margin: 14px 0 0; font-family: var(--f-text); font-size: 14px; color: rgba(242, 243, 236, .65); }
.rp-steps { padding: clamp(22px, 1.9vw, 28px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); }
.gn .rp-steps h3 { color: #26473A; }
.gn .rp-steps__list { list-style: none; margin: 0; padding: 0; counter-reset: rps; display: flex; flex-direction: column; gap: 16px; }
.rp-steps__list li { counter-increment: rps; position: relative; margin: 0; padding: 4px 0 0 60px; min-height: 44px; }
.rp-steps__list li::before { content: counter(rps); position: absolute; left: 0; top: 0; width: 44px; height: 44px; border-radius: 50%; background: #F27348; color: #FFFFFF; display: grid; place-items: center; font-family: var(--f-title); font-size: 18px; font-weight: 500; }
.rp-steps__list li:not(:last-child)::after { content: ''; position: absolute; left: 21px; top: 50px; bottom: -12px; width: 2px; background: #F2E0D8; }
.gn .rp-steps__list p { margin: 0; font-family: var(--f-text); font-size: 18px; line-height: 1.65; color: #3D5A4F; }
.rp-steps__ph { position: relative; margin: 22px 0 0; border-radius: 20px; overflow: hidden; aspect-ratio: 16 / 9; }
.rp-steps__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* σερβίρισμα */
.gn .rp-serve { padding: 0 var(--sec-x) var(--sec-y) !important; }
.rp-serve__box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; padding: 12px; border-radius: 28px; background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); }
.rp-serve__ph { position: relative; margin: 0; min-height: 320px; border-radius: 20px; overflow: hidden; }
.rp-serve__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rp-serve__txt { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; padding: clamp(16px, 2.4vw, 40px); }
.gn .rp-serve__txt > * { margin: 0 !important; }
.gn .rp-serve__txt h2 { font-family: var(--f-title); font-weight: 500 !important; font-size: 32px; line-height: 1.2; letter-spacing: -.02em !important; color: #26473A; }
.gn .rp-serve__txt p { font-family: var(--f-text); font-size: 18px; line-height: 1.65; color: #3D5A4F; }
.rp-serve__btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px !important; }

/* slider συνταγών */
.rp-slider .rc-card { scroll-snap-align: start; }
.gn .rp-more { padding: 0 var(--sec-x) var(--sec-y) !important; }
.rp-slider { grid-auto-columns: calc((100% - 32px) / 3) !important; }

@media (max-width: 1099px) {
  .rp-hero__box { grid-template-columns: minmax(0, 1fr); }
  .rp-hero__ph { margin: 0 var(--px) var(--py); min-height: 0; aspect-ratio: 16 / 10; }
  .rp-grid { grid-template-columns: minmax(0, 1fr); }
  .rp-ing { position: static; }
  .rp-serve__box { grid-template-columns: minmax(0, 1fr); }
  .rp-serve__ph { min-height: 0; aspect-ratio: 16 / 9; }
  .rp-slider { grid-auto-columns: calc((100% - 16px) / 2) !important; }
}
@media (max-width: 549px) {
  .gn .rp-hero { padding: 0 8px 22px !important; }
  .rp-hero__box { border-radius: 22px; --px: 22px; --py: 22px; }
  .rp-hero__text { gap: 22px; }
  .gn .rp-hero h1 { margin-bottom: -6px !important; }
  .gn .rp-hero__lead { font-size: 16px; }
  .rp-facts li { flex: 1 1 calc(50% - 6px); }
  .rp-hero__actions, .rp-hero__actions .button { width: 100%; }
  .rp-hero__ph { border-width: 6px; border-radius: 16px; aspect-ratio: 4 / 3; }
  .gn .rp-intro, .gn .rp-recipe, .gn .rp-serve, .gn .rp-more { padding-left: 8px !important; padding-right: 8px !important; }
  .gn .rp-intro__box p { font-size: 16px; }
  .rp-intro__box { padding: 0 8px; }
  .rp-ing, .rp-steps, .rp-serve__box { border-radius: 22px; }
  .gn .rp-ing h3, .gn .rp-steps h3 { font-size: 22px; }
  .rp-ing__t, .gn .rp-steps__list p, .gn .rp-serve__txt p { font-size: 16px; }
  .rp-steps__list li { padding-left: 52px; }
  .rp-steps__list li::before { width: 38px; height: 38px; font-size: 16px; }
  .rp-steps__list li:not(:last-child)::after { left: 18px; top: 44px; }
  .gn .rp-serve__txt h2 { font-size: 24px; }
  .rp-serve__btns, .rp-serve__btns .button { width: 100%; }
  .rp-slider { grid-auto-columns: 86% !important; }
}

/* εκτύπωση: μόνο η συνταγή */
@media print {
  .hy-header, .gn-header, header, footer, .gn-float, .rp-hero__actions, .rp-serve, .rp-more, .au-crumbs, #gn-curtain, .gn-modal { display: none !important; }
  .rp-hero__box, .rp-ing { background: #FFFFFF !important; color: #000 !important; }
  .gn .rp-hero h1, .rp-hero h1 em, .rp-facts strong, .rp-facts span, .gn .rp-ing h3, .rp-ing__t, .rp-ing__t strong { color: #000 !important; }
  .rp-hero__ph { min-height: 260px; }
  .rp-ing { position: static; border: 1px solid #ccc; }
  [data-reveal] { opacity: 1 !important; transform: none !important; clip-path: none !important; }
}
/* tablet: κείμενο hero σε όλο το πλάτος (Συνταγές, συνταγή, Άρθρα) */
@media (max-width: 1099px) { .gn .rc-hero__lead, .gn .rp-hero__lead, .gn .bl-hero__lead { max-width: none !important; } }
/* CTA κουτιά (όλο το site) · tablet έως 1099: κείμενο πάνω, κουμπιά από κάτω */
@media (min-width: 850px) and (max-width: 1099px) { .cb-inner { display: flex !important; flex-direction: column; align-items: flex-start; gap: 22px; } .cb-actions { justify-content: flex-start; } }
@media (max-width: 549px) { .gn .rc-dd { border-radius: 999px; padding: 0 20px; } }
/* ΑΡΘΡΑ · κατηγορίες όπως στις Συνταγές: tablet = λευκή μπάρα-κάψουλα sticky · κινητό = dropdown «Κατηγορία → …» */
.bl-nav { position: relative; margin: 0 0 32px; }
.bl-nav .bl-tabs { margin: 0 !important; }
@media (max-width: 1099px) {
  .bl-nav { position: sticky; top: 124px; z-index: 6; margin-bottom: 0; }
  .bl-nav .bl-tabs { position: static !important; margin: 0 !important; padding: 6px !important; background: #FFFFFF !important; -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 999px; border: 1px solid rgba(38, 71, 58, .06); box-shadow: 0 10px 24px -20px rgba(38, 71, 58, .5); justify-content: center; gap: 6px; }
  .gn .bl-nav .bl-tabs .bl-filter__btn { height: 42px; border: 0; background: transparent; font-size: 16px; }
  .gn .bl-nav .bl-tabs .bl-filter__btn:hover { background: #F2F3EC; }
  .gn .bl-nav .bl-tabs .bl-filter__btn.is-on { background: #26473A; color: #FFFFFF; }
  .bl-list__wrap .bl-grid { margin-top: 22px; }
}
@media (max-width: 549px) {
  .bl-nav { top: 104px; }
  .bl-nav .bl-tabs { display: none !important; position: absolute !important; left: 0; right: 0; top: calc(100% + 6px); flex-direction: column; align-items: stretch; border-radius: 18px !important; padding: 8px !important; box-shadow: 0 18px 40px -20px rgba(38, 71, 58, .45); overflow: visible !important; }
  .bl-nav.is-open .bl-tabs { display: flex !important; }
  .bl-nav .bl-tabs__pre { display: inline !important; }
  .gn .bl-nav .bl-tabs .bl-filter__btn { justify-content: flex-start; text-align: left; height: 44px; padding: 0 14px; border-radius: 999px; }
}
/* ΣΥΝΤΑΓΗ · εισαγωγή σε όλο το πλάτος (ίδιο με τα κουτιά από κάτω) */
.rp-intro__box { max-width: none; }
/* ΑΡΘΡΑ & ΣΥΝΤΑΓΕΣ · μπάρα / dropdown κατηγοριών σε σκούρο πράσινο (tablet + κινητό) */
@media (max-width: 1099px) {
  .rc-nav .rc-tabs, .bl-nav .bl-tabs { background: #26473A !important; border-color: #26473A !important; }
  .gn .rc-nav .rc-tab, .gn .bl-nav .bl-tabs .bl-filter__btn { color: rgba(242, 243, 236, .88); background: transparent; }
  .gn .rc-nav .rc-tab:hover, .gn .bl-nav .bl-tabs .bl-filter__btn:hover { background: rgba(255, 255, 255, .1); color: #FFFFFF; }
  .gn .rc-nav .rc-tab.is-on, .gn .bl-nav .bl-tabs .bl-filter__btn.is-on { background: #FFFFFF; color: #26473A; }
  .rc-nav .rc-tabs.is-scrollable { -webkit-mask-image: none; mask-image: none; }
}
@media (max-width: 549px) {
  .gn .rc-dd { background: #26473A !important; border-color: #26473A !important; color: #FFFFFF; }
  .rc-dd__k { color: #A7AE37 !important; }
  .rc-dd__v { color: #FFFFFF !important; }
  .rc-dd__chev { color: #FFFFFF; }
  .rc-dd:focus-visible { outline-color: #F27348; }
}
/* ΣΥΝΤΑΓΗ · υλικά ως απλή λίστα με κουκκίδες (χωρίς τσεκάρισμα — το WP Recipe Maker της Γεωργίας είναι η δωρεάν έκδοση) */
.rp-ing__list li { position: relative; padding: 9px 4px 9px 26px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.rp-ing__list li:last-child { border-bottom: 0; }
.rp-ing__list li::before { content: ''; position: absolute; left: 6px; top: calc(9px + .75em - 4px); width: 8px; height: 8px; border-radius: 50%; background: #A7AE37; }
.gn .rp-ing__list { gap: 0; }
/* ΣΥΝΤΑΓΗ · όταν το script ενεργοποιεί τα κουτάκια: χωρίς κουκκίδες, κλικ σε όλη τη γραμμή */
.rp-ing__list.is-checkable li { padding: 0; }
.rp-ing__list.is-checkable li::before { content: none; }
.rp-ing__list.is-checkable label { padding: 10px 8px; }
.gn .rp-ing__list label { font-weight: 400; margin: 0; } .gn .rp-ing__list label .rp-ing__t { font-weight: 400; } .gn .rp-ing__list label strong { font-weight: 600; }
/* ΣΥΝΤΑΓΗ · υλικά & οδηγίες ίδιο ύψος (χωρίς sticky): η φωτογραφία στις οδηγίες κόβεται ώστε να γεμίζει όσο χώρο μένει */
@media (min-width: 1100px) {
  .rp-grid { align-items: stretch; }
  .rp-ing { position: static; }
  .rp-steps { display: flex; flex-direction: column; }
  .rp-steps__ph { flex: 1 1 0; aspect-ratio: auto; min-height: 220px; }
}
/* ΣΥΝΤΑΓΗ · εισαγωγή σε δύο κουτιά: αριστερά λευκό κουτί με το κείμενο, δεξιά πράσινο κουτί με στοιχεία (κατηγορίες, ημερομηνία, έμπνευση, συντάκτρια) */
.rp-intro__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 16px; align-items: stretch; }
.rp-intro__box { max-width: none !important; margin: 0 !important; padding: clamp(22px, 2.4vw, 36px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); gap: 14px !important; justify-content: center; }
.gn .rp-kicker { font-family: var(--f-title) !important; font-size: 14px !important; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #646A16 !important; line-height: 1.3 !important; }
.rp-meta { display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.4vw, 32px); border-radius: 28px; background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); }
.rp-meta__row { display: flex; flex-direction: column; gap: 6px; padding-bottom: 14px; border-bottom: 1px solid rgba(38, 71, 58, .1); }
.gn .rp-meta__row p { margin: 0; font-family: var(--f-text); font-size: 16px; color: #26473A; }
.gn .rp-meta__row a:not(.bl-chip) { color: #26473A; font-weight: 600; text-decoration: none; }
.gn .rp-meta__row a:not(.bl-chip):hover { text-decoration: underline; text-underline-offset: 3px; }
.rp-meta__k { font-family: var(--f-title); font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #5C7067; }
.rp-meta .rp-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.rp-meta__who { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.rp-meta__who img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid #FFFFFF; }
.rp-meta__who span { display: flex; flex-direction: column; font-family: var(--f-text); font-size: 14px; color: #3D5A4F; }
.rp-meta__who strong { font-family: var(--f-title); font-weight: 500; font-size: 16px; color: #26473A; }
@media (max-width: 1099px) { .rp-intro__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) { .rp-intro__box, .rp-meta { border-radius: 22px; padding: 22px; } .rp-intro__box { padding: 22px !important; } }
@media (max-width: 549px) { .rc-subs { justify-content: center !important; } }
/* ΣΥΝΤΑΓΗ · hover λευκών κουμπιών: στο σκούρο hero γεμίζει κοραλί, στο πράσινο κουτί σερβιρίσματος σκούρο πράσινο — γράμματα & εικονίδιο πάντα λευκά */
.gn .rp-hero .hy-btn-white { --fill: #F27348; }
.gn .rp-hero .hy-btn-white:hover, .gn .rp-hero .hy-btn-white:focus-visible,
.gn .rp-hero .hy-btn-white:hover span, .gn .rp-hero .hy-btn-white:focus-visible span,
.gn .rp-hero .hy-btn-white:hover .rp-ico, .gn .rp-hero .hy-btn-white:focus-visible .rp-ico { color: #FFFFFF !important; }
.gn .rp-serve .hy-btn-white { --fill: #26473A; }
.gn .rp-serve .hy-btn-white:hover, .gn .rp-serve .hy-btn-white:focus-visible,
.gn .rp-serve .hy-btn-white:hover span, .gn .rp-serve .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
.rp-hero__actions .rp-ico { transition: color .4s ease; }
/* ΣΥΝΤΑΓΕΣ · μπάρα αναζήτησης (κάτω από τον τίτλο) */
.rc-search { position: relative; max-width: 720px; margin: 0 auto 32px; }
.rc-search__ico { position: absolute; left: 22px; top: 50%; translate: 0 -50%; width: 22px; height: 22px; fill: none; stroke: #26473A; stroke-width: 2; stroke-linecap: round; pointer-events: none; }
.gn .rc-search input { width: 100%; height: 60px; margin: 0; padding: 0 56px 0 58px; border-radius: 999px; border: 1px solid rgba(38, 71, 58, .14); background: #FFFFFF; box-shadow: 0 12px 30px -24px rgba(38, 71, 58, .5);
  font-family: var(--f-text); font-size: 17px; color: #26473A; transition: border-color .3s ease, box-shadow .3s ease; }
.gn .rc-search input::placeholder { color: #8CA096; }
.gn .rc-search input:focus { outline: none; border-color: #A7AE37; box-shadow: 0 0 0 3px rgba(167, 174, 55, .25); }
.rc-search input::-webkit-search-cancel-button { display: none; }
.gn .rc-search__clear { position: absolute; right: 10px; top: 50%; translate: 0 -50%; width: 40px; height: 40px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #F2F3EC; color: #26473A; font-size: 22px; line-height: 1; cursor: pointer; }
.gn .rc-search__clear:hover { background: #F27348; color: #FFFFFF; }
.rc-search__clear[hidden] { display: none; }
.rc-wrap.is-searching .rc-tab.is-on { background: transparent; color: inherit; }
.gn .rc-empty { margin: 8px 0 0; padding: 22px; border-radius: 20px; background: #FFFFFF; text-align: center; font-size: 16px; color: #3D5A4F; }
@media (max-width: 549px) { .rc-search { margin-bottom: 22px; } .gn .rc-search input { height: 52px; font-size: 15px; padding-left: 50px; } .rc-search__ico { left: 18px; width: 20px; height: 20px; } }
/* ΣΥΝΤΑΓΕΣ · ίσες αποστάσεις: τίτλος/κείμενο → αναζήτηση → κατηγορίες = 32 (κινητό 22) */
.gn .rc-browse .sx-head { margin-bottom: 32px !important; }
.gn .rc-search { margin: 0 auto 32px !important; }
@media (max-width: 549px) { .gn .rc-browse .sx-head { margin-bottom: 22px !important; } .gn .rc-search { margin-bottom: 22px !important; } }
/* ΣΥΝΤΑΓΕΣ · αναζήτηση: 10px πιο κοντά στο κείμενο, ίδιο πλάτος με το κείμενο από πάνω */
.gn .rc-browse .sx-head { margin-bottom: 22px !important; }
.gn .rc-browse .sx-head p { display: table; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 549px) { .gn .rc-browse .sx-head { margin-bottom: 12px !important; } }

/* =====================================================================
   ΣΕΛΙΔΕΣ ΥΠΗΡΕΣΙΩΝ (svx-*) — επιπλέον ενότητες πάνω στο πρότυπο της Διαχείρισης Βάρους
   ===================================================================== */
.svx-dual, .svx-offer, .svx-b2b, .svx-quotes { background: var(--ivory); }
.gn .svx-dual, .gn .svx-offer, .gn .svx-b2b, .gn .svx-quotes { padding: 0 var(--sec-x) var(--sec-y) !important; }
.svx-dual__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.svx-card { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); }
.gn .svx-card > * { margin: 0 !important; }
.svx-card__tag { display: inline-flex; align-items: center; height: 30px; padding: 0 14px; border-radius: 999px; background: #A7AE37; color: #FFFFFF; font-family: var(--f-title); font-size: 14px; font-weight: 500; }
.gn .svx-card h3 { font-family: var(--f-title); font-weight: 500 !important; font-size: 28px; line-height: 1.25; letter-spacing: -.02em !important; color: #26473A; }
.gn .svx-card p { font-family: var(--f-text); font-size: 18px; line-height: 1.6; color: #3D5A4F; }
.gn .svx-card__note { font-size: 16px !important; padding-top: 14px; border-top: 1px solid rgba(38, 71, 58, .1); width: 100%; }
.svx-card--pine { background: #26473A; border-color: #26473A; }
.gn .svx-card--pine h3 { color: #FFFFFF; }
.gn .svx-card--pine p, .gn .svx-card--pine li { color: rgba(242, 243, 236, .88) !important; }
.svx-card--pine .svx-card__tag { background: #F27348; }
.gn .svx-card--pine .svx-card__note { border-top-color: rgba(255, 255, 255, .15); }
.gn .svx-card--pine a { color: #FFFFFF; }
.gn .svx-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.gn .svx-list li { position: relative; margin: 0; padding-left: 24px; font-family: var(--f-text); font-size: 17px; line-height: 1.55; color: #3D5A4F; }
.gn .svx-list li::before { content: ""; position: absolute; left: 4px; top: calc(.775em - 4px); width: 8px; height: 8px; border-radius: 50%; background: #F27348; }
.gn .wx-ch p a, .gn .wx-inc p a, .gn .svx-card a, .gn .svx-conds a, .gn .gn-acc__panel a, .gn .svx-b2b a { color: inherit; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.gn .wx-ch p a:hover, .gn .wx-inc p a:hover, .gn .svx-card a:hover, .gn .svx-conds a:hover, .gn .gn-acc__panel a:hover, .gn .svx-b2b a:hover { color: #F27348; }
.gn .svx-qs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.gn .svx-qs li { margin: 0; padding: 14px 18px; border-radius: 16px; background: #F2F3EC; font-family: var(--f-title); font-size: 18px; font-weight: 500; line-height: 1.4; color: #26473A; }
/* παθήσεις */
.gn .svx-conds { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.gn .svx-conds li { margin: 0; display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 20px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); font-family: var(--f-text); font-size: 17px; line-height: 1.45; color: #26473A; }
.gn .svx-conds li::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: #A7AE37; box-shadow: 0 0 0 5px rgba(167, 174, 55, .18); }
/* έκπτωση ζεύγους */
.svx-offer__box { display: flex; align-items: center; gap: 24px 32px; padding: clamp(22px, 2.4vw, 32px) clamp(24px, 2.8vw, 40px); border-radius: 28px; background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); }
.svx-offer__pct { flex: none; width: 96px; height: 96px; border-radius: 50%; background: #F27348; color: #FFFFFF; display: grid; place-items: center; font-family: var(--f-title); font-size: 28px; font-weight: 500; }
.svx-offer__box > div { flex: 1; }
.gn .svx-offer h2 { margin: 0 0 6px; font-family: var(--f-title); font-weight: 500 !important; font-size: 28px; line-height: 1.25; color: #26473A; }
.gn .svx-offer p { margin: 0; font-size: 18px; color: #3D5A4F; }
/* εταιρική */

.svx-b2b__ico { width: 52px; height: 52px; border-radius: 50%; background: #F27348; color: #FFFFFF; display: grid; place-items: center; }
.svx-b2b__ico svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.gn .svx-b2b__k { margin: 0 0 8px !important; font-family: var(--f-title) !important; font-size: 13px !important; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #646A16 !important; }

/* γνώμες «Πέρα» */
.svx-quotes .ek-quote { scroll-snap-align: start; }
.gn .svx-quotes .ek-quote blockquote p { font-size: 17px; line-height: 1.6; font-family: var(--f-text); font-weight: 400; }
.svx-quotes .bl-slider { grid-auto-columns: calc((100% - 32px) / 3); }
@media (max-width: 1099px) {
  .gn .svx-conds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svx-quotes .bl-slider { grid-auto-columns: calc((100% - 16px) / 2); }
}
@media (max-width: 849px) { .svx-dual__grid { grid-template-columns: minmax(0, 1fr); } .svx-offer__box { flex-wrap: wrap; } }
@media (max-width: 549px) {
  .gn .svx-dual, .gn .svx-offer, .gn .svx-b2b, .gn .svx-quotes { padding-left: 8px !important; padding-right: 8px !important; }
  .svx-card, .svx-offer__box { border-radius: 22px; padding: 22px; }
  .gn .svx-card h3, .gn .svx-offer h2 { font-size: 22px; }
  .gn .svx-card p, .gn .svx-list li, .gn .svx-offer p, .gn .svx-conds li { font-size: 16px; }
  .gn .svx-conds { grid-template-columns: minmax(0, 1fr); }
  .svx-offer__pct { width: 72px; height: 72px; font-size: 22px; }
  .svx-offer__box .button { width: 100%; }
  .gn .svx-qs li { font-size: 16px; }
  .svx-quotes .bl-slider { grid-auto-columns: 86%; }
}
.gn .svx-card--pine strong { color: #FFFFFF; }
.gn .ar-doc .ar-svc { margin-top: 18px !important; padding: 16px 18px; border-radius: 18px; background: #F2F3EC; font-size: 17px; color: #26473A; } .gn .ar-svc a { color: #F27348 !important; }
/* ΣΥΝΤΑΓΗ · ετικέτες κατηγοριών: γράμματα πάντα λευκά (και στο hover), το hover σκουραίνει ελαφρά */
.gn .rp-tags a.bl-chip, .gn .rp-tags a.bl-chip:hover, .gn .rp-tags a.bl-chip:focus-visible { color: #FFFFFF !important; text-decoration: none !important; }
.gn .rp-tags a.bl-chip { transition: filter .3s ease, transform .3s ease; }
.gn .rp-tags a.bl-chip:hover, .gn .rp-tags a.bl-chip:focus-visible { filter: brightness(.88); transform: translateY(-1px); }
#rc-browse-title { scroll-margin-top: 54px; } @media (max-width: 1099px) { #rc-browse-title { scroll-margin-top: 34px; } } @media (max-width: 549px) { #rc-browse-title { scroll-margin-top: 24px; } }
/* ΣΥΝΤΑΓΕΣ · hero κουμπιά στο σκούρο φόντο: κοραλί → γεμίζει λευκό με πράσινα γράμματα · λευκό → γεμίζει κοραλί με λευκά γράμματα */
.gn .rc-hero .bx-btn--coral::before { background: #FFFFFF !important; }
.gn .rc-hero .bx-btn--coral:hover, .gn .rc-hero .bx-btn--coral:focus-visible, .gn .rc-hero .bx-btn--coral:hover span, .gn .rc-hero .bx-btn--coral:focus-visible span { color: #26473A !important; }
.gn .rc-hero .hy-btn-white { --fill: #F27348 !important; }
.gn .rc-hero .hy-btn-white::before { background: #F27348 !important; }
.gn .rc-hero .hy-btn-white:hover, .gn .rc-hero .hy-btn-white:focus-visible, .gn .rc-hero .hy-btn-white:hover span, .gn .rc-hero .hy-btn-white:focus-visible span { color: #FFFFFF !important; }
/* ΥΠΗΡΕΣΙΕΣ · λίστα «τι περιλαμβάνει»: το τελευταίο κουτί πιάνει όλο το πλάτος μόνο όταν τα κουτιά είναι μονά (με 4 → 2×2) */
.wx-inc li:last-child:nth-child(even) { grid-column: auto !important; }
/* ΠΕΡΑ · γνώμες: 3 γραμμές + κουμπί «Περισσότερα» (όπως οι κριτικές της αρχικής) */
.gn .svx-quotes .ek-quote blockquote p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.gn .svx-quotes .ek-quote.is-expanded blockquote p { display: block; -webkit-line-clamp: unset; }
.gn .ek-quote .q-more { align-self: flex-start; margin: 0; min-height: 44px; padding: 0 22px; font-family: var(--f-title); font-size: 14px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; line-height: 1; color: var(--pine); border: 1px solid rgba(38, 71, 58, .16) !important; border-radius: 99px; }
.gn .ek-quote .q-more:hover, .gn .ek-quote .q-more:focus-visible { color: #F2F3EC; }
.gn .ek-quote .q-more[hidden] { display: none; }
.svx-quotes .ek-quote figcaption { margin-top: auto; }
.svx-quotes .bl-slider { align-items: start; }
.gn .ek-quote .q-more, .gn .ek-quote .q-more span { text-decoration: none !important; }
/* ΕΤΑΙΡΙΚΗ · 3 τομείς σε μία σειρά (desktop) + αναφορά αρθρογραφίας */

.gn .svx-b2b__note { display: flex; align-items: center; gap: 14px; margin: 16px 0 0; padding: 16px 22px 16px 16px; border-radius: 20px; background: #D5DDD8; font-family: var(--f-text); font-size: 17px; line-height: 1.5; color: #26473A; }
.gn .svx-b2b__note .svx-b2b__ico { flex: none; width: 44px; height: 44px; }
.gn .svx-b2b__note .svx-b2b__ico svg { width: 20px; height: 20px; }
@media (max-width: 549px) { .gn .svx-b2b__note { font-size: 15px; align-items: flex-start; } }

/* ΕΤΑΙΡΙΚΗ · τομείς σε tabs: αριστερά οι 3 τομείς, δεξιά ένας τομέας τη φορά (κείμενο + συνεργασίες) — πιο κοντό από τις 3 κάρτες */
.svx-tabs { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 16px; align-items: stretch; }
.svx-tabs__list { display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(38, 71, 58, .06); }
.gn .svx-tab { margin: 0; min-height: 0; display: flex; align-items: center; gap: 14px; width: 100%; padding: 12px 14px; border: 0; border-radius: 20px; background: transparent; text-align: left; text-transform: none; letter-spacing: 0; line-height: 1.25; cursor: pointer; transition: background-color .4s ease, color .4s ease; }
.gn .svx-tab:hover { background: #F2F3EC; }
.svx-tab__ico { flex: none; width: 46px; height: 46px; border-radius: 50%; background: #F2F3EC; color: #F27348; display: grid; place-items: center; transition: background-color .4s ease, color .4s ease; }
.svx-tab__ico svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.svx-tab__t { display: flex; flex-direction: column; gap: 2px; font-family: var(--f-title); font-size: 18px; font-weight: 500; color: #26473A; }
.svx-tab__t small { font-size: 13px; letter-spacing: .08em; color: #8CA096; }
.gn .svx-tab.is-on { background: #26473A; }
.svx-tab.is-on .svx-tab__ico { background: #F27348; color: #FFFFFF; }
.svx-tab.is-on .svx-tab__t { color: #FFFFFF; }
.svx-tab.is-on .svx-tab__t small { color: #A7AE37; }
.svx-tab:focus-visible { outline: 2px solid #F27348; outline-offset: 2px; }
.svx-panel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; padding: 12px; border-radius: 28px; background: #D5DDD8; border: 1px solid rgba(140, 160, 150, .55); }
.svx-panel[hidden] { display: none; }
.svx-panel:focus-visible { outline: 2px solid #F27348; outline-offset: 3px; }
.svx-panel__main { display: flex; flex-direction: column; gap: 14px; padding: clamp(18px, 2vw, 28px); border-radius: 20px; background: #FFFFFF; animation: rcPanelIn .5s ease both; }
.gn .svx-panel__main > * { margin: 0 !important; }
.gn .svx-panel__main h3 { font-family: var(--f-title); font-weight: 500 !important; font-size: 28px; line-height: 1.25; letter-spacing: -.02em !important; color: #26473A; }
.gn .svx-panel__main p { font-family: var(--f-text); font-size: 17px; line-height: 1.6; color: #3D5A4F; }
.svx-panel__side { padding: clamp(18px, 2vw, 28px); border-radius: 20px; background: #26473A; animation: rcPanelIn .6s ease both; }
.gn .svx-panel__side .svx-b2b__k { color: #A7AE37 !important; margin-bottom: 12px !important; }
.gn .svx-panel__side ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.gn .svx-panel__side li { margin: 0; padding: 10px 14px; border-radius: 14px; background: rgba(255, 255, 255, .07); font-family: var(--f-text); font-size: 15px; line-height: 1.4; color: #F2F3EC; }
.gn .svx-panel__side a { color: #FFFFFF; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.gn .svx-panel__side a:hover { color: #F27348; }
@media (max-width: 1099px) {
  .svx-tabs { grid-template-columns: minmax(0, 1fr); }
  .svx-tabs__list { flex-direction: row; border-radius: 999px; padding: 6px; }
  .gn .svx-tab { flex: 1 1 0; justify-content: center; padding: 8px 12px; border-radius: 999px; }
  .svx-tab__ico { width: 36px; height: 36px; } .svx-tab__ico svg { width: 18px; height: 18px; }
  .svx-tab__t small { display: none; }
  .svx-tab__t { font-size: 15px; }
}
@media (max-width: 849px) { .svx-panel { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 549px) {
  .svx-tabs__list { flex-direction: column; border-radius: 22px; }
  .gn .svx-tab { justify-content: flex-start; border-radius: 16px; }
  .svx-panel { border-radius: 22px; padding: 8px; }
  .gn .svx-panel__main h3 { font-size: 22px; }
  .gn .svx-panel__main p { font-size: 16px; }
}
.gn .svx-panel__main strong { font-weight: 600; color: #26473A; }
/* ΚΛΙΝΙΚΗ · παθήσεις: το κείμενο ρέει κανονικά (και με link μέσα), τελίτσα στην αρχή · tablet: το τελευταίο (μονό) σε όλο το πλάτος */
.gn .svx-conds li { display: block; position: relative; padding-left: 46px; }
.gn .svx-conds li::before { position: absolute; left: 20px; top: calc(18px + .725em - 5px); }
@media (min-width: 550px) and (max-width: 1099px) { .gn .svx-conds li:last-child:nth-child(odd) { grid-column: 1 / -1; } }
/* ΚΛΙΝΙΚΗ · παθήσεις: όνομα (έντονο) + μικρή λεπτομέρεια από κάτω · links χωρίς υπογράμμιση, με βελάκι */
.gn .svx-conds li { display: flex !important; flex-direction: column; justify-content: center; gap: 4px; padding: 16px 20px 16px 46px; min-height: 76px; }
.gn .svx-conds li::before { top: 50% !important; translate: 0 -50%; }
.gn .svx-conds li strong { font-family: var(--f-title); font-size: 17px; font-weight: 500; line-height: 1.3; color: #26473A; }
.gn .svx-conds li small { font-family: var(--f-text); font-size: 14px; line-height: 1.4; color: #5C7067; }
.gn .svx-conds li a { text-decoration: none !important; color: #26473A; font-weight: 500; }
.gn .svx-conds li a::after { content: " \2192"; color: #F27348; }
.gn .svx-conds li a:hover { color: #F27348; }
@media (max-width: 549px) { .gn .svx-conds li { min-height: 0; } .gn .svx-conds li strong { font-size: 16px; } }
.gn .svx-conds li { align-items: flex-start; text-align: left; }
/* ΕΤΑΙΡΙΚΗ · tabs σε tablet/κινητό: σύντομη ετικέτα, σωστό ύψος, ίσες αποστάσεις */
.svx-tab__short { display: none; }
@media (max-width: 1099px) {
  .svx-tab__full { display: none; } .svx-tab__short { display: inline; }
  .gn .svx-tab { gap: 10px; padding: 8px 16px 8px 8px; white-space: nowrap; }
  .svx-tabs { gap: 12px; }
}
@media (max-width: 549px) {
  .svx-tabs__list { gap: 4px; padding: 8px; }
  .gn .svx-tab { flex: none; width: 100%; padding: 8px 14px 8px 8px; }
  .svx-tab__t { font-size: 16px; }
}
/* ΕΤΑΙΡΙΚΗ · 10px λιγότερο πάνω από τη μπάρα των τομέων */
.gn .svx-b2b .sx-head { margin-bottom: 30px !important; }
@media (max-width: 549px) { .gn .svx-b2b .sx-head { margin-bottom: 18px !important; } }
/* ΕΤΑΙΡΙΚΗ · desktop: οι 3 τομείς μοιράζονται όλο το ύψος της λίστας (χωρίς κενό από κάτω) · tablet: 10px λιγότερο πάνω από τη μπάρα */
@media (min-width: 1100px) { .gn .svx-tabs__list .svx-tab { flex: 1 1 0; } }
@media (min-width: 550px) and (max-width: 1099px) { .gn .svx-b2b .sx-head { margin-bottom: 20px !important; } }
/* FLOATING · τηλέφωνο κάτω δεξιά, back to top από πάνω του (αριστερά μένει ελεύθερο για το εικονίδιο cookies) */
.gn-float--phone { left: auto !important; right: var(--sec-x, 16px) !important; }
.gn-float--top { bottom: calc(16px + 46px + 10px) !important; }
@media (max-width: 549px) {
  .gn-float--phone { right: 8px !important; }
  .gn-float--top { right: 8px !important; bottom: calc(12px + 44px + 8px) !important; }
}
/* ΕΤΑΙΡΙΚΗ · desktop: τομείς με κανονικό ύψος + κουτί «Ας μιλήσουμε» στο κάτω μέρος της λίστας */
@media (min-width: 1100px) { .gn .svx-tabs__list .svx-tab { flex: none; } }
.svx-tabs__cta { display: none; }
@media (min-width: 1100px) {
  .svx-tabs__cta { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: auto; padding: 18px; border-radius: 20px; background: #F2F3EC; }
  .gn .svx-tabs__cta p { margin: 0; font-family: var(--f-title); font-size: 17px; font-weight: 500; line-height: 1.35; color: #26473A; }
  .gn .svx-tabs__cta .bx-btn--coral::before { background: #26473A; }
  .gn .svx-tabs__cta .bx-btn--coral:hover, .gn .svx-tabs__cta .bx-btn--coral:focus-visible, .gn .svx-tabs__cta .bx-btn--coral:hover span { color: #FFFFFF !important; }
}
/* ΕΤΑΙΡΙΚΗ · κείμενα τομέων 18px */
.gn .svx-panel__main p, .gn .svx-panel__main .svx-list li { font-size: 18px; }
@media (max-width: 549px) { .gn .svx-panel__main p, .gn .svx-panel__main .svx-list li { font-size: 16px; } }
.gn .svx-panel__side li { font-size: 16px; }
.gn .svx-tabs__cta .button, .gn .svx-tabs__cta .button span { text-decoration: none !important; }
/* ΕΤΑΙΡΙΚΗ · κουτί «Δεν είστε σίγουροι…»: πιο μικρό, με link τηλεφώνου αντί για κουμπί */
@media (min-width: 1100px) {
  .svx-tabs__cta { gap: 8px; padding: 14px 16px; border-radius: 16px; }
  .gn .svx-tabs__cta p { font-size: 15px; line-height: 1.4; }
}

 
/* ΕΤΑΙΡΙΚΗ · κουτί τηλεφώνου κάτω από τους τομείς (desktop) + μεγαλύτερο κενό ανάμεσα στους τομείς */
@media (min-width: 1100px) {
  .svx-tabs__list { gap: 12px; }
  .gn a.svx-tabs__cta { display: flex; flex-direction: row; align-items: center; gap: 14px; margin-top: auto; padding: 18px; border-radius: 20px; background: #F27348; color: #FFFFFF !important; text-decoration: none !important; transition: background-color .4s ease, transform .4s ease; }
  .gn a.svx-tabs__cta:hover, .gn a.svx-tabs__cta:focus-visible { background: #26473A; transform: translateY(-2px); }
  .svx-tabs__cta-ico { flex: none; width: 48px; height: 48px; border-radius: 50%; background: #FFFFFF; color: #F27348; display: grid; place-items: center; transition: color .4s ease; }
  .gn a.svx-tabs__cta:hover .svx-tabs__cta-ico { color: #26473A; }
  .svx-tabs__cta-ico svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
  .svx-tabs__cta-txt { display: flex; flex-direction: column; gap: 2px; }
  .svx-tabs__cta-txt small { font-family: var(--f-text); font-size: 14px; line-height: 1.35; color: rgba(255, 255, 255, .88); margin-bottom: 4px; }
  .svx-tabs__cta-txt strong { font-family: var(--f-title); font-size: 18px; font-weight: 500; line-height: 1.25; color: #FFFFFF; }
  
}
@media (min-width: 1100px) { .svx-tabs__cta-txt small { font-size: 18px; line-height: 1.35; color: #FFFFFF; } .svx-tabs__cta-txt strong { font-size: 16px; }  }
/* ΕΤΑΙΡΙΚΗ · κουτί «Ας μιλήσουμε»: λαχανί, μικρό εικονίδιο από πάνω, χωρίς αριθμό, «Ας μιλήσουμε» μεγαλύτερο */
@media (min-width: 1100px) {
  .gn a.svx-tabs__cta { flex-direction: column; align-items: flex-start; gap: 10px; padding: 20px; background: #A7AE37; }
  .gn a.svx-tabs__cta:hover, .gn a.svx-tabs__cta:focus-visible { background: #26473A; }
  .svx-tabs__cta-ico { width: 34px; height: 34px; color: #646A16; }
  .svx-tabs__cta-ico svg { width: 16px; height: 16px; }
  .svx-tabs__cta-txt small { font-size: 18px !important; line-height: 1.35; color: #FFFFFF !important; margin-bottom: 6px; }
  .svx-tabs__cta-txt strong { font-size: 24px !important; line-height: 1.2; letter-spacing: -.01em; color: #FFFFFF; }
}
/* ΕΤΑΙΡΙΚΗ · κουτί «Ας μιλήσουμε»: ίδια μορφή παντού (εικονίδιο πάνω), ερώτηση 16px */
@media (max-width: 1099px) { .gn a.svx-tabs__cta--below { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; } }
.svx-tabs__cta-txt small { font-size: 16px !important; }
/* ΕΤΑΙΡΙΚΗ · κουτί «Ας μιλήσουμε»: desktop μέσα στη λίστα · tablet/κινητό κάτω από το περιεχόμενο (ίδια μορφή) */
.gn a.svx-tabs__cta { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 20px; border-radius: 20px; background: #A7AE37; color: #FFFFFF !important; text-decoration: none !important; transition: background-color .4s ease; }
.gn a.svx-tabs__cta:hover, .gn a.svx-tabs__cta:focus-visible { background: #26473A; }
.svx-tabs__cta-ico { flex: none; width: 34px; height: 34px; border-radius: 50%; background: #FFFFFF; color: #646A16; display: grid; place-items: center; }
.svx-tabs__cta-ico svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.svx-tabs__cta-txt { display: flex; flex-direction: column; gap: 2px; }
.svx-tabs__cta-txt small { font-family: var(--f-text); font-size: 16px !important; line-height: 1.35; color: #FFFFFF !important; margin-bottom: 6px; }
.svx-tabs__cta-txt strong { font-family: var(--f-title); font-size: 24px !important; font-weight: 500; line-height: 1.2; color: #FFFFFF; }
.gn .svx-tabs__list a.svx-tabs__cta { display: none; }
@media (min-width: 1100px) { .gn .svx-tabs__list a.svx-tabs__cta { display: flex; margin-top: auto; } .gn a.svx-tabs__cta--below { display: none !important; } }
@media (max-width: 549px) { .gn a.svx-tabs__cta--below { border-radius: 22px; } .svx-tabs__cta-txt strong { font-size: 22px !important; } }
/* ΕΤΑΙΡΙΚΗ · tablet/κινητό: «Ας μιλήσουμε» + σημείωση άρθρων ως 2 ίδια κουτιά (λαχανί / pine) — tablet 50/50, κινητό το ένα κάτω από το άλλο */
@media (max-width: 1099px) {
  .svx-b2b__foot { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: 16px; align-items: stretch; }
  .gn .svx-b2b__foot a.svx-tabs__cta--below { margin: 0 !important; height: 100%; }
  .gn .svx-b2b__foot .svx-b2b__note { margin: 0 !important; height: 100%; flex-direction: column; align-items: flex-start; gap: 10px; padding: 20px; border-radius: 20px; background: #26473A; color: #F2F3EC; font-size: 16px; line-height: 1.5; }
  .gn .svx-b2b__foot .svx-b2b__note .svx-b2b__ico { width: 34px; height: 34px; border-radius: 50%; background: #FFFFFF; color: #F27348; display: grid; place-items: center; }
  .gn .svx-b2b__foot .svx-b2b__note .svx-b2b__ico svg { width: 16px; height: 16px; stroke: currentColor; }
  .gn .svx-b2b__foot .svx-b2b__note a { color: #FFFFFF !important; text-decoration-color: #A7AE37; }
  .gn .svx-b2b__foot .svx-b2b__note a:hover { color: #F27348 !important; }
}
@media (max-width: 549px) {
  .svx-b2b__foot { grid-template-columns: minmax(0, 1fr); }
  .gn .svx-b2b__foot a.svx-tabs__cta--below, .gn .svx-b2b__foot .svx-b2b__note { border-radius: 22px; }
}
/* ΕΤΑΙΡΙΚΗ · σημείωση άρθρων σε coral (tablet/κινητό) */
@media (max-width: 1099px) {
  .gn .svx-b2b__foot .svx-b2b__note { background: #F27348; color: #FFFFFF; }
  .gn .svx-b2b__foot .svx-b2b__note a { color: #FFFFFF !important; text-decoration-color: #FFFFFF; }
  .gn .svx-b2b__foot .svx-b2b__note a:hover { color: #26473A !important; text-decoration-color: #26473A; }
}
/* ΕΤΑΙΡΙΚΗ · «Ας μιλήσουμε» hover: χωρίς ανέβασμα, γίνεται coral */
.gn a.svx-tabs__cta, .gn a.svx-tabs__cta:hover, .gn a.svx-tabs__cta:focus-visible { transform: none !important; translate: none !important; box-shadow: none !important; }
.gn a.svx-tabs__cta:hover, .gn a.svx-tabs__cta:focus-visible { background: #F27348 !important; }
.svx-tabs__cta-ico { transition: color .4s ease; }
.gn a.svx-tabs__cta:hover .svx-tabs__cta-ico, .gn a.svx-tabs__cta:focus-visible .svx-tabs__cta-ico { color: #F27348; }
/* ΕΤΑΙΡΙΚΗ · σημείωση άρθρων tablet/κινητό: ίδια χρώματα με το desktop (sage κουτί, coral εικονίδιο) */
@media (max-width: 1099px) {
  .gn .svx-b2b__foot .svx-b2b__note { background: #D5DDD8; color: #26473A; }
  .gn .svx-b2b__foot .svx-b2b__note .svx-b2b__ico { background: #F27348; color: #FFFFFF; }
  .gn .svx-b2b__foot .svx-b2b__note a { color: #26473A !important; text-decoration-color: #26473A; }
  .gn .svx-b2b__foot .svx-b2b__note a:hover { color: #F27348 !important; text-decoration-color: #F27348; }
}
/* ΑΡΘΡΟ · κάρτα συγγραφέα: «Γνώρισέ με» σε hover γεμίζει Coral (όπως όλα τα λευκά κουμπιά σε Pine φόντο) */
.gn .ar-author .hy-btn-white { --fill: #F27348; --fill-text: #FFFFFF; box-shadow: none !important; }
.gn .ar-author .hy-btn-white:hover, .gn .ar-author .hy-btn-white:focus-visible,
.gn .ar-author .hy-btn-white:hover span, .gn .ar-author .hy-btn-white:focus-visible span { color: #FFFFFF !important; }