/* Shared image framing for every model, including Stylish and Emura. */
.product-item[data-has-gallery] .product-picture{height:auto;border:0;overflow:visible}
.product-item[data-has-gallery] .product-info{border-top:1px solid var(--cyan)}
.device-gallery{position:relative;min-width:0;width:100%;color:var(--text)}
.device-gallery[hidden]{display:none!important}
.device-track{display:flex;width:100%;height:240px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none;background:var(--bg)}
.device-track::-webkit-scrollbar,.device-image-choices::-webkit-scrollbar{display:none}
.device-slide{flex:0 0 100%;width:100%;min-width:100%;height:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.products-section .product-item .device-slide img,#product-dialog .device-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:0;background:var(--bg);transform:none;user-select:none;-webkit-user-drag:none}
.device-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;padding:8px 14px}
.device-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--cyan);border-radius:4px;background:var(--bg);color:var(--text);cursor:pointer}
.device-arrow:hover{color:var(--cyan)}.device-arrow svg{width:17px;height:17px}
.device-caption{text-align:center;min-width:0;line-height:1.5}.device-caption b{display:block;font-size:10px;font-weight:600}.device-caption span{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.device-image-choices{display:flex;gap:7px;position:relative;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:3px 14px 10px}
.device-image-choice{display:block;flex:0 0 52px;width:52px;height:42px;border:1px solid var(--muted);border-radius:3px;padding:2px;background:var(--bg);cursor:pointer}
.device-image-choice[aria-pressed=true]{border:2px solid var(--cyan);padding:1px}
.products-section .product-item .device-image-choice img,#product-dialog .device-image-choice img{display:block;width:100%;height:100%;object-fit:contain;margin:0;transform:none;background:var(--bg)}
.device-variants{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 8px;border-top:1px solid #d4e4e9}
.device-variant{display:flex;align-items:center;gap:5px;min-height:44px;border:1px solid #d4e4e9;border-radius:3px;padding:3px 6px;background:var(--bg);color:var(--text);cursor:pointer;font:500 9px Arial,Helvetica,sans-serif;text-align:left}
.device-variant[aria-pressed=true]{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}
.products-section .product-item .device-variant img,#product-dialog .device-variant img{display:block;width:35px;height:28px;object-fit:contain;transform:none;margin:0;background:var(--bg)}
.device-variant-label{max-width:92px;line-height:1.4}.device-hint{font:9px/1.6 Arial,Helvetica,sans-serif;color:var(--muted);text-align:center;padding:0 14px 12px;margin:0}
.product-dialog{width:min(95vw,1120px)}
.product-dialog-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start}
#product-dialog-media,#product-dialog-copy{min-width:0}
#product-dialog .device-track{height:340px}
#product-dialog .device-caption b{font-size:12px}#product-dialog .device-caption span{font-size:10px}
#product-dialog .device-variants{padding-inline:0}#product-dialog .device-variant{font-size:10px}
#product-dialog .device-hint{font-size:10px}
#product-dialog-benefits{padding-left:19px;margin:20px 0;color:var(--text);font-size:13px;line-height:1.8}
#product-dialog-benefits li{padding-left:3px;margin:0 0 10px}#product-dialog-benefits li::marker{color:var(--cyan)}
#product-dialog-copy #product-dialog-text{margin-top:0;color:var(--text)}
#product-dialog-copy #product-dialog-detail{font-size:11px;line-height:1.75}
#product-dialog-copy .dialog-actions{margin-top:22px}
@media(max-width:1100px){.device-track{height:210px}.device-controls{padding-inline:10px}.device-caption b{font-size:9px}.device-variants{padding-inline:10px}.device-variant{font-size:8px;gap:3px;padding-inline:4px}.device-variant-label{max-width:76px}}
@media(max-width:850px){.device-track{height:175px}.device-controls{padding-inline:8px;gap:5px}.device-image-choices{padding-inline:8px}.device-variant{flex:1 0 calc(50% - 6px)}.device-variant-label{max-width:none}.product-dialog-layout{grid-template-columns:minmax(0,1fr);gap:25px}#product-dialog .device-track{height:320px}#product-dialog .device-variant{flex:0 1 auto;font-size:10px}}
@media(max-width:600px){.device-track{height:240px}.device-controls{padding-inline:14px;gap:8px}.device-caption b{font-size:11px}.device-caption span{font-size:10px}.device-image-choices{padding-inline:14px}.device-variants{padding-inline:14px}.device-variant{flex:0 1 auto;font-size:9px;padding-inline:6px}.device-variant-label{max-width:105px}.device-hint{font-size:10px}#product-dialog .device-track{height:250px}#product-dialog-benefits{font-size:13px}#product-dialog-copy #product-dialog-detail{font-size:11px}}
@media(prefers-reduced-motion:reduce){.device-track{scroll-behavior:auto}}
