/* Wspólne dla wszystkich stron: czcionki, kolory motywu (zmienne w :root), styl bazowy, nagłówek i stopka. */
@font-face{font-family:"SB Bodoni Moda";src:url("/fonts/bodoni-moda-latin-ext-wght-normal.woff2") format("woff2");font-weight:400 900;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:"SB Bodoni Moda";src:url("/fonts/bodoni-moda-latin-wght-normal.woff2") format("woff2");font-weight:400 900;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:"SB Bodoni Moda";src:url("/fonts/bodoni-moda-latin-ext-wght-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;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:"SB Bodoni Moda";src:url("/fonts/bodoni-moda-latin-wght-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;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:"SB Montserrat";src:url("/fonts/montserrat-latin-ext-wght-normal.woff2") format("woff2");font-weight:100 900;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:"SB Montserrat";src:url("/fonts/montserrat-latin-wght-normal.woff2") format("woff2");font-weight:100 900;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}
:root{--bg:#efeeec;--surface:#ffffff;--ink:#333333;--muted:rgba(51,51,51,.75);--line:#d7bb88;--accent:#8f713c;--accent-ink:#ffffff;--band:#333333;--band-ink:#ffffff;--font-head:"SB Bodoni Moda", Didot, Georgia, serif;--font-body:"SB Montserrat", system-ui, sans-serif;--radius:0px;--max-w:1360px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;letter-spacing:.6px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);font-weight:400;line-height:1.3;letter-spacing:.6px;margin:0 0 .5em;text-wrap:balance;overflow-wrap:break-word}
p,ul,ol,figure,blockquote,dl{margin:0 0 1em}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.site .wrap{max-width:var(--max-w);margin:0 auto;padding:0 24px}
.site .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:600;border:1px solid var(--accent)}
.site .btn-ghost{background:transparent;color:var(--ink);border-color:currentColor}
.site .band{background:var(--band);color:var(--band-ink)}
.site .surface{background:var(--surface)}
.site a:focus-visible,.site summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
:where(.site .r-title){font-family:var(--font-head);font-size:clamp(28px,3.4vw,44px);line-height:1.15}
:where(.site .r-item){font-family:var(--font-head);font-size:clamp(24px,2.8vw,36px);line-height:1.2}
:where(.site .r-sub){font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,currentColor 72%,transparent)}
:where(.site .r-body){line-height:1.75;color:color-mix(in srgb,currentColor 80%,transparent)}
:where(.site .r-media){margin:0 0 1em}
:where(.site .r-media) img{width:100%;object-fit:cover}
:where(.site .r-list){list-style:none;padding:0}
:where(.site .r-list-item){padding:10px 0;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}
:where(.site .r-btn){display:inline-flex;align-items:center;min-height:44px;padding:0 26px;border-radius:var(--radius);border:1px solid currentColor;text-decoration:none}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after{animation:none!important;transition:none!important}
}
[data-b="naglowek"]{background:var(--bg)}
[data-b="naglowek"] .bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:96px;border-bottom:1px solid var(--line)}
[data-b="naglowek"] nav{display:flex;gap:22px;font-size:14px}
[data-b="naglowek"] nav a,[data-b="naglowek"] .ig{text-decoration:none;color:var(--ink)}
[data-b="naglowek"] nav a:hover,[data-b="naglowek"] nav a[aria-current="page"],[data-b="naglowek"] .ig:hover{text-decoration:underline;text-underline-offset:.3rem}
[data-b="naglowek"] .logo img{height:62px;width:auto;display:block}
[data-b="naglowek"] .ig{justify-self:end;font-size:14px}
@media (max-width:760px) {
  [data-b="naglowek"] .bar{grid-template-columns:1fr;justify-items:center;gap:10px;padding:12px 0}
  [data-b="naglowek"] nav{flex-wrap:wrap;justify-content:center;gap:14px}
  [data-b="naglowek"] .ig{display:none}
}
[data-b="stopka"]{background:var(--band);color:var(--band-ink);padding:56px 0 32px;text-align:center}
[data-b="stopka"] h2{font-size:16px;margin:0 0 14px;font-weight:700;color:#d7bb88}
[data-b="stopka"] p{font-size:15px;line-height:1.8;color:rgba(215,187,136,.75);max-width:62ch;margin:0 auto 14px}
[data-b="stopka"] a{color:#d7bb88}
[data-b="stopka"] .logo{height:40px;width:auto;margin:20px auto 0;filter:invert(1)}
[data-b="stopka"] .copy{margin-top:20px;font-size:11px;letter-spacing:.7px;color:rgba(215,187,136,.75)}
@keyframes rise--stopka{from{opacity:.01;transform:translateY(20px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()) {
  [data-b="stopka"] h2,[data-b="stopka"] p{animation:rise--stopka linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
}
/* Dodane przy eksporcie: przy „ogranicz ruch” przycisk nie przechyla się po najechaniu (animacje i przejścia wyłącza reguła wyżej). */
@media (prefers-reduced-motion:reduce){.site .btn:hover{transform:none!important}}
/* ---- Dopasowanie do jej strony na Shopify (zmierzone w Chrome 6 XI 2026, przegląd: publikacja/review/) ---- */
/* krótka strona (Kontakt, 404): stopka zawsze na dole okna */
.site{min-height:100vh;display:flex;flex-direction:column}
.site>main{flex:1}
@media (min-width:750px) {
  [data-b="stopka"] p{font-size:16px}
}
@media (min-width:990px) {
  [data-b="stopka"] h2{font-size:18px}
}
/* wejście pierwszej sekcji po wczytaniu strony (jak u niej: 2rem w górę i z przezroczystości, .6s, co 75 ms) */
@keyframes wejscie{from{opacity:.01;transform:translateY(2rem)}to{opacity:1;transform:none}}
main>.b:first-child section>:not(.txt),main>.b:first-child .txt>*{animation:wejscie .6s cubic-bezier(0,0,.3,1) both}
main>.b:first-child .txt>:nth-child(2),main>.b:first-child section>:nth-child(2){animation-delay:75ms}
main>.b:first-child .txt>:nth-child(3),main>.b:first-child section>:nth-child(3){animation-delay:150ms}
main>.b:first-child .txt>:nth-child(4),main>.b:first-child section>:nth-child(4){animation-delay:225ms}
main>.b:first-child .txt>:nth-child(n+5),main>.b:first-child section>:nth-child(n+5){animation-delay:300ms}
/* ---- Przerywnik: zdjęcie na całą szerokość jako pas między sekcjami (z wariantu K3, wybrał Sławek 6 XI 2026) ---- */
.site .pas{position:relative;margin:0;height:clamp(300px,60vh,640px);overflow:clip;background:var(--band)}
.site .pas img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover}
.site .pas.pas-twarz img{object-position:50% 30%}
.site .pas figcaption{position:absolute;right:16px;bottom:14px;background:rgba(0,0,0,.7);color:#fff;font-family:var(--font-head);font-size:13px;line-height:1.3;padding:3px 8px;opacity:0;transition:opacity .3s ease}
.site .pas:hover figcaption,.site .pas:focus-within figcaption{opacity:1}
@media (max-width:760px){.site .pas{height:52vh}}
/* zdjęcie przesuwa się wolniej niż strona, tylko przy przewijaniu; przy „ogranicz ruch” stoi */
@keyframes pas-drift{from{translate:0 -6%}to{translate:0 6%}}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .site .pas img{animation:pas-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  }
}
@media (prefers-reduced-motion:reduce){.site .pas img{top:0;height:100%}}

/* Telefon (6.11.2026): tekst co najmniej 15 px, linki w nagłówku i stopce co najmniej 44 px wysokości (cel dotyku). */
@media (max-width:760px){
  [data-b="naglowek"] nav{font-size:15px;gap:4px 18px}
  [data-b="naglowek"] nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
  [data-b="naglowek"] .bar{gap:2px;padding:8px 0}
  [data-b="stopka"] a{display:inline-flex;align-items:center;min-height:44px}
  [data-b="stopka"] .copy{font-size:15px;letter-spacing:.3px}
}