/* Scrollprise Dark Theme v40.6.2 — DEEPER MATTE PRODUCT-LIST CANVAS
   EXPERIMENT BRANCH ONLY.
   Presentation-only CSS. Product card materials and commerce behavior remain unchanged.
*/

html.theme-dark-v40 {
  --sp40-matte-page: #080a08;
  --sp40-matte-section: #0e110f;
  --sp40-picks-canvas: #090b09;
}

html.theme-dark-v40 body.catalogue-page,
html.theme-dark-v40 body.all-products-page,
html.theme-dark-v40 body.traditional-categories-page {
  background: #080a08 !important;
}

html.theme-dark-v40 body.catalogue-page main,
html.theme-dark-v40 body.all-products-page main,
html.theme-dark-v40 body.traditional-categories-page main {
  background:
    radial-gradient(900px circle at 78% 4%, rgba(255,255,255,.014), transparent 58%),
    linear-gradient(180deg, #0b0e0c 0%, #070907 100%) !important;
}

html.theme-dark-v40 .category-products,
html.theme-dark-v40 .catalogue-products,
html.theme-dark-v40 #catalogue {
  background:
    radial-gradient(780px circle at 85% 0%, rgba(255,255,255,.016), transparent 62%),
    #0e110f !important;
  border-top-color: rgba(255,255,255,.035) !important;
  border-bottom-color: rgba(255,255,255,.03) !important;
}

/* Homepage: this is the large product-list canvas visible behind the cards. */
html.theme-dark-v40 body[data-page="home"] section.picks,
html.theme-dark-v40 body[data-page="home"] #picks {
  background:
    radial-gradient(900px circle at 82% 8%, rgba(255,255,255,.018), transparent 60%),
    linear-gradient(180deg, #0b0d0b 0%, var(--sp40-picks-canvas) 100%) !important;
  color: #f2f4f0 !important;
  border-top-color: rgba(255,255,255,.04) !important;
  border-bottom-color: rgba(255,255,255,.035) !important;
}

/* Some legacy light-theme layers paint the inner homepage container. Neutralize only inside Picks. */
html.theme-dark-v40 body[data-page="home"] section.picks > .container,
html.theme-dark-v40 body[data-page="home"] #picks > .container,
html.theme-dark-v40 body[data-page="home"] #picks .section-heading,
html.theme-dark-v40 body[data-page="home"] #picks .filter-head,
html.theme-dark-v40 body[data-page="home"] #picks .product-grid {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html.theme-dark-v40 body[data-page="home"] #picks::before,
html.theme-dark-v40 body[data-page="home"] #picks::after {
  background: none !important;
  box-shadow: none !important;
}

/* Required contrast once the previously-grey heading canvas becomes dark. */
html.theme-dark-v40 body[data-page="home"] #picks .section-heading h2,
html.theme-dark-v40 body[data-page="home"] #picks .filter-head h2 {
  color: #f3f5f1 !important;
  -webkit-text-fill-color: #f3f5f1 !important;
}

html.theme-dark-v40 body[data-page="home"] #picks .eyebrow {
  color: #aeb6ae !important;
  -webkit-text-fill-color: #aeb6ae !important;
}

html.theme-dark-v40 body[data-page="home"] #picks .text-action {
  color: #b7ff33 !important;
  -webkit-text-fill-color: #b7ff33 !important;
}

/* Other homepage product zones follow the same deeper matte family. */
html.theme-dark-v40 body[data-page="home"] .traditional-home-section,
html.theme-dark-v40 body[data-page="home"] .editorial-drop {
  background: #080a08 !important;
}