#bgwall { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px) }
#cartAddedModal { display: block; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100000; width: min(420px, 92vw); max-height: 86vh; overflow: auto; border-radius: 14px; padding: 0; border: 0; box-shadow: 0 16px 48px rgba(0,0,0,0.22), 0 0 0 1px rgba(0,0,0,0.04); background: #fff; color: #333; text-align: left; box-sizing: border-box }
#cartAddedModal .closeModals { display: block; position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; background: rgba(0,0,0,0.05); color: #666; z-index: 2; cursor: pointer; transition: background 0.15s ease }
#cartAddedModal .closeModals:hover { background: rgba(0,0,0,0.1); color: var(--cc-bx-ink) }
#cartAddedModal .cm-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid rgba(0,0,0,0.06); background: linear-gradient(180deg, #f9faf9, #fff) }
#cartAddedModal .cm-head-icon { width: 32px; height: 32px; border-radius: 50%; background: #e8f3e8; color: #4a9a4a; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 14px }
#cartAddedModal .cm-head-text { flex: 1; min-width: 0; line-height: 1.25 }
#cartAddedModal .cm-head-title { display: block; font-size: 14px; font-weight: 600; color: var(--cc-bx-ink) }
#cartAddedModal .cm-head-sub { display: block; font-size: 11px; color: #888; margin-top: 2px }
#cartAddedModal .cm-body { padding: 12px 14px 10px 14px }
#cartAddedModal .cm-card { display: flex; gap: 10px; align-items: flex-start; padding: 10px; background: #fafafa; border-radius: 10px; border: 1px solid rgba(0,0,0,0.05) }
#cartAddedModal .cm-thumb { width: 64px; height: 64px; flex-shrink: 0; border-radius: 8px; border: 1px solid rgba(0,0,0,0.06); background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative }
#cartAddedModal .cm-thumb img { max-width: 90%; max-height: 90%; object-fit: contain; display: block }
#cartAddedModal .cm-thumb-ph { font-size: 22px; color: #ccc }
#cartAddedModal .cm-qty-badge { position: absolute; right: -4px; bottom: -4px; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 11px; background: var(--cc-bx-accent); color: #fff; font-size: 10px; font-weight: 700; line-height: 22px; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,0.2) }
#cartAddedModal .cm-info { flex: 1; min-width: 0 }
#cartAddedModal .cm-brand { font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #7d7e80; margin-bottom: 2px }
#cartAddedModal .cm-name { font-size: 12px; line-height: 1.35; color: #333; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500 }
#cartAddedModal .cm-loading { font-size: 12px; color: #888; padding: 8px 0 }
#cartAddedModal .cm-stats { display: flex; flex-wrap: wrap; gap: 4px 8px }
#cartAddedModal .cm-stat { flex: 1 1 calc(50% - 4px); min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 6px; font-size: 11px; padding: 4px 6px; background: #fff; border-radius: 6px; border: 1px solid rgba(0,0,0,0.04) }
#cartAddedModal .cm-stat-wide { flex: 1 1 100% }
#cartAddedModal .cm-stat span { color: #999; white-space: nowrap }
#cartAddedModal .cm-stat b { color: var(--cc-bx-ink); font-weight: 600; text-align: right }
#cartAddedModal .cm-stat .pret .euro { font-size: 12px; font-weight: 600; display: inline }
#cartAddedModal .cm-stat .pret .lei { font-size: 10px; color: #666; display: inline; margin-left: 3px }
#cartAddedModal .cm-total-bar { margin-top: 10px; padding: 9px 11px; background: var(--cc-bx-accent); border-radius: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff }
#cartAddedModal .cm-total-label { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.85; display: inline-flex; align-items: center; gap: 6px }
#cartAddedModal .cm-total-label .fa { font-size: 12px; float: none !important; display: inline-block !important; position: static !important; width: auto !important; height: auto !important; line-height: 1 !important; margin: 0 !important; background: none !important }
#cartAddedModal .cm-total-bar strong { font-size: 16px; font-weight: 700; letter-spacing: -0.02em }
#cartAddedModal .cm-actions { display: flex; gap: 8px; padding: 0 14px 12px 14px }
#cartAddedModal .cm-btn { flex: 1; display: flex !important; align-items: center; justify-content: center; padding: 0; border-radius: 8px; font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; border: 0; cursor: pointer; line-height: 1; box-sizing: border-box; float: none !important; overflow: visible !important; background-image: none !important; min-height: 38px }
#cartAddedModal .cm-btn-inner { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; padding: 10px 12px; width: 100%; box-sizing: border-box }
#cartAddedModal .cm-btn .fa,
#cartAddedModal .cm-btn-inner .fa { float: none !important; display: inline-block !important; position: static !important; width: auto !important; height: auto !important; line-height: 1 !important; margin: 0 !important; background: none !important; font-size: 14px; flex-shrink: 0 }
#cartAddedModal .cm-btn-ghost { background: #555; color: #fff }
#cartAddedModal .cm-btn-ghost:hover { background: #333; color: #fff }
#cartAddedModal .cm-btn-primary { background: var(--cc-bx-accent); color: #fff }
#cartAddedModal .cm-btn-primary:hover { background: var(--cc-bx-accent-hover); color: #fff }
#cartAddedModal .cm-upsell { padding: 0 14px 12px 14px; border-top: 1px solid rgba(0,0,0,0.06); margin-top: 0; padding-top: 10px }
#cartAddedModal .cm-upsell-title { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: #7d7e80; margin: 0 0 8px 0 }
#cartAddedModal .cm-upsell .cc-productGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 }
#cartAddedModal .cm-upsell .cc-productCard__body { padding: 8px 10px 10px 10px }
#cartAddedModal .cm-upsell .cc-productCard__name { font-size: 11px; min-height: 0; -webkit-line-clamp: 2 }
#cartAddedModal .cm-upsell .cc-productCard__addBtn { padding: 7px 8px; font-size: 10px }
@media (max-width: 480px) {
  #cartAddedModal .cm-actions { flex-direction: column }
  #cartAddedModal .cm-stat { flex: 1 1 calc(50% - 4px) }
}