/* ZITOMATHIA 3.0 - shop aligned with the original Lovable visual language */
:root{--z3-black:#17181a;--z3-charcoal:#232426;--z3-silver:#b9bdc1;--z3-silver-light:#e6e7e9;--z3-beige:#e9dfd0;--z3-ivory:#faf8f5;--z3-border:#dedfe0}
body.zito-reference{color:var(--z3-black)}
.z3-shell{width:min(100% - 64px,1240px);margin-inline:auto}
.z3-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#767980;display:block}
.z3-shop-head{padding:90px 0 110px;background:linear-gradient(155deg,#f8f7f5,#f0eee9 62%,#dedfe0);color:var(--z3-black)}
.z3-shop-head h1{font-size:clamp(38px,5.6vw,78px);line-height:1.06;letter-spacing:-.055em;max-width:930px;margin:24px 0 20px;font-weight:750}
.z3-shop-head>div>p:first-of-type{font-size:17px;max-width:730px;line-height:1.8;color:#56585b;margin-bottom:36px}
.z3-shop-filter-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:45px 0 31px;flex-wrap:wrap}
.z3-filter-buttons{display:flex;gap:9px;flex-wrap:wrap}
.z3-filter{color:#393b3d;border:1px solid #cfd0d2;background:rgba(255,255,255,.55);font-weight:620;border-radius:99px;padding:11px 17px;font-size:12px;min-height:44px;transition:background .2s,color .2s,border-color .2s}
.z3-filter:hover,.z3-filter:focus-visible{border-color:#5c6065;background:#e9eaeb}.z3-filter.is-active{background:#1c1d1f;color:#fff;border-color:#1c1d1f}
.z3-search input{border:1px solid #d3d4d6;background:#fff;min-width:215px;padding:12px 17px;border-radius:99px;color:#17181a;font-size:13px;max-width:100%}
.z3-books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}
.z3-book-card{display:block;background:#fff;border:1px solid #e3e3e4;border-radius:15px;overflow:hidden;text-decoration:none!important;color:inherit!important;box-shadow:0 12px 28px rgba(16,17,18,.035);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.z3-book-card[hidden]{display:none!important}
.z3-book-card:hover,.z3-book-card:focus-visible{transform:translateY(-5px);border-color:#b3b5b8;box-shadow:0 22px 46px rgba(0,0,0,.095)}
.z3-book-art{position:relative;display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:305px;padding:25px 20px;background:linear-gradient(135deg,#d4d6d8 0,#f5f4f0 52%,#ded5c7 100%);color:#26282a;isolation:isolate;overflow:hidden}
.z3-book-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.4) 55%,transparent 73%);opacity:.6}
.z3-cover-brand{font-size:11px;font-weight:800;letter-spacing:.18em;color:#292a2c}
.z3-cover-mark{font-size:clamp(64px,7vw,99px);line-height:1;font-weight:740;letter-spacing:-.06em;color:#383a3d}
.z3-cover-caption{font-size:10px;letter-spacing:.11em;text-align:center;color:#67686a}
.z3-book-art-image{background:#dcdcdf;padding:16px}
.z3-book-art-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.z3-book-info{padding:19px 18px 21px;min-height:150px;display:flex;flex-direction:column}
.z3-book-category{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#777a7d}
.z3-book-info h3{font-size:15px;font-weight:750;line-height:1.4;min-height:43px;letter-spacing:-.015em;margin:11px 0 18px}
.z3-book-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:18px;font-weight:750}
.z3-book-arrow{width:33px;height:33px;display:grid;place-items:center;border:1px solid #d7d8d9;border-radius:50%;font-weight:450;color:#555759;transition:background .2s}
.z3-book-card:hover .z3-book-arrow{background:#18191b;color:#fff}
.z3-no-books{color:#555;text-align:center;padding:25px;border:1px dashed #c6c6c6;border-radius:14px}
.z3-shop-note{font-size:12px;line-height:1.6;color:#6b6d70;margin-top:31px!important}
.z3-premium-section{background:#191a1c;color:#f2f3f4;padding:96px 0 120px}
.z3-premium-section .z3-eyebrow{color:#bdc0c3}
.z3-premium-head h2{font-size:clamp(34px,4.4vw,59px);line-height:1.12;max-width:840px;margin:19px 0}
.z3-premium-head>p{max-width:690px;color:#c1c2c4;line-height:1.7}
.z3-premium-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:40px}
.z3-premium-card{background:#27282b;border:1px solid #414348;border-radius:15px;padding:15px;display:flex;flex-direction:column}
.z3-premium-art{height:225px;background:linear-gradient(145deg,#b8bbbf,#e7e8ea 53%,#c1b7a9);border-radius:10px;color:#191a1d;padding:19px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.z3-premium-art span,.z3-premium-art small{font-size:10px;letter-spacing:.14em;font-weight:750}
.z3-premium-art strong{font-size:clamp(43px,5vw,70px);letter-spacing:-.08em}
.z3-premium-card h3{font-size:19px;line-height:1.3;margin:20px 2px 9px;color:#fff}
.z3-premium-card>p{color:#cacbd0;font-size:12px;line-height:1.7;flex:1;margin:0 2px 24px}
.z3-premium-bottom{border-top:1px solid #55575a;padding-top:16px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}
.z3-premium-bottom strong{font-size:17px;color:#fff}.z3-premium-bottom a{font-weight:750;color:#fff!important;text-decoration:underline;text-underline-offset:4px}
.z3-premium-bottom span{font-size:11px;color:#aaa}
.z3-book-detail{background:linear-gradient(145deg,#f6f5f2,#e7e6e4);padding:47px 0 115px;min-height:68vh;color:#202123}
.z3-breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#6f7174;font-size:12px;margin-bottom:63px}
.z3-breadcrumbs a{color:#454648}.z3-breadcrumbs a:hover{text-decoration:underline}
.z3-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,6vw,100px);align-items:start}
.z3-detail-cover{width:100%;height:clamp(360px,45vw,610px);border:1px solid #d0d0d2;border-radius:15px;box-shadow:0 26px 70px rgba(20,20,25,.13)}
.z3-detail-cover .z3-cover-brand{font-size:17px}.z3-detail-cover .z3-cover-mark{font-size:clamp(100px,12vw,180px)}.z3-detail-cover .z3-cover-caption{font-size:15px}
.z3-detail-copy{padding-top:15px}.z3-detail-copy h1{font-size:clamp(36px,4.5vw,68px);line-height:1.08;letter-spacing:-.055em;margin:22px 0 16px}
.z3-detail-translation{color:#707276;font-size:16px;line-height:1.55}
.z3-detail-price{font-size:32px;font-weight:750;margin:32px 0}
.z3-detail-desc{color:#55565a;font-size:17px;line-height:1.8;max-width:650px}
.z3-detail-facts{display:grid;gap:0;border-top:1px solid #d4d4d7;border-bottom:1px solid #d4d4d7;margin:30px 0}
.z3-detail-facts>div{display:flex;justify-content:space-between;gap:30px;padding:15px 0;border-bottom:1px solid #e1e1e2}
.z3-detail-facts>div:last-child{border-bottom:0}.z3-detail-facts dt{color:#6b6d6f}.z3-detail-facts dd{font-weight:700;text-align:right}
.z3-payhip-button{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:99px;background:#171819;color:#fff!important;font-size:15px;font-weight:750;min-height:61px;max-width:440px}
.z3-payhip-button:hover{background:#404245}.z3-payhip-note{font-size:12px;color:#77787b;max-width:440px;line-height:1.6;margin-top:15px}
.z3-related-head{margin:100px 0 30px}.z3-related-head h2{font-size:clamp(34px,4vw,55px);margin:13px 0}
/* Replace portrait with the original genuinely transparent standing image; never display the backgrounded photo. */
.ref-eleni-art img,.ref-about-photo img{object-fit:contain!important;object-position:bottom!important;mix-blend-mode:normal!important}
/* Dark silver-weighted global chrome. */
.ref-header{background:rgba(248,247,245,.94)!important;border-bottom-color:#c7c9cb!important}
.ref-nav a{color:#222428!important}
.ref-footer{background:#161719!important}
.ref-end-cta{background:linear-gradient(125deg,#1b1c1f,#313337)!important}
.ref-level-card{border-color:#c9cacc!important}
@media(max-width:1060px){.z3-books-grid,.z3-premium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.z3-shell{width:min(100% - 36px,1240px)}.z3-books-grid,.z3-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.z3-detail-grid{grid-template-columns:1fr}.z3-detail-cover{max-width:500px;justify-self:center;width:100%}.z3-shop-head{padding:65px 0 80px}.z3-breadcrumbs{margin-bottom:30px}.z3-book-detail{padding-bottom:80px}.z3-premium-section{padding:72px 0}}
@media(max-width:480px){.z3-shop-head h1{font-size:clamp(34px,9vw,46px)}.z3-books-grid{gap:11px}.z3-book-art{height:220px;padding:17px 12px}.z3-book-info{padding:12px 11px 14px;min-height:147px}.z3-book-info h3{font-size:12px}.z3-book-meta{font-size:15px}.z3-book-arrow{width:29px;height:29px}.z3-cover-mark{font-size:56px}.z3-cover-caption{font-size:8px}.z3-cover-brand{font-size:9px}.z3-premium-grid{grid-template-columns:1fr}.z3-filter{font-size:11px;padding:10px 12px}.z3-search,.z3-search input{width:100%}}
@media(prefers-reduced-motion:reduce){.z3-book-card,.z3-book-arrow,.z3-filter{transition:none}}

.z3-home-heading{font-size:clamp(36px,5vw,70px);font-weight:750;letter-spacing:-.05em;line-height:1.1;margin:22px 0}.z3-home-books{padding:90px 0}.z3-home-books .z3-shell>p{font-size:17px;margin:0 0 45px;color:#666}

/* Site-wide silver-and-charcoal art direction: black accents, restrained beige. */
.ref-hero{background:linear-gradient(128deg,#e2e3e5 0%,#f1f0ed 52%,#e5ded4 100%)!important}
.ref-scroll-lesson{background:#e6e7e9!important}
.ref-word-inner{background:linear-gradient(145deg,#f2f2f2,#dedfe1)!important}
.ref-levels{background:#e9e9e9!important}
.ref-cyprus{background:#f5f5f4!important}
.ref-level-card{background:linear-gradient(135deg,#fff,#e6e7e8)!important}
.ref-eleni{background:#fff}
.ref-hero h1{color:#111214}
.ref-mini-quiz{border-color:#bdbfc2}
.ref-end-art img{object-position:bottom center}