/* JLS Computers — "Added to cart" popup (matches the account-area style) */
.jls-added { position: fixed; inset: 0; z-index: 9990; pointer-events: none; }
.jls-added[hidden] { display: none; }
.jls-added__backdrop { position: absolute; inset: 0; background: rgba(21, 32, 58, .28); opacity: 0; transition: opacity .2s ease; pointer-events: auto; }
.jls-added__panel {
	position: absolute; top: 96px; right: max(16px, calc((100vw - 1240px) / 2));
	width: 380px; max-width: calc(100vw - 32px); box-sizing: border-box;
	background: #fff; border: 1px solid #E4E9F2; border-radius: 16px; padding: 18px;
	box-shadow: 0 2px 4px rgba(21,32,58,.05), 0 18px 48px rgba(21,32,58,.22);
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #3B4660;
	opacity: 0; transform: translateY(-10px) scale(.98); transition: opacity .2s ease, transform .2s ease; pointer-events: auto; outline: none;
}
.admin-bar .jls-added__panel { top: 128px; }
.jls-added.is-open .jls-added__backdrop { opacity: 1; }
.jls-added.is-open .jls-added__panel { opacity: 1; transform: none; }

.jls-added__head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.jls-added__tick { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #E5F5EC; color: #16804A; flex: 0 0 auto; }
.jls-added__title { flex: 1; font: 700 15px/1.2 var(--jls-font-heading); color: #15203A; }
.jls-added__close { appearance: none; border: 0; background: transparent; padding: 6px; margin: -6px; border-radius: 8px; color: #6B7590; cursor: pointer; line-height: 0; }
.jls-added__close:hover { background: #F6F8FC; color: #15203A; }

.jls-added__item { display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: 12px; background: #F6F8FC; border: 1px solid #EEF1F6; }
.jls-added__img { width: 64px; height: 64px; flex: 0 0 auto; border-radius: 10px; background: #fff; border: 1px solid #E4E9F2; overflow: hidden; display: grid; place-items: center; }
.jls-added__img img { width: 100%; height: 100%; object-fit: contain; padding: 4px; box-sizing: border-box; }
.jls-added__info { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.jls-added__brand { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #2C5697; }
.jls-added__name { font-size: 14px; font-weight: 600; color: #15203A; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jls-added__meta { font-size: 12px; color: #6B7590; }
.jls-added__meta strong { color: #15203A; }

.jls-added__cart { padding: 14px 2px 4px; }
.jls-added__row { display: flex; justify-content: space-between; align-items: baseline; font-size: 14px; }
.jls-added__row small { color: #6B7590; }
.jls-added__row strong { font: 700 17px/1 var(--jls-font-heading); color: #15203A; }
.jls-added__ship { margin-top: 12px; }
.jls-added__bar { display: block; height: 6px; border-radius: 6px; background: #EEF1F6; overflow: hidden; }
.jls-added__bar span { display: block; height: 100%; border-radius: 6px; background: #2C5697; transition: width .5s ease; }
.jls-added__ship.is-free .jls-added__bar span { background: #16804A; }
.jls-added__shipmsg { display: block; margin-top: 6px; font-size: 12px; color: #6B7590; }
.jls-added__shipmsg strong { color: #15203A; }
.jls-added__ship.is-free .jls-added__shipmsg strong { color: #16804A; }

.jls-added__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.jls-added__btn { display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 10px; font-size: 14px; font-weight: 600; text-decoration: none !important; box-sizing: border-box; transition: background .15s, border-color .15s, color .15s; }
.jls-added__btn--primary { background: #2C5697; color: #fff !important; }
.jls-added__btn--primary:hover { background: #234578; }
.jls-added__btn--ghost { background: #fff; color: #15203A !important; border: 1.5px solid #E4E9F2; }
.jls-added__btn--ghost:hover { border-color: #2C5697; color: #2C5697 !important; }
.jls-added__continue { appearance: none; display: block; width: 100%; margin-top: 8px; padding: 8px; border: 0; background: transparent; font: 600 13px/1.2 "Inter", sans-serif; color: #6B7590; cursor: pointer; border-radius: 8px; }
.jls-added__continue:hover { color: #2C5697; background: #F6F8FC; }

/* Woo's inline "View cart" link under card buttons is redundant now */
.products .added_to_cart.wc-forward { display: none !important; }

@media (max-width: 640px) {
	.jls-added__panel { top: auto !important; bottom: 0; right: 0; left: 0; width: 100%; max-width: none; border-radius: 18px 18px 0 0; padding: 18px 16px calc(16px + env(safe-area-inset-bottom)); transform: translateY(24px); }
	.jls-added.is-open .jls-added__panel { transform: none; }
}
@media (prefers-reduced-motion: reduce) { .jls-added__panel, .jls-added__backdrop { transition: none; } }