/* PAW v1.2: keep brand and navigation toggle on the same mobile row. */
@media (max-width:850px) {
  header .nav {display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;column-gap:10px;row-gap:0;min-height:72px;padding-top:10px;padding-bottom:10px;}
  header .brand {min-width:0;max-width:100%;gap:9px;font-size:clamp(15px,4.2vw,22px);overflow-wrap:normal;}
  header .brand > span:last-child {min-width:0;white-space:nowrap;}
  header .brand small {font-size:clamp(8px,2.4vw,11px);white-space:normal;line-height:1.25;margin-top:4px;}
  header .paw {padding:9px;border-radius:12px;flex:0 0 auto;font-size:23px;line-height:1.3;}
  header #menu.mobile {display:grid;place-items:center;justify-self:end;width:44px;height:44px;min-width:44px;padding:0;border-radius:11px;font-size:25px;line-height:1;background:var(--green);color:white;}
  header #nav {grid-column:1/-1;width:100%;margin:0;padding:0;display:none;flex-direction:column;align-items:stretch;gap:3px;}
  header #nav.open {display:flex;padding:12px 0 6px;}
  header #nav a {display:block;padding:12px 14px;font-size:15px;white-space:normal;}
}
@media (max-width:360px) {
  header .nav {grid-template-columns:minmax(0,1fr) 40px;column-gap:6px;}
  header #menu.mobile {width:40px;height:40px;min-width:40px;}
  header .brand {font-size:15px;gap:6px;}
  header .paw {padding:7px;font-size:20px;}
}