.header-contact-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.header-contact{color:var(--navy);font-size:16px;font-weight:700;text-underline-offset:4px}
.review-shortcut{padding:18px 0 0;background:#e5fbff;text-align:center}
.review-shortcut .text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--navy);font-size:16px;font-weight:900;text-underline-offset:4px}
.customer-contact-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin:14px 0;padding:14px 16px;border-left:3px solid var(--blue);border-radius:8px;background:#eaf7ff;color:var(--navy);font-size:16px;line-height:1.4}
.customer-contact-note>span{flex:1 1 220px;font-weight:700;min-width:0}
.customer-contact-note a:not(.messenger-button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #b8d9ef;border-radius:8px;background:#fff;color:var(--navy);font-weight:700;text-align:center;text-decoration:none;transition:background .15s,border-color .15s}
.customer-contact-note a:not(.messenger-button):hover{background:#dcefff;border-color:var(--blue)}
.service-area-precheck a{color:var(--navy);font-weight:700;text-underline-offset:3px}
.customer-contact-footer{padding:24px 0;border-top:2px solid #c8e5f8;background:#eaf7ff}
.customer-contact-footer>.container{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px}
.contact-chat-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff}
.customer-contact-footer h2{margin:0;color:var(--navy);font-size:22px;line-height:1.25;letter-spacing:0}
.customer-contact-footer p{margin:5px 0 0;color:var(--muted);font-size:16px;line-height:1.4}
.messenger-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;max-width:100%;padding:12px 24px;border:0;border-radius:12px;background:#1877f2;color:#fff;font-size:18px;font-weight:800;line-height:1;text-align:center;text-decoration:none;box-shadow:0 10px 24px rgba(24,119,242,.26);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.messenger-button:hover{background:#0f6fe8;transform:translateY(-1px);box-shadow:0 12px 28px rgba(24,119,242,.32)}
.messenger-button:active{transform:translateY(0)}
.messenger-mark{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#fff;color:#1877f2}
.messenger-mark svg{display:block;width:23px;height:23px;fill:currentColor}
.customer-contact-note .messenger-button{min-height:46px;padding:10px 18px;font-size:16px;box-shadow:0 8px 18px rgba(24,119,242,.2)}
.customer-contact-note .messenger-mark{width:26px;height:26px}
.customer-contact-note .messenger-mark svg{width:20px;height:20px}
.header-contact:focus-visible,.customer-contact-note a:focus-visible,.customer-contact-footer a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.owner-mode .customer-contact-footer{display:none}
@media(max-width:720px){.customer-contact-footer{padding:20px 0}.customer-contact-footer>.container{grid-template-columns:44px minmax(0,1fr);gap:12px}.contact-chat-icon{width:44px;height:44px}.customer-contact-footer h2{font-size:20px}.customer-contact-footer .messenger-button{grid-column:1/-1;width:100%}.customer-contact-note>span{flex-basis:100%}.customer-contact-note .messenger-button{width:100%}}
@media(max-width:480px){.site-header{gap:10px}.site-header .wordmark{font-size:20px;letter-spacing:0}.header-contact-actions{gap:10px}.header-contact{font-size:14px}.messenger-button{font-size:17px}}

/* Keep contact help quieter than the quote actions. */
.customer-contact-footer{padding:20px 0;border-top:1px solid #e1eaf0;background:#f8fbfd}
.customer-contact-footer>.container{grid-template-columns:40px minmax(0,1fr) auto;gap:12px}
.customer-contact-footer .contact-chat-icon{width:40px;height:40px;background:#eaf3fa;color:#52758f}
.customer-contact-footer .contact-chat-icon svg{width:23px;height:23px}
.customer-contact-footer h2{font-size:18px;font-weight:600;color:#45647b}
.customer-contact-footer p{font-size:14px;color:#5d7283}
.customer-contact-footer .messenger-button{min-height:44px;padding:10px 18px;border:1px solid #cedfea;border-radius:10px;background:#edf5fb;color:#275f89;font-size:16px;font-weight:600;box-shadow:none}
.customer-contact-footer .messenger-button:hover{background:#e1eef8;border-color:#a9c6dc;box-shadow:none;transform:none}
.customer-contact-footer .messenger-mark{width:24px;height:24px;background:transparent;color:#39739d}
.customer-contact-footer .messenger-mark svg{width:22px;height:22px}
@media(max-width:720px){.customer-contact-footer>.container{grid-template-columns:36px minmax(0,1fr)}.customer-contact-footer .contact-chat-icon{width:36px;height:36px}.customer-contact-footer h2{font-size:17px}.customer-contact-footer .messenger-button{grid-column:2;justify-self:start;width:auto;max-width:100%;margin-top:2px}}