/* Media rendering only: keep product photos sharp and avoid sprite upscaling. */
.product-media {
  background: #eef8ff;
}
.product-media .product-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
  background: #eef8ff;
  image-rendering: auto;
  transform: translateZ(0);
}
.product-card:hover .product-media .product-image {
  transform: scale(1.018);
}
.feature-panel__image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef8ff;
}
.feature-panel__image .product-image {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: contain;
  padding: 18px;
  background: #eef8ff;
}
.modal-product__image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef8ff;
  overflow: hidden;
}
.modal-product__image .product-image--modal {
  width: 100%;
  height: 100%;
  max-height: 620px;
  object-fit: contain;
  padding: 18px;
  background: #eef8ff;
}
.application-icon {
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 45%, rgba(53,217,255,.16), transparent 38%),
    linear-gradient(145deg, #0b2859, #061936);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.application-icon svg {
  width: 76px;
  height: 76px;
  fill: none;
  stroke: #35d9ff;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 14px rgba(53,217,255,.2));
}
@media (max-width: 980px) {
  .feature-panel__image .product-image { min-height: 360px; }
  .modal-product__image .product-image--modal { max-height: 440px; }
}
@media (max-width: 760px) {
  .product-media .product-image { padding: 8px; }
  .feature-panel__image .product-image { min-height: 290px; padding: 10px; }
  .modal-product__image .product-image--modal { max-height: 320px; padding: 10px; }
  .application-icon svg { width: 62px; height: 62px; }
}