.result-summary { color: var(--muted); font-size: 14px; }
.match-context { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.3; }
.preview-banner{padding:12px;background:#fff1bf;border:1px solid #d8ad27;border-radius:var(--radius)}
.mobile-catalogue-search{display:flex;gap:8px;margin:18px 0}.mobile-catalogue-search input{min-width:0}.mobile-filter-header{display:none}.filter-chips{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;margin:0 0 16px;padding:2px}.filter-chips a{flex:none;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;text-decoration:none;font-size:13px}
@media(max-width:767px){.filter-panel{display:none}.filter-panel.is-open{display:grid;position:fixed;z-index:300;inset:0;margin:0;border:0;border-radius:0;overflow-y:auto;padding:68px 16px 90px}.mobile-filter-header{display:flex;position:fixed;z-index:2;inset:0 0 auto;align-items:center;justify-content:space-between;height:58px;padding:0 12px;background:var(--header);color:#fff}.mobile-filter-header button{min-height:44px;border:0;background:transparent;color:#fff}.filter-panel.is-open .filter-actions{position:fixed;z-index:2;inset:auto 0 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border)}.filter-panel.is-open .filter-actions button{width:100%}.filter-panel.is-open .filter-actions a{display:none}body.filter-open{overflow:hidden}}
@media(min-width:768px){.mobile-catalogue-search{display:none}}
.sku-outside { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 16px; padding: 14px; background: #fff7df; border: 1px solid #e5bd5a; border-radius: var(--radius); }
.gallery-previous,.gallery-next{position:absolute;top:45%;width:44px;height:44px;border:0;border-radius:50%;background:rgba(24,33,43,.75);color:#fff}.gallery-previous{left:10px}.gallery-next{right:10px}.gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;margin-top:10px}.gallery-thumbnails button{flex:none;width:60px;height:60px;padding:2px;border:2px solid transparent;border-radius:8px;background:#fff}.gallery-thumbnails button[aria-current="true"]{border-color:var(--red)}.gallery-thumbnails img{width:100%;height:100%;object-fit:contain}
@media (min-width: 1024px) {
  .desktop-hero { position: relative; }
  .hero-slide { display: none; opacity: 0; transition: opacity 180ms ease; }
  .hero-slide.is-active { display: flex; opacity: 1; }
  .hero-controls { position: absolute; inset: auto 36px 42px auto; display: flex; align-items: center; gap: 8px; }
  .hero-controls button, .hero-dot { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; background: rgba(24,33,43,.75); color: #fff; }
  .hero-dot { width: 12px; height: 12px; min-height: 12px; padding: 0; margin: 4px; }
  .hero-dot[aria-current="true"] { background: #fff; }
}