/* Audit 2026-10-19: compact header stack, readable mobile promo banner, 44px tap targets.
   Specificity is raised with `html body` because FlyingPress inlines sandbox CSS ahead of Bricks. */

/* Promo banner: one tidy block on phones instead of edge-to-edge 16px italic. */
@media (max-width: 478px) {
  html body #brxe-oktsga #brxe-bmxofs { padding-inline: 14px; }
  html body #brxe-oktsga p { font-size: 14px; line-height: 1.35; margin: 0; }
}

/* Desktop (full nav visible): promo + utility + nav measured 218px; trim the two padded bars. */
@media (min-width: 1200px) {
  html body #brxe-smdgwm { padding-top: 8px; padding-bottom: 8px; }
  html body #brxe-btpleo { padding-top: 6px; padding-bottom: 6px; }
}

/* Tablet: the logo/menu row carried ~28px vertical padding each side (header 251px at 1024). */
@media (min-width: 768px) and (max-width: 1199px) {
  html body #brxe-frjsfi { padding-top: 10px; padding-bottom: 10px; }
}

/* Tap targets (WCAG 2.5.8 / 44px guidance). Inline links inside sentences stay as text. */
@media (max-width: 767px) {
  html body #brx-footer a,
  html body #brx-content nav a,
  html body #brx-content h3 > a,
  html body .wpsr-reviewer-name-url { display: inline-flex; align-items: center; min-height: 44px; }
}

/* /pet-services/ intent groups (3404). Bricks did not regenerate post-3404.min.css after the regroup
   write, so the new grids mirror #brxe-ywcjvj's generated rules here. */
html body #brxe-x1blky,
html body #brxe-snbvxp { display: grid; grid-template-columns: var(--grid-3); flex-direction: row; column-gap: var(--space-s); align-items: stretch; }
html body #brxe-ccjdrs { grid-template-columns: var(--grid-1); }
html body #brxe-oyxgyc,
html body #brxe-jnsvb3,
html body #brxe-gy9how,
html body #brxe-r7z6ao { margin-top: var(--space-m); }
@media (max-width: 1024px) {
  html body #brxe-x1blky,
  html body #brxe-snbvxp { grid-template-columns: var(--grid-1); }
}