.your-style-map-section3 {
  position: relative !important;

  width: 100% !important;
  max-width: 1050px !important;
  margin: 0 auto !important;
  aspect-ratio: 2.7 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0rem !important;
}

/*.your-style-map-section3 .section-bg {*/
/*  left: 1.5rem !important;*/
/*  right: 1.5rem !important;*/

/*  width: calc(100% - 3rem) !important;*/
/*}*/

/* =========================================
   ĐỒNG BỘ LỀ TRÁI/PHẢI: TEXT + ẢNH SECTION3
   ========================================= */

section.your-style-map-section:has(.your-style-map-text1) {
  width: 100% !important;
  max-width: 140rem !important;
  /* đồng bộ 1400px với section3 */

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  box-sizing: border-box !important;
}

/* =========================================
   YOUR STYLE MAP - STACK (ưu tiên cao hơn để thắng .stack mặc định)
   ========================================= */

/*.your-style-map-section3 .stack.your-style-map-stack1 {*/
/*  transform: none !important;*/
/*  width: 100% !important;*/
/*  height: auto !important;*/
/*  display: flex !important;*/
/*  justify-content: center !important;*/
/*  align-items: center;*/
/*  padding: 0rem !important;*/
/*  margin: 0 !important;*/
/*}*/

@media (max-width: 768px) {
  .your-style-map-section3 .section-bg {
    left: 1.5rem !important;
    right: 1.5rem !important;
    width: calc(100% - 3rem) !important;
  }
}

/* =========================================
   YOUR STYLE MAP - ROW 1 (ảnh trái + text phải)
   ========================================= */
/* Đẩy khối text lùi xuống một chút so với mép trên ảnh, giống mẫu */
.your-style-map-row1 > .col {
  flex: 1 1 50% !important;
  max-width: 50% !important;

  box-sizing: border-box !important;
}

.your-style-map-row1.row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 2rem !important;
}

.your-style-map-row1.row > .col {
    float: none !important;

    flex: 0 0 calc((100% - 2rem) / 2) !important;
    width: calc((100% - 2rem) / 2) !important;
    max-width: calc((100% - 2rem) / 2) !important;

    box-sizing: border-box !important;
}

/* .your-style-map-text14,
.your-style-map-text4 {
  text-align: justify !important;
  text-align-last: left !important;
}

.your-style-map-text14 p {
  margin: 0 0 1.5rem 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  text-align: inherit !important;
} */

/* .your-style-map-text14 p:last-of-type {
  margin-bottom: 0 !important;
} */

/* =========================================
   YOUR STYLE MAP - IMAGE 1
   ========================================= */

/* Lớp img-inner - bo góc + cắt tràn */
.your-style-map-image1 .img-inner {
  width: 100% !important;
  height: 100% !important;

  border-radius: 2.5rem !important;
  /* 25px */
  overflow: hidden !important;
}

/* Thẻ <img> thật - đây mới là chỗ cần object-fit / aspect-ratio */
.your-style-map-image1 img {
  width: 100% !important;
  height: auto !important;

  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: center !important;

  display: block !important;

  border-radius: 2.5rem !important;
}

.your-style-map-row1 .your-style-map-content1 {
  display: flex !important;
  align-items: center !important;
}

.your-style-map-row1 .your-style-map-content1 > .col-inner {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.your-style-map-row2 > .col:has(.your-style-map-image1) {
  display: flex !important;
  align-items: center !important;
}

.your-style-map-row2 > .col:has(.your-style-map-image1) > .col-inner {
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* .your-style-map-text4 {
  padding: 0 !important;
}

.your-style-map-text4 p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  text-align: inherit !important;
} */

.your-style-map-row2.row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 2rem !important;
}

.your-style-map-row2.row > .col {
    float: none !important;

    flex: 0 0 calc((100% - 2rem) / 2) !important;
    width: calc((100% - 2rem) / 2) !important;
    max-width: calc((100% - 2rem) / 2) !important;

    box-sizing: border-box !important;
}

/* Cột text */
.your-style-map-row2 .your-style-map-content2 {
  display: flex !important;
  align-items: center !important;
}

