/* ===== MW Motyw — karta produktu (poz. 6 Zal. 1). Przepisane 14.09 ===== */
/* Tokeny, reset, naglowek, stopka, okruszki, przyciski wspolne: tokeny.css. Tu tylko karta. */
/* Scope `.mw-pdp` (klasa body) na tagach z resetem: (0,2,0) bije reset `:is(.mw-widok) tag` (0,1,1). */
/* Mobile first: baza = telefon (pas zdjec ze snapem + pasek sticky), desktop od 900 px = stos + panel sticky. */

.mw-pdp__main {
	overflow-x: clip;
}
/* ---------- galeria (telefon: pas poziomy ze snapem) ---------- */
.mw-pdp__gallery {
	position: relative;
}
/* pas zdjec na karcie (powiekszenie: lightbox.css) */
.mw-pdp__shots {
	display: flex;
	scroll-snap-type: x mandatory;
	transition: opacity .2s var(--mw-ease);
}
/* pdp.js dodaje klase na czas wymiany koloru; figury i obrazy budowane w JS nosza klasy mw-galeria__* */
.mw-pdp__gallery.is-wymiana .mw-pdp__shots {
	opacity: 0;
}
.mw-galeria__slajd {
	flex: 0 0 100%;
	scroll-snap-align: start;
	/* jeden gest = jedno zdjecie: iOS z rozpedem przeskakiwal (Tomek 30.09) */
	scroll-snap-stop: always;
	margin: 0;
	/* 2:3 jak pliki 1200x1797: cala sylwetka w kadrze, 585 px na 390 (Tomek 18.09); bylo 4:5 i cielo gore i dol */
	aspect-ratio: 2 / 3;
	background: var(--mw-surface-2);
}
/* .mw-galeria__img: utility zdjecie wypelnia kadr (tokeny.css) */
/* zdjecie na bialym tle cale, bez ciecia bokow (mw_motyw_image_whole); desktop zaparkowany */
@media (width < 900px) { /* bp:desktop */
	/* telefon: naglowek karty bez kreski (Tomek 18.09); desktop: kreska z tokeny.css na cala szerokosc (15.10) */
	.mw-pdp .mw-header {
		border-block-end: 0;
	}
	.mw-galeria__img.mw-img--whole {
		object-fit: contain;
		background: var(--mw-paper);
	}
}
/* telefon: szyna = sama plakietka licznika w rogu zdjecia (klientka nie widziala, ze zdjec jest 7); desktop nizej (02.10) */
.mw-pdp__rail {
	position: absolute;
	inset-inline-end: var(--mw-s3);
	z-index: 2;
}
/* miniatury wylaczone, zostaja jako nieuzywany feature (Tomek 30.09): wlaczenie = usun te regule */
.mw-pdp .mw-pdp__thumbs {
	display: none;
}
/* mleczna plakietka: na beżowym puchu goly tekst mial kontrast 1,5-4:1 (02.10) */
.mw-pdp :is(.mw-pdp__counter, .mw-video-tile__badge) {
	margin: 0;
	padding: var(--mw-s1) var(--mw-s2);
	inline-size: max-content;
	font-size: var(--mw-fs-xs);
	color: var(--mw-ink-3);
	background: var(--mw-milk);
	white-space: nowrap;
}
/* strzalki: ksztalt z utility w tokeny.css (jak kafelek na dotyku), tu czern 50 % (Tomek 18.09) */
.mw-pdp .mw-pdp__arrow {
	opacity: .5;
}
.mw-pdp .mw-pdp__arrow:disabled {
	opacity: .2;
	cursor: default;
}

/* ---------- panel zakupowy ---------- */
.mw-pdp__sticky {
	padding: 0 var(--mw-page-pad) var(--mw-s8);
	display: flex;
	flex-direction: column;
}
/* nazwa + cena; opinie pod cena na telefonie (Tomek 18.09), od 900 obok nazwy */
.mw-pdp__summary {
	display: flex;
	flex-direction: column;
	gap: var(--mw-s4);
}
/* okruszki 14 jak w calym sklepie (MW-29: 12 bylo za male); na telefonie w pasku nazwy, do tytulu sam gap 8 (Tomek 09.10) */
.mw-pdp__summary .mw-okruszki {
	padding: 0;
}
@media (width >= 900px) { /* bp:desktop */
	/* siatka zamiast flexa: opinie w pierwszym rzedzie obok nazwy, reszta na cala szerokosc */
	.mw-pdp__sticky {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
	}
	.mw-pdp__sticky > * {
		grid-column: 1 / -1;
	}
	.mw-pdp__sticky > .mw-pdp__summary {
		grid-column: 1;
		align-self: baseline;
	}
	/* (0,3,0): bije align-self z bazy .mw-pdp .mw-oceny nizej */
	.mw-pdp .mw-pdp__sticky > .mw-oceny {
		grid-column: 2;
		grid-row: 1;
		align-self: baseline;
	}
	/* okruszki nad panelem, 16 od gory kolumny, w jego gornym odstepie: panel nie rusza sie (Tomek 08.10, MW-49) */
	/* nav 16 px, zeby ch w --mw-pdp-gap liczylo sie jak w panelu; litery 14 na dzieciach */
	.mw-pdp__summary .mw-okruszki {
		position: absolute;
		inset-block-start: calc(var(--mw-s3) - var(--mw-pdp-top-gap));
		/* rowno z trescia panelu: od 1800 panel ma padding boczny */
		inset-inline-start: var(--mw-pdp-pad-x, 0px);
		column-gap: var(--mw-s1);
		font-size: var(--mw-fs-base);
	}
	.mw-pdp__summary .mw-okruszki > * {
		font-size: var(--mw-fs-xs);
		letter-spacing: var(--mw-ls-caps-sm);
	}
}
.mw-pdp .mw-panel__tytul {
	font-family: var(--mw-serif);
	font-weight: 500;
	font-size: var(--mw-fs-xl);
	line-height: var(--mw-lh-tight);
}
/* oceny: link do sekcji opinii; procent wypelnienia gwiazdek z danych (--mw-rating) */
.mw-pdp .mw-oceny {
	display: inline-flex;
	align-items: center;
	gap: var(--mw-s1);
	text-decoration: none;
	align-self: flex-start;
}
/* .mw-oceny__txt: utility tekst pomocniczy 15 (tokeny.css) */

