.colt-product-gallery{--colt-gallery-columns:4;--colt-gallery-gap:12px;--colt-gallery-radius:0px;--colt-gallery-active:#222;display:flex;flex-direction:column;gap:var(--colt-gallery-gap);min-width:0}.colt-gallery-main{aspect-ratio:1.5;overflow:hidden;border-radius:var(--colt-gallery-radius);width:100%;background:transparent}.colt-gallery-main img{width:100%;height:100%;display:block;object-fit:var(--colt-gallery-fit,contain)}.colt-gallery-thumbnails{display:grid;grid-template-columns:repeat(var(--colt-gallery-columns),minmax(0,1fr));gap:var(--colt-gallery-gap);min-width:0}.colt-gallery-thumb{appearance:none;display:block;padding:0;border:2px solid transparent;border-radius:var(--colt-gallery-radius);background:none;overflow:hidden;cursor:pointer;aspect-ratio:1}.colt-gallery-thumb.is-active{border-color:var(--colt-gallery-active)}.colt-gallery-thumb:focus-visible{outline:2px solid currentColor;outline-offset:2px}.colt-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.colt-gallery-left,.colt-gallery-right{flex-direction:row;align-items:flex-start}.colt-gallery-left .colt-gallery-thumbnails,.colt-gallery-right .colt-gallery-thumbnails{width:22%;flex:0 0 22%;grid-template-columns:1fr}.colt-gallery-left .colt-gallery-thumbnails{order:-1}.colt-gallery-left .colt-gallery-main,.colt-gallery-right .colt-gallery-main{flex:1;min-width:0}@media(max-width:767px){.colt-gallery-left,.colt-gallery-right{flex-direction:column}.colt-gallery-left .colt-gallery-thumbnails,.colt-gallery-right .colt-gallery-thumbnails{order:2;width:100%;grid-template-columns:repeat(var(--colt-gallery-columns),minmax(0,1fr))}}
/* Independent thumbnail styling and smooth interaction */
.colt-gallery-thumb{box-sizing:border-box;transition:border-color .18s ease,background-color .18s ease;min-width:0;}
.colt-gallery-thumb img{transition:opacity .18s ease;}
@media (prefers-reduced-motion:reduce){.colt-gallery-thumb,.colt-gallery-thumb img{transition:none;}}