[hidden]{display:none!important}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
:where(button,.button,.icon-button,.card-action,.pagination a,.pagination span,.mobile-nav a,.mobile-nav button,.mobile-nav summary,.saved-products__tabs button){min-height:44px}
:where(input,select,textarea){scroll-margin-top:120px}
.skip-link{transition:transform .15s ease}
.nav-item--has-menu:focus-within .mega-menu{opacity:1;visibility:visible;transform:none}
.modal__dialog,.drawer__panel,.mobile-nav,.facets{overscroll-behavior:contain}
.modal__dialog:focus,.drawer__panel:focus,.mobile-nav:focus,.facets:focus{outline:none}
.toast-region{pointer-events:none}
.toast{pointer-events:auto}
img{height:auto}
.product-card__media img,.article-card__image img,.category-card__image{background:var(--surface)}
.button.is-disabled{display:inline-flex;align-items:center;justify-content:center;cursor:not-allowed;opacity:.72;pointer-events:none;text-decoration:none}
.newsletter__form{align-items:flex-start}
.newsletter__field{display:grid;gap:6px;min-width:min(100%,320px);flex:1}
.newsletter__field label{font-weight:700}
.newsletter__help{font-size:.875rem;margin:0;opacity:.8}
.newsletter__consent{display:flex;align-items:flex-start;gap:10px;flex-basis:100%;font-size:.9rem;line-height:1.45}
.newsletter__consent input{flex:0 0 auto;margin-top:3px}
.newsletter__message{flex-basis:100%;margin:4px 0 0}
.newsletter__message--error{font-weight:700}
.newsletter__form[aria-busy="true"]{opacity:.85}
@media(max-width:990px){.mobile-nav__utilities :where(a,button){display:inline-flex;align-items:center;padding:10px 4px}}
@media(max-width:640px){
  :where(.button,.icon-button,.card-action,.pagination a,.pagination span,.quantity-selector button,.drawer-cart-item__controls button){min-width:44px;min-height:44px}
  .collection-toolbar{align-items:flex-start;flex-wrap:wrap}
  .catalog-toolbar__group{max-width:100%;flex-wrap:wrap}
  .footer__bottom{gap:12px}
  .newsletter__form,.newsletter__field{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  .button,.icon-button,.card-action,.product-card,.modal__dialog,.drawer__panel{forced-color-adjust:auto}
  :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid CanvasText}
  .button.is-disabled{border:1px solid GrayText;color:GrayText}
}