.cart-reminder { position: fixed; right: 16px; bottom: 16px; z-index: 1010; display: flex; align-items: center; gap: 12px; width: 286px; padding: 10px 12px; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 14px; background: #fff; color: #333; box-shadow: 0 3px 16px rgba(0,0,0,.12); font-family: CenturyGothic, sans-serif; }
.cart-reminder[hidden] { display: none !important; }
.cart-reminder-summary { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; color: #333; text-decoration: none; }
.cart-reminder-icon { position: relative; display: block; flex-shrink: 0; font-size: 25px; width: 31px; line-height: 36px; }
.cart-reminder-badge { position: absolute; right: -5px; top: -4px; display: block; min-width: 19px; padding: 0 4px; border-radius: 12px; background: #f0ab46; color: #fff; font-size: 11px; line-height: 19px; text-align: center; }
.cart-reminder-count { display: block; color: #555; font-size: 11px; line-height: 1.3; }
.cart-reminder-total { display: block; color: #df5146; font-size: 17px; font-weight: normal; line-height: 1.3; white-space: nowrap; }
.cart-reminder-open { display: flex; align-items: center; justify-content: center; min-width: 88px; min-height: 44px; padding: 7px 12px; border-radius: 24px; background: #f0ab46; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 1.2; }
.cart-reminder-open:hover, .cart-reminder-open:focus { color: #fff; background: #e79a2e; }
.cart-reminder a:focus-visible { outline: 2px solid #386db8; outline-offset: 2px; }
@media (max-width: 767px) {
    body.has-cart-reminder { padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)); }
    .cart-reminder { width: 100%; right: 0; bottom: 0; margin: 0; padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px)); border: 0; border-top: 1px solid #e5e5e5; border-radius: 0; gap: 10px; }
    .has-cart-reminder #scrollUp { bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
}