/* Três fotos visíveis, com nome abaixo de cada imagem e superfícies neutras. */
.site-view--human .human-page-inner { gap: 20px; }
.site-view--human .human-page-hero { margin-bottom: 0; }
.site-view--human .human-page-products {
  display: block !important;
  min-width: 0;
  max-width: 680px;
  padding: 0;
  background: transparent;
}
.site-view--human .rail-card-open:focus-visible { outline: 3px solid #e29a66; outline-offset: 3px; }
.site-view--human .human-page-products .rail-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  overflow: visible;
  scroll-snap-type: none;
}
.site-view--human .human-page-products .rail-card { min-width: 0; }
.site-view--human .human-page-products .rail-arrow { display: none; }
.site-view--human .human-page-products .rail-card-open {
  flex-direction: column;
  border: 1px solid #383838;
  border-radius: 16px;
  background: #252525;
  color: #f7f4f2;
}
.site-view--human .human-page-products .rail-card-open:hover { background: #303030; }
.site-view--human .human-page-products .rail-card-thumb {
  display: block;
  width: 100%;
  height: 210px;
  aspect-ratio: auto;
  background: #f7f7f7;
}
.site-view--human .human-page-products .rail-card-photo { object-fit: contain; }
.site-view--human .human-page-products .rail-card-body {
  min-width: 0;
  gap: 8px;
  padding: 11px 12px 13px;
}
.site-view--human .human-page-products .rail-card-name {
  font-family: var(--font-display);
  font-weight: 750;
  font-size: 15px;
  line-height: 1.15;
}
.site-view--human .human-page-products .rail-card-price {
  font-size: 12px;
  font-weight: 700;
  color: #d5d0cd;
}
.site-view--human .human-page-products .rail-card-nophoto { color: #aaa; opacity: .7; }

@media (max-width: 640px) {
  .site-view--human .human-page-inner { gap: 16px; }
  .site-view--human .human-page-hero { gap: 0; }
  .site-view--human .human-page-products { padding: 0 !important; }
  .site-view--human .human-page-products .rail { margin-inline: 0; }
  .site-view--human .human-page-products .rail-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-inline: 0;
    padding-inline: 0;
    gap: 8px;
  }
  .site-view--human .human-page-products .rail-card-thumb { height: 118px; }
  .site-view--human .human-page-products .rail-card-body { padding: 9px 7px 10px; }
  .site-view--human .human-page-products .rail-card-name { font-size: 12px; line-height: 1.2; }
}

@media (prefers-reduced-motion: reduce) {
  .site-view--human .rail-card-open,
  .site-view--human .rail-card-photo { transition: none; }
}