/* cena: wariant przeceniony ma <del> i <ins> z WC; miejsce na trzeci element (Omnibus) zostaje pod spodem */
/* MW-38: cena mocniej, ponizej tytulu: 18 telefon, 20 desktop jak etykiety (Tomek 08.10) */
/* pudelko = sama kwota (line-height normal, bez oddechu 1.55); margines trzyma 5 px od tytulu (Tomek 09.10) */
.mw-cena {
	font-size: var(--mw-fs-md);
	line-height: normal;
	margin-block-start: calc(-1 * var(--mw-s1)); /* 4 od tytulu: gap 8 - 4 (Tomek 09.10) */
}
@media (width >= 900px) { /* bp:desktop */
	.mw-cena {
		font-size: var(--mw-fs-ml);
		margin-block-start: calc(-1 * var(--mw-s3));
	}
}
.mw-cena del {
	color: var(--mw-ink-3);
	margin-inline-end: var(--mw-s2);
}
.mw-cena ins,
.mw-sticky__cena ins {
	text-decoration: none;
	color: var(--mw-promo);
}
/* trzeci element ceny (Omnibus): .mw-price-note z mw_motyw_price_html() */
.mw-pdp .mw-cena .mw-price-note {
	display: block;
	font-size: var(--mw-fs-xs);
	color: var(--mw-ink-3);
	margin-block-start: var(--mw-s1);
}

/* pole wyboru: etykieta serifem, kontrolki pod nia */
.mw-pdp__field {
	display: flex;
	flex-direction: column;
	gap: var(--mw-s2);
}
/* .mw-pdp__label: utility etykieta serif 18/500 (tokeny.css) */
.mw-pdp__label-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--mw-s3);
}

/* fason (MW-53, projekt Tomka 13.10): bloki co 24; krój jak nazwa cechy, pasek: aktywny pelny, reszta obrys taupe */
.mw-pdp .mw-fit {
	display: grid;
	row-gap: var(--mw-accordion-gap);
}
.mw-pdp .mw-fit__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	column-gap: var(--mw-s3);
}
.mw-pdp .mw-fit :is(.mw-fit__head, .mw-fit__model) .mw-pdp__feature-name {
	margin: 0;
}
.mw-pdp .mw-fit__model {
	display: grid;
	row-gap: var(--mw-s2);
}
/* krój, pasek i podpisy jednym blokiem: pasek tuz pod nazwa */
.mw-pdp .mw-fit__gauge .mw-fit__bar {
	margin-block-start: var(--mw-s2);
}
.mw-pdp .mw-fit__story > * + * {
	margin-block-start: var(--mw-s2);
}
.mw-pdp .mw-fit__bar {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--mw-s1);
}
.mw-pdp .mw-fit__step {
	block-size: var(--mw-s2);
	border: 1px solid var(--mw-taupe);
}
.mw-pdp .mw-fit__step.is-active {
	background: var(--mw-ink);
	border-color: var(--mw-ink);
}
/* podpisy na siatce paska: srodkowy pod 3. odcinkiem, skrajne od krawedzi */
.mw-pdp .mw-fit__scale {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	column-gap: var(--mw-s1);
	margin: var(--mw-s1) 0 0;
	font-size: var(--mw-fs-sm);
	color: var(--mw-ink-3);
}
.mw-pdp .mw-fit__scale > :first-child {
	grid-column: 1 / span 2;
}
.mw-pdp .mw-fit__scale > :nth-child(2) {
	grid-column: 3;
	justify-self: center;
	white-space: nowrap;
}
.mw-pdp .mw-fit__scale > :last-child {
	grid-column: 4 / span 2;
	text-align: end;
}
/* link z kreska */
.mw-pdp .mw-link-line {
	position: relative;
	display: inline-block;
	padding-block-end: var(--mw-underline-gap);
	font-size: var(--mw-fs-sm);
	color: var(--mw-ink-3);
	text-decoration: none;
}
/* podkreslenie jak mw-hero__link (utility w tokeny.css): kreska stoi, na najazd chowa sie do lewej (Tomek 30.09) */
.mw-pdp .mw-link-line:is(:hover, :focus-visible)::after {
	transform: scaleX(0);
}

/* probki koloru: pelne kolory z obrysem (ecru zlewalo sie z tlem), wybrana z kreska pod spodem i mocniejszym obrysem */
/* baza chipow (.mw-choice-group) w tokeny.css; tu tylko kwadrat koloru */
/* probka z panelu: kolor, gradient albo wycinek zdjecia — kwadrat jak na kafelku */
.mw-pdp .mw-swatch__color {
	display: block;
	box-sizing: border-box;
	/* kwadrat 32 w polu 44, kreska w tokeny.css */
	inline-size: var(--mw-s5);
	block-size: var(--mw-s5);
	background: var(--mw-swatch, var(--mw-surface-2));
	/* obrys jak ramka kontrolek (14.10): taupe ok. 4:1, jasna probka (Ecru) widoczna na bieli */
	border: 1px solid var(--mw-taupe);
	box-shadow: var(--mw-shadow-0);
	transition: border-color var(--mw-dur-fast) var(--mw-ease);
}
.mw-pdp .mw-swatch[aria-checked="true"] .mw-swatch__color {
	border-color: var(--mw-ink);
}

/* grupa modelu: ten sam kroj w innym materiale — wyglad jak probki, ale to linki */
.mw-pdp__variants {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mw-s3);
}
.mw-pdp .mw-pdp__variant {
	display: flex;
	flex-direction: column;
	gap: var(--mw-s1);
	inline-size: var(--mw-s8);
	text-decoration: none;
	font-size: var(--mw-fs-xs);
	line-height: var(--mw-lh-snug);
	color: var(--mw-ink-3);
	opacity: .6;
}
.mw-pdp .mw-pdp__variant img {
	inline-size: 42px;
	block-size: 52px;
	object-fit: cover;
	background: var(--mw-surface-2);
}
.mw-pdp .mw-pdp__variant.is-akt {
	opacity: 1;
	color: var(--mw-ink);
}

