/* Magia świec — noc i złoto, akcent: ciepły płomień. */
.tsw-strona {
	--tlo: #060716; --panel: rgba( 10, 8, 30, .82 ); --obrys: rgba( 230, 196, 138, .28 );
	--zloto: #fde291; --zloto-cieply: #f9d57a; --zloto-ciemne: #e6c48a; --zloto-etyk: #cda474; --plomien: #f0a35a;
	--lawenda: #ad97d3; --tekst: #b3b1c2; --tekst-slaby: #9393a7; --tekst-mocny: #e6e2ea;
	--serif: 'Cormorant Garamond', 'Times New Roman', serif; --sans: 'Jost', system-ui, sans-serif;
	position: relative; margin: 0 auto; padding: 40px 40px 80px; color: var( --tekst ); font: 300 15px/1.6 var( --sans );
	background: var( --tlo-gora ) center top / 100% auto no-repeat, var( --tlo-dol ) center bottom / 100% auto no-repeat, var( --tlo );
}
.tsw-strona * { box-sizing: border-box; }
body:has( .tsw-strona ) { background: #060716; }
body:has( .tsw-strona ) .wp-site-blocks > header, body:has( .tsw-strona ) header.wp-block-template-part, body:has( .tsw-strona ) .wp-site-blocks > footer, body:has( .tsw-strona ) footer.wp-block-template-part, body:has( .tsw-strona ) .wp-block-post-title { display: none !important; }
body:has( .tsw-strona ) .wp-site-blocks, body:has( .tsw-strona ) .wp-block-group, body:has( .tsw-strona ) .wp-block-post-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body:has( .tsw-strona ) .wp-block-post-content > *, body:has( .tsw-strona ) .entry-content > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
body:has( .tsw-strona ) .wp-block-post-content > .tsw-strona, body:has( .tsw-strona ) .entry-content > .tsw-strona, .tsw-strona { max-width: 1520px !important; margin-left: auto !important; margin-right: auto !important; }

.tsw-hero { max-width: 780px; margin: 0 auto 40px; text-align: center; }
.tsw-nad, .tsw-sekcja__nad { margin: 0 0 10px; text-align: center; font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsw-nad i, .tsw-sekcja__nad i { font-style: normal; color: var( --zloto ); margin: 0 10px; }
.tsw-tytul { margin: 0 0 14px; font: 500 clamp( 36px, 4.6vw, 58px )/1.1 var( --serif ); color: var( --zloto-cieply ); }
.tsw-lead { margin: 0; font-size: 15.5px; line-height: 1.7; color: var( --tekst-mocny ); }
.tsw-sekcja { max-width: 1180px; margin: 0 auto 46px; }
.tsw-sekcja__pod { margin: 0 auto 22px; max-width: 64ch; text-align: center; font-size: 14px; color: var( --lawenda ); }

.tsw-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 14px; align-items: end; max-width: 640px; margin: 0 auto 22px; padding: 20px 22px; border: 1px solid var( --obrys ); border-radius: 18px; background: var( --panel ); }
.tsw-pole { display: grid; gap: 6px; }
.tsw-pole > span { font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsw-pole em { font-style: normal; text-transform: none; letter-spacing: 0; color: var( --tekst-slaby ); }
.tsw-pole input { width: 100%; height: 44px; padding: 0 14px; border: 1px solid var( --obrys ); border-radius: 10px; background: rgba( 2, 3, 22, .7 ); color: var( --tekst-mocny ); font: 300 15px var( --sans ); color-scheme: dark; outline: none; }
.tsw-pole input:focus { border-color: var( --plomien ); box-shadow: 0 0 0 3px rgba( 240, 163, 90, .18 ); }
.tsw-btn { display: inline-block; height: 44px; padding: 0 24px; border: 1px solid var( --zloto-ciemne ); border-radius: 999px; background: linear-gradient( 180deg, rgba( 253, 226, 145, .16 ), rgba( 253, 226, 145, .04 ) ); color: var( --zloto ); font: 400 12px/42px var( --sans ); letter-spacing: .2em; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.tsw-btn:hover { background: rgba( 253, 226, 145, .22 ); box-shadow: 0 0 22px rgba( 253, 226, 145, .18 ); }
.tsw-blad { grid-column: 1 / -1; margin: 0; color: #f3a1a1; font-size: 13.5px; }
.tsw-blad[hidden], .tsw-wynik[hidden] { display: none; }
.tsw-wynik__glowa { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin: 0 0 16px; text-align: center; }
.tsw-wynik__glowa b { font: 500 20px var( --serif ); color: var( --zloto-cieply ); }
.tsw-wynik__glowa span { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var( --tekst-slaby ); }
.tsw-wynik__siatka { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.tsw-wybor { display: grid; grid-template-columns: 90px 1fr; gap: 20px; align-items: center; padding: 20px 22px; border: 1px solid var( --obrys ); border-radius: 16px; background: var( --panel ); }
.tsw-wybor__rola { font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsw-wybor__nazwa { display: block; margin: 4px 0 6px; font: 500 24px var( --serif ); color: var( --zloto ); }
.tsw-wybor__dlaczego { margin: 0 0 8px; font-size: 13.5px; color: var( --tekst-mocny ); }
.tsw-wybor__opis { margin: 0; font-size: 12.5px; color: var( --tekst ); }

/* świeca z CSS: trzon w barwie + płomień */
.tsw-barwa__swieca { position: relative; display: block; width: 46px; height: 110px; margin: 22px auto 0; border-radius: 6px 6px 4px 4px; background: linear-gradient( 90deg, color-mix( in srgb, var( --b ) 80%, #000 ), var( --b ) 45%, color-mix( in srgb, var( --b ) 70%, #fff ) 80%, color-mix( in srgb, var( --b ) 70%, #000 ) ); box-shadow: 0 16px 30px rgba( 0, 0, 0, .5 ); }
.tsw-barwa__swieca::before { content: ''; position: absolute; left: 50%; top: -8px; width: 2px; height: 10px; margin-left: -1px; background: #2a2118; }
.tsw-barwa__swieca i { position: absolute; left: 50%; top: -30px; width: 14px; height: 26px; margin-left: -7px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; background: radial-gradient( ellipse at 50% 70%, #fff6c8, var( --plomien ) 55%, rgba( 240, 100, 40, .0 ) 100% ); box-shadow: 0 0 18px rgba( 253, 226, 145, .7 ), 0 0 40px rgba( 240, 163, 90, .35 ); animation: tsw-plomien 1.6s ease-in-out infinite alternate; }
@keyframes tsw-plomien { from { transform: scaleX( .92 ) rotate( -2deg ); } to { transform: scaleX( 1.06 ) rotate( 2deg ); } }
.tsw-wybor .tsw-barwa__swieca { margin: 0; width: 40px; height: 96px; }

.tsw-barwy { display: block; }
.tsw-barwa { display: grid; justify-items: center; gap: 4px; padding: 0 14px 16px; border: 1px solid var( --obrys ); border-radius: 16px; background: var( --panel ); color: var( --tekst ); font: inherit; text-align: center; cursor: pointer; transition: border-color .2s, transform .2s; }
.tsw-barwa:hover { border-color: var( --zloto-ciemne ); transform: translateY( -2px ); }
.tsw-barwa__nazwa { margin-top: 14px; font: 500 20px var( --serif ); color: var( --zloto-cieply ); }
.tsw-barwa__slowa { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsw-barwa__opis { display: none; margin: 8px 0 0; font-size: 12.5px; line-height: 1.55; color: var( --tekst-mocny ); }
.tsw-barwa.jest-otwarta .tsw-barwa__opis { display: block; }
.tsw-barwa__meta { margin-top: 6px; font-size: 11px; color: var( --tekst-slaby ); }

.tsw-dni { display: grid; grid-template-columns: repeat( 7, minmax( 0, 1fr ) ); gap: 10px; }
.tsw-dzien { position: relative; display: grid; gap: 4px; padding: 16px 12px; border: 1px solid var( --obrys ); border-radius: 14px; background: var( --panel ); text-align: center; }
.tsw-dzien.jest-dzis { border-color: var( --zloto ); box-shadow: 0 0 24px rgba( 253, 226, 145, .16 ); }
.tsw-dzien b { font: 500 18px var( --serif ); color: var( --zloto-cieply ); }
.tsw-dzien__planeta { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsw-dzien__barwa { font-size: 12px; color: var( --lawenda ); }
.tsw-dzien p { margin: 6px 0 0; font-size: 12px; line-height: 1.5; color: var( --tekst ); }
.tsw-dzien small { position: absolute; top: -9px; left: 50%; transform: translateX( -50% ); padding: 1px 10px; border-radius: 999px; background: var( --zloto ); color: #14102a; font-size: 9.5px; letter-spacing: .2em; text-transform: uppercase; }

.tsw-kroki { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: krok; }
.tsw-kroki li { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 18px 20px; border: 1px solid var( --obrys ); border-radius: 14px; background: var( --panel ); }
.tsw-kroki b { font: 400 26px/1 var( --serif ); color: var( --lawenda ); }
.tsw-kroki strong { display: block; margin: 0 0 4px; font: 500 20px var( --serif ); color: var( --zloto-cieply ); }
.tsw-kroki span { font-size: 13.5px; line-height: 1.6; color: var( --tekst ); }
.tsw-uwaga { max-width: 80ch; margin: 22px auto 0; padding: 14px 18px; border: 1px solid rgba( 240, 163, 90, .4 ); border-radius: 12px; font-size: 13px; line-height: 1.65; color: var( --tekst ); }
.tsw-uwaga b { font-weight: 400; color: var( --plomien ); }
.tsw-cta { text-align: center; padding: 36px 20px; border: 1px solid var( --obrys ); border-radius: 18px; background: radial-gradient( circle at 50% 0, rgba( 253, 226, 145, .1 ), transparent 60% ), var( --panel ); }
.tsw-cta__tekst { max-width: 60ch; margin: 0 auto 20px; font-size: 15px; color: var( --tekst-mocny ); }

@media ( max-width: 1100px ) { .tsw-dni { grid-template-columns: repeat( 4, 1fr ); } .tsw-kroki { grid-template-columns: 1fr 1fr; } }
@media ( max-width: 700px ) { .tsw-strona { padding: 24px 16px 60px; } .tsw-form, .tsw-wynik__siatka, .tsw-kroki { grid-template-columns: 1fr; } .tsw-dni { grid-template-columns: repeat( 2, 1fr ); } }
@media ( prefers-reduced-motion: reduce ) { .tsw-barwa__swieca i { animation: none; } }

/* ── karty i okno barwy (2026-09-06) ─────────────────────────────────────── */
.tsw-foto { display: block; width: 100%; max-width: 168px; margin: 14px auto 0; aspect-ratio: 2 / 3; border-radius: 12px; overflow: hidden; border: 1px solid rgba( 230, 196, 138, .3 ); box-shadow: 0 16px 34px rgba( 0, 0, 0, .55 ); }
.tsw-foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.tsw-barwa:hover .tsw-foto img { transform: scale( 1.04 ); }
.tsw-foto .tsw-barwa__swieca { margin: 30px auto 0; }
.tsw-barwa { padding-top: 6px; }
.tsw-barwa__opis { display: none; }
.tsw-barwa__wiecej { margin-top: 10px; font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: var( --zloto ); }
.tsw-wybor { grid-template-columns: 120px 1fr; text-align: left; color: var( --tekst ); font: inherit; cursor: pointer; transition: border-color .2s; }
.tsw-wybor:hover { border-color: var( --zloto-ciemne ); }
.tsw-wybor .tsw-foto { max-width: 120px; margin: 0; }
.tsw-wybor .tsw-barwa__wiecej { display: inline-block; }

.tsw-okno { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px;
	--zloto: #fde291; --zloto-cieply: #f9d57a; --zloto-ciemne: #e6c48a; --zloto-etyk: #cda474; --plomien: #f0a35a; --lawenda: #ad97d3;
	--tekst: #c9c4cf; --tekst-slaby: #9a94a6; --tekst-mocny: #efeaf0; --obrys: rgba( 230, 196, 138, .34 );
	--serif: 'Cormorant Garamond', 'Times New Roman', serif; --sans: 'Jost', system-ui, sans-serif; font: 300 15px/1.6 var( --sans ); color: var( --tekst ); }
.tsw-okno * { box-sizing: border-box; }
.tsw-okno__tlo { position: absolute; inset: 0; background: rgba( 3, 2, 10, .7 ); backdrop-filter: blur( 10px ); }
.tsw-okno__panel { position: relative; display: grid; grid-template-columns: 300px minmax( 0, 1fr ); gap: 34px; width: min( 100%, 1040px ); max-height: 92vh; overflow: auto; padding: 34px 38px; border: 1px solid var( --obrys ); border-radius: 18px; background: radial-gradient( 700px 400px at 20% 0, color-mix( in srgb, var( --b ) 18%, transparent ), transparent 70% ), linear-gradient( 180deg, #0e0a1e, #070516 ); box-shadow: 0 40px 100px rgba( 0, 0, 0, .7 ); }
.tsw-okno__zamknij { position: absolute; right: 14px; top: 12px; z-index: 2; width: 36px; height: 36px; border: 1px solid var( --obrys ); border-radius: 999px; background: rgba( 7, 5, 22, .8 ); color: var( --zloto ); font-size: 22px; cursor: pointer; }
.tsw-okno__zamknij:hover { border-color: var( --zloto ); }
.tsw-okno__lewa { display: grid; align-content: start; gap: 18px; }
.tsw-foto--duza { max-width: 300px; margin: 0; box-shadow: 0 30px 60px rgba( 0, 0, 0, .7 ), 0 0 60px color-mix( in srgb, var( --b ) 35%, transparent ); }
.tsw-okno__meta { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0; font-size: 13px; }
.tsw-okno__meta dt { font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: var( --zloto-etyk ); line-height: 1.9; }
.tsw-okno__meta dd { margin: 0; color: var( --tekst-mocny ); }
.tsw-okno__prawa { min-width: 0; }
.tsw-okno__nad { margin: 0 0 6px; font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsw-okno__tytul { margin: 0 0 10px; font: 500 40px/1.1 var( --serif ); color: var( --zloto-cieply ); }
.tsw-okno__lead { margin: 0 0 20px; font-size: 15.5px; line-height: 1.65; color: var( --tekst-mocny ); }
.tsw-okno__sekcja { margin: 0 0 16px; padding-top: 14px; border-top: 1px solid rgba( 230, 196, 138, .16 ); }
.tsw-okno__sekcja h4 { margin: 0 0 8px; font: 500 20px var( --serif ); color: var( --zloto ); }
.tsw-okno__sekcja p { margin: 0; font-size: 14px; line-height: 1.65; color: var( --tekst ); }
.tsw-okno__sekcja ul { margin: 0; padding: 0 0 0 18px; font-size: 14px; line-height: 1.6; color: var( --tekst ); }
.tsw-okno__sekcja li { margin: 0 0 6px; }
.tsw-okno__sekcja li::marker { color: var( --zloto-ciemne ); }
.tsw-okno__intencja p { font: italic 500 19px/1.4 var( --serif ); color: var( --zloto-cieply ); }

/* poradnik */
.tsw-poradnik__siatka { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 16px; }
.tsw-rozdzial { position: relative; padding: 22px 24px 20px; border: 1px solid var( --obrys ); border-radius: 16px; background: var( --panel ); }
.tsw-rozdzial__nr { position: absolute; right: 18px; top: 14px; margin: 0; font: 400 26px var( --serif ); color: var( --lawenda ); }
.tsw-rozdzial h3 { margin: 0 0 6px; padding-right: 40px; font: 500 22px var( --serif ); color: var( --zloto-cieply ); }
.tsw-rozdzial__lead { margin: 0 0 10px; font-size: 13.5px; line-height: 1.55; color: var( --lawenda ); }
.tsw-rozdzial ul { margin: 0; padding: 0 0 0 16px; font-size: 13.2px; line-height: 1.6; color: var( --tekst ); }
.tsw-rozdzial li { margin: 0 0 7px; }
.tsw-rozdzial li::marker { color: var( --zloto-ciemne ); }
.tsw-dalej { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 22px 0 0; }
.tsw-dalej a { padding: 8px 18px; border: 1px solid rgba( 230, 196, 138, .28 ); border-radius: 999px; color: var( --zloto-ciemne ); font-size: 11.5px; letter-spacing: .18em; text-transform: uppercase; text-decoration: none; }
.tsw-dalej a:hover { background: rgba( 253, 226, 145, .08 ); color: var( --zloto ); }
.tsw-kroki, .tsw-uwaga { display: none; }

@media ( max-width: 1100px ) { .tsw-poradnik__siatka { grid-template-columns: 1fr 1fr; } }
@media ( max-width: 800px ) { .tsw-okno__panel { grid-template-columns: 1fr; padding: 24px; } .tsw-foto--duza { max-width: 200px; margin: 0 auto; } .tsw-poradnik__siatka { grid-template-columns: 1fr; } }

/* ── slider barw ─────────────────────────────────────────────────────────── */
.tsw-slider { position: relative; padding: 0 56px; }
.tsw-slider__tor { display: flex; gap: 22px; padding: 26px 0 18px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; cursor: grab; scroll-padding: 0 20%; }
.tsw-slider__tor::-webkit-scrollbar { display: none; }
.tsw-slider__tor.jest-ciagniety { cursor: grabbing; scroll-snap-type: none; }
.tsw-slider .tsw-barwa { flex: 0 0 236px; scroll-snap-align: center; transform: scale( calc( .9 + .12 * var( --blisko, 0 ) ) ) translateY( calc( -8px * var( --blisko, 0 ) ) ); opacity: calc( .62 + .38 * var( --blisko, 0 ) ); transition: transform .35s ease, opacity .35s ease, border-color .2s; box-shadow: 0 0 0 1px transparent, 0 20px 40px rgba( 0, 0, 0, calc( .2 + .4 * var( --blisko, 0 ) ) ), 0 0 calc( 40px * var( --blisko, 0 ) ) color-mix( in srgb, var( --b ) 35%, transparent ); }
.tsw-slider .tsw-barwa:hover { transform: scale( calc( .93 + .12 * var( --blisko, 0 ) ) ) translateY( calc( -8px * var( --blisko, 0 ) - 2px ) ); }
.tsw-slider__strz { position: absolute; top: 46%; z-index: 2; width: 44px; height: 44px; border: 1px solid var( --obrys ); border-radius: 999px; background: rgba( 7, 5, 22, .85 ); color: var( --zloto ); font: 300 30px/1 var( --serif ); cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.tsw-slider__strz:hover { border-color: var( --zloto ); box-shadow: 0 0 18px rgba( 253, 226, 145, .25 ); }
.tsw-slider__strz:disabled { opacity: .25; cursor: default; }
.tsw-slider__strz--l { left: 0; } .tsw-slider__strz--p { right: 0; }
.tsw-slider__kropki { display: flex; justify-content: center; gap: 8px; margin-top: 4px; }
.tsw-slider__kropka { width: 8px; height: 8px; padding: 0; border: 1px solid rgba( 230, 196, 138, .5 ); border-radius: 999px; background: transparent; cursor: pointer; transition: background .2s, transform .2s; }
.tsw-slider__kropka.jest { background: var( --zloto ); transform: scale( 1.3 ); }
.tsw-barwa__meta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 6px; margin-top: 8px; font-size: 11px; color: var( --tekst-slaby ); }
.tsw-ik { display: inline-grid; place-items: center; width: 18px; height: 18px; margin: 0 2px 0 8px; font-style: normal; color: var( --zloto ); }
.tsw-ik:first-child { margin-left: 0; }
.tsw-ik--zywiol svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.tsw-ik--ogien { color: #f0a35a; } .tsw-ik--ziemia { color: #7cc59a; } .tsw-ik--powietrze { color: #fde291; } .tsw-ik--woda { color: #6d9be6; }
.tsw-ik--planeta { font: 400 16px var( --serif ); }
.tsw-ik--faza { font-size: 13px; }
.tsw-okno__meta dd { display: flex; align-items: center; gap: 8px; }
.tsw-okno__meta .tsw-ik { margin: 0; }
@media ( max-width: 700px ) { .tsw-slider { padding: 0 8px; } .tsw-slider__strz { display: none; } .tsw-slider .tsw-barwa { flex-basis: 78%; } }

/* poradnik jako slider + okno rozdziału */
.tsw-poradnik__siatka.tsw-slider { display: block; }
.tsw-slider--poradnik .tsw-rozdzial { flex: 0 0 360px; scroll-snap-align: center; cursor: pointer; transform: scale( calc( .94 + .06 * var( --blisko, 0 ) ) ); opacity: calc( .7 + .3 * var( --blisko, 0 ) ); transition: transform .35s ease, opacity .35s ease, border-color .2s; }
.tsw-slider--poradnik .tsw-rozdzial:hover { border-color: var( --zloto-ciemne ); }
.tsw-slider--poradnik .tsw-rozdzial li:nth-child( n + 4 ) { display: none; }
.tsw-slider--poradnik .tsw-rozdzial ul::after { content: '…'; display: block; margin-left: -16px; color: var( --zloto-etyk ); letter-spacing: .3em; }
.tsw-slider--poradnik .tsw-barwa__wiecej { display: block; margin-top: 12px; }
.tsw-okno__panel--jeden { grid-template-columns: 1fr; width: min( 100%, 820px ); }
.tsw-okno__lista { margin: 0; padding: 0 0 0 20px; font-size: 15px; line-height: 1.65; color: var( --tekst-mocny ); }
.tsw-okno__lista li { margin: 0 0 10px; }
.tsw-okno__lista li::marker { color: var( --zloto-ciemne ); }

/* ══ układ wg makiet „Magia świec" (2026-09-06 wieczór) ═════════════════════ */
.tsw-strona { padding-top: 54px; }
.tsw-poradnik { position: relative; }
.tsw-poradnik > * { position: relative; z-index: 1; }
.tsw-hero { position: relative; z-index: 1; max-width: 720px; margin: 0 auto 46px; }
.tsw-tytul { font-size: clamp( 40px, 5vw, 66px ); letter-spacing: .01em; }
.tsw-lead { max-width: 62ch; margin: 0 auto; }

/* ozdobne nagłówki sekcji */
.tsw-sekcja__nad { display: flex; align-items: center; justify-content: center; gap: 14px; }
.tsw-sekcja__nad::before, .tsw-sekcja__nad::after { content: ''; width: clamp( 40px, 12vw, 190px ); height: 1px; background: linear-gradient( 90deg, transparent, rgba( 230, 196, 138, .6 ) ); }
.tsw-sekcja__nad::after { background: linear-gradient( 90deg, rgba( 230, 196, 138, .6 ), transparent ); }
.tsw-sekcja__nad--duzy { font-size: 12px; letter-spacing: .38em; }
.tsw-sekcja__tytul { margin: 10px 0 12px; text-align: center; font: 500 clamp( 34px, 4vw, 54px )/1.1 var( --serif ); color: var( --zloto-cieply ); }
.tsw-ozdoba { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 6px 0 8px; color: var( --zloto-ciemne ); }
.tsw-ozdoba i { display: block; width: clamp( 60px, 14vw, 150px ); height: 1px; background: linear-gradient( 90deg, transparent, var( --zloto-ciemne ) ); }
.tsw-ozdoba i + b + i { background: linear-gradient( 90deg, var( --zloto-ciemne ), transparent ); }
.tsw-ozdoba b { font-weight: 400; font-size: 18px; color: var( --zloto ); }
.tsw-podpis { margin: 0 0 26px; text-align: center; font-size: 10.5px; letter-spacing: .32em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsw-podpis--stopka { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 30px 0 0; }
.tsw-podpis--stopka i { font-style: normal; color: var( --zloto ); }
.tsw-podpis--stopka::before, .tsw-podpis--stopka::after { content: ''; width: clamp( 40px, 12vw, 180px ); height: 1px; background: linear-gradient( 90deg, transparent, rgba( 230, 196, 138, .45 ) ); }
.tsw-podpis--stopka::after { background: linear-gradient( 90deg, rgba( 230, 196, 138, .45 ), transparent ); }

/* formularz doboru — złoty przycisk pełny */
.tsw-dobor .tsw-form { max-width: 760px; padding: 22px 26px; border-radius: 20px; background: linear-gradient( 180deg, rgba( 12, 9, 32, .92 ), rgba( 7, 5, 22, .92 ) ); }
.tsw-dobor .tsw-btn { border: 0; background: linear-gradient( 180deg, #f6dc9a, #d9b061 ); color: #17122c; font-weight: 500; box-shadow: 0 0 26px rgba( 253, 226, 145, .35 ); }
.tsw-dobor .tsw-btn:hover { background: linear-gradient( 180deg, #ffeab4, #e6bd6b ); box-shadow: 0 0 38px rgba( 253, 226, 145, .5 ); }
.tsw-wynik__glowa { justify-content: center; gap: 10px 26px; }
.tsw-wynik__glowa b { font-size: 22px; }

/* karty barw wg makiety */
.tsw-slider .tsw-barwa { flex-basis: 248px; padding: 14px 16px 18px; border-radius: 18px; background: linear-gradient( 180deg, rgba( 14, 10, 34, .86 ), rgba( 8, 6, 24, .92 ) ); }
.tsw-barwa .tsw-foto { max-width: 100%; margin: 0 0 12px; aspect-ratio: 2 / 3; border-radius: 10px; }
.tsw-barwa__nazwa { margin: 0 0 6px; font-size: 24px; }
.tsw-barwa__slowa { font-size: 10px; letter-spacing: .2em; }
.tsw-barwa__meta { gap: 6px 18px; margin-top: 10px; }
.tsw-barwa__cecha { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: var( --tekst ); }
.tsw-barwa__wiecej { margin-top: 12px; }
.tsw-slider__strz { width: 52px; height: 52px; font-size: 26px; }
.tsw-slider__strz--l { left: -8px; } .tsw-slider__strz--p { right: -8px; }
.tsw-slider__kropki { margin-top: 14px; gap: 10px; }

/* dni tygodnia wg makiety */
.tsw-dzien { padding: 20px 14px 18px; border-radius: 14px; background: linear-gradient( 180deg, rgba( 12, 9, 30, .8 ), rgba( 7, 5, 20, .9 ) ); }
.tsw-dzien__glif { display: block; margin: 0 0 8px; }
.tsw-dzien__glif .tsw-ik { width: auto; height: auto; margin: 0; font-size: 26px; }
.tsw-dzien b { font-size: 20px; }
.tsw-dzien__planeta { font-size: 10px; letter-spacing: .24em; }
.tsw-dzien.jest-dzis { border-color: var( --zloto ); box-shadow: 0 0 0 1px rgba( 253, 226, 145, .35 ), 0 0 34px rgba( 253, 226, 145, .18 ); }
.tsw-dzien small { top: -10px; padding: 2px 12px; font-size: 9px; }

/* rozdziały poradnika ze sceną */
.tsw-slider--poradnik .tsw-rozdzial { flex-basis: 380px; padding: 0 0 20px; overflow: hidden; }
.tsw-rozdzial__scena { display: block; margin: 0 0 16px; aspect-ratio: 16 / 9; overflow: hidden; border-bottom: 1px solid rgba( 230, 196, 138, .18 ); }
.tsw-rozdzial__scena img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tsw-slider--poradnik .tsw-rozdzial h3, .tsw-slider--poradnik .tsw-rozdzial .tsw-rozdzial__lead, .tsw-slider--poradnik .tsw-rozdzial ul, .tsw-slider--poradnik .tsw-rozdzial .tsw-barwa__wiecej { padding-left: 24px; padding-right: 24px; }
.tsw-slider--poradnik .tsw-rozdzial ul { padding-left: 40px; }
.tsw-rozdzial__nr { top: 20px; right: 22px; font-size: 22px; letter-spacing: .08em; }
.tsw-rozdzial h3 { font-size: 26px; }

.tsw-dalej { gap: 18px; margin-top: 24px; }
.tsw-dalej a { padding: 12px 26px; font-size: 11px; }
.tsw-dalej b { font-weight: 400; color: var( --zloto ); }
@media ( max-width: 1200px ) { 
/* hero i sekcje ponad scenami */
.tsw-sekcja, .tsw-hero { position: relative; z-index: 1; }
.tsw-dobor .tsw-form { backdrop-filter: blur( 2px ); }
@media ( max-width: 1200px ) { 
.tsw-poradnik { padding-top: 26px; }
.tsw-poradnik .tsw-sekcja__nad { position: relative; }
.tsw-poradnik .tsw-sekcja__nad::before, .tsw-poradnik .tsw-sekcja__nad::after { position: absolute; top: -26px; width: min( 22%, 300px ); height: 210px; background: none; }
@media ( max-width: 1200px ) { 
/* panele nad scenami muszą kryć — inaczej tekst ginie na tle */
.tsw-wybor { background: rgba( 6, 4, 20, .95 ); border-color: rgba( 230, 196, 138, .34 ); }
.tsw-dobor .tsw-form { background: linear-gradient( 180deg, rgba( 9, 6, 26, .96 ), rgba( 5, 4, 18, .96 ) ); }
.tsw-slider .tsw-barwa { background: linear-gradient( 180deg, rgba( 11, 8, 30, .95 ), rgba( 6, 5, 20, .96 ) ); }
.tsw-rozdzial, .tsw-dzien { background: linear-gradient( 180deg, rgba( 10, 7, 28, .95 ), rgba( 6, 4, 20, .96 ) ); }

/* tło strony z kolekcji (2026-09-06): góra ze studni kryształów, dół z poświatą */
.tsw-strona { background-attachment: scroll; }
.tsw-hero { padding-top: 26px; }
@media ( max-width: 900px ) { .tsw-strona { background-size: 200% auto, 200% auto, auto; } }