body[data-product="RICHARDSON 112"] .productAllViews,
body[data-product="RICHARDSON 112"] .hatAllCanvases {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
body[data-product="RICHARDSON 112"] .productAllViews .stage { min-width: 0; }
body[data-product="RICHARDSON 112"] .hatAllProof .frontFace { transform: rotateY(0deg) translateZ(150px); }
body[data-product="RICHARDSON 112"] .hatAllProof .backFace { transform: rotateY(120deg) translateZ(150px); }
body[data-product="RICHARDSON 112"] .hatAllProof .sideFace { transform: rotateY(240deg) translateZ(150px); }
body[data-product="RICHARDSON 112"] .richardsonPricingNote { display: block; margin-top: 12px; line-height: 1.6; }
@media (max-width: 700px) {
  body[data-product="RICHARDSON 112"] .productAllViews,
  body[data-product="RICHARDSON 112"] .hatAllCanvases { grid-template-columns: 1fr; }
}