/* Omid Portfolio: approved Tech Stack visual */
.omid-tech-stack-visual {
  box-sizing: border-box;
  width: 100%;
  max-width: 1480px;
  margin: 16px auto 32px;
  padding: 0;
  border: 0;
  background: transparent;
}
.omid-tech-stack-visual * { box-sizing: border-box; }
.omid-tech-stack-visual .omid-tech-image {
  width: 100%;
  overflow: hidden;
  border-radius: 18px;
}
.omid-tech-stack-visual picture,
.omid-tech-stack-visual img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.omid-tech-stack-visual .omid-tech-mobile { display: none; }
@media (max-width: 700px) {
 .omid-tech-stack-visual { margin: 22px auto 36px; }
 .omid-tech-stack-visual .omid-tech-image { display: none; }
 .omid-tech-stack-visual .omid-tech-mobile {
  display: block; padding: 24px 16px;
  border: 1px solid #e5e6fb; border-radius: 22px;
  background: linear-gradient(135deg,#fbfaff,#eeeaff);
  color: #101d43;
 }
 .omid-tech-mobile .omid-tech-eyebrow {
  display:inline-block; letter-spacing: .12em; text-transform: uppercase;
  font-size: 12px; font-weight: 800; color: #6331ef;
  background:#e9e0ff; border-radius: 30px; padding: 6px 12px;
 }
 .omid-tech-mobile h2 { margin: 14px 0 8px; font-size: clamp(25px,6vw,34px); line-height: 1.12; color: #0c1740; }
 .omid-tech-mobile h2 span { color:#6331ef; }
 .omid-tech-mobile p { margin: 0 0 20px; font-size: 13px; line-height:1.65; color:#5c6481; }
 .omid-tech-mobile .omid-tech-chips { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
 .omid-tech-mobile .omid-tech-chips span {
  display:block; min-width:0; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap; padding: 11px 10px; border-radius: 12px;
  border: 1px solid #cbd0ee; background:rgba(255,255,255,.88);
  font-size: 12px; font-weight:700; text-align:center;
  box-shadow: 0 3px 12px rgba(64,49,122,.045);
 }
 .omid-tech-mobile .omid-tech-chips span:nth-child(8n+1) { border-color:#e9d086; background:#fff9e7; }
 .omid-tech-mobile .omid-tech-chips span:nth-child(8n+2) { border-color:#dfc4ff; background:#f7edff; }
 .omid-tech-mobile .omid-tech-chips span:nth-child(8n+3) { border-color:#c0e2ff; background:#eff8ff; }
 .omid-tech-mobile .omid-tech-chips span:nth-child(8n+4) { border-color:#bbdfef; background:#f0f9fd; }
 .omid-tech-mobile .omid-tech-chips span:nth-child(8n+5) { border-color:#bfe3cb; background:#effaf0; }
 .omid-tech-mobile .omid-tech-chips span:nth-child(8n+6) { border-color:#f0d78b; background:#fffae9; }
 .omid-tech-mobile .omid-tech-chips span:nth-child(8n+7) { border-color:#f3c8c0; background:#fff5f1; }
 .omid-tech-mobile .omid-tech-chips span:nth-child(8n+8) { border-color:#cbdcbe; background:#f1f9eb; }
}