/*
  Storefront browse system
  Layout: instrument-panel catalogue / compact product rail
  Mood: quiet precision for operations buyers.
*/
:root {
  --browse-paper: var(--mh-paper);
  --browse-panel: #fff;
  --browse-ink: var(--mh-ink);
  --browse-muted: var(--mh-ink-soft);
  --browse-line: var(--mh-line);
  --browse-teal: var(--mh-blue);
  --browse-teal-dark: var(--mh-blue-deep);
  --browse-amber: var(--mh-blue);
  --browse-shadow: 0 12px 30px rgba(23, 41, 54, .08);
}

.cat-page, .srp-wrap, .ap-wrap {
  max-width: 1540px !important;
  background: var(--browse-paper) !important;
  color: var(--browse-ink) !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
}
.cat-page a, .srp-wrap a, .ap-wrap a { color: var(--browse-teal); }
.cat-page a:hover, .srp-wrap a:hover, .ap-wrap a:hover { color: var(--browse-teal-dark); }

/* Shared page framing */
.cat-crumb, .srp-crumb, .breadcrumb {
  padding: 22px 42px 8px !important;
  color: var(--browse-muted) !important;
  font-size: 11px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cat-crumb a, .srp-crumb a { text-underline-offset: 3px; }
.cat-crumb .cur, .breadcrumb .current { color: var(--browse-ink) !important; font-weight: 700; }
.cat-layout { padding: 18px 42px 70px !important; gap: 28px !important; }
.srp-heading { padding: 10px 42px 0 !important; }
.srp-layout { padding: 0 42px 70px !important; gap: 32px !important; }
.srp-wrap-inner { max-width: 1540px; margin: 0 auto; }

h1.cat-h1, .l1-heading h1, .l2-heading h1, .l3-h1,
.srp-heading h1, .ap-title {
  color: var(--browse-ink) !important;
  font-family: var(--font-title) !important;
  letter-spacing: -.035em !important;
}
.l1-heading h1, .l2-heading h1, .l3-h1, .srp-heading h1, .ap-title { font-size: clamp(26px, 3vw, 40px) !important; }
.srp-heading h1 .sq { color: var(--browse-teal) !important; }
.srp-count { display: inline-flex; align-items: center; gap: 5px; padding: 7px 10px; border-left: 3px solid var(--browse-teal); background: var(--mh-blue-wash); }

/* Filters become a calm instrument panel */
.cat-sidebar, .l3-sidebar, .srp-sidebar {
  background: var(--browse-panel) !important;
  border: 1px solid var(--browse-line) !important;
  border-radius: 3px !important;
  box-shadow: 0 4px 14px rgba(23,41,54,.045) !important;
}
.cat-sidebar { position: sticky; top: 14px; }
.filter-group { padding: 16px 18px 17px !important; }
.filter-option { min-height: 28px; }
.cat-side-block, .l3-side-block, .filter-group { border-color: var(--browse-line) !important; }
.cat-side-title, .l3-side-title, .filter-head { color: var(--browse-ink) !important; letter-spacing: .02em; }
.cat-side-link, .l3-side-link { color: var(--browse-teal) !important; }
.cat-brand-option input, .l3-facet-option input, .filter-option input { accent-color: var(--browse-teal) !important; }
.cat-price-apply, .l3-filter-btn, .srp-cart-row .srp-add-btn, .srp-list-add {
  background: var(--browse-teal) !important;
  border-radius: 3px !important;
}
.cat-price-apply:hover, .l3-filter-btn:hover, .srp-cart-row .srp-add-btn:hover, .srp-list-add:hover { background: var(--browse-teal-dark) !important; }

/* Category browse cards */
.img-grid, .l2-subcat-grid { border-color: var(--browse-line) !important; }
.img-card, .l2-subcat-card, .cp-card, .l3-grid-card, .srp-card, .srp-list-card,
.ap-cat-card, .ap-brand-tile, .ap-ind-tile {
  background: var(--browse-panel) !important;
  border-color: var(--browse-line) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}
.img-card:hover, .l2-subcat-card:hover, .cp-card:hover, .l3-grid-card:hover,
.srp-card:hover, .srp-list-card:hover, .ap-cat-card:hover, .ap-brand-tile:hover, .ap-ind-tile:hover {
  background: var(--mh-blue-wash) !important;
  box-shadow: var(--browse-shadow) !important;
  transform: translateY(-2px);
}
.img-card, .l2-subcat-card, .srp-card, .srp-list-card, .cp-card { transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease; }
.img-card:hover, .l2-subcat-card:hover { box-shadow: inset 0 -3px 0 var(--browse-teal), var(--browse-shadow) !important; }
.ic-lbl, .l2-subcat-title, .cp-name, .srp-name, .srp-list-name, .ap-cat-name, .ap-brand-name, .ap-ind-name {
  color: var(--browse-ink) !important;
}
.cp-model, .srp-model, .l3-grid-model, .ap-cat-meta, .ap-brand-cnt, .srp-count { color: var(--browse-muted) !important; }
.cp-price, .srp-price, .l3-grid-price, .srp-list-price { color: var(--browse-ink) !important; font-variant-numeric: tabular-nums; }
.cp-quote-link { border: 0; padding: 0; background: transparent; font: inherit; cursor: pointer; }
.cp-badge.excl, .srp-badge.excl, .ships-badge { background: var(--browse-amber) !important; }

/* Department landing page */
.ap-header { padding: 34px 42px 30px !important; background: var(--browse-panel) !important; border-color: var(--browse-line) !important; }
.ap-stat { color: var(--browse-teal) !important; }
.ap-stat svg, .ap-stat span { color: var(--browse-ink) !important; stroke: var(--browse-teal) !important; }
.ap-section { padding: 44px 42px 54px !important; }
.ap-section.alt { background: #fff !important; }
.ap-section-head h2 { color: var(--browse-ink) !important; letter-spacing: -.025em; }
.ap-section-head a, .ap-cat-browse { color: var(--browse-teal) !important; }
.ap-cat-img { background: #fff !important; }
.ap-ind-icon { background: var(--mh-blue-wash) !important; }
.ap-ind-icon svg { stroke: var(--browse-teal) !important; }
.ap-cta { margin: 0 42px 54px !important; background: var(--browse-ink) !important; border-radius: 3px !important; }
.ap-cta-btn { color: var(--browse-ink) !important; border-radius: 3px !important; }

/* Search controls and result rhythm */
.srp-sidebar { background: #fff !important; }
.srp-toolbar { padding: 12px 0; border-top: 1px solid var(--browse-line); border-bottom: 1px solid var(--browse-line); }
.srp-sort-select, .l3-filter-select, .sort-select, .filter-search {
  border-color: #bbc5d2 !important; border-radius: 3px !important; background: var(--browse-panel) !important;
}
.srp-vt.active, .srp-variants { color: var(--browse-teal) !important; }
.srp-badge.sale { background: var(--browse-amber) !important; }
.srp-top-cat { border-color: var(--browse-teal) !important; background: #fff !important; border-radius: 3px !important; }
.srp-top-cat-label { color: var(--browse-teal) !important; }
.srp-top-cat-cta { background: var(--browse-teal) !important; border-radius: 3px !important; }
.srp-top-cat { margin-top: 3px; }
.srp-brand-tiles, .srp-cat-tiles { padding: 16px; border: 1px solid var(--browse-line); background: #fbfdff; }
.srp-brand-tiles-hd, .srp-cat-tiles-hd { color: var(--browse-ink) !important; letter-spacing: .08em; }
.srp-brand-tile { height: 82px; border-radius: 3px !important; }
.srp-cat-tile { border-radius: 3px !important; }
.srp-main > .srp-grid, .srp-main > .srp-list { scroll-margin-top: 20px; }
.srp-card { padding: 14px !important; }
.srp-img { height: 136px !important; }
.srp-card:focus-visible, .srp-list-card:focus-visible, .img-card:focus-visible, .l2-subcat-card:focus-within, .cat-side-link:focus-visible, .srp-cat-tile:focus-visible { outline: 3px solid rgba(0,98,254,.32); outline-offset: 3px; }
.srp-cart-row .srp-add-btn, .srp-list-add { min-height: 38px; }
.srp-quote-btn { min-height: 36px; }

/* Give tables the same reading cadence */
table.prod-table thead th { background: var(--mh-blue-wash) !important; color: var(--browse-ink) !important; }
table.prod-table tbody tr:hover { background: var(--mh-blue-wash) !important; }
.l3-section-head { background: var(--mh-blue-wash) !important; }
.l3-filter-bar { border-color: var(--browse-line) !important; background: var(--browse-panel) !important; }
.srp-compare-add{display:block;margin-top:12px;padding:7px 10px;border:1px solid var(--browse-line);border-radius:4px;background:#fff;color:var(--browse-teal);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.srp-compare-add[aria-pressed="true"]{background:var(--mh-blue-wash);border-color:var(--browse-teal)}
.srp-compare-tray{position:fixed;z-index:100;bottom:18px;left:50%;transform:translateX(-50%);background:var(--mh-ink);color:#fff;padding:12px 16px;border-radius:8px;box-shadow:var(--mh-shadow);display:flex;align-items:center;gap:16px;font-weight:700}
.srp-compare-tray[hidden]{display:none}
.srp-compare-tray button{background:var(--mh-blue);color:#fff;border:0;border-radius:5px;padding:10px 14px;cursor:pointer;font-weight:700}
.srp-compare-tray button:disabled{opacity:.55;cursor:not-allowed}
.srp-compare-tray .srp-compare-clear{background:transparent;color:#fff;padding:8px}
.srp-compare-dialog{border:0;border-radius:10px;max-width:min(900px,95vw);max-height:85vh;width:100%;padding:0;background:#fff;color:var(--mh-ink);box-shadow:0 20px 80px #0004}
.srp-compare-dialog::backdrop{background:#0d1f30b8}
.srp-compare-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--mh-line)}
.srp-compare-head h2{font-size:20px;margin:0}
.srp-compare-head button{border:0;background:transparent;font-size:28px;cursor:pointer}
.srp-compare-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:auto}
.srp-compare-content section{padding:22px;border-right:1px solid var(--mh-line);min-width:185px}
.srp-compare-content section:last-child{border:0}
.srp-compare-content img{display:block;width:100%;height:130px;object-fit:contain;margin-bottom:16px}
.srp-compare-content a{display:block;min-height:65px;font-weight:700}
.srp-compare-field{display:flex;flex-direction:column;border-top:1px solid var(--mh-line);padding:12px 0;overflow-wrap:anywhere}
.srp-compare-field strong{font-size:11px;text-transform:uppercase;color:var(--mh-ink-soft)}
@media(max-width:600px){.srp-compare-tray{width:calc(100% - 20px);bottom:10px;gap:7px;padding:10px;font-size:12px}.srp-compare-tray button{padding:8px}.srp-compare-content{grid-template-columns:repeat(3,minmax(185px,1fr))}}
.srp-mobile-filter-toggle{display:none}
@media(max-width:768px){
  .srp-mobile-filter-toggle{display:block;width:100%;padding:12px 16px;border:1px solid var(--mh-line);border-radius:3px;background:var(--mh-blue-wash);color:var(--mh-ink);text-align:left;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
  .srp-layout .srp-sidebar{display:none}
  .srp-layout .srp-sidebar.mobile-open{display:block}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

@media (max-width: 768px) {
  .cat-crumb, .srp-crumb, .breadcrumb, .srp-heading { padding-left: 18px !important; padding-right: 18px !important; }
  .cat-layout, .srp-layout { padding-left: 18px !important; padding-right: 18px !important; }
  .ap-header, .ap-section { padding-left: 18px !important; padding-right: 18px !important; }
  .ap-cta { margin-left: 0 !important; margin-right: 0 !important; }
  .srp-toolbar { flex-wrap: wrap; justify-content: space-between; gap: 12px; }
  .srp-grid { gap: 10px !important; }
}

/* Leaf pages: keep the filter rail, but give the buying surface the full
   remaining width. Related siblings live above the products, not beside them. */
.l3-shell,
.l3-shell.no-related {
  grid-template-columns: 194px minmax(0, 1fr) !important;
}
.l3-related-inline {
  margin: 0 0 22px;
}
.l3-related-inline h2,
.l3-strip-heading {
  margin: 0 0 9px;
  color: var(--browse-ink);
  font-size: 13px;
  font-weight: 800;
}
.l3-related-inline-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
  border-top: 1px solid var(--browse-line);
  border-left: 1px solid var(--browse-line);
}
.l3-related-inline-card {
  min-width: 0;
  min-height: 112px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 7px;
  color: var(--browse-ink) !important;
  text-align: center;
  text-decoration: none;
  border-right: 1px solid var(--browse-line);
  border-bottom: 1px solid var(--browse-line);
  background: var(--browse-panel);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}
.l3-related-inline-card:hover {
  background: var(--mh-blue-wash);
  box-shadow: inset 0 -3px 0 var(--browse-teal);
}
.l3-related-inline-img {
  width: 76px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l3-related-inline-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.l3-related-inline-img svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: var(--browse-teal);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.l3-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 12px !important;
}
@media (min-width: 1180px) {
  .l3-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 768px) {
  .l3-shell,
  .l3-shell.no-related { grid-template-columns: 1fr !important; }
  .l3-related-inline-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .l3-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 480px) {
  .l1-heading h1, .l2-heading h1, .l3-h1, .srp-heading h1, .ap-title { font-size: 26px !important; }
  .srp-card { padding: 12px !important; }
  .srp-img { height: 126px !important; }
}

/* Material Handling USA browse treatment
   A compact catalog frame: Webstaurant-like information density, with MH-USA
   MH-USA blue department cues and only our own catalog data and imagery. */
:root {
   --browse-green: #0E58CB;
   --browse-green-dark: #0A429B;
   --browse-green-wash: #edf4ff;
   --browse-border: #cfd8e5;
   --browse-gray: #f4f7fb;
}

.cat-page, .l3-page, .ap-wrap, .srp-wrap {
  max-width: none !important;
  background: #fff !important;
  color: #252a27 !important;
  font-family: var(--font-body) !important;
}
.cat-crumb, .l3-crumb, .breadcrumb {
  color: #66716a !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 12px !important;
}
.cat-crumb a, .l3-crumb a, .breadcrumb a,
.cat-page a, .l3-page a { color: var(--browse-green) !important; }
.cat-crumb .cur, .l3-crumb .cur, .breadcrumb .current { color: #252a27 !important; }
h1.cat-h1, .l1-heading h1, .l2-heading h1, .l3-h1,
.srp-heading h1, .ap-title {
  font-family: var(--font-title) !important;
  color: #252a27 !important;
  letter-spacing: -.025em !important;
  font-weight: 700 !important;
}
h1.cat-h1, .l1-heading h1, .l2-heading h1, .l3-h1, .srp-heading h1, .ap-title {
  font-size: clamp(26px, 3vw, 36px) !important;
}
.cat-layout, .l3-page { padding-left: 24px !important; padding-right: 24px !important; }
.cat-layout { gap: 22px !important; }
.cat-sidebar, .l3-sidebar, .srp-sidebar {
  border-color: var(--browse-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.cat-side-block, .l3-side-block, .filter-group { border-color: var(--browse-border) !important; }
.cat-side-title, .l3-side-title, .filter-head { color: #252a27 !important; }
.cat-side-title::after, .l3-side-title.has-chevron::after { color: var(--browse-green) !important; }
.cat-side-link, .l3-side-link { color: var(--browse-green) !important; }
.cat-price-apply, .l3-filter-btn, .srp-cart-row .srp-add-btn, .srp-list-add,
.l3-add-btn {
  background: var(--browse-green) !important;
  border-radius: 0 !important;
}
.cat-price-apply:hover, .l3-filter-btn:hover, .srp-cart-row .srp-add-btn:hover,
.srp-list-add:hover, .l3-add-btn:hover { background: var(--browse-green-dark) !important; }
.cat-brand-option input, .l3-facet-option input, .filter-option input { accent-color: var(--browse-green) !important; }
.img-grid, .l2-subcat-grid { border-color: var(--browse-border) !important; }
.img-card, .l2-subcat-card, .cp-card, .l3-grid-card, .srp-card, .srp-list-card {
  border-color: var(--browse-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.img-card:hover, .l2-subcat-card:hover, .cp-card:hover, .l3-grid-card:hover,
.srp-card:hover, .srp-list-card:hover {
  background: var(--browse-green-wash) !important;
  box-shadow: inset 0 -3px 0 var(--browse-green) !important;
  transform: none !important;
}
.ic-lbl, .l2-subcat-title, .cp-name, .srp-name, .srp-list-name,
.l3-grid-name { color: #252a27 !important; }
.cp-price, .srp-price, .l3-grid-price, .srp-list-price { color: #252a27 !important; }
.cp-badge.excl, .srp-badge.excl, .ships-badge { background: var(--browse-green) !important; }
.l3-section-head, table.prod-table thead th { background: var(--browse-gray) !important; }
table.prod-table tbody tr:hover { background: var(--browse-green-wash) !important; }
.l3-filter-bar { border-color: var(--browse-border) !important; }
.show-all-btn { border-color: var(--browse-green) !important; color: var(--browse-green) !important; border-radius: 0 !important; }
.show-all-btn:hover { background: var(--browse-green) !important; color: #fff !important; }

/* Directory landing */
.cat-page:has(.category-finder) {
  max-width: none !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.cat-page:has(.category-finder) .cat-page-title {
  color: #252a27 !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 700 !important;
}
.cat-page:has(.category-finder) .cat-page-sub { color: #66716a !important; }
.cat-page:has(.category-finder) .dept-pill {
  border-radius: 0 !important;
  border-color: var(--browse-border) !important;
  color: var(--browse-green) !important;
}
.cat-page:has(.category-finder) .dept-pill:hover {
  background: var(--browse-green-wash) !important;
  border-color: var(--browse-green) !important;
}
.category-finder input { height:var(--mh-search-height) !important; min-height:var(--mh-search-height); border-radius:var(--mh-search-radius) !important; border-color:var(--mh-search-border) !important; }
.category-finder input:focus-visible { outline-color:rgba(0,98,254,.2) !important; border-color:var(--gi-blue) !important; }
.srp-sidebar .filter-search { min-height:var(--mh-search-height); padding:8px 14px; border:1px solid var(--mh-search-border) !important; border-radius:var(--mh-search-radius) !important; }
.srp-sidebar .filter-search:focus-visible { border-color:var(--gi-blue) !important; box-shadow:0 0 0 3px rgba(0,98,254,.14); }
.dept-discovery-title, .category-directory-title { color: #252a27 !important; font-size: 20px !important; }
.dept-discovery { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
.dept-discovery-card {
  border-radius: 0 !important;
  border-color: var(--browse-border) !important;
  background: #fff !important;
  padding: 18px !important;
}
.dept-card-image {
  height: 86px;
  margin: -18px -18px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--browse-gray);
  border-bottom: 1px solid var(--browse-border);
  overflow: hidden;
}
.dept-card-image img { width: 100%; height: 100%; object-fit: contain; padding: 8px; box-sizing: border-box; }
.dept-discovery-card:hover { border-top: 3px solid var(--browse-green); padding-top: 16px !important; }
.dept-discovery-card h3 a, .dept-discovery-card li a, .dept-directory-link { color: var(--browse-green) !important; }
.category-directory { border-radius: 0 !important; border-color: var(--browse-border) !important; }
.directory-node { border-color: #e1e5e2 !important; }
.directory-node.depth-0 { background: var(--browse-green-wash) !important; color: #252a27 !important; }
.directory-node.depth-0::before { background: var(--browse-green) !important; }
.directory-node:hover { background: #f3f7f3 !important; color: var(--browse-green) !important; }
.l1-promo { background: var(--browse-green) !important; border-radius: 0 !important; }
.l1-promo-btn { border-radius: 0 !important; }
.l3-related-card:hover { background: var(--browse-green-wash) !important; }

/* Department and subcategory landings are broad browse pages. Product
   refinement remains a leaf-only concern, so the existing L1/L2 rail is
   removed without changing the L3 listing markup or behavior. */
.cat-page.cat-landing .cat-layout {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  padding-top: 0 !important;
}
.cat-page.cat-landing .cat-sidebar {
  display: block !important;
  width: auto !important;
  position: sticky;
  top: 14px;
}
.cat-page.cat-landing .cat-main {
  width: 100% !important;
  max-width: none !important;
}
.cat-page.cat-landing .cat-section {
  margin-bottom: 34px !important;
}
.cat-page.cat-landing .l1-heading,
.cat-page.cat-landing .l2-heading {
  padding: 22px 0 18px !important;
  margin: 0 !important;
}
.cat-page.cat-landing .l1-heading h1,
.cat-page.cat-landing .l2-heading h1 {
  font-size: clamp(26px, 3vw, 36px) !important;
  margin-bottom: 5px !important;
}
.cat-page.cat-landing .l1-description,
.cat-page.cat-landing .l2-description {
  max-width: 780px !important;
  color: #4d5850 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.landing-hero {
  width: 100%;
  height: clamp(150px, 20vw, 238px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--browse-gray);
  border: 1px solid var(--browse-border);
}
.landing-hero img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cat-page.cat-landing .img-grid.cols-5,
.cat-page.cat-landing .l2-subcat-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.cat-page.cat-landing .img-card {
  min-height: 188px;
  padding: 18px 12px 15px !important;
}
.cat-page.cat-landing .img-card .iw {
  height: 138px !important;
}
.cat-page.cat-landing .img-card .ic-lbl {
  font-size: 13px !important;
}
.cat-page.cat-landing .l2-subcat-card {
  min-height: 194px;
}
.cat-page.cat-landing .l2-subcat-img-wrap {
  height: 145px !important;
}
.cat-page.cat-landing .l2-subcat-title {
  font-size: 12.5px !important;
}
.cat-page.cat-landing .l1-promo {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 768px) {
  .cat-layout, .l3-page, .cat-page:has(.category-finder) { padding-left: 16px !important; padding-right: 16px !important; }
  .cat-page.cat-landing .cat-layout { display: block !important; }
  .cat-page.cat-landing .cat-sidebar { position: static; margin-bottom: 16px; }
  .dept-discovery { grid-template-columns: 1fr !important; }
  .cat-page.cat-landing .img-grid.cols-5,
  .cat-page.cat-landing .l2-subcat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .landing-hero { height: 150px; }
  .cat-page.cat-landing .img-card { min-height: 160px; }
  .cat-page.cat-landing .img-card .iw { height: 108px !important; }
}

.l3-mobile-filter-toggle { display: none; }
@media (max-width: 768px) {
  .l3-mobile-filter-toggle {
    display: block;
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #bdcff0;
    background: #f1f6ff;
    color: #0E58CB;
    text-align: left;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
  }
  .l3-shell .l3-sidebar { display: none !important; }
  .l3-shell .l3-sidebar.mobile-open { display: block !important; }
}