/* ============================================================
   PRODUCT DETAIL — Uqesh (materials). 1:1 with YpOAp. Fluid / rem. Light.
   ============================================================ */

/* Detail hero */
.mpd-hero{ padding-block:4rem; }
.mpd-crumb-top{ margin-bottom:2rem; }
.mpd-hero-row{ display:flex; align-items:center; gap:4rem; }
.mpd-intro{ flex:1 1 0; display:flex; flex-direction:column; gap:1.125rem; }
.mpd-crumb{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.1em; color:var(--text-secondary); margin:0; }
.mpd-titleblock{ display:flex; flex-direction:column; gap:0.625rem; }
.mpd-cat{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.12em; color:var(--text-secondary); }
.mpd-title{ font-family:var(--font-display); font-weight:800; font-size:2.875rem; letter-spacing:-.011em; line-height:1.05; color:var(--text-primary); margin:0; }
.mpd-desc{ font-size:0.9375rem; line-height:1.55; color:var(--text-secondary); margin:0; }
.mpd-meta{ display:flex; flex-wrap:wrap; gap:1.5rem; font-family:var(--font-display); font-weight:600; font-size:0.719rem; letter-spacing:.04em; color:var(--text-secondary); }
.mpd-ctas{ display:flex; flex-wrap:wrap; gap:0.875rem; margin-top:0.25rem; }
.mpd-hero-img{ flex:0 0 37.5rem; height:31.25rem; background-size:cover; background-position:center; }

