/*! [bundle] /styles/homepage.css */

/*! [bundle] /styles/breakpoints.css */
:root {
  --bp-mobile-max: 640px;
  --bp-tablet-max: 1024px;
}


.show-desktop { display: block; }
.show-tablet { display: none; }
.show-mobile { display: none; }

@media (max-width: 1024px) {
  .show-desktop { display: none; }
  .show-tablet { display: block; }
}

@media (max-width: 640px) {
  .show-tablet { display: none; }
  .show-mobile { display: block; }
}



/*! [bundle] /styles/base.css */

/*! [bundle] /styles/tokens.css */
:root {
  
  --font-display: 'Fraunces', 'Fraunces Fallback', Georgia, 'Times New Roman', serif;
  --font-heading: 'DM Sans', 'DM Sans Fallback', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'DM Sans', 'DM Sans Fallback', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-price: var(--font-display);

  --font-size-h1: clamp(2.5rem, 2vw + 1.5rem, 3.5rem);
  --font-size-h2: clamp(2rem, 1.6vw + 1rem, 2.75rem);
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.375rem;
  --font-size-body-lg: 1.125rem;
  --font-size-body: 1rem;
  --font-size-caption: 0.875rem;
  --font-size-micro: 0.75rem;

  --line-height-tight: 1.1;
  --line-height-snug: 1.3;
  --line-height-normal: 1.6;

  
  --color-ink: #232030;
  --color-ink-soft: #4a465d;
  
  --color-forest: #3F6A60;
  --color-forest-dark: #2D4F48;
  
  --color-footer-green: #1F3E35;
  --color-olive-pill: #829181;
  
  --color-sage: #dde8df;
  --color-emerald: var(--color-forest);
  --color-emerald-dark: var(--color-forest-dark);
  --color-cream: #FFF9F1;
  --color-sand: #F8F5ED;
  
  --color-page-bg: #f8f1eb;
  
  --color-alert-red: #b91515;

  
  --color-sand-dark: #EFE7D5;
  --color-mint: var(--color-sand);
  --color-mint-2: var(--color-line);
  --color-line: #E7E2D5;
  --color-line-dark: #D6CFB8;
  --color-info-soft: var(--color-sand);
  --color-alert-soft: #FBE8E8;
  --color-warn: #C98A1A;
  --color-warn-soft: #FBF1DC;
  --color-jedi-picks-yellow: #FFC44D;
  
  --color-badge-digital-blue: #2B6CB8;
  --color-top-badge-blue: rgb(185 212 227 / 0.5);
  --color-top-badge-green: rgb(202 215 184 / 0.5);
  --color-top-badge-coral: rgb(228 181 165 / 0.5);
  --color-top-badge-purple: rgb(213 197 228 / 0.5);
  --color-top-badge-glass: rgb(255 249 241 / 0.5);
  --color-top-badge-border: rgb(35 32 48 / 0.12);
  --color-success: var(--color-forest);
  --color-success-soft: var(--color-sand);
  --color-ink-mute: #6b6680;
  --color-smoke: var(--color-line);
  --color-slate: var(--color-line-dark);
  --color-info: var(--color-forest);
  --color-alert: #E45B5B;
  --color-white: #FFF9F1;
  --color-black: #0b0a10;

  
  
  --intent-brand-primary: var(--color-forest);
  --intent-brand-primary-strong: var(--color-forest-dark);
  --intent-brand-on: var(--color-cream);          

  
  --intent-surface-page: var(--color-page-bg);    
  --intent-surface-raised: var(--color-cream);    
  --intent-surface-sunken: var(--color-sand);     
  --intent-surface-line: var(--color-line);       
  --intent-surface-line-strong: var(--color-line-dark);

  
  --intent-skeleton-surface: color-mix(in srgb, var(--color-page-bg) 55%, var(--color-line));
  --intent-skeleton-dot-base: color-mix(in srgb, var(--color-forest) 32%, transparent);
  --intent-skeleton-dot-wave: color-mix(in srgb, var(--color-forest-dark) 78%, transparent);
  --jp-skeleton-dot-base-pattern: linear-gradient(var(--intent-skeleton-surface), var(--intent-skeleton-surface));
  --jp-skeleton-dot-wave-pattern: none;
  

  
  --intent-text-primary: var(--color-ink);
  --intent-text-secondary: var(--color-ink-soft);
  --intent-text-on-brand: var(--color-cream);

  
  --intent-cta-ink: var(--color-ink);
  --intent-cta-ink-hover: #3a3650;

  
  --intent-feedback-success: var(--color-forest);
  --intent-feedback-success-soft: var(--color-success-soft);
  --intent-feedback-warning: var(--color-warn);
  --intent-feedback-warning-soft: var(--color-warn-soft);
  --intent-feedback-alert: var(--color-alert);          
  --intent-feedback-alert-strong: var(--color-alert-red); 
  --intent-feedback-alert-soft: var(--color-alert-soft);

  
  --notice-success: #4E7D3A;
  --notice-success-ink: #3C6329;
  --notice-success-soft: #EEF3E6;
  --notice-error: #B23B34;
  --notice-error-soft: #F7E7E5;
  --notice-warning: var(--color-warn);
  --notice-warning-ink: #8A5D10;
  --notice-warning-soft: var(--color-warn-soft);
  --notice-warning-toast: #FFC247;
  --notice-info: var(--color-forest);

  
  --intent-status-online: var(--color-forest);
  --intent-status-recent: var(--color-warn);
  --intent-status-offline: var(--color-line-dark);
  --intent-listing-active-bg: #A6D87D;

  
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 6rem;

  
  --gap-element: var(--space-2);            
  --gap-component: var(--space-4);          
  --gap-component-lg: var(--space-5);       
  --gap-section: var(--space-6);            
  --gap-component-mobile: var(--space-3);   
  --gap-component-lg-mobile: var(--space-4);
  --gap-section-mobile: var(--space-5);     

  
  --radius-pill: 999px;
  --radius-card: 30px;
  --radius-panel: 20px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --radius-xs: 8px;

  
  --shadow-card: 0 20px 60px rgba(35, 32, 48, 0.08);
  --shadow-float: 0 8px 18px rgba(35, 32, 48, 0.2);
  --shadow-soft: 0 12px 32px rgba(35, 32, 48, 0.12);
  
  --shadow-card-hover: 0 0 4px rgba(35, 32, 48, 0.5);

  
  --popup-bg: #FFF9F1;
  --popup-bg-soft: #F8F1EB;
  --popup-bg-muted: #F8F5ED;
  --popup-border: #E7E2D5;
  --popup-border-strong: #D6CFB8;
  --control-border-resting: color-mix(in srgb, var(--popup-border-strong) 72%, var(--color-ink-soft) 28%);
  --popup-control-border: var(--popup-border-strong);
  --popup-outline: var(--color-ink);
  --popup-outline-soft: rgba(35, 32, 48, 0.28);
  --popup-focus: var(--color-forest);
  --popup-control-bg: var(--popup-bg);
  --popup-close-bg: var(--popup-hover);
  --popup-hover: #DCDDD4;
  --control-disabled-bg: #DCDDD3;
  --control-disabled-text: var(--color-ink-soft);
  --auth-disabled-text: var(--color-ink-soft);
  --filter-pill-bg: #eee5da;
  --sort-control-bg: #E1D1BC;
  --sort-control-bg-hover: #CCB89F;
  
  --hover-grow-scale: 1.035;
  --sort-option-hover: #DCDDD4;
  --sort-option-selected-bg: transparent;
  --popup-disabled: #EFE7D5;
  --popup-overlay: rgba(35, 32, 48, 0.52);
  --popup-shadow: 0 22px 60px rgba(35, 32, 48, 0.14);
  --popup-shadow-soft: 0 12px 32px rgba(35, 32, 48, 0.1);
  --popup-cancel-hover-shadow: 0 10px 26px rgba(35, 32, 48, 0.16);
  --popup-title-font: var(--font-display);
  --popup-title-size: 25px;
  --popup-title-weight: 600;
  --popup-title-line-height: 1.16;
  --popup-title-letter-spacing: 0;
  --popup-close-width: 78px;
  --popup-close-height: 55px;
  --popup-close-icon-size: 17px;
  --popup-close-offset: 10px;
  --popup-close-hover-bg: var(--sort-control-bg);
  --popup-close-hover-filter: drop-shadow(0 4px 10px rgba(35, 32, 48, 0.12));
  --popup-sheet-radius: 22px 22px 0 0;
  
  --popup-radius: 24px;
  --popup-sheet-grip-height: 44px;
  --popup-sheet-grip-width: 48px;
  --popup-sheet-grip-thickness: 5px;
  --popup-sheet-grip-color: color-mix(in srgb, var(--color-ink) 22%, transparent);
  --popup-sheet-grip-line-width: 43px;
  --popup-sheet-grip-cap-offset: 21.5px;
  --popup-sheet-grip-cap-radius: 2.5px;
  
  --popup-sheet-grip-pseudo-bg:
    radial-gradient(circle var(--popup-sheet-grip-cap-radius) at center, var(--popup-sheet-grip-color) 99%, transparent 100%) calc(50% - var(--popup-sheet-grip-cap-offset)) center / var(--popup-sheet-grip-thickness) var(--popup-sheet-grip-thickness) no-repeat,
    radial-gradient(circle var(--popup-sheet-grip-cap-radius) at center, var(--popup-sheet-grip-color) 99%, transparent 100%) calc(50% + var(--popup-sheet-grip-cap-offset)) center / var(--popup-sheet-grip-thickness) var(--popup-sheet-grip-thickness) no-repeat,
    linear-gradient(var(--popup-sheet-grip-color), var(--popup-sheet-grip-color)) center / var(--popup-sheet-grip-line-width) var(--popup-sheet-grip-thickness) no-repeat,
    var(--popup-bg);
  
  --popup-sheet-close-width: var(--popup-close-width, 78px);
  --popup-sheet-close-height: var(--popup-close-height, 55px);
  --popup-sheet-close-icon-size: var(--popup-close-icon-size, 17px);
  
  --popup-sheet-shadow: 0 -18px 48px rgba(35, 32, 48, 0.22);

  
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration-instant: 100ms;
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 400ms;
  --duration-slower: 700ms;

  
  --color-ai-accent: var(--color-ink-soft);
  --color-ai-accent-soft: var(--color-sand);
  --color-ai-accent-deep: var(--color-ink);
  --color-ai-glow: rgba(74, 70, 93, 0.2);
  --gradient-ai: linear-gradient(135deg, var(--color-ink-soft) 0%, #7A563D 100%);
  --gradient-ai-subtle: linear-gradient(135deg, rgba(74,70,93,0.08) 0%, rgba(122,86,61,0.04) 100%);
  --gradient-ai-shimmer: linear-gradient(135deg,
    rgba(74,70,93,0.3) 0%,
    rgba(122,86,61,0.28) 50%,
    rgba(74,70,93,0.3) 100%);

  
  --shadow-elevated: 0 24px 64px -12px rgba(35, 32, 48, 0.12);
  --shadow-ai: 0 16px 48px rgba(74, 70, 93, 0.16);
  --shadow-hover: 0 12px 32px rgba(35, 32, 48, 0.16);
  --shadow-pressed: inset 0 2px 4px rgba(35, 32, 48, 0.08);

  
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 500;
  --z-overlay: 1000;
  --z-assistant: 1200;
  --z-modal: 2000;
  --z-toast: 3000;
  --z-modal-front: 13000;

  
  --bp-mobile: 640px;
  --bp-tablet: 1024px;
}

:root {
  --gradient-hero: linear-gradient(135deg, var(--color-ink) 0%, var(--color-ink-soft) 100%);
  --container-max: 1360px;
  --page-bg: var(--color-cream);
}


@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}



@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--color-ink, #232030) 26%, transparent) transparent;
  }
}

*::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: var(--radius-pill, 999px);
  background: color-mix(in srgb, var(--color-ink, #232030) 26%, transparent);
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--color-ink, #232030) 42%, transparent);
  background-clip: padding-box;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}



:root {
  --popup-control-border: var(--popup-border-strong);
  --popup-focus: var(--color-forest);
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scrollbar-gutter: stable;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: var(--page-bg);
  font-family: var(--font-body);
  color: var(--color-ink);
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  display: block;
}

.icon {
  display: block;
  flex: 0 0 auto;
}

.jp-inline-arrow {
  display: inline-block;
  width: 14px;
  height: auto;
  max-width: none;
  margin-left: 6px;
  vertical-align: -1px;
  flex: 0 0 auto;
}

.jp-inline-arrow--back {
  margin-left: 0;
  margin-right: 6px;
}

.jp-icon-img,
.jp-close-icon {
  display: block;
  width: 1em;
  height: 1em;
  max-width: none;
  object-fit: contain;
  flex: 0 0 auto;
  pointer-events: none;
}

.jp-icon-img--close,
.jp-close-icon {
  width: 17px;
  height: 17px;
}

.jp-arrow-icon,
.jp-arrow-right-icon,
.jp-arrow-left-icon,
.jp-chevron-right-icon,
.jp-chevron-left-icon,
.jp-chevron-down-icon,
.jp-chevron-up-icon {
  display: block;
  max-width: none;
  object-fit: contain;
  flex: 0 0 auto;
  pointer-events: none;
}

.jp-arrow-icon,
.jp-chevron-right-icon,
.jp-chevron-left-icon {
  width: 17px;
  height: 10px;
}

.jp-chevron-down-icon,
.jp-chevron-up-icon {
  width: 14px;
  height: 14px;
}

.jp-chevron-up-icon {
  transform: rotate(180deg);
}

.jp-arrow-right-icon,
.jp-arrow-left-icon {
  width: 22px;
  height: 14px;
}

.btn-primary .jp-arrow-icon,
.btn-ink .jp-arrow-icon,
.btn-emerald .jp-arrow-icon {
  filter: brightness(0) invert(1);
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--color-slate);
  outline-offset: 3px;
}

body {
  line-height: var(--line-height-normal);
  background: var(--color-cream);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


h1, h2 {
  font-family: var(--font-display) !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}


button,
[role="button"],
.btn,
[class*="-btn"],
[class*="__btn"],
[class*="-button"],
[class*="__button"] {
  font-family: var(--font-display) !important;
}


button *,
[role="button"] *,
.btn *,
[class*="-btn"] *,
[class*="__btn"] *,
[class*="-button"] *,
[class*="__button"] * {
  font-family: var(--font-display) !important;
}


:where(
  .price,
  [class*="__price"],
  [class*="-price"],
  [class*="Price"],
  [class*="__currency"],
  [class*="-currency"],
  [class*="__amount"],
  [class*="-amount"],
  [class*="__value-new"],
  [class*="__value-old"],
  [class*="-value-new"],
  [class*="-value-old"],
  [data-product-price-text],
  [data-cart-subtotal],
  [data-cart-shipping],
  [data-cart-discount],
  [data-cart-total],
  [data-track-total],
  #earn-amt,
  #bd-price,
  #bd-fee,
  #bd-stripe,
  #bd-net
) {
  font-family: var(--font-price, var(--font-heading)) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}






/*! [bundle] /styles/mobile-essentials.css */


html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

:root {
  --safe-area-top:    env(safe-area-inset-top, 0px);
  --safe-area-right:  env(safe-area-inset-right, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left:   env(safe-area-inset-left, 0px);
  --tap-min: 44px;
}



html, body {
  overflow-x: hidden;
  overflow-x: clip;
}


* { -webkit-tap-highlight-color: rgba(63, 106, 96, 0.12); }


.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  z-index: 99999;
  background: #1A1B1F;
  color: var(--color-cream);
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 0 0 8px 0;
  transition: top 0.18s ease;
}
.skip-link:focus-visible { top: 0; outline: 2px solid var(--color-emerald, #3F6A60); outline-offset: 2px; }


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


@media (max-width: 768px) {
  
  input, textarea, select { font-size: max(16px, 1em); }

  
  a, button, [role="button"], input, textarea, select, label { touch-action: manipulation; }

  
  @media (hover: none) {
    a:hover, button:hover, [role="button"]:hover {
      transform: none !important;
    }
  }

  
  .jp-modal,
  .alt-text-modal,
  .lightbox-modal,
  .gift-room-modal {
    width: 100vw !important;
    max-width: none !important;
    max-height: 100dvh;
    border-radius: 0;
  }

  
  table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}


@media (max-width: 380px) {
  .btn { padding-left: 12px; padding-right: 12px; }
}




/*! [bundle] /styles/components/mobile-sheet-contract.css */


@media (max-width: 768px) {
  
  .gift-room-modal-overlay {
    padding: 0;
    align-items: flex-end;
  }

  
  .gift-room-modal-overlay .gift-room-modal {
    height: 100dvh;
    min-height: 0;
    
    overflow: hidden;
  }

  
  .gift-room-modal-overlay .gift-room-modal__head,
  .gift-room-modal-overlay .gift-room-planner-sheet__head {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--popup-bg);
    padding: calc(14px + var(--safe-area-top, 0px)) 20px 12px;
    gap: 12px;
  }

  
  .gift-room-modal-overlay .gift-room-modal__body,
  .gift-room-modal-overlay .gift-room-planner-sheet__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    padding-left: max(20px, var(--safe-area-left, 0px));
    padding-right: max(20px, var(--safe-area-right, 0px));
    padding-top: 10px;
    padding-bottom: calc(20px + var(--safe-area-bottom, 0px));
    gap: 14px;
    
    scroll-padding-bottom: 96px;
  }

  
  .gift-room-modal-overlay .gift-room-modal__close,
  .gift-room-modal-overlay .gift-room-planner-sheet__close,
  .gift-room-modal-overlay .gift-room-planner-sheet__close.header-auth-close {
    display: none !important;
  }

  
  .gift-room-modal-overlay .gift-room-modal__sheet-grip {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 60px;
    height: 22px;
    padding: 8px 10px;
    background: transparent;
    border: 0;
    z-index: 4;
    cursor: pointer;
  }
  .gift-room-modal-overlay .gift-room-modal__sheet-grip > span {
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-ink) 22%, transparent);
  }

  
  .gift-room-modal-overlay .gift-room-modal__body > .gift-room-sheet-actions:last-child,
  .gift-room-modal-overlay .gift-room-planner-sheet__body > .gift-room-sheet-actions:last-child,
  .gift-room-modal-overlay .gift-room-modal__body > .gift-room-proto-actions:last-child,
  .gift-room-modal-overlay .gift-room-planner-sheet__body > .gift-room-proto-actions:last-child,
  .gift-room-modal-overlay .gift-room-modal__body .gift-room-move-folder > .gift-room-sheet-actions:last-child {
    position: sticky;
    bottom: calc(-1 * (20px + var(--safe-area-bottom, 0px)));
    
    max-width: none;
    width: auto;
    margin-left: calc(-1 * max(20px, var(--safe-area-left, 0px)));
    margin-right: calc(-1 * max(20px, var(--safe-area-right, 0px)));
    margin-top: 12px;
    padding: 12px max(20px, var(--safe-area-right, 0px)) calc(12px + var(--safe-area-bottom, 0px)) max(20px, var(--safe-area-left, 0px));
    background: var(--popup-bg);
    border-top: 1px solid color-mix(in srgb, var(--color-ink) 8%, transparent);
    box-shadow: 0 -6px 18px -14px color-mix(in srgb, var(--color-ink) 45%, transparent);
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .gift-room-modal-overlay .gift-room-sheet-actions .gift-room-sheet-action,
  .gift-room-modal-overlay .gift-room-sheet-actions .gift-room-proto-row__action,
  .gift-room-modal-overlay .gift-room-proto-actions .gift-room-proto-row__action {
    flex: 1 1 0;
    min-width: 0;
    min-height: 48px;
  }

  
  .gift-room-modal-overlay .gift-room-modal__body,
  .gift-room-modal-overlay .gift-room-modal__body *,
  .gift-room-modal-overlay .gift-room-planner-sheet__body,
  .gift-room-modal-overlay .gift-room-planner-sheet__body * {
    min-width: 0;
    max-width: 100%;
  }
  .gift-room-modal-overlay .gift-room-modal__body :is(p, span, h1, h2, h3, h4, li, a, dd, dt, label),
  .gift-room-modal-overlay .gift-room-planner-sheet__body :is(p, span, h1, h2, h3, h4, li, a, dd, dt, label) {
    overflow-wrap: anywhere;
    word-break: normal;
  }

  
  .gift-room-modal-overlay .gift-room-modal__body input.gift-room-sheet-input,
  .gift-room-modal-overlay .gift-room-modal__body select.gift-room-sheet-input,
  .gift-room-modal-overlay .gift-room-modal__body input.gift-room-planner__inline,
  .gift-room-modal-overlay .gift-room-modal__body select.gift-room-planner__inline,
  .gift-room-modal-overlay .gift-room-planner-sheet__body input.gift-room-sheet-input,
  .gift-room-modal-overlay .gift-room-planner-sheet__body select.gift-room-sheet-input,
  .gift-room-modal-overlay .gift-room-planner-sheet__body input.gift-room-planner__inline,
  .gift-room-modal-overlay .gift-room-planner-sheet__body select.gift-room-planner__inline {
    width: 100%;
    max-width: 100%;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    flex: 0 0 auto;
    align-self: stretch;
    padding: 0 16px;
    
    font-size: 16px;
    line-height: 1.2;
    text-align: left;
    box-sizing: border-box;
    border-radius: 999px;
  }
  .gift-room-modal-overlay .gift-room-modal__body textarea.gift-room-sheet-input,
  .gift-room-modal-overlay .gift-room-planner-sheet__body textarea.gift-room-sheet-input {
    width: 100%;
    max-width: 100%;
    min-height: 96px;
    max-height: 40dvh;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.4;
    box-sizing: border-box;
    border-radius: 18px;
    flex: 0 0 auto;
  }

  
  .gift-room-modal-overlay .gift-room-modal__body .gift-room-sheet-field,
  .gift-room-modal-overlay .gift-room-planner-sheet__body .gift-room-sheet-field {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  
  .jp-modal,
  .alt-text-modal,
  .lightbox-modal {
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  
  .collection-modal-overlay {
    padding: 0;
    align-items: flex-end;
  }

  
  .collection-modal-overlay .collection-modal-shell {
    width: 100vw;
    max-width: 100vw;
    height: calc(100dvh - 96px);
    max-height: calc(100dvh - 96px);
    margin: 96px 0 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .collection-modal-overlay .collection-modal {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    margin: 0;
    padding: 20px 20px calc(20px + var(--safe-area-bottom, 0px));
    padding-left: max(20px, var(--safe-area-left, 0px));
    padding-right: max(20px, var(--safe-area-right, 0px));
    border-radius: 22px 22px 0 0;
    border: 0;
    box-shadow: 0 -12px 30px -18px color-mix(in srgb, var(--color-ink) 45%, transparent);
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 12px;
  }

  .collection-modal-overlay .collection-modal__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
  }

  
  
  .collection-modal-overlay .collection-modal__close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    top: auto !important;
    bottom: calc(100% + var(--popup-close-offset, 10px)) !important;
    left: calc(50% - (var(--popup-sheet-close-width, 57px) / 2)) !important;
    right: auto !important;
    width: var(--popup-sheet-close-width, 57px);
    height: var(--popup-sheet-close-height, 42px);
    border: 0;
    border-radius: var(--radius-pill, 999px);
    background: var(--popup-bg);
    box-shadow: var(--popup-shadow-soft);
    cursor: pointer;
    z-index: 6;
  }
  .collection-modal-overlay .collection-modal__sheet-grip {
    display: block;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 22px;
    padding: 8px 10px;
    background: transparent;
    border: 0;
    z-index: 4;
    cursor: pointer;
  }
  .collection-modal-overlay .collection-modal__sheet-grip > span {
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-ink) 22%, transparent);
  }

  
  .collection-modal-overlay .collection-modal__footer {
    position: sticky;
    bottom: calc(-1 * (20px + var(--safe-area-bottom, 0px)));
    margin: 12px calc(-1 * max(20px, var(--safe-area-right, 0px))) 0 calc(-1 * max(20px, var(--safe-area-left, 0px)));
    padding: 12px max(20px, var(--safe-area-right, 0px)) calc(12px + var(--safe-area-bottom, 0px)) max(20px, var(--safe-area-left, 0px));
    background: var(--popup-bg);
    border-top: 1px solid color-mix(in srgb, var(--color-ink) 8%, transparent);
    box-shadow: 0 -6px 18px -14px color-mix(in srgb, var(--color-ink) 45%, transparent);
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    z-index: 2;
    max-width: none;
    width: auto;
  }
  .collection-modal-overlay .collection-modal__cancel,
  .collection-modal-overlay .collection-modal__create {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }

  
  .collection-modal-overlay .collection-modal__body,
  .collection-modal-overlay .collection-modal__body * {
    min-width: 0;
    max-width: 100%;
  }
  .collection-modal-overlay .collection-modal__body :is(p, span, h1, h2, h3, h4, li, a, dd, dt, label) {
    overflow-wrap: anywhere;
    word-break: normal;
  }
}


@media (max-width: 380px) {
  .gift-room-modal-overlay .gift-room-modal__body,
  .gift-room-modal-overlay .gift-room-planner-sheet__body {
    padding-left: max(16px, var(--safe-area-left, 0px));
    padding-right: max(16px, var(--safe-area-right, 0px));
    gap: 12px;
  }
  .gift-room-modal-overlay .gift-room-modal__head,
  .gift-room-modal-overlay .gift-room-planner-sheet__head {
    padding: calc(12px + var(--safe-area-top, 0px)) 16px 10px;
  }
  .gift-room-modal-overlay .gift-room-modal__body > .gift-room-sheet-actions:last-child,
  .gift-room-modal-overlay .gift-room-planner-sheet__body > .gift-room-sheet-actions:last-child,
  .gift-room-modal-overlay .gift-room-modal__body > .gift-room-proto-actions:last-child,
  .gift-room-modal-overlay .gift-room-planner-sheet__body > .gift-room-proto-actions:last-child,
  .gift-room-modal-overlay .gift-room-modal__body .gift-room-move-folder > .gift-room-sheet-actions:last-child {
    margin-left: calc(-1 * max(16px, var(--safe-area-left, 0px)));
    margin-right: calc(-1 * max(16px, var(--safe-area-right, 0px)));
    padding: 12px max(16px, var(--safe-area-right, 0px)) calc(12px + var(--safe-area-bottom, 0px)) max(16px, var(--safe-area-left, 0px));
  }
}



/*! [bundle] /styles/layout.css */
:root {
  --jp-page-shell-max: 1372px;
  --jp-page-shell-width: min(var(--jp-page-shell-max), calc(100% - 68px));
  --jp-page-shell-inset: 6px;
  --homepage-shell-width: var(--jp-page-shell-width);
  --homepage-shell-inset: var(--jp-page-shell-inset);
}

.page {
  background: var(--page-bg);
  min-height: 100vh;
}

.container {
  width: var(--jp-page-shell-width);
  max-width: var(--jp-page-shell-max);
  margin-inline: auto;
  padding-inline: var(--jp-page-shell-inset);
  box-sizing: border-box;
}

.section {
  padding-block: var(--space-9);
}

.section--tight {
  padding-block: var(--space-7);
}

.stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.grid {
  display: grid;
  gap: var(--space-5);
}

.grid--cards {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

@media (max-width: 1142px) {
  :root {
    --jp-page-shell-width: min(calc(100% - 48px), 100%);
    --jp-page-shell-inset: 6px;
  }
}

@media (max-width: 1024px) {
  .section { padding-block: var(--space-7); }
}

@media (max-width: 760px) {
  :root {
    --jp-page-shell-width: calc(100% - 32px);
    --jp-page-shell-inset: 0px;
  }
}

@media (max-width: 640px) {
  .section { padding-block: var(--space-6); }
}



/*! [bundle] /styles/components/buttons.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  font-family: var(--font-heading);
  font-size: var(--font-size-body);
  font-weight: 600;
  border-radius: var(--radius-sm);
  border: none;
  padding: var(--space-3) var(--space-5);
  cursor: pointer;
  isolation: isolate;
  overflow: visible;
  transform-origin: center;
  transition: color var(--duration-fast) var(--ease-standard);
}

.btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: transparent;
  transform: scale(1);
  transform-origin: center;
  transition: transform var(--duration-fast) var(--ease-standard),
    background var(--duration-fast) var(--ease-standard),
    border-color var(--duration-fast) var(--ease-standard);
  pointer-events: none;
}

.btn--primary {
  color: var(--color-cream);
  background: transparent;
  box-shadow: none;
}

.btn--primary::before {
  background: var(--color-forest);
}

.btn--primary:hover {
  background: transparent;
  box-shadow: none;
  color: var(--color-cream);
}

.btn--primary:hover::before { transform: scale(var(--hover-grow-scale)); }
.btn--primary:active::before { transform: scale(1); }

.btn--secondary {
  color: var(--color-ink);
  background: transparent;
  border: 2px solid var(--color-ink);
}

.btn--secondary::before {
  border: 2px solid var(--color-ink);
  inset: -2px;
}

.btn--secondary:hover {
  background: transparent;
  color: var(--color-ink);
}

.btn--secondary:hover::before { transform: scale(var(--hover-grow-scale)); }

.btn--ghost {
  background: transparent;
  color: var(--color-ink);
  padding-inline: 0;
  text-decoration: underline;
}

.btn--compact {
  padding: var(--space-2) var(--space-3);
  font-size: var(--font-size-caption);
  border-radius: var(--radius-pill);
}

.btn:disabled {
  background: var(--control-disabled-bg);
  color: var(--auth-disabled-text);
  border-color: transparent;
  opacity: 1;
  cursor: not-allowed;
}



/*! [bundle] /styles/components/chips.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.chips-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding-block: var(--space-4);
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-smoke);
  background: var(--color-cream);
  font-size: var(--font-size-body);
  font-weight: 500;
  cursor: pointer;
  transition: background var(--duration-fast) var(--ease-standard),
    color var(--duration-fast) var(--ease-standard),
    border var(--duration-fast) var(--ease-standard);
}

.chip--active {
  border-color: transparent;
  background: var(--color-forest);
  color: var(--color-cream);
}

.chip:hover { border-color: var(--color-forest); }

.chip-bar {
  overflow-x: auto;
  padding-bottom: var(--space-2);
}

.chip-bar::-webkit-scrollbar { height: 6px; }
.chip-bar::-webkit-scrollbar-thumb { background: var(--color-smoke); border-radius: var(--radius-pill); }

@media (max-width: 760px) {
  .chip-bar {
    overscroll-behavior-inline: contain;
    scroll-padding-inline: var(--space-3);
    padding: 0 var(--space-3) var(--space-2);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .chip-bar > * {
    scroll-snap-align: start;
  }

  .chip-bar::-webkit-scrollbar {
    display: none;
  }
}



/*! [bundle] /styles/components/cards.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.card {
  background: var(--color-cream);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.card__image {
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: var(--color-sand);
  display: flex;
  align-items: center;
  justify-content: center;
}

.card__badge {
  align-self: flex-start;
  font-size: var(--font-size-caption);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: rgba(31, 175, 122, 0.12);
  color: var(--color-forest);
  border-radius: var(--radius-pill);
  padding: var(--space-1) var(--space-3);
}

.card__title {
  font-family: var(--font-heading);
  font-size: var(--font-size-h4);
  margin: 0;
}

.card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-body);
}

.listing-price {
  font-size: 1.25rem;
  font-weight: 700;
}

.category-card {
  background: var(--color-cream);
  box-shadow: var(--shadow-soft);
}

.category-card .card__image { aspect-ratio: 1 / 1; }


.jp-card-link-cover {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: inherit;
}

.jp-card-link-cover:focus-visible {
  outline: 2px solid var(--color-forest);
  outline-offset: -2px;
}



/*! [bundle] /styles/components/listing-cards.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.cards-grid {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-content: stretch;
  justify-items: stretch;
  align-items: start;
  gap: 15px;
}

.page--search .cards-grid {
  --search-card-scale: 1;
}

.cat-card {
  --cat-card-scale: 1;
  --cat-card-scale-inverse: 1;
  --cat-card-media-height: 325px;
  
  --cat-card-height: 445px;
  --cat-card-content-shift: 0px;
  --cat-card-corner-badge-size: 28px;
  --cat-card-corner-badge-top: 8px;
  --cat-card-corner-badge-left: 8px;
  --cat-card-corner-badge-gap: 4px;
  --cat-card-corner-badge-pad-x: 10px;
  --cat-card-corner-badge-font-size: 11px;
  --cat-card-corner-badge-ad-font-size: 12px;
  --cat-card-corner-badge-icon-size: 11px;
  width: 100%;
  max-width: 100%;
  height: auto;
  --cat-card-h: 445;
  aspect-ratio: 325 / 445;
  aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  position: relative;
  background: #f8f1eb;
  border-radius: calc(20px * var(--cat-card-scale));
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}

.page--search .cat-card {
  --cat-card-scale: var(--search-card-scale, 1);
  --cat-card-scale-inverse: var(--search-card-scale-inverse, 1);
}

.cat-card[data-product-href] {
  cursor: pointer;
}

.cat-card.compact {
  aspect-ratio: 325 / 445;
}

.cat-card__inner {
  --cat-card-unit-x: 1px;
  --cat-card-unit-y: 1px;
  position: absolute;
  left: 0;
  top: 0;
  width: 325px;
  height: var(--cat-card-height);
  transform: scale(var(--cat-card-scale));
  transform-origin: top left;
}

.page--search .search-page__shell.is-filters-opening .cat-card__inner {
  transition: none;
  will-change: transform;
}

.cat-card.compact .cat-card__inner {
  height: var(--cat-card-height);
}


.cat-card:has(:focus-visible) {
  outline: 2px solid var(--color-forest, #3F6A60);
  outline-offset: 2px;
}

.cat-card__media {
  width: calc(325 * var(--cat-card-unit-x));
  height: var(--cat-card-media-height);
  position: absolute;
  left: 0;
  top: 0;
  background: #dbd2c2;
  border-radius: calc(20 * var(--cat-card-unit-x));
  overflow: hidden;
}


.cat-card__media {
  background-color: #dbd2c2 !important;
}

.cat-card__media::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: inherit;
  border-radius: inherit;
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}


.cat-card:hover .cat-card__media::before,
.cat-card:has(:focus-visible) .cat-card__media::before,
.cat-card.is-actions-open .cat-card__media::before {
  transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
  
  .cat-card__media:has(> .cat-card__media-photo.is-lazy-pending)::after {
    animation: none;
    background: rgba(255, 251, 244, 0.45);
  }

  .cat-card__media::before {
    transition: none;
  }
  .cat-card:hover .cat-card__media::before,
  .cat-card:has(:focus-visible) .cat-card__media::before,
  .cat-card.is-actions-open .cat-card__media::before {
    transform: none;
  }
}


.cat-card__media-photo {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  display: block;
  margin: 0;
  border: 0;
  border-radius: inherit;
  object-fit: cover;
  background: transparent;
  
  transform: scale(var(--jp-card-photo-zoom, 1));
  transform-origin: center;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}


.cat-card__hover-video {
  position: absolute;
  inset: -1px;
  z-index: 2;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  display: block;
  object-fit: cover;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  background: transparent;
  transition: opacity 0.18s ease;
}

.cat-card.is-video-playing .cat-card__hover-video {
  opacity: 1;
}

.cat-card.is-video-playing .cat-card__media-photo {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .cat-card__hover-video {
    transition: none;
  }
}


.cat-card:hover .cat-card__media-photo,
.cat-card:has(:focus-visible) .cat-card__media-photo,
.cat-card.is-actions-open .cat-card__media-photo {
  transform: scale(calc(var(--jp-card-photo-zoom, 1) * 1.06));
}

@media (prefers-reduced-motion: reduce) {
  .cat-card__media-photo {
    transition: none;
  }
  .cat-card:hover .cat-card__media-photo,
  .cat-card:has(:focus-visible) .cat-card__media-photo,
  .cat-card.is-actions-open .cat-card__media-photo {
    transform: none;
  }
}


.cat-card__media-photo.is-lazy-pending {
  opacity: 0;
}


.cat-card__media:has(> .cat-card__media-photo.is-lazy-pending),
.cat-card.is-card-skeleton .cat-card__media {
  
  background-color: var(--intent-skeleton-surface) !important;
  background-image: var(--jp-skeleton-dot-base-pattern);
  background-size: 18px 18px;
}

.cat-card__media:has(> .cat-card__media-photo.is-lazy-pending)::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: var(--jp-skeleton-dot-wave-pattern);
  background-size: 18px 18px;
  -webkit-clip-path: ellipse(28% 30% at 14% 16%);
  clip-path: ellipse(28% 30% at 14% 16%);
  display: none;
  pointer-events: none;
  z-index: 0;
}

.cat-card__media-photo.is-loaded {
  opacity: 1;
  transition: opacity 0.5s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .cat-card__media-photo.is-loaded {
    transition: none;
  }
}


.cat-card__media:has(> .cat-card__media-photo[data-jp-img-state='error'])::after,
.cat-card__media:has(> .cat-card__media-photo[data-jp-img-state='timeout'])::after {
  animation: none;
}



.cat-card.is-card-skeleton,
.cat-card.is-card-skeleton * {
  color: transparent !important;
}


.cat-card.is-card-skeleton,
.cat-card.is-card-skeleton .cat-card__inner {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.cat-card.is-card-skeleton img,
.cat-card.is-card-skeleton svg,
.cat-card.is-card-skeleton .cat-card__media > *:not(.cat-card__media-photo) {
  visibility: hidden;
}


.cat-card.is-card-skeleton .cat-card__swatch,
.cat-card.is-card-skeleton .cat-card__swatches,
.cat-card.is-card-skeleton .cat-card__store-icon-wrap,
.cat-card.is-card-skeleton .cat-card__reaction,
.cat-card.is-card-skeleton .cat-card__discount,
.cat-card.is-card-skeleton .cat-card__sale-pct {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


.cat-card.is-card-skeleton .cat-card__title,
.cat-card.is-card-skeleton .cat-card__price,
.cat-card.is-card-skeleton .cat-card__store,
.cat-card.is-card-skeleton .cat-card__reviews,
.cat-card.is-card-skeleton .cat-card__similar > span {
  background-color: transparent;
  background-image: var(--jp-skeleton-dot-base-pattern);
  background-size: 12px 12px;
  border-radius: 999px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}


.cat-card.is-card-skeleton .cat-card__store-row,
.cat-card.is-card-skeleton .cat-card__similar {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


.cat-card.is-card-skeleton .cat-card__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--jp-skeleton-dot-wave-pattern);
  background-size: 18px 18px;
  -webkit-clip-path: ellipse(28% 30% at 14% 16%);
  clip-path: ellipse(28% 30% at 14% 16%);
  display: none;
  pointer-events: none;
  border-radius: calc(20 * var(--cat-card-unit-x));
  z-index: 3;
}

@media (prefers-reduced-motion: reduce) {
  .cat-card.is-card-skeleton .cat-card__inner::after {
    animation: none;
  }
}


[data-jp-lazy-bg] {
  background-color: var(--intent-skeleton-surface);
  background-image: var(--jp-skeleton-dot-base-pattern);
  background-size: 16px 16px;
}


.is-jp-lazybg-loading {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--intent-skeleton-surface);
  background-image: var(--jp-skeleton-dot-base-pattern);
  background-size: 16px 16px;
}

.is-jp-lazybg-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image: var(--jp-skeleton-dot-wave-pattern);
  background-size: 16px 16px;
  -webkit-clip-path: ellipse(28% 30% at 14% 16%);
  clip-path: ellipse(28% 30% at 14% 16%);
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .is-jp-lazybg-loading {
    animation: none;
  }
  .is-jp-lazybg-loading::after {
    animation: none;
    opacity: 0.68;
    -webkit-clip-path: ellipse(28% 30% at 50% 48%);
    clip-path: ellipse(28% 30% at 50% 48%);
  }
}


@keyframes jp-lazybg-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.is-jp-lazybg-loaded {
  animation: jp-lazybg-fade-in 0.5s ease;
}

@media (prefers-reduced-motion: reduce) {
  .is-jp-lazybg-loaded {
    animation: none;
  }
}

.cat-card--ad .cat-card__media {
  isolation: isolate;
}

.cat-card__ad-mark {
  width: var(--cat-card-corner-badge-size);
  height: var(--cat-card-corner-badge-size);
  position: absolute;
  left: var(--cat-card-corner-badge-left);
  top: var(--cat-card-corner-badge-top);
  z-index: 4;
  border-radius: 50%;
  background: var(--color-cream);
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: var(--cat-card-corner-badge-ad-font-size);
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  text-transform: uppercase;
  transition: opacity 0.16s ease;
  will-change: opacity;
}

.cat-card__hover-actions {
  position: absolute;
  right: calc(10 * var(--cat-card-unit-x));
  top: calc(10 * var(--cat-card-unit-y));
  width: auto;
  max-width: calc(305 * var(--cat-card-unit-x));
  height: calc(38 * var(--cat-card-unit-y));
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(8 * var(--cat-card-unit-x));
  opacity: 0;
  pointer-events: none;
  transform: translateY(calc(-6 * var(--cat-card-unit-y))) scale(0.96);
  transition: opacity 0.22s ease, transform 0.22s ease;
  will-change: opacity, transform;
  z-index: 6;
}

.cat-card:hover .cat-card__hover-actions,
.cat-card:has(:focus-visible) .cat-card__hover-actions,
.cat-card.is-actions-open .cat-card__hover-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.cat-card__hover-board,
.cat-card__hover-save {
  height: calc(38 * var(--cat-card-unit-y));
  border: 0;
  border-radius: 999px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(10 * var(--cat-card-unit-x));
  padding: 0;
  overflow: visible;
  cursor: pointer;
  font-family: var(--font-heading);
  line-height: 1;
  white-space: nowrap;
  background: transparent;
  isolation: isolate;
}

.cat-card__hover-board::before,
.cat-card__hover-save::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
}

.cat-card__hover-board {
  min-width: calc(124 * var(--cat-card-unit-x));
  color: #232030;
  justify-content: space-between;
  padding: calc(6 * var(--cat-card-unit-y)) calc(15 * var(--cat-card-unit-x));
  gap: calc(10 * var(--cat-card-unit-x));
  flex: 1 1 auto;
  max-width: calc(150 * var(--cat-card-unit-x));
}

.cat-card__hover-board::before {
  background: #eee5da;
}

.cat-card__hover-board-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(8px, calc(11 * var(--cat-card-unit-x)), 11px);
  font-weight: 500;
  flex: 1 1 auto;
}

.cat-card__hover-board svg,
.cat-card__hover-board img {
  width: calc(12 * var(--cat-card-unit-x));
  height: calc(12 * var(--cat-card-unit-y));
  flex: 0 0 calc(12 * var(--cat-card-unit-x));
}

.cat-card__hover-save {
  min-width: calc(84 * var(--cat-card-unit-x));
  width: auto;
  color: var(--color-cream);
  padding: calc(6 * var(--cat-card-unit-y)) calc(15 * var(--cat-card-unit-x));
  flex: 0 0 auto;
}

.cat-card__hover-save::before {
  background: #3f6a60;
}

.cat-card__hover-save-label {
  font-size: clamp(10px, calc(13 * var(--cat-card-unit-x)), 13px);
  font-weight: 600;
}

.cat-card__hover-save svg,
.cat-card__hover-save img {
  width: calc(17 * var(--cat-card-unit-x));
  height: calc(18 * var(--cat-card-unit-y));
  flex: 0 0 calc(17 * var(--cat-card-unit-x));
}

.cat-card__hover-board-icon {
  display: block;
  object-fit: contain;
}

.cat-card__top-fav,
.cat-card__save-flyout {
  display: none !important;
}

.cat-card__now {
  min-height: var(--cat-card-corner-badge-size);
  height: var(--cat-card-corner-badge-size);
  padding: 0 var(--cat-card-corner-badge-pad-x);
  position: absolute;
  left: var(--cat-card-corner-badge-left);
  top: var(--cat-card-corner-badge-top);
  border-radius: 999px;
  background: #205a4a;
  display: inline-flex;
  align-items: center;
  gap: var(--cat-card-corner-badge-gap);
  color: var(--color-cream);
  font-family: var(--font-heading);
  font-size: var(--cat-card-corner-badge-font-size);
  font-weight: 500;
  white-space: nowrap;
  box-shadow: none;
  opacity: 0.7;
  transition: opacity 0.16s ease;
  will-change: opacity;
}

.cat-card:hover .cat-card__now,
.cat-card:has(:focus-visible) .cat-card__now,
.cat-card.is-actions-open .cat-card__now {
  opacity: 0;
  transform: none;
}

.cat-card__now svg {
  width: var(--cat-card-corner-badge-icon-size);
  height: var(--cat-card-corner-badge-icon-size);
  display: block;
  flex: 0 0 auto;
}


.cat-card__now--proof {
  background: var(--color-ink);
  color: var(--color-cream);
  font-weight: 600;
}

.cat-card__now--top-signal {
  border: 0;
  background: var(--color-top-badge-glass);
  color: var(--color-ink);
  opacity: 1;
}

.cat-card__now--tone-blue,
.cat-card__now--free-download,
.cat-card__now--digital,
.cat-card__now--top-rated {
  background: var(--color-top-badge-blue);
}

.cat-card__now--tone-green,
.cat-card__now--shipping,
.cat-card__now--bestselling-gift {
  background: var(--color-top-badge-green);
}

.cat-card__now--tone-alert,
.cat-card__now--low-stock,
.cat-card__now--popular-now,
.cat-card__now--cart-activity {
  background: var(--color-top-badge-coral);
}

.cat-card__now--tone-purple,
.cat-card__now--room-activity,
.cat-card__now--campaign-curated {
  background: var(--color-top-badge-purple);
}

.cat-card__now--jedi-picks,
.cat-card__jedi-pick {
  min-height: var(--cat-card-corner-badge-size);
  height: var(--cat-card-corner-badge-size);
  padding: 0 var(--cat-card-corner-badge-pad-x);
  gap: var(--cat-card-corner-badge-gap);
  background: var(--jedi-picks-badge-bg, var(--color-jedi-picks-yellow));
  color: var(--jedi-picks-badge-ink, var(--color-ink));
  font-family: var(--font-heading);
  font-size: var(--cat-card-corner-badge-font-size);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
}

.cat-card__now--jedi-picks {
  border-color: transparent;
}

.cat-card__jedi-picks-icon,
.cat-card__jedi-pick-icon {
  width: var(--cat-card-corner-badge-icon-size);
  height: var(--cat-card-corner-badge-icon-size);
  display: block;
  flex: 0 0 var(--cat-card-corner-badge-icon-size);
  object-fit: contain;
}

.cat-card__jedi-picks-label,
.cat-card__jedi-pick-label {
  position: relative;
  display: inline-block;
  padding-bottom: 0;
  white-space: nowrap;
}

.cat-card__jedi-picks-label::after,
.cat-card__jedi-pick-label::after {
  content: none;
}

.cat-card__play {
  width: calc(32 * var(--cat-card-unit-x));
  height: calc(32 * var(--cat-card-unit-y));
  position: absolute;
  
  left: calc(10 * var(--cat-card-unit-x));
  bottom: calc(10 * var(--cat-card-unit-y));
  top: auto;
  z-index: 3;
}

.cat-card__play svg,
.cat-card__play img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.cat-card__sale {
  position: absolute;
  left: calc(10 * var(--cat-card-unit-x));
  top: calc((294 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  height: calc(25 * var(--cat-card-unit-y));
  padding: calc(6 * var(--cat-card-unit-y)) calc(13 * var(--cat-card-unit-x));
  border-radius: 999px;
  background: #def7eb;
  color: #3F6A60;
  font-family: var(--font-heading);
  font-size: clamp(8px, calc(11 * var(--cat-card-unit-x)), 11px);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}

.cat-card__title {
  position: absolute;
  left: calc(10 * var(--cat-card-unit-x));
  top: calc(328 * var(--cat-card-unit-y));
  width: calc(305 * var(--cat-card-unit-x));
  margin: 0;
  color: #232030;
  font-family: var(--font-heading);
  font-size: clamp(10px, calc(13 * var(--cat-card-unit-x)), 13px);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.cat-card__link-cover {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: inherit;
}
.cat-card__link-cover:focus-visible {
  outline: 2px solid var(--color-forest);
  outline-offset: -2px;
}
.cat-card__title-link {
  color: inherit;
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cat-card__title-link:hover,
.cat-card__title-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 2px;
}


.history-card__commerce-facts {
  display: none;
}

.cat-card__rating {
  width: calc(93 * var(--cat-card-unit-x));
  height: calc(24 * var(--cat-card-unit-y));
  position: absolute;
  left: calc(10 * var(--cat-card-unit-x));
  top: calc(349 * var(--cat-card-unit-y));
  border-radius: 999px;
  background: #eee5da;
  display: flex;
  align-items: center;
  padding: 0 calc(8 * var(--cat-card-unit-x));
  gap: calc(4 * var(--cat-card-unit-x));
}

.cat-card__rating svg {
  width: calc(14 * var(--cat-card-unit-x));
  height: calc(13 * var(--cat-card-unit-y));
  display: block;
  flex: 0 0 auto;
}

.cat-card__rating-value {
  color: #232030;
  font-family: var(--font-heading);
  font-size: clamp(10px, calc(13 * var(--cat-card-unit-x)), 13px);
  line-height: 1;
}

.cat-card__rating-value.strong {
  font-weight: 600;
}

.cat-card__rating-value.light {
  font-weight: 400;
}

.cat-card__dot {
  width: calc(5 * var(--cat-card-unit-x));
  height: calc(5 * var(--cat-card-unit-y));
  border-radius: 50%;
  background: #232030;
  margin-left: calc(1 * var(--cat-card-unit-x));
}


.cat-card__store-row {
  position: absolute;
  left: calc(108 * var(--cat-card-unit-x));
  top: calc(349 * var(--cat-card-unit-y));
  display: inline-flex;
  align-items: center;
  
  gap: calc(12 * var(--cat-card-unit-x));
  max-width: calc(180 * var(--cat-card-unit-x));
  padding: calc(3 * var(--cat-card-unit-y)) calc(13 * var(--cat-card-unit-x)) calc(3 * var(--cat-card-unit-y)) calc(3 * var(--cat-card-unit-x));
  border-radius: 999px;
  background: #eee5da;
  color: var(--color-ink-soft);
  text-decoration: none;
}

.cat-card__store-icon-wrap {
  width: calc(21 * var(--cat-card-unit-x));
  height: calc(21 * var(--cat-card-unit-y));
  flex: 0 0 calc(21 * var(--cat-card-unit-x));
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.24);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cat-card__store-row:not([style*="background"]) .cat-card__store-icon-wrap {
  background: rgba(35, 32, 48, 0.08);
}

.cat-card__store {
  min-width: 0;
  max-width: calc(145 * var(--cat-card-unit-x));
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-family: var(--font-heading);
  font-size: clamp(9px, calc(11 * var(--cat-card-unit-x)), 11px);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cat-card__price {
  position: absolute;
  left: calc(10 * var(--cat-card-unit-x));
  top: calc(378 * var(--cat-card-unit-y));
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: calc(100% - calc(20 * var(--cat-card-unit-x)));
  overflow: hidden;
  white-space: nowrap;
}

.cat-card__price.no-from {
  gap: 6px;
}

.cat-card__from {
  height: calc(27 * var(--cat-card-unit-y));
  padding: calc(6 * var(--cat-card-unit-y)) calc(13 * var(--cat-card-unit-x));
  border-radius: 999px;
  background: #232030;
  color: var(--color-cream);
  font-family: var(--font-heading);
  font-size: clamp(8px, calc(11 * var(--cat-card-unit-x)), 11px);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.cat-card__amount {
  padding-right: calc(10 * var(--cat-card-unit-x));
  border-radius: 999px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
}

.cat-card__currency {
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  margin-inline-end: 0.28em;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #3F6A60;
  font-family: var(--font-price, var(--font-heading));
  font-size: clamp(11px, calc(15 * var(--cat-card-unit-x)), 15px);
  font-weight: 700;
  line-height: 1;
}

.cat-card__values {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  line-height: 1;
}

.cat-card__value-new {
  color: #3F6A60;
  font-family: var(--font-price, var(--font-display));
  font-size: clamp(11px, calc(15 * var(--cat-card-unit-x)), 15px);
  font-weight: 700;
}

.cat-card__value-old {
  color: var(--color-ink-soft);
  font-family: var(--font-price, var(--font-display));
  font-size: clamp(10px, calc(13 * var(--cat-card-unit-x)), 13px);
  font-weight: 400;
  text-decoration: line-through;
}

.cat-card__meta {
  position: absolute;
  left: calc(10 * var(--cat-card-unit-x));
  top: calc(408 * var(--cat-card-unit-y));
  display: inline-flex;
  align-items: center;
  gap: calc(4 * var(--cat-card-unit-x));
  max-width: calc(300 * var(--cat-card-unit-x));
}

.cat-card__ship {
  height: calc(25 * var(--cat-card-unit-y));
  padding: calc(6 * var(--cat-card-unit-y)) calc(13 * var(--cat-card-unit-x));
  border-radius: 999px;
  background: #eee5da;
  color: #232030;
  font-family: var(--font-heading);
  font-size: clamp(7px, calc(10 * var(--cat-card-unit-x)), 10px);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}

.cat-card__popular {
  height: calc(25 * var(--cat-card-unit-y));
  padding: calc(6 * var(--cat-card-unit-y)) calc(13 * var(--cat-card-unit-x));
  border-radius: 999px;
  background: #ffe4e4;
  color: #b91515;
  font-family: var(--font-heading);
  font-size: clamp(7px, calc(10 * var(--cat-card-unit-x)), 10px);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}

.cat-card__digital {
  height: calc(25 * var(--cat-card-unit-y));
  padding: 0 calc(8 * var(--cat-card-unit-x)) 0 calc(4 * var(--cat-card-unit-x));
  border-radius: 999px;
  background: #eee5da;
  display: inline-flex;
  align-items: center;
  gap: calc(2 * var(--cat-card-unit-x));
  color: #232030;
  font-family: var(--font-heading);
  font-size: clamp(6px, calc(9 * var(--cat-card-unit-x)), 9px);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.cat-card__digital svg {
  width: calc(21 * var(--cat-card-unit-x));
  height: calc(21 * var(--cat-card-unit-y));
  display: block;
  flex: 0 0 auto;
}

.cat-card__similar {
  width: calc(136 * var(--cat-card-unit-x));
  max-width: calc(198 * var(--cat-card-unit-x));
  height: calc(38 * var(--cat-card-unit-y));
  position: absolute;
  left: calc(10 * var(--cat-card-unit-x));
  top: auto;
  bottom: calc(10 * var(--cat-card-unit-y));
  border: 0;
  border-radius: 999px;
  background: #eee5da;
  color: #232030;
  font-family: var(--font-heading);
  font-size: clamp(8px, calc(11 * var(--cat-card-unit-x)), 11px);
  font-weight: 500;
  padding: 0 calc(11 * var(--cat-card-unit-x)) 0 calc(16 * var(--cat-card-unit-x));
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(10 * var(--cat-card-unit-x));
  cursor: pointer;
  min-width: 0;
}

.cat-card__similar span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
}

.cat-card__similar-icon {
  width: calc(17 * var(--cat-card-unit-x));
  height: calc(10 * var(--cat-card-unit-y));
  display: block;
  object-fit: contain;
  flex: 0 0 calc(17 * var(--cat-card-unit-x));
  margin-left: auto;
  transform: translateX(0);
  transition: transform 0.18s ease;
}

.cat-card__similar:hover .cat-card__similar-icon,
.cat-card__similar:focus-visible .cat-card__similar-icon {
  transform: translateX(calc(4 * var(--cat-card-unit-x)));
}

.cat-card--media-square {
  --cat-card-media-height: 325px;
  --cat-card-h: 445;
  --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
  --cat-card-content-shift: 0px;
  aspect-ratio: 325 / 445;
  aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
}

.cat-card--media-tall {
  --cat-card-media-height: 400px;
  --cat-card-h: 520;
  --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
  --cat-card-content-shift: 75px;
  aspect-ratio: 325 / 520;
  aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
}


.cat-card--no-service { --cat-card-trim: 28; }
.cat-card--title-one-line { --cat-card-trim: 14; }
.cat-card--no-service.cat-card--title-one-line { --cat-card-trim: 42; }

.cat-card--media-wide {
  --cat-card-media-height: 258px;
  --cat-card-h: 378;
  --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
  --cat-card-content-shift: -67px;
  aspect-ratio: 325 / 378;
  aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
}

.cat-card.compact .cat-card__inner {
  height: var(--cat-card-height);
}

.cat-card__hover-actions {
  right: calc(10 * var(--cat-card-unit-x));
  top: calc(10 * var(--cat-card-unit-y));
  gap: calc(8 * var(--cat-card-unit-x));
  transform: translateY(calc(-6 * var(--cat-card-unit-y))) scale(0.96);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.cat-card:hover .cat-card__hover-actions,
.cat-card:has(:focus-visible) .cat-card__hover-actions,
.cat-card.is-actions-open .cat-card__hover-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.cat-card__hover-board:hover::before,
.cat-card__hover-board:focus-visible::before,
.cat-card__hover-save:hover::before,
.cat-card__hover-save:focus-visible::before {
  transform: scale(1.035);
}

.cat-card__hover-board {
  min-width: calc(124 * var(--cat-card-unit-x));
  max-width: calc(150 * var(--cat-card-unit-x));
  padding: calc(6 * var(--cat-card-unit-y)) calc(15 * var(--cat-card-unit-x));
}

.cat-card__media-stats {
  position: absolute;
  right: calc(10 * var(--cat-card-unit-x));
  bottom: calc(10 * var(--cat-card-unit-y));
  display: inline-flex;
  align-items: center;
  gap: calc(5 * var(--cat-card-unit-x));
  z-index: 3;
}

.cat-card__review-pill,
.cat-card__reaction {
  height: calc(33 * var(--cat-card-unit-y));
  border: 0;
  border-radius: 999px;
  background: rgba(238, 229, 218, 0.6);
  display: inline-flex;
  align-items: center;
  color: #232030;
  font-family: var(--font-heading);
  line-height: 1;
  white-space: nowrap;
}

.cat-card__review-pill {
  padding: calc(4 * var(--cat-card-unit-y)) calc(8 * var(--cat-card-unit-x));
  gap: calc(5 * var(--cat-card-unit-x));
}

.cat-card__review-pill svg,
.cat-card__review-star,
.cat-card__review-icon {
  width: calc(17 * var(--cat-card-unit-x));
  height: calc(16 * var(--cat-card-unit-y));
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}

.cat-card__review-pill svg:nth-of-type(2),
.cat-card__review-icon--comment {
  width: calc(19 * var(--cat-card-unit-x));
  height: calc(19 * var(--cat-card-unit-y));
}

.cat-card__reaction {
  min-width: calc(59 * var(--cat-card-unit-x));
  padding: calc(7 * var(--cat-card-unit-y)) calc(6 * var(--cat-card-unit-x)) calc(7 * var(--cat-card-unit-y)) calc(7 * var(--cat-card-unit-x));
  gap: calc(3 * var(--cat-card-unit-x));
  background: rgba(238, 229, 218, 0.7);
  cursor: pointer;
}

.cat-card__reaction svg,
.cat-card__reaction-icon {
  width: calc(19 * var(--cat-card-unit-x));
  height: calc(16 * var(--cat-card-unit-y));
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}

.cat-card__reaction.is-liked {
  background: rgba(238, 229, 218, 0.7);
}

.cat-card__reaction-count {
  min-width: calc(25 * var(--cat-card-unit-x));
  color: #232030;
  font-family: var(--font-heading);
  font-size: clamp(10px, calc(13 * var(--cat-card-unit-x)), 13px);
  font-weight: 500;
}


@keyframes jpReactionPop {
  0% { transform: scale(1); }
  35% { transform: scale(1.28); }
  62% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

[data-product-reaction].is-reaction-pop [data-product-reaction-icon],
[data-product-reaction].is-reaction-pop svg {
  animation: jpReactionPop 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  transform-origin: center;
}

[data-product-reaction][aria-disabled="true"] {
  cursor: default;
}

[data-product-reaction][aria-disabled="true"].is-reaction-pop [data-product-reaction-icon],
[data-product-reaction][aria-disabled="true"].is-reaction-pop svg {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-product-reaction].is-reaction-pop [data-product-reaction-icon],
  [data-product-reaction].is-reaction-pop svg {
    animation: none;
  }
}

.cat-card__rating,
.cat-card__meta {
  display: none !important;
}

.cat-card__title {
  top: calc((328 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
}

.cat-card__price {
  color: var(--color-forest);
  width: calc(305 * var(--cat-card-unit-x));
  left: calc(10 * var(--cat-card-unit-x));
  top: calc((342 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  gap: 6px;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}

.cat-card__currency {
  width: auto;
  min-width: 0;
  height: auto;
  flex: 0 0 auto;
  color: #232030;
  font-size: clamp(11px, calc(15 * var(--cat-card-unit-x)), 15px);
  font-weight: 700;
}

.cat-card__value-new {
  color: #232030;
  font-size: clamp(11px, calc(15 * var(--cat-card-unit-x)), 15px);
}

.cat-card__value-old,
.cat-card__discount {
  color: var(--color-ink-soft);
  font-family: var(--font-price, var(--font-display));
  font-size: clamp(10px, calc(14 * var(--cat-card-unit-x)), 14px);
  font-weight: 500;
  line-height: 1;
}

.cat-card__discount {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
}

.cat-card--discounted .cat-card__currency,
.cat-card--discounted .cat-card__value-new {
  color: #3F6A60;
}

.cat-card__service-badge {
  height: calc(16 * var(--cat-card-unit-y));
  position: absolute;
  left: calc(10 * var(--cat-card-unit-x));
  top: calc((373 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  display: inline-flex;
  align-items: center;
  z-index: 2;
}

.cat-card__service-badge-img {
  display: block;
  height: calc(16 * var(--cat-card-unit-y));
  max-width: none;
  object-fit: contain;
}

.cat-card__service-badge-img--digital {
  width: calc(96 * var(--cat-card-unit-x));
}

.cat-card__service-badge-img--free-download {
  width: calc(96 * var(--cat-card-unit-x));
}

.cat-card__service-badge-img--shipping {
  width: calc(92 * var(--cat-card-unit-x));
}

.cat-card__service-badge--signal {
  max-width: calc(220 * var(--cat-card-unit-x));
  min-width: 0;
  height: calc(18 * var(--cat-card-unit-y));
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--intent-feedback-alert-strong);
  font-family: "Inter", Arial, sans-serif;
  font-size: clamp(12px, calc(14.2 * var(--cat-card-unit-x)), 15px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cat-card__service-badge--tone-green {
  background: transparent;
  color: var(--color-forest);
}

.cat-card__service-badge--tone-purple {
  background: transparent;
  color: var(--color-ink-soft);
}

.cat-card__service-badge--tone-alert {
  background: transparent;
  color: var(--intent-feedback-alert-strong);
}

.cat-card__service-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-jp-language="ru"] .cat-card__service-badge[data-jp-visible-label] {
  min-width: 0;
  max-width: calc(118 * var(--cat-card-unit-x));
  height: calc(18 * var(--cat-card-unit-y));
  padding: 0 calc(7 * var(--cat-card-unit-x));
  border-radius: calc(999 * var(--cat-card-unit-x));
  background: var(--color-forest);
  color: var(--color-cream);
  font-family: "Inter", Arial, sans-serif;
  font-size: clamp(7px, calc(8.2 * var(--cat-card-unit-x)), 10px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-jp-language="ru"] .cat-card__service-badge[data-jp-visible-label]::before {
  content: attr(data-jp-visible-label);
}

body[data-jp-language="ru"] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img {
  display: none;
}

.cat-card__store-row {
  left: calc(10 * var(--cat-card-unit-x));
  top: calc((402 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 0;
  width: auto;
  max-width: calc(180 * var(--cat-card-unit-x));
  color: var(--color-ink-soft);
  text-decoration: none;
  z-index: 3;
}

.cat-card--no-service .cat-card__store-row {
  top: calc((373 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
}

.cat-card__store-icon-wrap > svg,
.cat-card__store-icon-wrap > img.cat-card__store-icon {
  width: calc(13 * var(--cat-card-unit-x));
  height: calc(13 * var(--cat-card-unit-y));
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}


.cat-card__store-notch { display: none !important; }
.cat-card__store-row > svg,
.cat-card__store-row > img.cat-card__store-icon {
  width: calc(15 * var(--cat-card-unit-x));
  height: calc(15 * var(--cat-card-unit-y));
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}

.cat-card[data-product-source="partner"] .cat-card__store {
  text-decoration: none;
}


.cat-card[data-product-source="jedipic"] .cat-card__store-row,
.cat-card[data-product-commerce-mode="marketplace"] .cat-card__store-row {
  background: #eee5da !important;
  color: var(--color-ink-soft) !important;
}
.cat-card[data-product-source="jedipic"] .cat-card__store-icon-wrap,
.cat-card[data-product-commerce-mode="marketplace"] .cat-card__store-icon-wrap {
  background: rgba(35, 32, 48, 0.08) !important;
}

.cat-card[data-product-source="jedipic"] .cat-card__store-icon,
.cat-card[data-product-commerce-mode="marketplace"] .cat-card__store-icon {
  filter: none !important;
}

.cat-card[data-product-source="jedipic"] .cat-card__store-icon-wrap,
.cat-card[data-product-commerce-mode="marketplace"] .cat-card__store-icon-wrap {
  background: transparent !important;
}

.cat-card__similar {
  width: auto;
  max-width: calc(166 * var(--cat-card-unit-x));
  left: calc(10 * var(--cat-card-unit-x));
  top: auto;
  bottom: calc(10 * var(--cat-card-unit-y));
  background: #f8f1eb;
  font-size: clamp(10px, calc(12 * var(--cat-card-unit-x)), 12px);
  font-weight: 600;
  padding: calc(12 * var(--cat-card-unit-y)) calc(11 * var(--cat-card-unit-x));
  gap: calc(9 * var(--cat-card-unit-x));
  transition: background-color 0.18s ease;
}

.cat-card__similar:hover,
.cat-card__similar:focus-visible {
  background: #eee5da;
}

.cat-card__cart {
  width: auto;
  min-width: calc(118 * var(--cat-card-unit-x));
  height: auto;
  position: absolute;
  left: auto;
  right: calc(10 * var(--cat-card-unit-x));
  top: auto;
  bottom: calc(10 * var(--cat-card-unit-y));
  border: 0;
  border-radius: 999px;
  background: transparent;
  outline: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(5 * var(--cat-card-unit-x));
  padding: calc(7 * var(--cat-card-unit-y)) calc(21 * var(--cat-card-unit-x));
  color: #232030;
  font-family: var(--font-heading);
  font-size: clamp(10px, calc(13 * var(--cat-card-unit-x)), 13px);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  z-index: 3;
  overflow: hidden;
  isolation: isolate;
  transform-origin: center;
  transition:
    background-color 0.18s ease,
    transform 0.18s ease;
}

.cat-card[data-product-source="partner"] .cat-card__cart {
  display: none;
}

body.is-native-checkout-closed .cat-card[data-product-source="jedipic"] .cat-card__cart[data-product-cart],
.search-page.is-native-checkout-closed .cat-card[data-product-source="jedipic"] .cat-card__cart[data-product-cart] {
  display: none !important;
}

.cat-card__cart-label {
  display: block;
  line-height: 1;
  color: inherit;
  flex: 0 0 auto;
}

.cat-card__cart-icon {
  
  width: calc(18 * var(--cat-card-unit-x));
  height: calc(18 * var(--cat-card-unit-y));
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
  pointer-events: none;
}

.cat-card__cart:hover,
.cat-card__cart:focus-visible {
  background: #eee5da;
}

.cat-card__cart.is-in-cart {
  background: #eee5da;
}

.cat-card__cart.is-in-cart:hover,
.cat-card__cart.is-in-cart:focus-visible {
  transform: none;
}

.cat-card__cart.is-cart-animating {
  animation: cat-card-cart-pop 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 761px) {
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__price {
    top: calc((348 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__currency,
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__value-new {
    font-size: clamp(12px, calc(16.5 * var(--cat-card-unit-x)), 16.5px);
    line-height: 1;
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__value-old,
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__discount {
    font-size: clamp(11px, calc(15 * var(--cat-card-unit-x)), 15px);
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge {
    top: calc((372 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__store-row {
    top: calc((398 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }

  body:not(.page--homepage) .cat-card[data-product-card].cat-card--no-service .cat-card__store-row {
    top: calc((372 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }

  
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__similar {
    top: auto;
    bottom: calc(7 * var(--cat-card-unit-y));
    height: calc(22 * var(--cat-card-unit-y));
    padding-top: calc(3 * var(--cat-card-unit-y));
    padding-bottom: calc(3 * var(--cat-card-unit-y));
  }

  body:not(.page--homepage) .cat-card[data-product-card].cat-card--no-service .cat-card__similar {
    top: auto;
    bottom: calc(7 * var(--cat-card-unit-y));
  }

  
  
  .cat-card[data-product-card]:has(.cat-card__similar),
  body:not(.page--shop-storefront) .cat-card[data-product-card]:not(.similar-source__card *) {
    --cat-card-trim: 0;
    --cat-card-height: calc((var(--cat-card-h) + 16) * 1px);
    aspect-ratio: 325 / calc(var(--cat-card-h) + 16);
  }
}

@keyframes cat-card-cart-pop {
  0% {
    transform: scale(0.92);
  }
  35% {
    transform: scale(1.08);
  }
  60% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}

@media (max-width: 1140px) {
  .cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 760px) {
  .cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding-inline: 0;
  }

  .container.cards-grid,
  .search-page__results .cards-grid,
  .featured-hub-marketplace__grid.cards-grid {
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
    margin-right: 0;
  }

  .cat-card {
    --cat-card-mobile-readable: var(--cat-card-scale-inverse, 1);
    border-radius: 16px;
    box-shadow: none;
  }

  .cat-card--media-square {
    --cat-card-h: 560;
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 560;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  .cat-card--media-tall {
    --cat-card-h: 630;
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 630;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  .cat-card--media-wide {
    --cat-card-h: 510;
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 510;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  .cat-card:hover,
  .cat-card.is-actions-open {
    box-shadow: none;
  }

  .cat-card:has(:focus-visible) {
    box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  }

  .cat-card__hover-actions,
  .cat-card:hover .cat-card__hover-actions,
  .cat-card.is-actions-open .cat-card__hover-actions {
    display: none;
    opacity: 0;
    pointer-events: none;
    transform: none;
  }

  .cat-card:hover .cat-card__now,
  .cat-card.is-actions-open .cat-card__now {
    opacity: 1;
  }

  .cat-card__title {
    top: calc((331 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
    width: calc(305 * var(--cat-card-unit-x));
    font-size: calc(14.5px * var(--cat-card-mobile-readable));
    line-height: 1.12;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .cat-card__price {
    top: calc((408 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
    width: calc(307 * var(--cat-card-unit-x));
    gap: calc(5px * var(--cat-card-mobile-readable));
  }

  .cat-card__currency,
  .cat-card__value-new {
    font-size: calc(15.5px * var(--cat-card-mobile-readable));
    line-height: 1;
  }

  .cat-card__value-old {
    font-size: calc(12.5px * var(--cat-card-mobile-readable));
    line-height: 1;
  }

  .cat-card__discount {
    display: none;
  }

  .cat-card__service-badge {
    top: calc((464 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
    height: calc(15px * var(--cat-card-mobile-readable));
  }

  body[data-jp-language="ru"] .cat-card__service-badge[data-jp-visible-label] {
    height: calc(22px * var(--cat-card-mobile-readable));
    max-width: calc(86px * var(--cat-card-mobile-readable));
    padding: 0 calc(7px * var(--cat-card-mobile-readable));
    font-size: calc(8.8px * var(--cat-card-mobile-readable));
  }

  .cat-card__service-badge-img {
    height: 100%;
  }

  .cat-card__service-badge-img--digital,
  .cat-card__service-badge-img--free-download {
    width: calc(96px * var(--cat-card-mobile-readable));
  }

  .cat-card__service-badge-img--shipping {
    width: calc(92px * var(--cat-card-mobile-readable));
  }

  .cat-card__store-row {
    top: calc((506 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
    min-height: calc(21px * var(--cat-card-mobile-readable));
    height: calc(21px * var(--cat-card-mobile-readable));
    align-items: center;
    font-size: calc(12.5px * var(--cat-card-mobile-readable));
    max-width: min(calc(136px * var(--cat-card-mobile-readable)), calc(295 * var(--cat-card-unit-x)));
  }

  .cat-card--no-service .cat-card__store-row {
    top: calc((472 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }

  .cat-card__store {
    height: calc(30px * var(--cat-card-mobile-readable));
    padding: 0 calc(8px * var(--cat-card-mobile-readable));
    font-size: calc(12.5px * var(--cat-card-mobile-readable));
    line-height: 1;
  }

  .cat-card__rating-value,
  .cat-card__reaction-count {
    font-size: clamp(19px, calc(12.5px * var(--cat-card-mobile-readable)), 29px);
  }

  .cat-card__store {
    font-size: calc(12.5px * var(--cat-card-mobile-readable));
    line-height: 1;
    max-width: min(calc(136px * var(--cat-card-mobile-readable)), calc(295 * var(--cat-card-unit-x)));
  }

  .cat-card__store-row > svg,
  .cat-card__store-row > img.cat-card__store-icon,
  .cat-card__store-notch {
    display: none;
  }

  .cat-card__media-stats {
    right: calc(8 * var(--cat-card-unit-x));
    bottom: calc(8 * var(--cat-card-unit-y));
    gap: calc(6px * var(--cat-card-mobile-readable));
  }

  .cat-card__review-pill {
    height: calc(28px * var(--cat-card-mobile-readable));
  }

  .cat-card__review-pill {
    padding-inline: calc(8px * var(--cat-card-mobile-readable));
  }

  .cat-card__reaction {
    position: relative;
    height: calc(44px * var(--cat-card-mobile-readable));
    min-width: calc(44px * var(--cat-card-mobile-readable));
    justify-content: center;
    padding-inline: calc(7px * var(--cat-card-mobile-readable));
    background: transparent;
  }

  .cat-card__reaction::before {
    content: "";
    position: absolute;
    inset: calc(8px * var(--cat-card-mobile-readable)) 0;
    border-radius: inherit;
    background: rgba(238, 229, 218, 0.7);
    pointer-events: none;
  }

  .cat-card__reaction.is-liked {
    background: transparent;
  }

  .cat-card__reaction > * {
    position: relative;
    z-index: 1;
  }

  .cat-card__cart[data-product-cart] {
    height: calc(44px * var(--cat-card-mobile-readable));
    bottom: calc(10 * var(--cat-card-unit-y));
    font-size: clamp(19px, calc(13px * var(--cat-card-mobile-readable)), 29px);
  }

  
  .cat-card__similar {
    display: inline-flex;
    left: auto;
    right: calc(10 * var(--cat-card-unit-x));
    top: auto;
    bottom: calc(8 * var(--cat-card-unit-y));
    width: auto;
    max-width: calc(134 * var(--cat-card-unit-x));
    height: calc(21px * var(--cat-card-mobile-readable));
    padding: 0 calc(10 * var(--cat-card-unit-x));
    gap: calc(6 * var(--cat-card-unit-x));
    font-size: clamp(10px, calc(7px * var(--cat-card-mobile-readable)), 14px);
    background: #f8f1eb;
  }

  
  .cat-card__store-row {
    right: calc(152 * var(--cat-card-unit-x));
  }

  .cat-card__similar:hover,
  .cat-card__similar:focus-visible {
    background: #f8f1eb;
  }

  .cat-card__similar:hover .cat-card__similar-icon,
  .cat-card__similar:focus-visible .cat-card__similar-icon {
    transform: none;
  }

  
  .cat-card__similar-icon {
    width: calc(11px * var(--cat-card-mobile-readable));
    height: calc(7px * var(--cat-card-mobile-readable));
    flex-basis: calc(11px * var(--cat-card-mobile-readable));
  }

  .cat-card__cart[data-product-cart] {
    width: calc(44px * var(--cat-card-mobile-readable));
    min-width: calc(44px * var(--cat-card-mobile-readable));
    padding: 0;
    background: transparent;
    outline: 0;
  }

  .cat-card__cart[data-product-cart] .cat-card__cart-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .cat-card__cart[data-product-cart] .cat-card__cart-icon {
    width: calc(25px * var(--cat-card-mobile-readable));
    height: calc(25px * var(--cat-card-mobile-readable));
    flex-basis: calc(25px * var(--cat-card-mobile-readable));
  }

  .cat-card__cart[data-product-cart]:hover,
  .cat-card__cart[data-product-cart]:focus-visible,
  .cat-card__cart[data-product-cart].is-in-cart {
    background: #eee5da;
  }

  .cat-card:not([data-product-source="jedipic"]) .cat-card__cart[data-product-cart] {
    display: none;
  }

}

@media (max-width: 380px) {
  .cards-grid {
    gap: 10px;
  }
}


@media (prefers-reduced-motion: no-preference) {
  .cards-grid[data-current-page] > .cat-card {
    animation: jp-cards-page-in 0.22s ease-out both;
  }
}

@keyframes jp-cards-page-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: none; }
}



@media (max-width: 760px) {
  .cat-filters__sponsored,
  .cat-filters-meta:has(> .cat-filters__sponsored:only-child) {
    display: none !important;
  }
}



.cat-card__signals {
  position: absolute;
  left: calc(10 * var(--cat-card-unit-x));
  top: calc((371 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--cat-card-unit-x));
  
  width: calc(100% - (20 * var(--cat-card-unit-x)));
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  z-index: 2;
}
.cat-card__signals .cat-card__service-badge {
  position: static;
  top: auto;
  left: auto;
  flex: 0 0 auto;
}
.cat-card__attr-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: var(--color-ink-soft);
  
  font-family: "Inter", Arial, sans-serif;
  
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.cat-card__attr-badge-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  display: block;
  opacity: 0.85;
}
.cat-card__attr-badge-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.cat-card__attr-badge-more {
  flex: 0 0 auto;
  margin-left: 3px;
  font-weight: 700;
  opacity: 0.7;
}
@media (min-width: 761px) {
  .cat-card__store-row {
    top: calc((392 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__signals {
    top: calc((370 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__store-row {
    top: calc((392 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }
  .cat-card--no-service .cat-card__store-row,
  body:not(.page--homepage) .cat-card[data-product-card].cat-card--no-service .cat-card__store-row {
    top: calc((372 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }
}
@media (max-width: 760px) {
  
  .cat-card[data-product-card] .cat-card__signals {
    
    position: absolute;
    left: calc(10 * var(--cat-card-unit-x));
    top: auto !important;
    bottom: calc(28px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
    
    height: auto;
    min-height: calc(22px * var(--cat-card-mobile-readable, 1));
    width: calc(305 * var(--cat-card-unit-x));
    max-width: calc(305 * var(--cat-card-unit-x));
    flex-wrap: wrap;
    align-content: flex-end;
    column-gap: calc(6px * var(--cat-card-mobile-readable, 1));
    row-gap: calc(3px * var(--cat-card-mobile-readable, 1));
  }
  
  .cat-card[data-product-card] .cat-card__signals .cat-card__service-badge + .cat-card__attr-badge {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .cat-card[data-product-card] .cat-card__signals .cat-card__service-badge {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    height: calc(22px * var(--cat-card-mobile-readable, 1));
    max-width: none;
  }
  .cat-card__attr-badge {
    font-size: calc(9.5px * var(--cat-card-mobile-readable, 1));
  }
  .cat-card__attr-badge-icon {
    width: calc(11px * var(--cat-card-mobile-readable, 1));
    height: calc(11px * var(--cat-card-mobile-readable, 1));
    flex: 0 0 calc(11px * var(--cat-card-mobile-readable, 1));
  }
}





.cat-card__now--new-arrival,
.cat-card__now--top-signal.cat-card__now--new-arrival {
  background: var(--color-badge-digital-blue, #2B6CB8);
  color: #FFF9F1;
  font-weight: 700;
  opacity: 1;
}



.cat-card__signals .cat-card__attr-badge { flex: 0 1 auto; max-width: 100%; }
.cat-card__signals .cat-card__attr-badge:has(+ .cat-card__attr-badge) { flex: 0 0 auto; max-width: 62%; }
.cat-card__signals .cat-card__attr-badge + .cat-card__attr-badge { flex: 1 1 auto; max-width: none; }
.cat-card__signals .cat-card__service-badge + .cat-card__attr-badge { flex: 1 1 auto; max-width: none; }


.cat-card__store-row { cursor: pointer; transform-origin: left center; transition: filter 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; }
.cat-card__store-row:hover,
.cat-card__store-row:focus-visible {
  filter: brightness(0.93);
  box-shadow: 0 2px 8px rgba(35, 32, 48, 0.16);
  
}
.cat-card__store-row:hover .cat-card__store,
.cat-card__store-row:focus-visible .cat-card__store {
  text-decoration: underline;
  text-underline-offset: 2px;
}


.jp-badge-tip {
  position: fixed;
  z-index: 6000;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 290px;
  padding: 10px 12px 11px 10px;
  border-radius: 10px;
  background: var(--popup-bg, #FFF9F1);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.35;
  box-shadow: 0 12px 32px rgba(35, 32, 48, 0.22);
  pointer-events: none;
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 0.14s ease, transform 0.14s ease;
}
.jp-badge-tip.is-visible { opacity: 1; transform: translateY(0); }
.jp-badge-tip__icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--color-sand, #EEE5DA);
}
.jp-badge-tip__icon img { width: 18px; height: 18px; display: block; object-fit: contain; }
.jp-badge-tip__icon--blue { background: var(--color-badge-digital-blue, #2B6CB8); }
.jp-badge-tip__icon--green { background: #DEF7EB; }
.jp-badge-tip__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.jp-badge-tip__title { font-family: var(--font-heading); font-size: 13px; font-weight: 700; line-height: 1.25; }
.jp-badge-tip__body { color: var(--color-ink-soft, #5c5866); font-size: 12px; font-weight: 500; }
.cat-card__attr-badge, .cat-card__service-badge, .cat-card__now--new-arrival, .cat-card__jedi-pick, .personalized-card__badge--new { cursor: help; }
.cat-card__attr-badge:hover .cat-card__attr-badge-label { text-decoration: underline; text-underline-offset: 2px; }





/*! [bundle] /styles/components/skeleton.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.jp-skeleton {
  --jp-skeleton-dot-gap: 16px;
  position: relative;
  overflow: hidden;
  
  background-color: var(--intent-skeleton-surface);
  background-image: none;
  background-size: var(--jp-skeleton-dot-gap) var(--jp-skeleton-dot-gap);
  border-radius: 18px;
  isolation: isolate;
}


.jp-skeleton::after {
  content: none;
  display: none;
}


.jp-skeleton-glyph-field-host {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background-color: var(--intent-skeleton-surface) !important;
  background-image: none !important;
}

.jp-skeleton-glyph-field-host::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background-image: none !important;
}

.jp-skeleton-glyph-field {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  color: var(--color-forest);
}


.jp-skeleton--text {
  --jp-skeleton-dot-gap: 10px;
  height: 16px;
  border-radius: 999px;
}

.jp-skeleton--text-sm {
  --jp-skeleton-dot-gap: 9px;
  height: 12px;
  border-radius: 999px;
}

.jp-skeleton--text-lg {
  --jp-skeleton-dot-gap: 12px;
  height: 24px;
  border-radius: 999px;
}

.jp-skeleton--pill {
  --jp-skeleton-dot-gap: 12px;
  height: 42px;
  border-radius: 999px;
}

.jp-skeleton--button {
  --jp-skeleton-dot-gap: 14px;
  height: 55px;
  border-radius: 999px;
}

.jp-skeleton--chip {
  --jp-skeleton-dot-gap: 12px;
  height: 42px;
  border-radius: 999px;
}

.jp-skeleton--circle {
  --jp-skeleton-dot-gap: 12px;
  border-radius: 999px;
}

.jp-skeleton--media,
.jp-skeleton--card {
  
  --jp-skeleton-dot-gap: 16px;
  border-radius: 22px;
}


.jp-canonical-spinner {
  width: var(--jp-spinner-size, 38px);
  height: var(--jp-spinner-size, 38px);
  display: block;
  box-sizing: border-box;
}

.jp-canonical-spinner__svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  transform-origin: center;
  animation: jp-spin 1.4s linear infinite;
}

.jp-canonical-spinner__track,
.jp-canonical-spinner__arc {
  fill: none;
  stroke-width: var(--jp-spinner-stroke, 5px);
}

.jp-canonical-spinner__track {
  stroke: var(--jp-spinner-track, rgba(35, 32, 48, 0.1));
}


.jp-canonical-spinner__arc {
  stroke: var(--jp-spinner-color, var(--color-forest));
  stroke-linecap: round;
  stroke-dasharray: 1 200;
  stroke-dashoffset: 0;
  transform: rotate(-90deg);
  transform-origin: center;
  animation: jp-spinner-dash 1.4s ease-in-out infinite;
}

@keyframes jp-spinner-dash {
  0% {
    stroke-dasharray: 1 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 80 200;
    stroke-dashoffset: -28;
  }
  100% {
    stroke-dasharray: 80 200;
    stroke-dashoffset: -110;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jp-canonical-spinner__svg {
    animation-duration: 2s;
  }
  .jp-canonical-spinner__arc {
    animation: none;
    stroke-dasharray: 34 113;
  }
}

@keyframes jp-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.jp-canonical-spinner--inline {
  --jp-spinner-size: 1.15em;
  --jp-spinner-stroke: 6px;
  
  --jp-spinner-color: var(--color-forest, #3F6A60);
  --jp-spinner-track: rgba(35, 32, 48, 0.12);
  display: inline-block;
  vertical-align: -0.2em;
  margin-right: 0.45em;
  flex: 0 0 auto;
}


.jp-checkout-submit .jp-canonical-spinner--inline,
[data-leave-submit] .jp-canonical-spinner--inline,
[data-jp-checkout-submit] .jp-canonical-spinner--inline,
.workspace-button--danger .jp-canonical-spinner--inline,
.workspace-button--dark .jp-canonical-spinner--inline,
.collection-modal__create .jp-canonical-spinner--inline {
  --jp-spinner-color: var(--color-cream, #FFF9F1);
  --jp-spinner-track: rgba(255, 249, 241, 0.3);
}


.jp-btn-is-busy {
  position: relative;
  pointer-events: none;
}


.jp-btn-is-busy.jp-btn-is-busy.jp-btn-is-busy {
  opacity: 1;
}

.jp-btn-is-busy > *:not([data-jp-busy-spinner]) {
  visibility: hidden;
}

.jp-btn-is-busy > [data-jp-busy-spinner] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  visibility: visible;
  
  --jp-spinner-size: 1.45em;
}


.jp-loading-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 0;
}


.jp-loading-block[hidden] {
  display: none;
}


@media (prefers-reduced-motion: reduce) {
  .jp-skeleton-glyph-field {
    
    animation: none;
  }
  .jp-canonical-spinner__svg {
    animation-duration: 1.8s;
  }
}


.jp-skeleton-glyph-field-host > .jp-skeleton-glyph-field {
  visibility: visible !important;
  color: var(--color-forest) !important;
}
.jp-skeleton-glyph-field-host > .jp-skeleton-glyph-field > path {
  color: inherit !important;
}




/*! [bundle] /styles/components/listing-filters.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.cat-filters-meta {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.cat-filters {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cat-filters__sticky {
  width: 100%;
}

.cat-filters__bar {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  width: 100%;
}

.cat-filters__left,
.cat-filters__applied-rail,
.cat-filters__right {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  flex-wrap: nowrap;
}

.cat-filters__left {
  flex: 0 0 auto;
}

.cat-filters__right {
  flex: 0 0 auto;
  margin-left: auto;
  justify-content: flex-end;
  flex-direction: row;
  align-items: flex-end;
  gap: 0;
}

.cat-filters__applied-rail {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 42px;
  padding-top: 0;
  align-self: flex-end;
}

.cat-filters__applied-rail[hidden] {
  display: none !important;
}

.cat-filters__applied-viewport {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: visible;
  min-height: 42px;
}

.cat-filters__applied-rail.has-left-nav .cat-filters__applied-viewport {
  margin-left: 50px;
}

.cat-filters__applied-rail.has-right-nav .cat-filters__applied-viewport {
  margin-right: 50px;
}

.cat-filters__applied {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  padding-bottom: 0;
  min-height: 42px;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 4px 24px;
}

.cat-filters__applied > * {
  flex: 0 0 auto;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}

.cat-filters__applied::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.cat-filters__applied-nav {
  position: absolute;
  top: 4.5px;
  width: 50px;
  height: 33px;
  border: 0;
  border-radius: 999px;
  background: #eee5da;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, background-color 0.18s ease;
  z-index: 2;
}

.cat-filters__applied-nav:hover,
.cat-filters__applied-nav:focus-visible {
  background: #dcddd4;
}

.cat-filters__applied-nav.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.cat-filters__applied-nav--prev {
  left: 0;
}

.cat-filters__applied-nav--next {
  right: 0;
}

.cat-filters__applied-nav-icon {
  width: 22px;
  height: 14px;
  display: block;
  object-fit: contain;
}

.cat-filters__applied-fade {
  position: absolute;
  top: 0;
  width: 48px;
  height: 42px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease;
  z-index: 1;
}

.cat-filters__applied-fade.is-visible {
  opacity: 1;
}

.cat-filters__applied-fade--left {
  left: 50px;
  background: linear-gradient(90deg, #f8f1eb 0%, #f8f1eb 36%, rgba(248, 241, 235, 0) 100%);
}

.cat-filters__applied-fade--right {
  right: 50px;
  background: linear-gradient(270deg, #f8f1eb 0%, #f8f1eb 36%, rgba(248, 241, 235, 0) 100%);
}

.cat-filters__chip {
  position: relative;
  height: 42px;
  border-radius: var(--radius-pill, 999px);
  background: var(--color-olive-pill, #829181);
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 0;
  box-sizing: border-box;
  flex: 0 0 auto;
  overflow: hidden;
  transition: background-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.cat-filters__chip::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(105deg, transparent 18%, color-mix(in srgb, var(--color-cream) 30%, transparent) 46%, transparent 72%);
  transform: translateX(-115%);
}

.cat-filters__chip-main {
  border: 0;
  background: transparent;
  min-height: 42px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  color: #f8f1eb;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.cat-filters__chip-main:focus-visible,
.cat-filters__chip-remove:focus-visible {
  outline: 2px solid rgba(248, 241, 235, 0.45);
  outline-offset: 2px;
}

.cat-filters__chip-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: block;
  background-color: currentColor;
  -webkit-mask-image: var(--chip-mask);
  mask-image: var(--chip-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cat-filters__chip-label {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.cat-filters__chip-badge {
  height: 17px;
  padding: 0 7px;
  margin-left: 7px;
  margin-right: 1px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--color-cream) 88%, var(--color-olive-pill));
  color: var(--color-forest);
  font-family: var(--font-body);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.cat-filters__chip-chevron {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: block;
  background-color: currentColor;
  -webkit-mask-image: var(--chip-mask);
  mask-image: var(--chip-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.cat-filters__chip-divider {
  width: 1px;
  height: 30px;
  background: rgba(248, 241, 235, 0.58);
  flex: 0 0 1px;
  align-self: center;
}

.cat-filters__chip-remove {
  width: 52px;
  height: 42px;
  border: 0;
  padding: 0;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--color-olive-pill, #829181);
  color: #f8f1eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 52px;
  cursor: pointer;
  transition: background-color 0.18s ease;
}

.cat-filters__chip-remove:hover,
.cat-filters__chip-remove:focus-visible {
  background: rgba(35, 32, 48, 0.18);
}

.cat-filters__chip-remove-icon {
  width: 12px;
  height: 12px;
  display: block;
  background-color: currentColor;
  -webkit-mask-image: var(--chip-mask);
  mask-image: var(--chip-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

body.page[data-category-page-live="1"] .cat-filters__chip--quick,
body.page[data-category-page-live="1"] .cat-filters__chip--suggested {
  background: #829181;
}

body.page[data-category-page-live="1"] .cat-filters__chip--quick {
  animation: category-filter-chip-morph 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
}

body.page[data-category-page-live="1"] .cat-filters__chip--quick::after {
  animation: category-filter-chip-sheen 0.44s ease-out both;
}

body.page[data-category-page-live="1"] .cat-filters__chip-main--quick {
  min-height: 42px;
  padding: 0 0 0 12px;
  gap: 0;
}

body.page[data-category-page-live="1"] .cat-filters__chip-main--quick .cat-filters__chip-icon {
  margin-right: 5px;
}

body.page[data-category-page-live="1"] .cat-filters__chip-main--quick .cat-filters__chip-label {
  margin-right: 6px;
}

body.page[data-category-page-live="1"] .cat-filters__chip-main--quick .cat-filters__chip-chevron {
  margin-right: 6px;
}

body.page[data-category-page-live="1"] .cat-filters__chip--quick .cat-filters__chip-label {
  color: #f8f1eb;
}

body.page[data-category-page-live="1"] .cat-filters__chip--quick .cat-filters__chip-divider {
  height: 42px;
  align-self: stretch;
  background: #f8f1eb;
}

body.page[data-category-page-live="1"] .cat-filters__chip--quick .cat-filters__chip-remove {
  width: 44px;
  min-width: 44px;
  flex: 0 0 44px;
  background: transparent;
  color: #f8f1eb;
}

body.page[data-category-page-live="1"] .cat-filters__chip--quick .cat-filters__chip-remove:hover,
body.page[data-category-page-live="1"] .cat-filters__chip--quick .cat-filters__chip-remove:focus-visible {
  background: rgba(220, 221, 212, 0.6);
}

body.page[data-category-page-live="1"] .cat-filters__chip--quick .cat-filters__chip-remove-icon {
  width: 12px;
  height: 12px;
}

body.page[data-category-page-live="1"] .cat-filters__chip--suggested {
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested {
  min-height: 42px;
  padding: 0 12px;
  gap: 0;
  color: var(--color-cream);
}

body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested:focus-visible {
  outline-color: color-mix(in srgb, var(--color-forest) 45%, transparent);
}

body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested .cat-filters__chip-icon,
body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested .cat-filters__chip-chevron,
body.page[data-category-page-live="1"] .cat-filters__chip--quick .cat-filters__chip-icon,
body.page[data-category-page-live="1"] .cat-filters__chip--quick .cat-filters__chip-chevron,
body.page[data-category-page-live="1"] .cat-filters__chip--quick .cat-filters__chip-remove-icon {
  opacity: 1;
}

body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested .cat-filters__chip-icon {
  margin-right: 5px;
}

body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested .cat-filters__chip-chevron {
  margin-left: 6px;
}

@keyframes category-filter-chip-morph {
  from {
    transform: translateY(2px) scale(0.985);
  }

  to {
    transform: translateY(0) scale(1);
  }
}

@keyframes category-filter-chip-sheen {
  0% {
    opacity: 0;
    transform: translateX(-115%);
  }

  28% {
    opacity: 0.62;
  }

  100% {
    opacity: 0;
    transform: translateX(115%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cat-filters__chip,
  body.page[data-category-page-live="1"] .cat-filters__chip--quick,
  body.page[data-category-page-live="1"] .cat-filters__chip--quick::after {
    animation: none;
    transition: none;
  }
}

.cat-filters__applied-popover,
.cat-filters__chip-popover,
.cat-filters__sort-popover {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  min-width: 230px;
  max-width: min(320px, calc(100vw - 32px));
  max-height: 420px;
  overflow: auto;
  padding: 5px;
  border-radius: 24px;
  background: var(--popup-bg);
  border: 1px solid var(--popup-border);
  box-shadow: var(--popup-shadow-soft);
  z-index: 5400;
  box-sizing: border-box;
}

.cat-filters__applied-backdrop,
.cat-filters__sort-backdrop {
  position: fixed;
  inset: 0;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  z-index: 5390;
}

.cat-filters__applied-backdrop[hidden],
.cat-filters__sort-backdrop[hidden] {
  display: none !important;
}

.cat-filters__sort-popover {
  min-width: 230px;
}

.cat-filters__applied-popover[hidden],
.cat-filters__chip-popover[hidden],
.cat-filters__sort-popover[hidden] {
  display: none !important;
}

.cat-filters__chip-popover-title {
  margin: 0;
  padding: 10px 10px 6px;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.cat-filters__chip-popover-options {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cat-filters__chip-popover-option {
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  width: 100%;
  min-height: 42px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #232030;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  transition: background-color 0.18s ease;
}

.cat-filters__chip-popover-option.is-selected {
  background: var(--sort-option-selected-bg);
}

.cat-filters__chip-popover-option:hover,
.cat-filters__chip-popover-option:focus-visible,
.cat-filters__chip-popover-option:active {
  background: var(--sort-option-hover);
}

.cat-filters__chip-popover-option.is-selected:hover,
.cat-filters__chip-popover-option.is-selected:focus-visible,
.cat-filters__chip-popover-option.is-selected:active {
  background: var(--sort-option-hover);
}

.cat-filters__chip-popover-control {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1.5px solid var(--popup-outline, var(--popup-border-strong));
  background: var(--popup-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  position: relative;
}

.cat-filters__chip-popover-option.is-selected .cat-filters__chip-popover-control {
  border-color: var(--color-forest);
  background: var(--color-forest);
}

.cat-filters__chip-popover-control::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 999px;
  background: transparent;
  opacity: 0;
}

.cat-filters__chip-popover-option.is-selected .cat-filters__chip-popover-control::after {
  background: var(--popup-bg);
  opacity: 1;
}

.cat-filters__chip-popover-swatch {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  flex: 0 0 28px;
  border: 1px solid rgba(35, 32, 48, 0.14);
}

.cat-filters__chip-popover-field-row,
.cat-filters__chip-popover-price-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
  padding: 0 5px 5px;
}

.cat-filters__chip-popover-field,
.cat-filters__chip-popover-price-field {
  min-width: 0;
  height: 44px;
  border: 1.5px solid var(--popup-control-border);
  border-radius: 999px;
  background: var(--popup-bg);
  color: var(--color-ink);
  caret-color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
  padding: 0 18px;
  outline: 2px solid transparent;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 4%, transparent);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, outline-color 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
}

.cat-filters__chip-popover-field::placeholder,
.cat-filters__chip-popover-price-field::placeholder {
  color: var(--color-ink-soft);
  opacity: 1;
}

.cat-filters__chip-popover-field:not(:placeholder-shown),
.cat-filters__chip-popover-price-field:not(:placeholder-shown) {
  border-color: var(--popup-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 10%, transparent);
}

.cat-filters__chip-popover-field:focus,
.cat-filters__chip-popover-field:focus-visible,
.cat-filters__chip-popover-price-field:focus,
.cat-filters__chip-popover-price-field:focus-visible {
  border-color: var(--popup-focus);
  outline: 0;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent);
}

.cat-filters__chip-popover-field {
  width: 100%;
}

.cat-filters__chip-popover-price-field {
  flex: 1 1 0;
}

.cat-filters__chip-popover-price-apply {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  cursor: pointer;
  position: relative;
  isolation: isolate;
  overflow: visible;
  outline: 0;
}

.cat-filters__chip-popover-price-apply::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--popup-disabled);
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
  z-index: 0;
  will-change: transform;
}

.cat-filters__chip-popover-price-apply:hover::before,
.cat-filters__chip-popover-price-apply:focus-visible::before {
  transform: scale(var(--hover-grow-scale, 1.08));
}

.cat-filters__chip-popover-price-apply:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 3px;
}

.cat-filters__chip-popover-price-apply-icon {
  position: relative;
  z-index: 1;
  width: 17px;
  height: 10px;
  display: block;
  object-fit: contain;
  pointer-events: none;
  transform: none;
  transition: none;
}

.cat-filters__main {
  --cat-filter-button-bg: var(--sort-control-bg);
  --cat-filter-button-text: var(--color-ink);
  --cat-filter-button-shadow: none;
  --cat-filter-button-icon-filter: none;
  width: auto;
  min-width: 120px;
  height: 42px;
  padding: 6px 22px;
  box-sizing: border-box;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cat-filter-button-text);
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  max-width: 100%;
  cursor: pointer;
  position: relative;
  overflow: visible;
  isolation: isolate;
  transition: color 0.18s ease;
}

.cat-filters__main-frame {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.cat-filters__main-frame::before {
  content: "";
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  display: block;
  background: currentColor;
  -webkit-mask: url("/assets/header-icons/filters-toggle.svg") center / contain no-repeat;
  mask: url("/assets/header-icons/filters-toggle.svg") center / contain no-repeat;
}

.cat-filters__main-frame > .cat-filters__main-icon {
  display: none;
}

.cat-filters__main-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  display: block;
  object-fit: contain;
  filter: var(--cat-filter-button-icon-filter);
  transition: filter 0.18s ease;
}

.cat-filters__main-label {
  color: inherit;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.cat-filters__sort {
  --cat-filter-button-bg: var(--sort-control-bg);
  --cat-filter-button-text: var(--color-ink);
  --cat-filter-button-shadow: none;
  --cat-filter-button-icon-filter: none;
  width: auto;
  min-width: 0;
  height: 42px;
  padding: 6px 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cat-filter-button-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  flex: 0 0 auto;
  cursor: pointer;
  position: relative;
  overflow: visible;
  isolation: isolate;
  transition: color 0.18s ease;
  max-width: 100%;
}

.cat-filters__sort.is-active,
.cat-filters__sort[aria-expanded="true"] {
  z-index: 5401;
}

.cat-filters__main::before,
.cat-filters__sort::before,
.cat-filters-drawer__category-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--cat-filter-button-bg);
  box-shadow: var(--cat-filter-button-shadow);
  transform: scale(1);
  transform-origin: center;
  transition:
    transform 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
  z-index: 0;
  will-change: transform;
}

.cat-filters__main:hover::before,
.cat-filters__main:focus-visible::before,
.cat-filters__sort:hover::before,
.cat-filters__sort:focus-visible::before,
.cat-filters-drawer__category-button:hover::before,
.cat-filters-drawer__category-button:focus-visible::before {
  transform: scale(var(--hover-grow-scale));
}

.cat-filters__main.is-active,
.cat-filters-drawer__category-button[aria-expanded="true"] {
  --cat-filter-button-bg: #232030;
  --cat-filter-button-text: #f8f1eb;
  --cat-filter-button-shadow: none;
  --cat-filter-button-icon-filter: brightness(0) saturate(100%) invert(96%) sepia(17%) saturate(434%) hue-rotate(302deg) brightness(104%) contrast(94%);
}

.cat-filters__main:focus-visible,
.cat-filters__sort:focus-visible,
.cat-filters-drawer__category-button:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.24);
  outline-offset: 2px;
}

.cat-filters__sort > span,
.cat-filters-drawer__category-button > span {
  position: relative;
  z-index: 1;
}

.cat-filters__chevron,
.cat-filters__question-icon {
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

.cat-filters__sort .cat-filters__chevron {
  width: 14px;
  height: 14px;
  filter: var(--cat-filter-button-icon-filter);
  transition: transform 1.12s cubic-bezier(0.18, 1, 0.2, 1), filter 0.18s ease;
  transform-origin: center;
  will-change: transform;
}

.cat-filters__sort[aria-expanded="true"] .cat-filters__chevron {
  transform: rotate(180deg);
}

.cat-filters__question {
  position: relative;
  z-index: 4;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: help;
}

.cat-filters__question-icon {
  width: 20px;
  height: 20px;
}

.cat-filters__question:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.28);
  outline-offset: 3px;
}

.cat-filters__sponsored {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  flex: 0 0 auto;
}

.cat-filters__sponsored[hidden] {
  display: none !important;
}

.cat-filters__ad-tooltip {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 5600;
  width: min(360px, calc(100vw - 32px));
  padding: 12px 14px;
  border: 0;
  border-radius: 8px;
  background: var(--popup-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.35;
  white-space: normal;
  text-align: left;
  box-shadow: 0 12px 32px rgba(35, 32, 48, 0.22);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  pointer-events: none;
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

.cat-filters__ad-tooltip::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 12px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background: var(--popup-bg);
  border: 0;
  transform: rotate(45deg);
}

.cat-filters__question:hover + .cat-filters__ad-tooltip,
.cat-filters__question:focus-visible + .cat-filters__ad-tooltip,
.cat-filters__sponsored:focus-within .cat-filters__ad-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

body.header-burger-panel-open .cat-filters__ad-tooltip {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 980px) {
  .cat-filters-meta {
    width: 100%;
  }

  .cat-filters__sticky {
    width: 100%;
  }

  .cat-filters__bar {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  .cat-filters__left,
  .cat-filters__right {
    width: auto;
    flex: 0 0 auto;
  }

  .cat-filters__right {
    margin-left: 0;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }

  .cat-filters__main,
  .cat-filters__sort {
    width: auto;
    height: 42px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
  }

  .cat-filters__main {
    min-width: 120px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .cat-filters__sort {
    min-width: 108px;
    padding-left: 14px;
    padding-right: 14px;
    gap: 10px;
  }

  .cat-filters__main-frame {
    gap: 10px;
  }

  .cat-filters__main-icon {
    width: 19px;
    height: 19px;
    flex-basis: 19px;
  }

  .cat-filters__sort .cat-filters__chevron {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 980px) {
  .cat-filters__applied-rail {
    width: 100%;
    flex: 1 0 100%;
    padding-inline: 0;
    min-height: 52px;
    order: 3;
    overflow: visible;
  }

  .cat-filters__applied-viewport {
    min-height: 52px;
    overflow: visible;
  }

  .cat-filters__applied-rail.has-left-nav .cat-filters__applied-viewport,
  .cat-filters__applied-rail.has-right-nav .cat-filters__applied-viewport {
    margin-left: 0;
    margin-right: 0;
  }

  .cat-filters__applied {
    gap: 8px;
    min-height: 52px;
    padding-top: 4px;
    padding-bottom: 4px;
    scroll-padding-inline: 0 18px;
    scroll-snap-type: x mandatory;
    touch-action: pan-x;
  }

  .cat-filters__applied > * {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .cat-filters__right {
    order: 2;
  }

  .cat-filters__left {
    order: 1;
  }

  .cat-filters__applied-nav,
  .cat-filters__applied-fade {
    display: none;
  }
}

@media (max-width: 760px) {
  .cat-filters-meta {
    margin-top: 18px;
    margin-bottom: 7px;
  }

  .cat-filters {
    margin-top: 0;
    gap: 3px;
  }

  .cat-filters__bar {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    justify-content: space-between;
  }

  .cat-filters__sticky {
    width: 100%;
  }

  .cat-filters__left,
  .cat-filters__right {
    width: auto;
    flex: 0 0 auto;
    min-width: 0;
  }

  .cat-filters__left {
    margin-right: auto;
  }

  .cat-filters__right {
    margin-left: auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
  }

  body.page[data-category-page-live="1"] .cat-filters__left {
    width: clamp(136px, calc(56% - 3px), 190px);
    flex: 0 1 clamp(136px, calc(56% - 3px), 190px);
    margin-right: 0;
  }

  body.page[data-category-page-live="1"] .cat-filters__right {
    width: clamp(108px, calc(44% - 3px), 190px);
    flex: 0 1 clamp(108px, calc(44% - 3px), 190px);
    margin-left: auto;
  }

  .cat-filters__main,
  .cat-filters__sort {
    width: auto;
    height: 44px;
    min-height: 44px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .cat-filters__main {
    min-width: 120px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .cat-filters__sort {
    min-width: 108px;
    padding-left: 14px;
    padding-right: 14px;
    gap: 10px;
  }

  body.page[data-category-page-live="1"] .cat-filters__main,
  body.page[data-category-page-live="1"] .cat-filters__sort {
    width: 100%;
    min-width: 0;
  }

  body.page[data-category-page-live="1"] .cat-filters__main {
    padding-left: 14px;
    padding-right: 14px;
  }

  body.page[data-category-page-live="1"] .cat-filters__sort {
    padding-left: 12px;
    padding-right: 12px;
    gap: 8px;
  }

  .cat-filters__main-frame {
    gap: 10px;
  }

  body.page[data-category-page-live="1"] .cat-filters__main-frame {
    min-width: 0;
    gap: 8px;
  }

  .cat-filters__main-icon {
    width: 19px;
    height: 19px;
    flex-basis: 19px;
  }

  .cat-filters__main-label,
  .cat-filters__sort {
    font-size: 14px;
  }

  body.page[data-category-page-live="1"] .cat-filters__main-label,
  body.page[data-category-page-live="1"] .cat-filters__sort > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .cat-filters__sort .cat-filters__chevron {
    width: 14px;
    height: 14px;
  }

  .cat-filters__main:hover::before,
  .cat-filters__sort:hover::before,
  .cat-filters-drawer__category-button:hover::before {
    transform: scale(1);
  }

  .cat-filters__chip {
    height: 44px;
    min-height: 44px;
  }

  .cat-filters__chip-main,
  body.page[data-category-page-live="1"] .cat-filters__chip-main--quick {
    min-height: 44px;
  }

  body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested {
    min-height: 44px;
    padding-inline: 10px;
  }

  
  body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested {
    padding-inline: 8px;
    font-size: 13px;
  }

  body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested .cat-filters__chip-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    margin-right: 4px;
  }

  body.page[data-category-page-live="1"] .cat-filters__chip-main--suggested .cat-filters__chip-chevron {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
    margin-left: 4px;
  }

  
  .cat-filters__applied-rail.has-right-nav .cat-filters__applied-fade--right,
  .cat-filters__applied-rail.has-left-nav .cat-filters__applied-fade--left {
    display: none;
  }

  
  .cat-filters__applied-fade--right {
    right: 0;
  }

  .cat-filters__applied-fade--left {
    left: 0;
  }

  body.page[data-category-page-live="1"] .cat-filters__chip-badge {
    height: 16px;
    padding-inline: 6px;
    margin-left: 6px;
    font-size: 9px;
  }

  .cat-filters__chip-remove {
    height: 44px;
  }

  .cat-filters-meta {
    width: auto;
    box-sizing: border-box;
  }

  body.page[data-category-page-live="1"] .cat-filters-meta {
    width: calc(100% - 32px);
    box-sizing: border-box;
  }

  .cat-filters__sponsored {
    width: auto;
    max-width: 100%;
    justify-content: flex-end;
  }

}


@media (max-width: 760px) {
  body.page[data-category-page-live="1"] .cat-filters__bar {
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    overflow: visible;
  }

  
  body.page[data-category-page-live="1"] .cat-filters__applied-rail {
    order: 0;
    flex: 1 1 auto;
    width: calc(100% + 32px);
    min-width: 0;
    margin-left: -16px;
    margin-right: -16px;
    max-width: none;
    overflow: visible;
  }

  body.page[data-category-page-live="1"] .cat-filters__applied-viewport {
    width: 100%;
    max-width: none;
    overflow-x: hidden;
    overflow-y: visible;
  }

  body.page[data-category-page-live="1"] .cat-filters__applied {
    width: 100%;
    max-width: none;
    padding-left: max(16px, env(safe-area-inset-left, 0px));
    padding-right: calc(max(16px, env(safe-area-inset-right, 0px)) + 94px);
    scroll-padding-inline: 8px calc(max(16px, env(safe-area-inset-right, 0px)) + 94px);
    scroll-snap-type: x mandatory;
  }

  body.page[data-category-page-live="1"] .cat-filters__chip {
    scroll-snap-align: start;
  }

  body.page[data-category-page-live="1"] .cat-filters-meta {
    box-sizing: border-box;
    padding-right: calc(max(16px, env(safe-area-inset-right, 0px)) + 76px);
  }

  body.page[data-category-page-live="1"] .cat-filters__left,
  body.page[data-category-page-live="1"] .cat-filters__right {
    position: fixed;
    bottom: calc(var(--mobile-bottom-nav-height, 72px) + 14px);
    z-index: 5200;
    width: 52px;
    min-width: 0;
    flex: none;
    margin: 0;
  }

  body.page[data-category-page-live="1"] .cat-filters__left {
    right: max(14px, env(safe-area-inset-right, 0px));
    bottom: calc(var(--mobile-bottom-nav-height, 72px) + 78px);
  }

  body.page[data-category-page-live="1"] .cat-filters__right {
    right: max(14px, env(safe-area-inset-right, 0px));
  }

  
  body.page[data-category-page-live="1"] .cat-filters__main,
  body.page[data-category-page-live="1"] .cat-filters__sort {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    height: 52px;
    flex: 0 0 52px;
    padding: 0;
    gap: 0;
    border-radius: 50%;
    box-shadow: var(--popup-shadow-soft);
  }

  
  body.page[data-category-page-live="1"] .cat-filters__main-label,
  body.page[data-category-page-live="1"] .cat-filters__sort > span {
    display: none;
  }

  body.page[data-category-page-live="1"] .cat-filters__main-frame {
    gap: 0;
    width: auto;
  }

  body.page[data-category-page-live="1"] .cat-filters__main-frame::before {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  
  body.page[data-category-page-live="1"] .cat-filters__sort .cat-filters__chevron {
    display: none;
  }

  body.page[data-category-page-live="1"] .cat-filters__sort::after {
    content: "";
    position: relative;
    z-index: 1;
    width: 24px;
    height: 24px;
    background: currentColor;
    -webkit-mask: url("/assets/gift-room-icons/shared/arrows-sort.svg") center / contain no-repeat;
    mask: url("/assets/gift-room-icons/shared/arrows-sort.svg") center / contain no-repeat;
  }
}

@media (max-width: 640px) {
  .cat-filters__ad-tooltip {
    width: min(286px, calc(100vw - 32px));
  }
}

body.page.is-category-filters-open,
body.is-search-filters-open {
  overflow: hidden;
}

.cat-filters-drawer[hidden] {
  display: none;
}

.cat-filters-drawer {
  --cat-filters-drawer-panel-width: min(409px, calc(100vw - 16px));
  --cat-filters-drawer-panel-slide-duration: 1.18s;
  --cat-filters-drawer-close-appear-delay: 1.02s;
  --cat-filter-option-selected: #3F6A60;
  --cat-filter-option-shadow: 0 0 4px rgba(35, 32, 48, 0.5);
  --cat-filter-option-green-filter: brightness(0) saturate(100%) invert(36%) sepia(20%) saturate(718%) hue-rotate(118deg) brightness(91%) contrast(89%);
  position: fixed;
  inset: 0;
  z-index: var(--z-modal-front, 13000);
  pointer-events: none;
}

.cat-filters-drawer.is-open {
  pointer-events: auto;
}

.cat-filters-drawer__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: var(--popup-overlay);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.88s cubic-bezier(0.16, 1, 0.3, 1);
}

.cat-filters-drawer.is-open .cat-filters-drawer__backdrop {
  opacity: 1;
}

.cat-filters-drawer__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--cat-filters-drawer-panel-width);
  height: 100%;
  background: var(--popup-bg);
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 0 24px rgba(35, 32, 48, 0.22);
  transform: translateX(-100%);
  transition: transform var(--cat-filters-drawer-panel-slide-duration) cubic-bezier(0.18, 1, 0.2, 1);
  will-change: transform;
  backface-visibility: hidden;
}

.cat-filters-drawer.is-open .cat-filters-drawer__panel {
  transform: translateX(0);
}

.cat-filters-drawer__sheet-grip {
  display: none;
}

.cat-filters-drawer__header {
  padding: 16px 16px 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #eee5da;
}

.cat-filters-drawer__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--popup-title-font, var(--font-display));
  font-size: var(--popup-title-size, 25px);
  font-weight: var(--popup-title-weight, 600);
  line-height: var(--popup-title-line-height, 1.16);
  letter-spacing: var(--popup-title-letter-spacing, 0);
}

.cat-filters-drawer__close {
  width: var(--popup-close-width, 78px);
  height: var(--popup-close-height, 55px);
  position: relative;
  border: 0;
  border-radius: 999px;
  background: var(--popup-bg);
  box-shadow: var(--popup-shadow-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: visible;
  transition: background-color 0.24s ease, filter 0.24s ease;
  will-change: transform;
}

.cat-filters-drawer__close::before {
  content: none;
}

.cat-filters-drawer__close:hover,
.cat-filters-drawer__close:focus-visible {
  background-color: var(--popup-close-hover-bg, var(--sort-control-bg, rgb(225 209 188)));
  animation: header-auth-close-bounce 0.28s cubic-bezier(0.23, 1.3, 0.32, 1) both;
  filter: var(--popup-close-hover-filter, drop-shadow(0 4px 10px rgba(35, 32, 48, 0.12)));
}

body.page[data-category-page-live="1"] .cat-filters-drawer.is-open .cat-filters-drawer__close:hover,
body.page[data-category-page-live="1"] .cat-filters-drawer.is-open .cat-filters-drawer__close:focus-visible {
  background-color: var(--popup-close-hover-bg, var(--sort-control-bg, rgb(225 209 188))) !important;
  filter: var(--popup-close-hover-filter, drop-shadow(0 4px 10px rgba(35, 32, 48, 0.12))) !important;
  transition: none !important;
}

.cat-filters-drawer__close:active {
  transform: none;
}

.cat-filters-drawer__close:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.cat-filters-drawer__close-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--popup-close-icon-size, 17px);
  height: var(--popup-close-icon-size, 17px);
  display: block;
  object-fit: contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}

.cat-filters-drawer__close--outside {
  position: absolute;
  top: 20px;
  left: calc(var(--cat-filters-drawer-panel-width) + 10px);
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.92);
  transition:
    opacity 0.24s ease,
    transform 0.28s cubic-bezier(0.23, 1, 0.32, 1),
    visibility 0s linear 0.24s;
  will-change: opacity, transform;
}

.cat-filters-drawer.is-open .cat-filters-drawer__close--outside {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  transition-delay:
    var(--cat-filters-drawer-close-appear-delay),
    var(--cat-filters-drawer-close-appear-delay),
    var(--cat-filters-drawer-close-appear-delay);
}

@media (max-width: 767px) {
  .cat-filters-drawer__close,
  .cat-filters-drawer__close--outside {
    display: none !important;
  }
}

.cat-filters-drawer__body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 10px 20px 80px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  scrollbar-width: thin;
  scrollbar-color: #829181 transparent;
}

.cat-filters-drawer__main-view[hidden],
.cat-filters-drawer__category-browser-view[hidden],
.cat-filters-drawer__footer-actions[hidden] {
  display: none !important;
}

.cat-filters-drawer__body::-webkit-scrollbar {
  width: 7px;
}

.cat-filters-drawer__body::-webkit-scrollbar-track {
  background: transparent;
}

.cat-filters-drawer__body::-webkit-scrollbar-thumb {
  background: #829181;
  border-radius: 999px;
}

.cat-filters-drawer__main-view,
.cat-filters-drawer__category-browser-view {
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-height: 100%;
}

.cat-filters-drawer__category-browser-view {
  padding: 8px 4px 0;
}

.cat-filters-drawer__category-browser-title {
  margin: 0;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.cat-filters-drawer__category-browser-options {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cat-filters-drawer__category-browser-option {
  width: 100%;
  min-height: 40px;
  padding: 4px 15px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  cursor: pointer;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color 0.18s ease;
}

.cat-filters-drawer__category-browser-option--root {
  font-weight: 700;
}

.cat-filters-drawer__category-browser-option.is-selected {
  background: #dcddd4;
}

.cat-filters-drawer__category-browser-option:hover,
.cat-filters-drawer__category-browser-option:focus-visible {
  background: #eee5da;
}

.cat-filters-drawer__category-browser-option.is-selected:hover,
.cat-filters-drawer__category-browser-option.is-selected:focus-visible {
  background: #dcddd4;
}

.cat-filters-drawer__category-browser-dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  min-width: 0;
}

.cat-filters-drawer__category-browser-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #232030;
  flex: 0 0 10px;
}

.cat-filters-drawer__category-browser-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.cat-filters-drawer__category {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cat-filters-drawer__category-label {
  margin: 0;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.cat-filters-drawer__category-button {
  --cat-filter-button-bg: #f8f1eb;
  --cat-filter-button-text: var(--color-ink);
  --cat-filter-button-shadow: inset 0 0 0 2px #232030;
  --cat-filter-button-icon-filter: none;
  min-height: 44px;
  padding: 5px 22px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--cat-filter-button-text);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  position: relative;
  overflow: visible;
  isolation: isolate;
  transition: color 0.18s ease;
}

.cat-filters-drawer__category-chevron {
  width: 22px;
  height: 14px;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  filter: var(--cat-filter-button-icon-filter);
  transition: filter 0.18s ease;
}

.cat-filters-drawer__sections {
  display: flex;
  flex-direction: column;
  gap: 11px;
  
  padding-bottom: 40px;
}

.cat-filters-drawer__sections::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  height: 1px;
  margin-bottom: 32px;
}

.cat-filters-drawer__section {
  background: #f8f1eb;
  border-radius: 18px;
  box-shadow: var(--shadow-card-hover);
  padding: 6px 6px 18px 8px;
  overflow: visible;
}


.cat-filters-drawer__section[data-filter-drawer-section="color"],
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"],
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] {
  padding-bottom: 24px;
}

.cat-filters-drawer__section-head {
  padding: 0 0 0 8px;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cat-filters-drawer__section-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  min-width: 0;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.cat-filters-drawer__section-title-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: block;
  object-fit: contain;
  align-self: center;
}

.cat-filters-drawer__section-title-icon--color {
  transform: none;
}

.cat-filters-drawer__section-title-text,
.cat-filters-drawer__section-value {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.cat-filters-drawer__section-value {
  font-weight: 600;
}

.cat-filters-drawer__section-info {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  display: block;
  object-fit: contain;
}

.cat-filters-drawer__section-toggle {
  width: 56px;
  height: 36px;
  margin-left: auto;
  border: 0;
  border-radius: 999px;
  background: #dcddd4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 auto;
}

.cat-filters-drawer__section-toggle-icon {
  width: 16px;
  height: 10px;
  display: block;
  object-fit: contain;
  transform: rotate(180deg);
  transition: transform 0.22s ease;
}

.cat-filters-drawer__section.is-collapsed .cat-filters-drawer__section-toggle-icon {
  transform: rotate(0deg);
}

.cat-filters-drawer__section.is-collapsed {
  padding: 6px 6px 6px 8px;
}

.cat-filters-drawer__section:has(.cat-filters-drawer__more) {
  padding-bottom: 10px;
}

.cat-filters-drawer__section.is-collapsed .cat-filters-drawer__section-head {
  padding: 0 0 0 8px;
  min-height: 36px;
}

.cat-filters-drawer__section.is-collapsed {
  padding-bottom: 6px;
}

.cat-filters-drawer__section-body {
  min-width: 0;
  max-width: 100%;
  max-height: 9999px;
  overflow: visible;
  padding-top: 8px;
  opacity: 1;
  
  transition: opacity 0.18s ease;
}

.cat-filters-drawer__section:not(.is-collapsed) .cat-filters-drawer__section-body {
  transition: none;
}

.cat-filters-drawer__section.is-collapsed .cat-filters-drawer__section-body {
  padding-top: 0;
}

.cat-filters-drawer__section.is-collapsed .cat-filters-drawer__section-body {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0;
  padding: 0;
}

.cat-filters-drawer__options {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.cat-filters-drawer__option {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  padding: 6px 13px;
  border-radius: var(--radius-sm);
  border: 1.5px solid transparent;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, background-color 0.16s ease;
}

.cat-filters-drawer__option.is-selected {
  border-color: transparent;
  background: transparent;
  color: var(--color-ink);
}

.cat-filters-drawer__option:hover,
.cat-filters-drawer__option:focus-visible {
  background: #DCDDD4;
  box-shadow: none;
}

.cat-filters-drawer__option.is-selected:hover,
.cat-filters-drawer__option.is-selected:focus-visible {
  background: #DCDDD4;
  box-shadow: none;
}

.cat-filters-drawer__option-label {
  min-width: 0;
  max-width: 100%;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  transition: color 0.16s ease;
}

.cat-filters-drawer__option.is-selected .cat-filters-drawer__option-label {
  color: var(--color-ink);
}

.cat-filters-drawer__option.is-selected .cat-filters-drawer__option-sublabel {
  color: var(--color-ink-soft);
}

.cat-filters-drawer__option-info {
  width: 13px;
  height: 13px;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}

.cat-filters-drawer__control {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1.5px solid var(--popup-outline);
  background: #f8f1eb;
  position: relative;
  flex: 0 0 20px;
}

.cat-filters-drawer__control::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 999px;
  background: transparent;
}

.cat-filters-drawer__option.is-selected .cat-filters-drawer__control {
  border-color: var(--cat-filter-option-selected);
  background: var(--cat-filter-option-selected);
}

.cat-filters-drawer__option.is-selected .cat-filters-drawer__control::after {
  background: #f8f1eb;
}

.cat-filters-drawer__swatch {
  width: 31px;
  height: 18px;
  border-radius: 999px;
  border: 0.5px solid var(--popup-outline-soft);
  flex: 0 0 31px;
}



.cat-filters-drawer__section--swatch-grid .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 8px;
  padding: 10px 10px 16px;
  overflow: visible;
}

.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option {
  width: 100%;
  min-width: 0;
  overflow: visible;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 4px 2px;
  min-height: 0;
  border-radius: 12px;
  text-align: center;
  background: transparent;
}

.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option:hover,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option:hover,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option:hover,
.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option.is-selected,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option.is-selected,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option.is-selected {
  background: transparent;
}

.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option .cat-filters-drawer__control,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option .cat-filters-drawer__control,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option .cat-filters-drawer__control {
  display: none;
}

.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__swatch,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__swatch,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__swatch {
  width: calc(100% - 8px);
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  margin-inline: 4px;
  box-sizing: border-box;
  flex: 0 0 56px;
  border-radius: 999px;
  border: 1px solid rgba(35, 32, 48, 0.18);
  background-clip: padding-box;
  transition: border-color 0.14s ease, outline-color 0.14s ease;
}


.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option {
  min-height: 100px;
  height: 100px;
  justify-content: flex-start;
}

.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option:hover .cat-filters-drawer__swatch,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option:hover .cat-filters-drawer__swatch,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option:hover .cat-filters-drawer__swatch {
  border-color: rgba(63, 106, 96, 0.48);
}

.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__swatch,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__swatch,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__swatch {
  border-color: var(--cat-filter-option-selected);
  outline: 2px solid var(--cat-filter-option-selected);
  outline-offset: 2px;
}

.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option-label,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option-label,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option-label {
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
  font-size: 12px;
  font-weight: 500;
  color: #232030;
  letter-spacing: 0;
  line-height: 1.2;
}

.cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-label,
.cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-label,
.cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-label {
  color: var(--color-ink);
  font-weight: 500;
}


.cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 10px 13px 4px;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__option {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 12px 8px;
  min-height: 56px;
  border: 1.5px solid transparent;
  border-radius: 12px;
  background: transparent;
  text-align: center;
  box-shadow: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__option .cat-filters-drawer__control {
  display: none;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__option-label {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #232030;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__option:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: var(--cat-filter-option-shadow);
}

.cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__option.is-selected {
  background: transparent;
  border-color: transparent;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-label {
  color: var(--color-ink);
  font-weight: 500;
}


.cat-filters-drawer__section[data-filter-drawer-section="assembly-required"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="vegan-cruelty"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="dpi"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="customizable"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="license-type"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="framed-status"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="art-edition"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="power-source"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="play-environment"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="screen-free"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="kids-gender-style"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="kids-age-stage"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="heel-height"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="bundle-size"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="bulk-size"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="skill-level"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="signed"] .cat-filters-drawer__options,
.cat-filters-drawer__section[data-filter-drawer-section="age-rating"] .cat-filters-drawer__options {
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

.cat-filters-drawer__section[data-filter-drawer-section="bundle-size"] .cat-filters-drawer__option-label {
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: initial;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  gap: 10px 8px;
  padding: 10px 13px 4px;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  padding: 8px 4px;
  min-height: 100px;
  height: 100px;
  border: 1.5px solid transparent;
  border-radius: 12px;
  background: transparent;
  text-align: center;
  color: #232030;
  box-shadow: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option .cat-filters-drawer__control {
  display: none;
}

.cat-filters-drawer__option-icon {
  width: 56px;
  height: 56px;
  display: block;
  object-fit: contain;
  color: #232030;
  flex: 0 0 56px;
  transition: filter 0.16s ease;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option-label {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.2;
  min-height: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
}

.cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: var(--cat-filter-option-shadow);
}

.cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option.is-selected {
  border-color: transparent;
  background: transparent;
  color: var(--color-ink);
}

.cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-icon {
  filter: var(--cat-filter-option-green-filter);
}

@media (max-width: 760px) {
  .cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__options {
    grid-template-columns: repeat(3, 1fr);
  }
  .cat-filters-drawer__option-icon { width: 48px; height: 48px; flex-basis: 48px; }
  .cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option {
    height: 92px;
    min-height: 92px;
  }
}

.cat-filters-drawer__section.cat-filters-drawer__section--text-options .cat-filters-drawer__options {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 8px 0 0;
}

.cat-filters-drawer__section.cat-filters-drawer__section--text-options .cat-filters-drawer__option {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  height: auto;
  padding: 6px 13px;
  border-radius: 10px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  text-align: left;
  overflow: visible;
}

.cat-filters-drawer__section.cat-filters-drawer__section--text-options .cat-filters-drawer__option .cat-filters-drawer__control {
  display: block;
}

.cat-filters-drawer__section.cat-filters-drawer__section--text-options .cat-filters-drawer__option-label {
  display: block;
  width: auto;
  min-width: 0;
  max-width: 100%;
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
}


.cat-filters-drawer__price-visual {
  --cat-price-visual-x: 13px;
  padding: 14px var(--cat-price-visual-x) 6px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cat-filters-drawer__price-graph {
  position: relative;
  height: 92px;
  padding-bottom: 12px;
}

.cat-filters-drawer__price-bars {
  position: absolute;
  inset: 0 0 12px 0;
  display: flex;
  align-items: flex-end;
  gap: 2px;
  pointer-events: none;
}

.cat-filters-drawer__price-bar {
  flex: 1 1 0;
  min-width: 0;
  background: rgba(35, 32, 48, 0.18);
  border-radius: 2px 2px 0 0;
  transition: background-color 0.16s ease;
}

.cat-filters-drawer__price-bar[style*="height: 0"] {
  opacity: 0;
}

.cat-filters-drawer__price-bar.is-active {
  background: #232030;
}

.cat-filters-drawer__price-axis {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: -10px;
  padding: 0 4px;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.82;
  pointer-events: none;
}

.cat-filters-drawer__price-axis span,
.cat-filters-drawer__price-input-prefix,
.cat-filters-drawer__price-input-suffix {
  white-space: nowrap;
}

.cat-filters-drawer__price-slider {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 24px;
  touch-action: none;
}

.cat-filters-drawer__price-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background: rgba(35, 32, 48, 0.22);
  border-radius: 999px;
  pointer-events: none;
}

.cat-filters-drawer__price-fill {
  position: absolute;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background: #232030;
  border-radius: 999px;
  pointer-events: none;
}

.cat-filters-drawer__price-thumb {
  position: absolute;
  top: 50%;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  margin-top: -11px;
  padding: 0;
  border: 1.5px solid #232030;
  border-radius: 999px;
  background: #f8f1eb;
  box-shadow: 0 1px 4px rgba(35, 32, 48, 0.2);
  cursor: grab;
  touch-action: none;
  transition: box-shadow 0.16s ease, transform 0.16s ease;
}

.cat-filters-drawer__price-thumb:hover {
  box-shadow: 0 2px 6px rgba(35, 32, 48, 0.28);
}

.cat-filters-drawer__price-thumb.is-dragging,
.cat-filters-drawer__price-thumb:active {
  cursor: grabbing;
  transform: scale(1.08);
  box-shadow: 0 3px 8px rgba(35, 32, 48, 0.32);
}

.cat-filters-drawer__price-thumb--max {
  z-index: 1;
}

.cat-filters-drawer__price-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  width: calc(100% + (var(--cat-price-visual-x) * 2));
  margin-inline: calc(var(--cat-price-visual-x) * -1);
  box-sizing: border-box;
}

.cat-filters-drawer__price-input-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 16px 9px;
  border: 1.5px solid var(--popup-control-border);
  border-radius: 14px;
  background: #f8f1eb;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 4%, transparent);
  outline: 2px solid transparent;
  outline-offset: 0;
  cursor: text;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, outline-color 0.2s ease;
}

.cat-filters-drawer__price-input-card:focus-within {
  border-color: var(--popup-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent);
}

.cat-filters-drawer__price-input-card:has(.cat-filters-drawer__price-field:not(:placeholder-shown)) {
  border-color: var(--popup-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 10%, transparent);
}

.cat-filters-drawer__price-input-card:focus-within:has(.cat-filters-drawer__price-field) {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent);
}

.cat-filters-drawer__price-input-label {
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.cat-filters-drawer__price-input-row {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.cat-filters-drawer__price-input-prefix,
.cat-filters-drawer__price-input-suffix {
  flex: 0 0 auto;
  color: #232030;
}

.cat-filters-drawer__price-input-prefix {
  font-size: 12px;
  line-height: 1;
}

.cat-filters-drawer__price-input-card:focus-within .cat-filters-drawer__price-input-prefix {
  display: none;
}

.cat-filters-drawer__price-field {
  flex: 0 1 4.5ch;
  min-width: 0;
  width: 4.5ch;
  padding: 0;
  border: 0;
  background: transparent;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  outline: none;
}

.cat-filters-drawer__price-field::placeholder {
  color: var(--color-ink-soft);
  font-weight: 500;
}

.cat-filters-drawer__price-field:focus,
.cat-filters-drawer__price-field:focus-visible {
  outline: none;
}

.cat-filters-drawer__price-input-separator {
  display: none;
}

.cat-filters-drawer__more {
  width: 451px;
  max-width: calc(100% - 10px);
  min-height: 44px;
  margin: 10px 5px 0;
  padding: 8px 15px;
  border: 0;
  border-radius: 30px;
  background: #dcddd4;
  overflow: hidden;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: flex-start;
  box-sizing: border-box;
  cursor: pointer;
}

.cat-filters-drawer__footer {
  padding: 15px 20px 15px 30px;
  border-top: 1px solid #eee5da;
  background: #f8f1eb;
}

.cat-filters-drawer.is-category-browser-open .cat-filters-drawer__footer {
  border-top-color: #eee5da;
}

.cat-filters-drawer__footer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 23px;
  width: 100%;
}

.cat-filters-drawer__action {
  width: 100%;
  max-width: 219px;
  min-height: 56px;
  padding: 6px 27px;
  border-radius: 999px;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 1 1 0;
}


.search-loading-state {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  display: block;
  padding: 0 0 56px;
  color: var(--color-ink-mute);
  font-family: var(--font-body);
  font-size: 14px;
  text-align: center;
}

.search-loading-state[hidden] {
  display: none;
}

.search-loading-state__label {
  margin: 0 0 18px;
  color: inherit;
}

.search-loading-state__grid {
  width: 100%;
  text-align: left;
}

.search-loading-state__card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 14px;
}


.cat-filters-drawer__action[hidden] {
  display: none;
}

.cat-filters-drawer__action--ghost {
  border: 0;
  background: #f8f1eb;
  color: #232030;
  box-shadow: none;
}

.cat-filters-drawer__action--primary {
  border: 0;
  background: #232030;
  color: #f8f1eb;
}

.cat-filters-drawer__action-label {
  min-width: 0;
}

.cat-filters-drawer__action-icon {
  width: 22px;
  height: 14px;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
  transition: transform 0.22s ease;
}

.cat-filters-drawer__action-icon--back {
  order: -1;
}

.cat-filters-drawer__action--ghost:hover,
.cat-filters-drawer__action--ghost:focus-visible {
  background: #f8f1eb;
  box-shadow: var(--shadow-card-hover);
}

.cat-filters-drawer__action--primary:hover,
.cat-filters-drawer__action--primary:focus-visible {
  background: #343244;
}

.cat-filters-drawer__action--primary:hover .cat-filters-drawer__action-icon,
.cat-filters-drawer__action--primary:focus-visible .cat-filters-drawer__action-icon {
  transform: translateX(4px);
}

.cat-filters-drawer__category-button:focus-visible,
.cat-filters-drawer__section-toggle:focus-visible,
.cat-filters-drawer__option:focus-visible,
.cat-filters-drawer__more:focus-visible,
.cat-filters-drawer__price-apply:focus-visible,
.cat-filters-drawer__action:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.24);
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .cat-filters-drawer {
    --cat-filters-drawer-mobile-top: clamp(84px, 13dvh, 128px);
    --cat-filters-drawer-mobile-offset-top: calc(env(safe-area-inset-top, 0px) + var(--cat-filters-drawer-mobile-top));
    --cat-filters-drawer-panel-slide-duration: 240ms;
    overflow: hidden;
  }

  .cat-filters-drawer__backdrop {
    display: block;
    background: var(--popup-overlay);
    transition: opacity 0.22s ease;
  }

  .cat-filters-drawer__panel {
    top: var(--cat-filters-drawer-mobile-offset-top);
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    max-width: none;
    height: calc(100vh - var(--cat-filters-drawer-mobile-offset-top));
    height: calc(100dvh - var(--cat-filters-drawer-mobile-offset-top));
    max-height: calc(100dvh - var(--cat-filters-drawer-mobile-offset-top));
    min-height: 0;
    border-radius: 22px 22px 0 0;
    background: var(--popup-bg);
    box-shadow: var(--popup-sheet-shadow, 0 -18px 48px rgba(35, 32, 48, 0.22));
    transform: translateY(100%);
    transition: transform var(--cat-filters-drawer-panel-slide-duration) cubic-bezier(0.22, 1, 0.36, 1);
  }

  .cat-filters-drawer.is-open .cat-filters-drawer__panel {
    transform: translateY(0);
  }

  .cat-filters-drawer.is-sheet-dragging .cat-filters-drawer__panel {
    transform: translateY(var(--cat-filters-sheet-drag-y, 0px));
    transition: none;
    will-change: transform;
  }

  .cat-filters-drawer.is-sheet-settling .cat-filters-drawer__panel {
    transform: translateY(var(--cat-filters-sheet-drag-y, 0px));
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .cat-filters-drawer.is-sheet-closing .cat-filters-drawer__panel {
    transform: translateY(var(--cat-filters-sheet-drag-y, 0px));
    transition: transform 0.18s cubic-bezier(0.4, 0, 1, 1);
    will-change: transform;
  }

  .cat-filters-drawer__sheet-grip {
    display: flex;
    flex: 0 0 var(--popup-sheet-grip-height, 44px);
    min-height: var(--popup-sheet-grip-height, 44px);
    align-items: center;
    justify-content: center;
    cursor: grab;
    touch-action: none;
    user-select: none;
    background: var(--popup-bg);
  }

  .cat-filters-drawer__sheet-grip span {
    width: var(--popup-sheet-grip-width, 48px);
    height: var(--popup-sheet-grip-thickness, 5px);
    border-radius: 999px;
    background: var(--popup-sheet-grip-color);
  }

  .cat-filters-drawer.is-sheet-dragging .cat-filters-drawer__sheet-grip {
    cursor: grabbing;
  }

  
  .cat-filters-drawer .cat-filters-drawer__close {
    
    display: none !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(var(--cat-filters-drawer-mobile-offset-top) - var(--popup-sheet-close-height, 42px) - var(--popup-close-offset, 10px));
    bottom: auto;
    left: calc(50% - (var(--popup-sheet-close-width, 57px) / 2));
    right: auto;
    width: var(--popup-sheet-close-width, 57px);
    height: var(--popup-sheet-close-height, 42px);
    border: 0;
    border-radius: var(--radius-pill, 999px);
    background: var(--popup-bg);
    box-shadow: var(--popup-shadow-soft);
    cursor: pointer;
    z-index: 6;
  }

  .cat-filters-drawer__header {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 13px;
    min-height: 49px;
    
    cursor: grab;
    touch-action: none;
    user-select: none;
  }

  .cat-filters-drawer.is-sheet-dragging .cat-filters-drawer__header {
    cursor: grabbing;
  }

  .cat-filters-drawer__body {
    flex: 1 1 auto;
    min-height: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 18px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .cat-filters-drawer__body::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .cat-filters-drawer__footer {
    flex: 0 0 auto;
    padding: 15px 16px;
    padding-bottom: calc(15px + env(safe-area-inset-bottom, 0px));
    background: var(--popup-bg);
    box-shadow: 0 -10px 22px color-mix(in srgb, var(--color-ink) 8%, transparent);
  }

  .cat-filters-drawer__footer-actions {
    gap: 12px;
  }

  .cat-filters-drawer__price-visual {
    --cat-price-visual-x: 4px;
    padding: 12px var(--cat-price-visual-x) 4px;
  }

  .cat-filters-drawer__price-bars {
    inset: 0 0 22px 0;
  }

  .cat-filters-drawer__price-axis {
    gap: 6px;
    padding: 0 2px;
    font-size: 10px;
  }

  .cat-filters-drawer__price-inputs {
    gap: 8px;
  }

  .cat-filters-drawer__price-input-card {
    min-height: 70px;
    padding: 6px 12px 8px;
  }

  .cat-filters-drawer__price-input-row,
  .cat-filters-drawer__price-field {
    font-size: 15px;
  }

  .cat-filters-drawer__section-head {
    min-height: 44px;
  }

  .cat-filters-drawer__section-toggle {
    height: 44px;
  }

  .cat-filters-drawer__price-slider {
    height: 44px;
  }

  .cat-filters-drawer__price-thumb {
    width: 44px;
    height: 44px;
    margin-left: -22px;
    margin-top: -22px;
    border: 0;
    background: transparent;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .cat-filters-drawer__price-thumb::before {
    content: "";
    width: 22px;
    height: 22px;
    border: 1.5px solid #232030;
    border-radius: 999px;
    background: #f8f1eb;
    box-shadow: 0 1px 4px rgba(35, 32, 48, 0.2);
    transition: box-shadow 0.16s ease, transform 0.16s ease;
  }

  .cat-filters-drawer__price-thumb:hover,
  .cat-filters-drawer__price-thumb.is-dragging,
  .cat-filters-drawer__price-thumb:active {
    box-shadow: none;
    transform: none;
  }

  .cat-filters-drawer__price-thumb:hover::before {
    box-shadow: 0 2px 6px rgba(35, 32, 48, 0.28);
  }

  .cat-filters-drawer__price-thumb.is-dragging::before,
  .cat-filters-drawer__price-thumb:active::before {
    transform: scale(1.08);
    box-shadow: 0 3px 8px rgba(35, 32, 48, 0.32);
  }

  .cat-filters-drawer__price-input-row {
    align-items: center;
    min-height: 44px;
  }

  .cat-filters-drawer__price-field {
    min-height: 44px;
    height: 44px;
  }

  .cat-filters-drawer__action {
    min-height: 52px;
    max-width: none;
  }
}

.cat-filters-drawer__custom-field-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px 0;
}

.cat-filters-drawer__field {
  min-height: 44px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1.5px solid var(--popup-control-border);
  background: #f8f1eb;
  color: #232030;
  caret-color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  width: 100%;
  max-width: 283px;
  outline: 2px solid transparent;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 4%, transparent);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, outline-color 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
}

.cat-filters-drawer__field::placeholder {
  color: var(--color-ink-soft);
}

.cat-filters-drawer__field:focus,
.cat-filters-drawer__field:focus-visible {
  border-color: var(--popup-focus);
  outline: 0;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent);
}

.cat-filters-drawer__field:not(:placeholder-shown) {
  border-color: var(--popup-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 10%, transparent);
}

.cat-filters-drawer__field:not(:placeholder-shown):focus,
.cat-filters-drawer__field:not(:placeholder-shown):focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent);
}




@media (max-width: 760px) {
  
  body.is-category-sort-popover-open,
  body.is-category-quick-popover-open,
  body.is-search-quick-popover-open,
  body.is-gift-room-invite-sort-open {
    overflow: hidden;
  }

  .cat-filters__chip-popover,
  .cat-filters__sort-popover {
    display: flex;
    flex-direction: column;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    
    height: auto;
    max-height: calc(100vh - (env(safe-area-inset-top, 0px) + clamp(84px, 13dvh, 128px)));
    max-height: calc(100dvh - (env(safe-area-inset-top, 0px) + clamp(84px, 13dvh, 128px)));
    border-radius: 22px 22px 0 0;
    padding: 44px 20px calc(20px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -8px 28px rgba(35, 32, 48, 0.18);
    z-index: 14000;
    transform: translateY(var(--category-popover-sheet-drag-y, 0px)) !important;
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .cat-filters__chip-popover.is-sheet-dragging,
  .cat-filters__sort-popover.is-sheet-dragging {
    transition: none;
    will-change: transform;
  }

  .cat-filters__chip-popover.is-sheet-settling,
  .cat-filters__sort-popover.is-sheet-settling,
  .cat-filters__chip-popover.is-sheet-closing,
  .cat-filters__sort-popover.is-sheet-closing {
    will-change: transform;
  }

  body.page[data-category-page-live="1"].is-category-quick-popover-open .cat-filters,
  body.page[data-category-page-live="1"].is-category-sort-popover-open .cat-filters {
    z-index: 14000;
  }

  body.page[data-category-page-live="1"].is-category-sort-popover-open .cat-filters__right {
    inset: 0;
    width: 100vw;
    height: 100dvh;
    pointer-events: auto;
  }

  body.page[data-category-page-live="1"].is-category-sort-popover-open .cat-filters__sort {
    opacity: 0;
    pointer-events: none;
  }

  body.page[data-category-page-live="1"].is-category-sort-popover-open .cat-filters__sort-popover {
    pointer-events: auto;
  }

  body.page[data-category-page-live="1"] .cat-filters__chip-popover::before,
  body.page[data-category-page-live="1"] .cat-filters__sort-popover::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc((var(--popup-sheet-grip-height, 44px) - var(--popup-sheet-grip-thickness, 5px)) / 2);
    width: var(--popup-sheet-grip-width, 48px);
    height: var(--popup-sheet-grip-thickness, 5px);
    min-height: 0;
    border-radius: var(--radius-pill, 999px);
    background: var(--popup-sheet-grip-color);
    transform: translateX(-50%);
    cursor: grab;
    touch-action: none;
    user-select: none;
  }

  .cat-filters__sort.is-active,
  .cat-filters__sort[aria-expanded="true"] {
    z-index: 1;
  }

  .cat-filters__chip-popover-options,
  .cat-filters__sort-popover .cat-filters__chip-popover-options {
    gap: 4px;
  }

  .cat-filters__chip-popover-option {
    min-height: 48px;
    font-size: 15px;
  }

  .cat-filters__applied-backdrop,
  .cat-filters__sort-backdrop {
    background: transparent;
    z-index: 13990;
  }
}


.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px 10px;
  padding: 10px 13px 4px;
}

.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  padding: 10px 4px 8px;
  min-height: 96px;
  border: 1.5px solid transparent;
  border-radius: 14px;
  background: transparent;
  text-align: center;
  box-shadow: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option .cat-filters-drawer__control {
  display: none;
}

.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__swatch {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 999px;
  border: 1px solid rgba(35, 32, 48, 0.22);
  margin-bottom: 2px;
}

.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option-label {
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 700;
  color: #232030;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cat-filters-drawer__option-sublabel {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: var(--color-ink-soft);
  line-height: 1.1;
  letter-spacing: 0.02em;
}

.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option:hover {
  border-color: transparent;
  box-shadow: var(--cat-filter-option-shadow);
}

.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option.is-selected {
  border-color: transparent;
  background: transparent;
}

.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-label {
  color: var(--color-ink);
}

.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-sublabel {
  color: var(--color-ink-soft);
}

.cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__swatch {
  border-color: var(--cat-filter-option-selected);
  outline: 2px solid var(--cat-filter-option-selected);
  outline-offset: 1px;
}

@media (max-width: 460px) {
  .cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__options {
    grid-template-columns: repeat(3, 1fr);
  }
}


.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 8px;
  padding: 10px 13px 4px;
}

.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__option {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 6px;
  padding: 12px 14px 10px;
  min-height: 0;
  border: 1.5px solid transparent;
  border-radius: 12px;
  background: transparent;
  text-align: left;
  box-shadow: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__option .cat-filters-drawer__control {
  display: none;
}

.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__swatch {
  width: 100%;
  height: 24px;
  border-radius: 6px;
  border: 1px solid rgba(35, 32, 48, 0.16);
  flex: 0 0 24px;
  margin-bottom: 2px;
}

.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__option-label {
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 700;
  color: #232030;
  line-height: 1;
}

.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__option-sublabel {
  font-size: 10.5px;
  color: var(--color-ink-soft);
  line-height: 1.1;
  text-transform: none;
  letter-spacing: 0;
}

.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__option:hover {
  border-color: transparent;
  box-shadow: var(--cat-filter-option-shadow);
}

.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__option.is-selected {
  border-color: transparent;
  background: transparent;
}

.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-label {
  color: var(--color-ink);
}

.cat-filters-drawer__section[data-filter-drawer-section="color-story"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-sublabel {
  color: var(--color-ink-soft);
}


.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px 10px;
  padding: 14px 13px 4px;
}

.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 2px;
  min-height: 0;
  border: 0;
  background: transparent;
  text-align: center;
}

.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option .cat-filters-drawer__control {
  display: none;
}

.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__swatch {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  border-radius: 999px;
  border: 0;
  box-shadow: 0 2px 8px rgba(35, 32, 48, 0.18), inset 0 -3px 6px rgba(0, 0, 0, 0.10), inset 0 3px 6px rgba(255, 249, 241, 0.45);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option:hover .cat-filters-drawer__swatch {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(35, 32, 48, 0.22), inset 0 -3px 6px rgba(0, 0, 0, 0.10), inset 0 3px 6px rgba(255, 249, 241, 0.45);
}

.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__swatch {
  outline: 2.5px solid var(--cat-filter-option-selected);
  outline-offset: 3px;
}

.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-label,
.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option.is-selected .cat-filters-drawer__option-sublabel {
  color: var(--color-ink);
}

.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option-label {
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 700;
  color: #232030;
  line-height: 1.1;
  letter-spacing: 0.02em;
}

.cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option-sublabel {
  font-size: 10px;
  color: var(--color-ink-soft);
  line-height: 1.1;
  text-transform: none;
  letter-spacing: 0;
}

@media (max-width: 460px) {
  .cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__options {
    grid-template-columns: repeat(3, 1fr);
  }
  .cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__swatch {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
  }
}


.cat-filters-drawer__ring-sizer {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 10px 14px 14px;
}

.cat-filters-drawer__ring-sizer-hint {
  margin: 0;
  font-size: 12px;
  color: var(--color-ink-soft);
  line-height: 1.35;
  text-align: center;
}

.cat-filters-drawer__ring-sizer-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 182px;
  padding: 4px 0 0;
}

.cat-filters-drawer__ring-sizer-jewel {
  --ring-sizer-dia: 96px;
  position: relative;
  width: calc(var(--ring-sizer-dia) + 88px);
  height: calc(var(--ring-sizer-dia) + 100px);
  min-width: 174px;
  min-height: 190px;
  color: color-mix(in srgb, var(--color-olive-pill) 42%, var(--color-warn));
  display: grid;
  place-items: center;
  filter: drop-shadow(0 15px 18px color-mix(in srgb, var(--color-ink) 13%, transparent));
}

.cat-filters-drawer__ring-sizer-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  z-index: 1;
}

.cat-filters-drawer__ring-sizer-measure {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

.cat-filters-drawer__ring-sizer-circle {
  fill: color-mix(in srgb, var(--color-cream) 42%, transparent);
  stroke: color-mix(in srgb, var(--color-ink) 82%, transparent);
  stroke-width: 2.4;
  stroke-dasharray: 4 5;
  stroke-linecap: round;
  transition: r 0.18s ease;
}

.cat-filters-drawer__ring-sizer-size-chip {
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  border-radius: 999px;
  padding: 5px 12px;
  background: color-mix(in srgb, var(--color-sand) 78%, transparent);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--color-ink) 8%, transparent);
  z-index: 3;
}

.cat-filters-drawer__ring-sizer-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--color-olive-pill) 64%, var(--color-sand)), color-mix(in srgb, var(--color-forest) 55%, var(--color-sand)));
  border-radius: 999px;
  outline: none;
  margin: 4px 0;
}
.cat-filters-drawer__ring-sizer-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--color-cream);
  border: 3px solid color-mix(in srgb, var(--color-olive-pill) 66%, var(--color-ink));
  cursor: grab;
  box-shadow: 0 2px 9px color-mix(in srgb, var(--color-ink) 20%, transparent);
}
.cat-filters-drawer__ring-sizer-slider::-moz-range-thumb {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--color-cream);
  border: 3px solid color-mix(in srgb, var(--color-olive-pill) 66%, var(--color-ink));
  cursor: grab;
}

.cat-filters-drawer__ring-sizer-readout {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--color-sand) 78%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-ink) 9%, transparent);
}

.cat-filters-drawer__ring-sizer-readout-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}

.cat-filters-drawer__ring-sizer-readout-label {
  font-size: 12.5px;
  color: var(--color-ink-soft);
}

.cat-filters-drawer__ring-sizer-readout-value {
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 700;
  color: var(--color-ink);
}

.cat-filters-drawer__ring-sizer-readout-row:first-child .cat-filters-drawer__ring-sizer-readout-value {
  font-size: 19px;
}

.cat-filters-drawer__ring-sizer-apply {
  border: 0;
  border-radius: 999px;
  background: var(--color-ink);
  color: var(--color-cream);
  padding: 12px 18px;
  font-family: var(--font-heading);
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background 0.16s ease, transform 0.16s ease;
  margin-top: 4px;
}
.cat-filters-drawer__ring-sizer-apply:hover {
  background: var(--intent-cta-ink-hover);
  transform: translateY(-1px);
}

.cat-filters-drawer__section.is-quick-filter-target {
  animation: cat-filter-target-pulse 0.9s ease;
}

@keyframes cat-filter-target-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-forest) 0%, transparent);
  }
  38% {
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--color-forest) 13%, transparent);
  }
}

@media (max-width: 520px) {
  .cat-filters-drawer__ring-sizer {
    gap: 12px;
    padding-inline: 10px;
  }

  .cat-filters-drawer__ring-sizer-stage {
    min-height: 176px;
  }

  .cat-filters-drawer__ring-sizer-jewel {
    width: calc(var(--ring-sizer-dia) + 72px);
    height: calc(var(--ring-sizer-dia) + 86px);
    min-width: 164px;
    min-height: 176px;
  }

}

.cat-filters-drawer .cat-filters-drawer__section--text-options .cat-filters-drawer__option:hover,
.cat-filters-drawer .cat-filters-drawer__section--text-options .cat-filters-drawer__option:focus-visible {
  background: #DCDDD4;
  box-shadow: none;
}

.cat-filters-drawer .cat-filters-drawer__section--text-options .cat-filters-drawer__option.is-selected:hover,
.cat-filters-drawer .cat-filters-drawer__section--text-options .cat-filters-drawer__option.is-selected:focus-visible {
  border-color: transparent;
  background: #DCDDD4;
  box-shadow: none;
}

@media (hover: none) {
  .cat-filters-drawer .cat-filters-drawer__section .cat-filters-drawer__option:hover {
    background: transparent;
    box-shadow: none;
  }

  .cat-filters-drawer .cat-filters-drawer__section .cat-filters-drawer__option.is-selected:hover {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }
}

@media (max-width: 720px) {
  .cat-filters-drawer__title {
    font-size: var(--popup-title-size, 25px) !important;
    line-height: var(--popup-title-line-height, 1.16) !important;
  }
}

 

/*! [bundle] /styles/components/media-slots.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.media-slot {
  position: relative;
  border-radius: inherit;
  overflow: hidden;
  background: var(--color-sand);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--color-forest);
  isolation: isolate;
}

.media-slot--hero {
  min-height: 320px;
  background: var(--gradient-hero-media, linear-gradient(135deg, rgba(63,106,96,0.2), rgba(255, 249, 241,0.4)));
}

.media-slot--listing {
  min-height: 0;
  background: var(--gradient-card-media, linear-gradient(135deg, #fff9f1, #f2e6d7));
}

.media-slot--category {
  min-height: 0;
  background: var(--gradient-category-media, linear-gradient(135deg, #f8f5ed, #f0e7d4));
  border: 1px solid rgba(63, 106, 96, 0.18);
}

.media-slot--banner {
  min-height: 220px;
  background: linear-gradient(135deg, rgba(255, 249, 241,0.4), rgba(63,106,96,0.25));
  border: 1px dashed rgba(63,106,96,0.3);
}

.media-slot__fallback {
  
  
  display: none;
  text-align: center;
  padding: var(--space-4);
  flex-direction: column;
  gap: var(--space-1);
  font-family: var(--font-heading);
  font-size: var(--font-size-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.75;
}

.media-slot__tag {
  font-size: var(--font-size-caption);
  letter-spacing: 0.18em;
  color: rgba(0, 0, 0, 0.65);
}

.media-slot__label {
  font-size: var(--font-size-body);
}

.media-slot[data-media-state='ready'] .media-slot__fallback {
  opacity: 0;
  pointer-events: none;
}

.media-slot[data-media-editing] .media-slot__fallback {
  display: flex;
}

.media-slot__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
  z-index: -1;
}

.media-slot[data-media-state='ready'] .media-slot__image {
  display: block;
  z-index: 0;
}

[data-homepage-media-slot] {
  overflow: hidden;
}

[data-homepage-media-slot] > .homepage-live-content__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


img[data-jp-img-state='error'],
img[data-jp-img-state='timeout'] {
  opacity: 0;
  visibility: hidden;
}


[data-jp-img-parent-state='pending'] img[data-jp-img-state='pending']:not(.cat-card__media-photo):not([src*='.svg']) {
  opacity: 0;
}

[data-jp-img-parent-state] img[data-jp-img-state='loaded']:not(.cat-card__media-photo):not([src*='.svg']) {
  opacity: 1;
  transition: opacity 0.45s ease;
}

@media (prefers-reduced-motion: reduce) {
  [data-jp-img-parent-state] img[data-jp-img-state='loaded']:not(.cat-card__media-photo):not([src*='.svg']) {
    transition: none;
  }
}


:is(
[data-jp-img-parent-state='pending']:not(.cat-card__media),
[data-jp-img-parent-state='error'],
[data-jp-img-parent-state='timeout'],
.cat-card:not(.is-card-skeleton) .cat-card__media:has(> .cat-card__media-photo.is-lazy-pending),
.cat-card__media:has(> .jp-img-fallback),
.media-slot:has(> .jp-img-fallback),
.jp-media:has(> .jp-img-fallback),
.card__image:has(> .jp-img-fallback),
[data-media-container]:has(> .jp-img-fallback),
[data-jp-lazy-bg],
.is-jp-lazybg-loading,
.is-jp-lazybg-error
):not(.jp-skeleton-glyph-field-host) {
  position: relative;
  background-color: transparent !important;
  background-image: none !important;
}
:is(
[data-jp-img-parent-state='pending']:not(.cat-card__media),
[data-jp-img-parent-state='error'],
[data-jp-img-parent-state='timeout'],
.cat-card:not(.is-card-skeleton) .cat-card__media:has(> .cat-card__media-photo.is-lazy-pending),
.cat-card__media:has(> .jp-img-fallback),
.media-slot:has(> .jp-img-fallback),
.jp-media:has(> .jp-img-fallback),
.card__image:has(> .jp-img-fallback),
[data-media-container]:has(> .jp-img-fallback),
[data-jp-lazy-bg],
.is-jp-lazybg-loading,
.is-jp-lazybg-error
):not(.jp-skeleton-glyph-field-host)::after {
  content: '';
  display: block;
  position: absolute;
  inset: 50% auto auto 50%;
  width: min(44px, 40%);
  height: min(44px, 40%);
  transform: translate(-50%, -50%);
  background: var(--color-forest);
  -webkit-mask: url('/assets/shop-manager-icons/image.svg') center / contain no-repeat;
  mask: url('/assets/shop-manager-icons/image.svg') center / contain no-repeat;
  -webkit-clip-path: none;
  clip-path: none;
  border-radius: 0;
  opacity: 0.48;
  animation: none;
  pointer-events: none;
  z-index: 1;
}

:is(.cat-card__media, .media-slot, .jp-media, .card__image, [data-media-container]) > img.jp-img-fallback {
  visibility: hidden !important;
}



/*! [bundle] /styles/components/header.css */

/*! [bundle] /styles.css */
:root {
  --scale: 1;
  --canvas-h: 5947px;
  --stage-h: 5947px;
  --fullbleed-left: 0px;
  --fullbleed-width: 1440px;
  --header-scrollbar-compensation: 0px;
  --header-layer-backdrop: 0;
  --header-layer-legacy-art: 1;
  --header-layer-line: 2;
  --header-layer-chrome: 4;
  --header-layer-hitboxes: 5;
  --header-layer-search-text: 6;
  --header-layer-floating: 12;
  --jp-spinner-color: #3F6A60;
  --jp-spinner-track: rgba(35, 32, 48, 0.1);
  --jp-spinner-size: 38px;
  --jp-spinner-stroke: 5px;
  --font-price: var(--font-display, Georgia, "Times New Roman", serif);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  overscroll-behavior-y: none;
}


html {
  scrollbar-gutter: stable;
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body {
  min-height: 100vh;
  background: #f8fffc;
  
  overflow-x: hidden;
  overflow-x: clip;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.design-stage {
  width: 100%;
  height: var(--stage-h);
  position: relative;
  overflow: visible;
}

html:not(.ui-ready) .design-stage {
  opacity: 0;
  pointer-events: none;
}

html.ui-ready .design-stage {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.design-canvas {
  width: 1440px;
  height: var(--canvas-h);
  transform: translateX(-50%) scale(var(--scale));
  transform-origin: top center;
  position: absolute;
  left: 50%;
  top: 0;
  will-change: transform;
  background: #f8fffc;
}

:where(
  .price,
  [class*="__price"],
  [class*="-price"],
  [class*="Price"],
  [data-product-price-text],
  [data-cart-subtotal],
  [data-cart-shipping],
  [data-cart-discount],
  [data-cart-total],
  [data-track-total],
  .header-cart-card-price,
  .header-cart-card-price-old
) {
  font-family: var(--font-price) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}


.design-canvas,
.design-canvas * {
  -webkit-user-select: none;
  user-select: none;
}


.design-canvas input,
.design-canvas textarea,
.design-canvas [contenteditable="true"] {
  -webkit-user-select: text;
  user-select: text;
}

.design-canvas [data-layer="Header"] {
  position: relative;
  overflow: visible;
}

.design-canvas [data-layer="Header"]::after {
  content: "";
  position: absolute;
  left: calc((1440px - (100vw / var(--scale))) / 2);
  width: calc(100vw / var(--scale));
  transform: none;
  bottom: 0;
  height: 2px;
  background: #EFE7D5;
  pointer-events: none;
  z-index: 2;
}


.fixed-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: calc(-1 * var(--header-scrollbar-compensation, 0px));
  width: auto;
  height: 100%;
  transform: none;
  background: #FFF9F1;
  pointer-events: none;
  z-index: var(--header-layer-backdrop);
}

.fixed-header {
  position: fixed !important;
  left: 0 !important;
  right: var(--header-scrollbar-compensation) !important;
  top: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: calc(123px * var(--scale)) !important;
  background: #FFF9F1;
  
  box-shadow: none;
  transition: box-shadow 200ms ease;
  transform: none !important;
  overflow: visible;
  isolation: isolate;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  z-index: 5000;
}

body.is-page-scrolled .fixed-header {
  box-shadow:
    0 1px 2px rgba(35, 32, 48, 0.04),
    0 6px 16px rgba(35, 32, 48, 0.07);
}


body.is-header-position-locked.is-page-scrolled .fixed-header,
body.page--gift-room.is-gift-room-header-locked.is-page-scrolled .fixed-header,
body.page--gift-room.is-gift-room-room-view.is-page-scrolled .fixed-header {
  box-shadow: none !important;
  transition: none !important;
}


body.is-header-position-locked:not([data-listing-page-live="1"]) .fixed-header::after,
body.page--gift-room.is-gift-room-header-locked .fixed-header::after,
body.page--gift-room.is-gift-room-room-view .fixed-header::after {
  opacity: 0 !important;
}

.fixed-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: calc(-1 * var(--header-scrollbar-compensation, 0px));
  width: auto;
  transform: none;
  bottom: 0;
  height: 1px;
  background: #d9d5d0;
  pointer-events: none;
  z-index: var(--header-layer-line);
}

.fixed-header > svg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1440px;
  height: 123px;
  transform: translateX(-50%) scale(var(--scale));
  transform-origin: top center;
  display: block;
  pointer-events: auto;
  z-index: var(--header-layer-legacy-art);
  
  clip-path: inset(0 0 2px 0);
}

.fixed-header .header-desktop-shell,
.fixed-header .header-tablet-768,
.fixed-header .header-mobile-414 {
  z-index: var(--header-layer-chrome);
  isolation: isolate;
}

.fixed-header > svg > rect:first-of-type,
.fixed-header > svg > rect:nth-of-type(2) {
  fill: #FFF9F1 !important;
}

.fixed-header .header-hitboxes {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1440px;
  height: 123px;
  transform: translateX(-50%) scale(var(--scale));
  transform-origin: top center;
  pointer-events: none;
  z-index: var(--header-layer-hitboxes);
}

.fixed-header .header-floating-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: var(--header-layer-floating);
}

.fixed-header .header-hitbox {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  pointer-events: auto;
  cursor: pointer;
}

.fixed-header .header-hitbox:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header .header-hover-tip {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, 0) translateY(-4px) scale(0.985);
  transform-origin: center top;
  opacity: 0;
  pointer-events: none;
  background: var(--color-forest-dark);
  border: 1px solid var(--color-forest-dark);
  border-radius: 11px;
  box-shadow: 0 8px 18px rgba(35, 32, 48, 0.2);
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: pre-line;
  text-align: center;
  padding: 9px 12px 10px;
  z-index: 14;
  will-change: transform, opacity, left, top;
  backface-visibility: hidden;
  transition:
    opacity 0.18s ease,
    transform 0.24s cubic-bezier(0.18, 0.82, 0.24, 1),
    left 0.2s cubic-bezier(0.18, 0.82, 0.24, 1),
    top 0.2s cubic-bezier(0.18, 0.82, 0.24, 1);
}

.fixed-header .header-hover-tip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  width: 12px;
  height: 12px;
  transform: translateX(-50%) rotate(45deg);
  background: var(--color-forest-dark);
  border-top: 1px solid var(--color-forest-dark);
  border-left: 1px solid var(--color-forest-dark);
}

.fixed-header .header-hover-tip.is-visible {
  opacity: 1;
  transform: translate(-50%, 0) translateY(0) scale(1);
}

.fixed-header {
  --header-primary-hover-fill: #cfe3db;
  --header-primary-hover-bounce-duration: 0.44s;
  --header-primary-hover-bounce-easing: cubic-bezier(0.22, 1, 0.28, 1);
}

.fixed-header .header-soft-target,
.fixed-header .header-pop-target,
.fixed-header .header-sign-target,
.fixed-header .header-search-target,
.fixed-header .header-wishlist-target,
.fixed-header .header-mic-bubble {
  transform-box: fill-box;
  transform-origin: center;
}

.fixed-header .header-soft-target {
  fill: #f6f8fb !important;
  transition: fill 0.24s ease;
}

.fixed-header .header-soft-target.is-hover {
  fill: #EFE7D5 !important;
}

@keyframes header-pop-bounce {
  0% {
    transform: scale(0.9);
  }
  32% {
    transform: scale(1.068);
  }
  58% {
    transform: scale(0.986);
  }
  78% {
    transform: scale(1.018);
  }
  100% {
    transform: scale(1);
  }
}

.fixed-header .header-pop-target {
  fill: transparent !important;
  transition: fill 0.32s ease;
}

.fixed-header .header-pop-target.is-hover {
  fill: var(--header-primary-hover-fill) !important;
}

.fixed-header .header-sign-target {
  fill: transparent !important;
  transition: fill 0.32s ease;
}

.fixed-header .header-sign-target.is-hover {
  fill: var(--header-primary-hover-fill) !important;
}

.fixed-header .header-search-target {
  transition: fill 0.2s ease;
}

.fixed-header .header-search-target.is-hover {
  fill: var(--color-forest-dark) !important;
}

.fixed-header .header-wishlist-target {
  fill: #232030 !important;
  stroke: transparent;
  stroke-width: 1.5;
  transition: fill 0.3s ease, stroke 0.3s ease, filter 0.3s ease;
}

.fixed-header .header-wishlist-target.is-hover {
  fill: #FFF9F1 !important;
  stroke: #232030 !important;
  filter: drop-shadow(0 4px 10px rgba(35, 32, 48, 0.1));
}

.fixed-header .header-wishlist-text {
  fill: #FFF9F1 !important;
  transition: fill 0.3s ease;
}

.fixed-header .header-wishlist-text.is-hover {
  fill: #232030 !important;
}

.fixed-header .header-hitbox.is-account-chip,
.fixed-header .header-hitbox.is-bell-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  transition: background-color 0.3s ease, filter 0.3s ease;
  isolation: isolate;
  overflow: visible;
}

.fixed-header .header-hitbox.is-account-chip {
  padding: 0;
}

.fixed-header .header-hitbox.is-bell-chip {
  padding: 0;
}

.fixed-header .header-account-chip-inner,
.fixed-header .header-bell-chip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 1;
}

.fixed-header .header-hitbox.is-account-chip::before,
.fixed-header .header-hitbox.is-bell-chip::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  z-index: 0;
  transition: background-color 0.3s ease;
}

.fixed-header .header-hitbox.is-account-chip::before {
  background: transparent;
}

.fixed-header .header-hitbox.is-bell-chip::before {
  background: transparent;
}

.fixed-header .header-bell-chip-icon-wrap {
  position: absolute;
  left: 12px;
  top: 13px;
  width: 22px;
  height: 26px;
}

.fixed-header .header-hitbox.is-account-chip.is-hover,
.fixed-header .header-hitbox.is-account-chip:focus-visible,
.fixed-header .header-hitbox.is-bell-chip.is-hover,
.fixed-header .header-hitbox.is-bell-chip:focus-visible,
.fixed-header .header-hitbox.is-account-chip[aria-expanded="true"],
.fixed-header .header-hitbox.is-bell-chip[aria-expanded="true"] {
  filter: none;
}

.fixed-header .header-hitbox.is-account-chip.is-hover::before,
.fixed-header .header-hitbox.is-account-chip:focus-visible::before,
.fixed-header .header-hitbox.is-bell-chip.is-hover::before,
.fixed-header .header-hitbox.is-bell-chip:focus-visible::before,
.fixed-header .header-hitbox.is-account-chip[aria-expanded="true"]::before,
.fixed-header .header-hitbox.is-bell-chip[aria-expanded="true"]::before {
  background: #dcddd4;
}

.fixed-header .header-hitbox.is-account-chip.is-hover::before,
.fixed-header .header-hitbox.is-account-chip:focus-visible::before,
.fixed-header .header-hitbox.is-bell-chip.is-hover::before,
.fixed-header .header-hitbox.is-bell-chip:focus-visible::before {
  animation: header-pop-bounce-soft 0.44s cubic-bezier(0.22, 1, 0.28, 1) both;
}

.fixed-header .header-hitbox.is-account-chip:active,
.fixed-header .header-hitbox.is-bell-chip:active {
  transform: none;
}

.fixed-header .header-hitbox.is-account-chip:focus-visible,
.fixed-header .header-hitbox.is-bell-chip:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header.is-authenticated .header-sign-static {
  opacity: 0 !important;
  pointer-events: none !important;
}

.fixed-header.is-authenticated .header-sign-target {
  opacity: 0 !important;
  pointer-events: none !important;
}

.fixed-header.is-authenticated .header-bell-icon,
.fixed-header.is-authenticated .header-bell-icon-secondary,
.fixed-header.is-authenticated .header-bell-compact-extra,
.fixed-header.is-authenticated .header-bell-static-badge {
  opacity: 0 !important;
  pointer-events: none !important;
}

.fixed-header .header-bell-static-badge {
  opacity: 0 !important;
  pointer-events: none !important;
}

.fixed-header .header-account-avatar {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: linear-gradient(180deg, #FFF9F1EE 0%, #f4d8c9 100%);
  box-shadow: inset 0 0 0 3px #232030;
  color: #5a3f35;
  font-family: var(--font-body);
  font-size: 21px;
  font-weight: 800;
  line-height: 42px;
  text-align: center;
  flex: 0 0 auto;
}

.fixed-header .header-account-avatar.has-image {
  background-color: #FFF9F1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}

.fixed-header .header-account-chevron {
  position: absolute;
  left: 57px;
  top: 21px;
  width: 16px;
  height: 10px;
  min-width: 16px;
  min-height: 10px;
  max-width: 16px;
  max-height: 10px;
  display: block;
  object-fit: contain;
  object-position: center;
}


.fixed-header .header-account-chevron path {
  fill: #232030;
  stroke: none;
}

.fixed-header .header-bell-chip-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 32px;
  min-width: 28px;
  min-height: 32px;
  max-width: 28px;
  max-height: 32px;
  flex: 0 0 28px;
  display: block;
  object-fit: contain;
  object-position: center;
}

.fixed-header .header-bell-chip-icon path {
  stroke: #232030;
  stroke-width: 2.16667;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fixed-header .header-bell-chip-badge {
  position: absolute;
  left: 28px;
  top: 4px;
  height: 18px;
  min-width: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--color-alert-red);
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fixed-header .header-tablet-bell-badge[hidden],
.fixed-header .header-bell-chip-badge[hidden],
.fixed-header .header-bell-guest-badge[hidden] {
  display: none !important;
}

.fixed-header .header-bell-guest-badge {
  position: absolute;
  left: 28px;
  top: 4px;
  height: 18px;
  min-width: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--color-alert-red);
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fixed-header .header-hitbox.is-bell-chip .header-account-chevron {
  left: 45px;
  top: 21px;
  width: 16px;
  height: 10px;
}

.fixed-header .header-account-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 276px;
  background: var(--popup-bg);
  border: 1px solid var(--popup-border);
  border-radius: 13px;
  box-shadow: 0 10px 20px rgba(35, 32, 48, 0.12);
  z-index: 4;
  overflow: visible;
}

.fixed-header .header-account-panel::before {
  display: none;
}

.fixed-header .header-account-panel.is-open {
  animation: header-panel-fade-in 0.22s ease both;
}

.fixed-header .header-account-panel-inner {
  position: relative;
  z-index: 1;
  border-radius: 13px;
  overflow: hidden;
  background: var(--popup-bg);
}

.fixed-header .header-account-sheet-grip {
  display: none;
}

.fixed-header .header-account-profile {
  width: 100%;
  border: 0;
  background: var(--popup-bg);
  margin: 0;
  padding: 11px 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px solid var(--popup-border-strong);
  transition: background-color 0.22s ease;
}

.fixed-header .header-account-profile:hover,
.fixed-header .header-account-profile:focus-visible {
  background: var(--popup-hover);
}

.fixed-header .header-account-profile:focus-visible,
.fixed-header .header-account-item:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: -2px;
}

.fixed-header .header-account-profile .header-account-avatar {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  display: block;
  flex: 0 0 42px;
  margin-right: 2px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1.5px #232030,
    0 3px 8px rgba(35, 32, 48, 0.12);
}

.fixed-header .header-account-profile-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.fixed-header .header-account-profile-name {
  color: #232030;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-header .header-account-profile-link {
  color: #232030;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.fixed-header .header-account-section {
  padding: 0;
  border-top: 1px solid var(--popup-border-strong);
}

.fixed-header .header-account-section:first-of-type {
  border-top: 0;
}

.fixed-header .header-account-item {
  width: 100%;
  min-height: 40px;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.22s ease;
}

.fixed-header .header-account-item:hover,
.fixed-header .header-account-item:focus-visible {
  background: var(--popup-hover);
}

.fixed-header .header-account-item-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fixed-header .header-account-item-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.fixed-header .header-account-item-icon img {
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
}

.fixed-header .header-account-item-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.fixed-header .header-account-item-text {
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
}

.fixed-header .header-account-item-note {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.fixed-header .header-account-item.is-logout .header-account-item-text {
  font-weight: 600;
}

.fixed-header .header-notifications-panel {
  --popup-title-font: var(--font-body);
  --popup-title-size: 16px;
  --popup-title-weight: 700;
  --popup-title-line-height: 20px;
  --popup-title-letter-spacing: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 306px;
  background: var(--popup-bg);
  border: 0;
  border-radius: 15px;
  box-shadow: var(--popup-shadow-soft);
  z-index: 4;
  overflow: hidden;
}

@keyframes header-notifications-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fixed-header .header-notifications-panel.is-open:not(.is-mobile-sheet) {
  animation: header-notifications-fade-in 0.14s ease both;
}

.fixed-header .header-notifications-panel-inner {
  position: relative;
  z-index: 1;
  border-radius: 15px;
  overflow: hidden;
  background: var(--popup-bg);
}

.fixed-header .header-notifications-sheet-grip {
  display: none;
}

.fixed-header .header-notifications-panel-head {
  padding: 14px 15px 10px;
  border-bottom: 1px solid var(--popup-border);
  text-align: left;
}

.fixed-header .header-notifications-panel-title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--popup-title-font, var(--font-display));
  font-size: var(--popup-title-size, 25px);
  font-weight: var(--popup-title-weight, 600);
  line-height: var(--popup-title-line-height, 1.16);
  letter-spacing: var(--popup-title-letter-spacing, 0);
}

.fixed-header .header-notifications-panel-body {
  padding: 9px;
  background: var(--popup-bg);
  display: flex;
  flex-direction: column;
  gap: 7px;
  max-height: min(366px, calc(100vh - 180px));
  overflow-y: auto;
}

.fixed-header .header-notifications-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fixed-header .header-notifications-card {
  --header-notification-surface: var(--color-sand-dark);
  --header-notification-hover-surface: var(--color-sand-dark);
  --header-notification-icon-surface: var(--color-sand-dark);
  --header-notification-line: var(--color-sand-dark);
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px 10px 10px;
  border-radius: 10px;
  background: transparent;
  width: 100%;
  border: 0;
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.fixed-header .header-notifications-card:hover,
.fixed-header .header-notifications-card:focus-visible {
  background: var(--header-notification-hover-surface);
  box-shadow: inset 0 0 0 1px var(--header-notification-line);
  transform: none;
}

.fixed-header .header-notifications-card.is-type-message {
  --header-notification-surface: color-mix(in srgb, var(--color-forest) 5%, var(--color-sand-dark));
  --header-notification-hover-surface: color-mix(in srgb, var(--color-forest) 7%, var(--color-sand-dark));
  --header-notification-icon-surface: color-mix(in srgb, var(--color-forest) 8%, var(--color-sand-dark));
  --header-notification-line: color-mix(in srgb, var(--color-forest) 10%, var(--color-sand-dark));
}

.fixed-header .header-notifications-card.is-type-deal {
  --header-notification-surface: color-mix(in srgb, var(--color-warn) 4%, var(--color-sand-dark));
  --header-notification-hover-surface: color-mix(in srgb, var(--color-warn) 6%, var(--color-sand-dark));
  --header-notification-icon-surface: color-mix(in srgb, var(--color-warn) 7%, var(--color-sand-dark));
  --header-notification-line: color-mix(in srgb, var(--color-warn) 10%, var(--color-sand-dark));
}

.fixed-header .header-notifications-card.is-type-cart,
.fixed-header .header-notifications-card.is-type-plant {
  --header-notification-surface: color-mix(in srgb, var(--color-forest) 4%, var(--color-sand-dark));
  --header-notification-hover-surface: color-mix(in srgb, var(--color-forest) 6%, var(--color-sand-dark));
  --header-notification-icon-surface: color-mix(in srgb, var(--color-forest) 7%, var(--color-sand-dark));
  --header-notification-line: color-mix(in srgb, var(--color-forest) 9%, var(--color-sand-dark));
}

.fixed-header .header-notifications-card:hover .header-notifications-card-title,
.fixed-header .header-notifications-card:focus-visible .header-notifications-card-title {
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  text-decoration-color: currentColor;
}

.fixed-header .header-notifications-card:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header .header-notifications-card.is-unread {
  background: var(--header-notification-surface);
  box-shadow: inset 0 0 0 1px var(--header-notification-line);
}

.fixed-header .header-notifications-card.is-unread:hover,
.fixed-header .header-notifications-card.is-unread:focus-visible {
  background: var(--header-notification-hover-surface);
}

.fixed-header .header-notifications-card.is-unread::after {
  content: none;
  display: none;
}

.fixed-header .header-notifications-card-icon {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: var(--header-notification-icon-surface);
  color: var(--color-ink);
  box-shadow: inset 0 0 0 1px var(--header-notification-line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.fixed-header .header-notifications-card-icon-img {
  width: 14px;
  height: 14px;
  display: block;
  object-fit: contain;
}

.fixed-header .header-notifications-card-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1 1 auto;
}

.fixed-header .header-notifications-card-meta {
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fixed-header .header-notifications-card-title {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
}

.fixed-header .header-notifications-card-text {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
}

.fixed-header .header-notifications-card-timing {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.fixed-header .header-notifications-card-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.fixed-header .header-notifications-card-action {
  margin-left: auto;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
}

.fixed-header .header-notifications-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 208px;
  padding: 18px 14px 16px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.fixed-header .header-notifications-empty-illustration {
  width: min(182px, 100%);
  aspect-ratio: 645 / 524;
  display: block;
  object-fit: contain;
}

.fixed-header .header-notifications-empty-copy {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 230px;
}

.fixed-header .header-notifications-empty-title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-display, var(--font-body));
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.fixed-header .header-notifications-empty-text {
  margin: 0;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.fixed-header .header-notifications-more {
  color: #232030;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  text-align: center;
}

@keyframes header-wishlist-attention-glow {
  0% {
    stroke: transparent;
    stroke-width: 1.5;
    filter: drop-shadow(0 0 0 rgba(35, 32, 48, 0));
    transform: scale(1);
  }
  20% {
    stroke: rgba(63, 106, 96, 0.55);
    stroke-width: 1.8;
    filter: drop-shadow(0 2px 8px rgba(63, 106, 96, 0.2));
    transform: scale(1.01);
  }
  50% {
    stroke: rgba(63, 106, 96, 0.95);
    stroke-width: 2.2;
    filter: drop-shadow(0 0 14px rgba(63, 106, 96, 0.55))
      drop-shadow(0 6px 14px rgba(35, 32, 48, 0.22));
    transform: scale(1.02);
  }
  80% {
    stroke: rgba(63, 106, 96, 0.55);
    stroke-width: 1.8;
    filter: drop-shadow(0 2px 8px rgba(63, 106, 96, 0.2));
    transform: scale(1.01);
  }
  100% {
    stroke: transparent;
    stroke-width: 1.5;
    filter: drop-shadow(0 0 0 rgba(35, 32, 48, 0));
    transform: scale(1);
  }
}

@keyframes header-wishlist-attention-text {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.74;
  }
  100% {
    opacity: 1;
  }
}

.fixed-header .header-wishlist-target.is-attention:not(.is-hover) {
  animation: header-wishlist-attention-glow 2.2s ease-in-out infinite;
}

.fixed-header .header-wishlist-text.is-attention:not(.is-hover) {
  animation: header-wishlist-attention-text 2.2s ease-in-out infinite;
}

.fixed-header .header-mic-bubble {
  fill: transparent;
  pointer-events: none;
  transition: fill 0.24s ease, filter 0.24s ease;
}

.fixed-header .header-mic-bubble.is-hover {
  fill: rgba(63, 106, 96, 0.08) !important;
  animation: none;
  filter: none;
}

.fixed-header .header-search-native-text {
  opacity: 0 !important;
}

.fixed-header .header-search-shell-outer,
.fixed-header .header-search-shell-inner {
  transition: opacity 0.18s ease, stroke 0.18s ease;
}

.fixed-header .header-search-shell-inner {
  stroke: #D6CFB8 !important;
}

.fixed-header .header-search-active-outline {
  display: block !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
  fill: none !important;
  stroke: #3f6a60 !important;
  stroke-width: 2 !important;
}

.fixed-header.is-search-active .header-search-active-outline {
  opacity: 1;
}

.fixed-header .header-search-mask {
  position: absolute;
  left: 336px;
  top: 20px;
  width: 572px;
  height: 42px;
  border-radius: 21px;
  background: transparent;
  pointer-events: none;
  z-index: var(--header-layer-line);
  display: none;
}

.fixed-header .header-search-hints {
  position: absolute;
  left: 338px;
  top: 30px;
  width: 431px;
  height: 20px;
  border-radius: 12px;
  background: transparent;
  color: #829181;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  pointer-events: none;
  user-select: none;
  z-index: var(--header-layer-search-text);
}

.fixed-header .header-search-input {
  position: absolute;
  left: 338px;
  top: 30px;
  width: 431px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #232030;
  caret-color: #232030;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  appearance: none;
  pointer-events: auto;
  z-index: calc(var(--header-layer-search-text) + 1);
}

.fixed-header .header-search-input::placeholder {
  color: #829181;
}

@keyframes header-panel-fade-in {
  0% {
    opacity: 0;
    transform: translateY(-6px) scale(0.985);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.fixed-header .header-search-popover,
.fixed-header .header-categories-backdrop,
.fixed-header .header-burger-backdrop,
.fixed-header .header-burger-panel,
.fixed-header .header-cart-panel,
.fixed-header .header-account-panel,
.fixed-header .header-notifications-panel,
.fixed-header .header-categories-panel,
.fixed-header .header-mic-panel {
  pointer-events: auto;
}

.fixed-header .header-search-popover[hidden],
.fixed-header .header-categories-backdrop[hidden],
.fixed-header .header-burger-backdrop[hidden],
.fixed-header .header-burger-panel[hidden],
.fixed-header .header-cart-panel[hidden],
.fixed-header .header-account-panel[hidden],
.fixed-header .header-notifications-panel[hidden],
.fixed-header .header-categories-panel[hidden],
.fixed-header .header-mic-panel[hidden] {
  display: none !important;
}

.fixed-header .header-floating-layer [hidden] {
  display: none !important;
}

.fixed-header .header-mic-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 284px;
  min-width: 0;
  padding: 14px;
  background: var(--popup-bg);
  border: 1px solid var(--popup-border);
  border-radius: 24px;
  box-shadow: var(--popup-shadow-soft);
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
}

.fixed-header .header-mic-panel.is-open {
  animation: header-panel-fade-in 0.19s ease both;
}

.fixed-header .header-mic-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.fixed-header .header-mic-title {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.fixed-header .header-mic-close {
  width: 64px;
  height: 40px;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(230, 240, 234, 0.86);
  cursor: pointer;
  transition: background-color 0.2s ease;
  position: relative;
}

.fixed-header .header-mic-close svg {
  position: absolute;
  left: 19px;
  top: 7px;
  width: 26px;
  height: 26px;
  display: block;
}

.fixed-header .header-mic-close:hover,
.fixed-header .header-mic-close:focus-visible {
  background: #232030;
}

.fixed-header .header-mic-close:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.32);
  outline-offset: 1px;
}

.fixed-header .header-mic-status {
  margin: 0;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.fixed-header .header-mic-cta {
  align-self: center;
  width: 88px;
  height: 88px;
  border: 0;
  border-radius: 44px;
  background: #232030;
  color: var(--color-cream);
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(35, 32, 48, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.fixed-header .header-mic-cta svg {
  width: 30px;
  height: 30px;
  display: block;
}

.fixed-header .header-mic-cta:hover,
.fixed-header .header-mic-cta:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(35, 32, 48, 0.24);
}

.fixed-header .header-mic-cta:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.32);
  outline-offset: 2px;
}

@keyframes header-mic-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(63, 106, 96, 0.45), 0 6px 14px rgba(35, 32, 48, 0.2);
  }
  100% {
    box-shadow: 0 0 0 14px rgba(63, 106, 96, 0), 0 6px 14px rgba(35, 32, 48, 0.2);
  }
}

.fixed-header .header-mic-panel.is-listening .header-mic-cta {
  background: #3f6a60;
  animation: header-mic-pulse 1s ease-out infinite;
}

.fixed-header .header-mic-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fixed-header .header-mic-chip {
  border: 1px solid var(--popup-border-strong);
  border-radius: 999px;
  background: var(--popup-bg);
  color: #232030;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 8px 10px;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.fixed-header .header-mic-chip:hover,
.fixed-header .header-mic-chip:focus-visible {
  background: var(--popup-hover);
  border-color: #3f6a60;
}

.fixed-header .header-mic-chip:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.32);
  outline-offset: 1px;
}

.fixed-header .header-mic-result {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.fixed-header .header-mic-result__lead,
.fixed-header .header-mic-result__hint {
  display: block;
}

.fixed-header .header-mic-result__lead {
  font-weight: 600;
}

.fixed-header .header-mic-result__hint {
  margin-top: 8px;
  color: #697287;
  font-size: 12px;
  line-height: 16px;
}

.fixed-header .header-mic-result__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.fixed-header .header-mic-result__chip {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  background: #f8f1eb;
  color: #232030;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.fixed-header .header-search-popover {
  position: absolute;
  left: 0;
  top: 0;
  width: 653px;
  background: var(--popup-bg);
  border: 1px solid var(--popup-border);
  border-radius: 20px;
  box-shadow: var(--popup-shadow-soft);
  z-index: 3;
  padding: 8px;
  overflow: auto;
}

.fixed-header .header-search-popover.is-open {
  animation: header-panel-fade-in 0.19s ease both;
}

.fixed-header .header-search-popover--focus {
  padding-bottom: 10px;
}

.fixed-header .header-search-popover--typed {
  padding-top: 10px;
  padding-bottom: 10px;
}

.fixed-header .header-search-popover-title {
  margin: 0 10px 8px;
  color: #232030;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.fixed-header .header-search-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.fixed-header .header-search-row {
  width: 100%;
  min-height: 50px;
  border: 0;
  background: transparent;
  border-radius: 14px;
  padding: 8px 15px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
}

.fixed-header .header-search-popover--focus .header-search-row {
  padding: 0;
}

.fixed-header .header-search-row:hover,
.fixed-header .header-search-row:focus-visible,
.fixed-header .header-search-row.is-preview {
  background: var(--popup-hover);
}

.fixed-header .header-search-row.is-static {
  cursor: default;
}

.fixed-header .header-search-row.is-static:hover,
.fixed-header .header-search-row.is-static:focus-visible {
  background: transparent;
  outline: 0;
}

.fixed-header .header-search-row:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.32);
  outline-offset: 0;
}

.fixed-header .header-search-row--action {
  margin-top: 2px;
}

.fixed-header .header-search-thumb {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: #8e95b2;
  flex: 0 0 auto;
}

.fixed-header .header-search-popover--focus .header-search-thumb {
  margin-left: 2px;
}

.fixed-header .header-search-thumb.is-photo {
  background: linear-gradient(135deg, #f6c443 0%, #c58f3f 45%, #7d87b1 100%);
}

.fixed-header .header-search-row-text {
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.fixed-header .header-search-popover--focus .header-search-row-text {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}

.fixed-header .header-search-row-text strong,
.fixed-header .header-search-row--action .header-search-row-text {
  font-weight: 700;
}

.fixed-header .header-burger-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(35, 32, 48, 0.18);
  z-index: 6;
  backdrop-filter: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1.08s cubic-bezier(0.16, 1, 0.3, 1);
}

.fixed-header .header-burger-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.fixed-header .header-burger-panel,
.fixed-header .header-cart-panel {
  position: fixed;
  
  right: 0;
  top: 74px;
  width: 288px;
  height: calc(100vh - 74px);
  max-height: calc(100vh - 74px);
  border-radius: 0;
  border-left: 1px solid var(--color-line);
  background: #f8f1eb;
  
  box-shadow: -16px 0 18px -12px rgba(35, 32, 48, 0.32);
  z-index: 7;
  overflow: visible;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  pointer-events: none;
  transition: transform 0.42s cubic-bezier(0.18, 1, 0.2, 1);
  will-change: transform;
  margin: 0;
}

.fixed-header .header-burger-panel.is-open,
.fixed-header .header-cart-panel.is-open {
  transform: translateX(0);
  pointer-events: auto;
}


.fixed-header .header-burger-panel::before {
  content: "";
  position: absolute;
  
  top: -12px;
  right: var(--burger-tail-right, 43px);
  width: 24px;
  height: 13px;
  
  background-image: url("/assets/header-icons/popup-tail.svg");
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 3;
}

.fixed-header .header-cart-panel::before {
  content: "";
  position: absolute;
  top: -12px;
  right: var(--cart-tail-right, 101px);
  width: 24px;
  height: 13px;
  background-image: url("/assets/header-icons/popup-tail.svg");
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 3;
}


body.header-burger-panel-open .fixed-header .header-desktop-burger::before,
body.header-cart-panel-open .fixed-header .header-desktop-cart::before {
  background: #dcddd4;
}


.fixed-header .header-burger-backdrop,
.fixed-header .header-burger-backdrop.is-open {
  display: none !important;
}

@media (max-width: 880px) {
  body.header-burger-panel-open::before,
  body.header-cart-panel-open::before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 78px;
    bottom: 84px;
    background: rgba(35, 32, 48, 0.38);
    pointer-events: none;
    z-index: 4990;
  }

  .fixed-header .header-burger-panel::before,
  .fixed-header .header-cart-panel::before {
    display: none;
  }

  .fixed-header .header-burger-panel,
  .fixed-header .header-cart-panel {
    left: auto !important;
    right: 0 !important;
    width: min(288px, calc(100vw - 24px)) !important;
    top: 78px !important;
    bottom: 84px !important;
    height: auto !important;
    max-height: none !important;
  }
}


html.header-panel-open {
  background: #f8f1eb !important;
}

html.header-categories-panel-open,
body.header-categories-panel-open {
  overflow: hidden;
  overscroll-behavior: contain;
}

.fixed-header .header-cart-top {
  position: relative;
  width: 100%;
  height: 52px;
  flex: 0 0 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 10px 0 20px;
  border-bottom: 1px solid var(--color-line);
}

.fixed-header .header-cart-title {
  margin: 0;
  color: #232030;
  font-family: var(--font-display, var(--font-body));
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
}

.fixed-header .header-cart-view-all {
  min-width: 86px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #232030;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.fixed-header .header-cart-view-all img {
  width: 18px;
  height: 12px;
  display: block;
  transition: transform var(--duration-fast, 180ms) var(--ease-standard, ease);
}

.fixed-header .header-cart-view-all:hover img,
.fixed-header .header-cart-view-all:focus-visible img {
  transform: translateX(3px);
}

.fixed-header .header-cart-view-all:focus-visible,
.fixed-header .header-cart-continue:focus-visible,
.fixed-header .header-cart-card-remove:focus-visible,
.fixed-header .header-cart-empty button:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header .header-cart-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 8px 0 12px;
}

.fixed-header .header-cart-body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.fixed-header .header-cart-items {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.fixed-header .header-cart-card {
  position: relative;
  width: calc(100% - 35px);
  min-height: 0;
  margin: 0 25px 0 10px;
  border-radius: 0;
  background: #f8f1eb;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  overflow: visible;
}

.fixed-header .header-cart-card-media {
  position: relative;
  width: 100%;
  aspect-ratio: 1.36 / 1;
  border-radius: 18px;
  overflow: hidden;
}

.fixed-header .header-cart-card-thumb {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 18px;
  background: var(--popup-bg);
  color: #3f6a60;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-decoration: none;
}

.fixed-header .header-cart-card-thumb::after {
  content: none;
}

.fixed-header .header-cart-card-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.fixed-header .header-cart-card-thumb-blank {
  width: 100%;
  height: 100%;
  display: block;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 249, 241, 0.92) 0%, rgba(255, 249, 241, 0) 35%),
    linear-gradient(135deg, #e9eef5 0%, #f4eee8 100%);
}

.fixed-header .header-cart-card-copy {
  min-width: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fixed-header .header-cart-card-title {
  display: none;
  color: #232030;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
  line-height: 15px;
  text-decoration: none;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.fixed-header .header-cart-card-title:hover,
.fixed-header .header-cart-card-title:focus-visible {
  color: #3f6a60;
}

.fixed-header .header-cart-card-meta {
  display: none;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.fixed-header .header-cart-card-price {
  color: #232030;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.fixed-header .header-cart-card-price-pill {
  position: absolute;
  left: 9px;
  bottom: 10px;
  max-width: calc(100% - 19px);
  min-height: 31px;
  padding: 0 10px 0 9px;
  border-radius: 999px;
  background: var(--popup-bg);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  z-index: 2;
  overflow: hidden;
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.14);
}

.fixed-header .header-cart-card-price-old {
  min-width: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-decoration: line-through;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-header .header-cart-card-old {
  display: none;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 600;
  line-height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fixed-header .header-cart-card-status,
.fixed-header .header-cart-card-signal {
  color: #e60023;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.fixed-header .header-cart-card-remove {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 249, 241, 0.94);
  color: #232030;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px) scale(0.94);
  transition: opacity 0.18s ease, transform 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.fixed-header .header-cart-card-remove::before {
  content: "";
  width: 19px;
  height: 19px;
  display: block;
  margin: auto;
  background: currentColor;
  -webkit-mask: url("/assets/gift-room-icons/trash.svg") center / 19px 19px no-repeat;
  mask: url("/assets/gift-room-icons/trash.svg") center / 19px 19px no-repeat;
}

.fixed-header .header-cart-card-media:hover .header-cart-card-remove,
.fixed-header .header-cart-card-media:focus-within .header-cart-card-remove {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.fixed-header .header-cart-card-remove:hover,
.fixed-header .header-cart-card-remove:focus-visible {
  background: var(--popup-bg);
  color: var(--color-alert-red, #b91515);
}

.fixed-header .header-cart-empty {
  width: 264px;
  margin: 10px auto 0;
  min-height: 168px;
  border: 1px solid var(--popup-outline);
  border-radius: 18px;
  padding: 18px;
  color: #232030;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
}

.fixed-header .header-cart-empty[hidden],
.fixed-header .header-cart-footer[hidden] {
  display: none !important;
}

.fixed-header .header-cart-empty strong {
  font-family: var(--font-display, var(--font-body));
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.fixed-header .header-cart-empty span {
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.fixed-header .header-cart-empty button {
  align-self: flex-start;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: #232030;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
  padding: 0 15px;
  cursor: pointer;
}

.fixed-header .header-cart-footer {
  flex: 0 0 auto;
  border-top: 1px solid var(--color-line);
  padding: 10px 10px 8px;
}

.fixed-header .header-cart-continue {
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 24px;
  background: #232030;
  color: #FFF9F1;
  font-family: var(--font-body);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}

.fixed-header .header-cart-continue span {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.fixed-header .header-cart-continue strong {
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
}

.fixed-header .header-cart-footer p {
  margin: 4px 0 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
}

.fixed-header .header-burger-top {
  position: relative;
  width: 100%;
  height: 52px;
  flex: 0 0 52px;
}

.fixed-header .header-burger-top::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #d9d5d0;
}

.fixed-header .header-burger-title {
  position: absolute;
  left: 20px;
  top: 0;
  margin: 0;
  height: 52px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-display, var(--font-body));
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  color: #232030;
}

.fixed-header .header-burger-close {
  position: absolute;
  right: 20px;
  top: 27px;
  width: 78px;
  height: 55px;
  border: 0;
  border-radius: 999px;
  background: #dcddd4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.fixed-header .header-burger-close svg,
.fixed-header .header-burger-close img {
  width: 17px;
  height: 17px;
  display: block;
}

.fixed-header .header-burger-close:hover,
.fixed-header .header-burger-close:focus-visible {
  background: #d2d4ca;
}

.fixed-header .header-burger-close:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header .header-burger-body {
  position: relative;
  width: 100%;
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 14px 0 16px;
}

.fixed-header .header-burger-body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.fixed-header .header-burger-signin {
  width: 264px;
  min-height: 68px;
  margin: 0 auto;
  background: var(--popup-bg);
  border-radius: 18px;
  border: 0;
  padding: 13px 13px 13px 13px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(35, 32, 48, 0.08);
}

.fixed-header .header-burger-signin-avatar {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(63, 106, 96, 0.27);
  border: 1px solid #3f6a60;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fixed-header .header-burger-signin-avatar svg {
  width: 20px;
  height: 20px;
  display: block;
}

.fixed-header .header-burger-signin-avatar.is-account-avatar {
  background: linear-gradient(180deg, #FFF9F18f1 0%, #f4d3c6 100%);
  border: 0;
  box-shadow:
    inset 0 0 0 3px var(--color-forest),
    0 2px 6px rgba(35, 32, 48, 0.14);
  color: #5a3f35;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 800;
  line-height: 42px;
  text-align: center;
}

.fixed-header .header-burger-signin-avatar.is-account-avatar.has-image {
  background-color: #FFF9F1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}

.fixed-header .header-burger-signin-text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.fixed-header .header-burger-signin-title {
  color: #232030;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-header .header-burger-signin-hint {
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-header .header-burger-signin-action {
  margin-left: auto;
  width: auto;
  min-width: 75px;
  max-width: 112px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid var(--popup-outline);
  background: var(--popup-bg);
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-header .header-burger-signin.is-authenticated .header-burger-signin-action {
  display: inline-flex;
}

.fixed-header .header-burger-signin.is-authenticated .header-burger-signin-hint {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: break-word;
  word-break: break-word;
}


.fixed-header .header-burger-signin.is-authenticated .header-burger-signin-title {
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.fixed-header .header-burger-signin-action:hover,
.fixed-header .header-burger-signin-action:focus-visible {
  background: var(--popup-hover);
  border-color: var(--popup-outline);
}

.fixed-header .header-burger-signin-action:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header .header-burger-dashboard {
  width: 264px;
  margin: 8px auto 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.fixed-header .header-burger-dashboard[hidden] {
  display: none;
}

.fixed-header .header-burger-dashboard-card {
  width: 100%;
  min-height: 70px;
  border: 0;
  border-radius: 18px;
  background: #DCDDD3;
  color: #232030;
  padding: 12px 11px 10px 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "title cta"
    "text cta";
  column-gap: 10px;
  row-gap: 3px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(35, 32, 48, 0.06);
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.fixed-header .header-burger-dashboard-card:hover,
.fixed-header .header-burger-dashboard-card:focus-visible {
  background: #DCDDD3;
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  outline: 0;
}

.fixed-header .header-burger-dashboard.is-shop-dashboard .header-burger-dashboard-card {
  background: var(--color-forest);
  color: var(--popup-bg);
  min-height: 70px;
  padding: 11px 13px;
  grid-template-areas:
    "eyebrow cta"
    "title cta"
    "text cta";
  row-gap: 3px;
}

.fixed-header .header-burger-dashboard-eyebrow,
.fixed-header .header-burger-dashboard-text,
.fixed-header .header-burger-dashboard-cta,
.fixed-header .header-burger-dashboard-action-label,
.fixed-header .header-burger-dashboard-action-text,
.fixed-header .header-burger-dashboard-action-cta,
.fixed-header .header-burger-dashboard-metric-label {
  font-family: var(--font-body);
}

.fixed-header .header-burger-dashboard-eyebrow {
  display: none;
  grid-area: eyebrow;
  color: currentColor;
  opacity: 0.72;
  font-size: 9px;
  font-weight: 800;
  line-height: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.fixed-header .header-burger-dashboard.is-shop-dashboard .header-burger-dashboard-eyebrow {
  display: block;
}

.fixed-header .header-burger-dashboard-title {
  display: block;
  grid-area: title;
  color: currentColor;
  font-family: var(--font-display, var(--font-body));
  font-size: 17px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fixed-header .header-burger-dashboard-text {
  display: block;
  grid-area: text;
  color: currentColor;
  opacity: 0.82;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-header .header-burger-dashboard-cta {
  grid-area: cta;
  justify-self: end;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  border-radius: 999px;
  background: var(--color-sand);
  color: var(--color-ink);
  padding: 0;
  font-size: 0;
  font-weight: 800;
  line-height: 0;
  white-space: nowrap;
}

.fixed-header .header-burger-dashboard-cta-icon {
  width: 17px;
  height: 17px;
  display: block;
  object-fit: contain;
}

.fixed-header .header-burger-dashboard.is-shop-dashboard .header-burger-dashboard-cta {
  width: auto;
  height: auto;
  min-height: 26px;
  background: var(--popup-bg);
  color: var(--color-forest);
  padding: 0 11px;
  font-size: 11px;
  line-height: 13px;
}

.fixed-header .header-burger-dashboard:not(.is-shop-dashboard) .header-burger-dashboard-cta {
  background: var(--color-sand);
  color: var(--color-ink);
}

.fixed-header .header-burger-dashboard-metrics {
  display: block;
}

.fixed-header .header-burger-dashboard-action {
  width: 100%;
  min-height: 62px;
  border: 0;
  border-radius: 16px;
  padding: 9px 10px;
  background: var(--popup-bg-soft);
  color: var(--color-ink);
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--popup-outline-soft, var(--color-sand-dark));
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.fixed-header .header-burger-dashboard-action.has-no-dashboard-action-icon {
  grid-template-columns: minmax(0, 1fr) auto;
  padding-left: 14px;
}

.fixed-header .header-burger-dashboard-action:hover,
.fixed-header .header-burger-dashboard-action:focus-visible {
  background: var(--popup-hover);
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  outline: 0;
}

.fixed-header .header-burger-dashboard-action.is-active {
  background: color-mix(in srgb, var(--color-forest) 8%, var(--popup-bg-soft));
}

.fixed-header .header-burger-dashboard-action-icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-forest) 9%, var(--popup-bg));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px var(--popup-outline-soft, var(--color-sand-dark));
}

.fixed-header .header-burger-dashboard-action.has-no-dashboard-action-icon .header-burger-dashboard-action-icon,
.fixed-header .header-burger-dashboard-action-icon[hidden] {
  display: none;
}

.fixed-header .header-burger-dashboard-action-icon img {
  width: 17px;
  height: 17px;
  display: block;
  object-fit: contain;
}

.fixed-header .header-burger-dashboard-action-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.fixed-header .header-burger-dashboard-action-label {
  color: var(--color-ink-soft);
  font-size: 9px;
  font-weight: 800;
  line-height: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-header .header-burger-dashboard-action-title {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 800;
  line-height: 15px;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fixed-header .header-burger-dashboard-action-text {
  color: var(--color-ink-soft);
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-header .header-burger-dashboard-action-cta {
  justify-self: end;
  align-self: center;
  min-height: 24px;
  border-radius: 999px;
  background: var(--color-forest);
  color: var(--popup-bg);
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 800;
  line-height: 12px;
  white-space: nowrap;
}

.fixed-header .header-burger-dashboard-metric {
  min-height: 54px;
  border-radius: 16px;
  padding: 9px 10px;
  background: var(--popup-bg-soft);
  border: 0;
  color: #232030;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 5px;
  cursor: pointer;
  text-align: left;
  box-shadow: inset 0 0 0 1px rgba(35, 32, 48, 0.08);
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.fixed-header .header-burger-dashboard-metric:hover,
.fixed-header .header-burger-dashboard-metric:focus-visible {
  background: var(--popup-hover);
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  outline: 0;
}

.fixed-header .header-burger-dashboard-metric.is-active {
  background: #EEE5DA;
}

.fixed-header .header-burger-dashboard-metric-label {
  color: var(--color-ink-soft);
  font-size: 10px;
  font-weight: 800;
  line-height: 12px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-header .header-burger-dashboard-metric-value {
  color: #232030;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 800;
  line-height: 21px;
  letter-spacing: 0;
}





.fixed-header .header-burger-group {
  width: 272px;
  margin: 12px auto 0;
  background: #f8f1eb;
  border-radius: 16px;
}

.fixed-header .header-burger-group-primary {
  min-height: 281px;
  padding: 10px 0 4px;
}

.fixed-header .header-burger-group-preferences {
  padding: 6px 0 8px;
}


.fixed-header .header-burger-group-seasonal,
.fixed-header .header-burger-group-featured {
  margin: 4px auto 0;  
  padding: 6px 0 4px;  
}

.fixed-header .header-burger-group-seasonal .header-burger-section-title,
.fixed-header .header-burger-group-featured .header-burger-section-title {
  margin: 0 22px 4px;  
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #6e6a76;
  text-transform: none;
}


.fixed-header .header-burger-group-seasonal .header-burger-item,
.fixed-header .header-burger-group-featured .header-burger-item {
  width: 256px;
}


.fixed-header .header-burger-item.is-seasonal {
  background: #f6e3d2;
}

.fixed-header .header-burger-item.is-seasonal:hover,
.fixed-header .header-burger-item.is-seasonal:focus-visible {
  background: #f1d3b5;
}

.fixed-header .header-burger-item.is-seasonal .header-burger-item-icon img {
  width: 18px;
  height: 18px;
}

.fixed-header .header-burger-divider {
  width: 100%;
  height: 1px;
  margin: 10px 0 0;
  background: #d9d5d0;
}

.fixed-header .header-burger-section-title {
  margin: 14px 12px 10px;  
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
}

.fixed-header .header-burger-item {
  width: 256px;
  height: 46px;
  margin: 0 auto;
  border: 0;
  border-radius: 14px;
  background: transparent;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
}

.fixed-header .header-burger-item.is-dark {
  background: #232030;
}

.fixed-header .header-burger-item--stacked {
  height: 56px;
  align-items: center;
  padding-right: 18px;
}

.fixed-header .header-burger-item:hover,
.fixed-header .header-burger-item:focus-visible {
  background: #dcddd4;
}

.fixed-header .header-burger-item.is-primary:hover,
.fixed-header .header-burger-item.is-primary:focus-visible {
  background: #dcddd4;
}

.fixed-header .header-burger-item.is-dark:hover,
.fixed-header .header-burger-item.is-dark:focus-visible {
  background: #1d1a2b;
}

.fixed-header .header-burger-item:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 0;
}

.fixed-header .header-burger-item-icon {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.fixed-header .header-burger-item-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

.fixed-header .header-burger-item-icon img {
  width: 22px;
  height: 22px;
  display: block;
  object-fit: contain;
}

.fixed-header .header-burger-item-text {
  color: #232030;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
}

.fixed-header .header-burger-item-textwrap {
  min-width: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
}

.fixed-header .header-burger-item-meta {
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fixed-header .header-burger-item-chevron {
  width: 12px;
  height: 12px;
  margin-left: auto;
  color: var(--color-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 12px;
}

.fixed-header .header-burger-item-chevron img {
  width: 12px;
  height: 12px;
  display: block;
  object-fit: contain;
}

.fixed-header .header-burger-item--stacked .header-burger-item-chevron img {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}


.fixed-header .header-burger-journal-toggle[hidden] {
  display: none !important;
}

.fixed-header .header-burger-journal-toggle {
  width: 28px;
  height: 28px;
  margin-left: auto;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  color: var(--color-ink);
  transition: background-color 0.18s ease;
}

.fixed-header .header-burger-journal-toggle:hover,
.fixed-header .header-burger-journal-toggle:focus-visible {
  background: #cfd0c6;
}

.fixed-header .header-burger-journal-toggle img {
  width: 12px;
  height: 12px;
  display: block;
  object-fit: contain;
  transition: transform 0.2s ease;
}

.fixed-header .header-burger-item-journal.is-journal-open .header-burger-journal-toggle img {
  transform: rotate(180deg);
}

.fixed-header .header-burger-subitem {
  padding-left: 46px;
}

.fixed-header .header-burger-subitem[hidden] {
  display: none;
}

.fixed-header .header-burger-subitem .header-burger-item-text {
  font-weight: 600;
  color: var(--color-ink-soft);
}

.fixed-header .header-burger-item.is-dark .header-burger-item-text {
  color: var(--color-cream);
}

.fixed-header .header-burger-item.is-dark .header-burger-item-icon img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(18%) saturate(272%) hue-rotate(307deg) brightness(104%) contrast(94%);
}

.fixed-header .header-burger-item.is-primary .header-burger-item-text {
  font-size: 13px;
  line-height: 15px;
}

.fixed-header .header-burger-item[data-burger-item="cart"] .header-burger-item-icon {
  overflow: visible;
}

.fixed-header .header-burger-item[data-burger-item="cart"] .header-burger-item-icon img,
.fixed-header .header-burger-item[data-burger-item="cart"] .header-burger-item-icon svg {
  width: 52px;
  height: 52px;
  transform: scale(2);
  transform-origin: center;
}

.fixed-header .header-burger-item[data-burger-item="notifications"] .header-burger-item-icon img,
.fixed-header .header-burger-item[data-burger-item="notifications"] .header-burger-item-icon svg {
  width: 30px;
  height: 30px;
  transform: scale(1.15);
  transform-origin: center;
}

.fixed-header .header-burger-item-badge {
  margin-left: auto;
  min-width: 29px;
  height: 24px;
  border-radius: 999px;
  background: var(--color-alert-red);
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fixed-header .header-burger-item-badge[hidden] {
  display: none !important;
}

.fixed-header .header-burger-panel.is-subview-open .header-burger-body {
  display: none;
}

.fixed-header .header-burger-subview {
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 14px 16px 18px;
}

.fixed-header .header-burger-subview::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.fixed-header .header-burger-subview-top {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: var(--color-ink);
  padding: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  text-align: left;
}

.fixed-header .header-burger-back {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  pointer-events: none;
}

.fixed-header .header-burger-subview-top:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header .header-burger-back img {
  width: 17px;
  height: 10px;
  display: block;
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  transition: transform var(--duration-fast) var(--ease-standard);
}

.fixed-header .header-burger-subview-top:hover .header-burger-back img,
.fixed-header .header-burger-subview-top:focus-visible .header-burger-back img {
  transform: translateX(-3px) rotate(180deg);
}

.fixed-header .header-burger-subview-title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}

.fixed-header .header-burger-choice-list {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.fixed-header .header-burger-choice {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: var(--color-ink);
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  text-align: left;
  transition: background-color var(--duration-fast) var(--ease-standard);
}

.fixed-header .header-burger-choice:hover,
.fixed-header .header-burger-choice:focus-visible {
  background: var(--popup-hover);
}

.fixed-header .header-burger-choice:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header .header-burger-choice-text {
  min-width: 0;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 800;
  line-height: 18px;
  flex: 1 1 auto;
}

.fixed-header .header-burger-choice-meta {
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
  flex: 0 0 auto;
}

.fixed-header .header-burger-choice-check {
  width: 17px;
  height: 14px;
  flex: 0 0 17px;
  opacity: 0;
}

.fixed-header .header-burger-choice.is-selected .header-burger-choice-check {
  opacity: 1;
}

.fixed-header .header-burger-choice-check img {
  width: 17px;
  height: 14px;
  display: block;
  filter: brightness(0) saturate(100%);
}

.fixed-header .header-categories-panel {
  position: fixed;
  left: 0;
  top: 0;
  width: 1089px;
  height: 584px;
  border-radius: 20px;
  background: var(--popup-bg);
  border: 0;
  box-shadow: var(--popup-shadow);
  z-index: 3;
  padding: 0;
  display: flex;
  gap: clamp(10px, 1vw, 15px);
  overflow: hidden;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
}

.fixed-header .header-categories-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(35, 32, 48, 0.2);
  z-index: 1;
}

.fixed-header .header-categories-backdrop[hidden] {
  display: none !important;
}

.fixed-header .header-categories-panel.is-open {
  animation: header-panel-fade-in 0.19s ease both;
}

.fixed-header .header-categories-sidebar {
  width: clamp(220px, 28%, 314px);
  min-width: 220px;
  height: 100%;
  background: #dcddd4;
  border-radius: 20px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
}

.fixed-header .header-categories-tabs {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-color: rgba(35, 32, 48, 0.36) transparent;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

.fixed-header .header-category-tab {
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  margin: 0;
  padding: 0 34px 0 10px;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: background-color 0.2s ease;
}

.fixed-header .header-category-tab-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
}

.fixed-header .header-category-tab-icon img {
  width: 21px;
  height: 21px;
  display: block;
  object-fit: contain;
}

.fixed-header .header-category-tab-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.35;
  padding-bottom: 1px;
}

.fixed-header .header-category-tab::after {
  content: "›";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #232030;
  opacity: 0.72;
  font-size: 14px;
  font-weight: 700;
}

.fixed-header .header-category-tab:hover,
.fixed-header .header-category-tab:focus-visible,
.fixed-header .header-category-tab.is-hovering,
.fixed-header .header-category-tab.is-active {
  background: var(--popup-bg);
}

.fixed-header .header-category-tab:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 0;
}

.fixed-header .header-categories-all {
  margin-top: auto;
  width: 100%;
  height: 44px;
  border: 0;
  border-radius: 14px;
  background: #232030;
  color: #FFF9F1;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.fixed-header .header-categories-all:hover,
.fixed-header .header-categories-all:focus-visible {
  background: var(--popup-bg);
  color: #232030;
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5);
}

.fixed-header .header-categories-all:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header .header-categories-content {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 13px 12px 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fixed-header .header-categories-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 0 8px;
}

.fixed-header .header-categories-title {
  min-width: 0;
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fixed-header .header-categories-browse {
  flex: 0 0 auto;
  max-width: min(100%, 320px);
  min-height: 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  overflow: visible;
}

.fixed-header .header-categories-browse-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fixed-header .header-categories-browse-icon {
  width: 17px;
  height: 10px;
  flex: 0 0 auto;
  display: block;
  object-fit: contain;
  transition: transform 0.18s ease;
}

.fixed-header .header-categories-browse:hover,
.fixed-header .header-categories-browse:focus-visible {
  background: transparent;
}

.fixed-header .header-categories-browse:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.fixed-header .header-categories-browse:hover .header-categories-browse-icon,
.fixed-header .header-categories-browse:focus-visible .header-categories-browse-icon {
  transform: translateX(4px);
}

.fixed-header .header-categories-description {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
}

.fixed-header .header-subcategory-grid {
  --header-subcategory-columns: 4;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--header-subcategory-columns), minmax(0, 1fr));
  grid-auto-rows: min-content;
  gap: 12px;
  justify-content: start;
  align-content: start;
  align-items: start;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px 10px 14px;
  scrollbar-color: rgba(35, 32, 48, 0.36) transparent;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

.fixed-header .header-categories-tabs::-webkit-scrollbar,
.fixed-header .header-subcategory-grid::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.fixed-header .header-categories-tabs::-webkit-scrollbar-track,
.fixed-header .header-subcategory-grid::-webkit-scrollbar-track {
  background: transparent;
}

.fixed-header .header-categories-tabs::-webkit-scrollbar-thumb,
.fixed-header .header-subcategory-grid::-webkit-scrollbar-thumb {
  min-height: 44px;
  background: rgba(35, 32, 48, 0.34);
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 999px;
}

.fixed-header .header-categories-tabs::-webkit-scrollbar-thumb:hover,
.fixed-header .header-subcategory-grid::-webkit-scrollbar-thumb:hover {
  background-color: rgba(35, 32, 48, 0.46);
}

.fixed-header .header-categories-tabs::-webkit-scrollbar-button,
.fixed-header .header-subcategory-grid::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.fixed-header .header-subcategory-card {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  flex: 0 0 auto;
  justify-self: stretch;
  align-self: start;
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  margin: 0;
  padding: 2px 2px 8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
  cursor: pointer;
  text-align: center;
  overflow: visible;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.fixed-header .header-subcategory-card:hover {
  background: var(--popup-bg);
  border-color: transparent;
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  transform: none;
}

.fixed-header .header-subcategory-card.is-hovering {
  background: var(--popup-bg);
  border-color: transparent;
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  transform: none;
}

.fixed-header .header-subcategory-card:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 0;
  background: transparent;
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.fixed-header .header-subcategory-thumb {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  min-height: 0;
  border-radius: 14px;
  background: #f0f3f8;
  overflow: hidden;
  box-shadow: none;
  transition: box-shadow 0.18s ease;
}

.fixed-header .header-subcategory-card:hover .header-subcategory-thumb,
.fixed-header .header-subcategory-card:focus-visible .header-subcategory-thumb,
.fixed-header .header-subcategory-card.is-hovering .header-subcategory-thumb {
  background: #f0f3f8;
  box-shadow: none;
}

.fixed-header .header-subcategory-thumb-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  
  opacity: 0;
  transition: opacity 0.32s ease;
}
.fixed-header .header-subcategory-thumb-image.is-loaded {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .fixed-header .header-subcategory-thumb-image {
    transition: none;
  }
}

.fixed-header .header-subcategory-label {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #232030;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  padding: 1px 4px 2px;
  text-align: center;
  white-space: normal;
  word-break: break-word;
}

body.auth-modal-open {
  overflow: hidden;
}

@keyframes jp-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes header-auth-pop {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes header-auth-close-bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}

.header-auth-overlay {
  --popup-control-border: var(--popup-border-strong);
  --popup-focus: var(--color-forest);
  position: fixed;
  inset: 0;
  background: var(--popup-overlay);
  z-index: var(--z-modal-front, 13000);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: 24px 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.26s ease;
}

.header-auth-overlay[hidden],
.header-auth-loader-card[hidden],
.header-auth-card[hidden] {
  display: none !important;
}

.header-auth-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}

.header-auth-overlay.is-closing {
  pointer-events: none;
}

.header-auth-overlay.is-open:not(.is-loading-view),
.header-auth-overlay.is-closing:not(.is-loading-view) {
  align-items: flex-start;
}

.header-auth-shell {
  width: 457px;
  max-width: calc(100vw - 40px);
  position: relative;
  margin: 0;
  opacity: 0;
  transform: translateY(10px) scale(0.98);
  transform-origin: top center;
  transition:
    opacity 0.26s ease,
    transform 0.26s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity, transform;
}

.header-auth-overlay.is-open .header-auth-shell {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.header-auth-overlay.is-closing .header-auth-shell {
  opacity: 0;
  transform: translateY(0) scale(1);
}

.header-auth-close {
  position: absolute;
  top: 0;
  left: calc(100% + var(--popup-close-offset, 10px));
  right: auto;
  width: var(--popup-close-width, 78px);
  height: var(--popup-close-height, 55px);
  border: 0;
  border-radius: 999px;
  background: var(--popup-bg);
  box-shadow: var(--popup-shadow-soft);
  cursor: pointer;
  z-index: 2;
  transition: background-color 0.24s ease, filter 0.24s ease;
  will-change: transform;
}

.header-auth-close::before,
.header-auth-close::after {
  content: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: var(--color-ink);
}

.header-auth-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.header-auth-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.header-auth-close-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--popup-close-icon-size, 17px);
  height: var(--popup-close-icon-size, 17px);
  display: block;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.header-auth-close:hover,
.header-auth-close:focus-visible {
  background: var(--popup-close-hover-bg, var(--sort-control-bg));
  animation: header-auth-close-bounce 0.28s cubic-bezier(0.23, 1.3, 0.32, 1) both;
  filter: var(--popup-close-hover-filter);
}

.header-auth-close:active {
  transform: none;
}

.header-auth-close:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.header-auth-loader-card,
.header-auth-card {
  --header-auth-label-bg: var(--popup-bg);
  --header-auth-field-bg: var(--header-auth-label-bg);
  width: 100%;
  background: var(--popup-bg);
  box-shadow: var(--popup-shadow);
  border-radius: 30px;
  animation: header-auth-pop 0.24s ease;
  position: relative;
}

.header-auth-loader-card {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth-page .header-auth-card {
  --header-auth-label-bg: var(--color-page-bg);
  --header-auth-field-bg: var(--color-page-bg);
}

.header-auth-loader-icon {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.jp-canonical-spinner {
  width: var(--jp-spinner-size, 38px);
  height: var(--jp-spinner-size, 38px);
  display: block;
  box-sizing: border-box;
}

.jp-canonical-spinner__svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  transform-origin: center;
  animation: jp-spin 0.9s linear infinite;
}

.jp-canonical-spinner__track,
.jp-canonical-spinner__arc {
  fill: none;
  stroke-width: var(--jp-spinner-stroke, 4px);
}

.jp-canonical-spinner__track {
  stroke: var(--jp-spinner-track, rgba(35, 32, 48, 0.1));
}

.jp-canonical-spinner__arc {
  stroke: var(--jp-spinner-color, #3F6A60);
  stroke-linecap: round;
  stroke-dasharray: 34 113;
  transform: rotate(-90deg);
  transform-origin: center;
}

.header-auth-canonical-spinner {
  --jp-spinner-size: 50px;
  --jp-spinner-stroke: 6px;
}

.header-auth-card {
  padding: 20px;
}

.header-auth-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.header-auth-title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--popup-title-font, var(--font-display));
  font-size: var(--popup-title-size, 25px);
  font-weight: var(--popup-title-weight, 600);
  line-height: var(--popup-title-line-height, 1.16);
  letter-spacing: var(--popup-title-letter-spacing, 0);
}

.header-auth-subtitle {
  margin: 4px 0 14px;
  color: #232030;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.header-auth-switch {
  min-height: 44px;
  padding: 4px 18px;
  border-radius: 999px;
  border: 0;
  background: #EEE5DA;
  color: #232030;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.header-auth-switch::before {
  content: none;
}

.header-auth-switch:hover,
.header-auth-switch:focus-visible {
  background: #E1D1BC;
  box-shadow: 0 0 0 2px #E1D1BC;
  transform: none;
}

.header-auth-switch:hover::before,
.header-auth-switch:focus-visible::before {
  content: none;
}

.header-auth-switch:active {
  transform: translateY(0);
}

.header-auth-switch:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.32);
  outline-offset: 2px;
}

.header-auth-form {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.header-auth-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 8px;
}

.header-auth-label {
  position: absolute;
  top: 2px;
  left: 22px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 36px);
  padding: 0 6px;
  border-radius: 999px;
  background: var(--header-auth-label-bg, var(--popup-bg));
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
  pointer-events: none;
}

.header-auth-required {
  color: var(--color-alert-red);
}

.header-auth-field.is-error .header-auth-label,
.header-auth-field.is-error .header-auth-required {
  color: var(--color-alert-red);
}

.header-auth-input-wrap {
  position: relative;
  height: 46px;
  border-radius: 999px;
  background: var(--header-auth-field-bg, var(--header-auth-label-bg, var(--popup-bg)));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 4%, transparent);
  border: 1.5px solid var(--popup-control-border);
  outline: 2px solid transparent;
  outline-offset: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, outline-color 0.2s ease;
}

.header-auth-input-wrap:focus-within {
  border-color: var(--popup-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent);
}

.header-auth-input-wrap.is-filled {
  border-color: var(--popup-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 10%, transparent);
  outline-color: transparent;
}

.header-auth-field.is-error .header-auth-input-wrap {
  border-color: var(--color-alert-red);
  background: var(--header-auth-field-bg, var(--header-auth-label-bg, var(--popup-bg)));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-alert-red) 11%, transparent);
  outline-color: transparent;
}

.header-auth-field.is-error .header-auth-input-wrap:focus-within,
.header-auth-field.is-error .header-auth-input-wrap.is-filled {
  border-color: var(--color-alert-red);
  background: var(--header-auth-field-bg, var(--header-auth-label-bg, var(--popup-bg)));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-alert-red) 11%, transparent);
  outline-color: transparent;
}

.header-auth-input {
  width: 100%;
  height: 100%;
  min-height: 44px;
  display: block;
  position: relative;
  z-index: 1;
  border: 0 !important;
  background: transparent !important;
  outline: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 20px;
  color: var(--color-ink);
  -webkit-text-fill-color: var(--color-ink);
  opacity: 1;
  caret-color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 46px;
}

.header-auth-input:focus,
.header-auth-input:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color: var(--color-ink) !important;
  -webkit-text-fill-color: var(--color-ink) !important;
}

.header-auth-input::-webkit-textfield-decoration-container {
  padding: 0;
}

.header-auth-input:-webkit-autofill,
.header-auth-input:-webkit-autofill:hover,
.header-auth-input:-webkit-autofill:focus,
.header-auth-input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--color-ink) !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  transition: background-color 9999s ease-out 0s;
}

.header-auth-input::-webkit-contacts-auto-fill-button,
.header-auth-input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.header-auth-input-wrap.has-eye .header-auth-input {
  height: 46px;
  min-height: 46px;
  padding-right: 20px;
  border: 1.5px solid var(--popup-control-border) !important;
  border-radius: 999px !important;
  background: var(--header-auth-field-bg, var(--header-auth-label-bg, var(--popup-bg))) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 4%, transparent) !important;
}

.header-auth-input-wrap.has-eye {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  gap: 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
}

.header-auth-input-wrap.has-eye:focus-within,
.header-auth-input-wrap.has-eye.is-filled,
.header-auth-field.is-error .header-auth-input-wrap.has-eye,
.header-auth-field.is-error .header-auth-input-wrap.has-eye:focus-within,
.header-auth-field.is-error .header-auth-input-wrap.has-eye.is-filled {
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
}

.header-auth-input-wrap.has-eye:focus-within .header-auth-input {
  border-color: var(--popup-focus) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent) !important;
}

.header-auth-input-wrap.has-eye.is-filled .header-auth-input {
  border-color: var(--popup-focus) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 10%, transparent) !important;
}

.header-auth-field.is-error .header-auth-input-wrap.has-eye .header-auth-input,
.header-auth-field.is-error .header-auth-input-wrap.has-eye:focus-within .header-auth-input,
.header-auth-field.is-error .header-auth-input-wrap.has-eye.is-filled .header-auth-input {
  border-color: var(--color-alert-red) !important;
  background: var(--header-auth-field-bg, var(--header-auth-label-bg, var(--popup-bg))) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-alert-red) 11%, transparent) !important;
  outline: 0 !important;
}

.header-auth-eye {
  position: static;
  z-index: 2;
  width: 46px;
  height: 46px;
  border: 1.5px solid var(--popup-control-border);
  border-radius: 999px;
  background: var(--popup-bg);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
}

.header-auth-eye svg,
.header-auth-eye img {
  width: 36px;
  height: 36px;
  display: block;
}

.header-auth-eye rect {
  fill: transparent;
}

.header-auth-eye path {
  fill: var(--popup-outline-soft);
  transition: fill 0.2s ease;
}

.header-auth-eye:hover path,
.header-auth-eye:focus-visible path,
.header-auth-eye.is-on path {
  fill: var(--color-ink);
}

.header-auth-eye:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.32);
  outline-offset: 1px;
}

.header-auth-error {
  margin: 0;
  color: var(--color-alert-red);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.header-auth-field > .header-auth-error {
  margin: 8px 0 0 10px;
}

.header-auth-row {
  display: flex;
  align-items: center;
  gap: 11px;
}

.header-auth-remember {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1.5px solid var(--popup-control-border);
  background: var(--popup-bg);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.header-auth-remember-mark {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: var(--popup-bg);
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.header-auth-remember.is-active {
  background: #232030;
  border-color: #232030;
}

.header-auth-remember.is-active .header-auth-remember-mark {
  opacity: 1;
  transform: scale(1);
}

.header-auth-remember-text {
  color: #232030;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.2s ease;
}

.header-auth-remember-text:hover,
.header-auth-remember-text:focus-visible {
  opacity: 0.76;
}

.header-auth-remember-text:focus-visible {
  outline: none;
}

.header-auth-text-link,
.header-auth-help-link {
  margin-left: auto;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--color-ink-soft);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.header-auth-text-link:hover,
.header-auth-help-link:hover,
.header-auth-text-link:focus-visible,
.header-auth-help-link:focus-visible {
  color: var(--color-forest);
}

.header-auth-help-link {
  margin: 0;
  text-align: center;
  width: 100%;
}

.header-auth-primary {
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 999px;
  appearance: none;
  -webkit-appearance: none;
  background: var(--color-forest);
  color: var(--color-cream);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  overflow: visible;
  user-select: none;
  -webkit-user-select: none;
  transition: none;
}

.header-auth-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--color-forest);
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: -1;
  pointer-events: none;
}

.header-auth-primary:hover:not(:disabled):not(.is-disabled),
.header-auth-primary:focus-visible:not(:disabled):not(.is-disabled) {
  background: var(--color-forest);
  box-shadow: none;
  transform: none;
}

.header-auth-primary:hover:not(:disabled):not(.is-disabled)::before,
.header-auth-primary:focus-visible:not(:disabled):not(.is-disabled)::before {
  transform: scale(1.018);
}

.header-auth-primary:active:not(:disabled):not(.is-disabled) {
  transform: none;
}

.header-auth-primary:active:not(:disabled):not(.is-disabled)::before {
  transform: scale(1);
}

.header-auth-primary:focus-visible:not(:disabled):not(.is-disabled) {
  outline: 2px solid color-mix(in srgb, var(--color-forest) 32%, transparent);
  outline-offset: 2px;
}

.header-auth-primary.is-disabled,
.header-auth-primary:disabled,
.header-auth-primary[aria-disabled="true"] {
  background: var(--control-disabled-bg);
  color: var(--auth-disabled-text);
  appearance: none;
  -webkit-appearance: none;
  cursor: not-allowed !important;
  pointer-events: auto;
  transform: none;
  filter: none;
  box-shadow: none;
  outline: 0;
  transition: none;
  animation: none;
}

.header-auth-primary.is-disabled::before,
.header-auth-primary:disabled::before,
.header-auth-primary[aria-disabled="true"]::before {
  background: var(--control-disabled-bg);
  transform: none;
  transition: none;
}

.header-auth-primary.is-disabled *,
.header-auth-primary:disabled *,
.header-auth-primary[aria-disabled="true"] * {
  cursor: not-allowed !important;
}

.header-auth-primary.is-disabled > *,
.header-auth-primary:disabled > *,
.header-auth-primary[aria-disabled="true"] > * {
  pointer-events: none;
}

.header-auth-primary.is-disabled:hover,
.header-auth-primary:disabled:hover,
.header-auth-primary[aria-disabled="true"]:hover,
.header-auth-primary.is-disabled:focus-visible,
.header-auth-primary:disabled:focus-visible,
.header-auth-primary[aria-disabled="true"]:focus-visible,
.header-auth-primary.is-disabled:active,
.header-auth-primary:disabled:active,
.header-auth-primary[aria-disabled="true"]:active {
  background: var(--control-disabled-bg);
  color: var(--auth-disabled-text);
  cursor: not-allowed !important;
  pointer-events: auto;
  box-shadow: none;
  transform: none;
  outline: 0;
}

.header-auth-primary .header-auth-btn-text {
  position: relative;
  z-index: 1;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.header-auth-divider {
  position: relative;
  height: 28px;
  margin: 2px 0;
}

.header-auth-divider::before {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  top: 50%;
  height: 1px;
  background: var(--popup-border-strong);
}

.header-auth-divider span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--popup-bg);
  padding: 0 11px;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 17px;
  font-weight: 500;
}

.header-auth-socials {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.header-auth-social {
  width: 100%;
  height: 48px;
  border-radius: 999px;
  border: 0;
  background: #EEE5DA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #232030;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  cursor: pointer;
  position: relative;
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.header-auth-social::before {
  content: none;
}

.header-auth-social:hover,
.header-auth-social:focus-visible {
  background: #E1D1BC;
  box-shadow: 0 0 0 2px #E1D1BC;
  transform: none;
}

.header-auth-social:hover::before,
.header-auth-social:focus-visible::before {
  content: none;
}

.header-auth-social:active {
  transform: none;
}

.header-auth-social:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.32);
  outline-offset: 2px;
}

.header-auth-social .header-auth-social-icon {
  position: static;
  width: 28px;
  height: 28px;
  display: block;
}

.header-auth-social-icon svg,
.header-auth-social-icon img {
  width: 100%;
  height: 100%;
  display: block;
}

.header-auth-social .header-auth-btn-text {
  position: static;
  color: #232030;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.header-auth-social.is-loading .header-auth-btn-text,
.header-auth-primary.is-loading .header-auth-btn-text {
  opacity: 0;
}

.header-auth-social.is-loading .header-auth-social-icon {
  opacity: 0;
}

.header-auth-inline-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 38px;
  height: 38px;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.header-auth-inline-spinner {
  --jp-spinner-size: 38px;
  --jp-spinner-stroke: 5px;
  
  --jp-spinner-color: var(--color-cream, #FFF9F1);
  --jp-spinner-track: rgba(255, 249, 241, 0.3);
}

.header-auth-legal,
.header-auth-note {
  margin: 0;
  text-align: center;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.4px;
}

.header-auth-inline-link {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  color: #3f6a60;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: underline;
  cursor: pointer;
}

.header-auth-inline-link:hover,
.header-auth-inline-link:focus-visible {
  color: #244b43;
}

.header-auth-strength {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.header-auth-strength[hidden],
.header-auth-password-hints[hidden] {
  display: none !important;
}

.header-auth-strength-bar {
  width: 417px;
  max-width: 100%;
  height: 8px;
  border-radius: 999px;
  background: var(--popup-disabled);
  overflow: hidden;
}

.header-auth-strength-fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 999px;
  transition: width 0.2s ease, background-color 0.2s ease;
}

.header-auth-strength-label {
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
}

.header-auth-password-hints {
  width: 100%;
  color: #232030;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.4px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.header-auth-password-hints strong {
  font-weight: 700;
}

@media (max-width: 760px) {
  .header-auth-overlay {
    --header-auth-mobile-top: clamp(84px, 13dvh, 128px);
    align-items: flex-end !important;
    justify-content: center;
    padding: calc(env(safe-area-inset-top, 0px) + var(--header-auth-mobile-top)) 0 0;
    overflow: hidden;
  }

  .header-auth-shell {
    width: 100%;
    max-width: 100%;
    height: calc(100vh - (env(safe-area-inset-top, 0px) + var(--header-auth-mobile-top)));
    height: calc(100dvh - (env(safe-area-inset-top, 0px) + var(--header-auth-mobile-top)));
    display: flex;
    flex-direction: column;
    transform-origin: bottom center;
  }

  .header-auth-close {
    top: 8px;
    left: auto;
    right: 14px;
    bottom: auto;
    width: 44px;
    height: 44px;
    background: transparent;
    box-shadow: none;
    z-index: 4;
  }

  .header-auth-close:hover,
  .header-auth-close:focus-visible {
    background: var(--popup-hover);
    filter: none;
  }

  .header-auth-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 0 16px calc(16px + env(safe-area-inset-bottom, 0px));
    border-radius: 22px 22px 0 0;
  }

  .header-auth-card::before {
    content: "";
    display: block;
    position: sticky;
    top: 0;
    z-index: 1;
    flex: 0 0 44px;
    min-height: 44px;
    width: calc(100% + 32px);
    margin: 0 -16px 12px;
    border-radius: var(--popup-sheet-radius, 22px 22px 0 0);
    background: var(--popup-sheet-grip-pseudo-bg);
    cursor: grab;
    touch-action: none;
    user-select: none;
  }

  .header-auth-card-head {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    padding-right: 0;
  }

  .header-auth-title {
    flex: 0 0 100%;
    min-width: 0;
    font-size: var(--popup-title-size, 25px);
    line-height: var(--popup-title-line-height, 1.16);
  }

  .header-auth-subtitle {
    margin: 4px 0 12px;
    font-size: 14px;
    line-height: 18px;
  }

  .header-auth-switch {
    min-height: 44px;
    padding: 4px 16px;
    font-size: 13px;
    align-self: flex-start;
  }

  .header-auth-form {
    gap: 12px;
  }

  .header-auth-divider::before {
    left: 0;
    right: 0;
  }

  .header-auth-strength-bar {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .header-auth-overlay {
    align-items: flex-end !important;
    padding: calc(env(safe-area-inset-top, 0px) + var(--header-auth-mobile-top, clamp(84px, 13dvh, 128px))) 0 0;
  }

  .header-auth-shell {
    width: 100%;
    max-width: 100%;
    height: calc(100vh - (env(safe-area-inset-top, 0px) + var(--header-auth-mobile-top, clamp(84px, 13dvh, 128px))));
    height: calc(100dvh - (env(safe-area-inset-top, 0px) + var(--header-auth-mobile-top, clamp(84px, 13dvh, 128px))));
  }

  .header-auth-close {
    top: 8px;
    left: auto;
    right: 14px;
    bottom: auto;
    width: 44px;
    height: 44px;
    background: transparent;
  }

  .header-auth-close:hover,
  .header-auth-close:focus-visible {
    background: var(--popup-hover);
  }

  .header-auth-card {
    height: 100%;
    max-height: none;
    padding: 0 16px calc(16px + env(safe-area-inset-bottom, 0px));
  }

  .header-auth-card::before {
    flex-basis: 44px;
    min-height: 44px;
  }

  .header-auth-switch {
    width: 100%;
    justify-content: center;
  }

  .header-auth-row {
    flex-wrap: wrap;
    gap: 10px 11px;
  }

  .header-auth-text-link {
    margin-left: 0;
    width: 100%;
    text-align: left;
  }

  .header-auth-primary .header-auth-btn-text,
  .header-auth-social .header-auth-btn-text {
    white-space: normal;
    text-align: center;
  }

  .header-auth-social {
    min-height: 48px;
    height: auto;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .header-auth-social .header-auth-social-icon,
  .header-auth-social .header-auth-btn-text {
    position: static;
  }

  .header-auth-social .header-auth-btn-text {
    line-height: 1;
  }
}

@media (max-width: 420px) {
  .header-auth-overlay {
    padding-top: calc(env(safe-area-inset-top, 0px) + var(--header-auth-mobile-top, clamp(84px, 13dvh, 128px)));
  }

  .header-auth-title {
    font-size: var(--popup-title-size, 25px);
    line-height: var(--popup-title-line-height, 1.16);
  }

  .header-auth-input {
    padding: 0 16px;
    font-size: 12px;
  }

  .header-auth-input-wrap.has-eye .header-auth-input {
    padding-right: 16px;
  }

  .header-auth-label,
  .header-auth-remember-text,
  .header-auth-text-link,
  .header-auth-help-link,
  .header-auth-strength-label {
    font-size: 12px;
  }

  
  .header-auth-legal,
  .header-auth-note,
  .header-auth-inline-link,
  .header-auth-password-hints {
    font-size: var(--font-size-micro, 12px);
    line-height: 16px;
  }
}

@media (max-width: 640px) {
  .header-auth-eye {
    right: 1px;
    top: 1px;
    width: 44px;
    height: 44px;
    border-radius: 22px;
  }

  .header-auth-eye svg,
  .header-auth-eye img {
    width: 36px;
    height: 36px;
  }

  .header-auth-remember {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  .header-auth-remember-text,
  .header-auth-text-link,
  .header-auth-help-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .header-auth-help-link {
    justify-content: center;
  }

  .header-auth-inline-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    margin-top: -14px;
    margin-bottom: -14px;
    vertical-align: middle;
  }
}

.design-canvas [style*="font-family: Montserrat"] {
  font-family: var(--font-body);
}

.design-canvas [style*="font-family: Inter"] {
  font-family: var(--font-body);
}

.design-canvas [style*="font-family: Comfortaa"] {
  font-family: var(--font-body);
}


.design-canvas .ProffesionGifts,
.design-canvas .FriendsGifts,
.design-canvas .KidsRoomIdea,
.design-canvas .ShirtSGiftsIdea {
  display: block !important;
  width: auto !important;
  right: 78px !important;
  min-height: 0 !important;
  height: auto !important;
  color: #FFF9F1 !important;
  font-size: 21px !important;
  font-family: var(--font-body);
  font-weight: 700 !important;
  line-height: 1.14 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

.design-canvas .BirthdaysRetirementsAnniversaries,
.design-canvas .SmallBirthdaysRetirementsAnniversaries {
  display: block !important;
  width: auto !important;
  right: 78px !important;
  min-height: 0 !important;
  height: auto !important;
  color: #FFF9F1 !important;
  font-size: 12px !important;
  font-family: var(--font-body);
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-align: left !important;
}

.design-canvas .BirthdaysRetirementsAnniversaries {
  left: 17px !important;
  top: auto !important;
  bottom: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.design-canvas .BirthdaysRetirementsAnniversaries br,
.design-canvas .SmallBirthdaysRetirementsAnniversaries br {
  display: block !important;
}

.design-canvas .PrintReady {
  display: block !important;
  color: #232030 !important;
  font-size: 11px !important;
  font-family: var(--font-body);
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}


.design-canvas .IconParkSolidPlay {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0;
}

.design-canvas .IconParkSolidPlay > svg {
  display: block;
}


.design-canvas .Frame1717,
.design-canvas .Frame1718 {
  width: 72px !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  gap: 0 !important;
}

.design-canvas .Frame1717 > .Vector,
.design-canvas .Frame1718 > .Vector {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 10px;
  height: 16px;
}


.design-canvas .Frame1717[data-property-1="Variant5"] {
  width: 72px !important;
  height: 54px !important;
  padding: 19px 21px !important;
  gap: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.design-canvas .Frame1717[data-property-1="Variant5"] > .Vector {
  width: 10px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
  transform: rotate(-90deg);
  transform-origin: center;
}

.design-canvas .Frame1718[data-property-1="Variant5"] > .Vector {
  transform: rotate(90deg);
  transform-origin: center;
}


.design-canvas .Frame2407 {
  width: 141px !important;
  height: 14px !important;
  overflow: visible !important;
}

.design-canvas .Frame2407 > .Rectangle6 {
  left: 34px !important;
  top: 0 !important;
}

.design-canvas .Frame2407 > .Rectangle7 {
  left: 52px !important;
  top: 0 !important;
}

.design-canvas .Frame2407 > .Rectangle4 {
  top: 0 !important;
  z-index: 1;
  transition: left 0.28s ease;
}

.design-canvas .Frame2407 > .Rectangle5 {
  top: 50% !important;
  transform: translateY(-50%);
  z-index: 2;
  transition: left 0.28s ease;
}

.design-canvas .Frame2407 > .Rectangle4 > svg,
.design-canvas .Frame2407 > .Rectangle5 > svg {
  display: block;
}

.design-canvas .hero-carousel-viewport {
  position: absolute;
  left: 0;
  top: 0;
  width: 1360px;
  height: 418px;
  overflow: hidden;
}

.design-canvas .hero-carousel-track {
  display: flex;
  width: 100%;
  height: 418px;
  will-change: transform;
  transition: transform 0.62s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.design-canvas .hero-carousel-slide {
  position: relative;
  flex: 0 0 1360px;
  width: 1360px;
  height: 418px;
}

.design-canvas .hero-banner-text-card {
  color: #FFF9F1;
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  overflow: hidden;
}

.design-canvas .hero-banner-text-card.is-main {
  padding: 68px 58px;
  justify-content: flex-start;
}

.design-canvas .hero-banner-text-card.is-side {
  padding: 280px 22px 24px;
  justify-content: flex-start;
}

.design-canvas .hero-banner-text-title,
.design-canvas .hero-banner-side-title {
  margin: 0;
  color: #FFF9F1;
  font-family: var(--font-body);
  font-weight: 800;
  line-height: 1.14;
}

.design-canvas .hero-banner-text-title {
  font-size: 42px;
}

.design-canvas .hero-banner-side-title {
  font-size: 26px;
}

.design-canvas .hero-banner-text-body,
.design-canvas .hero-banner-side-body {
  margin: 16px 0 0;
  color: rgba(255, 249, 241, 0.92);
  font-family: var(--font-body);
  font-weight: 500;
  line-height: 1.4;
}

.design-canvas .hero-banner-text-body {
  max-width: 520px;
  font-size: 22px;
}

.design-canvas .hero-banner-side-body {
  font-size: 18px;
}


.design-canvas .CustomVisualGiftsPostersHandDrawnByJedipic {
  display: block !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.design-canvas .JedipicIsACuratedStudioForCustomVisualProjectsPersonalPortraitsCaricaturesAndEventArtworkMadeFromYourPhotosPerfectForGiftsTeamPostersCoachAppreciationOfficeCelebrationsAndPrintReadyBanners {
  display: block !important;
  width: 1187px !important;
  white-space: normal !important;
  line-height: 28px !important;
  overflow: visible !important;
}

.design-canvas .JedipicIsACuratedStudioForCustomVisualProjectsPersonalPortraitsCaricaturesAndEventArtworkMadeFromYourPhotosPerfectForGiftsTeamPostersCoachAppreciationOfficeCelebrationsAndPrintReadyBanners br {
  display: none !important;
}

.design-canvas .JedipicIsACuratedStudioForCustomVisualProjectsPersonalPortraitsCaricaturesAndEventArtworkMadeFromYourPhotosPerfectForGiftsTeamPostersCoachAppreciationOfficeCelebrationsAndPrintReadyBanners > span {
  display: inline !important;
  white-space: normal !important;
}

.design-canvas .PersonalVisualGiftsBirthdaysAnniversariesGraduationsRetirements,
.design-canvas .TeamsEventsFootballBasketballBaseballCheerCoachesStaffTributes,
.design-canvas .PrintBannersHighResolutionFilesForLargeFormatPrinting,
.design-canvas .OfficeCompanyGroupScenesWithFunDetailsAndBrandElements {
  display: block !important;
  white-space: nowrap !important;
  line-height: 28px !important;
}

.design-canvas .PersonalVisualGiftsBirthdaysAnniversariesGraduationsRetirements > span,
.design-canvas .TeamsEventsFootballBasketballBaseballCheerCoachesStaffTributes > span,
.design-canvas .PrintBannersHighResolutionFilesForLargeFormatPrinting > span,
.design-canvas .OfficeCompanyGroupScenesWithFunDetailsAndBrandElements > span {
  display: inline !important;
  white-space: nowrap !important;
}


.design-canvas .Frame1729,
.design-canvas .SectionHero,
.design-canvas .FeaturedOffersRail {
  overflow: visible !important;
}


.design-canvas .Section .Frame1728 {
  top: 42px !important;
}


.design-canvas .Section-discounts,
.design-canvas .Section-editors-picks {
  position: relative;
  overflow: visible !important;
}

.design-canvas .Section-discounts > .Vector {
  left: var(--fullbleed-left) !important;
  width: var(--fullbleed-width) !important;
}

.design-canvas .Section-discounts > .Vector > svg {
  display: block;
  width: 100% !important;
  height: 257px !important;
}

.design-canvas .Section-editors-picks .Group1440Ok1 {
  left: var(--fullbleed-left) !important;
  width: var(--fullbleed-width) !important;
}

.design-canvas .Section-editors-picks .Group1440Ok1 > .Vector {
  left: 0 !important;
  width: 100% !important;
}

.design-canvas .Section-editors-picks .Group1440Ok1 > .Vector > svg {
  display: block;
  width: 100% !important;
  height: 333px !important;
}


.design-canvas .Section-editors-picks .Frame1721 > .Link {
  background: rgba(255, 249, 241, 0.2) !important;
}

.design-canvas .Section-editors-picks .Frame1721 > .Link:hover {
  background: var(--popup-control-bg) !important;
}


.design-canvas [data-layer="Daily deals: for inspiration"] {
  display: block !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.design-canvas [data-layer="Daily deals: for inspiration"] > span {
  display: inline !important;
  white-space: nowrap !important;
}


.design-canvas .HeroBannerCard,
.design-canvas .HoverShadowCard {
  background: #e6f0ea !important;
  box-shadow: none !important;
  transition: box-shadow 0.2s ease;
}

.design-canvas .SectionHero [data-layer="for photo"],
.design-canvas .SectionHero .HoverShadowCard {
  background: #e6f0ea !important;
}

.design-canvas .SectionHero [data-layer="for photo"],
.design-canvas .SectionHero .HoverShadowCard {
  position: relative;
  isolation: isolate;
}

.design-canvas .SectionHero [data-layer="for photo"]::after,
.design-canvas .SectionHero .HoverShadowCard::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(230, 240, 234, 0.62);
  pointer-events: none;
  z-index: 1;
}

.design-canvas .SectionHero [data-layer="for photo"] > img,
.design-canvas .SectionHero .HoverShadowCard > img {
  position: relative;
  z-index: 0;
  opacity: 0.72;
}

.design-canvas .SectionHero [data-layer="for photo"] > :not(img),
.design-canvas .SectionHero .HoverShadowCard > :not(img) {
  position: relative;
  z-index: 2;
}

.design-canvas .HeroBannerCard:hover,
.design-canvas .HoverShadowCard:hover {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5) !important;
}

.design-canvas .hero-carousel-slide .HeroBannerCard:hover {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5) !important;
}

.design-canvas .hero-carousel-slide .HeroBannerCard {
  box-shadow: none !important;
  transition: box-shadow 0.2s ease !important;
}


.design-canvas .hover-shadow-card,
.design-canvas .product-hover-card,
.design-canvas .discount-card {
  box-shadow: none !important;
  z-index: 1;
  transition: box-shadow 0.24s ease, transform 0.24s ease, background-color 0.24s ease;
}

.design-canvas .hover-shadow-card:hover,
.design-canvas .product-hover-card:hover,
.design-canvas .discount-card:hover {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5) !important;
  transform: translateY(-1px);
  z-index: 10;
}



.design-canvas .discount-card {
  background: transparent !important;
}

.design-canvas .discount-card .PersonalPortrait,
.design-canvas .discount-card .CoupleArtwork,
.design-canvas .discount-card .FamilyKids,
.design-canvas .discount-card .Pets,
.design-canvas .discount-card .SportTeams,
.design-canvas .discount-card .OfficeGroup {
  color: #232030 !important;
  transition: color 0.24s ease;
}

.design-canvas .Section-discounts .Frame2423 > .PersonalPortrait,
.design-canvas .Section-discounts .Frame2424 > .CoupleArtwork,
.design-canvas .Section-discounts .Frame2425 > .FamilyKids,
.design-canvas .Section-discounts .Frame2426 > .Pets,
.design-canvas .Section-discounts .Frame2427 > .SportTeams,
.design-canvas .Section-discounts .Frame2428 > .OfficeGroup {
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
}

.design-canvas .discount-card:hover {
  background: #3f6a60 !important;
}

.design-canvas .discount-card:hover .PersonalPortrait,
.design-canvas .discount-card:hover .CoupleArtwork,
.design-canvas .discount-card:hover .FamilyKids,
.design-canvas .discount-card:hover .Pets,
.design-canvas .discount-card:hover .SportTeams,
.design-canvas .discount-card:hover .OfficeGroup {
  color: #FFF9F1 !important;
}


.design-canvas .Section-discounts .Frame2424 {
  width: 227px !important;
}

.design-canvas .Section-discounts .Frame2424 > img {
  width: 217px !important;
}


.design-canvas .zoom-in-card .Frame2429 {
  overflow: hidden !important;
  border-radius: 20px;
}

.design-canvas .zoom-in-card {
  cursor: pointer;
}

.design-canvas .zoom-in-card .Frame2429 img {
  transition: transform 0.35s ease;
  transform-origin: center center;
}

.design-canvas .zoom-in-card:hover .Frame2429 img {
  transform: scale(1.06);
}


.design-canvas .product-hover-card {
  position: relative;
}

.design-canvas .product-hover-card .favorite-button {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--popup-control-bg) !important;
  outline: 1px var(--popup-outline) solid !important;
  outline-offset: -1px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
  opacity: 0;
  transform: translateY(-6px) scale(0.92);
  pointer-events: none;
  cursor: pointer;
  transition: opacity 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
  z-index: 5;
}

.design-canvas .product-hover-card:hover .favorite-button,
.design-canvas .product-hover-card .favorite-button:focus-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.design-canvas .product-hover-card .favorite-button:hover {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5), 0 6px 18px rgba(0, 0, 0, 0.08) !important;
}

.design-canvas .product-hover-card .favorite-button svg {
  width: 20px;
  height: 20px;
  display: block;
}

.design-canvas .product-hover-card .favorite-button path {
  fill: transparent;
  stroke: #232030;
  stroke-width: 1.66667;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill 0.22s ease, stroke 0.22s ease;
}

.design-canvas .product-hover-card .favorite-button.is-liked path {
  fill: #b91515;
  stroke: #b91515;
}


.favorite-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  width: min(656px, calc(100vw - 40px));
  min-height: 77px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  column-gap: 16px;
  padding: 13px 19px 13px 14px;
  color: #FFF9F1;
  background: #3F6A60;
  outline: 1px #2d4f48 solid;
  outline-offset: -1px;
  border-radius: 24px;
  box-shadow: 0 24px 56px rgba(8, 28, 16, 0.36), 0 4px 16px rgba(0, 0, 0, 0.18);
  transform: translate(-50%, 20px) scale(0.94);
  opacity: 0;
  filter: blur(4px);
  pointer-events: auto;
  z-index: 11000;
  transition: opacity 0.34s cubic-bezier(0.22, 1, 0.36, 1), transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.34s ease;
}

.favorite-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
  filter: blur(0);
}

.favorite-toast:not(.is-authenticated):not(.is-remove) {
  width: min(482px, calc(100vw - 40px));
  min-height: 77px;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  padding: 12px 16px 12px 12px;
}

.favorite-toast:not(.is-authenticated):not(.is-remove) .favorite-toast__icon {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
  align-self: center;
  margin-top: 0;
}

.favorite-toast:not(.is-authenticated):not(.is-remove) .favorite-toast__content {
  align-self: center;
  padding-top: 2px;
  gap: 4px;
}

.favorite-toast:not(.is-authenticated):not(.is-remove) .favorite-toast__title {
  font-size: 15px;
  line-height: 1.2;
}

.favorite-toast:not(.is-authenticated):not(.is-remove) .favorite-toast__subtitle {
  font-size: 13px;
  line-height: 1.28;
}

.favorite-toast__icon {
  width: 52px;
  height: 52px;
  grid-column: 1;
  align-self: center;
  flex: 0 0 52px;
  position: relative;
  overflow: visible;
}

.favorite-toast__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.favorite-toast__media-frame {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  border-radius: 15px;
  background: rgba(255, 249, 241, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 249, 241, 0.4);
}

.favorite-toast__media-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.favorite-toast__media-badge {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #FFF9F1;
  box-shadow: 0 6px 14px rgba(35, 32, 48, 0.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.favorite-toast__media-badge svg {
  width: 18px;
  height: 18px;
}

.favorite-toast__content {
  grid-column: 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.favorite-toast__title {
  color: #FFF9F1;
  font-size: 16px;
  font-family: var(--font-body);
  font-weight: 500;
  line-height: 1.18;
}

.favorite-toast__title strong {
  font-weight: 700;
}

.favorite-toast__meta {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  min-height: 18px;
}

.favorite-toast__meta-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: none;
  margin-top: 1px;
}

.favorite-toast__meta-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.favorite-toast__subtitle {
  max-width: 100%;
  color: #FFF9F1;
  font-size: 14px;
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.22;
}

.favorite-toast__link {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.favorite-toast__action {
  min-height: 53px;
  padding: 4px 18px;
  border: 0;
  border-radius: 999px;
  background: #3F6A60;
  outline: 3px solid #FFF9F1;
  outline-offset: -3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF9F1;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.22s ease, background-color 0.22s ease, filter 0.22s ease;
}

.favorite-toast__action:hover,
.favorite-toast__action:focus-visible {
  background: var(--color-forest-dark);
  filter: brightness(1.03);
  transform: translateY(-1px);
}

.favorite-toast__action:focus-visible {
  outline-color: rgba(255, 249, 241, 0.88);
}

.favorite-toast.is-authenticated {
  width: min(453px, calc(100vw - 40px));
  min-height: 58px;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  padding: 8px 16px 8px 10px;
}

.favorite-toast.is-authenticated .favorite-toast__icon {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  align-self: center;
  margin-top: 0;
}

.favorite-toast.is-authenticated .favorite-toast__media-frame {
  border-radius: 14px;
}

.favorite-toast.is-authenticated .favorite-toast__content {
  align-self: center;
  padding-top: 1px;
  gap: 1px;
}

.favorite-toast.is-authenticated .favorite-toast__title {
  font-size: 15px;
  font-weight: 500;
}

.favorite-toast.is-authenticated .favorite-toast__subtitle {
  font-size: 13px;
  line-height: 1.2;
}

.favorite-toast.is-authenticated .favorite-toast__meta-icon {
  display: inline-flex;
}

.favorite-toast.is-authenticated .favorite-toast__action {
  grid-column: 3;
  align-self: center;
  justify-self: end;
}

.favorite-toast__action[hidden] {
  display: none !important;
}

.favorite-toast.is-remove {
  width: min(360px, calc(100vw - 40px));
  min-height: 76px;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  column-gap: 0;
  padding: 14px 24px;
  background: var(--color-forest);
  outline: 1px solid var(--color-forest-dark);
  outline-offset: -1px;
  border-radius: 24px;
  box-shadow:
    0 14px 34px rgba(8, 28, 16, 0.3),
    0 3px 10px rgba(0, 0, 0, 0.14);
}

.favorite-toast.is-remove .favorite-toast__meta,
.favorite-toast.is-remove .favorite-toast__action {
  display: none;
}

.favorite-toast.is-remove .favorite-toast__icon {
  display: none;
}

.favorite-toast.is-remove .favorite-toast__content {
  grid-column: 1;
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0;
  min-width: 0;
  padding: 0;
}

.favorite-toast.is-remove .favorite-toast__title {
  font-size: 15px;
  font-weight: 600;
  white-space: normal;
  text-align: center;
  line-height: 1.2;
}

body.collection-modal-open {
  overflow: hidden;
}

@keyframes collection-modal-pop {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes collection-toggle-bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}


@media (max-width: 860px) {
  .favorite-toast.is-authenticated {
    width: calc(100vw - 24px);
    grid-template-columns: 48px minmax(0, 1fr);
    row-gap: 8px;
    padding: 10px 12px;
  }

  .favorite-toast.is-authenticated .favorite-toast__action {
    grid-column: 1 / -1;
    width: 100%;
    justify-self: stretch;
  }
}

@media (max-width: 640px) {
  .favorite-toast {
    bottom: 16px;
    width: calc(100vw - 24px);
    min-height: auto;
    grid-template-columns: 48px minmax(0, 1fr);
    row-gap: 8px;
    padding: 12px;
    align-items: flex-start;
  }

  .favorite-toast__icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .favorite-toast__content {
    padding-top: 1px;
    gap: 4px;
  }

  .favorite-toast__title {
    font-size: 15px;
  }

  .favorite-toast__subtitle {
    font-size: 13px;
  }

  .favorite-toast__action {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 44px;
    margin-top: 2px;
    font-size: 14px;
  }

  .favorite-toast.is-remove {
    width: min(360px, calc(100vw - 24px));
    min-height: 76px;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    padding: 14px 20px;
  }

  .favorite-toast.is-remove .favorite-toast__icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .collection-modal-overlay {
    padding: 18px 12px;
  }

  .collection-modal-shell {
    max-width: calc(100vw - 24px);
  }

  .collection-modal__close {
    top: 14px;
    left: auto;
    right: 14px;
    width: 57px;
    height: 42px;
    background: var(--popup-bg);
  }

  .collection-modal__close::before,
  .collection-modal__close::after {
    background: var(--popup-outline);
  }

  .collection-modal__close:hover,
  .collection-modal__close:focus-visible {
    background: var(--popup-hover);
    filter: none;
  }

  .collection-modal {
    padding: 28px 16px 16px;
  }

  .collection-modal__title {
    padding-right: 40px;
    font-size: var(--popup-title-size, 25px);
    line-height: var(--popup-title-line-height, 1.16);
  }

  .collection-modal__privacy {
    flex-direction: column;
    gap: 18px;
  }

  .collection-modal__footer {
    flex-direction: column-reverse;
    gap: 12px;
  }

  .collection-modal__cancel,
  .collection-modal__create {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }
}


.design-canvas .product-hover-card:hover .Price > :first-child,
.design-canvas .product-hover-card:hover .Button > :first-child {
  color: #3F6A60 !important;
}


.design-canvas .Section[style*="top: 2255px"] .Frame1851 .Frame2441,
.design-canvas .Section[style*="top: 2255px"] .Frame1859 > .Button,
.design-canvas .Section[style*="top: 2255px"] .Frame1860 > .Button,
.design-canvas .Section[style*="top: 2255px"] .Frame1861 > .Button,
.design-canvas .Section[style*="top: 2255px"] .Frame1862 > .Button {
  white-space: nowrap !important;
}

.design-canvas .Section[style*="top: 2255px"] .Frame1859 > .Frame2513,
.design-canvas .Section[style*="top: 2255px"] .Frame1860 > .Frame2513,
.design-canvas .Section[style*="top: 2255px"] .Frame1861 > .Frame2513,
.design-canvas .Section[style*="top: 2255px"] .Frame1862 > .Frame2513 {
  left: 6px !important;
  top: auto !important;
  bottom: 6px !important;
}

.design-canvas .Section[style*="top: 2255px"] .Frame1851 .Frame2441 > div,
.design-canvas .Section[style*="top: 2255px"] .Frame1859 > .Button > div,
.design-canvas .Section[style*="top: 2255px"] .Frame1860 > .Button > div,
.design-canvas .Section[style*="top: 2255px"] .Frame1861 > .Button > div,
.design-canvas .Section[style*="top: 2255px"] .Frame1862 > .Button > div {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.design-canvas .Section[style*="top: 2255px"] .Frame1851 .Frame2441 > div:first-child,
.design-canvas .Section[style*="top: 2255px"] .Frame1859 > .Button > div:first-child,
.design-canvas .Section[style*="top: 2255px"] .Frame1860 > .Button > div:first-child,
.design-canvas .Section[style*="top: 2255px"] .Frame1861 > .Button > div:first-child,
.design-canvas .Section[style*="top: 2255px"] .Frame1862 > .Button > div:first-child {
  transition: color 0.22s ease;
}

.design-canvas .Section[style*="top: 2255px"] .product-hover-card:hover .Frame2441 > div:first-child,
.design-canvas .Section[style*="top: 2255px"] .product-hover-card:hover > .Button > div:first-child {
  color: #3F6A60 !important;
}


.design-canvas .Section[style*="top: 2255px"] .Frame2528 {
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.design-canvas .Section[style*="top: 2255px"] .Frame2528:hover {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5) !important;
  transform: translateY(-1px);
}

.design-canvas .Section[style*="top: 2255px"] .Frame2528:active {
  transform: translateY(0);
}


.design-canvas .Section[style*="top: 4150px"] .Frame2528 {
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.design-canvas .Section[style*="top: 4150px"] .Frame2528:hover {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5) !important;
  transform: translateY(-1px);
}

.design-canvas .Section[style*="top: 4150px"] .Frame2528:active {
  transform: translateY(0);
}

.design-canvas .Section[style*="top: 4150px"] .Frame1725 > .Link,
.design-canvas .Section[style*="top: 4150px"] .Frame2547 > .Link {
  cursor: pointer;
  transition: box-shadow 0.24s ease, transform 0.24s ease;
}

.design-canvas .Section[style*="top: 4150px"] .Frame1725 > .Link:hover,
.design-canvas .Section[style*="top: 4150px"] .Frame2547 > .Link:hover {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5) !important;
  transform: translateY(-1px);
  z-index: 10;
}


.design-canvas .Section[style*="top: 2255px"] .ButtonMore {
  opacity: 0.6;
  transition: opacity 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.design-canvas .Section[style*="top: 2255px"] .ButtonMore:hover {
  opacity: 1;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16) !important;
  transform: translateY(-1px);
}

.design-canvas .Section[style*="top: 2255px"] .ButtonMore.is-open {
  opacity: 1;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16) !important;
}

.design-canvas .Section[style*="top: 2255px"] .ButtonMore:active {
  transform: translateY(0);
}


.design-canvas .Frame2413 > img,
.design-canvas .Frame2414 > img,
.design-canvas .Frame2415 > img,
.design-canvas .Frame2416 > img,
.design-canvas .Frame2417 > img {
  width: 258px !important;
  height: 258px !important;
  left: 7px !important;
  top: 7px !important;
}


.design-canvas .Frame2409 > div,
.design-canvas .Frame2410 > div,
.design-canvas .Frame2411 > div,
.design-canvas .Frame2412 > div,
.design-canvas .Frame2413 > div,
.design-canvas .Frame2414 > div,
.design-canvas .Frame2415 > div,
.design-canvas .Frame2416 > div,
.design-canvas .Frame2417 > div,
.design-canvas .Frame2418 > div,
.design-canvas .Frame2419 > div,
.design-canvas .Frame2420 > div,
.design-canvas .Frame2421 > div,
.design-canvas .Frame2422 > div,
.design-canvas .Frame2423[style*="top: 3148px"] > div {
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
}

.design-canvas .Section-editors-picks .Frame1721 > .Link > div:not(.Frame2) {
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
}


.design-canvas .FeaturedOffersRail .product-hover-card > div[style*="top: 264px"] {
  color: #D6CFB8 !important;
  transition: color 0.24s ease;
}

.design-canvas .FeaturedOffersRail .product-hover-card .Price > div {
  color: #D6CFB8 !important;
  transition: color 0.24s ease;
}

.design-canvas .Section-recently-viewed .Frame2582 {
  width: 250px !important;
  left: 5px !important;
  top: 260px !important;
  gap: 2px !important;
}

.design-canvas .FeaturedOffersRail .product-hover-card:hover > div[style*="top: 264px"] {
  color: #232030 !important;
}

.design-canvas .FeaturedOffersRail .product-hover-card:hover .Price > :first-child {
  color: #3F6A60 !important;
}

.design-canvas .FeaturedOffersRail .featured-store-pill {
  cursor: pointer;
}


.design-canvas .interactive-pill,
.design-canvas .arrow-hover-control {
  transition: box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}

.design-canvas .interactive-pill:hover,
.design-canvas .arrow-hover-control:hover {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5) !important;
  transform: translateY(-1px);
}

.design-canvas .interactive-pill:active,
.design-canvas .arrow-hover-control:active {
  transform: translateY(0);
}

.design-canvas .arrow-hover-control:hover {
  background: var(--popup-control-bg) !important;
}

.design-canvas .rail-arrow-control {
  background: #EFE7D5 !important;
}

.design-canvas .rail-arrow-control .Vector path {
  fill: #232030 !important;
}

.design-canvas .Section-recently-viewed .rail-arrow-control {
  background: #232030 !important;
}

.design-canvas .Section-recently-viewed .rail-arrow-control .Vector path {
  fill: #FFF9F1 !important;
}

.design-canvas .Section-recently-viewed {
  overflow: hidden !important;
}

.design-canvas .Section-recently-viewed .recently-viewed-viewport {
  position: absolute;
  left: 40px;
  top: 0;
  width: 1360px;
  height: 100%;
  overflow: hidden;
}

.design-canvas .Section-recently-viewed .Heading2FeaturedOffers {
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  top: 23px !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 33px !important;
}

.design-canvas .Section-recently-viewed .Frame1738 {
  z-index: 1;
}

.design-canvas .Section-recently-viewed > .Gradient {
  pointer-events: none;
  z-index: 3;
}

.design-canvas .Section-recently-viewed .Frame1719,
.design-canvas .Section-recently-viewed .Frame1739 {
  z-index: 4;
}


.design-canvas .Section-recently-viewed .Frame1719 {
  width: 72px !important;
  height: 54px !important;
  left: 1415px !important;
  top: 209px !important;
  padding-left: 21px !important;
  padding-right: 21px !important;
  padding-top: 19px !important;
  padding-bottom: 19px !important;
  transform: rotate(90deg) !important;
  transform-origin: top left !important;
}

.design-canvas .Section-recently-viewed .Frame1739 {
  width: 72px !important;
  height: 54px !important;
  left: 25px !important;
  top: 282px !important;
  padding-left: 21px !important;
  padding-right: 21px !important;
  padding-top: 19px !important;
  padding-bottom: 19px !important;
  transform: rotate(-90deg) !important;
  transform-origin: top left !important;
}

.design-canvas .Section-recently-viewed .Frame1719 .Vector,
.design-canvas .Section-recently-viewed .Frame1739 .Vector {
  width: 10px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: 50% 50%;
}

.design-canvas .Section-recently-viewed .Frame1719 .Vector {
  transform: rotate(-90deg);
}

.design-canvas .Section-recently-viewed .Frame1739 .Vector {
  transform: rotate(90deg);
}

.design-canvas .Section-recently-viewed .Frame1719 .Vector svg,
.design-canvas .Section-recently-viewed .Frame1739 .Vector svg {
  width: 10px;
  height: 16px;
  display: block;
}

.design-canvas .Section-recently-viewed .ButtonMore {
  opacity: 1;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.design-canvas .Section-recently-viewed .ButtonMore:hover {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16) !important;
  transform: translateY(-1px);
}

.design-canvas .Section-recently-viewed .ButtonMore:active {
  transform: translateY(0);
}

.design-canvas .Section-recently-viewed .product-hover-card:hover {
  transform: none !important;
}

.design-canvas .rail-arrow-control.is-disabled {
  opacity: 1 !important;
  pointer-events: none !important;
  background: #EFE7D5 !important;
  box-shadow: none !important;
  transform: none !important;
}

.design-canvas .rail-arrow-control.is-disabled .Vector path {
  fill: #D6CFB8 !important;
}

.design-canvas .rail-arrow-control.is-hidden {
  display: none !important;
}

.design-canvas .rail-arrow-control:hover:not(.is-disabled) {
  background: var(--popup-control-bg) !important;
}

.design-canvas .Section-recently-viewed .rail-arrow-control:hover:not(.is-disabled) .Vector path {
  fill: #232030 !important;
}

.design-canvas .Section-recently-viewed .arrow-hover-control {
  transition: background-color 0.2s ease, opacity 0.2s ease !important;
}

.design-canvas .Section-recently-viewed .rail-arrow-control:hover:not(.is-disabled),
.design-canvas .Section-recently-viewed .rail-arrow-control.is-disabled {
  background: #232030 !important;
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5) !important;
}

.design-canvas .Section-recently-viewed .rail-arrow-control.is-disabled {
  opacity: 0.35 !important;
}

.design-canvas .Section-recently-viewed .rail-arrow-control:hover:not(.is-disabled) .Vector path,
.design-canvas .Section-recently-viewed .rail-arrow-control.is-disabled .Vector path {
  fill: #FFF9F1 !important;
}

.design-canvas .arrow-hover-control.is-disabled {
  opacity: 0.45;
  pointer-events: none;
  box-shadow: none !important;
  transform: none !important;
}


.design-canvas .Section-recently-viewed .Frame1719.arrow-hover-control:hover,
.design-canvas .Section-recently-viewed .Frame1719.arrow-hover-control:active,
.design-canvas .Section-recently-viewed .Frame1719.arrow-hover-control.is-disabled {
  transform: rotate(90deg) !important;
}

.design-canvas .Section-recently-viewed .Frame1739.arrow-hover-control:hover,
.design-canvas .Section-recently-viewed .Frame1739.arrow-hover-control:active,
.design-canvas .Section-recently-viewed .Frame1739.arrow-hover-control.is-disabled {
  transform: rotate(-90deg) !important;
}


.design-canvas .collapsible-about {
  transition: height 0.34s ease;
}

.design-canvas .collapsible-about .BackgroundBorderShadow {
  overflow: hidden;
  transition: height 0.34s ease;
}

.design-canvas .collapsible-about .BackgroundBorderShadow::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 78px;
  background: linear-gradient(180deg, rgba(255, 249, 241, 0) 0%, #FFF9F1 45%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.24s ease;
}

.design-canvas .collapsible-about > .collapse-toggle {
  transition: top 0.34s ease, left 0.34s ease, box-shadow 0.2s ease, transform 0.2s ease;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.design-canvas .collapsible-about > .collapse-toggle::after {
  content: none;
}

.design-canvas .collapsible-about.is-collapsed {
  height: 252px !important;
}

.design-canvas .collapsible-about.is-collapsed .BackgroundBorderShadow {
  height: 200px !important;
}

.design-canvas .collapsible-about.is-collapsed .BackgroundBorderShadow::after {
  opacity: 1;
}

.design-canvas .collapsible-about.is-collapsed
  .PrintBannersHighResolutionFilesForLargeFormatPrinting,
.design-canvas .collapsible-about.is-collapsed
  .OfficeCompanyGroupScenesWithFunDetailsAndBrandElements,
.design-canvas .collapsible-about.is-collapsed
  .UploadYourPhotosAndTellUsTheStoryWeLlTurnItIntoArtworkPeopleActuallyRemember {
  display: none !important;
}

.design-canvas .collapsible-about.is-collapsed > .collapse-toggle {
  left: 579.5px !important;
  top: 202px !important;
}

.design-canvas .collapsible-about.is-collapsed > .collapse-toggle::after {
  content: none;
}


.design-canvas .special-gifts-card {
  --special-gifts-rgb: 206, 222, 240;
  background: rgba(var(--special-gifts-rgb), 0.42) !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}

.design-canvas .special-gifts-card > img,
.design-canvas .special-gifts-card > .Frame2442 {
  width: 98px !important;
  height: 98px !important;
  left: 5px !important;
  top: 5px !important;
  bottom: 5px !important;
  border-radius: 17px !important;
  object-fit: cover !important;
}

.design-canvas .special-gifts-card > div:not(.Frame2442) {
  left: 113px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}


.design-canvas [data-layer="Explore the most-loved categories"][style*="top: 3099px"] {
  left: 41px !important;
}

.design-canvas .Frame2419[style*="top: 3148px"] {
  width: 227px !important;
  left: 948px !important;
}

.design-canvas .Frame2421[style*="top: 3148px"] {
  left: 494px !important;
}

.design-canvas .Frame2422[style*="top: 3148px"] {
  width: 227px !important;
}

.design-canvas .Frame2418[style*="top: 3148px"] {
  left: 1175px !important;
}

.design-canvas .Frame2418[style*="top: 3148px"]:not(:hover) {
  box-shadow: none !important;
}

.design-canvas .Frame2418[style*="top: 3148px"] > img,
.design-canvas .Frame2419[style*="top: 3148px"] > img,
.design-canvas .Frame2420[style*="top: 3148px"] > img,
.design-canvas .Frame2421[style*="top: 3148px"] > img,
.design-canvas .Frame2422[style*="top: 3148px"] > img,
.design-canvas .Frame2423[style*="top: 3148px"] > img {
  width: 213px !important;
  height: 231px !important;
}

.design-canvas .Frame2418[style*="top: 3148px"] > div,
.design-canvas .Frame2419[style*="top: 3148px"] > div,
.design-canvas .Frame2420[style*="top: 3148px"] > div,
.design-canvas .Frame2421[style*="top: 3148px"] > div,
.design-canvas .Frame2422[style*="top: 3148px"] > div,
.design-canvas .Frame2423[style*="top: 3148px"] > div {
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
}


.design-canvas .Section-gifts-liked :is(.Frame2433, .Frame2434, .Frame2435, .Frame2436, .Frame2437, .Frame2438, .Frame2439, .Frame2440) {
  cursor: pointer;
}

.design-canvas .Section-gifts-liked :is(.Frame2433, .Frame2434, .Frame2435, .Frame2436, .Frame2437, .Frame2438, .Frame2439, .Frame2440) .Frame2429 {
  transition: filter 0.24s ease;
}

.design-canvas .Section-gifts-liked :is(.Frame2433, .Frame2434, .Frame2435, .Frame2436, .Frame2437, .Frame2438, .Frame2439, .Frame2440):hover .Frame2429 {
  filter: brightness(1.01);
}

.design-canvas .Section-gifts-liked :is(.Frame2433, .Frame2434, .Frame2435, .Frame2436, .Frame2437, .Frame2438, .Frame2439, .Frame2440) .Frame2429 img {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  object-fit: cover !important;
  transition: transform 0.24s ease;
}

.design-canvas .Section-gifts-liked :is(.Frame2433, .Frame2434, .Frame2435, .Frame2436, .Frame2437, .Frame2438, .Frame2439, .Frame2440):hover .Frame2429 img {
  transform: scale(1.03);
}

.design-canvas .Section-gifts-liked :is(.Frame2433, .Frame2434, .Frame2435, .Frame2436, .Frame2437, .Frame2438, .Frame2439, .Frame2440) > .Button {
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.design-canvas .Section-gifts-liked :is(.Frame2433, .Frame2434, .Frame2435, .Frame2436, .Frame2437, .Frame2438, .Frame2439, .Frame2440) > .Button:hover {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.5) !important;
  transform: translateY(-1px);
}

.design-canvas .Section-gifts-liked :is(.Frame2433, .Frame2434, .Frame2435, .Frame2436, .Frame2437, .Frame2438, .Frame2439, .Frame2440) > .Button:active {
  transform: translateY(0);
}


.collection-modal__giftroom,
.collection-modal__giftroom-row,
.collection-modal__giftroom-invite { display: flex; flex-direction: column; gap: 14px; margin: 14px 0 0; }
.collection-modal__giftroom-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.collection-modal__giftroom[hidden],
.collection-modal__giftroom-row[hidden],
.collection-modal__giftroom-invite[hidden],
.collection-modal__sections[hidden],
.collection-modal__subtitle[hidden] { display: none !important; }
.collection-modal__subtitle {
  margin: 4px 0 14px; color: var(--color-ink-soft, #4A465D);
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 14px; line-height: 1.45;
}

.collection-modal .gift-room-field { display: flex; flex-direction: column; gap: 7px; }
.collection-modal .gift-room-field:has(.gift-room-field__input),
.collection-modal .gift-room-field:has(.gift-room-field__textarea) {
  position: relative;
  gap: 0;
  padding-top: 8px;
}
.collection-modal .gift-room-field__label {
  font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase;
  font-weight: 600; color: var(--color-ink-soft);
}
.collection-modal .gift-room-field:has(.gift-room-field__input) .gift-room-field__label,
.collection-modal .gift-room-field:has(.gift-room-field__textarea) .gift-room-field__label {
  position: absolute;
  top: 2px;
  left: 22px;
  z-index: 3;
  border-radius: 999px;
  background: var(--popup-bg, var(--color-cream));
  padding: 0 6px;
  pointer-events: none;
}
.collection-modal .gift-room-field__input {
  padding: 11px 14px; background: var(--color-sand); border: 1px solid var(--color-line);
  border-radius: 999px; font-family: inherit; font-size: 0.94rem; color: var(--color-ink);
  transition: background .2s, border-color .2s; width: 100%;
  appearance: none; -webkit-appearance: none;
}
.collection-modal .gift-room-field__input:focus {
  outline: none; background: var(--color-cream); border-color: var(--color-forest);
}
.collection-modal .gift-room-field__textarea {
  padding: 11px 14px; background: var(--color-sand); border: 1px solid var(--color-line);
  border-radius: 28px; font-family: inherit; font-size: 0.94rem; color: var(--color-ink);
  resize: vertical; min-height: 70px; transition: background .2s, border-color .2s; width: 100%;
}
.collection-modal .gift-room-field__textarea:focus {
  outline: none; background: var(--color-cream); border-color: var(--color-forest);
}
.collection-modal .gift-room-field__hint { font-size: 0.78rem; color: var(--color-ink-soft); margin: 0; }

.collection-modal .gift-room-typegrid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
}
.collection-modal .gift-room-typegrid__chip {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px; padding: 14px 8px; background: var(--color-cream); border: 1px solid var(--color-line);
  border-radius: 14px; cursor: pointer; color: var(--color-ink-soft); font-family: inherit;
  font-size: 0.78rem; transition: background .2s, border-color .2s, color .2s, transform .2s;
}
.collection-modal .gift-room-typegrid__chip:hover {
  border-color: var(--color-ink); color: var(--color-ink);
}
.collection-modal .gift-room-typegrid__chip.is-selected {
  background: var(--color-forest); border-color: var(--color-forest); color: var(--color-cream);
}
.collection-modal .gift-room-typegrid__chip-icon { width: 22px; height: 22px; }
.collection-modal .gift-room-typegrid__chip-label { font-weight: 500; }

.collection-modal .gift-room-stepper { display: flex; align-items: center; gap: 6px; }
.collection-modal .gift-room-stepper__btn {
  width: 38px; height: 38px; flex-shrink: 0; background: var(--color-cream);
  border: 1px solid var(--color-line); border-radius: 12px; font-family: inherit;
  font-size: 1.1rem; color: var(--color-ink); cursor: pointer;
  transition: background .2s, border-color .2s;
}
.collection-modal .gift-room-stepper__btn:hover {
  background: var(--color-sand); border-color: var(--color-ink);
}
.collection-modal .gift-room-stepper__input { text-align: center; }

@media (max-width: 560px) {
  .collection-modal__giftroom-row { grid-template-columns: 1fr; }
  .collection-modal .gift-room-typegrid { grid-template-columns: repeat(2, 1fr); }
}


.collection-modal-overlay {
  position: fixed; inset: 0;
  background: var(--popup-overlay);
  z-index: var(--z-modal-front, 13000);
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  opacity: 0; pointer-events: none;
  transition: opacity 0.22s ease;
  overflow-y: auto;
}
.collection-modal-overlay.is-open { opacity: 1; pointer-events: auto; }
.collection-modal-overlay[hidden] { display: none !important; }

.collection-modal-shell {
  position: relative;
  width: 100%; max-width: 578px;
  margin: auto 0;
}

.collection-modal {
  background: var(--popup-bg);
  border-radius: 30px;
  padding: 20px 20px 24px;
  box-shadow: var(--popup-shadow);
  display: flex; flex-direction: column; gap: 18px;
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  color: #232030;
}
.collection-modal:focus { outline: 0; }

.collection-modal__close {
  position: absolute;
  top: 0;
  left: calc(100% + var(--popup-close-offset, 10px));
  right: auto;
  width: var(--popup-close-width, 78px);
  height: var(--popup-close-height, 55px);
  border: 0; border-radius: 999px;
  background: var(--popup-bg);
  box-shadow: var(--popup-shadow-soft);
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .2s ease, transform .2s ease;
}
.collection-modal__close::before, .collection-modal__close::after { content: none; }
.collection-modal__close:hover,
.collection-modal__close:focus-visible {
  background: var(--popup-close-hover-bg, var(--sort-control-bg));
  animation: header-auth-close-bounce 0.28s cubic-bezier(0.23, 1.3, 0.32, 1) both;
  filter: var(--popup-close-hover-filter);
}
.collection-modal__close-icon { width: var(--popup-close-icon-size, 17px); height: var(--popup-close-icon-size, 17px); display: block; }

.collection-modal__title {
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: var(--popup-title-font, var(--font-display));
  font-size: var(--popup-title-size, 25px);
  font-weight: var(--popup-title-weight, 600);
  line-height: var(--popup-title-line-height, 1.16);
  letter-spacing: var(--popup-title-letter-spacing, 0);
  color: var(--color-ink);
}
.collection-modal__subtitle {
  margin: -6px 0 0;
  padding: 0;
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 13px; font-weight: 600; line-height: 1.45;
  color: #232030;
}


.collection-modal__guest {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 12px 14px;
  background: #EEE5DA;
  border-radius: 20px;
}
.collection-modal__guest[hidden] { display: none !important; }
.collection-modal__guest-copy { flex: 1 1 auto; min-width: 0; }
.collection-modal__guest-title {
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 14px; font-weight: 600; color: #222031;
  margin-bottom: 4px;
}
.collection-modal__guest-text {
  font-size: 11px; font-weight: 500; line-height: 1.4; color: #222031;
}
.collection-modal__guest-action {
  flex-shrink: 0;
  height: 42px; padding: 0 22px;
  background: #222031; color: #FAF1EA;
  border: 0; border-radius: 999px;
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 15px; font-weight: 600;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}



.collection-modal__field {
  position: relative;
  display: flex; flex-direction: column; gap: 0;
  padding-top: 8px;
}
.collection-modal__field--date {
  position: relative;
}
.collection-modal__field-head {
  position: absolute;
  top: 2px;
  left: 22px;
  right: 22px;
  z-index: 3;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  pointer-events: none;
}
.collection-modal__label {
  border-radius: 999px;
  background: var(--collection-modal-label-bg, var(--collection-modal-field-bg, var(--popup-bg)));
  padding: 0 6px;
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 13px; font-weight: 600; line-height: 1.2;
  color: #232030;
}
.collection-modal__field > .collection-modal__label {
  position: absolute;
  top: 2px;
  left: 22px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  pointer-events: none;
}
.collection-modal__field--budget > .collection-modal__label {
  left: 78px;
}

.collection-modal__field--type {
  padding-top: 0;
  gap: 8px;
}

.collection-modal__field.collection-modal__field--type > .collection-modal__label,
.collection-modal__label--section {
  position: static;
  left: auto;
  top: auto;
  z-index: auto;
  display: inline-flex;
  align-self: flex-start;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  pointer-events: auto;
}

.collection-modal__field--type .collection-modal__typegrid {
  margin-top: 0;
}

.collection-modal__field.is-error .collection-modal__label,
.collection-modal__field--date.is-date-invalid > .collection-modal__label {
  color: var(--color-alert-red);
}
.collection-modal__counter {
  border-radius: 999px;
  background: var(--collection-modal-label-bg, var(--collection-modal-field-bg, var(--popup-bg)));
  padding: 0 6px;
  font-size: 13px; font-weight: 600; color: #232030;
}


.collection-modal__typegrid {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px;
  margin-top: 4px;
}
.collection-modal__type-chip {
  height: 81px; padding: 6px 4px;
  border: 0; border-radius: 8px;
  background: transparent;
  cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  color: #232030;
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  transition: background-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.collection-modal__type-chip:hover {
  box-shadow: var(--shadow-card-hover);
}
.collection-modal__type-chip.is-selected {
  background: transparent;
  color: #3F6A60;
}
.collection-modal__type-chip-icon {
  width: 34px; height: 34px; display: block;
  pointer-events: none;
}
.collection-modal__type-chip-label {
  font-size: 11px; font-weight: 600; line-height: 1.1;
  pointer-events: none;
}


.collection-modal__input-shell {
  position: relative;
  height: 52px;
  background: var(--collection-modal-field-bg, var(--popup-bg));
  border-radius: 999px;
  border: 1.5px solid var(--color-forest);
  box-shadow: inset 0 1px 2px rgba(35, 32, 48, 0.05);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.collection-modal__input-shell:focus-within { border-color: var(--color-forest); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-forest) 14%, transparent); }
.collection-modal__input-shell.is-error {
  border-color: var(--color-alert-red);
  background: var(--collection-modal-field-bg, var(--popup-bg));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-alert-red) 11%, transparent);
  outline-color: transparent;
}
.collection-modal__input {
  width: 100%; height: 100%;
  border: 0; background: transparent; outline: 0;
  padding: 0 25px;
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 13px; font-weight: 500; color: #232030;
  -webkit-text-fill-color: #232030;
}
.collection-modal__input::placeholder { color: #232030; opacity: 0.55; }
.collection-modal__error {
  margin: 8px 0 0 10px;
  color: var(--color-alert-red);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}


.collection-modal__row {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
  align-items: end;
}
.collection-modal__field--date,
.collection-modal__field--budget { gap: 6px; }

.collection-modal__date-shell {
  position: relative;
  height: 50px;
  background: var(--popup-bg);
  border-radius: 999px;
  outline: 2px solid var(--color-forest);
  outline-offset: -2px;
  display: flex; align-items: center; padding: 0 25px;
  overflow: hidden;
}
.collection-modal__date-shell:focus-within { outline-color: var(--color-forest); }
.collection-modal__date-shell {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.collection-modal__date-input {
  flex: 1 1 auto; min-width: 0;
  border: 0; background: transparent; outline: 0;
  color: var(--color-ink);
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 15px; font-weight: 700; line-height: 1;
  cursor: pointer;
  caret-color: var(--color-forest);
}
.collection-modal__date-input::placeholder { color: #4A465D; opacity: 0.55; font-weight: 500; }
.collection-modal__date-shell:focus-within { outline-color: var(--color-forest); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-forest) 14%, transparent); }

.collection-modal__budget {
  display: flex; align-items: center; gap: 6px;
}
.collection-modal__budget-step {
  width: 50px; height: 50px; flex-shrink: 0;
  background: var(--popup-bg);
  border: 2px solid var(--color-forest);
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .18s ease, border-color .18s ease;
}
.collection-modal__budget-step:hover { background: var(--popup-bg-soft); border-color: var(--color-forest); }
.collection-modal__budget-step-icon { width: 26px; height: 26px; display: block; object-fit: contain; pointer-events: none; }
.collection-modal__budget-step-icon--minus { width: 30px; height: 8px; object-fit: fill; }
.collection-modal__budget-shell {
  flex: 1; min-width: 0;
  height: 50px;
  background: var(--popup-bg);
  border-radius: 999px;
  outline: 2px solid var(--color-forest);
  outline-offset: -2px;
  display: flex; align-items: center;
}
.collection-modal__budget-shell:focus-within { outline-color: var(--color-forest); }
.collection-modal__budget-input {
  width: 100%; height: 100%;
  border: 0; background: transparent; outline: 0;
  padding: 0 20px;
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 15px; font-weight: 700; color: var(--color-ink);
  text-align: center;
}
.collection-modal__budget-input::placeholder { color: #A9A9A9; }


.collection-modal__section {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;
}
.collection-modal__row + .collection-modal__section {
  margin-top: 10px;
}
.collection-modal__section-copy { flex: 1 1 auto; min-width: 0; }
.collection-modal__section-title {
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 15px; font-weight: 600; line-height: 1.3;
  color: #232030;
  margin-bottom: 6px;
}
.collection-modal__section-text {
  font-size: 14px; font-weight: 500; line-height: 1.4;
  color: #232030;
}

.collection-modal__visibility {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  flex-shrink: 0;
  min-width: 112px;
}
.collection-modal__visibility-status {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 13px; font-weight: 500; color: #232030; line-height: 1.1;
  text-align: left;
  white-space: nowrap;
}
.collection-modal__visibility-icon { width: 18px; height: 18px; display: block; }
.collection-modal__visibility-text { line-height: 1.1; white-space: nowrap; }

.collection-modal__collab-controls {
  display: flex; align-items: center; gap: 10px;
  flex-shrink: 0;
}


.collection-modal__toggle {
  width: 82px; height: 42px;
  border: 0; padding: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
.collection-modal__toggle-track {
  position: relative;
  display: block;
  width: 100%; height: 100%;
  background: #FAF1EA;
  border: 2px solid #232030;
  border-radius: 999px;
  transition: background-color .2s ease, border-color .2s ease;
  overflow: hidden;
}
.collection-modal__toggle-thumb {
  position: absolute;
  top: 4px; left: 4px;
  width: 30px; height: 30px;
  background: #232030;
  border-radius: 999px;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), background-color .2s ease;
}
.collection-modal__toggle.is-on .collection-modal__toggle-thumb {
  transform: translateX(40px);
}
.collection-modal__toggle-icon {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 17px; height: 17px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
}
.collection-modal__toggle-icon img { width: 100%; height: 100%; display: block; }
.collection-modal__toggle-icon--off { right: 12px; opacity: 1; }
.collection-modal__toggle-icon--on { left: 12px; color: var(--popup-bg, var(--color-cream)); }
.collection-modal__toggle--visibility .collection-modal__toggle-icon--on img { display: none; }
.collection-modal__toggle--visibility .collection-modal__toggle-icon--on::before {
  content: "";
  width: 17px;
  height: 14px;
  display: block;
  background: currentColor;
  -webkit-mask: url("/assets/header-icons/check-toggle.svg") center / contain no-repeat;
  mask: url("/assets/header-icons/check-toggle.svg") center / contain no-repeat;
}
.collection-modal__toggle.is-on .collection-modal__toggle-icon--off { opacity: 0; }
.collection-modal__toggle.is-on .collection-modal__toggle-icon--on { opacity: 1; }


.collection-modal__toggle--collab .collection-modal__toggle-track {
  background: #DCDDD3;
  border-color: transparent;
}
.collection-modal__toggle--collab .collection-modal__toggle-thumb {
  background: #FAF1EA;
}
.collection-modal__toggle--collab.is-on .collection-modal__toggle-track {
  background: #3F6A60;
}
.collection-modal__toggle--collab.is-on .collection-modal__toggle-thumb {
  background: #FAF1EA;
}


.collection-modal__footer {
  position: sticky;
  bottom: 0;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 4px -22px 0;
  padding: 10px 22px 0;
  background: var(--popup-bg);
  border-top: 1px solid var(--popup-border);
}
.collection-modal__cancel,
.collection-modal__create {
  margin-top: 4px;
  min-height: 54px; padding: 0 56px;
  border: 0; border-radius: 999px;
  font-family: var(--font-body, system-ui), system-ui, sans-serif;
  font-size: 16px; font-weight: 700; line-height: 1.2;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: box-shadow .22s ease, transform .22s ease;
}
.collection-modal__cancel {
  background: #FAF1EA;
  color: #232030;
}
.collection-modal__cancel:hover { box-shadow: 0 0 4px rgba(35, 32, 48, 0.5); }
.collection-modal__create {
  background: #3F6A60;
  color: #FAF1EA;
  padding: 0 27px;
}

.collection-modal__create:disabled,
.collection-modal__create[aria-disabled="true"] {
  background: #DCDDD3;
  color: #B3BFB2;
  cursor: not-allowed;
}
.collection-modal__body { display: contents; }
.collection-modal__sheet-grip { display: none; }


@media (max-width: 720px) {
  .collection-modal-overlay { --collection-modal-mobile-top: clamp(84px, 13dvh, 128px); padding: calc(env(safe-area-inset-top, 0px) + var(--collection-modal-mobile-top)) 0 0; align-items: flex-end; overflow: hidden; }
  .collection-modal-shell { width: 100%; max-width: 100%; height: 100%; margin: 0; }
  .collection-modal__close { display: none; }
  .collection-modal { width: 100%; height: 100%; padding: 0; gap: 0; border-radius: 22px 22px 0 0; max-height: none; overflow: hidden; scrollbar-gutter: auto; transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1); }
  .collection-modal-overlay:not(.is-open) .collection-modal { transform: translateY(18px); will-change: transform; }
  .collection-modal-overlay.is-sheet-dragging .collection-modal { transform: translateY(var(--collection-sheet-drag-y, 0px)); transition: none; will-change: transform; }
  .collection-modal-overlay.is-sheet-settling .collection-modal { transform: translateY(var(--collection-sheet-drag-y, 0px)); transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; }
  .collection-modal-overlay.is-sheet-closing .collection-modal { transform: translateY(var(--collection-sheet-drag-y, 0px)); transition: transform 0.18s cubic-bezier(0.4, 0, 1, 1); will-change: transform; }
  .collection-modal__sheet-grip { display: flex; flex: 0 0 44px; min-height: 44px; align-items: center; justify-content: center; cursor: grab; touch-action: none; user-select: none; }
  .collection-modal__sheet-grip span { width: var(--popup-sheet-grip-width, 48px); height: var(--popup-sheet-grip-thickness, 5px); border-radius: 999px; background: var(--popup-sheet-grip-color); }
  .collection-modal-overlay.is-sheet-dragging .collection-modal__sheet-grip { cursor: grabbing; }
  .collection-modal__body { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 4px 16px 12px; display: flex; flex-direction: column; gap: 14px; scrollbar-gutter: auto; scrollbar-width: none; -ms-overflow-style: none; }
  .collection-modal__body::-webkit-scrollbar { width: 0; height: 0; }
  .collection-modal__title {
    font-size: var(--popup-title-size, 25px);
    line-height: var(--popup-title-line-height, 1.16);
    text-align: left;
    padding: 0;
  }
  .collection-modal__typegrid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .collection-modal__type-chip { height: 76px; }
  .collection-modal__row { grid-template-columns: 1fr; gap: 12px; }
  .collection-modal__section { flex-direction: row; align-items: center; }
  .collection-modal__footer { flex-direction: row; gap: 10px; flex: 0 0 auto; position: relative; bottom: 0; z-index: 20; margin: 0; padding: 8px 16px calc(10px + env(safe-area-inset-bottom, 0px)); background: var(--popup-bg); box-shadow: 0 -10px 22px rgba(35, 32, 48, 0.08); }
  .collection-modal__cancel,
  .collection-modal__create { flex: 1; min-width: 0; padding: 0 16px; min-height: 48px; }
  .collection-modal__guest { flex-direction: column; align-items: stretch; }
  .collection-modal__guest-action { align-self: flex-start; }
}

@media (max-width: 460px) {
  .collection-modal-overlay { --collection-modal-mobile-top: clamp(84px, 13dvh, 128px); }
  .collection-modal { height: 100%; max-height: none; padding: 0; }
  .collection-modal__body { padding: 4px 14px 12px; }
  .collection-modal__close { display: none; }
  .collection-modal__title { padding: 0; }
  .collection-modal__typegrid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .collection-modal__type-chip { height: 68px; }
  .collection-modal__budget-input { font-size: 13px; }
  .collection-modal__footer { padding-top: 8px; padding-right: 14px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); padding-left: 14px; }
  .collection-modal__cancel,
  .collection-modal__create { min-height: 46px; font-size: 15px; }
  
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  input:not([type]),
  textarea {
    font-size: max(16px, 1em);
  }
}

@media (max-width: 560px) {
  .header-auth-title {
    font-size: 22px !important;
    line-height: 1.18 !important;
  }
}



/*! [bundle] /css/hotfix.css */
    
    .design-canvas [data-layer="Header"] {
      position: relative;
      overflow: visible !important;
      border-bottom: none !important;
    }

    .design-canvas [data-layer="Header"]::after {
      content: "";
      position: absolute;
      left: calc((1440px - (100vw / var(--scale))) / 2);
      width: calc(100vw / var(--scale));
      transform: none;
      bottom: 0;
      height: 1px;
      background: #c9d2ca;
      pointer-events: none;
      z-index: 2;
    }

    
    .fixed-header::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transform: none;
      background: #f8f1eb;
      pointer-events: none;
      z-index: var(--header-layer-backdrop);
    }

    .fixed-header {
      position: fixed !important;
      left: 0 !important;
      right: 0 !important;
      top: 0 !important;
      width: auto !important;
      min-width: 100vw !important;
      height: calc(114px * var(--scale)) !important;
      background: #f8f1eb;
      transform: none !important;
      overflow: visible !important;
      border-bottom: none !important;
      isolation: isolate;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box;
      z-index: 5000;
    }

    .fixed-header::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      width: auto;
      transform: none;
      bottom: 0;
      height: 1px;
      background: #d9d5d0;
      pointer-events: none;
      z-index: var(--header-layer-line);
    }

    body,
    .design-stage,
    .design-canvas {
      background: #e6f0ea;
    }

    .design-canvas > .Aricatures,
    .design-canvas > [data-layer="Caricatures"] {
      position: relative;
      isolation: isolate;
      background: #e6f0ea !important;
    }

    .design-canvas .Main,
    .design-canvas [data-layer="Main"] {
      background: #e6f0ea !important;
    }

    .design-canvas [style*="background: var(--color-cream)"],
    .design-canvas [style*="background: var(--color-cream);"] {
      background: #e6f0ea !important;
    }

    .design-canvas > .Aricatures::before,
    .design-canvas > [data-layer="Caricatures"]::before {
      content: "";
      position: absolute;
      inset: 0;
      background: #e6f0ea;
      pointer-events: none;
      z-index: -1;
    }

    .fixed-header > svg,
    .fixed-header .header-tablet-768,
    .fixed-header .header-mobile-414 {
      display: none !important;
    }

    .fixed-header > svg {
      position: absolute;
      top: 0;
      left: 50%;
      width: 1440px;
      height: 114px;
      transform: translateX(-50%) scale(var(--scale));
      transform-origin: top center;
      display: block;
      z-index: var(--header-layer-legacy-art);
      
      clip-path: inset(0 0 2px 0);
    }

    .fixed-header .header-desktop-shell {
      position: absolute;
      top: 0;
      left: 50%;
      width: min(1440px, calc(100vw / var(--scale)));
      max-width: 1440px;
      height: 114px;
      transform: translateX(-50%) scale(var(--scale));
      transform-origin: top center;
      display: block;
      pointer-events: none;
      z-index: var(--header-layer-chrome);
      isolation: isolate;
      font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
      color: #232030;
    }

    .fixed-header .header-desktop-top {
      position: absolute;
      inset: 0 0 auto 0;
      height: 73px;
    }

    .fixed-header .header-desktop-home,
    .fixed-header .header-desktop-categories,
    .fixed-header .header-desktop-search-clear,
    .fixed-header .header-desktop-search-mic,
    .fixed-header .header-desktop-search-submit,
    .fixed-header .header-desktop-wishlist,
    .fixed-header .header-desktop-bell,
    .fixed-header .header-desktop-cart,
    .fixed-header .header-desktop-signin,
    .fixed-header .header-desktop-burger,
    .fixed-header .header-desktop-nav-chip {
      position: absolute;
      margin: 0;
      padding: 0;
      border: 0;
      background: transparent;
      pointer-events: none;
      box-sizing: border-box;
    }

    .fixed-header .header-desktop-home {
      left: 40px;
      top: 15px;
      width: 109px;
      height: 52px;
      display: flex;
      align-items: center;
    }

    .fixed-header .header-desktop-logo {
      width: 109px;
      height: 42px;
      display: block;
      object-fit: contain;
    }

    .fixed-header .header-desktop-categories {
      left: 158px;
      top: 15px;
      width: 152px;
      height: 52px;
      border-radius: 26px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0 24px;
      box-sizing: border-box;
      gap: 12px;
    }

    .fixed-header .header-desktop-categories,
    .fixed-header .header-desktop-search-clear,
    .fixed-header .header-desktop-search-mic,
    .fixed-header .header-desktop-search-submit,
    .fixed-header .header-desktop-wishlist,
    .fixed-header .header-desktop-bell,
    .fixed-header .header-desktop-cart,
    .fixed-header .header-desktop-signin,
    .fixed-header .header-desktop-burger,
    .fixed-header .header-desktop-nav-chip {
      isolation: isolate;
      overflow: visible;
    }

    .fixed-header .header-desktop-categories > *,
    .fixed-header .header-desktop-search-clear > *,
    .fixed-header .header-desktop-search-mic > *,
    .fixed-header .header-desktop-search-submit > *,
    .fixed-header .header-desktop-wishlist > *,
    .fixed-header .header-desktop-bell > *,
    .fixed-header .header-desktop-cart > *,
    .fixed-header .header-desktop-signin > *,
    .fixed-header .header-desktop-burger > *,
    .fixed-header .header-desktop-nav-chip > * {
      position: relative;
      z-index: 1;
    }

    .fixed-header .header-desktop-categories::before,
    .fixed-header .header-desktop-search-clear::before,
    .fixed-header .header-desktop-search-mic::before,
    .fixed-header .header-desktop-search-submit::before,
    .fixed-header .header-desktop-wishlist::before,
    .fixed-header .header-desktop-bell::before,
    .fixed-header .header-desktop-cart::before,
    .fixed-header .header-desktop-signin::before,
    .fixed-header .header-desktop-burger::before,
    .fixed-header .header-desktop-nav-chip::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: transparent;
      transition: background-color 0.18s ease;
      z-index: 0;
    }

    .fixed-header .header-desktop-search-shell {
      position: absolute;
      left: 318px;
      top: 16px;
      width: 757px;
      height: 52px;
      padding: 2px 2px 2px 16px;
      border-radius: 26px;
      background: #f8f1eb;
      border: 2px solid #232030;
      box-shadow: none;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      transition: border-color 0.18s ease, box-shadow 0.18s ease;
    }

    .fixed-header.is-search-active .header-desktop-search-shell {
      border-color: #232030;
      box-shadow: 0 0 0 2px rgba(63, 106, 96, 0.65);
    }

    .fixed-header .header-desktop-search-text {
      position: relative;
      flex: 1 1 0;
      width: auto;
      height: 42px;
      padding-left: 4px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      color: #829181;
      font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
      font-size: 15px;
      font-weight: 500;
      line-height: 17px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      z-index: 1;
      opacity: 0;
      pointer-events: none;
    }

    .fixed-header .header-desktop-search-clear {
      position: relative;
      left: auto;
      top: auto;
      width: 44px;
      height: 44px;
      border-radius: 22px;
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 1;
    }

    .fixed-header .header-desktop-search-clear.is-visible {
      display: flex;
    }

    .fixed-header .header-desktop-search-mic {
      position: relative;
      left: auto;
      top: auto;
      width: 44px;
      height: 44px;
      border-radius: 22px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1;
    }

    .fixed-header .header-desktop-search-submit {
      position: relative;
      left: auto;
      right: auto;
      top: auto;
      width: 112px;
      bottom: auto;
      height: 44px;
      border-radius: 22px;
      background: transparent;
      display: block;
      padding: 0;
      color: var(--color-cream);
      font-size: 17px;
      font-weight: 600;
      line-height: 1;
      z-index: 1;
    }

    .fixed-header .header-desktop-search-submit::before {
      background: #3f6a60;
    }

    .fixed-header .header-desktop-clear-icon {
      width: 13px;
      height: 13px;
      display: block;
      object-fit: contain;
      min-width: 13px;
      min-height: 13px;
      max-width: 13px;
      max-height: 13px;
      object-position: center;
    }

    .fixed-header .header-desktop-search-submit-icon {
      position: absolute;
      left: 15px;
      top: 12px;
      width: 20px;
      height: 20px;
      display: block;
      object-fit: contain;
      min-width: 20px;
      min-height: 20px;
      max-width: 20px;
      max-height: 20px;
      object-position: center;
    }

    .fixed-header .header-desktop-search-submit-label {
      position: absolute;
      left: 39px;
      top: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 24px;
      font-family: var(--font-display) !important;
      font-size: 17px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0;
      text-transform: none;
      transform: translate(1px, -2px);
    }

    .fixed-header .header-desktop-search-active-outline {
      position: absolute;
      inset: -2px;
      border: 2px solid rgba(63, 106, 96, 0.65);
      border-radius: 999px;
      opacity: 0;
      transition: opacity 0.18s ease;
      z-index: 2;
      pointer-events: none;
    }

    .fixed-header.is-search-active .header-desktop-search-active-outline {
      opacity: 1;
    }

    .fixed-header .header-desktop-icon,
    .fixed-header .header-desktop-chevron {
      display: block;
      object-fit: contain;
    }

    .fixed-header .header-desktop-icon {
      width: 22px;
      height: 22px;
      min-width: 22px;
      min-height: 22px;
      max-width: 22px;
      max-height: 22px;
      flex: 0 0 22px;
      object-position: center;
    }

    .fixed-header .header-desktop-planner-icon {
      width: 24px;
      height: 26px;
      min-width: 24px;
      min-height: 26px;
      max-width: 24px;
      max-height: 26px;
      flex: 0 0 24px;
      object-position: center;
    }

    .fixed-header .header-desktop-bell .header-desktop-icon {
      width: 28px;
      height: 32px;
      min-width: 28px;
      min-height: 32px;
      max-width: 28px;
      max-height: 32px;
      flex: 0 0 28px;
      object-fit: contain;
      object-position: center;
    }

    .fixed-header .header-desktop-cart .header-desktop-icon {
      width: 44px;
      height: 44px;
      min-width: 44px;
      min-height: 44px;
      max-width: 44px;
      max-height: 44px;
      flex: 0 0 44px;
      object-position: center;
    }

    .fixed-header .header-desktop-burger .header-desktop-icon {
      width: 26px;
      height: 20px;
      min-width: 26px;
      min-height: 20px;
      max-width: 26px;
      max-height: 20px;
      flex: 0 0 26px;
      object-position: center;
    }

    .fixed-header .header-desktop-search-mic .header-desktop-icon {
      width: 17px;
      height: 20px;
      min-width: 17px;
      min-height: 20px;
      max-width: 17px;
      max-height: 20px;
      flex: 0 0 17px;
      object-position: center;
    }

    .fixed-header .header-desktop-categories-icon {
      width: 22px;
      height: 22px;
      min-width: 22px;
      min-height: 22px;
      max-width: 22px;
      max-height: 22px;
      flex: 0 0 22px;
      object-position: center;
    }

    .fixed-header .header-desktop-categories-label,
    .fixed-header .header-desktop-signin-label {
      display: block;
      color: #232030;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.15;
      white-space: nowrap;
    }

    .fixed-header .header-desktop-signin-label {
      font-size: 15px;
      font-weight: 700;
    }

    .fixed-header .header-desktop-wishlist,
    .fixed-header .header-desktop-bell,
    .fixed-header .header-desktop-cart {
      width: 52px;
      height: 52px;
      top: 15px;
      border-radius: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .fixed-header .header-desktop-wishlist {
      left: 1082px;
      background: transparent;
    }

    .fixed-header .header-desktop-bell {
      left: 1140px;
      background: transparent;
    }

    .fixed-header .header-desktop-cart {
      left: 1198px;
      background: transparent;
    }

    .fixed-header .header-desktop-signin {
      left: 1256px;
      top: 15px;
      width: 86px;
      height: 52px;
      border-radius: 26px;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
    }

    .fixed-header .header-desktop-chevron {
      width: 16px;
      height: 10px;
    }

    .fixed-header .header-desktop-burger {
      left: 1348px;
      top: 15px;
      width: 52px;
      height: 52px;
      border-radius: 26px;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .fixed-header .header-desktop-burger-badge {
      position: absolute;
      left: 28px;
      top: 4px;
      height: 18px;
      min-width: 18px;
      padding: 0 5px;
      border-radius: 999px;
      background: var(--color-alert-red);
      color: var(--color-cream);
      font-family: var(--font-body);
      font-size: 10px;
      font-weight: 700;
      line-height: 18px;
      text-align: center;
      box-sizing: border-box;
      pointer-events: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .fixed-header .header-desktop-nav {
      position: absolute;
      left: 50%;
      top: 73px;
      width: max-content;
      max-width: calc(100% - 80px);
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      transform: translateX(-50%);
    }

    .fixed-header .header-desktop-nav-chip {
      position: relative;
      top: 0;
      width: fit-content;
      height: 36px;
      border-radius: 18px;
      background: transparent;
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      padding: 0 15px;
      box-sizing: border-box;
      gap: 7px;
      color: #232030;
      font-size: 14px;
      font-weight: 600;
      line-height: 1;
      transition: background-color 0.18s ease;
    }

    .fixed-header .header-desktop-nav-chip span {
      display: inline-flex;
      align-items: center;
      height: 18px;
      white-space: nowrap;
      line-height: 18px;
      transform: translateY(0);
    }

    .fixed-header .header-desktop-nav-chip-gift {
      width: auto;
    }

    .fixed-header [data-nav-id="home-picks"] {
      width: auto;
    }

    .fixed-header [data-nav-id="seasonal-gifts"],
    .fixed-header [data-nav-id="home-finds"],
    .fixed-header [data-nav-id="style-finds"],
    .fixed-header [data-nav-id="vintage-edit"] {
      width: auto;
    }

    .fixed-header [data-nav-id="video-gifts"] {
      width: auto;
    }

    .fixed-header [data-nav-id="interest-based"] {
      width: auto;
    }

    .fixed-header [data-nav-id="home-favorites"] {
      width: auto;
    }

    .fixed-header .header-desktop-nav-icon {
      width: 18px;
      height: 18px;
      display: block;
      object-fit: contain;
      flex: 0 0 18px;
      object-position: center;
    }

    .fixed-header .header-desktop-nav-chip-gift .header-desktop-nav-icon {
      width: 17px;
      height: 17px;
      flex-basis: 17px;
    }

    .fixed-header .header-desktop-nav-chip--seasonal {
      color: #232030;
      font-weight: 600;
    }

    .fixed-header .header-desktop-divider {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: #d9d5d0;
    }

    body.page[data-category-page-live="1"] .fixed-header .header-desktop-divider {
      display: none;
    }

    body.page[data-category-page-live="1"] .fixed-header,
    body.page[data-category-page-live="1"] .fixed-header::before {
      transition: height 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    }

    body.page[data-category-page-live="1"] .fixed-header .header-desktop-nav {
      transition:
        opacity 0.24s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0.24s linear;
    }

    body.page[data-category-page-live="1"].is-category-header-preparing .fixed-header,
    body.page[data-category-page-live="1"].is-category-header-preparing .fixed-header::before,
    body.page[data-category-page-live="1"].is-category-header-preparing .fixed-header .header-desktop-nav {
      transition: none !important;
    }

    body.page[data-category-page-live="1"].is-category-header-preparing .fixed-header .header-desktop-nav {
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translateX(-50%) translateY(-8px) !important;
    }

    body.page[data-category-page-live="1"].is-category-header-condensed .fixed-header {
      height: calc(73px * var(--scale)) !important;
    }

    body.page[data-category-page-live="1"].is-category-header-condensed .fixed-header .header-desktop-nav {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateX(-50%) translateY(-8px);
    }

    body.page.page--search .fixed-header,
    body.page.page--search .fixed-header::before {
      transition: height 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    }

    body.page.page--search .fixed-header .header-desktop-divider {
      display: none;
    }

    body.page.page--search .design-canvas [data-layer="Header"]::after {
      display: none;
    }

    body.page.page--search .fixed-header .header-desktop-nav {
      transition:
        opacity 0.24s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0.24s linear;
    }

    body.page.page--search.is-search-header-condensed .fixed-header {
      height: calc(73px * var(--scale)) !important;
    }

    body.page.page--search.is-search-header-condensed .fixed-header .header-desktop-nav {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateX(-50%) translateY(-8px);
    }

    .fixed-header .header-desktop-categories.is-hover,
    .fixed-header .header-desktop-wishlist.is-hover,
    .fixed-header .header-desktop-bell.is-hover,
    .fixed-header .header-desktop-cart.is-hover,
    .fixed-header .header-desktop-burger.is-hover,
    .fixed-header .header-desktop-signin.is-hover,
    .fixed-header .header-desktop-signin[aria-expanded="true"] {
      background: transparent;
    }

    .fixed-header .header-desktop-categories.is-hover::before,
    .fixed-header .header-desktop-wishlist.is-hover::before,
    .fixed-header .header-desktop-bell.is-hover::before,
    .fixed-header .header-desktop-cart.is-hover::before,
    .fixed-header .header-desktop-burger.is-hover::before,
    .fixed-header .header-desktop-signin.is-hover::before,
    .fixed-header .header-desktop-signin[aria-expanded="true"]::before,
    .fixed-header .header-desktop-search-clear.is-hover::before,
    .fixed-header .header-desktop-search-mic.is-hover::before {
      background: #dcddd4;
      animation: header-pop-bounce-soft 0.44s cubic-bezier(0.22, 1, 0.28, 1) both;
    }

    .fixed-header .header-desktop-nav-chip.is-hover {
      background: transparent;
    }

    .fixed-header .header-desktop-nav-chip:hover,
    .fixed-header .header-desktop-nav-chip:focus-visible {
      background: transparent;
    }

    .fixed-header .header-desktop-nav-chip.is-hover::before {
      background: #dcddd4;
      animation: header-pop-bounce-soft 0.44s cubic-bezier(0.22, 1, 0.28, 1) both;
    }

    .fixed-header .header-desktop-nav-chip:hover::before,
    .fixed-header .header-desktop-nav-chip:focus-visible::before {
      background: #dcddd4;
      animation: header-pop-bounce-soft 0.44s cubic-bezier(0.22, 1, 0.28, 1) both;
    }

    .fixed-header .header-desktop-search-submit.is-hover {
      background: transparent;
    }

    .fixed-header .header-desktop-search-submit.is-hover::before {
      background: var(--color-forest-dark);
      animation: none;
    }

    .fixed-header .header-desktop-search-clear.is-hover {
      background: transparent;
      box-shadow: none;
    }

    .fixed-header .header-desktop-search-mic.is-hover {
      background: transparent;
      box-shadow: none;
    }

    .fixed-header .header-desktop-wishlist.is-attention:not(.is-hover),
    .fixed-header .header-desktop-wishlist.is-attention:not(.is-hover)::before {
      animation: none;
      background: transparent;
    }

    .fixed-header .header-floating-layer [hidden] {
      display: none !important;
    }

    @media (max-width: 1360px) {
      .fixed-header .header-desktop-top {
        top: 15px;
        right: 40px;
        bottom: auto;
        left: 40px;
        height: 52px;
        display: grid;
        grid-template-columns: 109px 152px minmax(280px, 1fr) 52px 52px 52px auto 52px;
        align-items: center;
        gap: 10px;
      }

      .fixed-header .header-desktop-home,
      .fixed-header .header-desktop-categories,
      .fixed-header .header-desktop-search-shell,
      .fixed-header .header-desktop-wishlist,
      .fixed-header .header-desktop-bell,
      .fixed-header .header-desktop-cart,
      .fixed-header .header-desktop-signin,
      .fixed-header .header-desktop-burger {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        margin: 0;
      }

      .fixed-header .header-desktop-search-shell {
        width: auto;
        min-width: 0;
      }

      .fixed-header .header-desktop-signin {
        width: auto;
        min-width: 86px;
        padding: 0 20px;
      }

      .fixed-header .header-desktop-nav {
        left: 50%;
        right: auto;
        width: max-content;
        max-width: calc(100% - 80px);
        justify-content: center;
        transform: translateX(-50%);
      }
    }

    @media (max-width: 1200px) {
      .fixed-header .header-desktop-top {
        right: 32px;
        left: 32px;
        grid-template-columns: 109px 146px minmax(220px, 1fr) 52px 52px auto 52px;
        gap: 8px;
      }

      .fixed-header .header-desktop-categories {
        width: auto;
        padding: 0 18px;
        gap: 10px;
      }

      .fixed-header .header-desktop-wishlist {
        display: none;
      }

      .fixed-header .header-desktop-nav {
        left: 50%;
        right: auto;
        width: max-content;
        max-width: calc(100% - 48px);
        justify-content: flex-start;
        height: 36px;
        min-height: 36px;
        align-items: center;
        overflow-x: auto;
        overflow-y: visible;
        padding: 0 2px;
        box-sizing: border-box;
        scrollbar-width: none;
        transform: translateX(-50%);
      }

      .fixed-header .header-desktop-nav::-webkit-scrollbar {
        display: none;
      }
    }

    @media (max-width: 940px) {
      .fixed-header .header-desktop-top {
        grid-template-columns: 109px minmax(220px, 1fr) 52px 52px auto 52px;
      }

      .fixed-header .header-desktop-categories {
        display: none;
      }

      .fixed-header .header-desktop-search-text {
        font-size: 14px;
      }

      .fixed-header .header-desktop-signin {
        padding: 0 18px;
      }
    }

    @media (max-width: 720px) {
      .fixed-header .header-desktop-top {
        right: 16px;
        left: 16px;
        grid-template-columns: 96px minmax(160px, 1fr) 52px auto 52px;
      }

      .fixed-header .header-desktop-home {
        width: 96px;
      }

      .fixed-header .header-desktop-logo {
        width: 96px;
        height: 37px;
      }

      .fixed-header .header-desktop-search-shell {
        padding-left: 12px;
      }

      .fixed-header .header-desktop-search-submit {
        width: 104px;
      }

      .fixed-header .header-desktop-search-submit-label {
        left: 37px;
        font-size: 16px;
      }

      .fixed-header .header-desktop-nav {
        left: 50%;
        right: auto;
        max-width: calc(100% - 24px);
        top: 79px;
        transform: translateX(-50%);
      }
    }

    @media (max-width: 560px) {
      .fixed-header {
        height: calc(164px * var(--scale)) !important;
      }

      .fixed-header::before {
        height: 164px;
      }

      .fixed-header .header-desktop-shell {
        height: 164px;
      }

      .fixed-header .header-desktop-top {
        top: 12px;
        right: 12px;
        bottom: auto;
        left: 12px;
        height: auto;
        grid-template-columns: 88px minmax(0, 1fr) 52px auto 52px;
        grid-template-areas:
          "home spacer bell signin burger"
          "search search search search search";
        row-gap: 10px;
      }

      .fixed-header .header-desktop-home {
        grid-area: home;
        width: 88px;
      }

      .fixed-header .header-desktop-logo {
        width: 88px;
        height: 34px;
      }

      .fixed-header .header-desktop-search-shell {
        grid-area: search;
      }

      .fixed-header .header-desktop-bell {
        grid-area: bell;
      }

      .fixed-header .header-desktop-signin {
        grid-area: signin;
        min-width: 0;
        padding: 0 16px;
      }

      .fixed-header .header-desktop-burger {
        grid-area: burger;
      }

      .fixed-header .header-desktop-nav {
        left: 0;
        right: 0;
        top: 118px;
        padding: 0 12px 8px;
      }
    }

    @media (max-width: 420px) {
      .fixed-header .header-desktop-top {
        grid-template-columns: 80px minmax(0, 1fr) 44px auto 44px;
        gap: 6px;
      }

      .fixed-header .header-desktop-home {
        width: 80px;
      }

      .fixed-header .header-desktop-logo {
        width: 80px;
        height: 31px;
      }

      .fixed-header .header-desktop-bell,
      .fixed-header .header-desktop-burger {
        width: 44px;
        height: 44px;
        border-radius: 22px;
      }

      .fixed-header .header-desktop-signin {
        height: 44px;
        padding: 0 14px;
        border-radius: 22px;
      }

      .fixed-header .header-desktop-search-shell {
        height: 46px;
        padding: 2px 2px 2px 12px;
      }

      .fixed-header .header-desktop-search-text {
        font-size: 13px;
      }

      .fixed-header .header-desktop-search-mic {
        width: 44px;
        height: 44px;
        border-radius: 22px;
      }

      .fixed-header .header-desktop-search-submit {
        width: 96px;
        height: 44px;
        border-radius: 22px;
      }

      .fixed-header .header-desktop-search-submit-icon {
        left: 13px;
        top: 12px;
      }

      .fixed-header .header-desktop-search-submit-label {
        left: 34px;
        top: 10px;
        font-size: 15px;
      }

      .fixed-header .header-desktop-nav-chip {
        height: 34px;
        padding: 0 16px;
        border-radius: 17px;
        font-size: 13px;
      }
    }

    @media (max-width: 951px) {
      .fixed-header {
        height: calc(126px * var(--scale)) !important;
      }

      .fixed-header::before {
        height: 126px;
      }

      .fixed-header .header-desktop-shell {
        height: 126px;
      }

      .fixed-header .header-desktop-top {
        top: 5px;
        right: 15px;
        bottom: auto;
        left: 15px;
        height: auto;
        display: grid;
        grid-template-columns: 50px minmax(0, 1fr) 50px 50px 50px auto 50px;
        grid-template-areas:
          "home . wishlist bell favorite signin ."
          "categories search search search search search burger";
        align-items: center;
        row-gap: 5px;
        column-gap: 6px;
      }

      .fixed-header .header-desktop-home,
      .fixed-header .header-desktop-categories,
      .fixed-header .header-desktop-search-shell,
      .fixed-header .header-desktop-wishlist,
      .fixed-header .header-desktop-bell,
      .fixed-header .header-desktop-cart,
      .fixed-header .header-desktop-signin,
      .fixed-header .header-desktop-burger {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        display: flex;
      }

      .fixed-header .header-desktop-home {
        grid-area: home;
        display: flex;
        width: 88px;
      }

      .fixed-header .header-desktop-logo {
        width: 88px;
        height: 34px;
      }

      .fixed-header .header-desktop-categories {
        grid-area: categories;
        display: flex;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        padding: 0;
        justify-content: center;
        gap: 0;
      }

      .fixed-header .header-desktop-categories-label {
        display: none;
      }

      .fixed-header .header-desktop-categories-icon {
        width: 22px;
        height: 22px;
      }

      .fixed-header .header-desktop-search-shell {
        grid-area: search;
        width: auto;
        min-width: 0;
        height: 52px;
        border-radius: 26px;
        padding: 2px 2px 2px 16px;
      }

      .fixed-header .header-desktop-wishlist {
        grid-area: wishlist;
        width: 50px;
        height: 50px;
        border-radius: 25px;
      }

      .fixed-header .header-desktop-bell {
        grid-area: bell;
        width: 50px;
        height: 50px;
        border-radius: 25px;
      }

      .fixed-header .header-desktop-cart {
        grid-area: favorite;
        width: 50px;
        height: 50px;
        border-radius: 25px;
      }

      .fixed-header .header-desktop-signin {
        grid-area: signin;
        width: auto;
        min-width: 86px;
        height: 50px;
        padding: 0 16px;
        border-radius: 25px;
      }

      .fixed-header .header-desktop-burger {
        grid-area: burger;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        margin-left: 0;
      }

      .fixed-header .header-desktop-nav {
        display: none;
      }

      .fixed-header .header-desktop-search-text {
        font-size: 13px;
      }

      .fixed-header .header-desktop-search-mic {
        width: 44px;
        height: 44px;
        border-radius: 22px;
      }

      .fixed-header .header-desktop-search-submit {
        width: 112px;
        height: 44px;
        border-radius: 22px;
      }

      .fixed-header .header-desktop-search-submit-icon {
        left: 15px;
        top: 12px;
      }

      .fixed-header .header-desktop-search-submit-label {
        left: 39px;
        top: 10px;
        font-size: 17px;
      }
    }

    @media (max-width: 720px) {
      .fixed-header .header-desktop-top {
        right: 10px;
        left: 10px;
      }
    }

    .design-canvas .Section-discounts,
    .design-canvas .Section-editors-picks {
      position: relative;
      overflow: visible !important;
    }

    .design-canvas .Section-discounts > .Vector {
      left: var(--fullbleed-left) !important;
      width: var(--fullbleed-width) !important;
    }

    .design-canvas .Section-discounts > .Vector > svg {
      display: block;
      width: 100% !important;
      height: 257px !important;
    }

    .design-canvas .Section-editors-picks .Group1440Ok1 {
      left: var(--fullbleed-left) !important;
      width: var(--fullbleed-width) !important;
    }

    .design-canvas .Section-editors-picks .Group1440Ok1 > .Vector {
      left: 0 !important;
      width: 100% !important;
    }

    .design-canvas .Section-editors-picks .Group1440Ok1 > .Vector > svg {
      display: block;
      width: 100% !important;
      height: 333px !important;
    }

    .design-canvas [data-layer="Daily deals: for inspiration"] {
      display: block !important;
      white-space: nowrap !important;
      line-height: 1 !important;
    }

    .design-canvas [data-layer="Daily deals: for inspiration"] > span {
      display: inline !important;
      white-space: nowrap !important;
    }

    
    .fixed-header .header-tablet-768 {
      position: absolute;
      left: 50%;
      top: 0;
      width: min(1410px, calc(100vw - 30px));
      height: 123px;
      transform: translateX(-50%);
      transform-origin: top center;
      display: none;
      pointer-events: none;
      z-index: var(--header-layer-chrome);
      background: var(--color-cream);
      font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    }

    .fixed-header .header-tablet-top {
      position: absolute;
      left: 0;
      top: 16px;
      width: 100%;
      height: 54px;
      display: flex;
      align-items: center;
      gap: 6px;
      pointer-events: none;
      z-index: 1;
    }

    .fixed-header .header-tablet-top > * {
      flex: 0 0 auto;
      pointer-events: auto;
    }

    .fixed-header .header-tablet-logo {
      width: 109px;
      height: 42px;
      flex: 0 0 auto;
    }

    .fixed-header .header-tablet-logo svg {
      width: 109px;
      height: 42px;
      display: block;
    }

    .fixed-header .header-tablet-btn {
      width: 133px;
      height: 54px;
      padding: 10px 15px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 11px;
      cursor: pointer;
      transition: background-color 0.2s ease;
      box-shadow: none;
      flex: 0 0 auto;
      isolation: isolate;
      overflow: visible;
    }

    .fixed-header .header-tablet-btn::before,
    .fixed-header .header-tablet-signin::before,
    .fixed-header .header-tablet-icon-btn::before,
    .fixed-header .header-tablet-burger::before,
    .fixed-header .header-mobile-signin::before,
    .fixed-header .header-mobile-burger::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      background: transparent;
      transition: background-color 0.2s ease;
      z-index: 0;
      pointer-events: none;
    }

    @keyframes header-pop-bounce-soft {
      0% {
        transform: scale(0.92);
      }
      34% {
        transform: scale(1.056);
      }
      62% {
        transform: scale(0.988);
      }
      82% {
        transform: scale(1.014);
      }
      100% {
        transform: scale(1);
      }
    }

    .fixed-header .header-tablet-btn > *,
    .fixed-header .header-tablet-signin > *,
    .fixed-header .header-tablet-icon-btn > *,
    .fixed-header .header-tablet-burger > *,
    .fixed-header .header-mobile-signin > *,
    .fixed-header .header-mobile-burger > * {
      position: relative;
      z-index: 1;
      transform: none !important;
      animation: none !important;
      transition: none !important;
      backface-visibility: hidden;
    }

    .fixed-header .header-tablet-signin svg,
    .fixed-header .header-tablet-burger svg,
    .fixed-header .header-mobile-signin svg,
    .fixed-header .header-mobile-burger svg {
      transform: none !important;
      animation: none !important;
      transition: none !important;
      backface-visibility: hidden;
    }

    .fixed-header .header-tablet-signin:not(.is-account-pill)::before,
    .fixed-header .header-tablet-burger::before,
    .fixed-header .header-mobile-signin:not(.is-account-pill)::before,
    .fixed-header .header-mobile-burger::before {
      transform-origin: center center;
      will-change: transform, background-color;
    }

    .fixed-header .header-tablet-btn:hover,
    .fixed-header .header-tablet-signin:hover,
    .fixed-header .header-tablet-icon-btn:hover,
    .fixed-header .header-tablet-burger:hover,
    .fixed-header .header-tablet-btn:focus-visible,
    .fixed-header .header-tablet-signin:focus-visible,
    .fixed-header .header-tablet-icon-btn:focus-visible,
    .fixed-header .header-tablet-burger:focus-visible {
      background: transparent;
      animation: none;
      box-shadow: none;
    }

    .fixed-header .header-tablet-btn:hover::before,
    .fixed-header .header-tablet-signin:hover::before,
    .fixed-header .header-tablet-icon-btn:hover::before,
    .fixed-header .header-tablet-burger:hover::before,
    .fixed-header .header-tablet-btn:focus-visible::before,
    .fixed-header .header-tablet-signin:focus-visible::before,
    .fixed-header .header-tablet-icon-btn:focus-visible::before,
    .fixed-header .header-tablet-burger:focus-visible::before {
      background: var(--header-primary-hover-fill);
      animation: header-pop-bounce var(--header-primary-hover-bounce-duration) var(--header-primary-hover-bounce-easing) both;
    }

    .fixed-header .header-tablet-signin:not(.is-account-pill):hover::before,
    .fixed-header .header-tablet-signin:not(.is-account-pill):focus-visible::before,
    .fixed-header .header-tablet-burger:hover::before,
    .fixed-header .header-tablet-burger:focus-visible::before {
      animation: header-pop-bounce-soft 0.44s cubic-bezier(0.22, 1, 0.28, 1) both;
    }

    .fixed-header .header-tablet-btn[aria-expanded="true"]::before,
    .fixed-header .header-tablet-signin[aria-expanded="true"]::before,
    .fixed-header .header-tablet-icon-btn[aria-expanded="true"]::before,
    .fixed-header .header-mobile-signin[aria-expanded="true"]::before {
      background: var(--header-primary-hover-fill);
      animation: none;
    }

    .fixed-header .header-tablet-btn:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-tablet-btn-text {
      color: #232030;
      font-size: 12px;
      font-weight: 700;
      line-height: 15px;
      white-space: nowrap;
    }

    .fixed-header .header-tablet-search {
      flex: 1 1 auto;
      min-width: 0;
      height: 52px;
      padding: 2px 2px 2px 16px;
      border-radius: 999px;
      border: 2px solid var(--popup-outline);
      outline: 0;
      background: var(--color-cream);
      display: inline-flex;
      align-items: center;
      gap: 0;
      column-gap: 0;
      cursor: text;
      position: relative;
      box-sizing: border-box;
      transition: outline-color 0.2s ease, border-color 0.2s ease;
    }

    .fixed-header .header-tablet-search::after {
      content: none;
    }

    .fixed-header.is-search-active .header-tablet-search {
      border-color: var(--popup-outline);
      outline: 2px solid #3f6a60;
      outline-offset: 2px;
    }

    .fixed-header .header-tablet-search-input {
      flex: 1 1 auto;
      min-width: 0;
      height: 44px;
      border: 0;
      padding: 0 4px;
      margin: 0;
      color: #232030;
      font-size: 15px;
      font-weight: 500;
      line-height: 20px;
      background: transparent;
    }

    .fixed-header .header-tablet-search-input::placeholder {
      color: #8793ad;
      opacity: 1;
    }

    .fixed-header .header-tablet-search-input:focus {
      outline: none;
    }

    .fixed-header .header-tablet-mic-btn {
      width: 42px;
      height: 42px;
      flex: 0 0 auto;
      margin-left: 0;
      margin-right: 5px !important;
      border: 0;
      border-radius: 999px;
      background: transparent;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color 0.2s ease;
    }

    .fixed-header .header-tablet-mic-btn:hover,
    .fixed-header .header-tablet-mic-btn:focus-visible {
      background: #e9edf6;
    }

    .fixed-header .header-tablet-mic-btn:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-tablet-search-btn {
      height: 44px;
      padding: 12px;
      flex: 0 0 auto;
      margin-left: 0 !important;
      border: 0;
      border-radius: 999px;
      background: #3f6a60;
      color: var(--color-cream);
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      cursor: pointer;
      transition: filter 0.2s ease, box-shadow 0.2s ease;
    }

    .fixed-header .header-tablet-search-btn > span {
      color: var(--color-cream);
      font-size: 17px;
      font-weight: 500;
      line-height: 20px;
      white-space: nowrap;
    }

    .fixed-header .header-tablet-search-btn:hover,
    .fixed-header .header-tablet-search-btn:focus-visible {
      background: var(--color-forest-dark);
      filter: none;
      box-shadow: none;
      animation: none;
      transform: none;
    }

    .fixed-header .header-tablet-search-btn:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-tablet-signin {
      width: 108px;
      height: 54px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      color: #232030;
      font-size: 13px;
      font-weight: 700;
      line-height: 15px;
      cursor: pointer;
      transition: background-color 0.2s ease;
      box-shadow: none;
      flex: 0 0 auto;
    }

    .fixed-header .header-tablet-signin.is-account-pill {
      width: 84px;
      height: 52px;
      padding: 0;
      gap: 0;
      background: transparent;
      box-shadow: none;
    }

    .fixed-header .header-tablet-signin.is-account-pill .header-account-chip-inner {
      width: 100%;
      height: 100%;
      display: block;
      position: relative;
    }

    .fixed-header .header-tablet-signin.is-account-pill .header-account-avatar {
      position: absolute;
      left: 5px;
      top: 5px;
    }

    .fixed-header .header-tablet-signin.is-account-pill .header-account-chevron {
      position: absolute;
      left: 60px;
      top: 22px;
      width: 13px;
      height: 8px;
    }

    .fixed-header .header-tablet-signin:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-tablet-icon-btn {
      width: 54px !important;
      height: 54px !important;
      border: 0;
      border-radius: 999px;
      background: transparent;
      position: relative;
      padding: 0;
      margin: 0;
      line-height: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color 0.2s ease;
      box-shadow: none;
      flex: 0 0 auto;
    }

    .fixed-header .header-tablet-icon-btn:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-tablet-icon-btn svg {
      display: block;
      transform: none !important;
    }

    .fixed-header .header-tablet-icon-btn svg path {
      vector-effect: non-scaling-stroke;
    }

    .fixed-header .header-tablet-bell svg,
    .fixed-header .header-tablet-favorite svg {
      position: absolute;
      left: 14px;
      top: 14px;
      z-index: 1;
      width: 26px !important;
      height: 26px !important;
      min-width: 26px !important;
      min-height: 26px !important;
      max-width: 26px !important;
      max-height: 26px !important;
      flex: 0 0 26px;
    }

    .fixed-header .header-tablet-bell {
      position: relative;
    }

    .fixed-header .header-tablet-favorite {
      position: relative;
    }

    .fixed-header .header-tablet-bell-badge {
      position: absolute;
      left: 28px;
      top: 4px;
      height: 18px;
      min-width: 18px;
      padding: 0 5px;
      border-radius: 999px;
      background: var(--color-alert-red);
      color: var(--color-cream);
      font-family: var(--font-body);
      font-size: 10px;
      font-weight: 700;
      line-height: 18px;
      pointer-events: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .fixed-header .header-tablet-bell-badge[hidden] {
      display: none !important;
    }

    .fixed-header .header-tablet-wishlist {
      width: 142px;
      height: 54px;
      border: 1.5px solid transparent;
      border-radius: 999px;
      background: #232030;
      color: var(--color-cream);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
      flex: 0 0 auto;
    }

    .fixed-header .header-tablet-wishlist > span {
      font-size: 13px;
      font-weight: 700;
      line-height: 15px;
      white-space: nowrap;
      color: inherit;
    }

    .fixed-header .header-tablet-wishlist:hover,
    .fixed-header .header-tablet-wishlist:focus-visible {
      background: var(--color-cream);
      color: #232030;
      border-color: #232030;
      box-shadow: 0 4px 10px rgba(35, 32, 48, 0.1);
      outline: none;
    }

    .fixed-header .header-tablet-wishlist:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
      box-shadow: none;
    }

    .fixed-header .header-tablet-burger {
      width: 54px;
      height: 54px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color 0.2s ease;
      box-shadow: none;
      flex: 0 0 auto;
    }

    .fixed-header .header-tablet-burger svg {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) !important;
    }

    .fixed-header .header-tablet-burger:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-tablet-badge {
      position: absolute;
      left: 28px;
      top: 4px;
      height: 18px;
      min-width: 18px;
      padding: 0 5px;
      border-radius: 999px;
      background: var(--color-alert-red);
      color: var(--color-cream);
      font-family: var(--font-body);
      font-size: 10px;
      font-weight: 700;
      line-height: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .fixed-header .header-tablet-nav {
      position: absolute;
      left: 0;
      top: 77px;
      right: 0;
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      justify-content: safe center;
      gap: 10px;
      padding: 0 12px;
      box-sizing: border-box;
      overflow-x: auto;
      overflow-y: visible;
      min-height: 42px;
      padding-top: 3px;
      padding-bottom: 3px;
      scrollbar-width: none;
      -ms-overflow-style: none;
      pointer-events: auto;
      z-index: 3;
    }

    .fixed-header .header-tablet-nav.is-overflowing {
      justify-content: flex-start;
    }

    .fixed-header .header-tablet-nav::-webkit-scrollbar {
      display: none;
    }

    .fixed-header .header-tablet-chip {
      height: 36px;
      padding: 8px 16px;
      border: 0;
      border-radius: 999px;
      background:
        radial-gradient(142.2% 205.88% at 30% 20%, #f6f8fb 60%),
        linear-gradient(180deg, #FFF9F1 0%, #fafafa 100%);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      color: #232030;
      font-size: 14px;
      font-weight: 700;
      line-height: 17px;
      white-space: nowrap;
      cursor: pointer;
      transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
      flex: 0 0 auto;
      position: relative;
      z-index: 1;
    }

    .fixed-header .header-tablet-chip:hover,
    .fixed-header .header-tablet-chip:focus-visible {
      background: #e2e7f1;
      transform: none;
      box-shadow: none;
      animation: none;
      z-index: 3;
    }

    .fixed-header .header-tablet-chip:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-tablet-chip.is-gift svg {
      width: 20px;
      height: 20px;
      display: block;
      flex: 0 0 auto;
      opacity: 0.95;
    }

    .fixed-header .header-tablet-divider {
      position: absolute;
      left: 0;
      top: 121px;
      width: 100%;
      height: 2px;
      background: #e2e7f1;
      pointer-events: none;
    }

    .fixed-header.is-tablet-768 {
      height: 123px !important;
    }

    .fixed-header.is-tablet-768::before {
      height: 123px;
    }

    .fixed-header.is-tablet-768 > svg,
    .fixed-header.is-tablet-768 .header-desktop-shell {
      display: none !important;
    }

    .fixed-header.is-tablet-768 .header-tablet-768 {
      display: block;
    }

    .fixed-header.is-desktop-fluid {
      height: 123px !important;
    }

    .fixed-header.is-desktop-fluid::before {
      height: 123px;
    }

    .fixed-header.is-desktop-fluid > svg,
    .fixed-header.is-desktop-fluid .header-desktop-shell {
      display: none !important;
    }

    .fixed-header.is-desktop-fluid .header-tablet-768 {
      display: block;
    }

    .fixed-header.is-tablet-768 .header-hitboxes > .header-hitbox,
    .fixed-header.is-tablet-768 .header-hitboxes > .header-search-mask,
    .fixed-header.is-tablet-768 .header-hitboxes > .header-search-hints,
    .fixed-header.is-tablet-768 .header-hitboxes > .header-search-input {
      display: none !important;
    }

    .fixed-header.is-tablet-768 .header-hitboxes,
    .fixed-header.is-tablet-768 .header-hitboxes * {
      pointer-events: none !important;
    }

    .fixed-header.is-tablet-768 .header-hitboxes,
    .fixed-header.is-desktop-fluid .header-hitboxes,
    .fixed-header.is-mobile-414 .header-hitboxes {
      z-index: var(--header-layer-hitboxes) !important;
    }

    .fixed-header.is-desktop-fluid .header-hitboxes > .header-hitbox,
    .fixed-header.is-desktop-fluid .header-hitboxes > .header-search-mask,
    .fixed-header.is-desktop-fluid .header-hitboxes > .header-search-hints,
    .fixed-header.is-desktop-fluid .header-hitboxes > .header-search-input {
      display: none !important;
    }

    .fixed-header.is-desktop-fluid .header-hitboxes,
    .fixed-header.is-desktop-fluid .header-hitboxes * {
      pointer-events: none !important;
    }

    .has-tablet-header .design-stage {
      margin-top: calc(123px - (123px * var(--scale)));
    }

    .fixed-header.is-header-compact-958:not(.is-tablet-768) .header-bell-target,
    .fixed-header.is-header-compact-958:not(.is-tablet-768) .header-cart-target,
    .fixed-header.is-header-compact-958:not(.is-tablet-768) .header-bell-icon,
    .fixed-header.is-header-compact-958:not(.is-tablet-768) .header-bell-icon-secondary,
    .fixed-header.is-header-compact-958:not(.is-tablet-768) .header-cart-icon,
    .fixed-header.is-header-compact-958:not(.is-tablet-768) .header-bell-compact-extra {
      display: none !important;
      pointer-events: none !important;
    }

    .fixed-header.is-header-compact-958:not(.is-tablet-768) .header-hitbox[aria-label="Notifications"],
    .fixed-header.is-header-compact-958:not(.is-tablet-768) .header-hitbox[aria-label="Cart"] {
      display: none !important;
      pointer-events: none !important;
    }

    .fixed-header.is-hide-bell-favorite .header-tablet-bell,
    .fixed-header.is-hide-bell-favorite .header-tablet-favorite {
      display: none !important;
      pointer-events: none !important;
    }

    .fixed-header.is-hide-wishlist-958 .header-tablet-wishlist {
      display: none !important;
      pointer-events: none !important;
    }

    .fixed-header.is-hide-categories-958 .js-tablet-categories {
      display: none !important;
      pointer-events: none !important;
    }

    
    .fixed-header .header-mobile-414 {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 68px;
      transform: none;
      display: none;
      pointer-events: auto;
      z-index: var(--header-layer-chrome);
      background: #f8f1eb;
      font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

    .fixed-header .header-mobile-top {
      position: absolute;
      left: 10px;
      top: 13px;
      width: calc(100% - 20px);
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      pointer-events: auto;
      z-index: 1;
    }

    .fixed-header .header-mobile-top > * {
      pointer-events: auto;
    }

    .fixed-header .header-mobile-logo {
      width: 78px;
      height: 42px;
      flex: 0 0 78px;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      border: 0;
      margin: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
    }

    .fixed-header .header-mobile-logo-image {
      width: 78px;
      height: 30px;
      display: block;
      object-fit: contain;
      object-position: left center;
    }

    
    @media (min-width: 481px) and (max-width: 880px) {
      .fixed-header .header-mobile-surface-label {
        display: none !important;
      }
    }

    .fixed-header .header-mobile-search {
      width: auto;
      flex: 1 1 auto;
      min-width: 0;
      height: 42px;
      padding: 2px 2px 2px 12px;
      border-radius: 999px;
      border: 1.5px solid #232030;
      outline: 0;
      background: #f8f1eb;
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 5px;
      column-gap: 5px;
      cursor: text;
      box-sizing: border-box;
      position: relative;
      transition: outline-color 0.2s ease, border-color 0.2s ease;
    }

    .fixed-header .header-mobile-search::after {
      content: none;
    }

    .fixed-header.is-search-active .header-mobile-search,
    .fixed-header.is-mobile-search-page-open .header-mobile-search {
      border-color: var(--color-forest);
      outline: none;
      box-shadow: 0 0 0 2px rgba(63, 106, 96, 0.58);
    }

    .fixed-header .header-mobile-search-input {
      flex: 1 1 auto;
      min-width: 0;
      width: auto;
      height: 36px;
      border: 0;
      margin: 0;
      padding: 0;
      background: transparent;
      color: #232030;
      
      font-size: 16px;
      font-weight: 500;
      line-height: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .fixed-header .header-mobile-search-input::placeholder {
      color: var(--color-ink-soft);
      opacity: 1;
    }

    .fixed-header .header-mobile-search-input:focus {
      outline: none;
    }

    .fixed-header .header-mobile-search-btn {
      width: 36px;
      height: 36px;
      border: 0;
      border-radius: 999px;
      background: #3f6a60;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: filter 0.2s ease, box-shadow 0.2s ease;
      flex: 0 0 auto;
    }

    .fixed-header .header-mobile-search-btn:hover,
    .fixed-header .header-mobile-search-btn:focus-visible {
      background: var(--color-forest-dark);
      filter: none;
      box-shadow: none;
      animation: none;
      transform: none;
    }

    .fixed-header .header-mobile-search-btn:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-mobile-search-btn-icon {
      width: 19px;
      height: 19px;
      display: block;
    }

    .fixed-header .header-mobile-signin,
    .fixed-header .header-mobile-burger {
      width: 52px;
      height: 52px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color 0.2s ease;
      box-shadow: none;
      flex: 0 0 auto;
    }

    .fixed-header .header-mobile-signin {
      width: 64px;
      background: transparent;
      line-height: 0;
    }

    .fixed-header .header-mobile-signin:hover,
    .fixed-header .header-mobile-burger:hover,
    .fixed-header .header-mobile-signin:focus-visible,
    .fixed-header .header-mobile-burger:focus-visible {
      background: transparent;
      animation: none;
      box-shadow: none;
    }

    .fixed-header .header-mobile-signin:hover::before,
    .fixed-header .header-mobile-burger:hover::before,
    .fixed-header .header-mobile-signin:focus-visible::before,
    .fixed-header .header-mobile-burger:focus-visible::before,
    .fixed-header .header-mobile-burger[aria-expanded="true"]::before {
      background: #dcddd4;
      animation: header-pop-bounce-soft 0.44s cubic-bezier(0.22, 1, 0.28, 1) both;
    }

    .fixed-header .header-tablet-search-btn svg,
    .fixed-header .header-tablet-search-btn > span,
    .fixed-header .header-mobile-search-btn svg {
      transform: none !important;
    }

    .fixed-header .header-mobile-signin:focus-visible,
    .fixed-header .header-mobile-burger:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-mobile-signin.is-account-pill {
      width: 84px;
      height: 52px;
      padding: 0;
      gap: 0;
      background: transparent;
      box-shadow: none;
    }

    .fixed-header .header-mobile-signin.is-account-pill .header-account-chip-inner {
      width: 100%;
      height: 100%;
      display: block;
      position: relative;
    }

    .fixed-header .header-mobile-signin.is-account-pill .header-account-avatar {
      position: absolute;
      left: 5px;
      top: 5px;
    }

    .fixed-header .header-mobile-signin.is-account-pill .header-account-chevron {
      position: absolute;
      left: 65px;
      top: 27px;
      width: 13px;
      height: 8px;
      display: block;
    }

    .fixed-header .header-mobile-signin svg {
      width: 22px;
      height: 22px;
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) !important;
    }

    .fixed-header .header-mobile-account-top {
      width: 42px;
      height: 42px;
      padding: 0;
    }

    .fixed-header .header-mobile-account-top .header-mobile-account-inner {
      gap: 0;
    }

    .fixed-header .header-mobile-account-top .header-mobile-bottom-label {
      display: none;
    }

    .fixed-header .header-mobile-account-top .header-mobile-account-avatar {
      width: 30px;
      height: 30px;
    }

    .fixed-header .header-mobile-account-top .header-mobile-account-avatar img {
      width: 22px;
      height: 22px;
    }

    .fixed-header .header-mobile-burger {
      position: relative;
      overflow: visible;
    }

    .fixed-header .header-mobile-burger-icon {
      width: 24px;
      height: 20px;
      display: block;
    }

    .fixed-header .header-mobile-badge {
      position: absolute;
      left: 28px;
      top: 4px;
      height: 18px;
      min-width: 18px;
      padding: 0 5px;
      border-radius: 999px;
      background: var(--color-alert-red);
      color: var(--color-cream);
      font-family: var(--font-body);
      font-size: 10px;
      font-weight: 700;
      line-height: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .fixed-header .header-mobile-bottom-bar {
      position: fixed;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      height: var(--mobile-bottom-nav-height, 72px);
      width: 100%;
      max-width: 100%;
      
      display: flex;
      align-items: stretch;
      gap: 2px;
      padding: var(--mobile-bottom-nav-padding, 7px 10px);
      border: 0;
      border-top: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      z-index: 20;
      pointer-events: auto;
      box-sizing: border-box;
      isolation: isolate;
      overflow: visible;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      will-change: transform;
      transition: visibility 0s linear 0s;
    }

    .fixed-header .header-mobile-bottom-bar::before {
      content: "";
      position: absolute;
      left: max(4px, env(safe-area-inset-left, 0px));
      right: max(4px, env(safe-area-inset-right, 0px));
      top: 3px;
      bottom: calc(3px + env(safe-area-inset-bottom, 0px));
      height: auto;
      border: 1px solid var(--intent-surface-line);
      border-radius: 999px;
      background: var(--intent-surface-raised);
      background: color-mix(in srgb, var(--intent-surface-raised) 96%, transparent);
      box-shadow:
        0 2px 5px color-mix(in srgb, var(--color-ink) 8%, transparent),
        0 12px 28px color-mix(in srgb, var(--color-ink) 14%, transparent);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      pointer-events: none;
      z-index: 0;
    }

    
    .fixed-header .header-mobile-bottom-bar::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      height: 160px;
      background: var(--intent-surface-page, var(--color-cream));
      pointer-events: none;
      z-index: 0;
    }

    .fixed-header .header-mobile-bottom-button {
      position: relative;
      z-index: 1;
      min-width: 0;
      min-height: 48px;
      border: 0;
      margin: 0;
      padding: 3px 2px;
      background: transparent;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 3px;
      cursor: pointer;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      color: var(--intent-text-primary);
      border-radius: 999px;
      transition: background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
    }

    .fixed-header .header-mobile-bottom-lume-slot {
      position: relative;
      z-index: 1;
      min-width: 0;
      min-height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1 1 0;
      align-self: stretch;
      margin: 0;
      pointer-events: auto;
    }

    
    .fixed-header .header-mobile-bottom-lume-slot:empty {
      display: none;
    }

    .fixed-header .header-mobile-bottom-lume-slot > .gift-room-ai-fab.is-mobile-slot {
      --gift-assistant-mobile-tab-color: var(--intent-text-primary);
      --gift-assistant-mobile-tab-hover-bg: color-mix(in srgb, var(--color-ink) 6%, var(--intent-surface-raised));
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      height: 100% !important;
      min-height: 50px !important;
      flex-basis: auto !important;
      padding: 3px 2px !important;
      display: inline-flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 3px !important;
      border-radius: 999px !important;
      background: transparent !important;
      border: 0 !important;
      color: var(--gift-assistant-mobile-tab-color) !important;
      box-shadow: none !important;
      transform: none !important;
      transition: background-color 0.2s ease, transform 0.16s ease !important;
    }

    .fixed-header .header-mobile-bottom-lume-slot > .gift-room-ai-fab.is-mobile-slot:focus-visible {
      background: var(--gift-assistant-mobile-tab-hover-bg) !important;
      outline: 2px solid var(--intent-text-primary) !important;
      outline-offset: -2px !important;
    }

    @media (hover: hover) and (pointer: fine) {
      .fixed-header .header-mobile-bottom-lume-slot > .gift-room-ai-fab.is-mobile-slot:hover {
        background: var(--gift-assistant-mobile-tab-hover-bg) !important;
      }
    }

    @media (hover: none), (pointer: coarse) {
      .fixed-header .header-mobile-bottom-lume-slot > .gift-room-ai-fab.is-mobile-slot:hover:not(:focus-visible) {
        background: transparent !important;
        outline: none !important;
      }
    }

    .fixed-header .header-mobile-bottom-lume-slot > .gift-room-ai-fab.is-mobile-slot:active {
      transform: scale(0.97) !important;
    }

    .fixed-header .header-mobile-bottom-lume-slot > .gift-room-ai-fab.is-mobile-slot .gift-room-ai-fab__icon {
      position: static !important;
      width: 24px !important;
      height: 24px !important;
      flex: 0 0 24px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      color: var(--gift-assistant-mobile-tab-color) !important;
    }

    .fixed-header .header-mobile-bottom-lume-slot > .gift-room-ai-fab.is-mobile-slot svg {
      width: 24px !important;
      height: 24px !important;
      display: block !important;
      color: var(--gift-assistant-mobile-tab-color) !important;
    }

    .fixed-header .header-mobile-bottom-lume-slot > .gift-room-ai-fab.is-mobile-slot .gift-room-ai-fab__label {
      position: static !important;
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 13px !important;
      max-height: none !important;
      flex: 0 0 auto !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform: none !important;
      clip: auto !important;
      clip-path: none !important;
      -webkit-clip-path: none !important;
      margin: 0 !important;
      padding: 0 !important;
      color: var(--gift-assistant-mobile-tab-color) !important;
      -webkit-text-fill-color: var(--gift-assistant-mobile-tab-color) !important;
      font-family: var(--header-font-body, var(--jp-font-body, inherit)) !important;
      font-size: 10px !important;
      font-weight: 600 !important;
      line-height: 1.14 !important;
      letter-spacing: 0 !important;
      text-align: center !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }

    
    .fixed-header .header-mobile-bottom-button {
      flex: 1 1 0;
    }

    .fixed-header .header-mobile-bottom-button.is-open {
      background: color-mix(in srgb, var(--color-ink) 6%, var(--intent-surface-raised));
      outline: none;
    }

    @media (hover: hover) and (pointer: fine) {
      .fixed-header .header-mobile-bottom-button:hover,
      .fixed-header .header-mobile-bottom-button.is-hover {
        background: color-mix(in srgb, var(--color-ink) 6%, var(--intent-surface-raised));
      }
    }

    @media (hover: none), (pointer: coarse) {
      .fixed-header .header-mobile-bottom-button:hover:not(.is-current-tab):not(.is-open):not(:focus-visible),
      .fixed-header .header-mobile-bottom-button.is-hover:not(.is-current-tab):not(.is-open):not(:focus-visible) {
        background: transparent;
        box-shadow: none;
      }
    }

    
    .fixed-header .header-mobile-bottom-button:focus-visible {
      background: color-mix(in srgb, var(--color-ink) 6%, var(--intent-surface-raised));
      outline: 2px solid var(--intent-text-primary);
      outline-offset: -2px;
    }

    
    .fixed-header .header-mobile-bottom-button.is-current-tab {
      position: relative;
      color: var(--intent-text-primary);
      background: color-mix(in srgb, var(--color-ink) 6%, var(--intent-surface-raised));
      box-shadow: none;
    }
    .fixed-header .header-mobile-bottom-button.is-current-tab::after {
      content: none;
    }
    .fixed-header .header-mobile-bottom-button.is-current-tab .header-mobile-bottom-label {
      color: var(--intent-text-primary);
      font-weight: 700;
    }

    .fixed-header .header-mobile-bottom-icon {
      width: 24px;
      height: 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      transition: none;
    }

    .fixed-header .header-mobile-bottom-icon img {
      width: 22px;
      height: 22px;
      display: block;
      object-fit: contain;
      transition: none;
    }

    .fixed-header .header-mobile-bottom-button.js-mobile-cart .header-mobile-bottom-icon {
      overflow: visible;
    }

    
    .fixed-header .header-mobile-bottom-button.js-mobile-cart .header-mobile-bottom-icon img {
      width: 48px;
      height: 48px;
      max-width: none;
      transform: none;
    }

    
    .fixed-header .header-mobile-account-avatar {
      width: 26px;
      height: 26px;
    }

    .fixed-header .header-mobile-bottom-button.header-mobile-bottom-menu .header-mobile-bottom-icon img {
      width: 24px;
      height: 20px;
    }

    .fixed-header .header-mobile-bottom-button.header-mobile-bottom-menu .header-mobile-badge {
      left: calc(50% + 8px);
      top: 4px;
    }

    .fixed-header .header-mobile-tab-badge {
      position: absolute;
      left: calc(50% + 8px);
      top: 4px;
      height: 18px;
      min-width: 18px;
      padding: 0 5px;
      border-radius: 999px;
      background: var(--color-alert-red);
      color: var(--color-cream);
      font-family: var(--font-body);
      font-size: 10px;
      font-weight: 700;
      line-height: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
    }

    .fixed-header .header-mobile-account-avatar img {
      width: 18px;
      height: 18px;
    }

    .fixed-header .header-mobile-bottom-label {
      max-width: 100%;
      color: var(--intent-text-primary);
      
      font-size: var(--font-size-micro, 12px);
      font-weight: 600;
      line-height: 1.14;
      text-align: center;
      letter-spacing: 0;
      word-break: break-word;
      transition: color 0.16s ease;
    }

    .fixed-header .header-mobile-account-inner {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
    }

    .fixed-header .header-mobile-account-avatar {
      width: 30px;
      height: 30px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      color: #232030;
      font-size: 15px;
      font-weight: 700;
      line-height: 1;
      background: #f4d9cf;
      border: 2px solid #232030;
      box-sizing: border-box;
      transition: width 0.22s cubic-bezier(0.22, 1, 0.36, 1), height 0.22s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .fixed-header .header-mobile-account-avatar.is-guest {
      background: #dcddd4;
      border: 0;
    }

    .fixed-header .header-mobile-account-top .header-mobile-account-avatar.is-guest {
      background: transparent;
    }

    .fixed-header .header-mobile-account-avatar img {
      width: 21px;
      height: 21px;
      display: block;
      object-fit: contain;
    }

    .fixed-header .header-mobile-account-top .header-mobile-account-avatar img {
      width: 23px;
      height: 23px;
    }

    .fixed-header .header-mobile-account-avatar.has-image {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      color: transparent;
    }

    .fixed-header .header-mobile-bottom-account.is-authenticated .header-mobile-account-avatar {
      border: 0;
      background: #dcddd4;
    }

    .fixed-header .header-tablet-badge[hidden],
    .fixed-header .header-mobile-badge[hidden],
    .fixed-header .header-mobile-tab-badge[hidden] {
      display: none !important;
    }

    .fixed-header .header-mobile-nav {
      display: none !important;
    }

    .fixed-header .header-mobile-nav::-webkit-scrollbar {
      display: none;
    }

    .fixed-header .header-mobile-nav .header-tablet-chip {
      height: 36px;
      padding: 8px 16px;
      border: 0;
      border-radius: 999px;
      background:
        radial-gradient(142.2% 205.88% at 30% 20%, #f6f8fb 60%),
        linear-gradient(180deg, #FFF9F1 0%, #fafafa 100%);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      color: #232030;
      font-size: 14px;
      font-weight: 700;
      line-height: 17px;
      white-space: nowrap;
      cursor: pointer;
      transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
      flex: 0 0 auto;
      position: relative;
      z-index: 1;
    }

    .fixed-header .header-mobile-nav .header-tablet-chip:hover,
    .fixed-header .header-mobile-nav .header-tablet-chip:focus-visible {
      background: #e2e7f1;
      transform: none;
      box-shadow: none;
      animation: none;
      z-index: 3;
    }

    .fixed-header .header-mobile-nav .header-tablet-chip:focus-visible {
      outline: 2px solid var(--popup-focus);
      outline-offset: 2px;
    }

    .fixed-header .header-mobile-nav .header-tablet-chip.is-gift svg {
      width: 20px;
      height: 20px;
      display: block;
      flex: 0 0 auto;
      opacity: 0.95;
    }

    .fixed-header .header-mobile-divider {
      position: absolute;
      left: 0;
      top: 67px;
      width: 100%;
      height: 1px;
      background: #d9d5d0;
      pointer-events: none;
    }

    .fixed-header .header-search-popover {
      --popup-hover: #DCDDD4;
    }

    .fixed-header .header-search-row:hover,
    .fixed-header .header-search-row:focus-visible,
    .fixed-header .header-search-row.is-preview {
      background: #DCDDD4;
    }

    .fixed-header .header-search-row.is-static:hover,
    .fixed-header .header-search-row.is-static:focus-visible {
      background: transparent;
    }

    .search-shell__pill:hover,
    .search-shell__pill:focus-visible {
      background: #DCDDD4;
    }

    .fixed-header .header-mobile-search-page {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding: max(14px, env(safe-area-inset-top)) 10px calc(22px + env(safe-area-inset-bottom));
      background: var(--color-page-bg, #f8f1eb);
      box-sizing: border-box;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.18s ease;
      z-index: 15;
    }

    .fixed-header .header-mobile-search-page-top {
      position: sticky;
      top: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0 0 12px;
      background: var(--color-page-bg, #f8f1eb);
    }

    .fixed-header .header-mobile-search-page-field {
      flex: 1 1 auto;
      min-width: 0;
      height: 52px;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0 14px 0 18px;
      border: 2px solid var(--color-forest, #3f6a60);
      border-radius: 999px;
      background: var(--color-page-bg, #f8f1eb);
      box-sizing: border-box;
      box-shadow: 0 0 0 3px rgba(63, 106, 96, 0.16);
      overflow: hidden;
    }

    .fixed-header .header-mobile-search-page-field-icon {
      width: 23px;
      height: 23px;
      flex: 0 0 auto;
      display: block;
      opacity: 0.95;
    }

    .fixed-header .header-mobile-search-page-input {
      flex: 1 1 auto;
      min-width: 0;
      height: 44px;
      border: 0;
      background: transparent;
      color: #232030;
      font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
      font-size: 16px;
      font-weight: 650;
      line-height: 1;
      letter-spacing: 0;
      outline: 0;
      appearance: none;
      -webkit-appearance: none;
    }

    .fixed-header .header-mobile-search-page-input::-webkit-search-decoration,
    .fixed-header .header-mobile-search-page-input::-webkit-search-cancel-button,
    .fixed-header .header-mobile-search-page-input::-webkit-search-results-button,
    .fixed-header .header-mobile-search-page-input::-webkit-search-results-decoration {
      -webkit-appearance: none;
      appearance: none;
      display: none;
    }

    .fixed-header .header-mobile-search-page-input::placeholder {
      color: #6f6a7c;
      opacity: 0.84;
      font-weight: 700;
    }

    .fixed-header .header-mobile-search-panel {
      --mobile-search-row-text-offset: 64px;
      width: 100%;
      margin: 0 auto;
      padding: 0;
      box-sizing: border-box;
    }

    .fixed-header .header-mobile-search-title {
      margin: 8px 0 10px;
      padding-left: var(--mobile-search-row-text-offset);
      color: #232030;
      font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.25;
      letter-spacing: 0;
    }

    .fixed-header .header-mobile-search-list,
    .fixed-header .header-mobile-search-list.header-search-list {
      display: flex;
      flex-direction: column;
      gap: 0 !important;
      padding: 0 0 10px;
    }

    .fixed-header .header-mobile-search-list .header-mobile-search-row + .header-mobile-search-row {
      margin-top: 0 !important;
    }

    .fixed-header .header-mobile-search-row {
      width: 100%;
      min-height: 56px;
      display: block;
      padding: 0;
      margin: 0;
      border-radius: 999px;
      background: transparent;
      border: 0;
      box-sizing: border-box;
      transition: none;
    }

    .fixed-header .header-mobile-search-row:hover,
    .fixed-header .header-mobile-search-row:focus-within,
    .fixed-header .header-mobile-search-row.is-preview {
      background: transparent;
    }

    .fixed-header .header-mobile-search-row-main {
      width: 100%;
      min-width: 0;
      min-height: 56px;
      border: 0;
      background: transparent;
      display: grid;
      grid-template-columns: 36px minmax(0, 1fr);
      align-items: center;
      gap: 12px;
      padding: 0 16px;
      color: #232030;
      cursor: pointer;
      text-align: left;
      box-sizing: border-box;
      border-radius: 999px;
    }

    .fixed-header .header-mobile-search-row-main:focus-visible {
      outline: 2px solid var(--color-forest, #3f6a60);
      outline-offset: -2px;
      border-radius: 999px;
    }

    .fixed-header .header-mobile-search-row-icon {
      width: 22px;
      height: 22px;
      display: block;
      justify-self: center;
      opacity: 0.98;
    }

    .fixed-header .header-mobile-search-row-text {
      min-width: 0;
      color: #232030;
      font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
      font-size: 15px;
      font-weight: 650;
      line-height: 1.2;
      letter-spacing: 0;
      overflow-wrap: anywhere;
    }

    .fixed-header.is-mobile-search-page-open .header-mobile-search-page {
      opacity: 1;
      pointer-events: auto;
    }

    .fixed-header.is-mobile-search-page-open .header-mobile-bottom-bar {
      opacity: 0;
      pointer-events: none;
      transform: translateY(10px);
    }

    
    .fixed-header .header-floating-layer .header-search-popover,
    .fixed-header .header-floating-layer .header-categories-backdrop,
    .fixed-header .header-floating-layer .header-categories-panel,
    .fixed-header .header-floating-layer .header-mic-panel {
      pointer-events: none;
    }

    .fixed-header .header-floating-layer .header-search-popover.is-open,
    .fixed-header .header-floating-layer .header-categories-backdrop.is-open,
    .fixed-header .header-floating-layer .header-categories-panel.is-open,
    .fixed-header .header-floating-layer .header-mic-panel.is-open {
      pointer-events: auto;
    }

    .fixed-header.is-mobile-414 {
      height: 68px !important;
    }

    .fixed-header.is-mobile-414::before {
      height: 68px;
    }

    .fixed-header.is-mobile-414 > svg,
    .fixed-header.is-mobile-414 .header-desktop-shell,
    .fixed-header.is-mobile-414 .header-tablet-768 {
      display: none !important;
    }

    .fixed-header.is-mobile-414 .header-mobile-414 {
      display: block !important;
    }

    .fixed-header.is-mobile-414::after {
      display: none;
    }

    .fixed-header.is-mobile-414 .header-mobile-divider {
      display: block;
    }

    .fixed-header.is-mobile-414 .header-hitboxes > .header-hitbox,
    .fixed-header.is-mobile-414 .header-hitboxes > .header-search-mask,
    .fixed-header.is-mobile-414 .header-hitboxes > .header-search-hints,
    .fixed-header.is-mobile-414 .header-hitboxes > .header-search-input {
      display: none !important;
    }

    .fixed-header.is-mobile-414 .header-hitboxes,
    .fixed-header.is-mobile-414 .header-hitboxes * {
      pointer-events: none !important;
    }

    
    @media (min-width: 952px) {
      body.page--homepage .fixed-header {
        height: calc(73px * var(--scale)) !important;
      }

      body.page--homepage .fixed-header .header-desktop-shell,
      body.page--homepage .fixed-header .header-hitboxes {
        height: 73px;
      }
    }

    
    .fixed-header.is-tablet-768 .js-tablet-categories,
    .fixed-header.is-desktop-fluid .js-tablet-categories {
      transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
    }

    .fixed-header.is-tablet-768 .js-tablet-categories:hover,
    .fixed-header.is-tablet-768 .js-tablet-categories:focus-visible,
    .fixed-header.is-desktop-fluid .js-tablet-categories:hover,
    .fixed-header.is-desktop-fluid .js-tablet-categories:focus-visible {
      background: transparent !important;
      animation: none !important;
    }

    .fixed-header.is-tablet-768 .js-tablet-categories:hover::before,
    .fixed-header.is-tablet-768 .js-tablet-categories:focus-visible::before,
    .fixed-header.is-desktop-fluid .js-tablet-categories:hover::before,
    .fixed-header.is-desktop-fluid .js-tablet-categories:focus-visible::before {
      background: var(--header-primary-hover-fill) !important;
      animation: header-pop-bounce var(--header-primary-hover-bounce-duration) var(--header-primary-hover-bounce-easing) both !important;
    }

    
    .fixed-header.is-tablet-768 .header-tablet-nav .header-tablet-chip,
    .fixed-header.is-desktop-fluid .header-tablet-nav .header-tablet-chip,
    .fixed-header.is-mobile-414 .header-mobile-nav .header-tablet-chip {
      transition: background-color 0.2s ease !important;
    }

    .fixed-header.is-tablet-768 .header-tablet-nav .header-tablet-chip:hover,
    .fixed-header.is-tablet-768 .header-tablet-nav .header-tablet-chip:focus-visible,
    .fixed-header.is-tablet-768 .header-tablet-nav .header-tablet-chip.is-hovering,
    .fixed-header.is-desktop-fluid .header-tablet-nav .header-tablet-chip:hover,
    .fixed-header.is-desktop-fluid .header-tablet-nav .header-tablet-chip:focus-visible,
    .fixed-header.is-desktop-fluid .header-tablet-nav .header-tablet-chip.is-hovering,
    .fixed-header.is-mobile-414 .header-mobile-nav .header-tablet-chip:hover,
    .fixed-header.is-mobile-414 .header-mobile-nav .header-tablet-chip:focus-visible,
    .fixed-header.is-mobile-414 .header-mobile-nav .header-tablet-chip.is-hovering {
      background: #e2e7f1 !important;
      transform: none !important;
      box-shadow: none !important;
      animation: none !important;
    }

    .has-mobile-header .design-stage {
      margin-top: 8px;
    }

    body.has-mobile-header {
      --mobile-bottom-nav-expanded-height: calc(68px + env(safe-area-inset-bottom, 0px));
      --mobile-bottom-nav-height: var(--mobile-bottom-nav-expanded-height);
      --mobile-bottom-nav-padding: 7px max(10px, env(safe-area-inset-right, 0px)) calc(7px + env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px));
      padding-bottom: 0;
      box-sizing: border-box;
    }

    @media (max-width: 360px) {
      body.has-mobile-header {
        --mobile-bottom-nav-padding: 7px max(8px, env(safe-area-inset-right, 0px)) calc(7px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
      }
    }

    body.has-mobile-header .site-footer {
      padding-bottom: calc(22px + var(--mobile-bottom-nav-height, 72px));
    }

    
    body.has-mobile-header.has-cookie-banner .jp-cookie-banner {
      bottom: calc(var(--mobile-bottom-nav-height, 76px) + 8px) !important;
    }

  
  @media (max-width: 880px) {
    .fixed-header .header-mobile-search-close {
      position: static;
      width: 68px;
      min-width: 68px;
      height: 52px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      color: #232030;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
      font-size: 15px;
      font-weight: 750;
      line-height: 1;
      letter-spacing: 0;
      cursor: pointer;
      z-index: 16;
      box-shadow: none;
      transition: color 0.16s ease, background-color 0.16s ease;
    }

    .fixed-header .header-mobile-search-close-icon {
      width: 18px;
      height: 18px;
      display: block;
      pointer-events: none;
    }

    .fixed-header .header-mobile-search-close:hover,
    .fixed-header .header-mobile-search-close:focus-visible {
      color: #232030;
      background: #DCDDD4;
      animation: none;
      filter: none;
    }

    .fixed-header .header-mobile-search-close:focus-visible {
      outline: 2px solid var(--popup-focus, #3f6a60);
      outline-offset: 2px;
    }

    .fixed-header .header-mobile-search-page[aria-hidden="true"] .header-mobile-search-close {
      display: none;
    }
  }

  body.is-mobile-search-open {
    overflow: hidden;
    touch-action: none;
  }

  body.is-mobile-search-open .jp-cookie-banner {
    display: none !important;
  }

  @media (max-width: 880px) {
    body.header-burger-panel-open::before,
    body.header-cart-panel-open::before {
      display: none !important;
    }

    body.header-burger-panel-open .fixed-header .header-burger-backdrop.is-open,
    body.header-cart-panel-open .fixed-header .header-burger-backdrop.is-open {
      display: block !important;
      position: fixed !important;
      
      top: var(--header-side-panel-top, 78px) !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      width: auto !important;
      height: auto !important;
      background: var(--popup-overlay) !important;
      opacity: 1 !important;
      pointer-events: auto !important;
      z-index: 48 !important;
    }

    body.header-burger-panel-open .fixed-header .header-burger-panel,
    body.header-cart-panel-open .fixed-header .header-cart-panel {
      top: var(--header-side-panel-top, 78px) !important;
      bottom: 0 !important;
      padding-bottom: env(safe-area-inset-bottom, 0px);
      z-index: 50 !important;
    }

    
    body.header-burger-panel-open .fixed-header .header-mobile-414,
    body.header-cart-panel-open .fixed-header .header-mobile-414 {
      z-index: 60 !important;
    }

    
    body.header-burger-panel-open,
    body.header-cart-panel-open {
      overflow: hidden !important;
      overscroll-behavior: contain;
    }

    
    body.header-burger-panel-open .jp-cookie-banner,
    body.header-cart-panel-open .jp-cookie-banner {
      display: none !important;
    }

    
    body.header-burger-panel-open .fixed-header .header-burger-body {
      overscroll-behavior: contain;
      padding-bottom: calc(var(--mobile-bottom-nav-height, 72px) + env(safe-area-inset-bottom, 0px) + 16px) !important;
    }

    .fixed-header .header-burger-group-primary {
      margin-top: 4px;
      min-height: 242px;
    }
  }

  .fixed-header .header-categories-sheet-grip {
    display: none;
  }

  @keyframes header-categories-sheet-rise {
    from {
      opacity: 0;
      transform: translateY(24px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (max-width: 880px) {
    html.header-categories-sheet-open,
    body.header-categories-sheet-open {
      overflow: hidden;
      overscroll-behavior: contain;
      touch-action: none;
    }

    body.header-categories-sheet-open .jp-cookie-banner {
      display: none !important;
    }

    .fixed-header .header-categories-backdrop.is-mobile-sheet {
      position: fixed !important;
      inset: 0 auto auto 0 !important;
      width: 100vw !important;
      height: 100dvh !important;
      background: var(--popup-overlay) !important;
      backdrop-filter: blur(2px);
      z-index: 48 !important;
    }

    
    .fixed-header .header-categories-panel.is-mobile-sheet {
      --header-categories-sheet-top: clamp(84px, 13dvh, 128px);
      --header-category-tab-active-bg: #faf1ea;
      position: fixed !important;
      inset: auto 0 0 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      height: calc(100dvh - var(--header-categories-sheet-top)) !important;
      max-height: calc(100dvh - var(--header-categories-sheet-top)) !important;
      min-height: 0;
      padding: 8px 10px max(18px, env(safe-area-inset-bottom));
      display: flex !important;
      flex-direction: column;
      gap: 0;
      border: 0;
      border-radius: 28px 28px 0 0;
      background: #dcddd4;
      box-shadow: 0 -18px 44px rgba(35, 32, 48, 0.22);
      overflow: hidden;
      animation: header-categories-sheet-rise 0.24s cubic-bezier(0.22, 1, 0.36, 1) both !important;
      transform: translateY(0);
      transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform;
      z-index: 50 !important;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet.is-sheet-dragging,
    .fixed-header .header-categories-panel.is-mobile-sheet.is-sheet-settling,
    .fixed-header .header-categories-panel.is-mobile-sheet.is-sheet-closing {
      animation: none !important;
      transform: translateY(var(--header-categories-sheet-drag-y, 0px)) !important;
      will-change: transform;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet.is-sheet-dragging {
      transition: none !important;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet.is-sheet-settling {
      transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet.is-sheet-closing {
      transition: transform 0.18s cubic-bezier(0.4, 0, 1, 1) !important;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-categories-sheet-grip {
      flex: 0 0 30px;
      width: 100%;
      height: 30px;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: rgba(35, 32, 48, 0.24);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: grab;
      touch-action: none;
      user-select: none;
      appearance: none;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet.is-sheet-dragging .header-categories-sheet-grip {
      cursor: grabbing;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-categories-sheet-grip span {
      width: 48px;
      height: 5px;
      border-radius: 999px;
      background: currentColor;
      display: block;
    }

    html.header-notifications-sheet-open,
    body.header-notifications-sheet-open {
      overflow: hidden;
      overscroll-behavior: contain;
      touch-action: none;
    }

    body.header-notifications-sheet-open .jp-cookie-banner {
      display: none !important;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet {
      --header-notifications-sheet-top: clamp(92px, 14dvh, 136px);
      position: fixed !important;
      inset: auto 0 0 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      height: calc(100dvh - var(--header-notifications-sheet-top)) !important;
      max-height: calc(100dvh - var(--header-notifications-sheet-top)) !important;
      min-height: 0;
      padding: 8px 10px max(18px, env(safe-area-inset-bottom));
      display: flex !important;
      flex-direction: column;
      gap: 0;
      border: 0;
      border-radius: var(--popup-sheet-radius, 22px 22px 0 0);
      background: var(--popup-bg);
      box-shadow: 0 -18px 44px rgba(35, 32, 48, 0.18);
      
      overflow: visible;
      animation: header-categories-sheet-rise 0.24s cubic-bezier(0.22, 1, 0.36, 1) both !important;
      transform: translateY(0);
      transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform;
      z-index: 50 !important;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet.is-sheet-dragging,
    .fixed-header .header-notifications-panel.is-mobile-sheet.is-sheet-settling,
    .fixed-header .header-notifications-panel.is-mobile-sheet.is-sheet-closing {
      animation: none !important;
      transform: translateY(var(--header-notifications-sheet-drag-y, 0px)) !important;
      will-change: transform;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet.is-sheet-dragging {
      transition: none !important;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet.is-sheet-settling {
      transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet.is-sheet-closing {
      transition: transform 0.18s cubic-bezier(0.4, 0, 1, 1) !important;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-panel-inner {
      min-height: 0;
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      border-radius: 22px 22px 0 0;
      background: transparent;
      
      overflow: visible;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-sheet-grip {
      flex: 0 0 44px;
      width: 100%;
      height: 44px;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: var(--popup-bg);
      color: rgba(35, 32, 48, 0.24);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: grab;
      touch-action: none;
      user-select: none;
      appearance: none;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet.is-sheet-dragging .header-notifications-sheet-grip {
      cursor: grabbing;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-sheet-grip span {
      width: 48px;
      height: 5px;
      border-radius: 999px;
      background: currentColor;
      display: block;
    }

    html.header-account-sheet-open,
    body.header-account-sheet-open {
      overflow: hidden;
      overscroll-behavior: contain;
      touch-action: none;
    }

    body.header-account-sheet-open .jp-cookie-banner {
      display: none !important;
    }

    .fixed-header .header-account-panel.is-mobile-sheet {
      position: fixed !important;
      inset: auto 0 0 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      height: auto !important;
      max-height: min(86dvh, calc(100dvh - 32px)) !important;
      min-height: 0;
      padding: 8px 10px max(18px, env(safe-area-inset-bottom));
      display: flex !important;
      flex-direction: column;
      gap: 0;
      border: 0;
      border-radius: var(--popup-sheet-radius, 22px 22px 0 0) !important;
      background: var(--popup-bg);
      box-shadow: 0 -18px 44px rgba(35, 32, 48, 0.18);
      
      overflow: visible;
      animation: header-categories-sheet-rise 0.24s cubic-bezier(0.22, 1, 0.36, 1) both !important;
      transform: translateY(0);
      transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
      will-change: transform;
      z-index: 50 !important;
    }


    
    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-sheet-grip,
    .fixed-header .header-account-panel.is-mobile-sheet .header-account-sheet-grip {
      border-radius: var(--popup-sheet-radius, 22px 22px 0 0);
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-sheet-close,
    .fixed-header .header-account-panel.is-mobile-sheet .header-account-sheet-close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      bottom: calc(100% + var(--popup-close-offset, 10px));
      top: auto;
      left: calc(50% - (var(--popup-sheet-close-width, 57px) / 2));
      right: auto;
      width: var(--popup-sheet-close-width, 57px);
      height: var(--popup-sheet-close-height, 42px);
      border: 0;
      border-radius: var(--radius-pill, 999px);
      background: var(--popup-bg, #FFF9F1);
      box-shadow: var(--popup-shadow-soft, 0 12px 32px rgba(35, 32, 48, 0.1));
      cursor: pointer;
      z-index: 6;
    }

    .fixed-header .header-notifications-sheet-close,
    .fixed-header .header-account-sheet-close {
      display: none;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-sheet-close img,
    .fixed-header .header-account-panel.is-mobile-sheet .header-account-sheet-close img {
      display: block;
      pointer-events: none;
    }

    .fixed-header .header-account-panel.is-mobile-sheet::before {
      display: none;
    }

    .fixed-header .header-account-panel.is-mobile-sheet.is-sheet-dragging,
    .fixed-header .header-account-panel.is-mobile-sheet.is-sheet-settling,
    .fixed-header .header-account-panel.is-mobile-sheet.is-sheet-closing {
      animation: none !important;
      transform: translateY(var(--header-account-sheet-drag-y, 0px)) !important;
      will-change: transform;
    }

    .fixed-header .header-account-panel.is-mobile-sheet.is-sheet-dragging {
      transition: none !important;
    }

    .fixed-header .header-account-panel.is-mobile-sheet.is-sheet-settling {
      transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    .fixed-header .header-account-panel.is-mobile-sheet.is-sheet-closing {
      transition: transform 0.18s cubic-bezier(0.4, 0, 1, 1) !important;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-panel-inner {
      min-height: 0;
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      border-radius: 22px 22px 0 0;
      background: transparent;
      overflow-x: hidden;
      overflow-y: auto;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-sheet-grip {
      flex: 0 0 44px;
      width: 100%;
      height: 44px;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: var(--popup-bg);
      color: rgba(35, 32, 48, 0.24);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: grab;
      touch-action: none;
      user-select: none;
      appearance: none;
    }

    .fixed-header .header-account-panel.is-mobile-sheet.is-sheet-dragging .header-account-sheet-grip {
      cursor: grabbing;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-sheet-grip span {
      width: 48px;
      height: 5px;
      border-radius: 999px;
      background: currentColor;
      display: block;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-profile {
      flex: 0 0 auto;
      padding: 12px 14px 16px;
      gap: 12px;
      border-bottom: 1px solid var(--popup-border);
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-profile .header-account-avatar {
      flex-basis: 52px;
      width: 52px;
      height: 52px;
      line-height: 52px;
      font-size: 18px;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-profile-name {
      font-size: 18px;
      line-height: 23px;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-profile-link {
      font-size: 14px;
      line-height: 18px;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-section {
      flex: 0 0 auto;
      padding: 4px 0;
      border-top: 1px solid var(--popup-border);
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-item {
      min-height: 58px;
      padding: 0 16px;
      gap: 12px;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-item-icon {
      width: 30px;
      height: 30px;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-item-icon img,
    .fixed-header .header-account-panel.is-mobile-sheet .header-account-item-icon svg {
      width: 22px;
      height: 22px;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-item-text {
      font-size: 18px;
      line-height: 23px;
    }

    .fixed-header .header-account-panel.is-mobile-sheet .header-account-item-note {
      font-size: 13px;
      line-height: 17px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-panel-head {
      flex: 0 0 auto;
      padding: 8px 10px 14px;
      border-bottom: 1px solid var(--popup-border);
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-panel-title {
      font-size: var(--popup-title-size, 25px);
      line-height: var(--popup-title-line-height, 1.16);
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-panel-body {
      flex: 1 1 auto;
      min-height: 0;
      max-height: none;
      padding: 12px 0 4px;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-empty {
      flex: 1 1 auto;
      min-height: min(52dvh, 430px);
      margin: 0;
      padding: 26px 18px 30px;
      border-radius: 0;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-empty-illustration {
      width: min(258px, 88%);
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-empty-copy {
      max-width: 282px;
      gap: 6px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-empty-title {
      font-size: 18px;
      line-height: 23px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-empty-text {
      font-size: 13px;
      line-height: 19px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-list {
      gap: 8px;
      padding: 0;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card {
      border-radius: 16px;
      gap: 12px;
      padding: 14px;
      background: transparent;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card:hover,
    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card:focus-visible {
      background: var(--header-notification-hover-surface);
      box-shadow: inset 0 0 0 1px var(--header-notification-line);
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card-icon {
      width: 28px;
      height: 28px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card-icon-img {
      width: 16px;
      height: 16px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card-copy {
      gap: 4px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card-meta,
    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card-timing {
      font-size: 10px;
      line-height: 13px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card-title {
      font-size: 15px;
      line-height: 19px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card-text {
      font-size: 12px;
      line-height: 17px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card-action {
      font-size: 11px;
      line-height: 14px;
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card.is-unread {
      background: var(--header-notification-surface);
      box-shadow: inset 0 0 0 1px var(--header-notification-line);
    }

    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card.is-unread:hover,
    .fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-card.is-unread:focus-visible {
      background: var(--header-notification-hover-surface);
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-categories-sidebar {
      width: 100%;
      min-width: 0;
      min-height: 0;
      flex: 1 1 auto;
      padding: 0;
      border-radius: 0;
      background: transparent;
      overflow: hidden;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-categories-tabs {
      width: 100%;
      height: 100%;
      padding: 6px 0 18px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      overflow-x: hidden;
      overflow-y: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      scrollbar-gutter: auto;
      overscroll-behavior: contain;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-categories-tabs::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab {
      min-height: 64px;
      flex: 0 0 64px;
      border-radius: 22px;
      padding: 0 48px 0 18px;
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      background: transparent;
      color: #232030;
      font-family: var(--font-heading);
      font-size: 19px;
      font-weight: 820;
      line-height: 1.12;
      letter-spacing: 0;
      transition: background-color 0.18s ease, transform 0.18s ease;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab[data-recommended-category="true"] {
      display: none !important;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab:focus-visible,
    .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab.is-active {
      background: var(--header-category-tab-active-bg);
      transform: none;
      box-shadow: none;
    }

    @media (hover: hover) and (pointer: fine) {
      .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab:hover,
      .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab.is-hovering {
        background: var(--header-category-tab-active-bg);
        transform: none;
        box-shadow: none;
      }
    }

    @media (hover: none), (pointer: coarse) {
      .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab:not(.is-active):not(:focus-visible):hover,
      .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab.is-hovering:not(.is-active):not(:focus-visible) {
        background: transparent;
        transform: none;
        box-shadow: none;
      }
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab:focus-visible {
      outline: 2px solid rgba(63, 106, 96, 0.46);
      outline-offset: -2px;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab::after {
      right: 20px;
      color: #232030;
      opacity: 0.7;
      font-family: var(--font-body);
      font-size: 28px;
      font-weight: 500;
      line-height: 1;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab-icon {
      width: 44px;
      height: 44px;
      flex-basis: 44px;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab-icon img {
      width: 34px;
      height: 34px;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-category-tab-label {
      white-space: normal;
      overflow: hidden;
      text-overflow: clip;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .fixed-header .header-categories-panel.is-mobile-sheet .header-categories-all,
    .fixed-header .header-categories-panel.is-mobile-sheet .header-categories-content {
      display: none !important;
    }
  }


@media (hover: none) and (pointer: coarse) and (prefers-reduced-motion: no-preference) {
  .cat-card,
  .gifts-you-like-card,
  .editors-picks-card,
  .daily-deal-card,
  .similar-interest-card,
  .winter-best-product-card,
  .special-people-gift-card,
  .special-illustration-card,
  .favorite-category-card,
  .christmas-special-product-card,
  .personalized-card,
  .listing-side-card,
  .gift-room-lobby-card,
  .header-mobile-bottom-button,
  .gift-room-cta,
  .cat-filters__chip,
  .listing-page__cta,
  .jp-comments__rate-btn {
    transition: transform 240ms cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-tap-highlight-color: transparent;
  }

  
  .cat-card:active,
  .gifts-you-like-card:active,
  .editors-picks-card:active,
  .daily-deal-card:active,
  .similar-interest-card:active,
  .winter-best-product-card:active,
  .special-people-gift-card:active,
  .special-illustration-card:active,
  .favorite-category-card:active,
  .christmas-special-product-card:active,
  .personalized-card:active,
  .listing-side-card:active {
    transform: scale(0.985);
    transition-duration: 90ms;
    transition-timing-function: ease-out;
  }

  
  .header-mobile-bottom-button:active,
  .gift-room-cta:active,
  .cat-filters__chip:active,
  .listing-page__cta:active,
  .jp-comments__rate-btn:active {
    transform: scale(0.955);
    transition-duration: 90ms;
    transition-timing-function: ease-out;
  }
}




.fixed-header .header-search-native-text {
  opacity: 1 !important;
  transition: opacity 0.12s ease;
}

.fixed-header.has-search-hint .header-search-native-text {
  opacity: 0 !important;
}

.fixed-header .header-search-list {
  gap: 12px;
}

.fixed-header .header-search-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fixed-header .header-search-section__title {
  margin: 0 10px;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
}

.fixed-header .header-search-section__rows {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.page {
  padding-top: 99px;
}

@media (max-width: 720px) {
  .page {
    padding-top: 103px;
  }
}



/*! [bundle] /styles/components/header-desktop-flex.css */


@media (min-width: 721px) {
  
  .fixed-header {
    height: auto !important;
    
    min-height: 73px;
    min-width: 0 !important;
  }

  .fixed-header .header-desktop-shell {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    transform-origin: initial !important;
    width: 100% !important;
    max-width: 1440px;
    height: auto !important;
    margin: 0 auto;
    padding: 0 clamp(16px, 2vw, 40px);
    pointer-events: auto !important;
    box-sizing: border-box;
    z-index: var(--header-layer-chrome);
    isolation: isolate;
  }

  
  .fixed-header > svg {
    display: none !important;
  }

  
  .fixed-header::before {
    right: calc(-1 * var(--header-scrollbar-compensation, 0px)) !important;
    width: auto !important;
    height: 100% !important;
    transform: none !important;
  }

  
  .fixed-header::after {
    left: 0 !important;
    right: calc(-1 * var(--header-scrollbar-compensation, 0px)) !important;
    width: auto !important;
    transform: none !important;
  }

  
  .fixed-header .header-desktop-top {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    
    height: 73px;
    width: 100%;
    z-index: 1;
  }

  
  .fixed-header .header-desktop-home,
  .fixed-header .header-desktop-categories,
  .fixed-header .header-desktop-search-shell,
  .fixed-header .header-desktop-wishlist,
  .fixed-header .header-desktop-bell,
  .fixed-header .header-desktop-cart,
  .fixed-header .header-desktop-signin,
  .fixed-header .header-desktop-burger {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    pointer-events: auto !important;
    flex: 0 0 auto;
    isolation: isolate;
  }

  
  .fixed-header .header-desktop-home {
    width: 109px;
    height: 52px;
    display: flex;
    align-items: center;
  }

  .fixed-header .header-desktop-logo {
    width: 109px;
    height: 42px;
    display: block;
    object-fit: contain;
  }

  
  .fixed-header .header-desktop-categories {
    width: 152px;
    height: 52px;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 24px;
    box-sizing: border-box;
    gap: 12px;
  }

  
  .fixed-header .header-desktop-search-shell {
    position: relative !important;  
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 200px;
    height: 52px;
  }

  
  .fixed-header .header-desktop-wishlist,
  .fixed-header .header-desktop-bell,
  .fixed-header .header-desktop-cart,
  .fixed-header .header-desktop-burger {
    width: 52px;
    height: 52px;
  }

  .fixed-header .header-desktop-signin {
    width: 86px;
    height: 52px;
  }

  
  .fixed-header .header-desktop-nav {
    display: none !important;
  }

  .fixed-header .header-desktop-nav-chip {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: translateY(-3px);
    flex: 0 0 auto;
    height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 600;
    color: #232030;
    cursor: pointer;
    overflow: visible;
    isolation: isolate;
    border-radius: 999px;
  }

  .fixed-header .header-desktop-nav-chip::before {
    content: "";
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 999px;
    background: transparent;
    transition: background-color 0.18s ease;
    z-index: 0;
    pointer-events: none;
  }

  .fixed-header .header-desktop-nav-chip > * {
    position: relative;
    z-index: 1;
  }

  .fixed-header .header-desktop-nav-chip.is-hover::before,
  .fixed-header .header-desktop-nav-chip:hover::before,
  .fixed-header .header-desktop-nav-chip:focus-visible::before {
    background: #dcddd4;
  }

  
  .fixed-header .header-desktop-divider {
    position: static !important;
    left: auto !important;
  }

  
  .fixed-header .header-hitboxes {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: 1440px;
    height: 100% !important;
    margin: 0 auto !important;
    transform: none !important;
    transform-origin: initial !important;
    z-index: var(--header-layer-hitboxes) !important;
  }
  

  
  body.is-ai-panel-open .fixed-header {
    right: 360px !important;
    transition: right 480ms cubic-bezier(0.16, 1, 0.3, 1);
  }
}


.fixed-header {
  transition: right 480ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 721px) and (max-width: 960px) {
  body.is-ai-panel-open .fixed-header {
    right: 0 !important;
  }
}


@media (min-width: 721px) {
  body.is-category-header-condensed .fixed-header,
  body.page--search.is-search-header-condensed .fixed-header {
    min-height: 73px;
  }

  body.is-category-header-condensed .fixed-header .header-desktop-nav,
  body.page--search.is-search-header-condensed .fixed-header .header-desktop-nav {
    display: none;
  }
}


@media (min-width: 721px) and (max-width: 1200px) {
  .fixed-header .header-desktop-wishlist {
    display: flex !important;
  }

  .fixed-header .header-desktop-bell {
    display: none !important;
  }
}

@media (min-width: 881px) and (max-width: 959px) {
  .fixed-header .header-desktop-categories {
    display: flex !important;
    width: 52px;
    min-width: 52px;
    padding: 0;
    justify-content: center;
    gap: 0;
  }

  .fixed-header .header-desktop-categories-label {
    display: none !important;
  }

  .fixed-header .header-desktop-categories-icon {
    width: 24px;
    height: 24px;
  }

  .fixed-header .header-desktop-search-shell {
    min-width: 0;
  }

  .fixed-header .header-desktop-search-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .fixed-header .header-desktop-search-submit {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    border-radius: 26px;
    overflow: hidden;
  }

  .fixed-header .header-desktop-search-submit-label {
    display: none !important;
  }

  .fixed-header .header-desktop-search-submit-icon {
    left: 16px !important;
    top: 12px !important;
  }
}

@media (min-width: 721px) and (max-width: 880px) {
  .fixed-header.is-mobile-414 {
    height: 68px !important;
    min-height: 68px !important;
  }
}

@media (min-width: 721px) and (max-width: 879px) {
  .fixed-header .header-desktop-top {
    gap: 6px !important;
  }
  .fixed-header .header-desktop-shell {
    padding: 0 12px !important;
  }
  .fixed-header .header-desktop-signin {
    display: none !important;
  }
}


@media (min-width: 721px) and (max-width: 1559px) {
  body.is-ai-panel-open .fixed-header .header-desktop-wishlist {
    display: flex !important;
  }

  body.is-ai-panel-open .fixed-header .header-desktop-search-shell {
    min-width: 150px;
  }
}

@media (min-width: 721px) and (max-width: 1319px) {
  body.is-ai-panel-open .fixed-header .header-desktop-categories {
    display: none !important;
  }
}

@media (min-width: 721px) and (max-width: 1239px) {
  body.is-ai-panel-open .fixed-header .header-desktop-top {
    gap: 6px !important;
  }
  body.is-ai-panel-open .fixed-header:not(.is-authenticated) .header-desktop-signin {
    display: none !important;
  }
}

@media (min-width: 721px) and (max-width: 1719px) {
  body.is-ai-panel-open .fixed-header .header-desktop-bell {
    display: none !important;
  }
}




@media (min-width: 721px) {
  .fixed-header .header-desktop-search-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}



/*! [bundle] /styles/components/profile-avatars.css */
.jp-profile-avatar-art {
  background: transparent !important;
  background-image: none !important;
  color: var(--color-cream) !important;
  text-indent: 0 !important;
  overflow: visible;
  position: relative;
  isolation: isolate;
}

.jp-profile-avatar-art > img[data-jp-profile-avatar-img] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
  pointer-events: none;
}

.jp-profile-avatar-letter {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  color: var(--color-cream);
  font-family: var(--font-display);
  font-size: 1em;
  font-weight: 750;
  line-height: 1;
  pointer-events: none;
  text-align: center;
}

.account-avatar.has-image,
.gift-room-avatar.has-image,
.gr-profile-card__avatar.has-image,
.gr-share-person__avatar.has-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}

.account-avatar.jp-profile-avatar-art,
.gr-profile-card__avatar.jp-profile-avatar-art,
.gift-room-avatar.jp-profile-avatar-art,
.fixed-header .header-account-avatar.jp-profile-avatar-art,
.fixed-header .header-mobile-account-avatar.jp-profile-avatar-art,
.fixed-header .header-burger-signin-avatar.jp-profile-avatar-art {
  border: 0;
  box-shadow: none;
}

.gift-room-avatar.jp-profile-avatar-art {
  background: transparent !important;
  padding: 0;
}

.gift-room-avatar.jp-profile-avatar-art .jp-profile-avatar-letter,
.fixed-header .header-mobile-account-avatar.jp-profile-avatar-art .jp-profile-avatar-letter,
.fixed-header .header-burger-signin-avatar.jp-profile-avatar-art .jp-profile-avatar-letter {
  font-size: 0.9em;
}

.gift-room-avatar--lg.jp-profile-avatar-art .jp-profile-avatar-letter,
.fixed-header .header-account-avatar.jp-profile-avatar-art .jp-profile-avatar-letter {
  font-size: 0.94em;
}

.gr-profile-card__avatar.jp-profile-avatar-art .jp-profile-avatar-letter {
  font-size: 1.16em;
}

.account-avatar.jp-profile-avatar-art .jp-profile-avatar-letter {
  font-size: 1.24em;
}

.account-avatar--hero.jp-profile-avatar-art .jp-profile-avatar-letter {
  font-size: 1.36em;
}

.fixed-header .header-account-avatar.jp-profile-avatar-art {
  line-height: 1;
}

.fixed-header .header-burger-signin-avatar.is-account-avatar.jp-profile-avatar-art {
  border: 0;
}



/*! [bundle] /styles/components/hero.css */

/*! [bundle] already inlined above: /styles/tokens.css */



body.component-preview-body .hero-preview-shell {
  width: min(100%, 1440px);
}

.hero-home {
  --hero-card-height: 410px;
  position: relative;
  padding-bottom: 29px;
  width: var(--homepage-shell-width);
  margin-inline: auto;
  max-width: var(--jp-page-shell-max, 1372px);
  overflow: visible;
  transform: translateX(0);
}


.hero-home--compact {
  --hero-card-height: 240px;
  padding-bottom: 0;
}

.hero-home--compact .hero-home__actions,
.hero-home--compact .hero-home__nav,
.hero-home--compact .hero-home__arrow,
.hero-home--compact .hero-home__dots {
  display: none !important;
}

.hero-home--compact .hero-home__title {
  font-size: clamp(28px, 3.4vw, 44px);
  
  line-height: 1.04;
  letter-spacing: 0;
}

.hero-home--compact .hero-home__subtitle {
  font-size: clamp(14px, 1.1vw, 16px);
  margin-top: 8px;
}

@media (max-width: 960px) {
  .hero-home--compact {
    --hero-card-height: 200px;
  }
}

@media (max-width: 600px) {
  .hero-home--compact {
    --hero-card-height: 180px;
  }
}

.hero-home__viewport {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 6px 0 8px;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 0;
}

.hero-home__track {
  display: flex;
  width: 100%;
  gap: 0;
  transition: transform 0.62s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: transform;
}

.hero-home__slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  padding-inline: 6px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 30px;
  align-items: start;
}

.hero-banner-card {
  position: relative;
  min-width: 0;
  min-height: var(--hero-card-height);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: none;
  transition: box-shadow 0.2s ease;
}

.hero-banner-card:hover {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.hero-banner-card--main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 327px;
  background: #f8f1eb;
}

.hero-banner-card--main.hero-banner-card--text-only {
  grid-template-columns: 1fr;
}

.hero-banner-card__lead {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--color-cream);
}

.hero-banner-card__lead--green {
  background: #3f6a60;
  padding: 71px 17px 34px;
}


.hero-banner-card__lead--blue {
  background: linear-gradient(135deg, #5f4b74 0%, #3d2f4e 100%);
  padding: 56px 64px;
}

.hero-banner-card__lead--brown {
  background: linear-gradient(135deg, #7a5a3f 0%, #5b402b 100%);
  padding: 56px 64px;
}

.hero-banner-card__lead--centered {
  justify-content: center;
}

.hero-banner-card__title {
  max-width: 548px;
  margin: 0;
  color: inherit;
  font-family: var(--font-body);
  font-size: 42px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: 0;
}

.hero-banner-card__subtitle {
  max-width: 548px;
  margin: 20px 0 0;
  color: rgba(255, 249, 241, 0.96);
  font-family: var(--font-body);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.34;
}

.hero-banner-card__eyebrow {
  max-width: 548px;
  margin: 20px 0 0;
  color: rgba(255, 249, 241, 0.92);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.hero-banner-card__actions {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.hero-banner-card--feature .hero-banner-card__actions {
  flex-wrap: nowrap;
}

.hero-banner-card__button {
  min-width: 192px;
  height: 62px;
  border: 0;
  border-radius: 999px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.hero-banner-card__button--primary {
  
  background: var(--color-forest, #3F6A60);
  color: var(--color-cream);
}

.hero-banner-card__button--secondary {
  background: var(--color-cream);
  color: #232030;
}

.hero-banner-card__button:hover,
.hero-banner-card__button:focus-visible {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  transform: none;
}

.hero-banner-card__button:active {
  transform: translateY(0);
}

.hero-banner-card__button:focus-visible {
  outline: 2px solid rgba(255, 249, 241, 0.45);
  outline-offset: 2px;
}

.hero-banner-card__media {
  min-height: var(--hero-card-height);
  border-radius: 0;
  background: linear-gradient(135deg, rgba(255, 249, 241, 0.24), rgba(63, 106, 96, 0.18));
}

.hero-banner-card--feature {
  isolation: isolate;
}

.hero-banner-card__lead--feature {
  position: relative;
  z-index: 2;
}

.hero-banner-card__media--mobile {
  display: none;
}

.hero-banner-card--admin-live .hero-banner-card__title {
  font-size: var(--hero-live-title-size-desktop, 42px);
  font-weight: var(--hero-live-title-weight-desktop, 800);
  color: var(--hero-live-title-color-desktop, #FFF9F1);
}

.hero-banner-card--admin-live .hero-banner-card__subtitle {
  font-size: var(--hero-live-subtitle-size-desktop, 21px);
  font-weight: var(--hero-live-subtitle-weight-desktop, 500);
  color: var(--hero-live-subtitle-color-desktop, #FFF9F1);
}

.hero-banner-card--admin-live .hero-banner-card__eyebrow {
  font-size: var(--hero-live-eyebrow-size-desktop, 15px);
  font-weight: var(--hero-live-eyebrow-weight-desktop, 500);
  color: var(--hero-live-eyebrow-color-desktop, rgba(255, 249, 241, 0.92));
}

.hero-banner-card__media .media-slot__fallback,
.hero-banner-card__side-media .media-slot__fallback {
  gap: 8px;
  color: rgba(35, 32, 48, 0.78);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.hero-banner-card__media .media-slot__tag,
.hero-banner-card__side-media .media-slot__tag {
  color: rgba(35, 32, 48, 0.6);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.hero-banner-card--side {
  background: radial-gradient(ellipse 141.63% 101.71% at 20% 20%, rgba(241, 100, 30, 0.12) 0%, rgba(241, 100, 30, 0) 55%),
    radial-gradient(ellipse 141.63% 101.71% at 80% 30%, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 55%),
    linear-gradient(180deg, #f8f1eb 0%, #f8f1eb 100%);
  cursor: default;
}

.hero-banner-card--side:hover {
  box-shadow: none;
}

.hero-banner-card--side.hero-banner-card--is-link {
  cursor: pointer;
}

.hero-banner-card--side.hero-banner-card--is-link:hover {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.hero-banner-card__side-media {
  position: absolute;
  inset: 0;
  min-height: var(--hero-card-height);
  background: radial-gradient(ellipse 68.91% 71.36% at 30% 30%, rgba(241, 100, 30, 0.1) 0%, rgba(241, 100, 30, 0) 60%),
    linear-gradient(180deg, rgba(248, 241, 235, 0.88) 0%, rgba(248, 241, 235, 0.88) 100%);
}

.hero-banner-card__side-gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 126px;
  background: linear-gradient(180deg, rgba(35, 32, 48, 0.03) 0%, #232030 100%);
  pointer-events: none;
}

.hero-banner-card__tag {
  position: absolute;
  top: 12px;
  right: 12px;
  height: 28px;
  padding: 7px 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--color-cream);
  color: #232030;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  z-index: 2;
}

.hero-banner-card__play {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  padding: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(230, 236, 243, 0.7);
  cursor: default;
  pointer-events: none;
  z-index: 2;
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.hero-banner-card--has-video .hero-banner-card__play {
  display: inline-flex;
}

.hero-banner-card__play svg {
  display: block;
}

.hero-banner-card__play:hover,
.hero-banner-card__play:focus-visible {
  background: var(--color-cream);
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.hero-banner-card__play:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.hero-banner-card__side-copy {
  position: absolute;
  left: 20px;
  right: 84px;
  bottom: 20px;
  z-index: 2;
  color: var(--color-cream);
}

.hero-banner-card__side-copy--static {
  right: 22px;
  bottom: 24px;
}

.hero-banner-card__side-title {
  margin: 0;
  color: inherit;
  font-family: var(--font-body);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.18;
}

.hero-banner-card__side-subtitle {
  margin: 8px 0 0;
  color: rgba(255, 249, 241, 0.92);
  font-family: var(--font-body);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.3;
}

.hero-banner-card--blue-side {
  background: linear-gradient(145deg, #6d5684 0%, #4a3960 100%);
}

.hero-banner-card--brown-side {
  background: linear-gradient(145deg, #a36e45 0%, #7a5233 100%);
}

.hero-home__arrow {
  position: absolute;
  top: var(--hero-arrow-top, 195px);
  width: 54px;
  height: 72px;
  border: 0;
  border-radius: 999px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(220, 221, 212, 0.7);
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
  z-index: 3;
  transform: translateY(-50%);
}

.hero-home__arrow-icon {
  width: 10px;
  height: 16px;
  display: block;
}

.hero-home__arrow--prev .hero-home__arrow-icon {
  transform: scaleX(-1);
}

.hero-home__arrow--prev {
  left: -10px;
}

.hero-home__arrow--next {
  right: -10px;
}

.hero-home__arrow:hover,
.hero-home__arrow:focus-visible {
  background: var(--color-cream);
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  transform: translateY(calc(-50% - 1px));
}

.hero-home__arrow:active {
  transform: translateY(-50%);
}

.hero-home__arrow:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.hero-home__indicators {
  position: absolute;
  left: 50%;
  top: var(--hero-indicators-top, calc(6px + var(--hero-card-height) + 10px));
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  z-index: 3;
}

.hero-home__indicator {
  position: relative;
  width: 14px;
  height: 14px;
  border: 0;
  border-radius: 999px;
  padding: 0;
  background: #232030;
  cursor: pointer;
  transition: width 0.28s ease;
}


.hero-home__indicator::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 40px;
  transform: translateY(-50%);
}

.hero-home__indicator:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.hero-home__indicator.is-active {
  width: 37px;
}

.hero-home__indicator-inner {
  position: absolute;
  left: 4px;
  top: 50%;
  width: 29px;
  height: 6px;
  border-radius: 999px;
  background: var(--color-cream);
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.hero-home__indicator.is-active .hero-home__indicator-inner {
  opacity: 1;
}

@media (max-width: 1439px) and (min-width: 1143px) {
  .hero-home {
    --hero-card-height: 410px;
    padding-bottom: 29px;
    width: var(--homepage-shell-width);
  }

  .hero-home__viewport {
    width: 100%;
    margin: 0;
    padding: 6px 0 8px;
  }

  .hero-home__slide {
    grid-template-columns: minmax(0, 1fr) clamp(304px, 29vw, 420px);
    gap: 20px;
  }

  .hero-banner-card--feature {
    grid-template-columns: minmax(0, 1fr) clamp(250px, 24vw, 327px);
  }

  .hero-banner-card--feature .hero-banner-card__lead--feature {
    padding: 54px 18px 34px;
  }

  .hero-banner-card--feature .hero-banner-card__title,
  .hero-banner-card--feature .hero-banner-card__subtitle,
  .hero-banner-card--feature .hero-banner-card__eyebrow {
    max-width: 500px;
  }

  .hero-banner-card--feature .hero-banner-card__title {
    font-size: clamp(34px, 3.3vw, 42px);
  }

  .hero-banner-card--feature .hero-banner-card__subtitle {
    font-size: clamp(18px, 1.9vw, 21px);
  }

  .hero-banner-card--feature .hero-banner-card__eyebrow {
    font-size: 15px;
  }

  .hero-banner-card__side-title {
    font-size: clamp(24px, 2.15vw, 26px);
  }

  .hero-banner-card__side-subtitle {
    font-size: clamp(18px, 1.85vw, 21px);
  }

  .hero-home__arrow {
    display: inline-flex;
  }

  .hero-home__arrow--prev {
    left: -10px;
  }

  .hero-home__arrow--next {
    right: -10px;
  }
}

@media (max-width: 1142px) and (min-width: 721px) {
  .hero-home {
    --hero-viewport-width: calc(100% - 48px);
    --hero-viewport-shell-width: calc(var(--hero-viewport-width) + 24px);
    --hero-card-height: 332px;
    width: var(--hero-viewport-width);
    margin-inline: auto;
    padding-bottom: 22px;
  }

  .hero-home__viewport {
    width: 100%;
    margin: 0;
    padding: 6px 6px 8px;
    box-sizing: border-box;
    overflow: hidden;
  }

  .hero-home__slide {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .hero-home__slide > .hero-banner-card--side {
    display: none;
  }

  .hero-banner-card,
  .hero-banner-card__media,
  .hero-banner-card__side-media {
    min-height: var(--hero-card-height);
    border-radius: 30px;
  }

  .hero-banner-card--feature {
    grid-template-columns: minmax(0, 1fr) clamp(266px, 30%, 327px);
  }

  .hero-banner-card--feature .hero-banner-card__lead--feature {
    min-height: var(--hero-card-height);
    padding: 30px 17px 25px;
  }

  .hero-banner-card--feature .hero-banner-card__title {
    max-width: 438px;
    font-size: 34px;
  }

  .hero-banner-card--feature .hero-banner-card__subtitle {
    max-width: 438px;
    margin-top: 15px;
    font-size: 18px;
    line-height: 1.34;
  }

  .hero-banner-card--feature .hero-banner-card__eyebrow {
    max-width: 438px;
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.34;
  }

  .hero-banner-card--feature .hero-banner-card__actions {
    flex-wrap: nowrap;
    width: 100%;
    gap: 12px;
    padding-inline: 8px;
    box-sizing: border-box;
  }

  .hero-banner-card--feature .hero-banner-card__button {
    width: clamp(164px, calc(50% - 10px), 192px);
    min-width: 0;
    height: 62px;
  }

  .hero-banner-card__media--desktop {
    display: block;
    min-height: var(--hero-card-height);
  }

  .hero-banner-card--feature .hero-banner-card__media--desktop {
    border-radius: 0 30px 30px 0;
  }

  .hero-banner-card--text-only .hero-banner-card__lead--blue,
  .hero-banner-card--text-only .hero-banner-card__lead--brown {
    min-height: 332px;
    padding: 56px 40px;
  }

  .hero-banner-card__lead--green,
  .hero-banner-card__lead--blue,
  .hero-banner-card__lead--brown {
    min-height: 0;
  }

  .hero-home__indicators {
    bottom: 0;
  }

  .hero-home__arrow {
    top: var(--hero-arrow-top, calc(6px + (var(--hero-card-height) / 2)));
  }

  .hero-home__arrow--prev {
    left: 0;
  }

  .hero-home__arrow--next {
    right: 0;
  }
}

@media (max-width: 720px) {
  .page--homepage .hero-home.section--tight {
    padding-top: 0 !important;
    padding-bottom: 24px;
  }

  .hero-banner-card--admin-live .hero-banner-card__title {
    font-size: var(--hero-live-title-size-mobile, 28px);
    font-weight: var(--hero-live-title-weight-mobile, 700);
    color: var(--hero-live-title-color-mobile, #FFF9F1);
  }

  .hero-banner-card--admin-live .hero-banner-card__subtitle {
    font-size: var(--hero-live-subtitle-size-mobile, 17px);
    font-weight: var(--hero-live-subtitle-weight-mobile, 400);
    color: var(--hero-live-subtitle-color-mobile, #FFF9F1);
  }

  .hero-banner-card--admin-live .hero-banner-card__eyebrow {
    font-size: var(--hero-live-eyebrow-size-mobile, 15px);
    font-weight: var(--hero-live-eyebrow-weight-mobile, 500);
    color: var(--hero-live-eyebrow-color-mobile, rgba(255, 249, 241, 0.92));
  }

  .hero-home {
    --hero-viewport-width: calc(100% - 40px);
    --hero-viewport-shell-width: calc(var(--hero-viewport-width) + 24px);
    --hero-card-height: 320px;
    width: var(--hero-viewport-width);
    margin-inline: auto;
    padding-bottom: 24px;
  }

  .hero-home__viewport {
    width: 100%;
    margin: 0;
    padding: 6px 0 8px;
    box-sizing: border-box;
    overflow: hidden;
  }

  .hero-home__slide {
    grid-template-columns: 1fr;
    gap: 0;
    padding-inline: 6px;
  }

  .hero-home__slide > .hero-banner-card--side {
    display: none;
  }

  .hero-banner-card,
  .hero-banner-card__media,
  .hero-banner-card__side-media {
    min-height: var(--hero-card-height);
    border-radius: 24px;
  }

  .hero-banner-card--feature {
    position: relative;
    display: block;
    background: var(--color-cream);
    min-height: var(--hero-card-height);
    height: var(--hero-card-height);
    aspect-ratio: auto;
  }

  .hero-banner-card--feature .hero-banner-card__lead--feature {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    min-height: 0;
    padding: 0;
    display: block;
    background: transparent !important;
    background-image: none !important;
    text-align: left;
    z-index: 2;
  }

  .hero-banner-card--feature .hero-banner-card__lead--feature::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    background-image:
      var(--hero-feature-mobile-accent, none),
      var(--hero-feature-mobile-blob, url("/assets/header-icons/hero-feature-mobile-blob.svg"));
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom, center top;
    background-size: 180px auto, 100% 100%;
    z-index: 0;
  }

  .hero-banner-card--feature .hero-banner-card__title {
    position: absolute;
    left: 50%;
    top: 15px;
    width: min(calc(100% - 40px), 320px);
    max-width: min(calc(100% - 40px), 320px);
    margin: 0;
    font-size: 28px;
    line-height: 1.14;
    font-weight: 700;
    text-align: center;
    transform: translateX(-50%);
    z-index: 1;
  }

  .hero-banner-card--feature .hero-banner-card__subtitle {
    position: absolute;
    left: 50%;
    top: 59px;
    width: min(calc(100% - 54px), 320px);
    max-width: min(calc(100% - 54px), 320px);
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.18;
    text-align: center;
    transform: translateX(-50%);
    z-index: 1;
  }

  .hero-banner-card--feature .hero-banner-card__eyebrow {
    display: none;
  }

  .hero-banner-card--feature .hero-banner-card__actions {
    display: block;
    margin: 0;
    position: relative;
    z-index: 1;
  }

  .hero-banner-card--feature .hero-banner-card__button {
    position: absolute;
    font-size: 16px;
    z-index: 3;
  }

  .hero-banner-card--feature .hero-banner-card__button--primary {
    display: none;
  }

  .hero-banner-card--feature .hero-banner-card__button--secondary {
    top: 268px;
    left: 10px;
    width: 174px;
    min-width: 174px;
    height: 42px;
    padding: 0 17px;
  }

  .hero-banner-card__media--desktop {
    display: none;
  }

  .hero-banner-card__media--mobile {
    display: block;
    position: absolute;
    left: 0;
    top: 101px;
    width: 100%;
    height: 219px;
    min-height: 0;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(180deg, rgba(255, 249, 241, 0.98) 0%, rgba(241, 245, 252, 0.98) 100%);
    z-index: 1;
  }

  .hero-banner-card--feature.hero-banner-card--mobile-empty .hero-banner-card__lead--feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 20px 0;
    box-sizing: border-box;
    background: transparent !important;
  }

  .hero-banner-card--feature.hero-banner-card--mobile-empty .hero-banner-card__title {
    position: relative;
    left: auto;
    top: auto;
    width: min(calc(100% - 40px), 320px);
    max-width: min(calc(100% - 40px), 320px);
    margin: 0 auto;
    transform: none;
  }

  .hero-banner-card--feature.hero-banner-card--mobile-empty .hero-banner-card__subtitle {
    position: relative;
    left: auto;
    top: auto;
    width: min(calc(100% - 54px), 320px);
    max-width: min(calc(100% - 54px), 320px);
    margin: 10px auto 0;
    transform: none;
  }

  .hero-banner-card--feature.hero-banner-card--mobile-empty .hero-banner-card__media--mobile.hero-banner-card__media--empty {
    top: 124px;
    height: 196px;
  }

  .hero-banner-card--feature .hero-banner-card__media--mobile {
    min-height: 0;
  }

  .hero-banner-card__media--mobile .media-slot__fallback {
    gap: 8px;
    color: rgba(35, 32, 48, 0.78);
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
  }

  .hero-banner-card__media--mobile .media-slot__tag {
    color: rgba(35, 32, 48, 0.6);
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
  }

  .hero-banner-card--text-only .hero-banner-card__lead--blue,
  .hero-banner-card--text-only .hero-banner-card__lead--brown {
    min-height: 320px;
    padding: 42px 24px 28px;
  }

  .hero-banner-card--text-only .hero-banner-card__title {
    font-size: 28px;
    line-height: 1.14;
  }

  .hero-banner-card--text-only .hero-banner-card__subtitle {
    margin-top: 16px;
    font-size: 17px;
    line-height: 1.35;
  }

  .hero-banner-card--admin-live .hero-banner-card__actions {
    display: block;
    margin: 0;
  }

  .hero-banner-card--admin-live .hero-banner-card__button--mobile-preview {
    position: absolute;
    top: 268px;
    left: 10px;
    width: 174px;
    min-width: 174px;
    height: 42px;
    padding: 0 17px;
    display: inline-flex;
    z-index: 3;
  }

  .hero-banner-card--admin-live .hero-banner-card__button--primary {
    display: none;
  }

  .hero-banner-card__side-title {
    font-size: 22px;
  }

  .hero-banner-card__side-subtitle {
    font-size: 18px;
  }

  .hero-home__indicators {
    top: var(--hero-indicators-top, 336px);
    bottom: auto;
  }

  .hero-home__arrow {
    display: inline-flex;
    width: 48px;
    height: 64px;
    top: var(--hero-arrow-top, calc(6px + (var(--hero-card-height) / 2)));
  }

  .hero-home__arrow--prev {
    left: 0;
  }

  .hero-home__arrow--next {
    right: 0;
  }
}

.hero-banner-card--admin-live.hero-banner-card--text-only .hero-banner-card__actions {
  margin-top: 32px;
}

.hero-banner-card--admin-live .hero-banner-card__button--mobile-fallback {
  display: none;
}

@media (max-width: 720px) {
  .hero-banner-card--admin-live .hero-banner-card__button--mobile-fallback {
    display: inline-flex;
  }
}



/*! [bundle] /styles/components/auth-home-hero.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.page--homepage > .auth-home-hero.section--tight {
  padding-top: 16px;
  padding-bottom: 24px;
}

body.page--homepage .auth-home-hero[data-recently-viewed-auth-only] {
  display: none;
}

body.page--homepage.is-homepage-authenticated .auth-home-hero[data-recently-viewed-auth-only] {
  display: block;
}

.auth-home-hero {
  --hero-card-height: 306px;
  position: relative;
  width: var(--homepage-shell-width);
  
  max-width: var(--jp-page-shell-max, 1372px);
  margin-inline: auto;
  
  padding-inline: var(--homepage-shell-inset);
  box-sizing: border-box;
  overflow: visible;
}

.auth-home-hero__viewport {
  position: relative;
  width: 100%;
  padding: 6px 0 8px;
  box-sizing: border-box;
  overflow: visible;
}

.auth-home-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 30px;
  align-items: start;
}

.auth-home-hero .hero-banner-card {
  min-height: var(--hero-card-height);
  box-shadow: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.auth-home-hero .hero-banner-card:hover,
.auth-home-hero .hero-banner-card:has(:focus-visible) {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.auth-home-hero .hero-banner-card--main {
  grid-template-columns: minmax(0, 1fr) 327px;
}

.auth-home-hero .hero-banner-card__lead--green {
  padding: 46px 17px 34px;
  justify-content: flex-start;
}

.auth-home-hero .hero-banner-card__title,
.auth-home-hero .hero-banner-card__subtitle,
.auth-home-hero .hero-banner-card__eyebrow {
  max-width: 548px;
}

.auth-home-hero .hero-banner-card__actions {
  display: none;
}

.auth-home-hero .hero-banner-card__subtitle {
  margin-top: 10px;
}

.auth-home-hero .hero-banner-card__eyebrow {
  margin-top: 18px;
}

.auth-home-hero .hero-banner-card__media,
.auth-home-hero .hero-banner-card__side-media {
  min-height: var(--hero-card-height);
}

.auth-home-hero .hero-banner-card__media {
  background:
    linear-gradient(135deg, rgba(255, 249, 241, 0.24), rgba(63, 106, 96, 0.18));
}

.auth-home-hero .hero-banner-card--side {
  background:
    radial-gradient(ellipse 141.63% 101.71% at 20% 20%, rgba(241, 100, 30, 0.12) 0%, rgba(241, 100, 30, 0) 55%),
    radial-gradient(ellipse 141.63% 101.71% at 80% 30%, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 55%),
    linear-gradient(180deg, #FFF9F1 0%, #fbfbfb 100%);
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.18);
}

.auth-home-hero .hero-banner-card--side:hover,
.auth-home-hero .hero-banner-card--side:has(:focus-visible) {
  box-shadow:
    0 0 4px rgba(35, 32, 48, 0.5),
    inset 0 0 0 1px rgba(0, 0, 0, 0.18);
}

.auth-home-hero .hero-banner-card__side-media {
  background:
    radial-gradient(ellipse 68.91% 71.36% at 30% 30%, rgba(241, 100, 30, 0.1) 0%, rgba(241, 100, 30, 0) 60%),
    linear-gradient(180deg, rgba(255, 249, 241, 0.85) 0%, rgba(250, 250, 250, 0.85) 100%);
}

.auth-home-hero .hero-banner-card__side-copy {
  bottom: 20px;
}

.auth-home-hero .hero-banner-card__side-copy .hero-banner-card__side-title {
  font-size: 26px;
}

.auth-home-hero .hero-banner-card__side-copy .hero-banner-card__side-subtitle {
  font-size: 21px;
}

@media (max-width: 1439px) and (min-width: 1143px) {
  .auth-home-hero__layout {
    grid-template-columns: minmax(0, 1fr) clamp(320px, 31vw, 420px);
    gap: 20px;
  }

  .auth-home-hero .hero-banner-card--main {
    grid-template-columns: minmax(0, 1fr) clamp(250px, 24vw, 327px);
  }

  .auth-home-hero .hero-banner-card__lead--green {
    padding: 40px 18px 30px;
  }

  .auth-home-hero .hero-banner-card__title {
    font-size: clamp(34px, 3.3vw, 42px);
  }

  .auth-home-hero .hero-banner-card__subtitle {
    font-size: clamp(18px, 1.9vw, 21px);
  }
}

@media (max-width: 1142px) {
  .page--homepage > .auth-home-hero.section--tight {
    padding-top: 16px;
    padding-bottom: 24px;
  }

  .auth-home-hero__layout {
    grid-template-columns: 1fr;
  }

  .auth-home-hero .hero-banner-card--main {
    grid-template-columns: minmax(0, 1fr) clamp(240px, 34vw, 327px);
  }
}

@media (max-width: 767px) {
  .page--homepage > .auth-home-hero.section--tight {
    padding-top: 16px !important;
    padding-bottom: 8px;
  }

  .auth-home-hero__viewport {
    padding: 6px 0 4px;
  }

  .auth-home-hero .hero-banner-card--main {
    grid-template-columns: 1fr;
  }

  .auth-home-hero .hero-banner-card__lead--green {
    padding: 34px 18px 28px;
  }

  .auth-home-hero .hero-banner-card__title {
    font-size: 32px;
    line-height: 1.12;
  }

  .auth-home-hero .hero-banner-card__subtitle {
    margin-top: 12px;
    font-size: 18px;
  }

  .auth-home-hero .hero-banner-card__eyebrow {
    margin-top: 16px;
    font-size: 14px;
  }

  .auth-home-hero .hero-banner-card__media {
    min-height: 220px;
  }

  .auth-home-hero .hero-banner-card__side-copy .hero-banner-card__side-title {
    font-size: 24px;
  }

  .auth-home-hero .hero-banner-card__side-copy .hero-banner-card__side-subtitle {
    font-size: 18px;
  }
}



/*! [bundle] /styles/components/auth-event-banner.css */

/*! [bundle] already inlined above: /styles/tokens.css */



body.page--homepage .auth-event-banner[data-recently-viewed-auth-only] {
  display: none;
}

body.page--homepage.is-homepage-authenticated .auth-event-banner[data-recently-viewed-auth-only] {
  display: block;
}

body.page--homepage.is-homepage-authenticated .page-main > .auth-event-banner[data-recently-viewed-auth-only] {
  padding-top: 0;
}

.auth-event-banner {
  width: var(--homepage-shell-width);
  
  max-width: var(--jp-page-shell-max, 1372px);
  margin-inline: auto;
  
  padding: 12px var(--homepage-shell-inset) 10px;
  box-sizing: border-box;
}

.auth-event-banner__card {
  position: relative;
  width: 100%;
  min-height: 178px;
  overflow: hidden;
  border-radius: 26px;
  background: var(--color-cream);
  box-shadow: none;
  transition: box-shadow 0.18s ease;
}

.auth-event-banner__card[data-homepage-link] {
  cursor: default;
}

.auth-event-banner__card:hover,
.auth-event-banner__card:has(:focus-visible) {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.auth-event-banner__copy {
  position: absolute;
  inset: 0 auto 0 0;
  width: min(583px, 100%);
  background: #3f6a60;
}

.auth-event-banner__title {
  position: absolute;
  top: 12px;
  left: 17px;
  width: 543px;
  max-width: calc(100% - 34px);
  min-height: 92px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-cream);
  text-align: center;
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.22;
}


.auth-event-banner__title-text {
  display: block;
  width: 100%;
}

.auth-event-banner__button {
  position: absolute;
  left: 183px;
  top: 112px;
  width: 187px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 27px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #232030;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
  cursor: pointer;
  isolation: isolate;
  overflow: visible;
  transition: color 180ms var(--home-ease, cubic-bezier(0.16, 1, 0.3, 1));
}

.auth-event-banner__button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: #f8f1eb;
  transform: scale(1);
  transform-origin: center;
  pointer-events: none;
  transition:
    transform 180ms var(--home-ease, cubic-bezier(0.16, 1, 0.3, 1)),
    background-color 180ms var(--home-ease, cubic-bezier(0.16, 1, 0.3, 1));
  will-change: transform;
}

.auth-event-banner__button:hover::before,
.auth-event-banner__button:focus-visible::before {
  transform: scale(1.04);
}

.auth-event-banner__button:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.35);
  outline-offset: 3px;
}

.auth-event-banner__button-icon {
  flex: 0 0 auto;
}

.auth-event-banner__button-label,
.auth-event-banner__button-icon {
  position: relative;
  z-index: 1;
}

.auth-event-banner__media,
.auth-event-banner__media-secondary {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  min-height: 178px;
  pointer-events: auto;
  cursor: default;
  overflow: hidden;
}

.auth-event-banner__media {
  
  left: 583px;
  width: calc((100% - 583px) / 2);
  background-color: var(--auth-event-banner-tone, transparent);
  
  background-image: var(--auth-event-banner-media-url, none);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.auth-event-banner__media-secondary {
  left: calc(583px + ((100% - 583px) / 2));
  right: 0;
  background:
    var(--auth-event-banner-media-secondary-url, none)
    center center / cover no-repeat;
}

.auth-event-banner__media-secondary img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.auth-event-banner__media[data-homepage-link] {
  transform-origin: center;
  transition: none;
}

.auth-event-banner__media[data-homepage-link]:hover,
.auth-event-banner__media[data-homepage-link]:focus-visible {
  transform: none;
  box-shadow: none;
}

@media (max-width: 920px) {
  .auth-event-banner {
    padding-top: 8px;
    padding-bottom: 10px;
    background-image: none !important;
    background-size: auto !important;
    background-position: center !important;
  }

  .auth-event-banner__card {
    min-height: 166px;
  }

  .auth-event-banner__copy {
    width: 100%;
  }

  .auth-event-banner__title {
    left: 18px;
    width: calc(100% - 36px);
    font-size: 22px;
  }

  .auth-event-banner__button {
    left: 50%;
    top: 106px;
    transform: translateX(-50%);
  }

  .auth-event-banner__media,
  .auth-event-banner__media-secondary {
    display: none;
    min-height: 166px;
  }
}

@media (max-width: 520px) {
  .auth-event-banner {
    width: var(--homepage-shell-width, calc(100% - 32px));
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .auth-event-banner__card {
    min-height: 152px;
    border-radius: 22px;
    cursor: pointer;
  }

  .auth-event-banner__media,
  .auth-event-banner__media-secondary {
    cursor: pointer;
    min-height: 152px;
  }

  .auth-event-banner__title {
    top: 12px;
    min-height: 62px;
    font-size: 18px;
  }

  .auth-event-banner__button {
    top: 84px;
    width: 168px;
    height: 40px;
  }
}



/*! [bundle] /styles/components/explore-by-scenario.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.explore-scenarios {
  --explore-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --explore-shell-inset: var(--homepage-shell-inset, 6px);
  -webkit-user-select: none;
  user-select: none;
}

.explore-scenarios__inner {
  width: var(--explore-shell-width);
  margin-inline: auto;
  padding-inline: var(--explore-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

@media (min-width: 721px) and (max-width: 1439px) {
  .explore-scenarios {
    --explore-shell-width: min(1410px, calc(100% - 30px));
    --explore-shell-inset: 0px;
  }
}

@media (max-width: 720px) {
  .explore-scenarios {
    --explore-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --explore-shell-inset: 0px;
  }
}

.explore-scenarios__top {
  width: 100%;
  display: grid;
  grid-template-columns: 402px minmax(0, 1fr);
  align-items: start;
  column-gap: 24px;
  min-width: 0;
}

.explore-scenarios__copy {
  width: 402px;
  max-width: 402px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 47px;
}

.explore-scenarios__copy-stack {
  width: 402px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
}

.explore-scenarios__eyebrow-row {
  width: 402px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.explore-scenarios__badge {
  width: 120px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 5px;
  border-radius: 999px;
  background: var(--color-cream);
  outline: 1px solid var(--color-forest);
  outline-offset: -1px;
  color: var(--color-forest-dark, #2D4F48);
  font-family: var(--font-body);
  font-size: 11.6px;
  font-weight: 700;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  line-height: 1;
  box-sizing: border-box;
}

.explore-scenarios__meta {
  margin: 0;
  width: 272px;
  min-height: 16px;
  display: flex;
  align-items: center;
  color: #232030;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 14px;
}

.explore-scenarios__title {
  margin: 0;
  width: 402px;
  height: 50px;
  display: flex;
  align-items: center;
  color: #232030;
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.05;
}

.explore-scenarios__body {
  margin: 0;
  width: 402px;
  min-height: 80px;
  max-width: 402px;
  color: #232030;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 27.2px;
}

.explore-scenarios__cta {
  position: relative;
  align-self: flex-start;
  width: fit-content;
  min-height: 54px;
  display: inline-grid;
  grid-template-columns: max-content 22px;
  align-items: center;
  justify-content: center;
  column-gap: 16px;
  padding: 17px 22px;
  box-sizing: border-box;
  border: 0;
  border-radius: 999px;
  background: #f8f1eb;
  outline: 3px solid #232030;
  outline-offset: -3px;
  color: #232030;
  text-decoration: none;
  isolation: isolate;
  backface-visibility: hidden;
  box-shadow: 0 20px 60px rgba(35, 32, 48, 0);
  cursor: pointer;
  transition: box-shadow 180ms ease, background-color 180ms ease;
}

.explore-scenarios__cta-label {
  position: relative;
  z-index: 1;
  display: block;
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
}

.explore-scenarios__cta-label--short {
  display: none;
}

.explore-scenarios__cta-icon {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 16px;
  display: block;
  justify-self: start;
  object-fit: contain;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.explore-scenarios__cta:hover,
.explore-scenarios__cta:focus-visible {
  box-shadow: var(--shadow-card);
}

.explore-scenarios__cta:hover .explore-scenarios__cta-icon,
.explore-scenarios__cta:focus-visible .explore-scenarios__cta-icon {
  transform: translate3d(4px, 0, 0);
}

.explore-scenarios__hero-card,
.explore-scenarios__mini-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: var(--color-cream);
  box-shadow: none;
  transition: box-shadow 180ms ease;
}

.explore-scenarios__hero-card {
  width: min(100%, 670px);
  max-width: 670px;
  height: auto;
  aspect-ratio: 670 / 327;
  min-width: 0;
  justify-self: end;
  margin-left: 0;
  cursor: default;
}

.explore-scenarios__hero-card--is-link {
  cursor: pointer;
}

.explore-scenarios__hero-card--is-link:focus-visible {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.explore-scenarios__media-slot {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #ece8e1 0%, #d8d3ca 100%);
}

.explore-scenarios__media-slot img {
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  transform: none;
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
}

.explore-scenarios__media-slot::after {
  content: none;
}

.explore-scenarios__hero-pill {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
  height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--color-cream);
  outline: 1px solid var(--color-forest);
  outline-offset: -1px;
  color: var(--color-forest-dark, #2D4F48);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  display: none;
}

.explore-scenarios__hero-overlay {
  position: absolute;
  inset: auto 0 0;
  height: 123px;
  background: linear-gradient(180deg, rgba(35, 32, 48, 0.03) 0%, #232030 100%);
}

.explore-scenarios__hero-copy {
  position: absolute;
  left: 15px;
  right: 80px;
  bottom: 15px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.explore-scenarios__hero-title {
  margin: 0;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.explore-scenarios__hero-kicker {
  margin: 0;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.explore-scenarios__play {
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 2;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
  pointer-events: none;
  display: none;
}

.explore-scenarios__hero-card--has-badge .explore-scenarios__hero-pill {
  display: inline-flex;
}

.explore-scenarios__hero-card--has-video .explore-scenarios__play {
  display: inline-flex;
}

.explore-scenarios__grid {
  display: grid;
  width: 100%;
  
  grid-template-columns: repeat(var(--explore-cols, 4), minmax(0, 1fr));
  gap: 20px;
  justify-content: start;
  min-width: 0;
}

.explore-scenarios__mini-card {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  min-width: 0;
  outline: 0;
  cursor: pointer;
}

.explore-scenarios__mini-card:hover,
.explore-scenarios__mini-card:focus-visible {
  box-shadow: var(--shadow-card);
}

.explore-scenarios__mini-card:hover .explore-scenarios__media-slot img,
.explore-scenarios__mini-card:focus-visible .explore-scenarios__media-slot img {
  transform: scale(1.04);
}

.explore-scenarios__hero-card--is-link:hover .explore-scenarios__media-slot img,
.explore-scenarios__hero-card--is-link:focus-visible .explore-scenarios__media-slot img {
  transform: scale(1.04);
}

.explore-scenarios__mini-overlay {
  position: absolute;
  inset: auto 0 0;
  height: 112px;
  background: linear-gradient(180deg, rgba(35, 32, 48, 0.03) 0%, #232030 100%);
}

.explore-scenarios__mini-title {
  position: absolute;
  left: 15px;
  bottom: 15px;
  margin: 0;
  width: min(296px, calc(100% - 30px));
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.18;
}

@media (max-width: 1142px) {
  .explore-scenarios {
    padding-top: 24px;
    padding-bottom: 16px;
  }

  .explore-scenarios__inner {
    gap: 20px;
  }

  .explore-scenarios__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      'eyebrow eyebrow'
      'title cta'
      'hero hero';
    row-gap: 20px;
    column-gap: 20px;
    align-items: center;
  }

  .explore-scenarios__copy,
  .explore-scenarios__copy-stack {
    display: contents;
  }

  .explore-scenarios__eyebrow-row {
    grid-area: eyebrow;
    width: 100%;
    flex-wrap: nowrap;
  }

  .explore-scenarios__meta {
    width: min(492px, calc(100% - 130px));
    min-height: 16px;
    flex: 0 1 auto;
  }

  .explore-scenarios__title {
    grid-area: title;
    width: auto;
    height: auto;
    min-height: 0;
    font-size: 28px;
    line-height: 1.05;
  }

  .explore-scenarios__body {
    display: none;
  }

  .explore-scenarios__hero-card {
    grid-area: hero;
    max-width: none;
    width: 100%;
    height: auto;
    aspect-ratio: 670 / 327;
    justify-self: stretch;
    margin-left: 0;
  }

  .explore-scenarios__cta {
    grid-area: cta;
    align-self: center;
    justify-self: end;
    width: 394px;
    max-width: 394px;
    min-width: 394px;
    padding: 17px 15px;
  }
}

@media (max-width: 820px) {
  .explore-scenarios__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 753px) {
  .explore-scenarios__cta {
    width: 177px;
    max-width: 177px;
    min-width: 177px;
    min-height: 54px;
    padding: 17px 15px;
    justify-self: end;
  }

  .explore-scenarios__cta-label--full {
    display: none;
  }

  .explore-scenarios__cta-label--short {
    display: inline;
  }
}

@media (max-width: 640px) {
  .explore-scenarios {
    padding-top: 18px;
    padding-bottom: 8px;
    padding-inline: 0;
  }

  .explore-scenarios__inner {
    margin-inline: auto;
    row-gap: 16px;
    box-sizing: border-box;
  }

  .explore-scenarios__eyebrow-row {
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
  }

  .explore-scenarios__badge {
    width: 120px;
    min-width: 120px;
  }

  .explore-scenarios__meta {
    width: min(264px, calc(100% - 130px));
    min-height: 18px;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: 1.05;
  }

  .explore-scenarios__top {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      'eyebrow eyebrow'
      'title cta'
      'hero hero';
    row-gap: 10px;
    column-gap: 12px;
    align-items: center;
  }

  .explore-scenarios__title {
    width: auto;
    height: auto;
    font-size: 28px;
    line-height: 1.2;
  }

  .explore-scenarios__hero-card {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 670 / 327;
  }

  .explore-scenarios__hero-pill {
    top: 12px;
    right: 12px;
  }

  .explore-scenarios__hero-overlay {
    height: 88px;
  }

  .explore-scenarios__hero-copy {
    left: 12px;
    right: 68px;
    bottom: 12px;
  }

  .explore-scenarios__hero-title {
    font-size: 16px;
  }

  .explore-scenarios__hero-kicker {
    font-size: 12px;
  }

  .explore-scenarios__play {
    right: 12px;
    bottom: 12px;
  }

  .explore-scenarios__grid {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .explore-scenarios__mini-overlay {
    height: 72px;
  }

  .explore-scenarios__mini-title {
    left: 12px;
    bottom: 12px;
    font-size: 14px;
  }

  .explore-scenarios__cta {
    width: 177px;
    max-width: 177px;
    min-width: 177px;
    min-height: 54px;
    padding: 17px 15px;
    justify-self: end;
  }

  .explore-scenarios__cta-label--full {
    display: none;
  }

  .explore-scenarios__cta-label--short {
    display: inline;
  }
}



/*! [bundle] /styles/components/similar-interests.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.similar-interests {
  --similar-interests-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --similar-interests-shell-inset: var(--homepage-shell-inset, 6px);
  --similar-interests-inline-offset: 5px;
  --similar-interests-safe-buffer: 15px;
  padding-top: 24px;
  padding-bottom: 24px;
  -webkit-user-select: none;
  user-select: none;
}

.similar-interests__inner {
  width: var(--similar-interests-shell-width);
  margin-inline: auto;
  padding-inline: var(--similar-interests-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (min-width: 721px) and (max-width: 1439px) {
  .similar-interests {
    --similar-interests-shell-width: min(1410px, calc(100% - 30px));
    --similar-interests-shell-inset: 0px;
  }
}

@media (max-width: 720px) {
  .similar-interests {
    --similar-interests-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --similar-interests-shell-inset: 0px;
    --similar-interests-safe-buffer: 16px;
  }
}

.similar-interests__title {
  margin: 0;
  padding-top: 5px;
  position: relative;
  left: var(--similar-interests-inline-offset);
  color: #232030;
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0;
  user-select: none;
}

.similar-interests__track {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  overflow: visible;
  width: 100%;
  padding-inline: 0;
  box-sizing: border-box;
}

.similar-interest-card {
  position: relative;
  z-index: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #f8f1eb;
  border-radius: 30px;
  box-shadow: none;
  overflow: hidden;
  contain: layout;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: box-shadow;
  transition: box-shadow 180ms ease, z-index 0ms linear 0ms;
  cursor: pointer;
}

@media (hover: hover) {
  .similar-interest-card:hover,
  .similar-interest-card:focus-within {
    z-index: 3;
    box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  }
}

.similar-interest-card__media {
  width: calc(100% - 14px);
  margin: 7px 7px 0;
  aspect-ratio: 326 / 394;
  flex: 0 0 auto;
  border-radius: 27px;
  overflow: hidden;
  contain: paint;
  transform: translateZ(0);
  backface-visibility: hidden;
  background:
    radial-gradient(circle at 18% 16%, rgba(241, 100, 30, 0.12) 0%, rgba(241, 100, 30, 0) 50%),
    linear-gradient(160deg, #efe9e2 0%, #f7f3ee 100%);
}

.similar-interest-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateZ(0) scale(1);
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
  .similar-interest-card:hover .similar-interest-card__media img,
  .similar-interest-card:focus-visible .similar-interest-card__media img {
    transform: translateZ(0) scale(1.04);
  }
}

.similar-interest-card__copy {
  flex: 0 0 auto;
  min-height: 86px;
  margin: 0;
  padding: 14px 18px 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  justify-content: flex-start;
  text-align: center;
}

.similar-interest-card__title {
  margin: 0;
  max-width: 100%;
  color: #232030;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.similar-interest-card__subtitle {
  margin: 0;
  max-width: 100%;
  color: #232030;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1142px) {
  .similar-interests__inner {
    padding-inline: var(--similar-interests-shell-inset);
  }
}

@media (max-width: 1030px) {
  .similar-interests__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - (2 * var(--similar-interests-safe-buffer))) / 3.2);
    grid-template-columns: none;
    gap: 0;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    scroll-snap-type: none;
    scroll-padding-inline: var(--similar-interests-safe-buffer);
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: calc(100% + (2 * var(--similar-interests-safe-buffer)));
    padding-left: var(--similar-interests-safe-buffer);
    padding-right: var(--similar-interests-safe-buffer);
    margin-left: calc(-1 * var(--similar-interests-safe-buffer));
    margin-right: calc(-1 * var(--similar-interests-safe-buffer));
    padding-top: 6px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }

  .similar-interests__track::-webkit-scrollbar {
    display: none;
  }

  .similar-interest-card {
    scroll-snap-align: start;
  }
}

@media (max-width: 767px) {
  .similar-interests {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .similar-interests__inner {
    gap: 15px;
  }

  .similar-interests__title {
    left: var(--similar-interests-inline-offset);
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0;
  }

  .similar-interests__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100vw - 16px) / 2.2);
    grid-template-columns: none;
    gap: 0;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    scroll-snap-type: none;
    scroll-padding-inline: var(--similar-interests-safe-buffer);
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: calc(100% + var(--similar-interests-safe-buffer) + 16px);
    padding-left: var(--similar-interests-safe-buffer);
    padding-right: var(--similar-interests-safe-buffer);
    margin-left: calc(-1 * var(--similar-interests-safe-buffer));
    margin-right: calc(-1 * var(--similar-interests-safe-buffer));
    padding-top: 6px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }

  .similar-interests__track::-webkit-scrollbar {
    display: none;
  }

  .similar-interest-card {
    scroll-snap-align: start;
  }

  .similar-interest-card__media {
    width: calc(100% - 14px);
    aspect-ratio: 326 / 394;
    margin: 7px 7px 0;
  }

  .similar-interest-card__copy {
    min-height: 82px;
    padding: 14px 18px 14px;
    gap: 4px;
  }

  .similar-interest-card__title {
    font-size: 16px;
    line-height: 1.15;
  }

  .similar-interest-card__subtitle {
    font-size: 11px;
  }
}



/*! [bundle] /styles/components/winter-best-products.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.winter-best-products {
  --winter-best-products-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --winter-best-products-shell-inset: var(--homepage-shell-inset, 6px);
  --winter-best-products-inline-offset: 5px;
  --winter-best-products-safe-buffer: 15px;
  padding-top: 24px;
  padding-bottom: 24px;
  -webkit-user-select: none;
  user-select: none;
}

.winter-best-products__inner {
  width: var(--winter-best-products-shell-width);
  margin-inline: auto;
  padding-inline: var(--winter-best-products-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (min-width: 721px) and (max-width: 1439px) {
  .winter-best-products {
    --winter-best-products-shell-width: min(1410px, calc(100% - 30px));
    --winter-best-products-shell-inset: 0px;
  }
}

@media (max-width: 720px) {
  .winter-best-products {
    --winter-best-products-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --winter-best-products-shell-inset: 0px;
    --winter-best-products-safe-buffer: 16px;
  }
}

.winter-best-products__title {
  margin: 0;
  padding-top: 5px;
  position: relative;
  left: var(--winter-best-products-inline-offset);
  color: #232030;
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0;
  user-select: none;
}

.winter-best-products__track {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  overflow: visible;
  width: 100%;
  padding-inline: 0;
  box-sizing: border-box;
}

.winter-best-product-card {
  position: relative;
  z-index: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #f8f1eb;
  border-radius: 30px;
  box-shadow: none;
  overflow: visible;
  isolation: isolate;
  contain: layout;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: z-index 0ms linear 0ms;
  cursor: pointer;
}

.winter-best-product-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

@media (hover: hover) {
  .winter-best-product-card:hover,
  .winter-best-product-card:focus-within {
    z-index: 3;
  }

  .winter-best-product-card:hover::after,
  .winter-best-product-card:focus-within::after {
    opacity: 1;
  }
}

.winter-best-product-card__media {
  position: relative;
  z-index: 1;
  width: calc(100% - 14px);
  margin: 7px 7px 0;
  aspect-ratio: 1 / 1;
  flex: 0 0 auto;
  border-radius: 27px;
  overflow: hidden;
  contain: paint;
  transform: translateZ(0);
  backface-visibility: hidden;
  background:
    radial-gradient(circle at 18% 16%, rgba(241, 100, 30, 0.12) 0%, rgba(241, 100, 30, 0) 50%),
    linear-gradient(160deg, #efe9e2 0%, #f7f3ee 100%);
}

.winter-best-product-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateZ(0) scale(1);
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
  .winter-best-product-card:hover .winter-best-product-card__media img,
  .winter-best-product-card:focus-visible .winter-best-product-card__media img {
    transform: translateZ(0) scale(1.04);
  }
}

.winter-best-product-card__copy {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  min-height: 57px;
  margin: 0;
  padding: 10px 13px 13px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.winter-best-product-card__title {
  margin: 0;
  max-width: 100%;
  color: #232030;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1142px) {
  .winter-best-products__inner {
    padding-inline: var(--winter-best-products-shell-inset);
  }
}

@media (max-width: 1030px) {
  .winter-best-products__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - (2 * var(--winter-best-products-safe-buffer))) / 3.2);
    grid-template-columns: none;
    gap: 0;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    scroll-snap-type: none;
    scroll-padding-inline: var(--winter-best-products-safe-buffer);
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: calc(100% + (2 * var(--winter-best-products-safe-buffer)));
    padding-left: var(--winter-best-products-safe-buffer);
    padding-right: var(--winter-best-products-safe-buffer);
    margin-left: calc(-1 * var(--winter-best-products-safe-buffer));
    margin-right: calc(-1 * var(--winter-best-products-safe-buffer));
    padding-top: 6px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }

  .winter-best-products__track::-webkit-scrollbar {
    display: none;
  }

  .winter-best-product-card {
    scroll-snap-align: start;
  }
}

@media (max-width: 767px) {
  .winter-best-products {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .winter-best-products__inner {
    gap: 15px;
  }

  .winter-best-products__title {
    left: var(--winter-best-products-inline-offset);
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0;
  }

  .winter-best-products__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100vw - 16px) / 2.2);
    grid-template-columns: none;
    gap: 0;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    scroll-snap-type: none;
    scroll-padding-inline: var(--winter-best-products-safe-buffer);
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: calc(100% + var(--winter-best-products-safe-buffer) + 16px);
    padding-left: var(--winter-best-products-safe-buffer);
    padding-right: var(--winter-best-products-safe-buffer);
    margin-left: calc(-1 * var(--winter-best-products-safe-buffer));
    margin-right: calc(-1 * var(--winter-best-products-safe-buffer));
    padding-top: 6px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }

  .winter-best-products__track::-webkit-scrollbar {
    display: none;
  }

  .winter-best-product-card {
    scroll-snap-align: start;
  }
}



/*! [bundle] /styles/components/christmas-special-gifts.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.christmas-special-gifts {
  --christmas-special-gifts-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --christmas-special-gifts-shell-inset: var(--homepage-shell-inset, 6px);
  --christmas-special-gifts-safe-buffer: 15px;
  padding-block: 24px;
  -webkit-user-select: none;
  user-select: none;
}

.christmas-special-gifts__inner {
  width: var(--christmas-special-gifts-shell-width);
  margin-inline: auto;
  padding-inline: var(--christmas-special-gifts-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.christmas-special-gifts__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
}

.christmas-special-gifts__intro {
  width: 380px;
  flex: 0 0 380px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 21px;
}

.christmas-special-gifts__title-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 39px;
}

.christmas-special-gifts__title {
  width: 100%;
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  user-select: none;
}

.christmas-special-gifts__eyebrow {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
  user-select: none;
}

.christmas-special-gifts__cta {
  position: relative;
  width: fit-content;
  min-height: 54px;
  padding: 17px 22px;
  box-sizing: border-box;
  display: inline-grid;
  grid-template-columns: max-content 22px;
  align-items: center;
  justify-content: center;
  column-gap: 16px;
  border-radius: 999px;
  background: #f8f1eb;
  border: 0;
  outline: 3px solid #232030;
  outline-offset: -3px;
  color: #232030;
  text-decoration: none;
  isolation: isolate;
  backface-visibility: hidden;
  box-shadow: 0 20px 60px rgba(35, 32, 48, 0);
  transition: box-shadow 180ms ease, background-color 180ms ease;
}

.christmas-special-gifts__cta-label {
  position: relative;
  z-index: 1;
  display: block;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
}

.christmas-special-gifts__cta-label--short {
  display: none;
}

.christmas-special-gifts__cta-icon {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 16px;
  display: block;
  flex: 0 0 auto;
  justify-self: start;
  object-fit: contain;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.christmas-special-gifts__cta:hover,
.christmas-special-gifts__cta:focus-visible {
  box-shadow: var(--shadow-card);
}

.christmas-special-gifts__cta:hover .christmas-special-gifts__cta-icon,
.christmas-special-gifts__cta:focus-visible .christmas-special-gifts__cta-icon {
  transform: translate3d(4px, 0, 0);
}

.christmas-special-gifts__feature-track {
  width: min(964px, 100%);
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  justify-content: flex-end;
  overflow: visible;
}

.christmas-special-feature-card {
  position: relative;
  min-width: 0;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 30px;
  overflow: visible;
  background:
    radial-gradient(ellipse 149.4% 192.66% at 10% 20%, rgba(241, 100, 30, 0.12) 0%, rgba(241, 100, 30, 0) 60%),
    linear-gradient(165deg, #efe9e2 0%, #f7f3ee 100%);
  box-shadow: none;
  isolation: isolate;
  contain: layout;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: border-color 180ms ease, z-index 0ms linear 0ms;
  z-index: 0;
}

.christmas-special-feature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  border-radius: inherit;
  box-shadow: var(--shadow-card);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.christmas-special-feature-card__media {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  overflow: hidden;
  contain: paint;
  transform: translateZ(0);
  backface-visibility: hidden;
  background:
    radial-gradient(ellipse 149.4% 192.66% at 10% 20%, rgba(241, 100, 30, 0.12) 0%, rgba(241, 100, 30, 0) 60%),
    linear-gradient(165deg, #efe9e2 0%, #f7f3ee 100%);
}

.christmas-special-feature-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateZ(0) scale(1);
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
  .christmas-special-feature-card:hover,
  .christmas-special-feature-card:focus-within {
    z-index: 2;
  }

  .christmas-special-feature-card:hover::after,
  .christmas-special-feature-card:focus-within::after {
    opacity: 1;
  }
}

.christmas-special-feature-card__gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 119px;
  border-radius: 0 0 30px 30px;
  background: linear-gradient(180deg, rgba(35, 32, 48, 0.03) 0%, #232030 100%);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
}

.christmas-special-feature-card { cursor: pointer; }
.christmas-special-feature-card:hover .christmas-special-feature-card__image {
  transform: translateZ(0) scale(1.04);
}

.christmas-special-feature-card__title {
  position: absolute;
  z-index: 3;
  left: 15px;
  right: 15px;
  bottom: 21px;
  margin: 0;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.24;
  overflow-wrap: anywhere;
  user-select: none;
}

.christmas-special-gifts__product-track {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 22px;
  width: 100%;
  overflow: visible;
  padding-inline: 0;
  box-sizing: border-box;
}

.christmas-special-product-card {
  --christmas-special-product-card-bg: #dbe6dd;
  --christmas-special-product-card-border: rgba(35, 32, 48, 0.12);
  position: relative;
  z-index: 0;
  min-width: 0;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: var(--christmas-special-product-card-bg);
  border: 1px solid var(--christmas-special-product-card-border);
  border-radius: 20px;
  overflow: visible;
  box-shadow: none;
  isolation: isolate;
  contain: layout;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: z-index 0ms linear 0ms;
  scroll-snap-align: start;
  cursor: pointer;
}

.christmas-special-product-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.christmas-special-product-card:nth-child(2) {
  --christmas-special-product-card-bg: #ece2d2;
}

.christmas-special-product-card:nth-child(3) {
  --christmas-special-product-card-bg: #d9e3ef;
}

.christmas-special-product-card:nth-child(4) {
  --christmas-special-product-card-bg: #eadbd7;
}

.christmas-special-product-card:nth-child(5) {
  --christmas-special-product-card-bg: #e8e1c9;
}

.christmas-special-product-card:hover,
.christmas-special-product-card:has(:focus-visible),
.christmas-special-product-card.is-actions-open {
  border-color: transparent;
  z-index: 3;
}

.christmas-special-product-card:hover::after,
.christmas-special-product-card:has(:focus-visible)::after,
.christmas-special-product-card.is-actions-open::after {
  opacity: 1;
}

.christmas-special-product-card__media {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  overflow: hidden;
  contain: paint;
  transform: translateZ(0);
  backface-visibility: hidden;
  background: var(--christmas-special-product-card-bg);
}

.christmas-special-feature-card__image {
  transition: transform 0.24s ease;
}

.christmas-special-product-card__image {
  display: none !important;
}

.christmas-special-product-card__price {
  position: absolute;
  z-index: 2;
  left: 6px;
  bottom: 6px;
  max-width: calc(100% - 12px);
  padding: 0 10px 0 8px;
  background: var(--color-cream);
  overflow: hidden;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.christmas-special-product-card__currency {
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 0 0 auto;
  color: #232030;
  font-family: var(--font-price, var(--font-body));
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.christmas-special-product-card__values {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.christmas-special-product-card__price-new,
.christmas-special-product-card__price-old {
  display: inline;
  color: #232030;
  font-family: var(--font-price, var(--font-display));
  font-size: 14px;
  line-height: normal;
  white-space: nowrap;
}

.christmas-special-product-card__price-new {
  font-weight: 700;
}

.christmas-special-product-card__price-old {
  margin-left: 0;
  font-weight: 400;
  text-decoration: line-through;
}

.christmas-special-product-card__hover-actions {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  width: auto;
  max-width: none;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 0, 0) scale(1);
  backface-visibility: hidden;
  transition: opacity 0.18s ease;
  z-index: 4;
}

.christmas-special-product-card:hover .christmas-special-product-card__hover-actions,
.christmas-special-product-card:has(:focus-visible) .christmas-special-product-card__hover-actions,
.christmas-special-product-card.is-actions-open .christmas-special-product-card__hover-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
}

.christmas-special-product-card__hover-board,
.christmas-special-product-card__hover-save {
  height: 38px;
  border: 0;
  border-radius: 999px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0;
  overflow: visible;
  cursor: pointer;
  font-family: var(--font-body);
  line-height: 1;
  white-space: nowrap;
  background: transparent;
  isolation: isolate;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.christmas-special-product-card__hover-board::before,
.christmas-special-product-card__hover-save::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  transform: translateZ(0) scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
}

.christmas-special-product-card__hover-board:hover::before,
.christmas-special-product-card__hover-board:focus-visible::before,
.christmas-special-product-card__hover-save:hover::before,
.christmas-special-product-card__hover-save:focus-visible::before {
  transform: translateZ(0) scale(1.035);
}

.christmas-special-product-card__hover-board {
  min-width: 0;
  max-width: none;
  color: #232030;
  justify-content: space-between;
  padding: 6px 12px;
  flex: 1 1 0;
}

.christmas-special-product-card__hover-board::before {
  background: #eee5da;
}

.christmas-special-product-card__hover-board-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
  flex: 1 1 auto;
}

.christmas-special-product-card__hover-board img {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  display: block;
  object-fit: contain;
}

.christmas-special-product-card__hover-save {
  min-width: max-content;
  width: auto;
  color: var(--color-cream);
  gap: 0;
  padding: 6px 14px;
  flex: 0 0 auto;
}

.christmas-special-product-card__hover-save::before {
  background: #3f6a60;
}

.christmas-special-product-card__hover-save-label {
  font-size: 13px;
  font-weight: 600;
}

.christmas-special-product-card__hover-save img {
  display: none !important;
}

@media (min-width: 721px) and (max-width: 1439px) {
  .christmas-special-gifts {
    --christmas-special-gifts-shell-width: min(1410px, calc(100% - 30px));
    --christmas-special-gifts-shell-inset: 0px;
  }
}

@media (max-width: 1142px) {
  .christmas-special-gifts__top {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .christmas-special-gifts__intro {
    width: 100%;
    flex: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .christmas-special-gifts__title-group {
    gap: 10px;
    flex: 1 1 auto;
  }

  .christmas-special-gifts__eyebrow {
    display: none;
  }

  .christmas-special-gifts__feature-track {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    overflow: visible;
    box-sizing: border-box;
  }
}

@media (max-width: 1030px) {
  .christmas-special-gifts__product-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - (2 * var(--christmas-special-gifts-safe-buffer))) / 3.2);
    grid-template-columns: none;
    gap: 22px;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    scroll-snap-type: none;
    scroll-padding-inline: var(--christmas-special-gifts-safe-buffer);
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: calc(100% + (2 * var(--christmas-special-gifts-safe-buffer)));
    padding-left: var(--christmas-special-gifts-safe-buffer);
    padding-right: var(--christmas-special-gifts-safe-buffer);
    margin-left: calc(-1 * var(--christmas-special-gifts-safe-buffer));
    margin-right: calc(-1 * var(--christmas-special-gifts-safe-buffer));
    padding-top: 6px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }

  .christmas-special-gifts__product-track::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 753px) {
  .christmas-special-gifts__cta {
    width: 177px;
    padding: 17px 15px;
  }

  .christmas-special-gifts__cta-label--long {
    display: none;
  }

  .christmas-special-gifts__cta-label--short {
    display: inline;
  }
}

@media (max-width: 720px) {
  .christmas-special-gifts {
    --christmas-special-gifts-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --christmas-special-gifts-shell-inset: 0px;
    --christmas-special-gifts-safe-buffer: 10px;
    padding-block: 20px;
  }

  .christmas-special-gifts__product-track {
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    scroll-padding-inline: 0;
  }
}

@media (max-width: 560px) {
  .christmas-special-gifts__intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .christmas-special-gifts__title {
    font-size: 24px;
  }

  .christmas-special-gifts__feature-track {
    gap: 16px;
  }

  .christmas-special-product-card__price {
    max-width: calc(100% - 12px);
    padding-right: 8px;
  }

  .christmas-special-product-card__price-old {
    display: none;
  }
}

@media (max-width: 767px) {
  .christmas-special-gifts__feature-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .christmas-special-gifts__feature-track .christmas-special-feature-card:nth-child(3) {
    display: none;
  }

  .christmas-special-gifts__product-track {
    grid-auto-columns: calc((100% - (2 * var(--christmas-special-gifts-safe-buffer))) / 2.5);
    gap: 16px;
  }
}



/*! [bundle] /styles/components/special-illustrations.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.special-illustrations {
  --special-illustrations-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --special-illustrations-shell-inset: var(--homepage-shell-inset, 6px);
  padding-block: 24px;
  -webkit-user-select: none;
  user-select: none;
}

.special-illustrations__inner {
  width: var(--special-illustrations-shell-width);
  margin-inline: auto;
  padding-inline: var(--special-illustrations-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.special-illustrations__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
}

.special-illustrations__intro {
  width: 454px;
  flex: 0 0 454px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 21px;
}

.special-illustrations__title-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 39px;
}

.special-illustrations__title {
  width: 100%;
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}

.special-illustrations__eyebrow {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
}

.special-illustrations__cta {
  position: relative;
  z-index: 0;
  width: fit-content;
  min-height: 54px;
  padding: 17px 22px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border-radius: 999px;
  background: #f8f1eb;
  border: 0;
  outline: 3px solid #232030;
  outline-offset: -3px;
  color: #232030;
  text-decoration: none;
  isolation: isolate;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: none;
}

.special-illustrations__cta::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: var(--shadow-card);
  opacity: 0;
  transition: opacity 180ms ease;
  z-index: -1;
}

.special-illustrations__cta:hover,
.special-illustrations__cta:focus-visible {
  box-shadow: none;
}

.special-illustrations__cta:hover::after,
.special-illustrations__cta:focus-visible::after {
  opacity: 0;
}

.special-illustrations__cta-label {
  position: relative;
  z-index: 1;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
}

.special-illustrations__cta-label--short {
  display: none;
}

.special-illustrations__cta-icon {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 16px;
  display: block;
  flex: 0 0 auto;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
  object-fit: contain;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.special-illustrations__cta:hover .special-illustrations__cta-icon,
.special-illustrations__cta:focus-visible .special-illustrations__cta-icon {
  transform: translate3d(4px, 0, 0);
}

.special-illustrations__feature-track {
  width: min(886px, 100%);
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  justify-content: flex-end;
  overflow: visible;
}

.special-illustration-feature-card,
.special-illustration-card {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: visible;
  background:
    radial-gradient(ellipse 149.4% 192.66% at 10% 20%, rgba(241, 100, 30, 0.12) 0%, rgba(241, 100, 30, 0) 60%),
    linear-gradient(165deg, #efe9e2 0%, #f7f3ee 100%);
  box-shadow: none;
  isolation: isolate;
  contain: layout;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: z-index 0ms linear 0ms;
  z-index: 0;
  cursor: pointer;
}

.special-illustration-feature-card {
  border-radius: 20px;
}

.special-illustration-card {
  border-radius: 20px;
}

.special-illustration-feature-card::after,
.special-illustration-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: none;
  opacity: 0;
  transition: opacity 180ms ease;
  z-index: 4;
}

@media (hover: hover) {
  .special-illustration-feature-card:hover,
  .special-illustration-feature-card:focus-within,
  .special-illustration-card:hover,
  .special-illustration-card:focus-within {
    z-index: 2;
    box-shadow: none;
    outline: 0;
  }

  .special-illustration-feature-card:hover::after,
  .special-illustration-feature-card:focus-within::after,
  .special-illustration-card:hover::after,
  .special-illustration-card:focus-within::after {
    opacity: 1;
  }
}

.special-illustration-feature-card__media,
.special-illustration-card__media {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  contain: paint;
  transform: translateZ(0);
  backface-visibility: hidden;
  background:
    radial-gradient(circle at 28% 24%, rgba(241, 100, 30, 0.16) 0%, rgba(241, 100, 30, 0) 38%),
    linear-gradient(165deg, #efe9e2 0%, #f7f3ee 100%);
  z-index: 1;
}

.special-illustration-feature-card__media img,
.special-illustration-card__media img {
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
  .special-illustration-feature-card:hover .special-illustration-feature-card__media img,
  .special-illustration-feature-card:focus-visible .special-illustration-feature-card__media img,
  .special-illustration-card:hover .special-illustration-card__media img,
  .special-illustration-card:focus-visible .special-illustration-card__media img {
    transform: translateZ(0) scale(1.04);
  }
}

.special-illustration-feature-card__gradient,
.special-illustration-card__gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(180deg, rgba(35, 32, 48, 0.03) 0%, #232030 100%);
  z-index: 2;
}

.special-illustration-feature-card__gradient {
  height: 119px;
}

.special-illustration-card__gradient {
  height: 112px;
}

.special-illustration-feature-card__title,
.special-illustration-card__title {
  position: absolute;
  left: 15px;
  right: 15px;
  margin: 0;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  overflow-wrap: anywhere;
  z-index: 3;
}

.special-illustration-feature-card__title {
  bottom: 21px;
}

.special-illustration-card__title {
  bottom: 22px;
}

.special-illustrations__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
}

@media (min-width: 721px) and (max-width: 1439px) {
  .special-illustrations {
    --special-illustrations-shell-width: min(1410px, calc(100% - 30px));
    --special-illustrations-shell-inset: 0px;
  }
}

@media (max-width: 1142px) {
  .special-illustrations__title {
    font-size: 24px;
  }

  .special-illustrations__top {
    flex-direction: column;
    gap: 20px;
  }

  .special-illustrations__intro {
    width: 100%;
    flex: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .special-illustrations__title-group {
    gap: 10px;
    flex: 1 1 auto;
  }

  .special-illustrations__eyebrow {
    display: none;
  }

  .special-illustrations__feature-track {
    width: 100%;
  }
}

@media (max-width: 753px) {
  .special-illustrations__cta {
    width: 177px;
    padding: 17px 15px;
  }

  .special-illustrations__cta-label--long {
    display: none;
  }

  .special-illustrations__cta-label--short {
    display: inline;
  }
}

@media (max-width: 720px) {
  .special-illustrations {
    --special-illustrations-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --special-illustrations-shell-inset: 0px;
    padding-block: 20px;
  }
}

@media (max-width: 560px) {
  .special-illustrations__intro {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .special-illustrations__feature-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .special-illustrations__feature-track .special-illustration-feature-card:nth-child(3) {
    display: none;
  }

  .special-illustrations__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .special-illustration-feature-card__title,
  .special-illustration-card__title {
    font-size: 16px;
  }
}



/*! [bundle] /styles/components/special-people-gifts.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.special-people-gifts {
  --special-people-gifts-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --special-people-gifts-shell-inset: var(--homepage-shell-inset, 6px);
  --special-people-gifts-inline-offset: 5px;
  --special-people-gifts-safe-buffer: 10px;
  padding-top: 24px;
  padding-bottom: 24px;
  -webkit-user-select: none;
  user-select: none;
}

.special-people-gifts__inner {
  width: var(--special-people-gifts-shell-width);
  margin-inline: auto;
  padding-inline: var(--special-people-gifts-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (min-width: 721px) and (max-width: 1439px) {
  .special-people-gifts {
    --special-people-gifts-shell-width: min(1410px, calc(100% - 30px));
    --special-people-gifts-shell-inset: 0px;
    --special-people-gifts-safe-buffer: 15px;
  }
}

@media (max-width: 720px) {
  .special-people-gifts {
    --special-people-gifts-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --special-people-gifts-shell-inset: 0px;
    --special-people-gifts-safe-buffer: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.special-people-gifts__title {
  margin: 0;
  padding-top: 5px;
  position: relative;
  left: var(--special-people-gifts-inline-offset);
  color: #232030;
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0;
}

.special-people-gifts__track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
  width: 100%;
}

.special-people-gift-card {
  --special-people-card-tint: rgba(231, 239, 247, 0.8);
  --special-people-card-frame-padding: 5px;
  --special-people-card-media-size: 98px;
  position: relative;
  z-index: 0;
  min-height: calc(var(--special-people-card-media-size) + (var(--special-people-card-frame-padding) * 2));
  display: grid;
  grid-template-columns: var(--special-people-card-media-size) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: var(--special-people-card-frame-padding);
  box-sizing: border-box;
  background:
    radial-gradient(circle at 14% 22%, rgba(255, 249, 241, 0.4) 0%, rgba(255, 249, 241, 0) 42%),
    linear-gradient(180deg, rgba(255, 249, 241, 0.3) 0%, rgba(255, 249, 241, 0.1) 100%),
    var(--special-people-card-tint);
  border-radius: 20px;
  box-shadow: none;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: box-shadow 180ms ease;
}

.special-people-gift-card:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media (hover: hover) {
  .special-people-gift-card:hover,
  .special-people-gift-card:focus-within {
    box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  }
}

.special-people-gift-card__media {
  width: 100%;
  height: var(--special-people-card-media-size);
  aspect-ratio: 1 / 1;
  border-radius: 17px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 249, 241, 0.55) 0%, rgba(255, 249, 241, 0) 55%),
    linear-gradient(160deg, #cedeF0 0%, #e7eef6 100%);
}

.special-people-gift-card__copy {
  min-width: 0;
  display: flex;
  align-items: center;
  min-height: 100%;
  padding-right: 10px;
}

.special-people-gift-card__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
}

@media (max-width: 1280px) and (min-width: 721px) {
  .special-people-gifts__track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .special-people-gift-card:nth-child(5) {
    grid-column: 1 / -1;
    width: calc((100% - 20px) / 2);
    justify-self: center;
  }
}

@media (max-width: 720px) {
  .special-people-gifts__inner {
    gap: 15px;
  }

  .special-people-gifts__track {
    grid-template-columns: 1fr;
    gap: 12px;
    overflow: visible;
    width: 100%;
  }

  .special-people-gift-card {
    width: 100%;
  }
}



/*! [bundle] /styles/components/favorite-categories.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.favorite-categories {
  --favorite-categories-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --favorite-categories-shell-inset: var(--homepage-shell-inset, 6px);
  --favorite-categories-inline-offset: 5px;
  padding-top: 24px;
  padding-bottom: 24px;
  -webkit-user-select: none;
  user-select: none;
}

.favorite-categories__inner {
  width: var(--favorite-categories-shell-width);
  margin-inline: auto;
  padding-inline: var(--favorite-categories-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (min-width: 721px) and (max-width: 1439px) {
  .favorite-categories {
    --favorite-categories-shell-width: min(1410px, calc(100% - 30px));
    --favorite-categories-shell-inset: 0px;
  }
}

@media (max-width: 720px) {
  .favorite-categories {
    --favorite-categories-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --favorite-categories-shell-inset: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.favorite-categories__title {
  margin: 0;
  padding-top: 5px;
  position: relative;
  left: var(--favorite-categories-inline-offset);
  color: #232030;
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0;
}

.favorite-categories__track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  align-items: start;
  width: 100%;
}

.favorite-category-card {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #f8f1eb;
  border-radius: 30px;
  box-shadow: none;
  overflow: hidden;
  will-change: box-shadow;
  transition: box-shadow 180ms ease, z-index 0ms linear 0ms;
}

@media (hover: hover) {
  .favorite-category-card:hover,
  .favorite-category-card:focus-within {
    z-index: 3;
    box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  }
}

.favorite-category-card__media {
  width: calc(100% - 14px);
  margin: 7px 7px 0;
  aspect-ratio: 213 / 231;
  border-radius: 27px;
  background:
    radial-gradient(circle at 20% 18%, rgba(241, 100, 30, 0.12) 0%, rgba(241, 100, 30, 0) 50%),
    linear-gradient(160deg, #efe9e2 0%, #f7f3ee 100%);
}

.favorite-category-card__copy {
  min-height: 72px;
  padding: 8px 14px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}

.favorite-category-card__title {
  margin: 0;
  width: 100%;
  color: #232030;
  font-family: var(--font-body);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1280px) and (min-width: 721px) {
  .favorite-categories__track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }
}

@media (max-width: 720px) {
  .favorite-categories__track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }

  .favorite-category-card__copy {
    min-height: 78px;
    padding: 8px 12px 14px;
  }

  .favorite-category-card__title {
    font-size: 15px;
  }
}


.favorite-category-card[data-homepage-link] {
  cursor: pointer;
}



/*! [bundle] /styles/components/editors-picks.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.editors-picks {
  --editors-picks-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --editors-picks-shell-inset: var(--homepage-shell-inset, 6px);
  --editors-picks-safe-buffer: 15px;
  position: relative;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  isolation: isolate;
  overflow: visible;
  padding-top: 54px;
  padding-bottom: 28px;
  -webkit-user-select: none;
  user-select: none;
  background: none;
}

.editors-picks__band {
  
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 333px;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.editors-picks__band-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.editors-picks__band-svg--tablet,
.editors-picks__band-svg--mobile {
  display: none;
}

.editors-picks__inner {
  position: relative;
  z-index: 1;
  width: min(100%, var(--editors-picks-shell-width));
  margin-inline: auto;
  padding-inline: var(--editors-picks-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 15px;
  overflow: visible;
}

.editors-picks__title {
  margin: 0;
  position: relative;
  left: 5px;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.16;
}

.editors-picks__viewport {
  width: 100%;
  overflow: visible;
}

.editors-picks__track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  align-items: start;
}

.editors-picks-card {
  position: relative;
  z-index: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: transparent;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: none;
  will-change: box-shadow;
  transition: background-color 180ms ease, box-shadow 180ms ease, z-index 0ms linear 0ms;
}

@media (hover: hover) {
  .editors-picks-card:hover,
  .editors-picks-card:focus-within {
    z-index: 3;
    background: var(--color-forest);
    box-shadow: none;
  }

  .editors-picks-card:hover .editors-picks-card__title,
  .editors-picks-card:hover .editors-picks-card__meta,
  .editors-picks-card:focus-within .editors-picks-card__title,
  .editors-picks-card:focus-within .editors-picks-card__meta {
    color: var(--color-cream);
  }
}

.editors-picks-card__media {
  position: relative;
  width: calc(100% - 10px);
  margin: 5px 5px 0;
  aspect-ratio: 302 / 358;
  border-radius: 27px;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 18%, rgba(63, 106, 96, 0.1) 0%, rgba(63, 106, 96, 0) 52%),
    linear-gradient(160deg, var(--color-sand-dark) 0%, var(--color-sand) 100%);
}

.editors-picks-card__play,
.editors-picks-card__badge {
  display: none;
}

.editors-picks-card--has-video .editors-picks-card__play {
  display: none;
  place-items: center;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 32px;
  height: 32px;
}

.editors-picks-card__play svg {
  width: 32px;
  height: 32px;
}

.editors-picks-card__play rect {
  fill: rgba(231, 226, 213, 0.78);
}

.editors-picks-card__play path {
  fill: rgba(35, 32, 48, 0.8);
}

.editors-picks-card--has-badge .editors-picks-card__badge {
  display: inline-flex;
  position: absolute;
  top: 10px;
  right: 10px;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 7px 9px;
  box-sizing: border-box;
  border-radius: 999px;
  background: var(--color-cream);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.editors-picks-card__copy {
  min-height: 84px;
  padding: 9px 18px 18px;
  box-sizing: border-box;
  text-align: center;
}

.editors-picks-card__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.editors-picks-card__meta {
  margin: 8px 0 0;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

@media (min-width: 721px) and (max-width: 1439px) {
  .editors-picks {
    --editors-picks-shell-width: min(1410px, calc(100% - 30px));
    --editors-picks-shell-inset: 0px;
  }

  .editors-picks__band {
    height: 327px;
  }

  .editors-picks__band-svg--desktop,
  .editors-picks__band-svg--mobile {
    display: none;
  }

  .editors-picks__band-svg--tablet {
    display: block;
  }
}

@media (max-width: 1280px) {
  .editors-picks__viewport {
    width: calc(100% + (2 * var(--editors-picks-safe-buffer)));
    margin-left: calc(-1 * var(--editors-picks-safe-buffer));
    margin-right: calc(-1 * var(--editors-picks-safe-buffer));
    padding-left: var(--editors-picks-safe-buffer);
    padding-right: var(--editors-picks-safe-buffer);
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    scroll-snap-type: none;
    scroll-padding-inline: var(--editors-picks-safe-buffer);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .editors-picks__viewport::-webkit-scrollbar {
    display: none;
  }

  .editors-picks__track {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(280px, 320px);
    width: max-content;
    overflow: visible;
    padding-top: 6px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }

  .editors-picks-card {
    scroll-snap-align: start;
  }
}

@media (max-width: 720px) {
  .editors-picks {
    --editors-picks-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --editors-picks-shell-inset: 0px;
    --editors-picks-safe-buffer: 16px;
    padding-top: 36px;
    padding-bottom: 20px;
  }

  .editors-picks__band {
    height: clamp(192px, calc(39vw + 42px), 286px);
    transform: translateY(-30px);
  }

  .editors-picks__band-svg--desktop,
  .editors-picks__band-svg--tablet {
    display: none;
  }

  .editors-picks__band-svg--mobile {
    display: block;
  }

  .editors-picks__title {
    font-size: 26px;
    top: 7px;
  }

  .editors-picks__viewport {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: var(--editors-picks-safe-buffer);
    padding-right: var(--editors-picks-safe-buffer);
    scroll-padding-inline: var(--editors-picks-safe-buffer);
  }

  .editors-picks__track {
    gap: 0;
    grid-auto-columns: calc((100vw - 16px) / 2.2);
  }

  .page-main > .favorite-categories + .editors-picks {
    margin-top: 30px;
  }
}


.editors-picks-card[data-homepage-link] {
  cursor: pointer;
}



/*! [bundle] /styles/components/daily-deals.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.daily-deals {
  --daily-deals-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --daily-deals-shell-inset: var(--homepage-shell-inset, 6px);
  --daily-deals-safe-buffer: 15px;
  position: relative;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  isolation: isolate;
  padding-top: 18px;
  padding-bottom: 14px;
  overflow: visible;
  -webkit-user-select: none;
  user-select: none;
}

.daily-deals__band {
  
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 257px;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.daily-deals__band-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.daily-deals__inner {
  position: relative;
  z-index: 1;
  width: min(100%, var(--daily-deals-shell-width));
  margin-inline: auto;
  padding-inline: var(--daily-deals-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 17px;
  overflow: visible;
}

body.page--homepage .daily-deals[data-recently-viewed-auth-only] {
  display: none;
}

body.page--homepage.is-homepage-authenticated .daily-deals[data-recently-viewed-auth-only] {
  display: block;
}

.daily-deals__header {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
}

.daily-deals__title {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 8px;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 28px;
  line-height: 1.15;
}

.daily-deals__title-strong {
  font-weight: 700;
}

.daily-deals__title-light {
  font-weight: 500;
}

.daily-deals__status-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

.daily-deals__countdown {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.daily-deals__clock {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
}

.daily-deals__clock svg {
  width: 100%;
  height: 100%;
  display: block;
}

.daily-deals__clock circle,
.daily-deals__clock line {
  stroke: var(--color-cream);
}

.daily-deals__clock circle {
  fill: none;
  stroke-width: 2.5;
}

.daily-deals__clock-hand {
  stroke-width: 2.5;
  stroke-linecap: round;
  transform-origin: 15px 15px;
}

.daily-deals__clock-hand--hour {
  animation: none;
}

.daily-deals__clock-hand--minute {
  animation: daily-deals-minute-spin 16s linear infinite;
}

.daily-deals__timer {
  margin: 0;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 6px;
}

.daily-deals__bundle {
  min-height: 36px;
  padding: 7px 16px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(66, 235, 179, 0.35);
  outline: 1px solid rgba(86, 243, 191, 0.25);
  outline-offset: -1px;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 11.6px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.daily-deals__viewport {
  width: 100%;
  margin-block: -6px -10px;
  padding-block: 6px 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.daily-deals__track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  align-items: start;
}

.daily-deal-card {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  aspect-ratio: 227 / 280;
  border-radius: 18px;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  text-decoration: none;
  transition: box-shadow 180ms ease, z-index 0ms linear 0ms;
  scroll-snap-align: start;
}

.daily-deal-card__media {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: calc(100% - 10px);
  margin: 5px 5px 0;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 18%, rgba(241, 100, 30, 0.14) 0%, rgba(241, 100, 30, 0) 52%),
    linear-gradient(160deg, var(--daily-deal-card-tone, #efe9e2) 0%, var(--daily-deal-card-accent, #f7f3ee) 100%);
}

.daily-deal-card__media img {
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.daily-deal-card__copy {
  flex: 1 1 auto;
  min-height: 58px;
  min-width: 0;
  padding: 12px 18px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

.daily-deal-card__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  overflow-wrap: anywhere;
  
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.daily-deal-card:focus-visible {
  outline: 2px solid rgba(255, 249, 241, 0.8);
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .daily-deal-card:hover,
  .daily-deal-card:focus-within {
    z-index: 2;
    background: #3f6a60;
    box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  }

  .daily-deal-card:hover .daily-deal-card__title,
  .daily-deal-card:focus-within .daily-deal-card__title {
    color: var(--color-cream);
  }

  .daily-deal-card:hover .daily-deal-card__media img,
  .daily-deal-card:focus-within .daily-deal-card__media img {
    transform: scale(1.04);
  }
}

@media (hover: none), (pointer: coarse) {
  .daily-deal-card:hover {
    background: transparent;
    box-shadow: none;
  }

  .daily-deal-card:hover .daily-deal-card__title {
    color: #232030;
  }
}

@media (min-width: 721px) and (max-width: 1439px) {
  .daily-deals {
    --daily-deals-shell-width: min(1410px, calc(100% - 30px));
    --daily-deals-shell-inset: 0px;
  }

  .daily-deals__band {
    height: 257px;
  }

  .daily-deals__header {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 24px;
  }

  .daily-deals__title {
    font-size: 24px;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .daily-deals__status-row {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
  }
}

@media (max-width: 1280px) {
  .daily-deals__viewport {
    width: calc(100% + (2 * var(--daily-deals-safe-buffer)));
    margin-left: calc(-1 * var(--daily-deals-safe-buffer));
    margin-right: calc(-1 * var(--daily-deals-safe-buffer));
    padding-left: var(--daily-deals-safe-buffer);
    padding-right: var(--daily-deals-safe-buffer);
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: none;
    scroll-padding-inline: var(--daily-deals-safe-buffer);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .daily-deals__viewport::-webkit-scrollbar {
    display: none;
  }

  .daily-deals__track {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: clamp(210px, calc((100vw - 30px) / 3.5), 227px);
    width: max-content;
  }

  .daily-deal-card {
    aspect-ratio: 227 / 284;
  }
}

@media (max-width: 720px) {
  .daily-deals {
    
    --daily-deals-shell-width: min(720px, calc(100% - 32px));
    --daily-deals-shell-inset: 0px;
    --daily-deals-safe-buffer: 16px;
    padding-top: 16px;
    padding-bottom: 14px;
  }

  .daily-deals__viewport {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: var(--daily-deals-safe-buffer);
    padding-right: var(--daily-deals-safe-buffer);
    scroll-padding-inline: var(--daily-deals-safe-buffer);
  }

  .daily-deals__band {
    height: clamp(216px, calc(18vw + 146px), 280px);
  }

  .daily-deals__header {
    gap: 10px;
    transform: translateY(10px);
  }

  .daily-deals__title {
    font-size: 22px;
    letter-spacing: 0;
  }

  .daily-deals__status-row {
    gap: 10px;
  }

  .daily-deals__countdown {
    gap: 8px;
  }

  .daily-deals__timer {
    font-size: 11px;
    letter-spacing: 1px;
  }

  .daily-deals__track {
    grid-auto-columns: clamp(218px, calc((100vw - 48px) / 1.65), 260px);
  }

  .daily-deal-card {
    aspect-ratio: 227 / 284;
  }
}

@media (min-width: 520px) and (max-width: 720px) {
  .daily-deals__track {
    gap: 0;
    grid-auto-columns: calc((100vw - (2 * var(--daily-deals-safe-buffer))) / 2);
  }
}

@media (min-width: 1440px) {
  .daily-deals__header {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 28px;
  }

  .daily-deals__title {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .daily-deals__status-row {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 28px;
  }

  .daily-deals__countdown,
  .daily-deals__timer {
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .daily-deals__bundle {
    flex: 0 0 auto;
  }
}

@keyframes daily-deals-minute-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}



/*! [bundle] /styles/components/special-gifts-rail.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.special-gifts-rail {
  --special-gifts-rail-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --special-gifts-rail-shell-inset: var(--homepage-shell-inset, 6px);
  --special-gifts-card-width: 258px;
  --special-gifts-card-media-height: calc(var(--special-gifts-card-width) - 12px);
  
  --special-gifts-track-gap: 17.5px;
  
  --special-gifts-rail-start-buffer: 0px;
  --special-gifts-rail-end-buffer: 0px;
  --special-gifts-rail-fade-width: var(--homepage-rail-fade-width, 52px);
  --special-gifts-rail-fade-overhang: var(--homepage-rail-fade-overhang, 26px);
  --special-gifts-rail-arrow-overhang: var(--homepage-rail-arrow-overhang, 27px);
  --special-gifts-rail-overlay-reserve: var(--homepage-rail-overlay-reserve, 96px);
  --special-gifts-rail-viewport-top: 6px;
  --special-gifts-rail-viewport-bottom: 10px;
  --special-gifts-rail-hover-safe-inline: 8px;
  --special-gifts-rail-hover-safe-block: 8px;
  --special-gifts-rail-header-offset: 50px;
  --special-gifts-card-height: 300px;
  --special-gifts-card-copy-gap: 17px;
  position: relative;
  z-index: 1;
  isolation: isolate;
  padding-top: 14px;
  padding-bottom: 14px;
  overflow: visible;
  -webkit-user-select: none;
  user-select: none;
}

.special-gifts-rail__inner {
  position: relative;
  width: min(100%, var(--special-gifts-rail-shell-width));
  margin-inline: auto;
  padding-inline: var(--special-gifts-rail-shell-inset);
  box-sizing: border-box;
  overflow: visible;
}

body.page--homepage .special-gifts-rail[data-recently-viewed-auth-only] {
  display: none;
}

body.page--homepage.is-homepage-authenticated .special-gifts-rail[data-recently-viewed-auth-only] {
  display: block;
}

.special-gifts-rail__header {
  position: relative;
  z-index: 5;
  margin-bottom: 4px;
  
  padding-inline: 0;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.special-gifts-rail__title {
  margin: 0;
  
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  color: #232030;
  font-family: var(--font-body);
  font-size: 26px;
  font-weight: 600;
  line-height: 1.26;
  letter-spacing: 0;
}

.special-gifts-rail__viewport {
  position: relative;
  z-index: 1;
  width: calc(100% + (2 * var(--special-gifts-rail-hover-safe-inline)));
  margin:
    calc(-1 * var(--special-gifts-rail-hover-safe-block))
    calc(-1 * var(--special-gifts-rail-hover-safe-inline));
  padding:
    calc(var(--special-gifts-rail-viewport-top) + var(--special-gifts-rail-hover-safe-block))
    calc(var(--special-gifts-rail-end-buffer) + var(--special-gifts-rail-hover-safe-inline))
    calc(var(--special-gifts-rail-viewport-bottom) + var(--special-gifts-rail-hover-safe-block));
  padding-left: calc(var(--special-gifts-rail-start-buffer) + var(--special-gifts-rail-hover-safe-inline));
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  scroll-padding-inline: var(--special-gifts-rail-start-buffer);
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: pan-x pan-y pinch-zoom;
}

.special-gifts-rail__viewport::-webkit-scrollbar {
  display: none;
}

.special-gifts-rail__track {
  width: max-content;
  display: inline-flex;
  align-items: flex-start;
  gap: var(--special-gifts-track-gap);
  padding: 0;
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
}

.special-gifts-rail__gradient {
  position: absolute;
  top: calc(var(--special-gifts-rail-header-offset) + var(--special-gifts-rail-viewport-top) - 8px);
  width: var(--special-gifts-rail-fade-width);
  height: calc(var(--special-gifts-card-height) + var(--special-gifts-rail-viewport-bottom) + 16px);
  pointer-events: none;
  z-index: 3;
  opacity: 1;
  
  transition: opacity 0.62s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.special-gifts-rail__gradient--left {
  left: calc(-1 * var(--special-gifts-rail-fade-overhang));
  
  background: linear-gradient(90deg, #f8f1eb 0%, rgba(248, 241, 235, 0) 100%);
}

.special-gifts-rail__gradient--right {
  right: calc(-1 * var(--special-gifts-rail-fade-overhang));
  background: linear-gradient(270deg, #f8f1eb 0%, rgba(248, 241, 235, 0) 100%);
}

.special-gifts-rail.is-at-start .special-gifts-rail__gradient--left,
.special-gifts-rail.is-at-end .special-gifts-rail__gradient--right {
  opacity: 0;
}


.special-gifts-rail__arrow {
  width: 56px;
  height: 46px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: visible;
  background: transparent;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 50% 50%;
  transition: opacity 0.18s ease;
  backface-visibility: hidden;
  flex: 0 0 auto;
  z-index: 6;
}

.special-gifts-rail__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: #232030;
  pointer-events: none;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.18s ease;
  will-change: transform;
  backface-visibility: hidden;
}

.special-gifts-rail__arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}

.special-gifts-rail__arrow--next {
  background-image: none;
}

.special-gifts-rail__arrow--next::after {
  background-image: url("/assets/header-icons/pager-pill-next.svg");
}

.special-gifts-rail__arrow--prev {
  background-image: none;
}

.special-gifts-rail__arrow--prev::after {
  background-image: url("/assets/header-icons/pager-pill-prev.svg");
}

.special-gifts-rail__arrow:hover:not(.is-hidden),
.special-gifts-rail__arrow:focus-visible:not(.is-hidden) {
  transform: translate3d(0, 0, 0) scale(1);
}

.special-gifts-rail__arrow:hover:not(.is-hidden)::before,
.special-gifts-rail__arrow:focus-visible:not(.is-hidden)::before {
  transform: translate3d(0, 0, 0) scale(1.04);
}

.special-gifts-rail__arrow:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.18);
  outline-offset: 3px;
}

.special-gifts-rail__arrow-icon {
  display: none;
}


.special-gifts-rail__inner > .special-gifts-rail__arrow {
  position: absolute;
  top: 4px;
  z-index: 6;
}
.special-gifts-rail__inner > .special-gifts-rail__arrow--next {
  right: 5px;
  left: auto;
}
.special-gifts-rail__inner > .special-gifts-rail__arrow--prev {
  right: 71px;
  left: auto;
}

.special-gifts-rail__arrow.is-hidden {
  display: inline-flex;
  pointer-events: none;
  cursor: default;
  opacity: 0.35;
}

.special-gifts-rail__arrow.is-hidden:hover,
.special-gifts-rail__arrow.is-hidden:focus-visible {
  transform: none;
}

.special-gifts-rail.is-at-start.is-at-end .special-gifts-rail__arrow {
  display: none;
}

.special-gifts-rail__header.is-pager-host {
  display: flex;
}

.special-gifts-rail__header.is-pager-host.has-no-view-all .special-gifts-rail__title {
  margin-right: auto;
}


.special-gifts-rail__header.is-pager-host .special-gifts-rail__arrow--next {
  margin-left: 0;
}

.special-gifts-rail-card {
  width: var(--special-gifts-card-width);
  min-width: var(--special-gifts-card-width);
  height: var(--special-gifts-card-height);
  position: relative;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #f8f1eb;
  overflow: hidden;
  border-radius: 30px;
  color: #232030;
  text-decoration: none;
  box-shadow: none;
  transition: box-shadow 180ms ease;
}

@media (hover: hover) {
  .special-gifts-rail-card:hover,
  .special-gifts-rail-card:focus-visible {
    box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  }

  .special-gifts-rail-card:hover .special-gifts-rail-card__media,
  .special-gifts-rail-card:focus-visible .special-gifts-rail-card__media {
    box-shadow: none;
  }

  .special-gifts-rail-card:hover .special-gifts-rail-card__media img,
  .special-gifts-rail-card:focus-visible .special-gifts-rail-card__media img,
  .special-gifts-rail-card:focus-within .special-gifts-rail-card__media img {
    transform: scale(1.04);
  }
}

.special-gifts-rail-card:focus-visible {
  outline: none;
}

.special-gifts-rail-card__media {
  position: absolute;
  top: 6px;
  left: 6px;
  width: calc(100% - 12px);
  height: calc(var(--special-gifts-card-width) - 12px);
  border-radius: 27px;
  overflow: hidden;
  transition: box-shadow 180ms ease;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 249, 241, 0.55) 0%, rgba(255, 249, 241, 0) 48%),
    linear-gradient(160deg, var(--special-gifts-card-tone, #e2e7f1) 0%, var(--special-gifts-card-accent, #ece3db) 100%);
}

.special-gifts-rail-card__media img {
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.special-gifts-rail-card__copy {
  position: absolute;
  left: 50%;
  top: calc(var(--special-gifts-card-media-height) + var(--special-gifts-card-copy-gap));
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 16px);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding: 0;
  text-align: center;
}

.special-gifts-rail-card__icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: block;
  object-fit: contain;
}

.special-gifts-rail-card__title {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: 196px;
  margin: 0;
  overflow: hidden;
  color: #232030;
  text-align: center;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: clip;
  word-break: normal;
  overflow-wrap: anywhere;
}

.special-gifts-rail-card__title.is-two-line {
  display: flex;
  white-space: normal;
  text-wrap: balance;
  max-height: calc(2 * 1.2em);
}

@media (min-width: 961px) {
  body.is-ai-panel-open:not(.page--gift-room) .special-gifts-rail {
    --special-gifts-card-height: calc(var(--special-gifts-card-width) + 48px);
    --special-gifts-card-copy-gap: clamp(12px, 1vw, 15px);
    --special-gifts-rail-viewport-bottom: 14px;
    --special-gifts-rail-hover-safe-inline: 10px;
    --special-gifts-rail-hover-safe-block: 10px;
  }

  body.is-ai-panel-open:not(.page--gift-room) .special-gifts-rail-card {
    border-radius: 28px;
  }

  body.is-ai-panel-open:not(.page--gift-room) .special-gifts-rail-card__media {
    border-radius: 25px;
  }
}

@media (min-width: 1281px) {
  .special-gifts-rail {
    --special-gifts-rail-start-buffer: 0px;
    --special-gifts-rail-end-buffer: 0px;
  }
}

@media (min-width: 721px) and (max-width: 1439px) {
  .special-gifts-rail {
    --special-gifts-rail-shell-width: min(1410px, calc(100% - 30px));
    --special-gifts-rail-shell-inset: 0px;
  }
}

@media (max-width: 1280px) {
  .special-gifts-rail {
    --special-gifts-card-width: clamp(232px, calc((100vw - 30px) / 3.3), 258px);
    --special-gifts-rail-start-buffer: 8px;
    --special-gifts-rail-end-buffer: 24px;
  }
}

@media (max-width: 1024px) {
  .special-gifts-rail {
    --special-gifts-rail-start-buffer: 16px;
    --special-gifts-rail-end-buffer: 16px;
    --special-gifts-rail-viewport-top: 4px;
    --special-gifts-rail-viewport-bottom: 8px;
    --special-gifts-card-height: 292px;
    padding-top: 12px;
    padding-bottom: 10px;
  }

  .special-gifts-rail__title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .special-gifts-rail__gradient,
  .special-gifts-rail__arrow {
    display: none !important;
  }

  .special-gifts-rail__viewport {
    overflow-x: auto;
  }
}

@media (max-width: 720px) {
  .special-gifts-rail {
    --special-gifts-rail-shell-width: min(720px, calc(100% - 32px));
    --special-gifts-rail-shell-inset: 0px;
    --special-gifts-card-width: clamp(140px, calc((100vw - 50px) / 2.5), 164px);
    --special-gifts-rail-start-buffer: 16px;
    --special-gifts-rail-end-buffer: 16px;
    --special-gifts-rail-viewport-top: 4px;
    --special-gifts-rail-viewport-bottom: 8px;
    --special-gifts-card-height: calc(var(--special-gifts-card-width) + 60px);
    padding-top: 10px;
    padding-bottom: 8px;
  }

  .special-gifts-rail__header {
    margin-bottom: 6px;
    padding-inline: 0;
  }

  .special-gifts-rail__viewport {
    width: calc(100vw + (2 * var(--special-gifts-rail-hover-safe-inline)));
    margin-left: calc(50% - 50vw - var(--special-gifts-rail-hover-safe-inline));
    margin-right: calc(50% - 50vw - var(--special-gifts-rail-hover-safe-inline));
    padding-left: calc(var(--special-gifts-rail-start-buffer) + var(--special-gifts-rail-hover-safe-inline));
    padding-right: calc(var(--special-gifts-rail-end-buffer) + var(--special-gifts-rail-hover-safe-inline));
    scroll-padding-inline: var(--special-gifts-rail-start-buffer);
  }

  .special-gifts-rail__title {
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .special-gifts-rail-card {
    border-radius: 22px;
    padding: 6px 6px 14px;
  }

  .special-gifts-rail-card__media {
    border-radius: 18px;
  }

  .special-gifts-rail-card__copy {
    gap: 5px;
  }

  .special-gifts-rail-card__title {
    text-align: center;
  }
}



/*! [bundle] /styles/components/gifts-you-like.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.gifts-you-like {
  --gifts-you-like-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --gifts-you-like-shell-inset: var(--homepage-shell-inset, 6px);
  padding-top: 24px;
  padding-bottom: 24px;
  -webkit-user-select: none;
  user-select: none;
}

.gifts-you-like__inner {
  width: min(100%, var(--gifts-you-like-shell-width));
  margin-inline: auto;
  padding-inline: var(--gifts-you-like-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.gifts-you-like__intro {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gifts-you-like__title {
  margin: 0;
  position: relative;
  left: 5px;
  color: #232030;
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}

.gifts-you-like__subtitle {
  margin: 0;
  position: relative;
  left: 5px;
  color: #232030;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}

.gifts-you-like__track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  width: 100%;
  align-items: start;
}

.gifts-you-like-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.gifts-you-like-card__media {
  width: 100%;
  aspect-ratio: 329 / 330;
  border-radius: 20px;
  overflow: hidden;
  contain: paint;
  transform: translateZ(0);
  backface-visibility: hidden;
  background: #c5c7d7;
}

.gifts-you-like-card__media-surface {
  display: block;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 249, 241, 0.18) 0%, rgba(255, 249, 241, 0) 48%),
    linear-gradient(150deg, #c9ccdb 0%, #d8d9e4 100%);
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 220ms ease;
}

@media (hover: hover) {
  .gifts-you-like-card:hover .gifts-you-like-card__media-surface,
  .gifts-you-like-card:focus-within .gifts-you-like-card__media-surface {
    transform: translate3d(0, 0, 0) scale(1.05);
  }
}

.gifts-you-like-card__copy {
  min-height: 90px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.gifts-you-like-card__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.gifts-you-like-card__cta {
  min-height: 45px;
  padding: 6px 22px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border: 0;
  border-radius: 999px;
  outline: 2px solid #232030;
  outline-offset: -2px;
  background: #f8f1eb;
  color: #232030;
  
  text-decoration: none;
  transition: none;
}

.gifts-you-like-card__cta:hover,
.gifts-you-like-card__cta:focus-visible {
  box-shadow: none;
}

.gifts-you-like-card__cta-label {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
}

.gifts-you-like-card__cta-icon {
  width: 22px;
  height: 16px;
  display: block;
  flex: 0 0 auto;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  object-fit: contain;
}

.gifts-you-like-card__cta:hover .gifts-you-like-card__cta-icon,
.gifts-you-like-card__cta:focus-visible .gifts-you-like-card__cta-icon {
  transform: translate3d(4px, 0, 0);
}

@media (min-width: 721px) and (max-width: 1439px) {
  .gifts-you-like {
    --gifts-you-like-shell-width: min(1410px, calc(100% - 30px));
    --gifts-you-like-shell-inset: 0px;
  }

  .gifts-you-like__title {
    font-size: 24px;
  }

  .gifts-you-like__subtitle {
    font-size: 16px;
  }

  .gifts-you-like__track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gifts-you-like-card__title {
    font-size: 19px;
  }

  .gifts-you-like-card__cta {
    gap: 18px;
    padding-inline: 22px;
  }
}

@media (max-width: 720px) {
  .gifts-you-like {
    --gifts-you-like-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --gifts-you-like-shell-inset: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .gifts-you-like__inner {
    gap: 18px;
  }

  .gifts-you-like__title {
    font-size: 24px;
  }

  .gifts-you-like__subtitle {
    font-size: 16px;
  }

  .gifts-you-like__track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
  }

  .gifts-you-like-card__copy {
    min-height: 84px;
    gap: 10px;
    padding-top: 8px;
  }

  .gifts-you-like-card__title {
    font-size: 15.5px;
    line-height: 1.16;
  }

  .gifts-you-like-card__cta {
    min-height: 42px;
    gap: 14px;
    padding-inline: 18px;
  }

  .gifts-you-like-card__cta-label {
    font-size: 14px;
  }
}



/*! [bundle] /styles/components/marketplace-info.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.marketplace-info {
  --marketplace-info-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --marketplace-info-shell-inset: var(--homepage-shell-inset, 6px);
  --marketplace-info-fill: linear-gradient(180deg, #fff7e8 0%, #fff2db 100%);
  --marketplace-info-button-fill: #DADDC6;
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding-top: 62px;
  padding-bottom: 0;
  margin-bottom: 0;
  border-top: 0;
  background: none;
  -webkit-user-select: none;
  user-select: none;
}

.marketplace-info__band {
  
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.marketplace-info__band-svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.marketplace-info__inner {
  position: relative;
  z-index: 1;
  width: min(100%, var(--marketplace-info-shell-width));
  margin-inline: auto;
  padding-inline: var(--marketplace-info-shell-inset);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 34px;
}

.marketplace-info__hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-align: center;
}

.marketplace-info__hero-copy {
  max-width: 930px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.marketplace-info__eyebrow {
  margin: 0;
  color: rgba(35, 32, 48, 0.56);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.marketplace-info__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 42px;
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: 0;
}

.marketplace-info__lede {
  margin: 0;
  color: rgba(35, 32, 48, 0.88);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.52;
  max-width: 820px;
}

.marketplace-info__hero-actions {
  max-width: 760px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.marketplace-info__hero-note {
  margin: 0;
  color: rgba(35, 32, 48, 0.72);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.marketplace-info__story-link {
  min-height: 54px;
  padding: 0 28px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: var(--marketplace-info-button-fill);
  outline: 3px solid #232030;
  outline-offset: -3px;
  box-shadow: none;
  color: #232030;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: box-shadow 180ms ease, background-color 180ms ease, color 180ms ease;
}

.marketplace-info__story-link:hover,
.marketplace-info__story-link:focus-visible {
  background: #232030;
  color: var(--color-cream);
  box-shadow: none;
}

.marketplace-info__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.marketplace-info-point {
  min-width: 0;
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding: 8px 26px 0;
  background: none;
  box-shadow: none;
  outline: 0;
  border-radius: 0;
}

.marketplace-info-point + .marketplace-info-point {
  border-left: 1px solid rgba(35, 32, 48, 0.12);
}

.marketplace-info-point__icon-wrap {
  width: 112px;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
}

.marketplace-info-point__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 6px;
}

.marketplace-info-point__icon {
  width: 90px;
  height: 90px;
  display: block;
  object-fit: contain;
}

.marketplace-info-point__kicker {
  margin: 0;
  color: rgba(35, 32, 48, 0.5);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.marketplace-info-point__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 25px;
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: 0;
}

.marketplace-info-point__text {
  margin: 0;
  color: rgba(35, 32, 48, 0.86);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.54;
}

.marketplace-info__support {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  padding: 22px 0 28px;
  border-top: 1px solid rgba(35, 32, 48, 0.12);
  background: none;
  box-shadow: none;
}

.marketplace-info__support-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.marketplace-info__support-label {
  margin: 0;
  color: rgba(35, 32, 48, 0.56);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.marketplace-info__support-text {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.48;
  max-width: 760px;
}

.marketplace-info__support-cta {
  min-height: 50px;
  padding: 0 24px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: #DADDC6;
  color: #232030;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
}

.marketplace-info__support-cta:hover,
.marketplace-info__support-cta:focus-visible {
  background: #DADDC6;
  color: #232030;
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  transform: none;
}

@media (min-width: 721px) and (max-width: 1439px) {
  .marketplace-info {
    --marketplace-info-shell-width: min(1410px, calc(100% - 30px));
    --marketplace-info-shell-inset: 0px;
    padding-top: 46px;
  }

  .marketplace-info__inner {
    gap: 26px;
  }

  .marketplace-info__title {
    font-size: 34px;
    max-width: 760px;
  }

  .marketplace-info__lede {
    font-size: 16px;
  }

  .marketplace-info__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .marketplace-info-point {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 18px;
    padding: 20px 0;
  }

  .marketplace-info-point + .marketplace-info-point {
    border-left: 0;
    border-top: 1px solid rgba(35, 32, 48, 0.12);
  }

  .marketplace-info-point__icon-wrap {
    width: 102px;
    height: 102px;
  }

  .marketplace-info-point__icon {
    width: 82px;
    height: 82px;
  }

  .marketplace-info-point__title {
    font-size: 24px;
  }

  .marketplace-info-point__text {
    font-size: 15px;
  }

  .marketplace-info__support {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 14px;
    padding-bottom: 24px;
  }
}

@media (max-width: 720px) {
  .marketplace-info {
    --marketplace-info-shell-width: var(--homepage-shell-width, min(720px, calc(100% - 32px)));
    --marketplace-info-shell-inset: 0px;
    margin-top: 30px;
    padding-top: 34px;
  }

  .marketplace-info__band {
    top: -14px;
  }

  .marketplace-info__inner {
    gap: 22px;
  }

  .marketplace-info__title {
    font-size: 29px;
    line-height: 1.16;
    letter-spacing: 0;
  }

  .marketplace-info__lede {
    font-size: 15px;
  }

  .marketplace-info__hero-note {
    font-size: 14px;
  }

  .marketplace-info__story-link {
    width: 100%;
  }

  .marketplace-info__grid {
    grid-template-columns: 1fr;
  }

  .marketplace-info-point {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 14px;
    padding: 18px 0;
  }

  .marketplace-info-point + .marketplace-info-point {
    border-left: 0;
    border-top: 1px solid rgba(35, 32, 48, 0.12);
  }

  .marketplace-info-point__icon-wrap {
    width: 94px;
    height: 94px;
  }

  .marketplace-info-point__icon {
    width: 74px;
    height: 74px;
  }

  .marketplace-info-point__title {
    font-size: 21px;
  }

  .marketplace-info-point__text {
    font-size: 14.5px;
    line-height: 1.45;
  }

  .marketplace-info__support {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 14px;
    padding: 18px 0 22px;
  }

  .marketplace-info__support-text {
    font-size: 14px;
  }

  .marketplace-info__support-cta {
    width: 100%;
  }
}



/*! [bundle] /styles/components/search.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.search-shell {
  position: relative;
  background: var(--color-cream);
  padding: 12px 0 14px;
}

.search-shell__frame {
  width: min(100% - 48px, 1552px);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.search-shell__form {
  min-height: 80px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px;
  border: 3px solid var(--popup-outline);
  border-radius: var(--radius-pill);
  background: var(--color-cream);
}

.search-shell__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 68px;
  border: 0;
  background: transparent;
  outline: 0;
  padding: 0 18px 0 24px;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
}

.search-shell__input::placeholder {
  color: rgba(35, 32, 48, 0.38);
}

.search-shell__submit {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-cream);
  position: relative;
  isolation: isolate;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.search-shell__submit::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--color-forest);
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease, background-color var(--duration-fast) var(--ease-standard);
}
.search-shell__submit:hover::before,
.search-shell__submit:focus-visible::before {
  background: var(--color-forest-dark);
  transform: scale(1.04);
}

.search-shell__shortcuts {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.search-shell__pill {
  min-height: 36px;
  padding: 8px 18px;
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--filter-pill-bg);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--duration-fast) var(--ease-standard);
}

.search-shell__pill:hover,
.search-shell__pill:focus-visible {
  background: var(--sort-control-bg-hover);
}

@media (max-width: 1024px) {
  .search-shell__frame {
    width: min(100% - 32px, 100%);
  }

  .search-shell__form {
    min-height: 68px;
  }

  .search-shell__input {
    height: 56px;
    font-size: 18px;
  }

  .search-shell__submit {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }
}

@media (max-width: 640px) {
  .search-shell {
    padding: 8px 0 12px;
  }

  .search-shell__frame {
    gap: 10px;
  }

  .search-shell__form {
    min-height: 58px;
    border-width: 2px;
  }

  .search-shell__input {
    height: 48px;
    padding-left: 18px;
    font-size: 16px;
  }

  .search-shell__submit {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }

  .search-shell__shortcuts {
    gap: 16px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
    padding: 0 16px 2px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .search-shell__shortcuts::-webkit-scrollbar {
    display: none;
  }

  .search-shell__pill {
    min-height: 34px;
    padding-inline: 14px;
    font-size: 13px;
    scroll-snap-align: start;
  }
}




/*! [bundle] /styles/components/search-page.css */

/*! [bundle] already inlined above: /styles/tokens.css */



html:has(> body.page--search),
html:has(> body.page--search) > body.page--search {
  overflow-x: clip;
}

.page--search {
  --page-bg: #f8f1eb;
  --search-filters-width: 0px;
  --search-filters-gap: 0px;
  --search-filters-open-width: 247px;
  --search-filters-panel-width: 243px;
  --search-filters-inline-sticky-top: 90px;
  --search-filter-sidebar-sticky-top: 90px;
  --search-filter-sidebar-current-top: var(--search-filter-sidebar-sticky-top);
  --search-filters-inline-assistant-offset: 68px;
  --search-filters-open-column-offset: -130px;
  --search-filters-transition-duration: 420ms;
  --search-filters-drawer-transition-duration: 620ms;
  --search-filters-transition-ease: cubic-bezier(0.16, 0.84, 0.22, 1);
  background: #f8f1eb;
  scrollbar-gutter: stable;
}

body.page.is-search-filters-open {
  overflow: hidden;
}

.page--search.is-group-mode,
.page--search.is-group-mode .search-page {
  background: #f8f1eb;
}

.search-page {
  padding: 0 0 72px;
}

.page--search.is-group-mode .search-page {
  padding-top: 0;
}

.page--search.is-curated-group-mode .search-page__shell {
  margin-top: -15px;
}

.search-page__shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 981px) {
  .page--search .search-page__shell.is-filters-open:has(.search-assistant-bar[hidden]) {
    --search-filters-inline-sticky-top: calc(90px + var(--search-filters-inline-assistant-offset));
    --search-filters-open-column-offset: calc(-130px + var(--search-filters-inline-assistant-offset));
  }

  .page--search .search-page__shell.is-filter-drawer-docked .search-page__filters-column .cat-filters-drawer.is-open {
    position: sticky;
    left: auto;
    top: var(--search-filter-sidebar-current-top);
    max-height: calc(100vh - var(--search-filter-sidebar-current-top) - 18px);
    overflow: visible;
    clip-path: none;
  }

  .page--search .search-page__shell.is-filter-drawer-docked .search-page__filters-column .cat-filters-drawer.is-open .cat-filters-drawer__panel {
    min-height: 0;
    height: auto;
    max-height: inherit;
    overflow: visible;
  }

  .page--search .search-page__shell.is-filter-drawer-docked .search-page__filters-column .cat-filters-drawer.is-open .cat-filters-drawer__body {
    margin-inline: -18px;
    padding-inline: 18px;
  }
}

@media (min-width: 981px) {
  
  .page--search.is-ai-panel-open .search-page > .search-page__shell {
    max-width: calc(100vw - var(--lume-panel-reserve, 360px) - 24px) !important;
    margin-left: 24px !important;
    margin-right: auto !important;
    transition: max-width 480ms cubic-bezier(0.16, 1, 0.3, 1);
  }
  .page--search.is-ai-panel-open { overflow-x: clip; }
}

.search-page__shop-match {
  margin: 14px 0 4px;
}


.page--search .search-page__shop-match:not([hidden]) {
  margin-top: -6px;
  margin-bottom: 2px;
}

.page--search .cat-filters-meta:has([data-ad-disclosure][hidden]) {
  display: none;
}

.search-page__shop-match[hidden] {
  display: none !important;
}

.search-page__shop-match-text {
  margin: 0;
  color: var(--color-ink-soft, #4A465D);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.search-page__shop-match-text a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.search-page__breadcrumbs {
  margin-top: -11px;
}

.search-page__breadcrumbs[hidden] {
  display: none !important;
}

.search-jedipicks[hidden],
.pager[hidden] {
  display: none !important;
}

.search-curated-card[hidden] {
  display: none !important;
}

.search-curated-card {
  margin: -15px 0 0;
  border-bottom: 1px solid #ded9d2;
  background: #f8f1eb;
  padding-bottom: 19px;
}

.search-curated-card:not([hidden]) + .search-page__breadcrumbs {
  margin-top: -4px;
}

.search-curated-card__frame {
  position: relative;
  display: grid;
  grid-template-columns: 251px 122px minmax(0, 1fr);
  column-gap: 7px;
  width: min(1037px, 100%);
  height: 251px;
  margin: 0;
  overflow: visible;
  cursor: default;
}

.search-curated-card__media-main,
.search-curated-card__thumb {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 23px;
  background: var(--search-curated-media, var(--search-curated-thumb, var(--color-sand)));
  box-shadow: inset 0 0 0 1px rgba(35, 32, 48, 0.06);
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.2s ease;
}

.search-curated-card__media-main {
  width: 251px;
  height: 251px;
}

.search-curated-card__media-main:focus-visible,
.search-curated-card__title-link:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.65);
  outline-offset: 3px;
}

.search-curated-card__media-main:hover,
.search-curated-card__media-main:focus-visible,
.search-curated-card__thumb:hover {
  z-index: 4;
  box-shadow:
    inset 0 0 0 1px rgba(35, 32, 48, 0.06),
    0 0 4px rgba(35, 32, 48, 0.5);
}

.search-curated-card__media-main::before,
.search-curated-card__thumb::before {
  content: "";
  position: absolute;
  width: 68%;
  height: 68%;
  left: 16%;
  top: 18%;
  border-radius: 42% 58% 46% 54%;
  background: rgba(255, 249, 241, 0.48);
}

.search-curated-card__thumbs {
  display: grid;
  grid-template-rows: 122px 122px;
  gap: 7px;
}

.search-curated-card__thumb {
  width: 122px;
  height: 122px;
}

.search-curated-card__thumb--alt {
  filter: saturate(0.9) brightness(1.02);
}

.search-curated-card__pick-badge {
  position: absolute;
  left: 0 !important;
  top: auto !important;
  right: auto !important;
  bottom: 0 !important;
  z-index: 2;
  width: 59px !important;
  height: 59px !important;
  min-height: 59px;
  padding: 0 0 11px 12px;
  border-radius: 0 30px 0 0;
  display: grid;
  place-items: end start;
  gap: 0;
  background: var(--jedi-picks-badge-bg, var(--color-jedi-picks-yellow));
  color: var(--jedi-picks-badge-ink, var(--color-ink));
  font-family: var(--font-heading);
  pointer-events: none;
}

.search-curated-card__pick-badge img {
  width: 36px;
  height: 36px;
  display: block;
  object-fit: contain;
}

.search-curated-card__pick-badge-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.search-curated-card__content {
  position: relative;
  height: 251px;
  margin-left: 13px;
  min-width: 0;
}

.search-curated-card__store-row,
.search-curated-card__price-row,
.search-curated-card__actions {
  display: flex;
  align-items: center;
}

.search-curated-card__store-row {
  position: absolute;
  left: 0;
  top: 10px;
  gap: 5px;
  max-width: 100%;
  min-height: 36px;
  color: #232030;
  font-family: var(--font-heading);
}

.search-curated-card__reaction-pill,
.search-curated-card__seller-wrap,
.search-curated-card__rating-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: var(--filter-pill-bg, #eee5da);
  color: #232030;
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.search-curated-card__reaction-pill {
  gap: 5px;
  min-height: 36px;
  padding: 0 10px 0 9px;
  border: 0;
  cursor: pointer;
}

.search-curated-card__reaction-pill img,
.search-curated-card__reaction-pill svg {
  width: 19px;
  height: 16px;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}

.search-curated-card__reaction-count {
  min-width: 25px;
  font-size: 13px;
  font-weight: 500;
}

.search-curated-card__seller-wrap {
  gap: 4px;
  background: transparent;
  min-height: 36px;
  padding: 0;
  color: var(--color-ink-soft);
}

.search-curated-card__seller-status,
.search-curated-card__seller-status svg,
.search-curated-card__seller-status img {
  width: 13px;
  height: 18px;
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}

.search-curated-card__seller-status {
  display: none;
}


.search-curated-card__seller {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  max-width: 206px;
  padding: 2px 12px 2px 2px;
  border-radius: 999px;
  background: #eee5da;
  color: var(--color-ink-soft);
  text-decoration: none;
}

.search-curated-card__seller > svg,
.search-curated-card__seller > img {
  width: 21px;
  height: 21px;
  box-sizing: border-box;
  flex: 0 0 21px;
  display: block;
  padding: 4px;
  border-radius: 999px;
  background: rgba(35, 32, 48, 0.08);
  object-fit: contain;
}

.search-curated-card__store-notch {
  display: none;
}

.search-curated-card__store-name {
  min-width: 0;
  max-width: 166px;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  color: inherit;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
}

.search-curated-card__seller[style*="--search-curated-partner-color"] {
  background: var(--search-curated-partner-color);
  color: var(--color-cream);
}

.search-curated-card__seller[style*="--search-curated-partner-color"] > svg,
.search-curated-card__seller[style*="--search-curated-partner-color"] > img {
  background: rgba(255, 255, 255, 0.22);
}

.search-curated-card__seller[style*="--search-curated-partner-color"] .search-curated-card__store-name {
  color: var(--color-cream);
}

.search-curated-card__rating-pill {
  gap: 6px;
  min-height: 24px;
  padding: 0 8px;
  font-size: 13px;
}

.search-curated-card__rating-pill img,
.search-curated-card__rating-pill svg {
  width: 17px;
  height: 16px;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}

.search-curated-card__rating-pill .cat-card__review-icon--comment {
  width: 19px;
  height: 19px;
}

.search-curated-card__rating-pill img + span {
  font-weight: 400;
}

.search-curated-card__dot {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #232030;
}

.search-curated-card__title {
  position: absolute;
  left: 0;
  top: 56px;
  width: min(639px, 100%);
  margin: 0;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: 0;
  overflow: hidden;
}

.search-curated-card__title-link {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  max-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.search-curated-card__title-link:hover,
.search-curated-card__title-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.search-curated-card__price-row {
  position: absolute;
  left: 0;
  top: 84px;
  gap: 8px;
  margin: 0;
}

.search-curated-card__price {
  color: #3F6A60;
  font-family: var(--font-price, var(--font-display));
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.search-curated-card__old-price {
  color: var(--color-ink-soft);
  font-family: var(--font-price, var(--font-display));
  font-size: 14px;
  font-weight: 500;
  text-decoration: line-through;
  white-space: nowrap;
}

.search-curated-card__old-price::before {
  content: "USD ";
}

.search-curated-card__discount {
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.search-curated-card__smart-badge {
  position: absolute;
  left: 0;
  top: 124px;
  width: min(450px, 100%);
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #9a0027;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.13px;
}

.search-curated-card__smart-badge-icon {
  width: 36px;
  height: 36px;
  display: block;
  flex: 0 0 36px;
}

.search-curated-card__smart-badge-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.search-curated-card__smart-badge-primary,
.search-curated-card__smart-badge-secondary {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-curated-card__actions {
  position: absolute;
  left: 0;
  top: 209px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.search-curated-card__board,
.search-curated-card__save {
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 999px;
  border: 0;
  position: relative;
  isolation: isolate;
  overflow: visible;
  background: transparent;
  text-decoration: none;
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.search-curated-card__board::before,
.search-curated-card__save::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
}

.search-curated-card__board:hover::before,
.search-curated-card__board:focus-visible::before,
.search-curated-card__save:hover::before,
.search-curated-card__save:focus-visible::before {
  transform: scale(1.035);
}

.search-curated-card__board:focus-visible,
.search-curated-card__save:focus-visible {
  outline: 1px solid rgba(35, 32, 48, 0.7);
  outline-offset: 0;
}

.search-curated-card__board {
  justify-content: center;
  gap: 9px;
  width: 150px;
  padding: 0 16px;
  color: var(--color-ink);
  font-size: 13px;
}

.search-curated-card__board::before {
  background: rgba(238, 229, 218, 0.72);
}

.search-curated-card__board-label {
  min-width: 0;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}

.search-curated-card__board img,
.search-curated-card__board svg {
  width: 12px;
  height: 12px;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}

.search-curated-card__save {
  gap: 8px;
  width: 104px;
  justify-content: center;
  padding: 0 18px;
  color: var(--color-cream);
  font-size: 13px;
}

.search-curated-card__save::before {
  background: var(--color-forest);
}

.search-curated-card__save-label {
  font-size: 13px;
  font-weight: 600;
}

.search-curated-card__save img {
  width: 17px;
  height: 18px;
  display: block;
  object-fit: contain;
}


.search-kitchen-picks .search-curated-card__media-main::before,
.search-kitchen-picks .search-curated-card__thumb::before {
  content: none;
}

.search-kitchen-picks .search-curated-card__content {
  display: flex;
  flex-direction: column;
  height: 251px;
  padding-top: 8px;
}

.search-kitchen-picks .search-curated-card__store-row,
.search-kitchen-picks .search-curated-card__title,
.search-kitchen-picks .search-curated-card__price-row,
.search-kitchen-picks .search-curated-card__smart-badge,
.search-kitchen-picks .search-curated-card__actions {
  position: static;
  left: auto;
  top: auto;
}

.search-kitchen-picks .search-curated-card__store-row {
  flex-wrap: wrap;
  min-height: 28px;
}

.search-kitchen-picks .search-curated-card__title {
  width: min(660px, 100%);
  margin-top: 5px;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.12;
}

.search-kitchen-picks .search-curated-card__title-link {
  max-height: 45px;
}

.search-kitchen-picks .search-curated-card__title-link:hover,
.search-kitchen-picks .search-curated-card__title-link:focus-visible {
  text-decoration: none;
}

.search-kitchen-picks .search-curated-card__price-row {
  margin-top: 5px;
}

.search-kitchen-picks .search-curated-card__signal-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 22px;
  margin-top: 5px;
  line-height: 0;
}

.search-kitchen-picks .search-curated-card__signal-badges .cat-card__service-badge {
  position: static;
  left: auto;
  top: auto;
  height: 22px;
}

.search-kitchen-picks .search-curated-card__signal-badges .cat-card__service-badge-img {
  width: auto;
  
  height: 15px;
  max-width: 100px;
}

.search-kitchen-picks .search-curated-card__smart-badge {
  width: min(540px, 100%);
  margin-top: 9px;
}

.search-kitchen-picks .search-curated-card__actions {
  width: 100%;
  margin-top: auto;
}

.search-page__breadcrumbs .crumbs {
  width: 100%;
  justify-content: flex-start;
}

.search-page__breadcrumbs .crumbs__track {
  max-width: 100%;
}

.search-page__personalized-hero {
  margin-top: 8px;
}

.search-page__group-hero-inner {
  align-items: stretch;
  gap: 14px;
}

.search-page__personalized-hero-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 4px 0 10px;
  text-align: center;
}

.search-page__group-hero-frame {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.search-page__group-title-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.search-page__group-eyebrow {
  margin: 0;
  color: var(--color-forest);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.search-page__personalized-title {
  margin: 0;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
}

.search-page__personalized-copy {
  max-width: 720px;
  margin: 0;
  color: rgba(35, 32, 48, 0.72);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.search-page__group-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 0;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.18s ease, transform 0.18s ease;
}

.search-page__group-back:hover,
.search-page__group-back:focus-visible {
  color: color-mix(in srgb, var(--color-ink) 88%, var(--color-forest));
  outline: 0;
}


.search-page__group-back:hover::before,
.search-page__group-back:focus-visible::before {
  transform: translateX(-3px);
}

.search-page__group-title-spacer {
  display: none;
}

.search-page__group-back::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: currentColor;
  -webkit-mask: url("/assets/header-icons/pager-arrow-prev-active.svg") center / contain no-repeat;
  mask: url("/assets/header-icons/pager-arrow-prev-active.svg") center / contain no-repeat;
  transition: transform 0.18s ease;
}

.search-page__group-context {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.search-page__group-context-pill {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 14px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-sand) 72%, var(--popup-bg));
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 8%, transparent);
}

.page--search.is-gift-room-group-mode .search-page__group-hero-frame {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.page--search.is-gift-room-group-mode .search-page__personalized-hero {
  margin-top: 0;
}

.page--search.is-gift-room-group-mode .search-page__personalized-hero-inner {
  gap: 6px;
  padding: 0 0 4px;
}

.page--search.is-gift-room-group-mode .search-page__breadcrumbs {
  margin-top: -6px;
  order: -1;
}

.page--search.is-gift-room-group-mode .search-page__breadcrumbs .crumbs {
  justify-content: flex-start;
  gap: 8px;
}

.page--search.is-gift-room-group-mode .search-page__group-back {
  display: none !important;
}

.page--search.is-gift-room-group-mode .search-page__group-title {
  max-width: 760px;
  font-size: 32px;
  line-height: 1.2;
}

.page--search.is-gift-room-group-mode .search-page__group-eyebrow,
.page--search.is-gift-room-group-mode .search-page__group-context {
  display: none !important;
}

.page--search.is-gift-room-group-mode .search-page__personalized-copy {
  max-width: 760px;
  margin: 6px auto 0;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-ink-soft);
}

.page--search.is-gift-room-group-mode .cat-filters-meta {
  display: none !important;
}

.page--search.is-gift-room-group-mode .search-page__group-bar {
  margin-top: 0;
}

.page--search.is-gift-room-group-mode .search-page__group-context {
  justify-content: center;
}

.page--search.is-gift-room-group-mode .search-page__breadcrumbs:not([hidden]) + .search-page__personalized-hero {
  margin-top: 2px;
}

@media (min-width: 961px) {
  .search-page__group-title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 20px;
  }

  .search-page__group-back {
    grid-column: 1;
    justify-self: start;
    align-self: center;
  }

  .search-page__group-title {
    grid-column: 2;
    max-width: min(720px, 100%);
  }

  .search-page__group-title-spacer {
    display: block;
    grid-column: 3;
    min-width: 0;
  }

  .page--search.is-gift-room-group-mode .search-page__group-title-row {
    display: block;
  }

  .page--search.is-gift-room-group-mode .search-page__group-title {
    max-width: 760px;
    margin-inline: auto;
  }

  .page--search.is-gift-room-group-mode .search-page__group-title-spacer {
    display: none;
  }
}

.page--search.is-group-mode .cat-filters {
  display: none;
}

.page--search.is-group-mode .search-page__content {
  grid-template-columns: minmax(0, 1fr);
  column-gap: 0;
}

.page--search.is-group-mode .search-page__filters-column {
  display: none;
}

.page--search.is-group-mode .pager {
  display: none !important;
}

.page--search.is-group-mode .search-empty-state {
  display: none !important;
}

.search-page__group-bar {
  position: relative;
  margin-top: 4px;
  z-index: 3;
}

.page--search.is-group-mode .search-page__group-bar + .search-assistant-bar {
  margin-top: -6px;
}

.search-page__group-spotlight {
  width: min(856px, 100%);
  margin: 14px auto 4px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.search-page__group-spotlight-card {
  min-width: 0;
  color: #232030;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.search-page__group-spotlight-media {
  aspect-ratio: 1.28 / 1;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background:
    radial-gradient(circle at 28% 24%, rgba(255, 249, 241, 0.74), transparent 30%),
    linear-gradient(135deg, var(--group-spotlight-tone, #e8dfd6), var(--group-spotlight-accent, #dce6ed));
  box-shadow: inset 0 0 0 1px rgba(35, 32, 48, 0.08);
  transition: box-shadow 0.18s ease, transform 0.18s ease;
  display: grid;
  place-items: center;
}

.search-page__group-spotlight-media.has-image {
  display: block;
  background:
    linear-gradient(180deg, rgba(248, 241, 235, 0.04), rgba(248, 241, 235, 0.18)),
    linear-gradient(135deg, var(--group-spotlight-tone, #e8dfd6), var(--group-spotlight-accent, #dce6ed));
}

.search-page__group-spotlight-photo {
  position: absolute;
  inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.search-page__group-spotlight-shape {
  width: 54%;
  aspect-ratio: 1;
  border-radius: 32% 68% 48% 52%;
  background: rgba(255, 249, 241, 0.72);
  box-shadow: 10px 14px 28px rgba(35, 32, 48, 0.09);
}

.search-page__group-spotlight-media.has-image .search-page__group-spotlight-shape {
  display: none;
}

.search-page__group-spotlight-card:hover .search-page__group-spotlight-media,
.search-page__group-spotlight-card:focus-visible .search-page__group-spotlight-media {
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.45);
  transform: translateY(-1px);
}

.search-page__group-spotlight-label {
  min-width: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.18;
  text-align: center;
}

.search-page__group-bar-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.search-page__group-filters,
.search-page__group-bar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.search-page__group-filter-button,
.search-page__group-sort-trigger,
.search-page__group-empty-reset {
  --search-group-button-bg: var(--sort-control-bg);
  --search-group-button-text: var(--color-ink);
  --search-group-button-shadow: none;
  min-width: 0;
  height: 42px;
  min-height: 42px;
  padding: 6px 16px;
  box-sizing: border-box;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--search-group-button-text);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
  overflow: visible;
  isolation: isolate;
  transition:
    color 0.18s ease;
}

.search-page__group-sort-trigger {
  --search-group-button-bg: var(--sort-control-bg);
  min-width: 0;
}

.search-page__group-filter-button {
  --search-group-button-bg: var(--filter-pill-bg);
}

.search-page__group-filter-button[data-search-group-filter-trigger="price"] {
  min-width: 100px;
}

.search-page__group-filter-button::before,
.search-page__group-sort-trigger::before,
.search-page__group-empty-reset::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--search-group-button-bg);
  box-shadow: var(--search-group-button-shadow);
  transform: scale(1);
  transform-origin: center;
  transition:
    transform 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
  z-index: 0;
  will-change: transform;
}

.search-page__group-filter-button:hover,
.search-page__group-filter-button:focus-visible,
.search-page__group-sort-trigger:hover,
.search-page__group-sort-trigger:focus-visible,
.search-page__group-empty-reset:hover,
.search-page__group-empty-reset:focus-visible {
  box-shadow: none;
}

.search-page__group-filter-button:hover::before,
.search-page__group-filter-button:focus-visible::before,
.search-page__group-sort-trigger:hover::before,
.search-page__group-sort-trigger:focus-visible::before,
.search-page__group-empty-reset:hover::before,
.search-page__group-empty-reset:focus-visible::before {
  transform: scale(1.035);
}

.search-page__group-filter-button.is-active {
  --search-group-button-bg: var(--color-ink);
  --search-group-button-text: var(--color-cream);
}

.search-page__group-filter-chip {
  --search-group-button-bg: var(--filter-pill-bg);
  --search-group-button-text: var(--color-ink);
  height: 42px;
  min-height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.search-page__group-filter-chip.is-active {
  --search-group-button-bg: var(--color-ink);
  --search-group-button-text: var(--color-cream);
}

.search-page__group-filter-chip::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--search-group-button-bg);
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
  z-index: 0;
  will-change: transform;
}

.search-page__group-filter-chip:hover::before,
.search-page__group-filter-chip:focus-within::before {
  transform: scale(1.035);
}

.search-page__group-filter-chip .search-page__group-filter-button {
  height: 42px;
  min-height: 42px;
  padding-right: 8px;
  background: transparent;
  color: var(--search-group-button-text);
}

.search-page__group-filter-chip .search-page__group-filter-button::before {
  content: none;
}

.search-page__group-filter-remove {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  margin: 4px 4px 4px 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: background-color 0.18s ease;
}

.search-page__group-filter-remove:hover,
.search-page__group-filter-remove:focus-visible {
  background: rgba(248, 241, 235, 0.12);
}

.search-page__group-filter-remove-icon {
  width: 13px;
  height: 13px;
  display: block;
  flex: 0 0 13px;
  pointer-events: none;
}

.search-page__group-filter-button > span,
.search-page__group-sort-trigger > span,
.search-page__group-empty-reset > span,
.search-page__group-filter-button > img,
.search-page__group-sort-trigger > img,
.search-page__group-empty-reset > img {
  position: relative;
  z-index: 1;
}

.search-page__group-trigger-chevron {
  width: 14px;
  height: 14px;
  display: block;
  transition: transform 1.12s cubic-bezier(0.18, 1, 0.2, 1), filter 0.18s ease;
  transform-origin: center;
  will-change: transform;
}

.search-page__group-filter-button.is-active .search-page__group-trigger-chevron {
  filter: brightness(0) saturate(100%) invert(96%) sepia(17%) saturate(434%) hue-rotate(302deg) brightness(104%) contrast(94%);
}

.search-page__group-sort-trigger[aria-expanded="true"] .search-page__group-trigger-chevron,
.search-page__group-filter-button[aria-expanded="true"] .search-page__group-trigger-chevron {
  transform: rotate(180deg);
}

.search-page__group-popover {
  position: fixed;
  width: auto;
  min-width: 230px;
  max-width: min(320px, calc(100vw - 32px));
  padding: 5px;
  border-radius: 24px;
  background: var(--popup-bg);
  box-shadow: var(--popup-shadow-soft);
  border: 1px solid var(--popup-border);
  z-index: 5400;
  box-sizing: border-box;
}

.search-page__group-popover-title {
  margin: 0;
  padding: 10px 10px 6px;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.search-page__group-popover-option {
  width: 100%;
  min-height: 42px;
  padding: 0 15px;
  border: 0;
  border-radius: 18px;
  background: transparent;
  color: #232030;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.18s ease;
}

.search-page__group-popover-option:hover,
.search-page__group-popover-option:focus-visible,
.search-page__group-popover-option:active {
  background: var(--sort-option-hover);
}

.search-page__group-popover-option.is-selected {
  background: var(--sort-option-selected-bg);
  color: #232030;
}

.search-page__group-popover-option.is-selected:hover,
.search-page__group-popover-option.is-selected:focus-visible,
.search-page__group-popover-option.is-selected:active {
  background: var(--sort-option-hover);
}

.search-page__group-popover-check {
  order: -1;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1.5px solid var(--popup-border-strong);
  background: var(--popup-bg);
  opacity: 1;
  flex: 0 0 20px;
  position: relative;
}

.search-page__group-popover-option.is-selected .search-page__group-popover-check {
  border-color: #3f6a60;
  background: #3f6a60;
}

.search-page__group-popover-check::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: inherit;
  background: transparent;
  opacity: 0;
}

.search-page__group-popover-option.is-selected .search-page__group-popover-check::after {
  background: var(--popup-bg);
  opacity: 1;
}

.search-page__group-grid {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 15px;
  row-gap: 25px;
}

.search-page__group-grid .cat-card {
  width: 100%;
  min-width: 0;
  --cat-card-scale: var(--search-group-card-scale, 1);
  scroll-snap-align: unset;
}

.page--search.is-group-mode .search-page__group-grid .cat-card--media-square {
  --cat-card-h: 445;
  --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
  aspect-ratio: 325 / 445;
  aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
}

.page--search.is-group-mode .search-page__group-grid .cat-card--no-service .cat-card__store-row {
  top: calc((372 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
}

.search-page__group-loader {
  margin-top: 18px;
}


.search-page__group-loader-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.search-page__group-loader-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 382px;
  padding: 0 0 12px;
}

.search-page__group-loader-media {
  width: 100%;
  aspect-ratio: 325 / 325;
  border-radius: 20px;
}

.search-page__group-loader-line--title {
  width: 82%;
}

.search-page__group-loader-line--price {
  width: 48%;
}

.search-page__group-empty {
  width: min(720px, 100%);
  margin: 14px auto 0;
  padding: 44px 28px;
  border-radius: 30px;
  background: #eee5da;
  text-align: center;
}

.search-page__group-empty-title,
.search-page__group-empty-copy {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
}

.search-page__group-empty-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.search-page__group-empty-copy {
  margin-top: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.search-page__group-empty-reset {
  margin-top: 22px;
  background: #232030;
  color: #f8f1eb;
}

.search-page__content {
  display: grid;
  grid-template-columns: var(--search-filters-width) minmax(0, 1fr);
  align-items: flex-start;
  column-gap: var(--search-filters-gap);
  row-gap: 0;
  min-width: 0;
  transition:
    grid-template-columns var(--search-filters-transition-duration) var(--search-filters-transition-ease),
    column-gap var(--search-filters-transition-duration) var(--search-filters-transition-ease);
}

.search-page__shell.is-filters-open .search-page__content {
  --search-filters-width: var(--search-filters-open-width);
  --search-filters-gap: 15px;
  align-items: stretch;
}

.search-page__filters-column {
  position: relative;
  min-width: 0;
  box-sizing: border-box;
  padding: 0;
  margin-top: 0;
  overflow: hidden;
  pointer-events: none;
  transition: none;
}

.search-page__filters-column.is-open {
  align-self: stretch;
  padding: 0;
  overflow: visible;
  pointer-events: auto;
}

.search-page__main-column {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.search-jedipicks {
  margin: 0 0 12px;
}

.search-jedipicks__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 15px;
}

.search-jedipicks__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.04em;
}

.search-jedipicks__view-all {
  flex: 0 0 auto;
}

.search-jedipicks__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: start;
  gap: 17px;
}

.search-jedipicks .personalized-card {
  --personalized-card-height: 280px;
  --personalized-card-media-height: 171px;
  width: auto;
  min-width: 0;
  height: var(--personalized-card-height);
  display: block;
  color: #232030;
  text-decoration: none;
  overflow: visible;
  background: #f8f1eb;
  border-radius: 20px;
  position: relative;
}

.search-jedipicks .personalized-card:hover,
.search-jedipicks .personalized-card:focus-visible {
  box-shadow: none;
}

.search-jedipicks .personalized-card:focus-visible {
  outline: none;
}

.search-jedipicks__card-media {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.search-jedipicks__card-media-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.search-jedipicks .personalized-card__body {
  top: calc(var(--personalized-card-media-height) + 6px);
  bottom: 10px;
  gap: 3px;
  overflow: hidden;
}

.search-jedipicks .personalized-card__media {
  height: var(--personalized-card-media-height);
  overflow: visible;
  border-radius: 20px;
  transition: box-shadow 0.24s ease;
}

.search-jedipicks .personalized-card__media-surface {
  border-radius: 20px;
}

.search-jedipicks .personalized-card:hover .personalized-card__media,
.search-jedipicks .personalized-card:focus-visible .personalized-card__media {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.search-jedipicks .personalized-card__title.search-jedipicks__card-title {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: block;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: unset;
  font-size: 14px;
  line-height: 1.22;
}

.search-jedipicks__card-rating {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin: 2px 0 0;
  font-family: var(--font-heading);
  color: #232030;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.search-jedipicks__card-rating-star {
  width: 12px;
  height: 12px;
  display: block;
  flex: 0 0 12px;
}

.search-jedipicks__card-rating-count {
  color: #232030;
}

.search-jedipicks__card-price {
  width: 100%;
  margin-top: 1px;
  font-family: var(--font-heading);
}

.search-jedipicks .personalized-card__price-new {
  font-size: 18px;
}

.search-jedipicks .personalized-card__currency {
  font-size: 18px;
}

.search-jedipicks .personalized-card__price-old {
  font-size: 14px;
}

.search-jedipicks .personalized-card--discounted .personalized-card__currency,
.search-jedipicks .personalized-card--discounted .personalized-card__price-new {
  color: #3F6A60;
}


.search-jedipicks .personalized-card__store-row {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  margin-top: 2px;
  padding: 2px 11px 2px 2px;
  border-radius: 999px;
  background: #eee5da;
  color: var(--color-ink-soft);
  text-decoration: none;
}

.search-jedipicks .personalized-card__store-row > svg,
.search-jedipicks .personalized-card__store-row > img.cat-card__store-icon {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  flex: 0 0 20px;
  display: block;
  padding: 4px;
  border-radius: 999px;
  background: rgba(35, 32, 48, 0.08);
  object-fit: contain;
}

.search-jedipicks .personalized-card__store-notch {
  display: none;
}

.search-jedipicks .personalized-card__store {
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search-jedipicks .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .personalized-card__store-row {
  background: var(--personalized-card-partner-color);
  color: var(--color-cream);
}

.search-jedipicks .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .personalized-card__store-row > svg,
.search-jedipicks .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .personalized-card__store-row > img.cat-card__store-icon,
.search-jedipicks .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .cat-card__store-icon {
  background: rgba(255, 255, 255, 0.22);
}

.search-jedipicks .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .personalized-card__store {
  color: var(--color-cream);
  text-decoration: none;
}

.search-jedipicks .personalized-card__hover-actions {
  top: 8px;
  left: 8px;
  right: 8px;
  width: auto;
  max-width: none;
  height: 30px;
  gap: 5px;
}

.search-jedipicks .personalized-card__hover-board {
  height: 30px;
  min-width: 0;
  max-width: none;
  flex: 1 1 0;
  padding: 5px 10px;
  gap: 6px;
}

.search-jedipicks .personalized-card__hover-board-label {
  font-size: 10px;
  line-height: 1.15;
}

.search-jedipicks .personalized-card__hover-board img {
  width: 10px;
  height: 10px;
  flex-basis: 10px;
}

.search-jedipicks .personalized-card__hover-save {
  height: 30px;
  min-width: 59px;
  padding: 5px 10px;
}

.search-jedipicks .personalized-card__hover-save-label {
  font-size: 11px;
  line-height: 1.15;
}

.search-jedipicks .personalized-card__hover-save img {
  width: 14px;
  height: 14px;
}

.search-jedipicks .personalized-card.is-product-saved .personalized-card__hover-actions,
.search-jedipicks .personalized-card.is-in-collection .personalized-card__hover-actions {
  justify-content: flex-end;
}

.search-jedipicks .personalized-card.is-product-saved .personalized-card__hover-board,
.search-jedipicks .personalized-card.is-in-collection .personalized-card__hover-board {
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 68px);
  height: 30px;
  min-height: 0;
  padding: 0 3px 0 0;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

.search-jedipicks .personalized-card.is-product-saved .personalized-card__hover-board-label,
.search-jedipicks .personalized-card.is-in-collection .personalized-card__hover-board-label {
  font-size: 10px;
  line-height: 1.25;
  font-weight: 720;
}

.search-page__results {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.search-page .cat-filters-meta {
  margin-top: -1px;
  margin-bottom: 5px;
  min-height: 20px;
}

.search-page__shell.is-personalized-mode .cat-filters-meta {
  margin-top: 0;
}

.search-page .cat-filters {
  margin-top: 0;
  position: static;
  top: auto;
  z-index: auto;
  background: transparent;
}

.search-assistant-bar {
  width: 100%;
  min-height: 64px;
  margin: -12px 0 0;
  padding: 10px 16px;
  border: 1px solid rgba(35, 32, 48, 0.12);
  border-radius: 18px;
  background: rgba(255, 249, 241, 0.7);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.44) inset;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  box-sizing: border-box;
  transition:
    margin-left var(--search-filters-transition-duration) var(--search-filters-transition-ease),
    width var(--search-filters-transition-duration) var(--search-filters-transition-ease);
}

.search-assistant-bar[hidden] {
  display: none !important;
}

.search-assistant-bar__copy {
  min-width: 0;
  min-height: 28px;
  display: flex;
  align-items: center;
  color: #232030;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 650;
  line-height: 1.18;
  letter-spacing: 0;
}

.search-assistant-bar__typed {
  min-width: 0;
  overflow-wrap: anywhere;
}

.search-assistant-bar__cursor {
  display: none;
}

.search-assistant-bar__button {
  position: relative;
  isolation: isolate;
  min-height: 42px;
  min-width: 142px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-cream) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  transform-origin: center;
  box-shadow: none;
  transform: none;
  transition: color 0.18s ease;
}

.search-assistant-bar__button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: var(--color-ink);
  transform: scale(1);
  transform-origin: center;
  transition: background-color 0.18s ease, transform 0.18s ease;
  pointer-events: none;
}

.search-assistant-bar__button span {
  position: relative;
  z-index: 1;
}

.search-assistant-bar__button:hover,
.search-assistant-bar__button:focus-visible {
  background: transparent;
  outline: none;
  box-shadow: none;
  transform: none;
}

.search-assistant-bar__button:hover::before,
.search-assistant-bar__button:focus-visible::before {
  background: var(--color-forest);
  transform: scale(1.035);
}

.search-assistant-bar__button:active {
  transform: none;
}

.search-assistant-bar__button:active::before {
  transform: scale(1.015);
}

.search-page .cat-filters__applied-rail {
  min-height: 42px;
  height: 42px;
  align-self: flex-start;
  overflow: visible;
}

.search-page .cat-filters__applied-viewport {
  min-height: 42px;
  height: 42px;
  overflow: hidden;
}

.search-page .cat-filters__applied {
  min-height: 42px;
  height: 42px;
  gap: 7px;
  padding: 0 2px;
  align-items: center;
  overflow-y: hidden;
}


.search-page .cat-filters__applied-group {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
}

.search-page .cat-filters__applied-nav {
  top: 4.5px;
  z-index: 4;
}

.search-page .cat-filters__applied-fade {
  height: 42px;
}

.search-page .search-query-refinement {
  height: 42px;
  min-height: 42px;
  border-radius: 999px;
  flex: 0 0 auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0;
  overflow: visible;
  box-sizing: border-box;
  isolation: isolate;
}

.search-page .search-query-refinement:hover,
.search-page .search-query-refinement:focus-within {
  z-index: 2;
}

.search-page .search-query-refinement::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--search-query-refinement-bg, transparent);
  transform-origin: center;
  transform: scale(1);
  transition: transform 0.18s ease;
  z-index: 0;
  will-change: transform;
}

.search-page .search-query-refinement:hover::before,
.search-page .search-query-refinement:focus-within::before {
  transform: scale(1.038);
}

.search-page .search-query-refinement--active {
  --search-query-refinement-bg: #232030;
}

.search-page .search-query-refinement--suggested {
  --search-query-refinement-bg: #eee5da;
}

.search-page .search-query-refinement__main,
.search-page .search-query-refinement__remove,
.search-page .search-query-refinement__suggest {
  border: 0;
  background: transparent;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  line-height: 1;
}

.search-page .search-query-refinement__remove,
.search-page .search-query-refinement__suggest {
  cursor: pointer;
}

.search-page .search-query-refinement__main,
.search-page .search-query-refinement__suggest {
  min-height: 42px;
}

.search-page .search-query-refinement__main {
  padding: 0 8px 0 14px;
  color: #f8f1eb !important;
  font-size: 14px;
  font-weight: 600;
  cursor: default;
}

.search-page__group-filter-button--event {
  gap: 9px;
}

.search-page__group-filter-button-icon {
  width: 14px;
  height: 14px;
  display: block;
  flex: 0 0 14px;
  object-fit: contain;
  
  filter: brightness(0);
}

.search-page__group-filter-button.is-active .search-page__group-filter-button-icon {
  filter: brightness(0) saturate(100%) invert(96%) sepia(17%) saturate(434%) hue-rotate(302deg) brightness(104%) contrast(94%);
}

.search-page__group-interstitial {
  grid-column: 1 / -1;
  margin: 24px 0 16px;
}

.search-page__group-interstitial .search-pivots {
  margin: 0;
}

.search-page .search-query-refinement__remove {
  width: 34px;
  min-width: 34px;
  flex: 0 0 34px;
  min-height: 34px;
  height: 34px;
  margin: 4px 4px 4px 0;
  padding: 0;
  border-radius: 999px;
  color: #f8f1eb;
  font-size: 0;
  transition: background-color 0.18s ease;
}

.search-page .search-query-refinement__remove:hover,
.search-page .search-query-refinement__remove:focus-visible {
  background: rgba(248, 241, 235, 0.12);
}

.search-page .search-query-refinement__remove::before {
  content: none;
}

.search-page .search-query-refinement__remove-icon {
  width: 13px;
  height: 13px;
  display: block;
  flex: 0 0 13px;
  pointer-events: none;
}

.search-page .search-query-refinement__suggest {
  padding: 0 14px;
  color: #232030 !important;
  font-size: 14px;
  font-weight: 600;
}

.search-page .search-query-refinement__suggest:hover,
.search-page .search-query-refinement__suggest:focus-visible {
  background: transparent;
}

.search-page .search-query-refinement__label {
  white-space: nowrap;
}

.search-page .cat-filters__applied .cat-filters__chip {
  height: 42px;
  min-height: 42px;
  background: #232030 !important;
  border-radius: 999px;
}

.search-page .cat-filters__applied .cat-filters__chip-main {
  min-height: 42px;
  padding: 0 8px 0 14px;
  color: #f8f1eb !important;
  cursor: default;
}

.search-page .cat-filters__applied .cat-filters__chip-icon,
.search-page .cat-filters__applied .cat-filters__chip-chevron,
.search-page .cat-filters__applied .cat-filters__chip-divider {
  display: none !important;
}

.search-page .cat-filters__applied .cat-filters__chip-remove {
  width: 34px;
  height: 34px;
  min-height: 34px;
  flex: 0 0 34px;
  margin: 4px 4px 4px 0;
  background: transparent;
  border-radius: 999px;
}

.search-page .cat-filters__applied .cat-filters__chip-remove:hover,
.search-page .cat-filters__applied .cat-filters__chip-remove:focus-visible {
  background: rgba(248, 241, 235, 0.12);
}

.search-page .cat-filters__applied .cat-filters__chip-remove-icon {
  width: 12px;
  height: 12px;
  filter: brightness(0) saturate(100%) invert(96%) sepia(17%) saturate(434%) hue-rotate(302deg) brightness(104%) contrast(94%);
}

.search-page .cat-filters__left {
  transition: margin-left var(--search-filters-transition-duration) var(--search-filters-transition-ease);
}

.search-page__results .cards-grid {
  width: 100%;
  margin-top: 0;
}

.search-page__results .search-empty-state {
  grid-column: 1 / -1;
  min-width: 0;
  margin-top: 6px;
}

@media (max-width: 1100px) {
  .search-jedipicks__grid {
    --search-jedipicks-rail-gap: 16px;
    display: flex;
    grid-template-columns: none;
    gap: var(--search-jedipicks-rail-gap);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .search-jedipicks__grid::-webkit-scrollbar {
    display: none;
  }

  .search-jedipicks__grid > * {
    flex: 0 0 clamp(210px, 30vw, 248px);
    scroll-snap-align: start;
  }
}

@media (max-width: 720px) {
  .search-jedipicks {
    margin-bottom: 22px;
  }

  .search-jedipicks__header {
    gap: 12px;
    margin-bottom: 12px;
    align-items: center;
  }

  .search-jedipicks__title {
    font-size: 18px;
  }

  .search-jedipicks__grid {
    --search-jedipicks-rail-gap: 14px;
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
    margin-right: 0;
  }

  .search-jedipicks__grid::-webkit-scrollbar {
    display: none;
  }

  .search-jedipicks__grid > * {
    flex-basis: calc((100% - var(--search-jedipicks-rail-gap)) / 2.2);
  }

  .search-jedipicks__card {
    --personalized-card-width: calc((100vw - 20px - var(--search-jedipicks-rail-gap)) / 2.2);
    --personalized-card-height: calc(var(--personalized-card-width) + 120px);
    --personalized-card-media-height: var(--personalized-card-width);
  }

  
  .search-curated-card__frame {
    grid-template-columns: 1fr;
    height: auto;
    row-gap: 14px;
  }
  .search-curated-card__media-main {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .search-curated-card__thumbs {
    display: none;
  }
}

@media (max-width: 520px) {
  .search-jedipicks__grid {
    grid-template-columns: none;
  }
}

.search-empty-state__panel {
  position: relative;
  overflow: visible;
  border-radius: 0;
  padding: clamp(16px, 2.6vw, 34px) 0 0;
  min-height: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
}

.search-empty-state__panel::before,
.search-empty-state__panel::after {
  content: none;
}

.search-empty-state__lead,
.search-empty-state__content {
  position: relative;
  z-index: 1;
}

.search-empty-state__title,
.search-empty-state__subtitle,
.search-empty-state__collection-title,
.search-empty-state__collection-text,
.search-empty-state__cta {
  margin: 0;
  font-family: var(--font-heading);
}

.search-empty-state__title {
  max-width: 58ch;
  color: var(--color-ink);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
}

.search-empty-state__subtitle {
  margin-top: 8px;
  color: var(--color-ink-soft);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}

.search-empty-state__content {
  margin-top: clamp(18px, 2.4vw, 30px);
  display: grid;
  grid-template-columns: minmax(320px, 0.86fr) minmax(360px, 0.74fr);
  align-items: center;
  gap: clamp(26px, 5vw, 84px);
}

.search-empty-state__copy-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(24px, 3.4vw, 46px);
}

.search-empty-state__collection {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.search-empty-state__collection-copy {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.search-empty-state__collection-title {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.05;
}

.search-empty-state__collection-text {
  max-width: 235px;
  color: var(--color-ink-soft);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.35;
}

.search-empty-state__cta {
  min-height: 62px;
  padding: 6px 27px;
  border: 0;
  border-radius: 999px;
  background: var(--color-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--color-cream);
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  position: relative;
  overflow: visible;
  isolation: isolate;
}

.search-empty-state__cta::before {
  content: none;
}

.search-empty-state__cta-label,
.search-empty-state__cta-icon {
  position: relative;
  z-index: 1;
}

.search-empty-state__cta-label {
  color: var(--color-cream);
}

.search-empty-state__cta-icon {
  width: 22px;
  height: 14px;
  display: block;
  filter: brightness(0) invert(1);
  transform: translateX(0) scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
}

.search-empty-state__cta:hover .search-empty-state__cta-icon,
.search-empty-state__cta:focus-visible .search-empty-state__cta-icon {
  transform: translateX(4px) scale(1.04);
}

.search-empty-state__art {
  min-width: 0;
  display: flex;
  justify-content: center;
  align-self: center;
  margin-top: 0;
}

.search-empty-state__art img {
  display: block;
  width: min(100%, 430px);
  height: auto;
}

.search-empty-state__suggestions {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  justify-content: stretch;
  gap: 12px;
  min-width: 0;
  margin-top: clamp(22px, 2.6vw, 36px);
}

.search-empty-interest-card {
  position: relative;
  width: 100%;
  max-width: 167px;
  min-height: 226px;
  padding: 10px 5px 0;
  border: 0;
  border-radius: 30px;
  background: var(--search-empty-interest-card-bg, var(--filter-pill-bg));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  box-sizing: border-box;
  isolation: isolate;
  cursor: pointer;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

.search-empty-interest-card:hover,
.search-empty-interest-card:focus-visible {
  transform: translateY(-3px);
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.search-empty-interest-card__title {
  position: relative;
  z-index: 2;
  width: 157px;
  max-width: 100%;
  min-height: 58px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--search-empty-interest-card-title-color, var(--color-ink));
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

.search-empty-interest-card__media {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  z-index: 1;
  height: 148px;
  border-radius: 28px;
  overflow: hidden;
  background: var(--popup-bg);
}

.search-empty-interest-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  opacity: 1;
}

.search-empty-interest-card--sky {
  --search-empty-interest-card-bg: color-mix(in srgb, var(--color-forest) 28%, var(--popup-bg));
  --search-empty-interest-card-title-color: var(--color-ink);
}

.search-empty-interest-card--iris {
  --search-empty-interest-card-bg: color-mix(in srgb, var(--color-ink) 52%, var(--color-forest));
  --search-empty-interest-card-title-color: var(--color-cream);
}

.search-empty-interest-card--amber {
  --search-empty-interest-card-bg: var(--sort-control-bg);
  --search-empty-interest-card-title-color: var(--color-ink);
}

.search-empty-interest-card--sun {
  --search-empty-interest-card-bg: color-mix(in srgb, var(--color-sand-dark) 70%, var(--color-cream));
  --search-empty-interest-card-title-color: var(--color-ink);
}

.search-empty-interest-card--sage {
  --search-empty-interest-card-bg: color-mix(in srgb, var(--color-forest) 16%, var(--color-sand));
  --search-empty-interest-card-title-color: var(--color-ink);
}

.search-empty-interest-card--rose {
  --search-empty-interest-card-bg: color-mix(in srgb, var(--sort-control-bg) 52%, var(--popup-bg-soft));
  --search-empty-interest-card-title-color: var(--color-ink);
}

.search-empty-interest-card--linen {
  --search-empty-interest-card-bg: var(--color-line);
  --search-empty-interest-card-title-color: var(--color-ink);
}

.search-empty-interest-card--clay {
  --search-empty-interest-card-bg: color-mix(in srgb, var(--color-forest) 18%, var(--sort-control-bg));
  --search-empty-interest-card-title-color: var(--color-ink);
}


.search-empty-popular-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.search-empty-popular-pills__item {
  min-width: 0;
}

.search-empty-popular-pill {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  background: transparent;
  color: var(--color-cream);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.16s ease;
}

.search-empty-popular-pill__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--color-olive-pill);
  box-shadow: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
  will-change: transform;
}

.search-empty-popular-pill__label {
  position: relative;
  z-index: 1;
}

.search-empty-popular-pill:hover .search-empty-popular-pill__bg,
.search-empty-popular-pill:focus-visible .search-empty-popular-pill__bg {
  transform: scale(var(--hover-grow-scale));
}

.search-empty-popular-pill:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.38);
  outline-offset: 3px;
  border-radius: 999px;
}

.search-page__shell.is-filters-open .search-page__results .cards-grid {
  gap: 15px;
}

.search-page .pager {
  margin-top: 30px;
}

.search-page__shell.is-empty-results .pager {
  display: none !important;
}

.search-page__shell.is-empty-results .cat-filters__applied-nav,
.search-page__shell.is-empty-results .cat-filters__applied-fade {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}




.search-page-skeleton {
  background: #f8f1eb;
  padding: 24px 0 96px;
}

.search-page-skeleton__section + .search-page-skeleton__section {
  margin-top: 30px;
}

.search-page-skeleton__title {
  display: flex;
  justify-content: flex-start;
}

.search-page-skeleton__title-bar {
  width: min(420px, 60vw);
}

.search-page-skeleton__meta {
  display: flex;
  justify-content: flex-end;
}

.search-page-skeleton__meta-text {
  width: 200px;
}

.search-page-skeleton__filters {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.search-page-skeleton__filter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.search-page-skeleton__filter-main {
  width: 120px;
  flex: 0 0 auto;
}

.search-page-skeleton__filter-chip {
  width: 168px;
  flex: 0 0 auto;
}

.search-page-skeleton__filter-spacer {
  flex: 1 1 auto;
}

.search-page-skeleton__filter-sort {
  width: 152px;
  flex: 0 0 auto;
}

.search-page-skeleton__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.search-page-skeleton__card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.search-page-skeleton__card-media {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 20px;
}

.search-page-skeleton__card-title {
  width: 88%;
}

.search-page-skeleton__card-title--short {
  width: 62%;
}

.search-page-skeleton__card-row {
  display: flex;
  gap: 10px;
}

.search-page-skeleton__card-pill {
  flex: 0 0 calc((100% - 20px) / 3);
}

@media (max-width: 1024px) {
  .search-page-skeleton__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .search-page-skeleton {
    padding-block: 16px 32px;
  }
  .search-page-skeleton__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .search-page-skeleton__title-bar {
    width: min(300px, 70vw);
    height: 22px;
  }
  .search-page-skeleton__filter-bar {
    flex-wrap: wrap;
  }
  .search-page-skeleton__filter-spacer {
    display: none;
  }
}

.page--search .search-page__filters-column .cat-filters-drawer {
  position: sticky;
  inset: auto;
  top: var(--search-filter-sidebar-current-top);
  width: var(--search-filters-panel-width);
  max-height: calc(100vh - var(--search-filter-sidebar-current-top) - 18px);
  z-index: 2;
  pointer-events: none;
  overflow: visible;
  transform: translateX(-100%);
  opacity: 0;
  transition:
    transform var(--search-filters-drawer-transition-duration) var(--search-filters-transition-ease),
    opacity calc(var(--search-filters-drawer-transition-duration) * 0.78) ease;
  will-change: transform;
}

.page--search .search-page__filters-column .cat-filters-drawer.is-open {
  pointer-events: auto;
  transform: none;
  opacity: 1;
}

.page--search .search-page__filters-column .cat-filters-drawer__backdrop,
.page--search .search-page__filters-column .cat-filters-drawer__close,
.page--search .search-page__filters-column .cat-filters-drawer__footer {
  display: none !important;
}

.page--search .search-page__filters-column .cat-filters-drawer__panel {
  position: relative;
  top: auto;
  left: auto;
  width: var(--search-filters-panel-width);
  max-width: none;
  min-height: calc(100vh - 180px);
  max-height: inherit;
  height: auto;
  transform: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  overflow: visible;
  box-sizing: border-box;
}

.page--search .search-page__filters-column .cat-filters-drawer__header {
  padding: 0 0 18px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 0;
}

.page--search .search-page__filters-column .cat-filters-drawer__title {
  font-size: var(--popup-title-size, 25px);
  font-weight: var(--popup-title-weight, 600);
  line-height: var(--popup-title-line-height, 1.16);
  letter-spacing: var(--popup-title-letter-spacing, 0);
}

.cat-filters-drawer__reset {
  width: 99px;
  min-width: 99px;
  height: 42px;
  padding: 7px 13px;
  border: 0;
  border-radius: 999px;
  background: var(--color-ink);
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: auto;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.cat-filters-drawer__reset-label {
  color: var(--color-cream);
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.cat-filters-drawer__reset:hover,
.cat-filters-drawer__reset:focus-visible {
  background: var(--color-forest);
  box-shadow: none;
}

.page--search .search-page__filters-column .cat-filters-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  margin-inline: -8px;
  padding: 0 8px 8px;
  gap: 14px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.page--search .search-page__filters-column .cat-filters-drawer__body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.page--search .search-page__filters-column .cat-filters-drawer__main-view,
.page--search .search-page__filters-column .cat-filters-drawer__category-browser-view {
  min-height: 0;
}

.page--search .search-page__filters-column .cat-filters-drawer__category {
  gap: 10px;
}

.page--search .search-page__filters-column .cat-filters-drawer__category-button {
  min-height: 48px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
}

.page--search .search-page__filters-column .cat-filters-drawer__sections {
  gap: 12px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section {
  padding: 7px 7px 16px 8px;
  border-radius: 18px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
}

.page--search .search-page__filters-column .cat-filters-drawer__section.is-collapsed {
  padding: 7px 7px 7px 8px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section-head {
  min-height: 44px;
  padding-left: 8px;
  gap: 12px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section-title {
  gap: 6px;
  font-size: 12px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section-title-icon {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section-toggle {
  width: 56px;
  height: 44px;
  min-height: 44px;
}

.page--search .search-page__filters-column .cat-filters-drawer__option {
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  padding: 6px 10px 6px 12px;
}

.page--search .search-page__filters-column .cat-filters-drawer__option-label {
  font-size: 13px;
}

.page--search .search-page__filters-column .cat-filters-drawer__control {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
}

.page--search .search-page__filters-column .cat-filters-drawer__control::after {
  inset: 4px;
}

.page--search .search-page__filters-column .cat-filters-drawer__custom-field-row {
  padding-left: 12px;
  padding-right: 12px;
}

.page--search .search-page__filters-column .cat-filters-drawer__field,
.page--search .search-page__filters-column .cat-filters-drawer__price-field {
  max-width: none;
  width: 100%;
}

.page--search .search-page__filters-column .cat-filters-drawer__price-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

.page--search .search-page__filters-column .cat-filters-drawer__price-input-card {
  min-width: 0;
  padding: 7px 14px 8px;
}

.page--search .search-page__filters-column .cat-filters-drawer__price-input-label {
  font-size: 10px;
}

.page--search .search-page__filters-column .cat-filters-drawer__price-input-row {
  font-size: 13px;
}

.page--search .search-page__filters-column .cat-filters-drawer__price-input-separator,
.page--search .search-page__filters-column .cat-filters-drawer__price-apply {
  display: none;
}

.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__options,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__options,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__options,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__options,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 6px;
  padding: 8px 8px 12px;
  overflow: visible;
}

.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option {
  min-height: 76px;
  height: 76px;
  gap: 5px;
  padding: 3px 1px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__swatch,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__swatch,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__swatch {
  height: 42px;
  min-height: 42px;
  max-height: 42px;
  flex-basis: 42px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option {
  min-width: 0;
  min-height: 78px;
  padding: 6px 2px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__swatch {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="color"] .cat-filters-drawer__option-label,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="gem-color"] .cat-filters-drawer__option-label,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="metal-type"] .cat-filters-drawer__option-label,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option-label,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option-label,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="birthstone"] .cat-filters-drawer__option-sublabel,
.page--search .search-page__filters-column .cat-filters-drawer__section[data-filter-drawer-section="scent-family"] .cat-filters-drawer__option-sublabel {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10.5px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="age-rating"]) .cat-filters-drawer__options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px 8px 10px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="age-rating"]) .cat-filters-drawer__option {
  min-height: 58px;
  padding: 8px 6px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="age-rating"]) .cat-filters-drawer__option-label {
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: initial;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px 8px 10px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__option {
  height: auto;
  min-height: 58px;
  padding: 8px 6px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="size"],[data-filter-drawer-section="ring-size"],[data-filter-drawer-section="gold-karat"],[data-filter-drawer-section="chain-length"],[data-filter-drawer-section="earring-back"],[data-filter-drawer-section="fit"],[data-filter-drawer-section="season"],[data-filter-drawer-section="assembly-required"],[data-filter-drawer-section="shoe-size"],[data-filter-drawer-section="heel-height"],[data-filter-drawer-section="toe-shape"],[data-filter-drawer-section="bag-size"],[data-filter-drawer-section="pet-size"],[data-filter-drawer-section="age-rating"],[data-filter-drawer-section="num-players"],[data-filter-drawer-section="skill-level"],[data-filter-drawer-section="bulk-size"],[data-filter-drawer-section="kids-age-stage"],[data-filter-drawer-section="kids-gender-style"],[data-filter-drawer-section="screen-free"],[data-filter-drawer-section="play-environment"],[data-filter-drawer-section="power-source"],[data-filter-drawer-section="device-compatibility"],[data-filter-drawer-section="device-connection"],[data-filter-drawer-section="orientation"],[data-filter-drawer-section="framed-status"],[data-filter-drawer-section="art-edition"],[data-filter-drawer-section="signed"],[data-filter-drawer-section="vegan-cruelty"],[data-filter-drawer-section="dpi"],[data-filter-drawer-section="bundle-size"],[data-filter-drawer-section="customizable"],[data-filter-drawer-section="license-type"],[data-filter-drawer-section="bag-closure"],[data-filter-drawer-section="strap-type"],[data-filter-drawer-section="shoe-closure"]) .cat-filters-drawer__option-label {
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: initial;
}

.page--search .search-page__filters-column .cat-filters-drawer__section.cat-filters-drawer__section--text-options .cat-filters-drawer__options {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 8px 0 0;
}

.page--search .search-page__filters-column .cat-filters-drawer__section.cat-filters-drawer__section--text-options .cat-filters-drawer__option {
  width: 100%;
  min-height: 46px;
  height: auto;
  padding: 6px 13px;
  border-radius: 10px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  text-align: left;
  overflow: visible;
}

.page--search .search-page__filters-column .cat-filters-drawer__section.cat-filters-drawer__section--text-options .cat-filters-drawer__option .cat-filters-drawer__control {
  display: block;
}

.page--search .search-page__filters-column .cat-filters-drawer__section.cat-filters-drawer__section--text-options .cat-filters-drawer__option-label {
  display: block;
  width: auto;
  min-width: 0;
  max-width: 100%;
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: balance;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 8px;
  padding: 8px 8px 10px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option {
  height: auto;
  min-height: 92px;
  padding: 8px 4px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option-icon {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
}

.page--search .search-page__filters-column .cat-filters-drawer__section:is([data-filter-drawer-section="sleeve"],[data-filter-drawer-section="neckline"],[data-filter-drawer-section="garment-length"],[data-filter-drawer-section="gem-cut"],[data-filter-drawer-section="furniture-type"],[data-filter-drawer-section="lighting-type"],[data-filter-drawer-section="shoe-type"],[data-filter-drawer-section="bag-type"],[data-filter-drawer-section="pet-type"],[data-filter-drawer-section="device-type"],[data-filter-drawer-section="hair-type"],[data-filter-drawer-section="accessory-type"],[data-filter-drawer-section="wedding-piece"],[data-filter-drawer-section="party-type"],[data-filter-drawer-section="craft-category"],[data-filter-drawer-section="pet-product"],[data-filter-drawer-section="kids-category"]) .cat-filters-drawer__option-label {
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: initial;
}

.page--search .search-page__filters-column .cat-filters-drawer__more {
  width: calc(100% - 10px);
}

.cat-filters-drawer__category-browser-head {
  display: flex;
  align-items: center;
}

.cat-filters-drawer__browser-back {
  min-height: 36px;
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  background: #eee5da;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.cat-filters-drawer__browser-back-icon {
  width: 18px;
  height: 12px;
  display: block;
}

@media (min-width: 981px) {
  .page--search .search-page__filters-column .cat-filters-drawer__header {
    visibility: visible;
    pointer-events: auto;
    padding: 0 0 12px;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__title {
    font-size: var(--popup-title-size, 25px);
    line-height: var(--popup-title-line-height, 1.16);
  }
}

@media (max-width: 1180px) {
  .search-page__group-grid,
  .search-page__group-loader-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .search-empty-state__content {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .search-empty-state__suggestions {
    grid-template-columns: repeat(auto-fit, minmax(146px, 167px));
  }

  .search-empty-state__collection-text {
    max-width: 320px;
  }
}

@media (max-width: 767px) {
  .search-page__content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .search-page__shell.is-filters-open .search-page__content {
    gap: 18px;
  }

  .search-page__shell.is-filters-open .cat-filters__left {
    margin-left: 0;
  }

  .search-page__shell.is-filters-open .search-page__filters-column {
    margin-top: 0;
  }

  .search-page__filters-column {
    width: auto;
    max-width: none;
    transform: none;
  }

  .search-page__filters-column:not(.is-open) {
    display: none;
  }

  .search-page__filters-column.is-open {
    display: block;
    transform: none;
  }

  .page--search .search-page__filters-column .cat-filters-drawer {
    position: relative;
    top: auto;
    width: 100%;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__panel {
    width: 100%;
    min-height: 0;
  }
}

@media (min-width: 768px) {
  .search-page .cat-filters::before {
    content: none;
  }

  .search-page .cat-filters__applied-rail {
    min-height: 48px;
    height: 48px;
    align-self: center;
  }

  .search-page .cat-filters__applied-viewport,
  .search-page .cat-filters__applied {
    min-height: 48px;
    height: 48px;
  }

  .search-page .cat-filters__applied {
    padding: 3px;
  }

  .search-page .cat-filters__applied-nav {
    top: 7.5px;
  }

  .search-page .cat-filters__applied-fade {
    height: 48px;
  }

  .search-page .cat-filters__bar,
  .search-page .cat-filters__left,
  .search-page .cat-filters__right {
    align-items: center;
  }

  .search-page__shell.is-filters-open .cat-filters__left {
    margin-left: calc(var(--search-filters-panel-width) + 15px);
  }

  .search-page__shell.is-filters-open .search-page__filters-column {
    margin-top: var(--search-filters-open-column-offset);
  }
}

@media (min-width: 981px) {
  .search-page__shell.is-filters-open .search-assistant-bar {
    width: calc(100% - var(--search-filters-panel-width) - 15px);
    margin-left: calc(var(--search-filters-panel-width) + 15px);
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  .search-page__shell.is-filters-open .search-page__filters-column {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .search-page {
    padding: 0 0 44px;
  }

  .page--search.has-mobile-quick-nav .search-page {
    padding-bottom: calc(112px + env(safe-area-inset-bottom));
  }

  .page--search.has-mobile-quick-nav .search-page__results .cat-card__cart[data-product-cart] {
    display: none;
  }

  .page--search.has-mobile-quick-nav .search-page__results .cat-card[data-product-source="jedipic"] .cat-card__cart[data-product-cart] {
    display: inline-flex;
  }

  .search-page__shell {
    gap: 18px;
  }

  .search-page__personalized-hero-inner {
    align-items: flex-start;
    text-align: left;
    padding: 0 0 6px;
  }

  .search-page__personalized-title {
    font-size: clamp(30px, 9vw, 42px);
  }

  .page--search.is-curated-group-mode .search-page__group-title {
    font-size: clamp(27px, 7.2vw, 31px);
    line-height: 1.08;
  }

  .search-page__personalized-copy {
    max-width: 100%;
    font-size: 15px;
  }

  .search-page__group-hero-inner {
    align-items: center;
    text-align: center;
  }

  .page--search.is-gift-room-group-mode .search-page__group-hero-frame {
    padding: 0;
  }

  .page--search.is-gift-room-group-mode .search-page__personalized-hero-inner {
    padding: 0 0 2px;
  }

  .page--search.is-gift-room-group-mode .search-page__group-title {
    font-size: 26px;
  }

  .page--search.is-gift-room-group-mode .search-page__personalized-copy {
    max-width: 92%;
    font-size: 13px;
  }

  .page--search.is-curated-group-mode .search-page__group-spotlight {
    width: 100vw;
    max-width: none;
    margin: 10px calc(50% - 50vw) 2px;
    padding: 0 16px 4px;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: clamp(118px, calc(40vw - 22px), 156px);
    grid-template-columns: none;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .page--search.is-curated-group-mode .search-page__group-spotlight::-webkit-scrollbar {
    display: none;
  }

  .page--search.is-curated-group-mode .search-page__group-spotlight-card {
    scroll-snap-align: start;
  }

  .page--search.is-curated-group-mode .search-page__group-spotlight-media {
    aspect-ratio: 1.28 / 1;
  }

  .search-page__group-bar.is-popover-open {
    z-index: 12149;
  }

  .search-page__group-bar.is-popover-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: var(--popup-overlay);
    z-index: 12140;
  }

  .search-page__group-bar-inner {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: 0;
    padding: 6px 16px;
    box-sizing: border-box;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .search-page__group-bar-inner::-webkit-scrollbar {
    display: none;
  }

  .search-page__group-filters,
  .search-page__group-bar-actions {
    width: auto;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 16px;
  }

  .search-page__group-filter-chip,
  .search-page__group-filter-button,
  .search-page__group-sort-trigger,
  .search-page__group-empty-reset {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .search-page__group-filter-button,
  .search-page__group-sort-trigger {
    width: auto;
    min-width: 0;
    min-height: 42px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 14px;
  }

  .search-page__group-sort-trigger {
    min-width: 108px;
  }

  .search-page__group-filter-chip .search-page__group-filter-button {
    padding-right: 8px;
  }

  .search-page__group-popover {
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: 70vh;
    overflow-y: auto;
    border-radius: 20px 20px 0 0;
    padding: 16px 20px 28px;
    box-shadow: 0 -8px 28px rgba(35, 32, 48, 0.18);
    z-index: 12150 !important;
    transform: none !important;
  }

  .search-page__group-grid,
  .search-page__group-loader-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
    margin-right: 0;
  }

  .page--search.is-group-mode .search-page__group-grid .cat-card--media-square {
    --cat-card-height: 670px;
    aspect-ratio: 325 / 670;
  }

  .page--search.is-group-mode .search-page__group-grid .cat-card--no-service .cat-card__store-row {
    top: calc((443 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  }

  .search-page__group-empty {
    padding: 32px 18px;
    border-radius: 24px;
  }

  .search-page__group-empty-title {
    font-size: 20px;
  }

  .search-page__group-empty-copy {
    font-size: 14px;
  }

  .search-page__group-context {
    justify-content: flex-start;
    gap: 8px;
  }

  .page--search.is-gift-room-group-mode .search-page__group-context {
    justify-content: center;
  }

  .search-page__group-context-pill {
    min-height: 32px;
    padding: 7px 12px;
    font-size: 12px;
  }

  .search-assistant-bar {
    width: calc(100vw - 32px);
    margin: -12px calc(50% - 50vw + 16px) 0;
    min-height: 108px;
    padding: 12px;
    border-radius: 16px;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    cursor: pointer;
  }

  .search-assistant-bar__copy {
    min-height: 40px;
    align-items: flex-start;
    font-size: 19px;
    line-height: 1.16;
  }

  .search-assistant-bar__button {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding-inline: 18px;
    font-size: 15px;
  }

  .search-page .cat-filters__applied-rail {
    width: 100vw;
    max-width: none;
    flex-basis: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    min-height: 58px;
    align-self: stretch;
    overflow: visible;
  }

  .search-page .cat-filters__applied-viewport,
  .search-page .cat-filters__applied {
    min-height: 58px;
    height: auto;
  }

  .search-page .cat-filters__applied-viewport {
    overflow-x: hidden;
    overflow-y: visible;
  }

  .search-page .cat-filters__applied {
    gap: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    box-sizing: border-box;
    overflow-y: hidden;
  }

  .search-page .search-query-refinement {
    height: 44px;
  }

  .search-page .search-query-refinement__main,
  .search-page .search-query-refinement__suggest {
    min-height: 44px;
  }

  .search-page .search-query-refinement__main {
    padding-left: 16px;
    padding-right: 8px;
  }

  .search-page .search-query-refinement__suggest {
    padding: 0 16px;
  }

  .search-page .search-query-refinement__remove {
    width: 44px;
    min-width: 44px;
    flex-basis: 44px;
    min-height: 44px;
    height: 44px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .search-page__content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .search-page__shell.is-filters-open .search-page__content {
    gap: 18px;
  }

  .search-page__filters-column {
    width: auto;
    max-width: none;
    transform: none;
  }

  .search-page__filters-column.is-open {
    transform: none;
  }

  .page--search .search-page__filters-column .cat-filters-drawer {
    position: relative;
    top: auto;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__panel {
    width: 100%;
    min-height: 0;
  }

  .search-page__results .search-empty-state {
    margin-top: 0;
  }

  .search-empty-state__panel {
    min-height: 0;
    padding: 24px 22px 24px;
    border-radius: 28px;
  }

  .search-empty-state__title {
    font-size: 20px;
  }

  .search-empty-state__subtitle {
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.3;
  }

  .search-empty-state__content {
    margin-top: 24px;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .search-empty-state__collection {
    gap: 16px;
  }

  .search-empty-state__collection-title {
    font-size: 22px;
  }

  .search-empty-state__collection-text {
    max-width: none;
    font-size: 16px;
  }

  .search-empty-state__cta {
    min-height: 56px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .search-empty-state__suggestions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .search-empty-interest-card {
    max-width: none;
    min-height: 188px;
    border-radius: 24px;
  }

  .search-empty-interest-card__title {
    font-size: 15px;
    margin-top: 6px;
  }

  .search-empty-interest-card__media {
    left: 4px;
    right: 4px;
    bottom: 4px;
    height: 118px;
    border-radius: 22px;
  }
}

@media (max-width: 760px) {
  .search-curated-card {
    padding-bottom: 18px;
  }

  .search-curated-card__frame {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(78px, 27vw, 122px);
    column-gap: 8px;
    row-gap: 12px;
    height: auto;
    overflow: visible;
  }

  .search-curated-card__media-main {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .search-curated-card__thumbs {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-self: stretch;
    gap: 8px;
    min-width: 0;
    min-height: 0;
  }

  .search-curated-card__thumb {
    width: 100%;
    height: 100%;
  }

  .search-curated-card__content {
    grid-column: 1 / -1;
    height: auto;
    margin: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .search-curated-card__store-row,
  .search-curated-card__title,
  .search-curated-card__price-row,
  .search-curated-card__smart-badge,
  .search-curated-card__actions {
    position: static;
    left: auto;
    top: auto;
  }

  .search-curated-card__store-row {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 5px;
    min-height: 0;
  }

  .search-curated-card__title {
    width: 100%;
    font-size: 16px;
  }

  .search-curated-card__smart-badge {
    width: 100%;
    min-height: 0;
  }

  
  .search-curated-card { padding-bottom: 12px; }
  .search-curated-card__frame { row-gap: 8px; }
  .search-curated-card__content { gap: 6px; }
  .search-curated-card__title { order: 1; font-size: 15px; line-height: 1.25; }
  .search-curated-card__price-row { order: 2; }
  .search-curated-card__signal-badges { order: 3; }
  .search-curated-card__smart-badge { order: 4; }
  .search-curated-card__store-row { order: 5; margin-top: 2px; }
  .search-curated-card__actions { order: 6; margin-top: 4px; }

  .search-kitchen-picks .search-curated-card__frame {
    grid-template-columns: minmax(0, 1fr);
  }

  .search-kitchen-picks .search-curated-card__media-main {
    aspect-ratio: 4 / 3;
  }

  .search-kitchen-picks .search-curated-card__thumbs {
    display: none;
  }

  .search-kitchen-picks .search-curated-card__content {
    grid-column: 1;
    height: auto;
    min-height: 226px;
    padding-top: 0;
  }

  .search-kitchen-picks .search-curated-card__title {
    margin-top: 0;
    
    font-size: 15px;
    line-height: 1.25;
  }

  .search-kitchen-picks .search-curated-card__content {
    min-height: 0;
    gap: 6px;
  }

  .search-kitchen-picks .search-curated-card__store-row {
    min-height: 0;
    margin-top: 0;
  }

  .search-kitchen-picks .search-curated-card__actions {
    margin-top: 2px;
  }

  .search-kitchen-picks .search-curated-card__smart-badge {
    margin-top: 2px;
  }

  .search-kitchen-picks .search-curated-card__actions {
    gap: 4px;
    flex-wrap: nowrap;
  }

  .search-kitchen-picks .search-curated-card__board {
    width: 94px;
    padding-inline: 9px;
  }

  .search-kitchen-picks .search-curated-card__save {
    width: 66px;
    padding-inline: 9px;
  }

}


.page--search .category-hero {
  margin-top: -10px;
}

.page--search.is-discover-route .cat-filters__applied-rail {
  flex: 1 1 100%;
  padding-left: 0;
  overflow: visible;
}

.page--search.is-discover-route .cat-filters__left {
  display: none;
}

.page--search.is-discover-route .search-page__filters-column {
  width: 0;
  min-width: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}

.page--search.is-discover-route .cat-filters-drawer {
  display: none !important;
}

.page--search.is-discover-route .cat-filters__applied {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}

.page--search.is-discover-route .cat-filters__applied::-webkit-scrollbar {
  display: none;
}

.page--search.is-discover-route .cat-filters__applied .quick-filters__pill {
  flex: 0 0 auto;
  scroll-snap-align: start;
}

.search-page .cat-filters__applied .quick-filters__pill,
.search-page .cat-filters__applied .quick-filters__pill.is-active,
.search-page .cat-filters__applied .quick-filters__pill-main,
.search-page .cat-filters__applied .quick-filters__label,
.search-page .cat-filters__applied .search-query-refinement,
.search-page .cat-filters__applied .search-query-refinement__main,
.search-page .cat-filters__applied .search-query-refinement__suggest,
.search-page .cat-filters__applied .search-query-refinement__label {
  font-family: var(--font-display);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
}

.page--search .quick-filters__pill.is-active .quick-filters__remove {
  opacity: 1;
}

.page--search .quick-filters__pill.is-active .quick-filters__remove img {
  filter: brightness(0) saturate(100%) invert(96%) sepia(17%) saturate(434%) hue-rotate(302deg) brightness(104%) contrast(94%);
}

@media (max-width: 760px) {
  .page--search.is-discover-route .cat-filters__applied-rail {
    width: auto;
    max-width: none;
    min-width: 0;
    flex: 1 1 0;
    flex-basis: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .page--search.is-discover-route .cat-filters__applied {
    padding-left: 0;
    padding-right: 0;
    scroll-padding-inline: 0;
    box-sizing: border-box;
  }
}


@media (max-width: 760px) {
  
  .search-page .cards-grid {
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
    margin-right: 0;
    gap: 10px;
  }

  
  .search-page .cat-filters__applied {
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    overscroll-behavior-inline: contain;
  }
  .search-page .cat-filters__applied .cat-filters__chip,
  .search-page .cat-filters__applied .search-query-refinement,
  .search-page .cat-filters__applied .quick-filters__pill {
    scroll-snap-align: start;
  }

  .search-page .cat-filters__applied .cat-filters__chip-remove {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    flex: 0 0 44px;
    margin: 0;
  }

  .search-page .cat-filters__bar {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0 16px 4px;
    box-sizing: border-box;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
  }

  .search-page .cat-filters__bar::-webkit-scrollbar {
    display: none;
  }

  .search-page .cat-filters__left,
  .search-page .cat-filters__right,
  .search-page .cat-filters__applied-rail {
    width: auto;
    min-width: 0;
    flex: 0 0 auto;
    margin-left: 0;
    margin-right: 0;
    align-self: center;
  }

  .search-page .cat-filters__left {
    order: 0;
  }

  .search-page .cat-filters__right {
    order: 1;
  }

  .search-page .cat-filters__applied-rail {
    order: 2;
    flex-basis: auto;
    max-width: none;
    min-height: 44px;
    overflow: visible;
  }

  .search-page .cat-filters__applied-viewport,
  .search-page .cat-filters__applied {
    width: auto;
    min-height: 44px;
    height: 44px;
    overflow: visible;
  }

  .search-page .cat-filters__applied {
    gap: 8px;
    padding: 0;
    scroll-snap-type: none;
  }

  .search-page .cat-filters__main,
  .search-page .cat-filters__sort,
  .search-page .cat-filters__applied .cat-filters__chip,
  .search-page .cat-filters__applied .search-query-refinement,
  .search-page .cat-filters__applied .quick-filters__pill {
    max-width: min(64vw, 220px);
  }

  body[data-jp-language="ru"] .search-page .cat-filters__main,
  body[data-jp-language="ru"] .search-page .cat-filters__sort {
    max-width: min(58vw, 190px);
    padding-left: 14px;
    padding-right: 14px;
  }

  .search-page .cat-filters__main-frame,
  .search-page .cat-filters__sort > span,
  .search-page .cat-filters__chip-label,
  .search-page .search-query-refinement__label,
  .search-page .quick-filters__label {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .page--search.is-discover-route .cat-filters__applied-rail {
    width: auto;
    max-width: none;
    flex: 1 1 0;
    flex-basis: 0;
    min-width: 0;
    min-height: 52px;
    margin-left: 0;
    margin-right: 0;
    align-self: center;
  }

  .page--search.is-discover-route .cat-filters__applied-viewport,
  .page--search.is-discover-route .cat-filters__applied {
    width: 100%;
    min-height: 52px;
    height: 52px;
    overflow-y: visible;
  }

  .page--search.is-discover-route .cat-filters__applied {
    padding: 4px 0;
    box-sizing: border-box;
    overflow-x: auto;
    scroll-padding-inline: 0;
  }

  
  .search-jedipicks__grid {
    scroll-snap-type: x mandatory;
    scroll-padding: 12px;
  }
  .search-jedipicks__grid > * {
    scroll-snap-align: start;
  }

  
}

@media (max-width: 767px) {
  .page--search .search-page__filters-column {
    overflow: visible;
  }

  .page--search .search-page__filters-column .cat-filters-drawer {
    --cat-filters-drawer-mobile-top: clamp(84px, 13dvh, 128px);
    --cat-filters-drawer-mobile-offset-top: calc(env(safe-area-inset-top, 0px) + var(--cat-filters-drawer-mobile-top));
    --cat-filters-drawer-panel-slide-duration: 240ms;
    position: fixed;
    inset: 0;
    
    max-height: none;
    width: auto;
    z-index: var(--z-modal-front, 13000);
    overflow: hidden;
    opacity: 1;
    transform: none;
    pointer-events: none;
    transition: none;
  }

  .page--search .search-page__filters-column .cat-filters-drawer.is-open {
    pointer-events: auto;
    transform: none;
    opacity: 1;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__backdrop {
    display: block !important;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__close {
    display: none !important;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__footer {
    display: block !important;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__panel {
    position: absolute;
    top: var(--cat-filters-drawer-mobile-offset-top);
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    max-width: none;
    height: calc(100vh - var(--cat-filters-drawer-mobile-offset-top));
    height: calc(100dvh - var(--cat-filters-drawer-mobile-offset-top));
    max-height: calc(100dvh - var(--cat-filters-drawer-mobile-offset-top));
    min-height: 0;
    background: var(--popup-bg);
    border-radius: 22px 22px 0 0;
    box-shadow: var(--popup-shadow-soft);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: translateY(100%);
    transition: transform var(--cat-filters-drawer-panel-slide-duration) cubic-bezier(0.22, 1, 0.36, 1);
  }

  .page--search .search-page__filters-column .cat-filters-drawer.is-open .cat-filters-drawer__panel {
    transform: translateY(0);
  }

  .page--search .search-page__filters-column .cat-filters-drawer.is-sheet-dragging .cat-filters-drawer__panel {
    transform: translateY(var(--cat-filters-sheet-drag-y, 0px));
    transition: none;
    will-change: transform;
  }

  .page--search .search-page__filters-column .cat-filters-drawer.is-sheet-settling .cat-filters-drawer__panel {
    transform: translateY(var(--cat-filters-sheet-drag-y, 0px));
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .page--search .search-page__filters-column .cat-filters-drawer.is-sheet-closing .cat-filters-drawer__panel {
    transform: translateY(var(--cat-filters-sheet-drag-y, 0px));
    transition: transform 0.18s cubic-bezier(0.4, 0, 1, 1);
    will-change: transform;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__header {
    padding: 4px 16px 13px;
    min-height: 49px;
    border-bottom: 1px solid #eee5da;
    visibility: visible;
    pointer-events: auto;
    
    cursor: grab;
    touch-action: none;
    user-select: none;
  }

  .page--search .search-page__filters-column .cat-filters-drawer.is-sheet-dragging .cat-filters-drawer__header {
    cursor: grabbing;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__category-browser-head {
    display: none;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__body {
    flex: 1 1 auto;
    min-height: 0;
    margin-inline: 0;
    padding: 10px 16px 18px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    gap: 14px;
    scrollbar-width: none;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__body::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .page--search .search-page__filters-column .cat-filters-drawer__footer {
    flex: 0 0 auto;
    padding: 15px 16px;
    padding-bottom: calc(15px + env(safe-area-inset-bottom, 0px));
    background: var(--popup-bg);
    border-top: 1px solid var(--popup-border);
    box-shadow: 0 -10px 22px color-mix(in srgb, var(--color-ink) 8%, transparent);
  }

  .page--search .search-page__filters-column .cat-filters-drawer__section {
    overflow: visible;
  }
}

@media (max-width: 720px) {
  .page--search .search-page__filters-column .cat-filters-drawer__title {
    font-size: 22px !important;
    line-height: 1.18 !important;
  }
}


.search-curated-card__signal-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.search-curated-card__signal-badges .cat-card__attr-badge { display: inline-flex; align-items: center; gap: 4px; min-width: 0; max-width: 100%; color: var(--color-ink); font-family: var(--font-body); font-size: 13px; font-weight: 600; line-height: 1.2; cursor: help; }
.search-curated-card__signal-badges .cat-card__attr-badge-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.search-curated-card__signal-badges .cat-card__attr-badge-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.search-curated-card__seller { cursor: pointer; transform-origin: left center; transition: filter 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; }
.search-curated-card__seller:hover,
.search-curated-card__seller:focus-visible { filter: brightness(0.93); box-shadow: 0 2px 8px rgba(35, 32, 48, 0.16);  }
.search-curated-card__seller:hover .search-curated-card__store-name,
.search-curated-card__seller:focus-visible .search-curated-card__store-name { text-decoration: underline; text-underline-offset: 2px; }


.search-jedipicks a.personalized-card__store-row { cursor: pointer; transform-origin: left center; transition: filter 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; }
.search-jedipicks a.personalized-card__store-row:hover,
.search-jedipicks a.personalized-card__store-row:focus-visible { filter: brightness(0.93); box-shadow: 0 2px 8px rgba(35, 32, 48, 0.16);  }
.search-jedipicks a.personalized-card__store-row:hover .personalized-card__store,
.search-jedipicks a.personalized-card__store-row:focus-visible .personalized-card__store,
.search-jedipicks .personalized-card[data-product-partner-color] a.personalized-card__store-row:hover .personalized-card__store,
.search-jedipicks .personalized-card[data-product-partner-color] a.personalized-card__store-row:focus-visible .personalized-card__store { text-decoration: underline; text-underline-offset: 2px; }


@media (max-width: 480px) {
  .search-jedipicks .personalized-card__price-new,
  .search-jedipicks .personalized-card__currency { font-size: 16px; }
  .search-jedipicks .personalized-card__price-old { font-size: 12px; }
}


@media (max-width: 760px) {
  body.page.page--search .cat-filters__left,
  body.page.page--search .cat-filters__right {
    position: fixed;
    bottom: calc(var(--mobile-bottom-nav-height, 72px) + 14px);
    right: max(14px, env(safe-area-inset-right, 0px));
    z-index: 5200;
    width: 52px;
    min-width: 0;
    flex: none;
    margin: 0;
    align-self: auto;
  }

  body.page.page--search .cat-filters__left {
    bottom: calc(var(--mobile-bottom-nav-height, 72px) + 78px);
  }

  
  body.page.page--search .cat-filters__main,
  body.page.page--search .cat-filters__sort {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
    height: 52px;
    min-height: 52px;
    flex: 0 0 52px;
    padding: 0;
    gap: 0;
    border-radius: 50%;
    box-shadow: var(--popup-shadow-soft);
  }

  body.page.page--search .cat-filters__main-label,
  body.page.page--search .cat-filters__sort > span,
  body.page.page--search .cat-filters__sort .cat-filters__chevron {
    display: none;
  }

  body.page.page--search .cat-filters__main-frame {
    gap: 0;
    width: auto;
  }

  body.page.page--search .cat-filters__main-frame::before {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  body.page.page--search .cat-filters__sort::after {
    content: "";
    position: relative;
    z-index: 1;
    width: 24px;
    height: 24px;
    background: currentColor;
    -webkit-mask: url("/assets/gift-room-icons/shared/arrows-sort.svg") center / contain no-repeat;
    mask: url("/assets/gift-room-icons/shared/arrows-sort.svg") center / contain no-repeat;
  }

  
  body.page.page--search .cat-filters__bar:not(:has(.cat-filters__applied-rail:not([hidden]))) {
    padding: 0;
    min-height: 0;
  }
}

 

/*! [bundle] /styles/components/search-pivots.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.search-page__group-endcap {
  margin-top: 30px;
}

.search-pivots {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.search-pivots__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.search-pivots__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 15px;
}

.search-pivots__card {
  min-height: 114px;
  padding: 7px 18px 7px 7px;
  border-radius: 20px;
  border: 1px solid var(--color-line);
  background: #f8f1eb;
  box-shadow: none;
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  color: #232030;
  text-decoration: none;
  transition:
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.search-pivots__card:hover,
.search-pivots__card:focus-visible {
  box-shadow: var(--shadow-card-hover);
  border-color: transparent;
}

.search-pivots__preview {
  width: 100px;
  height: 100px;
  border-radius: 17px;
  background: var(--search-pivot-tone, #dbe2eb);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.18s ease;
}

.search-pivots__preview::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(255, 249, 241, 0.1);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease;
}

.search-pivots__preview-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.search-pivots__preview-search {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 36px;
  height: 36px;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  transform: translate3d(-50%, -50%, 0);
  transition: opacity 0.18s ease;
  will-change: opacity;
  backface-visibility: hidden;
}

.search-pivots__preview-search-icon {
  width: 36px;
  height: 36px;
  display: block;
  pointer-events: none;
}

.search-pivots__card:hover .search-pivots__preview::after,
.search-pivots__card:focus-visible .search-pivots__preview::after {
  opacity: 1;
}

.search-pivots__card:hover .search-pivots__preview-search,
.search-pivots__card:focus-visible .search-pivots__preview-search {
  opacity: 1;
}

.search-pivots__label {
  min-width: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 1180px) {
  .search-pivots__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .search-page__group-endcap {
    margin-top: 26px;
  }

  .search-pivots {
    gap: 14px;
  }

  .search-pivots__title {
    font-size: clamp(20px, 6vw, 26px);
  }

  .search-pivots__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .search-pivots__card {
    min-height: 96px;
    padding: 12px;
    border-radius: 20px;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
  }

  .search-pivots__preview {
    width: 76px;
    height: 76px;
    border-radius: 16px;
  }

  .search-pivots__preview-frame {
    width: 50px;
    height: 50px;
    border-radius: 12px;
  }

  .search-pivots__label {
    font-size: 12px;
    line-height: 15px;
  }
}



/*! [bundle] /styles/components/personalized-group-rail.css */
.personalized-group-rail {
  --personalized-group-rail-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --personalized-group-rail-title-inline-offset: 10px;
  --personalized-group-rail-safe-buffer: 6px;
  --personalized-group-rail-fade-width: var(--homepage-rail-fade-width, 52px);
  --personalized-group-rail-fade-overhang: var(--homepage-rail-fade-overhang, 26px);
  --personalized-group-rail-arrow-overhang: var(--homepage-rail-arrow-overhang, 27px);
  --personalized-group-rail-overlay-reserve: var(--homepage-rail-overlay-reserve, 96px);
  --personalized-group-rail-track-top: 74px;
  --personalized-group-rail-track-bottom: 14px;
  --personalized-group-rail-card-height: 367px;
  --personalized-group-rail-gradient-top: 66px;
  padding-block: 8px 12px;
  overflow: visible;
}

.personalized-group-rail__frame {
  width: var(--personalized-group-rail-shell-width);
  max-width: 100%;
  height: 455px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}

.personalized-group-rail__header {
  position: absolute;
  top: 8px;
  left: var(--personalized-group-rail-title-inline-offset);
  
  right: var(--personalized-group-rail-safe-buffer, 6px);
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  z-index: 5;
}

.personalized-group-rail__title {
  margin: 0;
  
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  color: #232030;
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0;
}

.personalized-group-rail__viewport {
  position: absolute;
  inset: 0;
  padding: 0 var(--personalized-group-rail-safe-buffer);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  z-index: 1;
}

.personalized-group-rail__viewport::-webkit-scrollbar {
  display: none;
}

.personalized-group-rail__track {
  width: max-content;
  display: inline-flex;
  align-items: flex-start;
  
  gap: 20px;
  padding: var(--personalized-group-rail-track-top) 0 var(--personalized-group-rail-track-bottom);
  box-sizing: border-box;
}

.personalized-group-rail__gradient {
  position: absolute;
  top: var(--personalized-group-rail-gradient-top);
  width: var(--personalized-group-rail-fade-width);
  height: calc(var(--personalized-group-rail-card-height) + 16px);
  pointer-events: none;
  z-index: 3;
  opacity: 1;
  
  transition: opacity 0.62s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.personalized-group-rail__gradient--left {
  left: calc(-1 * var(--personalized-group-rail-fade-overhang));
  
  background: linear-gradient(90deg, #f8f1eb 0%, rgba(248, 241, 235, 0) 100%);
}

.personalized-group-rail__gradient--right {
  right: calc(-1 * var(--personalized-group-rail-fade-overhang));
  background: linear-gradient(270deg, #f8f1eb 0%, rgba(248, 241, 235, 0) 100%);
}

.personalized-group-rail.is-at-start .personalized-group-rail__gradient--left,
.personalized-group-rail.is-at-end .personalized-group-rail__gradient--right {
  opacity: 0;
}


.personalized-group-rail__arrow {
  width: 56px;
  height: 46px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: visible;
  background: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 14px;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 50% 50%;
  transition: opacity 0.18s ease;
  backface-visibility: hidden;
  z-index: 6;
  flex: 0 0 auto;
}

.personalized-group-rail__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: #232030;
  pointer-events: none;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.18s ease;
  will-change: transform;
  backface-visibility: hidden;
}

.personalized-group-rail__arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}

.personalized-group-rail__arrow-icon {
  display: none;
}

.personalized-group-rail__arrow--next {
  background-image: none;
}

.personalized-group-rail__arrow--next::after {
  background-image: url("/assets/header-icons/pager-pill-next.svg");
}

.personalized-group-rail__arrow--prev {
  background-image: none;
}

.personalized-group-rail__arrow--prev::after {
  background-image: url("/assets/header-icons/pager-pill-prev.svg");
}

.personalized-group-rail__arrow:hover:not(.is-hidden),
.personalized-group-rail__arrow:focus-visible:not(.is-hidden) {
  transform: translate3d(0, 0, 0) scale(1);
}

.personalized-group-rail__arrow:hover:not(.is-hidden)::before,
.personalized-group-rail__arrow:focus-visible:not(.is-hidden)::before {
  transform: translate3d(0, 0, 0) scale(1.04);
}

.personalized-group-rail__arrow:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.18);
  outline-offset: 3px;
}


.personalized-group-rail__frame > .personalized-group-rail__arrow {
  position: absolute;
  top: 18px;
  z-index: 6;
}
.personalized-group-rail__frame > .personalized-group-rail__arrow--next {
  right: var(--personalized-group-rail-title-inline-offset);
  left: auto;
}
.personalized-group-rail__frame > .personalized-group-rail__arrow--prev {
  right: calc(var(--personalized-group-rail-title-inline-offset) + 66px);
  left: auto;
}

.personalized-group-rail__arrow.is-hidden {
  display: inline-flex;
  pointer-events: none;
  cursor: default;
  opacity: 0.35;
}

.personalized-group-rail__arrow.is-hidden:hover,
.personalized-group-rail__arrow.is-hidden:focus-visible {
  transform: none;
}

.personalized-group-rail.is-at-start.is-at-end .personalized-group-rail__arrow {
  display: none;
}

.personalized-group-rail__header.is-pager-host {
  display: flex;
}

.personalized-group-rail__header.is-pager-host.has-no-view-all .personalized-group-rail__title {
  margin-right: auto;
}


.personalized-group-rail__header.is-pager-host .personalized-group-rail__arrow--next {
  margin-left: 0;
}

.personalized-group-card {
  width: 325px;
  min-width: 325px;
  height: var(--personalized-group-rail-card-height);
  padding: 10px 10px 18px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: #f8f1eb;
  border: 1px solid var(--color-line);
  border-radius: 30px;
  text-decoration: none;
  color: #232030;
  box-shadow: none;
  transition: box-shadow 0.24s ease, border-color 0.24s ease;
  scroll-snap-align: start;
}


.personalized-group-rail[data-jp-group-content-state="loading"] .personalized-group-card:not([data-jp-group-card-ready="1"]) {
  background-color: var(--intent-skeleton-surface);
  background-image: var(--jp-skeleton-dot-base-pattern);
  background-size: 18px 18px;
  border-color: transparent;
  box-shadow: none;
  pointer-events: none;
}

.personalized-group-rail[data-jp-group-content-state="loading"] .personalized-group-card:not([data-jp-group-card-ready="1"]) > * {
  visibility: hidden;
}

.personalized-group-rail[data-jp-group-content-state="loading"] .personalized-group-card:not([data-jp-group-card-ready="1"])::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  border-radius: inherit;
  background-image: var(--jp-skeleton-dot-wave-pattern);
  background-size: 18px 18px;
  -webkit-clip-path: ellipse(28% 30% at 14% 16%);
  clip-path: ellipse(28% 30% at 14% 16%);
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .personalized-group-rail[data-jp-group-content-state="loading"] .personalized-group-card:not([data-jp-group-card-ready="1"])::after {
    animation: none;
    opacity: 0.68;
    -webkit-clip-path: ellipse(28% 30% at 50% 48%);
    clip-path: ellipse(28% 30% at 50% 48%);
  }
}

.personalized-group-card:hover,
.personalized-group-card:focus-visible {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  border-color: transparent;
}

@media (hover: none), (pointer: coarse) {
  .personalized-group-card:hover {
    box-shadow: none;
    border-color: var(--color-line);
  }
}

.personalized-group-card:focus-visible {
  outline: none;
}

.personalized-group-card__preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.personalized-group-card__tile {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 27px;
  overflow: hidden;
  background-color: var(--personalized-group-tile, #e2e7f1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.personalized-group-card__tile.is-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--color-ink) 30%, transparent) 0%,
      color-mix(in srgb, var(--color-ink) 48%, transparent) 100%
    );
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.24s ease;
}

.personalized-group-card:hover .personalized-group-card__tile.is-photo::after,
.personalized-group-card:focus-visible .personalized-group-card__tile.is-photo::after {
  opacity: 0;
}

@media (hover: none), (pointer: coarse) {
  .personalized-group-card:hover .personalized-group-card__tile.is-photo::after {
    opacity: 1;
  }
}

.personalized-group-card__title {
  display: -webkit-box;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  overflow: hidden;
  color: #232030;
  text-align: center;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 1024px) {
  .personalized-group-rail {
    --personalized-group-rail-safe-buffer: 16px;
    --personalized-group-rail-card-height: 336px;
    padding-block: 12px 10px;
  }

  .personalized-group-rail__frame {
    height: 432px;
  }

  .personalized-group-rail__gradient,
  .personalized-group-rail__arrow {
    display: none !important;
  }

  .personalized-group-rail__viewport {
    left: calc(-1 * var(--personalized-group-rail-safe-buffer));
    right: calc(-1 * var(--personalized-group-rail-safe-buffer));
    padding-inline: var(--personalized-group-rail-safe-buffer);
    overflow-x: auto;
    overflow-y: hidden;
  }

  .personalized-group-rail__track {
    padding-bottom: 22px;
  }

  .personalized-group-rail__title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .personalized-group-card {
    width: 286px;
    min-width: 286px;
    height: var(--personalized-group-rail-card-height);
    border-radius: 24px;
  }

  .personalized-group-card__tile {
    border-radius: 20px;
  }
}

@media (max-width: 640px) {
  .personalized-group-rail {
    --personalized-group-rail-shell-width: min(720px, calc(100% - 32px));
    --personalized-group-rail-safe-buffer: 16px;
    --personalized-group-rail-track-top: 68px;
    --personalized-group-rail-track-bottom: 16px;
    --personalized-group-rail-card-width: clamp(188px, calc((100vw - 52px) / 1.9), 226px);
    --personalized-group-rail-card-height: calc(var(--personalized-group-rail-card-width) + 70px);
    padding-block: 10px 8px;
  }

  .personalized-group-rail__frame {
    height: calc(var(--personalized-group-rail-track-top) + var(--personalized-group-rail-card-height) + var(--personalized-group-rail-track-bottom));
  }

  .personalized-group-rail__header {
    top: 10px;
  }

  .personalized-group-rail__track {
    padding-bottom: var(--personalized-group-rail-track-bottom);
  }

  .personalized-group-rail__title {
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .personalized-group-card {
    width: var(--personalized-group-rail-card-width);
    min-width: var(--personalized-group-rail-card-width);
    height: var(--personalized-group-rail-card-height);
    padding: 10px 10px 16px;
    gap: 12px;
    border-radius: 22px;
  }

  .personalized-group-card__tile {
    border-radius: 18px;
  }

  .personalized-group-card__title {
    font-size: 15px;
    line-height: 19px;
    -webkit-line-clamp: 2;
  }
}



.personalized-group-card { cursor: pointer; }
.personalized-group-card__tile { cursor: pointer; }
.personalized-group-card:hover .personalized-group-card__tile.is-photo::after,
.personalized-group-card:focus-within .personalized-group-card__tile.is-photo::after {
  opacity: 0.55;
}
.personalized-group-card .personalized-group-card__tile.is-photo:hover::after,
.personalized-group-card .personalized-group-card__tile.is-photo:focus-visible::after {
  opacity: 0;
}
.personalized-group-card__title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
}
.personalized-group-card__title:hover .personalized-group-card__title-text {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.personalized-group-card__title-arrow {
  width: 16px;
  height: auto;
  flex: 0 0 16px;
  display: block;
}
@media (hover: none), (pointer: coarse) {
  .personalized-group-card:hover .personalized-group-card__tile.is-photo::after { opacity: 1; }
}



/*! [bundle] /styles/components/footer.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.site-footer {
  --popup-control-border: var(--popup-border-strong);
  --popup-focus: var(--color-forest);
  margin-top: 0;
  background: var(--color-footer-green);
  color: rgba(255, 249, 241, 0.92);
  -webkit-user-select: none;
  user-select: none;
  transition: margin-right 480ms var(--home-ease, cubic-bezier(0.16, 1, 0.3, 1));
}

.site-footer__newsletter {
  background: var(--color-sand-dark);
  color: #232030;
}

.site-footer__newsletter-inner {
  padding: 34px 0 36px;
  display: grid;
  gap: 20px;
  justify-items: center;
  text-align: center;
}

.site-footer__newsletter-text {
  max-width: 980px;
  margin: 0;
  color: #232030;
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
}

.site-footer__newsletter-form {
  width: min(100%, 553px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 4px;
  border: 2px solid var(--color-forest);
  border-radius: 999px;
  overflow: hidden;
  background: #FFF9F1;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.site-footer__newsletter-form:hover,
.site-footer__newsletter-form:focus-within {
  border-color: var(--popup-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent);
}

.site-footer__newsletter-input {
  appearance: none;
  -webkit-appearance: none;
  min-width: 0;
  height: 46px;
  padding: 0 20px;
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
}

.site-footer__newsletter-input:focus,
.site-footer__newsletter-input:focus-visible {
  outline: 0;
  box-shadow: none;
}

.site-footer__newsletter-input:-webkit-autofill,
.site-footer__newsletter-input:-webkit-autofill:hover,
.site-footer__newsletter-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #232030;
  -webkit-box-shadow: 0 0 0 1000px #FFF9F1 inset;
  box-shadow: 0 0 0 1000px #FFF9F1 inset;
  transition: background-color 9999s ease-out 0s;
}

.site-footer__newsletter-input::placeholder {
  color: var(--color-ink-soft);
  opacity: 1;
}

.site-footer__newsletter-button {
  min-width: 158px;
  height: 46px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: #FFF9F1;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background var(--duration-fast) var(--ease-standard),
    color var(--duration-fast) var(--ease-standard);
}

.site-footer__newsletter-button:hover,
.site-footer__newsletter-button:focus-visible {
  background: #232030;
  color: #FFF9F1;
}

.site-footer__main {
  background: var(--color-footer-green);
}

.site-footer__promise {
  border-bottom: 1px solid rgba(255, 249, 241, 0.12);
}

body:not(.page--homepage) .site-footer__promise,
body.page--homepage.is-homepage-authenticated .site-footer__promise {
  display: none !important;
}

.site-footer__promise-inner {
  min-height: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 20px 0;
}

.site-footer__promise-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  color: #FFF9F1;
}

.site-footer__asset-icon {
  display: block;
  width: 100%;
  height: 100%;
  background: currentColor;
  -webkit-mask: var(--site-footer-icon-url) center / contain no-repeat;
  mask: var(--site-footer-icon-url) center / contain no-repeat;
}

.site-footer__asset-icon--promise {
  --site-footer-icon-url: url("/assets/footer-icons/promise-plus.svg");
}


.site-footer__promise-icon.site-footer__asset-icon {
  width: 32px;
  height: 32px;
}

.site-footer__asset-icon--globe {
  --site-footer-icon-url: url("/assets/footer-icons/globe.svg");
}

.site-footer__promise-text {
  margin: 0;
  color: rgba(255, 249, 241, 0.94);
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: underline dotted rgba(255, 249, 241, 0.28);
  text-underline-offset: 8px;
}

.site-footer__inner {
  display: grid;
  grid-template-columns: minmax(300px, 440px) minmax(0, max-content);
  justify-content: space-between;
  gap: 40px;
  padding: 46px 0 52px;
}

.site-footer__brand-column {
  width: min(100%, 440px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 22px;
}

.site-footer__brandmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.site-footer__brandmark-logo {
  display: block;
  width: 150px;
  height: auto;
}

.site-footer__store-badges {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}


.site-footer__store-badges {
  display: none !important;
}

.site-footer__store-badge {
  display: inline-flex;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  border-radius: 10px;
  line-height: 0;
  cursor: pointer;
}

.site-footer__store-badge:focus-visible {
  outline: 2px solid var(--color-cream, #FFF9F1);
  outline-offset: 3px;
}

.site-footer__store-badge-img {
  display: block;
  width: 168px;
  height: auto;
}

.site-footer__nav {
  display: grid;
  justify-self: start;
  grid-template-columns: repeat(3, minmax(112px, 148px)) minmax(172px, 196px);
  gap: 70px;
}

.site-footer__column {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.site-footer__column[hidden] {
  display: none !important;
}

.site-footer__heading {
  margin: 0;
  color: #FFF9F1;
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}

.site-footer__links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.site-footer__links a {
  color: rgba(255, 249, 241, 0.84);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-standard);
}

.site-footer__links a:hover {
  color: #FFF9F1;
}

.site-footer__socials {
  display: grid;
  grid-template-columns: repeat(4, 38px);
  gap: 16px 14px;
  align-items: center;
  justify-content: start;
  margin-top: 4px;
  max-width: 194px;
}

.site-footer__social-link {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-cream);
  transition: color var(--duration-fast) var(--ease-standard),
    transform var(--duration-fast) var(--ease-standard);
  overflow: visible;
}

.site-footer__social-link:hover {
  color: var(--color-cream);
  transform: none;
}

.site-footer__social-link svg {
  width: 100%;
  height: 100%;
}

.site-footer__social-icon {
  display: block;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  background: currentColor;
  -webkit-mask: var(--site-footer-icon-url) center / contain no-repeat;
  mask: var(--site-footer-icon-url) center / contain no-repeat;
}

.site-footer__social-icon--facebook {
  --site-footer-icon-url: url("/assets/social-icons/facebook.svg");
}

.site-footer__social-icon--instagram {
  --site-footer-icon-url: url("/assets/social-icons/instagram.svg");
}

.site-footer__social-icon--pinterest {
  --site-footer-icon-url: url("/assets/social-icons/pinterest.svg");
}

.site-footer__social-icon--youtube {
  --site-footer-icon-url: url("/assets/social-icons/youtube.svg");
}

.site-footer__social-icon--reddit {
  --site-footer-icon-url: url("/assets/social-icons/reddit.svg");
}

.site-footer__social-icon--x {
  --site-footer-icon-url: url("/assets/social-icons/x.svg");
}

.site-footer__social-icon--whatsapp {
  --site-footer-icon-url: url("/assets/social-icons/whatsapp.svg");
}

.site-footer__social-icon--messenger {
  --site-footer-icon-url: url("/assets/social-icons/messenger.svg");
}

.site-footer__social-link svg path {
  fill: currentColor;
}

.site-footer__meta {
  border-top: 1px solid rgba(255, 249, 241, 0.12);
}

.site-footer__meta-inner {
  min-height: 72px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px 28px;
}


.site-footer__affiliate-note {
  display: none;
}

.site-footer__copyright,
.site-footer__legal a {
  color: rgba(255, 249, 241, 0.76);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.site-footer__locale-trigger {
  margin: 0;
  padding: 14px 20px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 249, 241, 0.9);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--ease-standard);
}

.site-footer__locale-trigger:hover,
.site-footer__locale-trigger:focus-visible,
.site-footer__locale-trigger[aria-expanded="true"] {
  background: rgba(255, 249, 241, 0.12);
}

.site-footer__locale-trigger:focus-visible {
  outline: 2px solid rgba(255, 249, 241, 0.6);
  outline-offset: 2px;
}

.site-footer__locale-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  line-height: 0;
  color: #FFF9F1;
}

.site-footer__locale-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.site-footer__locale-divider {
  color: rgba(255, 249, 241, 0.44);
}

.site-footer__copyright {
  justify-self: center;
}

.site-footer__legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px 22px;
}

.site-footer__legal a:hover {
  color: #FFF9F1;
}

body.site-footer-locale-open {
  overflow: hidden;
}

@keyframes site-footer-locale-close-bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}

.site-footer__locale-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal-front, 13000);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 20px;
  background: var(--popup-overlay);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.26s ease;
}

.site-footer__locale-modal-overlay[hidden] {
  display: none !important;
}

.site-footer__locale-modal-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}

.site-footer__locale-modal-overlay.is-closing {
  pointer-events: none;
}

.site-footer__locale-modal-shell {
  width: 580px;
  max-width: calc(100vw - 40px);
  position: relative;
  opacity: 0;
  transform: translateY(10px) scale(0.98);
  transform-origin: top center;
  transition:
    opacity 0.26s ease,
    transform 0.26s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: opacity, transform;
}

.site-footer__locale-modal-overlay.is-open .site-footer__locale-modal-shell {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.site-footer__locale-modal-overlay.is-closing .site-footer__locale-modal-shell {
  opacity: 0;
  transform: translateY(0) scale(1);
}

.site-footer__locale-sheet-grip {
  display: none;
}

.site-footer__locale-modal-close {
  position: absolute;
  top: 0;
  left: calc(100% + var(--popup-close-offset, 10px));
  width: var(--popup-close-width, 78px);
  height: var(--popup-close-height, 55px);
  border: 0;
  border-radius: 999px;
  background: var(--popup-bg);
  box-shadow: var(--popup-shadow-soft);
  cursor: pointer;
  z-index: 2;
  transition: background-color 0.24s ease, filter 0.24s ease;
  will-change: transform;
}

.site-footer__locale-modal-close::before,
.site-footer__locale-modal-close::after {
  content: none;
}

.site-footer__locale-modal-close-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--popup-close-icon-size, 17px);
  height: var(--popup-close-icon-size, 17px);
  display: block;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.site-footer__locale-modal-close:hover,
.site-footer__locale-modal-close:focus-visible {
  background: var(--popup-close-hover-bg, var(--sort-control-bg));
  animation: site-footer-locale-close-bounce 0.28s cubic-bezier(0.23, 1.3, 0.32, 1) both;
  filter: var(--popup-close-hover-filter);
}

.site-footer__locale-modal-close:active {
  transform: none;
}

.site-footer__locale-modal-close:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.site-footer__locale-modal {
  --site-footer-locale-field-bg: var(--popup-bg);
  width: 100%;
  padding: 30px 28px 20px;
  background: var(--popup-bg);
  border-radius: var(--popup-radius);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  box-shadow: var(--popup-shadow);
}

.site-footer__locale-modal-title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--popup-title-font, var(--font-display));
  font-size: var(--popup-title-size, 25px);
  font-weight: var(--popup-title-weight, 600);
  line-height: var(--popup-title-line-height, 1.16);
  letter-spacing: 0;
}

.site-footer__locale-modal-copy {
  margin-top: 14px;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.site-footer__locale-modal-link {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #232030;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.site-footer__locale-fields {
  margin-top: 18px;
  display: grid;
  gap: 14px;
}

.site-footer__locale-field {
  position: relative;
  padding-top: 8px;
}

.site-footer__locale-label {
  position: absolute;
  top: 2px;
  left: 22px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 36px);
  margin: 0;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--site-footer-locale-field-bg, var(--popup-bg));
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
  pointer-events: none;
}

.site-footer__locale-select {
  width: 100%;
  height: 46px;
  min-height: 46px;
  padding: 0 46px 0 20px;
  border: 0;
  background: transparent;
  background-image: none;
  color: var(--color-ink);
  display: block;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  box-shadow: none;
}

.site-footer__locale-select::-ms-expand {
  display: none;
}

.site-footer__locale-select-shell {
  position: relative;
  height: 46px;
  min-height: 46px;
  background: var(--site-footer-locale-field-bg, var(--popup-bg));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 4%, transparent);
  overflow: hidden;
  border: 1.5px solid var(--popup-border-strong);
  border-radius: 999px;
  outline: 2px solid transparent;
  outline-offset: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, outline-color 0.2s ease;
}

.site-footer__locale-select-shell:focus-within {
  border-color: var(--color-forest);
  outline-color: transparent;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-forest) 14%, transparent);
}

.site-footer__locale-select-caret {
  width: 13px;
  height: 13px;
  pointer-events: none;
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -6.5px;
  color: var(--color-ink);
  background: currentColor;
  -webkit-mask: url("/assets/header-icons/filter-chevron.svg") center / contain no-repeat;
  mask: url("/assets/header-icons/filter-chevron.svg") center / contain no-repeat;
  opacity: 0.92;
}

.site-footer__locale-select-caret::before,
.site-footer__locale-select-caret::after {
  content: none;
}

.site-footer__locale-actions {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.site-footer__locale-cancel,
.site-footer__locale-save {
  min-height: 54px;
  border-radius: 999px;
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.site-footer__locale-cancel {
  min-width: 149px;
  padding: 0 30px;
  border: 0;
  background: transparent;
  color: #232030;
  transition: box-shadow 0.22s ease;
}

.site-footer__locale-cancel:hover,
.site-footer__locale-cancel:focus-visible {
  background: transparent;
  box-shadow: var(--shadow-card-hover);
  outline: 0;
}

.site-footer__locale-cancel:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-ink) 18%, transparent);
  outline-offset: 2px;
}

.site-footer__locale-save {
  min-width: 161px;
  padding: 0 30px;
  border: 0;
  background: transparent;
  color: #FFF9F1;
  position: relative;
  isolation: isolate;
  overflow: visible;
  transition: none;
}

.site-footer__locale-save::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  
  background: var(--color-forest);
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: -1;
  pointer-events: none;
}

.site-footer__locale-save:hover,
.site-footer__locale-save:focus-visible {
  background: transparent;
  outline: 0;
}

.site-footer__locale-save:hover::before,
.site-footer__locale-save:focus-visible::before {
  transform: scale(1.04);
}

.site-footer__locale-save:active::before {
  transform: scale(1);
}

.site-footer__locale-save:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-ink) 18%, transparent);
  outline-offset: 2px;
}

@media (max-width: 1140px) {
  .site-footer__inner {
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    align-items: start;
    gap: 30px;
  }

  .site-footer__brand-column {
    width: 100%;
    max-width: 320px;
    justify-self: center;
    align-self: center;
  }

  .site-footer__nav {
    margin-left: 0;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 24px 30px;
  }

  .site-footer__meta-inner {
    grid-template-columns: 1fr;
    justify-items: flex-start;
    gap: 12px;
    padding: 18px 0;
  }

  .site-footer__copyright {
    justify-self: start;
  }

  .site-footer__legal {
    justify-content: flex-start;
  }

  .site-footer__legal a {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .site-footer__locale-modal-shell {
    max-width: calc(100vw - 32px);
  }
}

@media (max-width: 900px) {
  .site-footer__inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .site-footer__brand-column {
    width: 100%;
    max-width: none;
    justify-self: center;
  }

  .site-footer__nav {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 40px;
  }
}

@media (max-width: 767px) {
  .site-footer__inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 34px 0 38px;
  }

  .site-footer__newsletter-inner {
    padding: 28px 0 30px;
    gap: 18px;
  }

  .site-footer__newsletter-text {
    font-size: 16px;
  }

  .site-footer__newsletter-form {
    width: 100%;
  }

  .site-footer__newsletter-input {
    padding: 0 18px;
  }

  .site-footer__newsletter-button {
    min-width: 144px;
  }

  .site-footer__promise-inner {
    min-height: auto;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 22px 0;
  }

  .site-footer__promise-text {
    font-size: 15px;
    text-underline-offset: 6px;
  }

  .site-footer__brand-column {
    width: 100%;
    max-width: none;
    justify-self: center;
    align-self: center;
    gap: 18px;
    align-items: center;
    text-align: center;
  }

  .site-footer__brandmark {
    width: 164px;
    height: 63px;
    margin-inline: auto;
  }

  .site-footer__brandmark::before {
    left: 44px;
    width: 120px;
  }

  .site-footer__brandmark::after {
    left: -15px;
    top: 53px;
    width: 120px;
  }

  .site-footer__brandmark-text {
    width: 155px;
    height: 45px;
    font-size: 37.8px;
    line-height: 45px;
  }

  .site-footer__store-badges {
    align-items: center;
    margin-inline: auto;
  }

  .site-footer__nav {
    margin-left: 0;
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .site-footer__heading {
    font-size: 18px;
  }

  .site-footer__links a {
    min-height: 44px;
    display: flex;
    align-items: center;
    font-size: 15px;
  }

  .site-footer__socials {
    gap: 18px;
  }

  .site-footer__social-link {
    width: 44px;
    height: 44px;
  }

  .site-footer__locale-trigger {
    min-height: 44px;
    padding: 12px 18px;
    gap: 10px;
    font-size: 13px;
  }

  .site-footer__locale-modal-overlay {
    --site-footer-locale-sheet-top: clamp(84px, 13dvh, 128px);
    align-items: flex-end;
    justify-content: center;
    padding: calc(env(safe-area-inset-top, 0px) + var(--site-footer-locale-sheet-top)) 0 0;
    overflow: hidden;
    background: var(--popup-overlay);
    transition: opacity 0.22s ease;
  }

  .site-footer__locale-modal-shell {
    width: 100%;
    max-width: none;
    
    height: auto;
    max-height: calc(100vh - (env(safe-area-inset-top, 0px) + var(--site-footer-locale-sheet-top)));
    max-height: calc(100dvh - (env(safe-area-inset-top, 0px) + var(--site-footer-locale-sheet-top)));
    display: flex;
    flex-direction: column;
    background: var(--popup-bg);
    border-radius: 22px 22px 0 0;
    box-shadow: 0 -8px 28px rgba(35, 32, 48, 0.22);
    opacity: 1;
    overflow: hidden;
    transform: translateY(100%);
    transform-origin: bottom center;
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .site-footer__locale-modal-overlay.is-open .site-footer__locale-modal-shell {
    opacity: 1;
    transform: translateY(0);
  }

  .site-footer__locale-modal-overlay.is-closing .site-footer__locale-modal-shell {
    opacity: 1;
    transform: translateY(100%);
    transition: transform 180ms cubic-bezier(0.4, 0, 1, 1);
  }

  .site-footer__locale-modal-overlay.is-sheet-dragging .site-footer__locale-modal-shell {
    transform: translateY(var(--site-footer-locale-sheet-drag-y, 0px));
    transition: none;
    will-change: transform;
  }

  .site-footer__locale-modal-overlay.is-sheet-settling .site-footer__locale-modal-shell {
    transform: translateY(var(--site-footer-locale-sheet-drag-y, 0px));
    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .site-footer__locale-modal-overlay.is-sheet-closing .site-footer__locale-modal-shell {
    transform: translateY(var(--site-footer-locale-sheet-drag-y, 100%));
    transition: transform 180ms cubic-bezier(0.4, 0, 1, 1);
    will-change: transform;
  }

  .site-footer__locale-sheet-grip {
    min-height: var(--popup-sheet-grip-height, 44px);
    display: flex;
    flex: 0 0 var(--popup-sheet-grip-height, 44px);
    align-items: center;
    justify-content: center;
    background: var(--popup-bg);
    cursor: grab;
    touch-action: none;
    user-select: none;
  }

  .site-footer__locale-sheet-grip span {
    width: var(--popup-sheet-grip-width, 48px);
    height: var(--popup-sheet-grip-thickness, 5px);
    border-radius: 999px;
    background: var(--popup-sheet-grip-color);
  }

  .site-footer__locale-modal-overlay.is-sheet-dragging .site-footer__locale-sheet-grip {
    cursor: grabbing;
  }

  
  .site-footer__locale-modal-shell {
    overflow: visible;
  }

  
  .site-footer__locale-sheet-grip {
    border-radius: 22px 22px 0 0;
  }

  .site-footer__locale-modal {
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .site-footer__locale-modal {
    min-height: 0;
    padding: 2px 16px calc(16px + env(safe-area-inset-bottom, 0px));
    border-radius: 0;
    box-shadow: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .site-footer__locale-modal-title {
    font-size: var(--popup-title-size, 25px);
    line-height: var(--popup-title-line-height, 1.16);
  }

  .site-footer__locale-select {
    height: 46px;
    min-height: 46px;
    font-size: 13px;
    line-height: 46px;
  }

  .site-footer__locale-actions {
    flex-direction: column-reverse;
  }

  .site-footer__locale-cancel,
  .site-footer__locale-save {
    width: 100%;
  }
}

@media (min-width: 961px) {
  body.is-ai-panel-open .site-footer {
    margin-left: 0 !important;
  }

  body.is-ai-panel-open:not(.page--homepage) .site-footer {
    --site-footer-lume-compression: 360px;
    margin-right: var(--site-footer-lume-compression) !important;
  }

  body.is-ai-panel-open.page--gift-room .site-footer {
    --site-footer-lume-compression: 360px;
  }

  body.is-ai-panel-open footer.site-footer .container,
  body.is-ai-panel-open .site-footer .container {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.is-ai-panel-open .site-footer__promise-inner {
    min-height: auto;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 22px 0;
  }

  body.is-ai-panel-open .site-footer__promise-text {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.45;
    text-underline-offset: 6px;
  }
}

@media (min-width: 961px) and (max-width: 1640px) {
  body.is-ai-panel-open .site-footer__inner {
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    align-items: start;
    gap: 30px;
  }

  body.is-ai-panel-open .site-footer__brand-column {
    width: 100%;
    max-width: 320px;
    justify-self: center;
    align-self: center;
  }

  body.is-ai-panel-open .site-footer__nav {
    margin-left: 0;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 24px 30px;
  }

  body.is-ai-panel-open .site-footer__meta-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: flex-start;
    gap: 12px;
    padding: 18px 0;
  }

  body.is-ai-panel-open .site-footer__copyright {
    justify-self: start !important;
  }

  body.is-ai-panel-open .site-footer__legal {
    justify-content: flex-start !important;
    max-width: 100%;
    min-width: 0;
  }

  body.is-ai-panel-open .site-footer__locale-modal-shell {
    max-width: calc(100vw - 32px);
  }
}

@media (min-width: 961px) and (max-width: 1264px) {
  body.is-ai-panel-open .site-footer__inner {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 34px 0 38px;
  }

  body.is-ai-panel-open .site-footer__newsletter-inner {
    padding: 28px 0 30px;
    gap: 18px;
  }

  body.is-ai-panel-open .site-footer__newsletter-text {
    font-size: 16px;
  }

  body.is-ai-panel-open .site-footer__newsletter-form {
    width: 100%;
  }

  body.is-ai-panel-open .site-footer__newsletter-input {
    padding: 0 18px;
  }

  body.is-ai-panel-open .site-footer__newsletter-button {
    min-width: 144px;
  }

  body.is-ai-panel-open .site-footer__promise-inner {
    min-height: auto;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 22px 0;
  }

  body.is-ai-panel-open .site-footer__promise-text {
    font-size: 15px;
    text-underline-offset: 6px;
  }

  body.is-ai-panel-open .site-footer__brand-column {
    width: 100%;
    max-width: none;
    justify-self: center;
    align-self: center;
    gap: 18px;
    align-items: center;
    text-align: center;
  }

  body.is-ai-panel-open .site-footer__store-badges {
    align-items: center;
    margin-inline: auto;
  }

  body.is-ai-panel-open .site-footer__nav {
    margin-left: 0;
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.is-ai-panel-open .site-footer__heading {
    font-size: 18px;
  }

  body.is-ai-panel-open .site-footer__links a {
    font-size: 15px;
  }

  body.is-ai-panel-open .site-footer__socials {
    gap: 18px;
  }

  body.is-ai-panel-open .site-footer__social-link {
    width: 22px;
    height: 22px;
  }

body.is-ai-panel-open .site-footer__locale-trigger {
    padding: 12px 18px;
    gap: 10px;
    font-size: 13px;
  }
}

@media (max-width: 720px) {
  .site-footer__locale-modal-title {
    font-size: 22px !important;
    line-height: 1.18 !important;
  }
}



/*! [bundle] /styles/components/promo.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.promo-banner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-6);
  padding: var(--space-6);
  border-radius: var(--radius-card);
  background: var(--color-cream);
  box-shadow: var(--shadow-soft);
}

.promo-banner__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.promo-banner__eyebrow {
  font-size: var(--font-size-caption);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-forest);
  margin: 0;
}

.promo-banner__title {
  font-family: var(--font-heading);
  font-size: var(--font-size-h3);
  margin: 0;
}

.promo-banner__body { margin: 0; }

.promo-banner__media {
  min-height: 240px;
}



/*! [bundle] /styles/components/pagination.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.pager {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.pager__title {
  margin: 0;
  text-align: center;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}


.category-page.is-category-discovery-page .pager__title {
  display: none;
}

.pager__row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
}

.pager__pages {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.pager__btn {
  position: relative;
  isolation: isolate;
  min-width: 72px;
  width: 72px;
  height: 54px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #232030;
  text-align: center;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
  transition: color 0.18s ease;
}

.pager__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: #eee5da;
  box-shadow: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.pager__label,
.pager__arrow-icon {
  position: relative;
  z-index: 1;
  transform: none;
  transition: none;
}

.pager__btn:not(:disabled):not(.pager__btn--active):not(.pager__btn--arrow):hover,
.pager__btn:not(:disabled):not(.pager__btn--active):not(.pager__btn--arrow):focus-visible {
  background: transparent;
  box-shadow: none;
}

.pager__btn:not(:disabled):not(.pager__btn--active):not(.pager__btn--arrow):hover::before,
.pager__btn:not(:disabled):not(.pager__btn--active):not(.pager__btn--arrow):focus-visible::before,
.pager__btn--arrow:not(:disabled):hover::before,
.pager__btn--arrow:not(:disabled):focus-visible::before {
  transform: scale(1.04);
}

.pager__btn:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.35);
  outline-offset: 6px;
}

.pager__btn--active {
  color: #232030;
  outline: 0;
  box-shadow: none;
}

.pager__btn--active::before {
  background: #b3bfb2;
  box-shadow: inset 0 0 0 2px #829181;
}

.pager__btn--arrow .icon {
  display: none;
}

.pager__btn--arrow {
  padding: 0;
}

.pager__btn--arrow::before {
  background: #b3bfb2;
}

.pager__arrow-icon {
  width: 22px;
  height: 14px;
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}

.pager__arrow-icon--inactive {
  display: none;
}

.pager__btn--arrow:disabled .pager__arrow-icon--active {
  display: none;
}

.pager__btn--arrow:disabled .pager__arrow-icon--inactive {
  display: block;
}

.pager__btn--arrow:disabled {
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1;
}

.pager__btn--arrow:disabled::before {
  background: #dcddd3;
}

.pager__dots {
  position: relative;
  isolation: isolate;
  min-width: 72px;
  width: 72px;
  height: 54px;
  padding: 0;
  border-radius: 999px;
  background: #eee5da;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 1.6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: default;
}

.pager__dots:hover {
  background: #eee5da;
  color: #232030;
  box-shadow: none;
}

@media (max-width: 980px) {
  .pager__row {
    width: 100%;
    overflow-x: auto;
    padding: 4px 2px 10px;
    justify-content: flex-start;
  }
}


@media (max-width: 640px) {
  .pager__row {
    gap: 8px;
    justify-content: center;
    flex-wrap: nowrap;
    overflow-x: visible;
    max-width: 100%;
    padding: 4px 0 10px;
  }

  .pager__pages {
    gap: 5px;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .pager__btn,
  .pager__dots {
    min-width: 44px;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
  }

  
  .pager__pages .pager__btn { display: none; }
  .pager__pages .pager__btn:first-child { display: inline-flex; }
  .pager__pages .pager__btn:last-child { display: inline-flex; }
  .pager__pages .pager__btn--active { display: inline-flex; }
  .pager__pages .pager__btn:has(+ .pager__btn--active) { display: inline-flex; }
  .pager__pages .pager__btn--active + .pager__btn { display: inline-flex; }
  .pager__pages .pager__dots { display: none; }
}


@media (max-width: 360px) {
  .pager__row {
    gap: 8px;
    flex-wrap: nowrap;
  }
  .pager__pages {
    gap: 3px;
  }
  .pager__btn,
  .pager__dots {
    min-width: 48px;
    width: 48px;
    height: 48px;
  }
}



/*! [bundle] /styles/components/breadcrumbs.css */

:root {
  --bg-pill: #eee5da;
  --bg-pill-active: #eee5da;
  --bg-pill-hover: #b3bfb2;
  --text-main: var(--color-ink);
  --text-muted: var(--color-ink-soft);
  --dot: var(--color-ink);
  --radius: var(--radius-pill);
  --ring: rgba(35, 32, 48, 0.22);
}

.crumbs {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.crumbs__home {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  padding: 0;
  border: 0;
  border-radius: var(--radius);
  background: var(--bg-pill);
  color: var(--text-main);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: background-color 0.16s ease;
}

.crumbs__home::before {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 999px;
  background: transparent;
  transition: background-color 0.16s ease;
  pointer-events: none;
}

.crumbs__home-icon {
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
}

.crumbs__home:hover {
  background: var(--bg-pill);
}

.crumbs__home:hover::before {
  background: var(--bg-pill-hover);
}

.crumbs__home:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.3);
  outline-offset: 2px;
}

.crumbs__track {
  height: 36px;
  min-height: 36px;
  max-width: calc(100% - 41px);
  padding: 3px;
  box-sizing: border-box;
  border-radius: var(--radius);
  background: var(--bg-pill);
  display: inline-flex;
  align-items: center;
  gap: 3px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.crumbs__track::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.crumbs__pill {
  height: 30px;
  border: 0;
  padding: 0 10px;
  border-radius: var(--radius);
  background: transparent;
  color: var(--text-main);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.crumbs__pill:hover {
  background: var(--bg-pill-hover);
}

.crumbs__pill:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.3);
  outline-offset: 2px;
}

.crumbs__pill--active {
  background: transparent;
}

.crumbs__pill--active:hover {
  background: var(--bg-pill-hover);
}

.crumbs__pill--current {
  color: var(--text-muted);
  cursor: default;
  pointer-events: none;
}

.crumbs__pill--current:hover {
  background: transparent;
}

.crumbs__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dot);
  flex: 0 0 6px;
}

@media (max-width: 900px) {
  .crumbs {
    width: 100%;
    align-items: flex-start;
  }

  .crumbs__track {
    height: 36px;
    min-height: 36px;
    max-width: calc(100vw - 78px);
    padding-inline: 6px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 6px;
    scroll-snap-type: x mandatory;
  }

  .crumbs__pill {
    height: 30px;
    min-height: 30px;
    padding: 0 10px;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .crumbs__home {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
}


.crumbs__track:empty {
  display: none;
}
.crumbs:has(> .crumbs__track:empty) {
  display: none;
}



/*! [bundle] /styles/components/category-page.css */

/*! [bundle] already inlined above: /styles/tokens.css */



body.page[data-category-page-live="1"] {
  --category-header-content-gap: 26px;
  background: var(--color-page-bg);
  padding-top: calc(var(--category-expanded-header-height, 73px) + var(--category-header-content-gap));
}

@media (max-width: 720px) {
  body.page[data-category-page-live="1"] {
    --category-header-content-gap: 20px;
  }
}

@media (min-width: 900px) {
  html.is-category-page-live,
  body.page[data-category-page-live="1"] {
    overflow-x: visible;
  }
}

body.page[data-category-page-live="1"] .category-page-skeleton {
  display: none;
}

body.page[data-category-page-live="1"].is-category-header-preparing .category-page,
body.page[data-category-page-live="1"].is-category-header-preparing .cat-filters-meta,
body.page[data-category-page-live="1"].is-category-header-preparing .site-footer {
  display: none;
}

body.page[data-category-page-live="1"].is-category-header-preparing .category-page-skeleton {
  display: block;
}

.category-page {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  background: var(--color-page-bg);
  transition: opacity 0.12s ease;
}

.category-page-skeleton {
  padding: 24px 0 96px;
  background: var(--color-page-bg);
}

.category-page-skeleton__section + .category-page-skeleton__section {
  margin-top: 30px;
}

.category-page-skeleton__breadcrumbs {
  display: flex;
  justify-content: center;
}

.category-page-skeleton__breadcrumbs-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.category-page-skeleton__crumb-home {
  width: 42px;
  height: 42px;
}

.category-page-skeleton__crumb {
  width: 140px;
}

.category-page-skeleton__crumb--short {
  width: 110px;
}

.category-page-skeleton__crumb-dot {
  width: 8px;
  height: 8px;
  background: #dfd2c2;
}

.category-page-skeleton__hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.category-page-skeleton__hero-title {
  width: min(360px, 60vw);
}

.category-page-skeleton__hero-copy {
  width: min(620px, 82vw);
}

.category-page-skeleton__hero-copy--short {
  width: min(460px, 66vw);
}

.category-page-skeleton__subnav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.category-page-skeleton__subnav-grid {
  width: 100%;
  max-width: 1180px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 24px 20px;
}

.category-page-skeleton__subnav-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.category-page-skeleton__subnav-media {
  width: 100%;
  aspect-ratio: 6 / 7;
  border-radius: 20px;
}

.category-page-skeleton__subnav-label {
  width: 78%;
  margin: 0 auto;
}

.category-page-skeleton__subnav-button {
  width: 220px;
}

.category-page-skeleton__meta {
  display: flex;
  justify-content: flex-end;
}

.category-page-skeleton__meta-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.category-page-skeleton__meta-text {
  width: 182px;
}

.category-page-skeleton__meta-dot {
  width: 22px;
  height: 22px;
}

.category-page-skeleton__filters {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.category-page-skeleton__filter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.category-page-skeleton__filter-main {
  width: 120px;
  flex: 0 0 auto;
}

.category-page-skeleton__filter-chip {
  width: 168px;
  flex: 0 0 auto;
}

.category-page-skeleton__filter-spacer {
  flex: 1 1 auto;
}

.category-page-skeleton__filter-sort {
  width: 152px;
  flex: 0 0 auto;
}


.category-page-skeleton__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

@media (max-width: 1140px) {
  .category-page-skeleton__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 760px) {
  .category-page-skeleton__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding-inline: 0;
  }

  
  .container.category-page-skeleton__cards {
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
    margin-right: 0;
  }
}

.category-page-skeleton__card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-self: stretch;
}

.category-page-skeleton__card-media {
  width: 100%;
  aspect-ratio: 0.82;
  border-radius: 22px;
  overflow: hidden;
}

.category-page-skeleton__card-title {
  width: 88%;
}

.category-page-skeleton__card-title--short {
  width: 62%;
}

.category-page-skeleton__card-row {
  display: flex;
  gap: 10px;
}

.category-page-skeleton__card-pill {
  flex: 0 0 32%;
}

.category-page-skeleton__footer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.category-page-skeleton__footer-bar {
  width: 100%;
  height: 120px;
  border-radius: 28px;
}

.category-page-skeleton__footer-grid {
  display: grid;
  grid-template-columns: 1.1fr repeat(3, 1fr);
  gap: 30px;
}

.category-page-skeleton__footer-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.category-page-skeleton__footer-logo {
  width: 170px;
}

.category-page-skeleton__footer-button {
  width: 220px;
}

.category-page-skeleton__footer-heading {
  width: 110px;
}

.category-page-skeleton__footer-link {
  width: 80%;
}

.category-page-skeleton__footer-link--short {
  width: 58%;
}

.category-breadcrumbs {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}

.category-breadcrumbs--header {
  margin-top: -6px;
}

.category-breadcrumbs[hidden] { display: none !important; }
.category-page-skeleton__breadcrumbs[hidden] { display: none !important; }


.category-breadcrumbs--header .crumbs {
  width: 100%;
}

.category-breadcrumbs--header .crumbs__track {
  max-width: 100%;
}


.category-hero {
  margin-top: 0;
  text-align: center;
}

.category-breadcrumbs--header:not([hidden]) + .category-hero {
  margin-top: 10px;
}

.category-hero__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

.category-hero__description {
  margin: 10px auto 0;
  max-width: 760px;
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.category-hero__description[hidden] {
  display: none !important;
}

.category-leaf-promo {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}

.category-leaf-promo[hidden] {
  display: none !important;
}

.category-leaf-promo__shell {
  width: min(984px, 100%);
  height: 255px;
  box-sizing: border-box;
  padding: 20px 5px 5px 20px;
  border: 1px solid var(--color-line);
  border-radius: 30px;
  background: var(--color-page-bg);
  display: grid;
  align-items: start;
  grid-template-columns: minmax(0, 402px) minmax(0, 1fr);
  gap: 40px;
  overflow: hidden;
}

.category-leaf-promo__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 25px;
}

.category-leaf-promo__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.category-leaf-promo__chip {
  min-width: 120px;
  width: fit-content;
  max-width: 210px;
  min-height: 38px;
  box-sizing: border-box;
  padding: 0 18px;
  border: 1px solid var(--category-leaf-promo-chip-border, #f1641e);
  border-radius: 999px;
  background: var(--category-leaf-promo-chip-bg, #ffdec7);
  color: var(--category-leaf-promo-chip-color, #7a2c11);
  font-family: var(--font-heading);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0.72px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.category-leaf-promo__kicker {
  min-width: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.category-leaf-promo__text {
  margin: 0;
  max-width: 402px;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.category-leaf-promo__media {
  position: relative;
  height: 245px;
  margin-top: -15px;
  border-radius: 27px;
  background: #6f6b7c;
  overflow: hidden;
}

.category-leaf-promo__media-surface {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 24%, rgba(255, 249, 241, 0.34) 0, rgba(255, 249, 241, 0) 34%),
    radial-gradient(circle at 24% 78%, rgba(241, 100, 30, 0.22) 0, rgba(241, 100, 30, 0) 28%),
    var(--category-leaf-promo-slide-bg, linear-gradient(135deg, #6f6b7c 0%, #9b8f87 100%));
}

.category-leaf-promo__video,
.category-leaf-promo__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.category-leaf-promo__play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: rgba(230, 236, 243, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 2px rgba(255, 249, 241, 0.22);
}

.category-leaf-promo__play::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: inherit;
  border: 2px solid rgba(255, 249, 241, 0.72);
}

.category-leaf-promo__play-triangle {
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 20px solid rgba(255, 249, 241, 0.9);
  position: relative;
  z-index: 1;
}

.category-leaf-promo__carousel,
.category-leaf-promo__slide {
  position: absolute;
  inset: 0;
}

.category-leaf-promo__slide {
  opacity: 0;
  transition: opacity 0.36s ease;
}

.category-leaf-promo__slide.is-active {
  opacity: 1;
}

.category-leaf-promo__dots {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(35, 32, 48, 0.22);
}

.category-leaf-promo__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 249, 241, 0.56);
  cursor: pointer;
}

.category-leaf-promo__dot.is-active {
  background: var(--color-cream);
}

.category-leaf-promo__dot:focus-visible {
  outline: 2px solid rgba(255, 249, 241, 0.86);
  outline-offset: 2px;
}



.category-smart-summary {
  margin-top: 32px;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.category-smart-summary[hidden] { display: none !important; }

.category-smart-summary__inner {
  max-width: 760px;
}

.category-smart-summary__heading {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 8px;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
}

.category-smart-summary__heading strong {
  font-weight: 750;
}

.category-smart-summary__heading-sub {
  color: rgba(35, 32, 48, 0.7);
  font-weight: 500;
}

.category-smart-summary__sparkle {
  color: #b58a3c;
  font-size: 16px;
  line-height: 1;
}

.category-smart-summary__text {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}

.market-related-chips {
  margin-top: 34px;
  padding-top: 6px;
  color: var(--color-ink);
}

.market-related-chips[hidden] {
  display: none !important;
}

.market-related-chips__title {
  margin: 0 0 16px;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: 0;
}

.market-related-chips__row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.market-related-chips__pill {
  position: relative;
  isolation: isolate;
  min-height: 48px;
  padding: 0 22px 0 24px;
  border-radius: 999px;
  background: transparent;
  color: var(--color-ink);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
}


.market-related-chips__pill::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 999px;
  background: #eee5da;
  transition: background-color 0.16s ease, transform 0.18s ease;
}

.market-related-chips__pill:hover::before,
.market-related-chips__pill:focus-visible::before {
  background: #E1D1BC;
  transform: scale(var(--hover-grow-scale));
}

.market-related-chips__pill:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.38);
  outline-offset: 3px;
}

.market-related-chips__pill:active::before {
  transform: scale(0.99);
}

.market-related-chips__pill img {
  width: 22px;
  height: 13px;
  object-fit: contain;
}

.category-related-carousel {
  margin-top: 40px;
  margin-bottom: 12px;
}

.category-related-carousel[hidden] { display: none !important; }

.category-related-carousel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.category-related-carousel__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 750;
  line-height: 1.2;
}

.category-related-carousel__nav {
  display: flex;
  gap: 8px;
}

.category-related-carousel__arrow {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(35, 32, 48, 0.2);
  background: var(--color-cream);
  color: var(--color-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.16s ease, border-color 0.16s ease;
}

.category-related-carousel__arrow img {
  width: 22px;
  height: 14px;
  display: block;
}

.category-related-carousel__arrow:hover {
  background: var(--filter-pill-bg);
  border-color: rgba(35, 32, 48, 0.35);
}

.category-related-carousel__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(280px, 1fr);
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 6px;
}

.category-related-carousel__track::-webkit-scrollbar { display: none; }

.category-related-carousel__card {
  display: flex;
  align-items: stretch;
  min-height: 156px;
  border-radius: 16px;
  background: var(--color-cream);
  text-decoration: none;
  color: var(--color-ink);
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid rgba(35, 32, 48, 0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.category-related-carousel__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(35, 32, 48, 0.12);
  border-color: rgba(35, 32, 48, 0.16);
}

.category-related-carousel__card--accent-0 .category-related-carousel__media { background: linear-gradient(135deg, #ecdcc8 0%, #d4b893 100%); }
.category-related-carousel__card--accent-1 .category-related-carousel__media { background: linear-gradient(135deg, #f7d8d2 0%, #e6a9a3 100%); }
.category-related-carousel__card--accent-2 .category-related-carousel__media { background: linear-gradient(135deg, #d8e0d0 0%, #a9bd9b 100%); }
.category-related-carousel__card--accent-3 .category-related-carousel__media { background: linear-gradient(135deg, #f3e3bf 0%, #d8b876 100%); }

.category-related-carousel__media {
  flex: 0 0 124px;
  position: relative;
  background: #ddd;
}

.category-related-carousel__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 80% at 30% 20%, rgba(255, 249, 241, 0.45), transparent 60%);
  pointer-events: none;
}

.category-related-carousel__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 22px;
  gap: 12px;
}

.category-related-carousel__label {
  font-family: var(--font-heading);
  font-size: 19px;
  font-weight: 750;
  line-height: 1.22;
  color: var(--color-ink);
  letter-spacing: -0.1px;
}

.category-related-carousel__cta {
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 700;
  color: var(--color-ink);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.category-related-carousel__card:hover .category-related-carousel__cta {
  color: #3f6a60;
}

.category-related-carousel__cta img {
  width: 17px;
  height: 10px;
  flex: 0 0 auto;
  transition: transform 0.18s ease;
}

.category-related-carousel__card:hover .category-related-carousel__cta img {
  transform: translateX(4px);
}

.category-review-spotlight {
  margin-top: 40px;
}

.category-review-spotlight[hidden] { display: none !important; }

.category-review-spotlight__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.category-review-spotlight__heading {
  min-width: 0;
}

.category-review-spotlight__nav {
  display: flex;
  gap: 8px;
  flex: none;
}

.category-review-spotlight__arrow {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(35, 32, 48, 0.2);
  background: var(--color-cream);
  color: var(--color-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.16s ease, border-color 0.16s ease;
}

.category-review-spotlight__arrow img {
  width: 22px;
  height: 14px;
  display: block;
}

.category-review-spotlight__arrow:hover {
  background: var(--filter-pill-bg);
  border-color: rgba(35, 32, 48, 0.35);
}

.category-review-spotlight__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 750;
  line-height: 1.2;
}

.category-review-spotlight__subtitle {
  margin: 6px 0 0;
  color: rgba(35, 32, 48, 0.7);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  max-width: 720px;
}

.category-review-spotlight__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 300px);
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 6px;
}

.category-review-spotlight__track::-webkit-scrollbar { display: none; }

.category-review-spotlight__track > * {
  scroll-snap-align: start;
}

.category-review-spotlight__card {
  border: 1px solid rgba(35, 32, 48, 0.12);
  border-radius: 14px;
  padding: 18px;
  background: var(--color-cream);
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.category-review-spotlight__meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.category-review-spotlight__avatar {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #c9bfb1;
  background-position: center;
  background-size: cover;
  color: var(--color-cream);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.category-review-spotlight__avatar.jp-profile-avatar-art {
  background: transparent !important;
  overflow: visible;
}

.category-review-spotlight__avatar.jp-profile-avatar-art .jp-profile-avatar-letter {
  font-size: 10px;
}

.category-review-spotlight__name {
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 700;
  color: var(--color-ink);
}

.category-review-spotlight__stars {
  margin-left: auto;
  color: var(--color-ink);
  letter-spacing: 1px;
  font-size: 13px;
}

.category-review-spotlight__quote {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.category-review-spotlight__product {
  display: block;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 500;
  color: rgba(35, 32, 48, 0.62);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 760px) {
  .category-smart-summary { margin-top: 26px; padding-inline: 4px; }
  .category-smart-summary__text { font-size: 15px; }
  .category-related-carousel { margin-top: 28px; }
  .category-related-carousel__title { font-size: 18px; }
  .category-related-carousel__nav { display: none; }
  .category-related-carousel__track { grid-auto-columns: minmax(220px, 80%); gap: 12px; }
  .category-related-carousel__card { min-height: 110px; }
  .category-related-carousel__media { flex-basis: 90px; }
  .category-related-carousel__body { padding: 14px 16px; gap: 4px; }
  .category-related-carousel__label { font-size: 16px; }
  .category-review-spotlight { margin-top: 36px; }
  .category-review-spotlight__title { font-size: 18px; }
  
  .category-review-spotlight__track {
    grid-auto-flow: column;
    grid-auto-columns: minmax(78vw, 300px);
    grid-template-columns: none;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .category-review-spotlight__track {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: visible;
    scroll-snap-type: none;
  }
}

.category-subnav {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}


.category-page.is-category-discovery-page .category-subnav {
  display: none !important;
}

.category-subnav__grid {
  width: 100%;
  max-width: 1180px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px 20px;
  transition: height 0.46s cubic-bezier(0.22, 1, 0.36, 1);
  overflow: visible;
}

.category-subnav__item--extra.is-hidden {
  display: none;
}

.category-subnav__item {
  width: calc((100% - 100px) / 6);
  min-width: 0;
  max-width: calc((100% - 100px) / 6);
  cursor: pointer;
  display: block;
  color: inherit;
  text-decoration: none;
}

.category-subnav__media {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 6 / 7;
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 249, 241, 0.7) 0, rgba(255, 249, 241, 0) 34%),
    linear-gradient(180deg, rgba(255, 249, 241, 0.72) 0%, var(--category-subnav-tint, #E7E2D5) 100%);
  box-shadow: inset 0 0 0 1px rgba(35, 32, 48, 0.06);
  overflow: hidden;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.category-subnav__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-subnav__name {
  display: block;
  margin-top: 10px;
  width: 100%;
  padding-inline: 8px;
  box-sizing: border-box;
  text-align: center;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
  text-wrap: balance;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s ease, color 0.2s ease;
}

.category-subnav__item:hover .category-subnav__media {
  background: var(--filter-pill-bg);
  box-shadow: 0 0 4px rgba(35, 32, 48, 0.28);
  transform: scale(1.01);
}

.category-subnav__item:hover .category-subnav__name {
  text-decoration-color: var(--color-ink);
  text-decoration-thickness: 2px;
}

.category-subnav__item:focus-visible {
  outline: none;
}

.category-subnav__item:focus-visible .category-subnav__media,
.category-subnav__item.is-active .category-subnav__media {
  background: var(--filter-pill-bg);
  box-shadow: 0 0 0 2px rgba(63, 106, 96, 0.22), 0 0 4px rgba(35, 32, 48, 0.25);
}

.category-subnav__item:focus-visible .category-subnav__name,
.category-subnav__item.is-active .category-subnav__name {
  text-decoration-color: var(--color-ink);
}

.category-subnav__more {
  border: 0;
  border-radius: 999px;
  background: var(--sort-control-bg);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
  padding: 15px 52px;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.category-subnav__more[hidden] {
  display: none;
}

.category-subnav__more:hover {
  background: var(--sort-control-bg-hover);
}

.category-subnav.category-subnav--without-more + .cat-filters-meta {
  margin-top: 25px;
}


.quick-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin-top: 14px;
  margin-bottom: 6px;
  align-items: center;
}

.quick-filters[hidden] {
  display: none !important;
}

.quick-filters__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  position: relative;
  overflow: visible;
  isolation: isolate;
  transition: color 0.16s ease;
}

.quick-filters__pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #eee5da;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease, background-color 0.18s ease;
  z-index: 0;
  will-change: transform;
}

.quick-filters__pill:hover {
  background: transparent;
}

.quick-filters__pill:hover::before {
  transform: scale(var(--hover-grow-scale));
}

.quick-filters__pill:focus-within::before {
  transform: scale(var(--hover-grow-scale));
}

.quick-filters__pill:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.45);
  outline-offset: 2px;
}

.quick-filters__pill.is-active {
  color: var(--color-cream);
  gap: 4px;
  padding: 0 4px 0 14px;
  cursor: default;
}

.quick-filters__pill.is-active::before {
  background: var(--color-ink);
}

.quick-filters__pill.is-active:hover {
  background: transparent;
}

.quick-filters__check {
  display: none;
}

.quick-filters__check::after {
  content: none;
}

.quick-filters__pill-main {
  min-height: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  line-height: 1;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.quick-filters__pill-main:focus-visible {
  outline: 2px solid rgba(248, 241, 235, 0.45);
  outline-offset: 2px;
  border-radius: 999px;
}

.quick-filters__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  flex: 0 0 34px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  font-size: 0;
  font-weight: 700;
  line-height: 1;
  margin: 4px 0;
  opacity: 1;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: background-color 0.18s ease;
}

.quick-filters__remove:hover,
.quick-filters__remove:focus-visible {
  background: rgba(248, 241, 235, 0.12);
}

.quick-filters__remove:focus-visible {
  outline: 2px solid rgba(248, 241, 235, 0.45);
  outline-offset: 2px;
}

.quick-filters__remove img {
  width: 12px;
  height: 12px;
  display: block;
  max-width: none;
}

.quick-filters__label {
  white-space: nowrap;
  position: relative;
  z-index: 1;
}


.category-page.is-category-discovery-page .cat-filters__left {
  display: none;
}

.category-page.is-category-discovery-page .cat-filters__applied-rail {
  padding-left: 0;
}

.category-page.is-category-discovery-page .cat-filters__applied .quick-filters__pill {
  flex: 0 0 auto;
  scroll-snap-align: start;
}

@media (max-width: 760px) {
  .quick-filters {
    gap: 16px;
    min-height: 58px;
    margin-top: 10px;
    margin-bottom: 4px;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    padding-top: 8px;
    padding-bottom: 10px;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .category-page.is-category-discovery-page .quick-filters {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
  .category-page.is-category-discovery-page .cat-filters__applied-rail {
    width: 100vw;
    max-width: none;
    flex-basis: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .category-page.is-category-discovery-page .cat-filters__applied {
    padding-left: 16px;
    padding-right: 16px;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
    box-sizing: border-box;
  }
  .quick-filters::-webkit-scrollbar { display: none; }
  .quick-filters__pill {
    flex: none;
    min-height: 44px; 
    padding: 0 16px;
    font-size: 14px;
    scroll-snap-align: start;
  }
  .quick-filters__pill.is-active {
    padding: 0 0 0 16px;
  }
  .quick-filters__pill-main {
    min-height: 44px;
  }
  .quick-filters__remove {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    flex: 0 0 44px;
    margin: 0;
  }

  .category-related-carousel__track {
    scroll-padding-inline: 16px;
    overscroll-behavior-inline: contain;
  }
}

.category-breadcrumbs--footer {
  margin-top: 56px;
  justify-content: flex-start;
}

.category-breadcrumbs--footer .crumbs {
  margin-inline: 0;
  justify-content: flex-start;
}

.category-related-links {
  margin-top: 12px;
  margin-bottom: 36px;
  padding-top: 16px;
  border-top: 1px solid rgba(35, 32, 48, 0.1);
  color: var(--color-ink);
}

.category-related-links[hidden] {
  display: none !important;
}

.category-related-links__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 12px;
}

.category-related-links__copy {
  max-width: 720px;
}

.category-related-links__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: 0;
}

.category-related-links__text {
  max-width: 680px;
  margin: 4px 0 0;
  color: rgba(35, 32, 48, 0.64);
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}

.category-related-links__grid,
.category-related-links__extras-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}


.category-related-links__extras-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  max-height: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    grid-template-rows 0.5s cubic-bezier(0.18, 1, 0.2, 1),
    max-height 0.5s cubic-bezier(0.18, 1, 0.2, 1),
    margin-top 0.5s cubic-bezier(0.18, 1, 0.2, 1),
    opacity 0.32s ease;
  will-change: grid-template-rows, max-height, opacity;
}

.category-related-links__extras-wrapper > .category-related-links__extras-grid {
  min-height: 0;
}

.category-related-links.is-expanded .category-related-links__extras-wrapper {
  grid-template-rows: 1fr;
  max-height: 1200px;
  margin-top: 12px;
  opacity: 1;
}

.category-related-links__group-title {
  margin: 0 0 5px;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: 0;
}

.category-related-links__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.category-related-links__item {
  min-width: 0;
}

.category-related-links__link {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  background: transparent;
  color: var(--color-cream);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.16s ease;
}

.category-related-links__link-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--color-olive-pill);
  box-shadow: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
  will-change: transform;
}

.category-related-links__link-label {
  position: relative;
  z-index: 1;
}

.category-related-links__link:hover,
.category-related-links__link:focus-visible {
  transform: none;
}

.category-related-links__link:hover .category-related-links__link-bg,
.category-related-links__link:focus-visible .category-related-links__link-bg {
  transform: scale(var(--hover-grow-scale));
}

.category-related-links__link:focus-visible {
  outline: 2px solid rgba(63, 106, 96, 0.38);
  outline-offset: 3px;
  border-radius: 999px;
}

.category-related-links__toggle {
  min-width: 0;
  min-height: 0;
  margin: 12px auto 0;
  padding: 15px 52px;
  border: 0;
  border-radius: 999px;
  background: #e1d1bc;
  color: var(--color-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.category-related-links__toggle:hover,
.category-related-links__toggle:focus-visible {
  background: #ccb89f;
}

.category-related-links__toggle:active {
  transform: none;
}

.category-seo-summary {
  --category-seo-summary-height: 360px;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(35, 32, 48, 0.1);
  color: var(--color-ink);
}

.category-seo-summary[hidden] {
  display: none !important;
}

.category-seo-summary__panel {
  position: relative;
  min-height: 250px;
  box-sizing: border-box;
  padding: 28px 36px 58px 133px;
  border: 0;
  border-radius: 22px;
  background: var(--color-page-bg);
  overflow: hidden;
  transition:
    min-height 0.48s cubic-bezier(0.18, 1, 0.2, 1),
    padding 0.48s cubic-bezier(0.18, 1, 0.2, 1);
}

.category-seo-summary.is-collapsed .category-seo-summary__panel {
  min-height: 178px;
  padding-bottom: 50px;
}

.category-seo-summary__media {
  position: absolute;
  left: 23px;
  top: 23px;
  width: 76px;
  height: 76px;
  border-radius: 999px;
  background: #7d6d6d url("/assets/homepage/editorpix/universal-category-media/01-default-gift-box.webp") center / cover no-repeat;
}

.category-seo-summary__body {
  position: relative;
  max-height: var(--category-seo-summary-height);
  opacity: 1;
  overflow: hidden;
  transition:
    max-height 0.52s cubic-bezier(0.18, 1, 0.2, 1),
    opacity 0.28s ease;
  will-change: max-height, opacity;
}

.category-seo-summary.is-collapsed .category-seo-summary__body {
  max-height: 104px;
  opacity: 1;
}

.category-seo-summary.is-collapsed .category-seo-summary__body::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 72px;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(248, 241, 235, 0) 0%,
    rgba(248, 241, 235, 0.65) 45%,
    rgba(248, 241, 235, 0.92) 75%,
    var(--color-page-bg) 100%
  );
}

.category-seo-summary__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
}

.category-seo-summary__text {
  max-width: 1040px;
  margin: 10px 0 18px;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.86;
}

.category-seo-summary__list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.category-seo-summary__item {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
}

.category-seo-summary__item::before {
  content: "•";
  margin-right: 7px;
  font-weight: 700;
}

.category-seo-summary__item strong {
  font-weight: 700;
}

.category-seo-summary__note {
  margin: 20px 0 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.86;
}

.category-seo-summary__toggle {
  min-width: 172px;
  min-height: 50px;
  margin: -26px auto 0;
  padding: 15px 50px;
  border: 0;
  border-radius: 999px;
  background: var(--sort-control-bg, #e1d1bc);
  color: var(--color-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 1;
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.category-seo-summary__toggle:hover,
.category-seo-summary__toggle:focus-visible {
  background: var(--sort-control-bg-hover, #d8c4aa);
  outline: none;
}

.category-seo-summary__toggle:active {
  transform: translateY(1px);
}

.category-knowledge {
  margin-top: 52px;
  padding-top: 30px;
  border-top: 1px solid rgba(35, 32, 48, 0.12);
  color: var(--color-ink);
  text-align: center;
}

.category-knowledge[hidden] {
  display: none !important;
}

.category-knowledge__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding-bottom: 22px;
  text-align: center;
}

.category-knowledge__icon {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(35, 32, 48, 0.16);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eee5da;
}

.category-knowledge__icon img {
  width: 20px;
  height: 20px;
  display: block;
}

.category-knowledge__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.category-knowledge__intro {
  max-width: 720px;
  margin: 0;
  color: rgba(35, 32, 48, 0.7);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}

.category-knowledge__snapshot {
  max-width: 980px;
  margin: 6px auto 26px;
  padding: 20px 0;
  border-top: 1px solid rgba(35, 32, 48, 0.1);
  border-bottom: 1px solid rgba(35, 32, 48, 0.1);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.category-knowledge__snapshot-item {
  min-width: 0;
  padding: 0 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.category-knowledge__snapshot-item + .category-knowledge__snapshot-item {
  border-left: 1px solid rgba(35, 32, 48, 0.1);
}

.category-knowledge__snapshot-value {
  color: var(--color-forest);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

.category-knowledge__snapshot-label {
  color: rgba(35, 32, 48, 0.64);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
}

.category-knowledge__faq {
  max-width: 980px;
  margin: 10px auto 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
}

.category-knowledge__item {
  border-radius: 20px;
  background: transparent;
  box-shadow: 0 1px 0 rgba(35, 32, 48, 0.1);
  overflow: hidden;
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

.category-knowledge__item:hover {
  background: #fdf8f4;
  box-shadow: none;
}

.category-knowledge__question {
  min-height: 64px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  list-style: none;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 650;
  line-height: 1.35;
}

.category-knowledge__question::-webkit-details-marker {
  display: none;
}

.category-knowledge__question:hover,
.category-knowledge__question:focus-visible {
  background: transparent;
}

.category-knowledge__question:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px rgba(35, 32, 48, 0.18);
  border-radius: 20px;
}

.category-knowledge__chevron {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: block;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform 1.12s cubic-bezier(0.18, 1, 0.2, 1);
  will-change: transform;
}

.category-knowledge__item.is-open .category-knowledge__chevron {
  transform: rotate(180deg);
}

.category-knowledge__item[open] .category-knowledge__chevron {
  transform: rotate(180deg);
}

.category-knowledge__item.is-closing .category-knowledge__chevron {
  transform: rotate(0deg);
}

.category-knowledge__answer {
  max-width: 900px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 18px;
  color: rgba(35, 32, 48, 0.78);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.65;
  transition:
    max-height 0.42s cubic-bezier(0.18, 1, 0.2, 1),
    opacity 0.28s ease;
  will-change: max-height, opacity;
}

.category-knowledge__item.is-open .category-knowledge__answer {
  
  max-height: var(--category-knowledge-answer-height, 4000px);
  opacity: 1;
}

.category-knowledge__item[open] .category-knowledge__answer {
  max-height: var(--category-knowledge-answer-height, 4000px);
  opacity: 1;
}

.category-knowledge__item.is-closing .category-knowledge__answer {
  max-height: 0;
  opacity: 0;
}

.category-knowledge__answer-inner {
  padding-bottom: 22px;
}

@media (min-width: 981px) {
  body.page[data-category-page-live="1"].is-ai-panel-open {
    overflow-x: clip;
  }

  body.page[data-category-page-live="1"].is-ai-panel-open .category-page > .container {
    margin-left: auto;
    margin-right: calc(var(--lume-panel-reserve, 360px) + 15px - clamp(0px, calc(2160px - 100vw), var(--lume-panel-reserve, 360px)));
  }

  body.page[data-category-page-live="1"] .cat-filters {
    --category-filter-bleed: calc((100vw - min(var(--jp-page-shell-max, 1372px), calc(100vw - 68px))) / 2);
    position: sticky;
    top: var(--category-expanded-header-height, 114px);
    z-index: 130;
    background: var(--color-page-bg);
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    opacity: 1;
    transition:
      top 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.22s ease;
  }

  body.page[data-category-page-live="1"] .cat-filters.is-sort-popover-open,
  body.page[data-category-page-live="1"] .cat-filters.is-applied-popover-open {
    z-index: 5402;
  }

  body.page[data-category-page-live="1"] .cat-filters::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-1 * var(--category-filter-bleed));
    width: 100vw;
    background: var(--color-page-bg);
    z-index: -1;
  }

  body.page[data-category-page-live="1"] .cat-filters::after {
    content: "";
    position: absolute;
    left: calc(-1 * var(--category-filter-bleed));
    bottom: 0;
    width: 100vw;
    height: 1px;
    background: #d9d5d0;
    box-shadow:
      0 1px 2px rgba(35, 32, 48, 0.04),
      0 6px 16px rgba(35, 32, 48, 0.07);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
    z-index: 1;
  }

  body.page[data-category-page-live="1"].is-category-header-condensed .cat-filters {
    top: var(--category-condensed-header-height, 73px);
  }

  body.page[data-category-page-live="1"].is-category-filters-docked .cat-filters::after {
    opacity: 1;
  }

  body.page[data-category-page-live="1"].is-category-filters-docked .fixed-header {
    box-shadow: none;
  }

  body.page[data-category-page-live="1"].is-category-filter-release .cat-filters {
    opacity: 0;
    pointer-events: none;
  }

  body.page[data-category-page-live="1"].is-category-filter-release .cat-filters::after {
    opacity: 0;
  }

  body.page[data-category-page-live="1"].is-category-header-preparing .cat-filters {
    transition: none !important;
    opacity: 0;
  }
}

@media (min-width: 900px) and (max-width: 980px) {
  body.page[data-category-page-live="1"] .cat-filters {
    --category-filter-bleed: calc((100vw - min(var(--jp-page-shell-max, 1372px), calc(100vw - 68px))) / 2);
    position: sticky;
    top: var(--category-expanded-header-height, 73px);
    z-index: 130;
    background: var(--color-page-bg);
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    opacity: 1;
    transition:
      top 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.22s ease;
  }

  body.page[data-category-page-live="1"] .cat-filters.is-sort-popover-open,
  body.page[data-category-page-live="1"] .cat-filters.is-applied-popover-open {
    z-index: 5402;
  }

  body.page[data-category-page-live="1"] .cat-filters::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-1 * var(--category-filter-bleed));
    width: 100vw;
    background: var(--color-page-bg);
    z-index: -1;
  }

  body.page[data-category-page-live="1"] .cat-filters::after {
    content: "";
    position: absolute;
    left: calc(-1 * var(--category-filter-bleed));
    bottom: 0;
    width: 100vw;
    height: 1px;
    background: color-mix(in srgb, var(--color-ink) 14%, var(--color-page-bg));
    box-shadow:
      0 1px 2px color-mix(in srgb, var(--color-ink) 4%, transparent),
      0 6px 16px color-mix(in srgb, var(--color-ink) 7%, transparent);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
    z-index: 1;
  }

  body.page[data-category-page-live="1"].is-category-header-condensed .cat-filters {
    top: var(--category-condensed-header-height, 73px);
  }

  body.page[data-category-page-live="1"].is-category-filters-docked .cat-filters::after {
    opacity: 1;
  }

  body.page[data-category-page-live="1"].is-category-filters-docked .fixed-header {
    box-shadow: none;
  }

  body.page[data-category-page-live="1"].is-category-filter-release .cat-filters {
    opacity: 0;
    pointer-events: none;
  }

  body.page[data-category-page-live="1"].is-category-filter-release .cat-filters::after {
    opacity: 0;
  }

  body.page[data-category-page-live="1"].is-category-header-preparing .cat-filters {
    transition: none !important;
    opacity: 0;
  }
}


@media (max-width: 760px) {
  html.is-category-page-live,
  body.page[data-category-page-live="1"] {
    overflow-x: clip;
  }

  body.page[data-category-page-live="1"] {
    --cat-filters-mobile-header-h: var(--category-current-header-height, 68px);
    --cat-filters-mobile-header-offset: var(--cat-filters-mobile-header-h);
    --cat-mobile-header-slide-duration: 0.42s;
    --cat-mobile-header-slide-ease: cubic-bezier(0.2, 0.82, 0.22, 1);
  }

  
  body.page[data-category-page-live="1"] .fixed-header {
    transition:
      top var(--cat-mobile-header-slide-duration) var(--cat-mobile-header-slide-ease),
      height 0.34s cubic-bezier(0.18, 0.82, 0.2, 1),
      box-shadow 0.16s ease;
    will-change: top;
  }

  body.page[data-category-page-live="1"].is-category-mobile-header-hidden .fixed-header {
    top: calc(-1 * var(--cat-filters-mobile-header-h, 68px)) !important;
  }

  body.page[data-category-page-live="1"].is-category-mobile-header-hidden {
    --cat-filters-mobile-header-offset: 0px;
  }

  body.page[data-category-page-live="1"] .fixed-header::after {
    transition: opacity 0.16s ease;
  }

  body.page[data-category-page-live="1"].is-category-mobile-filters-docked .fixed-header {
    box-shadow: none !important;
  }

  body.page[data-category-page-live="1"].is-category-mobile-filters-docked .fixed-header::after {
    opacity: 0;
  }

  body.page[data-category-page-live="1"] .cat-filters-meta {
    position: relative;
    z-index: 2;
    width: calc(100% - 32px);
    margin: 0 auto 8px;
    padding: 8px 0 6px;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
  }

  body.page[data-category-page-live="1"] .cat-filters__sponsored {
    width: auto;
    max-width: 100%;
    justify-content: flex-end;
  }

  body.page[data-category-page-live="1"] .cat-filters {
    position: sticky;
    top: var(--cat-filters-mobile-header-offset);
    z-index: 132;
    padding-block: 6px 8px;
    background: transparent;
    isolation: isolate;
    transition: top var(--cat-mobile-header-slide-duration) var(--cat-mobile-header-slide-ease);
  }

  body.page[data-category-page-live="1"] .cat-filters::before,
  body.page[data-category-page-live="1"] .cat-filters::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    pointer-events: none;
  }

  body.page[data-category-page-live="1"] .cat-filters::before {
    inset-block: 0;
    background: var(--color-page-bg);
    z-index: -1;
  }

  body.page[data-category-page-live="1"] .cat-filters::after {
    bottom: 0;
    height: 1px;
    background: color-mix(in srgb, var(--color-ink) 14%, var(--color-page-bg));
    box-shadow:
      0 1px 2px color-mix(in srgb, var(--color-ink) 4%, transparent),
      0 6px 16px color-mix(in srgb, var(--color-ink) 7%, transparent);
    opacity: 0;
    transition: opacity 0.18s ease;
    z-index: 1;
  }

  body.page[data-category-page-live="1"].is-category-mobile-filters-docked .cat-filters::after {
    opacity: 1;
  }

  body.page[data-category-page-live="1"].is-category-mobile-filters-docked .cat-filters {
    padding-top: 8px;
  }

  body.page[data-category-page-live="1"].is-category-mobile-filters-docked .cat-filters__applied {
    padding-top: 0;
  }

  body.page[data-category-page-live="1"].is-page-scrolled .cat-filters {
    box-shadow: none;
  }
}

.category-recently-viewed {
  margin-top: 46px;
}

.category-recently-viewed + .category-recently-viewed {
  margin-top: 14px;
}

.category-recently-viewed__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}

.category-recently-viewed__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.6px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
}

.category-recently-viewed__grid {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: start;
  gap: 17px;
}

.category-recently-viewed .personalized-card {
  --personalized-card-height: 280px;
  --personalized-card-media-height: 171px;
  width: auto;
  min-width: 0;
  height: var(--personalized-card-height);
  overflow: visible;
}

.category-recently-viewed .personalized-card__media {
  height: var(--personalized-card-media-height);
  overflow: visible;
  border-radius: 20px;
  transition: box-shadow 0.24s ease;
}

.category-recently-viewed .personalized-card__media-surface {
  border-radius: 20px;
}

.category-recently-viewed .personalized-card__badge {
  top: calc(var(--personalized-card-media-height) - 30px);
}

.category-recently-viewed .personalized-card__body {
  top: calc(var(--personalized-card-media-height) + 6px);
  bottom: 10px;
  gap: 3px;
}

.category-recently-viewed .personalized-card__title {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: unset;
}

.category-recently-viewed .personalized-card__price-new {
  font-size: 17px;
}

.category-recently-viewed .personalized-card__currency {
  font-size: 17px;
}

.category-recently-viewed .personalized-card__price-old {
  font-size: 13px;
}


.category-recently-viewed .personalized-card__store-row {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  margin-top: 2px;
  padding: 2px 11px 2px 2px;
  border-radius: 999px;
  background: #eee5da;
  color: var(--color-ink-soft);
  text-decoration: none;
}

.category-recently-viewed .personalized-card__store-row > svg,
.category-recently-viewed .personalized-card__store-row > img.cat-card__store-icon {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  flex: 0 0 20px;
  display: block;
  padding: 4px;
  border-radius: 999px;
  background: rgba(35, 32, 48, 0.08);
  object-fit: contain;
}

.category-recently-viewed .personalized-card__store-notch {
  display: none;
}

.category-recently-viewed .personalized-card__store {
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.category-recently-viewed .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .personalized-card__store-row {
  background: var(--personalized-card-partner-color);
  color: var(--color-cream);
}

.category-recently-viewed .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .personalized-card__store-row > svg,
.category-recently-viewed .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .personalized-card__store-row > img.cat-card__store-icon,
.category-recently-viewed .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .cat-card__store-icon {
  background: rgba(255, 255, 255, 0.22);
}

.category-recently-viewed .personalized-card[data-product-partner-color]:not([data-product-partner-color=""]) .personalized-card__store {
  color: var(--color-cream);
  text-decoration: none;
}

.category-recently-viewed .personalized-card:hover,
.category-recently-viewed .personalized-card:has(:focus-visible),
.category-recently-viewed .personalized-card.is-actions-open {
  box-shadow: none;
}

.category-recently-viewed .personalized-card:hover .personalized-card__media,
.category-recently-viewed .personalized-card:has(:focus-visible) .personalized-card__media,
.category-recently-viewed .personalized-card.is-actions-open .personalized-card__media {
  box-shadow: var(--shadow-card-hover);
}

.category-recently-viewed .personalized-card__hover-actions {
  top: 8px;
  left: 8px;
  right: 8px;
  width: auto;
  max-width: none;
  height: 30px;
  gap: 5px;
}

.category-recently-viewed .personalized-card__hover-board {
  height: 30px;
  min-width: 0;
  max-width: none;
  flex: 1 1 0;
  padding: 5px 10px;
  gap: 6px;
}

.category-recently-viewed .personalized-card__hover-board-label {
  font-size: 10px;
}

.category-recently-viewed .personalized-card__hover-board img {
  width: 10px;
  height: 10px;
  flex-basis: 10px;
}

.category-recently-viewed .personalized-card__hover-save {
  height: 30px;
  min-width: 59px;
  padding: 5px 10px;
}

.category-recently-viewed .personalized-card__hover-save-label {
  font-size: 10px;
}

.category-recently-viewed .personalized-card__hover-save img {
  width: 14px;
  height: 14px;
  flex-basis: 14px;
}

.category-empty {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 330px;
  display: grid;
  grid-template-columns: minmax(280px, 0.82fr) minmax(320px, 0.68fr);
  align-items: center;
  justify-content: center;
  gap: clamp(28px, 6vw, 86px);
  padding: clamp(18px, 3vw, 38px) 0 clamp(8px, 2vw, 18px);
  text-align: left;
}

.category-empty__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.category-empty__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.category-empty__text {
  margin: 0;
  max-width: 460px;
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.category-empty__button {
  min-width: 176px;
  min-height: 56px;
  margin-top: 6px;
  padding: 10px 26px;
  border: 0;
  border-radius: 999px;
  background: var(--color-ink);
  color: var(--color-cream);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform-origin: center;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.category-empty__button:hover,
.category-empty__button:focus-visible {
  transform: scale(var(--hover-grow-scale));
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.category-empty__button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--color-ink) 22%, transparent);
  outline-offset: 3px;
}

.category-empty__button:hover {
  outline: none;
}

.category-empty__art {
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.category-empty__art img {
  display: block;
  width: min(100%, 430px);
  height: auto;
}

@media (max-width: 964px) {
  .category-page-skeleton__subnav-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px 16px;
  }

  .category-page-skeleton__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .category-page-skeleton__footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .category-subnav__grid {
    gap: 22px 16px;
  }

  .category-subnav__item {
    width: calc((100% - 48px) / 4);
    max-width: calc((100% - 48px) / 4);
  }

  .category-leaf-promo__shell {
    height: auto;
    min-height: 255px;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
  }

  .category-leaf-promo__copy,
  .category-leaf-promo__text {
    max-width: none;
  }

  .category-leaf-promo__media {
    height: 230px;
    margin-top: 0;
  }

  .category-recently-viewed__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .category-related-links__grid,
  .category-related-links__extras-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .category-related-links.is-expanded .category-related-links__extras-wrapper {
    margin-top: 12px;
  }

  .category-seo-summary__panel {
    padding-right: 28px;
  }

  .category-knowledge__snapshot {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .category-knowledge__snapshot-item:nth-child(4) {
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .category-page-skeleton {
    padding-top: 16px;
  }

  .category-page-skeleton__breadcrumbs-row {
    gap: 8px;
  }

  .category-page-skeleton__crumb {
    width: 104px;
  }

  .category-page-skeleton__crumb--short {
    width: 80px;
  }

  .category-page-skeleton__hero-title {
    width: min(280px, 72vw);
  }

  .category-page-skeleton__hero-copy {
    width: min(460px, 88vw);
  }

  .category-page-skeleton__subnav-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 14px;
  }

  .category-page-skeleton__filter-bar {
    flex-wrap: wrap;
  }

  .category-page-skeleton__filter-main {
    width: 100%;
    max-width: 220px;
  }

  .category-page-skeleton__filter-chip {
    flex: 1 1 calc(50% - 5px);
    min-width: 150px;
  }

  .category-page-skeleton__filter-spacer {
    display: none;
  }

  .category-page-skeleton__filter-sort {
    width: 100%;
    max-width: 220px;
    margin-left: auto;
  }

  .category-page-skeleton__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .category-page-skeleton__footer-grid {
    grid-template-columns: 1fr;
  }

  .category-breadcrumbs {
    margin-top: 16px;
  }

  .category-breadcrumbs--header {
    margin-top: 1px;
  }

  .category-hero__title {
    font-size: 26px;
  }

  .category-hero__description {
    max-width: 92%;
    font-size: 13px;
  }

  .category-leaf-promo {
    margin-top: 18px;
  }

  .category-leaf-promo__shell {
    border-radius: 24px;
    padding: 14px;
  }

  .category-leaf-promo__copy {
    gap: 16px;
  }

  .category-leaf-promo__meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .category-leaf-promo__chip {
    width: auto;
    max-width: 100%;
    min-width: 112px;
  }

  .category-leaf-promo__kicker {
    font-size: 11px;
    letter-spacing: 0.8px;
  }

  .category-leaf-promo__text {
    font-size: 15px;
    line-height: 1.55;
  }

  .category-leaf-promo__media {
    height: 205px;
    border-radius: 20px;
  }

  .category-subnav__grid {
    gap: 18px 14px;
  }

  .category-subnav__item {
    width: calc((100% - 32px) / 3);
    max-width: calc((100% - 32px) / 3);
  }

  .category-page-skeleton__subnav-media,
  .category-subnav__media {
    aspect-ratio: 4 / 3;
    border-radius: 18px;
  }

  .category-recently-viewed {
    margin-top: 40px;
  }

  .category-recently-viewed + .category-recently-viewed {
    margin-top: 14px;
  }

  .category-recently-viewed__title {
    font-size: 24px;
  }

  .category-recently-viewed__grid {
    margin-top: 15px;
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
    margin-right: 0;
    display: flex;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .category-recently-viewed__grid::-webkit-scrollbar {
    display: none;
  }

  .category-recently-viewed__grid > * {
    flex: 0 0 min(46vw, 188px);
    scroll-snap-align: start;
  }

  .category-recently-viewed .personalized-card {
    --personalized-card-width: min(46vw, 188px);
    --personalized-card-height: calc(var(--personalized-card-width) + 132px);
    --personalized-card-media-height: var(--personalized-card-width);
  }

  .category-empty {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 24px 0 12px;
    text-align: center;
  }

  .category-empty__copy {
    align-items: center;
  }

  .category-empty__title {
    max-width: 14ch;
    font-size: 22px;
  }

  .category-empty__text {
    max-width: 320px;
    font-size: 15px;
  }

  .category-empty__button {
    min-height: 52px;
    min-width: 168px;
  }

  .category-empty__art img {
    width: min(100%, 340px);
  }

  .category-breadcrumbs--footer {
    margin-top: 48px;
  }

  .category-related-links {
    margin-top: 12px;
    margin-bottom: 32px;
    padding-top: 14px;
  }

  .category-related-links__header {
    margin-bottom: 10px;
  }

  .category-related-links__title {
    font-size: 17px;
  }

  .category-related-links__text {
    max-width: 560px;
    font-size: 11px;
  }

  .category-related-links__group-title {
    font-size: 12px;
  }

  .category-related-links__link {
    height: 44px;
    min-height: 44px;
    padding: 0 16px;
    font-size: 10px;
  }

  .category-seo-summary {
    margin-top: 40px;
  }

  .category-seo-summary__panel {
    min-height: 0;
    padding: 22px 24px 58px 112px;
  }

  .category-seo-summary__media {
    width: 70px;
    height: 70px;
  }

  .category-seo-summary__title {
    font-size: 20px;
  }

  .category-seo-summary__text,
  .category-seo-summary__item,
  .category-seo-summary__note {
    font-size: 14px;
  }

  .category-knowledge {
    margin-top: 44px;
  }

  .category-knowledge__heading {
    padding-bottom: 24px;
  }

  .category-knowledge__title {
    font-size: 24px;
  }

  .category-knowledge__intro {
    max-width: 520px;
    font-size: 13px;
  }

  .category-knowledge__question {
    min-height: 66px;
    padding: 16px 10px;
    font-size: 16px;
  }

  .category-knowledge__answer {
    padding: 0 10px;
    font-size: 14px;
  }

  .category-knowledge__answer-inner {
    padding-bottom: 22px;
  }
}


@media (min-width: 560px) and (max-width: 760px) {
  .category-page-skeleton__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 620px) {
  .category-page-skeleton__subnav-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
  }

  

  .category-subnav__grid {
    gap: 14px 12px;
  }

  .category-subnav__item {
    width: calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
  }

  .category-page-skeleton__subnav-media,
  .category-subnav__media {
    aspect-ratio: 16 / 10;
    border-radius: 16px;
  }

  .category-leaf-promo__media {
    height: 180px;
  }

  .category-leaf-promo__play {
    width: 54px;
    height: 54px;
  }

  .category-leaf-promo__play-triangle {
    border-top-width: 11px;
    border-bottom-width: 11px;
    border-left-width: 17px;
  }

  .category-subnav__more {
    padding: 14px 28px;
  }

  .category-related-links__grid,
  .category-related-links__extras-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .category-related-links.is-expanded .category-related-links__extras-wrapper {
    margin-top: 12px;
  }

  .category-related-links__toggle {
    width: 100%;
    max-width: 220px;
  }

  .category-seo-summary {
    margin-top: 40px;
    padding-top: 22px;
  }

  .category-seo-summary__panel {
    padding: 22px 18px 56px;
  }

  .category-seo-summary.is-collapsed .category-seo-summary__panel {
    min-height: 152px;
    padding-bottom: 42px;
  }

  .category-seo-summary.is-collapsed .category-seo-summary__body {
    max-height: 88px;
  }

  .category-seo-summary__media {
    position: static;
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
    transform: none;
  }

  .category-seo-summary.is-collapsed .category-seo-summary__media {
    top: auto;
    transform: none;
  }

  .category-seo-summary__toggle {
    width: 100%;
    max-width: 220px;
    min-height: 46px;
    padding: 14px 28px;
    font-size: 15px;
  }

  .category-knowledge__snapshot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .category-knowledge__snapshot-item {
    padding: 12px 10px;
  }

  .category-knowledge__snapshot-item:nth-child(odd) {
    border-left: 0;
  }
}

@media (max-width: 480px) {
  .category-page-skeleton__crumb-home {
    width: 34px;
    height: 34px;
  }

  .category-page-skeleton__breadcrumbs-row {
    justify-content: center;
    flex-wrap: wrap;
  }

  .category-page-skeleton__meta-text {
    width: 146px;
  }

  .category-page-skeleton__filter-chip,
  .category-page-skeleton__filter-sort,
  .category-page-skeleton__filter-main {
    max-width: none;
    width: 100%;
  }

  .category-subnav__grid {
    gap: 12px 10px;
  }

  .category-subnav__item {
    width: calc((100% - 10px) / 2);
    max-width: calc((100% - 10px) / 2);
  }

  .category-subnav__media {
    aspect-ratio: 16 / 10;
    border-radius: 15px;
  }

  .category-subnav__name {
    margin-top: 8px;
    padding-inline: 2px;
    font-size: 13px;
  }

  .category-leaf-promo__shell {
    border-radius: 20px;
    padding: 12px;
    
    min-height: 0;
  }

  .category-leaf-promo__media {
    height: 164px;
    border-radius: 18px;
  }

  .category-subnav__more {
    width: auto;
    max-width: none;
    text-align: center;
    padding: 15px 52px;
  }

  .category-recently-viewed__header {
    gap: 12px;
  }
}

@media (max-width: 640px) {
  .category-subnav {
    align-items: center;
    gap: 14px;
    margin-top: 12px;
  }

  .category-subnav__grid {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 10px;
    overflow: visible;
  }

  .category-subnav__item {
    flex: 0 0 calc((100% - 10px) / 2);
    width: calc((100% - 10px) / 2);
    max-width: calc((100% - 10px) / 2);
  }

  .category-subnav__media {
    aspect-ratio: 16 / 10;
    border-radius: 16px;
  }

  .category-subnav__name {
    margin-top: 8px;
    padding-inline: 2px;
    font-size: 13px;
    line-height: 1.18;
  }
}

 


/*! [bundle] /styles/components/categories-directory.css */
.categories-directory-page {
  background: var(--color-page-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  margin: 0;
}

.categories-directory {
  padding: 0 0 76px;
}

.categories-directory__inner {
  width: var(--jp-page-shell-width);
  max-width: var(--jp-page-shell-max, 1372px);
  margin-inline: auto;
  padding-inline: var(--jp-page-shell-inset);
  box-sizing: border-box;
}

.categories-directory__hero {
  padding: 25px 0 36px;
  text-align: center;
}

.categories-directory__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
}

.categories-directory__section {
  margin-top: 58px;
}

.categories-directory__section--primary {
  margin-top: 20px;
}

.categories-directory__section--last {
  margin-bottom: 12px;
}

.categories-directory__section-title {
  margin: 0 0 28px;
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: 29px;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: 0;
}

.categories-directory__category-columns {
  column-count: 4;
  column-gap: clamp(42px, 6vw, 92px);
}

.categories-directory__group {
  display: block;
  break-inside: avoid;
  margin: 0 0 34px;
  padding: 0;
}

.categories-directory__group h3 {
  margin: 0 0 12px;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
}

.categories-directory__group ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.categories-directory__group li {
  margin: 0;
  padding: 0;
}

.categories-directory__link-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px clamp(36px, 6vw, 92px);
  align-items: start;
}

.categories-directory a {
  color: var(--color-ink);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.categories-directory a:hover,
.categories-directory a:focus-visible {
  color: var(--color-forest);
}

.categories-directory a:focus-visible {
  outline: 3px solid var(--color-forest);
  outline-offset: 3px;
  border-radius: var(--radius-xs);
}

.categories-directory__group li a,
.categories-directory__link-grid a {
  display: inline-block;
  max-width: 100%;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .categories-directory__category-columns {
    column-count: 3;
  }

  .categories-directory__link-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .categories-directory {
    padding: 0 0 58px;
  }

  .categories-directory__inner {
    width: min(100% - 32px, 1520px);
  }

  .categories-directory__hero {
    padding: 15px 0 24px;
  }

  .categories-directory__title {
    font-size: 26px;
  }

  .categories-directory__section {
    margin-top: 42px;
  }

  .categories-directory__section-title {
    margin-bottom: 22px;
    font-size: 24px;
  }

  .categories-directory__category-columns {
    column-count: 1;
    column-gap: 0;
  }

  .categories-directory__group {
    margin-bottom: 32px;
  }

  .categories-directory__group ul {
    gap: 4px;
  }

  .categories-directory__link-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .categories-directory__group li a,
  .categories-directory__link-grid a {
    min-height: 32px;
    padding-block: 5px;
    font-size: 15px;
    line-height: 1.34;
  }
}



/*! [bundle] /styles/components/category-shop-by-interest.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.category-shop-the-look {
  margin-top: 28px;
  margin-bottom: 18px;
}

.category-shop-look__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.category-shop-look__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
}

.category-shop-look__subtitle {
  max-width: 520px;
  margin: 0;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  text-align: right;
}

.category-shop-look__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.category-shop-look__card {
  position: relative;
  min-width: 0;
  border-radius: 22px;
  overflow: visible;
}

.category-shop-look__image-shell {
  display: block;
  color: inherit;
  text-decoration: none;
}

.category-shop-look__image {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 12;
  border-radius: 22px;
  background-color: #eee5da;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(35, 32, 48, 0.08);
}

.category-shop-look__caption {
  display: block;
  margin-top: 8px;
  color: #5f5b69;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.category-shop-look__pin {
  position: absolute;
  left: var(--pin-x);
  top: var(--pin-y);
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(35, 32, 48, 0.42);
  box-shadow: 0 10px 28px rgba(35, 32, 48, 0.22);
  cursor: pointer;
  z-index: 3;
}

.category-shop-look__pin::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: inherit;
}

.category-shop-look__pin-dot {
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  background: var(--color-cream);
  box-shadow: 0 0 0 2px rgba(255, 249, 241, 0.62);
}

.category-shop-look__pin:hover,
.category-shop-look__pin:focus-visible,
.category-shop-look__pin.is-active {
  background: rgba(35, 32, 48, 0.72);
}

.category-shop-look__pin:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.24);
  outline-offset: 4px;
}

.category-shop-look__popover {
  position: absolute;
  left: var(--pin-x);
  top: calc(var(--pin-y) + 28px);
  width: min(424px, calc(100vw - 44px));
  padding: 14px;
  border: 1px solid rgba(35, 32, 48, 0.18);
  border-radius: 18px;
  background: var(--color-cream);
  box-shadow: 0 22px 56px rgba(35, 32, 48, 0.22);
  transform: translate(calc(-50% + var(--look-popover-offset-x, 0px)), 0);
  z-index: 8;
}

.category-shop-look__popover--left {
  transform: translate(calc(-20% + var(--look-popover-offset-x, 0px)), 0);
}

.category-shop-look__popover--right {
  transform: translate(calc(-80% + var(--look-popover-offset-x, 0px)), 0);
}

.category-shop-look__popover--above {
  top: auto;
  bottom: calc(100% - var(--pin-y) + 28px);
}

.category-shop-look__popover::before {
  content: none;
}

.category-shop-look__popover--left::before {
  content: none;
}

.category-shop-look__popover--right::before {
  content: none;
}

.category-shop-look__popover-products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  padding-top: 0;
}

.category-shop-look__popover-products--count-1 {
  grid-template-columns: minmax(0, 1fr);
}

.category-shop-look__popover-products--count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.category-shop-look__product {
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.category-shop-look__product-media {
  display: block;
  width: 100%;
  aspect-ratio: 1.12;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
}

.category-shop-look__product-copy {
  display: block;
  margin-top: 8px;
}

.category-shop-look__product-title {
  display: -webkit-box;
  min-height: 32px;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.category-shop-look__product-price {
  display: block;
  margin-top: 4px;
  color: var(--color-forest);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

.category-editorial-strip {
  margin-top: 36px;
}

.category-editorial-strip__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding-bottom: 0;
  border-bottom: 0;
}

.category-editorial-strip__eyebrow {
  margin: 0 0 6px;
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.category-editorial-strip__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: clamp(26px, 2.4vw, 34px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: 0;
}

.category-editorial-strip__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
}

.category-editorial-strip--count-1 .category-editorial-strip__grid {
  grid-template-columns: minmax(260px, 420px);
}

.category-editorial-strip--count-2 .category-editorial-strip__grid {
  grid-template-columns: repeat(2, minmax(260px, 390px));
}

.category-editorial-strip--count-3 .category-editorial-strip__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.category-editorial-strip__card {
  min-width: 0;
  min-height: 100%;
  padding: 0;
  border: 0;
  border-radius: 22px;
  background: var(--color-white);
  color: var(--color-ink);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  box-shadow: none;
  transition: box-shadow 0.16s ease;
}

.category-editorial-strip__card-media {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  position: relative;
  overflow: hidden;
  border-radius: 0;
  border: 0;
  background-color: var(--color-page-bg);
}

.category-editorial-strip__card-media-image {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: filter 0.18s ease;
}

.category-editorial-strip__card-media--empty,
.category-editorial-strip__card-media-image--empty {
  background:
    linear-gradient(135deg, rgba(63, 106, 96, 0.16), rgba(201, 164, 95, 0.18)),
    var(--color-page-bg);
}

.category-editorial-strip__card:hover {
  background: var(--color-white);
  outline: none;
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.category-editorial-strip__card:hover .category-editorial-strip__card-media-image,
.category-editorial-strip__card:focus-visible .category-editorial-strip__card-media-image {
  filter: saturate(1.04);
}

.category-editorial-strip__card:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--color-forest) 38%, transparent);
  outline-offset: 4px;
}

.category-editorial-strip__card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  padding: 22px 20px 20px;
  background: var(--color-white);
}

.category-editorial-strip__label {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 24px;
  max-width: 100%;
  padding: 4px 10px 5px;
  border-radius: 999px;
  background: var(--journal-kicker-bg, color-mix(in srgb, var(--color-line-dark) 58%, var(--color-white)));
  color: var(--journal-kicker-color, var(--color-ink));
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.category-editorial-strip__tag-row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  max-width: 100%;
}

.category-editorial-strip__fresh-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 10px 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--intent-feedback-warning-soft) 76%, var(--color-white));
  color: var(--color-warn);
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.category-editorial-strip__card[data-journal-cat="picks"] {
  --journal-kicker-bg: color-mix(in srgb, var(--color-forest) 18%, var(--color-white));
  --journal-kicker-color: var(--color-forest-dark);
}

.category-editorial-strip__card[data-journal-cat="makers"] {
  --journal-kicker-bg: color-mix(in srgb, var(--intent-feedback-alert-soft) 72%, var(--color-white));
  --journal-kicker-color: var(--intent-feedback-alert-strong);
}

.category-editorial-strip__card[data-journal-cat="ideas"] {
  --journal-kicker-bg: color-mix(in srgb, var(--intent-feedback-warning-soft) 86%, var(--color-white));
  --journal-kicker-color: var(--color-warn);
}

.category-editorial-strip__card[data-journal-cat="guides"] {
  --journal-kicker-bg: color-mix(in srgb, var(--color-line-dark) 70%, var(--color-white));
  --journal-kicker-color: var(--color-ink);
}

.category-editorial-strip__card[data-journal-cat="trends"] {
  --journal-kicker-bg: color-mix(in srgb, var(--color-olive-pill) 28%, var(--color-white));
  --journal-kicker-color: var(--color-forest-dark);
}

.category-editorial-strip__card[data-journal-cat="interviews"] {
  --journal-kicker-bg: color-mix(in srgb, var(--color-ink-soft) 14%, var(--color-white));
  --journal-kicker-color: var(--color-ink);
}

.category-editorial-strip__card-title {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-decoration-line: none;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}

.category-editorial-strip__card:hover .category-editorial-strip__card-title,
.category-editorial-strip__card:focus-visible .category-editorial-strip__card-title {
  text-decoration-line: underline;
}

.category-editorial-strip__card-description {
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.category-editorial-strip__author {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.category-editorial-strip__author-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  background: color-mix(in srgb, var(--color-line-dark) 64%, var(--color-white));
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
}

.category-editorial-strip__author-avatar.jp-profile-avatar-art {
  overflow: hidden;
  background: transparent;
}

.category-editorial-strip__author-avatar.jp-profile-avatar-art .jp-profile-avatar-letter {
  font-size: 0.74em;
}

.category-editorial-strip__author-copy {
  min-width: 0;
  overflow: hidden;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.category-editorial-strip__card-meta {
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.category-editorial-strip__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  padding-top: 2px;
}

.category-editorial-strip__stat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  padding: 5px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-page-bg) 82%, var(--color-white));
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.category-editorial-strip__stat img {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
}

.category-editorial-strip__cta {
  display: none;
}

@media (max-width: 900px) {
  .category-shop-look__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .category-editorial-strip__grid,
  .category-editorial-strip--count-3 .category-editorial-strip__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .category-editorial-strip--count-1 .category-editorial-strip__grid,
  .category-editorial-strip--count-2 .category-editorial-strip__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .category-editorial-strip__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .category-shop-look__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .category-shop-look__subtitle {
    text-align: left;
  }

  .category-shop-look__image {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 560px) {
  .category-editorial-strip__grid,
  .category-editorial-strip--count-1 .category-editorial-strip__grid,
  .category-editorial-strip--count-2 .category-editorial-strip__grid,
  .category-editorial-strip--count-3 .category-editorial-strip__grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .category-editorial-strip__title {
    font-size: 26px;
  }

  .category-shop-look__popover {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 44px;
    transform: translateX(-50%);
  }

  .category-shop-look__grid {
    grid-template-columns: 1fr;
  }

  .category-shop-look__popover-products {
    grid-template-columns: 1fr;
  }

  .category-shop-look__product {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
  }
}

.shop-by-interest {
  margin-top: 48px;
}

.shop-by-interest__header {
  position: relative;
  top: 5px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

#categoryShopByInterest .shop-by-interest__heading {
  padding-top: 40px;
}

.shop-by-interest__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.shop-by-interest__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.6px;
}

.shop-by-interest__category {
  margin: 0;
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.shop-by-interest__nav {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.shop-by-interest__arrow {
  width: 56px;
  height: 46px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background-color: #232030;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 14px;
  cursor: pointer;
  transition: transform 0.18s ease, opacity 0.18s ease;
  flex: 0 0 auto;
}

.shop-by-interest__arrow--prev {
  background-image: url("/assets/header-icons/pager-pill-prev.svg");
}

.shop-by-interest__arrow--next {
  background-image: url("/assets/header-icons/pager-pill-next.svg");
}

.shop-by-interest__arrow:hover:not(:disabled),
.shop-by-interest__arrow:focus-visible:not(:disabled) {
  transform: scale(1.04);
}

.shop-by-interest__arrow:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.18);
  outline-offset: 3px;
}

.shop-by-interest__arrow:disabled {
  opacity: 0.35;
  cursor: default;
}

.shop-by-interest__viewport {
  margin-top: 5px;
  padding: 12px 4px 16px;
  margin-left: -4px;
  margin-right: -4px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.shop-by-interest__viewport::-webkit-scrollbar {
  display: none;
}

.shop-by-interest.is-not-scrollable .shop-by-interest__nav {
  display: none;
}

.shop-by-interest__grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 5 * 18px) / 6);
  align-items: stretch;
  gap: 18px;
}


.shop-by-interest.is-collapsed .shop-by-interest__grid > *:nth-child(n + 7) {
  display: none;
}

.shop-by-interest__toggle {
  flex-shrink: 0;
  margin-left: auto;
}

.shop-by-interest__header {
  align-items: center;
}

.shop-by-interest__grid > * {
  scroll-snap-align: start;
}

@media (max-width: 1024px) {
  .shop-by-interest__grid {
    grid-auto-columns: calc((100% - 3 * 18px) / 4);
  }
}

@media (max-width: 720px) {
  .shop-by-interest__grid {
    grid-auto-columns: calc((100% - 2 * 14px) / 2.4);
    gap: 14px;
  }
  .shop-by-interest__nav {
    display: none;
  }
}

.shop-by-interest__card {
  min-width: 0;
  min-height: 100%;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #f8f1eb;
  border-radius: 30px;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 0 0 rgba(35, 32, 48, 0);
  transition: box-shadow 0.18s ease;
}

.shop-by-interest__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--color-line);
  pointer-events: none;
  transition: opacity 0.18s ease;
}

.shop-by-interest__card:hover {
  box-shadow: var(--shadow-card-hover);
}

.shop-by-interest__card:focus-visible {
  outline: none;
  box-shadow: var(--shadow-card-hover);
}

.shop-by-interest__card:hover::after,
.shop-by-interest__card:focus-visible::after {
  opacity: 0;
}

.shop-by-interest__card-media {
  width: 100%;
  aspect-ratio: 219 / 207;
  position: relative;
  z-index: 0;
  display: block;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 249, 241, 0.8) 0%, rgba(255, 249, 241, 0) 32%),
    linear-gradient(145deg, #dfe7f4 0%, #eee5da 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.shop-by-interest__card-body {
  min-height: 113px;
  position: relative;
  z-index: 0;
  padding: 12px 14px 12px;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
}

.shop-by-interest__card-title {
  margin: auto 0;
  min-height: 18px;
  display: block;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  text-wrap: balance;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.shop-by-interest__card-cta {
  width: 100%;
  min-height: 45px;
  height: 45px;
  margin-top: 0;
  padding: 6px 27px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 999px;
  border: 1px solid var(--color-line);
  background: #f8f1eb;
  color: #232030;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.shop-by-interest__card-cta:hover,
.shop-by-interest__card-cta:focus-visible {
  border-color: transparent;
  box-shadow: var(--shadow-card-hover);
}

.shop-by-interest__card-arrow {
  width: 22px;
  height: 14px;
  flex: 0 0 22px;
  display: block;
  object-fit: contain;
}

@media (max-width: 760px) {
  .shop-by-interest {
    margin-top: 42px;
  }

  .shop-by-interest__title {
    font-size: 24px;
  }

  .shop-by-interest__category {
    font-size: 15px;
  }

  .shop-by-interest__grid {
    margin-top: 15px;
    gap: 16px 14px;
  }

  .shop-by-interest__card-body {
    min-height: 102px;
    padding: 10px 12px 10px;
    gap: 6px;
  }

  .shop-by-interest__card-title {
    min-height: 34px;
    font-size: 14px;
    line-height: 17px;
  }

  .shop-by-interest__card-cta {
    min-height: 42px;
    height: 42px;
    padding-inline: 18px;
    font-size: 14px;
    gap: 8px;
  }

  .shop-by-interest__card-arrow {
    width: 20px;
    height: 13px;
    flex-basis: 20px;
  }
}



/*! [bundle] /styles/components/recently-viewed.css */
.recently-viewed-rail {
  --recently-viewed-shell-width: var(--homepage-shell-width, min(calc(100% - 68px), 1372px));
  --recently-viewed-shell-inset: var(--homepage-shell-inset, 6px);
  --recently-viewed-safe-buffer: 6px;
  --recently-viewed-fade-width: var(--homepage-rail-fade-width, 52px);
  --recently-viewed-fade-overhang: var(--homepage-rail-fade-overhang, 26px);
  --recently-viewed-arrow-overhang: var(--homepage-rail-arrow-overhang, 27px);
  --recently-viewed-overlay-reserve: 0px;
  --recently-viewed-track-top: 74px;
  --recently-viewed-track-bottom: 26px;
  --recently-viewed-card-height: 339px;
  --recently-viewed-gradient-top: 52px;
  --recently-viewed-title-inline-offset: 10px;
  padding-block: 8px 12px;
  overflow: visible;
}

.recently-viewed-rail__frame {
  width: var(--recently-viewed-shell-width);
  max-width: 100%;
  height: 441px;
  margin: 0 auto;
  position: relative;
  padding-inline: 0;
  box-sizing: border-box;
  overflow: visible;
}

.recently-viewed-rail__title {
  margin: 0;
  position: absolute;
  left: var(--recently-viewed-title-inline-offset);
  
  top: 8px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  color: #232030;
  font-family: var(--font-body);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0;
}

.recently-viewed-rail__header {
  position: absolute;
  top: 8px;
  left: var(--recently-viewed-title-inline-offset);
  
  right: var(--recently-viewed-safe-buffer, 6px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  z-index: 5;
}

.recently-viewed-rail--featured .recently-viewed-rail__title {
  position: relative;
  left: 0;
  top: 0;
  
  height: auto;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  max-width: calc(100% - 410px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0;
}

.recently-viewed-rail--featured .recently-viewed-rail__header .recently-viewed-rail__view-all-button {
  top: 0;
  margin-right: auto;
}

.recently-viewed-rail--sponsored.recently-viewed-rail--featured .recently-viewed-rail__title {
  max-width: calc(100% - 332px);
}

.recently-viewed-rail__header-note {
  margin-left: auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 322px;
  min-width: 0;
  text-align: right;
}


.recently-viewed-rail__header:not(:has(.recently-viewed-rail__arrow)) .recently-viewed-rail__header-note {
  padding-right: 124px;
}

.recently-viewed-rail__header-note-text {
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}

.recently-viewed-rail__header-note-link {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #232030;
  font-family: var(--font-body);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.recently-viewed-rail__header-note-link:hover,
.recently-viewed-rail__header-note-link:focus-visible {
  color: #3f6a60;
}

.recently-viewed-rail__header-note-link:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.18);
  outline-offset: 4px;
  border-radius: 999px;
}

.recently-viewed-rail__header-note-icon {
  width: 14px;
  height: 14px;
  display: block;
  object-fit: contain;
  opacity: 0.78;
}

.recently-viewed-rail__header-note-popover {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(292px, calc(100vw - 32px));
  padding: 12px 14px;
  border: 1px solid var(--popup-border);
  border-radius: 16px;
  background: var(--popup-bg);
  box-shadow: var(--popup-shadow-soft);
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.45;
  text-align: left;
  z-index: 8;
}

.recently-viewed-rail__header-note.is-open .recently-viewed-rail__header-note-link {
  color: #3f6a60;
}

.recently-viewed-rail__view-all-button {
  width: 104px;
  height: 42px;
  position: relative;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: visible;
  background: transparent;
  color: #232030;
  text-decoration: none;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  isolation: isolate;
}

.recently-viewed-rail__view-all-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  transform: scale(1);
  transform-origin: center;
  will-change: transform;
  transition: background-color 0.18s ease;
}

.recently-viewed-rail__view-all-button:hover::before,
.recently-viewed-rail__view-all-button:focus-visible::before {
  animation: recently-viewed-pop-bounce-soft 0.44s cubic-bezier(0.22, 1, 0.28, 1) both;
}

.recently-viewed-rail__view-all-button:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.18);
  outline-offset: 2px;
}

.recently-viewed-rail__view-all-button--cream {
  width: auto;
  min-width: 119px;
  padding: 0 15px;
  justify-content: center;
  gap: 12px;
  color: #232030;
  margin-left: 0;
}

.recently-viewed-rail__view-all-button--cream::before {
  background: #eee5da;
}

.recently-viewed-rail__view-all-button--cream:hover::before,
.recently-viewed-rail__view-all-button--cream:focus-visible::before {
  background: #e5dacf;
}

.recently-viewed-rail__view-all-button--cream::after {
  content: "";
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 17.6px;
  height: 11.2px;
  background: center / 17.6px 11.2px no-repeat url("/assets/header-icons/pager-arrow-next-active.svg");
}

.recently-viewed-rail__view-all-button--dark {
  color: var(--color-cream);
}

.recently-viewed-rail__view-all-button--dark::before {
  background: #232030;
}

.recently-viewed-rail__view-all-button-label {
  position: relative;
  z-index: 1;
}

@keyframes recently-viewed-pop-bounce-soft {
  0% {
    transform: scale(0.92);
  }
  34% {
    transform: scale(1.056);
  }
  62% {
    transform: scale(0.988);
  }
  82% {
    transform: scale(1.014);
  }
  100% {
    transform: scale(1);
  }
}

.personalization-dismiss {
  position: relative;
  margin-left: 0;
  flex: 0 0 auto;
  z-index: 8;
}

.personalization-dismiss + .recently-viewed-rail__view-all-button {
  margin-left: 0;
  margin-right: 0;
}

.personalization-dismiss__button {
  position: relative;
  min-width: 124px;
  height: 42px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  isolation: isolate;
}

.personalization-dismiss__button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #eee5da;
  transform: scale(1);
  transform-origin: center;
  transition: background-color 0.18s ease;
  will-change: transform;
  z-index: -1;
}

.personalization-dismiss__button:hover::before,
.personalization-dismiss__button:focus-visible::before,
.personalization-dismiss__button[aria-expanded="true"]::before {
  background: #e5dacf;
  animation: recently-viewed-pop-bounce-soft 0.44s cubic-bezier(0.22, 1, 0.28, 1) both;
}

.personalization-dismiss__button:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.18);
  outline-offset: 2px;
}

.personalization-dismiss__popover {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  width: min(292px, calc(100vw - 32px));
  padding: 18px;
  border: 0;
  border-radius: 16px;
  background: var(--popup-bg);
  box-shadow: var(--popup-shadow-soft);
  color: #232030;
  z-index: 12;
}

.personalization-dismiss__popover::before {
  content: none;
}

.personalization-dismiss__title {
  display: block;
  color: #232030;
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 650;
  line-height: 1.18;
}

.personalization-dismiss__text {
  max-width: 220px;
  margin: 10px 0 16px;
  color: #3a3647;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.28;
}

.personalization-dismiss__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.personalization-dismiss__remove,
.personalization-dismiss__cancel {
  min-width: 104px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}

.personalization-dismiss__remove {
  position: relative;
  isolation: isolate;
  order: 2;
  gap: 8px;
  background: transparent;
  color: var(--color-cream);
  overflow: visible;
  transition: none;
}

.personalization-dismiss__remove::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--color-ink);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.personalization-dismiss__remove i,
.personalization-dismiss__remove img,
.personalization-dismiss__remove-icon {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  line-height: 1;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transform: none;
}

.personalization-dismiss__remove:hover,
.personalization-dismiss__remove:focus-visible {
  background: transparent;
  color: var(--color-cream);
  outline: 0;
  transform: none;
}

.personalization-dismiss__remove:hover::before,
.personalization-dismiss__remove:focus-visible::before {
  transform: scale(1.055);
}

.personalization-dismiss__cancel {
  order: 1;
  background: var(--popup-bg);
  color: #232030;
  box-shadow: none;
  transition: box-shadow .2s ease;
}

.personalization-dismiss__cancel:hover,
.personalization-dismiss__cancel:focus-visible {
  background: var(--popup-bg);
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.personalization-dismiss__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.recently-viewed-rail__viewport {
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 var(--recently-viewed-safe-buffer);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  scroll-padding-inline: var(--recently-viewed-safe-buffer);
  height: 100%;
  position: absolute;
  z-index: 1;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.recently-viewed-rail__viewport::-webkit-scrollbar {
  display: none;
}

.recently-viewed-rail__track {
  width: max-content;
  display: inline-flex;
  align-items: flex-start;
  
  gap: 17.5px;
  margin-inline: 0;
  padding: var(--recently-viewed-track-top) 0 var(--recently-viewed-track-bottom);
  box-sizing: border-box;
}

.recently-viewed-rail .personalized-card,
.recently-viewed-rail .recently-viewed-rail__view-all-card {
  --personalized-card-width: var(--recently-viewed-runtime-card-width, 258px);
  --personalized-card-media-height: var(--recently-viewed-runtime-media-height, var(--personalized-card-width));
  --personalized-card-height: var(--recently-viewed-runtime-card-height, calc(var(--personalized-card-width) + 81px));
}

@media (min-width: 721px) and (max-width: 1439px) {
  .recently-viewed-rail {
    --recently-viewed-shell-width: min(1410px, calc(100% - 30px));
    --recently-viewed-shell-inset: 0px;
  }
}

@media (max-width: 720px) {
  .recently-viewed-rail {
    
    --recently-viewed-shell-width: min(720px, calc(100% - 32px));
    --recently-viewed-shell-inset: 0px;
  }
}

.recently-viewed-rail__gradient {
  position: absolute;
  top: var(--recently-viewed-gradient-top);
  width: var(--recently-viewed-fade-width);
  height: calc(var(--recently-viewed-card-height) + 16px);
  pointer-events: none;
  z-index: 3;
  opacity: 1;
  
  transition: opacity 0.62s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.recently-viewed-rail__gradient--left {
  left: calc(-1 * var(--recently-viewed-fade-overhang));
  
  background: linear-gradient(90deg, #f8f1eb 0%, rgba(248, 241, 235, 0) 100%);
}

.recently-viewed-rail__gradient--right {
  right: calc(-1 * var(--recently-viewed-fade-overhang));
  background: linear-gradient(270deg, #f8f1eb 0%, rgba(248, 241, 235, 0) 100%);
}

.recently-viewed-rail.is-at-start .recently-viewed-rail__gradient--left,
.recently-viewed-rail.is-at-end .recently-viewed-rail__gradient--right {
  opacity: 0;
}


.recently-viewed-rail__arrow {
  width: 56px;
  height: 46px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: visible;
  background: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 14px;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 50% 50%;
  transition: opacity 0.18s ease;
  backface-visibility: hidden;
  z-index: 6;
  flex: 0 0 auto;
}

.recently-viewed-rail__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: #232030;
  pointer-events: none;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.18s ease;
  will-change: transform;
  backface-visibility: hidden;
}

.recently-viewed-rail__arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}


.recently-viewed-rail__arrow-icon {
  display: none;
}

.recently-viewed-rail__arrow--next {
  background-image: none;
}

.recently-viewed-rail__arrow--next::after {
  background-image: url("/assets/header-icons/pager-pill-next.svg");
}

.recently-viewed-rail__arrow--prev {
  background-image: none;
}

.recently-viewed-rail__arrow--prev::after {
  background-image: url("/assets/header-icons/pager-pill-prev.svg");
}

.recently-viewed-rail__arrow:hover:not(.is-hidden),
.recently-viewed-rail__arrow:focus-visible:not(.is-hidden) {
  transform: translate3d(0, 0, 0) scale(1);
}

.recently-viewed-rail__arrow:hover:not(.is-hidden)::before,
.recently-viewed-rail__arrow:focus-visible:not(.is-hidden)::before {
  transform: translate3d(0, 0, 0) scale(1.04);
}

.recently-viewed-rail__arrow:focus-visible {
  outline: 2px solid rgba(35, 32, 48, 0.18);
  outline-offset: 3px;
}


.recently-viewed-rail__frame > .recently-viewed-rail__arrow {
  position: absolute;
  top: 8px;
  z-index: 6;
}
.recently-viewed-rail__frame > .recently-viewed-rail__arrow--next {
  right: var(--recently-viewed-title-inline-offset);
  left: auto;
}
.recently-viewed-rail__frame > .recently-viewed-rail__arrow--prev {
  right: calc(var(--recently-viewed-title-inline-offset) + 66px);
  left: auto;
}


.recently-viewed-rail__arrow.is-hidden {
  display: inline-flex;
  pointer-events: none;
  cursor: default;
  opacity: 0.35;
}

.recently-viewed-rail__arrow.is-hidden:hover,
.recently-viewed-rail__arrow.is-hidden:focus-visible {
  transform: none;
}


.recently-viewed-rail.is-at-start.is-at-end .recently-viewed-rail__arrow {
  display: none;
}


.recently-viewed-rail__header.is-pager-host {
  display: flex;
  align-items: center;
  gap: 10px;
}

.recently-viewed-rail__header.is-pager-host .recently-viewed-rail__view-all-button {
  margin-right: auto;
}

.recently-viewed-rail__header.is-pager-host.has-no-view-all .recently-viewed-rail__title {
  margin-right: auto;
}


.recently-viewed-rail__header.is-pager-host .recently-viewed-rail__arrow--next {
  margin-left: 0;
}

.personalized-card {
  --personalized-card-width: 258px;
  --personalized-card-height: 339px;
  --personalized-card-media-height: 258px;
  width: var(--personalized-card-width);
  min-width: var(--personalized-card-width);
  height: var(--personalized-card-height);
  position: relative;
  background: #f8f1eb;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: none;
  scroll-snap-align: start;
  transition: box-shadow 0.24s ease;
  -webkit-user-select: none;
  user-select: none;
}

.personalized-card[data-product-href] {
  cursor: pointer;
}

.personalized-card:hover,
.personalized-card:has(:focus-visible) {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.personalized-card.is-actions-open {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.personalized-card__media {
  width: 100%;
  height: var(--personalized-card-media-height);
  position: relative;
  overflow: hidden;
}

.personalized-card__media-surface {
  width: 100%;
  height: 100%;
  display: block;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #eef2f8;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.recently-viewed-rail[data-jp-rail-content-state="loading"] .personalized-card {
  background-color: var(--intent-skeleton-surface);
  background-image: var(--jp-skeleton-dot-base-pattern);
  background-size: 18px 18px;
  box-shadow: none;
  pointer-events: none;
}

.recently-viewed-rail[data-jp-rail-content-state="loading"] .personalized-card > * {
  visibility: hidden;
}

.recently-viewed-rail[data-jp-rail-content-state="loading"] .personalized-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  border-radius: inherit;
  background-image: var(--jp-skeleton-dot-wave-pattern);
  background-size: 18px 18px;
  -webkit-clip-path: ellipse(28% 30% at 14% 16%);
  clip-path: ellipse(28% 30% at 14% 16%);
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .recently-viewed-rail[data-jp-rail-content-state="loading"] .personalized-card::after {
    animation: none;
    opacity: 0.68;
    -webkit-clip-path: ellipse(28% 30% at 50% 48%);
    clip-path: ellipse(28% 30% at 50% 48%);
  }
}


.personalized-card__media-surface.is-jp-lazybg-error {
  background-color: var(--color-sand);
  background-image: none;
}

.personalized-card__badge {
  position: absolute;
  left: 5px;
  top: calc(var(--personalized-card-media-height) - 30px);
  min-height: 27px;
  padding: 6px 13px;
  border-radius: 999px;
  background: #def7eb;
  color: #3F6A60;
  font-family: var(--font-body);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.personalized-card__body {
  position: absolute;
  width: calc(100% - 10px);
  left: 5px;
  top: calc(var(--personalized-card-media-height) + 2px);
  bottom: 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1px;
}

.personalized-card__title {
  width: 100%;
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.15;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.personalized-card__price {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  background: transparent;
  width: 100%;
  margin-top: 2px;
}

.personalized-card__values {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
}

.personalized-card__currency,
.personalized-card__price-new {
  color: var(--color-forest);
  font-family: var(--font-price, var(--font-display));
  font-style: normal;
  font-weight: 700;
  line-height: 1.15;
}

.personalized-card__currency {
  min-width: 0;
  min-height: 0;
  padding: 0;
  font-size: 18px;
  margin-right: 0;
  text-align: left;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.personalized-card__price-new {
  font-size: 18px;
}

.personalized-card__price-old {
  margin-left: 0;
  color: var(--color-ink-soft);
  font-family: var(--font-price, var(--font-display));
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.15;
  text-decoration-line: line-through;
}


.personalized-card__attr-badge-more {
  flex: 0 0 auto;
  margin-left: 3px;
  font-weight: 700;
  opacity: 0.7;
}

.personalized-card__status-badge,
.personalized-card__status-text {
  margin-top: 3px;
}

.personalized-card__status-badge {
  display: block;
  
  height: 15px;
  max-width: none;
  object-fit: contain;
}

.personalized-card__status-badge--digital {
  width: 97px;
}

.personalized-card__status-badge--free-download {
  width: 97px;
}

.personalized-card__status-badge--shipping {
  width: 92px;
}

.personalized-card__status-text {
  color: #b91515;
  font-family: var(--font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  min-height: 25px;
}

.personalized-card--discounted .personalized-card__currency,
.personalized-card--discounted .personalized-card__price-new {
  color: #3F6A60;
}

.personalized-card__hover-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto;
  max-width: calc(100% - 20px);
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px) scale(0.96);
  transition: opacity 0.22s ease, transform 0.22s ease;
  z-index: 5;
}

.personalized-card:hover .personalized-card__hover-actions,
.personalized-card:has(:focus-visible) .personalized-card__hover-actions,
.personalized-card.is-actions-open .personalized-card__hover-actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

@media (hover: none), (pointer: coarse) {
  .personalized-card:hover {
    box-shadow: none;
  }

  .personalized-card:hover .personalized-card__hover-actions {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px) scale(0.96);
  }
}

.personalized-card__hover-board,
.personalized-card__hover-save {
  height: 38px;
  border: 0;
  border-radius: 999px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0;
  overflow: visible;
  cursor: pointer;
  font-family: var(--font-body);
  line-height: 1;
  white-space: nowrap;
  background: transparent;
  isolation: isolate;
}

.personalized-card__hover-board::before,
.personalized-card__hover-save::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
}

.personalized-card__hover-board:hover::before,
.personalized-card__hover-board:focus-visible::before,
.personalized-card__hover-save:hover::before,
.personalized-card__hover-save:focus-visible::before {
  transform: scale(1.035);
}

.personalized-card__hover-board {
  min-width: 38px;
  max-width: 38px;
  width: 38px;
  color: #232030;
  justify-content: center;
  padding: 0;
  flex: 0 0 38px;
}

.personalized-card__hover-board::before {
  background: #eee5da;
}

.personalized-card__hover-board-label {
  display: none;
}

.personalized-card__hover-board img {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  display: block;
  object-fit: contain;
}

.personalized-card__hover-save {
  min-width: 38px;
  width: 38px;
  color: var(--color-cream);
  padding: 0;
  flex: 0 0 38px;
}

.personalized-card__hover-save::before {
  background: #3f6a60;
}

.personalized-card__hover-save-label {
  display: none;
}

.personalized-card__hover-save img {
  width: 17px;
  height: 18px;
  flex: 0 0 17px;
  display: block;
  object-fit: contain;
}

.recently-viewed-rail__view-all-card {
  --personalized-card-width: 258px;
  --personalized-card-height: 339px;
  --personalized-card-media-height: 258px;
  width: var(--personalized-card-width);
  min-width: var(--personalized-card-width);
  height: var(--personalized-card-height);
  position: relative;
  background: #f8f1eb;
  border-radius: 20px;
  overflow: hidden;
  scroll-snap-align: start;
  box-shadow: none;
  transition: box-shadow 0.24s ease;
}

.recently-viewed-rail__view-all-card-media {
  width: 100%;
  height: var(--personalized-card-media-height);
  background: #eee5da;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recently-viewed-rail__view-all-card-body {
  width: 100%;
  height: calc(var(--personalized-card-height) - var(--personalized-card-media-height));
  background: #f8f1eb;
}

.recently-viewed-rail__view-all-card--endcap .recently-viewed-rail__view-all-card-media {
  background: #eee5da;
  height: 100%;
  border-radius: 20px;
}

.recently-viewed-rail__view-all-card--endcap .recently-viewed-rail__view-all-card-body {
  display: none;
}

.recently-viewed-rail__view-all-card-button {
  width: 104px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.recently-viewed-rail--featured .recently-viewed-rail__view-all-card-button {
  top: 50%;
}

.recently-viewed-rail__view-all-card-button:hover,
.recently-viewed-rail__view-all-card-button:focus-visible {
  transform: translate(-50%, -50%);
}

.recently-viewed-rail__view-all-card--endcap:hover,
.recently-viewed-rail__view-all-card--endcap:has(:focus-visible) {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

@media (min-width: 1025px) {
  body.page--homepage.is-homepage-authenticated .recently-viewed-rail[data-recently-viewed-auth-only] {
    padding-block: 4px 6px;
  }

  body.page--homepage.is-homepage-authenticated .recently-viewed-rail[data-recently-viewed-auth-only] .recently-viewed-rail__frame {
    height: 423px;
  }

  body.page--homepage.is-homepage-authenticated .recently-viewed-rail[data-recently-viewed-auth-only] .recently-viewed-rail__title {
    top: 8px;
  }

  body.page--homepage.is-homepage-authenticated .recently-viewed-rail[data-recently-viewed-auth-only] .recently-viewed-rail__header {
    top: 8px;
  }

  body.page--homepage.is-homepage-authenticated .recently-viewed-rail[data-recently-viewed-auth-only].recently-viewed-rail--featured .recently-viewed-rail__title {
    top: 0;
  }

  body.page--homepage.is-homepage-authenticated .recently-viewed-rail[data-recently-viewed-auth-only] {
    --recently-viewed-track-top: 74px;
    --recently-viewed-track-bottom: 10px;
    --recently-viewed-gradient-top: 52px;
  }
}

@media (min-width: 1025px) {
  .recently-viewed-rail__frame {
    overflow: visible;
  }
}

@media (max-width: 1480px) {
  .recently-viewed-rail__frame {
    width: var(--recently-viewed-shell-width);
  }
}

@media (max-width: 1024px) {
  .recently-viewed-rail {
    --recently-viewed-safe-buffer: 16px;
    --recently-viewed-title-inline-offset: 16px;
    padding-block: 12px 10px;
  }

  .recently-viewed-rail__frame {
    min-height: 0;
    overflow: visible;
  }

  .recently-viewed-rail__gradient {
    display: none;
  }

  .recently-viewed-rail__title {
    left: var(--recently-viewed-title-inline-offset);
    padding-left: 0;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .recently-viewed-rail__header {
    top: 12px;
  }

  .recently-viewed-rail--featured .recently-viewed-rail__title {
    max-width: calc(100% - 124px);
    font-size: 22px;
    line-height: 28px;
  }

  body.is-ai-panel-open:not(.page--gift-room) .recently-viewed-rail--featured .recently-viewed-rail__title {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .recently-viewed-rail--sponsored.recently-viewed-rail--featured .recently-viewed-rail__title {
    max-width: calc(100% - 290px);
  }

  body.is-ai-panel-open:not(.page--gift-room) .recently-viewed-rail--sponsored.recently-viewed-rail--featured .recently-viewed-rail__title {
    max-width: calc(100% - 250px);
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .recently-viewed-rail__viewport {
    width: auto;
    top: 0;
    left: calc(-1 * var(--recently-viewed-safe-buffer));
    right: calc(-1 * var(--recently-viewed-safe-buffer));
    margin-left: 0;
    margin-top: 0;
    padding-inline: var(--recently-viewed-safe-buffer);
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-inline: var(--recently-viewed-safe-buffer);
  }

  .recently-viewed-rail__arrow {
    display: none !important;
  }

  .personalized-card,
  .recently-viewed-rail__view-all-card {
    --personalized-card-width: 228px;
    --personalized-card-height: 309px;
    --personalized-card-media-height: 228px;
    width: var(--personalized-card-width);
    min-width: var(--personalized-card-width);
    height: var(--personalized-card-height);
  }
}

@media (max-width: 720px) {
  .recently-viewed-rail {
    --recently-viewed-mobile-card-gap: 17.5px;
    --recently-viewed-mobile-card-width: calc((100vw - var(--recently-viewed-safe-buffer) - (2 * var(--recently-viewed-mobile-card-gap))) / 2.2);
  }

  
  .recently-viewed-rail .personalized-card,
  .recently-viewed-rail .recently-viewed-rail__view-all-card {
    --personalized-card-width: var(--recently-viewed-mobile-card-width);
    --personalized-card-height: calc(var(--personalized-card-width) + 81px + var(--recently-viewed-signals-extra, 0px));
    --personalized-card-media-height: var(--personalized-card-width);
  }
}

@media (min-width: 641px) and (max-width: 1024px) {
  .recently-viewed-rail__track {
    margin-inline: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 640px) {
  .recently-viewed-rail {
    --recently-viewed-safe-buffer: 16px;
    --recently-viewed-title-inline-offset: 16px;
    --recently-viewed-track-top: 64px;
    --recently-viewed-track-bottom: 14px;
    --recently-viewed-mobile-card-gap: 17.5px;
    --recently-viewed-mobile-card-width: calc((100vw - var(--recently-viewed-safe-buffer) - (2 * var(--recently-viewed-mobile-card-gap))) / 2.2);
    --personalized-card-width: var(--recently-viewed-mobile-card-width);
    --personalized-card-height: calc(var(--personalized-card-width) + 81px + var(--recently-viewed-signals-extra, 0px));
    --personalized-card-media-height: var(--personalized-card-width);
    padding-block: 10px 8px;
  }

  .recently-viewed-rail__frame {
    height: calc(var(--recently-viewed-track-top) + var(--personalized-card-height) + var(--recently-viewed-track-bottom));
    overflow: visible;
  }

  .recently-viewed-rail__title {
    left: var(--recently-viewed-title-inline-offset);
    padding-left: 0;
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .recently-viewed-rail__header {
    top: 10px;
    gap: 10px;
  }

  .recently-viewed-rail--featured .recently-viewed-rail__title {
    max-width: 100%;
    font-size: 21px;
    line-height: 26px;
    white-space: normal;
  }

  .recently-viewed-rail--sponsored .recently-viewed-rail__header {
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 6px;
  }

  .recently-viewed-rail--sponsored.recently-viewed-rail--featured .recently-viewed-rail__title {
    max-width: 100%;
  }

  .recently-viewed-rail__header-note {
    display: none;
  }

  .recently-viewed-rail__header-note-popover {
    right: 0;
  }

  .recently-viewed-rail__header-note-text,
  .recently-viewed-rail__header-note-link {
    font-size: 11px;
  }

  .recently-viewed-rail__view-all-button {
    width: 104px;
    height: 42px;
  }

  .recently-viewed-rail__view-all-button--cream {
    width: auto;
    min-width: 119px;
    padding: 0 15px;
  }

  .personalization-dismiss {
    display: none;
  }

  .recently-viewed-rail__viewport {
    width: auto;
    left: calc(-1 * var(--recently-viewed-safe-buffer));
    right: calc(-1 * var(--recently-viewed-safe-buffer));
    margin-left: 0;
    padding-inline: var(--recently-viewed-safe-buffer);
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-inline: var(--recently-viewed-safe-buffer);
  }

  .recently-viewed-rail__track {
    margin-inline: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .recently-viewed-rail__arrow {
    display: none !important;
  }

  .personalized-card,
  .recently-viewed-rail__view-all-card {
    width: var(--personalized-card-width);
    min-width: var(--personalized-card-width);
    height: var(--personalized-card-height);
    border-radius: 24px;
  }

  .personalized-card__media-surface {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }

  .personalized-card__hover-actions {
    display: none;
  }

  .personalized-card__status-badge {
    width: min(100%, 97px);
    height: 15px;
  }
}



.personalized-card__signals {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 3px;
  
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.personalized-card__signals .personalized-card__status-badge {
  flex: 0 0 auto;
}
.personalized-card__attr-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.personalized-card__attr-badge-icon {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  display: block;
  opacity: 0.85;
}
.personalized-card__attr-badge-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}




@media (max-width: 479px) {
  .recently-viewed-rail { --recently-viewed-signals-extra: 20px; }
  .personalized-card__signals { flex-wrap: wrap; row-gap: 3px; column-gap: 6px; height: auto; }
  .personalized-card__signals .personalized-card__attr-badge,
  .personalized-card__signals .personalized-card__attr-badge:has(+ .personalized-card__attr-badge) { flex: 0 1 auto; max-width: 100%; }
}

.personalized-card__signals .personalized-card__attr-badge { flex: 0 1 auto; max-width: 100%; }
.personalized-card__signals .personalized-card__attr-badge:has(+ .personalized-card__attr-badge) { flex: 0 0 auto; max-width: 62%; }
.personalized-card__signals .personalized-card__attr-badge + .personalized-card__attr-badge { flex: 1 1 auto; max-width: none; }
.personalized-card__signals .personalized-card__status-badge + .personalized-card__attr-badge { flex: 1 1 auto; max-width: none; }
.personalized-card__attr-badge, .personalized-card__status-badge { cursor: help; }
.personalized-card__attr-badge:hover .personalized-card__attr-badge-label { text-decoration: underline; text-underline-offset: 2px; }


.personalized-card__badge--new {
  top: 8px;
  left: 8px;
  min-height: 22px;
  padding: 4px 10px;
  background: var(--color-badge-digital-blue, #2B6CB8);
  color: #FFF9F1;
  font-family: var(--font-heading);
  font-size: 11px;
  font-weight: 700;
  z-index: 2;
}




/*! [bundle] /styles/components/product-action-pills.css */

/*! [bundle] already inlined above: /styles/tokens.css */



:is(
  .cat-card__hover-board,
  .cat-card__hover-save,
  .personalized-card__hover-board,
  .personalized-card__hover-save,
  .christmas-special-product-card__hover-board,
  .listing-side-card__tag,
  .listing-side-card__save
) {
  --product-action-unit-x: 1px;
  --product-action-unit-y: 1px;
  --product-action-hover-scale: 1.035;
  --product-action-ink-wash: color-mix(in srgb, var(--color-ink) 46%, transparent);
  --product-action-ink-wash-strong: color-mix(in srgb, var(--color-ink) 56%, transparent);
}

@media (hover: hover) and (pointer: fine) {
  :is(
    .cat-card__media,
    .personalized-card__media,
    .christmas-special-product-card__media
  ) {
    isolation: isolate;
  }

  :is(
    .cat-card__media,
    .personalized-card__media,
    .christmas-special-product-card__media
  )::after {
    content: "";
    position: absolute;
    inset: 0;
    
    z-index: 2;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background:
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--color-ink) 44%, transparent) 0%,
        color-mix(in srgb, var(--color-ink) 24%, transparent) 32%,
        transparent 68%
      );
    transition: opacity 0.22s ease;
  }

  
  .cat-card__media::after {
    z-index: 5;
  }

  :is(
    .cat-card:hover .cat-card__media,
    .cat-card:has(:focus-visible) .cat-card__media,
    .cat-card.is-actions-open .cat-card__media,
    .personalized-card:hover .personalized-card__media,
    .personalized-card:has(:focus-visible) .personalized-card__media,
    .personalized-card.is-actions-open .personalized-card__media,
    .christmas-special-product-card:hover .christmas-special-product-card__media,
    .christmas-special-product-card:has(:focus-visible) .christmas-special-product-card__media,
    .christmas-special-product-card.is-actions-open .christmas-special-product-card__media
  )::after {
    opacity: 1;
  }
}

.cat-card__hover-board,
.cat-card__hover-save {
  --product-action-unit-x: var(--cat-card-unit-x, 1px);
  --product-action-unit-y: var(--cat-card-unit-y, 1px);
}

:is(
  .cat-card__hover-board,
  .personalized-card__hover-board,
  .christmas-special-product-card__hover-board,
  .listing-side-card__tag
) {
  --product-action-board-height: 38;
  --product-action-board-min-width: 124;
  --product-action-board-max-width: 150;
  --product-action-board-pad-y: 6;
  --product-action-board-pad-x: 15;
  --product-action-board-gap: 10;
  --product-action-board-label-size: 11;
  --product-action-board-label-weight: 650;
  --product-action-board-icon-width: 12;
  --product-action-board-icon-height: 12;
  --product-action-board-bg: var(--intent-surface-sunken);
  --product-action-board-active-bg: transparent;
  --product-action-board-active-bg-strong: var(--product-action-ink-wash-strong);
}

:is(
  .cat-card__hover-board,
  .personalized-card__hover-board,
  .christmas-special-product-card__hover-board
) {
  --product-action-board-bg: transparent;
  --product-action-board-label-size: 13;
  --product-action-board-label-weight: 700;
}

.listing-side-card__tag {
  --product-action-board-height: 35;
  --product-action-board-min-width: 104;
  --product-action-board-max-width: 104;
  --product-action-board-pad-x: 10;
  --product-action-board-gap: 7;
  --product-action-board-label-size: 10.5;
  --product-action-board-icon-width: 11;
  --product-action-board-icon-height: 11;
}

.personalized-card__hover-board {
  --product-action-board-min-width: 102;
  --product-action-board-max-width: 132;
  --product-action-board-pad-x: 12;
  --product-action-board-gap: 7;
}

:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .listing-side-card__save
) {
  --product-action-save-height: 38;
  --product-action-save-min-width: 84;
  --product-action-save-pad-y: 6;
  --product-action-save-pad-x: 15;
  --product-action-save-gap: 10;
  --product-action-save-label-size: 13;
  --product-action-save-label-weight: 600;
  --product-action-save-icon-width: 17;
  --product-action-save-icon-height: 18;
  --product-action-save-bg: var(--color-forest);
}

.listing-side-card__save {
  --product-action-save-height: 35;
  --product-action-save-min-width: 78;
  --product-action-save-pad-x: 13;
  --product-action-save-gap: 8;
  --product-action-save-label-size: 12;
  --product-action-save-icon-width: 15;
  --product-action-save-icon-height: 16;
}

.personalized-card__hover-save {
  --product-action-save-pad-x: 12;
  --product-action-save-gap: 8;
}

:is(
  .cat-card__hover-board,
  .personalized-card__hover-board,
  .christmas-special-product-card__hover-board,
  .listing-side-card__tag
) {
  min-width: calc(var(--product-action-board-min-width) * var(--product-action-unit-x));
  width: auto;
  max-width: calc(var(--product-action-board-max-width) * var(--product-action-unit-x));
  height: calc(var(--product-action-board-height) * var(--product-action-unit-y));
  padding: calc(var(--product-action-board-pad-y) * var(--product-action-unit-y))
    calc(var(--product-action-board-pad-x) * var(--product-action-unit-x));
  border: 0;
  border-radius: 999px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--product-action-board-gap) * var(--product-action-unit-x));
  overflow: visible;
  cursor: pointer;
  font-family: var(--font-heading);
  font-weight: var(--product-action-board-label-weight);
  line-height: 1;
  white-space: nowrap;
  background: transparent;
  color: var(--color-ink);
  isolation: isolate;
  flex: 1 1 auto;
}

:is(
  .cat-card__hover-board,
  .personalized-card__hover-board,
  .christmas-special-product-card__hover-board
) {
  color: var(--color-cream);
}

:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .listing-side-card__save
) {
  min-width: calc(var(--product-action-save-min-width) * var(--product-action-unit-x));
  width: auto;
  height: calc(var(--product-action-save-height) * var(--product-action-unit-y));
  padding: calc(var(--product-action-save-pad-y) * var(--product-action-unit-y))
    calc(var(--product-action-save-pad-x) * var(--product-action-unit-x));
  border: 0;
  border-radius: 999px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--product-action-save-gap) * var(--product-action-unit-x));
  overflow: visible;
  cursor: pointer;
  font-family: var(--font-heading);
  line-height: 1;
  white-space: nowrap;
  background: transparent;
  color: var(--color-cream);
  isolation: isolate;
  flex: 0 0 auto;
}

:is(
  .cat-card__hover-board,
  .personalized-card__hover-board,
  .christmas-special-product-card__hover-board,
  .listing-side-card__tag
)::before,
:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .listing-side-card__save
)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
}

:is(
  .cat-card__hover-board,
  .personalized-card__hover-board,
  .christmas-special-product-card__hover-board,
  .listing-side-card__tag
)::before {
  background: var(--product-action-board-bg);
}

:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .listing-side-card__save
)::before {
  background: var(--product-action-save-bg);
}

:is(
  .cat-card__hover-board,
  .personalized-card__hover-board,
  .christmas-special-product-card__hover-board,
  .listing-side-card__tag
):hover::before,
:is(
  .cat-card__hover-board,
  .personalized-card__hover-board,
  .christmas-special-product-card__hover-board,
  .listing-side-card__tag
):focus-visible::before,
:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .listing-side-card__save
):hover::before,
:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .listing-side-card__save
):focus-visible::before {
  transform: scale(var(--product-action-hover-scale));
}

:is(
  .cat-card__hover-board,
  .personalized-card__hover-board,
  .christmas-special-product-card__hover-board,
  .listing-side-card__tag
):focus-visible,
:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .listing-side-card__save
):focus-visible {
  outline: 1px solid color-mix(in srgb, var(--color-ink) 70%, transparent);
  outline-offset: 0;
}

:is(
  .cat-card:hover .cat-card__hover-board,
  .cat-card:has(:focus-visible) .cat-card__hover-board,
  .cat-card.is-actions-open .cat-card__hover-board,
  .personalized-card:hover .personalized-card__hover-board,
  .personalized-card:has(:focus-visible) .personalized-card__hover-board,
  .personalized-card.is-actions-open .personalized-card__hover-board,
  .christmas-special-product-card:hover .christmas-special-product-card__hover-board,
  .christmas-special-product-card:has(:focus-visible) .christmas-special-product-card__hover-board,
  .christmas-special-product-card.is-actions-open .christmas-special-product-card__hover-board
) {
  color: var(--intent-text-on-brand);
}

:is(
  .cat-card:hover .cat-card__hover-board,
  .cat-card:has(:focus-visible) .cat-card__hover-board,
  .cat-card.is-actions-open .cat-card__hover-board,
  .personalized-card:hover .personalized-card__hover-board,
  .personalized-card:has(:focus-visible) .personalized-card__hover-board,
  .personalized-card.is-actions-open .personalized-card__hover-board,
  .christmas-special-product-card:hover .christmas-special-product-card__hover-board,
  .christmas-special-product-card:has(:focus-visible) .christmas-special-product-card__hover-board,
  .christmas-special-product-card.is-actions-open .christmas-special-product-card__hover-board
)::before {
  background: var(--product-action-board-active-bg);
}

:is(
  .cat-card:hover .cat-card__hover-board:hover,
  .cat-card:has(:focus-visible) .cat-card__hover-board:focus-visible,
  .personalized-card:hover .personalized-card__hover-board:hover,
  .personalized-card:has(:focus-visible) .personalized-card__hover-board:focus-visible,
  .christmas-special-product-card:hover .christmas-special-product-card__hover-board:hover,
  .christmas-special-product-card:has(:focus-visible) .christmas-special-product-card__hover-board:focus-visible
)::before {
  background: var(--product-action-board-active-bg-strong);
}

:is(
  .cat-card:hover .cat-card__hover-board img,
  .cat-card:has(:focus-visible) .cat-card__hover-board img,
  .cat-card.is-actions-open .cat-card__hover-board img,
  .personalized-card:hover .personalized-card__hover-board img,
  .personalized-card:has(:focus-visible) .personalized-card__hover-board img,
  .personalized-card.is-actions-open .personalized-card__hover-board img,
  .christmas-special-product-card:hover .christmas-special-product-card__hover-board img,
  .christmas-special-product-card:has(:focus-visible) .christmas-special-product-card__hover-board img,
  .christmas-special-product-card.is-actions-open .christmas-special-product-card__hover-board img
) {
  filter: brightness(0) invert(1);
}

:is(
  .cat-card.is-product-saved .cat-card__hover-actions,
  .cat-card.is-in-collection .cat-card__hover-actions,
  .personalized-card.is-product-saved .personalized-card__hover-actions,
  .personalized-card.is-in-collection .personalized-card__hover-actions,
  .christmas-special-product-card.is-product-saved .christmas-special-product-card__hover-actions,
  .christmas-special-product-card.is-in-collection .christmas-special-product-card__hover-actions
) {
  right: calc(18 * var(--cat-card-unit-x, 1px));
  left: auto;
  width: auto;
  max-width: calc(100% - calc(36 * var(--cat-card-unit-x, 1px)));
  height: auto;
  align-items: flex-start;
  justify-content: flex-end;
  gap: calc(10 * var(--cat-card-unit-x, 1px));
}

:is(
  .cat-card.is-product-saved .cat-card__hover-board,
  .cat-card.is-in-collection .cat-card__hover-board,
  .personalized-card.is-product-saved .personalized-card__hover-board,
  .personalized-card.is-in-collection .personalized-card__hover-board,
  .christmas-special-product-card.is-product-saved .christmas-special-product-card__hover-board,
  .christmas-special-product-card.is-in-collection .christmas-special-product-card__hover-board
) {
  flex: 0 1 auto;
  width: max-content;
  min-width: calc(76 * var(--product-action-unit-x));
  max-width: min(
    calc(156 * var(--product-action-unit-x)),
    calc(100% - calc(96 * var(--product-action-unit-x)))
  );
  height: auto;
  min-height: calc(38 * var(--product-action-unit-y));
  padding: 0;
  border-radius: 0;
  justify-content: flex-start;
  gap: 0;
  color: var(--color-cream);
  cursor: default;
  pointer-events: none;
  text-align: right;
  text-shadow: none;
}

.cat-card.cat-card--ad:is(.is-product-saved, .is-in-collection) .cat-card__hover-board {
  max-width: min(
    calc(132 * var(--product-action-unit-x)),
    calc(100% - calc(100 * var(--product-action-unit-x)))
  );
}

:is(
  .cat-card.is-product-saved .cat-card__hover-board::before,
  .cat-card.is-in-collection .cat-card__hover-board::before,
  .cat-card.is-product-saved:hover .cat-card__hover-board:hover::before,
  .cat-card.is-in-collection:hover .cat-card__hover-board:hover::before,
  .cat-card.is-product-saved:has(:focus-visible) .cat-card__hover-board:focus-visible::before,
  .cat-card.is-in-collection:has(:focus-visible) .cat-card__hover-board:focus-visible::before,
  .personalized-card.is-product-saved .personalized-card__hover-board::before,
  .personalized-card.is-in-collection .personalized-card__hover-board::before,
  .personalized-card.is-product-saved:hover .personalized-card__hover-board:hover::before,
  .personalized-card.is-in-collection:hover .personalized-card__hover-board:hover::before,
  .personalized-card.is-product-saved:has(:focus-visible) .personalized-card__hover-board:focus-visible::before,
  .personalized-card.is-in-collection:has(:focus-visible) .personalized-card__hover-board:focus-visible::before,
  .christmas-special-product-card.is-product-saved .christmas-special-product-card__hover-board::before,
  .christmas-special-product-card.is-in-collection .christmas-special-product-card__hover-board::before,
  .christmas-special-product-card.is-product-saved:hover .christmas-special-product-card__hover-board:hover::before,
  .christmas-special-product-card.is-in-collection:hover .christmas-special-product-card__hover-board:hover::before,
  .christmas-special-product-card.is-product-saved:has(:focus-visible) .christmas-special-product-card__hover-board:focus-visible::before,
  .christmas-special-product-card.is-in-collection:has(:focus-visible) .christmas-special-product-card__hover-board:focus-visible::before
) {
  background: transparent;
  transform: none;
}

:is(
  .cat-card.is-product-saved .cat-card__hover-board img,
  .cat-card.is-in-collection .cat-card__hover-board img,
  .cat-card.is-product-saved .cat-card__hover-board svg,
  .cat-card.is-in-collection .cat-card__hover-board svg,
  .personalized-card.is-product-saved .personalized-card__hover-board img,
  .personalized-card.is-in-collection .personalized-card__hover-board img,
  .christmas-special-product-card.is-product-saved .christmas-special-product-card__hover-board img,
  .christmas-special-product-card.is-in-collection .christmas-special-product-card__hover-board img
) {
  display: none;
}

:is(
  .cat-card.is-product-saved .cat-card__hover-board-label,
  .cat-card.is-in-collection .cat-card__hover-board-label,
  .personalized-card.is-product-saved .personalized-card__hover-board-label,
  .personalized-card.is-in-collection .personalized-card__hover-board-label,
  .christmas-special-product-card.is-product-saved .christmas-special-product-card__hover-board-label,
  .christmas-special-product-card.is-in-collection .christmas-special-product-card__hover-board-label
) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 1.28;
  font-size: calc(15 * var(--product-action-unit-x));
  font-weight: 760;
  max-width: 100%;
  padding-bottom: calc(1 * var(--product-action-unit-y));
}

:is(
  .cat-card.is-product-saved .cat-card__hover-board.is-board-label-long .cat-card__hover-board-label,
  .cat-card.is-in-collection .cat-card__hover-board.is-board-label-long .cat-card__hover-board-label,
  .personalized-card.is-product-saved .personalized-card__hover-board.is-board-label-long .personalized-card__hover-board-label,
  .personalized-card.is-in-collection .personalized-card__hover-board.is-board-label-long .personalized-card__hover-board-label,
  .christmas-special-product-card.is-product-saved .christmas-special-product-card__hover-board.is-board-label-long .christmas-special-product-card__hover-board-label,
  .christmas-special-product-card.is-in-collection .christmas-special-product-card__hover-board.is-board-label-long .christmas-special-product-card__hover-board-label
) {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.22;
}

:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .christmas-special-product-card__hover-save,
  .listing-side-card__save,
  .search-curated-card__save
).is-liked {
  background: transparent;
  color: var(--color-cream);
  overflow: hidden;
}

:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .christmas-special-product-card__hover-save,
  .listing-side-card__save,
  .search-curated-card__save
).is-liked::before {
  background: var(--color-ink);
}

:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .christmas-special-product-card__hover-save,
  .listing-side-card__save,
  .search-curated-card__save
)::before {
  transition: transform 180ms ease;
}

:is(
  .cat-card__hover-save,
  .personalized-card__hover-save,
  .christmas-special-product-card__hover-save,
  .listing-side-card__save,
  .search-curated-card__save
).is-liked::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  border-radius: inherit;
  background: var(--color-ink);
  clip-path: circle(var(--product-action-ripple-radius, 150%) at var(--product-action-ripple-x, 50%) var(--product-action-ripple-y, 50%));
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  :is(
    .cat-card__hover-save,
    .personalized-card__hover-save,
    .christmas-special-product-card__hover-save,
    .listing-side-card__save,
    .search-curated-card__save
  ).is-liked {
    animation: product-action-saved-settle 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  :is(
    .cat-card__hover-save,
    .personalized-card__hover-save,
    .christmas-special-product-card__hover-save,
    .listing-side-card__save,
    .search-curated-card__save
  ).is-liked::after {
    animation: product-action-saved-ripple 420ms cubic-bezier(0.0, 0.0, 0.2, 1) forwards;
  }

  .cat-card__hover-save.is-liked .cat-card__hover-save-label,
  .personalized-card__hover-save.is-liked .personalized-card__hover-save-label,
  .christmas-special-product-card__hover-save.is-liked .christmas-special-product-card__hover-save-label,
  .listing-side-card__save.is-liked .listing-side-card__save-label,
  .search-curated-card__save.is-liked .search-curated-card__save-label {
    animation: product-action-saved-label 240ms ease-out;
  }
}

@keyframes product-action-saved-settle {
  0%   { transform: scale(1); }
  28%  { transform: scale(0.92); }
  100% { transform: scale(1); }
}

@keyframes product-action-saved-ripple {
  0%   { clip-path: circle(0% at var(--product-action-ripple-x, 50%) var(--product-action-ripple-y, 50%)); }
  100% { clip-path: circle(var(--product-action-ripple-radius, 150%) at var(--product-action-ripple-x, 50%) var(--product-action-ripple-y, 50%)); }
}

@keyframes product-action-saved-label {
  0%   { opacity: 0; transform: translateY(3px); }
  100% { opacity: 1; transform: translateY(0); }
}

:is(
  .cat-card__hover-board-label,
  .personalized-card__hover-board-label,
  .listing-side-card__tag-label
) {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(var(--product-action-board-label-size) * var(--product-action-unit-x));
  font-weight: var(--product-action-board-label-weight);
  line-height: 1.24;
  letter-spacing: 0;
  padding-bottom: calc(1 * var(--product-action-unit-y));
}

:is(
  .cat-card__hover-save-label,
  .personalized-card__hover-save-label,
  .christmas-special-product-card__hover-save-label,
  .listing-side-card__save-label,
  .search-curated-card__save-label
) {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-heading);
  font-size: calc(var(--product-action-save-label-size) * var(--product-action-unit-x));
  font-weight: var(--product-action-save-label-weight);
  line-height: 1;
  letter-spacing: 0;
  position: relative;
  z-index: 1;
}

:is(
  .cat-card__hover-board svg,
  .cat-card__hover-board img,
  .personalized-card__hover-board img,
  .christmas-special-product-card__hover-board img,
  .listing-side-card__tag-icon
) {
  width: calc(var(--product-action-board-icon-width) * var(--product-action-unit-x));
  height: calc(var(--product-action-board-icon-height) * var(--product-action-unit-y));
  flex: 0 0 calc(var(--product-action-board-icon-width) * var(--product-action-unit-x));
  display: block;
  object-fit: contain;
}

:is(
  .cat-card__hover-board img,
  .personalized-card__hover-board img,
  .christmas-special-product-card__hover-board img
) {
  filter: brightness(0) invert(1);
}

:is(
  .cat-card__hover-save svg,
  .cat-card__hover-save img,
  .personalized-card__hover-save img,
  .listing-side-card__save-icon
) {
  width: calc(var(--product-action-save-icon-width) * var(--product-action-unit-x));
  height: calc(var(--product-action-save-icon-height) * var(--product-action-unit-y));
  flex: 0 0 calc(var(--product-action-save-icon-width) * var(--product-action-unit-x));
  display: block;
  object-fit: contain;
  filter: none;
}

@media (max-width: 1199px) {
  .personalized-card__hover-board {
    --product-action-board-min-width: 38;
    --product-action-board-max-width: 38;
    --product-action-board-pad-y: 0;
    --product-action-board-pad-x: 0;
    --product-action-board-gap: 0;
    width: 38px;
    flex: 0 0 38px;
    justify-content: center;
  }

  .personalized-card__hover-save {
    --product-action-save-min-width: 84;
    --product-action-save-pad-y: 6;
    --product-action-save-pad-x: 15;
    --product-action-save-gap: 0;
    width: auto;
    flex: 0 0 auto;
  }

  .personalized-card__hover-board-label {
    display: none;
  }

  .personalized-card__hover-save-label {
    display: block;
  }
}

@media (hover: none), (pointer: coarse) {
  :is(
    .cat-card__hover-actions,
    .personalized-card__hover-actions,
    .christmas-special-product-card__hover-actions
  ) {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: none !important;
  }
}


.cat-card__ad-mark {
  width: var(--cat-card-corner-badge-size, 38px);
  height: var(--cat-card-corner-badge-size, 38px);
  left: var(--cat-card-corner-badge-left, 8px);
  top: var(--cat-card-corner-badge-top, 8px);
  box-shadow: none;
  opacity: 0.7;
  font-size: var(--cat-card-corner-badge-ad-font-size, 15px);
  font-weight: 800;
}



/*! [bundle] /styles/components/assistant-platform.css */

/*! [bundle] already inlined above: /styles/tokens.css */



/*! [bundle] /styles/animations.css */



/*! [bundle] already inlined above: /styles/tokens.css */





@keyframes jp-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes jp-fade-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes jp-fade-down {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes jp-fade-scale {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes jp-pop-in {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  60% {
    opacity: 1;
    transform: scale(1.06);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes jp-slide-in-right {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes jp-slide-in-left {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}



@keyframes jp-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

@keyframes jp-pulse-glow {
  0%, 100% {
    opacity: 0.6;
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

@keyframes jp-typing-dot {
  0%, 80%, 100% {
    transform: scale(0.6);
    opacity: 0.4;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes jp-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}



@keyframes jp-voice-pulse {
  0% { box-shadow: 0 0 0 0 var(--color-ai-glow); }
  70% { box-shadow: 0 0 0 12px transparent; }
  100% { box-shadow: 0 0 0 0 transparent; }
}

@keyframes jp-voice-wave {
  0%, 100% { height: 4px; }
  50% { height: 16px; }
}

@keyframes jp-ai-shimmer {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes jp-ai-sparkle {
  0%, 100% {
    opacity: 0.4;
    transform: scale(0.9) rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: scale(1.1) rotate(180deg);
  }
}



@keyframes jp-bar-grow {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes jp-bar-grow-y {
  from { transform: scaleY(0); }
  to { transform: scaleY(1); }
}

@keyframes jp-stroke-draw {
  from { stroke-dashoffset: var(--stroke-length, 1000); }
  to { stroke-dashoffset: 0; }
}



.jp-anim-fade-in {
  animation: jp-fade-in var(--duration-normal) var(--ease-standard) both;
}

.jp-anim-fade-up {
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo) both;
}

.jp-anim-fade-down {
  animation: jp-fade-down var(--duration-normal) var(--ease-out-expo) both;
}

.jp-anim-fade-scale {
  animation: jp-fade-scale var(--duration-normal) var(--ease-spring) both;
}

.jp-anim-pop-in {
  animation: jp-pop-in var(--duration-slow) var(--ease-spring) both;
}

.jp-anim-slide-in-right {
  animation: jp-slide-in-right var(--duration-normal) var(--ease-out-expo) both;
}

.jp-anim-slide-in-left {
  animation: jp-slide-in-left var(--duration-normal) var(--ease-out-expo) both;
}

.jp-anim-bar-grow {
  animation: jp-bar-grow var(--duration-slower) var(--ease-out-expo) both;
  transform-origin: left center;
}

.jp-anim-pulse-glow {
  animation: jp-pulse-glow 2s ease-in-out infinite;
}

.jp-anim-shimmer {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--intent-skeleton-surface);
  background-image: var(--jp-skeleton-dot-base-pattern);
  background-size: 16px 16px;
}

.jp-anim-shimmer::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image: var(--jp-skeleton-dot-wave-pattern);
  background-size: 16px 16px;
  -webkit-clip-path: ellipse(28% 30% at 14% 16%);
  clip-path: ellipse(28% 30% at 14% 16%);
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .jp-anim-shimmer::after {
    animation: none;
    opacity: 0.68;
    -webkit-clip-path: ellipse(28% 30% at 50% 48%);
    clip-path: ellipse(28% 30% at 50% 48%);
  }
}



.jp-stagger-1 { animation-delay: 50ms; }
.jp-stagger-2 { animation-delay: 100ms; }
.jp-stagger-3 { animation-delay: 150ms; }
.jp-stagger-4 { animation-delay: 200ms; }
.jp-stagger-5 { animation-delay: 250ms; }
.jp-stagger-6 { animation-delay: 300ms; }
.jp-stagger-7 { animation-delay: 350ms; }
.jp-stagger-8 { animation-delay: 400ms; }



.jp-auto-stagger > * {
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo) both;
}
.jp-auto-stagger > *:nth-child(1) { animation-delay: 0ms; }
.jp-auto-stagger > *:nth-child(2) { animation-delay: 50ms; }
.jp-auto-stagger > *:nth-child(3) { animation-delay: 100ms; }
.jp-auto-stagger > *:nth-child(4) { animation-delay: 150ms; }
.jp-auto-stagger > *:nth-child(5) { animation-delay: 200ms; }
.jp-auto-stagger > *:nth-child(6) { animation-delay: 250ms; }
.jp-auto-stagger > *:nth-child(7) { animation-delay: 300ms; }
.jp-auto-stagger > *:nth-child(8) { animation-delay: 350ms; }
.jp-auto-stagger > *:nth-child(9) { animation-delay: 400ms; }
.jp-auto-stagger > *:nth-child(10) { animation-delay: 450ms; }





.assistant-platform {
  position: fixed;
  right: var(--assistant-offset-right, max(18px, env(safe-area-inset-right)));
  bottom: var(--assistant-offset-bottom, max(18px, env(safe-area-inset-bottom)));
  z-index: var(--assistant-z-index, 1200);
  width: min(var(--assistant-width, 360px), calc(100vw - 28px));
  color: var(--assistant-text, var(--color-ink));
  font-family: var(--assistant-font-family, var(--font-body));

  
  --assistant-ai-accent: var(--site-ai-accent, var(--color-ai-accent, #3F6A60));
  --assistant-ai-accent-soft: var(--site-ai-accent-soft, var(--color-ai-accent-soft, #F8F5ED));
  --assistant-ai-glow: var(--site-ai-glow, var(--color-ai-glow, rgba(63, 106, 96, 0.2)));
  --assistant-ai-gradient: var(--site-ai-gradient, var(--gradient-ai, linear-gradient(135deg, #3F6A60 0%, #3F6A60 100%)));
}

.assistant-platform.is-placement-under-header {
  top: var(--assistant-header-offset, 96px);
  right: var(--assistant-offset-right, 18px);
  bottom: auto;
}

.assistant-platform.is-density-compact .assistant-platform__hint {
  min-height: 58px;
  padding: 10px 11px;
}

.assistant-platform.is-density-compact .assistant-platform__head {
  padding: 13px 14px 10px;
}

.assistant-platform.is-density-compact .assistant-platform__body {
  gap: 8px;
  padding: 10px;
}

.assistant-platform.is-density-compact .assistant-platform__option {
  padding: 10px;
}

.assistant-platform[hidden] {
  display: none;
}

.gift-room-ai-panel[aria-hidden="true"]:not(.is-open) {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.gift-room-ai-panel.is-open {
  visibility: visible !important;
}

.gift-room-ai-panel,
.gift-room-ai-panel__tools,
.gift-room-ai-panel__tool,
.gift-room-ai-panel__tool-icon {
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .gift-room-ai-panel {
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    transform: translateY(100%) !important;
  }

  .gift-room-ai-panel.is-open {
    transform: translate3d(0, var(--lume-sheet-drag-y, 0), 0) !important;
  }

  .gift-room-ai-panel::after {
    display: none !important;
  }

  .gift-room-ai-panel__tools {
    left: 8px !important;
    right: auto !important;
    bottom: 5px !important;
    gap: 9px !important;
  }

  .gift-room-ai-panel__tool {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(35, 32, 48, 0.045) !important;
    color: var(--lume-ink, var(--color-ink)) !important;
  }

  .gift-room-ai-panel__tool::before {
    display: none !important;
  }

  .gift-room-ai-panel__tool-icon {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    object-fit: contain !important;
  }

  .gift-room-ai-panel__tool svg {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    display: none !important;
  }
}

.assistant-platform__hint,
.assistant-platform__panel {
  border: 1px solid rgba(35, 32, 48, 0.12);
  background: var(--assistant-surface, rgba(255, 249, 241, 0.92));
  box-shadow: 0 18px 44px rgba(35, 32, 48, 0.16);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.assistant-platform__hint {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 68px;
  padding: 12px 12px 12px 14px;
  border-radius: var(--assistant-radius, 18px);
  cursor: pointer;
  text-align: left;
}

.assistant-platform__mark {
  display: grid;
  place-items: center;
  width: var(--assistant-icon-size, 36px);
  height: var(--assistant-icon-size, 36px);
  border-radius: calc(var(--assistant-radius, 18px) * 0.66);
  background: var(--assistant-accent-soft, #eff6ef);
  color: var(--assistant-accent, #2d5d46);
  font-size: 16px;
  font-weight: 800;
}

.assistant-platform__hint-copy {
  min-width: 0;
}

.assistant-platform__eyebrow {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  color: var(--assistant-muted, #597064);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.assistant-platform__hint-text {
  display: block;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--assistant-text, var(--color-ink));
}

.assistant-platform__hint-action {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: var(--assistant-accent, var(--color-ink));
  color: var(--assistant-accent-text, var(--color-cream));
  font-size: 18px;
  line-height: 1;
}

.assistant-platform__panel {
  display: none;
  overflow: hidden;
  border-radius: calc(var(--assistant-radius, 18px) + 2px);
}

.assistant-platform.is-open .assistant-platform__hint {
  display: none;
}

.assistant-platform.is-open .assistant-platform__panel {
  display: block;
}

.assistant-platform__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(35, 32, 48, 0.08);
}

.assistant-platform__head-main {
  display: flex;
  min-width: 0;
  gap: 10px;
  align-items: flex-start;
}

.assistant-platform__mark--panel {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  font-size: 15px;
}

.assistant-platform__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 800;
}

.assistant-platform__subtitle {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.35;
  color: var(--assistant-muted, var(--color-ink-soft));
}

.assistant-platform__close {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(35, 32, 48, 0.1);
  border-radius: 999px;
  background: var(--assistant-card-surface, var(--color-cream));
  color: var(--assistant-text, var(--color-ink));
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

.assistant-platform__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
}

.assistant-platform__messages {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: min(430px, calc(100vh - 270px));
  padding: 12px;
  overflow: auto;
  overscroll-behavior: contain;
}

.assistant-platform__message {
  max-width: 92%;
}

.assistant-platform__message p {
  margin: 0;
  padding: 10px 12px;
  border-radius: calc(var(--assistant-radius, 18px) - 6px);
  font-size: 13px;
  line-height: 1.4;
}

.assistant-platform__message--assistant {
  align-self: flex-start;
}

.assistant-platform__message--assistant p {
  background: var(--assistant-card-surface, #fbfaf7);
  color: var(--assistant-text, var(--color-ink));
}

.assistant-platform__message--user {
  align-self: flex-end;
}

.assistant-platform__message--user p {
  background: var(--assistant-accent, var(--color-ink));
  color: var(--assistant-accent-text, var(--color-cream));
}

.assistant-platform__message-meta {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

.assistant-platform__evidence,
.assistant-platform__sources,
.assistant-platform__memory {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.assistant-platform__evidence span,
.assistant-platform__sources span,
.assistant-platform__memory span {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 5px 7px;
  border-radius: var(--assistant-pill-radius, 999px);
  background: var(--assistant-card-surface, #fbfaf7);
  color: var(--assistant-muted, var(--color-ink-soft));
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
}

.assistant-platform__evidence span {
  border: 1px solid rgba(61, 102, 158, 0.14);
  background: rgba(235, 241, 255, 0.7);
}

.assistant-platform__evidence b {
  color: var(--assistant-text, var(--color-ink));
  font-weight: 900;
}

.assistant-platform__plan {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 9px 10px 9px 28px;
  border: 1px solid rgba(35, 32, 48, 0.08);
  border-radius: calc(var(--assistant-radius, 18px) - 8px);
  background: rgba(255, 249, 241, 0.62);
  color: var(--assistant-muted, var(--color-ink-soft));
  font-size: 11px;
  line-height: 1.32;
}

.assistant-platform__message-cards {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

.assistant-platform__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 12px 10px;
}

.assistant-platform__quick[hidden] {
  display: none;
}

.assistant-platform__quick-reply {
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid rgba(35, 32, 48, 0.1);
  border-radius: var(--assistant-pill-radius, 999px);
  background: var(--assistant-card-surface, #fbfaf7);
  color: var(--assistant-text, var(--color-ink));
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.assistant-platform__composer {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 12px;
  border-top: 1px solid rgba(35, 32, 48, 0.08);
}

.assistant-platform__voice,
.assistant-platform__send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border: 0;
  border-radius: var(--assistant-pill-radius, 999px);
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
}

.assistant-platform__voice {
  min-width: 44px;
  padding: 0 10px;
  background: var(--assistant-card-surface, #fbfaf7);
  color: var(--assistant-accent, var(--color-ink));
}

.assistant-platform__voice img {
  width: 18px;
  height: 18px;
}

.assistant-platform.is-listening .assistant-platform__voice {
  background: var(--assistant-accent-soft, #eef5ee);
  box-shadow: 0 0 0 3px var(--assistant-accent-soft, #eef5ee);
}

.assistant-platform__input {
  min-width: 0;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(35, 32, 48, 0.12);
  border-radius: var(--assistant-pill-radius, 999px);
  background: var(--assistant-surface, #FFF9F1);
  color: var(--assistant-text, var(--color-ink));
  font: inherit;
  font-size: 13px;
  outline: none;
}

.assistant-platform__input:focus {
  border-color: var(--assistant-accent, var(--color-ink));
  box-shadow: 0 0 0 3px var(--assistant-accent-soft, rgba(63, 106, 96, 0.12));
}

.assistant-platform__send {
  min-width: 58px;
  padding: 0 13px;
  background: var(--assistant-accent, var(--color-ink));
  color: var(--assistant-accent-text, var(--color-cream));
}

.assistant-platform.is-loading .assistant-platform__send {
  opacity: 0.65;
  cursor: wait;
}

.assistant-platform__option {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(35, 32, 48, 0.1);
  border-radius: calc(var(--assistant-radius, 18px) - 4px);
  background: var(--assistant-card-surface, #fbfaf7);
}

.assistant-platform__option-type {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  color: var(--assistant-muted, #6a7e70);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.assistant-platform__option-title {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--assistant-text, var(--color-ink));
}

.assistant-platform__option-body {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.35;
  color: var(--assistant-muted, var(--color-ink-soft));
}

.assistant-platform__option-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: var(--assistant-pill-radius, 999px);
  background: var(--assistant-accent, var(--color-ink));
  color: var(--assistant-accent-text, var(--color-cream));
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.assistant-platform__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px 12px;
}

.assistant-platform__why {
  border: 0;
  background: transparent;
  color: var(--assistant-accent, #476256);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
}

.assistant-platform__dismiss {
  border: 0;
  background: transparent;
  color: var(--assistant-muted, var(--color-ink-soft));
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.assistant-platform__why-text {
  display: none;
  margin: 0 12px 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--assistant-accent-soft, #eef5ee);
  color: var(--assistant-accent, #40584c);
  font-size: 12px;
  line-height: 1.35;
}

.assistant-platform.is-why-open .assistant-platform__why-text {
  display: block;
}

@media (max-width: 640px) {
  .assistant-platform {
    right: 14px;
    bottom: 14px;
    width: calc(100vw - 28px);
  }

  .assistant-platform__panel {
    max-height: min(620px, calc(100vh - 28px));
    overflow: auto;
  }

  .assistant-platform__option {
    grid-template-columns: 1fr;
  }

  .assistant-platform__option-link {
    width: 100%;
  }

  .assistant-platform__messages {
    max-height: min(520px, calc(100vh - 230px));
  }

  .assistant-platform__composer {
    grid-template-columns: auto 1fr;
  }

  .assistant-platform__send {
    grid-column: 1 / -1;
    width: 100%;
  }
}





.assistant-platform__hint {
  animation: jp-fade-up var(--duration-slow) var(--ease-out-expo) both;
  transition:
    transform var(--duration-fast) var(--ease-standard),
    box-shadow var(--duration-fast) var(--ease-standard);
}

.assistant-platform__hint:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 56px rgba(35, 32, 48, 0.18);
}

.assistant-platform__hint:active {
  transform: translateY(0);
}



.assistant-platform__mark {
  background: var(--assistant-ai-gradient);
  color: var(--color-cream);
  position: relative;
  transition: transform var(--duration-fast) var(--ease-spring);
}

.assistant-platform__hint:hover .assistant-platform__mark {
  transform: scale(1.08);
}

.assistant-platform__mark::after {
  content: "✨";
  position: absolute;
  top: -3px;
  right: -3px;
  font-size: 10px;
  line-height: 1;
  background: var(--color-cream);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: grid;
  place-items: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  animation: jp-pulse-glow 2.4s ease-in-out infinite;
}



.assistant-platform.is-open .assistant-platform__panel {
  animation: jp-fade-scale var(--duration-slow) var(--ease-out-expo) both;
  transform-origin: bottom right;
}



.assistant-platform__message {
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo) both;
}



.assistant-platform__message--assistant p {
  position: relative;
  border: 1px solid rgba(63, 106, 96, 0.08);
}

.assistant-platform__message--assistant p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: var(--assistant-ai-gradient);
  opacity: 0.06;
  border-radius: calc(var(--assistant-radius, 18px) - 6px) 0 12px 0;
  pointer-events: none;
}



.assistant-platform__message-cards .assistant-platform__option {
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo) both;
  transition: all var(--duration-fast) var(--ease-standard);
}

.assistant-platform__message-cards .assistant-platform__option:nth-child(1) { animation-delay: 0ms; }
.assistant-platform__message-cards .assistant-platform__option:nth-child(2) { animation-delay: 60ms; }
.assistant-platform__message-cards .assistant-platform__option:nth-child(3) { animation-delay: 120ms; }
.assistant-platform__message-cards .assistant-platform__option:nth-child(4) { animation-delay: 180ms; }
.assistant-platform__message-cards .assistant-platform__option:nth-child(5) { animation-delay: 240ms; }

.assistant-platform__option:hover {
  transform: translateY(-2px);
  border-color: var(--assistant-ai-accent);
  box-shadow: 0 12px 32px rgba(63, 106, 96, 0.14);
}

.assistant-platform__option-link {
  transition: all var(--duration-fast) var(--ease-standard);
}

.assistant-platform__option-link:hover {
  transform: scale(1.04);
  filter: brightness(1.05);
}



.assistant-platform__quick-reply {
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo) both;
  transition: all var(--duration-fast) var(--ease-standard);
}

.assistant-platform__quick-reply:nth-child(1) { animation-delay: 50ms; }
.assistant-platform__quick-reply:nth-child(2) { animation-delay: 100ms; }
.assistant-platform__quick-reply:nth-child(3) { animation-delay: 150ms; }
.assistant-platform__quick-reply:nth-child(4) { animation-delay: 200ms; }
.assistant-platform__quick-reply:nth-child(5) { animation-delay: 250ms; }
.assistant-platform__quick-reply:nth-child(6) { animation-delay: 300ms; }

.assistant-platform__quick-reply:hover {
  transform: translateY(-2px);
  border-color: var(--assistant-ai-accent);
  background: var(--assistant-ai-accent-soft);
  color: var(--assistant-ai-accent);
}



.assistant-platform__skeleton {
  display: grid;
  gap: 10px;
  padding: 12px;
  animation: jp-fade-in var(--duration-normal) var(--ease-standard);
}

.assistant-platform__skeleton-card {
  --assistant-skeleton-dot-gap: 14px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  height: 76px;
  border-radius: calc(var(--assistant-radius, 18px) - 4px);
  background-color: var(--intent-skeleton-surface);
  background-image: var(--jp-skeleton-dot-base-pattern);
  background-size: var(--assistant-skeleton-dot-gap) var(--assistant-skeleton-dot-gap);
}

.assistant-platform__skeleton-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image: var(--jp-skeleton-dot-wave-pattern);
  background-size: var(--assistant-skeleton-dot-gap) var(--assistant-skeleton-dot-gap);
  -webkit-clip-path: ellipse(28% 30% at 14% 16%);
  clip-path: ellipse(28% 30% at 14% 16%);
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .assistant-platform__skeleton-card::after {
    animation: none;
    opacity: 0.68;
    -webkit-clip-path: ellipse(28% 30% at 50% 48%);
    clip-path: ellipse(28% 30% at 50% 48%);
  }
}



.assistant-platform__typing {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 12px 16px;
  margin: 0;
  background: var(--assistant-ai-accent-soft);
  border-radius: calc(var(--assistant-radius, 18px) - 6px);
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo);
  align-self: flex-start;
  max-width: 92%;
}

.assistant-platform__typing-dot {
  width: 6px;
  height: 6px;
  background: var(--assistant-ai-accent);
  border-radius: 50%;
  animation: jp-typing-dot 1.4s infinite ease-in-out;
}

.assistant-platform__typing-dot:nth-child(2) { animation-delay: 0.16s; }
.assistant-platform__typing-dot:nth-child(3) { animation-delay: 0.32s; }



.assistant-platform__voice {
  position: relative;
  overflow: hidden;
  transition:
    transform var(--duration-fast) var(--ease-spring),
    background var(--duration-fast) var(--ease-standard),
    color var(--duration-fast) var(--ease-standard);
}

.assistant-platform__voice:hover {
  transform: scale(1.06);
  background: var(--assistant-ai-accent-soft);
  color: var(--assistant-ai-accent);
}

.assistant-platform__voice-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  animation: jp-pop-in var(--duration-slow) var(--ease-spring) both;
}

.assistant-platform__voice-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
  transition: transform var(--duration-fast) var(--ease-spring);
}

.assistant-platform.is-listening .assistant-platform__voice {
  background: var(--assistant-ai-accent);
  color: var(--color-cream);
  animation: jp-voice-pulse 1.5s infinite;
}

.assistant-platform.is-listening .assistant-platform__voice-icon {
  display: none;
}

.assistant-platform__voice-waveform {
  display: none;
  align-items: center;
  gap: 2px;
}

.assistant-platform.is-listening .assistant-platform__voice-waveform {
  display: inline-flex;
  animation: jp-fade-in var(--duration-fast) var(--ease-standard);
}

.assistant-platform__voice-waveform span {
  display: block;
  width: 2px;
  height: 4px;
  background: currentColor;
  border-radius: 1px;
  animation: jp-voice-wave 0.9s ease-in-out infinite;
}

.assistant-platform__voice-waveform span:nth-child(2) { animation-delay: 0.1s; }
.assistant-platform__voice-waveform span:nth-child(3) { animation-delay: 0.2s; }
.assistant-platform__voice-waveform span:nth-child(4) { animation-delay: 0.3s; }



.assistant-platform__send {
  transition:
    transform var(--duration-fast) var(--ease-spring),
    box-shadow var(--duration-fast) var(--ease-standard);
}

.assistant-platform__send:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 24px rgba(35, 32, 48, 0.18);
}

.assistant-platform__send:active {
  transform: scale(0.98);
}



.assistant-platform__close {
  transition:
    transform var(--duration-fast) var(--ease-spring),
    border-color var(--duration-fast) var(--ease-standard);
}

.assistant-platform__close:hover {
  transform: rotate(90deg);
  border-color: var(--assistant-ai-accent);
}



.assistant-platform__ai-label {
  display: block;
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.3;
  color: var(--assistant-ai-accent);
  font-weight: 600;
  letter-spacing: 0.01em;
}

.assistant-platform__ai-label::before {
  content: "✨";
  margin-right: 4px;
  display: inline-block;
  animation: jp-pulse-glow 2.4s ease-in-out infinite;
}



.assistant-platform.is-why-open .assistant-platform__why-text {
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo);
}



/*! [bundle] /styles/components/assistant-search.css */

/*! [bundle] already inlined above: /styles/tokens.css */



/*! [bundle] already inlined above: /styles/animations.css */




.assistant-search {
  --assistant-ai-accent: var(--site-ai-accent, var(--color-ai-accent, #3F6A60));
  --assistant-ai-accent-soft: var(--site-ai-accent-soft, var(--color-ai-accent-soft, #F8F5ED));
  --assistant-ai-gradient: var(--site-ai-gradient, var(--gradient-ai, linear-gradient(135deg, #3F6A60 0%, #7A563D 100%)));

  margin: 0 0 18px;
  animation: jp-fade-up var(--duration-slow) var(--ease-out-expo) both;
}

.assistant-search[hidden] {
  display: none;
}

.assistant-search__shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(35, 32, 48, 0.1);
  border-radius: 16px;
  background: #FFF9F1;
  box-shadow: 0 16px 36px rgba(35, 32, 48, 0.06);
  overflow: hidden;
  transition: box-shadow var(--duration-normal) var(--ease-standard);
}

.assistant-search__shell:hover {
  box-shadow: 0 24px 56px rgba(63, 106, 96, 0.12);
}


.assistant-search__shell::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.5px;
  background: linear-gradient(
    135deg,
    rgba(63, 106, 96, 0.36) 0%,
    rgba(45, 79, 72, 0.34) 50%,
    rgba(63, 106, 96, 0.36) 100%
  );
  background-size: 200% 200%;
  border-radius: inherit;
  -webkit-mask:
    linear-gradient(#FFF9F1 0 0) content-box,
    linear-gradient(#FFF9F1 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: jp-ai-shimmer 5s ease-in-out infinite;
  pointer-events: none;
  opacity: 0.7;
}

.assistant-search__main {
  min-width: 0;
}

.assistant-search__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  padding: 5px 12px;
  background: var(--assistant-ai-accent-soft);
  color: var(--assistant-ai-accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 999px;
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo) both;
}

.assistant-search__eyebrow::before {
  content: "✨";
  display: inline-block;
  font-size: 10px;
  animation: jp-ai-sparkle 3s ease-in-out infinite;
}

.assistant-search__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 850;
  line-height: 1.12;
}

.assistant-search__answer {
  margin: 10px 0 0;
  color: var(--color-ink-soft);
  font-size: 15px;
  line-height: 1.48;
}

.assistant-search__evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
}

.assistant-search__evidence:empty {
  display: none;
}

.assistant-search__evidence-item {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  border: 1px solid rgba(61, 102, 158, 0.16);
  border-radius: 999px;
  background: rgba(235, 241, 255, 0.72);
  color: #344054;
  font-size: 11px;
  line-height: 1.15;
}

.assistant-search__evidence-item b,
.assistant-search__plan-block strong {
  font-weight: 900;
}

.assistant-search__evidence-item em {
  min-width: 0;
  overflow: hidden;
  color: #667085;
  font-style: normal;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assistant-search__plan {
  margin-top: 13px;
}

.assistant-search__plan:empty {
  display: none;
}

.assistant-search__plan-block {
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(35, 32, 48, 0.1);
  border-radius: 8px;
  background: rgba(255, 249, 241, 0.72);
}

.assistant-search__plan-block strong {
  color: var(--color-ink);
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
}

.assistant-search__plan-block ol {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
  color: var(--color-ink-soft);
  font-size: 13px;
  line-height: 1.35;
}

.assistant-search__sources,
.assistant-search__memory {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.assistant-search__sources span,
.assistant-search__memory span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
}

.assistant-search__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.assistant-search__quick button {
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgba(35, 32, 48, 0.12);
  border-radius: 999px;
  background: #FFF9F1;
  color: var(--color-ink);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
}

.assistant-search__cards {
  display: grid;
  gap: 10px;
}

.assistant-search__card {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(35, 32, 48, 0.1);
  border-radius: 8px;
  background: #FFF9F1;
}

.assistant-search__card-type {
  color: var(--color-forest-dark, #2D4F48);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
}

.assistant-search__card h3 {
  margin: 0;
  color: var(--color-ink);
  font-size: 15px;
  line-height: 1.2;
}

.assistant-search__card p {
  margin: 0;
  color: var(--color-ink-soft);
  font-size: 13px;
  line-height: 1.38;
}

.assistant-search__card a {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin-top: 2px;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--color-ink);
  color: var(--color-cream);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.assistant-search__loading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: #667085;
  font-size: 13px;
  font-weight: 800;
}

.assistant-search__loading::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--color-emerald);
  animation: assistant-search-pulse 1s ease-in-out infinite;
}

@keyframes assistant-search-pulse {
  0%, 100% { opacity: 0.35; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.1); }
}

@media (max-width: 900px) {
  .assistant-search__shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .assistant-search {
    margin-bottom: 12px;
  }

  .assistant-search__shell {
    padding: 13px;
  }

  .assistant-search__title {
    font-size: 21px;
  }
}




.assistant-search__title {
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo) 50ms both;
}


.assistant-search__answer {
  animation: jp-fade-in var(--duration-slow) var(--ease-standard) 100ms both;
}


.assistant-search__quick button {
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo) both;
  transition: all var(--duration-fast) var(--ease-standard);
}

.assistant-search__quick button:nth-child(1) { animation-delay: 150ms; }
.assistant-search__quick button:nth-child(2) { animation-delay: 200ms; }
.assistant-search__quick button:nth-child(3) { animation-delay: 250ms; }
.assistant-search__quick button:nth-child(4) { animation-delay: 300ms; }
.assistant-search__quick button:nth-child(5) { animation-delay: 350ms; }

.assistant-search__quick button:hover {
  transform: translateY(-2px);
  border-color: var(--assistant-ai-accent);
  background: var(--assistant-ai-accent-soft);
  color: var(--assistant-ai-accent);
}


.assistant-search__card {
  animation: jp-fade-up var(--duration-normal) var(--ease-out-expo) both;
  transition:
    transform var(--duration-fast) var(--ease-standard),
    box-shadow var(--duration-fast) var(--ease-standard),
    border-color var(--duration-fast) var(--ease-standard);
  position: relative;
  overflow: hidden;
}

.assistant-search__card:nth-child(1) { animation-delay: 100ms; }
.assistant-search__card:nth-child(2) { animation-delay: 180ms; }
.assistant-search__card:nth-child(3) { animation-delay: 260ms; }

.assistant-search__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(63, 106, 96, 0.16);
  border-color: rgba(63, 106, 96, 0.3);
}


.assistant-search__card::after {
  content: "✨";
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 11px;
  opacity: 0.35;
  transition: opacity var(--duration-fast);
}

.assistant-search__card:hover::after {
  opacity: 0.8;
}

.assistant-search__card a {
  transition: all var(--duration-fast) var(--ease-spring);
}

.assistant-search__card a:hover {
  transform: scale(1.04);
  filter: brightness(1.05);
}


.assistant-search__loading {
  animation: jp-fade-in var(--duration-fast) var(--ease-standard);
}

.assistant-search__loading::before {
  background: var(--assistant-ai-accent);
}


.assistant-search__ai-label {
  display: block;
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.3;
  color: var(--assistant-ai-accent);
  font-weight: 600;
  opacity: 0.85;
}



/*! [bundle] /styles/components/favorites.css */


.page--favorites {
  --homepage-shell-width: var(--jp-page-shell-width);
  --homepage-shell-inset: var(--jp-page-shell-inset);
  background: var(--intent-surface-page);
  overflow-x: clip;
  padding-top: 63px;
}

.favorites-page.section {
  padding: 0 0 12px;
}

body.page--favorites .favorites-page > .container {
  width: var(--homepage-shell-width);
  max-width: var(--jp-page-shell-max, 1372px);
  margin: 0 auto;
  padding-inline: var(--homepage-shell-inset);
  box-sizing: border-box;
}

@media (max-width: 1142px) {
  .page--favorites {
    --homepage-shell-width: var(--jp-page-shell-width);
    --homepage-shell-inset: var(--jp-page-shell-inset);
  }
}

@media (max-width: 951px) {
  .page--favorites {
    padding-top: 89px;
  }
}

@media (max-width: 760px) {
  .page--favorites {
    --homepage-shell-width: var(--jp-page-shell-width);
    --homepage-shell-inset: var(--jp-page-shell-inset);
  }
}

@media (max-width: 720px) {
  .page--favorites {
    padding-top: 68px;
  }
}


.favorites-page__intro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  margin: 0 0 18px;
  padding: 30px 0 8px;
  text-align: left;
  color: var(--color-ink);
}

.favorites-page__intro-main {
  min-width: 0;
}

.favorites-page__title {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1.05;
  letter-spacing: 0;
  color: var(--color-forest);
  margin: 0 0 8px;
  font-weight: 650;
}

.favorites-page__lead {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
  color: var(--intent-text-primary);
  margin: 0;
  max-width: 660px;
}


.favorites-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 4px 0 14px;
  border-bottom: 1px solid rgba(35, 32, 48, 0.08);
}

.favorites-toolbar__heading {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--color-ink);
}

.favorites-toolbar__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  padding: 0 9px;
  border-radius: var(--radius-pill, 999px);
  background: var(--color-sand);
  color: var(--color-ink);
  font-size: 13px;
  font-weight: 600;
}


.favorites-section--products {
  padding-top: 28px;
}

.favorites-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 18px;
}

.favorites-section__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 750;
  line-height: 1.1;
  color: var(--color-ink);
}

body.page--favorites .favorites-section--products .cards-grid {
  margin-top: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-items: stretch;
}


.favorites-section--products .cat-card__reaction.is-liked {
  cursor: pointer;
  transition: box-shadow var(--duration-fast, 0.15s) var(--ease-standard, ease);
}

.favorites-section--products .cat-card__reaction.is-liked:hover {
  transform: none;
  box-shadow: var(--shadow-card-hover);
}

.favorites-card__actions .cat-card__hover-board-label,
.favorites-recommendation-card__actions .cat-card__hover-board-label {
  font-weight: 750;
}

.favorites-card__actions .cat-card__hover-save {
  --product-action-save-bg: var(--color-ink);
}

.favorites-section--discovery {
  padding: 44px 0 0;
}

.favorites-discovery-grid {
  display: grid;
  gap: 18px;
}

.favorites-section--discovery[hidden],
.favorites-section--collections[hidden],
.favorites-section--searches[hidden] {
  display: none !important;
}

.favorites-discovery-set {
  --favorites-discovery-gap: 18px;
  --favorites-discovery-group-height: 508px;
  --favorites-discovery-wide-height: 210px;
  --favorites-discovery-square-height: calc(var(--favorites-discovery-group-height) - var(--favorites-discovery-gap) - var(--favorites-discovery-wide-height));
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--favorites-discovery-gap);
  align-items: start;
}

.favorites-discovery-row {
  display: grid;
  gap: var(--favorites-discovery-gap);
  align-items: start;
  min-width: 0;
}

.favorites-discovery-card {
  position: relative;
  display: block;
  min-width: 0;
  overflow: hidden;
  border-radius: 20px;
  background: var(--intent-surface-sunken);
  box-shadow: inset 0 0 0 1px var(--intent-surface-line);
  transition: box-shadow 0.2s ease;
}

.favorites-discovery-card:hover,
.favorites-discovery-card:has(:focus-visible),
.favorites-discovery-card.is-actions-open {
  box-shadow:
    inset 0 0 0 1px var(--intent-surface-line),
    var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.favorites-discovery-card--tall {
  aspect-ratio: 1 / 2.06;
}

.favorites-discovery-card--square {
  aspect-ratio: 1 / 1;
}

.favorites-discovery-card--wide {
  aspect-ratio: 2 / 1;
}

.favorites-discovery-row .favorites-discovery-card--square {
  height: var(--favorites-discovery-square-height);
  aspect-ratio: auto;
}

.favorites-discovery-row .favorites-discovery-card--wide {
  height: var(--favorites-discovery-wide-height);
  aspect-ratio: auto;
}

.favorites-discovery-card__media {
  position: absolute;
  inset: 0;
  display: block;
  color: inherit;
  text-decoration: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.favorites-discovery-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--color-ink) 44%, transparent) 0%,
      color-mix(in srgb, var(--color-ink) 24%, transparent) 32%,
      transparent 68%
    );
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
}

.favorites-discovery-card:hover .favorites-discovery-card__media::after,
.favorites-discovery-card:has(:focus-visible) .favorites-discovery-card__media::after,
.favorites-discovery-card.is-actions-open .favorites-discovery-card__media::after {
  opacity: 1;
}

.favorites-discovery-card__placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: color-mix(in srgb, var(--color-forest) 56%, transparent);
  font-family: var(--font-display);
  font-size: clamp(54px, 8vw, 116px);
  font-weight: 650;
  line-height: 1;
}

.favorites-discovery-card__actions {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 10px;
  width: auto;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  max-width: calc(100% - 20px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px) scale(0.96);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.favorites-discovery-card:hover .favorites-discovery-card__actions,
.favorites-discovery-card:has(:focus-visible) .favorites-discovery-card__actions,
.favorites-discovery-card.is-actions-open .favorites-discovery-card__actions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.favorites-discovery-card__button {
  height: 38px;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-cream);
  cursor: pointer;
  font-family: var(--font-heading);
  line-height: 1;
  white-space: nowrap;
}

.favorites-discovery-card__button--board {
  min-width: 124px;
  max-width: 150px;
  padding: 6px 15px;
  gap: 10px;
  justify-content: space-between;
}

.favorites-discovery-card__button--save {
  min-width: 84px;
  padding: 6px 15px;
  gap: 10px;
}

.favorites-discovery-card:is(.is-product-saved, .is-in-collection) .favorites-discovery-card__button--board {
  flex: 0 1 auto;
  width: max-content;
  min-width: 64px;
  max-width: min(220px, calc(100% - 96px));
  min-height: 38px;
  padding: 0;
  border-radius: 0;
  justify-content: flex-start;
  gap: 0;
  cursor: default;
  pointer-events: auto;
  text-align: right;
}

.favorites-discovery-card:is(.is-product-saved, .is-in-collection) .favorites-discovery-card__button--board::before {
  background: transparent;
  transform: none;
}

.favorites-discovery-card:is(.is-product-saved, .is-in-collection) .favorites-discovery-card__button--board img,
.favorites-discovery-card:is(.is-product-saved, .is-in-collection) .favorites-discovery-card__button--board svg {
  display: none;
}

.favorites-discovery-card:is(.is-product-saved, .is-in-collection) .favorites-discovery-card__button--board .cat-card__hover-board-label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.18;
}

.favorites-discovery-card__price {
  position: absolute;
  z-index: 2;
  left: 10px;
  bottom: 10px;
  max-width: calc(100% - 20px);
  min-height: 26px;
  border-radius: 999px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--color-cream);
  color: var(--color-ink);
  font-family: var(--font-price, var(--font-heading));
  font-weight: 750;
  line-height: 1;
  box-shadow: none;
  white-space: nowrap;
}

.favorites-discovery-card__price-currency,
.favorites-discovery-card__price-current {
  font-size: 13px;
}

.favorites-discovery-card__price-old {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-ink-soft);
  font-size: 12px;
  font-weight: 600;
  text-decoration: line-through;
}

.favorites-discovery-card--wide .favorites-discovery-card__placeholder {
  font-size: clamp(48px, 6vw, 92px);
}

@media (hover: none), (pointer: coarse) {
  .favorites-discovery-card:hover,
  .favorites-discovery-card.is-actions-open {
    box-shadow: inset 0 0 0 1px var(--intent-surface-line);
  }

  .favorites-discovery-card:has(:focus-visible) {
    box-shadow:
      inset 0 0 0 1px var(--intent-surface-line),
      var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  }

  .favorites-discovery-card__media::after {
    opacity: 1;
  }

  .favorites-discovery-card__actions.cat-card__hover-actions {
    display: inline-flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}

.favorites-section--collections {
  padding: 58px 0 0;
}

.favorites-collections-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.favorites-collection-card {
  display: grid;
  gap: 10px;
  align-content: start;
  color: var(--color-ink);
  text-decoration: none;
  min-width: 0;
}

.favorites-collection-card__media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  aspect-ratio: 1.62 / 1;
  overflow: hidden;
  border-radius: 13px;
  background: var(--intent-surface-sunken);
  box-shadow: inset 0 0 0 1px var(--intent-surface-line);
}

.favorites-collection-card__media--count-1 {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}

.favorites-collection-card__media--count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
}

.favorites-collection-card__media--count-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.favorites-collection-card__media--count-3 .favorites-collection-card__tile:first-child {
  grid-row: 1 / span 2;
}

.favorites-collection-card__tile {
  position: relative;
  min-width: 0;
  min-height: 0;
  display: grid;
  place-items: center;
  background-position: center;
  background-size: cover;
  border: 1px solid var(--intent-surface-page);
  color: color-mix(in srgb, var(--color-forest) 64%, transparent);
  font-family: var(--font-display);
  font-size: 34px;
  font-weight: 650;
  overflow: hidden;
  text-decoration: none;
}

.favorites-collection-card__tile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--color-ink) 10%, transparent);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

.favorites-collection-card__tile:hover::after,
.favorites-collection-card__tile:focus-visible::after {
  opacity: 1;
}

.favorites-collection-card__tile:focus-visible {
  outline: none;
}

.favorites-collection-card__tile[style*="background-image"] > span {
  display: none;
}

.favorites-collection-card__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "title count"
    "view count";
  align-items: start;
  gap: 4px 12px;
}

.favorites-collection-card__title {
  grid-area: title;
  min-width: 0;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 750;
  line-height: 1.12;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.favorites-collection-card__count {
  grid-area: count;
  justify-self: end;
  align-self: start;
  color: var(--color-ink-soft);
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
  white-space: nowrap;
}

.favorites-collection-card__meta {
  display: contents;
}

.favorites-collection-card__view-all {
  grid-area: view;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 42px;
  margin-top: 8px;
  padding: 0 22px 0 24px;
  border-radius: 999px;
  background: var(--filter-pill-bg);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.16s ease;
}

.favorites-collection-card__view-all:hover,
.favorites-collection-card__view-all:focus-visible {
  background: var(--filter-pill-bg);
}

.favorites-collection-card__view-all img {
  width: 17px;
  height: 12px;
  flex: 0 0 auto;
  transition: transform 0.18s ease;
}

.favorites-collection-card__view-all:hover img,
.favorites-collection-card__view-all:focus-visible img {
  transform: translateX(4px);
}

.favorites-section--searches {
  padding: 58px 0 18px;
}

.favorites-searches-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px;
}

.favorites-search-chip {
  display: grid;
  justify-items: center;
  gap: 10px;
  min-width: 0;
  color: var(--color-ink);
  text-decoration: none;
}

.favorites-search-chip__media {
  display: grid;
  place-items: center;
  width: min(132px, 100%);
  aspect-ratio: 1 / 1;
  border-radius: 13px;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 0 1px var(--intent-surface-line);
  transition: box-shadow 0.2s ease;
}

.favorites-search-chip:hover .favorites-search-chip__media,
.favorites-search-chip:focus-visible .favorites-search-chip__media {
  box-shadow:
    inset 0 0 0 1px var(--intent-surface-line),
    var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.favorites-search-chip__label {
  max-width: 126px;
  text-align: center;
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.16;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: text-decoration-color 0.16s ease;
}

.favorites-search-chip:hover .favorites-search-chip__label,
.favorites-search-chip:focus-visible .favorites-search-chip__label {
  text-decoration-color: currentColor;
}


.cat-card__media--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cat-card__media--placeholder::before {
  display: none;
}

.favorites-card__placeholder {
  position: relative;
  z-index: 1;
  font-family: var(--font-display);
  font-size: 92px;
  font-weight: 650;
  line-height: 1;
  color: color-mix(in srgb, var(--color-forest) 68%, transparent);
}


.favorites-section--products .cards-grid[hidden],
.favorites-empty[hidden] {
  display: none !important;
}


.favorites-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  max-width: 420px;
  margin: 40px auto 64px;
  padding: 48px 24px;
}

.favorites-empty__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--color-sand);
  margin-bottom: 6px;
}

.favorites-empty__icon img {
  width: 28px;
  height: 28px;
  display: block;
}

.favorites-empty__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 650;
  color: var(--color-forest);
}

.favorites-empty__copy {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--color-ink-soft);
}

.favorites-empty__cta {
  margin-top: 12px;
}

.favorites-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 30px auto 4px;
}

.favorites-pagination[hidden] {
  display: none !important;
}

.favorites-pagination__button {
  min-width: 118px;
  min-height: 44px;
  border: 0;
  border-radius: var(--radius-pill, 999px);
  background: var(--color-cream);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
  transition: box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.favorites-pagination__button:hover:not(:disabled),
.favorites-pagination__button:focus-visible:not(:disabled) {
  background: var(--color-forest);
  color: var(--color-cream);
  box-shadow: var(--shadow-card-hover);
}

.favorites-pagination__button:disabled {
  cursor: default;
  opacity: 0.48;
}

.favorites-pagination__status {
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 640px) {
  .favorites-page__title {
    font-size: 32px;
  }

  .favorites-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .favorites-card__placeholder {
    font-size: 120px;
  }

  .favorites-pagination {
    flex-wrap: wrap;
    gap: 10px;
  }

  .favorites-pagination__status {
    order: -1;
    width: 100%;
    text-align: center;
  }

  .favorites-section__title {
    font-size: 20px;
  }

  .favorites-searches-track {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding: 2px 2px 8px;
    margin-inline: -2px;
  }

  .favorites-search-chip {
    flex: 0 0 118px;
    scroll-snap-align: start;
  }

  .favorites-search-chip__media {
    width: 96px;
  }

  .favorites-search-chip__label {
    font-size: 14px;
  }
}

@media (max-width: 1140px) {
  body.page--favorites .favorites-section--products .cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .favorites-discovery-set {
    --favorites-discovery-group-height: 620px;
    --favorites-discovery-wide-height: 210px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .favorites-collections-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .favorites-searches-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.page--favorites .favorites-section--products .cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .favorites-collections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 12px;
  }

  .favorites-discovery-grid {
    gap: 12px;
  }

  .favorites-discovery-set {
    --favorites-discovery-gap: 12px;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .favorites-discovery-row {
    gap: 12px;
  }

  .favorites-discovery-row .favorites-discovery-card--wide {
    height: clamp(170px, 52vw, 210px);
    aspect-ratio: auto;
  }

  .favorites-discovery-row .favorites-discovery-card--square {
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .favorites-discovery-row .favorites-discovery-card__actions {
    top: 8px;
    right: 8px;
    gap: 6px;
    max-width: calc(100% - 16px);
  }

  .favorites-discovery-row .favorites-discovery-card__button {
    width: auto;
    min-width: 62px;
    height: 30px;
    padding: 0 9px;
    gap: 5px;
    font-size: 10px;
  }

  .favorites-discovery-row .favorites-discovery-card__button-label {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
  }

  .favorites-discovery-row .favorites-discovery-card__button svg,
  .favorites-discovery-row .favorites-discovery-card__button img {
    width: 10px;
    height: 10px;
    flex-basis: 10px;
  }

  .favorites-discovery-row .favorites-discovery-card__price {
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 16px);
    min-height: 26px;
    padding: 0 8px;
    gap: 3px;
  }

  .favorites-discovery-row .favorites-discovery-card__price-currency,
  .favorites-discovery-row .favorites-discovery-card__price-current {
    font-size: 11px;
  }

  .favorites-discovery-row .favorites-discovery-card__price-old {
    font-size: 10px;
  }

  .favorites-section--discovery,
  .favorites-section--collections,
  .favorites-section--searches {
    padding-top: 38px;
  }

  .favorites-collection-card__row {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "title"
      "count"
      "view";
    gap: 5px;
  }

  .favorites-collection-card__count,
  .favorites-collection-card__view-all {
    justify-self: start;
  }

  .favorites-collection-card__title {
    font-size: 15px;
  }

  .favorites-collection-card__count,
  .favorites-collection-card__view-all {
    font-size: 13px;
  }

  .favorites-discovery-card__actions {
    top: 8px;
    right: 8px;
    max-width: calc(100% - 16px);
    gap: 6px;
  }

  .favorites-discovery-card__button {
    min-width: 62px;
    height: 30px;
    padding: 0 9px;
    gap: 5px;
    font-size: 10px;
  }

  .favorites-discovery-card__button--save {
    min-width: 54px;
  }

  .favorites-discovery-card__button svg,
  .favorites-discovery-card__button img {
    width: 10px;
    height: 10px;
    flex-basis: 10px;
  }

  .favorites-discovery-card__price {
    left: 8px;
    bottom: 8px;
    max-width: calc(100% - 16px);
    min-height: 30px;
    padding: 0 10px;
  }

  .favorites-discovery-card__price-currency,
  .favorites-discovery-card__price-current {
    font-size: 13px;
  }

  .favorites-discovery-card__price-old {
    font-size: 12px;
  }
}



/*! [bundle] /styles/components/support.css */


.page--support { background: var(--color-page-bg); }

.support-hero {
  text-align: center;
  padding: 42px 0 58px;
}

.support-hero__title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-size: clamp(2rem, 1vw + 1.45rem, 2.35rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
  color: var(--color-ink);
}

.support-hero__lead {
  margin: 0 auto;
  max-width: 560px;
  font-size: 16px;
  line-height: 1.55;
  color: var(--color-ink-soft);
}

.support-search {
  margin: 32px auto 0;
  max-width: 560px;
  display: flex;
  background: var(--popup-bg);
  border-radius: var(--radius-pill);
  padding: 6px;
  border: 1px solid var(--color-line);
  box-shadow: none;
}

.support-search__input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  outline: 0;
  padding: 14px 22px;
  font: inherit;
  font-size: 15px;
  color: var(--color-ink);
}

.support-search__input::placeholder { color: var(--color-ink-soft); }

.support-search__submit {
  position: relative;
  z-index: 0;
  isolation: isolate;
  overflow: visible;
  padding: 12px 28px;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-cream);
  font-weight: 600;
  font-size: 14px;
  border: 0;
  outline: 0;
  cursor: pointer;
  box-shadow: none;
  transition: color var(--duration-fast) var(--ease-standard);
}

.support-search__submit::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--color-forest);
  transform: scale(1);
  transform-origin: center;
  transition:
    transform var(--duration-normal) var(--ease-soft),
    background-color var(--duration-fast) var(--ease-standard);
  pointer-events: none;
  will-change: transform;
}

.support-search__submit:hover,
.support-search__submit:focus-visible {
  background: transparent;
  color: var(--color-cream);
  box-shadow: none;
}

.support-search__submit:hover::before,
.support-search__submit:focus-visible::before {
  transform: scale(var(--hover-grow-scale));
}

.support-search__submit:active::before {
  transform: scale(1);
}

.support-search__submit:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 3px;
}


.support-section { padding: 56px 0; }

.support-section--faq {
  background: var(--popup-bg);
}

.support-section__head {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 36px;
}

.support-section__title {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--color-ink);
}

.support-section__copy {
  margin: 0;
  color: var(--color-ink-soft);
  font-size: 15px;
}


.topics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 18px;
}

.topic-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  text-align: left;
  color: inherit;
  text-decoration: none;
  background: var(--popup-bg);
  border: 0;
  border-radius: 22px;
  padding: 24px 22px 22px;
  cursor: pointer;
  box-shadow: none;
  transition: box-shadow var(--duration-normal) var(--ease-standard);
}

.topic-card:hover {
  background: var(--popup-bg);
  box-shadow: var(--shadow-card-hover);
}

.topic-card:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 3px;
}

.topic-card__icon {
  width: 28px;
  height: 28px;
  border-radius: 0;
  display: block;
  background: transparent;
  object-fit: contain;
  margin-bottom: 8px;
}

.topic-card__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-ink);
}

.topic-card__copy {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-ink-soft);
}

.topic-card__count {
  margin-top: auto;
  padding-top: 14px;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-ink);
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.support-inline-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  object-fit: contain;
}


.faq-list {
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.faq-item {
  background: var(--popup-bg);
  border: 1px solid var(--color-line);
  border-radius: 20px;
  overflow: hidden;
}

.faq-question:hover,
.faq-question:focus-visible {
  background: transparent;
}

.faq-question:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: -4px;
}

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  background: transparent;
  border: 0;
  padding: 18px 22px;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-ink);
  text-align: left;
  cursor: pointer;
}

.faq-question__chevron {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  object-fit: contain;
  transition: transform var(--duration-normal) var(--ease-standard);
}

.faq-item.is-open .faq-question__chevron { transform: rotate(180deg); }

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--duration-normal) var(--ease-standard);
}

.faq-item.is-open .faq-answer { max-height: 360px; }

.faq-answer__inner {
  padding: 0 22px 20px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-ink-soft);
}


.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 18px;
}

.contact-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--popup-bg);
  border: 0;
  border-radius: 22px;
  padding: 24px 22px 22px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: box-shadow var(--duration-normal) var(--ease-standard);
}

.contact-card:hover {
  box-shadow: var(--shadow-card-hover);
}

.contact-card__icon {
  width: 28px;
  height: 28px;
  border-radius: 0;
  display: block;
  object-fit: contain;
  margin-bottom: 8px;
}

.contact-card__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-ink);
}

.contact-card__copy {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-ink-soft);
}

.contact-card__cta {
  margin-top: 6px;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-ink);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
}

@media (max-width: 640px) {
  .support-hero {
    padding: 30px 0 38px;
  }
  .support-hero__title {
    font-size: 30px;
  }
  .support-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 5px;
    gap: 4px;
  }
  .support-search__input {
    padding: 12px 14px;
    font-size: 14px;
  }
  .support-search__submit {
    min-width: 92px;
    padding: 12px 16px;
  }
  .support-section {
    padding: 42px 0;
  }
  .support-section__title {
    font-size: 25px;
  }
  .topic-card,
  .contact-card {
    padding: 20px;
  }
}



/*! [bundle] /styles/components/gift-room-shared.css */



.gift-room-toast.favorite-toast {
  bottom: 24px;
  width: min(453px, calc(100vw - 40px));
  min-height: 58px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  padding: 8px 16px 8px 10px;
  background: var(--color-forest);
  color: var(--color-cream);
  border: 0;
  outline: 1px solid var(--color-forest-dark);
  outline-offset: -1px;
  border-radius: 24px;
  box-shadow:
    0 24px 56px color-mix(in srgb, var(--color-forest-dark) 52%, transparent),
    0 4px 16px color-mix(in srgb, var(--color-ink) 18%, transparent);
  pointer-events: none;
}
.gift-room-toast.favorite-toast .favorite-toast__icon {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
}
.gift-room-toast.favorite-toast .favorite-toast__media-frame {
  border-radius: 14px;
  background: color-mix(in srgb, var(--color-cream) 18%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-cream) 40%, transparent);
}
.gift-room-toast.favorite-toast .favorite-toast__content {
  gap: 1px;
  padding-top: 1px;
}
.gift-room-toast.favorite-toast .favorite-toast__title {
  color: var(--color-cream);
  font-size: 15px;
  font-weight: 700;
}
.gift-room-toast.favorite-toast .favorite-toast__meta-icon {
  display: inline-flex;
  color: var(--color-cream);
}
.gift-room-toast.favorite-toast .favorite-toast__subtitle {
  color: var(--color-cream);
  font-size: 13px;
  line-height: 1.2;
}


.gift-room-toast.favorite-toast.gift-room-toast--has-action {
  grid-template-columns: 48px minmax(0, 1fr) auto;
}
.gift-room-toast.favorite-toast .gift-room-toast__undo {
  grid-column: 3;
  align-self: center;
  justify-self: end;
  pointer-events: auto;
  border: 1px solid color-mix(in srgb, var(--color-cream) 55%, transparent);
  background: color-mix(in srgb, var(--color-cream) 12%, transparent);
  color: var(--color-cream);
  border-radius: 999px;
  padding: 8px 16px;
  min-height: 38px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.16s ease, transform 0.16s ease;
}
.gift-room-toast.favorite-toast .gift-room-toast__undo:hover {
  background: color-mix(in srgb, var(--color-cream) 22%, transparent);
  transform: translateY(-1px);
}
.gift-room-toast.favorite-toast .gift-room-toast__undo:focus-visible {
  outline: 2px solid var(--color-cream);
  outline-offset: 2px;
}


@media (max-width: 720px) {
  .collection-modal__title {
    font-size: var(--popup-title-size, 25px) !important;
    line-height: var(--popup-title-line-height, 1.16) !important;
  }
}


@media print {
  .fixed-header,
  .mobile-header,
  .site-footer,
  .gift-room-page-skeleton,
  .gift-room-room-topbar,
  .gift-room-room-signals,
  .gift-room-hero__signals,
  .gift-room-hero__actions,
  .gift-room-tabbar,
  .gift-room-plan-rail,
  .gift-room-workspace-summary,
  .gift-room-fab,
  .gift-room-modal-overlay,
  .gift-room-toast-stack,
  [data-gift-room-mobile-fab] {
    display: none !important;
  }
}





/*! [bundle] /styles/components/featured-hub.css */
.page--featured-hub {
  --homepage-shell-width: var(--jp-page-shell-width);
  --homepage-shell-inset: var(--jp-page-shell-inset);
  --featured-hub-shell: var(--homepage-shell-width);
  --featured-hub-hero-top-gap: 15px;
  --featured-hub-hero-title-size: 42px;
  --featured-hub-hero-title-mobile-size: 26px;
  --featured-hub-hero-subtitle-size: 14px;
  --featured-hub-hero-subtitle-mobile-size: 13px;
  --featured-hub-hero-shape-color: var(--color-forest);
  --featured-hub-hero-copy-color: var(--color-cream);
  --featured-hub-hero-badge-bg: rgba(255, 249, 241, 0.16);
  --featured-hub-tile-size: 174px;
  --featured-hub-tile-gap: 30px;
  --featured-hub-tile-row-width: calc((var(--featured-hub-tile-size) * 6) + (var(--featured-hub-tile-gap) * 5));
  padding-top: calc(72px * var(--scale, 1));
  background: var(--color-page-bg);
  overflow-x: clip;
}

.featured-hub-page {
  padding: 0 0 72px;
  
  overflow-x: clip;
}

.featured-hub-root {
  width: var(--featured-hub-shell);
  margin: 0 auto;
}

.featured-hub-root--home-guide {
  width: var(--featured-hub-shell);
}

.featured-hub-root--gift-finder {
  position: relative;
  isolation: isolate;
}

.featured-hub-home {
  color: var(--color-ink);
}

.featured-hub-root--gift-finder .featured-hub-home {
  position: relative;
  isolation: isolate;
}

@property --assistant-ring-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@property --assistant-ring-gap-start {
  syntax: "<angle>";
  inherits: false;
  initial-value: 292deg;
}

@property --gift-finder-hero-overlap {
  syntax: "<length>";
  inherits: true;
  initial-value: -291px;
}

.featured-hub-search {
  position: relative;
  z-index: 5;
  width: min(100%, 920px);
  margin: 22px auto 0;
  font-family: var(--font-body);
  --gift-hub-search-rest-height: 58px;
  --gift-hub-search-expanded-height: 224px;
  --gift-hub-search-compact-height: 68px;
  --gift-hub-search-radius: 30px;
  --gift-hub-search-reveal-duration: 0.56s;
  --gift-hub-search-reveal-ease: cubic-bezier(0.2, 0.78, 0.18, 1);
}


.featured-hub-search.has-attachments {
  --gift-hub-search-rest-height: 164px;
}

.featured-hub-search__bar {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  height: var(--gift-hub-search-rest-height);
  min-height: 0;
  padding: 8px;
  border-radius: var(--gift-hub-search-radius);
  background: var(--color-cream);
  color: var(--color-ink);
  box-shadow: 0 16px 38px rgb(0 0 0 / 0.16);
  overflow: hidden;
  transform: none;
  transform-origin: top center;
  transition:
    height var(--gift-hub-search-reveal-duration) var(--gift-hub-search-reveal-ease),
    box-shadow 0.28s ease,
    background-color 0.18s ease,
    color 0.18s ease;
  will-change: height;
}

.featured-hub-search__composer {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  flex: 0 0 auto;
  
  order: 3;
}

.featured-hub-search__assistant-panel { order: 0; }
.featured-hub-search__voice-panel,
.featured-hub-search__processing { order: 3; }


.featured-hub-search.is-expanded .featured-hub-search__composer,
.featured-hub-search:focus-within .featured-hub-search__composer {
  grid-template-areas:
    "input input input input"
    "add . tools submit";
  align-items: end;
  row-gap: 14px;
}

.featured-hub-search.is-expanded.has-query .featured-hub-search__composer,
.featured-hub-search.is-expanded:focus-within.has-query .featured-hub-search__composer {
  grid-template-areas:
    "hints hints hints hints"
    "input input input input"
    "add . tools submit";
}

.featured-hub-search.is-expanded.has-attachments .featured-hub-search__composer,
.featured-hub-search.is-expanded:focus-within.has-attachments .featured-hub-search__composer {
  grid-template-areas:
    "drafts drafts drafts drafts"
    "input input input input"
    "add . tools submit";
}

.featured-hub-search.is-expanded.has-attachments.has-query .featured-hub-search__composer,
.featured-hub-search.is-expanded:focus-within.has-attachments.has-query .featured-hub-search__composer {
  grid-template-areas:
    "drafts drafts drafts drafts"
    "hints hints hints hints"
    "input input input input"
    "add . tools submit";
}


.featured-hub-search.has-attachments:not(.is-expanded) .featured-hub-search__composer {
  grid-template-areas:
    "drafts drafts drafts drafts"
    "add input tools submit";
  align-items: center;
  row-gap: 15px;
}

.featured-hub-search.has-attachments:not(.is-expanded) .featured-hub-search__add {
  grid-area: add;
}

.featured-hub-search.has-attachments:not(.is-expanded) .featured-hub-search__input {
  grid-area: input;
}

.featured-hub-search.has-attachments:not(.is-expanded) .featured-hub-search__tools {
  grid-area: tools;
  justify-self: end;
}

.featured-hub-search.has-attachments:not(.is-expanded) .featured-hub-search__submit {
  grid-area: submit;
  justify-self: end;
}

.featured-hub-search__add,
.featured-hub-search__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.featured-hub-search__add {
  appearance: none;
  position: relative;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-line) 34%, transparent);
  color: var(--color-ink);
  cursor: pointer;
  transition:
    background-color 0.18s ease,
    color 0.18s ease;
}

.featured-hub-search__add-icon {
  width: 19px;
  height: 19px;
  background: currentColor;
  mask: url("/assets/gift-room-icons/shared/plus.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/gift-room-icons/shared/plus.svg") center / contain no-repeat;
  transition: transform 0.18s ease;
}

.featured-hub-search__add:hover,
.featured-hub-search__add:focus-visible,
.featured-hub-search.is-attach-menu-open .featured-hub-search__add {
  background: color-mix(in srgb, var(--color-forest) 14%, transparent);
  color: var(--color-forest);
}

.featured-hub-search.is-attach-menu-open .featured-hub-search__add-icon {
  transform: rotate(45deg);
}

.featured-hub-search__add:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-forest) 48%, transparent);
  outline-offset: 3px;
}

.featured-hub-search__submit img {
  display: block;
}

.featured-hub-search__assistant-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 8px 16px 6px;
  overflow: hidden;
  animation: giftHubAssistantPanelIn 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}


.featured-hub-search.is-collapsing .featured-hub-search__assistant-panel {
  opacity: 0;
  transition: opacity 0.16s ease;
}


.featured-hub-search__assistant-panel .featured-hub-search__assistant-mark {
  display: none;
}


.featured-hub-search__sparkfield {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}

.featured-hub-search__spark {
  position: absolute;
  bottom: 0;
  left: var(--spark-x, 50%);
  width: var(--spark-size, 9px);
  height: var(--spark-size, 9px);
  color: var(--spark-color, rgb(95 88 184));
  background: currentColor;
  
  mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
  opacity: 0;
  filter: drop-shadow(0 0 4px currentColor);
  will-change: transform, opacity;
  animation: giftHubSparkRise var(--spark-life, 1500ms) cubic-bezier(0.3, 0.6, 0.4, 1) forwards;
}

@keyframes giftHubSparkRise {
  0% {
    opacity: 0;
    transform: translate(0, 4px) scale(0.2) rotate(0deg);
  }
  22% {
    opacity: var(--spark-peak, 0.85);
    transform: translate(calc(var(--spark-drift, 0px) * 0.35), -22px) scale(1) rotate(40deg);
  }
  100% {
    opacity: 0;
    transform: translate(var(--spark-drift, 0px), calc(var(--spark-climb, -96px))) scale(0.35) rotate(130deg);
  }
}


.featured-hub-search__assistant-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    115deg,
    transparent 32%,
    rgb(95 88 184 / 0.16) 42%,
    rgb(67 134 220 / 0.22) 48%,
    rgb(58 154 137 / 0.2) 53%,
    rgb(222 177 74 / 0.18) 58%,
    transparent 68%
  );
  background-size: 260% 100%;
  background-position: 130% 0;
  mix-blend-mode: screen;
}

.featured-hub-search.is-reveal-flourish .featured-hub-search__assistant-panel::after {
  animation: giftHubSheenSweep 0.92s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes giftHubSheenSweep {
  0% {
    opacity: 0;
    background-position: 130% 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    background-position: -60% 0;
  }
}


.featured-hub-search__bar::before {
  content: "";
  position: absolute;
  inset: -46px -70px auto;
  height: 200px;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(42% 60% at 16% 32%, rgb(95 88 184 / 0.34), transparent 70%),
    radial-gradient(38% 55% at 52% 16%, rgb(67 134 220 / 0.3), transparent 70%),
    radial-gradient(40% 60% at 84% 34%, rgb(58 154 137 / 0.28), transparent 72%),
    radial-gradient(30% 48% at 68% 62%, rgb(222 177 74 / 0.2), transparent 75%);
  filter: blur(26px);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.featured-hub-search.is-assistant-speaking .featured-hub-search__bar::before {
  opacity: 0.55;
  animation: giftHubAuroraDrift 6.4s ease-in-out infinite alternate;
}

.featured-hub-search.is-voice-mode .featured-hub-search__bar::before,
.featured-hub-search.is-processing .featured-hub-search__bar::before {
  opacity: 0;
  animation: none;
}

@keyframes giftHubAuroraDrift {
  0% {
    transform: translateX(-3.5%) scale(1);
  }
  100% {
    transform: translateX(3.5%) scale(1.07);
  }
}

@keyframes giftHubAssistantPanelIn {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.featured-hub-search__assistant-panel[hidden],
.featured-hub-search:not(.is-expanded):not(.is-collapsing):not(.is-processing) .featured-hub-search__assistant-panel,
.featured-hub-search.is-processing .featured-hub-search__assistant-panel {
  display: none;
}

.featured-hub-search__assistant-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-ink);
  --assistant-mark-ring:
    conic-gradient(
      from var(--assistant-ring-angle, 0deg),
      rgb(95 88 184 / 0.72) 0deg,
      rgb(67 134 220 / 0.78) 58deg,
      rgb(58 154 137 / 0.7) 122deg,
      rgb(222 177 74 / 0.62) 190deg,
      rgb(95 88 184 / 0.72) 252deg,
      color-mix(in srgb, rgb(67 134 220) 12%, transparent) calc(var(--assistant-ring-gap-start, 292deg) - 8deg),
      color-mix(in srgb, rgb(67 134 220) 12%, transparent) calc(var(--assistant-ring-gap-start, 292deg) + 14deg),
      rgb(67 134 220 / 0.78) calc(var(--assistant-ring-gap-start, 292deg) + 32deg),
      rgb(95 88 184 / 0.72) 360deg
    );
}

.featured-hub-search__assistant-mark::before {
  content: "";
  position: absolute;
  inset: -4px;
  z-index: 0;
  padding: 3px;
  border-radius: inherit;
  background: var(--assistant-mark-ring);
  opacity: 0;
  mask:
    linear-gradient(rgb(0 0 0) 0 0) content-box,
    linear-gradient(rgb(0 0 0) 0 0);
  mask-composite: exclude;
  -webkit-mask:
    linear-gradient(rgb(0 0 0) 0 0) content-box,
    linear-gradient(rgb(0 0 0) 0 0);
  -webkit-mask-composite: xor;
  transition: opacity 0.18s ease;
}

.featured-hub-search__assistant-panel.is-typing .featured-hub-search__assistant-mark::before,
.featured-hub-search__assistant-panel:hover .featured-hub-search__assistant-mark::before,
.featured-hub-search.is-assistant-speaking .featured-hub-search__assistant-mark::before {
  opacity: 0.78;
  animation:
    giftHubAssistantRingWander 12.8s cubic-bezier(0.42, 0, 0.18, 1) infinite,
    giftHubAssistantGapBreath 6.2s ease-in-out infinite alternate;
}


.featured-hub-search__assistant-panel .featured-hub-search__assistant-mark {
  animation: giftHubMarkPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes giftHubMarkPop {
  0% {
    opacity: 0;
    transform: scale(0.55) rotate(-10deg);
  }
  62% {
    opacity: 1;
    transform: scale(1.07) rotate(2deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.featured-hub-search__assistant-mark img {
  position: relative;
  z-index: 1;
  width: 27px;
  height: 27px;
}

.featured-hub-search__assistant-panel.is-typing .featured-hub-search__assistant-mark img,
.featured-hub-search__assistant-panel:hover .featured-hub-search__assistant-mark img,
.featured-hub-search.is-assistant-speaking .featured-hub-search__assistant-mark img {
  animation: giftHubAssistantIconTurn 2.2s ease-in-out infinite;
}

.featured-hub-search__assistant-copy {
  min-width: 0;
  width: 100%;
  color: var(--color-ink);
  
  font-family: var(--font-display);
  text-align: center;
}

.featured-hub-search__assistant-copy p {
  position: relative;
  display: inline;
  margin: 1px 0 0;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.48;
}


.featured-hub-search__assistant-copy p:has(.featured-hub-search__rotator) {
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  gap: 9px;
  width: 100%;
  margin: 0;
  transition: grid-template-rows 0.62s cubic-bezier(0.22, 1, 0.36, 1), gap 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}


.featured-hub-search.is-greeting-intro .featured-hub-search__assistant-copy p:has(.featured-hub-search__rotator),
.featured-hub-search.has-query .featured-hub-search__assistant-copy p:has(.featured-hub-search__rotator) {
  grid-template-rows: auto 0fr;
  gap: 0;
}

.featured-hub-search.has-query .featured-hub-search__rotator {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.featured-hub-search__lede {
  display: block;
  margin: 0;
  color: color-mix(in srgb, var(--color-ink) 72%, var(--color-cream));
  font-size: 14px;
  font-weight: 720;
  line-height: 1.4;
  transition: font-size 0.55s cubic-bezier(0.22, 1, 0.36, 1), color 0.4s ease;
}


.featured-hub-search.is-greeting-intro .featured-hub-search__lede {
  font-size: 27px;
  font-weight: 830;
  line-height: 1.22;
  color: var(--color-ink);
}

.featured-hub-search__rotator {
  display: block;
  min-height: 0;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.46s ease 0.1s;
}

.featured-hub-search.is-greeting-intro .featured-hub-search__rotator {
  opacity: 0;
  transition: opacity 0.2s ease;
}


.featured-hub-search__rotator-lead {
  display: block;
  margin-bottom: 4px;
  font-size: 19px;
  font-weight: 810;
  line-height: 1.2;
  color: var(--color-ink);
}


.featured-hub-search__rotator-word {
  display: block;
  font-size: 27px;
  font-weight: 870;
  line-height: 1.24;
  background: linear-gradient(
    100deg,
    rgb(95 88 184),
    rgb(67 134 220),
    rgb(58 154 137),
    rgb(196 146 40),
    rgb(95 88 184)
  );
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: giftHubRotShimmer 7s linear infinite;
  will-change: filter, transform, opacity;
}

.featured-hub-search__rotator-word.is-entering {
  animation:
    giftHubRotShimmer 7s linear infinite,
    giftHubRotIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.featured-hub-search__rotator-word.is-leaving {
  animation:
    giftHubRotShimmer 7s linear infinite,
    giftHubRotOut 0.42s cubic-bezier(0.55, 0, 0.7, 0.2) both;
}

@keyframes giftHubRotShimmer {
  to { background-position: 260% 0; }
}

@keyframes giftHubRotIn {
  0% {
    opacity: 0;
    filter: blur(9px);
    transform: translateY(14px) scale(0.97);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: none;
  }
}

@keyframes giftHubRotOut {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: none;
  }
  100% {
    opacity: 0;
    filter: blur(9px);
    transform: translateY(-14px) scale(0.97);
  }
}

.featured-hub-search__assistant-copy p.is-typing::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1em;
  margin-left: 3px;
  border-radius: var(--radius-pill);
  background: var(--color-forest);
  vertical-align: -0.14em;
  animation: giftHubTypingCaret 0.74s steps(2, end) infinite;
}


.featured-hub-search__msg-word {
  display: inline-block;
  opacity: 0;
  filter: blur(6px);
  transform: translateY(6px);
  animation: giftHubWordIn 0.44s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes giftHubWordIn {
  to {
    opacity: 1;
    filter: blur(0);
    transform: none;
  }
}

.featured-hub-search__drafts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  grid-area: drafts;
}

.featured-hub-search__drafts[hidden] {
  display: none;
}


.featured-hub-search__hints {
  grid-area: hints;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
}

.featured-hub-search__hints[hidden] {
  display: none;
}

.featured-hub-search__hints-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: color-mix(in srgb, var(--color-ink-soft) 82%, transparent);
  font-size: 12px;
  font-weight: 820;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}


.featured-hub-search__hints-spark {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  border-radius: 2px;
  background:
    conic-gradient(
      from var(--assistant-ring-angle, 0deg),
      rgb(95 88 184),
      rgb(67 134 220),
      rgb(58 154 137),
      rgb(222 177 74),
      rgb(95 88 184)
    );
  mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
  animation: giftHubAssistantRingWander 9s cubic-bezier(0.42, 0, 0.18, 1) infinite;
}


.featured-hub-search__hints-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: var(--radius-pill);
  animation: giftHubMarkPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.featured-hub-search__hints-badge::before {
  content: "";
  position: absolute;
  inset: -3px;
  z-index: 0;
  padding: 2.5px;
  border-radius: inherit;
  background:
    conic-gradient(
      from var(--assistant-ring-angle, 0deg),
      rgb(95 88 184 / 0.85) 0deg,
      rgb(67 134 220 / 0.9) 90deg,
      rgb(58 154 137 / 0.82) 180deg,
      rgb(222 177 74 / 0.75) 270deg,
      rgb(95 88 184 / 0.85) 360deg
    );
  mask:
    linear-gradient(rgb(0 0 0) 0 0) content-box,
    linear-gradient(rgb(0 0 0) 0 0);
  mask-composite: exclude;
  -webkit-mask:
    linear-gradient(rgb(0 0 0) 0 0) content-box,
    linear-gradient(rgb(0 0 0) 0 0);
  -webkit-mask-composite: xor;
  animation: giftHubAssistantRingWander 12.8s cubic-bezier(0.42, 0, 0.18, 1) infinite;
}

.featured-hub-search__hints-badge img {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 15px;
}

.featured-hub-search__hint {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 780;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.featured-hub-search__hint--fact {
  --hint-accent: var(--color-forest);
  gap: 8px;
  background: color-mix(in srgb, var(--hint-accent) 11%, var(--color-cream));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hint-accent) 28%, transparent);
  color: color-mix(in srgb, var(--hint-accent) 66%, var(--color-ink));
  font-family: var(--font-body);
  animation: giftHubStarterIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  animation-delay: calc(var(--hint-order, 0) * 68ms + 30ms);
}

.featured-hub-search__hint--fact[data-accent="0"] { --hint-accent: rgb(95 88 184); }
.featured-hub-search__hint--fact[data-accent="1"] { --hint-accent: rgb(67 134 220); }
.featured-hub-search__hint--fact[data-accent="2"] { --hint-accent: rgb(58 154 137); }
.featured-hub-search__hint--fact[data-accent="3"] { --hint-accent: rgb(196 146 40); }

.featured-hub-search__hint-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: var(--radius-pill);
  background: var(--hint-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hint-accent) 16%, transparent);
}


.featured-hub-search__hint--suggest {
  appearance: none;
  --hint-accent: var(--color-forest);
  background: color-mix(in srgb, var(--hint-accent) 11%, var(--color-cream));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hint-accent) 26%, transparent);
  color: color-mix(in srgb, var(--hint-accent) 72%, var(--color-ink));
  cursor: pointer;
  transform-origin: left center;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
  animation: giftHubStarterIn 0.42s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  animation-delay: calc(var(--hint-order, 0) * 70ms + 80ms);
}

.featured-hub-search__hint--suggest[data-accent="0"] { --hint-accent: rgb(95 88 184); }
.featured-hub-search__hint--suggest[data-accent="1"] { --hint-accent: rgb(67 134 220); }
.featured-hub-search__hint--suggest[data-accent="2"] { --hint-accent: rgb(58 154 137); }
.featured-hub-search__hint--suggest[data-accent="3"] { --hint-accent: rgb(196 146 40); }

.featured-hub-search__hint--recent {
  --hint-accent: var(--color-ink-soft);
}

.featured-hub-search__hint--suggest:hover,
.featured-hub-search__hint--suggest:focus-visible {
  background: color-mix(in srgb, var(--hint-accent) 18%, var(--color-cream));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--hint-accent) 52%, transparent),
    0 6px 16px color-mix(in srgb, var(--hint-accent) 22%, transparent);
  color: color-mix(in srgb, var(--hint-accent) 84%, var(--color-ink));
  transform: translateY(-2px);
  outline: none;
}

.featured-hub-search__hint > span:not(.featured-hub-search__hint-ic) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.featured-hub-search__hint-ic {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  background: var(--hint-accent, currentColor);
}

.featured-hub-search__hint-ic--recent {
  mask: url("/assets/admin-icons/history-clock.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/admin-icons/history-clock.svg") center / contain no-repeat;
}

.featured-hub-search__hint-ic--spark {
  mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
}

@keyframes giftHubHintPop {
  0% {
    opacity: 0;
    transform: translateY(4px) scale(0.94);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes giftHubStarterIn {
  0% {
    opacity: 0;
    transform: translateY(7px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.featured-hub-search__draft {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-shadow: 0 12px 28px rgb(0 0 0 / 0.12);
}

.featured-hub-search__draft--image {
  width: 90px;
  height: 90px;
  flex: 0 0 90px;
  border-radius: 24px;
  background: color-mix(in srgb, var(--color-line) 56%, var(--color-cream));
}

.featured-hub-search__draft-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--color-line);
}

.featured-hub-search__draft--file {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: min(100%, 320px);
  min-height: 48px;
  padding: 0 14px 0 12px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--color-line) 56%, var(--color-cream));
  color: var(--color-ink);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 8%, transparent),
    0 6px 16px rgb(0 0 0 / 0.06);
}

.featured-hub-search__draft-file-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: currentColor;
  mask: url("/assets/admin-icons/file-text.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/admin-icons/file-text.svg") center / contain no-repeat;
}

.featured-hub-search__draft-file-name {
  min-width: 0;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.featured-hub-search__draft-remove {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: var(--radius-pill);
  background: rgb(255 249 241 / 0.96);
  color: var(--color-ink);
  cursor: pointer;
  box-shadow: 0 4px 14px rgb(0 0 0 / 0.12);
}

.featured-hub-search__draft-remove--file {
  position: static;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin-left: auto;
  background: color-mix(in srgb, var(--color-ink) 8%, transparent);
  box-shadow: none;
}

.featured-hub-search__draft-remove span {
  width: 11px;
  height: 11px;
  background: currentColor;
  mask: url("/assets/header-icons/close.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/header-icons/close.svg") center / contain no-repeat;
}

.featured-hub-search__draft-remove:hover,
.featured-hub-search__draft-remove:focus-visible {
  background: color-mix(in srgb, var(--color-ink) 14%, transparent);
  color: var(--color-alert-red);
  outline: none;
}

.featured-hub-search__input {
  box-sizing: border-box;
  width: 100%;
  min-height: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  outline: 0;
  resize: none;
  overflow: hidden;
  background: transparent;
  color: var(--color-ink);
  caret-color: var(--color-forest);
  font: inherit;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.4;
  align-self: center;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.featured-hub-search.is-expanded .featured-hub-search__input,
.featured-hub-search:focus-within .featured-hub-search__input {
  grid-area: input;
  min-height: 24px;
  height: auto;
  margin-top: 0;
  padding: 0 0 0 10px;
  align-self: end;
}

.featured-hub-search__input::placeholder {
  color: color-mix(in srgb, var(--color-ink-soft) 72%, transparent);
  opacity: 1;
}

.featured-hub-search__tools {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.featured-hub-search.is-expanded .featured-hub-search__add,
.featured-hub-search:focus-within .featured-hub-search__add {
  grid-area: add;
}

.featured-hub-search.is-expanded .featured-hub-search__tools,
.featured-hub-search:focus-within .featured-hub-search__tools {
  grid-area: tools;
  justify-self: end;
}

.featured-hub-search__tool {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-ink);
  cursor: pointer;
  transition:
    background-color 0.18s ease,
    color 0.18s ease;
}

.featured-hub-search__tool span {
  width: 22px;
  height: 22px;
  background: currentColor;
}

.featured-hub-search__tool--voice span {
  mask: url("/assets/header-icons/voice-message.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/header-icons/voice-message.svg") center / contain no-repeat;
}

.featured-hub-search__tool:hover,
.featured-hub-search__tool:focus-visible {
  background: color-mix(in srgb, var(--color-forest) 12%, transparent);
  color: var(--color-forest);
  outline: none;
}

.featured-hub-search__tool:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-forest) 38%, transparent);
}

.featured-hub-search__submit {
  appearance: none;
  position: relative;
  isolation: isolate;
  overflow: visible;
  box-sizing: border-box;
  border: 3px solid transparent;
  min-height: 42px;
  padding: 0 19px;
  border-radius: var(--radius-pill);
  gap: 8px;
  background: transparent;
  color: var(--color-ink);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  --assistant-ring-gradient:
    conic-gradient(
      from var(--assistant-ring-angle, 0deg),
      rgb(95 88 184 / 0.66) 0deg,
      rgb(67 134 220 / 0.78) 54deg,
      rgb(58 154 137 / 0.72) 122deg,
      rgb(222 177 74 / 0.68) 190deg,
      rgb(95 88 184 / 0.72) 250deg,
      color-mix(in srgb, rgb(67 134 220) 34%, var(--color-cream)) calc(var(--assistant-ring-gap-start, 292deg) - 22deg),
      color-mix(in srgb, rgb(67 134 220) 8%, var(--color-cream)) calc(var(--assistant-ring-gap-start, 292deg) - 7deg),
      color-mix(in srgb, rgb(67 134 220) 8%, var(--color-cream)) calc(var(--assistant-ring-gap-start, 292deg) + 12deg),
      rgb(67 134 220 / 0.78) calc(var(--assistant-ring-gap-start, 292deg) + 30deg),
      rgb(95 88 184 / 0.66) 360deg
    );
  --assistant-ring-glow:
    conic-gradient(
      from var(--assistant-ring-angle, 0deg),
      rgb(95 88 184 / 0.9) 0deg,
      rgb(67 134 220 / 0.98) 54deg,
      rgb(58 154 137 / 0.92) 122deg,
      rgb(222 177 74 / 0.86) 190deg,
      rgb(95 88 184 / 0.9) 250deg,
      color-mix(in srgb, rgb(67 134 220) 46%, var(--color-cream)) calc(var(--assistant-ring-gap-start, 292deg) - 24deg),
      color-mix(in srgb, rgb(67 134 220) 10%, var(--color-cream)) calc(var(--assistant-ring-gap-start, 292deg) - 7deg),
      color-mix(in srgb, rgb(67 134 220) 10%, var(--color-cream)) calc(var(--assistant-ring-gap-start, 292deg) + 12deg),
      rgb(67 134 220 / 0.98) calc(var(--assistant-ring-gap-start, 292deg) + 32deg),
      rgb(95 88 184 / 0.9) 360deg
    );
  transition:
    color 0.18s ease;
}

.featured-hub-search__submit img {
  position: relative;
  z-index: 2;
  width: 20px;
  height: 20px;
}

.featured-hub-search__submit span {
  position: relative;
  z-index: 2;
}

.featured-hub-search__submit::before,
.featured-hub-search__submit::after {
  content: "";
  position: absolute;
  inset: -3px;
  z-index: 1;
  padding: 5px;
  border-radius: inherit;
  background: var(--assistant-ring-glow);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
  will-change: filter, opacity;
  mask: linear-gradient(var(--color-ink) 0 0) content-box, linear-gradient(var(--color-ink) 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(var(--color-ink) 0 0) content-box, linear-gradient(var(--color-ink) 0 0);
  -webkit-mask-composite: xor;
}

.featured-hub-search__submit::before {
  inset: -1px;
  padding: 4px;
  filter: blur(1.15px) saturate(1.18);
}

.featured-hub-search__submit::after {
  inset: -5px;
  padding: 7px;
  filter: blur(7px) saturate(1.16);
}

.featured-hub-search__submit:hover,
.featured-hub-search__submit:focus-visible,
.featured-hub-search.has-query .featured-hub-search__submit {
  background:
    linear-gradient(var(--color-cream), var(--color-cream)) padding-box,
    var(--assistant-ring-gradient) border-box;
  color: var(--color-ink);
  box-shadow:
    0 0 4px rgb(67 134 220 / 0.18),
    0 0 10px rgb(58 154 137 / 0.12);
  animation:
    giftHubAssistantRingWander 12.8s cubic-bezier(0.42, 0, 0.18, 1) infinite,
    giftHubAssistantGapBreath 6.2s ease-in-out infinite alternate;
}

.featured-hub-search__submit:hover::before,
.featured-hub-search__submit:focus-visible::before,
.featured-hub-search.has-query .featured-hub-search__submit::before {
  opacity: 0.62;
  animation:
    giftHubAssistantRingWander 12.8s cubic-bezier(0.42, 0, 0.18, 1) infinite,
    giftHubAssistantGapBreath 6.2s ease-in-out infinite alternate;
}

.featured-hub-search__submit:hover::after,
.featured-hub-search__submit:focus-visible::after,
.featured-hub-search.has-query .featured-hub-search__submit::after {
  opacity: 0.28;
  animation:
    giftHubAssistantRingWander 12.8s cubic-bezier(0.42, 0, 0.18, 1) infinite,
    giftHubAssistantGapBreath 6.2s ease-in-out infinite alternate;
}

.featured-hub-search__submit:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-forest) 48%, transparent);
  outline-offset: 3px;
}

.featured-hub-search.is-expanded .featured-hub-search__bar,
.featured-hub-search:focus-within .featured-hub-search__bar {
  align-items: stretch;
  justify-content: flex-start;
  height: var(--gift-hub-search-expanded-height);
  min-height: 0;
  padding: 8px;
  border-radius: var(--gift-hub-search-radius);
  box-shadow: var(--shadow-elevated);
}

.featured-hub-search.is-processing .featured-hub-search__bar {
  align-items: stretch;
  justify-content: center;
  height: var(--gift-hub-search-compact-height);
  min-height: 0;
  padding: 8px 10px;
  border-radius: var(--gift-hub-search-radius);
  box-shadow: var(--shadow-elevated);
}


.featured-hub-search.is-voice-mode .featured-hub-search__bar {
  align-items: stretch;
  justify-content: flex-start;
  height: var(--gift-hub-search-expanded-height);
  min-height: 0;
  padding: 8px;
  border-radius: var(--gift-hub-search-radius);
  box-shadow: var(--shadow-elevated);
}

.featured-hub-search.is-expanded .featured-hub-search__input,
.featured-hub-search:focus-within .featured-hub-search__input {
  min-height: 24px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.featured-hub-search.is-expanded .featured-hub-search__submit,
.featured-hub-search:focus-within .featured-hub-search__submit {
  grid-area: submit;
  justify-self: end;
  min-height: 42px;
}

.featured-hub-search.is-assistant-chatting .featured-hub-search__bar {
  height: var(--gift-hub-search-expanded-height);
  min-height: 0;
}


.featured-hub-search.is-processing.is-assistant-chatting .featured-hub-search__bar {
  height: var(--gift-hub-search-compact-height);
}

.featured-hub-search.is-processing .featured-hub-search__bar {
  padding: 8px 10px;
  background: var(--color-ink);
  color: var(--color-cream);
  box-shadow:
    inset 0 0 0 1px rgb(255 249 241 / 0.08),
    0 16px 38px rgb(0 0 0 / 0.18);
}

.featured-hub-search.is-voice-mode .featured-hub-search__composer,
.featured-hub-search.is-processing .featured-hub-search__composer {
  display: none;
}

.featured-hub-search__voice-panel,
.featured-hub-search__processing {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  margin: 0;
  padding: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-cream);
  box-shadow: none;
  animation: giftHubAssistantPanelDrop 0.16s ease-out both;
}

.featured-hub-search__voice-panel[hidden],
.featured-hub-search__processing[hidden] {
  display: none;
}


.featured-hub-search.is-voice-mode .featured-hub-search__voice-panel {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  color: var(--color-ink);
}

.featured-hub-search.is-voice-mode .featured-hub-search__voice-action {
  background: color-mix(in srgb, var(--color-line) 42%, transparent);
  color: var(--color-ink);
}

.featured-hub-search.is-voice-mode .featured-hub-search__voice-action--cancel span {
  mask: url("/assets/header-icons/close.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/header-icons/close.svg") center / contain no-repeat;
}

.featured-hub-search.is-voice-mode .featured-hub-search__voice-action--accept {
  background: var(--color-forest);
  color: var(--color-cream);
}

.featured-hub-search.is-voice-mode .featured-hub-search__wave {
  color: color-mix(in srgb, var(--color-forest) 74%, transparent);
}

.featured-hub-search.is-voice-mode .featured-hub-search__voice-label {
  color: color-mix(in srgb, var(--color-ink) 76%, transparent);
}

.featured-hub-search__voice-action {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: var(--radius-pill);
  background: rgb(255 249 241 / 0.1);
  color: var(--color-cream);
  cursor: pointer;
}

.featured-hub-search__voice-action span {
  width: 22px;
  height: 22px;
  background: currentColor;
}

.featured-hub-search__voice-action--cancel span {
  mask: url("/assets/header-icons/close-cream.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/header-icons/close-cream.svg") center / contain no-repeat;
}

.featured-hub-search__voice-action--accept {
  background: var(--color-cream);
  color: var(--color-ink);
}

.featured-hub-search__voice-action--accept span {
  
  mask: url("/assets/header-icons/send-cream.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/header-icons/send-cream.svg") center / contain no-repeat;
}

.featured-hub-search__voice-action:hover,
.featured-hub-search__voice-action:focus-visible {
  transform: scale(var(--hover-grow-scale, 1.035));
  outline: none;
}

.featured-hub-search__voice-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-width: 0;
}

.featured-hub-search__wave {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 32px;
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--color-cream) 58%, transparent);
}

.featured-hub-search__wave i {
  width: 3px;
  height: var(--wave-h, 14px);
  border-radius: var(--radius-pill);
  background: currentColor;
  animation: giftHubVoiceWave 0.84s ease-in-out infinite;
}

.featured-hub-search__wave i:nth-child(1) { --wave-h: 12px; animation-delay: 0ms; }
.featured-hub-search__wave i:nth-child(2) { --wave-h: 20px; animation-delay: 80ms; }
.featured-hub-search__wave i:nth-child(3) { --wave-h: 28px; animation-delay: 160ms; }
.featured-hub-search__wave i:nth-child(4) { --wave-h: 22px; animation-delay: 240ms; }
.featured-hub-search__wave i:nth-child(5) { --wave-h: 16px; animation-delay: 320ms; }
.featured-hub-search__wave i:nth-child(6) { --wave-h: 25px; animation-delay: 400ms; }

.featured-hub-search__voice-label {
  min-width: 0;
  color: color-mix(in srgb, var(--color-cream) 76%, transparent);
  font-size: 15px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.featured-hub-search__voice-panel[data-voice-state="ready"] .featured-hub-search__wave i {
  animation-play-state: paused;
}


.featured-hub-search.is-voice-live .featured-hub-search__wave i {
  animation: none;
  transition: height 0.09s ease;
}

.featured-hub-search__voice-panel[data-voice-state="transcribing"] .featured-hub-search__wave {
  opacity: 0.45;
}

.featured-hub-search__voice-panel[data-voice-state="transcribing"] .featured-hub-search__voice-label {
  animation: giftHubVoiceLabelPulse 1.1s ease-in-out infinite;
}

@keyframes giftHubVoiceLabelPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}


.featured-hub-search.is-dragging .featured-hub-search__bar {
  background: color-mix(in srgb, var(--color-forest) 7%, var(--color-cream));
  box-shadow:
    inset 0 0 0 2px color-mix(in srgb, var(--color-forest) 52%, transparent),
    0 16px 38px rgb(0 0 0 / 0.16);
}

.featured-hub-search__processing {
  position: relative;
  grid-template-columns: auto minmax(0, 1fr);
  overflow: hidden;
}


.featured-hub-search__processing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    100deg,
    transparent 30%,
    rgb(95 88 184 / 0.5) 42%,
    rgb(67 134 220 / 0.62) 50%,
    rgb(58 154 137 / 0.5) 58%,
    rgb(222 177 74 / 0.4) 64%,
    transparent 76%
  );
  background-size: 240% 100%;
  background-position: 150% 0;
  mix-blend-mode: screen;
  filter: blur(3px);
  animation: giftHubProcessScan 1.35s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.featured-hub-search__processing > * {
  position: relative;
  z-index: 1;
}

@keyframes giftHubProcessScan {
  0% { background-position: 155% 0; }
  100% { background-position: -55% 0; }
}


.featured-hub-search.is-processing .featured-hub-search__bar::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  opacity: 1;
  border-radius: inherit;
  padding: 4px;
  background:
    conic-gradient(
      from var(--assistant-ring-angle, 0deg),
      rgb(95 88 184 / 0.92) 0deg,
      rgb(67 134 220 / 0.98) 58deg,
      rgb(58 154 137 / 0.9) 122deg,
      rgb(222 177 74 / 0.82) 190deg,
      rgb(95 88 184 / 0.92) 252deg,
      rgb(67 134 220 / 0.18) calc(var(--assistant-ring-gap-start, 292deg) - 8deg),
      rgb(67 134 220 / 0.18) calc(var(--assistant-ring-gap-start, 292deg) + 14deg),
      rgb(67 134 220 / 0.98) calc(var(--assistant-ring-gap-start, 292deg) + 32deg),
      rgb(95 88 184 / 0.92) 360deg
    );
  mask:
    linear-gradient(rgb(0 0 0) 0 0) content-box,
    linear-gradient(rgb(0 0 0) 0 0);
  mask-composite: exclude;
  -webkit-mask:
    linear-gradient(rgb(0 0 0) 0 0) content-box,
    linear-gradient(rgb(0 0 0) 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  animation:
    giftHubAssistantRingWander 4.6s cubic-bezier(0.42, 0, 0.18, 1) infinite,
    giftHubAssistantGapBreath 6.2s ease-in-out infinite alternate;
}

.featured-hub-search__processing-spinner,
.gift-finder-loading__spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}


.featured-hub-search__processing-spinner .jp-canonical-spinner,
.gift-finder-loading__spinner .jp-canonical-spinner {
  flex: 0 0 auto;
}

.featured-hub-search__processing-copy {
  color: var(--color-cream);
  font-size: 15px;
  font-weight: 820;
  line-height: 1.25;
}

.featured-hub-search__processing-spark,
.gift-finder-loading__spark {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: var(--radius-pill);
  background: var(--color-jedi-picks-yellow);
  box-shadow:
    0 0 0 3px rgb(255 196 77 / 0.18),
    0 0 16px rgb(255 196 77 / 0.38);
  animation: giftHubSparkFloat 1.8s ease-in-out infinite;
}

.featured-hub-search__processing-spark--one {
  right: 18px;
  top: 14px;
}

.featured-hub-search__processing-spark--two {
  right: 54px;
  bottom: 14px;
  animation-delay: 0.42s;
}


.featured-hub-search.is-conversing .featured-hub-search__bar,
.featured-hub-search.is-conversing:focus-within .featured-hub-search__bar {
  height: 306px;
  align-items: stretch;
  justify-content: flex-start;
}

.featured-hub-search.is-conversing .featured-hub-search__assistant-panel {
  display: none;
}

.featured-hub-search__thread {
  order: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  width: 100%;
  padding: 6px 12px 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--color-ink) 22%, transparent) transparent;
}

.featured-hub-search__thread[hidden] {
  display: none;
}


.featured-hub-search.is-conversing .featured-hub-search__thread {
  padding-top: 46px;
}

.featured-hub-search__thread::-webkit-scrollbar {
  width: 6px;
}

.featured-hub-search__thread::-webkit-scrollbar-thumb {
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-ink) 20%, transparent);
}


.featured-hub-search__msg {
  max-width: 86%;
  padding: 11px 15px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 560;
  line-height: 1.45;
  word-break: break-word;
  animation: giftHubMsgIn 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.featured-hub-search__msg--user {
  align-self: flex-end;
  border-radius: 18px 18px 5px 18px;
  background: var(--color-forest);
  color: var(--color-cream);
  font-weight: 620;
}


.featured-hub-search__msg--user.has-photos {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.featured-hub-search__msg-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.featured-hub-search__msg-photo {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: 12px;
  border: 1.5px solid color-mix(in srgb, var(--color-cream) 55%, transparent);
  background: color-mix(in srgb, var(--color-cream) 18%, transparent);
}

.featured-hub-search__msg-usertext {
  display: block;
}


.featured-hub-search__msg--assistant {
  align-self: flex-start;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  max-width: 94%;
  padding: 0;
  background: transparent;
  border-radius: 0;
  color: var(--color-ink);
}

.featured-hub-search__msg-avatar {
  position: relative;
  isolation: isolate;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  background: var(--color-cream);
}

.featured-hub-search__msg-avatar::before {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: -1;
  padding: 2px;
  border-radius: inherit;
  background: conic-gradient(
    from var(--assistant-ring-angle, 0deg),
    rgb(95 88 184), rgb(67 134 220), rgb(58 154 137), rgb(222 177 74), rgb(95 88 184)
  );
  mask: linear-gradient(rgb(0 0 0) 0 0) content-box, linear-gradient(rgb(0 0 0) 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(rgb(0 0 0) 0 0) content-box, linear-gradient(rgb(0 0 0) 0 0);
  -webkit-mask-composite: xor;
  animation: giftHubAssistantRingWander 9s cubic-bezier(0.42, 0, 0.18, 1) infinite;
}

.featured-hub-search__msg-avatar img {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 15px;
}

.featured-hub-search__msg-bubble {
  position: relative;
  display: block;
  min-width: 0;
  padding: 11px 15px;
  border-radius: 16px 16px 16px 5px;
  background: color-mix(in srgb, var(--color-line) 30%, var(--color-cream));
  overflow: hidden;
  text-align: left;
}

.featured-hub-search__msg-bubble--thinking {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 15px 9px 12px;
}

.featured-hub-search__msg-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.featured-hub-search__msg-think {
  color: color-mix(in srgb, var(--color-ink) 70%, var(--color-cream));
  font-weight: 640;
  animation: giftHubVoiceLabelPulse 1.3s ease-in-out infinite;
}


.featured-hub-search__msg-text {
  display: block;
  font-family: var(--font-display);
  font-size: 15.5px;
  font-weight: 560;
  line-height: 1.5;
  color: var(--color-ink);
}

.featured-hub-search__msg-text.is-typing::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1.02em;
  margin-left: 2px;
  border-radius: var(--radius-pill);
  background: var(--color-forest);
  vertical-align: -0.16em;
  animation: giftHubTypingCaret 0.74s steps(2, end) infinite;
}


.featured-hub-search__msg-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.featured-hub-search__msg-facts[hidden] { display: none; }

.featured-hub-search__msg-fact {
  --fact-accent: var(--color-forest);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 720;
  line-height: 1.2;
  color: color-mix(in srgb, var(--fact-accent) 68%, var(--color-ink));
  background: color-mix(in srgb, var(--fact-accent) 12%, var(--color-cream));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fact-accent) 28%, transparent);
  animation: giftHubStarterIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  animation-delay: calc(var(--fact-order, 0) * 70ms + 40ms);
}

.featured-hub-search__msg-fact[data-accent="0"] { --fact-accent: rgb(95 88 184); }
.featured-hub-search__msg-fact[data-accent="1"] { --fact-accent: rgb(67 134 220); }
.featured-hub-search__msg-fact[data-accent="2"] { --fact-accent: rgb(58 154 137); }
.featured-hub-search__msg-fact[data-accent="3"] { --fact-accent: rgb(196 146 40); }

.featured-hub-search__msg-fact-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: var(--radius-pill);
  background: var(--fact-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fact-accent) 16%, transparent);
}


.featured-hub-search__wall-actions {
  display: block;
  margin-top: 11px;
}

.featured-hub-search__wall-cta {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--color-forest);
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 760;
  cursor: pointer;
  transition: transform 0.16s ease, background-color 0.16s ease;
}

.featured-hub-search__wall-cta:hover,
.featured-hub-search__wall-cta:focus-visible {
  background: color-mix(in srgb, var(--color-forest) 88%, var(--color-ink));
  transform: translateY(-1px);
  outline: none;
}


.featured-hub-search__newchat {
  position: absolute;
  top: 9px;
  right: 12px;
  z-index: 4;
  align-items: center;
  gap: 5px;
  padding: 5px 11px 5px 8px;
  border: 0;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-line) 42%, var(--color-cream));
  color: color-mix(in srgb, var(--color-ink) 76%, var(--color-cream));
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 740;
  cursor: pointer;
  transition: background-color 0.16s ease, color 0.16s ease;
}

.featured-hub-search.is-conversing .featured-hub-search__newchat {
  display: inline-flex;
}

.featured-hub-search__newchat:hover,
.featured-hub-search__newchat:focus-visible {
  background: color-mix(in srgb, var(--color-forest) 14%, var(--color-cream));
  color: var(--color-forest);
  outline: none;
}

.featured-hub-search__newchat-icon {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  background: currentColor;
  mask: url("/assets/gift-room-icons/shared/plus.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/gift-room-icons/shared/plus.svg") center / contain no-repeat;
}


.featured-hub-search__memory {
  position: absolute;
  top: 9px;
  right: 96px;
  z-index: 4;
  display: none;
  align-items: center;
  gap: 5px;
  padding: 5px 11px 5px 8px;
  border: 0;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-line) 42%, var(--color-cream));
  color: color-mix(in srgb, var(--color-ink) 76%, var(--color-cream));
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 740;
  cursor: pointer;
  transition: background-color 0.16s ease, color 0.16s ease;
}

.featured-hub-search.is-conversing .featured-hub-search__memory:not([hidden]) {
  display: inline-flex;
}

.featured-hub-search__memory:hover,
.featured-hub-search__memory:focus-visible {
  background: color-mix(in srgb, var(--color-forest) 14%, var(--color-cream));
  color: var(--color-forest);
  outline: none;
}

.featured-hub-search__memory-icon {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  background: currentColor;
  mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
}


.featured-hub-search__memory-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 13px 15px;
  border-radius: 4px 18px 18px 18px;
  background: var(--color-cream);
  border: 1px solid color-mix(in srgb, var(--color-line) 70%, transparent);
  color: var(--color-ink);
  max-width: 100%;
}

.featured-hub-search__memory-card-title {
  font-family: var(--font-body);
  font-size: 12.5px;
  font-weight: 760;
  color: color-mix(in srgb, var(--color-ink) 70%, var(--color-cream));
  letter-spacing: 0.01em;
}

.featured-hub-search__memory-person {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 13px;
  background: color-mix(in srgb, var(--color-line) 26%, var(--color-cream));
}

.featured-hub-search__memory-person-body { flex: 1 1 auto; min-width: 0; }

.featured-hub-search__memory-person-name {
  font-family: var(--font-heading, Fraunces, serif);
  font-size: 15px;
  font-weight: 640;
  text-transform: capitalize;
}

.featured-hub-search__memory-person-facts {
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 1.4;
  color: color-mix(in srgb, var(--color-ink) 66%, var(--color-cream));
}

.featured-hub-search__memory-forget {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-ink) 8%, transparent);
  color: color-mix(in srgb, var(--color-ink) 60%, var(--color-cream));
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.16s ease, color 0.16s ease;
}

.featured-hub-search__memory-forget:hover,
.featured-hub-search__memory-forget:focus-visible {
  background: color-mix(in srgb, var(--color-alert-red) 16%, var(--color-cream));
  color: var(--color-alert-red);
  outline: none;
}

.featured-hub-search__memory-foot {
  display: flex;
  justify-content: flex-end;
}

.featured-hub-search__memory-forgetall {
  border: 0;
  background: none;
  padding: 4px 2px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 680;
  color: color-mix(in srgb, var(--color-ink) 55%, var(--color-cream));
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.featured-hub-search__memory-forgetall:hover,
.featured-hub-search__memory-forgetall:focus-visible {
  color: var(--color-alert-red);
  outline: none;
}


.gift-hub-picks {
  width: min(100%, 1160px);
  margin: 28px auto 8px;
  padding: 0 clamp(14px, 4vw, 36px);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.gift-hub-picks[hidden] { display: none; }
.gift-hub-picks.is-revealed { opacity: 1; transform: none; }

.gift-hub-picks__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
}

.gift-hub-picks__spark {
  flex: 0 0 auto;
  width: 27px;
  height: 27px;
  background: conic-gradient(
    from var(--assistant-ring-angle, 0deg),
    rgb(95 88 184), rgb(67 134 220), rgb(58 154 137), rgb(222 177 74), rgb(95 88 184)
  );
  mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
  animation: giftHubAssistantRingWander 9s cubic-bezier(0.42, 0, 0.18, 1) infinite;
}

.gift-hub-picks__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(20px, 4vw, 26px);
  font-weight: 820;
  line-height: 1.08;
  color: var(--color-ink);
}

.gift-hub-picks__sub {
  margin: 3px 0 0;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 660;
  color: var(--color-ink-soft);
}

.gift-hub-picks__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 24px 18px;
}

.gift-hub-picks__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.gift-hub-picks__item .cat-card {
  width: 100%;
}


.gift-hub-picks__reason {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 11px 2px 0;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.42;
  color: color-mix(in srgb, var(--color-ink) 80%, var(--color-cream));
}

.gift-hub-picks__reason-mark {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  background: conic-gradient(
    from var(--assistant-ring-angle, 0deg),
    rgb(95 88 184), rgb(67 134 220), rgb(58 154 137), rgb(222 177 74), rgb(95 88 184)
  );
  mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/gift-hub/gift-assistant-spark-search.svg") center / contain no-repeat;
}

@media (max-width: 560px) {
  .gift-hub-picks__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 12px;
  }
}


.featured-hub-search__msg--reply.is-complete .featured-hub-search__msg-bubble::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    transparent 34%,
    rgb(95 88 184 / 0.14) 44%,
    rgb(67 134 220 / 0.2) 50%,
    rgb(58 154 137 / 0.16) 56%,
    rgb(222 177 74 / 0.14) 62%,
    transparent 72%
  );
  background-size: 260% 100%;
  mix-blend-mode: screen;
  animation: giftHubSheenSweep 0.9s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes giftHubMsgIn {
  0% { opacity: 0; transform: translateY(9px) scale(0.99); }
  100% { opacity: 1; transform: none; }
}


.featured-hub-search.is-conversing .featured-hub-search__bar::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: inherit;
  padding: 3px;
  opacity: 0;
  transition: opacity 0.45s ease;
  background:
    conic-gradient(
      from var(--assistant-ring-angle, 0deg),
      rgb(95 88 184 / 0.92) 0deg,
      rgb(67 134 220 / 0.98) 58deg,
      rgb(58 154 137 / 0.9) 122deg,
      rgb(222 177 74 / 0.82) 190deg,
      rgb(95 88 184 / 0.92) 252deg,
      rgb(67 134 220 / 0.18) calc(var(--assistant-ring-gap-start, 292deg) - 8deg),
      rgb(67 134 220 / 0.18) calc(var(--assistant-ring-gap-start, 292deg) + 14deg),
      rgb(67 134 220 / 0.98) calc(var(--assistant-ring-gap-start, 292deg) + 32deg),
      rgb(95 88 184 / 0.92) 360deg
    );
  mask:
    linear-gradient(rgb(0 0 0) 0 0) content-box,
    linear-gradient(rgb(0 0 0) 0 0);
  mask-composite: exclude;
  -webkit-mask:
    linear-gradient(rgb(0 0 0) 0 0) content-box,
    linear-gradient(rgb(0 0 0) 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  animation:
    giftHubAssistantRingWander 4.6s cubic-bezier(0.42, 0, 0.18, 1) infinite,
    giftHubAssistantGapBreath 6.2s ease-in-out infinite alternate;
}

.featured-hub-search.is-thinking .featured-hub-search__bar::after {
  opacity: 1;
}


.featured-hub-search.is-thinking .featured-hub-search__bar::before {
  opacity: 0.5;
  animation: giftHubAuroraDrift 6.4s ease-in-out infinite alternate;
}


.featured-hub-search.is-thinking .featured-hub-search__bar {
  box-shadow:
    0 18px 44px rgb(0 0 0 / 0.18),
    0 0 30px -6px rgb(95 88 184 / 0.5),
    0 0 30px -6px rgb(67 134 220 / 0.42),
    0 0 46px -10px rgb(58 154 137 / 0.36);
}


.featured-hub-search__submit.is-thinking {
  cursor: default;
}

.featured-hub-search__submit.is-thinking::before,
.featured-hub-search__submit.is-thinking::after {
  opacity: 1;
}

.featured-hub-search.is-collapsing .featured-hub-search__thread {
  opacity: 0;
  transition: opacity 0.16s ease;
}

.featured-hub-search__attach-menu {
  position: absolute;
  z-index: 6;
  top: auto;
  bottom: calc(100% + 10px);
  left: 6px;
  width: min(212px, calc(100vw - 42px));
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--color-line) 72%, transparent);
  border-radius: 18px;
  background: var(--color-cream);
  color: var(--color-ink);
  box-shadow: 0 18px 42px rgb(0 0 0 / 0.18);
  overflow: hidden;
  transform-origin: 22px calc(100% + 8px);
  animation: giftHubAttachMenuIn 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

.featured-hub-search__attach-menu[hidden],
.featured-hub-search__file {
  display: none;
}

.featured-hub-search__attach-option {
  appearance: none;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--color-ink);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 720;
  text-align: left;
  transition:
    background-color 0.18s ease,
    color 0.18s ease;
}

.featured-hub-search__attach-option:hover,
.featured-hub-search__attach-option:focus-visible {
  background: color-mix(in srgb, var(--color-forest) 14%, transparent);
  color: var(--color-ink);
  outline: none;
}

.featured-hub-search__attach-option img {
  width: 18px;
  height: 18px;
}

@keyframes giftHubAssistantRingWander {
  0% { --assistant-ring-angle: -8deg; }
  18% { --assistant-ring-angle: 44deg; }
  37% { --assistant-ring-angle: 128deg; }
  58% { --assistant-ring-angle: 202deg; }
  79% { --assistant-ring-angle: 284deg; }
  100% { --assistant-ring-angle: 352deg; }
}

@keyframes giftHubAssistantGapBreath {
  0% { --assistant-ring-gap-start: 292deg; }
  42% { --assistant-ring-gap-start: 302deg; }
  68% { --assistant-ring-gap-start: 296deg; }
  100% { --assistant-ring-gap-start: 306deg; }
}

@keyframes giftHubAttachMenuIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes giftHubAssistantPanelDrop {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes giftHubAssistantPanelFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes giftHubTypingCaret {
  0%,
  48% { opacity: 1; }
  49%,
  100% { opacity: 0; }
}

@keyframes giftHubVoiceWave {
  0%,
  100% { transform: scaleY(0.52); opacity: 0.45; }
  45% { transform: scaleY(1); opacity: 1; }
}

@keyframes giftHubAssistantIconTurn {
  0%,
  100% { transform: rotate(-5deg) scale(1); }
  48% { transform: rotate(10deg) scale(1.06); }
}

@keyframes giftHubSparkFloat {
  0%,
  100% { transform: translateY(0) scale(0.9); opacity: 0.48; }
  48% { transform: translateY(-8px) scale(1.08); opacity: 1; }
}

.featured-hub-home-hero {
  
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 260px;
  padding: var(--featured-hub-hero-top-gap) 36px 96px;
  overflow: hidden;
  text-align: center;
  background: transparent;
  color: var(--featured-hub-hero-copy-color, #232030);
  isolation: isolate;
}

.featured-hub-home-hero::after {
  content: none;
}

.featured-hub-home-hero::before,
.featured-hub-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  background: var(--featured-hub-hero-shape-color, var(--color-forest));
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    95.22% 96.95%,
    90.61% 94.17%,
    86.14% 91.65%,
    81.81% 89.40%,
    77.59% 87.41%,
    73.48% 85.69%,
    69.45% 84.23%,
    65.50% 83.04%,
    61.60% 82.11%,
    57.75% 81.45%,
    53.93% 81.06%,
    50.12% 80.93%,
    46.30% 81.06%,
    42.48% 81.46%,
    38.62% 82.12%,
    34.71% 83.05%,
    30.74% 84.24%,
    26.70% 85.70%,
    22.56% 87.42%,
    18.32% 89.41%,
    13.96% 91.66%,
    9.46% 94.18%,
    4.81% 96.96%,
    0 100%
  );
  pointer-events: none;
}

.featured-hub-home--navy .featured-hub-home-hero { --featured-hub-hero-shape-color: var(--color-forest-dark); }
.featured-hub-home--evergreen .featured-hub-home-hero { --featured-hub-hero-shape-color: var(--color-forest); }
.featured-hub-home--violet .featured-hub-home-hero { --featured-hub-hero-shape-color: #7a563d; }

.featured-hub-home-hero__copy {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
}

.featured-hub-home-hero__badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  background: var(--featured-hub-hero-badge-bg, rgba(35, 32, 48, 0.08));
  color: inherit;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.featured-hub-home-hero__title {
  max-width: 860px;
  margin: 10px auto 0;
  color: inherit;
  font-family: var(--font-heading);
  font-size: var(--featured-hub-hero-title-size);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
}

.featured-hub-home-hero__subtitle {
  max-width: 760px;
  margin: 8px auto 0;
  color: inherit;
  font-family: var(--font-heading);
  font-size: var(--featured-hub-hero-subtitle-size);
  font-weight: 500;
  line-height: 1.5;
}

.featured-hub-home-grid {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  column-gap: var(--featured-hub-tile-gap);
  row-gap: 25px;
  width: min(100%, var(--featured-hub-tile-row-width));
  margin: -92px auto 78px;
  padding: 0;
}

.featured-hub-home-tile {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: var(--featured-hub-tile-size);
  min-width: var(--featured-hub-tile-size);
  color: var(--color-ink);
  text-align: center;
  text-decoration: none;
}

.featured-hub-home-tile__media {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: var(--featured-hub-tile-size);
  border-radius: 30px;
  overflow: hidden;
  contain: paint;
  isolation: isolate;
  background: var(--home-tile-bg, var(--color-sand-dark));
  box-shadow: none;
}

.featured-hub-home-tile__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.featured-hub-home-tile__media::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(251, 247, 240, 0.04), rgba(35, 32, 48, 0.08));
  pointer-events: none;
}

.featured-hub-home-tile__label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 34px;
  margin-top: 0;
  color: var(--color-ink);
  font-family: Montserrat, var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  text-underline-offset: 3px;
  word-wrap: break-word;
}

.featured-hub-home-tile__arrow {
  display: none;
}

.featured-hub-home-tile:hover .featured-hub-home-tile__image,
.featured-hub-home-tile:focus-visible .featured-hub-home-tile__image {
  transform: translate3d(0, 0, 0) scale(1.035);
}

.featured-hub-home-tile:hover .featured-hub-home-tile__label,
.featured-hub-home-tile:focus-visible .featured-hub-home-tile__label {
  text-decoration: underline;
}

.featured-hub-home-tile--rose { --home-tile-bg: #ead8dc; }
.featured-hub-home-tile--sage { --home-tile-bg: #dfe8df; }
.featured-hub-home-tile--sky { --home-tile-bg: var(--color-line); }
.featured-hub-home-tile--gold { --home-tile-bg: #eee2ba; }
.featured-hub-home-tile--peach { --home-tile-bg: #efd9cc; }
.featured-hub-home-tile--denim { --home-tile-bg: var(--color-sand-dark); }
.featured-hub-home-tile--green,
.featured-hub-home-tile--evergreen { --home-tile-bg: #dce8d8; }
.featured-hub-home-tile--red { --home-tile-bg: #ead3cc; }
.featured-hub-home-tile--brown,
.featured-hub-home-tile--wood { --home-tile-bg: #e5d7c8; }
.featured-hub-home-tile--slate { --home-tile-bg: var(--color-line-dark); }
.featured-hub-home-tile--purple { --home-tile-bg: #e1d1bc; }
.featured-hub-home-tile--cream,
.featured-hub-home-tile--linen { --home-tile-bg: var(--color-sand); }

.featured-hub-sellers {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 0 0 70px;
}

.featured-hub-sellers--products-only {
  gap: 0;
}

.featured-hub-sellers__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  width: 100%;
  margin: 0;
  text-align: center;
}

.featured-hub-sellers__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
}

.featured-hub-seller-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
}

.featured-hub-seller-tab {
  --featured-hub-seller-tab-bg: var(--sort-control-bg);
  --featured-hub-seller-tab-text: var(--color-ink);
  --featured-hub-seller-tab-pad-left: 26px;
  --featured-hub-seller-tab-pad-right: 26px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 150px;
  min-height: 44px;
  padding: 0 var(--featured-hub-seller-tab-pad-right) 0 var(--featured-hub-seller-tab-pad-left);
  border-radius: 999px;
  background: transparent;
  color: var(--featured-hub-seller-tab-text);
  cursor: pointer;
  text-decoration: none;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  isolation: isolate;
  overflow: visible;
  transition: color 0.18s ease;
}

.featured-hub-seller-tab::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--featured-hub-seller-tab-bg);
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
  will-change: transform;
}

.featured-hub-seller-tab.is-active {
  --featured-hub-seller-tab-bg: var(--color-ink);
  --featured-hub-seller-tab-text: var(--color-page-bg);
  --featured-hub-seller-tab-pad-left: 18px;
  --featured-hub-seller-tab-pad-right: 0px;
  min-width: 0;
  gap: 4px;
}

.featured-hub-seller-tab:hover::before,
.featured-hub-seller-tab:focus-visible::before {
  transform: scale(var(--hover-grow-scale));
}

.featured-hub-seller-tab:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-ink) 24%, transparent);
  outline-offset: 2px;
}

.featured-hub-seller-tab__label,
.featured-hub-seller-tab__remove {
  position: relative;
  z-index: 1;
}

.featured-hub-seller-tab__label {
  white-space: nowrap;
}

.featured-hub-seller-tab__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0;
  height: 34px;
  min-width: 0;
  margin: 4px 0;
  flex: 0 0 0;
  border-radius: 999px;
  background: var(--featured-hub-seller-tab-bg);
  color: inherit;
  opacity: 0;
  position: relative;
  transform: scale(0.82);
  overflow: hidden;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    width 0.18s ease,
    min-width 0.18s ease,
    flex-basis 0.18s ease,
    margin 0.18s ease;
}

.featured-hub-seller-tab__remove:hover,
.featured-hub-seller-tab:focus-visible .featured-hub-seller-tab__remove {
  background: var(--featured-hub-seller-tab-bg);
}

.featured-hub-seller-tab.is-active .featured-hub-seller-tab__remove {
  width: 34px;
  min-width: 34px;
  margin: 4px 4px 4px 0;
  flex-basis: 34px;
  opacity: 1;
  transform: scale(1);
}

.featured-hub-seller-tab__remove-icon {
  display: block;
  width: 17px;
  height: 14px;
  max-width: none;
  opacity: 0;
  pointer-events: none;
}

.featured-hub-seller-tab__remove::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 17px;
  height: 14px;
  background: var(--color-page-bg);
  transform: translate(-50%, -50%);
  -webkit-mask: url("/assets/header-icons/check-toggle.svg") center / contain no-repeat;
  mask: url("/assets/header-icons/check-toggle.svg") center / contain no-repeat;
  pointer-events: none;
}

.featured-hub-sellers__shelf {
  --featured-hub-seller-gap: var(--homepage-rail-card-gap, 17.5px);
  --featured-hub-seller-card-height: 397px;
  --featured-hub-seller-gradient-width: var(--homepage-rail-fade-width, 52px);
  --featured-hub-seller-gradient-overhang: var(--homepage-rail-fade-overhang, 26px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  overflow: visible;
}

.featured-hub-sellers__row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.featured-hub-sellers__row-title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.featured-hub-sellers__controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

.featured-hub-sellers__arrow {
  width: 56px;
  min-width: 56px;
  height: 46px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-ink);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  position: relative;
  overflow: visible;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 50% 50%;
  transition: opacity 0.18s ease;
  backface-visibility: hidden;
  z-index: 6;
}

.featured-hub-sellers__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--color-ink);
  pointer-events: none;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.18s ease;
  will-change: transform;
  backface-visibility: hidden;
}

.featured-hub-sellers__arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}

.featured-hub-sellers__arrow--prev::after {
  background-image: url("/assets/header-icons/pager-pill-prev.svg");
}

.featured-hub-sellers__arrow--next::after {
  background-image: url("/assets/header-icons/pager-pill-next.svg");
}

.featured-hub-sellers__arrow img {
  display: none;
}

.featured-hub-sellers__arrow:hover:not(.is-disabled),
.featured-hub-sellers__arrow:focus-visible:not(.is-disabled) {
  transform: translate3d(0, 0, 0) scale(1);
}

.featured-hub-sellers__arrow:hover:not(.is-disabled)::before,
.featured-hub-sellers__arrow:focus-visible:not(.is-disabled)::before {
  transform: translate3d(0, 0, 0) scale(1.04);
}

.featured-hub-sellers__arrow:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-ink) 18%, transparent);
  outline-offset: 3px;
}

.featured-hub-sellers__arrow.is-disabled,
.featured-hub-sellers__arrow.is-hidden {
  display: inline-flex;
  pointer-events: none;
  cursor: default;
  opacity: 0.35;
}

.featured-hub-sellers__shelf.is-at-start.is-at-end .featured-hub-sellers__arrow {
  display: none;
}

.featured-hub-sellers__viewport {
  position: relative;
  z-index: 1;
  width: calc(100% + 24px);
  margin: -12px;
  padding: 12px;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 12px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.featured-hub-sellers__viewport::-webkit-scrollbar {
  display: none;
}

.featured-hub-sellers__track {
  width: max-content;
  display: flex;
  gap: var(--featured-hub-seller-gap);
  align-items: flex-start;
  padding-right: var(--featured-hub-seller-end-pad, 0px);
  box-sizing: content-box;
  transform: translate3d(0, 0, 0);
}

.featured-hub-sellers__gradient {
  position: absolute;
  top: 56px;
  width: var(--featured-hub-seller-gradient-width);
  height: calc(var(--featured-hub-seller-card-height) + 24px);
  pointer-events: none;
  z-index: 3;
  opacity: 1;
  transition: opacity 0.62s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.featured-hub-sellers__gradient--left {
  left: calc(-1 * var(--featured-hub-seller-gradient-overhang));
  background: linear-gradient(90deg, var(--color-page-bg) 0%, transparent 100%);
}

.featured-hub-sellers__gradient--right {
  right: calc(-1 * var(--featured-hub-seller-gradient-overhang));
  background: linear-gradient(270deg, var(--color-page-bg) 0%, transparent 100%);
}

.featured-hub-sellers__shelf.is-at-start .featured-hub-sellers__gradient--left,
.featured-hub-sellers__shelf.is-at-end .featured-hub-sellers__gradient--right {
  opacity: 0;
}

.featured-hub-seller-card {
  flex: 0 0 325px;
  width: 325px;
  height: 397px;
  padding: 10px;
  border-radius: 30px;
  overflow: hidden;
  background: var(--color-page-bg);
  box-shadow: none;
  outline: 1px solid var(--color-line);
  outline-offset: -1px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  transition: box-shadow 0.18s ease, outline-color 0.18s ease;
}

.featured-hub-seller-card:hover,
.featured-hub-seller-card:focus-within {
  box-shadow: var(--shadow-card-hover);
  outline-color: transparent;
}

.featured-hub-seller-card__profile {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 62px;
  margin-bottom: 10px;
  color: inherit;
  text-decoration: none;
}

.featured-hub-seller-card__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: var(--seller-avatar-bg, var(--color-line));
}

.featured-hub-seller-card__avatar-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.featured-hub-seller-card__identity {
  min-width: 0;
  width: 151px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.featured-hub-seller-card__name {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.featured-hub-seller-card__rating {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.featured-hub-seller-card__stars {
  color: var(--color-warn);
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1;
  white-space: nowrap;
}

.featured-hub-seller-card__count {
  color: var(--color-ink);
  white-space: nowrap;
}


.featured-hub-seller-card__meta {
  color: color-mix(in srgb, var(--color-ink) 55%, transparent);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.featured-hub-seller-card__media-grid {
  display: grid;
  grid-template-columns: repeat(2, 148px);
  gap: 9px;
}


.featured-hub-seller-card__media[style*="background-image"] {
  position: relative;
  overflow: hidden;
}

.featured-hub-seller-card__media[style*="background-image"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--color-ink) 14%, transparent) 0%,
      color-mix(in srgb, var(--color-ink) 26%, transparent) 100%
    );
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.24s ease;
}

.featured-hub-seller-card:hover .featured-hub-seller-card__media[style*="background-image"]::after,
.featured-hub-seller-card:focus-visible .featured-hub-seller-card__media[style*="background-image"]::after {
  opacity: 0;
}

.featured-hub-seller-card__media {
  display: block;
  width: 148px;
  height: 148px;
  border-radius: 27px;
  background: var(--color-line);
  text-decoration: none;
}

.featured-hub-seller-card--sage { --seller-avatar-bg: #dfe8df; }
.featured-hub-seller-card--peach { --seller-avatar-bg: #efd9cc; }
.featured-hub-seller-card--sky { --seller-avatar-bg: var(--color-line); }
.featured-hub-seller-card--gold { --seller-avatar-bg: #eee2ba; }
.featured-hub-seller-card--rose { --seller-avatar-bg: #ead8dc; }
.featured-hub-seller-card--wood { --seller-avatar-bg: #e5d7c8; }
.featured-hub-seller-card--slate { --seller-avatar-bg: var(--color-line-dark); }
.featured-hub-seller-card--linen { --seller-avatar-bg: var(--color-sand); }
.featured-hub-seller-card--green,
.featured-hub-seller-card--evergreen { --seller-avatar-bg: #dce8d8; }
.featured-hub-seller-card--red { --seller-avatar-bg: #ead3cc; }
.featured-hub-seller-card--purple { --seller-avatar-bg: #e1d1bc; }
.featured-hub-seller-card--denim { --seller-avatar-bg: var(--color-sand-dark); }

.featured-hub-seller-card__media--sage { background: #dfe8df; }
.featured-hub-seller-card__media--peach { background: #efd9cc; }
.featured-hub-seller-card__media--sky { background: var(--color-line); }
.featured-hub-seller-card__media--gold { background: #eee2ba; }
.featured-hub-seller-card__media--rose { background: #ead8dc; }
.featured-hub-seller-card__media--wood { background: #e5d7c8; }
.featured-hub-seller-card__media--slate { background: var(--color-line-dark); }
.featured-hub-seller-card__media--linen { background: var(--color-sand); }
.featured-hub-seller-card__media--cream { background: var(--color-sand); }
.featured-hub-seller-card__media--green,
.featured-hub-seller-card__media--evergreen { background: #dce8d8; }
.featured-hub-seller-card__media--red { background: #ead3cc; }
.featured-hub-seller-card__media--purple { background: #e1d1bc; }
.featured-hub-seller-card__media--denim { background: var(--color-sand-dark); }

@media (max-width: 1024px) {
  .featured-hub-sellers__controls,
  .featured-hub-sellers__gradient {
    display: none;
  }

  .featured-hub-sellers__viewport {
    width: calc(100% + 32px);
    margin: -12px -16px;
    padding: 12px 16px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .featured-hub-sellers__track {
    width: max-content;
    gap: var(--homepage-rail-card-gap, 17.5px);
    transform: translate3d(0, 0, 0) !important;
  }

  .featured-hub-seller-card {
    scroll-snap-align: start;
  }
}

@media (max-width: 720px) {
  .featured-hub-sellers {
    margin-bottom: 44px;
  }

  .featured-hub-sellers__shelf {
    --featured-hub-seller-gap: 12px;
    --featured-hub-seller-card-height: 148px;
    gap: 8px;
  }

  .featured-hub-sellers__row-head {
    gap: 8px;
  }

  .featured-hub-sellers__row-title {
    padding-inline: 10px;
    font-size: 18px;
    line-height: 1.2;
  }

  .featured-hub-seller-card {
    flex: 0 0 min(292px, calc(100vw - 40px));
    width: min(292px, calc(100vw - 40px));
    height: auto;
    min-height: 148px;
    padding: 8px;
    border-radius: 20px;
  }

  .featured-hub-seller-card__profile {
    height: 44px;
    margin-bottom: 8px;
    gap: 8px;
  }

  .featured-hub-seller-card__avatar {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }

  .featured-hub-seller-card__identity {
    flex: 1 1 auto;
    width: auto;
    gap: 5px;
  }

  .featured-hub-seller-card__name {
    font-size: 14px;
  }

  .featured-hub-seller-card__rating {
    gap: 5px;
    font-size: 13px;
  }

  .featured-hub-seller-card__stars {
    font-size: 13px;
    letter-spacing: 0;
  }

  .featured-hub-seller-card__media-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .featured-hub-seller-card__media {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
  }

  .featured-hub-sellers__shelf + .featured-hub-curated-products {
    margin-top: 112px;
  }
}

.featured-hub-marketplace__grid {
  --featured-hub-card-scale: 1;
  margin-top: 0;
  row-gap: 10px;
}

.featured-hub-marketplace__grid .cat-card {
  --cat-card-scale: var(--featured-hub-card-scale, 1);
}

.featured-hub-marketplace__grid .cat-card__store-icon {
  width: calc(25 * var(--cat-card-unit-x));
  height: calc(25 * var(--cat-card-unit-y));
  object-fit: contain;
  flex: 0 0 calc(25 * var(--cat-card-unit-x));
}

.featured-hub-curated-products {
  position: relative;
  margin: 72px 0 80px;
}

.featured-hub-curated-products--no-seller-shelf {
  margin-top: 22px;
}

.featured-hub-curated-products__head {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
  align-items: center;
  gap: 18px;
  margin-bottom: 34px;
}

.featured-hub-curated-products__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: 38px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0;
  text-align: center;
}

.featured-hub-products__filter {
  justify-self: start;
}

.featured-hub-show-more-block > .featured-hub-marketplace__grid {
  width: 100%;
}

.featured-hub-card--show-more-reveal {
  animation: featuredHubShowMoreCardIn 0.48s var(--ease-out-expo) both;
  animation-delay: var(--featured-hub-reveal-delay, 0ms);
}

@keyframes featuredHubShowMoreCardIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.page--featured-hub .cat-filters-drawer {
  z-index: var(--z-modal-front, 13000);
}

.featured-hub-filter-note {
  margin: -2px 13px 8px;
  color: var(--color-ink-soft);
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.featured-hub-funnel-links {
  margin: 0 0 80px;
}

.featured-hub-funnel-links__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 38px 48px;
}

.featured-hub-funnel-card {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  align-items: center;
  width: min(100%, 620px);
  min-height: 162px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--color-cream);
  color: var(--color-ink);
  text-decoration: none;
  
  box-shadow: none;
  transition: box-shadow 0.18s ease;
}

.featured-hub-funnel-card:hover,
.featured-hub-funnel-card:focus-visible {
  box-shadow: var(--shadow-card-hover);
}

.featured-hub-funnel-card__media {
  align-self: stretch;
  background: var(--funnel-card-bg, #dfe8df);
}

.featured-hub-funnel-card__copy {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 26px 32px;
}

.featured-hub-funnel-card__title {
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.12;
}

.featured-hub-funnel-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 800;
}

.featured-hub-funnel-card__cta img,
.featured-hub-product__more img {
  display: block;
  width: 17px;
  height: 10px;
  flex: 0 0 17px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.18s ease;
  backface-visibility: hidden;
  will-change: transform;
}

.featured-hub-funnel-card--sage { --funnel-card-bg: #dfe8df; }
.featured-hub-funnel-card--peach { --funnel-card-bg: #efd9cc; }
.featured-hub-funnel-card--sky { --funnel-card-bg: var(--color-line); }
.featured-hub-funnel-card--gold { --funnel-card-bg: #eee2ba; }
.featured-hub-funnel-card--rose { --funnel-card-bg: #ead8dc; }
.featured-hub-funnel-card--wood,
.featured-hub-funnel-card--brown { --funnel-card-bg: #e5d7c8; }
.featured-hub-funnel-card--slate { --funnel-card-bg: var(--color-line-dark); }
.featured-hub-funnel-card--linen { --funnel-card-bg: var(--color-sand); }
.featured-hub-funnel-card--green,
.featured-hub-funnel-card--evergreen { --funnel-card-bg: #dce8d8; }

.featured-hub-nav {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 24px;
  min-height: 56px;
  margin: 0 auto 18px;
  overflow-x: auto;
  scrollbar-width: none;
}

.featured-hub-nav::-webkit-scrollbar {
  display: none;
}

.featured-hub-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  color: var(--color-ink);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  padding: 12px 16px;
  border-radius: 999px;
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.featured-hub-nav__link:hover,
.featured-hub-nav__link:focus-visible,
.featured-hub-nav__link.is-active {
  background: #dcddd4;
}

.featured-hub-nav__icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.featured-hub-hero {
  
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 190px;
  padding: var(--featured-hub-hero-top-gap) 32px 72px;
  text-align: center;
  color: var(--featured-hub-hero-copy-color, #232030);
  background: transparent;
  border-radius: 0;
  isolation: isolate;
}

.featured-hub-hero > * {
  position: relative;
  z-index: 1;
}

.featured-hub-hero--navy { --featured-hub-hero-shape-color: var(--color-forest-dark); }
.featured-hub-hero--cream { --featured-hub-hero-shape-color: #6a6f3f; }
.featured-hub-hero--linen { --featured-hub-hero-shape-color: #7a563d; }
.featured-hub-hero--violet { --featured-hub-hero-shape-color: #7a563d; }
.featured-hub-hero--rose { --featured-hub-hero-shape-color: #923a3c; }
.featured-hub-hero--denim { --featured-hub-hero-shape-color: var(--color-forest); }
.featured-hub-hero--pumpkin { --featured-hub-hero-shape-color: #7a563d; }
.featured-hub-hero--evergreen { --featured-hub-hero-shape-color: #1c665b; }
.featured-hub-hero--sage { --featured-hub-hero-shape-color: #3f6f4f; }

.featured-hub-hero__badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 15px;
  border-radius: 999px;
  background: var(--featured-hub-hero-badge-bg, rgba(35, 32, 48, 0.08));
  color: inherit;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.featured-hub-hero--cream .featured-hub-hero__badge,
.featured-hub-hero--linen .featured-hub-hero__badge,
.featured-hub-hero--sage .featured-hub-hero__badge {
  background: var(--featured-hub-hero-badge-bg, rgba(35, 32, 48, 0.08));
}

.featured-hub-hero__title {
  max-width: 860px;
  margin: 10px auto 0;
  color: inherit;
  font-family: var(--font-heading);
  font-size: var(--featured-hub-hero-title-size);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
}

.featured-hub-hero__subtitle {
  max-width: 760px;
  margin: 8px auto 0;
  color: inherit;
  font-family: var(--font-heading);
  font-size: var(--featured-hub-hero-subtitle-size);
  font-weight: 500;
  line-height: 1.5;
}

.featured-hub-categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
  width: min(100%, 1080px);
  margin: -24px auto 60px;
  padding: 0;
}

.featured-hub-category {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  min-width: 0;
  color: var(--color-ink);
  text-align: left;
  text-decoration: none;
}

.featured-hub-category__media {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: 20px;
  background: var(--color-sand-dark);
  display: grid;
  place-items: center;
  overflow: hidden;
  contain: paint;
  isolation: isolate;
  box-shadow: 0 0 0 rgba(35, 32, 48, 0);
  transition: box-shadow 0.2s ease;
}

.featured-hub-category__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center;
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.featured-hub-category__media::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: transparent;
  pointer-events: none;
}

.featured-hub-category__media--rose { background: #ead8dc; }
.featured-hub-category__media--sage { background: #dfe8df; }
.featured-hub-category__media--sky { background: var(--color-line); }
.featured-hub-category__media--gold { background: #eee2ba; }
.featured-hub-category__media--peach { background: #efd9cc; }
.featured-hub-category__media--denim { background: var(--color-sand-dark); }
.featured-hub-category__media--green { background: #dce8d8; }
.featured-hub-category__media--red { background: #ead3cc; }
.featured-hub-category__media--brown { background: #e5d7c8; }
.featured-hub-category__media--slate { background: var(--color-line-dark); }
.featured-hub-category__media--purple { background: #e1d1bc; }
.featured-hub-category__media--wood { background: #eadcc9; }
.featured-hub-category__media--cream { background: var(--color-sand); }
.featured-hub-category__media--linen { background: var(--color-sand); }
.featured-hub-category__media--evergreen { background: #dce8d8; }

.featured-hub-category__label {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 26px;
  color: var(--color-ink);
  font-family: Montserrat, var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  text-underline-offset: 3px;
  word-wrap: break-word;
}

.featured-hub-category__arrow {
  display: none;
}

.featured-hub-category:hover .featured-hub-category__media,
.featured-hub-category:focus-visible .featured-hub-category__media {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

@media (max-width: 600px) {
  .featured-hub-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: -16px auto 44px;
  }
  .featured-hub-category__label { font-size: 15px; }
}


.featured-hub-shop-by {
  width: min(100%, 1080px);
  margin: 0 auto;
  padding: 0;
}
.featured-hub-shop-by:first-of-type {
  margin-top: -28px;
}
.featured-hub-shop-by__title {
  margin: 0 0 18px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 600;
  color: var(--color-ink);
  letter-spacing: 0;
}
.featured-hub-categories--group {
  width: 100%;
  margin: 0 0 46px;
}
@media (max-width: 600px) {
  .featured-hub-shop-by:first-of-type { margin-top: -4px; }
  .featured-hub-shop-by__title { font-size: 20px; margin-bottom: 12px; }
  .featured-hub-categories--group { width: 100%; margin: 0 0 30px; }
}

.featured-hub-category:hover .featured-hub-category__image,
.featured-hub-category:focus-visible .featured-hub-category__image {
  transform: translate3d(0, 0, 0) scale(1.035);
}

.featured-hub-category:hover .featured-hub-category__label,
.featured-hub-category:focus-visible .featured-hub-category__label {
  text-decoration: underline;
}

.featured-hub-assistant {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 auto 58px;
  padding: 26px 32px;
  border-radius: 24px;
  background: var(--color-cream);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.featured-hub-assistant__copy {
  min-width: 0;
}

.featured-hub-assistant__eyebrow {
  display: block;
  margin-bottom: 8px;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.featured-hub-assistant__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: clamp(26px, 2.2vw, 38px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: 0;
}

.featured-hub-assistant__text {
  max-width: 800px;
  margin: 10px 0 0;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.featured-hub-assistant__button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 230px;
  min-height: 68px;
  padding: 0 28px;
  border-radius: 999px;
  background: var(--color-ink);
  color: var(--color-cream);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: 19px;
  font-weight: 800;
  gap: 10px;
}

.featured-hub-assistant__button img {
  width: 22px;
  height: 14px;
  flex: 0 0 auto;
}

.featured-hub-section {
  margin: 0 0 86px;
}

.featured-hub-section__head {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 18px;
  margin-bottom: 22px;
  text-align: center;
}

.featured-hub-section__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
}

.featured-hub-section__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--color-sand-dark);
  color: var(--color-ink);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}

.featured-hub-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 22px;
}

.featured-hub-filter {
  --featured-hub-filter-bg: var(--color-sand-dark);
  --featured-hub-filter-text: var(--color-ink);
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--featured-hub-filter-text);
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
  position: relative;
  isolation: isolate;
  overflow: visible;
  transition: color 0.18s ease;
}

.featured-hub-filter::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--featured-hub-filter-bg);
  transform: scale(1);
  transform-origin: center;
  transition:
    transform 0.18s ease,
    background-color 0.18s ease;
  will-change: transform;
}

.featured-hub-filter:hover,
.featured-hub-filter:focus-visible {
  --featured-hub-filter-bg: var(--sort-control-bg);
}

.featured-hub-filter.is-active {
  --featured-hub-filter-bg: var(--sort-control-bg);
  --featured-hub-filter-text: var(--color-ink);
  font-weight: 600;
}

.featured-hub-filter:hover::before,
.featured-hub-filter:focus-visible::before {
  transform: scale(var(--hover-grow-scale, 1.035));
}

.featured-hub-filter:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-ink) 24%, transparent);
  outline-offset: 2px;
}

.featured-hub-curated-products__quick {
  margin-bottom: 12px;
}

.featured-hub-curated-products__filter-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  
  margin-bottom: 15px;
}

.featured-hub-filter--drawer {
  flex: 0 0 auto;
}

.featured-hub-curated-products__quick .featured-hub-filter {
  --featured-hub-filter-bg: var(--bg-pill);
  --featured-hub-filter-text: var(--color-ink);
  gap: 6px;
}

.featured-hub-curated-products__quick .featured-hub-filter:hover,
.featured-hub-curated-products__quick .featured-hub-filter:focus-visible {
  --featured-hub-filter-bg: var(--bg-pill);
}

.featured-hub-curated-products__quick .featured-hub-filter.is-active,
.featured-hub-curated-products__quick .featured-hub-filter.is-active:hover,
.featured-hub-curated-products__quick .featured-hub-filter.is-active:focus-visible {
  --featured-hub-filter-bg: var(--color-ink);
  --featured-hub-filter-text: var(--color-cream);
  gap: 4px;
  padding: 0 0 0 14px;
  font-weight: 600;
}

.featured-hub-filter__label,
.featured-hub-filter__remove {
  position: relative;
  z-index: 1;
}

.featured-hub-filter__label {
  white-space: nowrap;
}

.featured-hub-filter__remove {
  display: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  flex: 0 0 34px;
  margin: 4px 4px 4px 0;
  border-radius: 999px;
  background: transparent;
  transition: background-color 0.18s ease;
}

.featured-hub-curated-products__quick .featured-hub-filter.is-active .featured-hub-filter__remove {
  display: inline-flex;
}

.featured-hub-filter__remove:hover,
.featured-hub-filter:focus-visible .featured-hub-filter__remove {
  background: color-mix(in srgb, var(--color-page-bg) 12%, transparent);
}

.featured-hub-filter__remove-icon {
  display: block;
  width: 13px;
  height: 13px;
  max-width: none;
  object-fit: contain;
  pointer-events: none;
}

.featured-hub-filter-empty {
  width: min(640px, 100%);
  margin: 24px auto 4px;
  text-align: center;
}

.featured-hub-filter-empty__title,
.featured-hub-filter-empty__text {
  margin: 0;
  font-family: var(--font-display);
  letter-spacing: 0;
}

.featured-hub-filter-empty__title {
  color: var(--color-ink);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.16;
}

.featured-hub-filter-empty__text {
  margin-top: 6px;
  color: var(--color-ink-soft);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.featured-hub-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.featured-hub-product {
  min-width: 0;
}

.featured-hub-product__media {
  position: relative;
  min-height: 360px;
  border-radius: 8px;
  overflow: hidden;
  background:
    radial-gradient(circle at 22% 20%, rgba(255, 249, 241, 0.72) 0%, rgba(255, 249, 241, 0) 36%),
    linear-gradient(135deg, var(--featured-product-tone) 0%, var(--color-sand) 100%);
  box-shadow: inset 0 0 0 1px rgba(35, 32, 48, 0.08);
}

.featured-hub-product__pick {
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-cream);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 800;
  opacity: 0.7;
}

.featured-hub-product__body {
  padding: 12px 0 0;
}

.featured-hub-product__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.featured-hub-product__meta,
.featured-hub-product__price {
  margin: 4px 0 0;
  color: var(--color-forest);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.featured-hub-product__price {
  color: var(--color-ink);
  font-size: 19px;
  font-weight: 800;
}

.featured-hub-product__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  min-height: 44px;
  color: var(--color-ink);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 800;
}

.featured-hub-product__more:hover img,
.featured-hub-product__more:focus-visible img,
.featured-hub-funnel-card:hover .featured-hub-funnel-card__cta img,
.featured-hub-funnel-card:focus-visible .featured-hub-funnel-card__cta img {
  transform: translate3d(4px, 0, 0);
}

.featured-hub-note {
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 32px;
  border-radius: 24px;
  background: var(--color-cream);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.featured-hub-note__title {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 30px;
  line-height: 1.05;
}

.featured-hub-note__text {
  margin: 10px 0 0;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 1142px) {
  .page--featured-hub {
    --homepage-shell-width: var(--jp-page-shell-width);
    --homepage-shell-inset: var(--jp-page-shell-inset);
  }
}

@media (max-width: 980px) {
  .page--featured-hub {
    --featured-hub-shell: var(--homepage-shell-width);
  }

  .featured-hub-page {
    padding-top: 0;
  }

  .featured-hub-root--home-guide {
    width: min(100% - 28px, 760px);
  }

  .featured-hub-home-hero {
    min-height: 238px;
    padding: var(--featured-hub-hero-top-gap) 22px 86px;
  }

  .featured-hub-home-grid {
    gap: var(--featured-hub-tile-gap);
    margin-top: -78px;
    padding: 0;
  }

  
  .featured-hub-media-zones ~ .featured-hub-home-grid {
    margin-top: 0;
  }

  .featured-hub-nav {
    justify-content: flex-start;
    padding-bottom: 4px;
  }

  .featured-hub-hero {
    padding: var(--featured-hub-hero-top-gap) 20px 68px;
    min-height: 190px;
  }

  .featured-hub-categories {
    gap: var(--featured-hub-tile-gap);
    margin-top: -58px;
    padding: 0;
  }

  
  .featured-hub-media-zones ~ .featured-hub-categories {
    margin-top: 0;
  }

  .featured-hub-assistant {
    align-items: flex-start;
    flex-direction: column;
    padding: 28px 24px;
  }

  .featured-hub-assistant__button {
    width: 100%;
    min-width: 0;
  }

  .featured-hub-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .featured-hub-product__media {
    min-height: 280px;
  }

  .featured-hub-curated-products__head {
    grid-template-columns: 1fr;
  }

  .featured-hub-products__filter {
    justify-self: center;
    order: 2;
  }

  .featured-hub-curated-products__head-spacer {
    display: none;
  }
}

@media (max-width: 760px) {
  .page--featured-hub {
    --homepage-shell-width: var(--jp-page-shell-width);
    --homepage-shell-inset: var(--jp-page-shell-inset);
  }
}

@media (max-width: 880px) {
  
  body.page--featured-hub {
    padding-top: 66px;
  }
}

@media (max-width: 980px) {
  .featured-hub-filters {
    width: 100vw;
    max-width: none;
    min-height: 58px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    gap: 16px;
    padding: 7px 16px 10px;
    box-sizing: border-box;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .featured-hub-curated-products__quick::after {
    content: "";
    flex: 0 0 48px;
    width: 48px;
    height: 1px;
  }

  .featured-hub-filters::-webkit-scrollbar {
    display: none;
  }

  .featured-hub-filter {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 16px;
    font-size: 14px;
    scroll-snap-align: start;
  }
}

@media (max-width: 720px) {
  
  .featured-hub-product__more {
    display: none;
  }

  .featured-hub-products {
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
    margin-right: 0;
    gap: 10px;
  }
}

@media (max-width: 620px) {
  .page--featured-hub {
    --featured-hub-tile-size: clamp(128px, calc((100vw - 58px) / 2), 158px);
    --featured-hub-tile-gap: 14px;
    --featured-hub-tile-row-width: 100%;
  }

  .featured-hub-root--home-guide {
    width: var(--featured-hub-shell);
  }

  .featured-hub-home-hero {
    min-height: 230px;
    padding: var(--featured-hub-hero-top-gap) 16px 78px;
  }

  .featured-hub-home-hero__title,
  .featured-hub-hero__title {
    font-size: var(--featured-hub-hero-title-mobile-size);
    line-height: 0.98;
  }

  .featured-hub-home-hero__subtitle,
  .featured-hub-hero__subtitle {
    font-size: var(--featured-hub-hero-subtitle-mobile-size);
  }

  .featured-hub-home-tile__label {
    min-height: 30px;
    font-size: 13px;
  }

  .featured-hub-home-grid,
  .featured-hub-categories {
    width: 100%;
    gap: 14px;
    margin-bottom: 44px;
  }

  
  .featured-hub-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .featured-hub-home-tile__media,
  .featured-hub-category__media {
    border-radius: 24px;
  }

  .featured-hub-category__label {
    min-height: 30px;
    font-size: 13px;
  }

  .featured-hub-seller-tabs {
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 8px;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 0;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .featured-hub-seller-tabs::-webkit-scrollbar {
    display: none;
  }

  .featured-hub-seller-tab {
    flex: 0 0 auto;
    min-width: max-content;
    width: auto;
    font-size: 16px;
    scroll-snap-align: start;
  }

  .featured-hub-sellers__row-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .featured-hub-sellers__controls {
    width: 100%;
    justify-content: space-between;
  }

  .featured-hub-curated-products__title {
    font-size: 30px;
  }

  .featured-hub-funnel-card {
    grid-template-columns: 1fr;
  }

  .featured-hub-funnel-card__media {
    min-height: 150px;
  }

  .featured-hub-products {
    grid-template-columns: 1fr;
  }

  .featured-hub-section__head {
    align-items: center;
    flex-direction: column;
  }
}


.cat-card__jedi-pick {
  position: absolute;
  top: var(--cat-card-corner-badge-top, 8px);
  left: var(--cat-card-corner-badge-left, 8px);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--cat-card-corner-badge-size, 38px);
  height: var(--cat-card-corner-badge-size, 38px);
  gap: var(--cat-card-corner-badge-gap, 6px);
  padding: 0 var(--cat-card-corner-badge-pad-x, 13px);
  border-radius: 999px;
  background: var(--jedi-picks-badge-bg, var(--color-jedi-picks-yellow));
  color: var(--jedi-picks-badge-ink, var(--color-ink));
  font-family: var(--font-body);
  font-size: var(--cat-card-corner-badge-font-size, 13px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: none;
  opacity: 1;
  pointer-events: none;
  white-space: nowrap;
  transition: opacity 0.16s ease;
}

.cat-card:hover .cat-card__jedi-pick,
.cat-card:has(:focus-visible) .cat-card__jedi-pick,
.cat-card.is-actions-open .cat-card__jedi-pick {
  opacity: 0;
}

.cat-card__jedi-pick-icon {
  width: var(--cat-card-corner-badge-icon-size, 14px);
  height: var(--cat-card-corner-badge-icon-size, 14px);
  display: block;
  object-fit: contain;
}

.cat-card__jedi-pick-label {
  display: inline-block;
}

.cat-card__jedi-pick-label::after {
  content: none;
}


.featured-hub-room-section {
  margin: 0 0 80px;
}

.featured-hub-room-section__head {
  text-align: center;
  margin: 0 auto 28px;
  max-width: 720px;
}

.featured-hub-room-section__title {
  margin: 0;
  color: #232030;
  font-family: var(--font-body);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}

.featured-hub-room-section__subtitle {
  margin: 8px 0 0;
  color: #6b6571;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
}

.featured-hub-room-section__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.featured-hub-room-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
  background: var(--color-cream);
  color: var(--color-ink);
  text-decoration: none;
  
  box-shadow: none;
  transition: box-shadow 0.18s ease;
}

.featured-hub-room-card:hover,
.featured-hub-room-card:focus-visible {
  box-shadow: var(--shadow-card-hover);
}

.featured-hub-room-card__media {
  display: block;
  height: 160px;
  background: var(--room-card-bg, #dfe8df);
}

.featured-hub-room-card__label {
  padding: 14px 18px 16px;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.featured-hub-room-card--sage { --room-card-bg: #cfe1d2; }
.featured-hub-room-card--rose { --room-card-bg: #ead8dc; }
.featured-hub-room-card--peach { --room-card-bg: #efd9cc; }
.featured-hub-room-card--sky { --room-card-bg: var(--color-line); }
.featured-hub-room-card--wood,
.featured-hub-room-card--brown { --room-card-bg: #e0d2c2; }
.featured-hub-room-card--cream,
.featured-hub-room-card--linen { --room-card-bg: #ebe2cf; }
.featured-hub-room-card--green,
.featured-hub-room-card--evergreen { --room-card-bg: #c9dcc9; }
.featured-hub-room-card--gold { --room-card-bg: #eee2ba; }
.featured-hub-room-card--slate { --room-card-bg: var(--color-line-dark); }
.featured-hub-room-card--denim { --room-card-bg: var(--color-sand-dark); }

.featured-hub-seo.category-seo-summary {
  --featured-hub-seo-shell-width: min(var(--jp-page-shell-max), calc(100vw - 68px));
  width: var(--featured-hub-seo-shell-width);
  max-width: none;
  margin-inline: calc((100% - var(--featured-hub-seo-shell-width)) / 2);
  
  margin-top: 0;
}

@media (max-width: 1142px) {
  .featured-hub-seo.category-seo-summary {
    --featured-hub-seo-shell-width: calc(100vw - 48px);
  }
}

@media (max-width: 760px) {
  .featured-hub-seo.category-seo-summary {
    --featured-hub-seo-shell-width: calc(100vw - 32px);
  }
}

@media (max-width: 980px) {
  .featured-hub-room-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .featured-hub-room-card__media {
    height: 120px;
  }
}

@media (max-width: 480px) {
  .featured-hub-room-section__grid {
    grid-template-columns: 1fr;
  }
  .featured-hub-room-card__media {
    height: 140px;
  }
}



.gift-finder {
  --gift-finder-inline-pad: 40px;
  
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: clamp(-82px, -5.5vw, -46px) 0 44px;
  padding: 18px var(--gift-finder-inline-pad) 0;
  box-sizing: border-box;
  overflow: visible;
}

.gift-finder__torn-band {
  position: absolute;
  z-index: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  top: 0;
  height: clamp(330px, 23vw, 360px);
  color: var(--color-forest);
  pointer-events: none;
  opacity: 1;
  overflow: hidden;
}

.gift-finder__torn-band-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.gift-finder__steps,
.gift-finder__actions,
.gift-finder__result {
  position: relative;
  z-index: 1;
}

.gift-finder__refine,
.gift-finder__cta {
  appearance: none;
  border: 0;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-weight: 800;
  cursor: pointer;
}

.gift-finder.is-started .gift-finder__steps {
  position: relative;
  z-index: 1;
}


.featured-hub-root--gift-finder .featured-hub-shop-by,
.featured-hub-root--gift-finder .featured-hub-categories,
.featured-hub-root:has(.gift-finder) .featured-hub-shop-by,
.featured-hub-root:has(.gift-finder) .featured-hub-categories {
  width: 100%;
  max-width: none;
}

.featured-hub-root--gift-finder .featured-hub-home-hero,
.featured-hub-root--gift-finder .gift-finder {
  position: relative;
  z-index: 1;
}

.featured-hub-root--gift-finder .featured-hub-home-hero,
.featured-hub-root--gift-finder .featured-hub-hero,
.featured-hub-root:has(.gift-finder) .featured-hub-home-hero,
.featured-hub-root:has(.gift-finder) .featured-hub-hero {
  min-height: clamp(660px, 88vh, 860px);
  padding: clamp(83px, calc(16vh - 25px), 131px) 36px clamp(126px, 15vh, 172px);
  color: var(--color-cream);
  overflow: hidden;
  background:
    linear-gradient(180deg, rgb(0 0 0 / 0.44) 0%, rgb(0 0 0 / 0.16) 76%, rgb(0 0 0 / 0.04) 100%),
    url("/assets/gift-hub/hero/gift-hub-search-hero.webp") center top / cover no-repeat;
}

.featured-hub-root--gift-finder .featured-hub-home-hero::before,
.featured-hub-root--gift-finder .featured-hub-hero::before,
.featured-hub-root:has(.gift-finder) .featured-hub-home-hero::before,
.featured-hub-root:has(.gift-finder) .featured-hub-hero::before {
  content: none;
}

.featured-hub-root--gift-finder .featured-hub-home-hero::after,
.featured-hub-root:has(.gift-finder) .featured-hub-home-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 0;
  height: clamp(84px, 10vh, 132px);
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--color-page-bg) 12%, transparent) 22%,
    color-mix(in srgb, var(--color-page-bg) 55%, transparent) 62%,
    var(--color-page-bg) 100%
  );
  pointer-events: none;
}

.featured-hub-root--gift-finder .featured-hub-home-hero__copy,
.featured-hub-root:has(.gift-finder) .featured-hub-home-hero__copy {
  z-index: 1;
}

.featured-hub-root--gift-finder .featured-hub-home-hero__badge,
.featured-hub-root--gift-finder .featured-hub-hero__badge,
.featured-hub-root:has(.gift-finder) .featured-hub-home-hero__badge,
.featured-hub-root:has(.gift-finder) .featured-hub-hero__badge {
  display: none;
}

.featured-hub-root--gift-finder .featured-hub-home-hero__title,
.featured-hub-root--gift-finder .featured-hub-hero__title,
.featured-hub-root:has(.gift-finder) .featured-hub-home-hero__title,
.featured-hub-root:has(.gift-finder) .featured-hub-hero__title {
  margin-top: 0;
  max-width: none;
  position: relative;
  top: 0;
  font-size: clamp(58px, 6.8vw, 104px);
  line-height: 0.9;
  text-shadow: 0 16px 46px rgb(0 0 0 / 0.34);
}

.featured-hub-root--gift-finder .featured-hub-home-hero__subtitle,
.featured-hub-root--gift-finder .featured-hub-hero__subtitle,
.featured-hub-root:has(.gift-finder) .featured-hub-home-hero__subtitle,
.featured-hub-root:has(.gift-finder) .featured-hub-hero__subtitle {
  display: none;
}

.featured-hub-root--gift-finder .featured-hub-home-grid,
.featured-hub-root:has(.gift-finder) .featured-hub-home-grid {
  margin-top: 28px;
}


.page--featured-hub:has(.featured-hub-root--gift-finder),
.page--featured-hub:has(.gift-finder) {
  overflow-anchor: none;
}

@media (min-width: 721px) {
  .featured-hub-root--gift-finder {
    --gift-finder-hero-overlap: clamp(-401px, calc(-26.3vw - 5px), -291px);
    transition:
      --gift-finder-hero-overlap var(--gift-hub-search-reveal-duration, 0.56s) var(--gift-hub-search-reveal-ease, cubic-bezier(0.2, 0.78, 0.18, 1));
  }

  .featured-hub-root--gift-finder .gift-finder {
    margin-top: var(--gift-finder-hero-overlap);
    will-change: margin-top;
  }

  .featured-hub-root--gift-finder.is-gift-assistant-primed {
    --gift-finder-hero-overlap: clamp(-345px, calc(-26.3vw + 51px), -235px);
  }

  .featured-hub-root--gift-finder.is-gift-assistant-collapsing {
    --gift-finder-hero-overlap: clamp(-401px, calc(-26.3vw - 5px), -291px);
  }

  .featured-hub-root--gift-finder:has(.featured-hub-search.is-expanded),
  .featured-hub-root--gift-finder:has(.featured-hub-search:focus-within) {
    --gift-finder-hero-overlap: clamp(-175px, calc(-26.3vw + 261px), -65px);
  }

  .featured-hub-root--gift-finder:has(.featured-hub-search.is-assistant-chatting) {
    --gift-finder-hero-overlap: clamp(-155px, calc(-26.3vw + 281px), -45px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .featured-hub-root--gift-finder {
    transition: none;
  }

  .featured-hub-search__msg-word {
    animation: none;
    opacity: 1;
    filter: none;
    transform: none;
  }

  .featured-hub-search__bar::before,
  .featured-hub-search__bar::after,
  .featured-hub-search__assistant-panel .featured-hub-search__assistant-mark {
    animation: none;
  }

  .featured-hub-search.is-assistant-speaking .featured-hub-search__bar::before,
  .featured-hub-search.is-assistant-speaking .featured-hub-search__bar::after {
    animation: none;
  }

  .featured-hub-search__spark {
    display: none;
  }

  .featured-hub-search.is-reveal-flourish .featured-hub-search__assistant-panel::after {
    animation: none;
  }

  .featured-hub-search__hint--suggest,
  .featured-hub-search__hint--fact,
  .featured-hub-search__hints-badge {
    animation: none;
    opacity: 1;
    transform: none;
  }

  .featured-hub-search__hints-badge::before {
    animation: none;
  }

  .featured-hub-search__rotator-word,
  .featured-hub-search__rotator-word.is-entering,
  .featured-hub-search__rotator-word.is-leaving {
    animation: none;
    opacity: 1;
    filter: none;
    transform: none;
  }

  .featured-hub-search__processing::before {
    animation: none;
    opacity: 0;
  }
}

@media (max-width: 720px) {
  .featured-hub-root--gift-finder .featured-hub-home-hero,
  .featured-hub-root:has(.gift-finder) .featured-hub-home-hero {
    min-height: 520px;
    padding: 86px 18px 138px;
    background-position: center top;
  }

  .featured-hub-root--gift-finder .featured-hub-home-hero__title,
  .featured-hub-root:has(.gift-finder) .featured-hub-home-hero__title {
    font-size: clamp(36px, 11.5vw, 52px);
  }

  .featured-hub-search {
    margin-top: 24px;
    --gift-hub-search-rest-height: 128px;
    --gift-hub-search-expanded-height: 340px;
    --gift-hub-search-compact-height: 68px;
    --gift-hub-search-radius: 28px;
  }

  .featured-hub-search.has-attachments {
    --gift-hub-search-rest-height: 214px;
  }

  .featured-hub-search__bar {
    display: flex;
    flex-direction: column;
    gap: 8px 10px;
    height: var(--gift-hub-search-rest-height);
    min-height: 0;
    padding: 14px;
    border-radius: var(--gift-hub-search-radius);
  }

  .featured-hub-search.is-expanded .featured-hub-search__bar,
  .featured-hub-search:focus-within .featured-hub-search__bar {
    height: var(--gift-hub-search-expanded-height);
    min-height: 0;
    padding: 14px;
    border-radius: var(--gift-hub-search-radius);
  }

  .featured-hub-search.is-processing .featured-hub-search__bar {
    height: var(--gift-hub-search-compact-height);
    min-height: 0;
    padding: 8px 10px;
    border-radius: var(--gift-hub-search-radius);
  }

  .featured-hub-search.is-voice-mode .featured-hub-search__bar {
    height: var(--gift-hub-search-expanded-height);
    min-height: 0;
    padding: 14px;
    border-radius: var(--gift-hub-search-radius);
  }

  .featured-hub-search.is-conversing .featured-hub-search__bar,
  .featured-hub-search.is-conversing:focus-within .featured-hub-search__bar {
    height: 384px;
  }

  
  .featured-hub-search.is-voice-mode .featured-hub-search__voice-panel {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
  }

  
  .featured-hub-search__composer {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    grid-template-areas:
      "input input input"
      "add tools submit";
    align-items: center;
    gap: 12px 10px;
  }

  .featured-hub-search__composer .featured-hub-search__input {
    grid-area: input;
  }

  .featured-hub-search__composer .featured-hub-search__add {
    grid-area: add;
  }

  .featured-hub-search__composer .featured-hub-search__tools {
    grid-area: tools;
    justify-self: start;
  }

  .featured-hub-search__composer .featured-hub-search__submit {
    grid-area: submit;
    justify-self: end;
  }

  .featured-hub-search.is-expanded .featured-hub-search__composer,
  .featured-hub-search:focus-within .featured-hub-search__composer {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    grid-template-areas:
      "drafts drafts drafts"
      "hints hints hints"
      "input input input"
      "add tools submit";
    row-gap: 15px;
    
    order: 2;
    margin-top: auto;
  }

  .featured-hub-search .featured-hub-search__assistant-panel {
    order: 1;
  }

  .featured-hub-search.has-attachments:not(.is-expanded) .featured-hub-search__composer {
    grid-template-areas:
      "drafts drafts drafts"
      "input input input"
      "add tools submit";
    row-gap: 15px;
  }

  .featured-hub-search__add {
    width: 36px;
    height: 36px;
    font-size: 28px;
  }

  .featured-hub-search__input,
  .featured-hub-search.is-expanded .featured-hub-search__input,
  .featured-hub-search:focus-within .featured-hub-search__input {
    min-height: 44px;
    max-height: 92px;
    padding-top: 4px;
    font-size: 16px;
  }

  .featured-hub-search.is-expanded .featured-hub-search__input,
  .featured-hub-search:focus-within .featured-hub-search__input {
    min-height: 24px;
  }

  .featured-hub-search__assistant-copy p {
    font-size: 14px;
  }

  .featured-hub-search__lede {
    margin-bottom: 5px;
    font-size: 13px;
  }

  .featured-hub-search__rotator {
    font-size: 17px;
    line-height: 1.3;
  }

  .featured-hub-search.is-greeting-hero .featured-hub-search__lede {
    font-size: 15px;
    margin-bottom: 8px;
  }

  .featured-hub-search.is-greeting-hero .featured-hub-search__rotator {
    font-size: 24px;
    line-height: 1.26;
  }

  .featured-hub-search__drafts {
    gap: 10px;
  }

  
  .featured-hub-search__hints {
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }

  .featured-hub-search__hints::-webkit-scrollbar {
    display: none;
  }

  .featured-hub-search__hint {
    flex: 0 0 auto;
    max-width: 68vw;
    min-height: 30px;
    padding: 0 12px;
    font-size: 12px;
  }

  .featured-hub-search__hints-badge {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }

  .featured-hub-search__assistant-panel {
    flex-shrink: 0;
  }

  
  .featured-hub-search__bar::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    padding: 2px;
    background:
      conic-gradient(
        from var(--assistant-ring-angle, 0deg),
        rgb(95 88 184 / 0.75) 0deg,
        rgb(67 134 220 / 0.8) 58deg,
        rgb(58 154 137 / 0.72) 122deg,
        rgb(222 177 74 / 0.65) 190deg,
        rgb(95 88 184 / 0.75) 252deg,
        rgb(67 134 220 / 0.14) calc(var(--assistant-ring-gap-start, 292deg) - 8deg),
        rgb(67 134 220 / 0.14) calc(var(--assistant-ring-gap-start, 292deg) + 14deg),
        rgb(67 134 220 / 0.8) calc(var(--assistant-ring-gap-start, 292deg) + 32deg),
        rgb(95 88 184 / 0.75) 360deg
      );
    mask:
      linear-gradient(rgb(0 0 0) 0 0) content-box,
      linear-gradient(rgb(0 0 0) 0 0);
    mask-composite: exclude;
    -webkit-mask:
      linear-gradient(rgb(0 0 0) 0 0) content-box,
      linear-gradient(rgb(0 0 0) 0 0);
    -webkit-mask-composite: xor;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }

  .featured-hub-search.is-assistant-speaking .featured-hub-search__bar::after {
    opacity: 0.85;
    animation:
      giftHubAssistantRingWander 12.8s cubic-bezier(0.42, 0, 0.18, 1) infinite,
      giftHubAssistantGapBreath 6.2s ease-in-out infinite alternate;
  }

  
  .featured-hub-search.is-voice-mode .featured-hub-search__bar::after {
    opacity: 0;
    animation: none;
  }

  .featured-hub-search__draft--image {
    width: 84px;
    height: 84px;
    flex-basis: 84px;
    border-radius: 22px;
  }

  .featured-hub-search__tools,
  .featured-hub-search.is-expanded .featured-hub-search__tools,
  .featured-hub-search:focus-within .featured-hub-search__tools {
    justify-self: end;
  }

  .featured-hub-search__tool {
    width: 34px;
    height: 34px;
  }

  .featured-hub-search__submit,
  .featured-hub-search.is-expanded .featured-hub-search__submit,
  .featured-hub-search:focus-within .featured-hub-search__submit {
    justify-self: end;
    min-height: 46px;
    padding: 0 16px;
    font-size: 14px;
  }

  .featured-hub-search__assistant-panel {
    max-height: 176px;
    margin: 18px 2px 0;
    padding-right: 2px;
  }

  .featured-hub-search__assistant-mark {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
  }

  .featured-hub-search__assistant-mark img {
    width: 24px;
    height: 24px;
  }

  .featured-hub-search__attachments {
    gap: 7px;
  }

  .featured-hub-search__attachment {
    max-width: min(100%, 320px);
  }

  .featured-hub-search__voice-panel,
  .featured-hub-search__processing {
    min-height: 52px;
    border-radius: var(--radius-pill);
    gap: 8px;
  }

  .featured-hub-search__voice-action {
    width: 52px;
    height: 52px;
  }

  .featured-hub-search__voice-main {
    justify-content: flex-start;
  }

  .featured-hub-search__voice-label,
  .featured-hub-search__processing-copy {
    font-size: 13px;
  }
}

@media (max-width: 420px) {
  .featured-hub-search__submit,
  .featured-hub-search.is-expanded .featured-hub-search__submit,
  .featured-hub-search:focus-within .featured-hub-search__submit {
    width: auto;
  }
}

@media (max-width: 720px) {
  .page--featured-hub:has(.featured-hub-root--gift-finder),
  .page--featured-hub:has(.gift-finder) {
    padding-top: 66px;
  }
}

.gift-finder__bar {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-bottom: 22px;
}

.gift-finder__heading {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 16px;
  border-radius: var(--radius-pill);
  background: var(--intent-surface-sunken);
  color: var(--color-forest);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.gift-finder__subheading {
  display: block;
  margin-top: 0;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.gift-finder__steps {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.gift-finder__step[hidden],
.gift-finder__actions[hidden],
.gift-finder__result[hidden] {
  display: none;
}

.gift-finder__step.is-active {
  animation: giftFinderStepIn 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.gift-finder__step.is-revealed .gift-finder-card {
  animation: giftFinderCardPop 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(min(var(--gift-finder-card-index, 0), 9) * 48ms);
}

@keyframes giftFinderStepIn {
  from { transform: translateY(8px); }
  to { transform: translateY(0); }
}

@keyframes giftFinderCardPop {
  from { transform: translateY(14px); }
  to { transform: translateY(0); }
}

.gift-finder__q {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: clamp(20px, 1.45vw, 26px);
  font-weight: 700;
  line-height: 1.15;
}

.gift-finder__q-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  height: 36px;
  flex: 0 0 auto;
  padding: 0 22px;
  border-radius: var(--radius-pill);
  background: var(--color-forest);
  color: var(--color-cream);
  font-family: var(--font-display, var(--font-heading));
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.gift-finder__q-text {
  min-width: 0;
}

.featured-hub-root--gift-finder .gift-finder__step:first-child .gift-finder__q {
  color: var(--color-cream);
  text-shadow: 0 10px 28px rgb(0 0 0 / 0.42);
}

.featured-hub-root--gift-finder .gift-finder__step:first-child .gift-finder__q-num {
  background: var(--color-cream);
  color: var(--color-ink);
  text-shadow: none;
}

.gift-finder__q-optional {
  margin-left: 9px;
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--color-line, #E7E2D5);
  color: var(--color-ink-soft, #5F596E);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}


.gift-finder__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(145px, 100%), 1fr));
  gap: 14px;
  overflow-x: visible;
  scroll-snap-type: none;
  padding-bottom: 28px;
  scrollbar-width: none;
}

.gift-finder__cards::-webkit-scrollbar { height: 7px; }
.gift-finder__cards::-webkit-scrollbar-thumb { background: var(--color-forest); border-radius: 999px; }
.gift-finder__cards::-webkit-scrollbar-track { background: transparent; }

.gift-finder-card {
  --gift-finder-card-bg: var(--intent-surface-sunken);
  --gift-finder-card-ink: var(--color-ink);
  --gift-finder-card-media-bg: var(--color-line);
  --gift-finder-card-hover-rotate: -1.4deg;
  --gift-finder-card-green: rgb(31 62 20);
  --gift-finder-card-mustard: rgb(232 149 20);
  --gift-finder-card-orange: rgb(240 86 24);
  --gift-finder-card-blue: rgb(43 78 193);
  --gift-finder-card-teal: rgb(30 126 154);
  --gift-finder-card-ochre: rgb(212 119 28);
  --gift-finder-card-indigo: rgb(86 63 184);
  --gift-finder-card-rust: rgb(174 82 39);
  width: 100%;
  scroll-snap-align: start;
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  text-align: left;
  min-width: 0;
  position: relative;
}

.gift-finder-card:nth-child(1) { --gift-finder-card-index: 0; --gift-finder-card-hover-rotate: -1.6deg; }
.gift-finder-card:nth-child(2) { --gift-finder-card-index: 1; --gift-finder-card-hover-rotate: 1.25deg; }
.gift-finder-card:nth-child(3) { --gift-finder-card-index: 2; --gift-finder-card-hover-rotate: -0.9deg; }
.gift-finder-card:nth-child(4) { --gift-finder-card-index: 3; --gift-finder-card-hover-rotate: 1.7deg; }
.gift-finder-card:nth-child(5) { --gift-finder-card-index: 4; --gift-finder-card-hover-rotate: -1.25deg; }
.gift-finder-card:nth-child(6) { --gift-finder-card-index: 5; --gift-finder-card-hover-rotate: 1deg; }
.gift-finder-card:nth-child(7) { --gift-finder-card-index: 6; --gift-finder-card-hover-rotate: -1.8deg; }
.gift-finder-card:nth-child(8) { --gift-finder-card-index: 7; --gift-finder-card-hover-rotate: 1.45deg; }

.gift-finder-card--sage,
.gift-finder-card--green,
.gift-finder-card--evergreen {
  --gift-finder-card-bg: var(--gift-finder-card-green);
  --gift-finder-card-ink: var(--color-cream);
}

.gift-finder-card--rose {
  --gift-finder-card-bg: var(--gift-finder-card-orange);
  --gift-finder-card-ink: var(--color-cream);
}

.gift-finder-card--peach,
.gift-finder-card--cream {
  --gift-finder-card-bg: var(--gift-finder-card-mustard);
  --gift-finder-card-ink: var(--color-cream);
}

.gift-finder-card--gold {
  --gift-finder-card-bg: var(--gift-finder-card-ochre);
  --gift-finder-card-ink: var(--color-cream);
}

.gift-finder-card--sky {
  --gift-finder-card-bg: var(--gift-finder-card-teal);
  --gift-finder-card-ink: var(--color-cream);
}

.gift-finder-card--brown,
.gift-finder-card--wood {
  --gift-finder-card-bg: var(--gift-finder-card-rust);
  --gift-finder-card-ink: var(--color-cream);
}

.gift-finder-card--denim,
.gift-finder-card--slate {
  --gift-finder-card-bg: var(--gift-finder-card-blue);
  --gift-finder-card-ink: var(--color-cream);
}

.gift-finder-card--violet,
.gift-finder-card--plum {
  --gift-finder-card-bg: var(--gift-finder-card-indigo);
  --gift-finder-card-ink: var(--color-cream);
}


.gift-finder-card__media {
  position: relative;
  aspect-ratio: 5 / 8;
  border-radius: 26px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 4px 4px;
  box-sizing: border-box;
  background: var(--gift-finder-card-bg);
  color: var(--gift-finder-card-ink);
  opacity: 1;
  box-shadow: 0 2px 6px rgb(35 32 48 / 0.07), inset 0 0 0 1px rgb(35 32 48 / 0.05);
  transform-origin: 50% 82%;
  
  backface-visibility: hidden;
  transition: box-shadow 0.24s ease, filter 0.24s ease, transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.gift-finder-card__image-wrap {
  position: relative;
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
  background: var(--gift-finder-card-media-bg);
}

.gift-finder-card__cell {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: var(--color-line);
  opacity: 1;
  filter: none;
}


@media (max-width: 980px) {
  
  .gift-finder {
    padding-left: 0;
    padding-right: 0;
    overflow-x: clip;
  }
  
  .gift-finder__cards {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 30px;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    overscroll-behavior-inline: contain;
    contain: layout paint;
    -webkit-overflow-scrolling: touch;
  }
  
  .gift-finder-card {
    flex: 0 0 25vw;
    scroll-snap-align: start;
  }
}

@media (max-width: 560px) {
  .gift-finder {
    width: 100%;
    margin: clamp(-98px, -24vw, -64px) 0 36px;
    padding: 10px 0 0;
  }
  .gift-finder__torn-band {
    top: 0;
    height: clamp(320px, 84vw, 360px);
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
  }
  .gift-finder-card {
    flex-basis: 32vw;
  }
  .gift-finder-card__media {
    gap: 7px;
    padding: 10px 4px 4px;
    border-radius: 20px;
  }
  .gift-finder-card__image-wrap {
    border-radius: 16px;
  }
  .gift-finder-card__label { min-height: 32px; }
  .gift-finder-card__label-line { font-size: 14px; }
  .gift-finder-card__label-line--pre { font-size: 11px; }
  .gift-finder__subheading { font-size: 13px; }
}

.gift-finder-card:focus-visible .gift-finder-card__media {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

@media (hover: hover) and (pointer: fine) and (min-width: 981px) {
  
  .gift-finder__cards:has(.gift-finder-card:hover) .gift-finder-card:not(:hover) .gift-finder-card__media {
    filter: grayscale(1) saturate(0) brightness(1.04) contrast(0.98);
  }

  .gift-finder-card:hover {
    z-index: 2;
  }

  .gift-finder-card:hover .gift-finder-card__media {
    filter: none;
    transform: translateY(-7px) scale(1.045) rotate(var(--gift-finder-card-hover-rotate));
    box-shadow: 0 18px 34px rgb(35 32 48 / 0.22);
  }
}

.gift-finder-card:focus-visible {
  outline: none;
}

.gift-finder-card:focus-visible .gift-finder-card__media {
  outline: 2px solid rgba(63, 106, 96, 0.55);
  outline-offset: 2px;
}

.gift-finder-card.is-selected .gift-finder-card__media {
  outline: 3px solid var(--color-ink);
  outline-offset: 3px;
  box-shadow: 0 12px 28px rgb(35 32 48 / 0.18);
}

.gift-finder-card__label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 44px;
  color: var(--gift-finder-card-ink);
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 750;
  line-height: 1.02;
  letter-spacing: 0;
  text-align: center;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.gift-finder-card__label-line {
  display: block;
}

.gift-finder-card__label-line--pre {
  margin-bottom: 2px;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 560px) {
  .gift-finder-card__label {
    min-height: 32px;
  }

  .gift-finder-card__label-line--pre {
    font-size: 11px;
  }
}


.gift-finder__actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: fit-content;
  max-width: 100%;
  margin: 12px auto 0;
  text-align: center;
}

.gift-finder__refine {
  min-width: 180px;
  min-height: 52px;
  padding: 13px 28px;
  position: relative;
  isolation: isolate;
  background: var(--color-page-bg);
  color: var(--color-ink);
  box-shadow: none;
  font-size: 16px;
  transition: color 0.18s ease;
}

.gift-finder__refine::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 2px solid var(--color-ink);
  border-radius: inherit;
  background: var(--color-page-bg);
  transform: scale(1);
  transform-origin: center;
  backface-visibility: hidden;
  transition: transform 0.18s ease, border-color 0.18s ease;
}

.gift-finder__refine:hover,
.gift-finder__refine:focus-visible {
  box-shadow: none;
  outline: none;
}

.gift-finder__refine:hover::before,
.gift-finder__refine:focus-visible::before {
  transform: scale(var(--hover-grow-scale, 1.035));
}

.gift-finder__cta {
  --gift-finder-cta-bg: var(--color-ink, #232030);
  min-width: 220px;
  min-height: 52px;
  padding: 13px 30px;
  background: transparent;
  color: var(--color-cream, #FFF9F1);
  box-shadow: none;
  font-size: 16px;
  position: relative;
  isolation: isolate;
  transition: color 0.18s ease;
}

.gift-finder.has-selection .gift-finder__cta,
.gift-finder.has-stale-results .gift-finder__cta {
  --gift-finder-cta-bg: var(--color-forest);
}

.gift-finder__cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--gift-finder-cta-bg);
  transform: scale(1);
  transform-origin: center;
  backface-visibility: hidden;
  transition: transform 0.18s ease, background-color 0.18s ease;
}

.gift-finder__cta:hover:not(:disabled),
.gift-finder__cta:focus-visible:not(:disabled) {
  transform: none;
  box-shadow: none;
  outline: none;
}

.gift-finder__cta:hover:not(:disabled)::before,
.gift-finder__cta:focus-visible:not(:disabled)::before {
  transform: scale(var(--hover-grow-scale, 1.035));
}

.gift-finder .gift-finder__cta:disabled {
  --gift-finder-cta-bg: var(--control-disabled-bg);
  color: var(--auth-disabled-text);
  cursor: not-allowed;
  opacity: 1;
  transition: none;
}

.gift-finder .gift-finder__cta:disabled::before {
  background: var(--control-disabled-bg);
  transform: none;
  transition: none;
}


.gift-finder__result {
  position: relative;
  z-index: 1;
  margin-top: 30px;
}

@media (min-width: 981px) {
  .featured-hub-root--gift-finder .gift-finder__result {
    width: calc(100% + var(--gift-finder-inline-pad) + var(--gift-finder-inline-pad));
    margin-left: calc(0px - var(--gift-finder-inline-pad));
    margin-right: calc(0px - var(--gift-finder-inline-pad));
  }
}

.gift-finder__result.is-revealed {
  animation: giftFinderStepIn 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.gift-finder-loading {
  padding-top: 4px;
}

.gift-finder-loading__status {
  position: relative;
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  max-width: min(100%, 560px);
  min-height: 62px;
  margin-bottom: 18px;
  padding: 8px 18px 8px 10px;
  border-radius: 24px;
  background: var(--color-cream);
  color: var(--color-ink);
  box-shadow:
    0 14px 32px rgb(35 32 48 / 0.08),
    inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 7%, transparent);
  overflow: hidden;
}

.gift-finder-loading__copy {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

.gift-finder-loading__spark--one {
  right: 18px;
  top: 13px;
}

.gift-finder-loading__spark--two {
  right: 42px;
  bottom: 12px;
  animation-delay: 0.34s;
}

.gift-finder-loading__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.gift-finder-loading__card {
  display: block;
  min-width: 0;
}


.gift-finder-loading__media,
.gift-finder-loading__line {
  display: block;
  border-radius: 16px;
}

.gift-finder-loading__media {
  aspect-ratio: 1 / 1;
}

.gift-finder-loading__line {
  width: 62%;
  height: 12px;
  margin-top: 11px;
  border-radius: var(--radius-pill);
}

.gift-finder-loading__line--wide {
  width: 88%;
}

.gift-finder-result__intro {
  margin-bottom: 16px;
}

.gift-finder-result__title {
  margin: 0;
  color: var(--color-ink, #232030);
  font-family: var(--font-display, var(--font-heading));
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.gift-finder-result__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px 0 0;
}

.gift-finder-result__summary span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-forest) 10%, var(--color-cream));
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 820;
  line-height: 1;
}


.gift-finder-result__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 18px;
}

.gift-finder-result__pill {
  --featured-hub-filter-bg: var(--filter-pill-bg);
  --featured-hub-filter-text: var(--color-ink);
  appearance: none;
  border: 0;
  cursor: pointer;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: transparent;
  color: var(--featured-hub-filter-text);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 0;
  position: relative;
  isolation: isolate;
  overflow: visible;
  transition: color 0.18s ease;
}

.gift-finder-result__pill::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--featured-hub-filter-bg);
  transform: scale(1);
  transform-origin: center;
  transition:
    transform 0.18s ease,
    background-color 0.18s ease;
  will-change: transform;
}

.gift-finder-result__pill:hover::before,
.gift-finder-result__pill:focus-visible::before {
  transform: scale(var(--hover-grow-scale, 1.035));
}

.gift-finder-result__pill.is-active {
  --featured-hub-filter-bg: var(--color-ink);
  --featured-hub-filter-text: var(--color-cream);
  gap: 4px;
  font-weight: 600;
  padding: 0 4px 0 14px;
}

.gift-finder-result__pill-label {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.gift-finder-result__pill-remove {
  display: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  flex: 0 0 34px;
  margin: 4px 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: background-color 0.18s ease;
}

.gift-finder-result__pill.is-active .gift-finder-result__pill-remove {
  display: inline-flex;
}

.gift-finder-result__pill-remove:hover,
.gift-finder-result__pill-remove:focus-visible {
  background: rgba(248, 241, 235, 0.12);
}

.gift-finder-result__pill-remove:focus-visible {
  outline: 2px solid rgba(248, 241, 235, 0.45);
  outline-offset: 2px;
}

.gift-finder-result__pill-remove-icon {
  display: block;
  width: 12px;
  height: 12px;
  max-width: none;
  object-fit: contain;
  pointer-events: none;
}

.gift-finder-result__pill:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-ink) 24%, transparent);
  outline-offset: 2px;
}


.gf-prod-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  margin-top: 4px;
}

.gift-finder__result .cat-card[data-product-card].cat-card--title-one-line {
  --cat-card-title-lift: 0px;
}

.gf-prod {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.gf-prod__media {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(35, 32, 48, 0.05);
  transition: box-shadow 0.2s ease;
}

.gf-prod__media:hover {
  box-shadow: 0 10px 24px rgba(35, 32, 48, 0.13), inset 0 0 0 1px rgba(35, 32, 48, 0.06);
}

.gf-prod__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gf-prod__pick {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--color-forest, #3F6A60);
  color: var(--color-cream, #FFF9F1);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.gf-prod__pick img { width: 13px; height: 13px; }

.gf-prod__body {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.gf-prod__title {
  margin: 0;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.gf-prod__title a {
  color: var(--color-ink, #232030);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gf-prod__title a:hover { text-decoration: underline; }

.gf-prod__rating {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  color: var(--color-ink, #232030);
}

.gf-prod__rating img { width: 14px; height: 14px; }
.gf-prod__reviews { color: var(--color-ink-soft, #5F596E); font-weight: 600; }

.gf-prod__price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}

.gf-prod__price-new {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 800;
  color: var(--color-forest, #3F6A60);
}

.gf-prod__price-old {
  font-size: 13px;
  color: var(--color-ink-soft, #5F596E);
  text-decoration: line-through;
}

.gf-prod__discount {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-ink-soft, #5F596E);
}

.gf-prod__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  min-width: 0;
}

.gf-prod__ship {
  flex: none;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 800;
  color: var(--color-forest, #3F6A60);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.gf-prod__store {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--color-ink-soft, #5F596E);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gf-prod__store:hover { text-decoration: underline; }

@media (max-width: 1024px) {
  .gf-prod-grid,
  .gift-finder-loading__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .gf-prod-grid,
  .gift-finder-loading__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
}

.gift-finder-result__empty {
  margin: 18px 0 0;
  text-align: center;
  color: var(--color-ink-soft, #5F596E);
  font-family: var(--font-body);
  font-size: 15px;
}


.gift-finder-result__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 30px;
}

.gift-finder-result__see-all {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 13px 30px;
  border-radius: 999px;
  background: transparent;
  color: var(--color-cream);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  transition: color 0.18s ease;
}

.gift-finder-result__see-all::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--color-forest);
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
  will-change: transform;
}

.gift-finder-result__see-all:hover::before,
.gift-finder-result__see-all:focus-visible::before {
  transform: scale(var(--hover-grow-scale, 1.035));
}

.gift-finder-result__see-all:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--color-forest) 38%, transparent);
  outline-offset: 4px;
}

.gift-finder-result__see-all-label,
.gift-finder-result__see-all-arrow {
  position: relative;
  z-index: 1;
}

.gift-finder-result__see-all-arrow {
  display: block;
  width: 22px;
  height: 14px;
  flex: 0 0 auto;
  object-fit: contain;
  pointer-events: none;
}

.gift-finder-result__restart {
  appearance: none;
  cursor: pointer;
  min-height: 50px;
  padding: 13px 26px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 700;
  transition: box-shadow 0.18s ease;
}

.gift-finder-result__restart:hover,
.gift-finder-result__restart:focus-visible {
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  outline: none;
}

@media (max-width: 600px) {
  .gift-finder__cta,
  .gift-finder__refine { width: 100%; }
}

@media (max-width: 980px) {
  
  .featured-hub-room-section__grid,
  .featured-hub-products {
    --featured-hub-mobile-rail-gap: 16px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    width: calc(100vw - 28px);
    margin-left: calc(50% - 50vw + 14px);
    margin-right: 0;
    gap: var(--featured-hub-mobile-rail-gap);
    grid-template-columns: none;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .featured-hub-room-section__grid::-webkit-scrollbar,
  .featured-hub-products::-webkit-scrollbar {
    display: none;
  }

  .featured-hub-room-section__grid > *,
  .featured-hub-products > * {
    flex: 0 0 clamp(190px, 28vw, 260px);
    min-width: 0;
    scroll-snap-align: start;
  }
}

@media (max-width: 720px) {
  .featured-hub-room-section__grid,
  .featured-hub-products {
    --featured-hub-mobile-rail-gap: 14px;
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
  }

  .featured-hub-room-section__grid > *,
  .featured-hub-products > * {
    flex-basis: calc((100% - var(--featured-hub-mobile-rail-gap)) / 2.2);
  }

  .featured-hub-product__media {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }
}


.featured-hub-media-zones {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: min(100%, var(--featured-hub-shell-width, 1200px));
  margin: 20px auto 8px;
  padding: 0 16px;
}


.featured-hub-media-zones ~ .featured-hub-home-grid,
.featured-hub-media-zones ~ .featured-hub-categories {
  margin-top: 24px;
}

.featured-hub-media-zones ~ .featured-hub-shop-by:first-of-type {
  margin-top: 0;
}

.featured-hub-media-zone {
  position: relative;
  margin: 0;
  display: block;
  overflow: hidden;
  border-radius: 24px;
  background: var(--home-tile-bg, var(--color-sand-dark));
  color: var(--color-ink);
  text-decoration: none;
}

.featured-hub-media-zone--lead {
  grid-row: span 2;
  min-height: 320px;
}

.featured-hub-media-zone--support {
  min-height: 154px;
}

.featured-hub-media-zone__media {
  
  position: absolute;
  inset: 0;
  display: block;
}

.featured-hub-media-zone__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}


.featured-hub-media-zone--support { aspect-ratio: 16 / 10; }

.featured-hub-media-zone:hover .featured-hub-media-zone__image,
.featured-hub-media-zone:focus-visible .featured-hub-media-zone__image {
  transform: scale(1.03);
}

.featured-hub-media-zone__label {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
  color: var(--color-white);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
  
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 720px) {
  .featured-hub-media-zones {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }

  .featured-hub-media-zone--lead {
    grid-column: span 2;
    grid-row: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .featured-hub-media-zone--support {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }
}




.fh-rail-dots {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 12px 0 4px;
}
.fh-rail-dot {
  position: relative;
  width: 14px;
  height: 14px;
  border: 0;
  padding: 0;
  border-radius: 999px;
  background: var(--home-ink, #232030);
  cursor: pointer;
  transition: width 0.28s ease;
}
.fh-rail-dot::before {
  content: "";
  position: absolute;
  inset: 50% 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
  border-radius: inherit;
}
.fh-rail-dot.is-active { width: 37px; }
.fh-rail-dot.is-active::after {
  
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 999px;
  background: var(--color-cream, #FCF7EF);
}

@media (max-width: 768px) {
  .fh-rail-dots { display: inline-flex; width: 100%; }

  
  .featured-hub-root--home-guide .featured-hub-home { display: flex; flex-direction: column; }
  .featured-hub-root--home-guide .featured-hub-home-hero    { order: 1; }
  .featured-hub-root--home-guide .featured-hub-media-zones  { order: 2; }
  .featured-hub-root--home-guide .featured-hub-home-grid    { order: 3; }
  .featured-hub-root--home-guide .featured-hub-sellers      { order: 4; }
  .featured-hub-root--home-guide .featured-hub-room-section { order: 5; }
  .featured-hub-root--home-guide .featured-hub-seo          { order: 6; margin-top: 18px; }
  
  .featured-hub-root--home-guide .featured-hub-home-grid + .fh-rail-dots    { order: 3; margin-top: 8px; }
  .featured-hub-root--home-guide .featured-hub-room-section + .fh-rail-dots { order: 5; }

  
  .featured-hub-root--home-guide .featured-hub-home-grid {
    margin-bottom: 0;
    
    justify-content: flex-start;
    
    margin-left: -16px;
    margin-right: -16px;
    
    width: calc(100% + 32px);
    padding-left: 16px;
    padding-right: 16px;
    scroll-padding-left: 16px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    scrollbar-width: none;
  }
  .featured-hub-root--home-guide .featured-hub-home-grid::-webkit-scrollbar { display: none; }
  .featured-hub-root--home-guide .featured-hub-home-grid > * {
    flex: 0 0 74%;
    scroll-snap-align: start;
  }

  
  .featured-hub-root--home-guide .featured-hub-home-tile__media {
    height: auto;
    aspect-ratio: 1 / 1;
  }

  
  .featured-hub-root--home-guide .featured-hub-sellers { margin-top: 18px; }

  
  .featured-hub-root--home-guide .featured-hub-curated-products__head { margin-bottom: 6px; }
  .featured-hub-root--home-guide .featured-hub-filters { margin: 6px 0 10px; }

  
  .featured-hub-root--home-guide [data-featured-hub-product-grid] { row-gap: 8px; }
  
  .featured-hub-root--home-guide [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-square.cat-card--no-service {
    --cat-card-height: 504px;
    aspect-ratio: 325 / 504 !important;
  }
  
  .featured-hub-root--home-guide [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-square.cat-card--no-service.cat-card--title-one-line {
    --cat-card-height: 475px;
    aspect-ratio: 325 / 475 !important;
  }

  
  .featured-hub-root--home-guide .cat-card__title { margin: 6px 0 3px; }
  .featured-hub-root--home-guide .cat-card__price { margin: 0 0 3px; }
  .featured-hub-root--home-guide .cat-card__price .cat-card__currency { margin-right: 3px; }
  
  .featured-hub-root--home-guide .cat-card__store-row { margin-top: 3px; padding: 3px 9px 3px 3px !important; }
  .featured-hub-root--home-guide .cat-card__store { font-size: 10px !important; line-height: 1.2 !important; }
  .featured-hub-root--home-guide [data-featured-hub-product-grid] { margin-top: 2px; }

  
  .featured-hub-root--home-guide .cat-card__media-stats { display: none !important; }

  
  .featured-hub-root--home-guide .featured-hub-sellers { margin-bottom: 18px; }
  .featured-hub-root--home-guide .featured-hub-curated-products { margin-top: 14px; }
}

 

/*! [bundle] /styles/components/shell-page.css */



/*! [bundle] already inlined above: /styles/tokens.css */



/*! [bundle] already inlined above: /styles/animations.css */



.skip-link {
  position: absolute;
  left: -9999px;
  top: -9999px;
  padding: 12px 16px;
  background: var(--color-ink);
  color: var(--color-cream);
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-weight: 600;
  z-index: var(--z-toast);
}

.skip-link:focus {
  left: 16px;
  top: 16px;
  outline: 3px solid var(--shell-page-accent);
}

body.page--shell {
  --color-forest: var(--color-ink);
  --color-forest-dark: var(--color-ink-soft);
  --color-emerald: var(--color-ink);
  --shell-page-grid-max: 1120px;
  --shell-page-grid-gutter: clamp(32px, 4vw, 68px);
  --shell-page-grid-width: min(var(--shell-page-grid-max), calc(100% - var(--shell-page-grid-gutter)));
  --shell-page-readable-max: var(--shell-page-grid-max);
  --shell-page-panel-bg: var(--popup-bg);
  --shell-page-panel-bg-muted: var(--popup-bg);
  --shell-page-accent: var(--color-ink);
  --shell-page-accent-soft: var(--color-ink-soft);
  --shell-page-cta-bg: var(--color-ink);
  background: var(--color-page-bg);
  color: var(--color-ink);
  font-family: var(--font-body);
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.page--shell .site-footer {
  margin-top: auto;
}

.shell-page {
  flex: 1 0 auto;
  padding: 0 0 var(--space-9);
  animation: jp-fade-in var(--duration-slow) var(--ease-out-expo);
}

.shell-page__hero {
  background: var(--color-page-bg);
  padding: 52px 0 44px;
  border-bottom: 0;
}

body.page--shell[data-technical-hero-size="compact"] .shell-page__hero {
  padding: 42px 0 34px;
}

body.page--shell[data-technical-hero-size="editorial"] .shell-page__hero {
  padding: 58px 0 48px;
}

.shell-page__hero-inner {
  width: var(--shell-page-grid-width);
  max-width: var(--shell-page-grid-max);
  box-sizing: border-box;
  margin: 0 auto;
  padding-inline: var(--jp-page-shell-inset);
  text-align: center;
  animation: jp-fade-up var(--duration-slow) var(--ease-out-expo);
}

.shell-page__hero--with-media .shell-page__hero-inner {
  max-width: var(--shell-page-grid-max);
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(320px, 0.54fr);
  gap: 58px;
  align-items: center;
  text-align: left;
}

.shell-page__hero-media {
  grid-column: 2;
  grid-row: 1 / span 3;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  background: var(--popup-bg);
  aspect-ratio: 4 / 3;
}

.shell-page__hero--with-media .shell-page__eyebrow,
.shell-page__hero--with-media .shell-page__title,
.shell-page__hero--with-media .shell-page__lead {
  grid-column: 1;
}

.shell-page__hero-media img,
.shell-page__hero-media video,
.shell-page__hero-media iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

.shell-page__eyebrow {
  display: inline-block;
  margin: 0 0 13px;
  padding: 0;
  font-size: var(--font-size-micro);
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--shell-page-accent-soft);
  background: transparent;
  border: 0;
  border-radius: 0;
}

.shell-page__title {
  font-family: var(--font-display);
  font-size: clamp(1.9rem, 1vw + 1.45rem, 2.35rem);
  line-height: var(--line-height-tight);
  margin: 0 0 13px;
  color: var(--color-ink);
  letter-spacing: 0;
}

body.page--shell[data-technical-hero-size="compact"] .shell-page__title {
  font-size: clamp(1.72rem, 0.8vw + 1.38rem, 2.1rem);
}

body.page--shell[data-technical-hero-size="editorial"] .shell-page__title {
  font-size: clamp(2rem, 1.1vw + 1.5rem, 2.55rem);
}

.shell-page__lead {
  font-size: var(--font-size-body-lg);
  line-height: var(--line-height-normal);
  color: var(--color-ink-soft);
  margin: 0 auto;
  max-width: 60ch;
}

.shell-page__hero--with-media .shell-page__lead {
  margin-inline: 0;
}

.shell-page__body {
  width: var(--shell-page-grid-width);
  padding: 42px 0 68px;
  max-width: var(--shell-page-grid-max);
  margin: 0 auto;
  box-sizing: border-box;
  padding-inline: var(--jp-page-shell-inset);
}

body.page--shell[data-technical-pages-loading="1"] .shell-page__body > .legal-doc,
body.page--shell[data-technical-pages-loading="1"] .shell-page__body > .shell-page__placeholder {
  visibility: hidden;
}

.shell-page[data-technical-template="support-hub"] .shell-page__body,
.shell-page[data-technical-template="contact-router"] .shell-page__body,
.shell-page[data-technical-template="faq-index"] .shell-page__body,
.shell-page[data-technical-template="policy-index"] .shell-page__body,
.shell-page[data-technical-template="process"] .shell-page__body,
.shell-page[data-technical-template="seller-landing"] .shell-page__body,
.shell-page[data-technical-template="fees"] .shell-page__body {
  max-width: var(--shell-page-grid-max);
}

.shell-page[data-technical-template="support-hub"] .shell-page__hero-inner {
  max-width: var(--shell-page-grid-max);
  text-align: center;
}

.shell-page[data-technical-template="support-hub"] .shell-page__lead {
  margin-inline: auto;
}

.shell-page__notice {
  background: var(--color-page-bg);
  border-bottom: 0;
}

.shell-page__notice-inner {
  width: var(--shell-page-grid-width);
  max-width: var(--shell-page-grid-max);
  margin: 0 auto;
  padding: 18px 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

.shell-page__notice-copy {
  min-width: 0;
  padding: 18px 22px;
  border: 0;
  border-radius: 22px;
  background: var(--shell-page-panel-bg);
}

.shell-page__notice-label {
  margin: 0 0 6px;
  color: var(--shell-page-accent-soft);
  font-size: var(--font-size-micro);
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.shell-page__notice-copy p:not(.shell-page__notice-label) {
  margin: 0;
  color: var(--color-ink-soft);
  font-size: 15px;
  line-height: 1.58;
}

.shell-page__notice-copy p:not(.shell-page__notice-label) + p {
  margin-top: 10px;
}

.shell-page__notice-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  background: transparent;
  color: var(--color-cream);
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
  isolation: isolate;
  overflow: visible;
  transition: color var(--duration-fast) var(--ease-standard);
}

.shell-page__notice-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--shell-page-cta-bg);
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform var(--duration-fast) var(--ease-standard);
  will-change: transform;
}

.shell-page__notice-cta:hover,
.shell-page__notice-cta:focus-visible {
  color: var(--color-cream);
}

.shell-page__notice-cta:hover::before,
.shell-page__notice-cta:focus-visible::before {
  transform: scale(var(--hover-grow-scale));
}

.shell-page__notice-cta-icon,
.shell-page__cta-icon {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
  flex: 0 0 auto;
  object-fit: contain;
  z-index: 1;
}

.shell-page__smart-search {
  display: grid;
  gap: 14px;
  margin: 0 0 28px;
  padding: 28px;
  border: 0;
  border-radius: 24px;
  background: var(--shell-page-panel-bg);
}

.shell-page__smart-search--hero {
  grid-column: 1 / -1;
  width: min(760px, 100%);
  margin: 28px auto 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.shell-page__smart-search-head {
  display: grid;
  gap: 5px;
}

.shell-page__smart-search-kicker {
  margin: 0;
  color: var(--shell-page-accent-soft);
  font-size: var(--font-size-micro);
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.shell-page__smart-search-head h2 {
  margin: 0;
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: 23px;
  line-height: 1.18;
  letter-spacing: 0;
}

.shell-page__smart-search-head p {
  margin: 0;
  color: var(--color-ink-soft);
  font-size: 14px;
  line-height: 1.55;
}

.shell-page__smart-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 6px;
  border: 1px solid rgba(214, 207, 184, 0.9);
  border-radius: 999px;
  background: rgba(248, 241, 235, 0.74);
}

.shell-page__smart-search-input {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-ink);
  font: inherit;
  font-size: 15px;
  outline: 0;
  padding: 0 18px;
}

.shell-page__smart-search-input::placeholder {
  color: var(--color-ink-soft);
}

.shell-page__smart-search-input:focus-visible {
  outline: 0;
}

.shell-page__smart-search-submit {
  position: relative;
  inline-size: 78px;
  min-height: 52px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-cream);
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 850;
  isolation: isolate;
  overflow: visible;
  transition: color var(--duration-fast) var(--ease-standard);
}

.shell-page__smart-search-submit::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--shell-page-cta-bg);
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform var(--duration-fast) var(--ease-standard);
  will-change: transform;
}

.shell-page__smart-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.42fr);
  gap: 18px;
  align-items: start;
}

.shell-page__smart-search--hero:not(.is-querying) .shell-page__smart-main {
  display: none;
}

.shell-page__smart-search-submit:hover,
.shell-page__smart-search-submit:focus-visible {
  color: var(--color-cream);
}

.shell-page__smart-search-submit:hover::before,
.shell-page__smart-search-submit:focus-visible::before {
  transform: scale(var(--hover-grow-scale));
}

.shell-page__smart-search-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shell-page__smart-search--hero .shell-page__smart-search-chips {
  justify-content: center;
}

.shell-page__smart-chip {
  position: relative;
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-ink-soft);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  padding: 0 16px;
  isolation: isolate;
  overflow: visible;
  transition: color var(--duration-fast) var(--ease-standard);
}

.shell-page__smart-chip::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 1px solid rgba(214, 207, 184, 0.75);
  border-radius: inherit;
  background: rgba(248, 241, 235, 0.5);
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition:
    transform var(--duration-normal) var(--ease-soft),
    border-color var(--duration-fast) var(--ease-standard);
  will-change: transform;
}

.shell-page__smart-chip:hover,
.shell-page__smart-chip:focus-visible {
  color: var(--color-ink-soft);
}

.shell-page__smart-chip:hover::before,
.shell-page__smart-chip:focus-visible::before {
  border-color: var(--shell-page-accent);
  transform: scale(var(--hover-grow-scale));
}

.shell-page__smart-results {
  display: grid;
  gap: 8px;
}

.shell-page__smart-result {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 66px;
  padding: 12px 14px;
  border: 0;
  border-radius: 18px;
  background: var(--shell-page-panel-bg);
  color: var(--color-ink);
  text-decoration: none;
  box-shadow: none;
  transition: box-shadow var(--duration-fast) var(--ease-standard);
}

.shell-page__smart-result:hover,
.shell-page__smart-result:focus-visible {
  color: var(--color-ink);
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
}

.shell-page__smart-result--primary {
  background: var(--shell-page-panel-bg);
}

.shell-page__smart-result-mark,
.shell-page__smart-path-mark {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--shell-page-accent) 8%, transparent);
  flex: 0 0 auto;
}

.shell-page__smart-result-mark-icon,
.shell-page__smart-path-icon {
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(13%) sepia(13%) saturate(999%) hue-rotate(211deg) brightness(92%) contrast(91%);
}

.shell-page__smart-result-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.shell-page__smart-result-badge {
  justify-self: start;
  color: var(--shell-page-accent-soft);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.shell-page__smart-result-copy strong {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 15px;
  line-height: 1.2;
}

.shell-page__smart-result-copy span {
  color: var(--color-ink-soft);
  font-size: 13px;
  line-height: 1.42;
}

.shell-page__smart-result-icon {
  width: 13px;
  height: 13px;
  display: block;
  object-fit: contain;
}

.shell-page__smart-aside {
  display: grid;
  gap: 0;
  border-top: 0;
  padding-top: 2px;
}

.shell-page__smart-aside-title {
  margin: 0;
  padding: 0 0 10px;
  color: var(--shell-page-accent-soft);
  font-size: var(--font-size-micro);
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.shell-page__smart-path {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid rgba(214, 207, 184, 0.48);
  color: var(--color-ink);
  text-decoration: none;
}

.shell-page__smart-path:hover,
.shell-page__smart-path:focus-visible {
  color: var(--color-ink);
}

.shell-page__smart-path-mark {
  width: 32px;
  height: 32px;
}

.shell-page__smart-path-icon {
  width: 16px;
  height: 16px;
}

.shell-page__smart-path-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.shell-page__smart-path-kicker {
  color: var(--shell-page-accent-soft);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.shell-page__smart-path-copy strong {
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 14px;
  line-height: 1.18;
}

.shell-page__smart-path-copy span:not(.shell-page__smart-path-kicker) {
  color: var(--color-ink-soft);
  font-size: 12px;
  line-height: 1.38;
}

.shell-page__placeholder {
  border: 1px solid var(--color-line);
  background: var(--popup-bg);
  border-radius: 8px;
  padding: 28px;
  text-align: left;
  animation: jp-fade-up var(--duration-slower) var(--ease-out-expo);
}

.shell-page__placeholder-eyebrow {
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-micro);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--shell-page-accent-soft);
}

.shell-page__placeholder-text {
  margin: 0;
  font-size: var(--font-size-body);
  line-height: var(--line-height-normal);
  color: var(--color-ink-soft);
  max-width: 62ch;
}

.shell-page__placeholder a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.shell-page__admin-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  margin: 0 0 var(--space-6);
  padding: 24px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.shell-page__admin-content--left,
.shell-page__admin-content--right {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.72fr);
  align-items: center;
}

.shell-page__admin-content--left {
  grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1fr);
}

.shell-page__admin-content--top,
.shell-page__admin-content--media-only {
  grid-template-columns: 1fr;
}

.shell-page__admin-content--media-only {
  padding: 0;
  overflow: hidden;
}

.shell-page__admin-copy {
  min-width: 0;
}

.shell-page__admin-eyebrow {
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-micro);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--shell-page-accent-soft);
}

.shell-page__admin-copy p:not(.shell-page__admin-eyebrow) {
  margin: 0 0 var(--space-3);
  font-size: var(--font-size-body);
  line-height: var(--line-height-normal);
  color: var(--color-ink-soft);
}

.shell-page__admin-copy p:last-child {
  margin-bottom: 0;
}

.shell-page__admin-media {
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  background: var(--popup-bg);
  aspect-ratio: 16 / 10;
  border: 0;
}

.shell-page__admin-content--media-only .shell-page__admin-media {
  border-radius: 24px;
}

.shell-page__admin-media img,
.shell-page__admin-media video,
.shell-page__admin-media iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

.shell-page__live-stack {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 6px;
  margin: 0 0 34px;
  border-top: 0;
}

.shell-page__live-block {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 26px 0 28px;
  border: 0;
  border-bottom: 0;
  border-radius: 0;
  background: transparent;
}

.shell-page__live-stack--brand-story,
.shell-page__live-stack--guide-index,
.shell-page__live-stack--press-kit,
.shell-page__live-stack--support,
.shell-page__live-stack--cms-standard,
.shell-page__live-stack--utility,
.shell-page__live-stack--careers {
  border-top: 0;
}

.shell-page__live-stack--brand-story .shell-page__live-block,
.shell-page__live-stack--guide-index .shell-page__live-block,
.shell-page__live-stack--press-kit .shell-page__live-block,
.shell-page__live-stack--support .shell-page__live-block,
.shell-page__live-stack--cms-standard .shell-page__live-block,
.shell-page__live-stack--utility .shell-page__live-block,
.shell-page__live-stack--careers .shell-page__live-block {
  grid-template-columns: minmax(120px, 0.24fr) minmax(0, 1fr);
  column-gap: 34px;
}

.shell-page__live-stack--brand-story .shell-page__live-block-copy,
.shell-page__live-stack--guide-index .shell-page__live-block-copy,
.shell-page__live-stack--press-kit .shell-page__live-block-copy,
.shell-page__live-stack--support .shell-page__live-block-copy,
.shell-page__live-stack--cms-standard .shell-page__live-block-copy,
.shell-page__live-stack--utility .shell-page__live-block-copy,
.shell-page__live-stack--careers .shell-page__live-block-copy {
  display: grid;
  grid-template-columns: minmax(120px, 0.24fr) minmax(0, 1fr);
  column-gap: 34px;
  grid-column: 1 / -1;
  align-items: start;
}

.shell-page__live-stack--brand-story .shell-page__live-block-type,
.shell-page__live-stack--guide-index .shell-page__live-block-type,
.shell-page__live-stack--press-kit .shell-page__live-block-type,
.shell-page__live-stack--support .shell-page__live-block-type,
.shell-page__live-stack--cms-standard .shell-page__live-block-type,
.shell-page__live-stack--utility .shell-page__live-block-type,
.shell-page__live-stack--careers .shell-page__live-block-type {
  grid-row: 1 / span 3;
  margin: 4px 0 0;
}

.shell-page__live-stack--brand-story .shell-page__live-block-title,
.shell-page__live-stack--guide-index .shell-page__live-block-title,
.shell-page__live-stack--press-kit .shell-page__live-block-title,
.shell-page__live-stack--support .shell-page__live-block-title,
.shell-page__live-stack--cms-standard .shell-page__live-block-title,
.shell-page__live-stack--utility .shell-page__live-block-title,
.shell-page__live-stack--careers .shell-page__live-block-title {
  grid-column: 2;
}

.shell-page__live-stack--brand-story .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--guide-index .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--press-kit .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--support .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--cms-standard .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--utility .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--careers .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--brand-story .shell-page__live-list,
.shell-page__live-stack--guide-index .shell-page__live-list,
.shell-page__live-stack--press-kit .shell-page__live-list,
.shell-page__live-stack--support .shell-page__live-list,
.shell-page__live-stack--cms-standard .shell-page__live-list,
.shell-page__live-stack--utility .shell-page__live-list,
.shell-page__live-stack--careers .shell-page__live-list,
.shell-page__live-stack--brand-story .shell-page__live-block-cta,
.shell-page__live-stack--guide-index .shell-page__live-block-cta,
.shell-page__live-stack--press-kit .shell-page__live-block-cta,
.shell-page__live-stack--support .shell-page__live-block-cta,
.shell-page__live-stack--cms-standard .shell-page__live-block-cta,
.shell-page__live-stack--utility .shell-page__live-block-cta,
.shell-page__live-stack--careers .shell-page__live-block-cta {
  grid-column: 2;
}

.shell-page__live-block--banner,
.shell-page__live-block--cta-band,
.shell-page__live-block--media-banner {
  margin: 28px 0;
  padding: 24px;
  border: 0;
  border-radius: 24px;
  background: var(--shell-page-panel-bg);
}

.shell-page__live-block .shell-page__admin-media {
  margin: 0 0 8px;
  border-radius: 22px;
}

.shell-page__live-block-copy {
  min-width: 0;
}

.shell-page__live-block-type {
  margin: 0 0 8px;
  color: var(--shell-page-accent-soft);
  font-size: var(--font-size-micro);
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.shell-page__live-block-title {
  margin: 0 0 8px;
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.18;
  letter-spacing: 0;
}

.shell-page__live-block-copy p:not(.shell-page__live-block-type) {
  margin: 0 0 12px;
  color: var(--color-ink-soft);
  font-size: 16px;
  line-height: 1.66;
}

.shell-page__live-block-copy p:last-child {
  margin-bottom: 0;
}

.shell-page__live-list {
  margin: 0;
  padding: 0 0 0 20px;
  color: var(--color-ink-soft);
  font-size: 16px;
  line-height: 1.66;
}

.shell-page__live-list li + li {
  margin-top: 7px;
}

.shell-page__live-block-cta {
  position: relative;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  margin-top: var(--space-2);
  padding: 0 18px;
  border-radius: 999px;
  background: transparent;
  color: var(--color-cream);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  isolation: isolate;
  overflow: visible;
  transition: color var(--duration-fast) var(--ease-standard);
}

.shell-page__live-block-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--shell-page-cta-bg);
  pointer-events: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform var(--duration-fast) var(--ease-standard);
  will-change: transform;
}

.shell-page__live-block-cta:hover,
.shell-page__live-block-cta:focus-visible {
  color: var(--color-cream);
}

.shell-page__live-block-cta:hover::before,
.shell-page__live-block-cta:focus-visible::before {
  transform: scale(var(--hover-grow-scale));
}

.shell-page__live-stack--support-hub,
.shell-page__live-stack--faq-index,
.shell-page__live-stack--contact-router {
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  align-items: stretch;
  gap: 14px;
  border-top: 0;
}

.shell-page__live-stack--process,
.shell-page__live-stack--seller-landing,
.shell-page__live-stack--fees,
.shell-page__live-stack--policy,
.shell-page__live-stack--policy-index {
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  align-items: stretch;
  gap: 14px;
  border-top: 0;
}

.shell-page__live-stack--policy-index {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.shell-page__live-stack--process {
  counter-reset: shellProcessStep;
}

.shell-page__live-stack--support-hub .shell-page__live-block,
.shell-page__live-stack--faq-index .shell-page__live-block,
.shell-page__live-stack--contact-router .shell-page__live-block,
.shell-page__live-stack--process .shell-page__live-block,
.shell-page__live-stack--seller-landing .shell-page__live-block,
.shell-page__live-stack--fees .shell-page__live-block,
.shell-page__live-stack--policy .shell-page__live-block,
.shell-page__live-stack--policy-index .shell-page__live-block {
  box-sizing: border-box;
  height: 100%;
  position: relative;
  z-index: 0;
  padding: 22px;
  border: 0;
  border-radius: 22px;
  background: var(--popup-bg);
  box-shadow: none;
  transition:
    background-color var(--duration-fast) var(--ease-standard),
    box-shadow var(--duration-fast) var(--ease-standard);
}

.shell-page__live-stack--policy-index .shell-page__live-block {
  min-height: 214px;
}

.shell-page__live-stack--policy-index .shell-page__live-block-copy {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  height: 100%;
}

.shell-page__live-stack--policy-index .shell-page__live-block-cta {
  align-self: end;
}

.shell-page__live-stack--process .shell-page__live-block::before {
  counter-increment: shellProcessStep;
  content: counter(shellProcessStep);
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2px;
  border-radius: 50%;
  background: var(--shell-page-accent);
  color: var(--color-cream);
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 850;
}

.shell-page__live-stack--support-hub .shell-page__live-block:hover,
.shell-page__live-stack--faq-index .shell-page__live-block:hover,
.shell-page__live-stack--contact-router .shell-page__live-block:hover,
.shell-page__live-stack--process .shell-page__live-block:hover,
.shell-page__live-stack--seller-landing .shell-page__live-block:hover,
.shell-page__live-stack--fees .shell-page__live-block:hover,
.shell-page__live-stack--policy .shell-page__live-block:hover,
.shell-page__live-stack--policy-index .shell-page__live-block:hover {
  background: var(--popup-bg);
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  z-index: 2;
}

.shell-page__live-stack--support-hub .shell-page__live-block:focus-within,
.shell-page__live-stack--faq-index .shell-page__live-block:focus-within,
.shell-page__live-stack--contact-router .shell-page__live-block:focus-within,
.shell-page__live-stack--process .shell-page__live-block:focus-within,
.shell-page__live-stack--seller-landing .shell-page__live-block:focus-within,
.shell-page__live-stack--fees .shell-page__live-block:focus-within,
.shell-page__live-stack--policy .shell-page__live-block:focus-within,
.shell-page__live-stack--policy-index .shell-page__live-block:focus-within {
  background: var(--popup-bg);
  box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  z-index: 2;
}

.shell-page__live-stack--support-hub .shell-page__live-block-title,
.shell-page__live-stack--faq-index .shell-page__live-block-title,
.shell-page__live-stack--contact-router .shell-page__live-block-title,
.shell-page__live-stack--process .shell-page__live-block-title,
.shell-page__live-stack--seller-landing .shell-page__live-block-title,
.shell-page__live-stack--fees .shell-page__live-block-title,
.shell-page__live-stack--policy .shell-page__live-block-title,
.shell-page__live-stack--policy-index .shell-page__live-block-title {
  font-family: var(--font-heading);
  font-size: 17px;
  line-height: 1.25;
}

.shell-page__live-stack--support-hub .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--faq-index .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--contact-router .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--process .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--seller-landing .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--fees .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--policy .shell-page__live-block-copy p:not(.shell-page__live-block-type),
.shell-page__live-stack--policy-index .shell-page__live-block-copy p:not(.shell-page__live-block-type) {
  font-size: 14px;
  line-height: 1.55;
}

.shell-page__live-stack--support-hub {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.shell-page__live-stack--support-hub .shell-page__admin-media {
  display: none;
}

.shell-page__live-stack--support-hub .shell-page__live-block {
  min-height: 0;
  padding: 18px;
  border-radius: 24px;
  background: var(--popup-bg);
}

.shell-page__live-stack--support-hub .shell-page__live-block-title {
  font-size: 16px;
}

.shell-page__live-stack--support-hub .shell-page__live-block-copy p:not(.shell-page__live-block-type) {
  font-size: 13px;
  line-height: 1.48;
}

.shell-page__live-stack--support-hub .shell-page__live-block-cta {
  min-height: 44px;
  margin-top: 4px;
  padding: 0 18px;
  font-size: 12px;
}

.shell-page__policy-doc {
  width: 100%;
  max-width: var(--shell-page-grid-max);
  margin: 30px auto 0;
  padding-top: 10px;
  color: var(--color-ink);
}

.shell-page__policy-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 0 0 34px;
  padding: 18px 20px;
  border: 0;
  border-radius: 22px;
  background: var(--shell-page-panel-bg);
}

.shell-page__policy-meta-item {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  color: var(--color-ink-soft);
  font-size: 13px;
  line-height: 1.35;
}

.shell-page__policy-meta-item strong {
  color: var(--shell-page-accent);
  font-weight: 850;
}

.shell-page__policy-meta-item em {
  font-style: normal;
}

.shell-page__policy-content {
  display: flow-root;
  max-width: var(--shell-page-readable-max);
  margin-inline: auto;
  font-size: 16px;
  line-height: 1.7;
  color: var(--color-ink-soft);
}

.shell-page__policy-content h2 {
  margin: 38px 0 12px;
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.18;
  letter-spacing: 0;
}

.shell-page__policy-content h2:first-child {
  margin-top: 0;
}

.shell-page__policy-content h3 {
  margin: 22px 0 8px;
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 16px;
  line-height: 1.32;
  font-weight: 850;
}

.shell-page__policy-content p {
  margin: 0 0 14px;
}

.shell-page__policy-content a {
  color: var(--shell-page-accent);
}

body.page--shell .legal-doc {
  width: 100%;
  max-width: var(--shell-page-grid-max) !important;
  box-sizing: border-box;
  margin-inline: auto !important;
  color: var(--color-ink);
}

body.page--shell .legal-doc > h2,
body.page--shell .legal-doc > h3,
body.page--shell .legal-doc > p,
body.page--shell .legal-doc > ul,
body.page--shell .legal-doc > ol,
body.page--shell .legal-doc > table {
  max-width: var(--shell-page-readable-max);
  margin-left: auto;
  margin-right: auto;
}

body.page--shell .legal-doc__meta,
body.page--shell .legal-doc__contact,
body.page--shell .legal-doc__callout,
body.page--shell .legal-doc__warn {
  max-width: none;
  box-sizing: border-box;
  background: var(--shell-page-panel-bg) !important;
  border: 0 !important;
  border-radius: 22px !important;
  color: var(--color-ink-soft) !important;
}

body.page--shell .legal-doc__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 0 0 34px !important;
  padding: 18px 20px !important;
  font-size: 13px;
  line-height: 1.35;
}

body.page--shell .legal-doc__contact,
body.page--shell .legal-doc__callout,
body.page--shell .legal-doc__warn {
  margin-top: 32px !important;
  padding: 18px 20px !important;
}

body.page--shell .legal-doc__meta strong,
body.page--shell .legal-doc__contact strong,
body.page--shell .legal-doc__callout strong,
body.page--shell .legal-doc__warn strong {
  color: var(--shell-page-accent) !important;
}

body.page--shell .legal-doc a {
  color: var(--shell-page-accent) !important;
}

@media (max-width: 980px) {
  .shell-page__live-stack--support-hub {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .shell-page__hero {
    padding: 30px 0 28px;
  }
  .shell-page__hero--with-media .shell-page__hero-inner {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .shell-page__hero-media {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    border-radius: 20px;
  }
  .shell-page__hero-inner,
  .shell-page__body {
    padding-left: var(--jp-page-shell-inset);
    padding-right: var(--jp-page-shell-inset);
  }
  .shell-page__body {
    padding-top: 34px;
    padding-bottom: 48px;
  }
  .shell-page__notice-inner {
    grid-template-columns: 1fr;
    padding: 14px var(--jp-page-shell-inset);
  }
  .shell-page__notice-copy {
    padding: 16px;
  }
  .shell-page__notice-cta {
    justify-self: start;
  }
  .shell-page__smart-search {
    padding: 18px;
    margin-bottom: 22px;
  }
  .shell-page__smart-search--hero {
    padding: 0;
  }
  .shell-page__smart-search-head h2 {
    font-size: 21px;
  }
  .shell-page__smart-search-form {
    grid-template-columns: 1fr;
    border-radius: 24px;
    padding: 8px;
  }
  .shell-page__smart-search-submit {
    width: 100%;
  }
  .shell-page__smart-main {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .shell-page__smart-aside {
    margin-top: 2px;
  }
  .shell-page__smart-result {
    min-height: 58px;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    padding: 12px;
  }
  .shell-page__smart-result-mark {
    width: 32px;
    height: 32px;
  }
  .shell-page__smart-result-mark-icon {
    width: 16px;
    height: 16px;
  }
  .shell-page__title {
    font-size: 30px;
  }
  body.page--shell[data-technical-hero-size="compact"] .shell-page__title,
  body.page--shell[data-technical-hero-size="editorial"] .shell-page__title {
    font-size: 28px;
  }
  .shell-page__lead {
    font-size: 15px;
  }
  .shell-page__placeholder {
    padding: 20px;
  }
  .shell-page__admin-content,
  .shell-page__admin-content--left,
  .shell-page__admin-content--right {
    grid-template-columns: 1fr;
    padding: 22px 0;
  }
  .shell-page__live-stack,
  .shell-page__live-stack--support-hub,
  .shell-page__live-stack--faq-index,
  .shell-page__live-stack--contact-router,
  .shell-page__live-stack--process,
  .shell-page__live-stack--seller-landing,
  .shell-page__live-stack--fees,
  .shell-page__live-stack--policy,
  .shell-page__live-stack--policy-index {
    grid-template-columns: 1fr;
  }
  .shell-page__live-block {
    padding: 22px 0 24px;
  }
  .shell-page__live-stack--brand-story .shell-page__live-block,
  .shell-page__live-stack--guide-index .shell-page__live-block,
  .shell-page__live-stack--press-kit .shell-page__live-block,
  .shell-page__live-stack--support .shell-page__live-block,
  .shell-page__live-stack--cms-standard .shell-page__live-block,
  .shell-page__live-stack--utility .shell-page__live-block,
  .shell-page__live-stack--careers .shell-page__live-block,
  .shell-page__live-stack--brand-story .shell-page__live-block-copy,
  .shell-page__live-stack--guide-index .shell-page__live-block-copy,
  .shell-page__live-stack--press-kit .shell-page__live-block-copy,
  .shell-page__live-stack--support .shell-page__live-block-copy,
  .shell-page__live-stack--cms-standard .shell-page__live-block-copy,
  .shell-page__live-stack--utility .shell-page__live-block-copy,
  .shell-page__live-stack--careers .shell-page__live-block-copy {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .shell-page__live-stack--brand-story .shell-page__live-block-type,
  .shell-page__live-stack--guide-index .shell-page__live-block-type,
  .shell-page__live-stack--press-kit .shell-page__live-block-type,
  .shell-page__live-stack--support .shell-page__live-block-type,
  .shell-page__live-stack--cms-standard .shell-page__live-block-type,
  .shell-page__live-stack--utility .shell-page__live-block-type,
  .shell-page__live-stack--careers .shell-page__live-block-type,
  .shell-page__live-stack--brand-story .shell-page__live-block-title,
  .shell-page__live-stack--guide-index .shell-page__live-block-title,
  .shell-page__live-stack--press-kit .shell-page__live-block-title,
  .shell-page__live-stack--support .shell-page__live-block-title,
  .shell-page__live-stack--cms-standard .shell-page__live-block-title,
  .shell-page__live-stack--utility .shell-page__live-block-title,
  .shell-page__live-stack--careers .shell-page__live-block-title,
  .shell-page__live-stack--brand-story .shell-page__live-block-copy p:not(.shell-page__live-block-type),
  .shell-page__live-stack--guide-index .shell-page__live-block-copy p:not(.shell-page__live-block-type),
  .shell-page__live-stack--press-kit .shell-page__live-block-copy p:not(.shell-page__live-block-type),
  .shell-page__live-stack--support .shell-page__live-block-copy p:not(.shell-page__live-block-type),
  .shell-page__live-stack--cms-standard .shell-page__live-block-copy p:not(.shell-page__live-block-type),
  .shell-page__live-stack--utility .shell-page__live-block-copy p:not(.shell-page__live-block-type),
  .shell-page__live-stack--careers .shell-page__live-block-copy p:not(.shell-page__live-block-type),
  .shell-page__live-stack--brand-story .shell-page__live-list,
  .shell-page__live-stack--guide-index .shell-page__live-list,
  .shell-page__live-stack--press-kit .shell-page__live-list,
  .shell-page__live-stack--support .shell-page__live-list,
  .shell-page__live-stack--cms-standard .shell-page__live-list,
  .shell-page__live-stack--utility .shell-page__live-list,
  .shell-page__live-stack--careers .shell-page__live-list,
  .shell-page__live-stack--brand-story .shell-page__live-block-cta,
  .shell-page__live-stack--guide-index .shell-page__live-block-cta,
  .shell-page__live-stack--press-kit .shell-page__live-block-cta,
  .shell-page__live-stack--support .shell-page__live-block-cta,
  .shell-page__live-stack--cms-standard .shell-page__live-block-cta,
  .shell-page__live-stack--utility .shell-page__live-block-cta,
  .shell-page__live-stack--careers .shell-page__live-block-cta {
    grid-column: auto;
    grid-row: auto;
  }
  .shell-page__live-block--banner,
  .shell-page__live-block--cta-band,
  .shell-page__live-block--media-banner,
  .shell-page__live-stack--support-hub .shell-page__live-block,
  .shell-page__live-stack--faq-index .shell-page__live-block,
  .shell-page__live-stack--contact-router .shell-page__live-block,
  .shell-page__live-stack--process .shell-page__live-block,
  .shell-page__live-stack--seller-landing .shell-page__live-block,
  .shell-page__live-stack--fees .shell-page__live-block,
  .shell-page__live-stack--policy .shell-page__live-block,
  .shell-page__live-stack--policy-index .shell-page__live-block {
    padding: 18px;
    border-radius: 20px;
  }
  .shell-page__live-block-title {
    font-size: 22px;
  }
  .shell-page__live-block-copy p:not(.shell-page__live-block-type),
  .shell-page__live-list {
    font-size: 15px;
  }
}



/*! [bundle] /styles/components/site-chrome-minimal.css */



/*! [bundle] already inlined above: /styles/tokens.css */





.page.page--shell { padding-top: 0; }
@media (max-width: 720px) { .page.page--shell { padding-top: 0; } }



.site-header.site-header--minimal {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  background: var(--color-page-bg);
  border-bottom: 0;
}

.site-header__minimal-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  padding: var(--space-3) var(--space-5);
  min-height: 64px;
}

.site-header__minimal-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  text-decoration: none;
  line-height: 0;
  flex: 0 0 auto;
}

.site-header__minimal-brand:hover,
.site-header__minimal-brand:focus-visible {
  opacity: 1;
}

.site-header__minimal-logo {
  display: inline-flex;
  align-items: center;
  width: 109px;
  height: 42px;
}

.site-header__minimal-logo img {
  display: block;
  height: 36px;
  width: 109px;
  object-fit: contain;
  flex: 0 0 auto;
}

.site-header__minimal-nav {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.site-header__minimal-link {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-pill);
  color: var(--color-ink-soft);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: var(--font-size-caption);
  font-weight: 500;
  transition:
    color var(--duration-fast) var(--ease-standard);
}

.site-header__minimal-link::before,
.site-header__minimal-cta::before,
.site-header__minimal-account::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: transparent;
  pointer-events: none;
  z-index: -1;
  transform-origin: center;
  transition: background-color var(--duration-fast) var(--ease-standard);
}

.site-header__minimal-link:hover,
.site-header__minimal-link:focus-visible {
  color: var(--color-ink);
}

.site-header__minimal-link:hover::before,
.site-header__minimal-link:focus-visible::before,
.site-header__minimal-cta:hover::before,
.site-header__minimal-cta:focus-visible::before,
.site-header__minimal-account:hover::before,
.site-header__minimal-account:focus-visible::before {
  background: var(--popup-hover);
  animation: header-pop-bounce-soft var(--header-primary-hover-bounce-duration, 0.44s) var(--header-primary-hover-bounce-easing, cubic-bezier(0.22, 1, 0.28, 1)) both;
}


.site-header__minimal-cta {
  position: relative;
  isolation: isolate;
  overflow: visible;
  min-height: 44px;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-pill);
  color: var(--color-ink);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: var(--font-size-caption);
  font-weight: 600;
  letter-spacing: 0.01em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    color var(--duration-fast) var(--ease-standard);
}

.site-header__minimal-cta:hover,
.site-header__minimal-cta:focus-visible {
  color: var(--color-ink);
}


.site-header__minimal-account {
  position: relative;
  isolation: isolate;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 6px 12px 6px 6px;
  border-radius: var(--radius-pill);
  color: var(--color-ink);
  text-decoration: none;
  font-family: var(--font-body);
  transition:
    color var(--duration-fast) var(--ease-standard);
}

.site-header__minimal-account[hidden] { display: none !important; }
.site-header__minimal-cta[hidden] { display: none !important; }

.site-header__minimal-account:hover,
.site-header__minimal-account:focus-visible {
  color: var(--color-ink);
}

.site-header__minimal-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3F6A60 0%, #2C4F47 100%);
  color: var(--color-cream);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-family: var(--font-body);
  flex-shrink: 0;
}

.site-header__minimal-avatar.has-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}

.site-header__minimal-account-text {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.1;
  min-width: 0;
}

.site-header__minimal-account-name {
  font-size: var(--font-size-caption);
  font-weight: 600;
  color: var(--color-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 18ch;
}

.site-header__minimal-account-email {
  font-size: 11px;
  color: var(--color-ink-soft);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 18ch;
}

@media (max-width: 640px) {
  .site-header__minimal-inner {
    padding: var(--space-3) var(--space-4);
    gap: var(--space-3);
  }
  .site-header__minimal-link {
    display: none; 
  }
  .site-header__minimal-account-text {
    display: none; 
  }
  .site-header__minimal-account {
    padding: 4px;
  }
}



.site-footer.site-footer--minimal {
  background: var(--color-page-bg);
  border-top: 0;
  color: var(--color-ink-soft);
  padding: var(--space-6) 0 var(--space-5);
}

.site-footer__minimal-inner {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.site-footer__minimal-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  flex-wrap: wrap;
}

.site-footer__minimal-row--bottom {
  padding-top: var(--space-3);
  border-top: 0;
  font-size: var(--font-size-caption);
}

.site-footer__minimal-brand {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-decoration: none;
  line-height: 0;
}

.site-footer__minimal-brand:hover,
.site-footer__minimal-brand:focus-visible {
  opacity: 1;
}

.site-footer__minimal-logo {
  display: block;
  height: 30px;
  width: auto;
  object-fit: contain;
}

.site-footer__minimal-nav {
  display: inline-flex;
  align-items: center;
  gap: var(--space-5);
  flex-wrap: wrap;
}

.site-footer__minimal-nav a {
  color: var(--color-ink-soft);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: var(--font-size-caption);
  font-weight: 500;
  transition: color var(--duration-fast) var(--ease-standard);
  
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 2px;
}

.site-footer__minimal-nav a:hover,
.site-footer__minimal-nav a:focus-visible {
  color: var(--color-ink);
}

.site-footer__minimal-meta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: var(--font-size-caption);
}

.site-footer__minimal-divider {
  color: var(--color-slate);
}

.site-footer__minimal-locale {
  color: var(--color-ink-soft);
}

.site-footer__minimal-legal {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
}

.site-footer__minimal-legal a {
  color: var(--color-ink-soft);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: var(--font-size-caption);
  transition: color var(--duration-fast) var(--ease-standard);
}

.site-footer__minimal-legal a:hover,
.site-footer__minimal-legal a:focus-visible {
  color: var(--color-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 640px) {
  .site-footer__minimal-row {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
  }
  .site-footer__minimal-row--bottom {
    align-items: flex-start;
  }
  .site-footer__minimal-nav {
    gap: var(--space-4);
  }

  .site-footer__minimal-nav a,
  .site-footer__minimal-legal a {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}



/*! [bundle] /styles/components/header-search-icons.css */



/*! [bundle] already inlined above: /styles/tokens.css */




.header-desktop-search-shell.has-sparkle-prefix {
  position: relative;
}

.header-desktop-search-shell .header-search-sparkle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  user-select: none;
  z-index: 2;
}


.header-desktop-search-shell .header-search-sparkle,
.header-desktop-search-shell .header-search-sparkle *,
.header-desktop-search-shell .header-search-sparkle__svg,
.header-desktop-search-shell .header-search-sparkle__svg *,
.header-desktop-search-shell .header-search-sparkle__main,
.header-desktop-search-shell .header-search-sparkle__small,
.header-desktop-search-shell .header-search-sparkle__dot {
  stroke: none !important;
  stroke-width: 0 !important;
}

.header-desktop-search-shell .header-search-sparkle__svg {
  width: 44px;
  height: 44px;
  display: block;
  
  animation: lume-sparkle-breathe 3s ease-in-out infinite;
  transform-origin: 50% 50%;
  will-change: transform;
}

@keyframes lume-sparkle-breathe {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.08); }
}


.header-desktop-search-shell:hover .header-search-sparkle__svg,
.header-desktop-search-shell:focus-within .header-search-sparkle__svg {
  animation-duration: 1.6s;
}


@media (prefers-reduced-motion: reduce) {
  .header-desktop-search-shell .header-search-sparkle__svg {
    animation: none;
  }
}

@media (max-width: 720px) {
  .header-desktop-search-shell .header-search-sparkle {
    width: 36px;
    height: 36px;
    top: 4px;
    left: 4px;
  }
  .header-desktop-search-shell .header-search-sparkle__svg {
    width: 36px;
    height: 36px;
  }
}


.header-desktop-search-shell.has-sparkle-prefix .header-desktop-search-text {
  padding-left: 35px !important;
}


.header-search-hints {
  padding-left: 33px !important;
}

.fixed-header .header-search-native-text,
.fixed-header .header-search-hints {
  color: var(--color-forest) !important;
  border-color: currentColor;
  outline-color: currentColor;
}

.fixed-header .header-search-input::placeholder {
  color: var(--color-forest) !important;
}

.fixed-header .header-search-active-outline {
  stroke: var(--color-forest) !important;
}

.fixed-header .header-mic-bubble.is-hover {
  fill: rgba(63, 106, 96, 0.08) !important;
}


.header-desktop-search-shell.has-sparkle-prefix:focus-within,
.header-desktop-search-shell.has-sparkle-prefix.is-typing {
  animation: lume-active-shimmer 4s ease-in-out infinite;
  transition:
    border-color 240ms cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 240ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes lume-active-shimmer {
  0%, 100% {
    border-color: var(--color-forest);
    box-shadow: color-mix(in srgb, var(--color-forest) 55%, transparent) 0 0 0 2px;
  }
  25% {
    border-color: var(--color-forest-dark);
    box-shadow: color-mix(in srgb, var(--color-forest-dark) 52%, transparent) 0 0 0 2px;
  }
  50% {
    border-color: var(--color-forest);
    box-shadow: color-mix(in srgb, var(--color-forest) 60%, transparent) 0 0 0 2.5px;
  }
  75% {
    border-color: var(--color-forest-dark);
    box-shadow: color-mix(in srgb, var(--color-forest-dark) 54%, transparent) 0 0 0 2px;
  }
}


.header-desktop-search-shell.has-sparkle-prefix .header-desktop-search-mic {
  transition:
    opacity 220ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 220ms cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0s;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.header-desktop-search-shell.has-sparkle-prefix.is-typing .header-desktop-search-mic {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.85);
  
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  flex: 0 0 0 !important;
  transition:
    opacity 220ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 220ms cubic-bezier(0.4, 0, 0.2, 1),
    width 260ms cubic-bezier(0.4, 0, 0.2, 1),
    margin 260ms cubic-bezier(0.4, 0, 0.2, 1),
    padding 260ms cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 220ms;
  pointer-events: none;
}


.header-desktop-search-shell.has-sparkle-prefix .header-desktop-search-mic {
  transition:
    opacity 220ms cubic-bezier(0.4, 0, 0.2, 1),
    transform 220ms cubic-bezier(0.4, 0, 0.2, 1),
    width 260ms cubic-bezier(0.4, 0, 0.2, 1),
    margin 260ms cubic-bezier(0.4, 0, 0.2, 1),
    padding 260ms cubic-bezier(0.4, 0, 0.2, 1);
}


.header-desktop-search-shell.has-sparkle-prefix .header-desktop-search-submit-label {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 180ms cubic-bezier(0.4, 0, 0.2, 1) 200ms,
    visibility 0s linear 200ms;
}

.header-desktop-search-shell.has-sparkle-prefix.is-typing .header-desktop-search-submit-label {
  display: none;
  opacity: 0;
  visibility: hidden;
  
  transition:
    opacity 0s,
    visibility 0s;
}

.fixed-header .header-desktop-search-submit.is-send-state .header-desktop-search-submit-label {
  display: none;
}


.header-desktop-search-shell.has-sparkle-prefix.is-typing .header-desktop-search-submit {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 44px !important;
  padding: 0 !important;
  flex-shrink: 0;
  transition:
    width 260ms cubic-bezier(0.4, 0, 0.2, 1),
    min-width 260ms cubic-bezier(0.4, 0, 0.2, 1),
    max-width 260ms cubic-bezier(0.4, 0, 0.2, 1);
}


.header-desktop-search-shell.has-sparkle-prefix.is-typing .header-desktop-search-submit::before {
  animation: lume-submit-shimmer 4s ease-in-out infinite;
  transition: background-color 240ms cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes lume-submit-shimmer {
  0%, 100% { background-color: var(--color-forest); }
  25%      { background-color: var(--color-forest-dark); }
  50%      { background-color: var(--color-forest); }
  75%      { background-color: var(--color-forest-dark); }
}

.header-desktop-search-active-outline {
  border-color: color-mix(in srgb, var(--color-forest) 65%, transparent) !important;
}

.header-mobile-search-btn {
  background: var(--color-forest) !important;
}

.header-mobile-search-page-field {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-forest) 16%, transparent) !important;
}

.header-burger-signin-avatar:not(.has-image) {
  background: color-mix(in srgb, var(--color-forest) 22%, transparent) !important;
  border-color: var(--color-forest) !important;
  color: var(--color-forest) !important;
}

.header-burger-signin-avatar svg path {
  stroke: currentColor !important;
}

.header-cart-card-thumb,
.header-cart-card-thumb-blank {
  border-color: var(--color-forest) !important;
  color: var(--color-forest) !important;
}

.header-desktop-search-shell.has-sparkle-prefix.is-typing .header-desktop-search-submit-icon {
  
  left: 28px !important;
  top: 12px !important;
  transition:
    left 260ms cubic-bezier(0.4, 0, 0.2, 1),
    top 260ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 200ms ease;
}


.header-desktop-search-shell.has-sparkle-prefix .header-desktop-search-submit {
  transition:
    width 260ms cubic-bezier(0.4, 0, 0.2, 1),
    min-width 260ms cubic-bezier(0.4, 0, 0.2, 1),
    max-width 260ms cubic-bezier(0.4, 0, 0.2, 1);
}



.header-desktop-search-shell .header-desktop-search-submit-icon--send {
  
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform 0s;
}

.header-desktop-search-shell .header-desktop-search-submit-icon {
  opacity: 1;
  transition:
    opacity 220ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
    left 260ms cubic-bezier(0.4, 0, 0.2, 1),
    top 260ms cubic-bezier(0.4, 0, 0.2, 1);
}


.header-desktop-search-shell.has-sparkle-prefix.is-typing .header-desktop-search-submit-icon:not(.header-desktop-search-submit-icon--send) {
  opacity: 0;
  transition: opacity 0s;
}

.header-desktop-search-shell.has-sparkle-prefix.is-typing .header-desktop-search-submit-icon--send {
  
  opacity: 1 !important;
  transform: scale(1);
  
  transition: transform 360ms cubic-bezier(0.34, 1.56, 0.64, 1) 100ms;
  left: 28px !important;
  top: 12px !important;
}


.header-desktop-search-submit-icon {
  transition:
    opacity 200ms ease,
    left 260ms cubic-bezier(0.4, 0, 0.2, 1),
    top 260ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 881px) and (max-width: 959px) {
  .fixed-header .header-desktop-search-submit {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    border-radius: 26px !important;
    overflow: hidden;
  }

  .fixed-header .header-desktop-search-submit-label {
    display: none !important;
  }

  .fixed-header .header-desktop-search-submit-icon {
    left: 16px !important;
    top: 12px !important;
  }

  .fixed-header .header-desktop-search-shell.has-sparkle-prefix.is-typing .header-desktop-search-submit-icon:not(.header-desktop-search-submit-icon--send) {
    opacity: 1 !important;
    left: 16px !important;
    top: 12px !important;
  }

  .fixed-header .header-desktop-search-shell.has-sparkle-prefix.is-typing .header-desktop-search-submit-icon--send {
    opacity: 0 !important;
    left: 16px !important;
    top: 12px !important;
    transform: scale(0) !important;
  }
}



/*! [bundle] /styles/components/index-page.css */



.page--home {
  --home-bg: #f8f1eb;
  --home-ink: #232030;
  --home-ink-soft: #5f5b69;
  --home-hairline: #D9D5D0;
  --home-accent: #3F6A60;
  
  --home-accent-blue: #5F4B74;
  --home-accent-brown: #6B5043;
  --home-radius-lg: 24px;
  --home-radius-md: 20px;
  --home-radius-sm: 16px;
  --home-radius-pill: 999px;
  --home-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --home-ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
}

.homepage-live-content__image,
.media-slot__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

[data-homepage-media-slot] {
  overflow: hidden;
}

[data-homepage-media-slot] > .homepage-live-content__image {
  border-radius: inherit;
}




main, .page-main {
  transition: padding-right 480ms var(--home-ease);
}

.site-footer {
  transition: margin-right 480ms var(--home-ease);
}

@media (min-width: 961px) {
  
  body.is-ai-panel-open:not(.page--gift-room) {
    width: auto;
    --homepage-shell-width: var(--jp-page-shell-width);
    --homepage-rail-arrow-overhang: 27px;
    --homepage-rail-fade-overhang: 26px;
    --homepage-rail-fade-width: 52px;
    --homepage-rail-overlay-reserve: 0px;
  }

  
  body.is-ai-panel-open:not(.page--gift-room) .hero-home,
  body.is-ai-panel-open:not(.page--gift-room) .auth-home-hero,
  body.is-ai-panel-open:not(.page--gift-room) .auth-event-banner,
  body.is-ai-panel-open:not(.page--gift-room) [class$="__inner"],
  body.is-ai-panel-open:not(.page--gift-room) [class$="__frame"],
  body.is-ai-panel-open:not(.page--gift-room) [class*="__inner "],
  body.is-ai-panel-open:not(.page--gift-room) [class*="__frame "] {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  
  body.is-ai-panel-open:not(.page--gift-room) > main,
  body.is-ai-panel-open:not(.page--gift-room) .page-main {
    padding-right: clamp(0px, calc(2122px - 100vw), 326px);
  }

  
  body.is-ai-panel-open:not(.page--gift-room) .site-footer {
    margin-right: clamp(0px, calc(2122px - 100vw), 326px);
  }

  body.is-ai-panel-open:not(.page--gift-room) .hero-home {
    --hero-side-w: 0px;
  }

  body.is-ai-panel-open:not(.page--gift-room) .hero-home__slide {
    grid-template-columns: 1fr;
    gap: 0;
  }

  body.is-ai-panel-open:not(.page--gift-room) .hero-home__side {
    display: none;
  }

  body.is-ai-panel-open:not(.page--gift-room) .hero-home__main {
    grid-template-columns: minmax(0, 1fr) clamp(240px, 32%, 320px);
  }

  body.page--homepage.is-ai-panel-open:not(.is-homepage-authenticated) .hero-home[data-recently-viewed-guest-only] {
    --homepage-guest-lume-hero-trim: clamp(0px, calc(1798px - 100vw), 30px);
    width: calc(
      var(--homepage-shell-width, min(1372px, calc(100% - 68px))) +
      (var(--hero-shadow-buffer) * 2) -
      var(--homepage-guest-lume-hero-trim)
    );
  }
}

@media (min-width: 961px) and (max-width: 1439px) {
  
  body.is-ai-panel-open:not(.page--gift-room) > main,
  body.is-ai-panel-open:not(.page--gift-room) .page-main {
    padding-right: 345px;
  }

  body.is-ai-panel-open:not(.page--gift-room) .site-footer {
    margin-right: 345px;
  }
}


@media (min-width: 961px) {
  body.is-ai-panel-open:not(.page--gift-room) .site-footer__meta-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 28px;
  }

  body.is-ai-panel-open:not(.page--gift-room) .site-footer__copyright {
    justify-self: auto;
  }

  body.is-ai-panel-open:not(.page--gift-room) .site-footer__legal {
    flex-wrap: wrap;
    justify-content: flex-start;
    min-width: 0;
  }
}


.home-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  height: 46px;
  border: 0;
  border-radius: var(--home-radius-pill);
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  isolation: isolate;
  background: transparent;
  color: inherit;
  
  text-decoration: none;
  transition: color 180ms var(--home-ease);
}

.home-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  transform: scale(1);
  transform-origin: center;
  transition: transform 180ms var(--home-ease),
              background-color 180ms var(--home-ease),
              border-color 180ms var(--home-ease);
  will-change: transform;
}

.home-cta:hover::before,
.home-cta:focus-visible::before {
  transform: scale(1.04);
}

.home-cta:focus-visible {
  outline: 2px solid rgba(255, 249, 241, 0.65);
  outline-offset: 3px;
}

.home-cta__label {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  line-height: 1.15;
}

.home-cta svg {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}


.home-cta--ink { color: var(--color-cream); }
.home-cta--ink::before { background: var(--home-ink); }

.home-cta--ghost-on-dark { color: var(--color-cream); }
.home-cta--ghost-on-dark::before {
  background: transparent;
  border: 1px solid rgba(255, 249, 241, 0.5);
}
.home-cta--ghost-on-dark:hover::before {
  background: rgba(255, 249, 241, 0.12);
  border-color: var(--color-cream);
}


.hero-home[data-hero-carousel]:not([data-hero-ready="1"]) {
  visibility: hidden;
}

.hero-home {
  --hero-radius: var(--home-radius-lg);
  --hero-pad-y: 36px;
  --hero-pad-x: 36px;
  --hero-card-h: 360px;
  --hero-shadow-buffer: 5px;
  --hero-slide-duration: 880ms;
  --hero-slide-ease: cubic-bezier(0.25, 0.74, 0.22, 1);
  
  --hero-side-w: var(--hero-card-h);
  --hero-gap: 16px;

  position: relative;
  
  width: calc(var(--homepage-shell-width, min(1372px, calc(100% - 68px))) + (var(--hero-shadow-buffer) * 2));
  max-width: calc(1372px + (var(--hero-shadow-buffer) * 2));
  margin-inline: auto;
  isolation: isolate;
  container-type: inline-size;
  box-sizing: border-box;
  padding-block: 18px 0;
  padding-inline: 0;
}

.hero-home__viewport {
  position: relative;
  width: 100%;
  margin-inline: 0;
  padding: var(--hero-shadow-buffer);
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--hero-radius);
  z-index: 0;
  box-shadow: none;
  transition: none;
}

.hero-home__viewport::before,
.hero-home__viewport::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(var(--hero-shadow-buffer) + 1px);
  background: var(--page-bg, #f8f1eb);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transition: opacity 120ms linear;
}

.hero-home__viewport::before {
  left: 0;
}

.hero-home__viewport::after {
  right: 0;
}

.hero-home.is-hero-animating .hero-home__viewport::before,
.hero-home.is-hero-animating .hero-home__viewport::after {
  opacity: 1;
}

.hero-home__track {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  transition: transform var(--hero-slide-duration) var(--hero-slide-ease);
  will-change: transform;
}

.hero-home:not(.is-hero-animating) .hero-home__slide[aria-hidden="true"] {
  visibility: hidden;
}

.hero-home__slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--hero-side-w);
  gap: var(--hero-gap);
  min-height: var(--hero-card-h);
  box-sizing: border-box;
  
  padding: 0;
}


.hero-home__main {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 0;
  align-self: stretch;
  border-radius: var(--hero-radius);
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
  min-height: var(--hero-card-h);
  height: var(--hero-card-h);
  box-shadow: none;
  transition: box-shadow 180ms ease;
}

.hero-home__main--green { background: var(--home-accent);       color: var(--color-cream); }
.hero-home__main--blue  { background: var(--home-accent-blue);  color: var(--color-cream); }
.hero-home__main--brown { background: var(--home-accent-brown); color: var(--color-cream); }

.hero-home__lead {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  padding: var(--hero-pad-y) var(--hero-pad-x);
}

.hero-home__title {
  margin: 0;
  font-family: var(--font-headline, 'Fraunces', serif);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: 0;
  color: var(--color-cream);
}

.hero-home__subtitle {
  margin: 0;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255, 249, 241, 0.92);
  max-width: 520px;
}

.hero-home__actions {
  display: flex;
  gap: 10px;
  margin-top: 6px;
  flex-wrap: wrap;
}

.hero-home__slide--auth-match .hero-home__actions {
  display: none;
}


.hero-home__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ece8e1 0%, #d8d3ca 100%);
  min-height: 100%;
  height: 100%;
}

.hero-home__media img {
  transition: none;
}


.hero-home__side {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: start;
  width: 100%;
  height: var(--hero-side-w);
  min-height: 0;
  padding: 22px 24px 26px;
  border-radius: var(--hero-radius);
  overflow: hidden;
  color: var(--color-cream);
  isolation: isolate;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  box-shadow: none;
  transition: box-shadow 180ms ease;

  
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.55) 100%),
    linear-gradient(180deg, #fbe6cf 0%, #d6c8b6 60%, #2a2e3a 100%);
}

.hero-home__side::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.56) 100%);
}

.hero-home__side > .homepage-live-content__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.hero-home__main--is-link,
.hero-home__side--is-link {
  cursor: pointer;
}

@media (hover: hover) {
  .hero-home__main:hover,
  .hero-home__main:focus-within,
  .hero-home__side:hover,
  .hero-home__side:focus-visible,
  .hero-home__side--is-link:hover,
  .hero-home__side--is-link:focus-visible {
    box-shadow: var(--homepage-card-hover-shadow, var(--shadow-card-hover));
  }

}


@container (max-width: 1142px) {
  .hero-home__slide {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .hero-home__side {
    display: none;
  }

  .hero-home__main {
    grid-template-columns: minmax(0, 1fr) clamp(240px, 32%, 320px);
  }
}

.hero-home__side--blue {
  background: linear-gradient(180deg, #6d5684 0%, #4a3960 100%);
}

.hero-home__side--brown {
  background: linear-gradient(180deg, #8d6b59 0%, #5e4435 100%);
}

.hero-home__tag {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 6px 12px;
  background: var(--color-cream);
  color: var(--home-ink);
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 12px;
  font-weight: 700;
  border-radius: var(--home-radius-pill);
  z-index: 3;
}

.hero-home__side-copy {
  position: relative;
  z-index: 2;
}

.hero-home__side-title {
  margin: 0 0 6px;
  font-family: var(--font-headline, 'Fraunces', serif);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: 0;
}

.hero-home__side-subtitle {
  margin: 0;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 249, 241, 0.9);
}


.hero-home__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  transform: none;
}

.hero-home__arrow--hidden {
  display: none !important;
}


.hero-home__dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.hero-home__indicator {
  position: relative;
  width: 14px;
  height: 14px;
  border: 0;
  padding: 0;
  border-radius: 999px;
  background: var(--home-ink);
  cursor: pointer;
  transition: width 0.28s ease;
}


.hero-home__indicator::before {
  content: "";
  position: absolute;
  inset: 50% 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
  border-radius: inherit;
}

.hero-home__indicator:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.hero-home__indicator.is-active {
  width: 37px;
}

.hero-home__indicator-inner {
  position: absolute;
  left: 4px;
  top: 50%;
  width: 29px;
  height: 6px;
  border-radius: 999px;
  background: var(--color-cream);
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.hero-home__indicator.is-active .hero-home__indicator-inner {
  opacity: 1;
}

@media (max-width: 760px) {
  .hero-home__indicator {
    width: 14px;
    height: 14px;
    background: var(--home-ink);
    transition: width 0.28s ease;
  }

  .hero-home__indicator.is-active {
    width: 37px;
  }

  .hero-home__indicator-inner {
    left: 4px;
    transform: translateY(-50%);
  }
}




@media (max-width: 1142px) and (min-width: 961px) {
  .hero-home {
    --hero-card-h: 320px;
    --hero-side-w: 0px;
  }
  .hero-home__slide {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .hero-home__side {
    display: none;
  }
  .hero-home__main {
    grid-template-columns: minmax(0, 1fr) clamp(240px, 32%, 320px);
  }
  .hero-home__title {
    font-size: clamp(26px, 3.5vw, 36px);
  }
}


@media (max-width: 960px) and (min-width: 721px) {
  .hero-home {
    --hero-side-w: 0px;
    --hero-card-h: auto;
  }
  .hero-home__slide {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .hero-home__side {
    display: none;
  }
  .hero-home__main {
    grid-template-columns: minmax(0, 1fr) clamp(266px, 32%, 360px);
  }
  .hero-home__lead {
    padding: 30px 24px 26px;
  }
  .hero-home__title {
    font-size: clamp(28px, 4vw, 36px);
  }
}


@media (max-width: 720px) {
  .hero-home__nav {
    min-height: 50px;
    margin-top: 8px;
    padding: 2px 0 4px;
    overflow: visible;
  }

  .hero-home__dots {
    min-height: 44px;
    overflow: visible;
  }

  .hero-home__indicator {
    flex: 0 0 auto;
    overflow: visible;
  }

  .hero-home {
    --hero-radius: 20px;
    --hero-card-h: 350px;
    --hero-shadow-buffer: 0px;
    width: calc(var(--homepage-shell-width, calc(100% - 32px)) + (var(--hero-shadow-buffer) * 2));
    padding-block: 12px 0;
    padding-inline: 0;
  }
  .hero-home__viewport {
    border-radius: 0;
    overflow: hidden;
  }
  .hero-home__slide {
    grid-template-columns: 1fr;
    gap: 0;
    min-height: var(--hero-card-h);
  }
  .hero-home__side {
    display: none;
  }
  .hero-home__main {
    position: relative;
    display: block;
    height: var(--hero-card-h);
    min-height: var(--hero-card-h);
    border-radius: var(--hero-radius);
    background: var(--home-accent);
  }
  .hero-home__main::before {
    display: none;
  }
  .hero-home__main--blue {
    background: var(--home-accent-blue);
  }
  .hero-home__main--brown {
    background: var(--home-accent-brown);
  }
  .hero-home__lead {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
    padding: 0;
    text-align: center;
  }
  .hero-home__media {
    position: absolute;
    left: 0;
    right: 0;
    top: 170px;
    bottom: 0;
    height: auto;
    min-height: 0;
    border-radius: 50% 50% 0 0 / 36% 36% 0 0;
    overflow: hidden;
    z-index: 1;
  }
  .hero-home__media .media-slot__fallback {
    display: none;
  }
  .hero-home__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
  }
  .hero-home h1.hero-home__title,
  .hero-home h2.hero-home__title {
    position: absolute;
    left: 50%;
    top: 18px;
    width: min(calc(100% - 44px), 320px);
    margin: 0;
    font-size: 25px;
    line-height: 1.06;
    font-weight: 800;
    letter-spacing: 0;
    transform: translateX(-50%);
  }
  .hero-home__subtitle {
    position: absolute;
    left: 50%;
    top: 106px;
    width: min(calc(100% - 56px), 300px);
    margin: 0;
    font-size: 14px;
    line-height: 1.28;
    font-weight: 400;
    color: rgba(255, 249, 241, 0.96);
    transform: translateX(-50%);
  }
  .hero-home__actions {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: auto;
    margin: 0;
    display: block;
    z-index: 4;
  }
  .hero-home__actions .home-cta {
    flex: 0 0 auto;
  }
  .hero-home__actions .home-cta--ink {
    display: none;
  }
  .hero-home__actions .home-cta--ghost-on-dark {
    min-width: 174px;
    height: 44px;
    min-height: 44px;
    padding: 0 18px;
    color: #232030;
    font-size: 16px;
    font-weight: 800;
  }
  .hero-home__actions .home-cta--ghost-on-dark::before {
    background: var(--color-cream);
    border: 0;
  }

  .hero-home.hero-home--compact {
    --hero-card-h: 350px;
    width: calc(var(--homepage-shell-width, calc(100% - 32px)) + (var(--hero-shadow-buffer) * 2));
  }

  .hero-home.hero-home--compact h1.hero-home__title,
  .hero-home.hero-home--compact h2.hero-home__title {
    top: 18px;
    width: min(calc(100% - 44px), 320px);
    font-size: 26px;
    line-height: 1.06;
  }

  .hero-home.hero-home--compact .hero-home__subtitle {
    top: 98px;
    width: min(calc(100% - 56px), 292px);
    font-size: 14px;
    line-height: 1.25;
  }

  .hero-home.hero-home--compact .hero-home__media {
    top: 150px;
  }
}

@media (max-width: 720px) and (hover: hover) {
  .hero-home {
    --hero-shadow-buffer: 5px;
  }
}

@media (max-width: 380px) {
  .hero-home h1.hero-home__title,
  .hero-home h2.hero-home__title {
    top: 18px;
    font-size: 23px;
  }

  .hero-home__subtitle {
    top: 100px;
    width: min(calc(100% - 56px), 280px);
    font-size: 13px;
  }

  .hero-home.hero-home--compact h1.hero-home__title,
  .hero-home.hero-home--compact h2.hero-home__title {
    top: 18px;
    font-size: 24px;
    line-height: 1.06;
  }

  .hero-home.hero-home--compact .hero-home__subtitle {
    top: 96px;
    font-size: 13px;
  }

  .hero-home.hero-home--compact .hero-home__media {
    top: 144px;
  }
}



/*! [bundle] /styles/components/mobile-product-cards.css */

/*! [bundle] already inlined above: /styles/tokens.css */



@media (max-width: 760px) {

  
  .cat-card[data-product-card]:has(.cat-card__similar) {
    --cat-card-similar-band: calc(34px * var(--cat-card-mobile-readable, 1));
    --cat-card-similar-band-units: calc(34 * var(--cat-card-mobile-readable, 1));
  }

  .cards-grid,
  .search-page__group-grid,
  .search-page__group-loader-grid,
  .gr-ideas-grid,
  .featured-hub-marketplace__grid.cards-grid[data-featured-hub-product-grid] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: stretch;
    align-items: start;
    
    gap: 10px;
    row-gap: 5px;
    width: calc(100vw - 20px);
    margin-left: calc(50% - 50vw + 10px);
    margin-right: 0;
    padding-inline: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  .cards-grid > .cat-card[data-product-card],
  .search-page__group-grid > .cat-card[data-product-card],
  .gr-ideas-grid > .cat-card[data-product-card],
  .featured-hub-marketplace__grid.cards-grid[data-featured-hub-product-grid] > .cat-card[data-product-card] {
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: none;
    scroll-snap-align: none;
  }

  .cat-card[data-product-card].cat-card--media-square {
    --cat-card-h: calc(560 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 560;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  .cat-card[data-product-card].cat-card--media-tall {
    --cat-card-h: calc(630 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 630;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-h: calc(490 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 490;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card].cat-card--media-square,
  .page--search .search-page__group-grid .cat-card[data-product-card].cat-card--media-square,
  .page--search .cards-grid .cat-card[data-product-card].cat-card--media-square {
    --cat-card-h: calc(572 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 572;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  .cat-card[data-product-card] {
    --cat-card-title-lift: calc(1.5px * var(--cat-card-mobile-readable, 1));
    --cat-card-title-stack-offset: calc(4px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-size: calc(28px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-top: calc(8px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-left: calc(8px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-gap: calc(5px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-pad-x: calc(9px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-font-size: calc(10px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-ad-font-size: calc(12px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-icon-size: calc(11px * var(--cat-card-mobile-readable, 1));
  }

  .cat-card[data-product-card].cat-card--title-one-line {
    --cat-card-title-lift: calc(14px * var(--cat-card-mobile-readable, 1));
    --cat-card-title-stack-offset: 0px;
  }

  
  .cat-card[data-product-card] .cat-card__store-row,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card] .cat-card__store-row,
  .page--search .search-page__group-grid .cat-card[data-product-card] .cat-card__store-row,
  .page--search .cards-grid .cat-card[data-product-card] .cat-card__store-row {
    top: auto !important;
    bottom: calc(10px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  
  .cat-card[data-product-card] .cat-card__similar,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card] .cat-card__similar,
  .page--search .search-page__group-grid .cat-card[data-product-card] .cat-card__similar,
  .page--search .cards-grid .cat-card[data-product-card] .cat-card__similar {
    display: inline-flex;
    top: auto !important;
    bottom: calc(8px * var(--cat-card-mobile-readable, 1));
    left: calc(10px * var(--cat-card-mobile-readable, 1));
    right: auto;
    width: auto;
    max-width: calc(100% - 20px * var(--cat-card-mobile-readable, 1));
    height: calc(26px * var(--cat-card-mobile-readable, 1));
    padding: 0 calc(12px * var(--cat-card-mobile-readable, 1));
    gap: calc(7px * var(--cat-card-mobile-readable, 1));
    font-size: calc(11px * var(--cat-card-mobile-readable, 1));
    background: #f8f1eb;
  }

  .cat-card[data-product-card] .cat-card__similar-icon {
    width: calc(13px * var(--cat-card-mobile-readable, 1));
    height: calc(8px * var(--cat-card-mobile-readable, 1));
    flex-basis: calc(13px * var(--cat-card-mobile-readable, 1));
  }

  
  
  .cat-card[data-product-card] .cat-card__service-badge,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card] .cat-card__service-badge,
  .page--search .search-page__group-grid .cat-card[data-product-card] .cat-card__service-badge,
  .page--search .cards-grid .cat-card[data-product-card] .cat-card__service-badge {
    position: absolute;
    top: auto !important;
    bottom: calc(28px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  .cat-card[data-product-card] .cat-card__price,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card] .cat-card__price,
  .page--search .search-page__group-grid .cat-card[data-product-card] .cat-card__price,
  .page--search .cards-grid .cat-card[data-product-card] .cat-card__price {
    top: auto !important;
    bottom: calc(53px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  .cat-card[data-product-card].cat-card--no-service .cat-card__price,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card].cat-card--no-service .cat-card__price,
  .page--search .search-page__group-grid .cat-card[data-product-card].cat-card--no-service .cat-card__price,
  .page--search .cards-grid .cat-card[data-product-card].cat-card--no-service .cat-card__price {
    bottom: calc(28px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  .cat-card[data-product-card] .cat-card__title,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card] .cat-card__title,
  .page--search .search-page__group-grid .cat-card[data-product-card] .cat-card__title,
  .page--search .cards-grid .cat-card[data-product-card] .cat-card__title {
    top: auto !important;
    bottom: calc(72px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  .cat-card[data-product-card].cat-card--no-service .cat-card__title,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card].cat-card--no-service .cat-card__title,
  .page--search .search-page__group-grid .cat-card[data-product-card].cat-card--no-service .cat-card__title,
  .page--search .cards-grid .cat-card[data-product-card].cat-card--no-service .cat-card__title {
    bottom: calc(45px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  
  .cat-card[data-product-card] .cat-card__media {
    height: auto !important;
    top: 0;
    bottom: calc(120px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  .cat-card[data-product-card].cat-card--title-one-line .cat-card__media {
    bottom: calc(107px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  .cat-card[data-product-card].cat-card--no-service .cat-card__media {
    bottom: calc(93px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  .cat-card[data-product-card].cat-card--no-service.cat-card--title-one-line .cat-card__media {
    bottom: calc(80px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
  }

  
  .cat-card[data-product-card] { --cat-card-trim: 20; }
  .cat-card[data-product-card].cat-card--no-service { --cat-card-trim: 48; }
  .cat-card[data-product-card].cat-card--title-one-line { --cat-card-trim: 26; }
  .cat-card[data-product-card].cat-card--no-service.cat-card--title-one-line { --cat-card-trim: 38; }

  .featured-hub-root--gift-finder .featured-hub-marketplace__grid.cards-grid[data-featured-hub-product-grid]:not(.gf-prod-grid) .cat-card[data-product-card].cat-card--title-one-line {
    --cat-card-title-lift: calc(6.5px * var(--cat-card-mobile-readable, 1));
  }

  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card].cat-card--media-tall,
  .page--search .search-page__group-grid .cat-card[data-product-card].cat-card--media-tall,
  .page--search .cards-grid .cat-card[data-product-card].cat-card--media-tall {
    --cat-card-h: calc(630 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 630;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card].cat-card--media-wide,
  .page--search .search-page__group-grid .cat-card[data-product-card].cat-card--media-wide,
  .page--search .cards-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-h: calc(490 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 490;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  .cat-card[data-product-card] .cat-card__title {
    top: calc((327 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
    
    min-height: 0;
    font-size: calc(12.4px * var(--cat-card-mobile-readable, 1));
    font-weight: 700;
    line-height: 1.08;
    
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .cat-card[data-product-card].cat-card--title-one-line .cat-card__title {
    min-height: 0;
    -webkit-line-clamp: 1;
  }

  .cat-card[data-product-card] .cat-card__price {
    top: calc(
      (327 * var(--cat-card-unit-y)) +
      var(--cat-card-content-shift) +
      clamp(
        calc(29px * var(--cat-card-mobile-readable, 1)),
        calc((81 * var(--cat-card-unit-y)) - (14px * var(--cat-card-mobile-readable, 1))),
        calc(32px * var(--cat-card-mobile-readable, 1))
      ) +
      calc(0px * var(--cat-card-mobile-readable, 1)) -
      var(--cat-card-title-lift, 0px) +
      var(--cat-card-title-stack-offset, 0px) +
      var(--cat-card-price-gap-nudge, 0px)
    );
    gap: calc(3.5px * var(--cat-card-mobile-readable, 1));
  }

  .cat-card[data-product-card] .cat-card__currency,
  .cat-card[data-product-card] .cat-card__value-new {
    font-size: calc(16.2px * var(--cat-card-mobile-readable, 1));
    line-height: 1;
  }

  .cat-card[data-product-card] .cat-card__value-old {
    font-size: calc(13px * var(--cat-card-mobile-readable, 1));
  }

  .cat-card[data-product-card] .cat-card__service-badge {
    top: calc(
      (327 * var(--cat-card-unit-y)) +
      var(--cat-card-content-shift) +
      clamp(
        calc(49px * var(--cat-card-mobile-readable, 1)),
        calc((115 * var(--cat-card-unit-y)) - (14px * var(--cat-card-mobile-readable, 1))),
        calc(54px * var(--cat-card-mobile-readable, 1))
      ) +
      calc(0px * var(--cat-card-mobile-readable, 1)) -
      var(--cat-card-title-lift, 0px) +
      var(--cat-card-title-stack-offset, 0px)
    );
    height: calc(22px * var(--cat-card-mobile-readable, 1));
    max-width: calc(305 * var(--cat-card-unit-x));
  }

  
  .cat-card[data-product-card] .cat-card__service-badge-img {
    width: auto;
    max-width: min(calc(100px * var(--cat-card-mobile-readable, 1)), calc(305 * var(--cat-card-unit-x)));
    height: calc(15px * var(--cat-card-mobile-readable, 1));
  }

  .cat-card[data-product-card] .cat-card__service-badge--signal {
    height: calc(22px * var(--cat-card-mobile-readable, 1));
    max-width: min(calc(190px * var(--cat-card-mobile-readable, 1)), calc(305 * var(--cat-card-unit-x)));
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--intent-feedback-alert-strong);
    font-size: calc(10.6px * var(--cat-card-mobile-readable, 1));
    line-height: 1.15;
  }

  body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] {
    height: calc(22px * var(--cat-card-mobile-readable, 1));
    max-width: calc(86px * var(--cat-card-mobile-readable, 1));
    padding: 0 calc(7px * var(--cat-card-mobile-readable, 1));
    border-radius: calc(999 * var(--cat-card-unit-x));
    background: var(--color-forest);
    color: var(--color-cream);
    font-family: "Inter", Arial, sans-serif;
    font-size: calc(8.8px * var(--cat-card-mobile-readable, 1));
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before {
    content: attr(data-jp-visible-label);
  }

  body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img {
    display: none;
  }

  .cat-card[data-product-card] .cat-card__store-row {
    top: calc(
      (327 * var(--cat-card-unit-y)) +
      var(--cat-card-content-shift) +
      clamp(
        calc(74px * var(--cat-card-mobile-readable, 1)),
        calc((161 * var(--cat-card-unit-y)) - (14px * var(--cat-card-mobile-readable, 1))),
        calc(79px * var(--cat-card-mobile-readable, 1))
      ) +
      calc(-3px * var(--cat-card-mobile-readable, 1)) -
      var(--cat-card-title-lift, 0px) +
      var(--cat-card-title-stack-offset, 0px)
    );
    
    min-width: 0;
    min-height: calc(24px * var(--cat-card-mobile-readable, 1));
    height: auto;
    align-items: center;
    gap: calc(4px * var(--cat-card-mobile-readable, 1));
    padding: calc(2px * var(--cat-card-mobile-readable, 1)) calc(8px * var(--cat-card-mobile-readable, 1)) calc(2px * var(--cat-card-mobile-readable, 1)) calc(2px * var(--cat-card-mobile-readable, 1));
    font-size: calc(8.6px * var(--cat-card-mobile-readable, 1));
    max-width: min(calc(140px * var(--cat-card-mobile-readable, 1)), calc(280 * var(--cat-card-unit-x)));
  }

  .cat-card[data-product-card].cat-card--no-service .cat-card__store-row {
    top: calc(
      (327 * var(--cat-card-unit-y)) +
      var(--cat-card-content-shift) +
      clamp(
        calc(57px * var(--cat-card-mobile-readable, 1)),
        calc((139 * var(--cat-card-unit-y)) - (14px * var(--cat-card-mobile-readable, 1))),
        calc(62px * var(--cat-card-mobile-readable, 1))
      ) +
      calc(-9px * var(--cat-card-mobile-readable, 1)) -
      var(--cat-card-title-lift, 0px) +
      var(--cat-card-title-stack-offset, 0px)
    );
  }

  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card].cat-card--no-service .cat-card__store-row,
  .page--search .search-page__group-grid .cat-card[data-product-card].cat-card--no-service .cat-card__store-row,
  .page--search .cards-grid .cat-card[data-product-card].cat-card--no-service .cat-card__store-row {
    top: calc(
      (327 * var(--cat-card-unit-y)) +
      var(--cat-card-content-shift) +
      clamp(
        calc(57px * var(--cat-card-mobile-readable, 1)),
        calc((139 * var(--cat-card-unit-y)) - (14px * var(--cat-card-mobile-readable, 1))),
        calc(62px * var(--cat-card-mobile-readable, 1))
      ) +
      calc(-9px * var(--cat-card-mobile-readable, 1)) -
      var(--cat-card-title-lift, 0px) +
      var(--cat-card-title-stack-offset, 0px)
    );
  }

  .cat-card[data-product-card] .cat-card__store {
    
    min-width: 0;
    min-height: calc(18px * var(--cat-card-mobile-readable, 1));
    height: auto;
    padding: 0;
    background: none;
    font-size: calc(8.6px * var(--cat-card-mobile-readable, 1));
    justify-content: flex-start;
    align-items: center;
    line-height: 1.2;
    max-width: min(calc(120px * var(--cat-card-mobile-readable, 1)), calc(230 * var(--cat-card-unit-x)));
  }

  .cat-card[data-product-card] .cat-card__store-icon-wrap {
    width: calc(18px * var(--cat-card-mobile-readable, 1));
    height: calc(18px * var(--cat-card-mobile-readable, 1));
    flex: 0 0 calc(18px * var(--cat-card-mobile-readable, 1));
  }
  .cat-card[data-product-card] .cat-card__store-icon-wrap > svg,
  .cat-card[data-product-card] .cat-card__store-icon-wrap > img.cat-card__store-icon {
    width: calc(11px * var(--cat-card-mobile-readable, 1));
    height: calc(11px * var(--cat-card-mobile-readable, 1));
    display: block;
    flex: 0 0 auto;
    object-fit: contain;
  }

  .cat-card[data-product-card] .cat-card__store-notch {
    width: calc(8px * var(--cat-card-mobile-readable, 1));
    height: calc(13px * var(--cat-card-mobile-readable, 1));
    
    display: block !important;
    flex: 0 0 calc(8px * var(--cat-card-mobile-readable, 1));
  }

  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-media-height: 355px;
    
    --cat-card-h: calc(560 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    --cat-card-content-shift: 30px;
    aspect-ratio: 325 / 560;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__media-stats {
    right: calc(7px * var(--cat-card-mobile-readable, 1));
    bottom: calc(6px * var(--cat-card-mobile-readable, 1));
    gap: calc(4px * var(--cat-card-mobile-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__review-pill {
    height: calc(24px * var(--cat-card-mobile-readable, 1));
    padding-inline: calc(7px * var(--cat-card-mobile-readable, 1));
    gap: calc(3px * var(--cat-card-mobile-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__review-pill svg,
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__review-star,
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__review-icon {
    width: calc(12px * var(--cat-card-mobile-readable, 1));
    height: calc(12px * var(--cat-card-mobile-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__review-pill svg:nth-of-type(2),
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__review-icon--comment {
    width: calc(14px * var(--cat-card-mobile-readable, 1));
    height: calc(14px * var(--cat-card-mobile-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__rating-value {
    font-size: calc(12px * var(--cat-card-mobile-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__dot {
    width: calc(3px * var(--cat-card-mobile-readable, 1));
    height: calc(3px * var(--cat-card-mobile-readable, 1));
    margin-left: 0;
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__reaction {
    display: none;
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__cart[data-product-cart],
  body:not(.page--homepage).page--search.has-mobile-quick-nav .search-page__results .cat-card[data-product-source="jedipic"] .cat-card__cart[data-product-cart] {
    display: none;
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__store-notch {
    width: calc(8px * var(--cat-card-mobile-readable, 1));
    height: calc(13px * var(--cat-card-mobile-readable, 1));
    flex-basis: calc(8px * var(--cat-card-mobile-readable, 1));
    margin-top: calc(4.5px * var(--cat-card-mobile-readable, 1));
    margin-left: calc(-2px * var(--cat-card-mobile-readable, 1));
    margin-right: calc(-3.5px * var(--cat-card-mobile-readable, 1));
    border-radius: 0;
    clip-path: polygon(0 7.14%, 33.7% 33.95%, 61.8% 36.05%, 100% 0, 86.6% 58.6%, 100% 100%, 62.45% 64%, 31.7% 56.7%, 0 92.86%, 20.45% 44.12%);
  }

  
  .history-section--products .cat-card .history-card__commerce-facts {
    display: none;
  }

  
  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--no-service,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--no-service,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--no-service,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--no-service,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card].cat-card--no-service,
  .page--search .search-page__group-grid .cat-card[data-product-card].cat-card--no-service,
  .page--search .cards-grid .cat-card[data-product-card].cat-card--no-service {
    --cat-card-h: calc(522 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 522;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }
}


@media (max-width: 380px) {
  .cat-card[data-product-card] {
    --cat-card-price-gap-nudge: calc(6px * var(--cat-card-mobile-readable, 1));
  }
}

@media (min-width: 421px) and (max-width: 520px) {
  .page--search .cat-card[data-product-card].cat-card--title-one-line {
    --cat-card-title-lift: calc(6px * var(--cat-card-mobile-readable, 1));
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  body:not(.page--homepage) .cat-card[data-product-card] {
    --cat-card-tablet-readable: var(--cat-card-scale-inverse, 1);
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__title {
    font-size: calc(13px * var(--cat-card-tablet-readable, 1));
    line-height: 1.16;
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__currency,
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__value-new {
    font-size: calc(16px * var(--cat-card-tablet-readable, 1));
    line-height: 1;
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__value-old,
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__discount {
    font-size: calc(13px * var(--cat-card-tablet-readable, 1));
    line-height: 1;
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge {
    height: calc(18px * var(--cat-card-tablet-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge-img--digital,
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge-img--free-download {
    width: calc(116px * var(--cat-card-tablet-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge-img--shipping {
    width: calc(110px * var(--cat-card-tablet-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge--signal {
    height: calc(18px * var(--cat-card-tablet-readable, 1));
    font-size: calc(13px * var(--cat-card-tablet-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__store-row {
    min-height: 0;
    height: auto;
    align-items: center;
    gap: calc(5px * var(--cat-card-tablet-readable, 1));
    padding: calc(2px * var(--cat-card-tablet-readable, 1)) calc(10px * var(--cat-card-tablet-readable, 1)) calc(2px * var(--cat-card-tablet-readable, 1)) calc(2px * var(--cat-card-tablet-readable, 1));
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__store-icon-wrap {
    width: calc(21px * var(--cat-card-tablet-readable, 1));
    height: calc(21px * var(--cat-card-tablet-readable, 1));
    flex: 0 0 calc(21px * var(--cat-card-tablet-readable, 1));
  }
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__store-icon-wrap > svg,
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__store-icon-wrap > img.cat-card__store-icon {
    width: calc(13px * var(--cat-card-tablet-readable, 1));
    height: calc(13px * var(--cat-card-tablet-readable, 1));
    flex-basis: auto;
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__store {
    height: auto;
    padding: 0;
    background: none;
    font-size: calc(11px * var(--cat-card-tablet-readable, 1));
    line-height: 1.2;
  }
}

@media (max-width: 360px) {
  .cards-grid,
  .search-page__group-grid,
  .search-page__group-loader-grid,
  .gr-ideas-grid,
  .featured-hub-marketplace__grid.cards-grid[data-featured-hub-product-grid] {
    gap: 12px 8px;
  }

  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-wide,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card].cat-card--media-square,
  .page--search .search-page__group-grid .cat-card[data-product-card].cat-card--media-square,
  .page--search .cards-grid .cat-card[data-product-card].cat-card--media-square {
    --cat-card-h: calc(610 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 610;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }
}

@media (min-width: 560px) and (max-width: 760px) {
  body:not(.page--homepage) .cards-grid,
  body:not(.page--homepage) .search-page__group-grid,
  body:not(.page--homepage) .search-page__group-loader-grid,
  body:not(.page--homepage) .gr-ideas-grid,
  body:not(.page--homepage) .featured-hub-marketplace__grid.cards-grid[data-featured-hub-product-grid] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (min-width: 700px) and (max-width: 760px) {
  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) .cards-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) .search-page__group-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--homepage) [data-featured-hub-product-grid] .cat-card[data-product-card].cat-card--media-wide,
  .page--search.is-group-mode .search-page__group-grid .cat-card[data-product-card].cat-card--media-square,
  .page--search .search-page__group-grid .cat-card[data-product-card].cat-card--media-square,
  .page--search .cards-grid .cat-card[data-product-card].cat-card--media-square {
    --cat-card-h: calc(522 + var(--cat-card-similar-band-units, 0));
    --cat-card-height: calc((var(--cat-card-h) - var(--cat-card-trim, 0)) * 1px);
    aspect-ratio: 325 / 522;
    aspect-ratio: 325 / calc(var(--cat-card-h) - var(--cat-card-trim, 0));
  }
}




/*! [bundle] /styles/components/mobile-card-polish.css */

/*! [bundle] already inlined above: /styles/tokens.css */



body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label],
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] {
  min-width: 0;
  max-width: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before,
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before {
  content: none;
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img,
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img {
  display: block;
}

@media (max-width: 760px) {
  .cat-card[data-product-card] {
    --cat-card-corner-badge-size: calc(22px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-top: calc(7px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-left: calc(7px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-gap: calc(4px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-pad-x: calc(7px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-font-size: calc(8.5px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-ad-font-size: calc(10px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-icon-size: calc(9.5px * var(--cat-card-mobile-readable, 1));
  }

  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card] {
    --cat-card-scale-inverse: var(--search-card-scale-inverse, 1);
  }

  body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] {
    height: calc(22px * var(--cat-card-mobile-readable, 1));
    max-width: calc(86px * var(--cat-card-mobile-readable, 1));
    padding: 0 calc(7px * var(--cat-card-mobile-readable, 1));
    border-radius: calc(999 * var(--cat-card-unit-x));
    background: var(--color-forest);
    color: var(--color-cream);
    font-family: "Inter", Arial, sans-serif;
    font-size: calc(8.8px * var(--cat-card-mobile-readable, 1));
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before {
    content: attr(data-jp-visible-label);
  }

  body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img {
    display: none;
  }

  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 690px;
    aspect-ratio: 325 / 690;
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .gr-idea-product-card__similar-main {
    display: none;
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .cat-card__store-row {
    height: calc(22px * var(--cat-card-mobile-readable, 1));
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .gr-idea-product-card__primary-action {
    display: inline-flex !important;
    left: calc(10 * var(--cat-card-unit-x));
    right: auto;
    bottom: calc(10 * var(--cat-card-unit-y));
    width: calc(305 * var(--cat-card-unit-x));
    min-width: 0;
    height: calc(38px * var(--cat-card-mobile-readable, 1));
    min-height: calc(38px * var(--cat-card-mobile-readable, 1));
    padding: 0 calc(14px * var(--cat-card-mobile-readable, 1));
    gap: calc(7px * var(--cat-card-mobile-readable, 1));
    font-size: calc(12.5px * var(--cat-card-mobile-readable, 1));
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .gr-idea-product-card__primary-action .cat-card__cart-label {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .gr-idea-product-card__primary-action .gr-idea-product-card__action-icon {
    width: calc(17px * var(--cat-card-mobile-readable, 1));
    height: calc(17px * var(--cat-card-mobile-readable, 1));
    flex-basis: calc(17px * var(--cat-card-mobile-readable, 1));
  }
}

@media (min-width: 390px) and (max-width: 409px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 645px;
    aspect-ratio: 325 / 645;
  }
}

@media (min-width: 410px) and (max-width: 419px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 640px;
    aspect-ratio: 325 / 640;
  }
}

@media (min-width: 420px) and (max-width: 439px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 630px;
    aspect-ratio: 325 / 630;
  }
}

@media (min-width: 440px) and (max-width: 459px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 620px;
    aspect-ratio: 325 / 620;
  }
}

@media (min-width: 460px) and (max-width: 499px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 600px;
    aspect-ratio: 325 / 600;
  }
}

@media (min-width: 500px) and (max-width: 519px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 585px;
    aspect-ratio: 325 / 585;
  }
}

@media (min-width: 520px) and (max-width: 529px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 575px;
    aspect-ratio: 325 / 575;
  }
}

@media (min-width: 530px) and (max-width: 559px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 560px;
    aspect-ratio: 325 / 560;
  }
}

@media (min-width: 560px) and (max-width: 639px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 650px;
    aspect-ratio: 325 / 650;
  }
}

@media (min-width: 640px) and (max-width: 699px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 625px;
    aspect-ratio: 325 / 625;
  }
}

@media (min-width: 700px) and (max-width: 729px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 600px;
    aspect-ratio: 325 / 600;
  }
}

@media (min-width: 730px) and (max-width: 760px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 585px;
    aspect-ratio: 325 / 585;
  }
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label],
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] {
  min-width: 0;
  max-width: calc(305 * var(--cat-card-unit-x));
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before,
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before {
  content: none;
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img,
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img {
  display: block;
}



/*! [bundle] /styles/components/history.css */

/*! [bundle] already inlined above: /styles/tokens.css */



.page--history {
  --homepage-shell-width: var(--jp-page-shell-width);
  --homepage-shell-inset: var(--jp-page-shell-inset);
  --history-side-sticky-top: 90px;
  --history-cue-blue: var(--home-accent-blue, rgb(74 101 133));
  background: var(--intent-surface-page);
  overflow-x: clip;
  padding-top: 63px;
}

.history-page.section {
  padding: 0 0 12px;
}

body.page--history .history-page > .container {
  width: var(--homepage-shell-width);
  max-width: var(--jp-page-shell-max, 1372px);
  margin: 0 auto;
  padding-inline: var(--homepage-shell-inset);
  box-sizing: border-box;
}

@media (max-width: 1142px) {
  .page--history {
    --homepage-shell-width: var(--jp-page-shell-width);
    --homepage-shell-inset: var(--jp-page-shell-inset);
  }
}

@media (max-width: 760px) {
  .page--history {
    --homepage-shell-width: var(--jp-page-shell-width);
    --homepage-shell-inset: var(--jp-page-shell-inset);
  }
}

.history-page__intro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  margin: 0 0 18px;
  padding: 30px 0 8px;
  text-align: left;
  color: var(--intent-text-primary);
}

.history-page__intro-main {
  min-width: 0;
}

.history-page__title {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1.05;
  letter-spacing: 0;
  color: var(--color-ink);
  margin: 0 0 8px;
  font-weight: 650;
}

.history-page__lead {
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.3;
  color: var(--intent-text-primary);
  margin: 0;
  max-width: 660px;
}

.history-page__layout {
  display: grid;
  grid-template-columns: minmax(0, calc(100% - 344px)) minmax(286px, 300px);
  gap: 44px;
  align-items: start;
}

.history-page__main {
  min-width: 0;
}

.history-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 4px 0 14px;
  border-bottom: 1px solid var(--intent-surface-line);
}

.history-toolbar__heading {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--intent-text-primary);
}

.history-toolbar__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  padding: 0 9px;
  border-radius: var(--radius-pill, 999px);
  background: var(--intent-surface-sunken);
  color: var(--intent-text-primary);
  font-size: 13px;
  font-weight: 600;
}

.history-side-panel {
  position: sticky;
  top: var(--history-side-sticky-top);
  align-self: start;
  display: grid;
  gap: 22px;
  width: 100%;
  padding-top: 0;
}

.history-search {
  position: static !important;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 5px 14px 5px 11px;
  border: 1px solid var(--popup-control-border);
  border-radius: var(--radius-pill, 999px);
  background: var(--intent-surface-page);
  box-shadow: none;
  overflow: hidden;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.history-search:hover {
  border-color: var(--intent-brand-primary);
}

.history-search:focus-within {
  border-color: var(--intent-brand-primary);
  box-shadow:
    0 0 0 3px var(--color-ai-glow),
    inset 0 0 0 1px var(--intent-brand-primary);
}

.history-search__icon {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
  flex: 0 0 28px;
}

.history-search__input {
  width: 100%;
  min-width: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: var(--intent-text-primary);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  -webkit-appearance: none;
  appearance: none;
}

.history-search__input:focus,
.history-search__input:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.history-search__input::-webkit-search-decoration,
.history-search__input::-webkit-search-cancel-button,
.history-search__input::-webkit-search-results-button,
.history-search__input::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}

.history-search__input::placeholder {
  color: var(--intent-text-secondary);
  opacity: 0.78;
}

.history-actions {
  position: static !important;
  display: grid;
  gap: 8px;
}

.history-action {
  min-height: 44px;
  padding: 0 10px;
  border: 0;
  background: transparent;
  color: var(--intent-text-primary);
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  text-align: left;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.15;
  text-decoration: none;
  border-radius: 18px;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.history-action:hover,
.history-action:focus-visible {
  color: var(--intent-text-primary);
  background: var(--popup-hover);
}

.history-action:disabled,
.history-action[aria-disabled="true"] {
  cursor: default;
  opacity: 0.52;
}

.history-action:disabled:hover,
.history-action[aria-disabled="true"]:hover {
  background: transparent;
}

.history-action:focus-visible {
  outline: 2px solid var(--intent-brand-primary);
  outline-offset: 2px;
}

.history-action__icon {
  width: 21px;
  height: 21px;
  display: block;
  background: currentColor;
  -webkit-mask: var(--history-action-icon) center / contain no-repeat;
  mask: var(--history-action-icon) center / contain no-repeat;
}

.history-action__icon--trash {
  --history-action-icon: url("/assets/gift-room-icons/trash.svg");
}

.history-action__icon--pause {
  --history-action-icon: url("/assets/header-icons/history-pause.svg");
}

.history-action__icon--play {
  --history-action-icon: url("/assets/header-icons/history-play.svg");
}

.history-action__icon--settings {
  --history-action-icon: url("/assets/header-account-menu-icons/settings.svg");
}

.history-section--products {
  padding-top: 28px;
}

.history-section--products .cards-grid {
  margin-top: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: start;
  
  column-gap: 15px;
  row-gap: 8px;
}

.history-section--products .cards-grid[hidden],
.history-empty[hidden],
.history-no-results[hidden] {
  display: none !important;
}

.history-section--products .cat-card[data-product-card] {
  --cat-card-height: 482px;
  width: 100%;
  max-width: 325px;
  aspect-ratio: 325 / 482;
}


@media (min-width: 821px) {
  body.page--history .history-section--products .cat-card[data-product-card]:not(.cat-card--history-facts) {
    --cat-card-height: 395px;
    aspect-ratio: 325 / 395;
  }
}


@media (min-width: 761px) and (max-width: 820px) {
  body.page--history .history-section--products .cat-card[data-product-card]:not(.cat-card--history-facts) {
    --cat-card-height: 408px;
    aspect-ratio: 325 / 408;
  }
}


@media (min-width: 821px) {
  body.page--history .history-section--products .cat-card[data-product-card]:not(.cat-card--no-service):not(.cat-card--history-facts) {
    --cat-card-height: 415px;
    aspect-ratio: 325 / 415;
  }
}

@media (min-width: 761px) and (max-width: 820px) {
  body.page--history .history-section--products .cat-card[data-product-card]:not(.cat-card--no-service):not(.cat-card--history-facts) {
    --cat-card-height: 430px;
    aspect-ratio: 325 / 430;
  }
}


@media (min-width: 761px) {
  body.page--history .history-section--products .cat-card[data-product-card].cat-card--history-facts-two {
    --cat-card-height: 492px;
    aspect-ratio: 325 / 492;
  }
}

.history-section--products .cat-card--history-facts {
  --cat-card-height: 500px;
  aspect-ratio: 325 / 500;
}

.history-section--products .cat-card--history-facts-one:not([data-product-source="jedipic"]) {
  --cat-card-height: 482px;
  aspect-ratio: 325 / 482;
}

.history-section--products .cat-card--history-facts[data-product-source="jedipic"] {
  --cat-card-height: 522px;
  aspect-ratio: 325 / 522;
}


.history-section--products .cat-card--history-facts-one[data-product-source="jedipic"] {
  --cat-card-height: 482px;
  aspect-ratio: 325 / 482;
}

body.page--history.is-native-checkout-closed .history-section--products .cat-card[data-product-source="jedipic"] .cat-card__cart {
  display: inline-flex !important;
}

.history-section--products .history-card__commerce-facts {
  position: absolute;
  left: calc(9 * var(--cat-card-unit-x));
  right: calc(9 * var(--cat-card-unit-x));
  top: calc((428 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
  z-index: 3;
  display: grid;
  justify-items: start;
  gap: calc(5 * var(--cat-card-unit-y));
  color: var(--intent-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(11px, calc(13 * var(--cat-card-unit-x)), 13px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
}

.history-section--products .cat-card--no-service .history-card__commerce-facts {
  top: calc((402 * var(--cat-card-unit-y)) + var(--cat-card-content-shift));
}

.history-section--products .history-card__commerce-fact {
  min-width: 0;
  max-width: 100%;
  min-height: calc(26 * var(--cat-card-unit-y));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill, 999px);
  padding: calc(5 * var(--cat-card-unit-y)) calc(9 * var(--cat-card-unit-x));
  background: color-mix(in srgb, var(--intent-text-secondary) 18%, var(--intent-surface-raised));
  color: var(--intent-text-primary);
  box-sizing: border-box;
  white-space: nowrap;
}

.history-section--products .history-card__commerce-fact--urgency,
.history-section--products .history-card__commerce-fact--delivery {
  background: color-mix(in srgb, var(--intent-feedback-warning) 40%, var(--color-white));
  color: var(--intent-text-primary);
}

.history-section--products .history-card__commerce-fact--activity {
  background: color-mix(in srgb, var(--history-cue-blue) 62%, var(--color-white));
  color: var(--color-white);
}

.history-section--products .history-card__commerce-fact--shipping,
.history-section--products .history-card__commerce-fact--digital {
  background: color-mix(in srgb, var(--intent-brand-primary) 16%, var(--intent-surface-raised));
  color: var(--intent-brand-primary-strong);
}

.history-section--products .history-card__commerce-fact--popular {
  background: color-mix(in srgb, var(--intent-brand-primary) 20%, var(--intent-surface-raised));
  color: var(--intent-cta-ink);
}

.history-section--products .history-card__commerce-fact--occasion {
  background: color-mix(in srgb, var(--intent-feedback-alert-soft) 70%, var(--color-white));
  color: var(--intent-text-primary);
}

.history-section--products .history-card__commerce-fact--baby {
  background: color-mix(in srgb, var(--intent-feedback-warning-soft) 80%, var(--color-white));
  color: var(--intent-text-primary);
}

.history-section--products .history-card__commerce-fact--personal {
  background: color-mix(in srgb, var(--intent-brand-primary) 24%, var(--color-white));
  color: var(--intent-text-primary);
}

.history-section--products .history-card__commerce-fact--quick {
  background: color-mix(in srgb, var(--history-cue-blue) 24%, var(--color-white));
  color: var(--intent-text-primary);
}

.history-section--products .history-card__commerce-fact--home {
  background: color-mix(in srgb, var(--color-sand-dark) 78%, var(--color-white));
  color: var(--intent-text-primary);
}

.history-section--products .history-card__commerce-fact--returns,
.history-section--products .history-card__commerce-fact--options,
.history-section--products .history-card__commerce-fact--context,
.history-section--products .history-card__commerce-fact--status,
.history-section--products .history-card__commerce-fact--neutral {
  background: color-mix(in srgb, var(--intent-text-secondary) 30%, var(--color-white));
  color: var(--intent-text-primary);
}

.history-section--products .history-card__commerce-fact span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.history-empty {
  max-width: 640px;
  gap: 12px;
}

.history-empty__art {
  display: block;
  width: min(420px, 54vw);
  max-width: 100%;
  height: auto;
  margin: 0 auto 8px;
}

.history-empty .favorites-empty__cta {
  border-radius: var(--radius-pill, 999px);
}

@media (max-width: 640px) {
  .history-empty__art {
    width: min(280px, 78vw);
  }
}

.history-clear-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 20px;
  background: color-mix(in srgb, var(--intent-text-primary) 28%, transparent);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

body.history-clear-modal-open {
  overflow: hidden;
}

.history-clear-modal-overlay[hidden] {
  display: none;
}

.history-clear-modal-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}

.history-clear-modal-shell {
  width: min(390px, 100%);
}

.history-clear-modal {
  position: relative;
  display: grid;
  gap: 14px;
  width: 100%;
  padding: 23px 24px 22px;
  border: 1px solid var(--intent-surface-line);
  border-radius: var(--popup-radius);
  background: var(--intent-surface-raised);
  box-shadow: var(--popup-shadow);
  color: var(--intent-text-primary);
  transform: translateY(10px) scale(0.98);
  transition: transform 0.18s ease;
}

.history-clear-modal-overlay.is-open .history-clear-modal {
  transform: translateY(0) scale(1);
}

.history-clear-modal:focus {
  outline: 0;
}

.history-clear-modal__head {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

.history-clear-modal__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-pill, 999px);
  background: transparent;
  color: var(--intent-text-primary);
  flex: 0 0 44px;
  pointer-events: none;
}

.history-clear-modal__icon .history-action__icon {
  width: 22px;
  height: 22px;
}

.history-clear-modal__title {
  margin: 0;
  font-family: var(--popup-title-font, var(--font-display));
  font-size: var(--popup-title-size, 25px);
  font-weight: var(--popup-title-weight, 600);
  line-height: var(--popup-title-line-height, 1.16);
  letter-spacing: var(--popup-title-letter-spacing, 0);
  color: var(--intent-text-primary);
  min-width: 0;
}

.history-clear-modal__copy {
  margin: 0;
  color: var(--intent-text-secondary);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.history-clear-modal__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 2px;
}

.history-clear-modal__button {
  position: relative;
  isolation: isolate;
  min-height: 46px;
  padding: 0 22px;
  border: 0;
  border-radius: var(--radius-pill, 999px);
  background: transparent;
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  cursor: pointer;
  transform: none;
  box-shadow: none;
}

.history-clear-modal__button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--history-clear-modal-button-bg, transparent);
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.18s ease;
  will-change: transform;
}

.history-clear-modal__button--secondary {
  --history-clear-modal-button-bg: var(--intent-surface-raised);
  min-width: 142px;
  color: var(--intent-text-primary);
}

.history-clear-modal__button--primary {
  --history-clear-modal-button-bg: var(--intent-text-primary);
  min-width: 172px;
  color: var(--intent-brand-on);
}

.history-clear-modal__button--secondary:hover,
.history-clear-modal__button--secondary:focus-visible {
  box-shadow: var(--shadow-card-hover);
}

.history-clear-modal__button--primary:hover::before,
.history-clear-modal__button--primary:focus-visible::before {
  transform: scale(var(--hover-grow-scale));
}

.history-no-results {
  margin: 34px 0 50px;
  color: var(--intent-text-secondary);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .history-page__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  .history-side-panel {
    order: -1;
    padding-top: 0;
  }

  .history-actions {
    gap: 8px;
  }
}

@media (max-width: 951px) {
  .page--history {
    --history-side-sticky-top: 106px;
    padding-top: 89px;
  }
}

@media (max-width: 760px) {
  .history-side-panel {
    position: static;
    top: auto;
  }

  .history-page__title {
    font-size: 32px;
  }

  .history-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .history-section--products .cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .history-section--products .history-card__commerce-facts {
    top: calc(
      (466 * var(--cat-card-unit-y)) +
      var(--cat-card-content-shift) -
      var(--cat-card-title-lift, 0px)
    );
    gap: calc(4 * var(--cat-card-unit-y));
    font-size: calc(12px * var(--cat-card-mobile-readable, 1));
  }

  .history-section--products .cat-card--no-service .history-card__commerce-facts {
    top: calc(
      (444 * var(--cat-card-unit-y)) +
      var(--cat-card-content-shift) -
      var(--cat-card-title-lift, 0px)
    );
  }

  .history-section--products .history-card__commerce-fact {
    min-height: calc(24px * var(--cat-card-mobile-readable, 1));
    padding: calc(5px * var(--cat-card-mobile-readable, 1)) calc(8px * var(--cat-card-mobile-readable, 1));
  }

  .history-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .history-search {
    min-height: 48px;
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .history-search__input {
    font-size: 16px;
  }

  .history-clear-modal-overlay {
    align-items: end;
    padding: 16px 10px calc(16px + env(safe-area-inset-bottom, 0px));
  }

  .history-clear-modal-shell {
    width: 100%;
  }

  .history-clear-modal {
    gap: 13px;
    padding: 20px 18px 18px;
    border-radius: 22px;
  }

  .history-clear-modal__title {
    font-size: var(--popup-title-size, 25px);
    line-height: var(--popup-title-line-height, 1.16);
  }

  .history-clear-modal__copy {
    font-size: 14px;
  }

  .history-clear-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .history-clear-modal__button {
    min-width: 0;
    min-height: 44px;
    padding-inline: 12px;
    font-size: 14px;
  }
}

@media (max-width: 720px) {
  .page--history {
    padding-top: 68px;
  }
}

@media (max-width: 360px) {
  .history-section--products .history-card__commerce-facts {
    left: calc(5 * var(--cat-card-unit-x));
    right: calc(5 * var(--cat-card-unit-x));
    font-size: calc(11px * var(--cat-card-mobile-readable, 1));
  }

  .history-section--products .history-card__commerce-fact {
    padding: calc(4px * var(--cat-card-mobile-readable, 1)) calc(6px * var(--cat-card-mobile-readable, 1));
  }
}

body.page--history .history-clear-modal-overlay.is-open {
  opacity: 1 !important;
}


.history-more {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}


.history-more__sentinel {
  width: 100%;
  height: 1px;
  margin: 0;
  pointer-events: none;
}


.history-more__btn[hidden] {
  display: none;
}

.history-more__btn {
  min-width: 200px;
}

.history-more__status {
  margin: 0;
  color: var(--color-ink-soft);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 640px) {
  .history-more {
    margin-top: 28px;
    gap: 14px;
  }

  .history-more__status {
    font-size: 13px;
  }
}



/*! [bundle] /styles/components/store-name-scale.css */

:where(
  .cat-card__store-row,
  .personalized-card__store-row,
  .search-curated-card__seller,
  .gift-room-saved-product-card__store-row,
  .listing-side-card__shop-row,
  .listing-page__store-pill,
  .seller-contact__store-pill,
  .featured-store-pill
) {
  transform: scale(0.64) !important;
  transform-origin: left top !important;
}


:where(
  .cat-card__store-row,
  .personalized-card__store-row,
  .search-curated-card__seller,
  .gift-room-saved-product-card__store-row,
  .featured-store-pill
):is(a, button, [role="link"]):hover,
:where(
  .cat-card__store-row,
  .personalized-card__store-row,
  .search-curated-card__seller,
  .gift-room-saved-product-card__store-row,
  .featured-store-pill
):is(a, button, [role="link"]):focus-visible {
  transform: scale(0.678) !important;
}


@media (min-width: 761px) {
  .cards-grid:has(> .cat-card[data-product-card]),
  .search-page__group-grid:has(> .cat-card[data-product-card]),
  .featured-hub-marketplace__grid:has(> .cat-card[data-product-card]),
  .gf-prod-grid:has(> .cat-card[data-product-card]) {
    row-gap: 5px !important;
  }

  .cat-card[data-product-card] .cat-card__store-row {
    
    transform: scale(0.518) !important;
  }

  .cat-card[data-product-card] a.cat-card__store-row:hover,
  .cat-card[data-product-card] a.cat-card__store-row:focus-visible {
    
    transform: scale(0.549) !important;
  }

  
  .cat-card[data-product-card] .cat-card__store {
    font-size: 15.5px !important;
  }

}


@media (max-width: 760px) {
  .cards-grid:has(> .cat-card[data-product-card]),
  .search-page__group-grid:has(> .cat-card[data-product-card]),
  .featured-hub-marketplace__grid:has(> .cat-card[data-product-card]),
  .gf-prod-grid:has(> .cat-card[data-product-card]) {
    row-gap: 5px !important;
  }

  .cat-card[data-product-card] .cat-card__store-row {
    bottom: calc(5px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
    min-height: calc(15px * var(--cat-card-mobile-readable, 1)) !important;
    height: calc(15px * var(--cat-card-mobile-readable, 1)) !important;
    gap: calc(2.5px * var(--cat-card-mobile-readable, 1)) !important;
    padding: calc(0.5px * var(--cat-card-mobile-readable, 1)) calc(5px * var(--cat-card-mobile-readable, 1)) calc(0.5px * var(--cat-card-mobile-readable, 1)) calc(0.5px * var(--cat-card-mobile-readable, 1)) !important;
    font-size: calc(6.8px * var(--cat-card-mobile-readable, 1)) !important;
    transform: none !important;
  }


  
  .cat-card[data-product-card]:has(.cat-card__signals) .cat-card__store-row {
    bottom: calc(10px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  
  @media (hover: hover) {
    .cat-card[data-product-card] a.cat-card__store-row:hover,
    .cat-card[data-product-card] a.cat-card__store-row:focus-visible {
      transform: scale(1.06) !important;
    }
  }

  .cat-card[data-product-card] .cat-card__store {
    min-height: 0 !important;
    font-size: calc(6.8px * var(--cat-card-mobile-readable, 1)) !important;
    line-height: 1 !important;
  }

  .cat-card[data-product-card] .cat-card__store-icon-wrap {
    width: calc(11px * var(--cat-card-mobile-readable, 1)) !important;
    height: calc(11px * var(--cat-card-mobile-readable, 1)) !important;
    flex-basis: calc(11px * var(--cat-card-mobile-readable, 1)) !important;
  }

  .cat-card[data-product-card] .cat-card__store-icon-wrap > svg,
  .cat-card[data-product-card] .cat-card__store-icon-wrap > img.cat-card__store-icon {
    width: calc(7px * var(--cat-card-mobile-readable, 1)) !important;
    height: calc(7px * var(--cat-card-mobile-readable, 1)) !important;
  }

  
  .cat-card[data-product-card] .cat-card__service-badge {
    bottom: calc(23px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .cat-card[data-product-card] .cat-card__price {
    bottom: calc(48px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  
  .cat-card[data-product-card]:has(.cat-card__signals) .cat-card__price {
    bottom: calc(51px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }
  .cat-card[data-product-card]:has(.cat-card__signals) .cat-card__title {
    bottom: calc(70px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }
  .cat-card[data-product-card]:has(.cat-card__signals) .cat-card__media {
    bottom: calc(105px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }
  .cat-card[data-product-card].cat-card--title-one-line:has(.cat-card__signals) .cat-card__media {
    bottom: calc(91px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  
  .cat-card[data-product-card] .cat-card__signals:not(:has(.cat-card__service-badge)) {
    bottom: calc(37px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px));
    min-height: 0;
    align-content: flex-start;
    align-items: flex-start;
  }
  .cat-card[data-product-card]:has(.cat-card__signals):not(:has(.cat-card__service-badge)) .cat-card__store-row {
    bottom: calc(19px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  
  .cat-card[data-product-card].cat-card--signals-stacked .cat-card__price {
    bottom: calc(65px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }
  .cat-card[data-product-card].cat-card--signals-stacked .cat-card__title {
    bottom: calc(84px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }
  .cat-card[data-product-card].cat-card--signals-stacked .cat-card__media {
    bottom: calc(119px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }
  .cat-card[data-product-card].cat-card--signals-stacked.cat-card--title-one-line .cat-card__media {
    bottom: calc(105px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .cat-card[data-product-card].cat-card--no-service .cat-card__price {
    bottom: calc(23px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .cat-card[data-product-card] .cat-card__title {
    bottom: calc(67px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .cat-card[data-product-card].cat-card--no-service .cat-card__title {
    bottom: calc(42px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  
  .cat-card[data-product-card] .cat-card__media {
    bottom: calc(102px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  
  .shop-storefront .cat-card[data-product-card] .cat-card__media {
    position: absolute !important;
    top: 0 !important;
  }

  
  .shop-storefront .cat-card[data-product-card] .shop-interest-signal {
    
    top: auto !important;
    bottom: calc(5px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    min-height: 2.3em !important;
    overflow: hidden !important;
  }

  .shop-storefront .cat-card[data-product-card] .cat-card__service-badge {
    bottom: calc(29px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .shop-storefront .cat-card[data-product-card] .cat-card__price {
    bottom: calc(52px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .shop-storefront .cat-card[data-product-card] .cat-card__title {
    bottom: calc(71px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .shop-storefront .cat-card[data-product-card] .cat-card__media {
    bottom: calc(106px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .shop-storefront .cat-card[data-product-card].cat-card--title-one-line .cat-card__media {
    bottom: calc(92px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  
  .shop-storefront .cat-card[data-product-card]:not(.cat-card--has-interest) .cat-card__service-badge {
    bottom: calc(5px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .shop-storefront .cat-card[data-product-card]:not(.cat-card--has-interest) .cat-card__price {
    bottom: calc(28px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .shop-storefront .cat-card[data-product-card]:not(.cat-card--has-interest) .cat-card__title {
    bottom: calc(47px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .shop-storefront .cat-card[data-product-card]:not(.cat-card--has-interest) .cat-card__media {
    bottom: calc(82px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .shop-storefront .cat-card[data-product-card]:not(.cat-card--has-interest).cat-card--title-one-line .cat-card__media {
    bottom: calc(68px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  
  .shop-storefront .cards-grid .cat-card[data-product-card].cat-card--media-square {
    --cat-card-h: 489 !important;
    --cat-card-trim: 0 !important;
    --cat-card-height: 489px !important;
    aspect-ratio: 325 / 489 !important;
  }

  .shop-storefront .cards-grid .cat-card[data-product-card].cat-card--media-square:not(.cat-card--has-interest) {
    --cat-card-h: 443 !important;
    --cat-card-height: 443px !important;
    aspect-ratio: 325 / 443 !important;
  }

  
  body.page--gift-room .gr-ideas-grid .gift-room-saved-product-card.cat-card[data-product-card] .cat-card__media {
    bottom: auto !important;
  }

  .cat-card[data-product-card].cat-card--title-one-line .cat-card__media {
    bottom: calc(88px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .cat-card[data-product-card].cat-card--no-service .cat-card__media {
    bottom: calc(77px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  .cat-card[data-product-card].cat-card--no-service.cat-card--title-one-line .cat-card__media {
    bottom: calc(63px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  

  
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card],
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] {
    --jp-pad: 5;            
    --jp-step: 3;           
    --jp-store-h: 15;       
    
    --jp-price-h: 11.2;
    --jp-title-line: 12.1;  
    --jp-title-lines: 2;
    --jp-sig-block: 0;      
    
    --jp-swatch-block: 0;
    --jp-sig-bottom: calc(var(--jp-pad) + var(--jp-store-h) + var(--jp-step));
    --jp-price-bottom: calc(var(--jp-sig-bottom) + var(--jp-sig-block));
    --jp-title-bottom: calc(var(--jp-price-bottom) + var(--jp-price-h) + var(--jp-step));
    
    --cat-card-text-px: calc(var(--jp-title-bottom) + var(--jp-title-lines) * var(--jp-title-line) + 8 + var(--jp-swatch-block));
  }

  
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card].cat-card--title-one-line,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card].cat-card--title-one-line {
    --jp-title-lines: 1;
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card]:has(.cat-card__signals),
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card]:has(.cat-card__signals) {
    --jp-sig-block: 14;     
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card]:has(.cat-card__service-badge),
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card]:has(.cat-card__service-badge) {
    --jp-sig-block: 25;     
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card].cat-card--signals-stacked,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card].cat-card--signals-stacked {
    --jp-sig-block: 39;     
  }

  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card]:has(.cat-card__swatches),
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card]:has(.cat-card__swatches) {
    --jp-swatch-block: 8.5;
  }
  
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card.jp-swatch-band .cat-card__media,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card.jp-swatch-band .cat-card__media {
    margin-bottom: 0 !important;
  }

  
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card].cat-card--media-square,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card].cat-card--media-square {
    --cat-card-photo-units: 325;
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card].cat-card--media-tall,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card].cat-card--media-tall {
    --cat-card-photo-units: 342;
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card].cat-card--media-wide,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-photo-units: 258;
  }

  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card] .cat-card__media,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] .cat-card__media {
    height: calc(var(--cat-card-photo-units, 342) * 1px) !important;
    bottom: auto !important;
  }

  
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card],
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] {
    --cat-card-trim: calc(
      var(--cat-card-h) - var(--cat-card-photo-units, 342)
      - var(--cat-card-text-px) * var(--cat-card-mobile-readable, 1)
    );
  }

  
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card] .cat-card__store-row,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] .cat-card__store-row {
    top: auto !important;
    bottom: calc(var(--jp-pad) * 1px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card] .cat-card__signals,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] .cat-card__signals {
    top: auto !important;
    bottom: calc(var(--jp-sig-bottom) * 1px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card] .cat-card__price,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] .cat-card__price {
    top: auto !important;
    bottom: calc(var(--jp-price-bottom) * 1px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card] .cat-card__title,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] .cat-card__title {
    top: auto !important;
    bottom: calc(var(--jp-title-bottom) * 1px * var(--cat-card-mobile-readable, 1) + var(--cat-card-similar-band, 0px)) !important;
  }

  
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card] .cat-card__title,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] .cat-card__title {
    font-size: calc(11.2px * var(--cat-card-mobile-readable, 1)) !important;
    line-height: 1.08 !important;
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card] .cat-card__currency,
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card] .cat-card__value-new,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] .cat-card__currency,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] .cat-card__value-new {
    font-size: calc(11.2px * var(--cat-card-mobile-readable, 1)) !important;
    line-height: 1 !important;
    
    margin-inline-end: 0 !important;
  }
  body:not(.page--gift-room):not(.page--shop-storefront) .cards-grid .cat-card[data-product-card] .cat-card__value-old,
  body:not(.page--gift-room):not(.page--shop-storefront) .search-page__group-grid .cat-card[data-product-card] .cat-card__value-old {
    font-size: calc(11.5px * var(--cat-card-mobile-readable, 1)) !important;
  }

  
  .cat-card[data-product-card] .cat-card__similar {
    display: inline-flex !important;
    top: auto !important;
    bottom: calc(8px * var(--cat-card-mobile-readable, 1)) !important;
    left: calc(10px * var(--cat-card-mobile-readable, 1)) !important;
    right: auto !important;
    width: auto !important;
    max-width: calc(100% - 20px * var(--cat-card-mobile-readable, 1)) !important;
    height: calc(26px * var(--cat-card-mobile-readable, 1)) !important;
    padding: 0 calc(12px * var(--cat-card-mobile-readable, 1)) !important;
    gap: calc(7px * var(--cat-card-mobile-readable, 1));
    font-size: calc(11px * var(--cat-card-mobile-readable, 1));
    background: #f8f1eb;
  }

  
  .cat-card[data-product-card]:has(.cat-card__similar) {
    --cat-card-similar-band: 0px;
    --cat-card-similar-band-units: 0;
  }

  .cat-card[data-product-card] .cat-card__similar {
    display: none !important;
  }

  .cat-card[data-product-card] .cat-card__similar-icon {
    width: calc(13px * var(--cat-card-mobile-readable, 1));
    height: calc(8px * var(--cat-card-mobile-readable, 1));
    flex-basis: calc(13px * var(--cat-card-mobile-readable, 1));
  }

}


@media (min-width: 761px) {
  .cat-card[data-product-card]:not(:has(.cat-card__cart, .cat-card__similar)) {
    --cat-card-trim: 25;
  }

  .cat-card[data-product-card].cat-card--no-service:not(:has(.cat-card__cart, .cat-card__similar)) {
    --cat-card-trim: 49;
  }

  .cat-card[data-product-card]:not(.cat-card--no-service) .cat-card__store-row {
    top: calc((392 * var(--cat-card-unit-y)) + var(--cat-card-content-shift)) !important;
  }

  .cat-card[data-product-card].cat-card--no-service .cat-card__store-row {
    top: calc((372 * var(--cat-card-unit-y)) + var(--cat-card-content-shift)) !important;
  }
}


@media (min-width: 761px) and (max-width: 820px) {
  .cat-card[data-product-card].cat-card--no-service:not(:has(.cat-card__cart, .cat-card__similar)) {
    --cat-card-trim: 39;
  }

  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__price {
    top: calc((354 * var(--cat-card-unit-y)) + var(--cat-card-content-shift)) !important;
  }

  body:not(.page--homepage) .cat-card[data-product-card].cat-card--no-service .cat-card__store-row {
    top: calc((383 * var(--cat-card-unit-y)) + var(--cat-card-content-shift)) !important;
  }

  
  body:not(.page--homepage) .cat-card[data-product-card]:has(.cat-card__signals):not(:has(.cat-card__cart, .cat-card__similar)) {
    --cat-card-trim: 5;
  }
  body:not(.page--homepage) .cat-card[data-product-card]:has(.cat-card__signals) .cat-card__signals {
    top: calc((383 * var(--cat-card-unit-y)) + var(--cat-card-content-shift)) !important;
  }
  body:not(.page--homepage) .cat-card[data-product-card]:has(.cat-card__signals) .cat-card__store-row {
    top: calc((418 * var(--cat-card-unit-y)) + var(--cat-card-content-shift)) !important;
  }
  
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__signals .cat-card__service-badge,
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__signals .cat-card__service-badge-img {
    height: 14px !important;
    
    width: auto !important;
    max-width: 78px !important;
  }
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__signals .cat-card__attr-badge {
    font-size: 12px !important;
  }
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__signals .cat-card__attr-badge-icon {
    width: 13px !important;
    height: 13px !important;
    flex-basis: 13px !important;
  }
  body:not(.page--homepage) .cat-card[data-product-card] .cat-card__signals {
    min-height: 14px;
    align-items: center;
  }
  body:not(.page--homepage) .cat-card[data-product-card]:has(.cat-card__signals) .cat-card__store-row {
    top: calc((405 * var(--cat-card-unit-y)) + var(--cat-card-content-shift)) !important;
  }
}











.homepage-skeleton {
  background: #f8f1eb;
  padding: 24px 0 48px;
}

.homepage-skeleton__section {
  width: var(--homepage-shell-width);
  max-width: var(--jp-page-shell-max, 1372px);
  margin-inline: auto;
  padding-inline: var(--homepage-shell-inset);
  box-sizing: border-box;
}

.homepage-skeleton__section + .homepage-skeleton__section {
  margin-top: 48px;
}

.homepage-skeleton__hero-card {
  width: 100%;
  height: 410px;
  border-radius: 30px;
}

.homepage-skeleton__rail {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.homepage-skeleton__rail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.homepage-skeleton__rail-title {
  width: 280px;
  height: 26px;
}

.homepage-skeleton__rail-title--short {
  width: 200px;
}

.homepage-skeleton__rail-arrows {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.homepage-skeleton__rail-arrow {
  width: 56px;
  height: 46px;
  border-radius: 999px;
}

.homepage-skeleton__rail-track {
  display: flex;
  align-items: stretch;
  gap: 17.5px;
  overflow: hidden;
}

.homepage-skeleton__rail-card {
  width: 258px;
  min-width: 258px;
  aspect-ratio: 325 / 445;
  height: auto;
  border-radius: 20px;
  flex: 0 0 auto;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .homepage-skeleton__rail-card {
    width: 228px;
    min-width: 228px;
    aspect-ratio: 325 / 445;
    height: auto;
  }
}

@media (max-width: 720px) {
  .homepage-skeleton {
    padding-block: 16px 32px;
  }
  .homepage-skeleton__section + .homepage-skeleton__section {
    margin-top: 32px;
  }
  .homepage-skeleton__hero-card {
    height: 420px;
    border-radius: 24px;
  }
  .homepage-skeleton__rail-title {
    width: 220px;
    height: 22px;
  }
  .homepage-skeleton__rail-card {
    width: 220px;
    min-width: 220px;
    aspect-ratio: 325 / 445;
    height: auto;
    border-radius: 24px;
  }
}

html:has(body.page--homepage),
body.page--homepage {
  scrollbar-gutter: stable both-edges;
}

@media (min-width: 721px) {
  body.page--homepage .fixed-header .header-desktop-shell {
    width: var(--homepage-shell-width) !important;
    max-width: var(--jp-page-shell-max, 1372px) !important;
    padding-inline: var(--homepage-shell-inset) !important;
  }
}

@media (max-width: 720px) {
  body.page--homepage .fixed-header .header-mobile-top {
    left: 16px;
    width: calc(100% - 32px);
  }

  body.page--homepage .fixed-header .header-mobile-bottom-bar {
    left: 0;
    right: 0;
  }
}

.page--homepage {
  --homepage-shell-width: var(--jp-page-shell-width);
  --homepage-shell-inset: var(--jp-page-shell-inset);
  --homepage-rail-fade-width: 52px;
  --homepage-rail-fade-overhang: calc(var(--homepage-rail-fade-width) / 2);
  --homepage-rail-arrow-overhang: 27px;
  
  --homepage-rail-overlay-reserve: 0px;
  --page-bg: #f8f1eb;
  --homepage-hero-gap-desktop: 0px;
  --homepage-hero-gap-mobile: 0px;
  
  --homepage-container-gap-desktop: 60px;
  --homepage-section-gap-desktop: var(--homepage-container-gap-desktop);
  --homepage-section-gap-mobile: 33px;
  
  --homepage-auth-stack-gap-desktop: 32px;
  --homepage-auth-stack-offset-desktop: 0px;
  --homepage-card-hover-shadow: var(--shadow-card-hover);
  background: #f8f1eb;
  overflow-x: clip;
}

.page--homepage .page-main {
  overflow-x: clip;
}


@media (min-width: 721px) {
  body.page--homepage .fixed-header .header-desktop-divider {
    display: none;
  }

  
  body.page--homepage .homepage-skeleton {
    padding-top: 5px;
  }
}


.page--homepage .hero-home__viewport::before,
.page--homepage .hero-home__viewport::after {
  opacity: 1 !important;
}

.page--homepage > .hero-home.section--tight {
  padding-top: var(--homepage-hero-gap-desktop);
  padding-bottom: calc(var(--homepage-section-gap-desktop) / 2);
}

.page--homepage .hero-home {
  padding-top: 0;
}

.page--homepage > .section.section--tight:not(.hero-home):not(.auth-home-hero) {
  padding-top: calc(var(--homepage-section-gap-desktop) / 2);
  padding-bottom: calc(var(--homepage-section-gap-desktop) / 2);
}

.page--homepage .page-main > .section.section--tight:not(.hero-home):not(.auth-home-hero) {
  padding-top: calc(var(--homepage-section-gap-desktop) / 2);
  padding-bottom: calc(var(--homepage-section-gap-desktop) / 2);
}

.page--homepage > .daily-deals.section--tight,
.page--homepage > .marketplace-info.section--tight {
  margin-top: calc(var(--homepage-section-gap-desktop) / 2);
}

body.page--homepage.is-homepage-authenticated > section:not([data-recently-viewed-auth-only]) {
  display: none !important;
}


body.is-homepage-authenticated [data-recently-viewed-guest-only] {
  display: none !important;
}


body.page--homepage:not(.is-homepage-authenticated) [data-recently-viewed-auth-only] {
  display: none !important;
}

body:not(.page--homepage) > .site-footer > .site-footer__newsletter {
  display: none !important;
}

body.page--homepage.is-homepage-authenticated > .site-footer > .site-footer__newsletter {
  display: none !important;
}

body.page--homepage.is-homepage-authenticated > [data-recently-viewed-auth-only] + [data-recently-viewed-auth-only] {
  margin-top: var(--homepage-auth-stack-gap-desktop);
}

body.page--homepage.is-homepage-authenticated .page-main > [data-recently-viewed-auth-only] + [data-recently-viewed-auth-only] {
  margin-top: var(--homepage-auth-stack-gap-desktop);
}

body.page--homepage.is-homepage-authenticated > [data-recently-viewed-auth-only].is-first-auth-section {
  margin-top: var(--homepage-auth-stack-offset-desktop);
}

body.page--homepage.is-homepage-authenticated .page-main > [data-recently-viewed-auth-only].is-first-auth-section {
  margin-top: var(--homepage-auth-stack-offset-desktop);
}

body.page--homepage.is-homepage-authenticated > .daily-deals[data-recently-viewed-auth-only] + .special-gifts-rail[data-recently-viewed-auth-only] {
  margin-top: var(--homepage-auth-stack-gap-desktop);
}

body.page--homepage.is-homepage-authenticated .page-main > .daily-deals[data-recently-viewed-auth-only] + .special-gifts-rail[data-recently-viewed-auth-only] {
  margin-top: var(--homepage-auth-stack-gap-desktop);
}

body.page--homepage.is-homepage-authenticated > .recently-viewed-rail[data-personalized-offers-theme-id="fantasy-character-art"][data-recently-viewed-auth-only] + .daily-deals[data-recently-viewed-auth-only] {
  margin-top: var(--homepage-auth-stack-gap-desktop);
}

body.page--homepage.is-homepage-authenticated .page-main > .recently-viewed-rail[data-personalized-offers-theme-id="fantasy-character-art"][data-recently-viewed-auth-only] + .daily-deals[data-recently-viewed-auth-only] {
  margin-top: var(--homepage-auth-stack-gap-desktop);
}

@media (max-width: 1142px) {
  .page--homepage {
    --homepage-shell-width: var(--jp-page-shell-width);
    --homepage-shell-inset: var(--jp-page-shell-inset);
  }
}


@media (max-width: 760px) {
  .page--homepage {
    --homepage-shell-width: var(--jp-page-shell-width);
    --homepage-shell-inset: var(--jp-page-shell-inset);
    --homepage-section-gap-mobile: 33px;
  }

  body.page--homepage.is-homepage-authenticated > [data-recently-viewed-auth-only] + [data-recently-viewed-auth-only] {
    margin-top: 0;
  }

  body.page--homepage.is-homepage-authenticated .page-main > [data-recently-viewed-auth-only] + [data-recently-viewed-auth-only] {
    margin-top: 0;
  }

  body.page--homepage.is-homepage-authenticated > [data-recently-viewed-auth-only].is-first-auth-section {
    margin-top: 0;
  }

  body.page--homepage.is-homepage-authenticated .page-main > [data-recently-viewed-auth-only].is-first-auth-section {
    margin-top: 0;
  }

  body.page--homepage.is-homepage-authenticated > .daily-deals[data-recently-viewed-auth-only] + .special-gifts-rail[data-recently-viewed-auth-only] {
    margin-top: 8px;
  }

  body.page--homepage.is-homepage-authenticated .page-main > .daily-deals[data-recently-viewed-auth-only] + .special-gifts-rail[data-recently-viewed-auth-only] {
    margin-top: 8px;
  }

  body.page--homepage.is-homepage-authenticated > .recently-viewed-rail[data-personalized-offers-theme-id="fantasy-character-art"][data-recently-viewed-auth-only] + .daily-deals[data-recently-viewed-auth-only] {
    margin-top: 15px;
  }

  body.page--homepage.is-homepage-authenticated .page-main > .recently-viewed-rail[data-personalized-offers-theme-id="fantasy-character-art"][data-recently-viewed-auth-only] + .daily-deals[data-recently-viewed-auth-only] {
    margin-top: 15px;
  }

  .page--homepage > .hero-home.section--tight {
    padding-top: var(--homepage-hero-gap-mobile) !important;
    padding-bottom: calc(var(--homepage-section-gap-mobile) / 2);
  }

  .page--homepage > .section.section--tight:not(.hero-home):not(.auth-home-hero) {
    padding-top: calc(var(--homepage-section-gap-mobile) / 2);
    padding-bottom: calc(var(--homepage-section-gap-mobile) / 2);
  }

  .page--homepage .page-main > .section.section--tight:not(.hero-home):not(.auth-home-hero) {
    padding-top: calc(var(--homepage-section-gap-mobile) / 2);
    padding-bottom: calc(var(--homepage-section-gap-mobile) / 2);
  }

  .page--homepage > .daily-deals.section--tight,
  .page--homepage > .marketplace-info.section--tight {
    margin-top: calc(var(--homepage-section-gap-mobile) / 2);
  }

  body.page--homepage .recently-viewed-rail__title,
  body.page--homepage .personalized-group-rail__title,
  body.page--homepage .daily-deals__title,
  body.page--homepage .special-gifts-rail__title,
  body.page--homepage .explore-scenarios__title,
  body.page--homepage .similar-interests__title,
  body.page--homepage .winter-best-products__title,
  body.page--homepage .christmas-special-gifts__title,
  body.page--homepage .special-people-gifts__title,
  body.page--homepage .favorite-categories__title,
  body.page--homepage .editors-picks__title,
  body.page--homepage .special-illustrations__title,
  body.page--homepage .gifts-you-like__title,
  body.page--homepage .marketplace-info__title,
  body.page--homepage .shop-by-interest__title {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0;
  }

}


h1, h2,
h1[class], h2[class],
h1[id], h2[id] {
  font-family: var(--font-display) !important;
}


button,
[role="button"],
.btn,
[class*="-btn"],
[class*="__btn"],
[class*="-button"],
[class*="__button"] {
  font-family: var(--font-display) !important;
}


button *,
[role="button"] *,
.btn *,
[class*="-btn"] *,
[class*="__btn"] *,
[class*="-button"] *,
[class*="__button"] * {
  font-family: var(--font-display) !important;
}


@media (max-width: 768px) {
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  input:not([type]),
  textarea {
    font-size: max(16px, 1em);
  }
}

@media (max-width: 720px) {
  .site-footer__locale-modal-title,
  .header-auth-title,
  .cat-filters-drawer__title,
  .reviews-modal__heading,
  .collection-modal__title,
  .gift-room-modal__title,
  .gift-room-submodal__title.collection-modal__title,
  .workspace-avatar-dialog__head h2 {
    font-size: var(--popup-title-size, 25px) !important;
    line-height: var(--popup-title-line-height, 1.16) !important;
  }

  .smart-gift-room-prompt__title.header-auth-title {
    font-size: 16px !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 420px) {
  .smart-gift-room-prompt__title.header-auth-title {
    font-size: 15px !important;
    line-height: 1.08 !important;
  }
}


.header-auth-close,
.site-footer__locale-modal-close,
.cat-filters-drawer__close,
.collection-modal__close,
.reviews-modal__close.header-auth-close,
.gift-room-plan-step-modal__close.header-auth-close,
.gr-cal-modal__close.header-auth-close,
.gr-organize-modal__close.header-auth-close,
.gift-room-share-modal__close.collection-modal__close,
.workspace-avatar-dialog__close {
  width: var(--popup-close-width, 78px);
  height: var(--popup-close-height, 55px);
  border: 0;
  border-radius: var(--radius-pill, 999px);
  background: var(--popup-bg);
  box-shadow: var(--popup-shadow-soft);
  color: var(--color-ink);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.24s ease, filter 0.24s ease;
  will-change: transform;
}

.header-auth-close:hover,
.header-auth-close:focus-visible,
.site-footer__locale-modal-close:hover,
.site-footer__locale-modal-close:focus-visible,
.cat-filters-drawer__close:hover,
.cat-filters-drawer__close:focus-visible,
.collection-modal__close:hover,
.collection-modal__close:focus-visible,
.reviews-modal__close.header-auth-close:hover,
.reviews-modal__close.header-auth-close:focus-visible,
.gift-room-plan-step-modal__close.header-auth-close:hover,
.gift-room-plan-step-modal__close.header-auth-close:focus-visible,
.gr-cal-modal__close.header-auth-close:hover,
.gr-cal-modal__close.header-auth-close:focus-visible,
.gr-organize-modal__close.header-auth-close:hover,
.gr-organize-modal__close.header-auth-close:focus-visible,
.gift-room-share-modal__close.collection-modal__close:hover,
.gift-room-share-modal__close.collection-modal__close:focus-visible,
.workspace-avatar-dialog__close:hover,
.workspace-avatar-dialog__close:focus-visible {
  background-color: var(--popup-close-hover-bg, var(--sort-control-bg, rgb(225 209 188)));
  animation: header-auth-close-bounce 0.28s cubic-bezier(0.23, 1.3, 0.32, 1) both;
  filter: var(--popup-close-hover-filter, drop-shadow(0 4px 10px rgba(35, 32, 48, 0.12)));
}

.header-auth-close:active,
.site-footer__locale-modal-close:active,
.cat-filters-drawer__close:active,
.collection-modal__close:active,
.reviews-modal__close.header-auth-close:active,
.gift-room-plan-step-modal__close.header-auth-close:active,
.gr-cal-modal__close.header-auth-close:active,
.gr-organize-modal__close.header-auth-close:active,
.gift-room-share-modal__close.collection-modal__close:active,
.workspace-avatar-dialog__close:active {
  transform: none;
}

.header-auth-close:focus-visible,
.site-footer__locale-modal-close:focus-visible,
.cat-filters-drawer__close:focus-visible,
.collection-modal__close:focus-visible,
.reviews-modal__close.header-auth-close:focus-visible,
.gift-room-plan-step-modal__close.header-auth-close:focus-visible,
.gr-cal-modal__close.header-auth-close:focus-visible,
.gr-organize-modal__close.header-auth-close:focus-visible,
.gift-room-share-modal__close.collection-modal__close:focus-visible,
.workspace-avatar-dialog__close:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}

.header-auth-close-icon,
.site-footer__locale-modal-close-icon,
.cat-filters-drawer__close-icon,
.collection-modal__close-icon,
.reviews-modal__close .header-auth-close-icon,
.gift-room-plan-step-modal__close .header-auth-close-icon,
.gr-cal-modal__close .header-auth-close-icon,
.gr-organize-modal__close .header-auth-close-icon,
.workspace-avatar-dialog__close .header-auth-close-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--popup-close-icon-size, 17px);
  height: var(--popup-close-icon-size, 17px);
  display: block;
  max-width: none;
  object-fit: contain;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.collection-modal__close svg,
.gift-room-modal__close svg {
  width: var(--popup-close-icon-size, 17px);
  height: var(--popup-close-icon-size, 17px);
}

.collection-modal__sheet-grip,
.collection-invite-modal__sheet-grip,
.card-board-menu__sheet-grip,
.site-footer__locale-sheet-grip,
.cat-filters-drawer__sheet-grip,
.seller-contact__sheet-grip,
.gift-room-share-modal__sheet-grip,
.gift-room-social-modal__sheet-grip,
.gift-room-card-menu__sheet-grip,
.gr-lobby-filter-menu__sheet-grip,
.gr-organize-modal__sheet-grip,
.gr-cal-modal__sheet-grip,
.gift-room-settings-modal__sheet-grip,
.gift-room-modal__sheet-grip,
.gift-room-plan-step-modal__sheet-grip,
.fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-sheet-grip,
.fixed-header .header-account-panel.is-mobile-sheet .header-account-sheet-grip {
  flex-basis: var(--popup-sheet-grip-height, 44px);
  min-height: var(--popup-sheet-grip-height, 44px);
  align-items: center;
  justify-content: center;
  background: var(--popup-bg);
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.collection-modal__sheet-grip span,
.collection-invite-modal__sheet-grip span,
.card-board-menu__sheet-grip span,
.site-footer__locale-sheet-grip span,
.cat-filters-drawer__sheet-grip span,
.seller-contact__sheet-grip span,
.gift-room-share-modal__sheet-grip span,
.gift-room-social-modal__sheet-grip span,
.gift-room-card-menu__sheet-grip span,
.gr-lobby-filter-menu__sheet-grip span,
.gr-organize-modal__sheet-grip span,
.gr-cal-modal__sheet-grip span,
.gift-room-settings-modal__sheet-grip span,
.gift-room-modal__sheet-grip span,
.gift-room-plan-step-modal__sheet-grip span,
.fixed-header .header-notifications-panel.is-mobile-sheet .header-notifications-sheet-grip span,
.fixed-header .header-account-panel.is-mobile-sheet .header-account-sheet-grip span {
  width: var(--popup-sheet-grip-width, 48px);
  height: var(--popup-sheet-grip-thickness, 5px);
  border-radius: var(--radius-pill, 999px);
  background: var(--popup-sheet-grip-color);
  display: block;
}


.header-categories-sheet-close,
.header-notifications-sheet-close,
.header-account-sheet-close {
  display: none;
}


.jp-popover-floating-close {
  display: none;
}

.fixed-header .header-account-panel.is-open.is-mobile-sheet {
  position: fixed;
  inset: auto 10px calc(var(--mobile-bottom-nav-height, 72px) + 8px) 10px;
  z-index: 10040;
  display: block;
  width: auto;
  max-width: none;
  max-height: min(74dvh, 560px);
  
  overflow: visible;
  border-radius: 24px;
  background: var(--popup-bg);
  box-shadow: var(--shadow-popover);
  transform: translateY(var(--header-account-sheet-drag-y, 0));
}

.fixed-header .header-account-panel.is-open.is-mobile-sheet .header-account-panel-inner {
  display: grid;
  gap: 0;
  max-height: inherit;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  border-radius: inherit;
}

.fixed-header .header-account-panel.is-open.is-mobile-sheet .header-account-profile,
.fixed-header .header-account-panel.is-open.is-mobile-sheet .header-account-item {
  min-height: 58px;
}

.fixed-header .header-account-panel .header-account-avatar {
  flex: 0 0 auto;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header-auth-overlay {
  --popup-control-border: var(--popup-border-strong);
  --popup-focus: var(--color-forest);
}


body.auth-modal-open {
  overflow: hidden;
}

.header-auth-overlay .header-auth-input-wrap {
  border-color: var(--popup-border-strong);
}


.header-auth-overlay .header-auth-input-wrap:not(.has-eye):focus-within,
.header-auth-overlay .header-auth-input-wrap:not(.has-eye).is-filled {
  border-color: var(--popup-focus);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent);
}

.header-auth-overlay .header-auth-input-wrap.has-eye .header-auth-input {
  border-color: var(--popup-border-strong) !important;
}

.header-auth-overlay .header-auth-input-wrap.has-eye:focus-within .header-auth-input,
.header-auth-overlay .header-auth-input-wrap.has-eye.is-filled .header-auth-input {
  border-color: var(--popup-focus) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--popup-focus) 14%, transparent) !important;
}

@media (max-width: 760px) {
  .header-auth-close {
    top: 8px;
    left: auto;
    right: 14px;
    bottom: auto;
    width: 44px;
    height: 44px;
    background: transparent;
    box-shadow: none;
    filter: none;
    z-index: 4;
  }

  .header-auth-close:hover,
  .header-auth-close:focus-visible {
    background: var(--popup-hover);
    filter: none;
  }

  .header-auth-card::before,
  .smart-gift-room-prompt.header-auth-card::before,
  .cat-filters__chip-popover::before,
  .cat-filters__sort-popover::before,
  .reviews-modal__panel::before {
    min-height: var(--popup-sheet-grip-height, 44px);
    border-radius: var(--popup-sheet-radius);
    background: var(--popup-sheet-grip-pseudo-bg);
    cursor: grab;
    touch-action: none;
    user-select: none;
  }

  
  .site-footer__locale-modal-close,
  .cat-filters-drawer__close,
  .collection-modal__close,
  .reviews-modal__close.header-auth-close,
  .gift-room-plan-step-modal__close.header-auth-close,
  .gr-cal-modal__close.header-auth-close,
  .gr-organize-modal__close.header-auth-close,
  .gift-room-share-modal__close.collection-modal__close,
  .gift-room-modal__close,
  .gift-room-invite-modal__close.header-auth-close,
  .gift-room-profile-bio-modal__close.header-auth-close,
  .gift-room-rsvp-modal__close.header-auth-close,
  .gift-room-planner-sheet__close.header-auth-close,
  .collection-invite-modal__close,
  .workspace-avatar-dialog__close,
  .card-board-menu__close,
  .listing-mbuy-sheet__close,
  .jp-gad-sheet-close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: auto;
    bottom: calc(100% + var(--popup-close-offset, 10px));
    left: calc(50% - (var(--popup-sheet-close-width, 57px) / 2));
    right: auto;
    width: var(--popup-sheet-close-width, 57px);
    height: var(--popup-sheet-close-height, 42px);
    border: 0;
    border-radius: var(--radius-pill, 999px);
    background: var(--popup-bg);
    box-shadow: var(--popup-shadow-soft);
    cursor: pointer;
    z-index: 6;
  }

  
  .cat-filters__applied-popover,
  .cat-filters__chip-popover,
  .cat-filters__sort-popover {
    z-index: 12500;
  }

  .cat-filters__applied-backdrop,
  .cat-filters__sort-backdrop {
    z-index: 12490;
  }

  
  .cat-filters__applied-popover,
  .cat-filters__chip-popover,
  .cat-filters__sort-popover {
    overflow: visible;
  }

  .cat-filters__chip-popover-options {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .jp-popover-floating-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: calc(100% + var(--popup-close-offset, 10px));
    top: auto;
    left: calc(50% - (var(--popup-sheet-close-width, 78px) / 2));
    right: auto;
    width: var(--popup-sheet-close-width, 78px);
    height: var(--popup-sheet-close-height, 55px);
    border: 0;
    border-radius: var(--radius-pill, 999px);
    background: var(--popup-bg);
    box-shadow: var(--popup-shadow-soft);
    cursor: pointer;
    z-index: 6;
  }

  .jp-popover-floating-close img {
    display: block;
    pointer-events: none;
  }
}