/* === V56: mobile mockup alignment: clearer heroes, premium accreditation + footer === */
@media (max-width: 760px){
  body{background:#fff!important;}

  /* Header to match approved mobile mockup */
  .site-header,.header{
    height:92px!important;padding:0 24px!important;background:#050505!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:0 6px 20px rgba(0,0,0,.28)!important;
  }
  .site-header .brand,.header>a:first-child{height:92px!important;min-width:170px!important;display:flex!important;align-items:center!important;}
  .site-header .brand img,.brand img,.header>a:first-child img.logo,.logo{width:172px!important;max-width:172px!important;max-height:68px!important;}
  .menu{width:52px!important;height:52px!important;border-radius:50%!important;background:transparent!important;border:0!important;}
  .menu span{width:32px!important;height:4px!important;background:#fff!important;border-radius:20px!important;}
  .menu[aria-expanded="true"]{background:rgba(255,74,19,.14)!important;}
  .menu[aria-expanded="true"] span{background:var(--orange)!important;}

  /* Fullscreen menu closer to the mockup */
  .site-header .nav,.header .nav{
    top:92px!important;height:calc(100vh - 92px)!important;padding:34px 28px 34px!important;
    background:linear-gradient(180deg,#050505 0%,#090909 100%)!important;
  }
  .site-header .nav > a.nav-link,.header .nav > a.nav-link,
  .site-header .drop-toggle,.header .drop-toggle{
    min-height:58px!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;
    font-size:22px!important;letter-spacing:.1px!important;
  }
  .drop-toggle::after,.drop-toggle:after,.site-header .drop-toggle::after,.header .drop-toggle::after{
    content:'›'!important;font-size:28px!important;color:var(--orange)!important;
  }
  .dropdown.open > .drop-toggle::after{transform:rotate(90deg)!important;}
  .dropdown-menu{background:#0b0b0b!important;border-left:3px solid var(--orange)!important;margin:4px 0 10px!important;padding:12px 0 12px 16px!important;}
  .dropdown-menu a{font-size:18px!important;padding:12px 8px!important;line-height:1.12!important;}

  /* Mobile hero: show image more like the mockup */
  .hero,.homepage-v7 .hero,.home-hero,.generic-hero{
    position:relative!important;min-height:620px!important;background-size:cover!important;background-repeat:no-repeat!important;
    background-position:62% center!important;align-items:flex-end!important;overflow:hidden!important;
  }
  .hero:before,.homepage-v7 .hero:before,.generic-hero:before,.home-hero:before{
    content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.18) 36%,rgba(0,0,0,.68) 76%,#050505 100%),
      linear-gradient(90deg,rgba(5,5,5,.72) 0%,rgba(5,5,5,.36) 46%,rgba(5,5,5,.04) 100%)!important;
    pointer-events:none!important;
  }
  .hero[style*="hero-panel-worker"],.homepage-v7 .hero[style*="hero-panel-worker"]{background-position:64% 42%!important;}
  .hero[style*="hero-london"],.hero[style*="hero-van-london"]{background-position:70% center!important;}
  .hero[style*="hero-areas-map"]{background-position:72% center!important;}
  .hero[style*="hero-eicr-report"]{background-position:72% center!important;}
  .hero[style*="hero-van-chelmsford"],.hero[style*="hero-van-maidstone"]{background-position:72% center!important;}
  .hero[style*="hero-ev"],.hero[style*="ev"]{background-position:70% center!important;}
  .hero[style*="switchboard"],.hero[style*="domestic"],.hero[style*="maintenance"],.hero[style*="services-hero-warehouse"]{background-position:center center!important;}
  .hero .inner,.hero-inner,.generic-hero .container,.homepage-v7 .hero .inner{
    position:relative!important;z-index:2!important;padding:70px 28px 40px!important;max-width:none!important;width:100%!important;margin:0!important;
  }
  .hero .eyebrow,.generic-hero .eyebrow{font-size:20px!important;margin-bottom:16px!important;color:var(--orange)!important;}
  .hero h1,.generic-hero h1{font-size:45px!important;line-height:.95!important;max-width:92vw!important;margin-bottom:18px!important;}
  .hero p,.hero-text,.generic-hero p{font-size:18px!important;line-height:1.45!important;max-width:92vw!important;margin-bottom:26px!important;}
  .hero .btn,.generic-hero .btn{min-height:58px!important;font-size:18px!important;border-radius:6px!important;}

  /* First icon strip under hero: compact, clean, user-friendly */
  .values article,.feature{
    grid-template-columns:76px 1fr!important;gap:16px!important;padding:26px 28px!important;
  }
  .values article img,.feature img{width:56px!important;height:56px!important;}
  .values article h3,.feature h3{font-size:22px!important;margin-bottom:7px!important;}
  .values article p,.feature p{font-size:15px!important;line-height:1.4!important;}

  /* Service list cards like mockup */
  .section.white .services-grid{gap:14px!important;width:min(92vw,620px)!important;}
  .service-card.card{grid-template-columns:78px 1fr!important;gap:15px!important;min-height:118px!important;padding:16px!important;border:1px solid #e1e1e1!important;border-radius:8px!important;box-shadow:0 10px 24px rgba(0,0,0,.05)!important;}
  .service-card .circle-icon{width:66px!important;height:66px!important;}
  .service-card .circle-icon img{width:34px!important;height:34px!important;}
  .service-card h3{font-size:21px!important;line-height:.98!important;margin-bottom:7px!important;}
  .service-card p{font-size:13.5px!important;line-height:1.32!important;}

  /* Accreditation / review section exactly closer to mockup */
  .trust-strip{background:#fff!important;padding:0!important;}
  .trust-grid{
    width:min(92vw,620px)!important;margin:0 auto!important;padding:38px 0 32px!important;
    display:grid!important;grid-template-columns:1fr!important;gap:22px!important;text-align:center!important;
  }
  .trust-grid .rated{order:1!important;text-align:center!important;}
  .trust-grid>div:nth-child(2){order:2!important;text-align:center!important;}
  .trust-grid .cover{order:3!important;text-align:center!important;}
  .trust-grid .rated span{font-size:17px!important;font-weight:800!important;color:#111!important;margin-bottom:8px!important;}
  .trust-grid .rated img{height:34px!important;width:auto!important;margin:0 8px 0 0!important;vertical-align:middle!important;}
  .trust-grid .rated b{font-size:41px!important;line-height:1!important;color:#111!important;vertical-align:middle!important;margin-left:5px!important;}
  .trust-grid .rated small{display:block!important;margin-top:8px!important;font-size:13px!important;color:#111!important;}
  .trust-grid h3{font-size:21px!important;margin:8px 0 16px!important;color:#111!important;text-align:center!important;}
  .trust-grid .logos{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;align-items:stretch!important;}
  .trust-grid .logos img{
    display:block!important;width:100%!important;height:94px!important;object-fit:contain!important;max-width:none!important;max-height:none!important;
    padding:16px!important;background:#fff!important;border:1px solid #ddd!important;border-radius:7px!important;box-shadow:none!important;
  }
  .trust-grid .cover span{font-size:13px!important;color:#111!important;text-align:center!important;margin-bottom:4px!important;}
  .trust-grid .cover b{font-size:31px!important;line-height:.95!important;color:#050505!important;text-align:center!important;display:block!important;}
  .trust-grid .cover small{font-size:13px!important;margin-top:8px!important;color:#111!important;display:block!important;}

  /* Stats band beneath accreditations */
  .stats .wrap,.stats-grid{grid-template-columns:repeat(4,1fr)!important;background:#050505!important;}
  .stats .stat,.stats-grid article{
    min-height:120px!important;padding:18px 6px!important;border-color:#262626!important;color:#fff!important;background:#050505!important;
  }
  .stats .stat img,.stats-grid img{width:34px!important;height:34px!important;margin-bottom:6px!important;}
  .stats .stat b,.stats-grid b{font-size:24px!important;color:var(--orange)!important;}
  .stats .stat span,.stats-grid span,.stats-grid p{font-size:11px!important;line-height:1.2!important;color:#fff!important;}
  .stats-grid h3{font-size:11px!important;}

  /* CTA block */
  .cta-box,.cta-band{width:min(92vw,620px)!important;padding:32px 20px!important;border-radius:8px!important;text-align:center!important;}
  .cta-box h2,.cta-band h2{font-size:33px!important;line-height:1!important;text-align:center!important;}
  .cta-box p,.cta-band p{text-align:center!important;font-size:16px!important;}

  /* Footer: two-column mockup style with centred niceic + CTA */
  .footer{background:#050505!important;padding:42px 0 24px!important;color:#fff!important;}
  .footer-grid,.footer .cols{
    width:min(92vw,620px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px 26px!important;align-items:start!important;
  }
  .footer-grid>div:first-child,.footer .cols>div:first-child{grid-column:1/-1!important;}
  .footer-logo{width:170px!important;max-width:170px!important;margin:0 0 18px!important;display:block!important;}
  .footer-grid>div:first-child p:not(.social),.footer .cols>div:first-child p:not(.social){max-width:330px!important;font-size:15px!important;line-height:1.45!important;color:#f1f1f1!important;margin:0 0 16px!important;}
  .footer .social{font-size:0!important;display:flex!important;gap:18px!important;margin:18px 0 6px!important;}
  .footer .social:before{content:'f';}
  .footer .social:after{content:'in   ✉';}
  .footer .social:before,.footer .social:after{font-size:20px!important;color:#fff!important;letter-spacing:14px!important;}
  .footer h4{font-size:20px!important;margin:0 0 16px!important;color:#fff!important;}
  .footer a{font-size:15px!important;line-height:1.35!important;padding:8px 0!important;color:#fff!important;}
  .footer-grid>div:nth-child(2),.footer .cols>div:nth-child(2){grid-column:1!important;}
  .footer-grid>div:nth-child(3),.footer .cols>div:nth-child(3){grid-column:2!important;}
  .footer-grid>div:nth-child(4),.footer .cols>div:nth-child(4){grid-column:1!important;}
  .footer-grid>div:nth-child(5),.footer .cols>div:nth-child(5){grid-column:2!important;align-self:start!important;}
  .footer-contact-list{gap:10px!important;}
  .contact-icon-line{grid-template-columns:24px 1fr!important;gap:10px!important;}
  .contact-icon-line img{width:19px!important;height:19px!important;margin-top:2px!important;}
  .contact-icon-line span,.contact-icon-line a{font-size:15px!important;line-height:1.35!important;color:#fff!important;}
  .footer-cert{text-align:center!important;}
  .footer-cert img{width:100%!important;max-width:230px!important;height:auto!important;margin:0 auto 18px!important;border:1px solid #2c2c2c!important;border-radius:7px!important;padding:18px!important;background:#070707!important;}
  .footer .btn,.footer-cta-button{grid-column:1/-1!important;width:100%!important;min-height:58px!important;font-size:18px!important;border-radius:6px!important;}
  .footer-cert .btn{margin-top:0!important;}
  .copyright{width:min(92vw,620px)!important;margin:24px auto 0!important;padding-top:18px!important;border-top:1px solid #222!important;text-align:center!important;font-size:12px!important;color:#aaa!important;}
}

@media (max-width: 430px){
  .site-header,.header{height:88px!important;padding:0 22px!important;}
  .site-header .brand,.header>a:first-child{height:88px!important;min-width:158px!important;}
  .site-header .brand img,.brand img,.header>a:first-child img.logo,.logo{width:158px!important;max-width:158px!important;}
  .site-header .nav,.header .nav{top:88px!important;height:calc(100vh - 88px)!important;}
  .hero,.homepage-v7 .hero,.home-hero,.generic-hero{min-height:590px!important;}
  .hero h1,.generic-hero h1{font-size:42px!important;}
  .hero p,.hero-text,.generic-hero p{font-size:17px!important;}
  .stats .wrap,.stats-grid{grid-template-columns:repeat(4,1fr)!important;}
  .stats .stat,.stats-grid article{padding:16px 4px!important;min-height:112px!important;}
  .stats .stat b,.stats-grid b{font-size:21px!important;}
  .stats .stat span,.stats-grid span,.stats-grid p{font-size:10px!important;}
  .footer-grid,.footer .cols{gap:26px 20px!important;}
  .footer a,.contact-icon-line span,.contact-icon-line a{font-size:14px!important;}
}