/* Phone layout for the App development and Bespoke software heroes (Max, 4 Nov 2026):
   left-aligned like the other service heroes, the Google rating on one tidy line, ticks aligned, full-width buttons. */
@media (max-width:640px){
  .adh .adh-inner,.bsh2 .bsh2-inner{text-align:left!important;align-items:flex-start!important;justify-items:start!important;padding-left:20px;padding-right:20px}
  .adh .adh-kicker,.bsh2 .bsh2-kicker{align-self:flex-start;justify-content:flex-start;margin-left:0!important;margin-right:auto!important;text-align:left;font-size:11px!important;letter-spacing:1.6px!important;line-height:1.4!important}
  .adh .adh-title,.bsh2 .bsh2-title{text-align:left!important;margin-left:0!important;margin-right:0!important;font-size:clamp(38px,11vw,46px)!important;line-height:1.02!important}
  .adh .adh-sub,.bsh2 .bsh2-sub{text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:none!important}
  .adh .adh-rating,.bsh2 .bsh2-rating{display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:7px!important;align-self:flex-start;margin-left:0!important;margin-right:auto!important;
    padding:9px 14px 9px 12px!important;border-radius:999px!important;font-size:13.5px!important;line-height:1!important;white-space:nowrap;text-align:left}
  .adh .adh-rating{background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important}
  .bsh2 .bsh2-rating{background:#fff!important;box-shadow:0 0 0 1px rgba(76,29,149,.1),0 10px 24px -16px rgba(59,26,98,.4)!important}
  .adh .adh-rating .hm-x,.bsh2 .bsh2-rating .hm-x{display:none}
  .adh .adh-stars,.bsh2 .bsh2-stars{font-size:13px!important;letter-spacing:1px!important}
  .adh .adh-rating svg,.bsh2 .bsh2-rating svg{width:16px!important;height:16px!important;flex:none}
  .adh .adh-ticks,.bsh2 .bsh2-ticks{align-self:stretch;display:grid!important;justify-items:start!important;justify-content:start!important;text-align:left!important;margin-left:0!important;margin-right:0!important;gap:10px!important}
  .adh .adh-ticks li,.bsh2 .bsh2-ticks li{justify-content:flex-start!important;text-align:left!important}
  .adh .adh-actions,.bsh2 .bsh2-actions{align-self:stretch;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%}
  .adh .adh-btn,.bsh2 .bsh2-btn{justify-content:center!important;width:100%!important}
  .bsh2 .bsh2-crumbs{justify-content:flex-start;padding-left:20px}
}