/* Product information cards: a quiet blue/gold treatment for technical copy. */
.product-tab-content .table-note {
    margin-top: 40px;
    margin-bottom: 40px;
}
.product-tab-content .table-note + .product-details-blocks {
    padding-top: 0;
}
/* Keep this series' two consecutive notes together as a compact group. */
#series-hydrogen .spec-table { margin-bottom: 20px; }
#series-hydrogen .table-note { margin-top: 0; margin-bottom: 12px; }
#series-hydrogen .table-note:last-child { margin-bottom: 20px; }
.product-details-blocks {
    gap: 18px;
    padding: 30px 0 42px;
}
.product-details-blocks .detail-block {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: start;
    gap: 28px;
    padding: 28px 32px;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: linear-gradient(110deg, rgba(72, 137, 198, .055), transparent 45%), var(--surface-bg);
    box-shadow: 0 6px 22px rgba(26, 57, 88, .045);
}
.product-details-blocks .block-heading {
    position: relative;
    align-self: center;
    justify-self: center;
    text-align: center;
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 0 0 13px;
    border-radius: 0;
    background: transparent;
    color: var(--text-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .04em;
}
.product-details-blocks .block-heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, #cba34a, #e8cc83);
}
.product-details-blocks .block-content {
    min-width: 0;
    padding-left: 28px;
    border-left: 1px solid var(--border-color);
    line-height: 1.95;
    text-align: start;
    overflow-wrap: anywhere;
}
.product-details-blocks .block-content p + p { margin-top: 10px; }
@media (max-width: 768px) {
    .product-details-blocks { gap: 14px; padding: 20px 0 30px; }
    .product-details-blocks .detail-block { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 22px 20px; }
    .product-details-blocks .block-content { padding-left: 0; border-left: 0; }
}