/* rozmiary: utility .mw-choice-group--size z tokeny.css (tez stan niedostepny) */
/* CTA: skora .mw-btn z tokeny.css (--outline bez rozmiaru, --solid po wyborze, pdp.js); obrys -> wypelnienie plynnie (Tomek 18.09) */
.mw-pdp :is([data-mw-add-to-cart], [data-mw-add-to-cart-sticky]) {
	transition: background-color .35s var(--mw-ease), color .35s var(--mw-ease), border-color .35s var(--mw-ease);
}
.mw-pdp .mw-pdp__field.is-prompt .mw-pdp__label {
	animation: mw-prompt .9s var(--mw-ease);
}
@keyframes mw-prompt {
	0%, 100% { color: inherit; }
	30%, 70% { color: var(--mw-promo); }
}
/* przewidywana dostawa: zielona kropka przed tekstem, dopiero gdy pdp.js cos wpisze */
/* kropka i tekst w flexie: vertical-align: middle z Cormorantem (niska x-height) sadzal kropke za wysoko */
.mw-pdp .mw-pdp__delivery {
	display: flex;
	align-items: center;
	column-gap: var(--mw-s1);
	padding-block-start: var(--mw-s1);
	font-size: var(--mw-fs-sm);
	color: var(--mw-ink-3);
	margin-block-start: calc(-1 * var(--mw-s2));
}
/* od 900 odstep panelu 24 zamiast 8: dostawa tuz pod przyciskiem jak na telefonie (Tomek 01.10) */
@media (width >= 900px) { /* bp:desktop */
	.mw-pdp .mw-pdp__delivery {
		margin-block-start: calc(-1 * var(--mw-s4));
	}
}
.mw-pdp .mw-pdp__delivery:empty {
	display: none;
}
.mw-pdp .mw-pdp__delivery::before {
	content: "";
	flex: 0 0 auto;
	inline-size: 6px;
	block-size: 6px;
	border-radius: 50%;
	background: var(--mw-ok);
}
.mw-pdp__delivery strong {
	color: var(--mw-ink);
	font-weight: 400;
}

/* informacje: akordeon na kazdej szerokosci (Tomek 22.09; zakladki na desktopie wypadly), plus w krzyzyk jak stopka */
.mw-pdp__tabs {
	margin-block-start: var(--mw-s3);
	border-block-end: 1px solid var(--mw-line);
}
.mw-pdp .mw-pdp__acc-h {
	margin: 0;
	/* pdp.js dociaga otwierany panel pod naglowek strony */
	scroll-margin-block-start: calc(var(--mw-header-h) + var(--mw-s2));
}
.mw-pdp .mw-pdp__acc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	inline-size: 100%;
	min-block-size: var(--mw-control-h);
	padding-block: var(--mw-s2);
	border-block-start: 1px solid var(--mw-line);
	font-family: var(--mw-serif);
	font-weight: 500;
	font-size: var(--mw-fs-ml);
	line-height: var(--mw-lh-snug);
	color: var(--mw-ink);
	text-align: start;
}
@media (width >= 900px) { /* bp:desktop */
	.mw-pdp .mw-pdp__acc {
		padding-block: var(--mw-s3);
	}
}
.mw-pdp .mw-pdp__tabpanel {
	padding-block-end: var(--mw-s3);
}
.mw-pdp__text {
	font-size: var(--mw-fs-base);
	line-height: var(--mw-lh-base);
	/* czern marki, nie odcien (Tomek 30.09) */
	color: var(--mw-ink);
	/* 65ch: decyzja Tomka 14.09 (akapity zakladek) */
	max-inline-size: 65ch;
}
/* tekst opisowy (panele akordeonu i opis z edytora): akapity i listy co 8 */
.mw-pdp .mw-pdp__text > :is(p, ul) + :is(p, ul) {
	margin-block-start: var(--mw-s2);
}
/* bez listy cech: to bloki z ikona, nie punktory */
.mw-pdp .mw-pdp__text ul:not(.mw-pdp__features) {
	list-style: disc;
	padding-inline-start: var(--mw-s4);
}
.mw-pdp .mw-pdp__text ul:not(.mw-pdp__features) > li {
	padding-block: var(--mw-s1);
}
/* dopasowanie w modalu tabeli rozmiarow (wstrzykniete do markupu Michala) */
.mw-pdp .mw-pdp__fit-note {
	color: var(--mw-ink-3);
}
.mw-pdp .mw-pdp__fit {
	font-style: italic;
}

/* cecha i certyfikat (dane z mu-pluginow): baza = certyfikat, logo 72 z lewej, nazwa i opis obok */
.mw-pdp__feature {
	display: flex;
	column-gap: var(--mw-s2);
	align-items: flex-start;
}
.mw-pdp__feature + .mw-pdp__feature {
	margin-block-start: var(--mw-s4);
}
.mw-pdp__feature-icon {
	flex: 0 0 auto;
	inline-size: 72px;
	block-size: 72px;
	object-fit: contain;
}
.mw-pdp .mw-pdp__feature-name {
	font-family: var(--mw-serif);
	font-weight: 500;
	font-size: var(--mw-fs-md);
	line-height: var(--mw-lh-snug);
	color: var(--mw-ink);
	margin-block-end: var(--mw-s1);
}
.mw-pdp .mw-pdp__fit + .mw-pdp__fit {
	margin-block-start: var(--mw-s2);
}
/* lista cech: desktop jak certyfikat, ikona 48 z lewej, nazwa i opis obok */
.mw-pdp__features {
	display: grid;
	gap: var(--mw-s3);
}
.mw-pdp__features .mw-pdp__feature + .mw-pdp__feature {
	margin-block-start: 0;
}
.mw-pdp__features .mw-pdp__feature-icon {
	inline-size: var(--mw-s7);
	block-size: var(--mw-s7);
}
/* telefon: ikona 32 wysrodkowana z nazwa, opis pod nimi na pelna szerokosc (Tomek 23.09) */
@media (width < 900px) { /* bp:desktop */
	.mw-pdp__features .mw-pdp__feature {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		gap: var(--mw-s1) var(--mw-s2);
	}
	/* contents: opis wchodzi w siatke i bierze pelna szerokosc */
	.mw-pdp__features .mw-pdp__feature-text {
		display: contents;
	}
	.mw-pdp__features .mw-pdp__feature-icon {
		inline-size: var(--mw-s5);
		block-size: var(--mw-s5);
	}
	.mw-pdp .mw-pdp__features .mw-pdp__feature-name {
		margin-block-end: 0;
	}
	.mw-pdp__features .mw-pdp__feature-text > p:not(.mw-pdp__feature-name) {
		grid-column: 1 / -1;
	}
}

