/* FoxiWorld V1092 — smooth, low-paint catalog scrolling.
   Loaded only by category.html and deliberately placed last in <head>. */

html {
  scroll-behavior: auto !important;
}

/* A sticky live blur forces Chrome to re-sample a large surface on every
   scroll frame. The opaque header looks the same but can be cached. */
.catalog-page .fw-header,
.catalog-page .v12-header {
  background: #fff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 5px 18px rgba(7, 48, 33, .055) !important;
}

.catalog-page.is-scrolled .fw-header,
.catalog-page.is-scrolled .v12-header {
  box-shadow: 0 7px 20px rgba(7, 48, 33, .07) !important;
}

/* Product cards are the largest repeated paint surfaces in the catalog.
   Remove live glass blur and deep multi-layer shadows; keep a premium border
   and a restrained cached shadow. */
.catalog-page .v12-product-card {
  background: #fff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 3px 12px rgba(10, 54, 38, .055) !important;
  contain: layout paint style !important;
  content-visibility: auto !important;
  contain-intrinsic-size: auto 700px !important;
  transform: none !important;
  transform-style: flat !important;
  transition: border-color .16s ease, box-shadow .16s ease !important;
}

.catalog-page .v12-product-card::before,
.catalog-page .v12-product-card::after {
  display: none !important;
}

.catalog-page .v12-product-card:hover {
  transform: none !important;
  box-shadow: 0 6px 18px rgba(10, 54, 38, .075) !important;
}

.catalog-page .v12-product-card img {
  filter: none !important;
  transition: transform .18s ease !important;
}

.catalog-page .v12-product-card:hover img {
  filter: none !important;
  transform: scale(1.025) !important;
}

.catalog-page .v12-add-cart,
.catalog-page .v12-favorite,
.catalog-page .v12-quick-view {
  box-shadow: 0 3px 10px rgba(8, 71, 48, .08) !important;
}

.catalog-page .v12-filter-section {
  box-shadow: none !important;
}

/* An opacity-zero backdrop with backdrop-filter still creates a full viewport
   compositor layer. Keep it completely out of rendering until opened. */
.catalog-page .fx-command-backdrop:not(.is-open) {
  display: none !important;
  visibility: hidden !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.catalog-page .fx-command-backdrop.is-open {
  display: block !important;
  visibility: visible !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* V1187: lay out the small paginated mobile list before scrolling. Estimated
   offscreen heights change the document length and cause WebKit scroll jumps.
   Image downloads remain lazy; desktop paint containment stays unchanged. */
@media (max-width: 900px) {
  body.catalog-page #catalogGrid .v12-product-card {
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .catalog-page .v12-product-card img {
    transition: none !important;
  }
}