/* Featured Collection ??magazine lead + supporting rail */
html body.page-products-catalog .section.section--dark.pcat-section--featured,
html body.page-products-catalog .section.section--dark.pcat-section--featured {
  background-color: #1a1510 !important;
  background-image:
    linear-gradient(180deg, rgba(26, 21, 16, 0.88), rgba(26, 21, 16, 0.94)),
    url("../brand/bg-ambiance-brown.jpg") !important;
  background-size: auto, cover !important;
  background-position: center, center !important;
  color: #f5efe4 !important;
  -webkit-text-fill-color: #f5efe4 !important;
}

html body.page-products-catalog .pcat-section--featured .pcat-head,
html body.page-products-catalog .pcat-section--featured .pcat-head h2,
html body.page-products-catalog .pcat-section--featured .pcat-head p,
html body.page-products-catalog .pcat-section--featured .pcat-head .eyebrow {
  color: #f5efe4 !important;
  -webkit-text-fill-color: #f5efe4 !important;
  max-width: none !important;
}

html body.page-products-catalog .pcat-section--featured .pcat-head {
  width: 100% !important;
  margin-bottom: clamp(2.25rem, 5vw, 3.5rem) !important;
}

html body.page-products-catalog .pcat-section--featured .pcat-head .eyebrow {
  color: rgba(245, 239, 228, 0.55) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.55) !important;
}

html body.page-products-catalog .pcat-section--featured .pcat-head p {
  color: rgba(245, 239, 228, 0.72) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.72) !important;
  max-width: 34ch !important;
}

html body.page-products-catalog .pcat-section--featured .pcat-head h2::after {
  background: rgba(245, 239, 228, 0.45) !important;
}

html body.page-products-catalog .pcat-featured--magazine {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  grid-template-rows: none !important;
  gap: clamp(2rem, 4vw, 3.25rem) !important;
  width: 100% !important;
  max-width: none !important;
}

/* Lead spotlight */
html body.page-products-catalog .pcat-feat-lead {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 0.85fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  background: #f3eee6 !important;
  overflow: hidden !important;
}

html body.page-products-catalog .pcat-feat-lead__media {
  display: block !important;
  min-height: 100% !important;
  overflow: hidden !important;
  background: #2a221c !important;
}

html body.page-products-catalog .pcat-feat-lead__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(22rem, 42vw, 34rem) !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.02) !important;
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body.page-products-catalog .pcat-feat-lead__copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0.85rem !important;
  padding: clamp(1.75rem, 4vw, 3.25rem) !important;
  background:
    #f3eee6
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E") !important;
  background-size: auto, 140px 140px !important;
  color: #1a1510 !important;
}

html body.page-products-catalog .pcat-feat-lead__index {
  font-family: var(--font-body), "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  color: rgba(26, 21, 16, 0.4) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.4) !important;
}

html body.page-products-catalog .pcat-feat-lead__copy .eyebrow {
  color: rgba(26, 21, 16, 0.48) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.48) !important;
  margin: 0 !important;
}

html body.page-products-catalog .pcat-feat-lead__copy h3 {
  margin: 0 !important;
  font-family: var(--font-display), "Instrument Serif", Georgia, serif !important;
  font-size: clamp(2rem, 3.6vw, 3.1rem) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  color: #1a1510 !important;
  -webkit-text-fill-color: #1a1510 !important;
}

html body.page-products-catalog .pcat-feat-lead__copy h3 a {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
}

html body.page-products-catalog .pcat-feat-lead__copy p {
  margin: 0 !important;
  max-width: 28ch !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: rgba(26, 21, 16, 0.7) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.7) !important;
}

/* Supporting rail */
html body.page-products-catalog .pcat-feat-rail {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.5vw, 1.5rem) !important;
}

html body.page-products-catalog .pcat-feat-rail__item {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  background: rgba(245, 239, 228, 0.06) !important;
  border: 1px solid rgba(245, 239, 228, 0.14) !important;
  overflow: hidden !important;
}

html body.page-products-catalog .pcat-feat-rail__media {
  display: block !important;
  aspect-ratio: 5 / 4 !important;
  overflow: hidden !important;
  background: #2a221c !important;
}

html body.page-products-catalog .pcat-feat-rail__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.02) !important;
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body.page-products-catalog .pcat-feat-rail__body {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 0.75rem !important;
  padding: 1.15rem 1.15rem 1.35rem !important;
  color: #f5efe4 !important;
}

html body.page-products-catalog .pcat-feat-rail__index {
  margin-top: 0.2rem !important;
  font-size: 0.66rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  color: rgba(245, 239, 228, 0.42) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.42) !important;
}

html body.page-products-catalog .pcat-feat-rail__text {
  display: grid !important;
  gap: 0.4rem !important;
}

