/* ZASS Sneak Peek – indiciul de pe site (ochii din stânga + cardul cu indiciul).
   Totul e sub .zsph, ca să nu atingă tema. */
.zsph{
  --zh-ink:#1d1d1f; --zh-ink-2:#6e6e73; --zh-ink-3:#86868b; --zh-line:#d2d2d7; --zh-bg-2:#f5f5f7;
  --zh-red:#d32027; --zh-red-hover:#e2333a; --zh-red-press:#b81b22; --zh-amber:#c8862a;
  --zh-ease-out:cubic-bezier(.23,1,.32,1); --zh-ease-in-out:cubic-bezier(.77,0,.175,1); --zh-drawer:cubic-bezier(.32,.72,0,1);
  --zh-top:72vh;
  font:400 15px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:-.01em;color:var(--zh-ink);-webkit-font-smoothing:antialiased;
}
.zsph,.zsph *{box-sizing:border-box}
.zsph[hidden],.zsph [hidden]{display:none!important}
.zsph button,.zsph input{font:inherit;letter-spacing:inherit}
.zsph :focus-visible{outline:2px solid #0071e3;outline-offset:3px}

/* ---------- Ochii din marginea stângă: trag cu ochiul de după marginea ecranului ---------- */
.zsph__tab{position:fixed;z-index:99990;left:0;top:var(--zh-top);display:flex;align-items:center;justify-content:center;width:84px;height:40px;margin:-20px 0 0;padding:0 12px 0 10px;border:0;border-radius:0 999px 999px 0;cursor:pointer;
  background:radial-gradient(ellipse 70% 80% at 45% 50%,#3d2b1c 0%,#1d140d 60%,#0a0705 100%);
  box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,214,170,.08);
  transform:translateX(-105%);transition:transform 520ms var(--zh-drawer);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.zsph.is-in .zsph__tab{transform:none}
@media (hover:hover) and (pointer:fine){.zsph.is-in .zsph__tab:hover{transform:translateX(6px);transition-duration:200ms;transition-timing-function:var(--zh-ease-out)}}
.zsph.is-in .zsph__tab:active{transform:translateX(3px) scale(.97);transition-duration:120ms}
.zsph__eyes{display:flex;align-items:center;justify-content:center;gap:14%;width:100%;height:100%;padding:8px 0}
.zsph__eyes svg{height:100%;width:auto;overflow:visible}
/* bulina: un indiciu nou, încă nedeschis */
.zsph__dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--zh-amber);box-shadow:0 0 0 3px #fff;transform:scale(0);transition:transform 300ms var(--zh-ease-out) 700ms}
.zsph.has-new .zsph__dot{transform:scale(1)}
.zsph.has-new.is-in .zsph__dot{animation:zhPulse 1.6s var(--zh-ease-out) 1.4s 2}
@keyframes zhPulse{0%{box-shadow:0 0 0 3px #fff,0 0 0 3px rgba(200,134,42,.55)}100%{box-shadow:0 0 0 3px #fff,0 0 0 14px rgba(200,134,42,0)}}
/* eticheta „Psst… un indiciu” */
.zsph__tip{position:absolute;left:calc(100% + 10px);top:50%;white-space:nowrap;padding:7px 12px;border-radius:999px;background:rgba(29,29,31,.92);color:#f5f5f7;font-size:13px;font-weight:600;pointer-events:none;
  opacity:0;transform:translate(-6px,-50%);transition:opacity 160ms ease,transform 200ms var(--zh-ease-out)}
.zsph.show-tip .zsph__tip{opacity:1;transform:translate(0,-50%)}
@media (hover:hover) and (pointer:fine){.zsph__tab:hover .zsph__tip{opacity:1;transform:translate(0,-50%)}}
.zsph.is-open .zsph__tip{opacity:0!important}

/* ---------- Cardul: crește din ochi (origin-aware) ---------- */
.zsph__card{position:fixed;z-index:99991;left:100px;top:var(--zh-top);width:min(380px,calc(100vw - 116px));max-height:calc(100vh - 32px);overflow:auto;padding:22px 22px 18px;border-radius:24px;background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.06),0 24px 60px rgba(0,0,0,.22);
  transform-origin:left center;opacity:0;visibility:hidden;transform:translateY(-50%) translateX(-12px) scale(.96);
  transition:opacity 180ms ease,transform 200ms var(--zh-ease-out),visibility 0s linear 200ms}
.zsph.is-open .zsph__card{opacity:1;visibility:visible;transform:translateY(-50%);transition:opacity 220ms ease,transform 300ms var(--zh-ease-out),visibility 0s}
.zsph__card > *{opacity:0;transform:translateY(6px);transition:opacity 200ms ease,transform 300ms var(--zh-ease-out)}
.zsph.is-open .zsph__card > *{opacity:1;transform:none;transition-delay:calc(60ms + var(--i,0) * 40ms)}
.zsph__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--zh-bg-2);color:var(--zh-ink-2);cursor:pointer;transition:background-color 160ms ease,transform 120ms var(--zh-ease-out)}
.zsph__close:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.zsph__close:hover{background:#e8e8ed;color:var(--zh-ink)}}
.zsph__close svg{width:14px;height:14px}
.zsph__eyebrow{display:flex;align-items:center;gap:10px;margin:0 44px 14px 0;font-size:13px;font-weight:600;color:var(--zh-amber);letter-spacing:.01em}
.zsph__mini{display:inline-flex;width:46px;height:20px;border-radius:999px;background:radial-gradient(ellipse 70% 80% at 50% 50%,#3d2b1c 0%,#1d140d 60%,#0a0705 100%);flex:none}
.zsph__mini .zsph__eyes{padding:3px 6px;gap:12%}
.zsph__q{margin:0;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
.zsph__tease{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;color:var(--zh-ink-2)}
.zsph__badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:var(--zh-red);color:#fff;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.zsph__actions{display:grid;gap:8px;margin-top:18px}
.zsph__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 18px;border:0;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none!important;cursor:pointer;
  transition:transform 140ms var(--zh-ease-out),background-color 200ms ease,color 200ms ease;-webkit-tap-highlight-color:transparent}
.zsph__btn:active{transform:scale(.97)}
.zsph__btn--red{background:var(--zh-red);color:#fff!important}
@media (hover:hover) and (pointer:fine){.zsph__btn--red:hover{background:var(--zh-red-hover)}}
.zsph__btn--red:active{background:var(--zh-red-press)}
.zsph__btn--ghost{background:var(--zh-bg-2);color:var(--zh-ink)}
@media (hover:hover) and (pointer:fine){.zsph__btn--ghost:hover{background:#e8e8ed}}
.zsph__btn--ghost[aria-expanded="true"]{background:#e8e8ed}
.zsph__btn svg{width:8px;height:13px;flex:none}

/* newsletterul se deschide în card (acordeon: rânduri de grilă 0fr → 1fr) */
.zsph__news{display:grid;grid-template-rows:0fr;transition:grid-template-rows 320ms var(--zh-ease-in-out)}
.zsph__news.is-open{grid-template-rows:1fr}
.zsph__newsin{min-height:0;overflow:hidden}
.zsph__newsin > *{opacity:0;transition:opacity 200ms ease}
.zsph__news.is-open .zsph__newsin > *{opacity:1;transition-delay:120ms}
.zsph__newstxt{margin:16px 0 10px;font-size:14px;color:var(--zh-ink-2)}
.zsph__newstxt b{color:var(--zh-ink)}
/* formularul Mailchimp (MC4WP), îmbrăcat în stilul cardului */
.zsph .mc4wp-form{margin:0}
.zsph .mc4wp-form-fields{display:grid;gap:10px}
.zsph .mc4wp-form-fields p{margin:0}
.zsph .mc4wp-form-fields br{display:none}
.zsph .mc4wp-form-fields label{display:block;font-size:13px;font-weight:600;color:var(--zh-ink-2)}
.zsph .mc4wp-form input[type=text],.zsph .mc4wp-form input[type=email]{display:block;width:100%;height:46px;margin-top:5px;padding:0 14px;border:1px solid #86868b;border-radius:12px;background:#fff;color:var(--zh-ink);font-size:16px;font-weight:400;transition:border-color 160ms ease,box-shadow 160ms ease}
.zsph .mc4wp-form input[type=text]:focus,.zsph .mc4wp-form input[type=email]:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.15)}
.zsph .mc4wp-form input[type=checkbox]{width:18px;height:18px;margin:0 8px 0 0;vertical-align:-3px;accent-color:var(--zh-ink)}
.zsph .mc4wp-form label:has(input[type=checkbox]){font-weight:400;font-size:13px;line-height:1.4}
.zsph .mc4wp-form a{color:var(--zh-ink);text-decoration:underline;text-underline-offset:2px}
.zsph .mc4wp-form input[type=submit]{width:100%;min-height:46px;border:0;border-radius:999px;background:var(--zh-ink);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform 140ms var(--zh-ease-out),opacity 200ms ease}
.zsph .mc4wp-form input[type=submit]:active{transform:scale(.97)}
.zsph .mc4wp-form.is-loading input[type=submit]{opacity:.6;cursor:progress}
.zsph .mc4wp-response:empty{display:none}
.zsph__msg{margin:10px 0 0;padding:12px 14px;border-radius:14px;background:var(--zh-bg-2);font-size:14px}
.zsph__msg:empty{display:none}
.zsph__msg.is-ok{background:rgba(200,134,42,.12)}
.zsph__msg.is-err{background:rgba(227,0,0,.07);color:#b00020}

.zsph__next{margin:16px 0 0;padding-top:14px;border-top:1px solid #e8e8ed;font-size:13px;color:var(--zh-ink-2)}
.zsph__next b{color:var(--zh-ink);font-weight:600}
.zsph__later{display:block;margin:6px 0 0;padding:6px 0;border:0;background:none;color:var(--zh-ink-3);font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}

/* ---------- Pe telefon: cardul vine de jos (bottom sheet) ---------- */
.zsph__scrim{position:fixed;inset:0;z-index:99990;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity 240ms ease,visibility 0s linear 240ms}
@media (max-width:600px){
  .zsph{--zh-top:68vh}
  .zsph__tab{width:76px;height:36px;margin-top:-18px}
  .zsph__card{left:0;right:0;top:auto;bottom:0;width:auto;max-height:86vh;padding:22px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;
    transform:translateY(100%);opacity:1;transition:transform 260ms var(--zh-drawer),visibility 0s linear 260ms}
  .zsph.is-open .zsph__card{transform:none;transition:transform 420ms var(--zh-drawer),visibility 0s}
  .zsph.is-open .zsph__scrim{opacity:1;visibility:visible;transition:opacity 300ms ease,visibility 0s}
  .zsph__card::before{content:"";display:block;width:36px;height:5px;margin:-8px auto 14px;border-radius:3px;background:#d2d2d7}
}

@media (prefers-reduced-motion:reduce){
  .zsph__tab,.zsph__card,.zsph__card > *,.zsph__tip{transition-property:opacity,visibility!important}
  .zsph__tab{transform:none;opacity:0}
  .zsph.is-in .zsph__tab{opacity:1}
  .zsph__card,.zsph.is-open .zsph__card{transform:translateY(-50%)}
  .zsph.has-new.is-in .zsph__dot{animation:none}
  .zsph__news{transition:none}
}
@media (prefers-reduced-motion:reduce) and (max-width:600px){.zsph__card,.zsph.is-open .zsph__card{transform:none}.zsph__card{opacity:0}.zsph.is-open .zsph__card{opacity:1}}