/*
 * NC Kosmetologia Holistyczna — arkusz motywu.
 * Plik generowany z makiet. Reguly :hover pochodza wprost z makiet,
 * style bazowe rowniez — recznie dopisane sa tylko progi wariantow.
 */

/* ── fonty (hostowane lokalnie) ─────────────────────────────────── */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500-ext.woff2') format('woff2');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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500.woff2') format('woff2');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:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-400-ext.woff2') format('woff2');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:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-400.woff2') format('woff2');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:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-600-ext.woff2') format('woff2');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:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-600.woff2') format('woff2');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:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/space-grotesk-500-ext.woff2') format('woff2');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:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/space-grotesk-500.woff2') format('woff2');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:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-400-symbole.woff2') format('woff2');unicode-range:U+2190, U+2192, U+25BC, U+25BE, U+2605, U+260F, U+2715;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-600-symbole.woff2') format('woff2');unicode-range:U+2190, U+2192, U+25BC, U+25BE, U+2605, U+260F, U+2715;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500-symbole.woff2') format('woff2');unicode-range:U+2190, U+2192, U+25BC, U+25BE, U+2605, U+260F, U+2715;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/space-grotesk-500-symbole.woff2') format('woff2');unicode-range:U+2190, U+2192, U+25BC, U+25BE, U+2605, U+260F, U+2715;}

/* ─────────────────────────────────────────────────────────────────────────
   Style bazowe wspolne dla trzech makiet.
   Rozne wartosci (tlo strony, scroll-padding, zasieg reguly dla pol
   formularza) siedza nizej, przy progach — kazda makieta miala swoje.
   ───────────────────────────────────────────────────────────────────────── */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#18181B;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:#0070D5;text-decoration:none}
a:hover{color:#00519B}
button{font-family:inherit;font-size:inherit;color:inherit}
img{max-width:100%}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:2px solid #0070D5;outline-offset:2px}
@keyframes ncIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}html{scroll-behavior:auto}}

/* ─────────────────────────────────────────────────────────────────────────
   Przelaczanie wariantow.

   Dokument zawiera wszystkie trzy makiety; widoczna jest zawsze dokladnie
   jedna. Warianty ukryte przez display:none sa pomijane rowniez przez
   czytniki ekranu, wiec tresc nie dubluje sie w odczycie.

   telefon   < 768 px      (makieta rysowana na 392 px)
   tablet    768–1179 px   (makieta rysowana na 836 px)
   komputer  >= 1180 px    (makieta rysowana na 1440 px)
   ───────────────────────────────────────────────────────────────────────── */
.nc-v{display:none}

@media (max-width:767.98px){
  .nc-v-phone{display:block}
  /* 76 px zamiast 120 px z makiety: nad naglowkiem nie ma juz paska z godzina
     i bateria, ktory zajmowal 44 px */
  html{scroll-padding-top:76px}
  body{background:#E7E9EA}
  input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}

  /* Karuzele obslugiwane strzalkami: przesuwanie palcem wylaczone, zeby
     zdjecia nie uciekaly przy przewijaniu strony. Zawartosc pozostaje w pelni
     dostepna przyciskami — overflow:hidden blokuje tylko gest uzytkownika,
     przewijanie skryptem dziala dalej.
     Pojemniki bez strzalek (cRef, efkRef) celowo pominiete: tam palec jest
     jedynym sposobem dotarcia do dalszej tresci.
     Makieta ustawia overflow-x w stylu liniowym, stad !important. */
  .nc-v-phone [data-nc-ref="efRef"],
  .nc-v-phone [data-nc-ref="zRef"],
  .nc-v-phone [data-nc-ref="kRef"],
  .nc-v-phone [data-nc-ref="chRef"]{
    overflow-x:hidden !important;
    touch-action:pan-y !important;
  }
}

@media (min-width:768px) and (max-width:1179.98px){
  .nc-v-tablet{display:block}
  html{scroll-padding-top:100px}
  body{background:#E7E9EA}
  input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}
}

