/* Full, uncropped mask photos with the shared aligned product-card layout. */
.product-card--mask .product-media {
  width: 100%;
  height: auto;
  min-height: 0;
  box-sizing: content-box;
  aspect-ratio: 1619 / 971;
  padding: 0;
  flex-shrink: 0;
  background: #f5f5f3;
}
.product-card--mask .product-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  transform: none;
}
.product-card--mask .card-body h3 { font-size: 20px; }
.catalog-product-hero--mask .product-detail-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  transform: none;
}

/* Three mask types stay distinct without changing the global product categories. */
.mask-group-tabs { gap: 10px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.mask-group-tabs a { display: inline-flex; align-items: center; gap: 10px; }
.mask-group-tabs a > span { font-size: 11px; opacity: .7; }
.product-card--mask .mask-model-placeholder { height: auto; min-height: 0; width: 100%; aspect-ratio: 1619 / 971; padding: 0; border-bottom: 1px solid var(--line); background: #f3f6f6; box-sizing: content-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
.product-card--mask .mask-model-placeholder strong { font-size: clamp(24px,2.5vw,38px); line-height: 1.3; font-weight: 400; }
.product-card--mask .mask-model-placeholder span { font-size: 11px; color: #7c929a; }
.product-card--mask .mask-model-placeholder .mask-photo-pending { font-size: 10px; color: #93a3a8; }
.mask-professional-notice { font-size: 13px; line-height: 1.9; color: #617781; margin: 0 0 24px; }
@media(max-width:760px){ .mask-group-tabs { gap: 6px; } .mask-group-tabs a { padding: 8px 10px; gap: 6px; } .product-card--mask .mask-model-placeholder strong {font-size:32px;} }