/* Key stats */
.mpd-stats{ display:flex; align-items:center; gap:2.75rem; padding-block:2.5rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.mpd-stat{ flex:1 1 0; display:flex; flex-direction:column; gap:0.375rem; }
.mpd-stat-v{ font-family:var(--font-display); font-weight:800; font-size:1.875rem; letter-spacing:-.01em; color:var(--text-primary); }
.mpd-stat-l{ font-family:var(--font-display); font-weight:700; font-size:0.688rem; letter-spacing:.09em; color:var(--text-secondary); }
.mpd-stat-sep{ flex:none; align-self:center; width:1px; height:3.375rem; background:var(--line); }

/* Finishes */
.mpd-finishes{ display:flex; flex-direction:column; gap:1.375rem; padding-block:3.75rem 4rem; }
.mpd-h2{ font-family:var(--font-display); font-weight:800; font-size:1.375rem; color:var(--text-primary); margin:0; }
.mpd-fin-row{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.125rem; }
.mpd-fin{ display:flex; flex-direction:column; gap:0.75rem; }
.mpd-fin-img{ display:block; height:18.75rem; background-size:cover; background-position:center; border-radius:0.25rem; }
.mpd-fin-txt{ display:flex; flex-direction:column; gap:0.3125rem; }
.mpd-fin-n{ font-family:var(--font-display); font-weight:800; font-size:1.0625rem; color:var(--text-primary); }
.mpd-fin-m{ font-family:var(--font-display); font-weight:600; font-size:0.719rem; letter-spacing:.04em; color:var(--text-secondary); }

/* Performance */
.mpd-perf{ background:var(--surface); }
.mpd-perf .wrap{ display:flex; flex-direction:column; gap:2.125rem; padding-block:3.5rem; }
.mpd-perf-top{ display:flex; gap:4rem; align-items:flex-start; }
.mpd-perf-lead{ flex:0 0 21.25rem; display:flex; flex-direction:column; gap:0.875rem; }
.mpd-perf-p{ font-size:0.875rem; line-height:1.55; color:var(--text-secondary); margin:0; }
.mpd-cert{ display:inline-flex; align-items:center; gap:0.5rem; font-family:var(--font-display); font-weight:700; font-size:0.781rem; color:var(--text-primary); }
.mpd-cert i{ width:1rem; height:1rem; }
.mpd-ben-grid{ flex:1 1 0; display:grid; grid-template-columns:repeat(2,1fr); column-gap:2.75rem; row-gap:1.5rem; }
.mpd-ben{ display:flex; gap:0.875rem; align-items:flex-start; }
.mpd-ben-ic{ flex:none; width:2.125rem; height:2.125rem; color:var(--text-primary); }
.mpd-ben-tc{ display:flex; flex-direction:column; gap:0.3125rem; }
.mpd-ben-h{ font-family:var(--font-display); font-weight:800; font-size:0.9375rem; color:var(--text-primary); }
.mpd-ben-d{ font-size:0.813rem; line-height:1.5; color:var(--text-secondary); }
.mpd-hr{ display:block; height:1px; background:var(--line); }
.mpd-cure{ display:flex; flex-direction:column; gap:0.875rem; }
.mpd-cure-t{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.12em; color:var(--text-secondary); }
.mpd-cure-steps{ display:flex; align-items:center; justify-content:space-between; gap:0.5rem; }
.mpd-cure-step{ display:flex; flex-direction:column; gap:0.1875rem; }
.mpd-cure-v{ font-family:var(--font-display); font-weight:800; font-size:1.25rem; color:var(--text-primary); }
.mpd-cure-l{ font-family:var(--font-display); font-weight:700; font-size:0.656rem; letter-spacing:.09em; color:var(--text-secondary); }
.mpd-cure-arrow{ flex:none; width:1rem; height:1rem; color:var(--text-secondary); }

/* Technical data */
.mpd-tech{ display:flex; flex-direction:column; gap:1.25rem; padding-block:4rem 3.5rem; }
.mpd-hdr{ display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.mpd-hdr-l{ font-family:var(--font-display); font-weight:700; font-size:0.781rem; letter-spacing:.03em; color:var(--text-primary); white-space:nowrap; }
.mpd-hdr-l:hover{ color:var(--brand); }
.mpd-table{ display:flex; flex-direction:column; }
.mpd-trow{ display:flex; gap:1rem; align-items:baseline; padding-block:0.8125rem; border-bottom:1px solid var(--line); }
.mpd-thead{ border-bottom:1.5px solid var(--text-primary); }
.mpd-thead .mpd-c1, .mpd-thead .mpd-c2, .mpd-thead .mpd-c3{ font-family:var(--font-display); font-weight:700; font-size:0.688rem; letter-spacing:.09em; color:var(--text-secondary); }
.mpd-c1{ flex:1 1 0; font-size:0.844rem; color:var(--text-secondary); }
.mpd-c2, .mpd-c3{ flex:0 0 15.625rem; font-size:0.844rem; color:var(--text-primary); }
.mpd-note{ font-size:0.719rem; font-style:italic; line-height:1.5; color:var(--text-secondary); margin:0; }

/* Where it performs */
.mpd-where{ display:flex; gap:4.5rem; align-items:flex-start; padding-block:3.5rem; }
.mpd-where-lead{ flex:0 0 21.25rem; display:flex; flex-direction:column; gap:0.75rem; }
.mpd-where-p{ font-size:0.844rem; line-height:1.55; color:var(--text-secondary); margin:0; }
.mpd-where-cols{ flex:1 1 0; display:flex; gap:3.5rem; }
.mpd-where-col{ flex:1 1 0; display:flex; flex-direction:column; }
.mpd-where-item{ padding-block:0.75rem; border-bottom:1px solid var(--line); font-size:0.875rem; color:var(--text-primary); }
.mpd-where-col .mpd-where-item:last-child{ border-bottom:0; }

/* Related */
.mpd-related{ display:flex; flex-direction:column; gap:0.875rem; padding-block:0.5rem 3.5rem; }
.mpd-related-t{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.12em; color:var(--text-secondary); }
.mpd-related-row{ display:flex; flex-wrap:wrap; gap:2.75rem; }
.mpd-related-l{ font-family:var(--font-display); font-weight:700; font-size:0.9375rem; color:var(--text-primary); }
.mpd-related-l:hover{ color:var(--brand); }

/* CTA */
.mpd-cta{ display:flex; flex-direction:column; align-items:center; gap:1.125rem; background:#E0E2DD; padding:4rem 3rem; text-align:center; }
.mpd-cta-eyebrow{ font-family:var(--font-display); font-weight:700; font-size:0.75rem; letter-spacing:.1em; color:var(--text-secondary); margin:0; }
.mpd-cta-h{ font-family:var(--font-display); font-weight:800; font-size:1.875rem; color:var(--text-primary); max-width:40rem; margin:0; }
.mpd-cta-btn{ margin-top:0.5rem; }

/* Responsive */
@media (max-width:1000px){
  .mpd-hero-row{ flex-direction:column; align-items:stretch; gap:2.5rem; }
  .mpd-hero-img{ flex-basis:auto; height:22rem; }
  .mpd-title{ font-size:2.25rem; }
  .mpd-perf-top{ flex-direction:column; gap:2rem; }
  .mpd-perf-lead{ flex-basis:auto; }
  .mpd-ben-grid{ grid-template-columns:1fr; }
  .mpd-where{ flex-direction:column; gap:2rem; }
  .mpd-where-lead{ flex-basis:auto; }
  .mpd-cure-steps{ flex-wrap:wrap; gap:1rem 0.5rem; }
}
@media (max-width:700px){
  .mpd-stats{ flex-wrap:wrap; gap:1.5rem; }
  .mpd-stat-sep{ display:none; }
  .mpd-stat{ flex:1 1 40%; }
  .mpd-fin-row{ grid-template-columns:1fr; }
  .mpd-where-cols{ flex-direction:column; gap:0; }
  .mpd-c2, .mpd-c3{ flex-basis:6rem; }
}