/* Milestone 4 typography only: deterministic signature face across homepage/footer. */
html body footer.fx-site-footer .fx-made-in-sf,
html body .fx-approved-home-hero .fx-approved-bridge.fx-approved-bridge-reference figcaption,
html body .fx-area-section .fx-area-photo figcaption {
  font-family:"Caveat",cursive!important;
  font-weight:400!important;
  font-style:normal!important;
}

/* Owner-device desktop composition guard: the approved homepage keeps all four
 * Popular Areas cards in one row. This is presentation-only and deliberately
 * does not alter booking, serviceability, pricing, or matching behavior. */
@media(min-width:981px){
  html body.fx-home-v2 .fx-approved-home-hero[data-fixology-visual-system] .fx-approved-popular .fx-approved-area-cards{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }
  html body.fx-home-v2 .fx-approved-home-hero[data-fixology-visual-system] .fx-approved-popular .fx-approved-area-card{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Owner Firefox reference, 2026-09-23: preserve the established hero frame
   * while the landscape Golden Gate source fills it. Explicit image dimensions
   * prevent the source aspect ratio from collapsing the rendered desktop hero. */
  html body.fx-home-v2 .fx-approved-home-hero[data-fixology-visual-system] .fx-approved-bridge.fx-approved-bridge-reference{
    height:clamp(330px,25vw,400px)!important;
    min-height:330px!important;
    margin-top:18px!important;
    overflow:hidden!important;
  }
  html body.fx-home-v2 .fx-approved-home-hero[data-fixology-visual-system] .fx-approved-bridge.fx-approved-bridge-reference>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:50% 50%!important;
  }
}

/* Owner-device mobile composition guard: keep Popular Areas directly after the
 * photo-led hero without changing booking or serviceability behavior. */
@media(max-width:700px){
  html body.fx-home-v2 .fx-approved-home-hero[data-fixology-visual-system] .fx-approved-popular{margin-top:8px!important}
}