.image-v1-mode .gpu-target,
.image-v1-mode .gpu-motion-layer { display: none !important; }

.image-v1-mode .part-hotspots {
  position: absolute;
  z-index: 5;
  inset: 0;
  pointer-events: none;
}

.image-v1-mode .part-hotspot {
  position: absolute;
  display: block;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  transition: border-color .18s, background .18s;
}

.image-v1-mode .part-hotspot:focus-visible { outline: none; }
.image-v1-mode .part-hotspot:hover .hotspot-label,
.image-v1-mode .part-hotspot:focus-visible .hotspot-label,
.image-v1-mode .part-hotspot[aria-pressed="true"] .hotspot-label {
  border-color: rgba(255, 207, 157, .86);
  background: rgba(24, 32, 40, .92);
  box-shadow: 0 0 0 1px rgba(255, 207, 157, .22), 0 10px 24px rgba(0, 0, 0, .35);
}

.image-v1-mode .part-hotspot[data-part="gpu"] { left: 39%; top: 43%; width: 25%; height: 19%; z-index: 1; }
.image-v1-mode .part-hotspot[data-part="ram"] { left: 54.5%; top: 24%; width: 8%; height: 22%; z-index: 3; }
.image-v1-mode .part-hotspot[data-part="storage"] { left: 45%; top: 62%; width: 18%; height: 12%; z-index: 2; }

.image-v1-mode .hotspot-label {
  position: absolute;
  top: 8px;
  left: -105px;
  display: grid;
  gap: 5px;
  min-width: 99px;
  padding: 9px 10px;
  border: 1px solid rgba(231, 217, 199, .45);
  border-radius: 5px;
  background: rgba(17, 24, 32, .82);
  box-shadow: 0 9px 22px rgba(0, 0, 0, .32);
  backdrop-filter: blur(8px);
  color: #fff;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
}

.image-v1-mode .hotspot-label small {
  color: #d2d5d8;
  font-size: 9px;
  font-weight: 400;
}

.image-v1-mode .part-hotspot[data-part="ram"] .hotspot-label,
.image-v1-mode .part-hotspot[data-part="storage"] .hotspot-label { right: -104px; left: auto; }
.image-v1-mode .part-hotspot[data-part="storage"] .hotspot-label { top: 28px; }
.image-v1-mode .feature-panel[data-active="true"] .feature-close { opacity: 1; pointer-events: auto; }
.image-v1-mode .feature-image { transform: scale(1.16); }
.image-v1-mode .feature-panel[data-part="ram"] .feature-image { transform: scale(1.12); }
.image-v1-mode .feature-panel[data-part="storage"] .feature-image { transform: scale(1.03); }

@media (max-width: 700px) {
  .image-v1-mode .part-hotspot[data-part="gpu"] { left: 27%; top: 43%; width: 46%; height: 25%; }
  .image-v1-mode .part-hotspot[data-part="ram"] { left: 59%; top: 23%; width: 20%; height: 25%; }
  .image-v1-mode .part-hotspot[data-part="storage"] { left: 39%; top: 72%; width: 37%; height: 17%; }
  .image-v1-mode .hotspot-label { top: 0; left: -55px; min-width: 51px; padding: 5px; font-size: 10px; }
  .image-v1-mode .hotspot-label small { display: none; }
  .image-v1-mode .part-hotspot[data-part="ram"] .hotspot-label,
  .image-v1-mode .part-hotspot[data-part="storage"] .hotspot-label { right: -50px; }
  .image-v1-mode .part-hotspot[data-part="storage"] .hotspot-label { top: 10px; }
  .image-v1-mode .feature-image,
  .image-v1-mode .feature-panel[data-part="ram"] .feature-image,
  .image-v1-mode .feature-panel[data-part="storage"] .feature-image { transform: none; }
}

@media (min-width: 701px) and (max-width: 1150px) {
  .image-v1-mode .part-hotspot[data-part="gpu"] { left: 35%; top: 40%; width: 34%; height: 25%; }
  .image-v1-mode .part-hotspot[data-part="ram"] { left: 56%; top: 19%; width: 11%; height: 25%; }
  .image-v1-mode .part-hotspot[data-part="storage"] { left: 44%; top: 67%; width: 24%; height: 15%; }
  .image-v1-mode .feature-image { transform: none; }
}