@charset "utf-8";

@keyframes rotate360 { 
  100% { transform: rotate(360deg); }
}

@keyframes exist { 
  100% { width: 1rem; height: 1rem; }
}

@keyframes appear { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.dfd-fullscreen { --dfd-searchbox-height: 48px; --dfd-fullscreen-gap-x: 24px; --dfd-fullscreen-gap-y: 16px; --dfd-fullscreen-padding-y: 32px; --dfd-fullscreen-padding-x: 48px; position: fixed; inset: 0px; z-index: 2147483500; overflow: hidden; }

.dfd-fullscreen .dfd-layer { position: relative; display: grid; grid-template: "dfd-header" min-content "dfd-before-content" min-content "dfd-content" 1fr "dfd-after-content" min-content "dfd-footer" min-content / 1fr; gap: var(--dfd-fullscreen-gap-y) var(--dfd-fullscreen-gap-x); width: 100%; padding: 0px; margin: 0px; background-color: var(--df-neutral-background, hsl(204, 2%, 100%)); transition: max-height var(--df-layer-animation-duration) cubic-bezier(0.25, 0.46, 0.45, 0.94),padding var(--df-layer-animation-duration) cubic-bezier(0.25, 0.46, 0.45, 0.94); max-height: 0px; overflow: hidden; }

.dfd-fullscreen .dfd-layer > .dfd-header { grid-area: dfd-header; }

.dfd-fullscreen .dfd-layer > .dfd-before-content { grid-area: dfd-before-content; }

.dfd-fullscreen .dfd-layer > .dfd-tabs, .dfd-fullscreen .dfd-layer > .dfd-initial-content, .dfd-fullscreen .dfd-layer > .dfd-fallback-content, .dfd-fullscreen .dfd-layer > .dfd-content { grid-area: dfd-content; }

.dfd-fullscreen .dfd-layer > .dfd-footer { grid-area: dfd-footer; }

.dfd-fullscreen.dfd-animate .dfd-layer { max-height: 100%; overflow-y: auto; }

.dfd-fullscreen .dfd-header { display: grid; grid-template-columns: min-content 1fr min-content; gap: 12px; align-items: end; padding: var(--dfd-fullscreen-padding-y) var(--dfd-fullscreen-padding-x) 0; }

.dfd-fullscreen .dfd-header .dfd-searchbox { grid-column: 1 / span 2; }

.dfd-fullscreen .dfd-header .dfd-logo + .dfd-searchbox { grid-column: 2; }

.dfd-fullscreen .dfd-header .dfd-close-button { --dfd-close-button-weight: 3px; --dfd-close-button-scale: 90%; grid-column: 3; align-self: center; }

.dfd-fullscreen .dfd-logo { color-scheme: revert; forced-color-adjust: revert; mask: revert; math-depth: revert; position: revert; position-anchor: revert; text-size-adjust: revert; appearance: revert; color: revert; font: revert; font-palette: revert; font-synthesis: revert; position-area: revert; text-orientation: revert; text-rendering: revert; text-spacing-trim: revert; -webkit-font-smoothing: revert; -webkit-locale: revert; -webkit-text-orientation: revert; -webkit-writing-mode: revert; writing-mode: revert; zoom: revert; accent-color: revert; place-content: revert; place-items: revert; align-self: center; alignment-baseline: revert; anchor-name: revert; anchor-scope: revert; animation-composition: revert; animation: revert; app-region: revert; aspect-ratio: revert; backdrop-filter: revert; backface-visibility: revert; background: revert; background-blend-mode: revert; baseline-shift: revert; baseline-source: revert; block-size: revert; border-block: revert; border: revert; border-radius: revert; border-collapse: revert; border-end-end-radius: revert; border-end-start-radius: revert; border-inline: revert; border-start-end-radius: revert; border-start-start-radius: revert; inset: revert; box-decoration-break: revert; box-shadow: revert; box-sizing: revert; break-after: revert; break-before: revert; break-inside: revert; buffered-rendering: revert; caption-side: revert; caret-color: revert; clear: revert; clip: revert; clip-path: revert; clip-rule: revert; color-interpolation: revert; color-interpolation-filters: revert; color-rendering: revert; columns: revert; column-fill: revert; gap: revert; column-rule: revert; column-span: revert; contain: revert; contain-intrinsic-block-size: revert; contain-intrinsic-size: revert; contain-intrinsic-inline-size: revert; container: revert; content: revert; content-visibility: revert; counter-increment: revert; counter-reset: revert; counter-set: revert; cursor: pointer; cx: revert; cy: revert; d: revert; display: revert; dominant-baseline: revert; dynamic-range-limit: revert; empty-cells: revert; field-sizing: revert; fill: revert; fill-opacity: revert; fill-rule: revert; filter: revert; flex: revert; flex-flow: revert; float: revert; flood-color: revert; flood-opacity: revert; grid: revert; grid-area: revert; height: revert; hyphenate-character: revert; hyphenate-limit-chars: revert; hyphens: revert; image-orientation: revert; image-rendering: revert; initial-letter: revert; inline-size: revert; inset-block: revert; inset-inline: revert; interpolate-size: revert; isolation: revert; justify-self: revert; letter-spacing: revert; lighting-color: revert; line-break: revert; list-style: revert; margin-block: revert; margin: revert; margin-inline: revert; marker: revert; mask-type: revert; math-shift: revert; math-style: revert; max-block-size: revert; max-height: var(--dfd-searchbox-height); max-inline-size: revert; max-width: calc(var(--dfd-searchbox-height)*3); min-block-size: revert; min-height: revert; min-inline-size: revert; min-width: var(--dfd-searchbox-height); mix-blend-mode: revert; object-fit: revert; object-position: revert; object-view-box: revert; offset: revert; opacity: revert; order: revert; orphans: revert; outline: revert; outline-offset: revert; overflow-anchor: revert; overflow-block: revert; overflow-clip-margin: revert; overflow-inline: revert; overflow-wrap: revert; overflow: revert; overlay: revert; overscroll-behavior-block: revert; overscroll-behavior-inline: revert; overscroll-behavior: revert; padding-block: revert; padding: revert; padding-inline: revert; page: revert; page-orientation: revert; paint-order: revert; perspective: revert; perspective-origin: revert; pointer-events: revert; position-try: revert; position-visibility: revert; print-color-adjust: revert; quotes: revert; r: revert; resize: revert; rotate: revert; ruby-align: revert; ruby-position: revert; rx: revert; ry: revert; scale: revert; scroll-behavior: revert; scroll-initial-target: revert; scroll-margin-block: revert; scroll-margin: revert; scroll-margin-inline: revert; scroll-marker-group: revert; scroll-padding-block: revert; scroll-padding: revert; scroll-padding-inline: revert; scroll-snap-align: revert; scroll-snap-stop: revert; scroll-snap-type: revert; scroll-timeline: revert; scrollbar-color: revert; scrollbar-gutter: revert; scrollbar-width: revert; shape-image-threshold: revert; shape-margin: revert; shape-outside: revert; shape-rendering: revert; size: revert; speak: revert; stop-color: revert; stop-opacity: revert; stroke: revert; stroke-dasharray: revert; stroke-dashoffset: revert; stroke-linecap: revert; stroke-linejoin: revert; stroke-miterlimit: revert; stroke-opacity: revert; stroke-width: revert; tab-size: revert; table-layout: revert; text-align: revert; text-align-last: revert; text-anchor: revert; text-box: revert; text-combine-upright: revert; text-decoration: revert; text-decoration-skip-ink: revert; text-emphasis: revert; text-emphasis-position: revert; text-indent: revert; text-overflow: revert; text-shadow: revert; text-transform: revert; text-underline-offset: revert; text-underline-position: revert; text-wrap: revert; timeline-scope: revert; touch-action: revert; transform: revert; transform-box: revert; transform-origin: revert; transform-style: revert; transition: revert; translate: revert; user-select: revert; vector-effect: revert; vertical-align: revert; view-timeline: revert; view-transition-class: revert; view-transition-name: revert; visibility: revert; border-spacing: revert; -webkit-box-align: revert; -webkit-box-decoration-break: revert; -webkit-box-direction: revert; -webkit-box-flex: revert; -webkit-box-ordinal-group: revert; -webkit-box-orient: revert; -webkit-box-pack: revert; -webkit-box-reflect: revert; -webkit-line-break: revert; -webkit-line-clamp: revert; -webkit-mask-box-image: revert; -webkit-rtl-ordering: revert; -webkit-ruby-position: revert; -webkit-tap-highlight-color: revert; -webkit-text-combine: revert; -webkit-text-decorations-in-effect: revert; -webkit-text-fill-color: revert; -webkit-text-security: revert; -webkit-text-stroke: revert; -webkit-user-drag: revert; white-space-collapse: revert; widows: revert; width: revert; will-change: revert; word-break: revert; word-spacing: revert; x: revert; y: revert; z-index: revert; }

.dfd-header .dfd-fullscreen .dfd-logo { grid-column: 1; }

.dfd-fullscreen .dfd-searchbox { border-bottom: 1px solid var(--df-accent-primary, hsl(217, 95%, 52%)); }

.dfd-fullscreen .dfd-suggestions { display: flex; flex-flow: wrap; align-items: center; align-content: space-between; padding: 0px; gap: 8px; }

.dfd-fullscreen .dfd-suggestions .dfd-title-sm { color: var(--df-neutral-medium-contrast, hsl(204, 2%, 46%)); }

.dfd-fullscreen .dfd-header .dfd-suggestions { grid-column: 1 / span 2; }

@media (min-width: 992px) {
  .dfd-fullscreen .dfd-header .dfd-logo ~ .dfd-suggestions { grid-column: 2; }
}

.dfd-fullscreen .dfd-before-content { position: relative; }

.dfd-fullscreen .dfd-initial-content, .dfd-fullscreen .dfd-fallback-content, .dfd-fullscreen .dfd-content { display: flex; flex-flow: row; align-items: flex-start; justify-content: space-between; padding-left: var(--dfd-fullscreen-padding-x); padding-right: var(--dfd-fullscreen-padding-x); position: relative; overflow: hidden auto; overscroll-behavior: contain; }

.dfd-fullscreen .dfd-fallback-content { flex-direction: column; justify-content: flex-start; align-items: stretch; }

.dfd-fullscreen .dfd-initial-content { flex-wrap: wrap; align-items: stretch; }

@media (min-width: 992px) {
  .dfd-fullscreen .dfd-initial-content { flex-wrap: nowrap; }
}

.dfd-fullscreen .dfd-footer { display: flex; justify-content: flex-end; padding: 0 var(--dfd-fullscreen-padding-x) var(--dfd-fullscreen-padding-y); }

.dfd-fullscreen .dfd-branding { margin-left: auto; }

.dfd-fullscreen .dfd-recommended-products { width: 100%; overflow: hidden; padding-bottom: 0px; background: none; }

.dfd-fullscreen .dfd-recommended-products .dfd-title-lg { margin-bottom: 8px; margin-left: 40px; }

.dfd-fullscreen .dfd-recommended-products .dfd-carousel { margin-left: -8px; margin-right: -8px; }

.dfd-fullscreen .dfd-popular-searches { flex: 1 0 auto; }

.dfd-fullscreen .dfd-initial-content .dfd-popular-searches { background: var(--df-neutral-surface, hsl(204, 2%, 100%)); }

.dfd-fullscreen .dfd-initial-content .dfd-popular-searches .dfd-title-lg { margin-bottom: 8px; }

.dfd-fullscreen .dfd-initial-content .dfd-recommended-products { align-self: flex-start; }

@media (min-width: 992px) {
  .dfd-fullscreen .dfd-initial-content .dfd-recommended-products { width: auto; }
}

@media (min-width: 992px) {
  .dfd-fullscreen .dfd-initial-content .dfd-popular-searches:not([hidden]) + .dfd-recommended-products { margin-left: var(--dfd-fullscreen-gap-x); }
}

.dfd-fullscreen[data-dfd-screen="fullscreen"], .dfd-fullscreen[data-dfd-screen="fullscreen"] .dfd-layer:not(.dfd-is-empty) { height: 100% !important; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] { height: auto !important; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] .dfd-initial-content { display: grid; grid-template: "dfd-filters dfd-products" 1fr / minmax(256px, max-content) 3fr; gap: var(--dfd-fullscreen-gap-y) var(--dfd-fullscreen-gap-x); overflow: hidden auto; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] .dfd-initial-content:has(.dfd-bc-aside) { grid-template-rows: 1fr; grid-template-areas: "dfd-filters dfd-products"; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] .dfd-fallback-content { overflow: hidden; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] .dfd-bc-aside { grid-area: dfd-filters; display: flex; flex-direction: column; row-gap: 20px; overflow-y: auto; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] .dfd-products { grid-area: dfd-products; width: 100%; overflow: hidden; align-self: flex-start; background: none; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] .dfd-products .dfd-title-lg { display: flex; margin-left: 40px; margin-right: 32px; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] .dfd-products .dfd-title-lg button { margin-left: auto; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] .dfd-products .dfd-carousel { margin-left: -8px; margin-right: -8px; }

.dfd-fullscreen[data-dfd-screen="fullscreen-brand-categories"] .dfd-products .dfd-title-lg { margin-bottom: 8px; }

.dfd-fullscreen .dfd-tabs-nav { padding-right: var(--dfd-fullscreen-padding-x); padding-left: var(--dfd-fullscreen-padding-x); margin-bottom: var(--dfd-fullscreen-padding-x); }

.dfd-fullscreen .dfd-aside { flex: 0 0 auto; margin: 0 var(--dfd-fullscreen-gap-x) 48px 0; width: 280px; background-color: var(--df-neutral-surface, hsl(204, 2%, 100%)); }

@media (min-width: 992px) {
  .dfd-fullscreen .dfd-aside { width: 320px; }
}

@media (min-width: 1200px) {
  .dfd-fullscreen .dfd-aside { width: 360px; }
}

.dfd-fullscreen .dfd-aside-header { margin-bottom: calc(var(--dfd-fullscreen-gap-y)*1.5); }

.dfd-fullscreen .dfd-results { flex: 1 1 auto; position: relative; }

.dfd-fullscreen .dfd-meta { position: relative; z-index: 2; flex-wrap: wrap; margin: 0 0 calc(var(--dfd-fullscreen-gap-y)*1.5); background-color: var(--df-neutral-surface, hsl(204, 2%, 100%)); }

@media (min-width: 992px) {
  .dfd-fullscreen .dfd-meta { flex-wrap: nowrap; }
}

.dfd-fullscreen .dfd-meta-sort-btn { flex: 0 0 auto; }

.dfd-fullscreen .dfd-banner { text-align: center; margin-bottom: var(--dfd-fullscreen-gap-x); }

.dfd-fullscreen button[data-dfd-role="back-to-top"] { position: fixed; bottom: 72px; right: 32px; z-index: 2; }

@media (min-width: 992px) {
  .dfd-fullscreen button[data-dfd-role="back-to-top"] { right: 40px; }
}

.dfd-fullscreen .dfd-guided-filters { margin: 0px 48px 32px; filter: drop-shadow(rgba(0, 0, 0, 0.05) 0px 4px 8px); border-radius: 8px; }