.salonCard{display:grid;grid-template-columns:60px 1.5fr .5fr;align-items:start;padding:34px 10px;border-bottom:1px solid rgba(0,0,0,.18)}
.salonCard>b{font-size:9px;color:#a53022}.salonList .salonCard p{font-size:9px;letter-spacing:.1em;line-height:1.6;margin:4px 0}.salonList .hours{font-weight:700}.stylists{max-width:720px;color:#555}.stylists strong{color:#a53022;margin-right:8px}.salonActions{display:flex;flex-direction:column;gap:8px}.salonActions a{display:block!important;background:#090909!important;color:white!important;text-decoration:none;padding:14px!important;font-size:8px;letter-spacing:.14em;font-weight:800}.salonActions a:last-child{background:transparent!important;color:#090909!important;border:1px solid #090909}
.reviews{padding:10vw 5vw;background:#111;color:white}.reviews>span{font-size:8px;letter-spacing:.28em}.reviews h2{font:400 clamp(58px,8vw,120px)/.8 'Archivo Black';letter-spacing:-.07em;margin:25px 0 70px}.reviews h2 i{font-family:'Playfair Display';color:#d0a838}.reviews>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333}.reviews blockquote{margin:0;background:#111;padding:45px 35px;font:900 italic 24px/1.25 'Playfair Display';min-height:220px}.reviews cite{display:block;margin-top:30px;font:700 8px/1.5 Inter;letter-spacing:.15em;color:#d0a838}
@media(max-width:560px){.salonCard{grid-template-columns:30px 1fr}.salonActions{grid-column:2}.reviews>div{grid-template-columns:1fr}}
/* ===== Podstrony (migracja 2026-08) ===== */
.subpage{background:var(--bone)}
.pageHero{padding:9vw 6vw 5vw;border-bottom:1px solid var(--line)}
.pageKicker{font-size:8px;letter-spacing:.28em;font-weight:700;color:var(--red)}
.pageHero h1{font:400 clamp(44px,7vw,110px)/.82 'Archivo Black',Impact,sans-serif;letter-spacing:-.06em;margin:22px 0 0;text-transform:uppercase}
.postMeta{font-size:9px;letter-spacing:.2em;margin:20px 0 0;font-weight:700;color:#666}
.pageBody{padding:5vw 6vw 7vw;max-width:1150px}
.pageBody h2{font:400 clamp(28px,3.6vw,52px)/.9 'Archivo Black',Impact,sans-serif;letter-spacing:-.05em;margin:70px 0 25px;text-transform:uppercase}
.pageBody h2:first-child{margin-top:0}
.pageBody h2 i,.pageHero h1 i{font-family:'Playfair Display',serif;font-style:italic;font-weight:900;color:var(--red)}
.pageBody h3{font:400 clamp(19px,2vw,26px)/1 'Archivo Black',Impact,sans-serif;letter-spacing:-.03em;margin:45px 0 15px;text-transform:uppercase}
.pageBody p,.pageBody li{font-size:14px;line-height:1.8;max-width:760px}
.pageBody a{color:var(--red);font-weight:600}
.pageBody .lead{font-size:16px;line-height:1.75;max-width:820px;font-weight:500}
.pageBody figure{margin:35px 0}
.pageBody img{max-width:100%;height:auto;display:block}
.postThumb img{width:100%;max-width:820px;filter:grayscale(.25) contrast(1.05)}
.backLink{font-size:9px;letter-spacing:.18em;font-weight:800;text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:6px;display:inline-block;margin-top:10px}
.srcNote{font-size:11px;color:#777;letter-spacing:.05em}
/* Tabele cennika */
.cennikStrefa{margin-top:60px;padding-top:15px;border-top:3px solid var(--black)}
.cennikStrefa>h2{margin-top:10px}
.cennikTable{width:100%;border-collapse:collapse;margin:20px 0 45px;max-width:none}
.cennikTable caption{font:400 clamp(19px,2vw,26px)/1 'Archivo Black',Impact,sans-serif;text-align:left;padding:14px 0;letter-spacing:-.03em;text-transform:uppercase}
.cennikTable caption i{font-family:'Playfair Display',serif;color:var(--red)}
.cennikTable th{font-size:8px;letter-spacing:.2em;text-align:left;padding:10px 8px;border-bottom:2px solid var(--black)}
.cennikTable td{font-size:13px;line-height:1.5;padding:13px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.cennikTable tr.grp td{font-weight:800;background:rgba(0,0,0,.04)}
.cennikTable tr.var td:first-child{padding-left:26px;font-size:12px;color:#333}
.cennikTable td.c-time{white-space:nowrap;font-size:11px;letter-spacing:.05em;color:#555}
.cennikTable td.c-price{white-space:nowrap;font-weight:800;color:var(--red)}
.cennikTable td.c-book{text-align:right;white-space:nowrap}
.cennikTable td.c-book a{display:inline-block;background:var(--black);color:#fff;padding:9px 13px;font-size:8px;font-weight:800;letter-spacing:.13em;text-decoration:none}
.cennikTable td.c-book a:hover{background:var(--red)}
.salonInfoBox{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:35px 0}
.salonInfoBox>div{background:var(--bone);padding:22px}
.salonInfoBox b{display:block;font-size:8px;letter-spacing:.25em;color:var(--red);margin-bottom:10px}
.salonInfoBox p{font-size:13px;line-height:1.6;margin:0}
/* Produkty */
.prodGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:35px 0}
.prodCard{background:var(--bone);padding:22px;display:flex;flex-direction:column;text-decoration:none !important;color:inherit;font-weight:400 !important;transition:.2s}
.prodCard:hover{background:#fff}
.prodCard img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply;margin-bottom:16px}
.prodCard small{font-size:7px;letter-spacing:.25em;color:var(--red);font-weight:800}
.prodCard h3{font:400 14px/1.35 Inter,sans-serif;font-weight:700;letter-spacing:0;margin:8px 0 12px;text-transform:none;min-height:38px}
.prodCard .pPrice{margin-top:auto;font:400 20px/1 'Archivo Black',sans-serif;color:var(--black)}
.prodHeader{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:5vw;align-items:start;margin-bottom:30px}
.prodHeader figure{margin:0;background:#fff;padding:25px;border:1px solid var(--line)}
.prodHeader img{mix-blend-mode:multiply}
.prodPrice{font:400 clamp(30px,4vw,48px)/1 'Archivo Black',sans-serif;color:var(--red);margin:18px 0}
.prodCatLink{font-size:8px;letter-spacing:.2em;font-weight:800}
.buyBox{background:var(--black);color:#fff;padding:28px;margin:40px 0;max-width:760px}
.buyBox p{color:#ccc;font-size:13px;margin:0 0 16px}
.buyBox a{display:inline-block;background:var(--acid);color:var(--black);padding:14px 20px;font-size:9px;font-weight:800;letter-spacing:.15em;text-decoration:none;margin-right:12px;margin-top:6px}
/* Marki */
.brandGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:35px 0}
.brandCard{background:var(--bone);padding:28px}
.brandCard img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(.15);margin-bottom:18px}
.brandCard h3{margin:0 0 12px}
.brandCard p{font-size:13px}
/* Archiwum */
.archiveList{display:flex;flex-direction:column;gap:1px;background:var(--line);border-top:3px solid var(--black)}
.archiveItem{background:var(--bone);display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:30px;padding:30px 10px}
.archiveItem img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3)}
.archiveItem small{font-size:8px;letter-spacing:.22em;font-weight:700;color:var(--red)}
.archiveItem h2{margin:12px 0 10px;font-size:clamp(20px,2.6vw,34px)}
.archiveItem h2 a{text-decoration:none;color:inherit}
/* CTA na dole podstron */
.pageCta{padding:9vw 6vw;background:var(--acid);text-align:center}
.pageCta>span{font-size:8px;letter-spacing:.28em;font-weight:700;display:block}
.pageCta h2{font:400 clamp(40px,6.5vw,100px)/.82 'Archivo Black',Impact,sans-serif;letter-spacing:-.06em;margin:24px 0 36px;text-transform:uppercase}
.pageCta h2 i{font-family:'Playfair Display',serif;font-weight:900;color:#fff}
.pageCta>a{display:inline-flex;gap:45px;align-items:center;background:var(--black);color:#fff;text-decoration:none;padding:21px 28px;font-size:9px;letter-spacing:.15em;font-weight:800}
.pageCta>a b{font-size:20px;color:var(--acid)}
/* FAQ */
.faq{border-top:3px solid var(--black);max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:20px 5px;font-weight:800;font-size:13px;letter-spacing:.04em;list-style:none}
.faq summary:before{content:"+ ";color:var(--red);font-weight:900}
.faq details[open] summary:before{content:"– "}
.faq details p{padding:0 5px 20px;margin:0}
@media(max-width:700px){
 .prodHeader{grid-template-columns:1fr}
 .archiveItem{grid-template-columns:1fr}
 .cennikTable td.c-book a{padding:8px 10px}
 .cennikTable{display:block;overflow-x:auto}
 footer{grid-template-columns:1fr 1fr}
}
/* ===== Logo graficzne (2026-08) ===== */
.logoImg img{display:block;width:auto;height:56px}
.nav .logoImg img{filter:invert(1)} /* bialy znak -> czarny na jasnym tle nawigacji */
footer .logoImg img{height:72px}
@media(max-width:560px){.nav .logoImg img{height:44px}}
/* ===== Stopka v2 — wyrownane kolumny, czytelne menu (2026-08) ===== */
footer{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:4.5vw;padding:80px 5vw 30px;align-items:start}
footer>div,footer>nav{display:flex;flex-direction:column;gap:0}
.fBrand .logo{margin-bottom:24px}
.fDesc{font-size:12px;line-height:1.8;letter-spacing:.02em;color:#9a9a9a;max-width:320px;margin:0 0 30px}
.fCta{display:inline-flex;align-items:center;gap:16px;background:var(--acid);color:#0b0b0b;padding:16px 20px;font-size:9px;font-weight:800;letter-spacing:.16em;text-decoration:none;width:max-content;transition:.2s}
.fCta b{font-size:16px}
.fCta:hover{background:#fff}
.fTitle{font-size:8px;letter-spacing:.3em;text-transform:uppercase;font-weight:800;color:#6d6d6d;margin:6px 0 16px}
.fCol a{font-size:12px;letter-spacing:.03em;color:#ddd;text-decoration:none;padding:10px 0;border-bottom:1px solid #1c1c1c;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:.2s}
.fCol a:after{content:"→";font-size:11px;color:#3d3d3d;transition:.2s;flex:none}
.fCol a[target="_blank"]:after{content:"↗"}
.fCol a:hover{color:var(--acid);padding-left:6px}
.fCol a:hover:after{color:var(--acid)}
.fContact>a{font-size:14px;font-weight:600}
.fNote{font-size:7px;letter-spacing:.25em;color:#666;margin:12px 0 0}
.fSocial{display:flex;flex-direction:row;gap:8px;margin-top:24px}
.fSocial a{border:1px solid #2a2a2a;padding:11px 14px;font-size:8px;letter-spacing:.18em;font-weight:700;color:#ddd;text-decoration:none;transition:.2s}
.fSocial a:hover{border-color:var(--acid);color:var(--acid)}
footer small{grid-column:1/-1;margin-top:60px;padding-top:24px;border-top:1px solid #1e1e1e;font-size:7px;letter-spacing:.2em;color:#666}
@media(max-width:1080px){footer{grid-template-columns:1fr 1fr;gap:45px 5vw}.fBrand{grid-column:1/-1}}
@media(max-width:560px){footer{grid-template-columns:1fr;gap:40px;padding:60px 6vw 25px}.fCol a{padding:12px 0}}
/* ===== Design podstron v2 (2026-08): komponenty edytorskie ===== */
.pageBody{max-width:none}
.pageHero{position:relative;overflow:hidden}
.pageHero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent calc(25% - 1px),var(--line) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),var(--line) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),var(--line) 75%,transparent calc(75% + 1px));opacity:.45;pointer-events:none}
.pageHero>*{position:relative}
.pageHeroMeta{position:absolute;right:6vw;top:9vw;font-size:8px;letter-spacing:.25em;line-height:1.8;text-align:right;color:#666;font-weight:700}
@media(max-width:700px){.pageHeroMeta{display:none}}
/* Pelnowidokowe pasy */
.bleed{margin-left:-6vw;margin-right:-6vw}
.band{margin:70px -6vw;padding:65px 6vw;background:var(--black);color:#fff}
.band h2{margin-top:0;color:#fff}
.band h3{color:#fff}
.band p,.band li{color:#b5b5b5}
.band--acid{background:var(--acid);color:var(--black)}
.band--acid h2,.band--acid h3{color:var(--black)}
.band--acid p,.band--acid li{color:rgba(0,0,0,.78)}
.band--red{background:var(--red)}
.band--red p,.band--red li{color:#e9d6d2}
.band .salonInfoBox{background:#242424;border-color:#242424}
.band .salonInfoBox>div{background:#121212}
.band .salonInfoBox p{color:#c9c9c9}
.band .salonInfoBox a{color:var(--acid)}
.band a{color:var(--acid)}
.band h2 i,.band--red h2 i{color:var(--acid) !important}
.band--acid h2 i{color:#fff !important}
/* Przyciski */
.btnAcid{display:inline-flex;align-items:center;gap:14px;background:var(--acid);color:#0b0b0b !important;padding:16px 22px;font-size:9px;font-weight:800;letter-spacing:.16em;text-decoration:none;margin:6px 12px 6px 0;transition:.2s}
.btnAcid:hover{background:#fff}
.btnGhost{display:inline-flex;align-items:center;gap:14px;border:1px solid #4a4a4a;color:#fff !important;padding:15px 21px;font-size:9px;font-weight:800;letter-spacing:.16em;text-decoration:none;margin:6px 12px 6px 0;transition:.2s}
.btnGhost:hover{border-color:var(--acid);color:var(--acid) !important}
.pageBody>.btnDark,.btnDark{display:inline-flex;align-items:center;gap:14px;background:var(--black);color:#fff !important;padding:16px 22px;font-size:9px;font-weight:800;letter-spacing:.16em;text-decoration:none;margin:6px 12px 6px 0;transition:.2s}
.btnDark:hover{background:var(--red)}
/* Nawigacja kotwic (cenniki) */
.chipNav{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 10px}
.chipNav a{border:1px solid var(--black);padding:11px 15px;font-size:8px;letter-spacing:.16em;font-weight:800;text-decoration:none;color:var(--black);transition:.15s}
.chipNav a:hover{background:var(--black);color:#fff}
.chipNav b{font-size:8px;color:var(--red);margin-right:4px}
/* Kroki / listy numerowane */
.stepList{border-top:3px solid var(--black);margin:35px 0;max-width:900px}
.stepItem{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:32px 5px;border-bottom:1px solid var(--line)}
.stepItem>b{font:400 34px/1 'Archivo Black',Impact,sans-serif;color:var(--red)}
.stepItem h3{margin:2px 0 10px}
.stepItem p,.stepItem ul{margin:0}
.band .stepList{border-top-color:#fff}
.band .stepItem{border-bottom-color:#2c2c2c}
.band .stepItem>b{color:var(--acid)}
/* Statystyki */
.statStrip{display:flex;flex-wrap:wrap;gap:6vw;margin:50px 0;padding-top:28px;border-top:1px solid var(--line)}
.statStrip span{display:flex;flex-direction:column;gap:10px;font-size:8px;letter-spacing:.22em;font-weight:800}
.statStrip b{font:400 clamp(38px,4.5vw,58px)/1 'Archivo Black',Impact,sans-serif;color:var(--red)}
.band .statStrip{border-top-color:#2c2c2c}
.band .statStrip b{color:var(--acid)}
/* Kafle kategorii (sklep) */
.catTiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:35px 0}
.catTile{padding:36px 30px;text-decoration:none !important;display:flex;flex-direction:column;gap:14px;min-height:210px;transition:.2s;font-weight:400 !important}
.catTile:nth-child(1){background:var(--black);color:#fff !important}
.catTile:nth-child(2){background:var(--red);color:#fff !important}
.catTile:nth-child(3){background:var(--acid);color:var(--black) !important}
.catTile small{font-size:8px;letter-spacing:.25em;font-weight:800;opacity:.65}
.catTile h3{font:400 clamp(20px,2.2vw,30px)/.95 'Archivo Black',Impact,sans-serif;margin:0;text-transform:uppercase;letter-spacing:-.03em;color:inherit}
.catTile p{font-size:12px;line-height:1.65;margin:0;opacity:.85;color:inherit}
.catTile>span{margin-top:auto;font-size:9px;letter-spacing:.16em;font-weight:800}
.catTile:hover{transform:translateY(-5px)}
@media(max-width:800px){.catTiles{grid-template-columns:1fr}.catTile{min-height:0}}
/* Karty produktow — biale, brutalistyczny hover */
.prodGrid{background:var(--line)}
.prodCard{background:#fff}
.prodCard:hover{background:#fff;box-shadow:7px 7px 0 var(--black);transform:translate(-3px,-3px);position:relative;z-index:2}
/* Marki w ciemnej sekcji */
.band .brandGrid{background:#2e2e2e;border-color:#2e2e2e}
.band .brandCard{background:#141414}
.band .brandCard h3{color:#fff}
.band .brandCard p{color:#a9a9a9}
.band .brandCard img{filter:grayscale(1) contrast(1.05);transition:.45s}
.band .brandCard:hover img{filter:grayscale(0)}
/* Tabele cennika v2 */
.cennikStrefa{border-top-width:4px}
.cennikStrefa>h2{font-size:clamp(34px,4.5vw,64px)}
.cennikTable caption b{font-family:'Playfair Display',serif;font-style:italic;font-weight:900;color:var(--red);margin-right:12px}
.cennikTable tr.grp td{background:var(--black);color:#fff}
.cennikTable tr.grp td.c-price{color:var(--acid)}
.cennikTable tr.grp td.c-time{color:#999}
.cennikTable tr.grp td.c-book a{background:var(--acid);color:var(--black)}
.cennikTable tr.grp td.c-book a:hover{background:#fff}
.cennikTable tbody tr:not(.grp):hover td{background:rgba(255,255,255,.6)}
/* Wiersze salonow (kontakt) — spojne z lista na stronie glownej */
.pageBody .salonList{margin:30px 0 10px}
.pageBody .salonCard .stylists a{color:var(--black);font-weight:800;text-decoration:none;border-bottom:1px solid var(--red)}
/* Ticker na podstronach */
.pageBody .ticker{margin:60px -6vw}
/* ===== Header v3 (2026-08): glowna — absolute nad hero; podstrony — male logo na czarnym kaflu ===== */
/* Podstrony: jasny pasek, logo pomniejszone, czarny kafel pod logo */
.nav .logoImg{background:var(--black);padding:9px 12px}
.nav .logoImg img{height:34px;filter:none} /* bialy znak na czarnym kaflu — bez inwersji */
/* Strona glowna: header absolutnie na tle hero */
.home .nav{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:1px solid rgba(255,255,255,.16);z-index:30}
.home .nav nav a{color:#fff}
.home .nav .logoImg{background:transparent;padding:0}
.home .nav .logoImg img{height:52px}
.home .navCta{background:rgba(9,9,9,.85);backdrop-filter:blur(4px)}
.home .hero{height:100vh} /* hero pod headerem na pelna wysokosc ekranu */
@media(max-width:560px){.nav .logoImg img{height:28px}.home .nav .logoImg img{height:40px}}
/* ===== v1.2 (2026-08-25): lokalizacje, WebP, dostepnosc ===== */
/* <picture> nie moze tworzyc dodatkowego pudelka — inaczej rozjezdzaja sie
   reguly typu `.eduImage img{height:100%}`. */
picture{display:contents}
.skipLink{position:absolute;left:-9999px;top:0;z-index:100;background:var(--black);color:#fff;padding:14px 18px;font-size:10px;letter-spacing:.16em;font-weight:800;text-decoration:none}
.skipLink:focus{left:0}
:where(a,button,summary):focus-visible{outline:3px solid var(--red);outline-offset:3px}
.heroImage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Karta salonu — nazwa klikalna + linia charakteru salonu */
.salonList .salonCard h3 a{text-decoration:none;color:inherit;border-bottom:2px solid transparent;transition:.2s}
.salonList .salonCard h3 a:hover{border-bottom-color:var(--red)}
.salonList .salonProfile{font-size:9px!important;letter-spacing:.14em!important;font-weight:800;color:var(--red);text-transform:uppercase;margin:8px 0 12px!important}
.salonList .salonProfile--men{background:var(--black);color:var(--acid);display:inline-block;padding:8px 11px;line-height:1.5}
.salonActions a:last-child{background:transparent!important;color:#090909!important;border:1px solid #090909}
/* Naglowek podstrony lokalizacji */
.pageHero--salon h1{font-size:clamp(38px,5.6vw,86px)}
.pageHeroProfile{margin:24px 0 0;font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--red);max-width:760px;line-height:1.7}
.pageHeroProfile--men{background:var(--black);color:var(--acid);display:inline-block;padding:12px 15px}
.pageHeroActions{display:flex;flex-wrap:wrap;gap:0;margin-top:30px}
.btnOutline{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--black);color:var(--black)!important;padding:15px 21px;font-size:9px;font-weight:800;letter-spacing:.16em;text-decoration:none;margin:6px 12px 6px 0;transition:.2s}
.btnOutline:hover{background:var(--black);color:#fff!important}
.btnOutline b,.btnDark b{font-size:15px}
.salonBanner{margin:0;position:relative}
.salonBanner img{width:100%;height:clamp(260px,42vw,520px);object-fit:cover;display:block;filter:grayscale(.35) contrast(1.05)}
.salonBanner figcaption{position:absolute;left:0;bottom:0;background:rgba(9,9,9,.82);color:#cfcfcf;font-size:9px;letter-spacing:.12em;padding:10px 14px;max-width:min(92%,640px)}
/* Siatka „szybkie fakty" i listy uslug na podstronach lokalizacji */
.locFacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:35px 0}
.locFacts>div{background:var(--bone);padding:22px}
.locFacts b{display:block;font-size:8px;letter-spacing:.25em;color:var(--red);margin-bottom:10px}
.locFacts p{font-size:13px;line-height:1.65;margin:0}
.svcList{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:30px 0}
.svcList div{background:var(--bone);padding:20px 22px;font-size:13px;line-height:1.6;display:flex;gap:14px}
.svcList div:before{content:"—";color:var(--red);font-weight:800}
.teamGrid{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.teamGrid span{border:1px solid var(--line);padding:12px 15px;font-size:12px;letter-spacing:.04em;background:rgba(255,255,255,.45)}
.band .teamGrid span{border-color:#2c2c2c;background:#141414;color:#ddd}
.locMap{margin:35px 0;border:1px solid var(--line);aspect-ratio:16/9;width:100%;max-width:900px}
.locMap iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:560px){
 .pageHeroActions .btnDark,.pageHeroActions .btnOutline{width:100%;justify-content:space-between;margin-right:0}
 .salonBanner figcaption{font-size:8px;padding:8px 10px}
}
/* Reset po starym ukladzie: `.salonList a{display:grid;...}` w style.css celowal
   w karty-linki. Karta jest teraz <article>, wiec linki w jej tresci musza wrocic
   do zachowania zwyklego odnosnika (przyciski w .salonActions maja wlasne reguly). */
.salonList .salonMain a{display:inline;grid-template-columns:none;align-items:baseline;padding:0;border-bottom:0;background:none;transition:.2s}
.salonList .salonMain a:hover{background:none;color:inherit;padding-left:0}
.salonList .salonCard h3{margin:6px 0 0;max-width:22ch}
.salonList .salonCard h3 a:hover{border-bottom-color:var(--red)}
.salonList .salonMain .stylists a{font-weight:800;border-bottom:1px solid var(--red)}
/* Pas w kolorze akcentu: `.band a{color:var(--acid)}` dawal zloto na zlocie —
   odnosniki musza byc czarne, tak jak reszta tekstu w tym pasie. */
.band--acid a{color:var(--black);border-bottom:1px solid rgba(0,0,0,.45)}
.band--acid a:hover{border-bottom-color:var(--black)}
.band--acid .salonInfoBox a{color:var(--black)}
/* ===== WooCommerce (kuzniajewula.pl) =====================================
   Sklep dziala na WooCommerce, ktory wnosi wlasny HTML i wlasne style.
   Ponizsze reguly sprowadzaja jego elementy do jezyka wizualnego motywu:
   brutalistyczne kafle, zloty akcent, brak zaokraglen. */
.woocommerce-wrap{max-width:none}
.woocommerce-wrap .woocommerce-breadcrumb{font-size:9px;letter-spacing:.16em;font-weight:700;color:#777;margin:0 0 28px}
.woocommerce-wrap .woocommerce-breadcrumb a{color:var(--red)}
.woocommerce-wrap .woocommerce-result-count,
.woocommerce-wrap .woocommerce-ordering{font-size:11px;letter-spacing:.06em}
.woocommerce-wrap ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:30px 0!important;padding:0!important;list-style:none}
.woocommerce-wrap ul.products li.product{background:#fff;padding:22px!important;margin:0!important;width:auto!important;float:none!important;text-align:left;transition:.2s}
.woocommerce-wrap ul.products li.product:hover{box-shadow:7px 7px 0 var(--black);transform:translate(-3px,-3px);position:relative;z-index:2}
.woocommerce-wrap ul.products li.product img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply;margin-bottom:16px}
.woocommerce-wrap ul.products li.product .woocommerce-loop-product__title{font:400 14px/1.35 Inter,sans-serif!important;font-weight:700!important;letter-spacing:0;margin:8px 0 12px!important;padding:0!important;text-transform:none;min-height:38px}
.woocommerce-wrap ul.products li.product .price{font:400 20px/1 'Archivo Black',sans-serif!important;color:var(--black)!important}
.woocommerce-wrap ul.products li.product .price del{font-size:13px;color:#999}
.woocommerce-wrap ul.products li.product .onsale{background:var(--red);border-radius:0;padding:6px 10px;font-size:8px;letter-spacing:.14em;font-weight:800;min-height:0;line-height:1;top:12px;right:12px;margin:0}
/* Karta produktu */
.woocommerce-wrap div.product .product_title{font:400 clamp(26px,3.4vw,46px)/.95 'Archivo Black',Impact,sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 18px}
.woocommerce-wrap div.product p.price,
.woocommerce-wrap div.product span.price{font:400 clamp(28px,4vw,44px)/1 'Archivo Black',sans-serif!important;color:var(--red)!important;margin:14px 0 22px}
.woocommerce-wrap div.product .woocommerce-product-gallery{border:1px solid var(--line);background:#fff;padding:18px}
.woocommerce-wrap div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 -1px!important}
.woocommerce-wrap div.product .woocommerce-tabs ul.tabs:before{border-color:var(--line)}
.woocommerce-wrap div.product .woocommerce-tabs ul.tabs li{background:transparent;border:1px solid var(--line);border-radius:0;font-size:10px;letter-spacing:.14em;font-weight:800}
.woocommerce-wrap div.product .woocommerce-tabs ul.tabs li.active{background:var(--black)}
.woocommerce-wrap div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
.woocommerce-wrap div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-wrap div.product .woocommerce-tabs ul.tabs li:before{display:none}
/* Przyciski */
.woocommerce-wrap a.button,.woocommerce-wrap button.button,.woocommerce-wrap input.button,
.woocommerce-wrap #respond input#submit,.woocommerce-wrap a.button.alt,.woocommerce-wrap button.button.alt{
 background:var(--black)!important;color:#fff!important;border-radius:0!important;
 padding:14px 20px!important;font:700 9px/1 Inter,sans-serif!important;letter-spacing:.16em!important;
 text-transform:uppercase;transition:.2s}
.woocommerce-wrap a.button:hover,.woocommerce-wrap button.button:hover,.woocommerce-wrap input.button:hover,
.woocommerce-wrap a.button.alt:hover,.woocommerce-wrap button.button.alt:hover{background:var(--red)!important;color:#fff!important}
.woocommerce-wrap .added_to_cart{display:inline-block;margin-top:10px;font-size:9px;letter-spacing:.14em;font-weight:800;border-bottom:1px solid var(--red)}
/* Komunikaty, tabele, formularze */
.woocommerce-wrap .woocommerce-message,.woocommerce-wrap .woocommerce-info,.woocommerce-wrap .woocommerce-error{
 border-top-color:var(--acid);background:var(--surface-2,#efece4);border-radius:0;font-size:14px}
.woocommerce-wrap .woocommerce-message:before,.woocommerce-wrap .woocommerce-info:before{color:var(--acid)}
.woocommerce-wrap .woocommerce-error{border-top-color:var(--red)}
.woocommerce-wrap .woocommerce-error:before{color:var(--red)}
.woocommerce-wrap table.shop_table,.woocommerce-wrap table.shop_attributes{border-radius:0;border-collapse:collapse}
.woocommerce-wrap table.shop_table th{font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.woocommerce-wrap form .form-row input.input-text,.woocommerce-wrap form .form-row textarea,
.woocommerce-wrap form .form-row select,.woocommerce-wrap .select2-container .select2-selection{
 border:1px solid var(--line);border-radius:0;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;background:#fff}
.woocommerce-wrap .quantity input.qty{border:1px solid var(--line);border-radius:0;padding:10px 6px}
.woocommerce-wrap nav.woocommerce-pagination ul{border:0;display:flex;gap:8px}
.woocommerce-wrap nav.woocommerce-pagination ul li{border:0}
.woocommerce-wrap nav.woocommerce-pagination ul li a,.woocommerce-wrap nav.woocommerce-pagination ul li span{
 border:1px solid var(--black);padding:11px 15px;font-size:9px;font-weight:800;letter-spacing:.14em}
.woocommerce-wrap nav.woocommerce-pagination ul li span.current{background:var(--black);color:#fff}
.woocommerce-wrap .related.products>h2,.woocommerce-wrap .upsells.products>h2{
 font:400 clamp(22px,2.8vw,36px)/.95 'Archivo Black',Impact,sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:60px 0 20px}
@media(max-width:700px){
 .woocommerce-wrap div.product .woocommerce-product-gallery,
 .woocommerce-wrap div.product .summary{width:100%!important;float:none!important;margin:0 0 24px!important}
 .woocommerce-wrap table.shop_table{display:block;overflow-x:auto}
}
/* ===== Skalowanie obrazkow =================================================
   Atrybuty width/height na <img> rezerwuja miejsce w ukladzie, ale przegladarka
   traktuje je rowniez jako wskazowke prezentacyjna. Gdy regula CSS ustawia samą
   szerokosc (jak `.team img{width:100%}`), wysokosc z atrybutu zostaje w mocy
   i obraz zostaje rozciagniety w pionie. Globalne height:auto to neutralizuje,
   a ustepuje kazdej regule, ktora wysokosc ustawia swiadomie. */
img{height:auto}
.team>div img,.salonPhoto img{height:auto}
/* ===== Waskie ekrany: nic nie wychodzi poza szerokosc telefonu ============
   Wielkie naglowki skladane sa Archivo Black i Playfair Display, w ktorych
   pojedyncze slowo („POWIEDZENIA.", „OSOBOWOSCI.") bywa szersze niz kolumna
   tekstu. Slowa nie da sie zlamac, wiec wypycha strone w poziomie. Dolna
   granica clamp() musi wiec zejsc nizej niz 60 px z reguly bazowej. */
@media(max-width:560px){
 .manifest h2,.manifest h3,.serviceIntro h2,.wojtek h2,.salonHead h2,
 .eduText h2,.team h2,.final h2,.reviews h2{font-size:clamp(30px,10vw,52px)}
 .team h2{right:5vw}
 .wojtekText{max-width:100%;overflow-wrap:break-word}
 /* Baner zgod Complianz ma wpisane na sztywno 480 px i na telefonie
    wystawal poza ekran razem z przyciskami „Akceptuje" i „Odmow". */
 .cmplz-cookiebanner{width:100%!important;max-width:100%!important}
}