/* —— Themed section heads + iconic subcategory cards —— */
.section__head--themed {
  align-items: center;
  margin-bottom: 1.35rem;
}
.section__title-row {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}
.section__title-row h1,
.section__title-row h2 {
  margin: 0;
}
.section__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 12px;
  flex-shrink: 0;
}
.section__more {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  font-size: 0.88rem;
  font-weight: 700;
  border: 1px solid currentColor;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, transform 0.2s;
}
.section__more:hover {
  transform: translateY(-1px);
}

.section__head--shop .section__icon {
  background: linear-gradient(135deg, #1a1a1a, #444);
  color: #fff;
}
.section__head--shop .section__title-row h1,
.section__head--shop .section__title-row h2 { color: var(--text); }
[data-theme="dark"] .section__head--shop .section__title-row h1,
[data-theme="dark"] .section__head--shop .section__title-row h2 { color: var(--text); }
.section__head--shop .section__more {
  color: var(--text);
  background: rgba(26, 26, 26, 0.06);
  border-color: rgba(26, 26, 26, 0.2);
}
.section__head--shop .section__more:hover {
  background: #1a1a1a;
  color: #fff;
}
[data-theme="dark"] .section__head--shop .section__more {
  color: var(--text);
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.06);
}

.section__head--digital .section__icon {
  background: linear-gradient(135deg, #2563eb, #60a5fa);
  color: #fff;
}
.section__head--digital .section__title-row h1,
.section__head--digital .section__title-row h2 { color: #1d4ed8; }
[data-theme="dark"] .section__head--digital .section__title-row h1,
[data-theme="dark"] .section__head--digital .section__title-row h2 { color: #93c5fd; }
.section__head--digital .section__more {
  color: #1d4ed8;
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.3);
}
.section__head--digital .section__more:hover {
  background: #2563eb;
  color: #fff;
}

.section__head--services .section__icon {
  background: linear-gradient(135deg, #EE1F25, #f87171);
  color: #fff;
}
.section__head--services .section__title-row h1,
.section__head--services .section__title-row h2 { color: #c4181e; }
[data-theme="dark"] .section__head--services .section__title-row h1,
[data-theme="dark"] .section__head--services .section__title-row h2 { color: #fca5a5; }
.section__head--services .section__more {
  color: #c4181e;
  background: rgba(238, 31, 37, 0.08);
  border-color: rgba(238, 31, 37, 0.3);
}
.section__head--services .section__more:hover {
  background: #EE1F25;
  color: #fff;
}

.svc-card--iconic {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.45rem;
  padding: 1.35rem 1rem 1.4rem;
  color: var(--text);
}
.svc-card--iconic h2 {
  margin: 0.15rem 0 0;
  font-size: 1.05rem;
  color: var(--text);
}
.svc-card--iconic p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.86rem;
}
.svc-card__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 16px;
  margin-bottom: 0.35rem;
  color: #fff;
  transition: transform 0.3s ease;
}
.svc-card__icon-wrap svg { width: 2rem; height: 2rem; }

.svc-card--shop-new .svc-card__icon-wrap { background: linear-gradient(135deg, #111827, #374151); }
.svc-card--shop-used .svc-card__icon-wrap { background: linear-gradient(135deg, #4b5563, #9ca3af); }
.svc-card--shop-acc .svc-card__icon-wrap { background: linear-gradient(135deg, #b45309, #f59e0b); }

.svc-card--dig-ai .svc-card__icon-wrap { background: linear-gradient(135deg, #6d28d9, #a78bfa); }
.svc-card--dig-vpn .svc-card__icon-wrap { background: linear-gradient(135deg, #0369a1, #38bdf8); }
.svc-card--dig-app .svc-card__icon-wrap { background: linear-gradient(135deg, #be123c, #fb7185); }

.svc-card--svc-frp .svc-card__icon-wrap { background: linear-gradient(135deg, #15803d, #4ade80); }
.svc-card--svc-icloud .svc-card__icon-wrap { background: linear-gradient(135deg, #1d4ed8, #60a5fa); }
.svc-card--svc-repair .svc-card__icon-wrap { background: linear-gradient(135deg, #0f766e, #2dd4bf); }
.svc-card--svc-parts .svc-card__icon-wrap { background: linear-gradient(135deg, #a16207, #fbbf24); }
.svc-card--svc-inquiry .svc-card__icon-wrap { background: linear-gradient(135deg, #b45309, #f59e0b); }

.svc-card--iconic:hover .svc-card__icon-wrap {
  transform: scale(1.06);
}