.product-list{display:grid;gap:2rem}
.family[href="/products/epaper/"] .family-visual{background:linear-gradient(145deg,#fff 0%,#eef1f2 70%,#dce1e3 100%)}
.family[href="/products/epaper/"] .family-visual img{filter:drop-shadow(0 12px 12px rgba(0,0,0,.18))}
.product-img:has(img[src*="/epc1330"]),
.product-img:has(img[src*="/epc2800"]),
.product-img:has(img[src*="/epc3200"]),
.product-img:has(img[src*="/epaper-bus-stop-signs/"]){background:linear-gradient(145deg,#fff 0%,#f2f3f4 62%,#e3e6e8 100%);border-right:1px solid #d6d9dc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}
.product-img:has(img[src*="/epc1330"]) img,
.product-img:has(img[src*="/epc2800"]) img,
.product-img:has(img[src*="/epc3200"]) img,
.product-img:has(img[src*="/epaper-bus-stop-signs/"]) img{filter:drop-shadow(0 18px 18px rgba(0,0,0,.2))}
.product-photo:has(img[src*="/epc1330"]),
.product-photo:has(img[src*="/epc2800"]),
.product-photo:has(img[src*="/epc3200"]),
.product-photo:has(img[src*="/epaper-bus-stop-signs/"]){background:linear-gradient(145deg,#fff 0%,#f1f3f4 64%,#dfe3e5 100%);border:1px solid #d2d6d9;box-shadow:0 20px 45px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.8)}
.product-photo:has(img[src*="/epc1330"]) img,
.product-photo:has(img[src*="/epc2800"]) img,
.product-photo:has(img[src*="/epc3200"]) img,
.product-photo:has(img[src*="/epaper-bus-stop-signs/"]) img{background:transparent;filter:drop-shadow(0 22px 20px rgba(0,0,0,.18))}
.product-photo:not(.epaper-carousel):has(img[src*="-large.png"]){display:grid;place-items:center;min-height:540px;padding:1rem}
.product-photo:not(.epaper-carousel):has(img[src*="-large.png"]) img{width:auto;max-width:100%;max-height:600px;object-fit:contain}
.product-img:has(img[src*="-large.png"]) img{width:auto;max-width:100%;max-height:420px;object-fit:contain}
.product-img:has(img[src*="bss1330-local-user-v32.jpg"]) img{width:auto;max-width:100%;max-height:320px;object-fit:contain}
.product-photo-3d{position:relative;min-height:520px;padding:0;overflow:hidden;background:radial-gradient(circle at 50% 32%,#30343a 0,#151719 46%,#070808 100%);isolation:isolate}
.product-photo-3d canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;opacity:0;transition:opacity .35s ease}
.product-photo-3d canvas:active{cursor:grabbing}
.product-photo-3d.is-ready canvas{opacity:1}
.product-3d-poster{position:absolute;inset:0;width:100%;height:100%!important;object-fit:contain;background:#080808!important;transition:opacity .35s ease}
.product-photo-3d.is-ready .product-3d-poster{opacity:0;pointer-events:none}
.model-badge{position:absolute;z-index:3;top:1rem;left:1rem;padding:.5rem .7rem;color:#fff;background:rgba(10,10,10,.72);border:1px solid rgba(255,255,255,.2);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.model-controls{position:absolute;z-index:3;right:1rem;bottom:1rem;display:flex;gap:.45rem}
.model-controls button{min-height:42px;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(10,10,10,.72);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;backdrop-filter:blur(8px)}
.model-controls button:hover,.model-controls button:focus-visible,.model-controls button[aria-pressed="true"]{color:#111;background:#ff8040;border-color:#ff8040}
.model-part{position:absolute;z-index:3;left:1rem;bottom:1rem;max-width:48%;padding:.55rem .7rem;color:#d9dcdf;background:rgba(10,10,10,.64);font-size:.75rem;line-height:1.35;pointer-events:none;backdrop-filter:blur(8px)}
.model-fallback{color:#fff}
@media(max-width:1050px){.product-photo-3d{min-height:440px}}
@media(max-width:760px){.product-photo-3d{min-height:390px}.model-controls{left:1rem;right:auto;bottom:1rem}.model-part{left:1rem;right:1rem;bottom:4.35rem;max-width:none}.model-badge{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.product-photo-3d canvas,.product-3d-poster{transition:none}}

.spec-visuals{grid-column:2;margin-top:1.5rem}
.spec-visuals>div{display:grid;grid-template-columns:1fr;gap:1rem}
.spec-visuals>div.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.spec-visuals>div.three{grid-template-columns:repeat(2,minmax(0,1fr))}
.spec-visuals>div.three .installation-visual{grid-column:1/-1}
.spec-visuals figure{margin:0;padding:1rem;background:linear-gradient(145deg,#fff,#eef1f2);border:1px solid #d6d9dc}
.spec-visuals img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 16px rgba(0,0,0,.16))}
.spec-visuals .installation-visual{padding:0;overflow:hidden;background:#111}
.spec-visuals .installation-visual img{aspect-ratio:16/9;object-fit:cover;filter:none}
.spec-visuals:is([data-model="QAME-1330"],[data-model="QAME-2800B"],[data-model="QAME-3200B"]) figure:not(.installation-visual){display:grid;min-height:390px;place-items:center}
.spec-visuals:is([data-model="QAME-1330"],[data-model="QAME-2800B"],[data-model="QAME-3200B"]) figure:not(.installation-visual) img{width:100%;height:350px;object-fit:contain}
.spec-visuals[data-model="QAME-1330"] figure:not(.installation-visual) img{width:auto;max-width:100%;aspect-ratio:704/1504;object-fit:cover}
@media(max-width:760px){.product-photo:has(img[src*="-large.png"]){min-height:420px}.spec-visuals{grid-column:auto}.spec-visuals>div.two,.spec-visuals>div.three{grid-template-columns:1fr}.spec-visuals>div.three .installation-visual{grid-column:auto}.spec-visuals:is([data-model="QAME-1330"],[data-model="QAME-2800B"],[data-model="QAME-3200B"]) figure:not(.installation-visual){min-height:320px}.spec-visuals:is([data-model="QAME-1330"],[data-model="QAME-2800B"],[data-model="QAME-3200B"]) figure:not(.installation-visual) img{height:280px}}
@media(max-width:760px){.product-img:has(img[src*="bss1330-local-user-v32.jpg"]) img{max-height:280px}}

/* ePaper hero gallery: English is the primary image, localized content follows. */
.epaper-carousel{position:relative;min-height:520px;padding:1.25rem;overflow:hidden}
.epaper-slides{position:relative;width:100%;min-height:470px}
.epaper-slide{position:absolute;inset:0;display:grid;place-items:center;margin:0;opacity:0;visibility:hidden;transform:translateX(2%);transition:opacity .55s ease,transform .55s ease,visibility 0s linear .55s}
.epaper-slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.epaper-carousel .epaper-slide img{display:block;width:100%;height:470px;max-width:100%;max-height:470px;object-fit:contain;background:transparent}
.epaper-carousel[data-model="QAME-1330"] .epaper-slide img{width:auto;max-width:100%;aspect-ratio:704/1504;object-fit:cover;margin-inline:auto}
@media(max-width:1050px){.epaper-carousel{min-height:440px}.epaper-slides{min-height:390px}.epaper-carousel .epaper-slide img{height:390px;max-height:390px}}
@media(max-width:760px){.epaper-carousel{min-height:375px;padding:1rem}.epaper-slides{min-height:335px}.epaper-carousel .epaper-slide img{height:335px;max-height:335px}}
@media(prefers-reduced-motion:reduce){.epaper-slide{transition:none}}

