/* SECTION323 — Khách hàng nói về chúng tôi (Quà Tết) */
.mc-qt-reviews-wrap.elementor-section,
.elementor-section.mc-qt-reviews-wrap,
.mc-qt-reviews {
  --qt-rev-accent: #850e35;
  --qt-rev-text: #754060;
  --qt-rev-body: #242424;
  --qt-rev-tag: #f2c1ce;
  --qt-rev-quote-a: #ffbd59;
  --qt-rev-quote-b: #754060;
  --qt-rev-bg: #fff7f9;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  min-height: 506px;
  background: var(--qt-rev-bg) !important;
  overflow: visible;
  font-family: Tinos, serif;
}

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

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

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

.mc-qt-reviews-wrap .elementor-element.mc-qt-reviews__decor-html {
  position: absolute !important;
  inset: 0;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none;
}

.mc-qt-reviews__strokes {
  position: absolute;
  left: 38px;
  top: 18px;
  width: 23px;
  height: 32px;
  color: rgba(133, 14, 53, 0.5);
}

.mc-qt-reviews__strokes svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.mc-qt-reviews-wrap .elementor-element.mc-qt-reviews__title {
  position: absolute !important;
  left: 62px;
  top: 33px;
  z-index: 2;
  width: 430px !important;
}

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

.mc-qt-reviews__title-accent {
  color: var(--qt-rev-accent) !important;
}

.mc-qt-reviews-wrap .elementor-element.mc-qt-reviews__intro {
  position: absolute !important;
  left: 61px;
  top: 85px;
  z-index: 2;
  width: 433px !important;
}

.mc-qt-reviews-wrap .mc-qt-reviews__intro,
.mc-qt-reviews-wrap .mc-qt-reviews__intro p,
.mc-qt-reviews__intro {
  margin: 0;
  font-family: Tinos, serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--qt-rev-text);
  text-align: left;
}

.mc-qt-reviews-wrap .elementor-element.mc-qt-reviews__grid-html {
  position: absolute !important;
  inset: 0;
  z-index: 2;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none;
}

.mc-qt-reviews__grid {
  position: absolute;
  inset: 0;
}

/* —— Card 1: avatar left —— */
.mc-qt-review--1 {
  position: absolute;
  left: 38px;
  top: 158px;
  width: 857px;
  height: 152px;
}

.mc-qt-review--1 .mc-qt-review__avatar {
  position: absolute;
  left: 0;
  top: 0;
  width: 152px;
  height: 152px;
  z-index: 3;
}

.mc-qt-review--1 .mc-qt-review__tag {
  position: absolute;
  left: 113px;
  top: 20px;
  width: 249px;
  height: 112px;
  background: var(--qt-rev-tag);
  z-index: 1;
}

.mc-qt-review--1 .mc-qt-review__name {
  position: absolute;
  left: 173px;
  top: 55px;
  z-index: 2;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--qt-rev-text);
  line-height: 1.2;
}

.mc-qt-review--1 .mc-qt-review__role {
  position: absolute;
  left: 173px;
  top: 83px;
  z-index: 2;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #242424;
  line-height: 1.2;
}

.mc-qt-review--1 .mc-qt-review__arrow {
  position: absolute;
  left: 361px;
  top: 60px;
  width: 28px;
  height: 29px;
  z-index: 2;
  color: var(--qt-rev-tag);
}

.mc-qt-review--1 .mc-qt-review__quote {
  position: absolute;
  left: 430px;
  top: 13px;
  width: 427px;
  height: 131px;
}

/* —— Card 2: avatar right —— */
.mc-qt-review--2 {
  position: absolute;
  left: 295px;
  top: 310px;
  width: 860px;
  height: 152px;
}

.mc-qt-review--2 .mc-qt-review__avatar {
  position: absolute;
  right: 0;
  top: 0;
  width: 152px;
  height: 152px;
  z-index: 3;
}

.mc-qt-review--2 .mc-qt-review__tag {
  position: absolute;
  right: 113px;
  top: 20px;
  width: 249px;
  height: 112px;
  background: var(--qt-rev-tag);
  z-index: 1;
}

.mc-qt-review--2 .mc-qt-review__name {
  position: absolute;
  right: 162px;
  top: 55px;
  z-index: 2;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--qt-rev-text);
  line-height: 1.2;
  text-align: left;
  width: 194px;
}

.mc-qt-review--2 .mc-qt-review__role {
  position: absolute;
  right: 177px;
  top: 84px;
  z-index: 2;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #242424;
  width: 179px;
}

