/* V2-05.4R.6 — Neutral Canvas & Persistent Rounded Catalogue Shell */

body.is-catalogue-route {
  --catalogue-canvas: #f7f8fa !important;
  --catalogue-island: #ffffff;
  --catalogue-island-gap: 14px;
  --catalogue-island-radius: 18px;
  --catalogue-island-border: rgba(15, 23, 42, 0.07);
  --catalogue-island-shadow: 0 8px 24px rgba(15, 23, 42, 0.035);
}

body.is-catalogue-route,
body.is-catalogue-route .app-shell,
body.is-catalogue-route .content-scroll-region,
body.is-catalogue-route #main-content,
body.is-catalogue-route .catalogue-workspace-v2 {
  background: var(--catalogue-canvas) !important;
  background-image: none !important;
}

/* Remove the redundant world eyebrow above the actual category title. */
body.is-catalogue-route .catalogue-content-heading > div > span {
  display: none !important;
}

body.is-catalogue-route .catalogue-content-heading {
  min-height: 54px !important;
  padding-top: 10px !important;
}

/* Do not stretch the catalogue route to manufacture a large empty canvas
   between the last catalogue row and the footer. */
body.is-catalogue-route #main-content {
  min-height: auto !important;
  padding-bottom: var(--catalogue-island-gap) !important;
}

body.is-catalogue-route .catalogue-workspace-content {
  overflow: clip !important;
  margin-bottom: 0 !important;
  padding-bottom: 22px !important;
  border: 1px solid var(--catalogue-island-border) !important;
  border-radius: var(--catalogue-island-radius) !important;
  background: var(--catalogue-island) !important;
  background-image: none !important;
  box-shadow: var(--catalogue-island-shadow) !important;
}

body.is-catalogue-route .catalog-load-more-wrap {
  min-height: 78px;
  padding: 18px 0 2px !important;
  border-radius: 0 0 calc(var(--catalogue-island-radius) - 1px) calc(var(--catalogue-island-radius) - 1px);
  background: #ffffff !important;
}

/* Footer becomes another white island in the same system. The neutral gutter
   between catalogue and footer is exactly one spacing token, not a large band. */
body.is-catalogue-route #site-footer,
body.is-catalogue-route .site-footer {
  box-sizing: border-box;
  width: auto !important;
  margin: 0 var(--catalogue-island-gap) var(--catalogue-island-gap) !important;
  overflow: hidden;
  border: 1px solid var(--catalogue-island-border) !important;
  border-radius: var(--catalogue-island-radius) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: var(--catalogue-island-shadow) !important;
}

body.is-catalogue-route .site-footer__inner {
  width: min(calc(100% - 48px), var(--content-max)) !important;
  padding-top: 54px !important;
}

body.is-catalogue-route .site-footer__bottom {
  border-top-color: rgba(15, 23, 42, 0.07) !important;
}

/* Keep the canvas transition optically clean at the catalogue/footer seam. */
body.is-catalogue-route .content-scroll-region {
  padding-bottom: 0 !important;
}

@media (max-width: 900px) {
  body.is-catalogue-route {
    --catalogue-island-gap: 10px;
    --catalogue-island-radius: 15px;
  }

  body.is-catalogue-route .site-footer__inner {
    width: calc(100% - 32px) !important;
  }
}