/* Product-specific layouts for original content blocks. */
.hgxgd-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:980px;margin:0 auto 34px}
.hgxgd-gallery img{display:block;width:100%;height:220px;object-fit:cover;background:#fff;border:1px solid #dce7f4;border-radius:14px;box-shadow:0 10px 24px rgba(16,66,120,.08)}
.hgxgd-gallery img{object-fit:contain;padding:14px}
.hgxgd-gallery-wide{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1080px}
@media(max-width:700px){.hgxgd-gallery,.hgxgd-gallery-wide{grid-template-columns:1fr;gap:14px}.hgxgd-gallery img{height:auto;max-height:240px;object-fit:contain}}
.pd-original-section[id="003"]:has(> ul > li > div > p) > ul > li {
  width: auto !important;
  min-width: 220px;
  max-width: 340px;
  flex: 1 1 220px;
  padding: 20px;
  background: #fff;
  border: 1px solid #dce7f4;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(16, 66, 120, .06);
  text-align: left !important;
}
.pd-original-section[id="003"]:has(> ul > li > div > p) > ul > li p {
  max-width: none;
  text-align: left;
}
.pd-original-section[id="003"]:has(> ul > li > div > p) > ul > li p:first-child {
  font-size: 17px;
  font-weight: 800;
  color: var(--blue-d);
}
.pd-original-section[id="003"]:has(> ul > li > div > ul) > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: stretch;
  gap: 22px;
}
.pd-original-section[id="003"]:has(> ul > li > div > ul) > ul > li {
  width: auto !important;
  text-align: left !important;
}
.pd-original-section[id="003"]:has(> ul > li > div > ul) > ul > li > div > ul {
  display: flex;
  align-items: center;
  gap: 14px;
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
.pd-original-section[id="003"]:has(> ul > li > div > ul) > ul > li > div > ul > li {
  list-style: none;
}
.pd-original-section[id="003"]:has(> ul > li > div > ul) > ul > li > div > ul img {
  width: 76px;
  height: 76px;
  object-fit: contain;
  margin: 0;
}
.pd-original-section[id="003"]:has(> ul > li > div > ul) > ul > li > div > ul p {
  margin: 0;
  text-align: left;
  font-size: 17px;
  font-weight: 800;
  color: var(--blue-d);
}
.pd-original-section[id="003"]:has(> ul > li > div > ul) > ul > li > div > div p {
  max-width: none;
  text-align: left;
}
.pd-original-section[id="003"]:has(> ul > li > div > ul) > ul > li {
  padding: 20px;
  background: #fff;
  border: 1px solid #dce7f4;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(16, 66, 120, .06);
}
/* A8 and the related distribution ERP pages use a visual plus a text column. */
.pd-distribution-value > ul {
  display: grid !important;
  grid-template-columns: minmax(340px, 40%) minmax(0, 1fr) !important;
  align-items: center;
  gap: 44px !important;
  max-width: 1120px;
  margin: 0 auto;
}
.pd-distribution-value > ul > li { width: auto !important; text-align: left !important; }
.pd-distribution-value > ul > li:first-child { display: flex; justify-content: center; }
.pd-distribution-value > ul > li:first-child img { width: min(100%, 390px) !important; max-width: 390px !important; }
.pd-distribution-value > ul > li:last-child > ul { width: 100%; }
.pd-distribution-value > ul > li:last-child > ul > li { padding: 15px 20px; }
.pd-original-section[id="003"] > ul:has(> li > ul) {
  display: grid;
  grid-template-columns: minmax(280px, 42%) minmax(0, 1fr);
  align-items: center;
  gap: 54px;
  max-width: 1080px;
  margin: 0 auto;
}
.pd-original-section[id="003"] > ul:has(> li > ul) > li {
  width: auto !important;
  text-align: left !important;
}
.pd-original-section[id="003"] > ul:has(> li > ul) > li:first-child img {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
}
.pd-original-section[id="003"] > ul > li > ul > li {
  width: auto !important;
  text-align: left !important;
}
@media (min-width: 701px) {
  .pd-original-section[id="003"] > ul > li > ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .pd-original-section[id="003"] > ul > li > ul > li {
    padding: 16px 20px;
    background: #f6f9fd;
    border: 1px solid #dce7f4;
    border-left: 3px solid var(--blue);
    border-radius: 10px;
  }
}
@media (max-width: 700px) {
  .pd-distribution-value > ul { display: flex !important; gap: 24px !important; }
  .pd-distribution-value > ul > li:first-child img { width: min(100%, 340px) !important; }
  .pd-original-section[id="003"] > ul:has(> li > ul) {
    display: flex;
    flex-direction: column;
    gap: 26px;
    align-items: stretch;
  }
  .pd-original-section[id="003"] > ul:has(> li > ul) > li:first-child img {
    max-width: 360px;
  }
  .pd-original-section[id="003"]:has(> ul > li > div > ul) > ul {
    display: flex;
    flex-direction: column;
  }
  .pd-original-section[id="003"]:has(> ul > li > div > ul) > ul > li {
    width: 100% !important;
  }
  .pd-original-section[id="003"] > ul > li > ul > li {
    padding: 14px 16px;
  }
}