.gallery{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px}
.gallery-thumbs{display:flex;flex-direction:column;gap:10px}
.gallery-thumb{border:1px solid transparent;padding:0;background:none;cursor:pointer}
.gallery-thumb.is-active{border-color:var(--color-black)}
.gallery-thumb img{display:block;width:84px;aspect-ratio:3/4;object-fit:cover;background:#f5f5f5}
.gallery-main{background:#f5f5f5;position:relative;min-height:560px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
.gallery-main img{display:block;width:100%;height:auto;min-height:560px;object-fit:cover}
.gallery-badge{position:absolute;top:14px;left:14px;background:#fff;padding:7px 11px;font-size:11px;z-index:2}
@media(max-width:768px){
  .gallery{display:flex;flex-direction:column}
  .gallery-main{order:0;min-height:0}
  .gallery-main img{min-height:0}
  .gallery-thumbs{order:1;display:flex;flex-direction:row;overflow:auto;margin-top:8px}
  .gallery-thumb{flex:0 0 64px}
  .gallery-thumb img{width:64px}
}