@media(max-width:900px){
.mobile-nav .mobile-service-areas{border-bottom:1px solid #ffffff1c}
.mobile-nav .mobile-service-areas summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 4px;cursor:pointer;list-style:none;font-family:Outfit,Arial,sans-serif;font-size:clamp(27px,7.5vw,34px);font-weight:900;letter-spacing:-.025em;line-height:1.12}
.mobile-nav .mobile-service-areas summary::-webkit-details-marker{display:none}
.mobile-nav .mobile-service-areas summary::after{content:'+';font-size:28px;font-weight:500}
.mobile-nav .mobile-service-areas[open] summary::after{content:'−'}
.mobile-nav .mobile-service-areas summary:focus-visible{outline:2px solid #f97316;outline-offset:3px}
.mobile-nav .mobile-service-area-links{display:grid;padding:0 0 16px 15px}
.mobile-nav .mobile-service-area-links a{font-size:21px;font-weight:650;line-height:1.3;letter-spacing:0;padding:12px 5px;min-height:44px}
}
/* Keep the existing Rock Salt face (400 only); strengthen its stroke rather than synthesize a missing font weight. */
.cta-row h2.handwritten-cta-title{font-size:45px;line-height:1.5;color:#102c45;-webkit-text-stroke:.04em currentColor;paint-order:stroke fill}
@media(max-width:680px){.cta-row h2.handwritten-cta-title{font-size:clamp(29px,calc(6.2vw + 5px),37px);white-space:normal;overflow-wrap:normal}}
/* Owner refinement: reduce desktop headline by 5px, retaining its existing 1.8px ink thickness. */
@media(min-width:901px){.cta-row h2.handwritten-cta-title{font-size:40px;-webkit-text-stroke:1.8px currentColor}}
/* Owner-approved finish: only the sticky mobile Call Us control. */
@media(max-width:900px){
.mobile-bar a.btn.btn-outline[href^="tel:"]{color:#fff;background:rgba(24,145,255,.11);border-color:#2fa8ff;box-shadow:0 0 14px rgba(47,168,255,.32),inset 0 0 10px rgba(47,168,255,.10)}
.mobile-bar a.btn.btn-outline[href^="tel:"]:focus-visible{outline:2px solid #fff;outline-offset:3px}
}

/* Small optical refinement: fixed hit area and typography, more breathing room above both controls. */
@media(max-width:900px){
.mobile-bar a.btn.btn-outline[href^="tel:"] .mobile-call-content{display:inline-flex;align-items:center;justify-content:center;gap:inherit;transform:translateX(-2px)}
.mobile-bar{padding-top:16px}
.footer{padding-bottom:calc(134px + env(safe-area-inset-bottom,0px))}
.mobile-nav.is-open{--menu-bar-space:calc(87px + env(safe-area-inset-bottom,0px))}
}