.wall-category-sidebar, .card-product-category { --clock-category-font-size: 1.25rem; }
.wall-category-sidebar h5, .card-product-category h5 { font-size: var(--clock-category-font-size); }
.clock-category-menu { list-style: none; padding: 0; margin: 0; font-family: var(--font-family-text); }
.clock-category-menu > li { margin: 0 0 8px; }
.clock-category-menu details { border: 1px solid rgba(255,255,255,.28); border-radius: 0; overflow: hidden; }
.clock-category-menu summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; cursor: pointer; color: #fff; font-size: var(--clock-category-font-size); font-weight: 500; line-height: 1.45; list-style: none; }
.clock-category-menu summary::-webkit-details-marker { display: none; }
.clock-category-menu summary::after { content: '+'; font-size: 1em; line-height: 1; flex-shrink: 0; }
.clock-category-menu details[open] > summary::after { content: '−'; }
.clock-category-menu details[open] > summary, .clock-category-menu summary:hover { background: rgba(255,255,255,.12); }
.clock-category-menu summary:focus-visible, .clock-category-menu a:focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
.clock-material-list { list-style: none; padding: 4px 8px 8px; margin: 0; background: rgba(0,0,0,.09); }
.clock-material-list li { padding: 0; margin: 0; }
.clock-material-list a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 0; color: #fff; font-size: var(--clock-category-font-size); line-height: 1.45; text-decoration: none; text-transform: none; }
.clock-material-list a:hover { background: rgba(255,255,255,.13); color: #fff; }
.clock-material-list a[aria-current="page"] { background: #fff; color: var(--accent-color); font-weight: 600; }
.clock-material-count { font-size: .8em; opacity: .75; flex-shrink: 0; }
.clock-filter-status { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 12px 16px; background: var(--secondary); border: 1px solid var(--accent-color-5); color: var(--primary); font-size: 14px; }
.clock-filter-status p { margin: 0; font-size: inherit; }
.clock-filter-status a { color: var(--accent-color); text-decoration: underline; }
.clock-filter-status [hidden], .clock-filter-empty[hidden], .wall-page-btn[hidden] { display: none !important; }
.clock-filter-empty { padding: 32px 16px; background: var(--secondary); text-align: center; }
.wall-product-card[hidden] { display: none !important; }
@media (min-width: 768px) {
    .wall-category-sidebar { width: 20%; flex: 0 0 20%; min-width: 280px; }
    .wall-products-content { width: auto; flex: 1; min-width: 0; }
    .product-category-container { width: 24%; flex: 0 0 24%; min-width: 280px; }
    .product-content-container { width: auto; flex: 1; min-width: 0; }
}
@media (max-width: 991.98px) { .wall-category-sidebar, .card-product-category { --clock-category-font-size: 1.05rem; } }
@media (max-width: 767px) { .clock-category-menu summary { padding: 11px 12px; } .clock-material-list a { padding: 11px 10px; } }

/* Keep the long thermometer category heading within the mobile viewport. */
@media (max-width: 767.98px) {
    .thermometer-category-page .banner-inner-title { font-size: clamp(2rem, 8.5vw, 2.75rem); overflow-wrap: anywhere; }
    .wall-pagination { flex-wrap: wrap; }
}