:where(.kit-image-rail-controls) .kit-button{gap:.5rem;padding:.55rem 1rem;border:1px solid var(--color-base-300,#ddd);border-radius:.5rem;background:var(--color-base-100,#fff);color:var(--color-base-content,#222)}:where(.kit-image-rail-controls) .kit-button-circle{padding:0;border-radius:50%}
.kit-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.kit-image-card{border-radius:.75rem;overflow:hidden;padding:0;border:0;cursor:pointer;background:transparent}.kit-image-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.kit-image-rail{display:flex;overflow-x:auto;gap:1rem;scroll-snap-type:x mandatory;padding-bottom:1rem}.kit-image-rail .kit-image-card{flex:0 0 240px;scroll-snap-align:start}.kit-image-rail .kit-image-card img{aspect-ratio:3/4;object-fit:contain;background:var(--color-base-100)}.kit-image-featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.kit-image-featured .kit-image-card{border-radius:.5rem;aspect-ratio:1}.kit-image-featured .kit-image-card:first-child{grid-column:1/-1;aspect-ratio:var(--kit-gallery-featured-ratio,4/3)}.kit-image-featured .kit-image-card img{width:100%;height:100%;object-fit:cover;display:block}.kit-image-content{grid-column:1/-1}.kit-image-content:empty{display:none}.kit-image-rail-controls{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:1rem}@media(min-width:768px){.kit-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}