.product-group-banner {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
    margin: 24px 0 8px;
    padding: 22px 28px;
    border: 1px solid #ccebea;
    border-radius: 20px;
    background: linear-gradient(110deg, #f4fcfc, #effafa 55%, #f8fdfd);
    text-align: left;
}
#main-body .product-group-banner__image, .product-group-banner__image { flex: 0 0 auto; padding-right: 26px; border-right: 1px solid #acd7d6; }
.product-group-banner__image img { display: block; width: 56px; height: 56px; object-fit: contain; }
.product-group-banner__content { flex: 1; min-width: 0; }
.product-group-banner__heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
#main-body .product-group-banner h3, .product-group-banner h3 { margin: 0; font-size: 20px; line-height: 28px; font-weight: 700; color: #087878; }
#main-body .product-group-banner p, .product-group-banner p { margin: 2px 0 0; font-size: 16px; line-height: 24px; color: #546b83; overflow-wrap: anywhere; }
.product-group-banner__badge { flex: 0 0 auto; padding: 3px 13px; border-radius: 20px; background: #00a69d; color: #fff; font-size: 13px; line-height: 20px; font-weight: 700; }
#order-pure_comparison .product-group-banner__link, .product-group-banner__link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; flex: 0 0 auto; max-width: 100%; padding: 12px 16px; border: 1px solid transparent; border-radius: 24px; background: #e6f7f5; color: #008d88; font-size: 14px; line-height: 20px; text-decoration: none; }
#order-pure_comparison .product-group-banner__link:hover, .product-group-banner__link:hover { background: #d4efec; color: #006d69; text-decoration: none; }
#order-pure_comparison .product-group-banner__link:focus-visible, .product-group-banner__link:focus-visible { outline: 2px solid #087878; outline-offset: 3px; }
.product-group-banner--highlight { gap: 18px; padding: 12px 16px; border-radius: 13px; }
#main-body .product-group-banner--highlight .product-group-banner__image, .product-group-banner--highlight .product-group-banner__image { padding: 9px; border: 0; border-radius: 13px; background: #def5f3; }
.product-group-banner--highlight .product-group-banner__image img { width: 44px; height: 44px; }
#main-body .product-group-banner--highlight h3, .product-group-banner--highlight h3 { font-size: 18px; line-height: 26px; color: #17243d; }
@media (max-width: 1199px) {
    .product-group-banner { flex-wrap: wrap; }
    .product-group-banner__link { margin-left: auto; }
}
@media (max-width: 575px) {
    .product-group-banner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 18px 16px; border-radius: 14px; }
    .product-group-banner:has(.product-group-banner__image) { grid-template-columns: 44px minmax(0, 1fr); }
    .product-group-banner__content { display: contents; }
    .product-group-banner__heading { grid-column: -2 / -1; }
    #main-body .product-group-banner__image, .product-group-banner__image { grid-column: 1; grid-row: 1; align-self: center; padding: 0; border: 0; }
    #main-body .product-group-banner--highlight .product-group-banner__image, .product-group-banner--highlight .product-group-banner__image { padding: 4px; }
    .product-group-banner--highlight .product-group-banner__image img { width: 36px; height: 36px; }
    .product-group-banner__image img { width: 38px; height: 38px; }
    #main-body .product-group-banner h3, .product-group-banner h3 { font-size: 16px; line-height: 22px; }
    #main-body .product-group-banner p, .product-group-banner p { grid-column: 1 / -1; font-size: 14px; line-height: 21px; }
    .product-group-banner__link { grid-column: 1 / -1; width: 100%; margin-left: 0; }
}