html body.page-products-catalog .pcat-feat-rail__text .eyebrow {
  margin: 0 !important;
  color: rgba(245, 239, 228, 0.5) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.5) !important;
}

html body.page-products-catalog .pcat-feat-rail__text h3 {
  margin: 0 !important;
  font-family: var(--font-display), "Instrument Serif", Georgia, serif !important;
  font-size: clamp(1.25rem, 1.8vw, 1.55rem) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  color: #f5efe4 !important;
  -webkit-text-fill-color: #f5efe4 !important;
}

html body.page-products-catalog .pcat-feat-rail__text h3 a {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
}

html body.page-products-catalog .pcat-feat-rail__text p {
  margin: 0 !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  color: rgba(245, 239, 228, 0.68) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.68) !important;
}

/* Lead panel keeps ink on cream even inside section--dark */
html body.page-products-catalog .pcat-feat-lead__copy,
html body.page-products-catalog .pcat-feat-lead__copy .eyebrow,
html body.page-products-catalog .pcat-feat-lead__copy h3,
html body.page-products-catalog .pcat-feat-lead__copy h3 a,
html body.page-products-catalog .pcat-feat-lead__copy p,
html body.page-products-catalog .pcat-feat-lead__index {
  color: #1a1510 !important;
  -webkit-text-fill-color: #1a1510 !important;
}

html body.page-products-catalog .pcat-feat-lead__index {
  color: rgba(26, 21, 16, 0.4) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.4) !important;
}

html body.page-products-catalog .pcat-feat-lead__copy .eyebrow {
  color: rgba(26, 21, 16, 0.48) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.48) !important;
}

html body.page-products-catalog .pcat-feat-lead__copy p {
  color: rgba(26, 21, 16, 0.7) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.7) !important;
}

/* CTAs */
html body.page-products-catalog a.pcat-feat__cta,
html body.page-products-catalog .pcat-feat-lead__copy a.pcat-feat__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  width: fit-content !important;
  margin-top: 0.85rem !important;
  padding: 0.85rem 1.25rem !important;
  border: 0 !important;
  border-radius: 0.85rem !important;
  background: #14110e !important;
  color: #f7f1e6 !important;
  -webkit-text-fill-color: #f7f1e6 !important;
  font-family: var(--font-body), "Plus Jakarta Sans", system-ui, sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body.page-products-catalog a.pcat-feat__cta *,
html body.page-products-catalog .pcat-feat-lead__copy a.pcat-feat__cta *,
html body.page-products-catalog a.pcat-feat__cta .pcat-feat__cta-arrow {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body.page-products-catalog .pcat-feat__cta-arrow {
  display: inline-block !important;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body.page-products-catalog a.pcat-feat__cta--line {
  margin-top: 0.55rem !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f5efe4 !important;
  -webkit-text-fill-color: #f5efe4 !important;
}

@media (hover: hover) and (pointer: fine) {
  html body.page-products-catalog .pcat-feat-lead:hover .pcat-feat-lead__media img,
  html body.page-products-catalog .pcat-feat-rail__item:hover .pcat-feat-rail__media img {
    transform: scale(1.06) !important;
  }

  html body.page-products-catalog a.pcat-feat__cta:hover {
    background: #f5efe4 !important;
    color: #14110e !important;
    -webkit-text-fill-color: #14110e !important;
    transform: translateY(-2px) !important;
  }

  html body.page-products-catalog a.pcat-feat__cta--line:hover {
    background: transparent !important;
    color: #f5efe4 !important;
    -webkit-text-fill-color: #f5efe4 !important;
    transform: none !important;
  }

  html body.page-products-catalog a.pcat-feat__cta:hover .pcat-feat__cta-arrow,
  html body.page-products-catalog a.pcat-feat__cta--line:hover .pcat-feat__cta-arrow {
    transform: translateX(5px) !important;
  }
}

@media (max-width: 980px) {
  html body.page-products-catalog .pcat-feat-lead {
    grid-template-columns: 1fr !important;
  }

  html body.page-products-catalog .pcat-feat-lead__media img {
    min-height: 18rem !important;
    aspect-ratio: 16 / 11 !important;
  }

  html body.page-products-catalog .pcat-feat-rail {
    grid-template-columns: 1fr !important;
  }

  html body.page-products-catalog .pcat-feat-rail__item {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
    grid-template-rows: auto !important;
  }

  html body.page-products-catalog .pcat-feat-rail__media {
    aspect-ratio: auto !important;
    min-height: 100% !important;
  }

  html body.page-products-catalog .pcat-feat-rail__media img {
    min-height: 100% !important;
    height: 100% !important;
  }
}

@media (max-width: 640px) {
  html body.page-products-catalog .pcat-feat-rail__item {
    grid-template-columns: 1fr !important;
  }

  html body.page-products-catalog .pcat-feat-rail__media {
    aspect-ratio: 16 / 11 !important;
  }
}