/* v053 — remove the extra dark outline that appeared INSIDE input boxes on tap/focus.
   Cause: global `input:focus-visible` / `.brv :focus-visible` outline was drawn around the inner <input>,
   on top of the box's own border. The box itself already highlights via :focus-within, so the inner
   input never needs its own outline. Delete this file (and its <link>) to undo. */
.pm-in input, .pm-in textarea,
.fp-input input, .fp-box input,
.brv-ph input, .brv-in,
.bh-search-field input, .bh-sort-control select, .bh-sort-control input,
.bh-filter-price-row input,
.sp-input input, .sp-input textarea,
.bh-sheet input, .bhs input, .brv textarea {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
/* keep the box-level focus look (border + soft glow) for the filter price inputs, which are the box themselves */
.bh-filter-price-row input:focus { box-shadow: 0 0 0 3px rgba(27,79,241,.12) !important; }
.brv .brv-in:focus { box-shadow: 0 0 0 3px rgba(37,99,235,.14) !important; }
/* payment field wrappers: clear border-colour change is the only focus cue */
.pm-in:focus-within { outline: none; }
.pm-in.is-err:focus-within { border-color: #d63a3a; box-shadow: 0 0 0 calc(3 * var(--u)) rgba(214, 58, 58, .12); }