/* Static front doors share the app's fonts, colors, and cards. */
.static-page { padding-block: 36px 64px; }
.static-top .top-inner { height: auto; min-height: 72px; flex-wrap: wrap; padding-block: 12px; }
.static-top .static-nav { min-width: 0; }
[data-black-friday-nav][hidden] { display: none !important; }
.wall-copy > p > .wall-guide { display: inline-block; color: var(--paper); padding-block: 8px; text-decoration: underline; }
.static-page h1 { font-size: clamp(2rem, 7vw, 3.6rem); line-height: 1.15; margin-bottom: 24px; }
.static-page h2 { margin-block: 32px 18px; }
.static-page p { max-width: 72ch; margin-block: 12px; }
.static-nav, .static-links { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.static-links { padding-block: 20px; }
.static-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 20px; }
.static-card { padding: 20px; min-width: 0; overflow-wrap: anywhere; }
.static-card img { display: block; width: 100%; height: 220px; object-fit: contain; background: white; border-radius: 14px; }
.static-card h3 { margin-block: 12px; font-size: 1.25rem; }
.static-card .btn { white-space: normal; }
.static-page section { scroll-margin-top: 100px; }
.gift-photos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-block: 16px; }
.gift-photos img { width: 100%; height: 100px; object-fit: contain; background: white; border-radius: 12px; }
.bf-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-block: 24px; }
.bf-row img { width: 100%; height: 140px; object-fit: contain; }
@media (max-width: 600px) {
  .static-nav { font-size: .85rem; gap: 6px 12px; }
  .static-page { padding-inline: 18px; }
  .static-page h1 { overflow-wrap: anywhere; }
  .bf-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
