.icon-mask{
  width: 26px;
  height: 26px;
  background: var(--accent);     /* УЛААН дүүргэлт */
  display: block;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: transform .15s;
}
.bs-icon-circle:hover .icon-mask{ transform: scale(1.08) }

/* ==== Icon visibility fix (header) ==== */
.bs-header .bs-icon svg { 
  width: 18px; height: 18px; 
  fill: #fff !important; 
  stroke: #fff !important;
  display: block;
}

/* Хэрэв та маск (background-mask) ашигладаг бол энэ мөр дүрсийг цагаан болгоно */
.bs-header .bs-icon .i{
  width:18px; height:18px; 
  background:#fff !important;
}

/* Тодорхой icon-ууд (илүү баталгаатай) */
.bs-header .bs-icon--search svg,
.bs-header .bs-icon--fb svg{ 
  fill:#fff !important; 
  stroke:#fff !important; 
}