/* Optional illustrated Product layouts follow the site's existing CGU grid. */
.pvp-page-grid .pvp-content {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}
.psc-illustrated .psc-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 40px 0 56px;
}
.piw-widget.piw-illustrated {
  --piw-fg: var(--mc-color-ink, #24180f);
  --piw-muted: #786b5e;
  --piw-border: #dccdbb;
  --piw-surface: #fffdf8;
  --piw-accent: #743b1d;
  --piw-success: #743b1d;
  width: auto;
  max-width: none;
  padding: 40px 0 64px;
}
.psc-illustrated .psc-layout,
.piw-illustrated .piw-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: center;
}
.psc-main,
.piw-main { min-width: 0; }
.psc-illustration,
.piw-illustration {
  width: 100%;
  margin: 0;
  min-width: 0;
  pointer-events: none;
}
.psc-illustration img,
.piw-illustration img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.piw-illustration img { mix-blend-mode: multiply; }
.psc-illustrated .psc-selectors { max-width: none; gap: 16px; }
.psc-illustrated .psc-input { border-color: #dccdbb; background-color: #fffdf8; }
.psc-illustrated .psc-input:focus-visible { outline-color: #a65a2e; }
.psc-illustrated .psc-option:hover,
.psc-illustrated .psc-option[aria-selected="true"] { background: #f7ead9; color: #663318; }
.psc-illustrated .psc-title,
.piw-illustrated .piw-title { font-size: clamp(1.5rem, 2vw, 1.8rem); }
.psc-illustrated .psc-intro,
.psc-illustrated .psc-status,
.psc-illustrated .psc-details,
.psc-illustrated .psc-note { color: #786b5e; }
.psc-illustrated .psc-table { table-layout: fixed; }
.psc-illustrated .psc-caption { caption-side: top; }
.psc-illustrated .psc-table tbody th { width: 58%; }
.psc-illustrated .psc-table td { width: 42%; }
.psc-illustrated .psc-links a,
.psc-illustrated .psc-inquiry,
.psc-illustrated .psc-details a { color: #743b1d; }
.psc-illustrated .psc-table thead th,
.psc-illustrated .psc-table tbody th,
.psc-illustrated .psc-table td { border-color: #e1d6c7; }
.psc-illustrated .psc-links { align-items: start; flex-direction: column; gap: 12px; }
.piw-illustrated .piw-eyebrow { color: #cc561c; }
.piw-illustrated .piw-trust-points { display: grid; gap: 8px; margin-bottom: 24px; }
.piw-illustrated .piw-trust-points__item { list-style: none; }
.piw-illustrated .piw-trust-points__item::marker { content: ""; }
.piw-illustrated .piw-form { gap: 18px; }
.piw-illustrated .piw-form-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.piw-illustrated .piw-input { min-height: 48px; }
.piw-illustrated .piw-input:focus,
.piw-illustrated .piw-textarea:focus { box-shadow: 0 0 0 3px #a65a2e22; }
.piw-illustrated .piw-submit { min-height: 48px; padding-inline: 24px; }
@media (min-width: 901px) {
  .piw-illustrated .piw-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); }
  .piw-illustrated .piw-illustration { grid-column: 1; grid-row: 1; }
  .piw-illustrated .piw-main { grid-column: 2; grid-row: 1; }
}
@media (max-width: 900px) {
  .psc-illustrated .psc-layout,
  .piw-illustrated .piw-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .psc-illustration,
  .piw-illustration { width: min(100%, 400px); justify-self: center; }
}
@media (max-width: 600px) {
  .pvp-page-grid .pvp-content { padding: 28px 0; }
  .psc-illustrated .psc-content,
  .piw-widget.piw-illustrated { padding-block: 28px 40px; }
  .psc-illustrated .psc-selectors,
  .piw-illustrated .piw-form-row { grid-template-columns: minmax(0, 1fr); }
  .psc-illustration,
  .piw-illustration { width: min(84%, 300px); }
}