/* Quà Tết SECTION534 — Cam kết (.mc-qt-commit-wrap / .mc-qt-commit) */
.mc-qt-commit,
.mc-qt-commit-wrap.elementor-section,
.elementor-section.mc-qt-commit-wrap {
  --qt-commit-bg: #fff7f9;
  --qt-commit-dark: rgba(133, 14, 53, 0.68);
  --qt-commit-light: #f2c1ce;
  --qt-commit-text: #850e35;
  --qt-commit-accent: #850e35;
  --qt-commit-border-dark: rgba(133, 14, 53, 0.8);
  --qt-commit-border-light: #f2c1ce;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  min-height: 545px;
  overflow: hidden;
  background: var(--qt-commit-bg);
  font-family: Tinos, serif;
}

.mc-qt-commit-wrap > .elementor-container {
  position: relative !important;
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  height: 545px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible;
}

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

.mc-qt-commit__stage {
  position: relative;
  width: min(100%, 1200px);
  max-width: 1200px;
  height: 545px;
  margin: 0 auto;
}

.mc-qt-commit-wrap .elementor-element {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

/* Decor */
.mc-qt-commit-wrap .elementor-element.mc-qt-commit__decor {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 0;
  pointer-events: none;
}

.mc-qt-commit-wrap .mc-qt-commit__decor .elementor-widget-container {
  position: static;
  width: 100%;
  height: 100%;
}

.mc-qt-commit__blob {
  position: absolute;
  left: 302px;
  top: 0;
  width: 1017px;
  height: 545px;
  pointer-events: none;
}

.mc-qt-commit__blob svg {
  display: block;
  width: 100%;
  height: 100%;
}

.mc-qt-commit__strokes {
  position: absolute;
  left: 333px;
  top: 46px;
  width: 28px;
  height: 39px;
  z-index: 2;
  pointer-events: none;
}

.mc-qt-commit__strokes svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: rgba(133, 14, 53, 0.5);
}

/* Title */
.mc-qt-commit__title,
.mc-qt-commit-wrap .elementor-element.mc-qt-commit__title {
  position: absolute !important;
  left: 365px;
  top: 56px;
  width: 502px !important;
  z-index: 3;
}

.mc-qt-commit__title,
.mc-qt-commit-wrap .mc-qt-commit__title .elementor-heading-title {
  margin: 0;
  font-family: "Cormorant Upright", serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--qt-commit-text);
}

.mc-qt-commit__title-accent {
  color: var(--qt-commit-accent) !important;
}

/* Cards (inner sections or PHP articles) */
.mc-qt-commit__card,
.mc-qt-commit-wrap .mc-qt-commit__card.elementor-inner-section {
  position: absolute !important;
  z-index: 1;
  box-sizing: border-box;
  width: 294px !important;
  max-width: 294px !important;
  overflow: visible;
}

.mc-qt-commit__card--1,
.mc-qt-commit-wrap .mc-qt-commit__card--1 {
  left: 0;
  top: 63px;
  height: 359px !important;
  background: var(--qt-commit-dark);
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 30px -10px;
}

.mc-qt-commit__card--2,
.mc-qt-commit-wrap .mc-qt-commit__card--2 {
  left: 302px;
  top: 123px;
  height: 375px !important;
  background: var(--qt-commit-light);
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 30px -10px;
}

.mc-qt-commit__card--3,
.mc-qt-commit-wrap .mc-qt-commit__card--3 {
  left: 602px;
  top: 123px;
  height: 375px !important;
  background: var(--qt-commit-dark);
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 30px -10px;
}

.mc-qt-commit__card--4,
.mc-qt-commit-wrap .mc-qt-commit__card--4 {
  left: 905px;
  top: 63px;
  height: 370px !important;
  background: var(--qt-commit-light);
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 30px -10px;
}

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

