
/* MUTA v274 - 34-stocks-indices-separation - سهام و شاخص‌ها با تفکیک */
#stocksGrid, #indicesGrid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 16px !important;
}
#stocksGrid .market-card{
  border-color: rgba(59,130,246,.18) !important;
}
#stocksGrid .market-card:hover{
  border-color: rgba(59,130,246,.32) !important;
  transform: translateY(-2px);
}
#indicesGrid .market-card{
  border-color: rgba(124,58,237,.18) !important;
}
#indicesGrid .market-card:hover{
  border-color: rgba(124,58,237,.32) !important;
  transform: translateY(-2px);
}

/* Section headers with separation line */
#view-market h2{
  position: relative;
  padding-right: 12px;
}
#view-market h2::before{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 18px;
  border-radius: 99px;
  background: var(--gold);
}
#view-market h2:nth-of-type(2)::before{ background: #3b82f6; }
#view-market h2:nth-of-type(3)::before{ background: #60A5FA; }
#view-market h2:nth-of-type(4)::before{ background: #a78bfa; }
#view-market h2:nth-of-type(5)::before{ background: #10b981; }

@media(max-width:1100px){
  #stocksGrid, #indicesGrid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media(max-width:720px){
  #stocksGrid, #indicesGrid{ grid-template-columns: 1fr !important; }
}