.your-style-map-row2 .your-style-map-content2 > .col-inner {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.your-style-map-row2 > .col:has(.your-style-map-image1) {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.your-style-map-row2 > .col:has(.your-style-map-image1) > .col-inner {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.your-style-map-row2 .your-style-map-image1 {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* =========================================
   ROW 1 + ROW 2 - TABLET
   ========================================= */
@media (max-width: 768px) {
  .your-style-map-row1.row,
  .your-style-map-row2.row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 1.5rem !important;
    align-items: stretch !important;
  }

  .your-style-map-row1.row > .col,
  .your-style-map-row2.row > .col {
    float: none !important;

    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;
  }

  /* ROW 1 vốn đã: IMAGE → CONTENT */
  .your-style-map-row1 .your-style-map-content1 {
    order: 1 !important;
  }

  .your-style-map-row1 .col:has(.your-style-map-image1) {
    order: 2 !important;
  }

  /* ROW 2 desktop: CONTENT → IMAGE
     mobile đổi thành IMAGE → CONTENT */
  .your-style-map-row2 .your-style-map-content2 {
    order: 1 !important;
  }

  .your-style-map-row2 .col:has(.your-style-map-image1) {
    order: 2 !important;
  }
}

/* =========================================
   MOBILE
   ========================================= */
@media (max-width: 480px) {
  .your-style-map-row1.row,
  .your-style-map-row2.row {
    gap: 1.5rem !important;
  }
}

.home-intro .intro-description,
.home-intro .intro-description p {
  text-align: justify !important;
  text-align-last: left !important;
}

.your-style-map-section2 {
  position: relative !important;

  width: 100% !important;
  max-width: 1050px !important;

  aspect-ratio: 2.7 / 1 !important;
  height: auto !important;
  min-height: 0 !important;

  margin-left: auto !important;
  margin-right: auto !important;

  overflow: hidden !important;
  padding: 0 !important;
}

/*.your-style-map-section2 .section-bg {*/
/*  left: 1.5rem !important;*/
/*  right: 1.5rem !important;*/
/*  width: calc(100% - 3rem) !important;*/
/*}*/

/* =========================================
   YOUR STYLE MAP - STACK 2 (nút nằm dưới đoạn text, không đè ảnh)
   ========================================= */

.your-style-map-stack2 {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;

  width: 100% !important;
  margin: 2rem 0 0 0 !important;
  padding: 0 !important;
}

/* =========================================
   YOUR STYLE MAP - SECTION 4 (Text trái + Ảnh phải)
   ========================================= */

section.your-style-map-section4 {
  position: relative !important;

  width: 100vw !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden !important;

  display: flex !important;
  align-items: center !important;
}

.your-style-map-section4 .section-content {
  width: 100% !important;
  height: auto !important;
}

/* Row 2 cột: text trái, ảnh phải */
.your-style-map-section4 .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 auto !important;
  gap: 2rem !important;
}

.your-style-map-section4 .row > .col {
  float: none !important;

  flex: 0 0 calc((100% - 2rem) / 2) !important;
  width: calc((100% - 2rem) / 2) !important;
  max-width: calc((100% - 2rem) / 2) !important;

  box-sizing: border-box !important;
}

.your-style-map-section4 .row > .col:has(.your-style-map-image1) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.your-style-map-section4 .row > .col:has(.your-style-map-image1) > .col-inner {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important; /* THÊM */
}

.your-style-map-section4 .your-style-map-image1 {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Ảnh giữ đúng tỉ lệ tự nhiên, không bị kéo giãn theo cột */
.your-style-map-image3.img {
  width: 100% !important;
  height: auto !important;
  /* bỏ 100% */
  max-width: 42rem !important;

  margin: 0 !important;
}

.your-style-map-image3 .img-inner {
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
}

.your-style-map-image3 img {
  width: 100% !important;
  height: auto !important;
  /* bỏ 100%, để aspect-ratio tự quyết định chiều cao */

  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center !important;

  display: block !important;
  max-width: none !important;
}

.your-style-map-image3 img[style] {
  height: auto !important;
}

/* Ghi đè inline style theme tự thêm (#image_xxxxx { width:100% }) */
.your-style-map-image3 img[style] {
  height: 100% !important;
}

.your-style-map-image3 .img-inner {
  border-radius: 1rem !important;
  overflow: hidden !important;
}

.your-style-map-image3 img {
  border-radius: 1rem !important;
}

@media (max-width: 768px) {
  .your-style-map-section4 .row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .your-style-map-section4 .row > .col {
    float: none !important;

    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;
  }
  
  .your-style-map-section2 .section-bg {
  left: 1.5rem !important;
  right: 1.5rem !important;
  width: calc(100% - 3rem) !important;
}

}

.your-style-map-steps-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 3rem !important;
  box-sizing: border-box !important;
}

.your-style-map-steps-row > .your-style-map-step-column {
  display: flex !important;
  align-self: stretch !important;
}

.your-style-map-steps-row > .your-style-map-step-column > .col-inner {
  width: 100% !important;
  height: 100% !important;
  flex: 1 1 auto !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  box-sizing: border-box !important;
}

.your-style-map-faq-row::before,
.your-style-map-faq-row::after {
  content: none !important;
  display: none !important;
}

.your-style-map-steps-row > .col > .col-inner {
  width: 100% !important;
  height: 100% !important;
  flex: 1 1 auto !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
}

.your-style-map-step-column:not(:last-of-type)::after {
  content: "\2192" !important;

  position: absolute !important;
  right: -3rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  font-size: 3rem !important;
  font-weight: 700 !important;
  color: #050036 !important;
}

/* =========================================
   TEXT 8 - "SEE / TRY / KEEP"
   ========================================= */

.your-style-map-text8 * {
  margin: 0 0 1rem 0 !important;
  padding: 0 0 0.75rem 0 !important;
  border-bottom: 1px solid #050036 !important;
}

/* =========================================
   TEXT 9 - "READ THE CURRENT PATTERN" ...
   ========================================= */

.your-style-map-text9 * {
  width: 100% !important;
  margin: 0.5rem 0 0 0 !important;
  padding: 0 !important;
}

/* =========================================
   3 STEPS (SEE / TRY / KEEP) - RESPONSIVE
   ========================================= */
/* =========================================
   YOUR STYLE MAP - STEPS - TABLET <= 768px
   ========================================= */
@media (max-width: 768px) {
  .your-style-map-steps-section {
    padding: 0 1.5rem !important;
  }

  .your-style-map-steps-row {
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    gap: 3rem !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .your-style-map-steps-row > .col {
    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
  }

  /* Mũi tên chuyển từ → thành ↓ */
  .your-style-map-step-column:not(:last-of-type)::after {
    content: "\2193" !important;

    right: auto !important;
    left: 50% !important;

    top: auto !important;
    bottom: -2.6rem !important;

    transform: translateX(-50%) !important;

    font-size: 2rem !important;
  }
}

.your-style-map-looks-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 3rem !important;
}

.your-style-map-looks-row::before,
.your-style-map-looks-row::after {
  content: none !important;
  display: none !important;
}

.your-style-map-looks-row > .col {
  flex: 0 0 calc((100% - 6rem) / 3) !important;
  width: calc((100% - 6rem) / 3) !important;
  max-width: calc((100% - 6rem) / 3) !important;

  padding: 0 !important;
}

.your-style-map-looks-row > .col:nth-child(4) {
  transform: translateX(-2rem) !important;
}

.your-style-map-looks-row > .col:nth-child(5) {
  transform: translateX(2rem) !important;
}

.your-style-map-look-image .img-inner {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;

  border-radius: 1rem !important;
  overflow: hidden !important;
}

.your-style-map-look-image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;
}

@media (min-width: 769px) {
  .your-style-map-looks-row > .col:nth-child(5) .text {
    width: calc(100% + 10rem) !important;
    max-width: none !important;
  }
}

@media (max-width: 768px) {
  .your-style-map-looks-row {
    gap: 3rem !important;
  }

  .your-style-map-looks-row > .col {
    flex: 0 0 calc((100% - 3rem) / 2) !important;
    width: calc((100% - 3rem) / 2) !important;
    max-width: calc((100% - 3rem) / 2) !important;
  }

  .your-style-map-looks-row > .col:nth-child(4),
  .your-style-map-looks-row > .col:nth-child(5) {
    transform: none !important;
  }

  .your-style-map-looks-row > .col > .col-inner {
    display: flex !important;
    flex-direction: column !important;
  }

  .your-style-map-looks-row > .col .your-style-map-look-image {
    order: 1 !important;
    margin-bottom: 1rem;
  }

  .your-style-map-looks-row > .col .text {
    order: 2 !important;
    text-align: left !important;
  }

  .your-style-map-looks-row > .col .text * {
    text-align: left !important;
  }
}

@media (max-width: 480px) {
  .your-style-map-looks-row {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 1.5rem !important;
  }

  .your-style-map-looks-row > .col {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .your-style-map-looks-row > .col > .col-inner {
    display: flex !important;
    flex-direction: column !important;
  }

  .your-style-map-looks-row::before,
  .your-style-map-looks-row::after,
  .your-style-map-steps-row::before,
  .your-style-map-steps-row::after {
    content: none !important;
    display: none !important;
  }
}

/* ========= */

/* =========================================
   YOUR STYLE MAP - SECTION 7 (FAQS)
   ========================================= */

section.your-style-map-section7 {
  width: 100vw !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  overflow: visible !important;

  display: flex !important;
  align-items: center !important;
}

.your-style-map-section7 .section-content {
  width: 100% !important;
  max-width: 120rem !important;
  margin: 0 auto !important;
  padding: 0 4.5rem !important;
  box-sizing: border-box !important;
}

.your-style-map-faq-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 3rem !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.your-style-map-faq-row > .your-style-map-column1 {
  flex-basis: calc(75% - 3rem) !important;
  width: calc(75% - 3rem) !important;
  max-width: calc(75% - 3rem) !important;
}

.your-style-map-column1 .accordion-item {
  background-color: #ffffff !important;

  border: none !important;
  border-radius: 1rem !important;

  margin-bottom: 1.5rem !important;

  overflow: hidden !important;

  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.05) !important;
}

.your-style-map-column1 .accordion-item:last-child {
  margin-bottom: 0 !important;
}

.your-style-map-column1 .accordion-title.plain {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 1.8rem !important;
  line-height: 1.5 !important;

  color: #000000 !important;

  border-top: none !important;
  padding: 1rem 2rem !important;
  margin: 0 !important;

  text-decoration: none !important;
  background: transparent !important;
}

.your-style-map-column1 .accordion-title.plain::before,
.your-style-map-column1 .accordion-title.plain i,
.your-style-map-column1 .accordion-title.plain .icon {
  display: none !important;
}

.your-style-map-column1 .accordion-title.plain::after {
  content: "" !important;

  flex-shrink: 0 !important;

  width: 0.7rem !important;
  height: 0.7rem !important;

  border-right: 0.18rem solid #000000 !important;
  border-bottom: 0.18rem solid #000000 !important;

  transform: rotate(-45deg) !important;
  transition: transform 0.2s ease !important;

  margin-left: 1rem !important;
}

.your-style-map-column1 .accordion-title.plain[aria-expanded="true"]::after {
  transform: rotate(45deg) !important;
}

.your-style-map-column1 .accordion-inner {
  padding: 0 2rem 1.6rem 2rem !important;
}

.your-style-map-column1 .accordion-inner .font-400,
.your-style-map-column1 .accordion-inner .font-400 * {
  font-weight: 400 !important;
}

/* =========================================
   SECTION 7 - TABLET <= 768px
   ========================================= */
@media (max-width: 768px) {
  .your-style-map-section7 .section-content {
    padding: 0 !important;
  }

  .your-style-map-faq-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    gap: 2rem !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }

  .your-style-map-faq-row > .col:first-of-type {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;

    padding: 0 !important;
  }

  .your-style-map-faq-row > .your-style-map-column1 {
    flex: 0 0 calc(75% - 2rem) !important;
    width: calc(75% - 2rem) !important;
    max-width: calc(75% - 2rem) !important;

    padding: 0 !important;
  }
}

