body.hero-only.product-view main > section:not(#products) { display: none !important; }
body.hero-only.product-view main > #products { display: block !important; }
body.product-view { min-width: 0; background: #f7f8f8; }
#products.product-center * { letter-spacing: 0; }
.product-search { display: flex; flex: 0 1 22.5rem; min-width: 0; height: 2.875rem; border: 1px solid #cfd7da; border-radius: 0.125rem; background: #fff; }
.product-search:focus-within { border-color: var(--orange); box-shadow: 0 0 0 0.125rem rgba(240, 121, 34, .12); }
.product-search-field { flex: 1; display: flex; align-items: center; min-width: 0; }
#products .product-search input { width: 100%; min-width: 0; height: 100%; padding: 0 0.75rem; border: 0; outline: 0; background: transparent; color: var(--carbon); font: inherit; font-size: 0.875rem; }
.product-search input::placeholder { color: #869196; }
.product-search input::-webkit-search-cancel-button { display: none; }
.product-search-clear { display: grid; place-items: center; width: 1.875rem; height: 1.875rem; margin-right: 0.25rem; padding: 0; flex-shrink: 0; border: 0; background: transparent; color: #7b878b; cursor: pointer; }
.product-search-clear[hidden] { display: none; }
.product-search-clear svg { width: 1rem; height: 1rem; }
.product-search-submit { display: flex; align-items: center; justify-content: center; gap: 0.375rem; flex-shrink: 0; padding: 0 0.9375rem; border: 0; border-radius: 0 0.125rem 0.125rem 0; color: var(--carbon); background: var(--orange); font: inherit; font-size: 0.875rem; font-weight: 600; cursor: pointer; }
.product-search-submit:hover:where(:not(.rh-hover-reset)) { background: var(--brand-accent-hover); }
.product-search-submit svg { width: 1rem; height: 1rem; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: auto; gap: 1.25rem; flex: none; min-height: 0; align-items: stretch; }
.product-tile { min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e1e6e7; background: #fff; }
.product-tile-image { display: flex; align-items: center; justify-content: center; flex: none; aspect-ratio: 4 / 3; min-height: 0; padding: 1.125rem; overflow: hidden; background: #fff; }
.product-tile-image img { height: 100%; width: 100%; object-fit: contain; }
.product-tile-copy { flex: 0 0 auto; min-height: 5.875rem; padding: 0.875rem; border-top: 1px solid #eef0f0; }
.product-pagination { display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 2.5rem; margin-top: 1.75rem; }
.product-pagination[hidden] { display: none; }
.product-page { width: 2.5rem; height: 2.5rem; padding: 0; display: grid; place-items: center; border: 1px solid #d9dfe0; border-radius: 0.125rem; background: #fff; color: #5d696d; cursor: pointer; font-size: 0.8125rem; }
.product-page svg { width: 1.0625rem; height: 1.0625rem; }
.product-page:hover:where(:not(.rh-hover-reset)) { border-color: var(--orange); color: var(--orange); }
.product-page[aria-current="page"] { border-color: var(--orange); background: var(--orange); color: #fff; }
.product-page:disabled { color: #bac1c3; border-color: #e6e9ea; cursor: default; }
@media (max-width: 820px) {
  #products.product-center { padding: 1.5rem 0; }
}