/* Phone navigation: direct contact first, compact safe-area spacing. */
@media(max-width:780px){
 body[data-site-panel="true"] .topbar .mobile-nav{
  top:0!important;right:0!important;left:0!important;width:100%!important;max-width:100vw!important;
  height:100vh!important;min-height:0!important;height:100dvh!important;
  padding:calc(12px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important;
  justify-content:flex-start!important;gap:0!important;overscroll-behavior:contain;scroll-padding:16px!important;
 }
 body[data-site-panel="true"] .topbar .mobile-menu-contact{
  position:relative!important;bottom:auto!important;margin:0 0 10px!important;padding:0!important;
  background:transparent!important;border:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
 }
 body[data-site-panel="true"] .topbar .mobile-menu-contact-label{
  grid-column:1/-1;display:flex;align-items:center;min-height:44px;margin:0 60px 4px 0!important;padding:0!important;
  font-size:17px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#edcb69!important;
 }
 body[data-site-panel="true"] .topbar .mobile-menu-contact a{min-height:62px!important;gap:8px!important;padding:10px 8px!important;border-radius:5px;font-size:13px!important;letter-spacing:0!important;text-transform:none!important}
 body[data-site-panel="true"] .topbar .mobile-menu-contact small{font-size:11px!important;letter-spacing:0!important;text-transform:none!important;line-height:1.35!important}
 body[data-site-panel="true"] .topbar .mobile-menu-contact .menu-action-icon{width:23px!important;height:23px!important;flex:0 0 23px!important}
 body[data-site-panel="true"] .topbar .mobile-nav .mobile-quote{margin:0 0 12px!important;min-height:46px!important;font-family:Arial,sans-serif!important;font-size:14px!important;letter-spacing:.04em!important;border-radius:5px}
 body[data-site-panel="true"] .topbar .mobile-nav .mobile-quote span{font-size:14px!important;font-weight:700!important}
 body[data-site-panel="true"] .topbar .mobile-nav .assistant-nav-trigger{margin:0 0 10px!important;padding:10px 12px!important;min-height:50px!important;border-radius:5px}
 body[data-site-panel="true"] .topbar .mobile-nav>a:not(.mobile-quote),
 body[data-site-panel="true"] .topbar .mobile-nav>details>summary{font-size:19px!important;min-height:48px!important;padding:12px 0!important;line-height:1.25!important}
 body[data-site-panel="true"] .topbar .mobile-nav>details a{min-height:44px!important;display:flex!important;align-items:center!important;line-height:1.35!important;padding-top:10px!important;padding-bottom:10px!important}
 body[data-site-panel="true"] .topbar .mobile-menu-promos{margin:16px 0 0!important}
 body[data-site-panel="true"].site-menu-open .topbar .menu-toggle{top:calc(12px + env(safe-area-inset-top))!important;right:max(18px,env(safe-area-inset-right))!important;min-height:44px!important;height:44px!important;min-width:44px!important;width:44px!important;padding:0!important;font-size:26px!important}
}

/* Footer profile links: make the independent review sources visible without adding a third-party request. */
.footer-profiles{grid-column:1/-1;border-top:1px solid rgba(244,240,232,.18);padding-top:22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.footer-profiles-label{margin:0!important;color:rgba(244,240,232,.55)!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.14em}
.footer-profile-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footer-profile-link{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 11px;border:1px solid rgba(244,240,232,.25);color:rgba(244,240,232,.86);font-size:11px;text-transform:uppercase;letter-spacing:.08em;transition:border-color .2s,color .2s,background .2s}
.footer-profile-link:hover,.footer-profile-link:focus-visible{border-color:var(--amber);color:var(--amber);background:rgba(226,161,92,.08)}
.footer-profile-link img{width:27px;height:27px;object-fit:contain;border-radius:6px;background:#fff}
.footer-profile-link b{font-size:16px;font-weight:400;color:var(--amber);line-height:1}
@media(max-width:780px){.footer-profiles{display:block;padding-top:20px}.footer-profiles-label{margin-bottom:10px!important}.footer-profile-links{gap:8px}.footer-profile-link{flex:1 1 145px;justify-content:center;min-height:44px;padding:7px 9px}}
@media(max-width:780px){
 html:has(body.site-menu-open),body.site-menu-open{overflow:hidden!important;overscroll-behavior:none}
 body[data-site-panel="true"]:not([data-hero-family="home"]) .page-hero h1{font-size:clamp(36px,9vw,48px)!important;line-height:1.05!important;letter-spacing:-.045em!important;margin-bottom:24px!important}
 body[data-page-slug="contact"] .page-hero-copy,body[data-page-slug="quote"] .page-hero-copy{order:0!important;padding-top:28px!important}
 body[data-page-slug="contact"] .page-hero>figure,body[data-page-slug="quote"] .page-hero>figure{order:1!important;height:220px!important;min-height:0!important;max-height:220px!important}
}
@media(max-width:360px){body[data-site-panel="true"] .topbar>.topbar-quote-link{display:none!important}}
@media(max-width:780px){
 body[data-site-panel="true"] .mobile-nav .mobile-quote .button-mark{display:none!important}
 body[data-site-panel="true"] .contact-phone-button{gap:10px!important;padding:14px 12px!important;min-height:50px!important}
 body[data-site-panel="true"] .contact-phone-button .button-mark{display:none!important}
 body[data-site-panel="true"] .contact-phone-button>span:not(.button-mark){font:700 14px/1.3 Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap}
 body[data-site-panel="true"] .contact-phone-button .contact-phone-icon{width:22px!important;height:22px!important;flex:0 0 22px!important}
}

/* The privacy page should get to the notice quickly on a phone. Its generic
   trust chips and fence photograph were pushing the useful information below
   the first screen. */
@media(max-width:780px){
 body[data-page-slug="privacy"] .page-hero{display:block!important;min-height:0!important;padding:28px 20px 30px!important}
 body[data-page-slug="privacy"] .page-hero .breadcrumb{margin:0 0 18px!important;font-size:10px!important}
 body[data-page-slug="privacy"] .page-hero .eyebrow{margin:0 0 12px!important;font-size:10px!important;letter-spacing:.14em!important}
 body[data-page-slug="privacy"] .page-hero h1{max-width:13ch!important;margin:0 0 14px!important;font-size:clamp(38px,10vw,46px)!important;line-height:1.04!important;letter-spacing:-.05em!important}
 body[data-page-slug="privacy"] .page-hero-copy>p:not(.breadcrumb):not(.eyebrow){max-width:38ch!important;margin:0!important;font-size:16px!important;line-height:1.5!important}
 body[data-page-slug="privacy"] .page-hero .hero-meta,
 body[data-page-slug="privacy"] .page-hero>figure,
 body[data-page-slug="privacy"] .page-hero::after{display:none!important}
 body[data-page-slug="privacy"] main#main-content>.page-section{padding:38px 20px!important}
 body[data-page-slug="privacy"] main#main-content>.page-section h2{margin:0 0 18px!important;font-size:clamp(34px,9vw,40px)!important;line-height:1.05!important;letter-spacing:-.045em!important}
 body[data-page-slug="privacy"] main#main-content>.page-section>p:not(.section-kicker){font-size:16px!important;line-height:1.55!important}
 body[data-page-slug="privacy"] .service-feature-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin-top:24px!important}
 body[data-page-slug="privacy"] .service-feature-grid .service-feature{min-height:0!important;padding:16px!important;border-top:2px solid #c8a947!important;background:#fffdf8!important}
 body[data-page-slug="privacy"] .service-feature-grid .service-feature h3{margin:0 0 8px!important;font-size:18px!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#123c2e!important}
 body[data-page-slug="privacy"] .service-feature-grid .service-feature p{margin:0!important;font-size:14px!important;line-height:1.55!important;color:#414c44!important}
 body[data-page-slug="privacy"] .privacy-control-heading .section-kicker{margin-bottom:12px!important}
 body[data-page-slug="privacy"] .privacy-contact-note{margin:16px 0 0!important;padding:14px!important}
 body[data-page-slug="privacy"] .page-cta{padding:44px 20px!important}
}

/* Keep the quick contact dock across the whole phone journey, including the
   homepage. Match the green and gold branding and replace the old kiln mark. */
@media(max-width:780px){
 body[data-site-panel="true"] .mobile-cta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;bottom:0!important;padding:0 0 env(safe-area-inset-bottom)!important;border-top:1px solid rgba(237,203,105,.84)!important;background:linear-gradient(180deg,#073b2c 0%,#052e22 100%)!important;color:#fffdf8!important;box-shadow:0 -8px 24px rgba(4,30,22,.22)!important}
 body[data-site-panel="true"] .mobile-cta a{min-height:62px!important;padding:8px 5px!important;border-right:1px solid rgba(237,203,105,.32)!important;color:#fffdf8!important}
 body[data-site-panel="true"] .mobile-cta a:last-child{border-right:0!important}
 body[data-site-panel="true"] .mobile-cta .mobile-cta-phone-icon{fill:#edcb69!important;color:#edcb69!important}
 body[data-site-panel="true"] .mobile-cta .mobile-cta-whatsapp-icon{filter:brightness(0) invert(1)!important}
 body[data-site-panel="true"] .mobile-cta .mobile-cta-label{color:#fffdf8!important}
 body[data-site-panel="true"] .mobile-cta a[href="/quote/"] .mobile-cta-quote-icon{display:none!important}
 body[data-site-panel="true"] .mobile-cta a[href="/quote/"]::before{content:"";display:block;flex:0 0 24px;width:24px;height:24px;background:#edcb69;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4 4V20a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1Z'/%3E%3Cpath d='M14 3.5V8h4M9 12h6M9 16h6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4 4V20a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1Z'/%3E%3Cpath d='M14 3.5V8h4M9 12h6M9 16h6'/%3E%3C/svg%3E") center/contain no-repeat}
 body[data-site-panel="true"][data-hero-family="home"] .kieran-assistant{bottom:calc(76px + env(safe-area-inset-bottom))!important}
 body[data-site-panel="true"]{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
}

/* The quote icon is now inline SVG, with no old pottery asset dependency. */
@media(max-width:780px){
 body[data-site-panel="true"] .mobile-cta a[href="/quote/"]::before{display:none!important}
 body[data-site-panel="true"] .mobile-cta .mobile-cta-document-icon{display:block!important;width:24px!important;height:24px!important;color:#edcb69!important;fill:none!important}
 body[data-site-panel="true"] .mobile-cta{position:fixed!important;left:0!important;right:0!important;z-index:900!important}
 body[data-site-panel="true"].site-menu-open .mobile-cta{display:none!important}
}