/* Εσωτερικές — ΑΥΤΟΥΣΙΟ από την εγκεκριμένη μακέτα v8 (2ο <style> των εσωτερικών). Αλλαγές μόνο στη μακέτα ή στο wp.css. */
/* ══ ΕΣΩΤΕΡΙΚΕΣ ΣΕΛΙΔΕΣ — build_esoterikes.py (20/10/2026) ══
   Το πρώτο <style> είναι ΑΥΤΟΥΣΙΟ της εγκεκριμένης αρχικής v5. Εδώ μόνο τα νέα
   components, με tokens του DESIGN-CONTRACT v1.0 (κανένα νέο χρώμα):
   άνοιγμα σελίδας (.hero-in) · ψίχουλα (.crumbs) · «προς επιβεβαίωση» (.tbc) ·
   γρήγοροι σύνδεσμοι (.pills) · κάρτες ζώων (.quad) · ερωτήσεις (.faq) · φόρμα (.form). */
[hidden]{display:none!important}
.bg-white{background:#fff}
.first{padding-top:clamp(36px,4vw,56px)}
.cont{padding-top:0}
.mt{margin-top:clamp(40px,5vw,64px)}
.center{text-align:center;margin-top:34px}

/* ── άνοιγμα εσωτερικής σελίδας: η πρώτη οθόνη της αρχικής σε χαμηλότερη ζώνη ──
   Ίδια φωτογραφία-πέπλο-καμπύλη· κείμενο κάτω, λευκό. Η θέση της φωτογραφίας
   ορίζεται ανά σελίδα με το --op (η αρχική είναι ρυθμισμένη για το πρόσωπο του παιδιού). */
.hero.hero-in{min-height:clamp(430px,calc(14vw + 260px),540px);padding-top:56px}
.hero-in .hero-bg img{object-position:var(--op,50% 50%)}
/* Πέπλο: φωτεινό ψηλά, πυκνό από το ύψος των ψίχουλων και κάτω (μετρημένο σε pixel: τα ψίχουλα 15px
   πάνω σε ανοιχτό λιβάδι έπεφταν ως 2,23:1 με .22 στο 28%) */
.hero-in .hero-bg::after{background:linear-gradient(180deg,rgba(66,40,18,.16) 0%,rgba(66,40,18,.30) 18%,rgba(66,40,18,.68) 36%,rgba(66,40,18,.75) 60%,rgba(66,40,18,.80) 100%)}
.hero-in h1{font-size:clamp(2.1rem,4.2vw,3.5rem)}
/* «ταμπελάκι» στο χρώμα του πέπλου: τα ψίχουλα (15px) διαβάζονται πάνω σε κάθε φωτογραφία */
.crumbs-nav{display:flex;justify-content:center}
.crumbs{list-style:none;margin:0 0 16px;padding:6px 16px;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;font:500 15px/1.4 var(--sans);color:#fff;background:rgba(66,40,18,.5);border-radius:999px}
.crumbs li+li::before{content:"›";margin-right:10px}
.crumbs a{color:#fff;text-underline-offset:3px}
.crumbs [aria-current]{font-weight:700}

/* ── «Προς επιβεβαίωση»: ό,τι δεν τεκμηριώνεται ακόμα από την πελάτισσα ── */
.tbc{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px dashed var(--clay-ink);border-radius:16px;padding:16px 20px;color:var(--ink);font-size:16px;line-height:1.55;text-align:left;margin-top:24px}
.tbc-i{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--clay-ink);color:#fff;display:grid;place-items:center;font:700 16px/1 var(--sans)}
.tbc b{display:block;font:700 13px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--main);margin-bottom:6px}
.tbc-t{display:block}
.tbc-tag{display:inline-block;font:700 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#fff;border:1.5px dashed var(--clay-ink);border-radius:999px;padding:5px 10px;margin-left:6px;vertical-align:.1em;white-space:nowrap}
.ph{position:relative;margin:0}
.ph .tbc-tag{position:absolute;left:12px;top:12px;margin:0}

/* ── γρήγοροι σύνδεσμοι μέσα στη σελίδα ── */
.pills{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pills a{display:inline-flex;align-items:center;gap:8px;font:700 15px/1 var(--sans);color:var(--main);text-decoration:none;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:13px 20px;transition:background .2s,color .2s,border-color .2s}
.pills a::after{content:"↓"}
.pills a:hover{background:var(--main);color:#fff;border-color:var(--main)}

/* ── εναλλάξ: παραλλαγές ── */
.alt > div.al-left{text-align:left}
.al-left .eyebrow{text-align:left}
.alt img.tall{aspect-ratio:4/5}
.hrs{font-size:16px;line-height:1.55;color:var(--ink);margin:0 0 18px}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}

/* ── κάρτες ζώων ── */
.quad{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.quad figure{margin:0;height:100%;background:#fff;box-shadow:0 1px 0 var(--line)}
.quad img{width:100%;aspect-ratio:1;object-fit:cover}
.quad figcaption{padding:18px 20px 22px}
.quad h3{font-size:1.3rem;margin:0 0 6px}
.quad p{margin:0;font-size:16px;line-height:1.55;color:var(--ink)}
.op-l{object-position:30% 50%}
.op-b{object-position:50% 72%}
.op-t{object-position:50% 28%}

/* ── σκίτσα: ολόκληρο το σχέδιο σε λευκό χαρτί ── */
.trio.sketch img{object-fit:contain;background:#fff;padding:12px;border:1px solid var(--line)}

/* ── δύο στήλες / πλέγμα πλαισίων ── */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,32px);align-items:start;margin-top:40px}
.two .tbc,.two .pets,.two .info{margin-top:0}
.pets.ico{display:flex;gap:14px;align-items:center}
.pets.ico svg{flex:0 0 40px;color:var(--clay-ink)}
/* 27/10: η πελάτισσα ζήτησε περίγραμμα στο πλαίσιο των κατοικιδίων — συνεχές, για να μη μοιάζει με το διακεκομμένο .tbc */
.pets{border:2px solid var(--clay-ink)}
/* 30/10: το ίδιο περίγραμμα και στο τάισμα των ζώων (πελάτισσα, σχόλιο 63452) */
.info.warn{border:2px solid var(--clay-ink)}

/* ── επιβεβαιωμένη πληροφορία (ό,τι ήταν .tbc και απάντησε η πελάτισσα 27/10) ── */
.info{background:#fff;border-radius:16px;padding:16px 20px;border:1.5px solid var(--line);color:var(--ink);font-size:16px;line-height:1.55;text-align:left;margin-top:24px}
.info b{display:block;font:700 13px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--main);margin-bottom:6px}
.info p{margin:0 0 .5em;font-size:16px;line-height:1.55;color:var(--ink)}
.info p:last-child{margin:0}
.chips{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.chips li{font:700 16px/1 var(--sans);color:var(--main);background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:12px 18px}
.chips-h{text-align:center;margin:40px 0 0;font:700 1.2rem/1.3 var(--slab);color:var(--main)}
.note-c{max-width:760px;margin:22px auto 0;text-align:center;font-size:17px;color:var(--ink)}
/* 30/10: πρόταση με έμφαση μέσα στη λωρίδα — συμπαγές φόντο, όπως οι γραμμές του τίτλου, για αντίθεση πάνω από τα σχήματα */
.band .band-p{display:inline-block;max-width:820px;margin:26px auto 0;background:var(--main);color:#fff;font:600 clamp(1.1rem,1.9vw,1.4rem)/1.5 var(--sans);padding:.55em .9em;border-radius:12px;text-wrap:balance}

/* ── «Μια ολόκληρη μέρα»: μικρά διακριτά πλαίσια για ΟΛΕΣ τις ενότητες (πελάτισσα 27/10) ── */
.find.mini{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:40px}
.find.mini a{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:22px 14px 20px;border-radius:18px}
.find.mini .f-ico{flex:0 0 52px;width:52px;height:52px}
.find.mini .f-ico svg{width:28px;height:28px}
.find.mini h3{font-size:1.15rem;margin:0 0 8px}
.find.mini .more{font-size:15px}
.find.mini a[aria-current]{box-shadow:inset 0 0 0 2px var(--main)}

/* ── «Ανακαλύψτε την περιοχή» (27/10): 4 θεματικές κάρτες με τα εικονίδια .f-ico της αρχικής ── */
.area{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.area>li{background:#fff;border-radius:22px;padding:clamp(22px,3vw,34px);box-shadow:0 1px 0 var(--line);scroll-margin-top:120px}
.area-h{display:flex;align-items:center;gap:16px;margin:0 0 18px}
.area-h h3{font-size:1.4rem;margin:0}
.area ul{list-style:none;margin:0;padding:0}
.area ul li{padding:14px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.55;color:var(--ink)}
.area ul li:first-child{border-top:0;padding-top:0}
.area ul li:last-child{padding-bottom:0}
.area strong{display:block;font:700 1.08rem/1.3 var(--slab);color:var(--main);margin-bottom:4px}
/* Επικοινωνία, κάτω από τον χάρτη: μόνο τίτλος + σύνδεσμος (Αθηνά 63044) */
.area-link{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:18px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:16px 20px;color:var(--main);text-decoration:none;transition:border-color .2s}
.area-link:hover{border-color:var(--main)}
.area-link:hover .more{gap:13px}
.area-link-t{font:700 1.15rem/1.3 var(--slab)}

/* ── κατάλογος (μενού) ── */
.menus{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.menus li{background:#fff;border:2px dashed var(--clay-ink);border-radius:22px;padding:26px 24px;display:flex;gap:16px;align-items:flex-start}
.menus h3{font-size:1.3rem;margin:4px 0 6px}
.menus p{margin:0;font-size:16px;color:var(--ink)}

/* ── συχνές ερωτήσεις: μία ανοιχτή τη φορά (details name) ── */
.faq{max-width:840px;margin:40px auto 0}
.faq details{background:#fff;border-radius:16px;margin-bottom:12px;box-shadow:0 1px 0 var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font:700 1.12rem/1.35 var(--slab);color:var(--main)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:0 0 auto;font:700 1.5rem/1 var(--sans)}
.faq details[open] summary::after{content:"−"}
.faq .ans{padding:0 24px 22px;font-size:16px;line-height:1.6;color:var(--ink)}
.faq .ans p{margin:0 0 .6em}
.faq .ans p:last-child{margin:0}
.faq .ans .tbc{margin-top:4px}

/* ── φόρμα ── */
.form{max-width:880px;margin:40px auto 0;background:#fff;border-radius:22px;padding:clamp(22px,3.4vw,40px);box-shadow:0 1px 0 var(--line)}
.f-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}
.fld{display:flex;flex-direction:column;gap:8px}
.fld.full{grid-column:1/-1}
.fld label{font:700 15px/1.3 var(--sans);color:var(--main)}
.fld .opt{font-weight:400;color:var(--ink)}
.fld input,.fld select,.fld textarea{font:400 16px/1.4 var(--sans);color:var(--ink);background:#fff;border:1.5px solid var(--main);border-radius:12px;padding:13px 14px;width:100%}
.fld textarea{min-height:140px;resize:vertical}
.fld .err{display:none;margin:0;font:700 14px/1.4 var(--sans);color:var(--ink)}
.fld .err::before{content:"! ";color:var(--clay-ink)}
.fld.is-error input,.fld.is-error select,.fld.is-error textarea{border:2px solid var(--clay-ink)}
.fld.is-error .err{display:block}
.chk{flex-direction:row;align-items:flex-start;gap:12px}
.chk input{width:22px;height:22px;flex:0 0 22px;margin:2px 0 0;accent-color:var(--main)}
.chk label{font-weight:400;color:var(--ink);font-size:16px;line-height:1.5}
.chk .err{flex-basis:100%}
.f-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
.f-foot .btn{cursor:pointer}
.form-msg{margin:20px 0 0;border-radius:14px;padding:14px 18px;font-weight:700}
.form-msg.is-error{background:#fff;border:2px solid var(--clay-ink);color:var(--ink)}
.form-msg.is-ok{background:var(--main);color:#fff}

@media (max-width:900px){
  .area{grid-template-columns:1fr}
}
@media (max-width:1000px){
  .quad,.menus{grid-template-columns:1fr 1fr}
  .find.mini{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .find.mini{grid-template-columns:1fr 1fr}
  .find.mini li:last-child{grid-column:1/-1}
  /* «Δείτε περισσότερα» δεν χωρά σε μισό πλάτος: μένει μόνο το βέλος (το κείμενο το διαβάζουν οι αναγνώστες οθόνης) */
  .find.mini .more{font-size:0;gap:0}
  .find.mini .more::after{font-size:20px}
}
@media (max-width:900px){
  .two,.f-grid2{grid-template-columns:1fr}
  .btns{justify-content:center}
  .al-left .btns{justify-content:flex-start}
}
@media (max-width:640px){
  .hero.hero-in{min-height:0;padding:150px 0 75px}
  .hero-in .hero-bg::after{background:linear-gradient(180deg,rgba(66,40,18,.16) 0%,rgba(66,40,18,.62) 27%,rgba(66,40,18,.74) 50%,rgba(66,40,18,.80) 100%)}
}
@media (max-width:560px){
  .quad,.menus{grid-template-columns:1fr}
}