/* Progressive enhancement: links and service information remain available without JS. */
.shop-benefits .shop-benefits-toggle { display: none; }
@media (max-width: 900px) {
    .site-header .merchandising-navigation.header-menu-ready:not(.is-open) { display: none; }
    .shop-benefits.benefits-ready .shop-benefits-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 44px;
        padding: 8px 0;
        border: 0;
        background: transparent;
        color: #233a65;
        font: inherit;
        font-size: 13px;
        font-weight: 600;
        text-align: left;
        cursor: pointer;
    }
    .shop-benefits-toggle::after {
        content: '';
        width: 8px;
        height: 8px;
        margin-right: 4px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
        flex: 0 0 auto;
    }
    .shop-benefits-toggle[aria-expanded='true']::after { transform: rotate(225deg); }
    .shop-benefits-toggle:focus-visible { outline: 2px solid #ab2926; outline-offset: 2px; }
    .shop-benefits.benefits-ready:not(.benefits-expanded) .shop-benefits-grid { display: none; }
    .shop-benefits.benefits-ready .shop-benefits-grid { grid-template-columns: 1fr; gap: 12px; padding-bottom: 16px; }
    .shop-benefits.benefits-ready .shop-benefits-grid > span { justify-content: flex-start; align-items: center; gap: 12px; }
    .shop-benefits.benefits-ready .shop-benefits-grid strong { font-size: 13px; }
    .shop-benefits.benefits-ready .shop-benefits-grid small { font-size: 12px; }
    .shop-benefits.benefits-ready .shop-benefits-grid b { width: 24px; text-align: center; }
    .site-header .merchandising-navigation.is-open .merchandising-navigation-inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .site-header .merchandising-navigation.is-open a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 10px 14px;
        font-size: 14px;
        text-align: left;
        border-bottom: 1px solid #ffffff38;
        overflow-wrap: anywhere;
    }
}