/* zakladka dostawy: zdania jednolinijkowe na srodku ikony, link do zasad pod lista (MW-46) */
.mw-pdp__features--short {
	row-gap: var(--mw-s2);
}
.mw-pdp__features--short .mw-pdp__feature {
	align-items: center;
}
.mw-pdp .mw-pdp__features--short .mw-pdp__feature-name {
	margin-block-end: 0;
	font-family: var(--mw-body);
	font-weight: 400;
	font-size: var(--mw-fs-base);
}
/* ikony listy dostawy */
.mw-pdp__features--short .mw-pdp__feature-icon {
	inline-size: var(--mw-s5);
	block-size: var(--mw-s5);
}
/* logo PayPo: szersza komorka */
.mw-pdp__features--short .mw-pdp__feature-icon[src*="paypo"] {
	inline-size: calc(var(--mw-s7) + var(--mw-s2));
}
@media (width >= 900px) { /* bp:desktop */
	.mw-pdp__features--short .mw-pdp__feature-icon[src*="paypo"] {
		inline-size: calc(var(--mw-s8) + var(--mw-s2));
	}
}
.mw-pdp .mw-pdp__delivery-link {
	margin-block-start: var(--mw-s4);
}

/* ---------- „Do tego pasuja" w panelu: markup i strzalki z inc/polecane.php + koszyk.js, tu tylko skora (3 kadry 2:3, sama nazwa) ---------- */
.mw-pdp__paired .mw-polecane {
	margin-block-start: var(--mw-s4);
}
.mw-pdp .mw-pdp__paired .mw-polecane__head {
	margin-block-end: var(--mw-s2);
}
@media (width >= 900px) { /* bp:desktop */
	.mw-pdp .mw-pdp__paired .mw-polecane__head {
		margin-block-end: var(--mw-s3);
	}
}
/* jak naglowki akordeonu obok; kroj, waga, rozmiar z .mw-h2 */
.mw-pdp .mw-pdp__paired .mw-h2 {
	line-height: var(--mw-lh-snug);
}
.mw-pdp .mw-pdp__paired .mw-polecane__strzalka {
	inline-size: var(--mw-control-h);
	block-size: var(--mw-control-h);
	border: 0;
	background: transparent;
}
.mw-pdp .mw-pdp__paired .mw-polecane__tasma {
	column-gap: var(--mw-s3);
	padding: 0;
}
.mw-pdp .mw-pdp__paired .mw-polecany {
	flex-basis: calc((100% - 2 * var(--mw-s3)) / 3);
}
.mw-pdp .mw-pdp__paired .mw-polecany__foto,
.mw-pdp .mw-pdp__paired .mw-polecany__foto img,
.mw-pdp .mw-pdp__paired .mw-polecany__brak {
	aspect-ratio: 2 / 3;
}
/* (0,3,0): reset .mw-widok p (0,1,1) zjada margines bazy */
.mw-pdp .mw-pdp__paired .mw-polecany__cena {
	margin: var(--mw-s1) 0 0;
}
.mw-pdp .mw-pdp__paired .mw-polecany__dodaj,
.mw-pdp .mw-pdp__paired .mw-polecany__rozmiary {
	display: none;
}

/* jak .mw-section-block na home: manifest nad pasem, odstep jak miedzy sekcjami */
.mw-pdp__reviews {
	display: grid;
	row-gap: var(--mw-section-gap);
	margin-block: var(--mw-section-gap);
}

/* ---------- karta kupna (tylko telefon; wyglad w bloku < 900) ---------- */
.mw-sticky {
	position: fixed;
	z-index: 40;
}
.mw-sticky__cena {
	white-space: nowrap;
}
.mw-sticky__cena :is(del, .mw-price-note) { display: none; }


/* ---------- toast: blad dodania do koszyka (sukces = szuflada koszyka); czerwien i X (Michal 19.09) ---------- */
.mw-toast {
	position: fixed;
	inset-inline-end: var(--mw-s3);
	inset-block-end: var(--mw-s3);
	z-index: 70;
	display: flex;
	align-items: center;
	gap: var(--mw-s2);
	background: var(--mw-error);
	color: var(--mw-ecru);
	padding: var(--mw-s3) var(--mw-s4);
	border-radius: var(--mw-radius);
	box-shadow: var(--mw-shadow-3);
	font-size: var(--mw-fs-sm);
	max-inline-size: min(92vw, 380px);
	translate: 0 var(--mw-s2);
	opacity: 0;
	transition: opacity .2s var(--mw-ease), translate .2s var(--mw-ease);
}
.mw-toast.is-widoczny {
	opacity: 1;
	translate: 0 0;
}
.mw-toast[hidden] { display: none; }

