/* Produktseite — Hero, Produkt-Detailsektionen und Abschluss-CTA */

/* Hero mit Hintergrundbild: dunkle Ersatzfarbe, solange das Bild lädt —
   und solider dunkler Grund, damit die weiße Header-Navigation
   sichtbar bleibt (wie auf allen anderen Seiten). */

.products-header {
    background-color: #010101;
}

.products-kicker {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 1rem;
    color: #76b82a;
    margin-bottom: 0.5rem;
}

.products-img {
    width: 100%;
}

.products-usps {
    list-style: none;
    padding: 0;
    margin: 1.25rem 0 0;
    font-size: 1.05rem;
    line-height: 1.6em;
}

.products-usps li {
    margin-bottom: 0.6rem;
}

.products-usps li i {
    color: #76b82a;
    margin-right: 0.5rem;
}

.products-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.5rem;
}

.products-cta-btn {
    font-size: 1.15rem;
    padding: 0.6rem 1.5rem;
}

.products-cta-btn i:first-child {
    margin-right: 0.4rem;
}

.products-cta-btn i:last-child {
    margin-left: 0.4rem;
}