:root {
	--product-suggestions-height: 280px;
	--product-suggestions-options-height: 240px;
	--product-suggestions-border-width: 2px;
	--product-suggestions-shadow: 0 4px 8px color-mix(in srgb, var(--border) 45%, transparent);
}
.list-add-suggestions {
	flex: none;
	display: flex;
	flex-direction: column;
	max-height: min(var(--product-suggestions-height), 35dvh);
	width: 100%;
	max-width: 720px;
	margin: 4px auto 0;
	border: var(--product-suggestions-border-width) solid var(--accent);
	border-radius: var(--radius-item);
	background: var(--surface-1);
	box-shadow: var(--product-suggestions-shadow);
	overflow: hidden;
}
.list-add-suggestions-header { flex: none; display: flex; align-items: center; justify-content: space-between; padding-left: 13px; min-height: var(--tap-min); background: var(--accent-container); color: var(--text-1); }
.list-add-suggestions-heading { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--gap-item-text); padding-block: 6px; overflow-wrap: anywhere; }
#add-suggestions-title { color: var(--accent); font-size: var(--fs-body); font-weight: 600; }
#add-suggestions-hint { font-size: var(--fs-caption); }
.list-add-options { overflow-y: auto; min-height: 0; max-height: var(--product-suggestions-options-height); overscroll-behavior: contain; }
.list-add-option { display: flex; align-items: center; gap: var(--gap-icon); width: 100%; min-height: 60px; border: 0; border-top: 1px solid var(--border); border-radius: 0; padding: 9px 13px; background: var(--surface-1); color: var(--text-1); text-align: left; }
.list-add-option:hover, .list-add-option.is-active { background: var(--accent-container); }
.list-add-option .item-check { flex: none; display: grid; place-items: center; }
.list-add-option .item-check.is-bought { background: var(--surface-2); color: var(--text-3); }
.list-add-option .item-check .icon { width: 16px; height: 16px; }
.list-add-option-copy { flex: 1; min-width: 0; font-size: var(--fs-body); overflow-wrap: anywhere; }
.list-add-option-copy strong { font-weight: 600; }
.list-add-option-copy small { display: block; color: var(--text-2); font-size: var(--fs-caption); margin-top: var(--gap-item-text); }
.list-add-option .qty-chip { flex: none; }
.item-plate { transition: background-color .25s, border-color .25s; }
.item-plate.is-reused:not(.is-selected) { background: var(--accent-container); border-color: var(--accent); }
@media (max-width: 700px) {
	:root { --product-suggestions-height: 228px; --product-suggestions-options-height: 180px; }
}
@media (prefers-reduced-motion: reduce) {
	.item-plate { transition: none; }
}