/* ZITOMATHIA V12 definitive override: WHITE / SILVER / CHARCOAL, never beige. */
:root{--ref-beige:#e8ebee;--ref-ivory:#f7f9fb;--z-beige:#e8ebee;--z-paper:#f7f9fb;--z-cream:#f7f9fb;--z-sand:#e6eaee}
html,body.zito-reference{background:#f5f7f9!important;color:#151a20!important}
body.zito-reference .ref-header{background:#f9fafb!important;border-color:#d6dce2!important}
body.zito-reference .ref-hero,body.zito-reference .ref-eleni,body.zito-reference .ref-levels,body.zito-reference .z-section,body.zito-reference .z3-shop,body.zito-reference .z-main-page,body.zito-reference .z-content-section,body.zito-reference .z9-company-body,body.zito-reference .ref-about-page,body.zito-reference .z12-account-page,body.zito-reference .z12-packs-page{background:#f7f9fb!important}
body.zito-reference .ref-cyprus,body.zito-reference .ref-word,body.zito-reference .z6-creator-intro,body.zito-reference .z6-creator-person,body.zito-reference .z8-creator-projects,body.zito-reference .z11-contact-intro,body.zito-reference .z-cyprus,body.zito-reference .z-shop-teaser{background:linear-gradient(140deg,#f9fafb,#e8edf1)!important}
body.zito-reference .ref-level-card,body.zito-reference .z5-account-pack,body.zito-reference .z-faq,body.zito-reference .z-product-card,body.zito-reference .z-book-cover,body.zito-reference .z3-book-card,body.zito-reference .z3-premium-card,body.zito-reference .z-course-row,body.zito-reference .ref-about-box,body.zito-reference .z-contact-form,body.zito-reference .z10-atlas-chip,body.zito-reference .z5-account-to-games,body.zito-reference .z11-contact-intro-inner,body.zito-reference .z9-company-cards article{background:#fff!important;border-color:#d4dae0!important;color:#19212a!important}
body.zito-reference .z-contact-form input,body.zito-reference .z-contact-form textarea,body.zito-reference input:not([type=submit]),body.zito-reference select,body.zito-reference textarea{background:#f9fafb!important;border-color:#c9d0d9!important;color:#18222d!important}
body.zito-reference .z-contact-form input::placeholder,body.zito-reference textarea::placeholder{color:#4e5c68!important}
body.zito-reference .z5-account-pack>p,body.zito-reference .z8-project-card small,body.zito-reference .z-contact-grid p,body.zito-reference .z-book-bottom{color:#4d5b69!important}
body.zito-reference .ref-button-outline{background:#fff!important;border-color:#9ba7b4!important;color:#19212a!important}
body.zito-reference .z8-header-wordmark{color:#1d2731!important}
/* distinct account button, placed after Contact */
body.zito-reference .ref-nav a.z12-account-nav{display:inline-flex!important;gap:9px!important;align-items:center!important;padding:11px 16px!important;border-radius:50px!important;background:#202932!important;color:#fff!important;border:1px solid #202932!important;font-weight:750!important;white-space:nowrap!important;letter-spacing:0!important}
body.zito-reference .ref-nav a.z12-account-nav:hover{background:#435260!important;border-color:#435260!important}
body.zito-reference .ref-nav a.z12-account-nav span{font-size:13px;line-height:1}
/* Creator project cards. Fix unstyled links appearing in one paragraph */
body.zito-reference .z8-creator-projects{padding:90px 0!important;color:#19212a!important}
body.zito-reference .z8-creator-projects .ref-wrap{width:min(calc(100% - 48px),1190px)!important;margin-inline:auto!important}
body.zito-reference .z8-creator-projects h2{font-size:clamp(30px,4vw,51px)!important;margin:10px 0 18px!important;color:#19212a!important}
body.zito-reference .z8-work-sub{font-size:15px!important;color:#53606e!important;max-width:670px!important;line-height:1.7!important;margin-bottom:30px!important}
body.zito-reference .z8-project-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important}
body.zito-reference a.z8-project-card{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:18px!important;min-width:0!important;min-height:245px!important;position:relative!important;padding:25px!important;border:1px solid #d0d7de!important;border-radius:18px!important;background:linear-gradient(150deg,#fff,#e9edf2)!important;color:#1b2530!important;text-decoration:none!important;overflow:hidden!important;transition:transform .2s ease,box-shadow .2s ease!important}
body.zito-reference a.z8-project-card:hover{transform:translateY(-4px)!important;box-shadow:0 14px 26px #18212b16!important}
body.zito-reference a.z8-project-card>span{font-size:11px!important;letter-spacing:.13em!important;color:#617080!important;font-weight:800!important}
body.zito-reference a.z8-project-card>strong{display:block!important;font-size:clamp(23px,2.4vw,33px)!important;line-height:1.1!important;letter-spacing:-.035em!important;overflow-wrap:anywhere!important}
body.zito-reference a.z8-project-card>small{font-size:13px!important;line-height:1.55!important}
/* Instagram CTA contrast on near-black surface */
body.zito-reference .z6-creator-cta{background:#181c22!important;color:#fff!important}
body.zito-reference .z6-creator-cta .z6-creator-ghost{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:135px!important;border:1px solid #d2d9e1!important;background:#303a44!important;color:#fff!important;text-decoration:none!important;opacity:1!important}
body.zito-reference .z6-creator-cta .z6-creator-ghost:hover{background:#fff!important;color:#141c24!important}
body.zito-reference .z6-creator-cta .z6-creator-btn{background:#fff!important;color:#141c24!important}
/* Map: fixed identical SVG coordinate basis for every marker. */
body.zito-reference .ref-atlas-map{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;min-height:445px!important;border-radius:24px!important;background:radial-gradient(ellipse at center,#414548 0%,#262a2d 68%,#191d20 100%)!important}
body.zito-reference .ref-atlas-map::after{content:'34°N / 33°E'!important;left:auto!important;right:6%!important;bottom:7%!important;color:#bbc2c9!important;font-size:10px!important}
body.zito-reference .ref-atlas-map::before{content:'ΜΕΣΟΓΕΙΟΣ ΘΑΛΑΣΣΑ'!important;color:#b7c1c8!important}
body.zito-reference .ref-map-island.z12-map-stage{position:relative!important;inset:auto!important;width:94%!important;height:auto!important;max-width:760px!important;aspect-ratio:740/410!important;display:block!important;transform:none!important;filter:none!important;pointer-events:auto!important;flex:none!important}
body.zito-reference .ref-map-island.z12-map-stage svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:visible!important;max-height:none!important;pointer-events:none!important}
body.zito-reference .ref-map-island.z12-map-stage .ref-map-point{position:absolute!important;z-index:4!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;width:29px!important;height:29px!important;background:#151b20!important;border:2px solid #e8ebee!important;box-shadow:0 2px 9px #0009!important;color:#fff!important;font-size:10px!important;cursor:pointer!important}
body.zito-reference .ref-map-island.z12-map-stage .ref-map-point.is-current{background:#778796!important;box-shadow:0 0 0 5px #c2cad34d!important}
body.zito-reference .ref-map-island.z12-map-stage svg #cyprus-outline{fill:#d1d5d9!important;stroke:#f5f7f9!important;stroke-width:3!important}
body.zito-reference .ref-map-island.z12-map-stage svg path:nth-of-type(2){opacity:.2!important;stroke:none!important}
body.zito-reference .ref-atlas-card{background:#20252b!important;border-color:#3c444e!important}
body.zito-reference .ref-atlas-card *{overflow-wrap:break-word}
body.zito-reference .ref-atlas-card .ref-atlas-name{line-height:1.19!important}
body.zito-reference .ref-atlas-card .ref-atlas-place{white-space:nowrap!important;font-size:clamp(11px,1.15vw,14px)!important}
body.zito-reference .z10-atlas-options{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
body.zito-reference .z10-atlas-chip{display:inline-flex!important;gap:6px!important;align-items:center!important;white-space:nowrap!important;min-width:0!important;padding:10px 13px!important;font-size:11px!important}
body.zito-reference .z10-atlas-chip.is-current{background:#1d2731!important;color:#fff!important}
/* ScrollTrigger-like pinned word reveal (real scroll, not automated animation). */
body.zito-reference .ref-word{height:210svh!important;min-height:0!important;position:relative!important;overflow:visible!important;background:linear-gradient(145deg,#f7f9fb,#e5eaf0)!important}
body.zito-reference .ref-word-inner{position:sticky!important;top:76px!important;min-height:0!important;height:calc(100svh - 76px)!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important}
body.zito-reference .ref-love span{opacity:.06!important;filter:blur(10px)!important;transform:none!important;transition:none!important}
body.zito-reference .ref-love-sub{color:#344453!important}
/* Account only shows Woo dashboard + an independently presented purchased packs summary. */
body.zito-reference .z12-account-page,body.zito-reference .z12-packs-page{width:min(calc(100% - 42px),1140px)!important;margin:auto!important;padding-top:75px!important;padding-bottom:110px!important}
body.zito-reference .z12-account-page h1,body.zito-reference .z12-packs-page h1{font-size:clamp(34px,5.5vw,68px)!important;line-height:1.1!important;margin:12px 0 16px!important;color:#16222e!important}
body.zito-reference .z12-account-lead,body.zito-reference .z12-pack-intro{font-size:16px!important;color:#50606e!important;line-height:1.8!important;max-width:760px!important;margin:0 0 36px!important}
body.zito-reference .z12-account-woo{background:#fff!important;border:1px solid #d8dfe6!important;border-radius:20px!important;padding:clamp(18px,3vw,36px)!important;box-shadow:0 15px 45px #2436480b!important}
body.zito-reference .z12-account-woo .woocommerce{display:block!important}
body.zito-reference .z12-account-woo .woocommerce-MyAccount-navigation ul{list-style:none!important;padding:0!important;margin:0 0 30px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}
body.zito-reference .z12-account-woo .woocommerce-MyAccount-navigation li{padding:0!important;border:0!important}
body.zito-reference .z12-account-woo .woocommerce-MyAccount-navigation a{display:block!important;padding:11px 15px!important;background:#f0f3f6!important;border:1px solid #d5dde5!important;border-radius:40px!important;font-size:12px!important;color:#26323d!important;text-decoration:none!important}
body.zito-reference .z12-account-woo .woocommerce-MyAccount-navigation li.is-active a{background:#1b2530!important;color:#fff!important}
body.zito-reference .z12-account-woo .woocommerce-MyAccount-content{float:none!important;width:100%!important;line-height:1.85!important;color:#384550!important}
body.zito-reference .z12-account-woo .woocommerce-MyAccount-navigation{float:none!important;width:100%!important}
body.zito-reference .z12-account-woo a:not(.button){color:#1f4c68}
body.zito-reference .z12-owned-packs{margin-top:35px!important;padding:clamp(20px,3vw,35px)!important;border:1px solid #cdd7e1!important;background:linear-gradient(135deg,#eff3f7,#fff)!important;border-radius:20px!important}
body.zito-reference .z12-owned-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;margin-bottom:22px!important}
body.zito-reference .z12-owned-heading h2{font-size:clamp(22px,3vw,32px)!important;line-height:1.2!important;margin:5px 0!important}
body.zito-reference .z12-outline-link{display:inline-flex!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;border:1px solid #8295a8!important;color:#202d3b!important;border-radius:40px!important;text-decoration:none!important;font-weight:700!important;font-size:12px!important}
body.zito-reference .z12-owned-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.zito-reference .z12-owned-chip{padding:18px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:15px!important;min-height:105px!important;background:#fff!important;color:#1b2734!important;border:1px solid #d2dae3!important;border-radius:13px!important;text-decoration:none!important}
body.zito-reference .z12-owned-chip span{font-weight:750!important;font-size:15px!important}
body.zito-reference .z12-owned-chip strong{font-size:11px!important;font-weight:650!important;color:#667583!important}
body.zito-reference .z12-account-links{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin-top:25px!important}
body.zito-reference .z12-account-links a{font-size:13px!important;font-weight:750!important;color:#192936!important;text-decoration:underline!important;text-underline-offset:5px!important}
body.zito-reference .z12-catalog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:28px 0 38px!important}
body.zito-reference .z12-catalog-grid .z5-account-pack{background:linear-gradient(145deg,#fff,#edf2f6)!important;border-color:#ccd6df!important;min-height:250px!important}
body.zito-reference .z12-catalog-grid .z5-account-pack .z5-icon,body.zito-reference .z12-catalog-grid .z5-account-pack-head small{background:#e5eaf0!important;color:#192834!important}
body.zito-reference .z12-packs-footer{display:flex!important;gap:12px!important;flex-wrap:wrap!important}
@media(max-width:1100px){body.zito-reference .ref-nav{gap:9px!important}body.zito-reference .ref-nav a{font-size:11px!important;padding-inline:4px!important}body.zito-reference .ref-nav a.z12-account-nav{padding:9px 12px!important}}
@media(max-width:800px){body.zito-reference .z8-project-grid{grid-template-columns:1fr!important}body.zito-reference a.z8-project-card{min-height:160px!important}body.zito-reference .z12-owned-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.zito-reference .ref-word-inner{top:0!important;height:100svh!important}}
@media(max-width:580px){body.zito-reference .z12-catalog-grid{grid-template-columns:1fr!important}body.zito-reference .ref-map-island.z12-map-stage{width:98%!important}body.zito-reference .ref-map-island.z12-map-stage .ref-map-point{width:21px!important;height:21px!important;font-size:8px!important}body.zito-reference .z10-atlas-chip{white-space:normal!important}body.zito-reference .z12-account-page,body.zito-reference .z12-packs-page{padding-top:42px!important}}
@media(prefers-reduced-motion:reduce){body.zito-reference .ref-love span{opacity:1!important;filter:none!important}}
