/* Regular crew-neck presentation only; no manufacturing or print dimensions.
   The source art and the complete front-alpha viewport remain unchanged. */
.mockup-shirt {
  --shirt-back-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20940%22%3E%3Cpath%20d%3D%22M370%2020%20L400%2010%20C432%2038%20468%2043%20500%2043%20C532%2043%20568%2038%20600%2010%20L630%2020%20C686%2035%20720%2060%20760%2091%20L994%20220%20L892%20350%20L825%20310%20L835%20917%20Q835%20936%20816%20940%20L184%20940%20Q165%20936%20165%20917%20L175%20310%20L108%20350%20L6%20220%20L240%2091%20C280%2060%20314%2035%20370%2020%20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  --shirt-front-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20940%22%3E%3Cpath%20d%3D%22M370%2020%20L400%2010%20C409%2065%20445%2090%20500%2090%20C555%2090%20591%2065%20600%2010%20L630%2020%20C686%2035%20720%2060%20760%2091%20L994%20220%20L892%20350%20L825%20310%20L835%20917%20Q835%20936%20816%20940%20L184%20940%20Q165%20936%20165%20917%20L175%20310%20L108%20350%20L6%20220%20L240%2091%20C280%2060%20314%2035%20370%2020%20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  --shirt-back-collar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20940%22%3E%3Cpath%20d%3D%22M400%2010%20C432%2038%20468%2043%20500%2043%20C532%2043%20568%2038%20600%2010%20%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%2215%22%2F%3E%3C%2Fsvg%3E");
  --shirt-front-collar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20940%22%3E%3Cpath%20d%3D%22M400%2010%20C409%2065%20445%2090%20500%2090%20C555%2090%20591%2065%20600%2010%20%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%2215%22%2F%3E%3C%2Fsvg%3E");
  box-sizing: border-box;
  padding-bottom: 34px;
}
.mockup-shirt .mockup-object {
  width: min(84%, 320px);
  height: auto !important;
  aspect-ratio: 1000 / 940;
  max-width: none;
  max-height: none;
  margin: 0;
  clip-path: none;
  background: transparent;
}
.detail-art .mockup-shirt {
  padding-bottom: 38px;
}
.detail-art .mockup-shirt .mockup-object {
  width: min(84%, 330px);
  max-width: none;
}
.hero-shirt .mockup-shirt .mockup-object {
  width: min(82%, 190px);
  height: auto !important;
  max-width: none;
}
.mockup-shirt .object-front,
.mockup-shirt .object-rear {
  clip-path: none;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  -webkit-mask-image: var(--shirt-back-mask);
  mask-image: var(--shirt-back-mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.mockup-shirt .object-front:has(.shirt-ink-viewport),
.mockup-shirt .object-rear:has(img[src*="front-original.webp"]) {
  -webkit-mask-image: var(--shirt-front-mask);
  mask-image: var(--shirt-front-mask);
}
.mockup-shirt .object-front::before,
.mockup-shirt .object-rear::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #565656;
  opacity: .22;
  pointer-events: none;
  -webkit-mask-image: var(--shirt-back-collar);
  mask-image: var(--shirt-back-collar);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.mockup-shirt .object-front:has(.shirt-ink-viewport)::before,
.mockup-shirt .object-rear:has(img[src*="front-original.webp"])::before {
  -webkit-mask-image: var(--shirt-front-collar);
  mask-image: var(--shirt-front-collar);
}
.mockup-shirt.dark-shirt .object-front::before,
.mockup-shirt.dark-shirt .object-rear::before {
  background: #999;
  opacity: .25;
}
.mockup-shirt .object-front::after,
.mockup-shirt .object-rear::after {
  clip-path: none;
  pointer-events: none;
}
/* Preserve the full front-canvas mapping while its face is turning.
   The settled face keeps the existing 285 x 734 viewport and authored fade. */
.mockup-shirt .object-rear > img[src*="front-original.webp"] {
  position: absolute;
  left: -17.1088%;
  top: 1.0657%;
  width: 108.0702%;
  height: 114.9683%;
  max-width: none;
  max-height: none;
  object-fit: fill;
  transform: none !important;
}
.mockup-shirt .object-shadow {
  left: 24%;
  right: 23%;
  height: 6%;
}
@media (max-width: 1020px) {
  .hero-shirt .mockup-shirt .mockup-object {
    width: min(82%, 160px);
  }
}
@media (max-width: 700px) {
  .mockup-shirt .mockup-object {
    width: 86%;
  }
  .detail-art .mockup-shirt {
    padding-bottom: 34px;
  }
  .detail-art .mockup-shirt .mockup-object {
    width: min(86%, 282px);
  }
  .hero-shirt .mockup-shirt .mockup-object {
    width: min(82%, 120px);
  }
}