/* Opcje dodatkowe DOD-9 (duzy przelacznik iOS: tor 51x31, knob 27 z wyraznym cieniem, wiersz 52) (presety, E5) - plik ladowany tylko
   przy stylu dodatkow 4 (CurdeWidgetLook::style_files). Spec: .claude/skills/design-system/references/presety-spec.md (sekcja 4),
   plansza DOD-9 (proces-makiet/scripts/presety/loc/gen_dod.py, .d9/.sw9). Samo CSS na HTML D6 (role="switch"); linie od krawedzi
   do krawedzi jak D6. Knob: sprezyna .28 s (spec sekcja 4), bez klatek vw-kOn/vw-kOff D6 (liczone pod tor 40). */
form#product_widget.vw-p-ds4 .vw-ad__row {
	gap: 10px;
	height: 52px;
}
form#product_widget.vw-p-ds4 .vw-ad__pr {
	margin-right: 0;
}
form#product_widget.vw-p-ds4 .vw-sw {
	width: 51px;
	height: 31px;
	border-radius: 15.5px;
	transition: background-color .2s cubic-bezier(.2, 0, 0, 1);
}
form#product_widget.vw-p-ds4 .vw-sw__fill {
	display: none;
}
form#product_widget.vw-p-ds4 .vw-ad__row .vw-sw__kn,
form#product_widget.vw-p-ds4 .vw-ad__row:active .vw-sw__kn {
	top: 2px;
	left: 2px;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	box-shadow: 0 3px 8px rgba(48, 52, 53, .18), 0 1px 1px rgba(48, 52, 53, .16);
	transition: left .28s cubic-bezier(.3, 1.5, .5, 1);
	animation: none;
}
form#product_widget.vw-p-ds4 .vw-ad__row.is-on .vw-sw {
	background: var(--vw-ln);
}
form#product_widget.vw-p-ds4 .vw-ad__row.is-on .vw-sw__kn,
form#product_widget.vw-p-ds4 .vw-ad__row.is-on:active .vw-sw__kn {
	left: 22px;
}
/* klatki D6 (.is-mv: vw-kOn/vw-kOff, specyficznosc wyzsza niz reguly wyzej) wylaczone - zmiana stanu przez transition */
form#product_widget.vw-p-ds4 .vw-ad__row.is-mv .vw-sw__kn {
	animation: none;
}
