/** Shopify CDN: Minification failed

Line 81:2 Unexpected ")"

**/
/* WCAG focus indicators (2.4.7 / 2.4.11 / 2.4.13)
   - Keyboard focus: visible 2px ring with offset
   - Mouse focus: suppressed when :focus-visible is supported
   - Uses outline + box-shadow to reduce clipping risk
*/

:root {
  --focus-ring-color: #1B3A5C;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
}

/* Fallback: browsers without :focus-visible still get a focus ring via :focus. */
a[href]:focus,
button:focus,
input:focus,
input[type]:focus,
select:focus,
textarea:focus,
summary:focus,
[role="button"]:focus,
[tabindex]:not([tabindex="-1"]):focus {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
  box-shadow: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);
}

/* Prefer :focus-visible where supported (keyboard shows ring, mouse typically does not). */
@supports selector(:focus-visible) {
  a[href]:focus:not(:focus-visible),
  button:focus:not(:focus-visible),
  input:focus:not(:focus-visible),
  input[type]:focus:not(:focus-visible),
  select:focus:not(:focus-visible),
  textarea:focus:not(:focus-visible),
  summary:focus:not(:focus-visible),
  [role="button"]:focus:not(:focus-visible),
  [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),
  .banner-grid-section__item:has( a[href].btn--link:focus:not(:focus-visible)) {
    outline: none;
    box-shadow: none;
  }

  a[href]:focus-visible,
  button:focus-visible,
  input:focus-visible,
  input[type]:focus-visible,
  select:focus-visible,
  textarea:focus-visible,
  summary:focus-visible,
  [role="button"]:focus-visible,
  [tabindex]:not([tabindex="-1"]):focus-visible,
  .banner-grid-section__item:has( a[href].btn--link:focus-visible) {
    outline: var(--focus-ring-width) solid var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
    box-shadow: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);
  }

  [role="button"].smartwishlist.sw_tooltip.tooltip:focus-visible {
    z-index: 15 !important;
  }

  /* Reduce the chance of focus being visually covered without changing layout.
     Uses :where() to keep specificity at 0 so component positioning rules win. */
  :where(
    a[href]:focus-visible,
    button:focus-visible,
    input:focus-visible,
    input[type]:focus-visible,
    select:focus-visible,
    textarea:focus-visible,
    summary:focus-visible,
    [role="button"]:focus-visible,
    [tabindex]:not([tabindex="-1"]):focus-visible,
    .banner-grid-section__item:has( a[href].btn--link:focus-visible),
  ) {
    position: relative;
    z-index: 2;
  }
}