/* STLBEAST V367 product image fit polish
   Fixes narrow-looking portrait renders and tiny gallery thumbnails on product pages. */
.stlb335-gallery-panel{
  background:
    radial-gradient(circle at 50% 10%, rgba(37,99,235,.15), transparent 38%),
    radial-gradient(circle at 50% 88%, rgba(34,211,238,.10), transparent 45%),
    linear-gradient(180deg, rgba(7,14,27,.99), rgba(3,7,15,.99));
}
.stlb335-main-render{
  min-height:clamp(560px, 62vw, 760px);
  padding:clamp(14px, 2vw, 24px);
  background:
    radial-gradient(ellipse at 50% 82%, rgba(34,211,238,.20), transparent 42%),
    radial-gradient(ellipse at 50% 26%, rgba(59,130,246,.11), transparent 50%),
    linear-gradient(180deg,#050b15,#02050b 86%);
}
.stlb335-main-render img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
  border-radius:10px;
  filter:drop-shadow(0 30px 42px rgba(0,0,0,.72));
}
.stlb335-angle-grid{
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  gap:14px;
}
.stlb335-angle-grid figure{
  min-height:132px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 80%, rgba(34,211,238,.14), transparent 42%),
    linear-gradient(180deg,#07101e,#040812);
}
.stlb335-angle-grid img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:126px;
  aspect-ratio:auto;
  padding:10px;
  object-fit:contain;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.68));
}
.stlb335-angle-grid figcaption{
  left:10px;
  bottom:10px;
}
@media(max-width:960px){
  .stlb335-main-render{min-height:clamp(500px, 125vw, 700px)}
}
@media(max-width:640px){
  .stlb335-gallery-panel{padding:12px;border-radius:24px}
  .stlb335-main-render{min-height:clamp(500px, 138vw, 680px);border-radius:20px;padding:12px}
  .stlb335-angle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .stlb335-angle-grid figure{min-height:110px;border-radius:14px}
  .stlb335-angle-grid img{max-height:104px;padding:8px}
  .stlb335-angle-grid figcaption{font-size:.62rem;padding:4px 7px;left:7px;bottom:7px}
}
@media(max-width:420px){
  .stlb335-main-render{min-height:540px}
}
