.sticky{display:none}
@media (max-width:760px){
  .sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:block;background:rgba(12,10,9,.84);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 -1px 0 rgba(243,236,227,.14),0 -18px 40px rgba(10,9,8,.45);transform:translateY(105%);transition:transform .38s var(--ease),visibility 0s linear .38s;visibility:hidden;will-change:transform}
  .sticky.is-on{transform:none;visibility:visible;transition:transform .38s var(--ease),visibility 0s}
  .sticky[hidden]{display:none}
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sticky{background:rgba(12,10,9,.97)}}
}
.sticky-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-3) calc(var(--s-2) + env(safe-area-inset-bottom)) var(--gutter);min-height:64px}
.sticky-label{min-width:0;flex:1 1 auto}
.sticky-main{margin:0;display:grid;gap:3px;min-width:0;line-height:1.2}
.sticky-sep{display:none}
.sticky-k,.sticky-v{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sticky-k{font-family:var(--f-cond);font-weight:600;font-size:var(--t-s);letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink)}
.sticky-v{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-ink-2);transition:color .25s var(--ease)}
.sticky.is-day .sticky-k{font-size:var(--t-m);letter-spacing:.05em;line-height:1.15}
.sticky.is-day .sticky-v{font-family:var(--f-cond);font-weight:600;font-size:var(--t-s);letter-spacing:.08em;text-transform:uppercase;line-height:1.15;color:var(--c-or)}
.sticky-btn{flex:none;min-height:48px;padding-inline:1.3em;-webkit-tap-highlight-color:transparent}
.sticky.is-day .sticky-btn{padding-inline:1.1em;letter-spacing:.12em}

/* 60-%-Nudge: eine schlanke Zeile über der Leiste, klappt per grid-rows auf */
.sticky-nudge{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease);background:var(--c-bg-3);box-shadow:inset 0 -1px 0 rgba(243,236,227,.1)}
.sticky-nudge.is-open{grid-template-rows:1fr}
.sticky-nudge[hidden]{display:none}
.sticky-nudge-in{min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding-left:var(--gutter);opacity:0;transform:translateY(4px);transition:opacity .3s var(--ease) .1s,transform .3s var(--ease) .1s}
.sticky-nudge.is-open .sticky-nudge-in{opacity:1;transform:none}
.sticky-nudge-t{margin:0;display:flex;align-items:center;gap:.55em;min-height:44px;font-family:var(--f-cond);font-weight:600;font-size:var(--t-s);letter-spacing:.07em;text-transform:uppercase;line-height:1.1;color:var(--c-ink);white-space:nowrap}
.sticky-nudge-dot{flex:none;width:7px;height:7px;background:var(--c-or);box-shadow:0 0 0 3px rgba(244,122,32,.22)}
.sticky-nudge-t s{color:var(--c-ink-3);text-decoration-thickness:1.5px}
.sticky-nudge-t b{font-weight:600;color:var(--c-or)}
.sticky-close{flex:none;position:relative;width:48px;height:44px;margin-right:0;border:0;background:transparent;color:var(--c-ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sticky-close span::before,.sticky-close span::after{content:"";position:absolute;left:22px;right:12px;top:50%;height:1.5px;margin-top:-1px;background:currentColor;transform:rotate(45deg)}
.sticky-close span::after{transform:rotate(-45deg)}
.sticky-close:active{color:var(--c-ink)}
.sticky-close:focus-visible{outline-offset:-4px}
@media (max-width:374px){
  .sticky-row{gap:var(--s-2)}
  .sticky-btn,.sticky.is-day .sticky-btn{padding-inline:.9em;letter-spacing:.1em}
  .sticky.is-day .sticky-k{font-size:var(--t-s)}
  .sticky-nudge-t{font-size:.8rem;letter-spacing:.05em}
}
