.model-plus{font-size:.56em;line-height:0;position:relative;top:-.65em;vertical-align:baseline;margin-left:.03em;letter-spacing:0}
.color-dot.blue{background:#c4dced;border-color:#a9c4d9}.color-dot.pink{background:#ebd7db;border-color:#d6bdc3}
.gear-card .gear-photo{height:auto;aspect-ratio:1;position:relative;overflow:hidden;background:#fff}
.gear-card .gear-photo img.standard-photo,.gear-card[data-gear=m3] .gear-photo img.standard-photo,.gear-card[data-gear=m7] .gear-photo img.standard-photo{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;object-fit:contain;transform:translateY(var(--photo-y)) scale(var(--photo-scale));transition:none}
.product.mouse .product-image{display:flex;align-items:center;justify-content:center;background:#fff}
.product-photo-frame{position:relative;aspect-ratio:1;height:90%;max-width:90%;overflow:hidden;background:#fff}
.product.mouse .product-image .product-photo-frame img.standard-photo{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;object-fit:contain;transform:translateY(var(--photo-y)) scale(var(--photo-scale))}
#modal-image{background:transparent}.gallery-stage{width:min(100%,34svh,330px);aspect-ratio:1;position:relative;overflow:hidden;background:white;margin:0 auto}
#modal-image .gallery-stage img.gallery-main{position:absolute;inset:0;height:100%;width:100%;margin:0;padding:0;object-fit:contain;background:white;border-radius:0;transform:translateY(var(--photo-y)) scale(var(--photo-scale))}
.gallery-thumbs{margin:10px 0 16px}.gallery-thumbs button{width:54px;height:54px}
.gear-card[data-gear=play60] .color-dot.blue{background:#1262df;border-color:#1262df}.color-dot.purple{background:#9b65d5;border-color:#9b65d5}
.keyboard-grid .gear-card{grid-column:span 1}.keyboard-grid .gear-photo{height:auto;aspect-ratio:1}
.product.keyboard .product-image{background:#fff;display:flex;align-items:center;justify-content:center}
.product.keyboard .product-image .product-photo-frame img.standard-photo{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;object-fit:contain;transform:translateY(var(--photo-y)) scale(var(--photo-scale))}
.gallery-thumbs{flex-wrap:wrap}
.gallery-thumbs button{overflow:hidden}#modal-image .gallery-thumbs img.standard-photo{transform:translateY(var(--photo-y)) scale(var(--photo-scale))}
.gallery-stage.keyboard-stage{width:min(100%,680px);aspect-ratio:2.5}
#modal-image .gallery-stage.keyboard-stage img.gallery-main{height:250%;top:-75%}
@media(max-width:760px){.gallery-stage{width:min(100%,34svh)}.gallery-thumbs button{width:44px;height:44px}.product-photo-frame{height:90%;max-width:90%}.gear-card .color-options{gap:6px;flex-wrap:wrap}}
@media(max-width:760px){.keyboard-grid .gear-card{grid-column:span 2}.gallery-thumbs{gap:6px}.gallery-thumbs button{width:40px;height:40px}}

.gear-card[data-gear=s400] .color-dot.pink{background:#f33182;border-color:#df2874}

.gear-card[data-gear=s450] .color-dot.pink{background:#f33182;border-color:#df2874}

.gear-card[data-gear=s450] .color-dot.blue{background:#9bd2e6;border-color:#84bfd4}

.gear-card[data-gear=s480] .color-dot.red-blue{background:#f33182;border-color:#df2874}

.gear-card[data-gear=s480] .color-dot.red-blue{background:linear-gradient(90deg,#d3233d 50%,#2864a0 50%);border-color:#6f4972}