/* Snap Profile v6.7.7 — Typography Authority + Mobile Navigation Control
   The v6.7.6 rule was loaded last, but older experience rules such as
   .site-v56.experience-* had higher selector specificity while also using !important.
   Match/exceed that specificity here so the persisted user choice is authoritative. */
.site-v677.site-v3{
  --heading-font:var(--user-heading-font,"Cairo",sans-serif)!important;
  --body-font:var(--user-body-font,"Cairo",sans-serif)!important;
  font-family:var(--body-font)!important;
}
.site-v677.site-v3 :where(p,span,a,li,small,label,input,select,textarea,button,table,th,td,figcaption,address,.section-index,.site-footer,.footer-info-grid){
  font-family:var(--body-font)!important;
}
.site-v677.site-v3 :where(h1,h2,h3,h4,h5,h6,.brand-mark strong,.faq-v3 summary,.conversion-price,.section-kicker strong,.section-heading strong){
  font-family:var(--heading-font)!important;
}
/* A few legacy components use the font shorthand. Re-assert the family without
   replacing their weight/size/line-height choices. */
.site-v677.site-v3 :where(.hero-content h1,.carousel-copy h1,.contact-copy h2,.local-copy h1,.reviews-editorial-v54 blockquote,.reviews-local-v54 blockquote){
  font-family:var(--heading-font)!important;
}

/* Logo-only is an explicit mobile option: keep the brand/header but remove all navigation UI. */
@media(max-width:900px){
  .site-v677.mobile-header-logo-only .menu-toggle,
  .site-v677.mobile-header-logo-only .mobile-menu,
  .site-v677.mobile-header-logo-only .nav-actions{display:none!important}
  .site-v677.mobile-header-logo-only .nav-shell{justify-content:center!important}
  .site-v677.mobile-header-logo-only .brand-mark{margin-inline:auto!important}
}

/* Studio-only immediate state while the authoritative auto-save refresh is pending. */
.site-v677 .mobile-action-dock-v52.is-disabled,
.site-v677 .sticky-cta-v58.is-disabled{display:none!important}