.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:12px 0}.color-swatch{background:#f8f9fa;border:1px solid #d8dde3;border-radius:4px;padding:8px;text-align:center;font-size:.85rem}.color-swatch img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;margin-bottom:4px;cursor:zoom-in}.gallery{display:flex;gap:14px;overflow-x:auto;padding:8px 4px 16px;margin:0}.gallery-card{flex:0 0 280px}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;cursor:zoom-in}.gallery-card .cap{font-size:.85rem;margin-top:6px;line-height:1.4}#img-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:999;cursor:zoom-out}#img-overlay img{max-width:90%;max-height:90%;box-shadow:0 0 20px black;border-radius:4px}