/* Torna su. Forma da era-residence.com (SOTM 2026): "To top" con una freccia lunga e sottile.
 * Qui è una pillola fissa in basso che compare dopo la soglia e si alza sopra il banner cookie
 * (--zs-ck-h lo scrive zs-cookie.js). Colori e raggi dai token del template. */
.zs-top{
  --zs-bg:var(--bg,var(--z-bg,var(--b-bg)));--zs-ink:var(--ink,var(--z-ink,var(--b-primary)));
  --zs-ease:var(--zb-anim-ease,cubic-bezier(.25,1,.5,1));--zs-dur:var(--zb-anim-duration,.6s);
  position:fixed;z-index:2147482990;right:clamp(.8rem,2vw,1.6rem);bottom:calc(clamp(.8rem,2vw,1.6rem) + var(--zs-ck-h,0px));
  display:inline-flex;align-items:center;gap: .6em;min-height:48px;min-width:48px;padding: .55em 1.05em .55em .9em;
  border:1px solid color-mix(in srgb,var(--zs-ink) 22%,transparent);border-radius:var(--b-r-pill);
  background:color-mix(in srgb,var(--zs-bg) 88%,transparent);color:var(--zs-ink);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  font:600 .74rem/1 var(--b-font-body);letter-spacing:.14em;text-transform: var(--b-btn-case);cursor:pointer;
  opacity:0;transform:translateY(14px);pointer-events:none;visibility:hidden;
  transition:opacity var(--zs-dur) var(--zs-ease),transform var(--zs-dur) var(--zs-ease),bottom .75s cubic-bezier(.215,.61,.355,1),visibility 0s linear var(--zs-dur),background-color .25s,color .25s}
.zs-top[data-side=sinistra]{right:auto;left:clamp(.8rem,2vw,1.6rem)}
.zs-top[data-show]{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity var(--zs-dur) var(--zs-ease),transform var(--zs-dur) var(--zs-ease),bottom .75s cubic-bezier(.215,.61,.355,1),visibility 0s,background-color .25s,color .25s}
.zs-top:hover{background:var(--zs-ink);color:var(--zs-bg)}
.zs-top:focus-visible{outline:2px solid var(--zs-ink);outline-offset:3px}
/* freccia lunga e sottile: asta che si allunga al passaggio */
.zs-top svg{width:10px;height:22px;flex:none;overflow:visible}
.zs-top svg path{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.zs-top .zs-top-shaft{transform-origin:50% 100%;transition:transform .45s var(--zs-ease)}
.zs-top:hover .zs-top-shaft{transform:scaleY(1.25)}
/* durante lo scroll la pillola resta, ma non si ripreme */
.zs-top[aria-busy=true]{pointer-events:none}
@media(prefers-reduced-motion:reduce){.zs-top,.zs-top .zs-top-shaft{transition-duration:.01ms !important}}
@media print{.zs-top{display:none}}