.mc-qt-review--2 .mc-qt-review__arrow {
  position: absolute;
  right: 361px;
  top: 60px;
  width: 28px;
  height: 29px;
  z-index: 2;
  color: var(--qt-rev-tag);
  transform: scaleX(-1);
}

.mc-qt-review--2 .mc-qt-review__quote {
  position: absolute;
  left: 0;
  top: 11px;
  width: 426px;
  height: 131px;
}

/* Shared avatar + quote */
.mc-qt-review__avatar-box {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 270px;
  border: 6.4px solid var(--qt-rev-tag);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.mc-qt-review__arrow svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.mc-qt-review__qmark {
  position: absolute;
  width: 43px;
  height: 36px;
  pointer-events: none;
}

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

.mc-qt-review--1 .mc-qt-review__qmark--open {
  left: 0;
  top: 0;
  color: var(--qt-rev-quote-a);
}

.mc-qt-review--1 .mc-qt-review__qmark--close {
  right: 0;
  bottom: 5px;
  color: var(--qt-rev-quote-a);
  transform: scale(-1);
}

.mc-qt-review--2 .mc-qt-review__qmark--open {
  left: 0;
  top: 0;
  color: var(--qt-rev-quote-b);
}

.mc-qt-review--2 .mc-qt-review__qmark--close {
  right: 0;
  bottom: 0;
  color: var(--qt-rev-quote-b);
  transform: scale(-1);
}

.mc-qt-review__text {
  position: absolute;
  left: 51px;
  top: 29px;
  right: 53px;
  margin: 0;
  font-family: Tinos, serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--qt-rev-body);
  text-align: left;
}

.mc-qt-review--2 .mc-qt-review__text {
  left: 50px;
  top: 33px;
  right: 20px;
}

.mc-qt-review__text strong {
  font-weight: 700;
}

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

/* iPad: giữ bố cục desktop 1200×506, scale theo bề ngang (giống Ladi) */
@media (min-width: 768px) and (max-width: 1024px) {
  .mc-qt-reviews-wrap.elementor-section,
  .elementor-section.mc-qt-reviews-wrap,
  .mc-qt-reviews {
    --qt-s: min(1, calc(100vw / 1200px));
    min-height: 0;
    height: calc(506px * var(--qt-s));
    padding: 0 !important;
    overflow: hidden;
  }

  .mc-qt-reviews-wrap > .elementor-container,
  .mc-qt-reviews__stage {
    display: block !important;
    width: 1200px !important;
    max-width: none !important;
    height: 506px !important;
    min-height: 0 !important;
    margin-left: calc((100% - 1200px * var(--qt-s)) / 2) !important;
    transform: scale(var(--qt-s));
    transform-origin: top left;
  }

  .mc-qt-reviews-wrap > .elementor-container > .elementor-column,
  .mc-qt-reviews-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap {
    display: block !important;
    height: 100% !important;
    min-height: 0 !important;
  }
}

