/* ── Попап «Товар додано в кошик» ───────────────────────────────────────── */
.cart-popup { position: fixed; inset: 0; width: min(440px, calc(100vw - 2 * var(--space-4))); max-width: none; margin: auto; padding: var(--space-6) var(--space-6) var(--space-6); color: var(--color-text); text-align: center; background: var(--color-bg); border: 0; border-radius: var(--radius-lg); box-shadow: 0 24px 60px rgba(20, 18, 15, .25); }
.cart-popup:not([open]) { display: none; }
.cart-popup::backdrop { background: var(--color-overlay); }

.cart-popup__close { position: absolute; top: var(--space-4); right: var(--space-4); display: grid; place-items: center; width: 36px; height: 36px; padding: 0; color: var(--color-text); background: none; border: 0; border-radius: 50%; cursor: pointer; transition: color var(--transition), background-color var(--transition); }
.cart-popup__close:hover { color: var(--color-on-primary); background: var(--color-primary-hover); }
.cart-popup__close:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 1px; }
.cart-popup:focus { outline: 0; }

.cart-popup__title { padding-right: var(--space-7); padding-left: var(--space-7); font-size: var(--fs-h3); font-weight: var(--fw-regular); line-height: 1.2; letter-spacing: var(--ls-heading); color: var(--color-heading); }
.cart-popup__summary { margin-top: var(--space-4); font-size: var(--fs-base); }
.cart-popup__summary strong { font-weight: var(--fw-medium); color: var(--color-heading); }
.cart-popup__actions { display: grid; gap: var(--space-3); margin-top: var(--space-6); }

@media (max-width: 767px) {
    .cart-popup { padding: var(--space-5); }
    .cart-popup__title { padding-inline: var(--space-6); }
}