/* cn3-plus / showcase: витрина производителей */
.cn3x-showcase { margin: 3rem auto; }
.cn3x-showcase__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: 1.2rem; }
.cn3x-showcase .cn3x-section-title { margin: 0; }

.cn3x-more {
  font-size: var(--fs-sm, .85rem);
  font-weight: var(--bold, 600);
  color: var(--mainColor);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  white-space: nowrap;
}
.cn3x-more:hover { color: var(--hoverColor); text-decoration: none; }

.cn3x-marquee {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}
.cn3x-marquee__track {
  display: flex;
  width: max-content;
  gap: 14px;
  padding: 6px 0;
  animation: cn3x-scroll 70s linear infinite;
}
.cn3x-marquee:hover .cn3x-marquee__track,
.cn3x-marquee:focus-within .cn3x-marquee__track { animation-play-state: paused; }
@keyframes cn3x-scroll { to { transform: translateX(calc(-50% - 7px)); } }

.cn3x-mk {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 260px;
  padding: 12px 18px 12px 12px;
  border: 1px solid var(--borderColor, rgba(128, 128, 128, .25));
  border-radius: 14px;
  background: var(--lightColor, #fff);
  color: var(--mainColor);
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
}
.cn3x-mk:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(0, 0, 0, .14); color: var(--mainColor); text-decoration: none; }
.cn3x-mk__logo {
  display: grid;
  place-items: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--greyBg, #f3f5f9) center / contain no-repeat;
  color: #fff;
  font-size: 1.3rem;
  font-weight: var(--bold, 600);
}
.cn3x-mk__info { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.cn3x-mk__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--bold, 600);
}
.cn3x-mk__top {
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 4px;
  background: var(--mainColor);
  color: var(--lightColor, #fff);
  font-size: var(--fs-xs, .75rem);
  letter-spacing: .04em;
  vertical-align: 1px;
}
.cn3x-mk__meta { font-size: var(--fs-sm, .85rem); color: var(--cn3Muted, var(--greyColor)); }

/* без анимации лента просто листается вручную */
@media (prefers-reduced-motion: reduce) {
  .cn3x-marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
  .cn3x-marquee__track { animation: none; }
}