.cart-added-layer { display: none; }
.cart-added-layer.shown { display: block; }

.cart-added-dimmer {
	position: fixed; inset: 0; z-index: 10800;
	background: rgba(0,0,0,.45);
	opacity: 0; transition: opacity .28s ease;
}
.cart-added-layer.active .cart-added-dimmer { opacity: 1; }

.cart-added-panel {
	position: fixed; top: 0; right: 0; z-index: 10801;
	width: 100%; max-width: 100%; height: 100%;
	background: #fff; box-shadow: -6px 0 24px rgba(0,0,0,.18);
	display: flex; flex-direction: column;
	transform: translateX(100%); transition: transform .28s ease;
	will-change: transform;
}
.cart-added-layer.active .cart-added-panel { transform: translateX(0); }

.cart-added-head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 16px 16px; border-bottom: 1px solid #eee; flex: 0 0 auto;
}
.cart-added-msg { font-size: 1rem; font-weight: 700; color: #222; }
.cart-added-close {
	border: 0; background: none; cursor: pointer; padding: 4px;
	font-size: 1.5rem; line-height: 1; color: #888;
}

.cart-added-actions { display: flex; gap: 8px; padding: 12px 16px; flex: 0 0 auto; }
.cart-added-btn {
	flex: 1; text-align: center; padding: 14px 10px; border-radius: 6px;
	font-size: .95rem; font-weight: 600; cursor: pointer;
}
.cart-added-btn.continue { background: #f2f3f5; color: #333; }
.cart-added-btn.go { background: #222; color: #fff; }

.cart-added-reco { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 4px 16px 24px; }
.cart-added-reco-title { font-size: .95rem; font-weight: 700; color: #222; margin: 12px 0 12px; }
.cart-added-loading { display: flex; justify-content: center; padding: 40px 0; }
.cart-added-empty { text-align: center; color: #999; padding: 40px 0; font-size: .9rem; }

.cart-added-reco .opt-spinner {
	display: inline-block; width: 22px; height: 22px;
	border: 3px solid #e5e5e5; border-top-color: #888; border-radius: 50%;
	animation: cartLayerSpin .6s linear infinite;
}
@keyframes cartLayerSpin { to { transform: rotate(360deg); } }

.cart-added-reco .cart-related-list { margin: 0; }
.cart-added-reco .cart-related-list ul.grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px 12px;
	margin: 0 !important; padding: 0 !important;
	list-style: none;
}
.cart-added-reco .cart-related-list ul.grid > li.item {
	display: block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cart-added-reco-ad {
	display: inline-block; margin-left: 6px; padding: 2px 6px;
	border: 1px solid #c9cfda; border-radius: 4px;
	font-size: 10px; font-weight: 700; letter-spacing: .06em;
	color: #8a93a6; line-height: 1; vertical-align: middle;
}

.cart-added-layer .cart-reco-ad-item { position: relative; }
.cart-added-layer .cart-reco-ad-badge {
	position: absolute; top: 6px; left: 6px; z-index: 2;
	padding: 2px 5px; border-radius: 3px;
	background: rgba(0, 0, 0, .55); color: #fff;
	font-size: 10px; font-weight: 700; line-height: 1.2;
	pointer-events: none;
}