/* ========== Studio Nożyczki — emaliowany szyld ========== */
@font-face{font-family:'Bodoni Moda';src:url('/fonts/bodoni-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Bodoni Moda';src:url('/fonts/bodoni-latin-ext.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';src:url('/fonts/manrope-latin-ext.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  --bg:#F7F3EC; --surface:#FFFFFF; --text:#191714; --muted:#5A574E;
  --accent:#A8431A; --dark:#123C2E; --on-dark:#F2EFE6; --muted-on-dark:#BFD2C6;
  --accent-on-dark:#E9A94A; --line:rgba(25,23,20,.16); --line-dark:rgba(242,239,230,.22);
  --rys-opis:#A8431A;
  --disp:'Bodoni Moda',Georgia,'Times New Roman',serif;
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --w:1200px; --pad:clamp(20px,4vw,40px);
  --f-18:1.125rem; --f-20:1.25rem; --f-22:1.375rem; --f-28:1.75rem;
  --f-40:clamp(1.9rem,1.2rem + 2.2vw,2.5rem); --f-64:clamp(2.3rem,1.3rem + 3.6vw,4rem);
  --f-96:clamp(2.6rem,1.4rem + 4.6vw,5.4rem);
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);
  font-size:var(--f-18);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--disp);font-weight:700;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:var(--f-96)}
h2{font-size:var(--f-64)}
h3{font-size:var(--f-28);font-weight:400}
p,li{text-wrap:pretty}
p{margin:0 0 1rem;max-width:68ch}
a{color:inherit}
img,svg{max-width:100%;height:auto;display:block}
figure{margin:0}
dl,dd,dt{margin:0}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
.waski{max-width:820px}
.pas{padding:clamp(56px,7vw,104px) 0}
.pas--surface{background:var(--surface)}
.pas--ciemny{background:var(--dark);color:var(--on-dark)}
.pas--ciemny a{color:var(--accent-on-dark)}
.pas--ciemny .btn--akcent{color:#fff}
.pas--cta{background:var(--bg);border-top:1px solid var(--line)}
.brew{font-size:.8125rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);margin:0 0 .9rem;line-height:1.4}
.brew--jasny{color:var(--muted-on-dark)}
.h2{font-size:var(--f-40)}
.lead{font-size:var(--f-22);line-height:1.5;max-width:54ch;color:var(--text)}
.lead--jasny{color:var(--on-dark)}
.btn{display:inline-block;font:inherit;font-weight:700;text-decoration:none;border:0;cursor:pointer;
  padding:.85rem 1.55rem;border-radius:2px;letter-spacing:.01em}
.btn--akcent{background:var(--accent);color:#fff}
.btn--akcent:hover{background:#8E3814}
.btn--duzy{padding:1.05rem 1.9rem;font-size:var(--f-20)}
.link-wt{display:inline-block;font-weight:700;text-decoration:none;color:var(--accent);
  border-bottom:2px solid var(--accent);padding-bottom:2px}
.link-wt:hover{border-bottom-color:transparent}
.link-wt--jasny{color:var(--accent-on-dark);border-bottom-color:var(--accent-on-dark)}
.tab{font-variant-numeric:tabular-nums}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.pas--ciemny :focus-visible{outline-color:var(--accent-on-dark)}

/* --- szapka --- */
.szapka{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
.szapka__in{display:flex;align-items:center;gap:1.5rem;padding-top:.9rem;padding-bottom:.9rem}
.marka{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--dark);margin-right:auto}
.marka .rys{color:var(--dark);flex:0 0 auto}
.marka__t{display:flex;flex-direction:column;line-height:1.15}
.marka__n{font-family:var(--disp);font-size:var(--f-22);font-weight:700;letter-spacing:-.01em;color:var(--text)}
.marka__d{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.menu{display:flex;align-items:center;gap:1.6rem}
.menu a{text-decoration:none;font-weight:600;font-size:1rem}
.menu a:not(.btn):hover{color:var(--accent)}
.menu a[aria-current="page"]:not(.btn){box-shadow:inset 0 -2px 0 var(--accent)}
.menu__cta{margin-left:.4rem}
.menu-btn{display:none;font:inherit;font-weight:700;background:transparent;border:1.5px solid var(--muted);
  color:var(--text);padding:.55rem 1rem;border-radius:2px;cursor:pointer}

/* --- hero --- */
.hero{padding-bottom:0}
.hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,4rem);align-items:end;
  padding-bottom:clamp(56px,7vw,104px)}
.hero__t h1{margin-bottom:1.1rem;font-size:clamp(2.2rem,1.1rem + 3.4vw,3.9rem)}
.hero__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;margin:1.8rem 0 0;max-width:none}
.hero__f{margin-bottom:clamp(-104px,-7vw,-56px);position:relative}
.hero__f img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.hero-typ{padding-bottom:clamp(56px,7vw,104px)}
.hero-typ__in{max-width:960px}
.hero-typ__in h1{margin-bottom:1.1rem}
.hero-typ--waski .hero-typ__in{max-width:780px}

/* --- pasek faktów --- */
.pas--paski{padding-top:clamp(84px,9vw,140px);padding-bottom:clamp(40px,5vw,64px);background:var(--bg)}
.paski{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--text);
  border-bottom:1px solid var(--line)}
