/* V11 — holistic white / pale grey / reflective silver. No beige outside map island. */
:root{--ref-ivory:#f7f8fa;--ref-beige:#e9ecf0;--ref-line:#d3d7dc;--ref-silver:#adb4bd;--z9-beige:#eceff2}
html,body{overflow-x:clip}
body.zito-reference{background:#f5f7f9!important;color:#161a20!important}
body.zito-reference .z-main-page,body.zito-reference .ref-main,body.zito-reference .ref-hero,body.zito-reference .ref-levels,body.zito-reference .ref-cyprus,body.zito-reference .ref-scroll-lesson,body.zito-reference .z3-home-books,body.zito-reference .z9-company-body,body.zito-reference .z6-creator-person,body.zito-reference .z6-creator-intro,body.zito-reference .z5-account-page,body.zito-reference .z3-shop{background:linear-gradient(140deg,#fbfcfd 0%,#edf0f3 60%,#f7f8fa 100%)!important}
body.zito-reference .z-level-card,body.zito-reference .z3-book-card,body.zito-reference .z3-premium-card,body.zito-reference .z-contact-form,body.zito-reference .z-faq,body.zito-reference .ref-about-box,body.zito-reference .z9-financial-card{background:linear-gradient(155deg,#fff,#f0f2f5)!important;border-color:#d8dde2!important}
body.zito-reference h1,body.zito-reference h2,body.zito-reference h3{max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important;text-wrap:pretty!important;line-height:1.12}
/* Never let prior character-based waves distort Greek text. */
.z9-wave,.z9-wave-word,.z9-wave-heading{display:initial!important;animation:none!important;transform:none!important;filter:none!important;white-space:normal!important;letter-spacing:inherit}
/* Only the gradient moves inside stationary characters. */
.z11-silver-phrase{display:inline!important;background:linear-gradient(115deg,#1d2630 0%,#607789 22%,#adb7c1 41%,#293b4a 61%,#d3d7db 76%,#161f29 100%);background-size:240% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:z11-silver-sheen 7.5s ease-in-out infinite;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@keyframes z11-silver-sheen{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
.z11-word-wave{animation:none!important;transform:none!important}
/* Hero and teacher profile: large cutouts, clean transparent stage, no coloured boxes. */
.ref-eleni{overflow:visible!important;align-items:center!important;gap:clamp(30px,4vw,75px)!important}
body.zito-reference .ref-eleni-art{background:transparent!important;box-shadow:none!important;min-height:620px!important;max-width:600px!important;width:100%!important;overflow:hidden!important;display:flex!important;justify-content:center!important;align-items:flex-end!important}
body.zito-reference .ref-eleni-art img{height:690px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center bottom!important;filter:none!important}
.ref-silver-halo{background:radial-gradient(ellipse,#e7ecf1aa,transparent 68%)!important}
.ref-about-page{align-items:center!important;overflow:visible!important;padding-top:80px!important;padding-bottom:110px!important}
body.zito-reference .ref-about-photo{min-height:650px!important;max-height:none!important;overflow:visible!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
body.zito-reference .ref-about-photo img{height:min(76vw,780px)!important;width:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center bottom!important}
.ref-about-photos{display:none!important}
/* Creator image: head must stay visible even when it is long. */
body.zito-reference .z6-creator-hero-grid{min-height:690px!important;align-items:center!important}
body.zito-reference .z6-creator-photo-wrap,body.zito-reference .z11-creator-photo-wrap{min-height:620px!important;max-height:none!important;overflow:visible!important;display:flex!important;align-items:end!important;justify-content:center!important}
body.zito-reference .z6-creator-photo-wrap>img{height:auto!important;width:min(100%,560px)!important;max-height:720px!important;object-fit:contain!important;object-position:bottom center!important;transform:none!important;position:relative!important;margin-top:35px!important}
/* Fixed and centered contact heading — no oversized partial-width gradient rectangle. */
.z11-contact-intro{background:linear-gradient(115deg,#fdfefe,#e7ebef)!important;border-bottom:1px solid #d7dce1;overflow:visible}
.z11-contact-intro-inner{padding:clamp(55px,7vw,105px) 0!important;width:min(calc(100% - 44px),1080px)!important;max-width:1080px!important}
.z11-contact-intro h1{font-size:clamp(37px,5.9vw,76px)!important;line-height:1.1!important;margin:14px 0 18px!important;letter-spacing:-.052em!important;overflow:visible!important}
.z11-contact-intro h1 span{white-space:normal!important}
.z11-contact-intro p:not(.ref-eyebrow){font-size:clamp(15px,1.5vw,19px);line-height:1.7;max-width:690px;color:#4e555e}
body.zito-reference .z-contact-grid{padding-top:70px!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;align-items:start!important}
body.zito-reference .z-contact-info h2{font-size:clamp(28px,3.4vw,48px)!important;line-height:1.2!important;max-width:570px}
body.zito-reference .z-contact-info p{max-width:530px;line-height:1.8}
body.zito-reference .z-contact-form{min-width:0!important;max-width:100%!important;overflow:visible!important}
body.zito-reference .z-contact-form input:not([type=checkbox]),body.zito-reference .z-contact-form textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:#fff!important;border-color:#cfd5dc!important}
/* Legal intro and articles: never escape the centered container or show a blank card. */
body.zito-reference .z-main-page > .z-page-intro.z-container{box-sizing:border-box!important;width:min(calc(100% - 44px),1170px)!important;max-width:1170px!important;margin:0 auto!important;padding:68px 0 40px!important;background:transparent!important}
body.zito-reference .z-main-page > .z-page-intro h1{font-size:clamp(36px,5vw,62px)!important;line-height:1.12!important}
body.zito-reference .z-legal-copy{width:min(calc(100% - 44px),900px)!important;max-width:900px!important;padding:55px 0 100px!important;margin:0 auto!important;min-height:35vh}
body.zito-reference .z-legal-copy h2{font-size:clamp(24px,3vw,35px)!important}
body.zito-reference .z-legal-copy p,body.zito-reference .z-generic-copy p{font-size:15px;line-height:1.82;color:#3e464d}
/* Accurate-feeling whole island silhouette; all 9 markers clickable above SVG. */
body.zito-reference .ref-cyprus{padding-block:clamp(70px,7vw,110px)!important}
body.zito-reference .ref-cyprus-title{margin-bottom:35px!important}
body.zito-reference .ref-atlas{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.83fr)!important;align-items:stretch!important;gap:14px!important}
body.zito-reference .ref-atlas-map{position:relative!important;min-height:445px!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 48%,#464846 0%,#252828 75%,#171a1b 100%)!important;border-radius:25px!important}
.ref-map-island{position:absolute!important;inset:8% 5%!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important}
.ref-map-island svg{width:100%!important;height:100%!important;max-height:none!important;overflow:visible!important}
.ref-map-point{position:absolute!important;z-index:4!important;display:grid!important;place-items:center!important;cursor:pointer!important}
body.zito-reference .ref-atlas-card{background:#242323!important;color:#f8f8f7!important;border-color:#424242!important;min-height:445px!important}
body.zito-reference .ref-atlas-card h3,body.zito-reference .ref-atlas-card p:not(.ref-eyebrow){color:#f8f8f7!important}
body.zito-reference .ref-atlas-card .ref-atlas-place,body.zito-reference .ref-atlas-card .ref-eyebrow{color:#dbd3c8!important}
body.zito-reference .ref-atlas-map::before{content:'ΜΕΣΟΓΕΙΟΣ ΘΑΛΑΣΣΑ';position:absolute;left:5%;top:6%;font-size:10px;font-weight:800;letter-spacing:.18em;color:#a9aca9;z-index:3}
body.zito-reference .ref-atlas-map::after{content:'ZITOMATHIA · 34°N / 33°E';position:absolute;left:6%;bottom:6%;font-size:9px;font-weight:800;letter-spacing:.12em;color:#b2b7b9;z-index:3}
/* Never clip text/buttons when viewport shrinks. */
.z3-shop-head,.z6-creator-hero,.z9-company-intro,.ref-cyprus,.z11-contact-intro,.ref-eleni,.ref-about-page{overflow-x:clip!important}
.z9-company-hero-art>span{display:none!important}
.z9-company-hero-art>img{width:clamp(90px,16vw,175px)!important;height:auto!important;max-height:190px!important;object-fit:contain!important;filter:drop-shadow(0 5px 15px #0002)}
body.zito-reference .z9-company-hero-art{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:12px}
/* On smaller screens never force desktop columns. */
@media(max-width:850px){
 body.zito-reference .ref-atlas{grid-template-columns:1fr!important}
 body.zito-reference .ref-atlas-map{min-height:360px!important}
 body.zito-reference .ref-eleni-art{min-height:0!important;max-height:590px!important}
 body.zito-reference .ref-eleni-art img{height:590px!important;max-width:100%!important}
 body.zito-reference .ref-about-photo{min-height:0!important}
 body.zito-reference .ref-about-photo img{height:auto!important;max-height:650px!important;width:100%!important}
 body.zito-reference .z6-creator-photo-wrap{min-height:0!important;max-height:none!important}
 body.zito-reference .z6-creator-photo-wrap>img{max-height:580px!important;margin-top:28px!important}
 body.zito-reference .z-contact-grid{grid-template-columns:1fr!important}
}
@media(max-width:580px){
 body.zito-reference .ref-eleni-art{min-height:0!important;max-height:470px!important}
 body.zito-reference .ref-eleni-art img{height:470px!important}
 body.zito-reference .ref-atlas-map{min-height:300px!important}
 body.zito-reference .ref-atlas-card{min-height:350px!important}
 .ref-map-point{width:25px!important;height:25px!important;font-size:9px!important}
 .z11-contact-intro-inner{width:min(calc(100% - 32px),1080px)!important;padding:62px 0!important}
 .z11-contact-intro h1{font-size:clamp(34px,9vw,51px)!important}
 body.zito-reference .z-contact-grid{padding-top:45px!important}
 body.zito-reference .z6-creator-photo-wrap>img{max-height:480px!important}
}
@media(prefers-reduced-motion:reduce){.z11-silver-phrase,.z11-word-wave{animation:none!important;transform:none!important}}

/* V11 typography: Inter (Greek + Cyrillic); clean editorial proportions, consistent footer & FAQ. */
body.zito-reference,
body.zito-reference p,
body.zito-reference button,
body.zito-reference input,
body.zito-reference select,
body.zito-reference textarea,
body.zito-reference .zito-app,
body.zito-reference .woocommerce {
  font-family: 'Inter', 'Segoe UI', 'Noto Sans', Arial, sans-serif!important;
  font-kerning:normal!important;
  font-synthesis:none;
}
body.zito-reference h1,body.zito-reference h2,body.zito-reference h3,body.zito-reference h4,
body.zito-reference .ref-footer h3,body.zito-reference .ref-footer h4,
body.zito-reference .z-faq summary{
  font-family:'Inter','Segoe UI','Noto Sans',Arial,sans-serif!important;
  font-weight:750!important;
  letter-spacing:-.038em!important;
  line-height:1.19!important;
  word-spacing:normal!important;
  overflow-wrap:break-word!important;
}
body.zito-reference .ref-nav a,body.zito-reference .ref-footer a,
body.zito-reference .ref-footer button,body.zito-reference .z-contact-info a{font-weight:550!important;letter-spacing:0!important}
body.zito-reference .ref-footer{background:#11151b!important;color:#eef1f5!important}
body.zito-reference .ref-footer-main{display:grid!important;grid-template-columns:minmax(280px,1.6fr) repeat(3,minmax(120px,1fr))!important;gap:clamp(22px,3.3vw,65px)!important}
body.zito-reference .ref-footer-main>*{min-width:0!important}
body.zito-reference .ref-footer h3{color:#fff!important}
body.zito-reference .ref-footer h4{color:#f4f5f6!important;letter-spacing:.04em!important;font-size:12px!important}
body.zito-reference .ref-footer p,body.zito-reference .ref-footer a{color:#c8cfd8!important;line-height:1.68!important}
body.zito-reference .ref-footer a:hover,body.zito-reference .ref-footer button:hover{color:#fff!important;text-decoration:underline}
body.zito-reference .ref-footer .z8-creator-credit{border-top:1px solid #444d57!important;gap:clamp(16px,3vw,36px)!important}
body.zito-reference .ref-footer-bottom{border-color:#303943!important}
body.zito-reference .ref-footer-bottom span{font-size:11px!important;letter-spacing:0!important;line-height:1.6!important}
body.zito-reference .z-faq-list{width:min(calc(100% - 44px),970px)!important;max-width:970px!important;margin:auto!important;padding-top:45px!important}
body.zito-reference .z-faq{background:transparent!important;border:0!important;border-bottom:1px solid #d0d6dc!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
body.zito-reference .z-faq summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;cursor:pointer!important;font-size:clamp(17px,2.5vw,23px)!important;padding:25px 4px!important;color:#1c2530!important;list-style:none!important}
body.zito-reference .z-faq summary::-webkit-details-marker{display:none!important}
body.zito-reference .z-faq summary span{display:grid!important;place-items:center!important;flex-shrink:0!important;width:29px!important;height:29px!important;border:1px solid #cbd1d6!important;border-radius:50%!important;font-size:20px!important;font-weight:400!important;line-height:1!important;transition:transform .22s ease!important}
body.zito-reference .z-faq[open] summary span{transform:rotate(45deg)!important}
body.zito-reference .z-faq>p{font-size:15px!important;color:#48535e!important;line-height:1.85!important;margin:0!important;padding:0 50px 25px 4px!important;max-width:760px!important}
body.zito-reference .ref-footer-brand img{max-width:115px!important;height:auto!important}
body.zito-reference .z11-silver-phrase{background-image:linear-gradient(102deg,#222b35 2%,#6c808e 22%,#e1e8ec 37%,#8695a3 47%,#15212d 70%,#687886 85%,#18222c 100%)!important}
/* Avoid jumpy fragments entirely, even in legacy typography animations. */
body.zito-reference .z11-word-wave{transform:none!important;animation:none!important}
/* Map and accessible click targets. The light background excludes all beige. */
body.zito-reference .ref-cyprus{background:linear-gradient(135deg,#f8fafb,#e9edf1)!important}
body.zito-reference .ref-map-point:hover,body.zito-reference .ref-map-point.is-current{background:#778795!important;box-shadow:0 0 0 5px #aab9c450,0 3px 12px #0006!important}
body.zito-reference .z10-atlas-chip:hover,body.zito-reference .z10-atlas-chip.is-current{background:#1b2630!important;color:#fff!important}
body.zito-reference .ref-map-island svg #cyprus-outline{stroke:#f3f4f4!important}
body.zito-reference .ref-atlas-card .z10-atlas-lesson{background:#30353b!important;border-color:#59616b!important}
body.zito-reference .ref-atlas-card .z10-atlas-lesson>span{color:#d0d9e1!important}
body.zito-reference .ref-atlas-card .ref-atlas-place{color:#cbd5de!important}
body.zito-reference .ref-atlas-map:after{letter-spacing:.13em!important}
body.zito-reference .ref-cyprus-title .ref-section-title{max-width:100%!important;overflow:visible!important}
body.zito-reference .ref-map-point:focus-visible,
body.zito-reference .z10-atlas-chip:focus-visible,
body.zito-reference .z-faq summary:focus-visible{outline:3px solid #7799b3!important;outline-offset:4px!important}
/* No extra gallery at the bottom of Eλένη. */
body.zito-reference .ref-about-photos,body.zito-reference .ref-about-gallery{display:none!important}
/* White and silver content surfaces, not beige. */
body.zito-reference .ref-footer,body.zito-reference .ref-atlas-map,body.zito-reference .ref-atlas-card,
body.zito-reference .ref-end-cta{background-color:#1b2026!important}
body.zito-reference .z-contact-grid input,body.zito-reference .z-contact-grid textarea{border-color:#cbd2d8!important}
body.zito-reference .z10-atlas-lesson,body.zito-reference .z3-shop-card,body.zito-reference .z5-account-grid article{box-shadow:0 9px 35px #202a3810}
@media(max-width:970px){body.zito-reference .ref-footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body.zito-reference .ref-footer-main{grid-template-columns:1fr!important;gap:28px!important}body.zito-reference .ref-footer-main nav{display:grid!important;gap:6px!important}body.zito-reference .z-faq summary{font-size:18px!important}body.zito-reference .z-faq>p{padding-right:16px!important}}

:root{--z-bg:#f5f7f9;--z-paper:#fff;--z-cream:#f0f2f5;--z-sand:#dde3e9;--z-silver:#aab4c0;--z-ink:#191d24;--z-soft:#5d6670;--z-line:rgba(39,48,60,.15);--z-green:#3a4856}
/* Chrome-safe fixed letters with silver shine only */
body.zito-reference h1 .z11-silver-phrase,body.zito-reference h2 .z11-silver-phrase{animation:z11-silver-sheen 7.5s ease-in-out infinite!important;transform:none!important;white-space:normal!important}
@media(prefers-reduced-motion:reduce){body.zito-reference h1 .z11-silver-phrase,body.zito-reference h2 .z11-silver-phrase{animation:none!important}}