/* ============================================================
   Δημόσιο site (πελάτες χωρίς login) — editorial look εμπνευσμένο
   από το αρχικό «Αίσιον» design. Φορτώνεται ΜΟΝΟ στο _LayoutPublic,
   οπότε δεν επηρεάζει το dashboard/staff. Χρησιμοποιεί τα brand tokens.
   ============================================================ */

.pub {
  --serif: var(--font-serif, "Cormorant Garamond", Georgia, serif);
  --sans:  var(--font-sans, "Manrope", Arial, sans-serif);
  --mono:  var(--font-mono, "JetBrains Mono", ui-monospace, monospace);
  background: var(--cream-100, #f5f1e6);
  color: var(--ink-900, #1f2118);
  font-family: var(--sans);
  /* Ένα μέτρο για όλη τη σελίδα: το περιεχόμενο δεν ξεπερνά τα 1240px, ενώ τα
     φόντα των ενοτήτων συνεχίζουν ως την άκρη της οθόνης. */
  --gutter: max(56px, calc((100% - 1240px) / 2));
}

/* Container για client σελίδες (ροή κράτησης κ.λπ.) — όχι το full-bleed landing. */
.pub .pub-page { padding-top: 36px; padding-bottom: 72px; }

.pub .serif { font-family: var(--serif); font-weight: 400; }

/* Η Cormorant Garamond βγάζει εξ ορισμού oldstyle ψηφία — το 4 και το 5 κάθονται
   κάτω από τη γραμμή βάσης και μοιάζουν βυθισμένα μέσα στη λέξη. Ζητάμε lining. */
.pub { font-variant-numeric: lining-nums; }
.pub .eyebrow {
  font-family: var(--sans); font-size: .72rem; font-weight: 600;
  letter-spacing: .26em; text-transform: uppercase; color: var(--tan-500, #a98955);
}

/* —— Buttons —— */
.pub .btn-pub {
  display: inline-flex; align-items: center; gap: .55rem;
  padding: .8rem 1.5rem; font-family: var(--sans); font-size: .9rem;
  font-weight: 600; letter-spacing: .01em;
  border: 1px solid var(--sage-500, #768760); border-radius: 10px;
  background: var(--sage-500, #768760); color: var(--cream-50, #fbf8f1);
  cursor: pointer; transition: all .2s ease; text-decoration: none; white-space: nowrap;
  box-shadow: 0 2px 6px rgba(31,33,24,.12);
}
.pub .btn-pub:hover { background: var(--sage-600, #5e6d4d); border-color: var(--sage-600, #5e6d4d); color: var(--cream-50, #fbf8f1); box-shadow: 0 4px 12px rgba(31,33,24,.18); }
.pub .btn-pub-outline { background: transparent; color: var(--sage-700, #475339); box-shadow: 0 1px 4px rgba(31,33,24,.08); }
.pub .btn-pub-outline:hover { background: var(--sage-500, #768760); color: var(--cream-50, #fbf8f1); box-shadow: 0 4px 12px rgba(31,33,24,.18); }
.pub .btn-pub-ghost { background: transparent; border-color: transparent; color: var(--ink-900, #1f2118); padding-inline: .5rem; box-shadow: none; }
.pub .btn-pub-ghost:hover { color: var(--sage-700, #475339); background: transparent; box-shadow: none; }

/* Διακριτικό εικονίδιο εισόδου προσωπικού */
.pub-nav__staff {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%;
  color: var(--ink-500, #6c6f64); text-decoration: none; transition: all .2s ease;
}
.pub-nav__staff:hover { color: var(--sage-700, #475339); background: var(--cream-200, #ece5d2); }

/* —— Navbar —— */
.pub-nav {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; padding: 18px var(--gutter);
  background: rgba(245,241,230,.85); backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(31,33,24,.08);
}
/* Λογότυπο: σήμα (εικόνα) + όνομα και υπότιτλος ως ζωντανό κείμενο. */
.pub-nav__brand { display: inline-flex; align-items: center; gap: 13px; text-decoration: none; }
.pub-nav__brand img { height: 52px; width: auto; display: block; }
.pub-brand__text { display: flex; flex-direction: column; gap: 3px; }
.pub-brand__name {
  font-size: 25px; line-height: 1; color: var(--sage-800, #313927); letter-spacing: .005em;
}
.pub-brand__tag {
  font-size: 9.5px; line-height: 1; letter-spacing: .24em;
  color: var(--tan-500, #a98955); text-transform: uppercase;
}
.pub-nav__brand:hover .pub-brand__name { color: var(--sage-600, #5e6d4d); }
.pub-nav__links { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; font-size: 15px; }
.pub-nav__links a { color: var(--ink-700, #3a3d33); text-decoration: none; letter-spacing: .02em; }
.pub-nav__links a:hover { color: var(--sage-700, #475339); }
.pub-nav__actions { display: flex; gap: 10px; align-items: center; }

/* —— Sections base —— */
.pub-section { padding: 88px var(--gutter); border-bottom: 1px solid rgba(31,33,24,.08); }

/* —— Hero —— */
.pub-hero { position: relative; display: grid; grid-template-columns: 1fr 1.15fr; gap: 64px; align-items: center; overflow: hidden; }
.pub-hero__ring { position: absolute; left: -40px; top: 24px; width: 320px; height: 320px; border: 1px solid var(--sage-300, #a6b48b); border-radius: 50%; opacity: .35; pointer-events: none; }
.pub-hero h1 { margin: 18px 0 22px; font-size: clamp(36px, 4.8vw, 62px); line-height: 1.06; letter-spacing: -.015em; color: var(--ink-900, #1f2118); }
.pub-hero h1 em { color: var(--sage-700, #475339); font-style: italic; }
.pub-hero__lead { font-size: 17px; line-height: 1.6; color: var(--ink-700, #3a3d33); max-width: 520px; margin: 0; }
.pub-hero__lead + .pub-hero__lead { margin-top: 16px; font-size: 15px; }
.pub-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; align-items: center; }

.pub-stats { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 52px; }
.pub-stats__n { font-family: var(--serif); font-size: 40px; line-height: 1; color: var(--sage-700, #475339); }
.pub-stats__l { font-size: 11px; color: var(--ink-500, #6c6f64); margin-top: 6px; text-transform: uppercase; letter-spacing: .16em; }

/* —— Booking preview card —— */
.pub-card {
  background: var(--cream-50, #fbf8f1); border: 1px solid rgba(31,33,24,.10);
  border-radius: 8px; padding: 28px;
  box-shadow: 0 30px 60px -30px rgba(31,33,24,.18), 0 1px 0 rgba(255,255,255,.6) inset;
}
.pub-card__head { display: flex; align-items: baseline; justify-content: space-between; }
.pub-card__step { font-size: 11px; color: var(--ink-500, #6c6f64); }
.pub-card h3 { margin: 12px 0 22px; font-size: 28px; font-weight: 500; line-height: 1.1; }
.pub-card__types { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 22px; background: var(--cream-100, #f5f1e6); padding: 4px; border-radius: 6px; }
.pub-card__type { display: block; padding: 14px 16px; border-radius: 4px; border: 1px solid transparent; background: transparent; text-decoration: none; cursor: pointer; transition: border-color .15s, background .15s; }
.pub-card__type:hover { border-color: var(--sage-500, #768760); background: var(--cream-50, #fbf8f1); }
.pub-card__type.is-active { border-color: var(--sage-500, #768760); background: var(--cream-50, #fbf8f1); box-shadow: 0 1px 2px rgba(31,33,24,.06); }
.pub-card__type b { display: block; font-size: 14px; font-weight: 600; color: var(--ink-900, #1f2118); }
.pub-card__type span { font-size: 11px; color: var(--ink-500, #6c6f64); }
.pub-card__label { font-size: 11px; color: var(--ink-500, #6c6f64); text-transform: uppercase; letter-spacing: .18em; }
.pub-card__slots { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 10px 0 0; }
.pub-card__slot { display: block; padding: 10px 0; text-align: center; font-family: var(--mono); font-size: 12px; border: 1px solid rgba(31,33,24,.14); border-radius: 3px; color: var(--ink-900, #1f2118); text-decoration: none; cursor: pointer; transition: border-color .15s; }
.pub-card__slot:hover { border-color: var(--sage-500, #768760); }
.pub-card__slot.is-active { border-color: var(--sage-500, #768760); background: var(--sage-500, #768760); color: var(--cream-50, #fbf8f1); }
.pub-card__slot.is-off { color: var(--ink-300, #a9ac9f); text-decoration: line-through; }
.pub-card__foot { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(31,33,24,.08); display: flex; justify-content: space-between; font-size: 11px; color: var(--ink-500, #6c6f64); }

/* —— Section header (title + action) —— */
.pub-shead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
.pub-shead h2 { margin: 12px 0 0; font-size: clamp(30px, 4vw, 52px); font-weight: 400; letter-spacing: -.01em; line-height: 1.05; max-width: 760px; }
.pub-shead h2 em { color: var(--sage-700, #475339); font-style: italic; }
/* Φωτογραφία δίπλα στην επικεφαλίδα ενότητας (§3 «4 βήματα»): μικρή, δεξιά, στο ύψος
   του τίτλου· κάτω από 900px πέφτει κάτω από τον τίτλο σε πλήρες πλάτος. */
.pub-shead--photo { align-items: center; }
.pub-shead__photo {
  margin: 0; flex: 0 0 auto; width: min(360px, 38%);
  border-radius: 6px; overflow: hidden; border: 1px solid rgba(31,33,24,.10);
  box-shadow: 0 10px 30px rgba(31,33,24,.08);
}
.pub-shead__photo img { display: block; width: 100%; height: auto; }
/* Δεύτερο επίπεδο μέσα σε ενότητα — για να μη χρειάζεται δεύτερη .pub-shead. */
.pub-subhead {
  margin: 0 0 26px; font-size: 26px; font-weight: 500; line-height: 1.2;
  color: var(--sage-700, #475339);
  padding-bottom: 16px; border-bottom: 1px solid rgba(31,33,24,.12);
}

/* —— Steps —— */
.pub-steps { display: grid; grid-template-columns: repeat(4, 1fr); }
.pub-step { padding: 28px 28px 28px 0; border-top: 1px solid var(--sage-300, #a6b48b); }
.pub-step:not(:last-child) { border-right: 1px solid rgba(31,33,24,.06); padding-right: 28px; }
.pub-step:not(:first-child) { padding-left: 28px; }
.pub-step__top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 16px; }
.pub-step__n { font-family: var(--serif); font-size: 28px; color: var(--tan-500, #a98955); }
.pub-step__rule { width: 24px; height: 1px; background: var(--ink-300, #a9ac9f); }
.pub-step h4 { margin: 0; font-size: 22px; font-weight: 500; color: var(--ink-900, #1f2118); }
.pub-step p { font-size: 15px; line-height: 1.65; color: var(--ink-700, #3a3d33); margin-top: 12px; }

/* —— Services —— */
.pub-services { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.pub-service { padding: 36px; border-radius: 8px; display: flex; flex-direction: column; min-height: 340px; }
.pub-service--online { background: var(--sage-50, #f1f3ec); border: 1px solid var(--sage-200, #c4cdb1); }
.pub-service--inperson { background: var(--cream-100, #f5f1e6); border: 1px solid var(--cream-300, #ddd4bb); }
.pub-service h3 { margin: 22px 0 16px; font-size: 34px; font-weight: 500; line-height: 1.05; white-space: pre-line; }
.pub-service p { font-size: 15px; line-height: 1.65; color: var(--ink-700, #3a3d33); max-width: 480px; }
.pub-service ul { list-style: none; padding: 0; margin: 22px 0 0; font-size: 15px; }
.pub-service li { display: flex; gap: 12px; padding: 10px 0; border-top: 1px solid rgba(31,33,24,.08); color: var(--ink-700, #3a3d33); }
.pub-service li::before { content: "✓"; color: var(--sage-500, #768760); }
.pub-service__cta { margin-top: auto; padding-top: 26px; }

/* —— Team —— */
.pub-team { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.pub-person { background: var(--cream-50, #fbf8f1); border: 1px solid rgba(31,33,24,.08); border-radius: 8px; overflow: hidden; }
.pub-person__photo { position: relative; aspect-ratio: 1/1; background: repeating-linear-gradient(135deg, var(--sage-100, #e1e6d7) 0 8px, var(--sage-50, #f1f3ec) 8px 16px); display: flex; align-items: flex-end; padding: 14px; }
.pub-person__photo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.pub-person__tag { font-family: var(--mono); font-size: 10px; color: var(--sage-700, #475339); background: var(--cream-50, #fbf8f1); padding: 4px 8px; border-radius: 2px; }
.pub-person__meta a.av { text-decoration: none; }
.pub-person__meta a.av:hover { text-decoration: underline; }
.pub-person__body { padding: 18px; }
.pub-person__body h4 { margin: 0; font-size: 19px; font-weight: 500; line-height: 1.2; }
.pub-person__spec { font-size: 12px; color: var(--ink-500, #6c6f64); margin-top: 6px; }
.pub-person__meta { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(31,33,24,.08); font-size: 11px; color: var(--ink-700, #3a3d33); }
.pub-person__meta .av { color: var(--sage-700, #475339); }

/* —— Hero: εικόνα & social proof (MEMO §Hero) —— */
.pub-hero__figure { position: relative; border-radius: 8px; overflow: hidden; background: var(--sage-100, #e1e6d7); aspect-ratio: 4/5;
  box-shadow: 0 30px 60px -30px rgba(31,33,24,.28); }
.pub-hero__figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Ροή κειμένου, όχι δύο flex items: τα αστέρια έμεναν μόνα τους σε δική τους γραμμή. */
.pub-proof { margin-top: 44px; padding-top: 26px; border-top: 1px solid rgba(31,33,24,.10); }
.pub-proof__stars { color: var(--tan-400, #c5a572); font-size: 20px; letter-spacing: .18em;
  margin-right: 12px; vertical-align: -1px; }
.pub-proof__text { font-size: 15px; line-height: 1.5; color: var(--ink-700, #3a3d33); }
.pub-proof__n { font-family: var(--serif); font-size: 25px; line-height: 1;
  color: var(--sage-700, #475339); margin-right: 3px; }

/* —— §2 Ερωτήματα (τρεις κάρτες) —— */
.pub-qcards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pub-qcard { background: var(--cream-50, #fbf8f1); border: 1px solid rgba(31,33,24,.08);
  border-radius: 8px; padding: 34px 30px; transition: transform .25s ease, box-shadow .25s ease; }
.pub-qcard:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -24px rgba(31,33,24,.28); }
.pub-qcard__icon { color: var(--sage-500, #768760); margin-bottom: 20px; display: block; }
.pub-qcard h3 { font-family: var(--serif); font-size: 27px; font-weight: 500; margin: 0; line-height: 1.15; }
.pub-qcard p { font-size: 15px; line-height: 1.65; color: var(--ink-700, #3a3d33); margin: 12px 0 0; }
/* Σύνδεσμος συνέχειας στο τέλος μιας ενότητας (π.χ. «Διάλεξε το πρόγραμμα…»). */
.pub-section__more { margin-top: 40px; }

/* —— §3 Timeline (βήματα διαδικασίας) ——
   Τέσσερις στήλες αντί για κατακόρυφη στοίβα: η ενότητα έπιανε το 57% του πλάτους
   και άφηνε τη μισή οθόνη κενή, με το μικρότερο κείμενο της σελίδας μέσα της.
   Η συνδετική γραμμή γίνεται οριζόντια, στο ύψος των αριθμών. */
.pub-timeline {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px;
}
.pub-tl { position: relative; padding: 0; }
.pub-tl:not(:last-child)::before {
  content: ""; position: absolute; left: 56px; right: -36px; top: 21px;
  height: 1px; background: var(--sage-300, #a6b48b);
}
.pub-tl__n {
  width: 44px; height: 44px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--serif); font-size: 20px;
  color: var(--sage-700, #475339); background: var(--cream-50, #fbf8f1);
  border: 1px solid var(--sage-300, #a6b48b);
}
.pub-tl h4 { margin: 22px 0 0; font-family: var(--serif); font-size: 24px; font-weight: 500; line-height: 1.2; }
.pub-tl p { margin: 10px 0 0; font-size: 15px; line-height: 1.65; color: var(--ink-700, #3a3d33); }

/* —— Πιστοποίηση Ison: κουμπί που ανοίγει (hero) ——
   Το ύφος του ανοιγμένου πλαισίου (χρυσή γραμμή αριστερά, απαλό πράσινο φόντο)
   είναι δανεισμένο από τη μορφοποίηση των ίδιων των κειμένων του πελάτη. */
.pub-cred { margin-top: 30px; max-width: 560px; }
.pub-cred + .pub-hero__cta { margin-top: 14px; }
.pub-cred > summary, .pub-toggle {
  display: inline-flex; align-items: center; gap: .7rem; cursor: pointer;
  padding: .8rem 1.5rem; font-size: .9rem; font-weight: 600; letter-spacing: .01em;
  border: 1px solid var(--sage-500, #768760); border-radius: 10px;
  background: var(--sage-500, #768760); color: var(--cream-50, #fbf8f1);
  box-shadow: 0 2px 6px rgba(31,33,24,.12); list-style: none;
  transition: background .2s ease, box-shadow .2s ease;
}
.pub-cred > summary::-webkit-details-marker { display: none; }
.pub-toggle { user-select: none; }
.pub-cred > summary::after, .pub-toggle::after {
  content: "+"; font-size: 20px; line-height: 0; color: var(--tan-300, #d8c39a);
  transition: transform .25s ease;
}
.pub-cred > summary:hover, .pub-toggle:hover { background: var(--sage-600, #5e6d4d); box-shadow: 0 4px 12px rgba(31,33,24,.18); }
.pub-cred[open] > summary::after { transform: rotate(45deg); }
.pub-cred__body {
  margin-top: 16px; padding: 20px 24px;
  background: var(--sage-50, #f1f3ec); border-left: 3px solid var(--tan-400, #c5a572);
  border-radius: 0 6px 6px 0;
}
.pub-cred__body p { margin: 0; font-size: 15px; line-height: 1.75; color: var(--ink-700, #3a3d33); }
.pub-cred__body p + p { margin-top: 14px; }
/* «Τι περιλαμβάνει» + «Πρακτικές Πληροφορίες»: δύο κουμπιά ΔΙΠΛΑ-ΔΙΠΛΑ κάτω από την
   ταινία της τιμής (§4). Κρυφά checkbox + label (χωρίς JS) — το <details> δεν αφήνει το
   σώμα να απλωθεί κάτω από ΟΛΗ τη σειρά. Το ίδιο ύφος με το .pub-cred (ίδιοι κανόνες). */
.pub-toggles { position: relative; margin-top: 28px; max-width: 760px; }
.pub-toggles__row { display: flex; flex-wrap: wrap; gap: 12px; }
.pub-toggle__input {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.pub-toggles__panel { display: none; }
.pub-toggles:has(#tg-includes:checked)  #tg-includes-panel,
.pub-toggles:has(#tg-practical:checked) #tg-practical-panel { display: block; }
.pub-toggles:has(#tg-includes:checked)  [for="tg-includes"]::after,
.pub-toggles:has(#tg-practical:checked) [for="tg-practical"]::after { transform: rotate(45deg); }
.pub-toggles:has(#tg-includes:focus-visible)  [for="tg-includes"],
.pub-toggles:has(#tg-practical:focus-visible) [for="tg-practical"] {
  outline: 2px solid var(--tan-400, #c5a572); outline-offset: 2px;
}
/* Το tan κουμπί: διαφορετικό χρώμα για να μη συγχέεται με το πράσινο (ζήτημα πελάτη 5/9/2026).
   Η γραμμή αριστερά στο ανοιγμένο πλαίσιο έχει ΤΟ ΧΡΩΜΑ ΤΟΥ ΚΟΥΜΠΙΟΥ που το άνοιξε
   (πράσινο→πράσινη, καφέ→καφέ) — αλλιώς ο χρήστης δεν ξέρει ποιο κουμπί πάτησε. */
#tg-includes-panel { border-left-color: var(--sage-500, #768760); }
.pub-toggle--tan {
  background: var(--tan-500, #a98955); border-color: var(--tan-500, #a98955);
  color: var(--cream-50, #fbf8f1);
}
.pub-toggle--tan::after { color: var(--cream-50, #fbf8f1); opacity: .85; }
.pub-toggle--tan:hover { background: #8f7346; border-color: #8f7346; }
.pub-cred__body--tan { background: var(--cream-50, #fbf8f1); border-left-color: var(--tan-500, #a98955); }
.pub-cred__h {
  margin: 18px 0 8px !important; font-family: var(--serif); font-size: 19px !important;
  color: var(--sage-700, #475339) !important;
}
.pub-cred__h + .pub-cred__ticks + p { margin-top: 14px; }
.pub-cred__ticks { margin: 0; padding: 0; list-style: none; }
.pub-cred__ticks li {
  position: relative; padding: 4px 0 4px 26px;
  font-size: 15px; line-height: 1.65; color: var(--ink-700, #3a3d33);
}
.pub-cred__ticks li::before {
  content: "✓"; position: absolute; left: 2px; top: 4px;
  color: var(--sage-500, #768760); font-weight: 700;
}
.pub-cred__h--first { margin-top: 0 !important; }
.pub-cred__dur {
  margin: -4px 0 8px !important; font-size: 13px !important; font-style: italic;
  color: var(--ink-500, #6c6f64) !important;
}

/* —— §4 Τι περιλαμβάνει: MMPI-2/3 και τα 14 πεδία —— */
.pub-core { margin-bottom: 32px; }
.pub-core__lead { margin: 0; font-size: 17px; line-height: 1.75; color: var(--ink-700, #3a3d33); max-width: 68ch; }
.pub-core__lead b { color: var(--sage-700, #475339); font-weight: 600; }
.pub-core__lead + .pub-core__lead { margin-top: 14px; }
.pub-core__note {
  margin: 40px 0 0; padding-left: 22px; border-left: 2px solid var(--tan-300, #d8c39a);
  font-size: 15px; line-height: 1.7; color: var(--ink-500, #6c6f64); max-width: 68ch;
}

.pub-fields__cap {
  display: block; font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--tan-500, #a98955); margin-bottom: 14px;
}
/* Ευρετήριο, όχι κάρτες: δύο στήλες με λεπτές γραμμές, όπως τα περιεχόμενα της
   έκθεσης που παίρνει στο τέλος ο εξεταζόμενος. */
.pub-fields {
  list-style: none; margin: 0; padding: 0; counter-reset: fld;
  display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(7, auto);
  grid-auto-flow: column; column-gap: 56px;
  border-top: 1px solid rgba(31,33,24,.14);
}
.pub-field {
  counter-increment: fld;
  display: flex; align-items: baseline; gap: 16px;
  padding: 15px 2px; border-bottom: 1px solid rgba(31,33,24,.10);
}
.pub-field::before {
  content: counter(fld, decimal-leading-zero);
  flex: none; width: 24px; font-family: var(--serif); font-size: 15px;
  color: var(--tan-500, #a98955);
}
.pub-field__t { font-size: 15px; line-height: 1.5; color: var(--ink-900, #1f2118); }

/* 25/9/2026 — «Τι θα μάθετε για τον εαυτό σας»: 11 σημεία (6+5) στο ίδιο ευρετήριο,
   μετά «Τι παίρνετε τελικά;» και «Πώς γίνεται» σε δύο στήλες. */
.pub-fields--gain { grid-template-rows: repeat(6, auto); }
.pub-gain {
  display: grid; grid-template-columns: 1fr 1.35fr; gap: 56px;
  margin-top: 56px;
}
.pub-gain__h { margin: 0 0 14px; font-size: 26px; font-weight: 500; color: var(--ink-900, #1f2118); }
.pub-gain p { margin: 0 0 12px; font-size: 16px; line-height: 1.75; color: var(--ink-700, #3a3d33); }
.pub-gain p b { color: var(--sage-700, #475339); font-weight: 600; }
.pub-gain__qs {
  list-style: none; margin: 18px 0 0; padding: 4px 0 4px 22px;
  border-left: 2px solid var(--sage-500, #6b7a55);
}
.pub-gain__qs li { font-size: 19px; line-height: 1.6; color: var(--sage-700, #475339); }
.pub-unis {
  display: grid; grid-template-columns: 1fr 1fr; gap: 28px;
  margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(31,33,24,.12);
}
.pub-unis__cap {
  display: block; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; line-height: 1.6;
  color: var(--tan-500, #a98955); margin-bottom: 10px;
}
.pub-unis ul { margin: 0; padding: 0; list-style: none; }
.pub-unis li { font-size: 14.5px; line-height: 1.5; padding: 5px 0; color: var(--ink-900, #1f2118); }
.pub-gain + .pub-core__note { margin-top: 36px; }
.pub-gain__h--next { margin-top: 36px; }

/* Ενιαία τιμή — ό,τι απέμεινε από την καταργημένη ενότητα «Το πρόγραμμα». */
.pub-price {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 28px; margin-top: 52px; padding: 30px 34px;
  background: var(--cream-100, #f5f1e6); border: 1px solid rgba(31,33,24,.10); border-radius: 8px;
}
.pub-price__fig { display: flex; align-items: baseline; flex-wrap: wrap; gap: 16px; }
.pub-price__amount { font-size: 46px; line-height: 1; color: var(--sage-700, #475339); }
.pub-price__unit { font-size: 13px; line-height: 1.6; color: var(--ink-500, #6c6f64); max-width: 380px; }

/* —— §8 Εποπτεία —— */
.pub-super { display: grid; grid-template-columns: 1.25fr 1fr; gap: 64px; align-items: start; }
.pub-super p { font-size: 17px; line-height: 1.75; color: var(--ink-700, #3a3d33); margin: 0 0 18px; max-width: 68ch; }
.pub-super__faces { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pub-super__face { background: var(--cream-50, #fbf8f1); border: 1px solid rgba(31,33,24,.08);
  border-radius: 8px; overflow: hidden; }
.pub-super__face img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }
.pub-super__face figcaption { padding: 14px 16px; font-size: 12px; color: var(--ink-500, #6c6f64); }

/* —— §9 Κλείσε ραντεβού —— */
.pub-booking { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.pub-booking__lead { font-size: 17px; line-height: 1.75; color: var(--ink-700, #3a3d33);
  margin: 0; max-width: 460px; }
.pub-booking__note { font-size: 15px; line-height: 1.7; color: var(--ink-500, #6c6f64);
  margin: 18px 0 0; max-width: 460px; padding-left: 16px;
  border-left: 2px solid var(--sage-300, #a6b48b); }

/* —— §10 FAQ —— */
.pub-faq { max-width: 820px; border-top: 1px solid rgba(31,33,24,.12); }
.pub-faq details { border-bottom: 1px solid rgba(31,33,24,.12); }
.pub-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 20px;
  padding: 24px 0; cursor: pointer; list-style: none;
  font-family: var(--serif); font-size: 24px; color: var(--ink-900, #1f2118); transition: color .2s ease; }
.pub-faq summary::-webkit-details-marker { display: none; }
.pub-faq summary:hover { color: var(--sage-700, #475339); }
.pub-faq summary::after { content: "+"; flex: none; font-family: var(--sans); font-size: 22px;
  color: var(--tan-500, #a98955); transition: transform .25s ease; }
.pub-faq details[open] summary::after { transform: rotate(45deg); }
.pub-faq__a { margin: 0; padding: 0 0 26px; max-width: 640px;
  font-size: 15px; line-height: 1.75; color: var(--ink-700, #3a3d33); max-width: 68ch; }

/* —— §11 Τι θα έχεις στα χέρια σου —— */
.pub-deliver { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.pub-deliver__fig { position: relative; border-radius: 8px; overflow: hidden;
  border: 1px solid rgba(31,33,24,.10); box-shadow: 0 30px 60px -30px rgba(31,33,24,.28); }
.pub-deliver__fig img { width: 100%; display: block; filter: blur(5px); transform: scale(1.04); }
.pub-deliver__veil { position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(251,248,241,0) 45%, rgba(251,248,241,.9) 100%);
  display: flex; align-items: flex-end; justify-content: center; padding: 26px; }
.pub-deliver__veil span { font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--ink-500, #6c6f64); }
.pub-deliver ul { list-style: none; padding: 0; margin: 26px 0 0; }
.pub-deliver li { display: flex; gap: 13px; padding: 13px 0; font-size: 15px;
  border-top: 1px solid rgba(31,33,24,.08); color: var(--ink-700, #3a3d33); }
.pub-deliver li::before { content: "✓"; color: var(--sage-500, #768760); }

/* —— §12 Κλείσιμο —— */
.pub-closing { padding: 110px var(--gutter); background: var(--sage-700, #475339);
  color: var(--cream-50, #fbf8f1); border: none; text-align: center; }
.pub-closing__in { max-width: 780px; margin: 0 auto; }
.pub-closing h2 { font-family: var(--serif); font-size: clamp(32px, 4.4vw, 56px); font-weight: 400;
  line-height: 1.1; margin: 16px 0 0; color: var(--cream-50, #fbf8f1); }
.pub-closing h2 em { color: var(--tan-300, #d8c39a); font-style: italic; }
.pub-closing p { font-size: 17px; line-height: 1.75; color: rgba(251,248,241,.78);
  margin: 24px auto 0; max-width: 620px; }
.pub-closing .btn-pub { margin-top: 40px; background: var(--cream-50, #fbf8f1);
  border-color: var(--cream-50, #fbf8f1); color: var(--sage-700, #475339); }
.pub-closing .btn-pub:hover { background: var(--tan-300, #d8c39a);
  border-color: var(--tan-300, #d8c39a); color: var(--sage-800, #313927); }

/* —— Testimonial —— */
.pub-quote { padding: 110px var(--gutter); background: var(--sage-700, #475339); color: var(--cream-50, #fbf8f1); border: none; }
.pub-quote__grid { display: grid; grid-template-columns: 1fr 2fr; gap: 56px; align-items: flex-start; }
.pub-quote .eyebrow { color: var(--tan-300, #d8c39a); }
.pub-quote__intro { font-size: 13px; color: rgba(251,248,241,.65); margin-top: 18px; line-height: 1.6; }
.pub-quote__mark { font-family: var(--serif); font-size: 100px; line-height: .5; color: var(--tan-300, #d8c39a); }
.pub-quote__text { font-family: var(--serif); font-size: clamp(24px, 3vw, 38px); line-height: 1.25; font-style: italic; margin: 14px 0 0; }
.pub-quote__by { margin-top: 30px; font-size: 13px; color: rgba(251,248,241,.7); }
.pub-quote__by b { color: var(--cream-50, #fbf8f1); font-weight: 600; }

/* ============================================================
   Ψυχοεκπαιδευτικά άρθρα (Corr_1.docx §8)
   ============================================================ */

/* —— Λίστα άρθρων —— */
.pub-arts { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(31,33,24,.12); }
.pub-art {
  display: grid; grid-template-columns: 300px 1fr; gap: 40px; align-items: start;
  padding: 40px 0; border-bottom: 1px solid rgba(31,33,24,.12);
}
.pub-art__fig {
  display: block; border-radius: 6px; overflow: hidden;
  border: 1px solid rgba(31,33,24,.10); background: var(--cream-50, #fbf8f1);
}
/* Οι φωτογραφίες έχουν διαφορετικές αναλογίες (3:2 και ~6:5)· στη λίστα ισοπεδώνονται
   σε 4:3 με crop, ώστε οι κάρτες να ευθυγραμμίζονται. Στη σελίδα του άρθρου δείχνονται ολόκληρες. */
.pub-art__fig img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.pub-art__body h3 { margin: 0; font-size: 30px; font-weight: 500; line-height: 1.15; max-width: 34ch; }
.pub-art__body h3 a { color: var(--ink-900, #1f2118); text-decoration: none; }
.pub-art__body h3 a:hover { color: var(--sage-700, #475339); }
.pub-art__kicker {
  margin: 10px 0 0; font-size: 15px; line-height: 1.55; font-style: italic;
  color: var(--sage-700, #475339); max-width: 60ch;
}
.pub-art__excerpt {
  margin: 14px 0 0; font-size: 15px; line-height: 1.75;
  color: var(--ink-700, #3a3d33); max-width: 66ch;
}
.pub-art__more {
  display: inline-block; margin-top: 18px; font-size: 13.5px; font-weight: 600;
  color: var(--sage-700, #475339); text-decoration: none;
  border-bottom: 1px solid var(--tan-400, #c5a572); padding-bottom: 2px;
}
.pub-art__more:hover { color: var(--sage-500, #768760); border-bottom-color: var(--sage-500, #768760); }

/* —— Σελίδα άρθρου —— */
.pub-read { max-width: 760px; margin: 0 auto; padding: 64px 28px 96px; }
.pub-read__back {
  display: inline-block; font-size: 13px; color: var(--ink-500, #6c6f64); text-decoration: none;
}
.pub-read__back:hover { color: var(--sage-700, #475339); }
.pub-read h1 {
  margin: 22px 0 0; font-size: clamp(32px, 4.6vw, 50px); font-weight: 400;
  line-height: 1.12; letter-spacing: -.01em; color: var(--ink-900, #1f2118);
}
.pub-read__kicker {
  margin: 16px 0 0; font-size: 17px; line-height: 1.5; font-style: italic;
  color: var(--sage-700, #475339);
}
.pub-read__fig {
  margin: 40px 0 44px; border-radius: 6px; overflow: hidden;
  border: 1px solid rgba(31,33,24,.10);
}
.pub-read__fig img { display: block; width: 100%; height: auto; }

/* Το παλιό εικαστικό (SVG) μέσα στο κείμενο: μικρό, δεξιά, το κείμενο τυλίγει γύρω του. */
.pub-read__inline {
  float: right; width: 280px; margin: 6px 0 18px 30px;
  border-radius: 6px; overflow: hidden; border: 1px solid rgba(31,33,24,.10);
  background: var(--cream-50, #fbf8f1);
}
.pub-read__inline img { display: block; width: 100%; height: auto; }
.pub-read__body h2 { clear: none; }
.pub-read__cta { clear: both; }

/* Σώμα: σερίφ για μεγάλη ανάγνωση, με άνετο διάστιχο. */
.pub-read__body { font-family: var(--serif); font-size: 19.5px; line-height: 1.72; color: var(--ink-900, #1f2118); }
.pub-read__body p { margin: 0 0 22px; }
.pub-read__intro { font-size: 22px; line-height: 1.6; color: var(--ink-700, #3a3d33); }
.pub-read__body h2 {
  margin: 46px 0 18px; font-size: 30px; font-weight: 500; line-height: 1.2;
  color: var(--sage-700, #475339);
}
.pub-read__body ul { margin: 0 0 22px; padding: 0; list-style: none; }
.pub-read__body ul li { position: relative; padding: 5px 0 5px 26px; }
.pub-read__body ul li::before {
  content: ""; position: absolute; left: 4px; top: 16px;
  width: 6px; height: 6px; border-radius: 50%; background: var(--tan-400, #c5a572);
}

/* Πλαίσιο έμφασης — η μορφοποίηση των ίδιων των κειμένων του πελάτη. */
.pub-read__note {
  margin: 0 0 26px; padding: 20px 26px;
  background: var(--sage-50, #f1f3ec); border-left: 3px solid var(--tan-400, #c5a572);
  border-radius: 0 6px 6px 0;
  font-size: 18px; line-height: 1.65; font-style: italic; color: var(--sage-700, #475339);
}
.pub-read__pull {
  margin: 40px 0; padding: 26px 0; text-align: center;
  border-top: 1px solid var(--tan-300, #d8c39a); border-bottom: 1px solid var(--tan-300, #d8c39a);
  font-size: 24px; line-height: 1.4; font-style: italic; color: var(--sage-700, #475339);
}
.pub-read__refs {
  margin: 0; padding-left: 22px; font-family: var(--sans);
  font-size: 13.5px; line-height: 1.7; color: var(--ink-500, #6c6f64);
}
.pub-read__refs li { padding: 6px 0; }
.pub-read__refs a { color: var(--sage-700, #475339); text-decoration: none; border-bottom: 1px solid var(--tan-300, #d8c39a); }
.pub-read__refs a:hover { color: var(--sage-500, #768760); }

/* Υπογραφή συντάκτη (άρθρα με byline) + σήμανση κατηγορίας. */
.pub-read__byline {
  font-family: var(--sans); font-size: 14px; line-height: 1.5; color: var(--ink-500, #6c6f64);
  margin: 0 0 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px;
}
.pub-read__byline strong { color: var(--ink-900, #1f2118); font-weight: 600; }
.pub-read__tag {
  font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-weight: 600;
  color: var(--sage-700, #475339); padding: 4px 10px; border: 1px solid var(--tan-300, #d8c39a);
  border-radius: 999px; background: var(--cream-50, #fbf8f1);
}
/* Αριθμός ενότητας μπροστά από τον τίτλο h2 (01, 02, …). */
.pub-read__num {
  display: inline-block; margin-right: 14px; font-family: var(--sans); font-size: 13px;
  font-weight: 600; letter-spacing: .14em; color: var(--tan-400, #c5a572); vertical-align: middle;
}
/* Μεμονωμένη φράση-παράθεμα μέσα στο κείμενο (ό,τι το έγγραφο έχει έντονο-πλάγιο). */
.pub-read__quote { font-style: italic; color: var(--sage-700, #475339); padding-left: 22px; border-left: 2px solid var(--tan-300, #d8c39a); }
/* Λίστα με ✓ μέσα σε πλαίσιο έμφασης. */
.pub-read__note p { margin: 0 0 12px; }
.pub-read__note p:last-child { margin-bottom: 0; }
.pub-read__body .pub-read__checks { margin: 0; }
.pub-read__body .pub-read__checks li { padding: 4px 0 4px 28px; }
.pub-read__body .pub-read__checks li::before {
  content: "✓"; width: auto; height: auto; border-radius: 0; background: none;
  left: 2px; top: 4px; font-style: normal; font-weight: 700; color: var(--sage-700, #475339);
}
.pub-read__body .pub-stats { font-family: var(--sans); margin: 34px 0 30px; }

.pub-read__cta {
  margin-top: 56px; padding-top: 34px; border-top: 1px solid rgba(31,33,24,.12);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px;
}
.pub-read__cta p { margin: 0; font-size: 26px; color: var(--sage-700, #475339); }

@media (max-width: 760px) {
  .pub-art { grid-template-columns: 1fr; gap: 22px; padding: 32px 0; }
  .pub-art__body h3 { font-size: 26px; }
  .pub-read { padding: 40px 22px 72px; }
  .pub-read__inline { float: none; width: min(100%, 360px); margin: 0 auto 26px; }
  .pub-shead__photo { width: 100%; }
  .pub-read__body { font-size: 18px; }
  .pub-read__intro { font-size: 20px; }
  .pub-read__pull { font-size: 21px; }
}

/* —— Νομικά κείμενα (Όροι Χρήσης, Πολιτική Απορρήτου): ίδιο πλαίσιο με τα άρθρα,
   μικρότερο σώμα για μεγάλη έκταση, περιεχόμενα και πίνακες. —— */
.pub-legal .pub-read__body { font-size: 17.5px; line-height: 1.68; }
.pub-legal .pub-read__body p { margin: 0 0 16px; }
.pub-legal .pub-read__body ul { margin: 0 0 16px; }
.pub-legal .pub-read__body ul li { padding: 3px 0 3px 26px; }
.pub-legal .pub-read__body ul li::before { top: 13px; }
.pub-legal .pub-read__body h2 { font-size: 26px; margin: 44px 0 16px; scroll-margin-top: 90px; }
.pub-legal .pub-read__body h3 {
  margin: 30px 0 12px; font-family: var(--sans); font-size: 17px; font-weight: 600;
  color: var(--ink-900, #1f2118);
}
.pub-legal .pub-read__body h4 {
  margin: 22px 0 10px; font-family: var(--sans); font-size: 15.5px; font-weight: 600;
  color: var(--sage-700, #475339);
}
.pub-legal .pub-read__body a { color: var(--sage-700, #475339); text-decoration: none; border-bottom: 1px solid var(--tan-300, #d8c39a); }
.pub-legal .pub-read__body a:hover { color: var(--sage-500, #768760); }
.pub-legal__meta { margin: 12px 0 0; font-family: var(--sans); font-size: 13px; color: var(--ink-500, #6c6f64); }
.pub-legal__toc {
  margin: 36px 0 10px; padding: 22px 26px; font-family: var(--sans);
  background: var(--cream-50, #fbf8f1); border: 1px solid rgba(31,33,24,.10); border-radius: 6px;
}
.pub-legal__toc .eyebrow { margin: 0 0 10px; }
.pub-legal__toc ol { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 32px; }
.pub-legal__toc li { padding: 3px 0; font-size: 14px; line-height: 1.45; break-inside: avoid; }
.pub-legal__toc a { color: var(--ink-700, #3a3d33); text-decoration: none; }
.pub-legal__toc a:hover { color: var(--sage-700, #475339); text-decoration: underline; }
.pub-legal__table { margin: 0 0 22px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.pub-legal__table table {
  width: 100%; min-width: 560px; border-collapse: collapse;
  font-family: var(--sans); font-size: 14px; line-height: 1.5;
}
.pub-legal__table th, .pub-legal__table td {
  padding: 10px 12px; text-align: left; vertical-align: top;
  border-bottom: 1px solid rgba(31,33,24,.12);
}
.pub-legal__table th { background: var(--sage-50, #f1f3ec); font-weight: 600; color: var(--sage-700, #475339); }
@media (max-width: 760px) {
  .pub-legal__toc ol { columns: 1; }
  .pub-legal .pub-read__body { font-size: 16.5px; }
}

/* —— Αρχική 27/9/2026: παρατηρήσεις email 13–27/9 (backup/landing-20260927) —— */
.pub-intro .pub-intro__origin { margin: 18px 0 28px; }
.pub-intro .pub-intro__origin strong { color: var(--sage-700, #475339); font-weight: 600; }
/* Τα 4 βήματα σε δική τους ενότητα (πριν ήταν μέσα στο hero). */
.pub-how.pub-how--section { margin-top: 0; }
/* «Το Ψυχολογικό Check-Up είναι για σένα εάν…» */
.pub-foryou { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: start; }
.pub-foryou__intro p { margin: 0 0 16px; font-size: 17px; line-height: 1.75; color: var(--ink-700, #3a3d33); }
.pub-foryou__lead { font-family: var(--serif); font-size: 22px !important; line-height: 1.4 !important; color: var(--sage-700, #475339) !important; }
.pub-foryou__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.pub-foryou__list li {
  position: relative; padding: 18px 22px 18px 58px; border-radius: 8px;
  background: var(--cream-50, #fbf8f1); border: 1px solid rgba(31,33,24,.08);
  font-size: 15px; line-height: 1.65; color: var(--ink-700, #3a3d33);
}
.pub-foryou__list li::before {
  content: "✓"; position: absolute; left: 20px; top: 17px; width: 26px; height: 26px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700;
  background: var(--sage-50, #f1f3ec); color: var(--sage-700, #475339); border: 1px solid var(--sage-200, #c4cdb1);
}
.pub-foryou__list b { display: block; margin-bottom: 2px; color: var(--ink-900, #1f2118); font-weight: 600; }
/* Τιμή με «Τι περιλαμβάνουν τα 230€» (από τη /home/index2). */
/* 27/9/2026: ίδιο πράσινο πλαίσιο με την τιμή της /home/index2 (.l2-price, index2.css). */
.pub-price--incl { align-items: flex-start; background: #e8eddf; border-color: #bec8ad; border-radius: 16px; }
.pub-price--incl .pub-price__amount { color: #344329; }
.pub-price__incl { flex: 1 1 320px; }
.pub-price__cap { display: block; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; color: var(--sage-700, #475339); margin-bottom: 8px; }
.pub-price__incl ul { list-style: none; margin: 0; padding: 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-700, #3a3d33); }
.pub-price__incl li { display: flex; gap: 10px; padding: 4px 0; }
.pub-price__incl li::before { content: "✓"; color: var(--sage-500, #768760); }
.pub-price__fine { display: block; margin-top: 10px; font-size: 12.5px; color: var(--ink-500, #6c6f64); }
.pub-price--incl .btn-pub { align-self: center; }
/* Φωτογραφίες Online / Δια ζώσης (Α. Πίζγα, 24/9): κομμένα λίγο τα πλαϊνά. */
.pub-service__photo { margin: -36px -36px 24px; border-radius: 8px 8px 0 0; overflow: hidden; }
.pub-service__photo img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; }
/* «Ποιοι είμαστε»: τρεις παράγραφοι αντί για μία πρόταση. */
.pub-team__intro { margin-top: 20px; max-width: 72ch; }
.pub-team__intro p { margin: 0 0 14px; font-size: 16.5px; line-height: 1.75; color: var(--ink-700, #3a3d33); }
.pub-team__intro b { color: var(--sage-700, #475339); font-weight: 600; }
@media (max-width: 900px) {
  .pub-foryou { grid-template-columns: 1fr; gap: 24px; }
  .pub-service__photo { margin: -26px -26px 20px; }
}

/* Πράσινο πλαίσιο (ίδιο με την τιμή / .l2-price της index2) — τρία σημεία στη σελίδα:
   «είναι για σένα εάν», «Τι παίρνετε τελικά;» και η τιμή. */
.pub-foryou__intro, .pub-gain__col--card {
  background: #e8eddf; border: 1px solid #bec8ad; border-radius: 16px; padding: 30px 32px;
}
.pub-foryou__intro { position: sticky; top: 110px; }
.pub-foryou__intro p:last-child { margin-bottom: 0; }
.pub-foryou__intro .pub-foryou__lead { color: #344329 !important; }
.pub-gain__col--card .pub-gain__qs { border-left-color: #8fa276; }
.pub-gain__col--card .pub-gain__h--next { padding-top: 26px; border-top: 1px solid #bec8ad; }
@media (max-width: 900px) {
  .pub-foryou__intro { position: static; }
  .pub-foryou__intro, .pub-gain__col--card { padding: 24px; }
}

/* Αλλαγές Ν. Σταθόπουλου 27/9/2026 */
.pub-shead__note { margin: 18px 0 0; max-width: 62ch; font-size: 15px; line-height: 1.65; color: var(--ink-500, #6c6f64); }
.pub-team__intro .pub-team__lead { font-family: var(--serif); font-size: 22px; line-height: 1.45; color: var(--sage-700, #475339); margin-bottom: 18px; }

/* Κουμπιά κράτησης ανά 2–3 ενότητες (27/9/2026). */
.pub-intro__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 0 0 28px; }
.pub-intro__actions .pub-talknow { margin: 0; }
.pub-section__more--cta { margin-top: 44px; }

/* Το κρυφό checkbox του «Με την εγκυρότητα…» μένει δίπλα στο κουμπί, ώστε το κλικ να μη
   κυλά τη σελίδα στην κορυφή του hero (Ν. Σταθόπουλος 27/9/2026). */
.pub-intro__side { position: relative; }

/* —— «Θέλω να ξεκινήσω τώρα» (άμεση διαθεσιμότητα, 27/9/2026) —— */
.pub-talknow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 22px 0 26px; }
.pub-talknow[hidden], .pub-talknow__btn[hidden] { display: none !important; }
.pub .pub-talknow__btn { display: inline-flex; align-items: center; gap: 10px; }
.pub-talknow__dot {
  width: 10px; height: 10px; border-radius: 50%; background: #7fd18b; flex-shrink: 0;
  box-shadow: 0 0 0 0 rgba(127, 209, 139, .7); animation: pub-talknow-pulse 1.8s infinite;
}
@keyframes pub-talknow-pulse {
  0% { box-shadow: 0 0 0 0 rgba(127, 209, 139, .7); }
  70% { box-shadow: 0 0 0 9px rgba(127, 209, 139, 0); }
  100% { box-shadow: 0 0 0 0 rgba(127, 209, 139, 0); }
}
.pub-talknow__note { font-size: 13.5px; color: var(--ink-500, #6c6f64); }
.pub-how__cta .pub-talknow__btn--how { margin: 0 12px 12px 0; vertical-align: middle; }
@media (prefers-reduced-motion: reduce) { .pub-talknow__dot { animation: none; } }

/* —— Footer —— */
.pub-footer { padding: 72px var(--gutter) 36px; background: var(--cream-50, #fbf8f1); }
.pub-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 44px; padding-bottom: 48px; border-bottom: 1px solid rgba(31,33,24,.10); }
.pub-footer__brand img { height: 46px; width: auto; }
.pub-footer__brand .pub-brand__name { font-size: 22px; }
.pub-footer__brand p { font-size: 13px; line-height: 1.6; color: var(--ink-700, #3a3d33); max-width: 320px; margin-top: 16px; }
.pub-footer h5 { margin: 6px 0 16px; }
.pub-footer ul { list-style: none; padding: 0; margin: 0; font-size: 13.5px; line-height: 2.1; color: var(--ink-700, #3a3d33); }
.pub-footer ul a { color: inherit; text-decoration: none; }
.pub-footer ul a:hover { color: var(--sage-700, #475339); }
.pub-footer__bottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 22px; font-size: 12px; color: var(--ink-500, #6c6f64); }
.pub-footer__bottom .mono { font-family: var(--mono); }

/* —— Responsive —— */
@media (max-width: 992px) {
  .pub { --gutter: 28px; }
  .pub-nav { padding: 14px 20px; flex-wrap: wrap; }
  .pub-nav__links { display: none; }
  .pub-nav__brand { min-width: 0; }
  .pub-hero { grid-template-columns: 1fr; gap: 40px; }
  .pub-hero__ring { display: none; }
  .pub-hero__figure { order: 1; } /* στοιβαγμένα, ο τίτλος πρώτος */
  .pub-services { grid-template-columns: 1fr; }
  .pub-steps { grid-template-columns: 1fr 1fr; }
  .pub-step { border-right: none !important; padding-left: 0 !important; padding-right: 0 !important; }
  .pub-team { grid-template-columns: 1fr 1fr; }
  .pub-quote__grid, .pub-footer__grid { grid-template-columns: 1fr; gap: 28px; }
  .pub-qcards { grid-template-columns: 1fr; }
  .pub-core { margin-bottom: 32px; }
  .pub-fields { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; column-gap: 0; }
  .pub-gain { grid-template-columns: 1fr; gap: 40px; margin-top: 40px; }
  .pub-unis { grid-template-columns: 1fr; gap: 18px; }
  .pub-price { padding: 26px; }
  .pub-super, .pub-deliver, .pub-booking { grid-template-columns: 1fr; gap: 40px; }
  .pub-timeline { grid-template-columns: 1fr 1fr; gap: 32px; }
  .pub-tl:nth-child(2n)::before { display: none; }
}
@media (max-width: 560px) {
  .pub-steps, .pub-team { grid-template-columns: 1fr; }
  .pub-nav { gap: 12px; }
  .pub-nav__brand { gap: 10px; }
  .pub-nav__brand img { height: 40px; }
  .pub-brand__name { font-size: 19px; }
  .pub-brand__tag { font-size: 8.5px; letter-spacing: .18em; }
  .pub-nav__actions .btn-pub { padding: .65rem 1.05rem; font-size: .82rem; }
  .pub-price { flex-direction: column; align-items: flex-start; }
  .pub-price .btn-pub { width: 100%; justify-content: center; }
  .pub-card__slots { grid-template-columns: repeat(3, 1fr); }
  .pub-stats { gap: 28px; }
  .pub-super__faces { grid-template-columns: 1fr; }
  .pub-timeline { grid-template-columns: 1fr; gap: 26px; }
  .pub-tl::before { display: none; }
  .pub-faq summary { font-size: 20px; }
}
/* Σεβασμός στο prefers-reduced-motion — οι κινήσεις είναι διακοσμητικές. */
@media (prefers-reduced-motion: reduce) {
  .pub-qcard, .pub-faq summary::after, .pub-cred > summary, .pub-toggle, .pub-toggle::after,
  .pub-cred > summary::after { transition: none; }
  .pub-qcard:hover { transform: none; }
}

/* ============================================================
   Hero + «Πώς γίνεται;» (22/9/2026, σχέδιο πελάτη docs/arxi.jpg)
   ============================================================ */
.pub-intro { position: relative; overflow: hidden; padding-top: 64px; }
.pub-intro__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.45fr 1fr; gap: 48px; align-items: center; }
.pub-intro__rule { display: block; width: 62px; height: 1.5px; background: var(--sage-500, #768760); opacity: .7; }
.pub-intro h1 { margin: 26px 0 26px; font-size: clamp(40px, 5.2vw, 68px); line-height: 1.02; letter-spacing: -.015em; color: var(--ink-900, #1f2118); }
.pub-intro h1 em { display: block; color: var(--sage-700, #475339); font-style: italic; }
.pub-intro__lead { margin: 0; max-width: 560px; font-size: 20px; line-height: 1.5; color: var(--ink-900, #1f2118); }
.pub-intro__sub { margin: 18px 0 0; max-width: 520px; font-size: 16.5px; line-height: 1.6; color: var(--ink-700, #3a3d33); }
.pub-intro__strong { margin: 18px 0 0; font-size: 19px; font-weight: 700; color: var(--ink-900, #1f2118); }

/* Φωτογραφία σε οργανικό πλαίσιο, όπως στο σχέδιο: σχεδόν ορθογώνιο (λίγο πλατύτερο από
   ψηλό) με μικρές καμπύλες σε τρεις γωνίες και μια μεγάλη καμπύλη κάτω αριστερά, που
   αφήνει να φανεί ο γκρι κύκλος από πίσω· ένας μεγάλος απαλός κύκλος προεξέχει από πάνω. */
.pub-intro__visual { position: relative; padding: 17% 3% 2% 9%; }
.pub-intro__figure { position: relative; z-index: 1; margin: 0; aspect-ratio: 16 / 15; overflow: hidden;
  border-radius: 7% 8% 7% 33% / 7.5% 8.5% 7.5% 37%; background: var(--sage-100, #e1e6d7);
  box-shadow: 0 30px 60px -34px rgba(31,33,24,.30); }
.pub-intro__figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pub-intro__blob { position: absolute; border-radius: 50%; background: var(--sage-100, #e1e6d7); }
.pub-intro__blob--a { width: 33%; aspect-ratio: 1; left: 0; bottom: 0; opacity: .75; }
.pub-intro__blob--b { width: 64%; aspect-ratio: 1; left: 30%; top: 0; opacity: .45; }

.pub-intro__sprig { position: absolute; color: var(--sage-400, #8d9d72); fill: var(--sage-300, #a6b48b); pointer-events: none; }
.pub-intro__sprig--top { z-index: 2; width: 92px; right: -6px; top: -18px; transform: rotate(8deg); }
.pub-intro__sprig--low { width: 130px; left: -34px; bottom: 60px; transform: rotate(-38deg); opacity: .8; }

/* Απόφθεγμα σε πράσινο-γκρι πλαίσιο με φυλλαράκι. */
.pub-intro__quote { position: relative; z-index: 1; display: flex; align-items: center; gap: 30px;
  max-width: 700px; margin: 40px 0 0; padding: 30px 40px 30px 30px; border-radius: 12px;
  background: var(--sage-50, #f1f3ec); background: color-mix(in srgb, var(--sage-100, #e1e6d7) 70%, var(--cream-100, #f5f1e6)); }
.pub-intro__quote-leaf { flex: none; width: 76px; height: 86px; color: var(--sage-500, #768760); fill: var(--sage-400, #8d9d72);
  padding-right: 28px; box-sizing: content-box; border-right: 1.5px solid rgba(71,83,57,.35); }
.pub-intro__quote p { margin: 0; font-family: var(--serif); font-size: 23px; line-height: 1.45; color: var(--ink-700, #3a3d33); }
.pub-intro__quote strong { white-space: nowrap; font-weight: 700; color: var(--ink-900, #1f2118); }

/* Πώς γίνεται; */
.pub-how { position: relative; z-index: 1; margin-top: 64px; }
.pub-how__title { margin: 0; font-size: clamp(40px, 5vw, 64px); font-style: italic; line-height: 1.05; color: var(--sage-700, #475339); }
.pub-how__sub { margin: 6px 0 0; font-family: var(--serif); font-size: clamp(20px, 2.2vw, 27px); line-height: 1.35; color: var(--ink-700, #3a3d33); }
.pub-how__steps { list-style: none; margin: 56px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); }
.pub-how__step { position: relative; padding: 0 28px; }
.pub-how__step:first-child { padding-left: 0; }
.pub-how__step + .pub-how__step { border-left: 1px solid rgba(31,33,24,.10); }
/* Βελάκι ανάμεσα στα εικονίδια, στο ύψος του κύκλου. */
.pub-how__step:not(:last-child)::after { content: "→"; position: absolute; right: -10px; top: 38px;
  font-size: 22px; line-height: 1; color: var(--ink-500, #6c6f64); background: var(--cream-100, #f5f1e6); padding: 4px 0; z-index: 1; }
.pub-how__icon { position: relative; display: flex; align-items: center; justify-content: center;
  width: 104px; height: 104px; margin-left: 36px; border-radius: 50%;
  background: var(--sage-100, #e1e6d7); background: color-mix(in srgb, var(--sage-100, #e1e6d7) 75%, var(--cream-100, #f5f1e6)); }
.pub-how__icon svg { width: 52px; height: 52px; fill: none; stroke: var(--ink-900, #1f2118); stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.pub-how__icon .dots { fill: var(--ink-900, #1f2118); stroke: none; }
.pub-how__n { position: absolute; left: -36px; bottom: 0; width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; font-family: var(--sans); font-size: 18px; font-weight: 600;
  color: var(--cream-50, #fbf8f1); background: var(--sage-700, #475339); box-shadow: 0 0 0 4px var(--cream-100, #f5f1e6); }
.pub-how__step h3 { margin: 26px 0 0; font-family: var(--serif); font-size: 24px; font-weight: 500; line-height: 1.2; color: var(--sage-800, #313927); }
.pub-how__step p { margin: 22px 0 0; font-size: 15px; line-height: 1.6; color: var(--ink-500, #6c6f64); }

.pub-how__cta { margin-top: 48px; text-align: center; }
.pub .pub-how__btn { display: inline-flex; align-items: center; justify-content: center; gap: 22px;
  min-width: min(380px, 100%); padding: 16px 40px; border-radius: 999px; text-decoration: none;
  font-family: var(--serif); font-size: 23px; color: var(--cream-50, #fbf8f1); background: var(--sage-700, #475339);
  box-shadow: 0 10px 24px -14px rgba(31,33,24,.55); transition: background .2s ease, transform .2s ease; }
.pub .pub-how__btn:hover { background: var(--sage-800, #313927); color: var(--cream-50, #fbf8f1); transform: translateY(-1px); }

.pub-trust { list-style: none; margin: 40px 0 0; padding: 26px 0 0; border-top: 1px solid rgba(31,33,24,.12);
  display: grid; grid-template-columns: repeat(3, 1fr); }
.pub-trust li { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 4px 16px;
  font-size: 15px; line-height: 1.5; color: var(--ink-700, #3a3d33); }
.pub-trust li + li { border-left: 1px solid rgba(31,33,24,.10); }
.pub-trust svg { flex: none; width: 42px; height: 42px; fill: none; stroke: var(--sage-800, #313927); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 992px) {
  .pub-intro__grid { grid-template-columns: 1fr; gap: 28px; }
  .pub-intro__visual { max-width: 460px; }
  .pub-how__steps { grid-template-columns: 1fr 1fr; row-gap: 44px; }
  .pub-how__step, .pub-how__step:first-child { padding: 0 24px 0 0; }
  .pub-how__step + .pub-how__step { border-left: none; }
  .pub-how__step::after { display: none; }
  .pub-intro__sprig--low { display: none; }
}
@media (max-width: 560px) {
  .pub-intro { padding-top: 40px; }
  .pub-intro__lead { font-size: 18px; }
  .pub-intro__quote { flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px; }
  .pub-intro__quote-leaf { width: 52px; height: 58px; padding: 0; border: none; }
  .pub-intro__quote p { font-size: 20px; }
  .pub-how__steps { grid-template-columns: 1fr; }
  .pub-how__step, .pub-how__step:first-child { padding: 0; }
  .pub .pub-how__btn { width: 100%; padding: 14px 24px; font-size: 21px; }
  .pub-trust { grid-template-columns: 1fr; gap: 16px; }
  .pub-trust li { justify-content: flex-start; padding: 0; }
  .pub-trust li + li { border-left: none; }
}
@media (prefers-reduced-motion: reduce) { .pub .pub-how__btn { transition: none; } .pub .pub-how__btn:hover { transform: none; } }

/* 25/9/2026 — κουμπί ISON κάτω από τη φωτό του hero, ευθυγραμμισμένο ΚΑΤΩ με το πλαίσιο
   του αποφθέγματος: οι δύο στήλες τεντώνονται στο ύψος της 1ης σειράς του grid και το
   απόφθεγμα / το κουμπί σπρώχνονται στο τέλος τους (margin-top:auto). Το κείμενο ανοίγει
   στη 2η σειρά, κάτω από το κουμπί, χωρίς να μετακινεί την αριστερή στήλη. */
.pub-intro__grid { align-items: stretch; }
.pub-intro__text, .pub-intro__side { display: flex; flex-direction: column; }
.pub-intro__text .pub-intro__quote { margin-top: auto; }
.pub-intro__rule:has(+ .pub-intro__quote) { margin-bottom: 32px; }
.pub-intro__side .pub-intro__visual { margin-bottom: 22px; }
.pub-intro__cred { position: relative; z-index: 1; margin: auto 0 0 9%; font-size: .85rem;
  justify-content: space-between; }
.pub-intro__cred-panel { display: none; grid-column: 2; margin: -32px 0 0 9%; position: relative; z-index: 1;
  border-left-color: var(--sage-500, #768760); }
.pub-intro__grid:has(#tg-ison:checked) .pub-intro__cred-panel { display: block; }
.pub-intro__grid:has(#tg-ison:checked) .pub-intro__cred::after { transform: rotate(45deg); }
.pub-intro__grid:has(#tg-ison:focus-visible) .pub-intro__cred { outline: 2px solid var(--tan-400, #c5a572); outline-offset: 2px; }
@media (max-width: 992px) {
  .pub-intro__side { max-width: 460px; }
  .pub-intro__cred, .pub-intro__cred-panel { margin-left: 0; }
  .pub-intro__cred-panel { grid-column: auto; max-width: 460px; margin-top: -12px; }
}

/* 26/10/2026 — «Με την τεχνογνωσία 35+ χρόνων της ISON Psychometrica» με το λογότυπο (Α. Πίζγα 24/10), κάτω από τη
   φωτογραφία, ευθυγραμμισμένο κάτω με το «Όπως φροντίζουμε το σώμα…» (Τ. Τριανταφυλλίδης 26/10)· το κείμενο της ISON
   ανοίγει στη 2η σειρά, όπως πριν. */
.pub-intro__ison { display: flex; align-items: center; gap: 16px; margin: auto 0 0 9%; position: relative; z-index: 1; }
.pub-intro__ison-logo { height: 58px; width: auto; display: block; flex: none; }
.pub-intro__ison .pub-intro__cred { margin: 0; flex: 1; }
@media (max-width: 992px) {
  .pub-intro__ison { margin-left: 0; }
}

/* 26/10/2026 — «Τι λαμβάνεις»: το δείγμα έκθεσης και η λίστα σε μία στήλη, δίπλα στην κάρτα «Τι λαμβάνεις τελικά;». */
.pub-deliver--stack { grid-template-columns: 1fr; gap: 8px; align-items: start; }
.pub-deliver--stack ul { margin-top: 18px; }

/* 25/9/2026 — έφυγε το «Δες τι περιλαμβάνει το check-up →» στο τέλος του #service (οδηγούσε
   στην ενότητα που ακολουθεί αμέσως)· μικρότερο κενό μέχρι το «Τι θα μάθετε για τον εαυτό σας». */
#service { padding-bottom: 48px; }
#service + #includes, #service ~ #includes { padding-top: 48px; }

/* —— Κατάλογος ψυχολόγων & σελίδα ψυχολόγου (επιλογή ψυχολόγου από τον πελάτη, 29/9/2026) —— */
.psy-dir__title { font-size: clamp(30px, 4vw, 44px); font-weight: 400; margin: 10px 0 14px; }
.psy-dir__lead { max-width: 62ch; font-size: 16.5px; line-height: 1.7; color: var(--ink-700, #3a3d33); }
.psy-dir__filter { max-width: 24rem; margin: 22px 0 18px; }
.psy-dir__result { color: var(--ink-700, #3a3d33); }
.psy-dir__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; margin: 10px 0 40px; }
.psy-card { display: flex; gap: 14px; align-items: center; padding: 14px; background: var(--cream-50, #fbf8f1); border: 1px solid rgba(31,33,24,.08); border-radius: 8px; }
.psy-card__photo, .psy-profile__photo { flex: none; display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--sage-100, #e1e6d7); color: var(--sage-700, #475339); font-family: var(--serif); text-decoration: none; }
.psy-card__photo { width: 76px; height: 76px; border-radius: 50%; font-size: 24px; }
.psy-card__photo img, .psy-profile__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.psy-card__body { min-width: 0; }
.psy-card__body h2 { font-size: 19px; font-weight: 500; line-height: 1.2; margin: 0; }
.psy-card__body h2 a { color: var(--ink-900, #1f2118); text-decoration: none; }
.psy-card__body h2 a:hover { color: var(--sage-700, #475339); text-decoration: underline; }
.psy-card__spec { font-size: 12.5px; color: var(--ink-500, #6c6f64); margin-top: 4px; }
.psy-card__region { font-size: 13px; color: var(--sage-700, #475339); margin-top: 6px; }
.psy-card__near { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 10px; background: var(--sage-100, #e1e6d7); font-size: 11.5px; }
.psy-profile { display: grid; grid-template-columns: 280px 1fr; gap: 36px; align-items: start; margin: 10px 0 48px; }
.psy-profile__photo { aspect-ratio: 1/1; border-radius: 8px; font-size: 64px; }
.psy-profile__body h1 { font-size: clamp(28px, 3.6vw, 40px); font-weight: 400; margin: 0; }
.psy-profile__text { margin: 22px 0 0; max-width: 62ch; font-size: 16.5px; line-height: 1.75; color: var(--ink-700, #3a3d33); white-space: pre-line; }
.psy-profile__book { font-size: 18px; font-weight: 600; margin: 30px 0 4px; }
@media (max-width: 720px) {
  .psy-profile { grid-template-columns: 1fr; gap: 20px; }
  .psy-profile__photo { max-width: 240px; }
}
.pub-person h4 a { color: inherit; text-decoration: none; }
.pub-person h4 a:hover { color: var(--sage-700, #475339); text-decoration: underline; }
.pub-section__more { display: flex; flex-wrap: wrap; gap: 12px; }
.psy-dir__types { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 26px 0 16px; }
.psy-dir__types-label { width: 100%; font-weight: 600; color: var(--ink-900, #1f2118); }
.psy-dir__type { padding: 10px 22px; border: 1px solid var(--sage-500, #768760); border-radius: 999px; color: var(--sage-700, #475339); background: transparent; text-decoration: none; font-weight: 500; }
.psy-dir__type:hover { background: var(--sage-100, #e1e6d7); color: var(--sage-700, #475339); }
.psy-dir__type.is-active { background: var(--sage-700, #475339); border-color: var(--sage-700, #475339); color: var(--cream-50, #fbf8f1); }
.psy-dir__all { margin-left: 6px; font-size: 14px; }
.psy-dir__filter { margin-top: 6px; }

/* —— Ε-66: σελίδα σφάλματος (Views/Shared/_ErrorContent.cshtml) —— */
.pub-error { max-width: 40rem; margin: 24px auto; text-align: center; }
.pub-error h1 { font-size: clamp(2rem, 4.5vw, 2.8rem); margin: .35rem 0 1rem; }
.pub-error__lead { font-size: 1.05rem; }
.pub-error__ref {
  display: inline-block; margin-top: .5rem; padding: .6rem 1.1rem;
  border: 1px dashed var(--tan-500, #a98955); border-radius: 10px;
  font-family: var(--mono); letter-spacing: .06em;
}
.pub-error__actions { margin-top: 1.75rem; }

/* —— Ε-67: σελίδες σύνδεσης και λογαριασμού (Areas/Identity/Pages/_AccountLayout.cshtml) —— */
.pub-account {
  max-width: 480px; margin: 8px auto 0; padding: 32px 32px 24px;
  background: var(--cream-50, #fbf8f1); border: 1px solid var(--cream-200, #ece5d2);
  border-radius: 16px; box-shadow: 0 6px 24px rgba(31,33,24,.06);
}
.pub-account h1 { font-family: var(--serif); font-weight: 400; font-size: 2.1rem; margin-bottom: .75rem; }
.pub-account h2 { font-size: 1rem; font-weight: 600; color: var(--ink-500, #6c6f64); }
.pub-account .row { --bs-gutter-x: 0; }
.pub-account .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
@media (max-width: 575.98px) {
  .pub-account { padding: 24px 18px 16px; border-radius: 12px; }
}