
/* Unified quote + phone pairs. Standalone links and modal choices are unaffected. */
body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]){display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;align-items:stretch!important;gap:14px!important}
body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]) > a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;flex:0 1 255px!important;width:255px!important;max-width:100%!important;
 min-height:59px!important;height:auto!important;padding:9px 20px!important;margin:0!important;
 font-family:'Montserrat',sans-serif!important;font-size:20px!important;font-weight:700!important;
 line-height:1.65!important;letter-spacing:.01em!important;text-align:center;white-space:normal!important;
 border:1.5px solid transparent!important;border-radius:12px!important;
 background:#f7b900!important;color:#172342!important;gap:10px!important;
 align-self:stretch!important;text-decoration:none!important;box-shadow:none!important;
 transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
 order:0;
}
body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]) > a[href^="tel:"]{background:#f88ee5!important;order:1}
body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]) > a span{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]) > a i{font-size:18px!important;color:inherit!important;flex-shrink:0}
@media(hover:hover){
 body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]) > a:hover{transform:translateY(-2px)!important;filter:brightness(1.035);box-shadow:0 7px 16px rgba(23,35,66,.14)!important;text-decoration:none!important}
}
body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]) > a:active{transform:translateY(0)!important;filter:brightness(.97);box-shadow:0 2px 5px rgba(23,35,66,.1)!important}
body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]) > a:focus-visible{outline:3px solid #172342;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]) > a{transition:none!important}body div:has(> a[href^="tel:"]):has(> a.js-quote-open, > a[onclick*="openQuoteModal"]) > a:hover{transform:none!important}}
/* Compact phone hero actions with separate space for the mascots. */
@media(max-width:600px){
body #hero .hero-actions{flex-direction:column!important;align-items:center!important;width:100%;gap:12px!important;margin-top:20px!important;margin-bottom:0!important}
body #hero .hero-actions>a{flex:0 0 auto!important;width:200px!important;min-height:50px!important;padding:8px 12px!important;font-size:16px!important;line-height:1.5!important;align-self:center!important}
body #hero .hero-actions>a i{font-size:16px!important}
}
