.card .card-media{
 --catalog-tint:#eef1e5;
 --catalog-badge:#2a3b25;
 --catalog-accent:#8ea565;
 isolation:isolate;
 aspect-ratio:1.12;
 background:
  radial-gradient(ellipse at 52% 63%,#ffffffb0,transparent 62%),
  url('/assets/catalog-studio-v2.webp') center/cover,
  var(--catalog-tint);
 background-blend-mode:normal,multiply,normal;
}
.card .card-media.wireless{--catalog-tint:#e5edf5;--catalog-badge:#243e57;--catalog-accent:#7f9fbe}
.card .card-media::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--catalog-accent)}
.card .card-media img{position:absolute;inset:7% 2% 0;width:96%;height:93%;padding:0;aspect-ratio:auto;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.card .card-media[data-cover-model="S09"] img{inset:7% 1% 0;width:98%}
.card .card-version{
 inset:12px auto auto 12px;
 display:inline-flex;align-items:center;gap:6px;
 border:0;border-radius:999px;
 padding:5px 10px;
 background:var(--catalog-badge);color:#fff;line-height:1.35;
}
.card-version svg{width:14px;height:14px;flex:none}
@media(max-width:680px){
 .card .card-version{inset:7px auto auto 7px;padding:4px 7px;gap:4px}
 .card-version svg{width:12px;height:12px}
 .card .card-media img,.card .card-media[data-cover-model="S09"] img{inset:12% 1% 0;width:98%;height:88%}
}
@media(prefers-reduced-motion:reduce){.card .card-media img{transition:none}.card .card-media:hover img{transform:none}}
/* Keep the camera, panel and mounting hardware in the square crop. */
:is(.gallery-main,.thumbs) img[src$="/reviews/package-parts.webp"]{object-position:left center}
.gallery-main img.is-real-photo{filter:brightness(1.07) contrast(1.03)}
.gallery .thumbs{display:grid;grid-template-columns:repeat(var(--thumb-columns,6),minmax(0,1fr));gap:6px}
.gallery .thumbs:has(button:nth-child(7)){--thumb-columns:7}
.gallery .thumbs button{display:grid;grid-template-rows:46px 1fr;justify-items:center;gap:3px;width:100%;height:auto;min-width:0;padding:5px 3px;font-size:11px;line-height:1.2;overflow-wrap:anywhere}
.gallery .thumbs img{display:block;width:min(100%,46px);aspect-ratio:1;object-fit:cover;border-radius:3px}
.gallery-zoom{position:absolute;right:12px;bottom:12px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--deep);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.catalog-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.catalog-controls .filters{display:flex;flex-wrap:wrap;gap:5px}
button:focus-visible,a:focus-visible{outline:2px solid #50752c;outline-offset:3px}
@media(max-width:520px){
 .gallery .thumbs{--thumb-columns:3}
 .gallery .thumbs:has(button:nth-child(7)){--thumb-columns:4}
}