/* =====================================================================================================
   99-footer · MOBILE (below 1024 px) · V3-NAV (30 Sep, "less info"): calmer and shorter.
   White with an --edge hairline on top: the ribbon logo, the line, Apple's badge; the ten links as a quiet two-column
   list (44 px tap rows, no headings, no chevrons, no box); © and the address.
   Tablets (768+): brand on the left, the links in three columns on the right.
   ===================================================================================================== */

.site-footer .v-mobile .ft-m {
  background: #fff;
  /* no top hairline (founder 30 Sep) */
  padding: 32px calc(var(--gutter) + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(var(--gutter) + env(safe-area-inset-left));
}
.site-footer .v-mobile .ft-m-inner { max-width: 560px; margin: 0 auto; }

/* ---- brand ---- */
.site-footer .v-mobile .ft-m-logo {
  display: block; width: max-content; padding: 6px 0; margin: -6px 0;   /* a taller tap area, same visual place */
  border-radius: 8px; -webkit-tap-highlight-color: transparent; transition: transform .18s var(--ease);
}
.site-footer .v-mobile .ft-m-logo:active { transform: scale(.97); }
.site-footer .v-mobile .ft-m-logo img { width: 124px; }
.site-footer .v-mobile .ft-m-tag { margin-top: 10px; font-size: 16px; line-height: 1.5; color: var(--ink); }
.site-footer .v-mobile .ft-m-get { display: flex; margin-top: 16px; }   /* no line box, so no stray gap under it */
/* RT-LOOP-M: the 40 px badge gets a 48 px tap area (invisible, same visual place) */
.site-footer .v-mobile .ft-m-get .store-badge { position: relative; }
.site-footer .v-mobile .ft-m-get .store-badge::after { content: ""; position: absolute; inset: -4px -2px; }

/* ---- links: two columns, filled row by row, 44 px tall tap rows ---- */
.site-footer .v-mobile .ft-m-nav { margin-top: 20px; }
.site-footer .v-mobile .ft-m-nav ul {
  display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px;
  list-style: none; margin: 0; padding: 0;
}
.site-footer .v-mobile .ft-m-nav a {
  display: flex; align-items: center; min-height: 44px; margin: 0 -8px; padding: 0 8px; border-radius: 10px;
  font-size: 15px; font-weight: 400; line-height: 1.3; color: var(--body);
  -webkit-tap-highlight-color: transparent;
  transition: background-color .16s var(--ease), transform .16s var(--ease);
}
.site-footer .v-mobile .ft-m-nav a:active { background-color: var(--soft); transform: scale(.98); }
.site-footer .v-mobile .ft-m-nav a:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }

/* ---- © and the address: plain, quiet, centred (the promise line was removed by the founder, 30 Sep) ---- */
.site-footer .v-mobile .ft-m-copy { margin-top: 14px; font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--secondary); text-align: center; }
.site-footer .v-mobile .ft-m-addr { margin-top: 2px; padding-bottom: 4px; font-size: 13px; line-height: 1.55; color: var(--secondary); text-align: center; }
.site-footer .v-mobile .ft-m-addr a {           /* 44 px tap area, same visual place */
  display: inline-block; padding: 13px 8px; margin: -13px -8px; border-radius: 8px; color: inherit;
  text-decoration: underline; text-decoration-color: var(--edge-strong); text-underline-offset: 3px; -webkit-tap-highlight-color: transparent;
}
.site-footer .v-mobile .ft-m-addr a:active { background-color: var(--soft); }

/* ---- tablets 768–1023: brand on the left, the links in three columns on the right ---- */
@media (min-width: 768px) {
  .site-footer .v-mobile .ft-m { padding-top: 40px; padding-bottom: calc(28px + env(safe-area-inset-bottom)); }
  .site-footer .v-mobile .ft-m-inner {
    max-width: 880px;
    display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 32px; align-items: start;
  }
  .site-footer .v-mobile .ft-m-logo img { width: 132px; }
  .site-footer .v-mobile .ft-m-nav { margin-top: -8px; }
  .site-footer .v-mobile .ft-m-nav ul { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(4, auto); grid-auto-flow: column; column-gap: 20px; }
  .site-footer .v-mobile .ft-m-copy,
  .site-footer .v-mobile .ft-m-addr { grid-column: 1 / -1; }
}

/* 30 Sep: same rule on phones — roomier top on every page except the homepage */
.site-footer .v-mobile .ft-m { padding-top: 48px; }
body:has(#get) .site-footer .v-mobile .ft-m { padding-top: 32px; }