.products-page { margin-top: 40px; overflow: hidden; border: 1px solid #dce5eb; border-radius: 18px; background: #fff; box-shadow: 0 10px 35px rgba(7, 30, 48, .045); }
.products-search-band { min-height: 94px; padding: 20px 23px; display: flex; align-items: center; gap: 18px; background: #0b2941; color: #fff; }
.products-search-form { min-width: 0; height: 50px; flex: 1; display: flex; align-items: center; padding: 6px; border-radius: 12px; background: #fff; }
.products-search-form input { min-width: 0; flex: 1; height: 100%; padding: 0 14px; border: 0; outline: none; color: #15283a; background: transparent; font-size: 15px; }
.products-search-form input::placeholder { color: #83919e; }
.products-search-form button { min-width: 76px; height: 40px; padding: 0 15px; border: 0; border-radius: 9px; background: #ffca0a; color: #0b2235; font-size: 15px; font-weight: 850; cursor: pointer; }
.products-search-form button:hover { background: #ffda48; }
.products-search-form .products-clear-search { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 7px; color: #405568; text-decoration: none; font: 400 25px/1 Arial, sans-serif; }
.products-search-form .products-clear-search:hover, .products-search-form .products-clear-search:focus-visible { background: #e9eff3; color: #10283d; }
.products-search-form.has-active-filter input::-webkit-search-cancel-button { display: none; }
.header-search .header-clear-search { width: 27px; min-width: 27px; height: 100%; display: grid; place-items: center; color: #405568; text-decoration: none; font: 400 20px/1 Arial, sans-serif; }
.header-search .header-clear-search:hover, .header-search .header-clear-search:focus-visible { background: #e9eff3; color: #10283d; }
.header-search input.has-clear-search::-webkit-search-cancel-button { display: none; }

.products-search-count { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.products-search-count b { color: #ffca0a; font-size: 28px; line-height: 1; font-weight: 850; }
.products-search-count span { font-size: 13px; }
.products-search-count small { margin-left: 7px; padding-left: 12px; border-left: 1px solid rgba(255,255,255,.26); color: #b3c2cd; font-size: 11px; }
.products-category-area, .products-brand-area { padding: 20px 23px 23px; }
.products-category-area { border-bottom: 1px solid #e5ebef; }
.products-eyebrow { display: block; color: #a67b00; font: 850 11px/1.4 Arial, sans-serif; letter-spacing: .13em; }
.products-category-area h2, .products-brand-heading h2 { margin: 3px 0 15px; color: #10283d; font-size: 20px; font-weight: 850; line-height: 1.3; }
.products-category-scroll { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #8b9299 #f2f4f6; }
.products-category-list { width: max-content; min-width: 100%; display: flex; gap: 7px; padding-bottom: 7px; }
.products-category-list button { min-height: 45px; padding: 0 12px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #dce5eb; border-radius: 11px; background: #fff; color: #14293c; white-space: nowrap; font-size: 13px; font-weight: 800; cursor: pointer; }
.products-category-list button small { color: #8290a0; font-size: 11px; }
.products-category-list button:hover { border-color: #9eafba; }
.products-category-list button.active { border-color: #0b2941; background: #0b2941; color: #fff; }
.products-category-list button.active small { color: #ffca0a; }
.products-brand-heading { display: flex; justify-content: space-between; align-items: end; gap: 15px; }
.products-brand-heading h2 { margin-bottom: 14px; }
.products-brand-heading > span { margin-bottom: 15px; color: #687989; font-size: 12px; white-space: nowrap; }
.products-brand-form { margin-bottom: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.products-brand-form input { width: min(350px,100%); height: 39px; padding: 0 12px; border: 1px solid #dce5eb; border-radius: 9px; color: #15283a; background: #f9fafb; font-size: 14px; }
.products-brand-form input:focus-visible { outline: 2px solid #8eb7d1; outline-offset: 1px; }
.products-brand-form button { min-height: 39px; padding: 0 14px; border: 0; border-radius: 9px; background: #e8edf1; color: #10283d; font-size: 12px; font-weight: 850; cursor: pointer; }
.products-brand-form button:hover { background: #dbe4ea; }
.products-brand-form .products-clear-brand { border: 1px solid #dce5eb; background: #fff; }
.products-brand-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 8px; }
.products-brand-grid button { min-width: 0; min-height: 43px; padding: 6px 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid #dce5eb; border-radius: 10px; background: #fff; color: #10283d; text-align: left; cursor: pointer; }
.products-brand-grid button:hover { border-color: #95afbf; background: #f6f9fb; }
.products-brand-grid button.active { border-color: #0b2941; background: #e7f0f6; }
.products-brand-grid button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 800; }
.products-brand-grid button small { min-width: 25px; height: 24px; padding: 0 6px; display: inline-flex; justify-content: center; align-items: center; border-radius: 999px; background: #f1f4f6; color: #708291; font-size: 11px; }
.products-brand-grid button.active small { background: #0b2941; color: #fff; }
.products-brand-more { margin: 17px auto 0; padding: 9px 18px; display: block; border: 1px solid #dce5eb; border-radius: 8px; background: #fff; color: #10283d; font-size: 13px; font-weight: 800; cursor: pointer; }
.products-brand-more:hover { background: #f3f7fa; }
.products-empty-brands, .products-empty-results { padding: 32px 16px; border: 1px solid #e5ebef; border-radius: 10px; color: #586d7f; text-align: center; font-size: 14px; }
.products-results { padding-top: 40px; padding-bottom: 85px; }
.products-results-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.products-results-head h2 { margin: 4px 0 0; color: #10283d; font-size: 29px; font-weight: 850; }
.products-results-head h2 strong { margin-left: 10px; color: #aa7e00; font-size: 18px; }
.products-active-query { max-width: 100%; min-height: 32px; margin-top: 9px; padding: 4px 9px 4px 12px; display: inline-flex; align-items: center; gap: 11px; border: 1px solid #d7e2e8; border-radius: 8px; background: #f5f8fa; color: #193149; text-decoration: none; font-size: 13px; font-weight: 700; }
.products-active-query:hover, .products-active-query:focus-visible { border-color: #aabfcb; background: #eaf1f5; }
.products-active-query-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products-active-query > [aria-hidden] { font: 400 22px/1 Arial, sans-serif; }

.products-results-head p { margin: 0 0 6px; color: #748391; font-size: 12px; }
.products-image-note { margin: 3px 0 18px; color: #758695; font-size: 12px; }
.products-results .product-catalog { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 13px; }
.products-results .catalog-card { border-radius: 10px; }
.products-results .product-visual { height: 200px; background: #f4f6f8; }
.products-results .product-visual img { width: 100%; height: 100%; padding: 8px; object-fit: contain; background: #f4f6f8; }
.products-results .product-visual span { font-size: 10px; }
.products-results .catalog-copy { min-height: 135px; padding: 13px 15px; }
.products-results .catalog-copy small { font-size: 11px; }
.products-results .catalog-copy h3 { margin: 5px 0 2px; overflow-wrap: anywhere; color: #10283d; font-size: 16px; font-weight: 800; line-height: 1.3; }
.products-results .catalog-copy strong { font-size: 13px; }
.products-results .catalog-copy p { font-size: 13px; }
.products-results { scroll-margin-top: 105px; }
.products-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 35px; }
.products-pagination button { min-width: 42px; height: 42px; padding: 0 10px; border: 1px solid #d9e3e9; border-radius: 7px; background: #fff; color: #173248; font-size: 14px; font-weight: 750; cursor: pointer; }
.products-pagination button:hover:not(:disabled), .products-pagination button:focus-visible { border-color: #0b2941; background: #f2f6f8; }
.products-pagination button.active { border-color: #0b2941; background: #0b2941; color: #fff; }
.products-pagination button:disabled { opacity: .35; cursor: default; }
.products-pagination > span:not(.products-page-count) { padding: 0 4px; color: #81919e; }
.products-pagination .products-page-count { margin-left: 11px; color: #607485; font-size: 13px; }

@media (max-width: 1200px) {
  .products-brand-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .products-results .product-catalog { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 800px) {
  .products-page { margin-top: 26px; }
  .products-search-band { flex-wrap: wrap; gap: 12px; }
  .products-search-form { flex-basis: 100%; }
  .products-search-count b { font-size: 24px; }
  .products-brand-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .products-results .product-catalog { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .products-search-band { padding: 17px; }
  .products-category-area, .products-brand-area { padding: 18px 17px; }
  .products-search-form input { font-size: 13px; padding-inline: 7px; }
  .products-search-form button { min-width: 65px; font-size: 13px; }
  .products-brand-form input { width: 100%; }
  .products-brand-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .products-results { padding-top: 30px; }
  .products-results-head { align-items: start; flex-direction: column; gap: 0; }
  .products-results .product-catalog { grid-template-columns: 1fr; }
  .products-results .product-visual { height: 220px; }
  .products-brand-heading { align-items: flex-start; flex-direction: column; gap: 0; }
  .products-brand-heading > span { margin-bottom: 12px; white-space: normal; }
  .products-search-count { flex-wrap: wrap; white-space: normal; }
}

.products-results .product-model-link { color: #10283d; text-decoration: underline; text-decoration-color: #b8c9d4; text-underline-offset: 3px; overflow-wrap: anywhere; }
.products-results .product-model-link:hover, .products-results .product-model-link:focus-visible { color: #0b6598; text-decoration-color: currentColor; }
.products-directory { padding-block: 28px 82px; }
.products-directory h2 { margin: 8px 0 20px; color: #10283d; font-size: clamp(22px, 2.5vw, 30px); }
.products-directory-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.products-directory-grid a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-width: 0; padding: 14px 16px; border: 1px solid #dde7ec; border-radius: 10px; color: #18354b; background: #fff; font-weight: 700; }
.products-directory-grid a:hover, .products-directory-grid a:focus-visible { border-color: #8faec0; background: #f4f8fa; }
.products-directory-grid a span { color: #43708c; }
@media (max-width: 900px) { .products-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { .products-directory-grid { grid-template-columns: 1fr; } }