/* Dodatki motywu – tylko to, czego nie da się odtworzyć samym oryginalnym CSS. */

/* Lista produktów: oryginał liczy kolumny w JS (1 na telefonie, 2 do 920px, 4 na desktopie); zmienna jest inline, stąd !important. */
@media screen and (max-width: 919px) { .block-product-list { --v303a2fe0: 2 !important; } }
@media screen and (max-width: 620px) { .block-product-list { --v303a2fe0: 1 !important; } }

/* Lista produktów: oryginał wybiera w JS układ mobilny (<920px) albo desktopowy; my renderujemy oba i przełączamy tu. */
@media screen and (max-width: 919px) {
	.block-product-list .soyalove-desktop { display: none !important; }
}
@media screen and (min-width: 920px) {
	.block-product-list .soyalove-mobile { display: none !important; }
}

/* Wyniki wyszukiwania w sklepie (dropdown) – mark bez tła, jak w oryginale. */
.search-result-item__title mark { background: transparent; color: inherit; font-weight: 700; }

/* Pole własne produktu (np. numer wzoru zawieszki) – w oryginale pod ilością. */
.block-product__custom-field { margin: 16px 0; max-width: 360px; }

/* Strony Woo spoza oryginału (koszyk, zamówienie, konto) – prosty kontener w stylu bloków. */
.soyalove-plain { padding: var(--block-padding); display: flex; justify-content: center; position: relative; }
.soyalove-plain__content { width: 100%; max-width: var(--content-width); position: relative; z-index: 1; }
.soyalove-plain__title { margin-bottom: 32px; }
@media screen and (max-width: 920px) { .soyalove-plain { padding: var(--m-block-padding); } }