.pasek{padding:1.5rem 1.5rem 1.4rem;border-right:1px solid var(--line)}
.pasek:first-child{padding-left:0}
.pasek:last-child{border-right:0}
.pasek__v{font-family:var(--disp);font-size:var(--f-40);font-weight:700;line-height:1.05;margin:0 0 .35rem;
  color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.pasek__l{font-size:1rem;color:var(--muted);margin:0;line-height:1.45}
.pasek:last-child .pasek__v{font-size:var(--f-28)}

/* --- nagłówek sekcji --- */
.naglowek-sekcji{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,4rem);
  align-items:end;margin-bottom:clamp(2.5rem,4vw,3.5rem)}

/* --- karty usług --- */
.karty{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line)}
.karta{background:var(--surface);padding:clamp(1.6rem,2.6vw,2.4rem);display:flex;flex-direction:column;
  grid-column:span 2}
.karta:nth-child(3){background:var(--bg)}
.karta:first-child{grid-column:span 6;display:grid;grid-template-columns:3.5rem 1fr auto;
  gap:.6rem 1.8rem;align-items:center}
.karta:first-child .karta__ik{margin:0;grid-column:1;grid-row:1}
.karta:first-child h3{font-size:var(--f-40);grid-column:2;grid-row:1}
.karta:first-child .karta__c{grid-column:3;grid-row:1;border:0;padding:0;margin:0;font-size:var(--f-40);
  text-align:right}