/* Mobile: khung riêng 420×723 theo Ladi (avatar trái ở card 1, phải ở card 2) */
@media (max-width: 767px) {
  .mc-qt-reviews-wrap.elementor-section,
  .elementor-section.mc-qt-reviews-wrap,
  .mc-qt-reviews {
    --qt-s: calc(100vw / 420px);
    min-height: 0;
    height: calc(723px * var(--qt-s));
    padding: 0 !important;
    overflow: hidden;
  }

  .mc-qt-reviews-wrap > .elementor-container,
  .mc-qt-reviews__stage {
    display: block !important;
    width: 420px !important;
    max-width: none !important;
    height: 723px !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    transform: scale(var(--qt-s));
    transform-origin: top left;
  }

  .mc-qt-reviews-wrap > .elementor-container > .elementor-column,
  .mc-qt-reviews-wrap > .elementor-container > .elementor-column > .elementor-widget-wrap {
    display: block !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  .mc-qt-reviews__strokes {
    display: block;
    left: 8.1px;
    top: 21px;
    width: 23px;
    height: 31.9px;
  }

  .mc-qt-reviews-wrap .elementor-element.mc-qt-reviews__title {
    position: absolute !important;
    left: 31.8px !important;
    top: 35.7px !important;
    width: 346px !important;
    height: auto !important;
  }
  .mc-qt-reviews-wrap .mc-qt-reviews__title .elementor-heading-title,
  .mc-qt-reviews__title {
    font-size: 30px;
    line-height: 36px;
  }

  .mc-qt-reviews-wrap .elementor-element.mc-qt-reviews__intro {
    position: absolute !important;
    left: 31.8px !important;
    top: 81.7px !important;
    width: 374px !important;
    height: auto !important;
  }

  .mc-qt-reviews-wrap .elementor-element.mc-qt-reviews__grid-html {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .mc-qt-reviews__grid {
    position: absolute;
    inset: 0;
    display: block;
    gap: 0;
  }

  .mc-qt-review--1 {
    position: absolute !important;
    left: 32px !important;
    top: 176.7px !important;
    width: 359.3px !important;
    height: 136.5px !important;
    padding-left: 0;
  }
  .mc-qt-review--2 {
    position: absolute !important;
    left: 35.4px !important;
    top: 446.1px !important;
    width: 349.1px !important;
    height: 136.5px !important;
  }

  .mc-qt-review--1 .mc-qt-review__avatar,
  .mc-qt-review--2 .mc-qt-review__avatar {
    position: absolute;
    top: 0;
    width: 136.5px;
    height: 136.5px;
    margin: 0;
  }
  .mc-qt-review--1 .mc-qt-review__avatar { left: 0; right: auto; }
  .mc-qt-review--2 .mc-qt-review__avatar { left: 212.6px; right: auto; }

  .mc-qt-review--1 .mc-qt-review__tag,
  .mc-qt-review--2 .mc-qt-review__tag {
    position: absolute;
    display: block;
    top: 17.8px;
    width: 224.2px;
    height: 100.8px;
    margin: 0;
  }
  .mc-qt-review--1 .mc-qt-review__tag { left: 101.7px; right: auto; }
  .mc-qt-review--2 .mc-qt-review__tag { left: 25.1px; right: auto; }

  .mc-qt-review--1 .mc-qt-review__name,
  .mc-qt-review--2 .mc-qt-review__name,
  .mc-qt-review--1 .mc-qt-review__role,
  .mc-qt-review--2 .mc-qt-review__role {
    position: absolute;
    right: auto;
    margin: 0;
  }
  .mc-qt-review--1 .mc-qt-review__name { left: 155.3px; top: 49.6px; width: 204px; text-align: left; }
  .mc-qt-review--1 .mc-qt-review__role { left: 155.3px; top: 74.5px; width: 183px; text-align: left; }
  .mc-qt-review--2 .mc-qt-review__name { left: 25.1px; top: 49.8px; width: 174px; text-align: right; }
  .mc-qt-review--2 .mc-qt-review__role { left: 30.5px; top: 74px; width: 173px; text-align: right; }

  .mc-qt-review__name { font-size: 18px; line-height: 21.6px; }
  .mc-qt-review__role { font-size: 12px; line-height: 14.4px; }

  .mc-qt-review__arrow {
    display: block;
    width: 25.1px;
    height: 26.3px;
  }
  .mc-qt-review--1 .mc-qt-review__arrow { left: 324.9px; right: auto; top: 54.2px; }
  .mc-qt-review--2 .mc-qt-review__arrow { left: 0; right: auto; top: 54.3px; }

  .mc-qt-review--1 .mc-qt-review__quote {
    position: absolute;
    left: -14.4px;
    top: 145.5px;
    width: 387.5px;
    height: 88px;
    margin: 0;
    padding: 0;
  }
  .mc-qt-review--2 .mc-qt-review__quote {
    position: absolute;
    left: -15.1px;
    top: 150.5px;
    width: 382.2px;
    height: 94.2px;
    margin: 0;
    padding: 0;
  }

  .mc-qt-review__qmark {
    width: 28.9px;
    height: 24.1px;
  }
  .mc-qt-review--1 .mc-qt-review__qmark--open { left: 0; top: 2px; }
  .mc-qt-review--1 .mc-qt-review__qmark--close { left: 358.5px; right: auto; top: 63.9px; bottom: auto; }
  .mc-qt-review--2 .mc-qt-review__qmark--open { left: 0; top: 5px; }
  .mc-qt-review--2 .mc-qt-review__qmark--close { left: 353.2px; right: auto; top: 70.1px; bottom: auto; }

  .mc-qt-review--1 .mc-qt-review__text,
  .mc-qt-review--2 .mc-qt-review__text {
    position: absolute !important;
    top: 0 !important;
    right: auto !important;
    width: 319px;
    font-size: 14px;
    line-height: 22.4px;
  }
  .mc-qt-review--1 .mc-qt-review__text { left: 39.5px !important; }
  .mc-qt-review--2 .mc-qt-review__text { left: 41.8px !important; }
}