/* Footer r2 (owner, 29 Oct 2026): "clean, elegant and compact"; the temple crown and the logo's arch
   removed entirely. The rules of the prototype's _shared/footer-r2.css; loaded after store.css (or
   store-listing.css) on every storefront page and builds on its .sc-footer (colour tokens, headings,
   links, facts and reveal motion), so nothing is duplicated.

   Wide: one row, the logo at the left behind a fine gold hairline, then Shop, Help and Seller; a slim
   base line carries the copyright and the two policies. Tablets: the logo spans both rows at the left.
   Phones: the logo centred and small, Shop and Help side by side, Seller below, every link visible. */

.sc-footer--r2 {
  background:
    radial-gradient(60% 120% at 50% 0%, rgba(214, 176, 106, 0.09), transparent 70%),
    linear-gradient(180deg, var(--ft-ground), var(--ft-deep));
}
/* A single gold hairline across the top, brightest at the centre: the only ornament. */
.sc-footer--r2::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--ft-gold) 50%, transparent); opacity: 0.75;
}

.sc-footer--r2 .sc-footer__grid {
  display: grid; align-items: start;
  grid-template-columns: minmax(150px, 0.8fr) minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1.7fr);
  grid-template-areas: 'brand shop help seller';
  gap: 28px clamp(28px, 3.4vw, 60px);
  padding-block: clamp(34px, 3.4vw, 48px) clamp(24px, 2.4vw, 34px);
}
.sc-footer--r2 .sc-footer__brand {
  display: flex; flex-direction: column; align-items: flex-start; gap: 14px; align-self: stretch; min-height: 0;
  padding: 2px clamp(20px, 2.4vw, 40px) 0 0; border-right: 1px solid var(--ft-line);
}
.sc-footer--r2 .sc-footer__logo { width: clamp(112px, 9vw, 136px); }
/* The shop's one line under the logo: quiet italic serif, as the Home's own lines are set. */
.sc-footer__tagline { margin: 0; max-width: 17ch; font-family: var(--hx-serif, var(--ui-font-display)); font-style: italic; font-size: 0.95rem; line-height: 1.45; color: var(--ft-text); text-wrap: balance; }
.sc-footer--r2 h3 { margin-bottom: 10px; font-size: 0.7rem; }
.sc-footer--r2 ul { gap: 0; }
.sc-footer--r2 .sc-footer__link { min-height: 32px; }
/* The seller's facts as plain lines, no panel. */
.sc-footer--r2 .sc-footer__facts { gap: 8px !important; padding: 0 !important; border: 0; border-radius: 0; background: none; }
.sc-footer--r2 .sc-footer__fact { line-height: 1.45; }

.sc-footer--r2 .sc-footer__base {
  justify-content: space-between; gap: 8px 20px; flex-wrap: wrap;
  padding-block: 12px 16px; border-top: 1px solid var(--ft-line);
}
.sc-footer__legal { display: flex; align-items: center; gap: 14px; letter-spacing: 0.08em; }
.sc-footer__legal .sc-footer__link { min-height: 32px; }
.sc-footer__legal i { flex: none; width: 3px; height: 3px; border-radius: 50%; background: var(--ft-gold); }

/* Tablets: the logo spans both rows at the left; Shop and Help, then the seller's facts in two columns. */
@media (max-width: 1099px) {
  .sc-footer--r2 .sc-footer__grid {
    grid-template-columns: minmax(120px, 0.6fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: 'brand shop help' 'brand seller seller';
  }
  .sc-footer--r2 .sc-footer__group--seller { justify-self: stretch; width: auto; } /* the footer above centres it here */
}
@media (max-width: 1099px) and (min-width: 760px) {
  .sc-footer--r2 .sc-footer__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
}

/* Phones: the logo centred over a short gold rule; Shop and Help side by side; Seller; the base line centred. */
@media (max-width: 599px) {
  .sc-footer--r2 .sc-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: 'brand brand' 'shop help' 'seller seller';
    gap: 22px 18px; padding-block: 30px 22px;
  }
  .sc-footer--r2 .sc-footer__brand { align-items: center; gap: 10px; position: relative; padding: 0 0 18px; border-right: 0; text-align: center; }
  .sc-footer__tagline { max-width: none; font-size: 0.9rem; }
  .sc-footer--r2 .sc-footer__brand::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 44px; height: 1px; transform: translateX(-50%); background: var(--ft-gold); opacity: 0.7; }
  .sc-footer--r2 .sc-footer__logo { width: 104px; }
  .sc-footer--r2 .sc-footer__base { flex-direction: column; justify-content: center; padding-block: 8px 14px; }
}
/* Phone tap targets up to 720px (owner, 10 Oct 2026), as the footer above keeps them. */
@media (max-width: 719px) {
  .sc-footer--r2 .sc-footer__link, .sc-footer__legal .sc-footer__link { min-height: 44px; }
}