.karta:first-child .karta__l{grid-column:2;grid-row:2;margin:0}
.karta__l{margin-top:auto}
.karta__ik{display:block;color:var(--dark);margin-bottom:1.3rem}
.karta h3{font-weight:700;margin-bottom:.5rem}
.karta__c{font-family:var(--disp);font-size:var(--f-28);font-weight:700;color:var(--accent);
  font-variant-numeric:tabular-nums;margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.karta__o{color:var(--muted);margin-bottom:1.2rem}
.karta__l{margin:0}

/* --- pas ze zdjęciami (home) --- */
.foto-pas{display:grid;grid-template-columns:1.12fr 1fr .88fr;gap:clamp(1.5rem,3vw,2.5rem);
  align-items:stretch}
.foto-pas figure{height:100%;min-height:0}
.foto-pas figure img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.foto-pas__t p{color:var(--muted)}
.foto-pas__t h2{margin-bottom:1rem}
.dane{margin-top:2rem;border-top:1px solid var(--line)}
.dane__w{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.75rem 0;
  border-bottom:1px solid var(--line)}
.dane dt{font-size:.9375rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dane dd{font-weight:600}

/* --- cennik --- */
.cen{border-top:2px solid var(--text)}
.cen__w{display:grid;grid-template-columns:1fr auto;gap:1.5rem 2.5rem;align-items:baseline;
  padding:1.6rem 0;border-bottom:1px solid var(--line)}
.cen__n h3{font-weight:700;margin-bottom:.3rem}
.cen__o{color:var(--muted);margin:0;font-size:1.0625rem}
.cen__c{font-family:var(--disp);font-size:var(--f-40);font-weight:700;color:var(--accent);margin:0;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.nota{margin-top:1.6rem;padding-left:1.1rem;border-left:3px solid var(--accent);color:var(--muted);max-width:60ch}
.cennik-foto{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.8rem,4vw,3.5rem);align-items:center}
.cennik-foto img{aspect-ratio:3/2;object-fit:cover}

/* --- usługi: rzędy --- */
.skoki{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.skok{display:flex;gap:.6rem;align-items:baseline;text-decoration:none;border:1px solid var(--line-dark);
  padding:.6rem 1rem;border-radius:2px;font-weight:600;font-size:1rem;color:var(--on-dark)}
.skok span{color:var(--accent-on-dark);font-variant-numeric:tabular-nums;font-weight:700}
.skok:hover{border-color:var(--accent-on-dark)}
.rzad{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(1.8rem,4vw,4rem);align-items:center}
.rzad--odwrotny .rzad__f{order:2}
.rzad__f img{aspect-ratio:4/5;object-fit:cover}
.rzad__t h2{font-size:var(--f-40);margin-bottom:1rem}
.rzad__c{display:flex;align-items:center;gap:1rem;margin:0 0 1.5rem;padding-bottom:1.2rem;
  border-bottom:1px solid var(--line)}
.rys-ik{color:var(--dark)}
.rzad__cena{font-family:var(--disp);font-size:var(--f-40);font-weight:700;color:var(--accent);
  font-variant-numeric:tabular-nums}
.rzad__p{font-weight:700;margin-bottom:.6rem}
.lista{margin:0 0 1.6rem;padding-left:1.1rem;max-width:58ch}
.lista li{margin-bottom:.45rem;color:var(--muted)}

/* --- salon --- */
.pas--foto-hero{padding-bottom:0}
.pas--foto-hero h1{margin-bottom:1rem}
.foto-szer{margin-top:clamp(2rem,4vw,3rem)}
.foto-szer img{width:100%;aspect-ratio:21/9;object-fit:cover}
.godziny{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.godz{margin-top:1.8rem;border-top:1px solid var(--line-dark)}
.godz__w{display:grid;grid-template-columns:1fr auto;gap:1.5rem;padding:.9rem 0;
  border-bottom:1px solid var(--line-dark)}
.godz dd{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-on-dark)}
.godz--gora{margin-top:1.4rem}
.godz--odstep{margin-top:2.4rem}
.godz--na-jasnym{border-top-color:var(--line)}
.godz--na-jasnym .godz__w{border-bottom-color:var(--line)}
.godz--na-jasnym dd{color:var(--accent)}
.godziny__k .lead{max-width:44ch}
.osoby{display:grid;grid-template-columns:repeat(2,minmax(0,22rem));gap:1.5rem;margin-top:2.5rem}
.osoba{background:var(--surface);border:1px solid var(--line);padding:1.8rem}
.osoba__i{font-family:var(--disp);font-size:4rem;line-height:1;color:var(--accent);margin:0 0 .8rem}
.osoba h3{font-weight:700}
.osoba__r{color:var(--muted);margin:.2rem 0 0;font-size:1.0625rem}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}
.gal img{aspect-ratio:3/4;object-fit:cover}
.gal__2,.gal__4{margin-top:clamp(1rem,3vw,2.5rem)}

/* --- szyld (element rozpoznawalny) --- */
.szyld-pas{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
.szyld{position:relative;max-width:700px;margin:0 auto;padding:clamp(2.2rem,4vw,3.2rem) clamp(1.8rem,3.5vw,3rem);
  color:var(--muted-on-dark)}
.plyta{position:absolute;inset:0;width:100%;height:100%}
.szyld__t{position:relative;font-size:.8125rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted-on-dark);margin:0 0 1.2rem;text-align:center;max-width:none}
.szyld__l{position:relative}
.szyld__w{display:grid;grid-template-columns:1fr auto;gap:1.5rem;padding:.6rem 0;
  border-bottom:1px solid var(--line-dark)}
.szyld__w:last-child{border-bottom:0}
.szyld__w dt{color:var(--on-dark)}
.szyld__w dd{font-family:var(--disp);font-size:var(--f-28);font-weight:700;color:var(--accent-on-dark);
  font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.szyld__opis{margin:1.5rem auto 0;max-width:50ch;text-align:center;font-size:1.0625rem;color:var(--muted-on-dark)}

/* --- FAQ --- */
.faq{border-top:1px solid var(--line);margin-top:2rem}
.faq__p{display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem 3rem;padding:1.6rem 0;
  border-bottom:1px solid var(--line)}
.faq dt{font-family:var(--disp);font-size:var(--f-22);font-weight:700;line-height:1.25}
.faq dd{color:var(--muted);max-width:62ch}

/* --- kontakt --- */
.kontakt-siatka{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.rysunek{margin-top:2.5rem;color:var(--dark)}
.rys-witryna{width:100%;height:auto}
.kontakt-form{background:var(--surface);border:1px solid var(--line);padding:clamp(1.6rem,3vw,2.6rem)}
form.kontakt{display:grid;gap:1.1rem;margin-top:1.8rem}
form.kontakt label{display:grid;gap:.4rem;font-size:1rem;font-weight:600}
form.kontakt input,form.kontakt select,form.kontakt textarea{font:inherit;font-weight:400;
  padding:.75rem .85rem;border:1.5px solid var(--muted);border-radius:2px;background:#fff;color:var(--text);width:100%}
form.kontakt textarea{resize:vertical;min-height:7.5rem}
form.kontakt button{justify-self:start;font:inherit;font-weight:700;background:var(--accent);color:#fff;
  border:0;border-radius:2px;padding:1rem 1.8rem;cursor:pointer;font-size:var(--f-20)}
form.kontakt button:hover{background:#8E3814}
.form-note{font-size:1rem;color:var(--muted);margin:0}
.status{margin:0;font-weight:600;min-height:1.5rem}
.hp{position:absolute;left:-9999px}
.turnstile:empty{display:none}

/* --- strony prawne --- */
.pas--prawne{background:var(--surface)}
.szkic{border:1px solid var(--accent);border-left-width:4px;padding:.9rem 1.1rem;color:var(--text);
  font-weight:600;max-width:60ch;margin:1.5rem 0 2.5rem}
.proza h2{font-size:var(--f-28);font-weight:700;margin:2.5rem 0 .8rem}
.proza p{color:var(--muted);max-width:68ch}

/* --- CTA --- */
.cta-blok{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.cta-blok h2{font-size:var(--f-40);margin-bottom:.8rem}
.cta-blok__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;margin:0;justify-content:flex-end}

/* --- stopka --- */
.stopka{background:var(--dark);color:var(--on-dark);padding:clamp(48px,6vw,72px) 0 1.5rem}
.stopka a{color:var(--on-dark);text-decoration:none;border-bottom:1px solid var(--line-dark)}
.stopka a:hover{border-bottom-color:var(--accent-on-dark)}
.stopka__in{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:clamp(2rem,4vw,3.5rem)}
.stopka__marka{font-family:var(--disp);font-size:var(--f-28);font-weight:700;margin:0 0 .8rem}
.stopka p{color:var(--muted-on-dark);max-width:34ch}
.stopka__g{border-top:1px solid var(--line-dark)}
.stopka__w{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.55rem 0;
  border-bottom:1px solid var(--line-dark);font-size:1rem}
.stopka__w dd{font-weight:700;font-variant-numeric:tabular-nums}
.stopka__nav{display:grid;gap:.5rem;font-size:1rem}
.stopka__nav a{justify-self:start}
.stopka__dol{margin-top:clamp(2rem,4vw,3rem);padding-top:1.2rem;border-top:1px solid var(--line-dark)}
.stopka__dol p{font-size:1.0625rem;max-width:none;margin:0}

/* --- responsywność --- */
@media (max-width:1040px){
  .karty{grid-template-columns:repeat(4,1fr)}
  .karta{grid-column:span 2}
  .karta:first-child{grid-column:span 4}
  .faq__p{grid-template-columns:1fr}
  .foto-pas{grid-template-columns:1fr 1fr}
  .foto-pas__t{grid-column:1/-1}
  .gal{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .karty{grid-template-columns:1fr}
  .karta,.karta:first-child{grid-column:1/-1}
  .karta:first-child{display:flex;flex-direction:column}
  .karta:first-child .karta__ik,.karta:first-child h3,.karta:first-child .karta__c,
  .karta:first-child .karta__l{grid-column:auto;grid-row:auto}
  .karta:first-child .karta__ik{margin:0 0 1.3rem}
  .karta:first-child .karta__c{text-align:left;font-size:var(--f-28);border-bottom:1px solid var(--line);
    padding-bottom:1rem;margin:0 0 1rem}
  .karta:first-child .karta__l{margin-top:auto}
  .karta:first-child h3{font-size:var(--f-28)}
  .menu-btn{display:block;margin-left:auto}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;
    gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:.5rem var(--pad) 1.2rem}
  .menu--otwarte{display:flex}
  .menu a{padding:.9rem 0;border-bottom:1px solid var(--line)}
  .menu__cta{margin:1rem 0 0;text-align:center;border-bottom:0}
  .szapka__in{position:relative}
  .hero__in,.naglowek-sekcji,.karty,.cennik-foto,.rzad,.godziny,.kontakt-siatka,.cta-blok,.stopka__in{
    grid-template-columns:1fr}
  .hero__f{margin-bottom:0}
  .hero__f img{aspect-ratio:3/2}
  .pas--paski{padding-top:clamp(40px,6vw,56px)}
  .paski{grid-template-columns:repeat(2,1fr)}
  .pasek{padding-left:1.2rem}
  .pasek:nth-child(odd){padding-left:0}
  .pasek:nth-child(2){border-right:0}
  .pasek:nth-child(1),.pasek:nth-child(2){border-bottom:1px solid var(--line)}
  .rzad--odwrotny .rzad__f{order:0}
  .cta-blok__akcje{justify-content:flex-start}
  .osoby{grid-template-columns:repeat(2,1fr)}
  .foto-szer img{aspect-ratio:16/9}
}
@media (max-width:620px){
  .paski{grid-template-columns:1fr}
  .pasek{padding-left:0;border-right:0;border-bottom:1px solid var(--line)}
  .pasek:last-child{border-bottom:0}
  .foto-pas,.gal{grid-template-columns:1fr}
  .foto-pas figure{height:auto}
  .foto-pas figure img{aspect-ratio:3/2;height:auto}
  .foto-pas__b{margin-top:0}
  .gal__2,.gal__4{margin-top:0}
  .osoby{grid-template-columns:1fr}
  .cen__w{grid-template-columns:1fr}
  .dane__w{grid-template-columns:1fr}
  .foto-szer img{aspect-ratio:4/3}
  .szyld{padding-left:1.2rem;padding-right:1.2rem}
  .szyld__w{grid-template-columns:1fr}
  .szyld__w dd{text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:var(--f-22)}
  .szyld__t{text-align:left}
}