@media (min-width:1180px){
  .nc-v-desktop{display:block}
  html{scroll-padding-top:96px;scroll-padding-bottom:88px}
  body{background:#FFFFFF}
  ::selection{background:#0070D5;color:#FFFFFF}
}

/* Jedyny prog szerokosci wewnatrz zakresu makiety komputerowej: godziny
   otwarcia w naglowku pojawialy sie dopiero od 1420 px. */
@media (max-width:1419.98px){
  [data-nc-od="1420"]{display:none !important}
}

/* ─────────────────────────────────────────────────────────────────────────
   Stany zwiniete.

   Markup wszystkich stanow (panele menu, odpowiedzi FAQ, komunikaty pustych
   wynikow, potwierdzenie wyslania formularza, nieaktywne zakladki opinii)
   jest w dokumencie od poczatku — dzieki temu nic nie miga przed startem
   JavaScriptu i strona dziala takze z jego wylaczeniem, tyle ze bez
   przelaczania. Atrybut zdejmuje i nadaje skrypt motywu.
   ───────────────────────────────────────────────────────────────────────── */
[data-nc-hide]{display:none !important}

/* Podczas wchodzenia z adresu z filtrem (?problem=…) pozycje niepasujace
   znikaja juz na etapie CSS, zanim skrypt przeliczy naglowki grup. */
[data-nc-filtr-prob="tradzik"] [data-nc-prob]:not([data-nc-prob~="tradzik"]){display:none !important}
[data-nc-filtr-prob="przebarwienia"] [data-nc-prob]:not([data-nc-prob~="przebarwienia"]){display:none !important}
[data-nc-filtr-prob="jedrnosc"] [data-nc-prob]:not([data-nc-prob~="jedrnosc"]){display:none !important}
[data-nc-filtr-prob="owlosienie"] [data-nc-prob]:not([data-nc-prob~="owlosienie"]){display:none !important}
[data-nc-filtr-prob="stopy"] [data-nc-prob]:not([data-nc-prob~="stopy"]){display:none !important}
[data-nc-filtr-prob="sylwetka"] [data-nc-prob]:not([data-nc-prob~="sylwetka"]){display:none !important}

/* ─────────────────────────────────────────────────────────────────────────
   Strona bledu 404. Makieta jej nie przewiduje — zostaje minimum zbudowane
   z tych samych krojow i kolorow, zeby nie wprowadzac nowego jezyka wizualnego.
   ───────────────────────────────────────────────────────────────────────── */
.nc-404{max-width:640px;margin:0 auto;padding:clamp(64px,12vh,140px) 24px;background:#FFFFFF}
.nc-404__kod{margin:0 0 18px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.12em;color:#0070D5}
.nc-404__tytul{margin:0 0 12px;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-0.025em;line-height:1.1}
.nc-404__opis{margin:0 0 26px;font-size:16.5px;color:#5C6165}
.nc-404__link{display:inline-flex;align-items:center;height:52px;padding:0 26px;background:#0070D5;color:#FFFFFF;font-weight:600}
.nc-404__link:hover{background:#00519B;color:#FFFFFF}
body:has(.nc-404){background:#FFFFFF}


/* ── reguly :hover przeniesione z makiet ────────────────────────── */
.nch11z59an:hover{background: rgb(0, 0, 0) !important;}
.nch17pjhg0:hover{background: rgb(244, 246, 247) !important; color: rgb(24, 24, 27) !important;}
.nch1813xa7:hover{background: rgb(0, 81, 155) !important;}
.nch1bk11l6:hover{background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important;}
.nch1ep1ssu:hover{background: rgb(244, 246, 247) !important;}
.nch1h8s9l1:hover{text-decoration: underline !important;}
.nch1ki2tyo:hover{color: rgb(77, 163, 240) !important; border-color: rgb(77, 163, 240) !important;}
.nch1m383x8:hover{background: rgb(255, 255, 255) !important; color: rgb(24, 24, 27) !important; outline: rgb(24, 24, 27) solid 1px !important; outline-offset: -1px !important;}
.nch1m7ago:hover{background: rgb(0, 112, 213) !important; color: rgb(255, 255, 255) !important;}
.nch4lq8rm:hover{border-color: rgb(24, 24, 27) !important; color: rgb(24, 24, 27) !important;}
.nch8ztspm:hover{background: rgb(0, 81, 155) !important; color: rgb(255, 255, 255) !important;}
.nchc6339i:hover{color: rgb(0, 81, 155) !important;}
.nchfcpm8m:hover{border-color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;}
.nchhshpcc:hover{border-color: rgb(24, 24, 27) !important;}
.nchlbw19s:hover{color: rgb(255, 255, 255) !important;}
.nchrpvbfq:hover{color: rgb(0, 112, 213) !important;}