.section-product-news {
    width: calc(100% - 48px);
    max-width: 1200px;
    margin: 0 auto;
    color: #333;
}
.section-product-news__banner {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 24px;
    min-height: 96px;
    box-sizing: border-box;
    padding: 18px 24px;
    border-radius: 12px;
    background-color: #e0f2f1;
    background-image: var(--product-news-mobile, linear-gradient(110deg, #e0f2f1, #b2dfdb));
    background-position: right center;
    background-size: cover;
    color: #006068;
    cursor: pointer;
    list-style: none;
}
.section-product-news__banner::-webkit-details-marker { display: none; }
.section-product-news__banner::marker { content: ''; }
.section-product-news__banner:hover { background-color: #d0eae8; }
.section-product-news__banner:focus-visible { outline: 3px solid #006068; outline-offset: 4px; }
.section-product-news__pictogram { padding-right: 20px; border-right: 1px solid #7abbb9; }
.section-product-news__pictogram svg { display: block; width: 100%; height: auto; }
.section-product-news__copy { min-width: 0; overflow-wrap: anywhere; }
.section-product-news__title { display: block; font-size: 1.1rem; font-weight: 600; line-height: 1.4; }
.section-product-news__teaser { display: block; margin-top: 5px; font-size: 1rem; line-height: 1.5; color: #354f52; }
.section-product-news__arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .2s;
}
.section-product-news[open] > .section-product-news__banner .section-product-news__arrow { transform: rotate(225deg); }
.section-product-news__content {
    box-sizing: border-box;
    margin-top: 8px;
    padding: 24px;
    border: 1px solid #d5e6e5;
    border-radius: 12px;
    background-color: #f7fbfa;
    overflow-wrap: anywhere;
}
.section-product-news__content > :first-child { margin-top: 0; }
.section-product-news__content > :last-child { margin-bottom: 0; }
.section-product-news__content img { max-width: 100%; height: auto; }
@media (min-width: 768px) {
    .section-product-news__banner { background-image: var(--product-news-tablet, linear-gradient(110deg, #e0f2f1, #b2dfdb)); }
}
@media (min-width: 1200px) {
    .section-product-news__banner { background-image: var(--product-news-desktop, linear-gradient(110deg, #e0f2f1, #b2dfdb)); }
}
@media (max-width: 767px) {
    .section-product-news { width: calc(100% - 32px); }
    .section-product-news__banner { grid-template-columns: 76px minmax(0, 1fr) 16px; gap: 12px; padding: 16px; }
    .section-product-news__pictogram { padding-right: 10px; }
    .section-product-news__content { padding: 20px 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .section-product-news__arrow { transition: none; }
}