.qem-products-page { max-width:1340px; margin:0 auto; padding:28px 24px 64px; color:#17202e; }
.qem-products-breadcrumb { display:flex; gap:10px; align-items:center; font-size:14px; color:#667085; margin-bottom:28px; }
.qem-products-breadcrumb a { color:inherit; text-decoration:none; }
.qem-products-breadcrumb a:hover { text-decoration:underline; }
.qem-products-page h1 { margin:0 0 32px; text-align:center; font-size:clamp(28px,4vw,38px); line-height:1.2; }
.qem-products-count { color:#667085; font-size:14px; margin:0 0 20px; }
.qem-products-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.qem-products-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:32px 0 0; }
.qem-products-pagination a,.qem-products-pagination span { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid #dfe4ea; border-radius:5px; color:#1f3447; background:#fff; text-decoration:none; box-sizing:border-box; }
.qem-products-pagination [aria-current] { color:#fff; background:#1f3447; border-color:#1f3447; }
.qem-products-pagination a:hover { background:#eef3f8; }
.qem-products-pagination a:focus-visible { outline:2px solid #245ac5; outline-offset:3px; }
.qem-products-empty { padding:48px 24px; text-align:center; border:1px solid #dfe4ea; border-radius:6px; background:#fff; }
#qem-products-results { scroll-margin-top:190px; }
#qem-products-results[aria-busy="true"] { opacity:.6; }
@media(max-width:900px) { .qem-products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) { .qem-products-page { padding:20px 14px 40px; } .qem-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }