/* Product-page typography and portrait sizing. Viewer/dialog styles stay in
   detail.css and product-3d.css; these refinements target the document content. */
.pd-page{
  --pd-ui:DmlumaUI,var(--preview-language-font,Arial),sans-serif;
  font-family:var(--pd-ui);
  font-optical-sizing:auto;
  padding-inline:max(4%,calc((100% - 1440px)/2));
}

/* Keep the editorial serif headings; align readable text and controls with
   the homepage/navigation's existing Inter-based UI face. */
.pd-page .pd-action-row button,
.pd-page .pd-structure-features h3,
.pd-page .pd-configuration h3,
.pd-page .pd-no-specs h3,
.pd-page .pd-pending h3,
.pd-page .pd-source h3{
  font-family:var(--pd-ui);
}
.pd-page .pd-product-name{font-size:22px;line-height:1.45;margin-bottom:20px}
.pd-page .pd-description{font-size:16px;line-height:1.75;opacity:.85}
.pd-page .pd-features li{font-size:14px;line-height:1.65}
.pd-page .pd-enquire{font-size:14px;line-height:1.5;font-weight:600}
.pd-page .pd-action-row button{font-size:13px;line-height:1.5;font-weight:500}
.pd-page .pd-list-links a,
.pd-page .pd-return,
.pd-page .pd-document-link,
.pd-page .pd-section-nav button,
.pd-page .pd-section-nav>a{font-size:13px;line-height:1.6}
.pd-page .pd-media-column>.pd-image-note,
.pd-page .pd-media-column>.pd-model-note{font-size:13px;line-height:1.7;opacity:1;color:#455d7e}
.pd-page .pd-configuration p,
.pd-page .pd-no-specs p,
.pd-page .pd-source p,
.pd-page .pd-section-heading>p:not(.pd-eyebrow){font-size:14px;line-height:1.75}
.pd-page .pd-spec-row{font-size:14px;line-height:1.65}
.pd-page .pd-pending ul{font-size:14px;line-height:1.65}
.pd-page .pd-related-name{font-size:14px;line-height:1.65}
.pd-page .pd-related-view{font-size:13px;font-weight:600}

@media(max-width:720px){
  .pd-page{padding-inline:20px}
  /* A definite portrait height avoids compressing a long-handled product into
     the former near-square frame after its label/action padding is deducted.
     At 390px viewport width this is 437px high, with 341px for the image.
     Contain preserves the complete source image and both ends of the product. */
  .pd-page .pd-product-image{
    height:clamp(400px,112vw,450px);
    min-height:0;
    aspect-ratio:auto;
    padding:40px 12px 56px;
  }
  .pd-page .pd-product-image>img{
    width:100%;
    height:100%;
    max-height:none;
    min-height:0;
    object-fit:contain;
  }
  .pd-page .pd-image-tag{top:17px;left:18px;font-size:10px}
  .pd-page .pd-image-action{left:18px;right:18px;bottom:12px;font-size:13px;gap:12px;line-height:1.45}
  .pd-page .pd-expand{flex-shrink:0}
  .pd-page .pd-hero{gap:26px}
  .pd-page .pd-product-name{font-size:21px;margin-bottom:18px}
  .pd-page .pd-description{font-size:16px;line-height:1.7;margin-bottom:23px}
  .pd-page .pd-action-row button{font-size:14px;padding:12px;min-height:48px}
  .pd-page .pd-list-links a,
  .pd-page .pd-return,
  .pd-page .pd-document-link,
  .pd-page .pd-section-nav button,
  .pd-page .pd-section-nav>a{font-size:14px}
}