/* =========================================
   SECTION 7 - MOBILE <= 480px
   ========================================= */
@media (max-width: 480px) {
  .your-style-map-faq-row {
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    gap: 2rem !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .your-style-map-faq-row > .col:first-of-type,
  .your-style-map-faq-row > .your-style-map-column1 {
    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
  }

  /* FAQS căn trái */
  .your-style-map-faq-title,
  .your-style-map-faq-title * {
    text-align: left !important;
  }

  .your-style-map-column1 .accordion-title.plain {
    font-size: 1.4rem !important;
    line-height: 1.4 !important;

    padding: 1rem 1.2rem !important;
  }

  .your-style-map-column1 .accordion-inner {
    padding: 0 1.2rem 1.4rem 1.2rem !important;
  }
}

/* =========================================
   BOX TRÁI - NỀN TRẮNG + MŨI TÊN CAM
   ========================================= */
/* =========================================
   YOUR STYLE MAP - SECTION 6 (COMPARE ROWS)
   ========================================= */

section.your-style-map-section6 {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: visible !important;
}

.your-style-map-compare-row {
  width: 100% !important;
  max-width: 1050px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  /*padding-left: 3rem !important;*/
  /*padding-right: 3rem !important;*/
  box-sizing: border-box !important;
}

.your-style-map-section6 .row:has(> .col.your-style-map-compare-left) {
  display: grid !important;
  grid-template-columns: 1fr 4rem 1fr !important;
  align-items: stretch !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}

.your-style-map-section6 .your-style-map-compare-left > .col-inner,
.your-style-map-section6 .your-style-map-compare-right > .col-inner {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  box-sizing: border-box !important;
}

/* =========================================
   BOX TRÁI - NỀN TRẮNG + MŨI TÊN CAM
   ========================================= */

.your-style-map-section6 .your-style-map-compare-left {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  float: none !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  grid-column: 1 !important;
  height: 100% !important;
  align-self: stretch !important;
}

.your-style-map-compare-left::before {
  content: "" !important;

  position: absolute !important;
  left: 2rem !important;
  top: 50% !important;

  width: 2rem !important;
  height: 2rem !important;

  background-color: #ff4200 !important;

  clip-path: polygon(15% 10%, 85% 45%, 90% 50%, 85% 55%, 15% 90%) !important;

  transform: translateY(-50%) !important;

  z-index: 2 !important;
}

/* =========================================
   BOX PHẢI - NỀN NAVY + CHỮ IN NGHIÊNG TRẮNG
   ========================================= */

.your-style-map-section6 .your-style-map-compare-right {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  float: none !important;

  height: auto !important;

  display: flex !important;
  align-items: center !important;

  box-sizing: border-box !important;
  overflow: visible !important;

  grid-column: 3 !important;
  height: 100% !important;
  align-self: stretch !important;
}

.your-style-map-section6 .your-style-map-compare-arrow {
  position: relative !important;

  width: 4rem !important;
  max-width: none !important;
  flex: none !important;
  float: none !important;

  height: 0.15rem !important;

  grid-column: 2 !important;
  justify-self: center !important;
  align-self: center !important;

  background-color: #050036 !important;

  margin: 0 -0.25rem !important;
  padding: 0 !important;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

.your-style-map-section6 .your-style-map-compare-arrow::after {
  content: "" !important;

  position: absolute !important;
  right: -0.05rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 0 !important;
  height: 0 !important;

  border-top: 0.5rem solid transparent !important;
  border-bottom: 0.5rem solid transparent !important;
  border-left: 0.7rem solid #050036 !important;

  z-index: 2 !important;
}

/* =========================================
   SECTION 6 - TABLET <= 768px
   ========================================= */
@media (max-width: 768px) {
  .your-style-map-compare-row {
    width: 100% !important;
    max-width: 100% !important;

    /*padding-left: 3rem !important;*/
    /*padding-right: 3rem !important;*/

    box-sizing: border-box !important;
  }

  .your-style-map-section6 .row:has(> .col.your-style-map-compare-left) {
    display: grid !important;

    grid-template-columns: 1fr 3rem 1fr !important;

    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 0 !important;
  }

  /* đường nối */
  .your-style-map-section6 .your-style-map-compare-arrow {
    width: 3rem !important;
  }
}

/* =========================================
   SECTION 6 - MOBILE <= 480px
   ========================================= */
@media (max-width: 480px) {
  .your-style-map-section6 .row:has(> .col.your-style-map-compare-left) {
    display: grid !important;

    grid-template-columns: 1fr !important;
    grid-template-rows: auto 3rem auto !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 0 !important;
  }

  /* LEFT */
  .your-style-map-section6 .your-style-map-compare-left {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    padding: 0 !important;
  }

  /* RIGHT */
  .your-style-map-section6 .your-style-map-compare-right {
    grid-column: 1 !important;
    grid-row: 3 !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    padding: 0 !important;
  }

  /* Mobile không cần ép 2 box bằng chiều cao */
  .your-style-map-section6 .your-style-map-compare-left > .col-inner,
  .your-style-map-section6 .your-style-map-compare-right > .col-inner {
    width: 100% !important;
    height: auto !important;
  }

  /* đường nối chuyển từ ngang → dọc */
  .your-style-map-section6 .your-style-map-compare-arrow {
    grid-column: 1 !important;
    grid-row: 2 !important;

    justify-self: center !important;
    align-self: center !important;

    width: 0.15rem !important;
    height: 3rem !important;

    margin: 0 !important;

    background-color: #050036 !important;
  }

  .your-style-map-section6 .your-style-map-compare-arrow::after {
    right: auto !important;

    left: 50% !important;
    top: auto !important;
    bottom: -0.05rem !important;

    transform: translateX(-50%) !important;

    border-top: 0.7rem solid #050036 !important;
    border-left: 0.5rem solid transparent !important;
    border-right: 0.5rem solid transparent !important;
    border-bottom: 0 !important;
  }
}

.your-style-map-section3 {
    position: relative !important;
}

/* Cho vùng content phủ toàn bộ section */
.your-style-map-section3 > .section-content {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: auto !important;

    z-index: 2 !important;
}

/* Stack phủ toàn bộ vùng content */
.your-style-map-section3 .stack.your-style-map-stack1 {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: auto !important;
    height: auto !important;

    transform: none !important;
    display: block !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* Button bám mép trái + mép dưới */
.your-style-map-section3 .your-style-map-button1 {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    right: auto !important;
    bottom: auto !important;

    transform: translate(-50%, -50%) !important;

    margin: 0 !important;
    z-index: 10 !important;
}

@media (max-width: 768px) {
    .your-style-map-section3 .your-style-map-button1 {

        /* Không cho nút vượt khỏi section */
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 3rem) !important;

        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 768px) {

  .your-style-map-row1.row > .col,
  .your-style-map-row2.row > .col {
    float: none !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* THÊM ĐOẠN NÀY */
  .your-style-map-image1 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .your-style-map-image1 .img-inner,
  .your-style-map-image1 img {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* phần còn lại giữ nguyên */
}

.your-style-map-section3 .your-style-map-button1 {
    transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease !important;
}

/* Hover - nhấc lên 0.3rem */
.your-style-map-section3 .your-style-map-button1:hover {
    transform: translate(-50%, calc(-50% - 0.3rem)) !important;
    box-shadow: none !important;
}

/* Click */
.your-style-map-section3 .your-style-map-button1:active {
    transform: translate(-50%, -50%) scale(0.97) !important;
    box-shadow: none !important;
}

.your-style-map-content2 .innerstyling-button {
    width: fit-content !important;
    max-width: none !important;

    padding-left: 3rem !important;
    padding-right: 3rem !important;

    align-self: center !important;

    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;

    text-align: center !important;
}

@media (max-width: 768px) {
    .your-style-map-content2 .innerstyling-button {
        padding: 0.5rem 1.5rem !important;
    }
}