[data-glove-model] .product-image { aspect-ratio: 1; overflow: hidden; }
[data-glove-model] .product-image img { width: 100%; height: 100%; object-fit: contain; }
[data-glove-model] .product-body { min-width: 0; }
.glove-color-strip { position: relative; display: flex; gap: 6px; overflow-x: auto; max-width: 100%; padding: 4px 1px 7px; overscroll-behavior-x: contain; scrollbar-width: thin; }
.glove-color-thumbnail { flex: 0 0 50px; width: 50px; height: 50px; box-sizing: border-box; padding: 2px; border: 1px solid #cbd5df; border-radius: 6px; background: #fff; cursor: pointer; }
.glove-color-thumbnail img { display: block; width: 100%; height: 100%; object-fit: contain; }
.glove-color-thumbnail[aria-pressed="true"] { border-color: #0b1f3a; box-shadow: 0 0 0 2px #0b1f3a; }
.glove-color-thumbnail:focus-visible, .glove-size-label select:focus-visible { outline: 3px solid #287acc; outline-offset: 2px; }
[data-glove-model] .glove-color-name { margin: 0; font-size: 12px; min-height: 18px; }
.glove-size-label { display: flex; align-items: center; gap: 6px; font-size: 12px; }
.glove-size-label select { min-width: 0; flex: 1; max-width: 100%; min-height: 36px; border: 1px solid #c6cdd6; border-radius: 5px; background: #fff; color: #0b1f3a; font: inherit; padding: 5px; }
[data-glove-model] [data-glove-add]:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 600px) { .glove-color-strip { gap: 4px; } .glove-color-thumbnail { flex-basis: 46px; width: 46px; height: 46px; } .glove-size-label { flex-wrap: wrap; } }