/* ---------- powiadom o dostepnosci ---------- */
.mw-pdp .mw-powiadom-potw {
	padding: var(--mw-s2) var(--mw-s3);
	border: 1px solid var(--mw-line);
	font-size: var(--mw-fs-base);
}
/* powiadom o dostepnosci jako popup (Tomek 18.09): dialog na caly ekran z mlekiem i rozmyciem jak naglowek, karta na srodku */
.mw-pdp .mw-notify-dialog {
	inline-size: 100vw;
	block-size: 100svh;
	max-inline-size: none;
	max-block-size: none;
	padding: var(--mw-s3);
	border: 0;
}
.mw-pdp .mw-notify-dialog::backdrop {
	background: transparent;
}
.mw-pdp .mw-notify-dialog[open] {
	display: grid;
	place-items: center;
	animation: mw-drawer-fade .25s var(--mw-ease); /* keyframes: tokeny.css */
}
/* karta, naglowek, X, teksty pomocnicze = mw-modal__panel, mw-modal__head, mw-h2, mw-modal__x, mw-uwaga (zadanie 167) */
.mw-notify-dialog .mw-modal__head {
	margin-block-end: 0;
}
/* wideo (MW-52): kafelek jak zdjecie w torze, przycisk na calym kadrze, plakietka jak licznik */
.mw-pdp .mw-video-tile {
	position: relative;
}
.mw-pdp .mw-video-tile__frame {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}
/* plakietka w lewym dolnym rogu (Tomek 14.10), przycisk dalej na calym kadrze */
.mw-pdp .mw-video-tile__play {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: end start;
	padding: var(--mw-s3);
	cursor: pointer;
}
/* pauza grajacego kafelka (WCAG 2.2.2): mleko jak plakietka, cel dotyku 44 */
.mw-pdp .mw-video-tile__pause {
	position: absolute;
	inset-block-end: var(--mw-s3);
	inset-inline-end: var(--mw-s3);
	z-index: 1;
	display: grid;
	place-items: center;
	inline-size: var(--mw-control-h);
	block-size: var(--mw-control-h);
	padding: 0;
	color: var(--mw-ink);
	background: var(--mw-milk);
}
.mw-pdp .mw-video-tile__badge {
	display: inline-flex;
	align-items: center;
	gap: var(--mw-s2);
	padding: var(--mw-s2) var(--mw-s3);
	font-size: var(--mw-fs-base); /* etykiety wersalikami 16 (preferencje wygladu) */
	text-transform: uppercase;
	letter-spacing: var(--mw-ls-caps);
	color: var(--mw-ink);
}
.mw-powiadom__form {
	display: grid;
	gap: var(--mw-s3);
	margin-block-start: var(--mw-s4);
}
.mw-powiadom__email {
	inline-size: 100%;
	min-block-size: var(--mw-control-h);
	padding-inline: var(--mw-s3);
	border: 1px solid var(--mw-taupe);
	border-radius: var(--mw-radius);
	background: var(--mw-field-bg);
	color: var(--mw-ink);
	font-family: var(--mw-body);
	font-size: var(--mw-fs-base);
}
.mw-powiadom__email::placeholder {
	color: var(--mw-ink-3);
}
/* fokus: outline na ramce, nie obok niej (podwojna obwodka) */
.mw-pdp .mw-powiadom__email:focus-visible {
	outline-offset: -1px;
}
.mw-powiadom__zgoda {
	display: flex;
	gap: var(--mw-s2);
	align-items: baseline;
	font-size: var(--mw-fs-sm);
	color: var(--mw-ink-3);
	line-height: var(--mw-lh-base);
	cursor: pointer;
}
.mw-powiadom__zgoda input { flex: 0 0 auto; }
.mw-powiadom__zgoda a { text-decoration: underline; }
/* przycisk na szerokosc tresci, nie pelny jak CTA panelu */
.mw-pdp .mw-powiadom__btn {
	inline-size: auto;
	justify-self: start;
}
.mw-pdp .mw-powiadom__msg {
	font-size: var(--mw-fs-base);
	padding: var(--mw-s2) var(--mw-s3);
	background: var(--mw-surface-2);
	color: var(--mw-ok);
}
/* .mw-pdp przed klasa: regula bazowa (0,2,0) bila sama klase bledu i blad byl zielony jak sukces (02.10) */
.mw-pdp .mw-powiadom__msg--blad { color: var(--mw-error); }
.mw-notify-dialog .mw-uwaga a { text-decoration: underline; }
/* telefon: przycisk na cala szerokosc (kciuk) */
@media (width < 600px) { /* bp:phone */
	.mw-pdp .mw-powiadom__btn {
		inline-size: 100%;
	}
}