/* Circle images — positions relative to card */
.mc-qt-commit__img,
.mc-qt-commit-wrap .mc-qt-commit__card .elementor-element.mc-qt-commit__img {
  position: absolute !important;
  z-index: 2;
  width: 160px !important;
  height: 160px !important;
  left: 65px;
  top: 36px;
  border-radius: 1000px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 30px -15px;
}

.mc-qt-commit-wrap .mc-qt-commit__img .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mc-qt-commit-wrap .mc-qt-commit__img img,
.mc-qt-commit__img img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1000px;
}

.mc-qt-commit__card--1 .mc-qt-commit__img,
.mc-qt-commit-wrap .mc-qt-commit__card--1 .elementor-element.mc-qt-commit__img {
  background: #fff !important;
  border: 5.6px solid var(--qt-commit-border-light);
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.mc-qt-commit-wrap .mc-qt-commit__card--1 .mc-qt-commit__img .elementor-widget-container {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: transparent !important;
}

.mc-qt-commit-wrap .mc-qt-commit__card--1 .mc-qt-commit__img img,
.mc-qt-commit__card--1 .mc-qt-commit__img img {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

.mc-qt-commit__card--2 .mc-qt-commit__img,
.mc-qt-commit-wrap .mc-qt-commit__card--2 .elementor-element.mc-qt-commit__img {
  left: 67px;
  top: 38px;
  height: 167px !important;
  border: 5.6px solid var(--qt-commit-border-dark);
}

.mc-qt-commit__card--3 .mc-qt-commit__img,
.mc-qt-commit-wrap .mc-qt-commit__card--3 .elementor-element.mc-qt-commit__img {
  border: 5.6px solid var(--qt-commit-border-light);
}

.mc-qt-commit__card--4 .mc-qt-commit__img,
.mc-qt-commit-wrap .mc-qt-commit__card--4 .elementor-element.mc-qt-commit__img {
  left: 67px;
  border: 5.6px solid var(--qt-commit-border-dark);
}

.mc-qt-commit-wrap .mc-qt-commit__card--4 .mc-qt-commit__img img {
  object-position: 50% 0%;
}

/* Titles — relative to card */
.mc-qt-commit__card-title,
.mc-qt-commit-wrap .mc-qt-commit__card .elementor-element.mc-qt-commit__card-title {
  position: absolute !important;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  width: auto !important;
  max-width: 90%;
}

.mc-qt-commit__card-title,
.mc-qt-commit-wrap .mc-qt-commit__card-title .elementor-heading-title {
  margin: 0;
  font-family: Tinos, serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
}

.mc-qt-commit__card--1 .mc-qt-commit__card-title,
.mc-qt-commit-wrap .mc-qt-commit__card--1 .mc-qt-commit__card-title { top: 208px; }
.mc-qt-commit__card--2 .mc-qt-commit__card-title,
.mc-qt-commit-wrap .mc-qt-commit__card--2 .mc-qt-commit__card-title { top: 217px; }
.mc-qt-commit__card--3 .mc-qt-commit__card-title,
.mc-qt-commit-wrap .mc-qt-commit__card--3 .mc-qt-commit__card-title { top: 206px; }
.mc-qt-commit__card--4 .mc-qt-commit__card-title,
.mc-qt-commit-wrap .mc-qt-commit__card--4 .mc-qt-commit__card-title { top: 206px; }

.mc-qt-commit__card--1 .mc-qt-commit__card-title,
.mc-qt-commit__card--1 .mc-qt-commit__card-title .elementor-heading-title,
.mc-qt-commit__card--3 .mc-qt-commit__card-title,
.mc-qt-commit__card--3 .mc-qt-commit__card-title .elementor-heading-title {
  color: #fff !important;
}

.mc-qt-commit__card--2 .mc-qt-commit__card-title,
.mc-qt-commit__card--2 .mc-qt-commit__card-title .elementor-heading-title,
.mc-qt-commit__card--4 .mc-qt-commit__card-title,
.mc-qt-commit__card--4 .mc-qt-commit__card-title .elementor-heading-title {
  color: var(--qt-commit-text) !important;
}

/* Body text — relative to card */
.mc-qt-commit__card-text,
.mc-qt-commit-wrap .mc-qt-commit__card .elementor-element.mc-qt-commit__card-text {
  position: absolute !important;
  z-index: 3;
  left: 15px;
  width: 260px !important;
}

.mc-qt-commit__card-text,
.mc-qt-commit-wrap .mc-qt-commit__card-text,
.mc-qt-commit-wrap .mc-qt-commit__card-text p {
  margin: 0;
  font-family: Tinos, serif;
  font-size: 16px;
  font-weight: 400;
  text-align: justify;
}

.mc-qt-commit__card-text strong,
.mc-qt-commit-wrap .mc-qt-commit__card-text strong {
  font-weight: 700;
}

.mc-qt-commit__card--1 .mc-qt-commit__card-text,
.mc-qt-commit-wrap .mc-qt-commit__card--1 .mc-qt-commit__card-text { top: 242px; }
.mc-qt-commit__card--2 .mc-qt-commit__card-text,
.mc-qt-commit-wrap .mc-qt-commit__card--2 .mc-qt-commit__card-text {
  top: 252px;
  left: 19px;
  width: 256px !important;
}
.mc-qt-commit__card--3 .mc-qt-commit__card-text,
.mc-qt-commit-wrap .mc-qt-commit__card--3 .mc-qt-commit__card-text { top: 242px; }
.mc-qt-commit__card--4 .mc-qt-commit__card-text,
.mc-qt-commit-wrap .mc-qt-commit__card--4 .mc-qt-commit__card-text {
  top: 241px;
  left: 12px;
  width: 270px !important;
}

.mc-qt-commit__card--1 .mc-qt-commit__card-text,
.mc-qt-commit__card--1 .mc-qt-commit__card-text p,
.mc-qt-commit__card--3 .mc-qt-commit__card-text,
.mc-qt-commit__card--3 .mc-qt-commit__card-text p {
  color: #fff;
  line-height: 25.6px;
}

.mc-qt-commit__card--3 .mc-qt-commit__card-text,
.mc-qt-commit__card--3 .mc-qt-commit__card-text p,
.mc-qt-commit__card--4 .mc-qt-commit__card-text,
.mc-qt-commit__card--4 .mc-qt-commit__card-text p {
  line-height: 22.4px;
}

.mc-qt-commit__card--2 .mc-qt-commit__card-text,
.mc-qt-commit__card--2 .mc-qt-commit__card-text p,
.mc-qt-commit__card--4 .mc-qt-commit__card-text,
.mc-qt-commit__card--4 .mc-qt-commit__card-text p {
  color: var(--qt-commit-text);
}

.mc-qt-commit__card--1 .mc-qt-commit__card-text,
.mc-qt-commit__card--1 .mc-qt-commit__card-text p {
  line-height: 25.6px;
}

.mc-qt-commit__card--2 .mc-qt-commit__card-text,
.mc-qt-commit__card--2 .mc-qt-commit__card-text p {
  line-height: 25.6px;
}

/* Reveal */
.mc-qt-commit-wrap .mc-anim:not(.is-inview),
.mc-qt-commit .mc-anim:not(.is-inview) {
  opacity: 0;
}
.mc-qt-commit-wrap .mc-anim--up:not(.is-inview),
.mc-qt-commit .mc-anim--up:not(.is-inview) {
  transform: translateY(28px);
}
.mc-qt-commit-wrap .mc-anim.is-inview,
.mc-qt-commit .mc-anim.is-inview {
  animation: mc-qt-commit-fade-up 0.7s ease forwards;
  animation-delay: var(--mc-delay, 0s);
}

@keyframes mc-qt-commit-fade-up {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}

.mc-qt-commit-wrap .mc-qt-commit__title { --mc-delay: 0.1s; }
.mc-qt-commit-wrap .mc-qt-commit__card--1 { --mc-delay: 0.2s; }
.mc-qt-commit-wrap .mc-qt-commit__card--2 { --mc-delay: 0.35s; }
.mc-qt-commit-wrap .mc-qt-commit__card--3 { --mc-delay: 0.5s; }
.mc-qt-commit-wrap .mc-qt-commit__card--4 { --mc-delay: 0.65s; }

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

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

/* —— ≤1024 —— */
@media (max-width: 1024px) {
  .mc-qt-commit,
  .mc-qt-commit-wrap.elementor-section {
    min-height: 0;
    overflow: visible;
  }

  .mc-qt-commit__stage,
  .mc-qt-commit-wrap > .elementor-container {
    height: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 40px 24px 48px !important;
  }

  .mc-qt-commit-wrap > .elementor-container > .elementor-column,
  .mc-qt-commit-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 20px;
  }

  .mc-qt-commit__blob,
  .mc-qt-commit__strokes,
  .mc-qt-commit-wrap .elementor-element.mc-qt-commit__decor {
    display: none !important;
  }

  .mc-qt-commit-wrap .elementor-element.mc-qt-commit__title,
  .mc-qt-commit__title {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    text-align: center;
    order: 0;
  }

  .mc-qt-commit-wrap .mc-qt-commit__title .elementor-heading-title {
    font-size: 32px;
  }

  .mc-qt-commit__card,
  .mc-qt-commit-wrap .mc-qt-commit__card.elementor-inner-section {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 420px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 28px 20px 24px !important;
  }

  .mc-qt-commit-wrap .mc-qt-commit__card > .elementor-container,
  .mc-qt-commit-wrap .mc-qt-commit__card > .elementor-container > .elementor-column,
  .mc-qt-commit-wrap .mc-qt-commit__card .elementor-widget-wrap {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    gap: 12px;
  }

  .mc-qt-commit-wrap .mc-qt-commit__card .elementor-element.mc-qt-commit__img,
  .mc-qt-commit__img {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 auto !important;
  }

  .mc-qt-commit-wrap .mc-qt-commit__card .elementor-element.mc-qt-commit__card-title,
  .mc-qt-commit-wrap .mc-qt-commit__card .elementor-element.mc-qt-commit__card-text,
  .mc-qt-commit__card-title,
  .mc-qt-commit__card-text {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 280px;
  }

  .mc-qt-commit__card-title .elementor-heading-title,
  .mc-qt-commit__card-title {
    white-space: normal;
  }
}

/* iPad: 4 thẻ dàn 2 cột thay vì 1 cột dài */
@media (min-width: 768px) and (max-width: 1024px) {
  .mc-qt-commit-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap,
  .mc-qt-commit__stage {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
  }

  .mc-qt-commit-wrap .elementor-element.mc-qt-commit__title,
  .mc-qt-commit__title {
    flex: 0 0 100%;
    width: 100% !important;
  }

  .mc-qt-commit__card,
  .mc-qt-commit-wrap .mc-qt-commit__card.elementor-inner-section {
    flex: 0 1 calc(50% - 12px);
    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px) {
  .mc-qt-commit__stage,
  .mc-qt-commit-wrap > .elementor-container {
    padding: 32px 16px 40px !important;
  }

  .mc-qt-commit-wrap .mc-qt-commit__title .elementor-heading-title,
  .mc-qt-commit__title {
    font-size: 28px;
  }

  .mc-qt-commit__card,
  .mc-qt-commit-wrap .mc-qt-commit__card.elementor-inner-section {
    max-width: 100% !important;
  }

  .mc-qt-commit-wrap .mc-qt-commit__card-text,
  .mc-qt-commit-wrap .mc-qt-commit__card-text p {
    font-size: 15px;
    line-height: 1.5 !important;
  }
}