/* Lola shared nav + footer */
/* ============ Mobile hamburger + dropdown (hidden on desktop) ============ */
  .nav-burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    flex-shrink: 0;
  }
  .nav-burger span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--green);
    border-radius: 2px;
    transition: transform .3s cubic-bezier(.2,.7,.2,1), opacity .25s ease;
  }
  .nav-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-burger.is-open span:nth-child(2) { opacity: 0; }
  .nav-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .nav-mobile {
    display: none;
    flex-direction: column;
    gap: 2px;
    margin-top: 10px;
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(10px);
    border-radius: 22px;
    padding: 14px;
    box-shadow: 0 8px 28px -10px rgba(0,0,0,0.18);
    transform-origin: top center;
    animation: navMobileIn .35s cubic-bezier(.2,.7,.2,1);
  }
  .nav-mobile.is-open { display: flex; }
  .nav-mobile a:not(.btn) {
    font-family: var(--inter);
    font-size: 15px;
    font-weight: 500;
    color: #2a2a2a;
    letter-spacing: 0.03em;
    padding: 13px 16px;
    border-radius: 12px;
    transition: background .2s ease, color .2s ease;
  }
  .nav-mobile a:not(.btn):hover,
  .nav-mobile a:not(.btn):active { background: rgba(7,72,34,0.06); color: var(--green); }
  .nav-mobile .btn {
    justify-content: center;
    margin-top: 8px;
    font-family: var(--serif);
    font-size: 19px;
    padding: 13px 24px;
  }
  @keyframes navMobileIn {
    from { opacity: 0; transform: translateY(-8px) scaleY(0.96); }
    to { opacity: 1; transform: translateY(0) scaleY(1); }
  }
  
