@media screen {
    /* Let the last controls scroll clear of the fixed card. */
    body.has-cart-informer { padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)); }
}

.cart-informer {
    position: fixed;
    right: calc(20px + env(safe-area-inset-right, 0px));
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    width: 156px;
    min-height: 68px;
    padding: 10px 14px;
    border: 1px solid #c9e2e5;
    border-radius: 12px;
    background: #fff;
    color: #117d8e;
    box-shadow: 0 4px 18px rgba(38, 50, 56, .14);
    font-family: "Segoe UI", Arial, sans-serif;
    text-decoration: none;
}
.cart-informer:hover { background: #eef7f8; border-color: #117d8e; }
.cart-informer:focus-visible { outline: 3px solid #117d8e; outline-offset: 3px; }
.cart-informer-icon { flex: 0 0 24px; }
.cart-informer-summary { display: grid; gap: 2px; min-width: 0; }
.cart-informer-count { font-size: 26px; font-weight: 700; line-height: 1; overflow-wrap: anywhere; }
.cart-informer-caption { font-size: 11px; line-height: 1.3; color: #52616b; }

/* Keep desktop actions outside the card's side gutter. */
@media screen and (min-width: 901px) {
    body.has-cart-informer { padding-right: calc(196px + env(safe-area-inset-right, 0px)); }
}
@media screen and (max-width: 600px) {
    body.has-cart-informer { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
    .cart-informer {
        right: calc(10px + env(safe-area-inset-right, 0px));
        bottom: calc(10px + env(safe-area-inset-bottom, 0px));
        width: 140px;
        min-height: 58px;
        padding: 8px 10px;
        border-radius: 10px;
    }
    .cart-informer-count { font-size: 24px; }
}
@media print { .cart-informer { display: none !important; } }