/* ============================== DESKTOP ============================== */
@media (width >= 900px) { /* bp:desktop */
	/* etykiety Kolor / Rozmiar 20 (Tomek 07.10) */
	.mw-pdp .mw-pdp__label {
		font-size: var(--mw-fs-ml);
	}
	/* dwie polowy okna: stos zdjec od lewej krawedzi, panel w osi prawej polowy */
	.mw-pdp__layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: stretch;
	}
	/* krotka galeria stoi przy ekranie, dluga klei sie dolem (pdp.js stickTall, Tomek 09.10) */
	.mw-pdp__gallery {
		position: sticky;
		inset-block-start: var(--mw-header-h);
		align-self: start;
	}
	/* stos zdjec z odstepem --mw-tile-gap, jak siatka i karuzela (Tomek 30.09) */
	.mw-pdp__shots {
		display: grid;
		gap: var(--mw-tile-gap);
		overflow: visible;
	}
	.mw-galeria__slajd {
		aspect-ratio: auto;
		/* klik w miniature przewija strone: zdjecie ma stanac pod naglowkiem, nie pod nim */
		scroll-margin-block-start: var(--mw-header-h);
	}
	.mw-galeria__img {
		block-size: auto;
	}
	/* wideo w stosie: kadr jak zdjecia obok (pliki 2:3), pionowy film kadrowany, nie 9:16 (Tomek 14.10) */
	.mw-pdp .mw-video-tile {
		aspect-ratio: 2 / 3;
	}
	/* przy lightboxie z panelem (lightbox.css) strona stoi, panel kupna przewija sie sam do dolu ekranu (Tomek 14.10) */
	.mw-lightbox-panel {
		scrollbar-gutter: stable;
	}
	.mw-lightbox-panel .mw-pdp__sticky {
		max-block-size: var(--mw-panel-max);
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
	}
	/* plakietka od lewej jak licznik w szynie (Tomek 14.10) */
	.mw-pdp .mw-video-tile__play {
		padding-inline-start: var(--mw-page-pad);
	}
	/* pauza 32 od prawej i dolnej krawedzi kafelka (Tomek 14.10) */
	.mw-pdp .mw-video-tile__pause {
		inset-block-end: var(--mw-s5);
		inset-inline-end: var(--mw-s5);
	}
	/* desktop: pas karty przewija strona, strzalki zostaja tylko w powiekszeniu */
	.mw-pdp .mw-pdp__gallery .mw-pdp__arrow {
		display: none;
	}

	/* szyna miniatur: kolumna na cala wysokosc galerii, w niej lista sticky na wysokosc okna */
	.mw-pdp__rail {
		inset-block: 0;
		inset-inline-start: var(--mw-page-pad);
		inset-inline-end: auto;
		/* miniatury 50x58 (Tomek 14.09) */
		--mw-pdp-thumb-w: 50px;
		--mw-pdp-thumb-h: 58px;
		inline-size: var(--mw-pdp-thumb-w);
	}
	.mw-pdp__thumbs {
		position: sticky;
		inset-block-start: var(--mw-header-h);
		block-size: calc(100svh - var(--mw-header-h));
		display: flex;
		flex-direction: column;
		/* safe: przy niskim oknie lista rusza od gory zamiast uciekac za obie krawedzie */
		justify-content: safe center;
		gap: var(--mw-s2);
		overflow-y: auto;
		scrollbar-width: none;
	}
	.mw-pdp__thumbs::-webkit-scrollbar {
		display: none;
	}
	.mw-pdp .mw-pdp__counter {
		position: sticky;
		/* oddech od gory: na starcie od krawedzi galerii, po przewinieciu od naglowka */
		inset-block-start: var(--mw-sticky-top);
		/* od wejscia ten sam odstep od naglowka co po przyklejeniu (Tomek 14.10, zastepuje linie z okruszkami z 08.10) */
		margin-block-start: calc(var(--mw-sticky-top) - var(--mw-header-h));
		z-index: 1;
	}
	.mw-pdp .mw-pdp__thumbs button {
		flex: 0 0 auto;
		inline-size: var(--mw-pdp-thumb-w);
		opacity: .5;
		border-block-end: 1px solid transparent;
		padding-block-end: 2px;
		transition: opacity var(--mw-dur-fast) var(--mw-ease), border-color var(--mw-dur-fast) var(--mw-ease);
	}
	.mw-pdp .mw-pdp__thumbs button.is-akt {
		opacity: 1;
		border-block-end-color: var(--mw-ink);
	}
	.mw-pdp .mw-pdp__thumbs img {
		inline-size: var(--mw-pdp-thumb-w);
		block-size: var(--mw-pdp-thumb-h);
		object-fit: cover;
		background: var(--mw-surface-2);
	}

	/* panel: kolumna rozciaga sie na wysokosc stosu, srodek klei sie pod naglowkiem */
	/* szerokosc panelu: 65ch (decyzja Tomka 14.09, 26rem zostawialo za duzo pustki); na 1280 pilnuje margines */
	.mw-pdp__main {
		--mw-pdp-panel-w: min(65ch, 100% - 2 * var(--mw-page-pad));
	}
	/* kolumna = kontener: odstep panelu liczony z jej szerokosci (cqi) */
	/* kreska naglowka tylko nad panelem, zdjecia do krawedzi (Tomek 08.10) */
	.mw-pdp__panel {
		container-type: inline-size;
	}
	/* jeden odstep od naglowka, z lewej i z prawej (Tomek 08.10); wyzszy niz okno: pdp.js klei gora albo dolem */
	.mw-pdp__sticky {
		--mw-pdp-gap: calc((100cqi - min(65ch, 100cqi - 2 * var(--mw-page-pad))) / 2);
		/* gora min. 56: miejsce na okruszki przy waskim desktopie (16 + linia + oddech) */
		--mw-pdp-top-gap: max(var(--mw-pdp-gap), 3.5rem);
		position: sticky;
		inset-block-start: calc(var(--mw-header-h) + var(--mw-pdp-gap));
		max-inline-size: var(--mw-pdp-panel-w);
		/* margines u gory: przed scrollem naglowek stoi nizej o pasek ogloszen */
		margin: var(--mw-pdp-top-gap) auto 0;
		/* bez dolnego paddingu: panel konczy sie z ostatnim zdjeciem (Tomek 09.10) */
		padding: 0;
		gap: var(--mw-s4) var(--mw-s3);
	}
}

/* hover tylko z mysza: iOS odpala :hover na tap */
@media (width >= 900px) and (hover: hover) { /* bp:desktop */
	.mw-pdp .mw-swatch:hover .mw-swatch__color {
		border-color: var(--mw-ink);
	}
	.mw-pdp .mw-pdp__thumbs button:hover,
	.mw-pdp .mw-pdp__variant:hover {
		opacity: 1;
	}
	.mw-pdp .mw-link-line:hover {
		color: var(--mw-ink);
	}
}

