/* Icon system */
.ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: inherit;
  line-height: 0;
}

.ico svg {
  width: 1.15em;
  height: 1.15em;
  display: block;
}

.ico--sm svg {
  width: 16px;
  height: 16px;
}

.ico--md svg {
  width: 20px;
  height: 20px;
}

.ico--lg svg {
  width: 24px;
  height: 24px;
}

.detail-section-title__icon.ico {
  width: 32px;
  height: 32px;
  color: var(--gold-dark);
  background: linear-gradient(135deg, var(--gold-soft), #fff);
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: 10px;
}

.detail-section-title__icon.ico svg {
  width: 18px;
  height: 18px;
}

.perk-mini__ico.ico {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}

.perk-mini__ico.ico svg {
  width: 18px;
  height: 18px;
}

.perk-mini--1 .perk-mini__ico { color: #059669; background: #ecfdf5; }
.perk-mini--2 .perk-mini__ico { color: #d97706; background: #fffbeb; }
.perk-mini--3 .perk-mini__ico { color: #2563eb; background: #eff6ff; }
.perk-mini--4 .perk-mini__ico { color: #7c3aed; background: #f5f3ff; }

.news-item__thumb.ico {
  width: 40px;
  height: 40px;
  color: var(--muted);
  background: var(--border-light);
  border-radius: var(--radius-sm);
}

.news-item__thumb.ico svg {
  width: 20px;
  height: 20px;
}

.mob-nav__tel {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.mob-nav__tel .ico {
  color: var(--gold);
}

.mob-nav__tel .ico svg {
  width: 18px;
  height: 18px;
}

.info-share__copy .ico {
  margin-right: 0.25rem;
}

.info-share__copy .ico svg {
  width: 14px;
  height: 14px;
}
