/* Focused catalog UX improvements. Kept separate from the generated base stylesheet. */
.filter-head-actions{display:flex;align-items:center;gap:12px}
.mobile-filter-close,.mobile-filter-footer{display:none}
.catalog-filter-backdrop[hidden]{display:none}
.results-toolbar{scroll-margin-top:82px}
.product-card-copy .product-card-model{font-size:12px;letter-spacing:.01em}

@media (max-width:980px){
  body.catalog-filters-open{overflow:hidden}
  .catalog-filter-backdrop:not([hidden]){position:fixed;z-index:89;inset:0;display:block;width:100%;border:0;background:rgba(5,10,14,.62);cursor:pointer}
  .catalog-sidebar.is-open{position:fixed;z-index:90;top:0;right:0;bottom:0;display:block;width:min(440px,100vw);max-height:100dvh;margin:0;padding:0 18px;overflow-y:auto;overscroll-behavior:contain;border:0;border-left:1px solid var(--line-strong);background:var(--surface);box-shadow:-18px 0 60px rgba(0,0,0,.3);scrollbar-width:auto}
  .catalog-sidebar.is-open .filter-head{position:sticky;z-index:2;top:0;min-height:66px;margin:0 -18px;padding:0 18px;background:var(--surface)}
  .catalog-sidebar.is-open .filter-head-actions>button{min-width:44px;min-height:44px}
  .mobile-filter-close{display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--text);font-size:30px;line-height:1;cursor:pointer}
  .mobile-filter-footer{position:sticky;z-index:2;bottom:0;display:block;margin:16px -18px 0;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}
  .mobile-filter-footer .button{width:100%;min-height:48px;font-size:14px}
  .mobile-filter-button{min-height:44px;padding-inline:16px;font-size:13px;cursor:pointer}
}

@media (max-width:680px){
  .product-card{min-height:0;grid-template-rows:auto auto auto auto auto auto}
  .product-card-media{aspect-ratio:1.65;max-height:220px}
  .product-card-media img{padding:5%}
  .product-card-copy{min-height:0;gap:5px;padding:13px 16px 10px}
  .product-card-copy strong{min-height:0;font-size:18px;line-height:1.25}
  .product-card-copy span{min-height:0;overflow:visible;font-size:12px;white-space:normal}
  .product-card-specs{margin-top:9px}
  .product-card-specs>div{padding:5px 0;font-size:11px}
  .product-card-tools{min-height:44px}
  .product-card-tools .compare-button{min-height:44px;font-size:12px}
  .product-card-price{min-height:0;padding:10px 16px}
  .product-card-actions .button{min-height:48px;font-size:13px}
}