/*
 * Wersja A „Naturalna”: len, szałwia i dużo światła (House of Kids, Babywood, IDA Kuchnia i Wino).
 * Złamana biel, jeden kolor szałwii, Cormorant Garamond w nagłówkach i Inter w treści, ostre rogi, etykiety
 * wersalikami z odstępami, logo na środku, kolaż dwóch zdjęć i lniana stopka.
 * Ten plik: tokeny, typografia, przyciski, nagłówek z menu, stopka i strona główna. Sklep, karta, koszyk i kasa:
 * naturalna-sklep.css; Moje konto, strony treści, 404, wyszukiwanie i cookies: naturalna-konto.css.
 * Kontrast (WCAG AA, 4,5:1): tekst #2F2E2A na #F6F5F1 12,5:1, #6B675F na #F6F5F1 5,2:1, na #ECE7DF 4,6:1 i na #FFFFFF 5,6:1,
 * biały na szałwii #5E6B57 5,6:1 (#4A5645 7,8:1), szałwia #5E6B57 na #F6F5F1 5,2:1, #2F2E2A na mięcie #DCE5DC 10,5:1.
 */

:root {
	--c-paper: #F6F5F1;
	--c-card: #FFFFFF;
	--c-ink: #2F2E2A;
	--c-muted: #6B675F;
	--c-line: #E3DED5;
	--c-accent: #5E6B57;
	--c-accent-dark: #4A5645;
	--c-accent-soft: #DCE5DC;
	--c-accent-faint: #EEF2EC;
	--c-sun: #DCE5DC;
	--c-sun-soft: #ECE7DF;
	--c-ink-20: rgba(47, 46, 42, .2);
	--c-ink-25: rgba(47, 46, 42, .3);
	--c-len: #ECE7DF;
	--c-len-jasny: #F0ECE5;

	--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

	--radius-sm: 0;
	--radius: 0;
	--radius-lg: 0;
	--radius-xl: 0;
	--radius-pill: 0;
	--header-h: 76px;
	--nav-h: 52px;
	--section-y: 5rem;
	--shadow: none;
	--n-etykieta: 500 15px/1.4 var(--font-sans);
}

body.wyglad-naturalna { font-size: 15px; line-height: 1.65; background: var(--c-paper); }
.wyglad-naturalna :is(h1, h2, h3, .display) { font-weight: 500 !important; letter-spacing: -.005em; line-height: 1.08; }
/* Cormorant ma domyślnie cyfry nautyczne („01” wygląda jak „oı”): wszędzie cyfry wersalikowe */
body.wyglad-naturalna { font-variant-numeric: lining-nums; }
/* Spokojna wersja bez płynnego przewijania do kotwic (base.css: smooth); skok jest natychmiastowy */
html:has(body.wyglad-naturalna) { scroll-behavior: auto; }
/* Etykiety wersalikami robimy kapitalikami (font-variant-caps: all-small-caps), żeby tekst w DOM (innerText, testy,
   czytniki ekranu) zostawał w oryginalnej wielkości liter. Inter nie ma kapitalików, więc pozwalamy je syntetyzować
   także w nagłówkach (base.css wyłącza syntezę w h1-h6). */
.wyglad-naturalna :is(h1, h2, h3, h4, h5, h6) { font-synthesis-small-caps: auto; }
.wyglad-naturalna :focus-visible { outline: 2px solid var(--c-accent-dark); outline-offset: 3px; }

/* Etykiety i drobne napisy wersalikami z odstępami, jak w House of Kids i IDA */
.wyglad-naturalna .eyebrow { margin: 0; font: var(--n-etykieta); letter-spacing: .14em; text-transform: none; font-variant-caps: all-small-caps; color: var(--c-muted); }
.wyglad-naturalna .link-underline {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .14em;
	text-transform: none; font-variant-caps: all-small-caps;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 6px;
	text-decoration-color: var(--c-ink);
}
.wyglad-naturalna .link-underline:hover { text-decoration-color: var(--c-accent); color: var(--c-accent-dark); }

