/* METOC product page. Builds on tactical-graphics.css, whose product-page layout it shares. */
.mt-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mt-gallery figure{margin:0}
.mt-gallery a{display:block;overflow:hidden;aspect-ratio:3/2;border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--gray-50);box-shadow:0 12px 34px rgba(2,10,24,.12);cursor:zoom-in}
.mt-gallery img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform var(--transition)}
.mt-gallery a:hover img,.mt-gallery a:focus-visible img{transform:scale(1.03)}
.mt-gallery figcaption{margin-top:12px;color:var(--text-body);font-size:.9rem;line-height:1.6}
.mt-gallery figcaption strong{display:block;color:var(--gray-900);font-size:1rem}
.mt-gallery-foot{margin-top:26px;text-align:center}
/* A last add-on card on its own row spans both columns. */
.tg-addon-grid .mt-wide{grid-column:1/-1}
/* The display tier's badge, beside the add-ons' "Add-on". */
.mt-packages td:first-child code{white-space:nowrap}
.tg-code .tg-c{color:rgba(255,255,255,.42)}
/* The catalog samples are 2:1 pictures of fronts and areas, not square symbols. */
.mt-samples img{height:96px;padding:8px}
@media(max-width:900px){.mt-gallery{grid-template-columns:1fr}.mt-gallery a{aspect-ratio:16/10}}