/* === V60: mobile areas/trust/why-choose alignment polish === */
@media (max-width: 760px){
  /* Accreditation coverage wording: keep centred and balanced */
  .trust-grid,
  .trust-grid .cover,
  .cover{
    text-align:center!important;
  }
  .trust-grid .cover{
    width:100%!important;
    max-width:360px!important;
    margin:24px auto 0!important;
    display:block!important;
  }
  .trust-grid .cover span,
  .trust-grid .cover small{
    display:block!important;
    text-align:center!important;
  }
  .trust-grid .cover b,
  .cover b{
    display:block!important;
    text-align:center!important;
    margin:6px auto 4px!important;
    line-height:1.02!important;
    font-size:clamp(30px, 9vw, 42px)!important;
    max-width:340px!important;
  }

  /* Areas page: make the mobile areas section feel designed, centred and compact */
  body.areas-page .areas-cover-section{
    background:#f6f6f6!important;
    padding:0 0 34px!important;
  }
  body.areas-page .areas-cover-grid{
    width:100%!important;
    max-width:none!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  body.areas-page .areas-list-card{
    width:100%!important;
    padding:0 26px 28px!important;
    text-align:center!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  body.areas-page .areas-list-card .eyebrow{
    display:block!important;
    background:#070707!important;
    color:#fff!important;
    margin:0 -26px 22px!important;
    padding:24px 20px 20px!important;
    text-align:center!important;
    font-size:24px!important;
    letter-spacing:.4px!important;
    line-height:1!important;
    position:relative!important;
  }
  body.areas-page .areas-list-card .eyebrow:after{
    content:''!important;
    display:block!important;
    width:42px!important;
    height:2px!important;
    background:#ff4a13!important;
    margin:12px auto 0!important;
  }
  body.areas-page .areas-list-card h2{
    text-align:center!important;
    font-size:23px!important;
    line-height:1.22!important;
    margin:0 auto 14px!important;
    max-width:340px!important;
    color:#111!important;
  }
  body.areas-page .areas-list-card h2 br{display:none!important;}
  body.areas-page .areas-list-card h2:after{
    content:'Local experts. Fast response.'!important;
    display:block!important;
    font:500 15px/1.4 var(--body)!important;
    text-transform:none!important;
    color:#444!important;
    letter-spacing:0!important;
    margin:10px auto 20px!important;
  }
  body.areas-page .area-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 18px!important;
    max-width:360px!important;
    margin:0 auto!important;
    padding:0!important;
    list-style:none!important;
    text-align:left!important;
  }
  body.areas-page .area-list li{
    font-size:14px!important;
    line-height:1.25!important;
    color:#222!important;
    padding-left:21px!important;
    position:relative!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  body.areas-page .area-list li:before{
    content:''!important;
    position:absolute!important;
    left:0!important;
    top:.1em!important;
    width:13px!important;
    height:13px!important;
    background:url('assets/icons/icon-location.svg') center/contain no-repeat!important;
    filter:none!important;
  }
  body.areas-page .area-contact-box{
    max-width:340px!important;
    margin:28px auto 0!important;
    text-align:center!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  body.areas-page .areas-map{
    display:none!important;
  }

  /* Why Choose area page mobile: centralise icons and text like the approved mockup */
  body.areas-page .areas-why{
    background:#fff!important;
    padding:40px 0 26px!important;
  }
  body.areas-page .areas-why-grid{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    padding:0 26px!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  body.areas-page .areas-why-intro{
    text-align:center!important;
    padding:0!important;
    margin:0 auto 18px!important;
  }
  body.areas-page .areas-why-intro .eyebrow{
    text-align:center!important;
    font-size:15px!important;
    margin:0 0 10px!important;
  }
  body.areas-page .areas-why-intro h2{
    text-align:center!important;
    font-size:34px!important;
    line-height:1.05!important;
    margin:0 auto 18px!important;
    max-width:340px!important;
  }
  body.areas-page .areas-why-intro p{
    text-align:center!important;
    font-size:18px!important;
    line-height:1.45!important;
    max-width:340px!important;
    margin:0 auto 28px!important;
  }
  body.areas-page .areas-why article{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-left:0!important;
    border-top:1px solid #ddd!important;
    padding:32px 0!important;
    min-height:0!important;
  }
  body.areas-page .areas-why article img{
    width:82px!important;
    height:82px!important;
    margin:0 auto 22px!important;
    display:block!important;
    object-fit:contain!important;
  }
  body.areas-page .areas-why article h3{
    text-align:center!important;
    font-size:22px!important;
    line-height:1!important;
    margin:0 auto 12px!important;
  }
  body.areas-page .areas-why article p{
    text-align:center!important;
    font-size:17px!important;
    line-height:1.42!important;
    max-width:320px!important;
    margin:0 auto!important;
  }
}
@media (max-width: 390px){
  body.areas-page .area-list{
    gap:11px 12px!important;
    max-width:330px!important;
  }
  body.areas-page .area-list li{
    font-size:13px!important;
    padding-left:18px!important;
  }
  body.areas-page .area-list li:before{
    width:12px!important;
    height:12px!important;
  }
  body.areas-page .areas-list-card{padding-left:20px!important;padding-right:20px!important;}
  body.areas-page .areas-list-card .eyebrow{margin-left:-20px!important;margin-right:-20px!important;}
}


/* === V61: areas mobile hero compact + remove added pages polish === */
@media (max-width: 760px){
  body.areas-page .areas-hero{
    min-height:460px!important;
    display:flex!important;
    align-items:flex-end!important;
    background-size:cover!important;
    background-position:64% center!important;
    border-bottom:0!important;
  }
  body.areas-page .areas-hero:before{
    background:
      linear-gradient(90deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.78) 44%, rgba(0,0,0,.28) 100%),
      linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.75) 100%)!important;
  }
  body.areas-page .areas-hero-inner{
    width:100%!important;
    max-width:none!important;
    padding:0 28px!important;
    box-sizing:border-box!important;
  }
  body.areas-page .areas-hero-copy{
    max-width:360px!important;
    padding:74px 0 42px!important;
  }
  body.areas-page .areas-hero h1{
    font-size:42px!important;
    line-height:.98!important;
    margin:0 0 18px!important;
  }
  body.areas-page .areas-hero-copy>p:not(.eyebrow){
    font-size:18px!important;
    line-height:1.45!important;
    margin:0!important;
    max-width:340px!important;
  }
  body.areas-page .areas-hero .eyebrow{
    font-size:15px!important;
    margin:0 0 13px!important;
  }
  body.areas-page .area-hero-features{
    display:none!important;
  }
  body.areas-page .ux-section.dark{
    margin-top:0!important;
  }
}
@media (max-width: 430px){
  body.areas-page .areas-hero{
    min-height:420px!important;
    background-position:68% center!important;
  }
  body.areas-page .areas-hero-inner{padding-left:24px!important;padding-right:24px!important;}
  body.areas-page .areas-hero h1{font-size:39px!important;}
  body.areas-page .areas-hero-copy>p:not(.eyebrow){font-size:17px!important;}
}