/* V13: mobile-first hardening, loaded last. Avoid overlapping legacy widths. */
html,body{max-width:100%;overflow-x:clip}body.zito-reference{min-width:0}body.zito-reference img,body.zito-reference svg{max-width:100%}body.zito-reference *{scroll-margin-top:90px}body.zito-reference a,body.zito-reference button,body.zito-reference input,body.zito-reference textarea,body.zito-reference select{touch-action:manipulation}body.zito-reference :is(input,textarea,select){font-size:max(16px,1rem)}body.zito-reference :is(h1,h2,h3,h4){overflow-wrap:break-word;word-break:normal;text-wrap:pretty}body.zito-reference .ref-wrap,body.zito-reference .z-container{max-width:calc(100% - 32px);margin-inline:auto}body.zito-reference .z8-header-brand{min-width:0}body.zito-reference .ref-header-right{flex-shrink:0}body.zito-reference :is(.ref-footer,.z-footer) a{overflow-wrap:anywhere}
@media(max-width:900px){
 body.zito-reference .ref-header{position:sticky;top:0;z-index:500}body.admin-bar.zito-reference .ref-header{top:32px}
 body.zito-reference .ref-header-wrap{min-height:68px;gap:8px;max-width:calc(100% - 24px)}
 body.zito-reference .z8-header-brand{flex:1 1 auto;max-width:calc(100% - 135px);gap:8px}
 body.zito-reference .z8-header-wordmark{min-width:0;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
 body.zito-reference .z8-header-wordmark strong{font-size:clamp(12px,3.2vw,18px);letter-spacing:.025em;white-space:nowrap}
 body.zito-reference .z8-header-teacher{font-size:clamp(8px,1.9vw,11px);line-height:1.15;white-space:normal}
 body.zito-reference .z8-header-separator{height:20px}
 body.zito-reference .ref-header-right{gap:6px}
 body.zito-reference .ref-burger{display:flex!important;min-width:44px;min-height:44px;z-index:3;flex-shrink:0}
 body.zito-reference .ref-nav{display:none!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;max-height:calc(100dvh - 85px)!important;overflow-y:auto!important;overscroll-behavior:contain;flex-direction:column!important;align-items:stretch!important;padding:14px 20px calc(18px + env(safe-area-inset-bottom))!important;gap:2px!important;margin:0!important;background:#fff!important;border-bottom:1px solid #ccd1d7!important;box-shadow:0 18px 36px #10151d24!important;z-index:501!important}
 body.zito-reference .ref-nav.is-open{display:flex!important}
 body.zito-reference .ref-nav a{font-size:15px!important;line-height:1.35!important;min-height:48px!important;display:flex!important;align-items:center!important;padding:12px 10px!important;white-space:normal!important}
 body.zito-reference .ref-nav a.z12-account-nav{justify-content:center!important;background:#1b2026!important;color:#fff!important;border-radius:12px!important;margin-top:8px!important;padding:14px!important;min-height:50px!important}
 body.zito-reference .ref-lang a{min-width:25px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
 body.zito-reference .ref-hero-grid,body.zito-reference .ref-cyprus-title,body.zito-reference .ref-atlas-grid,body.zito-reference .z-contact-grid,body.zito-reference .z6-creator-hero-grid,body.zito-reference .z9-company-hero-grid{grid-template-columns:minmax(0,1fr)!important}
 body.zito-reference :is(.ref-hero-grid,.ref-cyprus-title,.ref-atlas-grid,.ref-about-page,.z-contact-grid,.z6-creator-hero-grid){gap:24px!important}
 body.zito-reference .ref-hero h1,body.zito-reference .z-page-intro h1{font-size:clamp(37px,8vw,64px)!important;line-height:1.07!important}
 body.zito-reference .ref-atlas-map,body.zito-reference .ref-atlas-card{width:100%!important;min-width:0!important}
 body.zito-reference .ref-map-island{max-width:100%!important}
 body.zito-reference .z10-atlas-options{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding:7px 2px 15px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 body.zito-reference .z10-atlas-chip{flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:start;min-height:44px;display:inline-flex;align-items:center}
 body.zito-reference :is(.z3-home-books,.z3-shop,.z12-catalog-grid,.z5-account-grid,.z8-project-grid,.z12-owned-grid){min-width:0}
 body.zito-reference :is(.z3-shop-head,.z3-shop-filters){flex-wrap:wrap!important}
 body.zito-reference .z-content-section,body.zito-reference .ref-cyprus{padding-block:clamp(42px,8vw,75px)!important}
 body.zito-reference .ref-about-photo{position:relative!important;top:auto!important;min-height:0!important;overflow:visible!important}
 body.zito-reference .ref-about-photo img{max-height:580px!important;object-fit:contain!important}
 body.zito-reference .z6-creator-hero img{object-fit:contain!important;object-position:center top!important;transform:none!important}
 body.zito-reference :is(.z-contact-form,.z12-account-woo,.ref-about-box){padding:clamp(16px,4vw,28px)!important}
 body.zito-reference .z-form-grid{grid-template-columns:minmax(0,1fr)!important}
 body.zito-reference .z-contact-form :is(input:not([type=checkbox]),textarea),body.zito-reference .woocommerce :is(input,select,textarea){max-width:100%!important;width:100%!important;min-height:44px}
 body.zito-reference :is(.ref-footer-main,.ref-footer-bottom,.z-footer-columns){grid-template-columns:minmax(0,1fr)!important}
 body.zito-reference .ref-footer-main{gap:28px!important}
 body.zito-reference .z12-account-woo .woocommerce-MyAccount-navigation ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.zito-reference .z12-account-woo .woocommerce-MyAccount-navigation li a{height:100%;font-size:12px!important;overflow-wrap:anywhere}
 body.zito-reference .woocommerce table.shop_table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 body.zito-reference .woocommerce .woocommerce-MyAccount-content{min-width:0}
 body.zito-reference .ref-word-inner{max-width:100vw!important;overflow:hidden!important}
 body.zito-reference .ref-love{font-size:clamp(60px,17vw,150px)!important;letter-spacing:-.06em!important}
}
@media(max-width:600px){
 body.admin-bar.zito-reference .ref-header{top:46px}
 body.zito-reference .ref-header-wrap{min-height:62px}
 body.zito-reference .z8-header-icon{width:32px!important;height:40px!important;object-fit:contain}
 body.zito-reference .z8-header-brand{max-width:calc(100% - 119px)}
 body.zito-reference .z8-header-wordmark strong{font-size:12px!important}
 body.zito-reference .z8-header-teacher{font-size:8px!important;letter-spacing:0!important}
 body.zito-reference .ref-header-right{gap:2px}
 body.zito-reference .ref-lang{font-size:11px!important;gap:2px!important}
 body.zito-reference .ref-wrap,body.zito-reference .z-container{max-width:calc(100% - 28px)!important}
 body.zito-reference .ref-hero-grid{min-height:0!important}
 body.zito-reference :is(.ref-hero,.z-hero){min-height:0!important}
 body.zito-reference .ref-hero h1{font-size:clamp(36px,9vw,54px)!important}
 body.zito-reference .ref-hero-photo img{max-height:460px!important;object-fit:contain!important}
 body.zito-reference .ref-cyprus-title .ref-section-title{font-size:clamp(34px,9vw,55px)!important}
 body.zito-reference .ref-atlas-card{padding:22px!important}
 body.zito-reference .ref-atlas-name{font-size:clamp(23px,6.3vw,34px)!important}
 body.zito-reference .ref-atlas-map{padding:10px!important}
 body.zito-reference .ref-map-point{min-width:28px!important;min-height:28px!important;display:grid!important;place-items:center!important}
 body.zito-reference .z12-catalog-grid,body.zito-reference .z12-owned-grid,body.zito-reference .z3-shop-grid,body.zito-reference .z-book-grid,body.zito-reference .z5-account-grid{grid-template-columns:minmax(0,1fr)!important}
 body.zito-reference .ref-about-page{padding-top:25px!important}
 body.zito-reference .ref-about-content h1{font-size:clamp(36px,10vw,52px)!important}
 body.zito-reference .z12-account-page,body.zito-reference .z12-packs-page{width:calc(100% - 28px)!important}
 body.zito-reference .z12-account-woo .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr!important}
 body.zito-reference .z12-account-woo .woocommerce-MyAccount-navigation a{min-height:45px;display:flex!important;align-items:center!important}
 body.zito-reference :is(.z-button,.ref-button){min-height:46px;white-space:normal!important;text-align:center!important}
 body.zito-reference .z8-project-grid{grid-template-columns:1fr!important}
 body.zito-reference .z8-project-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;min-width:0!important}
}
@media(max-width:390px){body.zito-reference .z8-header-teacher{display:none!important}body.zito-reference .z8-header-separator{display:none!important}body.zito-reference .ref-hero h1{font-size:35px!important}}
@media(prefers-reduced-motion:reduce){body.zito-reference *,body.zito-reference *::before,body.zito-reference *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}