.wk-catalog {
--wk-navy: #071f4b;
--wk-red: #a3212b;
--wk-gray: #617086;
--wk-line: #dfe5ec;
--wk-surface: #f7f9fb;
padding-top: 50px;
}
.wk-catalog *, .wk-catalog *::before, .wk-catalog *::after { box-sizing: border-box; }
.wk-catalog .wk-intro { margin-bottom: 30px; }
.wk-catalog .wk-intro h2 { font-size: clamp(26px, 3vw, 35px); color: var(--wk-navy); margin: 7px 0 8px; font-weight: 800; line-height: 1.2; }
.wk-catalog .wk-intro p { color: var(--wk-gray); margin: 0 0 21px; line-height: 1.65; max-width: 750px; font-size: 14px; }
.wk-catalog .wk-primary-search { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 7px 8px 7px 19px; background: #fff; border: 1px solid #d6dfeb; border-radius: 8px; box-shadow: 0 6px 25px rgba(7,31,75,.035); }
.wk-catalog .wk-primary-search > svg { color: #7b8ba1; flex-shrink: 0; }
.wk-catalog .wk-primary-search input[type="search"] { min-width: 0; flex: 1 1 auto; background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; padding: 11px 4px !important; height: 44px !important; color: var(--wk-navy); font-size: 15px; }
.wk-catalog .wk-primary-search input[type="search"]:focus { outline: 0 !important; box-shadow: none !important; }
.wk-catalog .wk-primary-search:focus-within { border-color: #8396b2; box-shadow: 0 0 0 3px rgba(6,29,76,.09); }
.wk-catalog .wk-primary-search button { flex: 0 0 auto; background: var(--wk-navy); border: 0; border-radius: 5px; color: #fff; min-height: 43px; padding: 10px 23px; font-size: 13px; font-weight: 800; cursor: pointer; }
.wk-catalog .wk-primary-search button:hover { background: var(--wk-red); }
.wk-catalog .wk-catalog-shell { display: grid; grid-template-columns: minmax(210px, 248px) minmax(0,1fr); align-items: start; gap: 28px; } .wk-catalog .wk-sidebar { min-width: 0; border: 1px solid var(--wk-line); background: #fff; border-radius: 7px; overflow: hidden; }
.wk-catalog .wk-sidebar-top { padding: 20px 20px 14px; border-bottom: 1px solid var(--wk-line); }
.wk-catalog .wk-sidebar-top h2 { margin: 0; color: var(--wk-navy); font-size: 17px; font-weight: 800; line-height: 1.4; }
.wk-catalog .wk-mobile-filter-toggle { display: none; }
.wk-catalog .wk-facet-form { padding: 0 19px 20px; }
.wk-catalog .wk-facet { padding: 0; border-bottom: 1px solid #e9edf2; }
.wk-catalog .wk-facet summary { list-style: none; display: flex; gap: 8px; align-items: center; cursor: pointer; padding: 15px 0; font-size: 13px; color: #253753; font-weight: 800; }
.wk-catalog .wk-facet summary::-webkit-details-marker { display: none; }
.wk-catalog .wk-facet summary::after { content: ''; border: solid #718098; border-width: 0 1.8px 1.8px 0; display: block; padding: 3px; transform: rotate(45deg); margin-left: auto; margin-right: 2px; }
.wk-catalog .wk-facet[open] summary::after { transform: rotate(225deg); }
.wk-catalog .wk-facet-selected-count { background: #eef2f7; color: #233d62; font-size: 11px; min-width: 20px; height: 20px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; }
.wk-catalog .wk-facet-options { max-height: 220px; overflow-y: auto; padding: 0 3px 14px 0; scrollbar-width: thin; }
.wk-catalog .wk-check-option { display: flex; gap: 9px; align-items: flex-start; cursor: pointer; font-size: 12px; color: #42516a; font-weight: 500; line-height: 1.45; padding: 5px 0; margin: 0; }
.wk-catalog .wk-check-option input { accent-color: var(--wk-navy); margin: 2px 0 0; width: 15px; height: 15px; flex-shrink: 0; }
.wk-catalog .wk-check-option input:checked + span { font-weight: 800; color: var(--wk-navy); }
.wk-catalog .wk-apply-btn { display: block; background: var(--wk-navy); color: #fff; border: none; border-radius: 5px; font-size: 13px; font-weight: 800; width: 100%; min-height: 42px; margin: 19px 0 12px; cursor: pointer; }
.wk-catalog .wk-apply-btn:hover { background: var(--wk-red); }
.wk-catalog .wk-clear-sidebar { color: #6c7d93; display: block; text-align: center; font-size: 12px; text-decoration: underline; } .wk-catalog .wk-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 17px; }
.wk-catalog .wk-filter-chip { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #d4ddea; background: #f3f6fa; color: #244167; border-radius: 4px; padding: 7px 10px; font-size: 11px; line-height: 1.25; text-decoration: none; }
.wk-catalog .wk-filter-chip:hover { color: #fff; background: var(--wk-navy); border-color: var(--wk-navy); }
.wk-catalog .wk-filter-chip span { font-weight: 800; font-size: 15px; }
.wk-catalog .wk-clear-all { font-size: 12px; color: var(--wk-red); font-weight: 700; margin-left: 5px; } .wk-catalog .wk-results { min-width: 0; }
.wk-catalog .wk-results-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 17px; flex-wrap: wrap; }
.wk-catalog .wk-results-count .woocommerce-result-count { margin: 0 !important; float: none !important; color: var(--wk-gray); font-size: 13px; }
.wk-catalog .wk-results-actions { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.wk-catalog .wk-sort-form { display: flex; align-items: center; gap: 8px; margin: 0; }
.wk-catalog .wk-sort-form label { font-size: 12px; color: #65758b; margin: 0; white-space: nowrap; }
.wk-catalog .wk-sort-form select { width: 152px; max-width: 160px; height: 39px; margin: 0; padding: 6px 9px; border: 1px solid var(--wk-line); background: #fff; border-radius: 5px; font-size: 12px; color: #203854; }
.wk-catalog .wk-sort-submit { border: 1px solid var(--wk-line); background: #fff; color: var(--wk-navy); padding: 7px 9px; border-radius: 4px; }
.wk-catalog .wk-sort-form.is-enhanced .wk-sort-submit { display: none; }
.wk-catalog .wk-view-toggle { display: inline-flex; align-items: center; border: 1px solid var(--wk-line); border-radius: 5px; overflow: hidden; background: #fff; }
.wk-catalog .wk-view-link { min-height: 39px; display: inline-flex; align-items: center; gap: 6px; padding: 0 11px; font-size: 12px; font-weight: 700; color: #64758b; text-decoration: none; }
.wk-catalog .wk-view-link + .wk-view-link { border-left: 1px solid var(--wk-line); }
.wk-catalog .wk-view-link svg { width: 17px; height: 17px; }
.wk-catalog .wk-view-link:hover { color: var(--wk-navy); background: #f7f9fc; }
.wk-catalog .wk-view-link.is-active { background: var(--wk-navy); color: #fff; } .wk-catalog .wk-results ul.products { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; gap: 12px !important; grid-template-columns: minmax(0,1fr) !important; clear: both; }
.wk-catalog .wk-results ul.products > li.product { width: 100% !important; float: none !important; margin: 0 !important; max-width: none !important; clear: none !important; }
.wk-catalog .wk-results .wk-product { min-width: 0; min-height: 0; background: #fff; border: 1px solid var(--wk-line); border-radius: 7px; overflow: hidden; box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease; }
.wk-catalog .wk-results .wk-product:hover { border-color: #bcc9d9; box-shadow: 0 4px 16px rgba(6,29,76,.06); }
.wk-catalog .wk-results .wk-product-link { display: grid !important; grid-template-columns: 111px minmax(0,1fr); align-items: stretch; text-decoration: none !important; color: inherit !important; min-width: 0; min-height: 142px; height: 100%; }
.wk-catalog .wk-results .wk-product-media { width: 111px; background: #f4f6f9; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #9eadbe; }
.wk-catalog .wk-results .wk-product-media img { margin: 0 !important; display: block; width: 100% !important; height: 100% !important; max-height: 135px; object-fit: contain; padding: 10px; }
.wk-catalog .wk-results .wk-product-information { min-width: 0; display: flex; flex-direction: column; padding: 17px 19px; }
.wk-catalog .wk-results .wk-product-category { font-weight: 800; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; color: var(--wk-red); line-height: 1.4; margin-bottom: 5px; }
.wk-catalog .wk-results .wk-product-name { color: var(--wk-navy); font-size: 18px; line-height: 1.3; font-weight: 800; margin-bottom: 4px; }
.wk-catalog .wk-results .wk-product-sku { color: #708098; font-size: 11px; line-height: 1.45; margin-bottom: 6px; }
.wk-catalog .wk-results .wk-product-description { color: #58687c; font-size: 13px; line-height: 1.6; }
.wk-catalog .wk-results .wk-product-bottom { margin-top: 11px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: space-between; }
.wk-catalog .wk-results .wk-product-packaging { display: inline-flex; gap: 5px; align-items: center; color: #6c7a8d; font-size: 12px; line-height: 1.4; }
.wk-catalog .wk-results .wk-product-action { color: var(--wk-red); font-weight: 800; font-size: 12px; line-height: 1.4; white-space: nowrap; } .wk-catalog .wk-results.is-grid ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 17px !important; }
.wk-catalog .wk-results.is-grid .wk-product-link { display: flex !important; flex-direction: column; min-height: 100%; }
.wk-catalog .wk-results.is-grid .wk-product-media { height: 125px; width: 100%; flex-shrink: 0; }
.wk-catalog .wk-results.is-grid .wk-product-media img { max-height: 125px; padding: 13px; }
.wk-catalog .wk-results.is-grid .wk-product-media svg { width: 41px; height: 41px; }
.wk-catalog .wk-results.is-grid .wk-product-information { padding: 16px; flex: 1; }
.wk-catalog .wk-results.is-grid .wk-product-name { font-size: 16px; }
.wk-catalog .wk-results.is-grid .wk-product-description { font-size: 12px; line-height: 1.55; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.wk-catalog .wk-results.is-grid .wk-product-bottom { display: flex; align-items: flex-start; gap: 7px; flex-direction: column; margin-top: auto; padding-top: 13px; }
.wk-catalog .wk-results.is-grid .wk-product-packaging { font-size: 11px; }
.wk-catalog .wk-results.is-grid .wk-product-action { margin-top: 6px; }
.wk-catalog .wk-no-results { border: 1px solid var(--wk-line); border-radius: 7px; padding: 32px; background: #f9fafc; }
.wk-catalog .wk-no-results h3 { color: var(--wk-navy); font-size: 20px; margin-bottom: 9px; }
.wk-catalog .wk-no-results p { color: var(--wk-gray); font-size: 14px; }
.wk-catalog .wk-no-results a { color: var(--wk-red); font-weight: 800; } .whitaker-related-products .wk-product { border: 1px solid #e2e7ee; border-radius: 7px; background: #fff; overflow: hidden; }
.whitaker-related-products .wk-product-link { text-decoration: none !important; display: flex; flex-direction: column; height: 100%; color: #202a38 !important; }
.whitaker-related-products .wk-product-media { background: #f4f6f9; width: 100%; height: 130px; display: flex; align-items: center; justify-content: center; color: #9eadbe; }
.whitaker-related-products .wk-product-media img { height: 100% !important; max-height: 130px; width: 100% !important; object-fit: contain; padding: 12px; margin: 0 !important; }
.whitaker-related-products .wk-product-information { padding: 16px; display: flex; flex-direction: column; flex: 1; }
.whitaker-related-products .wk-product-category { font-size: 10px; text-transform: uppercase; color: #a3212b; font-weight: 800; }
.whitaker-related-products .wk-product-name { font-size: 16px; line-height: 1.4; color: #071f4b; }
.whitaker-related-products .wk-product-sku, .whitaker-related-products .wk-product-description, .whitaker-related-products .wk-product-packaging { font-size: 12px; color: #607086; line-height: 1.6; }
.whitaker-related-products .wk-product-description { margin-top: 6px; }
.whitaker-related-products .wk-product-bottom { margin-top: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding-top: 10px; }
.whitaker-related-products .wk-product-packaging { display: flex; align-items: center; gap: 5px; }
.whitaker-related-products .wk-product-action { color: #a3212b; font-weight: 800; font-size: 12px; } .wk-catalog a:focus-visible, .wk-catalog button:focus-visible, .wk-catalog select:focus-visible, .wk-catalog input:focus-visible, .whitaker-related-products a:focus-visible { outline: 3px solid #b83340 !important; outline-offset: 2px; }
@media (max-width: 1150px) {
.wk-catalog .wk-catalog-shell { grid-template-columns: 215px minmax(0,1fr); gap: 20px; }
.wk-catalog .wk-results.is-grid ul.products { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 760px) {
.wk-catalog { padding: 36px 0 60px; }
.wk-catalog .wk-catalog-shell { grid-template-columns: minmax(0,1fr); gap: 17px; }
.wk-catalog .wk-sidebar-top { display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; }
.wk-catalog .wk-mobile-filter-toggle { display: inline-flex; border: 1px solid var(--wk-line); background: #fff; color: var(--wk-navy); border-radius: 5px; gap: 8px; padding: 8px 11px; font-weight: 700; font-size: 12px; cursor: pointer; }
.wk-catalog .wk-filter-fields[data-collapsed="true"] { display: none; }
.wk-catalog .wk-facet-form { padding: 0 16px 18px; }
.wk-catalog .wk-results.is-grid ul.products { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 560px) {
.wk-catalog .wk-primary-search { gap: 7px; padding: 7px 8px 7px 12px; flex-wrap: wrap; }
.wk-catalog .wk-primary-search input[type="search"] { width: calc(100% - 40px); flex-basis: calc(100% - 44px); font-size: 13px; }
.wk-catalog .wk-primary-search button { width: 100%; min-height: 40px; }
.wk-catalog .wk-results-toolbar { align-items: flex-start; }
.wk-catalog .wk-results-actions { width: 100%; justify-content: space-between; margin-left: 0; gap: 7px; }
.wk-catalog .wk-sort-form select { width: 138px; }
.wk-catalog .wk-view-link { padding: 0 9px; }
.wk-catalog .wk-view-link span { display: none; }
.wk-catalog .wk-results .wk-product-link { grid-template-columns: 80px minmax(0,1fr); }
.wk-catalog .wk-results .wk-product-media { width: 80px; }
.wk-catalog .wk-results .wk-product-media svg { width: 32px; height: 32px; }
.wk-catalog .wk-results .wk-product-information { padding: 13px; }
.wk-catalog .wk-results .wk-product-name { font-size: 16px; }
.wk-catalog .wk-results .wk-product-description { font-size: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wk-catalog .wk-results.is-grid ul.products { grid-template-columns: 1fr !important; }
.wk-catalog .wk-results.is-grid .wk-product-media { height: 116px; }
.wk-catalog .wk-results.is-grid .wk-product-bottom { flex-direction: row; }
}