@media (max-width:980px){.nav-burger{display:flex}}
.nav-wrap{width:calc(100% - 50px)}
.ln-pill{display:flex;align-items:center;width:min(1020px,100%);height:60px;margin:0 auto;padding:0 7.2px 0 30px;background:rgb(246,244,242);border-radius:30px;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.ln-brand{display:block;color:rgb(7,72,34);flex-shrink:0}
.ln-logo{display:block;width:84.66px;height:40.8px}
.ln-links{display:flex;align-items:center;gap:44.4px;margin-left:auto}
.ln-links a{font:500 14.4px/1 var(--inter);color:rgb(164,164,164);white-space:nowrap;transition:color .2s ease}
.ln-links a:hover,.ln-links a[aria-current]{color:rgb(7,72,34)}
.ln-lang{width:78px;height:48px;margin-left:30px;border-radius:30px;background:transparent;border:0;box-shadow:inset 0 0 0 .6px rgb(164,164,164);font:500 14.4px/1 var(--inter);color:rgb(164,164,164);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.ln-lang{position:relative;overflow:hidden;transition:background-color .6s ease,color .6s ease,box-shadow .6s ease}
.ln-lang:hover{background:rgb(233,229,226);color:rgb(7,72,34)}
.ln-lang.is-flash{background:rgb(7,72,34)!important;color:#fff!important;box-shadow:inset 0 0 0 .6px rgb(7,72,34)}
.ln-l{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity 1.2s cubic-bezier(.16,1,.3,1)}
.ln-l.is-in{transform:translateY(100%);opacity:0;transition:none}
.ln-l.is-out{transform:translateY(-100%);opacity:0}
@media (prefers-reduced-motion:reduce){.ln-l{transition:none}}
.ln-btn{display:flex;align-items:center;justify-content:center;width:172.8px;height:48px;margin-left:12px;border-radius:30px;background:rgb(7,72,34);color:rgb(246,244,242)!important;font:500 22.8px/1 var(--serif);white-space:nowrap;transition:background-color .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
.ln-btn:hover{background:#032C14;transform:translateY(-3px)}
.ln-pill .nav-burger{display:none}
.nav-mobile a[aria-current]{color:rgb(7,72,34)}
@media (max-width:760px){.nav-wrap{width:calc(100% - 24px)}.ln-pill{padding:0 7.2px 0 22.8px}.ln-links,.ln-lang,.ln-btn{display:none}.ln-pill .nav-burger{display:flex;margin-left:auto}}
footer.lf{--lf-g:#074822;--lf-b:rgb(233,229,226);width:calc(100vw - 100px);position:relative;left:50%;transform:translateX(-50%);margin:calc(150 * var(--u,1px)) 0 0;padding:0;background:none;border-radius:0;color:#fff;font-family:var(--inter);container-type:inline-size}
.text-loop + footer.lf{margin-top:calc(60 * var(--u,1px))}
.lf a{color:inherit;text-decoration:none;transition:opacity .2s ease}.lf a:hover{opacity:.75}
.lf h5{font:700 12px/25px var(--inter);color:#fff;margin:0;white-space:nowrap}
.lf-top{background:var(--lf-g);border-radius:25px;height:200px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lf-brand{display:flex;align-items:flex-end;gap:14px;color:var(--lf-b)}
.lf-logo{width:136px;height:65px;display:block;flex-shrink:0}
.lf-tag{font:500 14px/28px var(--inconsolata);color:var(--lf-b);white-space:nowrap;margin-bottom:-3px}
.lf-res{display:flex;align-items:center;gap:25px}
.lf-res-lbl{font:700 12px/1 var(--inter);color:var(--lf-b);white-space:nowrap}
.lf-pill{display:flex;align-items:center;gap:12px;width:250px;height:50px;border-radius:25px;background:rgb(6,58,28);padding-left:13px;color:var(--lf-b)!important;font:500 19.32px/1 var(--inter);white-space:nowrap}
.lf-pill svg{width:25px;height:25px;flex-shrink:0}
.lf-pill{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background-color .3s ease}.lf-pill:hover{opacity:1!important;transform:translateY(-4px);box-shadow:0 12px 24px -10px rgba(0,0,0,.45);background:rgb(5,52,25)}
@media (prefers-reduced-motion:reduce){.lf-pill:hover{transform:none}}
.lf-main{position:relative;background:var(--lf-g);border-radius:25px 25px 0 0;overflow:hidden;padding:42px 50px calc(50px + 15.5cqw) 125px}
.lf-grid{position:relative;z-index:1;display:grid;grid-template-columns:auto auto auto auto auto;column-gap:clamp(40px,6cqw,90px);justify-content:start}
.lf-col:not(.lf-col--social){padding-top:8px}
.lf-icons{display:flex;gap:19.3px;margin-top:8px}
.lf-icons a{display:block;width:25px;height:25px;color:var(--lf-b)}
.lf-icons svg{width:25px;height:25px;display:block}
.lf-ages{display:grid;grid-template-columns:auto auto;column-gap:50px;justify-content:start;margin-top:32px}
.lf-ages p,.lf-hours{font:400 12px/19.3px var(--inter);color:#fff;margin:2px 0 0;white-space:nowrap}
.lf-addr{display:block;max-width:275px;font:400 12px/19.32px var(--inter);text-decoration:underline!important;text-underline-offset:3px;padding-top:4px}
.lf-h-hours{margin-top:22px!important}
.lf ul{list-style:none;margin:0;padding:0}
.lf li{position:relative;padding-left:18px;font:400 12px/28px var(--inter);white-space:nowrap}
.lf li::before{content:'';position:absolute;left:7px;top:12px;width:4px;height:4px;border-radius:50%;background:#fff}
.lf-word{position:absolute;left:0;right:0;bottom:50px;text-align:center;font-family:var(--serif);font-weight:500;font-size:21.43cqw;line-height:.8;color:rgb(5,64,30);white-space:nowrap;transform:translateY(.24em);pointer-events:none;user-select:none}
.lf-bar{position:absolute;z-index:2;left:0;right:0;bottom:0;height:50px;background:rgb(6,64,30);padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:500 12px/1 var(--inter);color:#fff}
.lf-bar a{text-decoration:underline!important;text-underline-offset:3px}
@media (max-width:1100px){.lf-main{padding-left:50px}.lf-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}.lf-col--social,.lf-col--info{grid-column:span 3}.lf-col:not(.lf-col--social){padding-top:0}}
@media (max-width:760px){footer.lf{width:calc(100vw - 28px)}.lf-top{height:auto;padding:32px 24px;flex-direction:column;align-items:flex-start;gap:28px;border-radius:20px}.lf-res{flex-wrap:wrap;gap:12px}.lf-main{padding:32px 24px calc(50px + 22cqw);border-radius:20px 20px 0 0}.lf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-col--social,.lf-col--info{grid-column:span 2}.lf-addr{max-width:none;white-space:normal}.lf-bar{padding:0 24px}}
footer.lf{background:none!important;margin-top:calc(150 * var(--u,1px))!important;margin-left:0!important;margin-right:0!important;padding:0!important;border-radius:0!important}
.lf-top{border-radius:25px!important}.lf-main{border-radius:25px 25px 0 0!important}
@media (max-width:760px){.lf-top{border-radius:20px!important}.lf-main{border-radius:20px 20px 0 0!important}}

@media (min-width:1101px){.lf-grid{zoom:1.2}}

.lf-pill:hover{transform:none!important;box-shadow:none!important;background:var(--lf-b,rgb(233,229,226))!important;color:rgb(6,58,28)!important}.lf-pill{transition:background-color .3s ease,color .3s ease!important}
