/* Customer-only feedback shared by the static and React storefronts. */
[data-storefront-interactions] {
  --store-hover-orange: #d95100;
  --store-hover-soft: #fff0e5;
  --store-hover-ring: #ff6a00;
  --store-hover-duration: 280ms;
}
[data-storefront-interactions] :is(a, button, summary, input, select, textarea),
[data-storefront-interactions] button:not(.pcard-visual) {
  transition-property: color, background-color, border-color, box-shadow, transform, opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(.2, .7, .25, 1);
}
.store-return-home { display: inline-flex; width: fit-content; min-height: 44px; align-items: center; gap: 8px; margin-bottom: 16px; border-radius: 6px; color: #526177; font-size: 14px; font-weight: 600; text-decoration: none; }
.store-return-home svg { width: 17px; height: 17px; flex: none; }
.breadcrumb .store-return-home { margin-bottom: 0; flex-shrink: 0; white-space: nowrap; }
@media (max-width: 640px) {
  .breadcrumb > span:not(.slash):not(.current) { max-width: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 0; }
  .breadcrumb .current { min-width: 0; flex: 1; }
}
[data-storefront-interactions] :is(a, button, summary):focus-visible { outline: 2px solid var(--store-hover-ring); outline-offset: 3px; }
[data-storefront-interactions] :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):focus { border-color: var(--store-hover-ring); box-shadow: 0 0 0 3px rgb(255 106 0 / 14%); }
[data-storefront-interactions] :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--store-hover-orange); }
[data-storefront-interactions] :is(button, .store-primary-action, .store-secondary-action):not(:disabled):not([aria-disabled="true"]):not(.pcard-visual):active { transform: translateY(1px); transition-duration: 100ms; }

@media (hover: hover) and (pointer: fine) {
  [data-storefront-interactions] :is(a, button, summary):not(:disabled):not([aria-disabled="true"]):hover { transition-duration: var(--store-hover-duration); }
  [data-storefront-interactions] a:not(:has(img, .brand-logo, .brand-mark)):not(.brand):not(.brand-link):hover { color: var(--store-hover-orange); text-decoration-color: var(--store-hover-orange); }
  [data-storefront-interactions] .store-return-home:hover { color: var(--store-hover-orange); background-color: transparent; box-shadow: none; }
  [data-storefront-interactions] :is(footer a, .foot-links a, .aside-tab-link, .store-return-home):hover { text-decoration: underline; text-underline-offset: 5px; }
  [data-storefront-interactions] :where(button:not(:disabled):not([aria-disabled="true"]):not(.pcard-visual):not(.ui-button-danger):not(.is-cart-confirmed)):hover,
  [data-storefront-interactions] .store-secondary-action:not(:disabled):hover { border-color: var(--store-hover-ring); background-color: var(--store-hover-soft); color: var(--store-hover-orange); }
  [data-storefront-interactions] :is(.store-primary-action, .ui-button-primary, .button-primary, .btn-buy, .drawer-checkout, .dialog-action, [data-testid="login-submit"], [data-testid="cart-checkout"], [data-testid="submit-order"], header button[type="submit"]):not(:disabled):not([aria-disabled="true"]):hover { border-color: var(--store-hover-orange); background-color: var(--store-hover-orange); color: #fff; box-shadow: 0 5px 14px rgb(217 81 0 / 18%); transform: translateY(-2px); }
  [data-storefront-interactions] :is(.btn-cart, .button-secondary, .store-secondary-action):not(:disabled):not(.is-cart-confirmed):hover { border-color: var(--store-hover-ring); box-shadow: 0 3px 10px rgb(217 81 0 / 10%); }
  [data-storefront-interactions] :is(.detail-tab, .nav-list a, .filter-tab, .sort-trigger):hover { color: var(--store-hover-orange); border-color: var(--store-hover-ring); background-color: var(--store-hover-soft); }
  [data-storefront-interactions] :is(header nav a, header nav button, header nav summary, .toplinks .item, .lang-toggle, .lang-trigger, .lang-menu button):not(:disabled):hover { color: var(--store-hover-orange); background-color: transparent; box-shadow: none; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; transform: none; }
  [data-storefront-interactions] .detail-tab::after { transform-origin: left; transition: background-color 280ms ease, transform 280ms ease; }
  [data-storefront-interactions] .detail-tab:not(.is-active):hover::after { background-color: var(--store-hover-ring); }
}
[data-storefront-interactions] .pcard .pcard-cover { transition: filter 280ms ease, transform 280ms ease; }
[data-storefront-interactions] .pcard .pcard-visual::before { background: rgb(10 23 45 / 38%); transition: opacity 280ms ease; }
[data-storefront-interactions] .pcard .pcard-detail-entry { transform: translateY(8px); transition: opacity 300ms ease, transform 300ms ease; }
[data-storefront-interactions] .pcard .pcard-detail-entry::before { border-color: #fff; background: #d95100; color: #fff; }
[data-storefront-interactions] .pcard .pcard-visual:is(:hover, :focus-visible) .pcard-detail-entry { transform: translateY(0); }
[data-storefront-interactions] :is(button, .store-primary-action, .store-secondary-action):not(:disabled):not([aria-disabled="true"]):not(.pcard-visual):active { transform: translateY(1px) !important; transition-duration: 100ms; }
@media (prefers-reduced-motion: reduce) {
  [data-storefront-interactions] :is(a, button, summary, input, select, textarea, .pcard-cover, .pcard-detail-entry),
  [data-storefront-interactions] .pcard-visual::before { transition-duration: 0ms !important; }
  [data-storefront-interactions] :is(button, .store-primary-action, .store-secondary-action):not(.pcard-visual) { transform: none !important; }
  [data-storefront-interactions] .pcard .pcard-detail-entry { transform: none; }
}