/* NAKAJP image slots — section-specific desktop + mobile */
.page-thiet-ke-thi-cong-noi-that-nhat-ban #styles .style-card {
  overflow: hidden;
}

.page-thiet-ke-thi-cong-noi-that-nhat-ban #styles .style-card-media {
  margin: -20px -20px 16px;
  overflow: hidden;
  aspect-ratio: 10 / 7;
  background: #eee8df;
}

.page-thiet-ke-thi-cong-noi-that-nhat-ban #styles .style-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-thiet-ke-thi-cong-noi-that-nhat-ban #styles .style-grid-equation {
  margin: 14px 0 24px;
  font-weight: 650;
  color: #594b3f;
}

.ads-mobile-image-slot,
.ads-content-image-slot--desktop {
  display: none;
}

.ads-content-image-slot {
  min-width: 0;
  margin: 0;
}

.ads-content-image-slot__frame {
  overflow: hidden;
  border-radius: 18px;
  background: #eee8df;
  box-shadow: 0 12px 30px rgba(51, 38, 28, 0.10);
}

.ads-content-image-slot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ads-content-image-slot figcaption {
  margin: 9px 2px 0;
  color: #6c6259;
  font-size: 13px;
  line-height: 1.5;
}

@media (min-width: 769px) {
.page-thiet-ke-truoc-khi-xay #pain .ads-content-head-split,
.page-thiet-ke-truoc-khi-xay #solution .ads-content-head-split,
.page-tranh-phat-sinh-khi-thi-cong #pain .ads-content-head-split,
.page-tranh-phat-sinh-khi-thi-cong #solution .ads-content-head-split,
.page-vat-lieu-ro-rang-truoc-khi-thi-cong #material-risk .ads-content-head-split,
.page-nha-dep-nhung-song-met #render-is-not-enough .ads-content-head-split,
.page-nha-bi-toi-bat-tien #dark-stuffy-causes .ads-content-head-split,
.page-vao-o-roi-moi-thay-bat-tien #pre-check-before-final .ads-content-head-split,
.page-cong-nang-song-that #function-not-more .ads-content-head-split,
.page-zero-gap-thiet-ke-khong-lech-thuc-te #gap-map .ads-content-head-split {
    display: grid;
    grid-template-columns: minmax(0, 58fr) minmax(300px, 42fr);
    gap: clamp(28px, 4vw, 60px);
    align-items: center;
    margin-bottom: clamp(24px, 3vw, 40px);
  }

  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #nakajp-standard-system .ads-content-standard-layout {
    display: grid;
    grid-template-columns: minmax(0, 58fr) minmax(300px, 42fr);
    grid-template-areas:
      "statement image"
      "standards standards";
    gap: clamp(24px, 3vw, 40px) clamp(28px, 4vw, 60px);
    align-items: center;
  }

  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #nakajp-standard-system .premium-standard-statement {
    grid-area: statement;
  }

  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #nakajp-standard-system .premium-standard-grid {
    grid-area: standards;
  }

  .page-vat-lieu-ro-rang-truoc-khi-thi-cong #nakajp-standard-system .ads-content-image-slot--desktop {
    grid-area: image;
  }

  .page-zero-gap-thiet-ke-khong-lech-thuc-te #method .ads-content-method-layout {
    display: grid;
    grid-template-columns: minmax(0, 58fr) minmax(300px, 42fr);
    grid-template-areas:
      "intro image"
      "checklist checklist";
    gap: clamp(24px, 3vw, 36px) clamp(28px, 4vw, 60px);
    align-items: center;
  }

  .page-zero-gap-thiet-ke-khong-lech-thuc-te #method .ads-content-method-layout > div {
    grid-area: intro;
  }

  .page-zero-gap-thiet-ke-khong-lech-thuc-te #method .ads-content-method-layout > .ads-content-image-slot--desktop {
    grid-area: image;
  }

  .page-zero-gap-thiet-ke-khong-lech-thuc-te #method .ads-content-method-layout > .lp002d-checklist {
    grid-area: checklist;
  }

.page-nha-dep-nhung-song-met #fit .ads-content-fit-grid,
.page-nha-bi-toi-bat-tien #fit .ads-content-fit-grid,
.page-vao-o-roi-moi-thay-bat-tien #fit .ads-content-fit-grid,
.page-cong-nang-song-that #fit .ads-content-fit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) minmax(280px, 0.82fr);
    gap: clamp(18px, 2.2vw, 28px);
    align-items: stretch;
  }

  .ads-content-image-slot--desktop {
    display: block;
    width: 100%;
    max-width: 500px;
    justify-self: end;
    align-self: center;
  }

  .ads-content-image-slot--desktop .ads-content-image-slot__frame {
    width: 100%;
    height: clamp(180px, 19vw, 260px);
    aspect-ratio: 3 / 2;
  }

  .ads-content-fit-grid > .ads-content-image-slot--desktop {
    max-width: none;
    align-self: start;
  }

  .ads-content-fit-grid > .ads-content-image-slot--desktop .ads-content-image-slot__frame {
    height: clamp(180px, 19vw, 260px);
  }

  .ads-content-image-slot--desktop[data-image-status="placeholder"] {
    padding: 10px;
    border: 1px dashed rgba(125, 91, 55, 0.36);
    border-radius: 20px;
    background: rgba(255, 250, 243, 0.72);
  }
}

@media (max-width: 768px) {
  .page-thiet-ke-thi-cong-noi-that-nhat-ban #styles .style-card {
    padding: 12px !important;
  }

  .page-thiet-ke-thi-cong-noi-that-nhat-ban #styles .style-card-media {
    margin: -12px -12px 12px;
    border-radius: 14px 14px 0 0;
  }

  .page-thiet-ke-thi-cong-noi-that-nhat-ban #styles .style-grid-equation {
    margin: 12px 0 18px;
    font-size: 15px;
    line-height: 1.55;
  }

  .ads-mobile-image-slot {
    display: block;
    width: min(calc(100% - 32px), 720px);
    margin: 22px auto 34px;
  }

  .ads-mobile-image-slot__frame {
    overflow: hidden;
    border-radius: 18px;
    background: #eee8df;
    box-shadow: 0 12px 30px rgba(51, 38, 28, 0.10);
    aspect-ratio: 3 / 2;
  }

  .ads-mobile-image-slot img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ads-mobile-image-slot figcaption {
    margin: 9px 2px 0;
    color: #6c6259;
    font-size: 13px;
    line-height: 1.5;
  }

  .ads-mobile-image-slot[data-image-status="placeholder"] {
    padding: 10px;
    border: 1px dashed rgba(125, 91, 55, 0.42);
    border-radius: 20px;
    background: rgba(255, 250, 243, 0.72);
  }
}