/* HIKING LEBANON — Shared two-level nature footer V11. Scoped to the new footer only. */
.hl-footer.hl-footer--nature {padding:0; background:#1b3a2e; color:#fff;}
.hl-footer--nature *, .hl-footer--nature *::before, .hl-footer--nature *::after {box-sizing:border-box;}
.hl-footer--nature .hl-nature-promise {background:#1b3a2e; padding:28px 4vw 20px; color:#fff; border-bottom:1px solid rgba(255,255,255,.22);}
.hl-footer--nature .hl-nature-wrap {width:min(1480px,92vw); margin:0 auto;}
.hl-footer--nature .hl-nature-heading {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:end;gap:32px;margin:0 0 18px;}
.hl-footer--nature .hl-nature-eyebrow {color:#bdd4c3;display:block;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:2px;margin-bottom:8px;}
.hl-footer--nature .hl-nature-heading h2 {font:500 clamp(28px,2.8vw,42px)/1.08 Georgia,'Times New Roman',serif;color:#fff;margin:0;letter-spacing:-.5px;}
.hl-footer--nature .hl-nature-heading h2 em {color:#b5d0b9;font-weight:400;}
.hl-footer--nature .hl-nature-heading p {color:#d4e3d7;font-size:13px;line-height:1.7;margin:0;max-width:560px;}
.hl-footer--nature .hl-nature-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.hl-footer--nature .hl-nature-card {position:relative;min-width:0;min-height:132px;display:flex;flex-direction:column;text-align:left;align-items:stretch;background:rgba(255,255,255,.05);border:1px solid rgba(215,239,222,.14);border-radius:13px;color:#fff;padding:18px 18px 16px;cursor:pointer;font:inherit;transition:background .18s,border-color .18s,transform .18s;}
.hl-footer--nature .hl-nature-card:hover {background:rgba(255,255,255,.075);border-color:#91b89a;transform:translateY(-2px);}
.hl-footer--nature .hl-nature-card:focus-visible, .hl-footer--nature .hl-nature-dialog-close:focus-visible,.hl-footer--nature .hl-nature-dialog-done:focus-visible {outline:3px solid #d0f0cc;outline-offset:3px;}
.hl-footer--nature .hl-nature-num {position:absolute;top:16px;right:16px;font:13px Georgia,serif;color:#b4cfb9;}
.hl-footer--nature .hl-nature-card-head {display:flex;align-items:center;gap:12px;padding-right:52px;margin:0 0 12px;}
.hl-footer--nature .hl-nature-icon {width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.1);color:#e6f5e4;}
.hl-footer--nature .hl-nature-icon svg {width:24px;height:24px;}
.hl-footer--nature .hl-nature-card strong {font:600 18px/1.2 Georgia,'Times New Roman',serif;color:white;margin:0;}
.hl-footer--nature .hl-nature-intro {font-size:12px;line-height:1.6;color:#d3e4d7;padding-right:34px;}
.hl-footer--nature .hl-nature-arrow {margin-top:auto;align-self:flex-end;font-size:18px;line-height:1;color:#e2f4df;padding-top:10px;}
.hl-footer--nature .hl-nature-bottom-note {margin:14px 0 0;font-size:12px;color:#d0e3d3;line-height:1.65;}
.hl-footer--nature .hl-footer-lower {padding:28px 4vw 34px; background:#1b3a2e;}
/* The legacy footer-inner grid and styles intentionally remain in hiking-ui.css. */
.hl-footer--nature dialog.hl-nature-dialog {position:fixed;inset:0;margin:auto;width:min(510px,calc(100% - 32px));max-height:min(85dvh,700px);overflow-y:auto;box-sizing:border-box;padding:36px 35px 31px;border:0;border-radius:17px;background:#fff;color:#244a37;box-shadow:0 20px 80px rgba(0,0,0,.28);}
.hl-footer--nature dialog.hl-nature-dialog::backdrop {background:rgba(8,24,15,.72);}
.hl-footer--nature .hl-nature-dialog-close {position:absolute;top:9px;right:13px;padding:8px 12px;border:0;background:transparent;color:#294f3b;font:32px/1 Arial,sans-serif;cursor:pointer;}
.hl-footer--nature .hl-nature-dialog-eyebrow {display:block;font-size:10px;font-weight:800;letter-spacing:1.8px;color:#5e8369;margin:0 34px 14px 0;}
.hl-footer--nature .hl-nature-dialog h2 {font:500 clamp(28px,5vw,38px)/1.2 Georgia,'Times New Roman',serif;color:#1b3a2e;margin:0 0 14px;}
.hl-footer--nature .hl-nature-dialog p {color:#496553;font-size:14px;line-height:1.75;margin:0 0 24px;}
.hl-footer--nature .hl-nature-dialog h3 {font-size:12px;letter-spacing:1px;color:#244a37;text-transform:uppercase;margin:0 0 11px;}
.hl-footer--nature .hl-nature-dialog ul {margin:0 0 23px;padding-left:21px;color:#496553;font-size:13px;line-height:1.75;}
.hl-footer--nature .hl-nature-dialog li {padding-left:3px;margin:0 0 6px;}
.hl-footer--nature .hl-nature-dialog-done {border:0;border-radius:8px;background:#1b3a2e;color:#fff;padding:11px 17px;font-size:13px;font-weight:700;cursor:pointer;}
@media(max-width:1100px){.hl-footer--nature .hl-nature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hl-footer--nature .hl-nature-heading{gap:20px;}}
@media(max-width:700px){.hl-footer--nature .hl-nature-promise{padding:24px 4vw 18px}.hl-footer--nature .hl-nature-wrap{width:100%}.hl-footer--nature .hl-nature-heading{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.hl-footer--nature .hl-nature-heading h2{font-size:31px}.hl-footer--nature .hl-nature-heading p{font-size:12px}.hl-footer--nature .hl-nature-grid{gap:10px}.hl-footer--nature .hl-nature-card{padding:16px 14px 14px;min-height:122px}.hl-footer--nature .hl-nature-num{top:14px;right:14px}.hl-footer--nature .hl-nature-card-head{gap:10px;padding-right:44px;margin-bottom:10px}.hl-footer--nature .hl-nature-card strong{font-size:16px}.hl-footer--nature .hl-nature-icon{width:36px;height:36px;flex-basis:36px}.hl-footer--nature .hl-nature-icon svg{width:22px;height:22px}.hl-footer--nature .hl-nature-intro{padding-right:20px}.hl-footer--nature .hl-footer-lower{padding:26px 4vw 30px}.hl-footer--nature dialog.hl-nature-dialog{padding:32px 23px 25px;max-height:calc(100dvh - 80px)}}
@media(max-width:350px){.hl-footer--nature .hl-nature-grid{grid-template-columns:1fr}.hl-footer--nature .hl-nature-card{min-height:116px}}
@media(prefers-reduced-motion:reduce){.hl-footer--nature .hl-nature-card{transition:none}}