/* FangDeck Kajak Frontend Renderer v0.1.0 */

.fd-product-page .fd-entry-content > .fdkfr-product-hero,
.fd-product-page .fd-entry-content > .fdkfr-product-details {
    max-width: 1040px;
}

.fdkfr-product-hero {
    margin-top: 0;
    margin-bottom: 2rem;
}

.fdkfr-product-hero .fd-product-card__top {
    border-bottom: 0;
}

.fdkfr-product-hero .fd-product-card__media {
    min-height: 320px;
}

.fdkfr-product-hero .fd-product-card__intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fdkfr-role-badge {
    background: #102a32 !important;
    color: #fff !important;
}

.fdkfr-key-facts .fd-fact dd {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.fdkfr-fact-note {
    display: block;
    margin-top: 4px;
    max-width: 36ch;
    color: #6c7b7d;
    font-size: .7rem;
    line-height: 1.35;
    font-weight: 500;
}

.fdkfr-product-details {
    margin-top: 2.4rem !important;
    margin-bottom: 0;
}

.fdkfr-product-details .fd-product-section:first-child {
    border-top: 0;
}

.fdkfr-product-details .fd-product-section > .fd-section-heading h4 {
    font-size: 1.18rem;
}

.fdkfr-transport-note {
    margin: 18px 0 0 !important;
    padding: 13px 15px;
    border-left: 3px solid var(--fd-accent);
    border-radius: 0 9px 9px 0;
    background: #f4f8f7;
    color: #43575a;
    font-size: .88rem;
    line-height: 1.55;
}

/* Der native Gutenberg-Inhalt wird bewusst zum redaktionellen Hauptteil. */
.fd-product-page .fd-entry-content > .fdkfr-product-hero ~ p,
.fd-product-page .fd-entry-content > .fdkfr-product-hero ~ h2,
.fd-product-page .fd-entry-content > .fdkfr-product-hero ~ h3,
.fd-product-page .fd-entry-content > .fdkfr-product-hero ~ ul,
.fd-product-page .fd-entry-content > .fdkfr-product-hero ~ ol,
.fd-product-page .fd-entry-content > .fdkfr-product-hero ~ blockquote,
.fd-product-page .fd-entry-content > .fdkfr-product-hero ~ figure,
.fd-product-page .fd-entry-content > .fdkfr-product-hero ~ .wp-block-columns,
.fd-product-page .fd-entry-content > .fdkfr-product-hero ~ .wp-block-group {
    position: relative;
}

@media (max-width: 720px) {
    .fdkfr-product-hero .fd-product-card__media {
        min-height: 230px;
    }

    .fdkfr-fact-note {
        max-width: none;
    }

    .fdkfr-product-details {
        margin-top: 1.7rem !important;
    }
}