/* Przyciski: prostokątne, wersalikami, bez cieni */
.wyglad-naturalna .btn,
html body.wyglad-naturalna :is(.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button:not(.is-link), .wp-element-button, .wp-block-button__link) {
	border-radius: 0;
	box-shadow: none;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .14em;
	text-transform: none; font-variant-caps: all-small-caps;
	min-height: 48px;
	padding: 0 28px;
}
.wyglad-naturalna .btn--primary { background: var(--c-accent); border-color: var(--c-accent); color: #FFFFFF; }
.wyglad-naturalna .btn--primary:hover { background: var(--c-accent-dark); border-color: var(--c-accent-dark); }
.wyglad-naturalna .btn--outline { background: transparent; border: 1px solid var(--c-ink); color: var(--c-ink); }
.wyglad-naturalna .btn--outline:hover { background: var(--c-ink); color: #FFFFFF; }

/* Pasek komunikatu: lniany, cichy */
.wyglad-naturalna .notice-bar { background: var(--c-len); color: var(--c-ink); font-size: 14px; font-weight: 500; letter-spacing: .13em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .notice-bar__text { padding: 9px 0; }
.wyglad-naturalna .n-komunikat__czesc--dalsza::before { content: "\00B7"; margin: 0 .9em; }
@media (max-width: 639.98px) {
	/* Telefon: tylko pierwsza część komunikatu, w jednej linii (pozostałe są w pasku zalet pod hero) */
	.wyglad-naturalna .notice-bar { letter-spacing: .12em; }
	.wyglad-naturalna .n-komunikat__czesc--dalsza { display: none; }
}

/* Nagłówek: logo na środku; telefon: menu z lewej, konto i koszyk z prawej; komputer: wyszukiwarka-linia z lewej */
.wyglad-naturalna .site-header__bar { background: var(--c-paper); border-bottom-color: var(--c-line); }
.wyglad-naturalna .site-header__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 16px; }
.wyglad-naturalna .site-logo {
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
	max-width: none;
	font-family: var(--font-display);
	font-weight: 600;
	font-size: 26px;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--c-ink);
}
.wyglad-naturalna .site-logo--image img { max-height: 44px; }
.wyglad-naturalna .site-header__actions { grid-column: 3; grid-row: 1; justify-self: end; gap: 2px; }
.wyglad-naturalna .icon-button { width: 44px; height: 44px; border-radius: 50%; }
.wyglad-naturalna .icon-button:hover { background: var(--c-len); }
.wyglad-naturalna .cart-link__count { top: 2px; right: 2px; min-width: 16px; height: 16px; border-radius: 999px; background: var(--c-accent); font-size: 10px; font-weight: 600; }
.wyglad-naturalna .search-pill { border: 0; border-bottom: 1px solid var(--c-ink-25); border-radius: 0; background: transparent; padding-left: 0; height: 44px; }
.wyglad-naturalna .search-pill:focus-within { border-bottom-color: var(--c-ink); }
.wyglad-naturalna .search-pill__input { font-size: 13px; }
.wyglad-naturalna .search-pill__submit { border-radius: 50%; }
.wyglad-naturalna .search-pill--menu { background: transparent; }
.wyglad-naturalna .lang-switch { border-color: transparent; font-size: 11px; font-weight: 500; letter-spacing: .12em; }
.wyglad-naturalna .lang-switch a { min-width: 32px; justify-content: center; padding: 0 6px; }
.wyglad-naturalna .lang-switch a.is-active { background: transparent; color: var(--c-ink); text-decoration: underline; text-underline-offset: 5px; }
.wyglad-naturalna .help-pill { height: 44px; border: 0; padding: 0 10px; font-size: 11px; font-weight: 500; letter-spacing: .18em; }
.wyglad-naturalna .help-pill__badge { display: none; }

@media (max-width: 1023.98px) {
	.wyglad-naturalna .search-pill--header { display: none; }
	.wyglad-naturalna .menu-toggle { position: absolute; top: 50%; left: -10px; transform: translateY(-50%); }
}
@media (min-width: 1024px) {
	.wyglad-naturalna { --header-h: 84px; }
	.wyglad-naturalna .site-logo { font-size: 30px; }
	.wyglad-naturalna .search-pill--header { grid-column: 1; grid-row: 1; justify-self: start; width: 100%; max-width: 240px; margin: 0; }
}

/* Menu na komputerze: pasek wersalikami, podmenu jako cienka lista bez cienia */
.wyglad-naturalna .primary-nav__list a { font-size: 15px; font-weight: 500; letter-spacing: .14em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .primary-nav__list :is(.current-menu-item, .current-menu-ancestor) > a,
.wyglad-naturalna .primary-nav__list a:hover { color: var(--c-accent-dark); }
@media (min-width: 1024px) {
	.wyglad-naturalna .site-menu { background: var(--c-paper); }
	.wyglad-naturalna .primary-nav__list { gap: 56px; }
	.wyglad-naturalna .primary-nav .sub-menu { padding: 12px 0; background: var(--c-paper); border: 1px solid var(--c-line); box-shadow: none; }
	.wyglad-naturalna .primary-nav .sub-menu a { padding: 10px 20px; font-size: 15px; letter-spacing: .1em; }
	.wyglad-naturalna .primary-nav .sub-menu a:hover { background: var(--c-len); }
}

/* Menu na telefonie: spokojna lista z cienkimi liniami, szeryfowe pozycje, podmenu wersalikami */
@media (max-width: 1023.98px) {
	.wyglad-naturalna .site-menu { gap: 8px; padding-top: 8px; padding-bottom: 32px; background: var(--c-paper); border-bottom-color: var(--c-line); }
	.wyglad-naturalna .site-menu .search-pill--menu { margin-bottom: 8px; }
	.wyglad-naturalna .primary-nav__list { gap: 0; }
	.wyglad-naturalna .primary-nav__list > li { justify-content: space-between; border-bottom: 1px solid var(--c-line); }
	.wyglad-naturalna .primary-nav__list > li > a {
		flex: 1;
		min-height: 56px;
		padding: 0;
		font-family: var(--font-display);
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 0;
		text-transform: none;
		font-variant-caps: normal;
	}
	.wyglad-naturalna .submenu-toggle { width: 44px; height: 44px; border-radius: 0; }
	.wyglad-naturalna .primary-nav .sub-menu { padding: 0 0 16px; }
	.wyglad-naturalna .primary-nav .sub-menu a { min-height: 44px; padding: 0; font-size: 15px; letter-spacing: .12em; color: var(--c-muted); }
	.wyglad-naturalna .primary-nav .sub-menu a:hover { color: var(--c-ink); }
	.wyglad-naturalna .lang-switch--menu { margin-top: 8px; }
	.wyglad-naturalna .lang-switch--menu a { height: 44px; }
}

/* Sekcje strony głównej: wspólny nagłówek (etykieta, tytuł szeryfowy) i duże odstępy */
.wyglad-naturalna .section__title { font-size: 38px; line-height: 1.08; }
.wyglad-naturalna .section--card { background: var(--c-len); }
.wyglad-naturalna .n-naglowek-sekcji { display: flex; flex-direction: column; gap: 12px; max-width: 40rem; margin-bottom: 40px; }
.wyglad-naturalna .n-naglowek-sekcji .muted { max-width: 30rem; }
.wyglad-naturalna .n-naglowek-sekcji--z-linkiem { flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 32px; max-width: none; }
.wyglad-naturalna .n-naglowek-sekcji--z-linkiem > div { display: flex; flex-direction: column; gap: 12px; max-width: 34rem; }
@media (min-width: 640px) {
	.wyglad-naturalna .section__title { font-size: 50px; }
}

/* Hero: tekst na złamanej bieli, kolaż dwóch zdjęć z ostrymi rogami, miętowe podkreślenie tytułu (jak IDA) */
.wyglad-naturalna .hero .dots { display: none !important; }
.wyglad-naturalna .n-hero__text { gap: 22px; }
.wyglad-naturalna .hero__title {
	font-size: 46px;
	max-width: 13ch;
	text-decoration: underline;
	text-decoration-color: var(--c-accent-soft);
	text-decoration-thickness: .3em;
	text-underline-offset: -.14em;
	text-decoration-skip-ink: none;
}
.wyglad-naturalna .hero__lead { font-size: 16px; max-width: 28rem; }
.wyglad-naturalna .n-hero__kolaz { position: relative; padding: 0 var(--gutter-r) 48px var(--gutter-l); }
.wyglad-naturalna .n-hero__duze { aspect-ratio: 4 / 3; margin-left: 22%; overflow: hidden; background: var(--c-line); }
.wyglad-naturalna .n-hero__duze img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.wyglad-naturalna .n-hero__male {
	position: absolute;
	left: var(--gutter-l);
	bottom: 0;
	width: 38%;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border: 8px solid var(--c-paper);
	border-left: 0;
	background: var(--c-line);
}
.wyglad-naturalna .n-hero__male img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 640px) {
	.wyglad-naturalna .hero__title { font-size: 62px; }
}
@media (min-width: 1024px) {
	.wyglad-naturalna .n-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
	.wyglad-naturalna .hero__title { font-size: 72px; }
	.wyglad-naturalna .n-hero__kolaz { padding: 56px 0 72px; }
	.wyglad-naturalna .n-hero__duze { aspect-ratio: auto; height: 560px; margin-left: 96px; }
	.wyglad-naturalna .n-hero__male { left: 0; bottom: 32px; width: 34%; border: 12px solid var(--c-paper); }
}

/* Pasek informacji: bez ikon, drobne wersaliki i cienkie pionowe linie */
.wyglad-naturalna .features { background: var(--c-paper); border-color: var(--c-line); }
.wyglad-naturalna .features__icon { display: none; }
.wyglad-naturalna .features__list { gap: 0; padding: 0; }
.wyglad-naturalna .features__item { align-items: flex-start; padding: 20px 12px; border-bottom: 1px solid var(--c-line); }
.wyglad-naturalna .features__item:nth-child(odd) { padding-left: 0; border-right: 1px solid var(--c-line); }
.wyglad-naturalna .features__item:nth-last-child(-n+2) { border-bottom: 0; }
.wyglad-naturalna .features__text b { margin-bottom: 4px; font-size: 14px; font-weight: 600; letter-spacing: .13em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .features__text span { font-size: 13px; }
@media (min-width: 1024px) {
	.wyglad-naturalna .features__item { justify-content: center; padding: 24px 20px; border-bottom: 0; border-right: 1px solid var(--c-line); text-align: center; }
	.wyglad-naturalna .features__item:nth-child(odd) { padding-left: 20px; }
	.wyglad-naturalna .features__item:last-child { border-right: 0; }
}

/* Kategorie: dwa wysokie kadry 3:4, podpis wersalikami pod zdjęciem */
.wyglad-naturalna .n-kategorie > .wrap { padding: 56px 0 var(--section-y); } /* test „bez banera”: tytuł najwyżej 100 px pod paskiem zalet */
.wyglad-naturalna .n-kadry { display: grid; gap: 48px 24px; }
.wyglad-naturalna .n-kadr { display: flex; flex-direction: column; gap: 20px; color: inherit; text-decoration: none; }
.wyglad-naturalna .n-kadr__zdjecie { display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--c-line); }
.wyglad-naturalna .n-kadr__zdjecie img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.wyglad-naturalna .n-kadr:hover .n-kadr__zdjecie img { transform: scale(1.03); }
.wyglad-naturalna .n-kadr__podpis { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.wyglad-naturalna .n-kadr__nazwa { font-size: 18px; font-weight: 500; letter-spacing: .14em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .n-kadr__opis { max-width: 26rem; color: var(--c-muted); }
.wyglad-naturalna .n-kadr__link { display: inline-flex; align-items: center; min-height: 32px; font-size: 15px; font-weight: 500; letter-spacing: .14em; text-transform: none; font-variant-caps: all-small-caps; text-decoration: underline; text-underline-offset: 6px; }
@media (min-width: 768px) {
	.wyglad-naturalna .n-kadry { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
	.wyglad-naturalna .n-kadr:nth-child(2) { margin-top: 96px; }
}

/* Jak to działa: numery 01-03 szeryfowymi cyframi, cienka linia nad każdym krokiem */
.wyglad-naturalna .n-kroki > .wrap { padding: var(--section-y) 0; }
.wyglad-naturalna .n-kroki__wstep { font-size: 16px; }
.wyglad-naturalna .n-kroki__lista { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.wyglad-naturalna .n-kroki__krok { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 16px; padding: 28px 0; border-top: 1px solid var(--c-ink-20); }
.wyglad-naturalna .n-kroki__numer { grid-row: span 2; font-family: var(--font-display); font-size: 48px; font-weight: 400; line-height: .9; color: var(--c-accent); }
.wyglad-naturalna .n-kroki__tytul { margin: 0 0 8px; font-size: 26px; }
.wyglad-naturalna .n-kroki__tekst { margin: 0; font-size: 14px; }
@media (min-width: 1024px) {
	.wyglad-naturalna .n-kroki__lista { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; }
	.wyglad-naturalna .n-kroki__krok { grid-template-columns: 1fr; padding-top: 32px; }
	.wyglad-naturalna .n-kroki__numer { grid-row: auto; margin-bottom: 24px; font-size: 64px; }
}

/* Nasze nosidła: wiersze na przemian zdjęcie i tekst; zdjęcie produktu na lnie (białe tło znika) */
.wyglad-naturalna .n-modele > .wrap { padding: var(--section-y) 0; }
.wyglad-naturalna .n-modele__lista { display: flex; flex-direction: column; gap: 64px; }
.wyglad-naturalna .n-model { display: grid; gap: 24px; align-items: center; }
.wyglad-naturalna .n-model__zdjecie { display: block; aspect-ratio: 4 / 5; padding: 8%; background: var(--c-len-jasny); }
.wyglad-naturalna .n-model__zdjecie img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.wyglad-naturalna .n-model__tekst { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; max-width: 30rem; }
.wyglad-naturalna .n-model__nazwa { margin: 0; font-size: 38px; }
.wyglad-naturalna .n-model__nazwa a { color: inherit; text-decoration: none; }
.wyglad-naturalna .n-model__nazwa a:hover { text-decoration: underline; text-decoration-color: var(--c-accent-soft); text-decoration-thickness: .25em; text-underline-offset: -.08em; }
.wyglad-naturalna .n-model__opis { margin: 0; }
.wyglad-naturalna .n-model__cena { margin: 4px 0 8px; font-size: 15px; }
@media (min-width: 1024px) {
	.wyglad-naturalna .n-modele__lista { gap: 96px; }
	.wyglad-naturalna .n-model { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 96px; }
	.wyglad-naturalna .n-model:nth-child(even) .n-model__zdjecie { order: 2; }
	.wyglad-naturalna .n-model__nazwa { font-size: 48px; }
}

/* Banery z panelu: ostre rogi, tekst na lnianym polu, bez cieni */
.wyglad-naturalna .promo { border: 0; border-radius: 0; box-shadow: none; background: var(--c-len); }
.wyglad-naturalna .promo__img { border-radius: 0; }
.wyglad-naturalna .promo__body { gap: 12px; padding: 28px; border-radius: 0; box-shadow: none; }
.wyglad-naturalna .promo__title { font-size: 32px; font-weight: 500; }
.wyglad-naturalna .promo__text { color: var(--c-muted); }

/* Higiena i dostawa: zdjęcie i tekst na przemian, wiersze dostawy bez ikon z cienką linią */
.wyglad-naturalna .split { gap: 32px; padding: 56px 0; }
.wyglad-naturalna .split__photo { border-radius: 0; aspect-ratio: 4 / 5; }
.wyglad-naturalna .split__photo img { border-radius: 0; }
.wyglad-naturalna .split__text .lead { font-size: 15px; }
.wyglad-naturalna .delivery-rows { gap: 0; border-top: 1px solid var(--c-ink-20); }
.wyglad-naturalna .delivery-row { padding: 18px 0; border-bottom: 1px solid var(--c-line); }
.wyglad-naturalna .delivery-row .icon-circle { display: none; }
.wyglad-naturalna .delivery-row__title { font-size: 15px; font-weight: 600; letter-spacing: .13em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .delivery-row__text .muted { font-size: 14px; }
@media (min-width: 1024px) {
	.wyglad-naturalna .split { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 96px; padding: 72px 0; }
	.wyglad-naturalna .split--reverse { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
	.wyglad-naturalna .split__photo { max-height: 640px; }
}

/* Little Traveller: lniany blok bez ramek, wyśrodkowany jak cytat */
.wyglad-naturalna .trust { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 56px 24px; border: 0; border-radius: 0; background: var(--c-len); text-align: center; }
.wyglad-naturalna .trust__icon { display: none; }
.wyglad-naturalna .trust__text { display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 38rem; }
.wyglad-naturalna .trust__title { font-size: 34px; }
.wyglad-naturalna .trust__actions { justify-content: center; }

/* Pytania: akordeon z cienką linią */
.wyglad-naturalna .faq__list { border-color: var(--c-ink-20); }
.wyglad-naturalna .acc + .acc { border-color: var(--c-line); }
.wyglad-naturalna .acc__summary { min-height: 60px; font-family: var(--font-display); font-size: 21px; font-weight: 500; }
.wyglad-naturalna .acc__chev { font-family: var(--font-sans); font-weight: 300; color: var(--c-ink); }
.wyglad-naturalna .acc__body { font-size: 14px; }

/* Lniana stopka (jak w House of Kids): wersaliki w tytułach kolumn, newsletter jako linia */
.wyglad-naturalna .site-footer { background: var(--c-len); color: var(--c-ink); }
.wyglad-naturalna .site-footer__name { font-weight: 600; font-size: 26px; letter-spacing: .24em; text-transform: uppercase; color: var(--c-ink); }
.wyglad-naturalna .site-footer__text,
.wyglad-naturalna .newsletter__note { color: var(--c-muted); font-size: 13px; }
.wyglad-naturalna .newsletter__note a { color: var(--c-ink); }
.wyglad-naturalna .footer-col__title { color: var(--c-ink); font-size: 14px; font-weight: 600; letter-spacing: .14em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .footer-col__list { gap: 4px; }
.wyglad-naturalna .footer-col__list a { display: inline-flex; align-items: center; min-height: 32px; color: var(--c-muted); font-size: 14px; }
.wyglad-naturalna .footer-col__list a:hover { color: var(--c-ink); text-decoration: underline; text-underline-offset: 4px; }
.wyglad-naturalna .newsletter { gap: 0 8px; }
.wyglad-naturalna .newsletter__input { height: 48px; padding: 0; border: 0; border-bottom: 1px solid var(--c-ink-25); border-radius: 0; background: transparent; color: var(--c-ink); }
.wyglad-naturalna .newsletter__input::placeholder { color: var(--c-muted); }
.wyglad-naturalna .newsletter__input:focus { border-bottom-color: var(--c-ink); }
.wyglad-naturalna .newsletter__button { height: 48px; padding: 0 20px; border-radius: 0; background: var(--c-accent); font-size: 15px; font-weight: 500; letter-spacing: .14em; text-transform: none; font-variant-caps: all-small-caps; }
.wyglad-naturalna .newsletter__button:hover { background: var(--c-accent-dark); }
.wyglad-naturalna .site-footer__bottom { border-top-color: var(--c-ink-20); color: var(--c-muted); font-size: 12px; }
.wyglad-naturalna .badge { border-color: var(--c-ink-20); border-radius: 0; font-size: 11px; letter-spacing: .06em; }

@media (prefers-reduced-motion: reduce) {
	.wyglad-naturalna .n-kadr__zdjecie img,
	.wyglad-naturalna .promo__img { transition: none; }
	.wyglad-naturalna .n-kadr:hover .n-kadr__zdjecie img { transform: none; }
}

/* S4c: cele dotyku min. 44 px na telefonie (stopka, kalendarz), większy obszar kliknięcia logo i lupy bez zmiany układu */
@media (max-width: 639.98px) {
	.wyglad-naturalna .footer-col__list { gap: 0; }
	.wyglad-naturalna .footer-col__list a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
	.wyglad-naturalna .wn-dzien { min-height: 44px; }
}
.wyglad-naturalna :is(.site-logo, .site-footer__name, .search-pill__submit) { position: relative; }
.wyglad-naturalna :is(.site-logo, .site-footer__name)::after { content: ""; position: absolute; inset: -9px -4px; }
.wyglad-naturalna .search-pill__submit::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; }
.wyglad-naturalna .wn-link { position: relative; }
.wyglad-naturalna .wn-link::after { content: ""; position: absolute; inset: -10px -4px; }