/* Local concept only. Product cards and the existing View All pill are untouched. */
@media (min-width: 761px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body .home-categories .home-category-grid a.home-category-card.reveal-item {
    translate: 0 0;
    scale: 1;
    transition: opacity .72s cubic-bezier(.22,1,.36,1), transform .82s cubic-bezier(.22,1,.36,1), translate .6s cubic-bezier(.4,0,.2,1), scale .6s cubic-bezier(.4,0,.2,1), box-shadow .6s cubic-bezier(.4,0,.2,1) !important;
  }
  .home-categories .home-category-grid a.home-category-card.reveal-visible { transition-delay: 0ms !important; }
  .home-categories .home-category-grid a.home-category-card.reveal-visible:hover {
    translate: 0 -5px;
    scale: 1.012;
  }
}
/* This head-loaded stylesheet prevents the old section flashing before JS setup. */
.home-discovery:not(.oreliya-edit-preview) { visibility: hidden; }
.home-video-cover:not([data-loading-guard]) { visibility: hidden; }
body.oreliya-arrivals-preview-active .home-categories {
  padding-bottom: clamp(2rem, 3.5vw, 3.5rem);
}
.home-discovery.oreliya-edit-preview {
  --edit-glow-x: 15%;
  --edit-glow-y: 14%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 24px;
  row-gap: 0;
  scroll-margin-top: 110px;
  margin: clamp(28px, 4vw, 64px) clamp(16px, 2.8vw, 54px);
  margin-top: clamp(14px, 2vw, 32px);
  padding: clamp(28px, 3.5vw, 54px);
  border: 1px solid rgba(166, 166, 166, .48);
  border-radius: clamp(28px, 3vw, 48px);
  color: #242424;
  /* Grey base blended with approximately 2% cool blue, background only. */
  background: linear-gradient(125deg, rgba(221,223,226,.96) 0%, rgba(204,205,208,.90) 52%, rgba(218,220,223,.95) 100%) !important;
  backdrop-filter: blur(22px) saturate(120%);
  -webkit-backdrop-filter: blur(22px) saturate(120%);
  box-shadow: 0 18px 46px rgba(40,40,40,.13), 0 3px 10px rgba(40,40,40,.045), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(146,146,146,.22);
  translate: 0 0;
  scale: 1;
  transition: translate .3s cubic-bezier(.22,1,.36,1), scale .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .home-discovery.oreliya-edit-preview:hover {
    translate: 0 -5px;
    scale: 1.004;
    box-shadow: 0 26px 58px rgba(40,40,40,.17), 0 6px 15px rgba(40,40,40,.055), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(146,146,146,.22);
  }
}
.home-discovery.oreliya-edit-preview::before {
  z-index: 0;
  opacity: 0 !important;
  background: radial-gradient(ellipse 420px 320px at var(--edit-glow-x) var(--edit-glow-y), rgba(255,255,255,.64), rgba(255,255,255,.20) 42%, transparent 76%), linear-gradient(115deg, transparent calc(var(--edit-glow-x) - 28%), rgba(255,255,255,.34) calc(var(--edit-glow-x) - 10%), rgba(255,255,255,.07) calc(var(--edit-glow-x) + 2%), transparent calc(var(--edit-glow-x) + 18%));
  transition: opacity .35s ease;
}
.home-discovery.oreliya-edit-preview.is-reflecting::before { opacity: 1 !important; }
.home-discovery.oreliya-edit-preview::after {
  content: '';
  z-index: 0;
  opacity: 1 !important;
  border: 1px solid rgba(255,255,255,.55);
  background: linear-gradient(135deg, rgba(255,255,255,.65), transparent 23%, transparent 78%, rgba(255,255,255,.32));
}
.home-discovery.oreliya-edit-preview > * { position: relative; z-index: 1; }
.oreliya-edit-preview .discovery-switch {
  grid-column: 1 / -1;
  justify-self: start;
  width: 240px;
  margin: 0 0 28px;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.8);
  background: rgba(85,85,85,.065);
}
.oreliya-edit-preview .discovery-switch-pill {
  top: 6px; bottom: 6px; left: 6px;
  width: calc(50% - 6px);
  box-shadow: 0 3px 12px rgba(37,37,37,.055);
}
.oreliya-edit-preview .discovery-switch button {
  min-height: 48px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #515151;
}
.oreliya-edit-preview .discovery-switch button[aria-selected='true'] { color: #191919; }
.oreliya-edit-preview .discovery-kicker { display: none; }
.oreliya-edit-preview .edit-preview-intro { grid-column: 1; margin: 0 0 28px; align-self: end; }
.edit-preview-intro h2 {
  margin: 0 0 10px;
  color: #242424;
  font: 500 clamp(25px, 2.45vw, 36px)/1.2 'DM Sans', Arial, sans-serif;
  letter-spacing: -.015em;
}
.edit-preview-intro p {
  margin: 0;
  color: #666;
  font: 400 14px/1.5 var(--oreliya-reference-sans, sans-serif);
}
.oreliya-edit-preview .discovery-view-all {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: end;
  margin: 0 0 28px;
}
.oreliya-edit-preview .discovery-grid { grid-column: 1 / -1; gap: clamp(14px, 1.9vw, 28px); }
.oreliya-edit-preview .discovery-empty { grid-column: 1 / -1; }
/* Readability only: retain all original product data, fonts, swatches and Payzy branding. */
.oreliya-edit-preview .compact-product-card,
.oreliya-edit-preview .compact-product-card h4,
.oreliya-edit-preview .compact-product-card h4 a,
.oreliya-edit-preview .compact-product-card > p,
.oreliya-edit-preview .compact-product-card > p * { color: #272727 !important; }
.oreliya-edit-preview .compact-product-card > p .regular-price { color: #7b7b7b !important; }
.oreliya-edit-preview .compact-product-card .oreliya-payzy-message > div { color: #656565 !important; }
.oreliya-edit-preview .oreliya-payzy-message img.payzy-ic-loop { filter: brightness(0); }
@media (max-width: 760px) {
  body.oreliya-arrivals-preview-active .home-categories { padding-bottom: 1.5rem; }
  .home-discovery.oreliya-edit-preview { padding: 24px 20px; column-gap: 12px; }
  .oreliya-edit-preview .discovery-switch { margin-bottom: 24px; width: 232px; }
  .oreliya-edit-preview .edit-preview-intro { margin-bottom: 22px; }
  .oreliya-edit-preview .discovery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
  .edit-preview-intro h2 { font-size: 27px; }
  .edit-preview-intro p { font-size: 13px; }
  .oreliya-edit-preview .discovery-view-all { grid-column: 1 / -1; grid-row: 3; justify-self: start; margin: 0 0 24px; }
  .oreliya-edit-preview .discovery-grid { grid-row: 4; }
  .oreliya-edit-preview .discovery-empty { grid-row: 4; }
}
@media (max-width: 620px) {
  .home-discovery.oreliya-edit-preview { border-radius: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .oreliya-edit-preview .discovery-switch button { animation: none !important; }
  .oreliya-edit-preview .discovery-switch-pill { transition: none; }
}
/* Once per page view, when the panel scrolls into view on mobile. */
@media (prefers-reduced-motion: no-preference) {
  .home-discovery.oreliya-edit-preview.is-mobile-reflection::after {
    inset: -20% -65%;
    border: 0;
    border-radius: 0;
    background: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.08) 43%, rgba(255,255,255,.60) 49%, rgba(255,255,255,.13) 55%, transparent 62%);
    animation: oreliyaMobileGlassSweep 3.2s cubic-bezier(.2,.5,.4,1) both;
    will-change: transform, opacity;
  }
}
@keyframes oreliyaMobileGlassSweep {
  0% { transform: translateX(-22%); opacity: .4; }
  6% { opacity: .9; }
  75% { opacity: .8; }
  100% { transform: translateX(55%); opacity: 0; }
}
