/*2026 additions*/

p strong.wte {
    color: white;
}

/*remove shape*/
section.banner div.slide .image:after {
    display: none;
}


/*home announcement*/

section.announcement {
    background: #069adb url(../images/bg-distributor-pattern.png);
    width: 100%;
    padding: 2em 0 2em 0;
    margin: 2em 0;
    text-align: center;
}


section.announcement .wrapper {
    max-width: 800px;
}

section.announcement h3, section.announcement p {
    color: white;
    text-align: center;
    margin: 0 0 0.4em 0;
}


section.announcement h3 {
    font-size: 2.5em;
    line-height: 1.3;
}


section.announcement p {
    margin: 0 0 1em 0;
    font-size: 1.2em;
}



section.announcement .button-wrap {
    text-align: center;
    width: 100%;
    display: block;
}


section.announcement .button-wrap a.button {
    display: inline-block;
    text-align: center;
    float: unset;
}



/* new products */


body.page-template-template-polam-rem section.distributer-cta {
    margin-top: 0;
}

section.new-products {
    background: #252326;
    margin: 2em 0 0 0;
    padding: 3em 0 2em 0;
}

section.new-products h3 {
    font-size: 2.5em;
    line-height: 1.3;
    color: white;
    text-align: center;
    margin: 0 0 0.4em 0;
}

/* Desktop spacing */
.products-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* centers last row automatically */
    gap: 2em;
    margin: 2em 0;
}

/* Desktop: 4 per row */
.product-card {
    flex: 0 1 calc(25% - 2em);
    max-width: calc(25% - 2em);
    text-align: center;
}

.product-card img {
    display: block;
    width: 100%;
    max-width: 100%;
    border-radius: 0 0 0 40px;
}

.product-card h4 {
    font-size: 1.7em;
    margin: 1em 0 0 0;
}

.product-card a {
    text-decoration: none;
    transition: 0.3s;
}

.product-card a:hover h4 {
    color: white;
    transition: 0.3s;
}

.product-card .but-wrap {
    display: block;
    width: 100%;
    text-align: center;
}

.product-card .but-wrap a.button {
    text-align: center;
    display: inline-block;
    float: unset;
    margin: 0.5em 0;
}

/* Tablet: 2 per row */
@media (max-width: 900px) {
    .products-flex {
        gap: 3em;
    }

    .product-card {
        flex: 0 1 calc(50% - 3em);
        max-width: calc(50% - 3em);
    }
}

/* Mobile: 1 per row */
@media (max-width: 600px) {
    .product-card {
        flex: 0 1 100%;
        max-width: 100%;
    }
}