/* Product information: one consistent introductory column and one content column.
   Archivo V2 remains the final authority for every type size and weight. */
body.product-page.brand-identity.type-system .product-section.product-detail-section {
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(0, 2fr);
  align-items:start;
  column-gap:clamp(32px, 5vw, 72px);
  row-gap:28px;
  padding-block:48px;
}
/* White editorial sections alternate with a warm-neutral dosage band.
   Product colours stay with the product imagery and existing hero facts. */
body.product-page.brand-identity.type-system .fc-product-main > .product-detail-section {
  width:100%;
  margin-inline:0;
  padding-inline:max(var(--gutter), calc((100% - var(--content)) / 2));
  background:#fff;
  border:0;
}
body.product-page.brand-identity.type-system .fc-product-main > .product-detail-section.fc-dose-grid {
  background:#f6f6f3;
  border-block:1px solid #e5e7e0;
}
body.product-page.brand-identity.type-system .fc-product-main > .product-sections {
  border-bottom:0;
}
body.product-page.brand-identity.type-system .fc-product-main > .product-closing {
  margin-top:32px;
}
body.product-page.brand-identity.type-system .product-detail-section > * { min-width:0; }
body.product-page.brand-identity.type-system .product-detail-section .product-section-intro {
  display:block;
  margin:0;
}
body.product-page.brand-identity.type-system .product-detail-section .section-title h2 {
  margin:0 0 12px;
}
body.product-page.brand-identity.type-system .product-detail-section .section-lead,
body.product-page.brand-identity.type-system .product-detail-section .application-intro {
  margin:0;
  max-width:60ch;
}
body.product-page.brand-identity.type-system .product-detail-section .product-best-for {
  margin:20px 0 0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
}
body.product-page.brand-identity.type-system .product-detail-section .product-best-for strong {
  display:block;
  margin-bottom:4px;
}
body.product-page.brand-identity.type-system .product-detail-section .product-section-intro > .note {
  margin:16px 0 0;
}
body.product-page.brand-identity.type-system .product-detail-section .needs {
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
body.product-page.brand-identity.type-system .product-detail-section .needs > li {
  margin:0;
  padding:20px 0;
  border-top:1px solid var(--line);
}
body.product-page.brand-identity.type-system .product-detail-section .needs > li:first-child {
  padding-top:0;
  border-top:0;
}
body.product-page.brand-identity.type-system .product-detail-section .needs > li:last-child { padding-bottom:0; }
body.product-page.brand-identity.type-system .product-detail-section .needs > li > div {
  display:grid;
  grid-template-columns:minmax(0, .8fr) minmax(0, 1.6fr);
  column-gap:28px;
}
body.product-page.brand-identity.type-system .product-detail-section .needs b { margin:0; }
body.product-page.brand-identity.type-system .product-detail-section .dose-table {
  width:100%;
  table-layout:fixed;
  margin:0;
}
body.product-page.brand-identity.type-system .product-detail-section .dose-table th { width:66%; }
body.product-page.brand-identity.type-system .product-detail-section .dose-table thead th:last-child {
  width:34%;
  text-align:right;
}
body.product-page.brand-identity.type-system .product-detail-section .dose-table :is(th,td) {
  padding:14px 0;
  vertical-align:top;
  overflow-wrap:break-word;
}
body.product-page.brand-identity.type-system .product-detail-section .dose-table th:first-child { padding-right:24px; }
body.product-page.brand-identity.type-system .product-detail-section .dose-table thead th { padding-top:0; padding-bottom:12px; }
body.product-page.brand-identity.type-system .product-detail-section .dose-table td { text-align:right; }
body.product-page.brand-identity.type-system .product-detail-section .dose-table th span { margin-top:4px; }
body.product-page.brand-identity.type-system .product-detail-section .application-dose-note {
  margin:16px 0 0;
  padding:0;
  max-width:65ch;
}
body.product-page.brand-identity.type-system .product-detail-section .application-guide {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
  margin:0;
}
body.product-page.brand-identity.type-system .product-detail-section .application-guide > li {
  display:flex;
  flex-direction:column;
  gap:16px;
}
body.product-page.brand-identity.type-system .product-detail-section .application-art {
  width:100%;
  max-width:220px;
  margin:0;
}
body.product-page.brand-identity.type-system .product-detail-section .application-index { margin-bottom:6px; }
body.product-page.brand-identity.type-system .product-detail-section .application-instruction h3 { margin-bottom:8px; }

@media(max-width:1000px) {
  body.product-page.brand-identity.type-system .product-section.product-detail-section {
    grid-template-columns:minmax(0, .8fr) minmax(0, 1.5fr);
    column-gap:32px;
  }
  body.product-page.brand-identity.type-system .product-detail-section .needs > li > div {
    grid-template-columns:1fr;
    row-gap:6px;
  }
  body.product-page.brand-identity.type-system .product-detail-section .application-guide { grid-template-columns:1fr; }
  body.product-page.brand-identity.type-system .product-detail-section .application-guide > li {
    display:grid;
    grid-template-columns:104px minmax(0, 1fr);
    gap:20px;
    align-items:start;
  }
}
@media(max-width:700px) {
  body.product-page.brand-identity.type-system .product-section.product-detail-section {
    grid-template-columns:1fr;
    padding-block:32px;
    gap:24px;
  }
  body.product-page.brand-identity.type-system .product-detail-section .product-best-for { margin-top:16px; }
  body.product-page.brand-identity.type-system .product-detail-section .needs > li { padding-block:16px; }
  body.product-page.brand-identity.type-system .product-detail-section .dose-table th { width:61%; }
  body.product-page.brand-identity.type-system .product-detail-section .dose-table thead th:last-child { width:39%; }
  body.product-page.brand-identity.type-system .product-detail-section .dose-table th:first-child { padding-right:16px; }
  body.product-page.brand-identity.type-system .product-detail-section .application-guide { gap:28px; }
  body.product-page.brand-identity.type-system .product-detail-section .application-guide > li {
    grid-template-columns:88px minmax(0,1fr);
    gap:16px;
  }
}
@media(max-width:360px) {
  body.product-page.brand-identity.type-system .product-detail-section .application-guide > li { grid-template-columns:1fr; }
  body.product-page.brand-identity.type-system .product-detail-section .application-art { max-width:140px; }
}