

.w.w-ab{position:fixed;left:0;right:0;bottom:0;z-index:800;padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--w-line);background:var(--w-bg);box-shadow:0 -14px 32px -20px rgba(0,0,0,.55);font-size:1rem;line-height:1.2;transition:transform .55s var(--w-ease),visibility 0s}

.w-ab.is-js:not(.is-shown){transform:translateY(calc(100% + 2.5rem));visibility:hidden;transition:transform .35s ease-in,visibility 0s .35s}
.w-ab__list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin:0;padding:0}
.w-ab__btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;min-height:54px;padding:.3rem .2rem;border-radius:calc(var(--w-radius)*.6);color:var(--w-ink);text-decoration:none;transition:background-color .25s,transform .25s var(--w-ease)}
.w-ab__btn svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.w-ab__label{font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.w-ab__more{display:none}
.w-ab__btn--book{background:var(--w-accent);color:var(--w-on-accent)}
.w-ab__btn:active{transform:scale(.96)}
.w-ab__btn:not(.w-ab__btn--book):active{background:color-mix(in srgb,var(--w-ink) 10%,transparent)}
.w-ab__btn:focus-visible{outline-offset:-2px}
@media (hover:hover){.w-ab__btn:not(.w-ab__btn--book):hover{background:color-mix(in srgb,var(--w-ink) 10%,transparent)}}

@media (min-width:720px){
  .w.w-ab{--ab-r:calc(var(--w-radius)*3);left:auto;right:clamp(1rem,2.2vw,2rem);bottom:clamp(1rem,2.2vw,2rem);padding:.35rem;border:1px solid var(--w-line);border-radius:var(--ab-r);box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
  .w-ab__list{display:flex;align-items:center;gap:.15rem}
  .w-ab__btn{flex-direction:row;width:46px;height:46px;min-height:0;padding:0;border-radius:max(0px,calc(var(--ab-r) - .35rem))}
  .w-ab__btn svg{width:20px;height:20px}
  .w-ab__btn:focus-visible{outline-offset:2px}
  .w-ab__btn:not(.w-ab__btn--book) .w-ab__label{position:absolute;left:50%;bottom:calc(100% + .75rem);padding:.4rem .65rem;border-radius:calc(var(--w-radius)*.4);background:var(--w-ink);color:var(--w-bg);opacity:0;transform:translate(-50%,5px);pointer-events:none;transition:opacity .2s,transform .3s var(--w-ease)}
  .w-ab__btn:not(.w-ab__btn--book):focus-visible .w-ab__label{opacity:1;transform:translate(-50%,0)}
  .w-ab__btn--book{width:auto;gap:.55rem;margin-left:.25rem;padding:0 1.25rem 0 1.05rem}
  .w-ab__btn--book .w-ab__label{font-size:.76rem;letter-spacing:.14em}
  .w-ab__more{display:inline}
}
@media (min-width:720px) and (hover:hover){
  .w-ab__btn:not(.w-ab__btn--book):hover .w-ab__label{opacity:1;transform:translate(-50%,0)}
  .w-ab__btn--book:hover{transform:translateY(-2px)}
}

@media (min-width:720px) and (hover:none){
  .w-ab__btn:not(.w-ab__btn--book){width:auto;gap:.5rem;padding:0 .85rem}
  .w-ab__btn:not(.w-ab__btn--book) .w-ab__label{position:static;padding:0;background:none;color:inherit;opacity:1;transform:none}
}
.w.w-ab.is-resizing,.w-ab.is-resizing .w-ab__btn,.w-ab.is-resizing .w-ab__label{transition:none!important}
@media (prefers-reduced-motion:reduce){
  .w.w-ab,.w-ab.is-js:not(.is-shown),.w-ab__btn,.w-ab__label{transition:none!important}
}
