/* Modern UI icons — мессенджеры не затрагиваются */
.ui-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--green-soft, rgba(45, 106, 79, 0.12));
  color: var(--green-mid, #40916c);
  border: 1px solid rgba(64, 145, 108, 0.2);
}

.ui-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ui-icon--sm {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

.ui-icon--sm svg {
  width: 14px;
  height: 14px;
}

.ui-icon--lg {
  width: 48px;
  height: 48px;
  border-radius: 14px;
}

.ui-icon--lg svg {
  width: 22px;
  height: 22px;
}

.ui-icon--round {
  border-radius: 50%;
}

/* Benefits — разноцветные иконки */
body.theme-b2b .benefit__icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid transparent;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.theme-b2b .benefit:hover .benefit__icon {
  transform: scale(1.08) rotate(-3deg);
}

body.theme-b2b .benefit__icon svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.theme-b2b .benefit__icon--price {
  background: linear-gradient(145deg, #fff8e7, #fde68a);
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.2);
  box-shadow: 0 4px 14px rgba(251, 191, 36, 0.25);
}

body.theme-b2b .benefit__icon--leaf {
  background: linear-gradient(145deg, #ecfdf5, #a7f3d0);
  color: #047857;
  border-color: rgba(4, 120, 87, 0.2);
  box-shadow: 0 4px 14px rgba(52, 211, 153, 0.22);
}

body.theme-b2b .benefit__icon--shop {
  background: linear-gradient(145deg, #eff6ff, #bfdbfe);
  color: #1d4ed8;
  border-color: rgba(29, 78, 216, 0.18);
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.2);
}

body.theme-b2b .benefit__icon--weight {
  background: linear-gradient(145deg, #f0fdf4, #bbf7d0);
  color: #15803d;
  border-color: rgba(21, 128, 61, 0.2);
  box-shadow: 0 4px 14px rgba(34, 197, 94, 0.2);
}

body.theme-b2b .benefit__icon--truck {
  background: linear-gradient(145deg, #ecfeff, #a5f3fc);
  color: #0e7490;
  border-color: rgba(14, 116, 144, 0.2);
  box-shadow: 0 4px 14px rgba(6, 182, 212, 0.22);
}

body.theme-b2b .benefit__icon--bonus {
  background: linear-gradient(145deg, #fdf2f8, #fbcfe8);
  color: #be185d;
  border-color: rgba(190, 24, 93, 0.18);
  box-shadow: 0 4px 14px rgba(236, 72, 153, 0.2);
}

body.theme-b2b .benefit__icon--star {
  background: linear-gradient(145deg, #f5f3ff, #ddd6fe);
  color: #6d28d9;
  border-color: rgba(109, 40, 217, 0.18);
  box-shadow: 0 4px 14px rgba(139, 92, 246, 0.22);
}

/* Search in catalog */
.catalog-search svg {
  color: var(--green-mid, #40916c);
  opacity: 0.85;
}

/* Back-top */
body.theme-b2b .back-top svg {
  stroke: currentColor;
  fill: none;
}