/* ============================================================================
   DIY Off Road — Product Detail Page (PDP)
   Applies the engineering-blueprint design system to the content below the
   buy-box. Tokens + base components live in design-system.css.
   Loaded on catalog_product_view via Jadog_StructuredData layout.
   ========================================================================== */

/* The unfolded "detailed info" sections (Details, More Information) ---------- */
.diy-detailed { margin-top: var(--diy-space-6); }

/* The description/attribute blocks render their own inner label; the section
   already shows it as the // heading, so suppress the duplicate. */
.diy-detailed__body .product.attribute > .type { display: none; }
.diy-detailed__body .additional-attributes-wrapper .table-caption,
.diy-detailed__body table.additional-attributes ~ * .table-caption,
.diy-detailed__body .table-caption {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;  /* a11y-only */
}

.diy-detailed__body { color: var(--diy-text); }
.diy-detailed__body .value,
.diy-detailed__body .product.attribute.description {
    font-size: 15px; line-height: 1.7; color: var(--diy-text);
}
.diy-detailed__body .product.attribute.description p { margin: 0 0 1em; }
.diy-detailed__body a { color: var(--diy-brand); }
.diy-detailed__body a:hover { color: var(--diy-brand-deep); }

/* "More Information" attributes table -> blueprint datalist look ------------- */
.diy-detailed__body table.additional-attributes {
    width: 100%; border-collapse: collapse; margin: 0;
}
.diy-detailed__body table.additional-attributes th,
.diy-detailed__body table.additional-attributes td {
    text-align: left; padding: 11px 4px; font-size: 14px; line-height: 1.4;
    vertical-align: top; border-bottom: 1px solid var(--diy-hair); background: none;
}
.diy-detailed__body table.additional-attributes th {
    width: 38%; font-family: var(--diy-font-mono); font-weight: 400;
    font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase;
    color: var(--diy-muted); white-space: nowrap; padding-top: 13px;
}
.diy-detailed__body table.additional-attributes td { color: var(--diy-text); font-weight: 600; }
.diy-detailed__body table.additional-attributes tr:last-child th,
.diy-detailed__body table.additional-attributes tr:last-child td { border-bottom: 0; }

/* Section rhythm: even spacing for every stacked content block on the PDP ---- */
.jadog-specs,
.jadog-faq,
.jadog-related-carousel { margin-top: var(--diy-section-gap); }

@media (max-width: 768px) {
    .diy-detailed { margin-top: var(--diy-space-5); }
}