/* Digital products: live demo button, highlights, details tab, shop chips and banner. */

.sal-dp { display: grid; gap: 20px; margin: 4px 0 28px; }
.sal-dp__demo {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 15px 24px; border: 1px solid var(--sal-border, #DCD8D0); border-radius: clamp(0px, var(--sal-radius, 8px), 12px);
	color: var(--sal-text, inherit); font-weight: 600; text-decoration: none;
	transition: border-color .2s, color .2s;
}
.sal-dp__demo:hover { border-color: var(--sal-primary); color: var(--sal-primary); }
.sal-dp__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: .95rem; }
.sal-dp__list li { display: flex; align-items: flex-start; gap: 10px; }
.sal-dp__list svg { flex: none; margin-top: 4px; color: var(--sal-primary); }

.sal-dp__table { width: 100%; max-width: 760px; border-collapse: collapse; font-size: .95rem; }
.sal-dp__table th, .sal-dp__table td { text-align: left; padding: 14px 0; border-bottom: 1px solid var(--sal-border, #DCD8D0); vertical-align: top; }
.sal-dp__table th { width: 38%; padding-right: 24px; font-weight: 600; color: var(--sal-text, inherit); }
.sal-dp__table td { color: var(--sal-muted, inherit); }

.sal-dp-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; width: 100%; }
.sal-dp-chips a {
	display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px;
	border: 1px solid var(--sal-border, #DCD8D0); border-radius: 999px;
	color: var(--sal-text, inherit); font-size: .92rem; font-weight: 500; text-decoration: none;
	transition: border-color .2s, background-color .2s, color .2s;
}
.sal-dp-chips a span { font-size: .78rem; color: var(--sal-muted, inherit); }
.sal-dp-chips a:hover { border-color: var(--sal-primary); }
.sal-dp-chips a[aria-current="page"] { background: var(--sal-primary); border-color: var(--sal-primary); color: var(--sal-on-primary, #fff); }
.sal-dp-chips a[aria-current="page"] span { color: inherit; opacity: .8; }

.sal-dp-banner {
	display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
	margin-top: 56px; padding: clamp(24px, 4vw, 40px);
	border: 1px solid var(--sal-border, #DCD8D0); border-radius: clamp(0px, var(--sal-radius, 8px), 18px);
	background: var(--sal-surface, transparent);
}
.sal-dp-banner p { margin: 0; color: var(--sal-muted, inherit); max-width: 56ch; }
.sal-dp-banner .sal-dp-banner__title { font-family: var(--sal-font-heading); font-size: clamp(1.4rem, 2.4vw, 1.9rem); color: var(--sal-text, inherit); margin-bottom: 6px; }

.sal-dp-free { font-weight: 600; color: var(--sal-primary); }
.sal-dp-soon { display: grid; gap: 16px; justify-items: start; margin: 8px 0 24px; padding: 20px 22px; border: 1px dashed color-mix(in srgb, var(--sal-primary) 50%, transparent); border-radius: clamp(0px, var(--sal-radius, 8px), 14px); background: color-mix(in srgb, var(--sal-primary) 8%, transparent); }
.sal-dp-soon p { margin: 0; color: var(--sal-muted, inherit); }
.sal-dp-soon strong { color: var(--sal-text, inherit); }