/* VÒNG HỆ SINH THÁI — style scoped của EcomaxWheel.vue (vòng chỉ nằm trong màn đầu). */
[data-ex-section="hero"] .ex-wedge {
  /* transform-origin đặt bằng px = đơn vị SVG khi transform-box là view-box */
  transform-box: view-box;
  transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
}
[data-ex-section="hero"] .ex-wedge.is-on { transform: scale(1.06); }
/* Sáng lên CHỈ trên thân miếng (không đụng lớp bóng) */
[data-ex-section="hero"] .ex-wedge-body { transition: filter 0.35s ease; }
[data-ex-section="hero"] .ex-wedge.is-on .ex-wedge-body { filter: brightness(1.06) saturate(1.06); }
[data-ex-section="hero"] .ex-wedge-shadow {
  opacity: 0;
  transition: opacity 0.35s ease;
}
[data-ex-section="hero"] .ex-wedge.is-on .ex-wedge-shadow { opacity: 0.4; }
[data-ex-section="hero"] .ex-wedge-hit { outline: none; }
[data-ex-section="hero"] .ex-wedge-hit.is-link { cursor: pointer; }
[data-ex-section="hero"] .ex-wedge-photo {
  transition: opacity 0.35s ease;
  opacity: 0.92;
}
[data-ex-section="hero"] .ex-wedge.is-on .ex-wedge-photo { opacity: 1; }
[data-ex-section="hero"] .ex-ic { transition: fill-opacity 0.35s ease; }
[data-ex-section="hero"] .ex-wedge.is-on .ex-ic { fill-opacity: 0; }
[data-ex-section="hero"] .ex-ic-glyph { transition: stroke 0.35s ease; }
[data-ex-section="hero"] .ex-wedge.is-on .ex-ic-glyph { stroke: #ffffff; }

/* Điện thoại: bỏ mô tả, cụm biểu tượng + tên dời về tâm cả cụm rồi phóng PHONE_SCALE. */
[data-ex-section="hero"] .ex-wedge-head { transform-box: view-box; }
@media (max-width: 767.98px) {
  [data-ex-section="hero"] .ex-wedge-desc { display: none; }
  [data-ex-section="hero"] .ex-wedge-head { transform: translate(var(--phone-x), var(--phone-y)) scale(var(--phone-k)); }
}