/* Staffelkorting: product page tiers and cart notes. Uses the theme's tokens, with fallbacks. */
.df-vd { width: 100%; margin: 0 0 16px; }
.df-vd__title { margin: 0 0 8px; font-weight: 700; color: var(--df-ink, #0e1726); }
.df-vd__list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.df-vd__list li { margin: 0; }
.df .df-vd__row {
	display: grid; grid-template-columns: auto 1fr minmax(44px, auto); align-items: center; gap: 10px;
	width: 100%; min-height: 48px; padding: 10px 14px;
	border: 1px solid var(--df-line, #e4e7ec); border-radius: var(--df-radius-ctl, 8px);
	background: var(--df-white, #fff); color: var(--df-text, #1d2433);
	font: inherit; text-align: left; text-transform: none; letter-spacing: normal; cursor: pointer;
	transition: border-color .15s, background-color .15s;
}
.df .df-vd__row:hover { border-color: var(--df-ink, #0e1726); background: var(--df-white, #fff); color: var(--df-text, #1d2433); }
.df .df-vd__row[aria-pressed="true"] { border: 2px solid var(--df-accent, #ff6b1a); padding: 9px 13px; background: var(--df-accent-soft, #fff1e8); }
.df .df-vd__row:focus-visible { outline: 2px solid var(--df-accent, #ff6b1a); outline-offset: 2px; }
.df-vd__qty { font-weight: 700; white-space: nowrap; }
.df-vd__price { justify-self: end; font-weight: 700; white-space: nowrap; }
.df-vd__price small { font-weight: 400; color: var(--df-muted, #475467); }
.df-vd__save { justify-self: end; font-weight: 700; color: var(--df-success, #157f3d); white-space: nowrap; }
.df-vd__note { margin: 8px 0 0; font-size: .875rem; color: var(--df-muted, #475467); }
.df-vd-applied { display: block; font-size: .8125rem; font-weight: 700; color: var(--df-success, #157f3d); }
.df-vd-next { margin: 4px 0 0; font-size: .8125rem; color: var(--df-accent-strong, #e2550a); font-weight: 600; }
@media (max-width: 400px) { .df .df-vd__row { padding: 10px 12px; } .df .df-vd__row[aria-pressed="true"] { padding: 9px 11px; } }