/* Modern icon system — styazhkapolaa.by */
.mnd-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: inherit;
  line-height: 0;
}

.mnd-icon svg {
  display: block;
  width: 1.35em;
  height: 1.35em;
}

.hp-card-icon.mnd-icon {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  background: rgba(42, 136, 227, 0.2);
  color: #7ec8ff;
}

.hp-card-icon.mnd-icon svg {
  width: 28px;
  height: 28px;
}

.wrk-v2-step-icon.mnd-icon {
  color: #fff;
}

.wrk-v2-step-icon.mnd-icon svg {
  width: 28px;
  height: 28px;
  filter: drop-shadow(0 0 6px rgba(255, 123, 0, 0.35));
}

.adv-icon.mnd-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 123, 0, 0.15), rgba(42, 136, 227, 0.12));
  color: #ff7b00;
}

.adv-icon.mnd-icon svg {
  width: 26px;
  height: 26px;
}

.title-icon.mnd-icon,
.pin-icon.mnd-icon,
.clock-icon.mnd-icon,
.cta-icon.mnd-icon,
.btn-icon.mnd-icon {
  color: #ff7b00;
}

.title-icon.mnd-icon svg,
.pin-icon.mnd-icon svg,
.clock-icon.mnd-icon svg {
  width: 22px;
  height: 22px;
}

.cta-icon.mnd-icon svg,
.btn-icon.mnd-icon svg {
  width: 20px;
  height: 20px;
}

.footer-title .mnd-icon {
  margin-right: 8px;
  vertical-align: -4px;
  color: #ff7b00;
}

.footer-title .mnd-icon svg {
  width: 22px;
  height: 22px;
}

.id-fl-arrow-circle.mnd-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 0;
}

.id-fl-arrow-circle.mnd-icon svg {
  width: 18px;
  height: 18px;
}

.mnd-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  flex-shrink: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mnd-social-icon svg {
  width: 22px;
  height: 22px;
}

.hp-icon-link .mnd-social-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.hp-icon-link:hover .mnd-social-icon {
  transform: translateY(-4px);
}

.mnd-social-icon--telegram {
  background: linear-gradient(145deg, #2aabee, #229ed9);
  color: #fff;
}

.mnd-social-icon--whatsapp {
  background: linear-gradient(145deg, #25d366, #1da851);
  color: #fff;
}

.mnd-social-icon--instagram {
  background: linear-gradient(145deg, #f58529, #dd2a7b 50%, #8134af);
  color: #fff;
}

.mnd-social-icon--viber {
  background: linear-gradient(145deg, #8f5db8, #7360f2);
  color: #fff;
}

.social-glass-grid .social-item .mnd-social-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
}

.social-glass-grid .social-item .mnd-social-icon svg {
  width: 20px;
  height: 20px;
}

.mnd-modal-btn img {
  width: 28px;
  height: 28px;
  margin-right: 15px;
  flex-shrink: 0;
  object-fit: contain;
  display: block;
}

.mnd-modal-btn .mnd-social-icon {
  display: none !important;
}

.hp-icon-link:has(.mnd-social-icon) img,
.social-item:has(.mnd-social-icon) img {
  display: none !important;
}

.adv-icon-box .adv-icon.mnd-icon {
  width: 56px;
  height: 56px;
}

.ab-feat-icon.mnd-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(42, 136, 227, 0.15);
  color: #2a88e3;
}

.ab-feat-icon.mnd-icon svg {
  width: 16px;
  height: 16px;
}

.ct-page-emoji.mnd-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 123, 0, 0.12), rgba(42, 136, 227, 0.1));
  color: #ff7b00;
}

.ct-page-emoji.mnd-icon svg {
  width: 26px;
  height: 26px;
}

.mnd-arrow.mnd-icon {
  display: inline-flex;
  font-style: normal;
  color: #ff7b00;
}

.mnd-arrow.mnd-icon svg {
  width: 18px;
  height: 18px;
}

.rv-stars .rv-star-icon.mnd-icon,
.rv-card-stars .rv-star-icon.mnd-icon {
  color: #ffb800;
}

.rv-stars .rv-star-icon.mnd-icon svg,
.rv-card-stars .rv-star-icon.mnd-icon svg {
  width: 18px;
  height: 18px;
}

.rv-stars,
.rv-card-stars,
.rvw-st-stars,
.rvw-st-card-stars {
  display: flex;
  gap: 2px;
  align-items: center;
}

.rvw-st-stars .rv-star-icon.mnd-icon svg,
.rvw-st-card-stars .rv-star-icon.mnd-icon svg {
  width: 16px;
  height: 16px;
}

.ct-page-btn-arrow.mnd-icon {
  display: inline-flex;
  margin-left: 8px;
  color: #fff;
}

.ct-page-btn-arrow.mnd-icon svg {
  width: 20px;
  height: 20px;
}