/* FinalOwnerFix1: mobile fixed CTA (.hal-fixedbar, TOP and lower pages; shown at 1023.98px and below as before, hidden on PC).
   3D: ported from ThreeDButton (bidyut10 / opensourceui, MIT) - a raised key with a soft top light, an outer drop shadow and an inner
   bottom shade; pressed: the outer shadow goes, an inner top shadow appears and the key sinks 1px.
   Curtain: ported from Curtain Button (SATIS UI, as described in the Owner's instruction; the author's code page could not be loaded here)
   - a light panel rises from the bottom over the key and the text takes the key's own colour; 0.4s cubic-bezier(.19,1,.22,1).
   Shown on mouse hover (devices that can hover), keyboard focus and press (touch / pen / mouse: data-pressed from fixedbar-3d.js and
   :active without JS). The three links, their order, colours, two text lines, href / data attributes / target / rel are unchanged.
   Geometry: a 4px dark tray around three equal keys; bar height unchanged (4 + 48 + 4 = 56px plus the safe area, as before 56px); each
   key at least 48px high; the 2-line labels keep the same text width as before (113px at 375px wide).
   Idle hint (ChatGPT's interpretation of the Owner's aim; not Owner-specified values): every 6s a faint light rises 400ms and falls 400ms
   from the bottom of each key, the three keys 200ms apart; the text stays readable (the light is translucent and below the text).
   Paused in hidden tabs (fixedbar-3d.js); with reduced motion only the 3D keys and their pressed state remain. */
@media (max-width:1023.98px){
  .hal-lp nav.hal-fixedbar{gap:4px;padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));background:#141414}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn{--fb-color:#223A31;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;min-height:48px;padding:6px 3px;border-radius:8px;
    background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 46%,rgba(0,0,0,.14) 100%);
    box-shadow:0 1px 0 rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.26),inset 0 -3px 5px rgba(0,0,0,.38);
    transform:translateY(0);transition:box-shadow .2s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.32,.72,0,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn--line{--fb-color:#223A31}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn--tel{--fb-color:#5C2C1E}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn--form{--fb-color:#C68B27}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn-main,.hal-lp nav.hal-fixedbar .hal-fixedbar__btn-sub{position:relative;transition:color .4s cubic-bezier(.19,1,.22,1)}
  /* curtain */
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn::before{content:'';position:absolute;inset:0;z-index:-1;background:#F8F5EE;transform:translateY(101%);transition:transform .4s cubic-bezier(.19,1,.22,1);pointer-events:none}
  /* idle hint */
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,0) 72%);transform:translateY(100%);pointer-events:none;
    animation:hal-fixedbar-hint 6s linear infinite}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn--tel::after{animation-delay:.2s}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn--form::after{animation-delay:.4s}
  .hal-lp nav.hal-fixedbar.is-hint-paused .hal-fixedbar__btn::after{animation-play-state:paused}
  /* pressed: 3D sinks + curtain (touch / pen / mouse) */
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn:active,.hal-lp nav.hal-fixedbar .hal-fixedbar__btn[data-pressed=true]{transform:translateY(1px);box-shadow:0 0 0 rgba(0,0,0,0),inset 0 2px 5px rgba(0,0,0,.55),inset 0 -1px 1px rgba(255,255,255,.06)}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn:active::before,.hal-lp nav.hal-fixedbar .hal-fixedbar__btn[data-pressed=true]::before,
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn:focus-visible::before{transform:translateY(0)}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn:is(:active,[data-pressed=true],:focus-visible) :is(.hal-fixedbar__btn-main,.hal-fixedbar__btn-sub){color:var(--fb-color)}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn:is(:active,[data-pressed=true],:focus-visible)::after{animation-play-state:paused;opacity:0}
}
@media (max-width:1023.98px) and (hover:hover){
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn:hover::before{transform:translateY(0)}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn:hover :is(.hal-fixedbar__btn-main,.hal-fixedbar__btn-sub){color:var(--fb-color)}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn:hover::after{animation-play-state:paused;opacity:0}
}
@keyframes hal-fixedbar-hint{
  0%{transform:translateY(100%);animation-timing-function:cubic-bezier(.19,1,.22,1)}
  6.667%{transform:translateY(42%);animation-timing-function:cubic-bezier(.19,1,.22,1)}
  13.333%{transform:translateY(100%)}
  100%{transform:translateY(100%)}
}
@media (max-width:1023.98px) and (prefers-reduced-motion:reduce){
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn{transition:none}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn::before,.hal-lp nav.hal-fixedbar .hal-fixedbar__btn::after{display:none;animation:none}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn :is(.hal-fixedbar__btn-main,.hal-fixedbar__btn-sub){transition:none}
  .hal-lp nav.hal-fixedbar .hal-fixedbar__btn:is(:active,[data-pressed=true],:focus-visible,:hover) :is(.hal-fixedbar__btn-main,.hal-fixedbar__btn-sub){color:inherit}
}