/* Radiator Repairs Manchester page styles. Loaded after the shared site stylesheets. */
.mb-svg-defs{position:absolute}.mb-skip-link{position:fixed;top:16px;left:16px;z-index:9999;padding:12px 18px;border-radius:12px;background:#fff;color:#07111f;box-shadow:0 12px 30px rgba(0,0,0,.28);font:800 14px/1 Inter,system-ui,sans-serif;transform:translateY(-180%);transition:transform .2s ease}.mb-skip-link:focus{transform:translateY(0);outline:3px solid #3ea6ff;outline-offset:3px}
#mb-about-page .mb-breadcrumb{position:relative;z-index:1;margin:-34px 0 50px}#mb-about-page .mb-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 8px;list-style:none;color:rgba(255,255,255,.65);font-size:13px}#mb-about-page .mb-breadcrumb li+li:before{content:"/";margin-right:8px;color:rgba(255,255,255,.35)}#mb-about-page .mb-breadcrumb a:hover{color:#fff}
#mb-about-page .mb-service-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start;padding:34px;border:1px solid rgba(62,166,255,.12);border-radius:30px;background:rgba(255,255,255,.05);box-shadow:0 18px 44px rgba(0,0,0,.16)}#mb-about-page .mb-service-intro h2,#mb-about-page .mb-service-proof h2,#mb-about-page .mb-service-callout h2,#mb-about-page .mb-service-related h2{margin:8px 0 0;font-family:"Outfit",Inter,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1;letter-spacing:-.035em}#mb-about-page .mb-service-intro p{margin:0 0 14px;color:rgba(255,255,255,.74);font-size:16px;line-height:1.75}
#mb-about-page .mb-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#mb-about-page .mb-service-card{position:relative;padding:30px;border:1px solid rgba(62,166,255,.13);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(62,166,255,.1),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.045));box-shadow:0 18px 44px rgba(0,0,0,.17)}#mb-about-page .mb-card-number{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:15px;background:linear-gradient(135deg,rgba(255,77,77,.2),rgba(62,166,255,.2));font-weight:900}#mb-about-page .mb-service-card h2{margin:0 0 12px;font-family:"Outfit",Inter,sans-serif;font-size:28px;line-height:1.05;letter-spacing:-.025em}#mb-about-page .mb-service-card p{margin:0 0 18px;color:rgba(255,255,255,.72);line-height:1.7}#mb-about-page .mb-service-card ul,#mb-about-page .mb-service-callout ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}#mb-about-page .mb-service-card li,#mb-about-page .mb-service-callout li{position:relative;padding-left:26px;color:rgba(255,255,255,.9);line-height:1.5}#mb-about-page .mb-service-card li:before,#mb-about-page .mb-service-callout li:before{content:"✓";position:absolute;left:0;color:#8fd0ff;font-weight:900}
#mb-about-page .mb-service-split{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}#mb-about-page .mb-service-proof,#mb-about-page .mb-service-callout{padding:34px;border:1px solid rgba(62,166,255,.13);border-radius:30px;background:rgba(255,255,255,.055);box-shadow:0 20px 50px rgba(0,0,0,.18)}#mb-about-page .mb-service-proof>p{color:rgba(255,255,255,.74);line-height:1.75}#mb-about-page .mb-service-checks{display:grid;gap:14px;margin-top:24px}#mb-about-page .mb-service-checks>div{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(62,166,255,.1)}#mb-about-page .mb-service-checks span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff4d4d,#3ea6ff);font-weight:900}#mb-about-page .mb-service-checks p{margin:0;color:rgba(255,255,255,.74);line-height:1.55}#mb-about-page .mb-service-callout{background:radial-gradient(circle at 100% 0,rgba(255,77,77,.12),transparent 34%),linear-gradient(150deg,rgba(9,18,35,.9),rgba(12,27,52,.86))}#mb-about-page .mb-service-callout ul{margin:24px 0}#mb-about-page .mb-service-wide-copy{max-width:820px;margin-top:16px}
#mb-about-page .mb-service-related{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start;padding:34px;border:1px solid rgba(62,166,255,.12);border-radius:30px;background:rgba(255,255,255,.05)}#mb-about-page .mb-service-related p{color:rgba(255,255,255,.72);line-height:1.7}#mb-about-page .mb-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#mb-about-page .mb-related-links a{display:grid;gap:6px;padding:20px;border:1px solid rgba(62,166,255,.12);border-radius:20px;background:rgba(255,255,255,.045);transition:transform .2s ease,border-color .2s ease}#mb-about-page .mb-related-links a:hover{transform:translateY(-3px);border-color:rgba(62,166,255,.3)}#mb-about-page .mb-related-links strong{font-family:"Outfit",Inter,sans-serif;font-size:20px}#mb-about-page .mb-related-links span{color:rgba(255,255,255,.68);font-size:14px;line-height:1.55}#mb-about-page .mb-core-local-areas span{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:950px){#mb-about-page .mb-service-intro,#mb-about-page .mb-service-split,#mb-about-page .mb-service-related{grid-template-columns:1fr}#mb-about-page .mb-service-grid{grid-template-columns:1fr}}
@media(max-width:640px){#mb-about-page .mb-service-intro,#mb-about-page .mb-service-card,#mb-about-page .mb-service-proof,#mb-about-page .mb-service-callout,#mb-about-page .mb-service-related{padding:22px;border-radius:24px}#mb-about-page .mb-related-links{grid-template-columns:1fr}}

/* Service page responsive hardening */
#mb-about-page .mb-service-intro,
#mb-about-page .mb-service-grid,
#mb-about-page .mb-service-split,
#mb-about-page .mb-service-related,
#mb-about-page .mb-related-links { min-width: 0; max-width: 100%; }

@media (max-width: 950px) {
  #mb-about-page .mb-service-intro,
  #mb-about-page .mb-service-split,
  #mb-about-page .mb-service-related {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  #mb-about-page .mb-service-intro,
  #mb-about-page .mb-service-card,
  #mb-about-page .mb-service-proof,
  #mb-about-page .mb-service-callout,
  #mb-about-page .mb-service-related {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 20px 18px;
  }
  #mb-about-page .mb-service-intro h2,
  #mb-about-page .mb-service-proof h2,
  #mb-about-page .mb-service-callout h2,
  #mb-about-page .mb-service-related h2 {
    font-size: clamp(2rem, 10vw, 2.75rem);
    overflow-wrap: anywhere;
  }
  #mb-about-page .mb-service-card h2 { font-size: 24px; }
  #mb-about-page .mb-related-links a { width: 100%; box-sizing: border-box; }
  #mb-about-page .mb-service-callout .mb-btn { width: 100%; white-space: normal; }
}