/* Action Earth Movers — mobile-only responsive layer.
   Loaded only below 768px so desktop/laptop layout remains untouched. */
@media (max-width:768px){
  *,*::before,*::after{box-sizing:border-box}
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{margin:0!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  img,svg,video{max-width:100%;height:auto}
  a,button,summary,input,select,textarea{touch-action:manipulation}

  /* Generic framed pages */
  .stub-screen,.abt-screen,.abt2-screen,.abt-ho-screen,.tmk-screen,.sp-screen,.ws-screen{
    width:calc(100% - 12px)!important;max-width:none!important;min-width:0!important;
    margin:6px!important;border-width:4px!important;min-height:0!important;height:auto!important;
    max-height:none!important;overflow:visible!important
  }
  .corner-home-buttons{pointer-events:none}
  .corner-home{pointer-events:auto;min-width:44px!important;height:24px!important;padding:0 5px!important;font-size:8px!important}

  /* HOME / INDEX */
  .first-screen{min-height:0!important;height:auto!important;overflow:visible!important}
  .masthead{width:100%!important;overflow:visible!important}
  .mast-inner{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:7px!important;padding:7px 8px!important;align-items:start!important}
  .mast-logo-left{grid-column:1!important;grid-row:1!important;align-self:start!important}
  .mast-logo-left .acs-logo{height:auto!important;width:68px!important;max-width:68px!important}
  .mast-logo-left .acs-arc{display:none!important}
  .mast-center{grid-column:2!important;grid-row:1!important;margin:0!important;align-items:flex-start!important;text-align:left!important;min-width:0!important}
  .mast-co-block{width:100%!important;margin:0 0 4px!important}
  .mast-coname-row{font-size:12px!important;line-height:1.2!important;white-space:normal!important;margin:0!important}
  .mast-authline-inline{display:block!important;font-size:8.5px!important;line-height:1.2!important;margin-top:1px!important}
  .mast-addr-line{font-size:8px!important;line-height:1.25!important;margin:1px 0!important}
  .mast-gst{font-size:8px!important;margin-left:4px!important;padding-left:4px!important;white-space:normal!important}
  .mast-right{display:none!important} /* desktop promotional photo/coin hidden only on phone */
  .mast-xband{font-size:8px!important;line-height:1.35!important;padding:4px 6px!important;white-space:normal!important}
  .mast-nav{position:relative!important;top:auto!important;display:block!important;z-index:500!important}
  .mast-hamb{display:flex!important;margin-left:auto!important;padding:8px 10px!important}
  .mast-links{display:none!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;background:#e7f6ff!important;padding:3px 6px 7px!important}
  .mast-nav.open .mast-links{display:flex!important}
  .mast-links a,.mast-links .mn-gblock,.mast-links .mn-col2,.mast-links .mn-col3{display:block!important;width:100%!important;font-size:10px!important;padding:5px 4px!important;border-right:0!important;white-space:normal!important}
  .mn-sep{display:none!important}
  .biz-overview{height:auto!important;min-height:0!important;overflow:visible!important}
  .biz-wrap{display:block!important;padding:6px!important;width:100%!important;max-width:none!important}
  .biz-col{width:100%!important;max-width:none!important;min-width:0!important;border-right:0!important;border-bottom:2px dashed #b7d0c5!important;padding:8px 4px!important;margin:0!important}
  .biz-col:last-child{border-bottom:0!important}
  .biz-toprow{gap:6px!important;margin-bottom:6px!important}
  .biz-toprow-logo{width:34%!important}.biz-toprow-logo svg{width:100%!important;height:auto!important}
  .biz-banner{width:64%!important;max-width:none!important}
  .biz-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:4px!important}
  .biz-thumb{gap:3px!important}.biz-thumb img{padding:2px!important;border-radius:5px!important}.biz-thumb span{font-size:8px!important}
  .biz-tagline{font-size:9px!important;margin-top:6px!important;line-height:1.25!important}
  .gj-logo{max-height:42px!important;width:auto!important}
  .gj-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  .gj-tile img{height:82px!important;object-fit:contain!important}.gj-tile span{font-size:8px!important}
  .biz-serve-panel{padding:8px!important}.serve-panel-title{font-size:14px!important}.serve-panel-links{gap:4px!important}.serve-choice{font-size:9px!important;padding:5px 6px!important}

  /* CONCRETE / SLM / BATCHING / PUMP MODEL PAGES */
  .cm-page{padding:5px!important;min-height:0!important}
  .cm-shell{width:100%!important;max-width:none!important;margin:0!important;border-radius:8px!important}
  .cm-topline,.cm-controls{padding:6px!important;gap:5px!important}
  .cm-brandline{font-size:10px!important;line-height:1.25!important}
  .page-brand-pair{gap:4px!important}.page-brand-pair img{max-height:38px!important;width:auto!important}
  .cm-controls{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .cm-cats,.cm-models{display:flex!important;flex-wrap:wrap!important;gap:4px!important;white-space:normal!important}
  .cm-cat,.cm-model{font-size:10px!important;padding:5px 7px!important;white-space:nowrap!important}
  .cm-main{display:flex!important;flex-direction:column!important;gap:7px!important;padding:7px!important}
  .cm-left{order:1!important;border-right:0!important;border-bottom:1px solid #d8e7df!important;padding:0 0 7px!important}
  .cm-photo-area{order:2!important;padding:0!important}
  .cm-group{font-size:14px!important;margin-bottom:5px!important}
  .cm-actions{gap:5px!important}.cm-btn{font-size:10px!important;padding:6px 8px!important}
  .cm-contact{font-size:9px!important;line-height:1.35!important;padding:6px!important;margin-top:5px!important}
  .cm-title{font-size:17px!important;margin:2px 0 5px!important}
  .cm-photo-frame{min-height:0!important;height:auto!important;padding:5px!important}
  .cm-photo-frame img{max-height:230px!important;width:auto!important}
  .cm-bottomnav{font-size:9px!important;padding:5px!important;gap:4px!important}

  /* GODREJ MODEL PAGES */
  .gm-page{padding:4px!important;min-height:0!important}
  .gm-shell{width:100%!important;max-width:none!important;margin:0!important;border-radius:8px!important}
  .gm-topline,.gm-controls{padding:6px!important;gap:5px!important}
  .gm-brandline{font-size:10px!important;line-height:1.25!important}
  .page-partner-logo{max-height:38px!important;width:auto!important}
  .gm-controls{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .gm-cats,.gm-models{display:flex!important;flex-wrap:wrap!important;gap:4px!important;white-space:normal!important}
  .gm-cat,.gm-model{font-size:10px!important;padding:5px 7px!important;white-space:nowrap!important}
  .gm-main{display:flex!important;flex-direction:column!important;min-height:0!important}
  .gm-left{order:1!important;padding:7px!important;border-right:0!important;border-bottom:1px solid #cfdfd5!important}
  .gm-photo-area{order:2!important;padding:7px!important}
  .gm-group{font-size:14px!important;margin-bottom:5px!important}
  .gm-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .gm-btn{font-size:9px!important;padding:6px 5px!important;white-space:normal!important}
  .gm-contact{font-size:9px!important;line-height:1.35!important;padding:6px!important;margin-top:5px!important}
  .gm-title{font-size:17px!important;margin:2px 0 5px!important}
  .gm-photo-frame{min-height:0!important;height:auto!important;padding:5px!important;border-width:4px!important}
  .gm-photo-frame img{max-height:230px!important;width:auto!important}
  .gm-bottomnav{font-size:9px!important;padding:5px!important;gap:4px!important}

  /* TRANSIT MIXER DRUM KITS */
  .tmk-screen .tmk-topline{padding:8px 6px 3px!important}
  .tmk-brand{font-size:14px!important}.tmk-sub,.tmk-highlight{font-size:9px!important;line-height:1.25!important;margin-top:3px!important}
  .tmk-hero{display:flex!important;flex-direction:column!important;gap:8px!important;padding:7px!important}
  .tmk-kits-left,.tmk-kits-right{width:100%!important;min-width:0!important}
  .tmk-kit-photo-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;align-items:center!important}
  .tmk-kit-photo img{max-height:155px!important;width:100%!important;object-fit:contain!important}
  .tmk-quick-options{font-size:9px!important;gap:3px!important}.tmk-qopt{font-size:9px!important;padding:4px!important}
  .tmk-kit-caption{font-size:12px!important;padding-left:5px!important}
  .tmk-model-list{font-size:9px!important;max-height:230px!important;overflow:auto!important}
  .tmk-mrow{grid-template-columns:22px 80px 1fr!important;gap:4px!important;padding:4px!important}
  .tmk-parts-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .tmk-part,.tmk-part-double{width:100%!important;height:auto!important;min-height:70px!important}.tmk-part img{max-height:86px!important;object-fit:contain!important}
  .tmk-actions2{gap:5px!important}.tmk-btn,.tmk-service-cta{font-size:9px!important;padding:6px!important}
  .tmk-contact{font-size:9px!important;padding:6px!important}.tmk-contact-head{font-size:12px!important}

  /* SLM SERVICE / SERVICE CENTRE representative images */
  .sp-hero,.ws-hero{height:auto!important;min-height:0!important;max-height:none!important}
  .sp-hero img,.ws-hero img{max-height:220px!important;object-fit:cover!important}
  .sp-grid,.ws-grid{grid-template-columns:1fr!important;gap:7px!important;padding:7px!important}
  .sp-card,.ws-card{padding:8px!important}
  .sp-card img,.ws-card img{max-height:150px!important;object-fit:cover!important}

  /* ABOUT FAMILY — keep representative photographs */
  .abt-wrap,.abt-ho-screen .abt-wrap{width:100%!important;max-width:none!important;padding:8px!important}
  .abt-head{margin-bottom:8px!important}.abt-head h2{font-size:18px!important}.abt-head p{font-size:10px!important}
  .abt-group,.abt-bottom,.aho-grid{display:block!important}
  .abt-biz,.abt-card,.abt-assoc,.abt-pay{margin-bottom:8px!important;border-radius:8px!important}
  .abt-biz-photos,.abt-photos,.aho-photos{display:block!important}
  .abt-biz-photos.two img:nth-child(n+2),.abt-photos.two img:nth-child(n+2),.aho-photos img:nth-child(n+3){display:none!important}
  .abt-biz-photos.two img:first-child,.abt-photos.two img:first-child{width:100%!important}
  .abt-biz-photos img,.abt-photos img,.aho-photos img{width:100%!important;height:auto!important;max-height:210px!important;object-fit:cover!important}
  .abt-biz-body,.abt-body{padding:8px!important}.abt-biz-body h3,.abt-body h4{font-size:14px!important}.abt-brief,.abt-detail dd,.abt-assoc p{font-size:10px!important;line-height:1.4!important}
  .abt-detail>div{grid-template-columns:66px 1fr!important;gap:6px!important}
  .about-page-subnav{margin:5px!important;padding:4px!important;gap:4px!important}.about-page-subnav a{font-size:9px!important;padding:5px!important}

  /* NEWS */
  .nb-panel,.nb-stage,.news-panel{width:100%!important;max-width:none!important}
  .nb-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .nb-modal-card,.nb-admin-card{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100vh - 18px)!important;overflow:auto!important;margin:8px!important}

  /* RFQ / form pages */
  .quote-screen{padding:6px!important}
  .quote-inner{width:100%!important;max-width:none!important;padding:9px!important;border-radius:8px!important}
  .quote-title{font-size:16px!important}.quote-sub{font-size:9px!important}
  .quote-form{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .qf-field,.qf-full{grid-column:auto!important;margin:0!important}
  .qf-field label{font-size:9px!important}.qf-field input,.qf-field select,.qf-field textarea{font-size:11px!important;padding:7px!important}
  .qf-submit{font-size:11px!important;padding:8px!important}

  /* HOW DO WE SERVE YOU — mobile overlay; preserves all existing links */
  .serve-nav,.gm-left .serve-nav,.cm-left>.serve-nav,.ws-card-quote .serve-nav,.sp-hero>.serve-nav,.tmk-contact + .serve-nav.tm-contact-serve{
    width:100%!important;max-width:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;margin:6px 0!important;position:relative!important;z-index:9500!important;filter:none!important
  }
  .serve-nav>summary{font-size:11px!important;padding:7px 8px!important;line-height:1.2!important;white-space:normal!important}
  .serve-nav[open]>.serve-nav-grid,.gm-left .serve-nav[open]>.serve-nav-grid,.cm-left>.serve-nav[open]>.serve-nav-grid,.ws-card-quote .serve-nav[open]>.serve-nav-grid,.sp-hero>.serve-nav[open]>.serve-nav-grid,.tmk-contact + .serve-nav.tm-contact-serve[open]>.serve-nav-grid{
    position:fixed!important;left:6px!important;right:6px!important;top:48px!important;bottom:auto!important;width:auto!important;height:auto!important;
    max-height:calc(100vh - 56px)!important;overflow:auto!important;transform:none!important;transform-origin:center top!important;
    z-index:99999!important;padding:6px!important;border:2px solid #0F6E56!important;border-radius:10px!important;background:#fff!important;
    box-shadow:0 8px 28px rgba(0,0,0,.28)!important
  }
  .beauty-menu{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  .beauty-row{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:4px!important;min-height:0!important;padding:3px!important}
  .beauty-cat{font-size:9px!important;line-height:1.1!important;padding:5px!important}.beauty-cat-icon{font-size:17px!important}
  .beauty-links{display:flex!important;flex-wrap:wrap!important;gap:3px!important;align-content:center!important}
  .beauty-links a,.beauty-no-link{font-size:8.5px!important;line-height:1.15!important;padding:4px 5px!important;white-space:normal!important}

  /* Avoid accidental desktop-scale fixed widths */
  [style*="width:"]{max-width:100%}
}

@media (max-width:420px){
  .mast-inner{grid-template-columns:58px minmax(0,1fr)!important}.mast-logo-left .acs-logo{width:54px!important;max-width:54px!important}
  .mast-coname-row{font-size:10.5px!important}.mast-authline-inline,.mast-addr-line,.mast-gst{font-size:7.5px!important}
  .cm-model,.gm-model,.cm-cat,.gm-cat{font-size:9px!important;padding:4px 5px!important}
  .gm-actions{grid-template-columns:1fr!important}
  .beauty-row{grid-template-columns:96px minmax(0,1fr)!important}.beauty-cat{font-size:8px!important}.beauty-links a,.beauty-no-link{font-size:8px!important}
}
