/**
 * Strony kalkulatorów astrologicznych. Paleta i typografia jak w pozostałych
 * sekcjach serwisu: granat #0d1240, złoto #b3922e, tekst #5a5870, bezszeryfowo.
 */
.wwa-strona{background:#fff;}
.wwa-in{max-width:1180px;margin:0 auto;padding:0 40px;}

.wwa-crumbs{background:#0d1240;padding:16px 0;}
.wwa-crumbs .wwa-in{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.16em;
	text-transform:uppercase;color:rgba(255,255,255,.5);}
.wwa-crumbs a{color:rgba(255,255,255,.62);text-decoration:none;}
.wwa-crumbs a:hover{color:#e8b64c;}
.wwa-crumbs-cur{color:#e8b64c;}

.wwa-hero{background:#faf7f0;border-bottom:1px solid #ece5d6;padding:54px 0 48px;}
/* Grafika kalkulatora po prawej stronie hero (2026-08-20). Na wąskich
   ekranach schodzi pod tekst, wyśrodkowana i mniejsza. */
.wwa-hero-in{display:flex;align-items:center;justify-content:space-between;gap:48px;}
.wwa-hero-txt{min-width:0;}
.wwa-hero-obrazek{flex:none;width:230px;height:auto;
	filter:drop-shadow(0 12px 24px rgba(13,18,64,.14));}
@media(max-width:860px){
	.wwa-hero-in{flex-direction:column;align-items:flex-start;gap:26px;}
	.wwa-hero-obrazek{width:170px;align-self:center;}
}
.wwa-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#b3922e;
	font-weight:700;margin-bottom:12px;}
.wwa-strona h1{font-size:40px;line-height:1.15;font-weight:700;color:#0d1240;margin:0 0 16px;
	letter-spacing:-.5px;max-width:820px;}
.wwa-lead{font-size:16.5px;line-height:1.75;color:#4a4860;margin:0;max-width:760px;}
.wwa-cta{display:inline-block;margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.14em;
	text-transform:uppercase;color:#b3922e;text-decoration:none;}
.wwa-cta:hover{color:#0d1240;}
.wwa-cta span{padding-left:4px;}

.wwa-kalk{padding-top:34px;}

.wwa-tresc{padding:44px 0 8px;}
.wwa-tresc-in{max-width:820px;margin:0 auto;}
.wwa-strona h2{font-size:27px;line-height:1.25;font-weight:700;color:#0d1240;margin:0 0 16px;letter-spacing:-.2px;}
.wwa-strona h2 em{font-style:normal;color:#b3922e;}
.wwa-tresc p{font-size:15.5px;line-height:1.85;color:#4a4860;margin:0 0 16px;}

/* Kafle planet.
   Ten sam rytm co sekcja narzędzi na stronie głównej (wyśrodkowana główka,
   kremowe karty z pastelową ikoną), ale tło sekcji jest BIAŁE: kremowy pas
   zlewałby się z sekcją FAQ, która stoi tuż pod spodem i już jest kremowa.
   Złoto zostaje w akcentach tekstu: nadtytuł, tempo planety i „Czytaj”. */
.wwa-planety{padding:60px 0 64px;background:#fff;border-top:1px solid #ecebf3;border-bottom:1px solid #ecebf3;margin-top:40px;}
.wwa-planety-head{text-align:center;max-width:700px;margin:0 auto 34px;}
.wwa-planety-head h2{font-size:30px;margin-bottom:12px;}
.wwa-planety-lead{font-size:15px;line-height:1.75;color:#5a5870;margin:0;}
.wwa-planety-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.wwa-planeta{display:flex;flex-direction:column;background:#f7f6f2;border:1px solid #e8e4dc;border-radius:4px;
	padding:20px 20px 18px;text-decoration:none;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.wwa-planeta:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(13,18,64,.12);border-color:#c8b97a;}
.wwa-planeta-ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	border:1px solid #e2d5b0;margin-bottom:14px;}
.wwa-planeta-tempo{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b3922e;margin-bottom:7px;}
.wwa-planeta-nazwa{font-size:16.5px;font-weight:700;color:#0d1240;line-height:1.3;margin-bottom:8px;transition:color .18s ease;}
.wwa-planeta:hover .wwa-planeta-nazwa{color:#c9a14a;}
.wwa-planeta-opis{font-size:13px;line-height:1.65;color:#3a3850;margin-bottom:16px;flex:1;}
.wwa-planeta-okres{font-size:12.5px;color:#8a87a0;line-height:1.5;}
.wwa-link{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b3922e;
	margin-top:auto;padding-top:12px;border-top:1px solid #e6e0d2;}
.wwa-link span{padding-left:4px;}

/* Opisy domów */
.wwa-domy{padding:48px 0 24px;}
.wwa-dom{display:grid;grid-template-columns:74px minmax(0,1fr);gap:26px;padding:30px 0;
	border-top:1px solid #ecebf3;max-width:940px;}
.wwa-dom:first-child{border-top:none;}
.wwa-dom-nr{font-size:30px;font-weight:700;color:#e6dfc9;letter-spacing:.02em;line-height:1;padding-top:4px;}
.wwa-dom-et{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#b3922e;font-weight:700;margin-bottom:8px;}
.wwa-dom h2{font-size:23px;margin-bottom:6px;}
/* Autorski nagłówek domu zszedł do podtytułu pod H2 z frazą (2026-08-20). */
.wwa-dom-tytul{font-size:19px !important;font-weight:700;color:#0d1240 !important;line-height:1.45 !important;margin:0 0 10px !important;}
.wwa-dom p{font-size:15.5px;line-height:1.8;color:#4a4860;margin:0 0 12px;}
.wwa-dom-esencja{font-size:17px !important;color:#0d1240 !important;font-weight:600;line-height:1.6 !important;}
.wwa-dom-wsk{font-size:14.5px !important;color:#5a5870 !important;background:#faf7f0;
	border-left:2px solid #d8b15e;padding:12px 16px;margin:0 !important;}
.wwa-dom-wsk strong{color:#0d1240;}

/* FAQ i pozostałe narzędzia */
.wwa-faq{background:#faf7f0;border-top:1px solid #ece5d6;padding:52px 0 56px;margin-top:40px;}
.wwa-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;}
.wwa-faq-item{background:#fff;border:1px solid #ece5d6;padding:22px 24px;}
.wwa-faq-q{display:flex;gap:14px;align-items:baseline;margin-bottom:10px;}
.wwa-faq-q .num{font-size:11px;font-weight:700;color:#d8b15e;letter-spacing:.1em;flex-shrink:0;}
.wwa-faq-q .qtext{font-size:16.5px;font-weight:700;color:#0d1240;line-height:1.35;}
.wwa-faq-a p{font-size:14px;line-height:1.75;color:#5a5870;margin:0;padding-left:25px;}

/* Karty pozostałych kalkulatorów w kanonie kafli z sekcji Narzędzia na
   /kategoria/astrologia/: białe pudełko z cieniem, kółko z grafiką, numer,
   złote „Otwórz" oddzielone kreską. Poprzednia wersja: bak-20260820-inne-kafle. */
.wwa-inne{padding:48px 0 56px;}
.wwa-inne-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px;}
.wwa-inny{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e6f0;border-radius:4px;
	padding:24px 24px 22px;box-shadow:0 8px 22px rgba(13,18,64,.05);text-decoration:none;
	transition:transform .18s ease,box-shadow .18s ease;}
.wwa-inny:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(13,18,64,.10);}
.wwa-inny-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;}
.wwa-inny-ic{flex:none;width:80px;height:80px;border-radius:50%;border:1px solid #d9c9a0;
	display:flex;align-items:center;justify-content:center;}
.wwa-inny-ic img{width:64px;height:auto;}
.wwa-inny-num{font-size:30px;font-weight:700;color:#ecebf3;letter-spacing:.02em;line-height:1;}
.wwa-inny-nazwa{font-size:19px;font-weight:700;color:#0d1240;line-height:1.3;margin-bottom:9px;}
.wwa-inny-opis{font-size:13.5px;line-height:1.65;color:#5a5870;margin-bottom:18px;}
.wwa-inny-cta{margin-top:auto;padding-top:14px;border-top:1px solid #ecebf3;font-size:12px;font-weight:700;
	letter-spacing:.14em;text-transform:uppercase;color:#b3922e;}
.wwa-inny-cta span{padding-left:4px;}

@media (max-width:1100px){
	.wwa-planety-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
	.wwa-planety-head h2{font-size:26px;}
	.wwa-inne-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
	.wwa-inne-grid{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:760px){
	.wwa-in{padding:0 20px;}
	.wwa-strona h1{font-size:29px;}
	.wwa-strona h2{font-size:23px;}
	.wwa-planety-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.wwa-faq-grid{grid-template-columns:minmax(0,1fr);}
	.wwa-dom{grid-template-columns:minmax(0,1fr);gap:10px;}
	.wwa-dom-nr{font-size:22px;}
}
@media (prefers-reduced-motion:reduce){
	.wwa-planeta,.wwa-inny{transition:none;}
	.wwa-planeta:hover,.wwa-inny:hover{transform:none;}
}