/* Nav + footer refinements lifted from Picnic Homepage.html so every page matches it */
.fbot {
    max-width: var(--max); margin: 20px auto 0; padding: 14px var(--gutter) 0;
    border-top: 1px solid rgba(255,255,255,.22);
    display: flex; justify-content: space-between; align-items: center; gap: 24px;
    font-size: 12px; color: rgba(255,255,255,.88); position: relative;
  }
.mega-triggers { display: flex; align-items: center; gap: 28px; }
.mega-col { position: relative; display: flex; flex-direction: column; padding: 30px 18px 26px; }
.mega-col + .mega-col::before { content: ""; position: absolute; left: 0; top: 26px; bottom: 22px; width: 1px; background: linear-gradient(to bottom, transparent, var(--line) 16%, var(--line) 84%, transparent); }
.mega-menu .menu-header { font-family: var(--font-sans); font-weight: 700; font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 12px; padding: 0 12px; display: flex; align-items: center; gap: 8px; }
.mega-menu .menu-header::before { content: ""; width: 5px; height: 5px; background: var(--aqua-d); transform: skewX(var(--skew)); flex: 0 0 auto; }
.mega-menu .mega-subs { display: flex; flex-direction: column; margin: 3px 0 4px 25px; padding-left: 14px; border-left: 1px solid var(--mist-line); }
.mega-menu .mega-foot { grid-column: 1 / -1; display: flex; align-items: center; gap: 18px; padding: 16px 22px; background: var(--mist); border-top: 1px solid var(--mist-line); }
.mega-feat .feat-thumb { width: 46px; height: 60px; flex: 0 0 auto; border-radius: 6px; overflow: hidden; box-shadow: 0 8px 18px -8px rgba(48,48,48,.45); background: #fff; }
.mega-feat .feat-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mega-feat .feat-txt { display: flex; flex-direction: column; gap: 3px; }
.mega-feat .feat-eyebrow { font-family: var(--font-sans); font-weight: 700; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--pink-1); }
.mega-feat .feat-title { font-family: var(--font-serif); font-weight: 600; font-size: 16px; letter-spacing: -0.01em; color: var(--ink); line-height: 1.2; }
.mega-feat .feat-meta { font-family: var(--font-sans); font-weight: 400; font-size: 12.5px; color: var(--ink-2); }
.mega-menu .mega-foot .foot-cta { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; font-family: var(--font-sans); font-weight: 700; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--pink-1); padding: 0 4px; }
.mega-menu .mega-foot .foot-cta svg { width: 14px; height: 14px; transition: transform .18s ease; }

/* nav-sm-hide: page-level .btn rules must not resurface the demo button in the burger layout */
@media (max-width:1080px){ .nav .nav-inner > .btn.sm{ display:none !important; } }