/* Product previews — единые isometric-иконки */
.nav-mega-grid .niche-preview {
  height: 92px;
  margin-bottom: 0;
  border-radius: 12px;
}
.nav-mega-grid--products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 900px) {
  .nav-mega-grid--products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.niche-preview {
  position: relative;
  height: 118px;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1rem;
  border: 1.5px solid rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(201, 162, 39, 0.14), transparent 55%),
    linear-gradient(165deg, #2c3a50 0%, #243044 55%, #1c2738 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 8px 20px rgba(0, 0, 0, 0.28);
  transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.niche-preview::after {
  content: "";
  position: absolute;
  inset: auto 12% -40% 12%;
  height: 55%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 162, 39, 0.16), transparent 70%);
  pointer-events: none;
  opacity: 0.9;
}
.niche-card:hover .niche-preview,
.mega-tool-card:hover .niche-preview {
  border-color: rgba(201, 162, 39, 0.36);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 28px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(201, 162, 39, 0.1);
  transform: translateY(-1px);
}

/* Ambient tint per product — elevated panels, not void */
.niche-preview--kalkchat {
  background:
    radial-gradient(120% 90% at 70% 10%, rgba(201, 162, 39, 0.2), transparent 50%),
    linear-gradient(165deg, #2e3c50 0%, #243044 100%);
}
.niche-preview--glass {
  background:
    radial-gradient(120% 90% at 40% 0%, rgba(126, 200, 232, 0.18), transparent 52%),
    linear-gradient(165deg, #2a3a4e 0%, #243044 100%);
}
.niche-preview--kozirki {
  background:
    radial-gradient(120% 90% at 60% 5%, rgba(201, 162, 39, 0.18), transparent 50%),
    linear-gradient(165deg, #2c3a4e 0%, #243044 100%);
}
.niche-preview--balkon {
  background:
    radial-gradient(120% 90% at 30% 0%, rgba(126, 200, 232, 0.16), transparent 50%),
    linear-gradient(165deg, #293a4e 0%, #243044 100%);
}
.niche-preview--stairs {
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(126, 200, 232, 0.2), transparent 52%),
    linear-gradient(165deg, #2a3b50 0%, #243044 100%);
}
.niche-preview--raskroy,
.mega-tool-card--partner .niche-preview,
.niche-card.is-partner .niche-preview {
  border-color: rgba(45, 212, 163, 0.28);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(45, 212, 163, 0.2), transparent 52%),
    linear-gradient(165deg, #243c38 0%, #1e322e 100%);
}
.niche-preview--raskroy::after {
  background: radial-gradient(circle, rgba(45, 212, 163, 0.22), transparent 70%);
}

.niche-preview--img {
  padding: 0;
}
.niche-preview-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  filter: brightness(1.28) contrast(1.12);
}
.np-ref-img {
  width: 88px;
  height: 88px;
  object-fit: contain;
  object-position: center;
  display: block;
  background: transparent;
  border-radius: 0;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.4));
  transition: transform 0.25s ease;
}
.nav-mega-grid .np-ref-img {
  width: 68px;
  height: 68px;
  border-radius: 0;
}
.niche-card:hover .np-ref-img,
.mega-tool-card:hover .np-ref-img {
  transform: scale(1.07) translateY(-2px);
}
.niche-preview-inner--kalkchat .np-ref-img {
  filter: drop-shadow(0 6px 16px rgba(201, 162, 39, 0.32));
}
.niche-preview-inner--glass .np-ref-img {
  filter: drop-shadow(0 6px 14px rgba(126, 200, 232, 0.28));
}
.niche-preview-inner--kozirki .np-ref-img {
  filter: drop-shadow(0 6px 14px rgba(201, 162, 39, 0.28));
}
.niche-preview-inner--balkon .np-ref-img {
  filter: drop-shadow(0 6px 14px rgba(126, 200, 232, 0.26));
}
.niche-preview-inner--stairs .np-ref-img {
  filter: drop-shadow(0 6px 14px rgba(126, 200, 232, 0.28));
}
.niche-preview-inner--raskroy .np-ref-img {
  filter: drop-shadow(0 6px 14px rgba(45, 212, 163, 0.32));
}

@media (max-width: 420px) {
  .niche-preview { height: 100px; }
  .nav-mega-grid .niche-preview { height: 84px; }
  .np-ref-img { width: 72px; height: 72px; }
  .nav-mega-grid .np-ref-img { width: 58px; height: 58px; }
}