.bamped-product-intro {
    box-sizing: border-box;
    width: 100%;
    margin: 48px 0 0;
    padding: 56px 56px 44px;
    border: 1px solid currentColor;
    background: transparent;
    color: inherit;
}

.bamped-product-intro__designer {
    margin: 0 0 18px;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    word-spacing: 2px;
    text-transform: none;
}

/* Hohe Spezifität und !important verhindern, dass Woodmart die H2-Größe wieder verkleinert. */
.woocommerce div.product .bamped-product-intro h2.bamped-product-intro__headline,
.single-product .bamped-product-intro h2.bamped-product-intro__headline,
.bamped-product-intro h2.bamped-product-intro__headline {
    margin: 0 0 26px;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: clamp(82px, 5.6vw, 108px) !important;
    font-weight: 500;
    line-height: .92;
    letter-spacing: 0;
    word-spacing: 2px;
    text-transform: uppercase;
}

.bamped-product-intro__lead {
    margin: 0 0 28px;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: clamp(22px, 1.55vw, 28px);
    font-weight: 500;
    line-height: 1.3;
}

.bamped-product-intro__lead > :first-child,
.bamped-product-intro__details > :first-child {
    margin-top: 0;
}

.bamped-product-intro__lead > :last-child,
.bamped-product-intro__details > :last-child {
    margin-bottom: 0;
}

.bamped-product-intro__details {
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    word-spacing: 2px;
}

.bamped-product-intro__detail {
    margin: 0 0 14px;
}

.bamped-product-intro__detail strong {
    font-weight: 600;
}

.bamped-product-intro__claim {
    margin: 34px 0 0;
    font-family: Manrope, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
    word-spacing: 2px;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .bamped-product-intro {
        margin-top: 36px;
        padding: 42px 42px 34px;
    }

    .woocommerce div.product .bamped-product-intro h2.bamped-product-intro__headline,
    .single-product .bamped-product-intro h2.bamped-product-intro__headline,
    .bamped-product-intro h2.bamped-product-intro__headline {
        font-size: clamp(62px, 7.2vw, 78px) !important;
        line-height: .94;
    }
}

@media (max-width: 767px) {
    .bamped-product-intro {
        margin-top: 28px;
        padding: 22px;
    }

    .bamped-product-intro__designer {
        margin-bottom: 14px;
        font-size: 15px;
    }

    .woocommerce div.product .bamped-product-intro h2.bamped-product-intro__headline,
    .single-product .bamped-product-intro h2.bamped-product-intro__headline,
    .bamped-product-intro h2.bamped-product-intro__headline {
        margin-bottom: 20px;
        /* Smartphone: näher an der bewährten BAMPED-Originalblock-Typografie;
           lange Wörter bleiben innerhalb des Rahmens und die Headline dominiert
           den Lead weiterhin klar, ohne den gesamten Viewport zu übernehmen. */
        font-size: clamp(44px, 12.2vw, 52px) !important;
        line-height: .96;
        /* Lange Wörter auf schmalen Displays sauber innerhalb des Intro-Rahmens halten.
           Browser dürfen nach Sprachregeln trennen; overflow-wrap ist nur der Fallback. */
        max-width: 100%;
        word-break: normal;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .bamped-product-intro__lead {
        margin-bottom: 24px;
        font-size: 19px;
        line-height: 1.38;
    }

    .bamped-product-intro__details,
    .bamped-product-intro__claim {
        font-size: 15px;
        line-height: 1.5;
    }

    .bamped-product-intro__claim {
        margin-top: 30px;
    }
}