/* MobileMed — phone/tablet layer for the static area pages. Desktop is untouched. */
img{max-width:100%}
.mm-burger{display:none}
.mm-panel{display:none}

@media (max-width:1024px){
  .wrap{padding-left:28px;padding-right:28px}
}

@media (max-width:760px){
  .wrap{padding-left:20px;padding-right:20px}
  main.wrap{padding-top:36px !important;padding-bottom:60px !important}

  .hd .wrap{flex-wrap:nowrap;gap:14px}
  .hd nav{display:none}
  .mm-burger{display:flex;align-items:center;gap:12px}
  .mm-burger .mm-call{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--color-accent);border-radius:12px;color:var(--color-accent-700);text-decoration:none;font-size:18px}
  .mm-burger .mm-bars{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;min-width:46px;min-height:44px;cursor:pointer;background:none;border:0;padding:0}
  .mm-burger .mm-bars span{width:26px;height:1.5px;background:var(--color-text);transition:transform .32s cubic-bezier(.65,0,.35,1),opacity .2s ease}
  .mm-burger .mm-bars span:last-child{width:18px}
  .mm-burger .mm-bars[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .mm-burger .mm-bars[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mm-burger .mm-bars[aria-expanded="true"] span:last-child{width:26px;transform:translateY(-6.5px) rotate(-45deg)}

  .mm-panel{display:block;overflow:hidden;max-height:0;opacity:0;pointer-events:none;background:var(--color-bg);border-top:1px solid var(--color-divider);transition:max-height .5s cubic-bezier(.22,1,.36,1),opacity .3s ease}
  .mm-panel.is-open{max-height:440px;opacity:1;pointer-events:auto}
  .mm-panel .mm-panel-in{padding:10px 20px 26px;display:grid;gap:2px}
  .mm-panel a{padding:16px 4px;font-size:19px;font-weight:300;border-bottom:1px solid var(--color-divider);text-decoration:none;color:var(--color-text)}
  .mm-panel a.cta{margin-top:20px;border-radius:14px;padding:17px 20px;text-align:center;font-size:16px;font-weight:500;border-bottom:1px solid var(--color-accent)}
  .mm-panel a.mm-panel-call{margin-top:10px;border:1px solid var(--color-accent);border-radius:14px;padding:16px 20px;text-align:center;font-size:16px;font-weight:500;color:var(--color-accent-700);font-feature-settings:'tnum'}

  h1{font-size:clamp(31px,8.6vw,40px) !important;line-height:1.1 !important;letter-spacing:-0.025em !important}
  h2{font-size:clamp(19px,5.4vw,22px) !important}
  main.wrap p{font-size:15.5px !important;line-height:1.8 !important}

  .grid{gap:28px !important}
  .card{padding:26px 22px !important}
  .btn,.cta{min-height:48px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
  main.wrap>div[style*="display:flex"]>.cta,
  main.wrap>.grid .cta,
  main.wrap>.grid .btn{width:100%}
  main.wrap>div[style*="flex-wrap:wrap"] a[href$=".html"]{padding:12px 16px !important}

  footer .wrap{flex-direction:column;gap:10px !important;padding-top:28px !important;padding-bottom:32px !important}
}