/* Loaded only when the configurable 2.6 dock is enabled. */
.skfd-dock, .skfd-dock * { box-sizing: border-box; }
.skfd-dock { display: block; height: 0; margin: 0; padding: 0; }
.skfd-dock[hidden], .skfd-dock [hidden] { display: none !important; }
.skfd-dock > svg { height: 0; overflow: hidden; position: absolute; width: 0; }
.skfd-profile {
  align-items: stretch; background: var(--skfd-background, var(--skf-background, var(--vvp-ds-surface, #fff)));
  border: 1px solid transparent; border-radius: var(--skfd-radius, 16px);
  bottom: calc(var(--skfd-bottom, 10px) + env(safe-area-inset-bottom, 0px));
  box-shadow: var(--skfd-shadow, 0 4px 20px #172d4a24); color: var(--skfd-text-color, var(--skf-color, var(--vvp-ds-action, #263b63)));
  display: flex; gap: var(--skfd-gap, 6px); height: var(--skfd-height, 52px);
  left: calc(var(--skfd-left, 88px) + env(safe-area-inset-left, 0px)); margin: 0;
  min-width: 0; padding: 4px; position: fixed;
  right: calc(var(--skfd-right, 136px) + env(safe-area-inset-right, 0px)); text-align: start; z-index: 10010;
}
.skfd-profile[data-skfd-outline="1"] { border-color: var(--skf-border, #dce1ea); }
.skfd-profile[data-skfd-accent-line="1"] { border-bottom: 3px solid var(--skfd-accent, var(--skf-accent, #c83868)); }
.skfd-profile[data-skfd-placement="bottom-anchored"] { border-radius: 0; left: 0; right: 0; bottom: calc(var(--skfd-bottom, 0px) + env(safe-area-inset-bottom, 0px)); padding-inline: calc(var(--skfd-left, 88px) + env(safe-area-inset-left, 0px)) calc(var(--skfd-right, 136px) + env(safe-area-inset-right, 0px)); }
.skfd-profile[data-skfd-placement="under-title"] { bottom: auto; left: 0; margin: 0; position: absolute; right: 0; top: 8px; width: 100%; }
.skfd-profile button.skfd-button {
  align-items: center; appearance: none; background: var(--skfd-button-background, var(--skf-hover, #f2f3f6));
  border: 1px solid transparent; border-radius: max(0px, calc(var(--skfd-radius, 16px) - 5px)); box-shadow: none;
  color: var(--skfd-button-color, inherit); cursor: pointer; display: flex; flex: 0 0 auto; font: inherit;
  font-size: 13px; font-weight: 500; gap: 7px; height: 100%; justify-content: center; line-height: 1.15; margin: 0;
  min-height: 0; min-width: 44px; overflow: hidden; padding: 4px 12px; text-align: center; text-decoration: none;
  text-transform: none; touch-action: manipulation; white-space: nowrap;
}
.skfd-profile button.skfd-button:hover { filter: brightness(.96); }
.skfd-profile button.skfd-button:focus-visible, .skfd-criteria:focus-visible { outline: 2px solid var(--skfd-accent, var(--skf-accent, #c83868)); outline-offset: 2px; }
.skfd-profile button.skfd-button:disabled { cursor: default; opacity: .45; }
.skfd-criteria button.skfd-button:focus-visible { outline-offset: -3px; }
.skfd-profile button.skfd-button[aria-expanded="true"], .skfd-profile button.skfd-is-active {
  background: var(--skfd-active-background, var(--skf-color, #263b63)); color: var(--skfd-active-color, #fff);
}
.skfd-icon { display: block; flex: 0 0 auto; height: 20px; pointer-events: none; width: 20px; }
.skfd-label { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.skfd-label--mobile { display: none; }
.skfd-chevron { border: solid currentColor; border-width: 0 1px 1px 0; flex: 0 0 4px; height: 4px; margin-inline-start: 2px; opacity: .6; transform: rotate(45deg); width: 4px; }
.skfd-criteria { display: flex; flex: 1 1 auto; gap: var(--skfd-gap, 6px); min-width: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; }
.skfd-criteria::-webkit-scrollbar { display: none; }
.skfd-profile button.skfd-scroll { background: transparent; font-size: 26px; min-width: 24px; padding-inline: 4px; }
.skfd-profile button.skfd-all { background: var(--skfd-active-background, var(--skf-color, #263b63)); color: var(--skfd-active-color, #fff); }
.skfd-profile button.skfd-sort { background: var(--skfd-sort-background, var(--skf-color, #263b63)); color: var(--skfd-sort-color, #fff); order: 8; }
.skfd-profile[data-skfd-sort="start"] .skfd-sort { order: -3; }
.skfd-profile[data-skfd-sort="separate"] .skfd-sort { margin-inline-start: 6px; box-shadow: 0 2px 10px #172d4a16; }
.skfd-profile[data-skfd-all="start"] .skfd-all { order: -2; }
.skfd-profile button.skfd-action { background: var(--skfd-action-background, var(--skfd-active-background, var(--skf-color, #263b63))); color: var(--skfd-active-color, #fff); font-weight: 600; }
.skfd-profile button.skfd-action, .skfd-profile .skfd-cycle { display: none; }
.skfd-profile[data-skfd-text="below"] .skfd-button { flex-direction: column; font-size: 11px; gap: 3px; white-space: normal; }
.skfd-profile[data-skfd-text="below"] .skfd-criterion { max-width: 124px; min-width: 80px; }
.skfd-profile[data-skfd-text="below"] .skfd-chevron { display: none; }
.skfd-profile[data-skfd-text="icon"] .skfd-label { clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; }
.skfd-profile[data-skfd-text="icon"] .skfd-chevron, .skfd-profile[data-skfd-text="text"] .skfd-icon { display: none; }
.skfd-count { align-items: center; background: var(--skfd-active-color, #fff); border-radius: 20px; color: var(--skfd-active-background, #263b63); display: inline-flex; font-size: 10px; justify-content: center; min-width: 16px; padding: 2px 4px; }
/* Reserve an independent box edge: theme padding remains identical before/after mount. */
body:has([data-skfd-configurable]):not(.skfd-mounted) #js-product-list-top { border-top: var(--skfd-title-space, 0px) solid transparent !important; }
body:has([data-skfd-configurable]) { padding-bottom: var(--skfd-clearance, 0px); }
body:has([data-skfd-configurable]) .skf-mobile-toggle, body:has([data-skfd-configurable]) [data-skf-inline-toolbar], [data-skfd-replaced] { display: none !important; }
body:has([data-skfd-configurable]) .vvp-category-filters:has(.skf-drawer), body:has([data-skfd-configurable]) #left-column:has(.skf-drawer) { height: 0; min-height: 0; }
body:has([data-skfd-configurable]) .vvp-category-filters:has(.skf-drawer):not(:has(.skf-is-open)), body:has([data-skfd-configurable]) #left-column:has(.skf-drawer):not(:has(.skf-is-open)) { z-index: auto; }
.skrupt-filter[data-skf-view^="facet:"] .skf-all-filters { display: inline-flex; }
.skrupt-filter[data-skf-view^="facet:"] .skf-more-filters { display: none !important; }
@media (min-width: 768px) {
  .skfd-profile[data-skfd-profile="mobile"] { display: none; }
  .skfd-dock:has(> [data-skfd-profile="desktop"][data-skfd-placement="under-title"]) { height: var(--skfd-title-space, 76px); position: sticky; top: var(--skfd-title-top, 72px); z-index: 10010; }
}
@media (max-width: 767px) {
  .skfd-profile[data-skfd-profile="desktop"] { display: none; }
  .skfd-dock:has(> [data-skfd-profile="mobile"][data-skfd-placement="under-title"]) { height: var(--skfd-title-space, 76px); position: sticky; top: var(--skfd-title-top, 72px); z-index: 10010; }
}
/* Device visibility and sticky placement use the single shop-wide threshold. */
  .skfd-profile:where([data-skfd-profile="mobile"]) { font-size: 12px; left: calc(var(--skfd-left, 8px) + env(safe-area-inset-left, 0px)); right: calc(var(--skfd-right, 8px) + env(safe-area-inset-right, 0px)); }
  .skfd-profile:where([data-skfd-profile="mobile"]) button.skfd-button { font-size: 12px; gap: 5px; padding-inline: 9px; }
  :where([data-skfd-profile="mobile"]) .skfd-label--desktop { display: none; }
  :where([data-skfd-profile="mobile"]) .skfd-label--mobile { display: block; }
  .skfd-profile:where([data-skfd-profile="mobile"]) .skfd-criterion[data-skfd-mobile="0"] { display: none !important; }
  .skfd-profile:where([data-skfd-profile="mobile"])[data-skfd-layout="ribbon"] .skfd-criterion { flex-shrink: 0; }
  .skfd-profile[data-skfd-layout="shortcuts"] .skfd-criteria { display: var(--skfd-shortcuts-display, flex); overflow: hidden; }
  .skfd-profile[data-skfd-layout="shortcuts"] .skfd-criterion { flex: 1 1 0; min-width: 0; padding-inline: 5px; }
  .skfd-profile[data-skfd-layout="shortcuts"] .skfd-chevron { display: none; }
  .skfd-profile[data-skfd-layout="shortcuts"] .skfd-scroll { display: none; }

  .skfd-profile[data-skfd-layout="shortcuts"] .skfd-action { display: var(--skfd-compact-display, none); flex: 1 1 auto; }
  .skfd-profile[data-skfd-layout="action"] .skfd-action { display: flex; flex: 1 1 auto; }
  .skfd-profile[data-skfd-layout="action"] .skfd-criteria, .skfd-profile[data-skfd-layout="action"] .skfd-scroll { display: none; }
  .skfd-profile[data-skfd-align="end"][data-skfd-layout="action"] { background: transparent; border: 0; box-shadow: none; justify-content: flex-end; padding: 0; }
  .skfd-profile[data-skfd-align="end"][data-skfd-layout="action"] .skfd-action { flex: 0 1 auto; padding-inline: 20px; }
  .skfd-profile:where([data-skfd-profile="mobile"])[data-skfd-layout="single"] .skfd-scroll { display: none; }
  .skfd-profile:where([data-skfd-profile="mobile"])[data-skfd-layout="single"] .skfd-criterion { display: none; flex: 1 1 auto; justify-content: flex-start; min-width: 0; white-space: normal; }
  .skfd-profile:where([data-skfd-profile="mobile"])[data-skfd-layout="single"] .skfd-criterion[data-skfd-current="1"] { display: flex; }
  .skfd-profile:where([data-skfd-profile="mobile"])[data-skfd-layout="single"] .skfd-criterion .skfd-label { text-align: start; }
  .skfd-profile:where([data-skfd-profile="mobile"])[data-skfd-layout="single"] .skfd-cycle { align-items: center; display: flex; flex: 0 0 auto; flex-direction: column; font-size: 10px; justify-content: center; min-width: 32px; }
  .skfd-profile:where([data-skfd-profile="mobile"])[data-skfd-layout="single"] .skfd-next { background: transparent; flex: 1 1 auto; font-size: 24px; min-width: 32px; padding: 0; }
  .skfd-profile:where([data-skfd-profile="mobile"])[data-skfd-layout="single"] .skfd-all, .skfd-profile:where([data-skfd-profile="mobile"])[data-skfd-layout="single"] .skfd-sort { padding-inline: 8px; }
@media (prefers-reduced-motion: reduce) { .skfd-dock * { scroll-behavior: auto; transition: none; } }
@media (forced-colors: active) { .skfd-profile, .skfd-profile button.skfd-button { border: 1px solid ButtonText; } .skfd-profile { box-shadow: none; } }

/* 2.9.4: fixed slots prevent changes to the rail width as edge arrows hide. */
.skfd-scroll-slot { display: none; }
.skfd-profile[data-skfd-layout="ribbon"] > .skfd-scroll-slot { display: flex; flex: 0 0 24px; min-width: 0; width: 24px; }
.skfd-profile[data-skfd-layout="ribbon"] > .skfd-scroll-slot > button.skfd-scroll { width: 100%; min-width: 0; padding-inline: 2px; }
.skfd-criterion { position: relative; }
.skfd-edge { position: absolute; top: 50%; width: 1px; height: 1px; padding: 0; border: 0; pointer-events: none; }
.skfd-edge[data-skfd-edge="start"] { inset-inline-start: 0; }
.skfd-edge[data-skfd-edge="end"] { inset-inline-end: 0; }
[dir="rtl"] .skfd-scroll > span { transform: scaleX(-1); }
