/* Quà Tết SECTION541 — Elementor (.mc-qt-about-wrap) + PHP fallback (.mc-qt-about) */
.mc-qt-about,
.mc-qt-about-wrap.elementor-section,
.elementor-section.mc-qt-about-wrap {
  --qt-accent: #850e35;
  --qt-text: #754060;
  --qt-title-dark: #850e35;
  --qt-feat: #0f0f0f;
  --qt-icon: #ee6983;
  --qt-stage-w: 1200px;
  --qt-stage-h: 834px;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: var(--qt-stage-h);
  overflow: visible;
  background:
    radial-gradient(ellipse 80% 60% at 15% 40%, rgba(255, 182, 193, 0.18), transparent 55%),
    radial-gradient(ellipse 50% 40% at 88% 12%, rgba(133, 14, 53, 0.1), transparent 50%),
    linear-gradient(180deg, #faf7f8 0%, #ffffff 45%, #fff8f9 100%);
  font-family: Tinos, serif;
}

.mc-qt-about-wrap > .elementor-container,
.mc-qt-about-wrap > .elementor-container > .elementor-column,
.mc-qt-about-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap {
  position: relative;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

/* Decor SVGs — Ladi SHAPE555 (blob) + SHAPE556 (hatch) + SHAPE557 (ring) */
.mc-qt-about-wrap .elementor-element.mc-qt-about__decor-blob,
.mc-qt-about-wrap .elementor-element.mc-qt-about__decor-dots,
.mc-qt-about-wrap .elementor-element.mc-qt-about__decor-ring {
  position: absolute !important;
  z-index: 0;
  margin: 0 !important;
  pointer-events: none;
}
.mc-qt-about-wrap .elementor-element.mc-qt-about__decor-blob,
.mc-qt-about-wrap .elementor-element.mc-qt-about__decor-dots,
.mc-qt-about-wrap .elementor-element.mc-qt-about__decor-ring {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.mc-qt-about-wrap .mc-qt-about__decor-blob .elementor-widget-container,
.mc-qt-about-wrap .mc-qt-about__decor-dots .elementor-widget-container,
.mc-qt-about-wrap .mc-qt-about__decor-ring .elementor-widget-container {
  position: static;
  margin: 0;
  padding: 0;
}

/* SHAPE555 — organic blob, rotate -22deg → 0 on hover */
.mc-qt-about__blob {
  position: absolute !important;
  left: calc(50% - 600px - 65px);
  top: 268px;
  width: 352px !important;
  height: 189px !important;
  z-index: 0;
  pointer-events: auto;
  cursor: default;
}
.mc-qt-about .mc-qt-about__blob { left: -65px; }
.mc-qt-about__blob-shape {
  width: 100%;
  height: 100%;
  transform: rotate(-22deg);
  transform-origin: center center;
  transition: transform 0.15s linear, opacity 0.15s linear;
}
.mc-qt-about__blob:hover .mc-qt-about__blob-shape {
  transform: rotate(0deg);
  opacity: 1;
}
.mc-qt-about__blob svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: rgba(133, 14, 53, 0.12);
}

/* SHAPE556 — hatch stripes, nhẹ xoay khi hover */
.mc-qt-about__dots {
  position: absolute !important;
  left: calc(50% - 600px + 536px);
  top: 107px;
  width: 107px !important;
  height: 57px !important;
  z-index: 0;
  pointer-events: auto;
  cursor: default;
}
.mc-qt-about .mc-qt-about__dots { left: 536px; }
.mc-qt-about__dots-shape {
  width: 100%;
  height: 100%;
  transform: none;
  transition: opacity 0.15s linear;
}
.mc-qt-about__dots:hover .mc-qt-about__dots-shape {
  transform: none;
  opacity: 1;
}
.mc-qt-about__dots svg {
  display: block;
  width: 100%;
  height: 100%;
  /* Mẫu Ladi: rgba(..., 0.4) — không fill đặc nên không bị đậm */
  fill: rgba(133, 14, 53, 0.4);
}

.mc-qt-about__ring-static {
  position: absolute !important;
  left: calc(50% - 600px + 0px);
  top: 24px;
  width: 127px !important;
  height: 127px !important;
  z-index: 0;
  border-radius: 50%;
  border: 18px solid rgba(133, 14, 53, 0.2);
  box-sizing: border-box;
  pointer-events: none;
}
.mc-qt-about .mc-qt-about__ring-static { left: 0; }

/* Soft wave motif top-right (Ladi) */
.mc-qt-about-wrap::after,
.mc-qt-about::after {
  content: "";
  position: absolute;
  right: max(0px, calc(50% - 600px - 40px));
  top: -20px;
  width: 220px;
  height: 140px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.55;
  background:
    radial-gradient(ellipse 70% 45% at 50% 100%, transparent 40%, rgba(238, 105, 131, 0.22) 41%, transparent 42%) 0 0 / 36px 28px,
    radial-gradient(ellipse 70% 45% at 50% 100%, transparent 40%, rgba(238, 105, 131, 0.16) 41%, transparent 42%) 18px 14px / 36px 28px;
}

.mc-qt-about__title,
.mc-qt-about-wrap .elementor-element.mc-qt-about__title {
  position: absolute !important;
  left: calc(50% - 600px + 14px);
  top: 67px;
  width: 484px !important;
  z-index: 2;
}
.mc-qt-about__title { left: 14px; top: 67px; width: 484px; margin: 0; }
.mc-qt-about__title,
.mc-qt-about-wrap .mc-qt-about__title .elementor-heading-title {
  font-family: "Cormorant Upright", serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: justify !important;
}

.mc-qt-about__title-accent { color: #850e35 !important; }
.mc-qt-about__title-rest { color: rgb(47, 67, 87) !important; }
.mc-qt-about-wrap .mc-qt-about__title .elementor-heading-title {
  color: rgb(47, 67, 87) !important;
}
.mc-qt-about-wrap .mc-qt-about__title .elementor-heading-title .mc-qt-about__title-accent,
.mc-qt-about-wrap .mc-qt-about__title .elementor-heading-title span:first-child {
  color: #850e35 !important;
}
.mc-qt-about-wrap .mc-qt-about__title .elementor-heading-title .mc-qt-about__title-rest,
.mc-qt-about-wrap .mc-qt-about__title .elementor-heading-title span:last-child {
  color: rgb(47, 67, 87) !important;
}

.mc-qt-about__body,
.mc-qt-about-wrap .elementor-element.mc-qt-about__body {
  position: absolute !important;
  left: calc(50% - 600px + 14px);
  top: 162px;
  width: 490px !important;
  z-index: 2;
}
.mc-qt-about__body { left: 14px; top: 162px; width: 490px; }
.mc-qt-about__body,
.mc-qt-about-wrap .mc-qt-about__body,
.mc-qt-about-wrap .mc-qt-about__body p {
  color: var(--qt-text) !important;
  font-family: Tinos, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  text-align: justify !important;
}
.mc-qt-about__body p,
.mc-qt-about-wrap .mc-qt-about__body p {
  margin: 0 0 1em !important;
}
.mc-qt-about__body strong,
.mc-qt-about-wrap .mc-qt-about__body strong {
  color: inherit !important;
  font-weight: 700;
}
.mc-qt-about__body p:last-child,
.mc-qt-about-wrap .mc-qt-about__body p:last-child {
  margin-bottom: 0 !important;
}

.mc-qt-about__cta,
.mc-qt-about-wrap .elementor-element.mc-qt-about__cta {
  position: absolute !important;
  left: calc(50% - 600px + 139px);
  top: 740px;
  z-index: 2;
  width: auto !important;
  max-width: 260px !important;
}
.mc-qt-about__cta { left: 139px; top: 740px; }
.mc-qt-about__cta,
.mc-qt-about-wrap .mc-qt-about__cta .elementor-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 220px;
  width: auto !important;
  height: 40px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 100px !important;
  background: #850e35 !important;
  color: #fff !important;
  font-family: Tinos, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 16px rgba(133, 14, 53, 0.35) !important;
}
.mc-qt-about-wrap .mc-qt-about__cta .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

/* PHP fallback: visual tự absolute trong stage */
.mc-qt-about .mc-qt-about__visual {
  position: absolute !important;
  left: 472px;
  top: 105px;
  width: 515px !important;
  height: 515px !important;
  z-index: 1;
}

/* Elementor: chỉ widget wrapper absolute — visual bên trong full size, không cộng thêm left */
.mc-qt-about-wrap .elementor-element.mc-qt-about__carousel-html {
  position: absolute !important;
  left: calc(50% - 600px + 472px) !important;
  top: 105px !important;
  width: 515px !important;
  height: 515px !important;
  z-index: 1;
}
.mc-qt-about-wrap .mc-qt-about__carousel-html .elementor-widget-container {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mc-qt-about-wrap .mc-qt-about__carousel-html .mc-qt-about__visual {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

/* Ladi BOX559: 402×402 dashed; CAROUSEL534: 366×366 — trong khung 515 */
.mc-qt-about__ring {
  position: absolute;
  left: 56.5px;
  top: 56.5px;
  width: 402px;
  height: 402px;
  border-radius: 50%;
  border: 1.6px dashed #ff6f88;
  box-sizing: border-box;
  pointer-events: none;
  animation: none;
}

.mc-qt-about__carousel {
  position: absolute;
  left: 74.5px;
  top: 74.5px;
  width: 366px;
  height: 366px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(117, 64, 96, 0.18);
}

.mc-qt-about__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.mc-qt-about__slide.is-active { opacity: 1; z-index: 1; }
.mc-qt-about__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Elementor Image slides — khách đổi ảnh trong widget Hình ảnh */
.mc-qt-about-wrap .elementor-element.mc-qt-about__slide-src {
  position: absolute !important;
  left: calc(50% - 600px + 546.5px) !important; /* 472 + 74.5 */
  top: 179.5px !important; /* 105 + 74.5 */
  width: 366px !important;
  height: 366px !important;
  z-index: 1;
  margin: 0 !important;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(117, 64, 96, 0.18);
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.mc-qt-about-wrap .elementor-element.mc-qt-about__slide-src.is-active {
  opacity: 1;
  z-index: 2;
}
body.elementor-editor-active .mc-qt-about-wrap .elementor-element.mc-qt-about__slide-src {
  opacity: 1 !important;
  pointer-events: auto;
}
body.elementor-editor-active .mc-qt-about-wrap .elementor-element.mc-qt-about__slide-src:not(.mc-qt-about__slide-src--1) {
  /* Trong editor chỉ hiện slide 1 rõ; slide khác hơi mờ để vẫn click được */
  opacity: 0.35 !important;
}
.mc-qt-about-wrap .mc-qt-about__slide-src .elementor-widget-container,
.mc-qt-about-wrap .mc-qt-about__slide-src img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
  margin: 0 !important;
  border-radius: 50%;
}

/* Feature: widget Hình ảnh + viền như Ladi (background-origin content-box giả lập bằng box-sizing) */
.mc-qt-about__feat-img,
.mc-qt-about-wrap .elementor-element.mc-qt-about__feat-img {
  position: absolute !important;
  width: 103px !important;
  height: 103px !important;
  z-index: 3;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 1000px;
  overflow: hidden;
  box-sizing: border-box;
  border: 4px solid rgba(228, 107, 153, 0.5);
  background: transparent !important;
  box-shadow: none !important;
}
.mc-qt-about-wrap .mc-qt-about__feat-img .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mc-qt-about-wrap .mc-qt-about__feat-img img,
.mc-qt-about__feat-box {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1000px;
}
.mc-qt-about-wrap .mc-qt-about__feat-img--2 img {
  object-position: center bottom;
}
.mc-qt-about-wrap .elementor-element.mc-qt-about__feat-img--3 {
  background: #fff !important;
  background-color: #fff !important;
  border: 4px solid #f2c1ce !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.mc-qt-about-wrap .elementor-element.mc-qt-about__feat-img--3 .elementor-widget-container {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
}
.mc-qt-about-wrap .elementor-element.mc-qt-about__feat-img--3 img {
  width: 63px !important;
  height: 63px !important;
  max-width: 63px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}
/* legacy HTML feat-box (nếu còn) */
.mc-qt-about__feat-box {
  box-sizing: border-box;
  border: 4px solid rgba(228, 107, 153, 0.5);
  background-size: cover;
  background-origin: content-box;
  background-position: center center;
  background-repeat: no-repeat;
}
.mc-qt-about__feat-box--logo {
  background-color: #fff;
  background-image: none !important;
  border-color: rgb(242, 193, 206);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-qt-about__feat-box--logo .mc-qt-about__feat-logo-bg {
  width: 63px;
  height: 63px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.mc-qt-about__feat-label,
.mc-qt-about-wrap .elementor-element.mc-qt-about__feat-label {
  position: absolute !important;
  z-index: 3;
  width: auto !important;
}
.mc-qt-about__feat-label,
.mc-qt-about-wrap .mc-qt-about__feat-label .elementor-heading-title {
  color: var(--qt-feat) !important;
  font-family: "Cormorant Upright", serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.mc-qt-about__feat-img--1,
.mc-qt-about-wrap .mc-qt-about__feat-img--1 { left: calc(50% - 600px + 840px); top: 107px; }
.mc-qt-about__feat-label--1,
.mc-qt-about-wrap .mc-qt-about__feat-label--1 { left: calc(50% - 600px + 960px); top: 143px; width: 261px !important; }
.mc-qt-about__feat-img--2,
.mc-qt-about-wrap .mc-qt-about__feat-img--2 { left: calc(50% - 600px + 931px); top: 237px; }
.mc-qt-about__feat-label--2,
.mc-qt-about-wrap .mc-qt-about__feat-label--2 { left: calc(50% - 600px + 1050px); top: 261px; width: 167px !important; }
.mc-qt-about__feat-img--3,
.mc-qt-about-wrap .mc-qt-about__feat-img--3 { left: calc(50% - 600px + 931px); top: 383px; }
.mc-qt-about__feat-label--3,
.mc-qt-about-wrap .mc-qt-about__feat-label--3 { left: calc(50% - 600px + 1048px); top: 419px; width: 155px !important; }
.mc-qt-about__feat-img--4,
.mc-qt-about-wrap .mc-qt-about__feat-img--4 { left: calc(50% - 600px + 840px); top: 519px; }
.mc-qt-about__feat-label--4,
.mc-qt-about-wrap .mc-qt-about__feat-label--4 { left: calc(50% - 600px + 960px); top: 555px; width: 224px !important; }

/* PHP fallback feature list positions */
.mc-qt-about__features { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; z-index: 3; }
.mc-qt-about__feat { position: absolute; display: flex; align-items: center; gap: 16px; }
.mc-qt-about__feat-media {
  flex-shrink: 0; width: 103px; height: 103px;
}
.mc-qt-about__feat--brand .mc-qt-about__feat-media {
  display: none;
}
.mc-qt-about__feat .mc-qt-about__feat-box {
  flex-shrink: 0;
}
.mc-qt-about__feat-label { max-width: 12rem; }
.mc-qt-about__feat--1 { left: 840px; top: 107px; width: 383px; }
.mc-qt-about__feat--2 { left: 931px; top: 237px; width: 286px; }
.mc-qt-about__feat--3 { left: 931px; top: 383px; width: 272px; }
.mc-qt-about__feat--4 { left: 840px; top: 519px; width: 345px; }

/* Scroll reveal — giống Ladi fadeInRight / fadeInLeft */
.mc-qt-about-wrap .mc-anim:not(.is-inview),
.mc-qt-about .mc-anim:not(.is-inview) {
  opacity: 0;
}
.mc-qt-about-wrap .mc-anim--left:not(.is-inview),
.mc-qt-about .mc-anim--left:not(.is-inview) {
  transform: translateX(-24px);
}
.mc-qt-about-wrap .mc-anim--right:not(.is-inview),
.mc-qt-about .mc-anim--right:not(.is-inview) {
  transform: translateX(40px);
}
.mc-qt-about-wrap .mc-anim.is-inview,
.mc-qt-about .mc-anim.is-inview {
  animation-duration: 1s;
  animation-delay: var(--mc-delay, 0s);
  animation-fill-mode: both;
  animation-iteration-count: 1;
}
.mc-qt-about-wrap .mc-anim--left.is-inview,
.mc-qt-about .mc-anim--left.is-inview { animation-name: mc-qt-fade-in-left; }
.mc-qt-about-wrap .mc-anim--right.is-inview,
.mc-qt-about .mc-anim--right.is-inview { animation-name: mc-qt-fade-in-right; }

/* Delays (Elementor Free không luôn apply custom CSS var) */
.mc-qt-about-wrap .mc-qt-about__title { --mc-delay: 0.1s; }
.mc-qt-about-wrap .mc-qt-about__body { --mc-delay: 0.2s; }
.mc-qt-about-wrap .mc-qt-about__cta,
.mc-qt-about-wrap .mc-qt-about__carousel-html { --mc-delay: 0.35s; }
.mc-qt-about-wrap .mc-qt-about__feat-img--1,
.mc-qt-about-wrap .mc-qt-about__feat-label--1 { --mc-delay: 1s; }
.mc-qt-about-wrap .mc-qt-about__feat-img--2,
.mc-qt-about-wrap .mc-qt-about__feat-label--2 { --mc-delay: 1.15s; }
.mc-qt-about-wrap .mc-qt-about__feat-img--3,
.mc-qt-about-wrap .mc-qt-about__feat-label--3 { --mc-delay: 1.3s; }
.mc-qt-about-wrap .mc-qt-about__feat-img--4,
.mc-qt-about-wrap .mc-qt-about__feat-label--4 { --mc-delay: 1.45s; }

body.elementor-editor-active .mc-qt-about-wrap .mc-anim,
body.elementor-editor-preview .mc-qt-about-wrap .mc-anim {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

@keyframes mc-qt-fade-in-left {
  0% { opacity: 0; transform: translateX(-24px); }
  100% { opacity: 1; transform: translateX(0); }
}
@keyframes mc-qt-fade-in-right {
  0% { opacity: 0; transform: translateX(40px); }
  100% { opacity: 1; transform: translateX(0); }
}

@keyframes mc-qt-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .mc-qt-about-wrap .mc-anim:not(.is-inview),
  .mc-qt-about-wrap .mc-anim.is-inview {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

/* iPad ngang: dùng lại khung desktop 1200 thu nhỏ để lấp hết bề ngang */
@media (min-width: 901px) and (max-width: 1024px) {
  .mc-qt-about,
  .mc-qt-about-wrap.elementor-section,
  .elementor-section.mc-qt-about-wrap {
    --qt-s: min(1, calc(100vw / 1200px));
    height: calc(834px * var(--qt-s));
  }
  .mc-qt-about__stage,
  .mc-qt-about-wrap > .elementor-container {
    width: 1200px !important;
    height: 834px !important;
    margin-left: calc((100% - 1200px * var(--qt-s)) / 2) !important;
    transform: scale(var(--qt-s));
    transform-origin: top left;
  }
}

/* Mobile + iPad dọc: khung 420×1619, scale full theo bề ngang để không lệch giữa màn */
@media (max-width: 900px) {
  .mc-qt-about,
  .mc-qt-about-wrap.elementor-section,
  .elementor-section.mc-qt-about-wrap {
    --qt-s: calc(100vw / 420px);
    height: calc(1619px * var(--qt-s)) !important;
    padding: 0 !important;
    overflow: hidden;
  }
  .mc-qt-about__stage,
  .mc-qt-about-wrap > .elementor-container {
    width: 420px !important;
    height: 1619px !important;
    margin-left: 0 !important;
    transform: scale(var(--qt-s));
    transform-origin: top left;
  }

  .mc-qt-about-wrap::after,
  .mc-qt-about::after {
    display: none;
  }

  .mc-qt-about__ring-static {
    left: 6.5px;
    top: 18px;
  }
  .mc-qt-about__blob {
    left: 19.7px;
    top: 1223px;
    width: 230.4px !important;
    height: 123.8px !important;
  }
  .mc-qt-about__dots {
    left: 257.8px;
    top: 907.5px;
    width: 139.7px !important;
    height: 73.9px !important;
  }

  .mc-qt-about__title,
  .mc-qt-about-wrap .elementor-element.mc-qt-about__title {
    left: 19.8px;
    top: 61px;
    width: 391px !important;
  }
  .mc-qt-about__title,
  .mc-qt-about-wrap .mc-qt-about__title .elementor-heading-title {
    font-size: 24px !important;
  }

  .mc-qt-about__body,
  .mc-qt-about-wrap .elementor-element.mc-qt-about__body {
    left: 19.8px;
    top: 156.4px;
    width: 384px !important;
  }

  .mc-qt-about__cta,
  .mc-qt-about-wrap .elementor-element.mc-qt-about__cta {
    left: 112.7px;
    top: 876.5px;
  }
  .mc-qt-about__cta,
  .mc-qt-about-wrap .mc-qt-about__cta .elementor-button {
    box-sizing: border-box;
    min-width: 192px;
    width: 192px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
  }

  .mc-qt-about .mc-qt-about__visual,
  .mc-qt-about-wrap .elementor-element.mc-qt-about__carousel-html {
    left: -29.5px !important;
    top: 916.5px !important;
    width: 480px !important;
    height: 480px !important;
  }
  .mc-qt-about__ring {
    left: 52.7px;
    top: 52.1px;
    width: 374.6px;
    height: 374.6px;
  }
  .mc-qt-about__carousel {
    left: 69.4px;
    top: 69.5px;
    width: 341.1px;
    height: 341.1px;
  }
  .mc-qt-about-wrap .elementor-element.mc-qt-about__slide-src {
    left: 39.9px !important;
    top: 986px !important;
    width: 341.1px !important;
    height: 341.1px !important;
  }

  .mc-qt-about__feat-img,
  .mc-qt-about-wrap .elementor-element.mc-qt-about__feat-img,
  .mc-qt-about__feat-media {
    width: 90.1px !important;
    height: 90.1px !important;
  }
  .mc-qt-about-wrap .elementor-element.mc-qt-about__feat-img--3 img,
  .mc-qt-about__feat-box--logo .mc-qt-about__feat-logo-bg {
    width: 55.3px !important;
    height: 55.3px !important;
    max-width: 55.3px !important;
  }
  .mc-qt-about__feat-label,
  .mc-qt-about-wrap .mc-qt-about__feat-label .elementor-heading-title {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  .mc-qt-about__feat-img--3,
  .mc-qt-about-wrap .mc-qt-about__feat-img--3 { left: 7.2px; top: 1375.6px; }
  .mc-qt-about__feat-label--3,
  .mc-qt-about-wrap .mc-qt-about__feat-label--3 { left: 109.5px; top: 1407.1px; width: 79px !important; }
  .mc-qt-about__feat-img--2,
  .mc-qt-about-wrap .mc-qt-about__feat-img--2 { left: 220.7px; top: 1375.6px; }
  .mc-qt-about__feat-label--2,
  .mc-qt-about-wrap .mc-qt-about__feat-label--2 { left: 322.8px; top: 1391.6px; width: 91px !important; }
  .mc-qt-about__feat-img--1,
  .mc-qt-about-wrap .mc-qt-about__feat-img--1 { left: 7.2px; top: 1488.6px; }
  .mc-qt-about__feat-label--1,
  .mc-qt-about-wrap .mc-qt-about__feat-label--1 { left: 102.9px; top: 1504.7px; width: 96px !important; }
  .mc-qt-about__feat-img--4,
  .mc-qt-about-wrap .mc-qt-about__feat-img--4 { left: 220.7px; top: 1488.6px; }
  .mc-qt-about__feat-label--4,
  .mc-qt-about-wrap .mc-qt-about__feat-label--4 { left: 321.5px; top: 1504.7px; width: 92px !important; }

  /* PHP fallback: 4 ô xếp 2×2 */
  .mc-qt-about__feat { gap: 6px; }
  .mc-qt-about__feat-label { max-width: 100px; }
  .mc-qt-about__feat--3 { left: 7.2px; top: 1375.6px; width: 190px; }
  .mc-qt-about__feat--2 { left: 220.7px; top: 1375.6px; width: 190px; }
  .mc-qt-about__feat--1 { left: 7.2px; top: 1488.6px; width: 190px; }
  .mc-qt-about__feat--4 { left: 220.7px; top: 1488.6px; width: 190px; }
}