/* toast nad paskiem tylko na telefonie */
@media (width < 900px) { /* bp:desktop */
	/* licznik zdjec srodkiem na wysokosci srodka logo w naglowku (Tomek 08.10) */
	.mw-pdp__rail {
		inset-block-start: 0;
	}
	.mw-pdp .mw-pdp__counter {
		margin-block-start: calc((var(--mw-header-h) - 1lh - 2 * var(--mw-s1)) / 2);
	}
	/* wideo: pauza lewy dol, plakietka prawy dol (Tomek 14.10) */
	.mw-pdp .mw-video-tile__play {
		place-items: end;
	}
	/* plakietka zbedna, petla mowi „wideo”; zostaje przy ograniczonym ruchu (Tomek 15.10) */
	@media (prefers-reduced-motion: no-preference) {
		.mw-pdp .mw-video-tile__badge {
			display: none;
		}
	}
	.mw-pdp .mw-video-tile__pause {
		inset-inline: var(--mw-s3) auto;
	}
	/* naglowek karty bez mleka i kreski nad zdjeciem (Tomek 18.09); specyficznosc = regula z tokeny.css (0,4,1) */
	.mw-widok.mw-pdp .mw-header:not(.mw-header--panel)::before {
		clip-path: inset(0 0 100% 0);
	}
	/* jak home: naglowek lezy na pierwszym kadrze 2:3, ujemny margines zdejmuje jego wysokosc z przeplywu (Tomek 18.09) */
	.mw-pdp .mw-header {
		margin-block-end: calc(-1 * var(--mw-header-h));
	}
	/* tytul 24 na telefonie, 32 zjadalo dwa wiersze (Tomek 18.09); naglowki do 24 maja 500 */
	/* jeden wiersz od pierwszej klatki; pdp.js zmniejsza do min. 16, ponizej zawija rowno (Tomek 08.10) */
	.mw-pdp .mw-panel__tytul {
		font-size: var(--mw-fs-lg);
		white-space: nowrap;
		/* longhand: skrot text-wrap kasuje nowrap */
		text-wrap-style: balance;
	}
	/* nazwa i cena od wejscia nad dockiem, az dojada na swoje miejsce w panelu (Tomek 01.10) */
	.mw-pdp__summary {
		position: sticky;
		inset-block-end: calc(var(--mw-dock-h) + 1px + var(--mw-dock-safe));
		z-index: 1;
		gap: var(--mw-s2);
		margin-inline: calc(-1 * var(--mw-page-pad));
		padding: var(--mw-s2) var(--mw-page-pad);
		/* 8 od kadru = sam padding paska, -8 u gory zdejmuje gap panelu (Tomek 08.10); -8 na dole zdejmuje padding z przeplywu */
		margin-block: calc(-1 * var(--mw-s2));
		background: color-mix(in srgb, var(--mw-paper) 72%, transparent);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	/* Omnibus 4 pod cena, sam odstep z interlinii (Tomek 18.09) */
	.mw-pdp .mw-cena .mw-price-note { margin-block-start: 0; }
	/* karta kupna nad dockiem (Figma 318:353, Tomek 29.09): mleko jak okna, produkt, rozmiar, CTA na cala szerokosc; chipy rozmiarow tylko w panelu */
	.mw-pdp .mw-sticky {
		/* boki pol guttera, szersza karta (Tomek 15.10); nad dockiem pelny gutter; 1px = kreska docka */
		inset-inline: calc(var(--mw-page-pad) / 2);
		inset-block-end: calc(var(--mw-dock-h) + 1px + var(--mw-dock-safe) + var(--mw-page-pad));
		flex-direction: column;
		align-items: stretch;
		gap: var(--mw-s3);
		padding: var(--mw-s3);
		/* ramka i cien jak karta opinii (Tomek 15.10) */
		border: 1px solid var(--mw-line);
		border-radius: var(--mw-radius);
		background: var(--mw-milk);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		box-shadow: var(--mw-shadow-0);
		animation: mw-sticky-up .25s var(--mw-ease);
		transition: opacity .25s var(--mw-ease), visibility 0s;
	}
	/* :not([hidden]): bez tego flex bije [hidden] (ta sama specyficznosc, pozniej w pliku) */
	.mw-pdp .mw-sticky:not([hidden]) {
		display: flex;
	}
	/* na koncu stopki zanika i wraca tym samym ruchem (Tomek 29.09); visibility, zeby fokus nie wchodzil */
	.mw-pdp .mw-sticky.is-under-footer {
		opacity: 0;
		visibility: hidden;
		transition: opacity .25s var(--mw-ease), visibility 0s .25s;
	}
	@keyframes mw-sticky-up {
		from { opacity: 0; translate: 0 var(--mw-s2); }
		to { opacity: 1; translate: 0 0; }
	}
	/* sam X w prawym gornym rogu, zawsze; wiersz produktu robi mu miejsce (Tomek 30.09) */
	.mw-pdp .mw-sticky__product {
		display: flex;
		align-items: center;
		gap: var(--mw-s2);
		padding-inline-end: var(--mw-s6);
	}
	.mw-pdp .mw-sticky__photo {
		inline-size: 40px;
		block-size: 50px;
		object-fit: cover;
		background: var(--mw-surface-2);
	}
	.mw-pdp .mw-sticky__name {
		margin: 0;
		font-size: var(--mw-fs-base);
		line-height: var(--mw-lh-snug);
	}
	.mw-pdp .mw-sticky__cena {
		font-size: var(--mw-fs-sm);
	}
	/* kolejnosc w karcie: produkt, wiersz rozmiaru, lista rozmiarow, przycisk; __kup rozpuszczony */
	.mw-pdp .mw-sticky__kup {
		display: contents;
	}
	/* lista rozmiarow: schowana, rozwija ja wiersz „Wybierz rozmiar:” (klasa z pdp.js) */
	.mw-pdp .mw-sticky__wybor {
		display: none;
		order: 2;
	}
	.mw-pdp .mw-sticky.is-sizes-open .mw-sticky__wybor {
		display: block;
	}
	/* przy wyborze rozmiaru bez wiersza produktu: 26 % ekranu zamiast 36 (Tomek 01.10, piaskownica karta-kupna) */
	.mw-pdp .mw-sticky.is-sizes-open .mw-sticky__product {
		display: none;
	}
	/* X przy zwinietej liscie chowa karte do przeladowania */
	.mw-pdp .mw-sticky.is-dismissed {
		display: none;
	}
	.mw-pdp .mw-sticky__close {
		position: absolute;
		inset: var(--mw-s1) var(--mw-s1) auto auto;
		display: grid;
		place-items: center;
		inline-size: var(--mw-s6);
		block-size: var(--mw-s6);
		color: var(--mw-ink);
	}
	/* pole dotyku 48 bez zmiany X: 4 w kazda strone, do krawedzi karty */
	.mw-pdp .mw-sticky__close::before {
		content: '';
		position: absolute;
		inset: calc(-1 * var(--mw-s1));
	}
	.mw-pdp .mw-sticky__rozmiary {
		flex-wrap: wrap;
		overflow: visible;
		margin-inline-start: 0;
	}
	.mw-pdp .mw-sticky [data-mw-add-to-cart-sticky] {
		order: 3;
	}
	/* rozmiar: podkreslone wersaliki; pusty = zacheta, wybrany = wartosc; klik rozwija liste */
	.mw-pdp .mw-sticky__wybrano {
		order: 1;
		display: block;
		align-self: start;
		font-size: var(--mw-fs-xs);
		letter-spacing: var(--mw-ls-caps);
		text-transform: uppercase;
		text-decoration: underline;
			color: var(--mw-ink);
	}
	.mw-pdp .mw-sticky__wybrano:has(.mw-sticky__wybrano-wartosc:empty) .mw-sticky__wybrano-etykieta::before {
		content: 'Wybierz';
	}
	/* 16 od kadru do tytulu; trzy grupy zamiast jednego 16 (18.09 po review): tozsamosc 8 (tytul, cena, ocena), wybory 24 (kolor, rozmiar), akcja 24 przed CTA i 40 po */
	/* panel siega pod zdjecie (kadr 2:3 = 150vw), a miejsce zdjecia zajmuje pusty element: sticky nazwy wychodzi tylko w tresc rodzica */
	.mw-pdp__sticky {
		--mw-pdp-frame-h-phone: 150vw;
		margin-block-start: calc(-1 * var(--mw-pdp-frame-h-phone));
		row-gap: var(--mw-s2);
	}
	.mw-pdp__sticky::before {
		content: '';
		block-size: var(--mw-pdp-frame-h-phone);
	}
	.mw-pdp .mw-pdp__field { margin-block-start: var(--mw-s2); }
	.mw-pdp .mw-kup { margin-block-start: var(--mw-s3); }
	.mw-pdp .mw-pdp__tabs { margin-block-start: var(--mw-s5); }
	/* cel dotyku 44 bez zmiany glifu (WCAG 2.5.5); probki i rozmiary maja 44 same (Tomek 07.10) */
	.mw-pdp .mw-link-line::before {
		content: '';
		position: absolute;
		inset: -10px;
	}
	.mw-toast {
		inset-block-end: calc(var(--mw-dock-h) + var(--mw-s9));
	}
}

/* desktop: bez paska, umowa wymaga go tylko na telefonie (Zal. 1 poz. 6, Tomek 29.09) */
@media (width >= 900px) { /* bp:desktop */
	.mw-sticky {
		display: none;
	}
}

/* od 1800 px (MacBook 14 more-space, FHD i wyzej, Tomek 17.09 23:50): siatka 2 kolumn, kadr 3:4 jak plik 1200x1600, 90 svh; na 4K 1504 px pionu nie miescilo sie w oknie */
@media (width >= 1800px) { /* bp:wide */
	/* panel ma zawsze 65ch + paddingi; galeria bierze reszte, ale nie wiecej niz kadry 90 svh (Tomek 17.09 23:33) */
	.mw-pdp__layout {
		--mw-pdp-cols: 2;
		--mw-pdp-frame-h: 90svh;
		--mw-pdp-panel-col: calc(65ch + 2 * var(--mw-s8));
		grid-template-columns: min(100% - var(--mw-pdp-panel-col), calc(var(--mw-pdp-cols) * var(--mw-pdp-frame-h) * .75 + (var(--mw-pdp-cols) - 1) * var(--mw-tile-gap))) minmax(var(--mw-pdp-panel-col), 1fr);
	}
	.mw-pdp__shots {
		grid-template-columns: repeat(var(--mw-pdp-cols), 1fr);
	}
	.mw-galeria__slajd,
	.mw-pdp .mw-video-tile {
		aspect-ratio: 3 / 4;
	}
	.mw-galeria__img {
		block-size: 100%;
	}
	/* panel: jeden padding zamiast sztywnej szerokosci, reszta ekranow lapie proporcje (Tomek 17.09) */
	.mw-pdp__sticky {
		--mw-pdp-pad-x: var(--mw-s8);
		max-inline-size: none;
		margin-inline: 0;
		padding-inline: var(--mw-pdp-pad-x);
	}
}

/* ultrawide (np. 2560x1080, 3440x1440): dalej dwie kolumny 90 svh; zdjecia od lewej jak zwykle, margines tylko z prawej zamiast trzeciej kolumny (Michal 18.09, Tomek 21.09) */
@media (width >= 2200px) and (min-aspect-ratio: 2/1) { /* bp:ultra */
	.mw-pdp__layout {
		grid-template-columns: calc(var(--mw-pdp-cols) * var(--mw-pdp-frame-h) * .75 + (var(--mw-pdp-cols) - 1) * var(--mw-tile-gap)) var(--mw-pdp-panel-col);
		justify-content: start;
	}
}

/* ---------- etykieta „Powieksz" za kursorem (samo powiekszenie: lightbox.css) ---------- */
/* etykieta „Powieksz" za kursorem: tylko mysz; pozycje ustawia skrypt w szablonie (translate) */
.mw-pdp__zoom-hint {
	display: none;
}
@media (width >= 900px) and (hover: hover) { /* bp:desktop */
	.mw-pdp .mw-pdp__zoom-hint:not([hidden]) {
		display: block;
		position: fixed;
		inset: 0 auto auto 0;
		/* srodek etykiety w punkcie kursora; kursor schowany nizej, etykieta go zastepuje */
		translate: -50% -50%;
		z-index: 5;
		pointer-events: none;
		font-size: var(--mw-fs-xs);
		letter-spacing: var(--mw-ls-caps);
		text-transform: uppercase;
		text-decoration: underline;
			color: var(--mw-ink);
	}
	.mw-galeria__slajd {
		cursor: none;
	}
	/* wideo: plakietke zastepuje etykieta „Obejrzyj" za kursorem (Tomek 14.10) */
	.mw-pdp .mw-video-tile__badge {
		display: none;
	}
	.mw-pdp .mw-video-tile__play {
		cursor: none;
	}
	.mw-pdp .mw-video-tile__pause {
		cursor: pointer;
	}
}

/* KARTA NA TELEFONIE (test na Hannie 09.10, Tomek: wszystkie karty): pierwszy widok = zdjecie, tytul i cena; reszta w tempie scrolla */
/* postep 0-1 z pozycji (pdp.js --mw-crumbs-p, --mw-dock-p), bez czasu: w gore to samo co w dol */
@media (width < 900px) { /* bp:desktop */
	.mw-pdp {
		--mw-crumbs-p: 0;
		--mw-dock-p: 0;
	}
	/* bez paska ogloszen: 32 px wiecej zdjecia */
	.mw-pdp .mw-announce {
		display: none;
	}
	/* pasek: start 16/16 i przy samym dole; z menu klei sie nad nim; clip = okruszki nie wchodza na zdjecie */
	.mw-pdp .mw-pdp__summary {
		overflow: clip;
		padding-block: calc(var(--mw-s3) - var(--mw-s2) * var(--mw-crumbs-p));
		inset-block-end: calc((var(--mw-dock-h) + 1px + var(--mw-dock-safe)) * var(--mw-dock-p));
	}
	/* okruszki wsuwaja sie nad tytul o tyle, o ile przewinieto (tytul stoi na ekranie) */
	/* bez transition: okruszki zajmuja miejsce w tej samej klatce, co zwalnia je belka */
	.mw-pdp .mw-pdp__summary .mw-okruszki {
		margin-block-start: calc((1 - var(--mw-crumbs-p)) * (-1lh - var(--mw-s2)));
		opacity: var(--mw-crumbs-p);
	}
	.mw-pdp .mw-dock {
		opacity: var(--mw-dock-p);
	}
	.mw-pdp:not(.is-scrolled) .mw-dock {
		visibility: hidden;
	}
}