.nav-technologies-panel {
  display:block;
  width:min(640px,calc(100% - 2 * var(--container-gutter)));
  background:#ececec;
}

.nav-technology-cards,
.nav-technology-chips {
  list-style:none;
  padding:0;
  margin:0;
}

.nav-technology-cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.nav-technology-cards li {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:24px;
  min-height:140px;
  padding:24px 12px 18px;
  border-radius:24px;
  background:#fff;
  font-size:16px;
  font-weight:500;
  line-height:1.4;
  text-align:center;
}

.nav-technology-cards img,
.nav-technology-chips img {
  display:block;
  flex-shrink:0;
  object-fit:contain;
}

.nav-technology-chips {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:28px 16px;
}

.nav-technology-chips li {
  display:flex;
  align-items:center;
  gap:9px;
  min-height:46px;
  padding:10px 16px;
  border-radius:999px;
  background:#fff;
  font-size:13px;
  font-weight:450;
  line-height:1.4;
  white-space:nowrap;
}

@media (max-width:850px) {
  .nav-technologies-panel { width:auto; }
}

@media (max-width:540px) {
  .nav-technology-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nav-technology-cards li {
    min-height:120px;
    gap:16px;
    padding:18px 8px;
    border-radius:18px;
    font-size:14px;
  }
  .nav-technology-cards img { width:40px; height:40px; }
  .nav-technology-chips { gap:6px; padding:20px 6px; }
  .nav-technology-chips li { gap:7px; min-height:40px; padding:8px 12px; font-size:12px; }
  .nav-technology-chips img { width:22px; height:22px; }
}