/* Local-review draft: real owner-provided 3D fruit. No brown sphere or SVG substitutes. */
#fragrance-gate .fragrance-models {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: clamp(0px, 1.4vw, 18px);
  min-height: clamp(180px, 24vw, 340px);
  margin-top: 32px;
  pointer-events: none;
  contain: layout style;
}
#fragrance-gate .fragrance-model {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  margin: 0;
  background: transparent;
  transform: translate3d(0, var(--fruit-lift, 0px), 0);
}
#fragrance-gate .fragrance-model model-viewer {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  --progress-bar-color: transparent;
  --poster-color: transparent;
}
#fragrance-gate .fragrance-model img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#fragrance-gate .fragrance-model.is-loaded > img { visibility: hidden; }
#fragrance-gate .fragrance-model.is-failed model-viewer { display: none; }
#fragrance-gate .fragrance-model.is-failed > img { visibility: visible; }
#fragrance-gate .fragrance-model:nth-child(2) { margin-top: -24px; }
#fragrance-gate .fragrance-model:nth-child(3) { margin-top: 18px; }
@media (min-width: 901px) {
  #fragrance-gate { min-height: 360px; padding-right: 50%; box-sizing: border-box; }
  #fragrance-gate h2, #fragrance-gate p { max-width: none; }
  #fragrance-gate .fragrance-models { position: absolute; inset: 12% 3% 12% 53%; margin: 0; min-height: 0; }
}
@media (max-width: 900px) {
  #fragrance-gate h2, #fragrance-gate p { max-width: none; }
  #fragrance-gate .fragrance-models { min-height: 0; margin: 26px -8px 0; }
}
@media (prefers-reduced-motion: reduce) {
  #fragrance-gate .fragrance-model { transform: none; }
}