/* SHE v7b: nagłówek strony głównej na podstronach (Tailwind). Wszystko zawężone do .site-header,
   fonty pod osobnymi nazwami, żeby nie zmieniać treści podstron. Źródło: base.css, site.css, she-nav.css. */
@font-face{font-family:"SHEH Montserrat";src:url("../fonts/montserrat.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"SHEH Cormorant";src:url("../fonts/cormorant.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"SHEH Cormorant";src:url("../fonts/cormorant-italic.woff2") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"SHEH Newsreader";src:url("../fonts/newsreader-normal-latin-ext.woff2") format("woff2");font-weight:200 800;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:"SHEH Newsreader";src:url("../fonts/newsreader-normal-latin.woff2") format("woff2");font-weight:200 800;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:"SHEH Newsreader";src:url("../fonts/newsreader-italic-latin-ext.woff2") format("woff2");font-weight:200 800;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:"SHEH Newsreader";src:url("../fonts/newsreader-italic-latin.woff2") format("woff2");font-weight:200 800;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}
.site-header{--text:#0F0F0F;--blue:#1217EC;--taupe:#8C7C66;--beige:#F0EBDF;--cream:#FDFBF4;--yellow:#FFFF01;
  --serif:"SHEH Newsreader",Georgia,serif;--logo:"SHEH Cormorant",Georgia,serif;--sans:"SHEH Montserrat",system-ui,sans-serif;
  --pad:clamp(1.5rem,6.5vw,6rem);
  background:var(--cream);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.75;font-weight:400;letter-spacing:normal;text-align:left;
  position:relative;z-index:100;-webkit-font-smoothing:auto}
.site-header *,.site-header *::before,.site-header *::after{box-sizing:border-box}
.site-header a{color:inherit}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:84px;padding:0 var(--pad);max-width:calc(1180px + 2*var(--pad));margin:0 auto}
.site-header .ystrip{display:block;height:6px;background:var(--yellow)}
.site-header .brand{font-family:var(--logo);font-size:1.7rem;line-height:1;color:var(--text);text-decoration:none;white-space:nowrap}
.site-header .brand b{font-family:var(--sans);font-weight:600;font-size:.95rem;letter-spacing:.32em;margin-right:.35em;vertical-align:.18em}
.site-header .brand i{font-style:italic;color:var(--blue)}
.site-header .brand sup{font-family:var(--sans);font-size:.55rem;vertical-align:1.1em;margin-left:.1em;line-height:0;position:static;top:auto}
.site-header .nav{display:flex;align-items:center;gap:1.9rem}
.site-header .nav a.nl{font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text);text-decoration:none}
.site-header .nav a.nl.cur,.site-header .nav button.nl.cur{color:var(--blue)}
.site-header .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--text);border:0;font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:1.15rem 2rem;line-height:1.3;text-align:center}
.site-header .nav .btn{padding:.95rem 1.5rem}
.site-header .menu-toggle{display:none;background:none;border:0;padding:.6rem 0;color:var(--text);font-family:var(--sans);cursor:pointer;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;line-height:1.75}
.site-header .menu-toggle .lines{display:inline-block;width:26px;height:12px;vertical-align:middle;margin-left:.6rem;background:linear-gradient(var(--text),var(--text)) top/100% 2px no-repeat,linear-gradient(var(--text),var(--text)) bottom/100% 2px no-repeat}
.site-header .nav button.nl{background:none;border:0;padding:0;font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text);cursor:pointer;line-height:1.75}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media (min-width:961px){
  .site-header .nav .nl-t{display:block;height:1.15em;line-height:1.15em;overflow:hidden}
  .site-header .nav .nl-t span{display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}
  .site-header .nav a.nl:hover .nl-t span,.site-header .nav button.nl:hover .nl-t span{transform:translateY(-100%)}
  .site-header{position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(115,100,79,.12)}
}
@media (prefers-reduced-motion:reduce){.site-header .nav .nl-t span{transition:none}}
/* Instagram */
.site-header .ig{display:inline-flex;align-items:center;color:var(--text);text-decoration:none}
.site-header .nav .ig{justify-content:center;width:2rem;height:2rem}
.site-header .nav .ig svg{display:block;width:18px;height:18px}
.site-header .nav .ig span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Oferta: rozwijane menu */
.site-header .offer{position:relative}
.site-header .offer-panel{display:none;position:absolute;top:100%;left:-.15rem;z-index:130;min-width:28rem;max-width:36rem;padding:.85rem 0 1rem;background:#FDFBF4}
.site-header .offer.is-open .offer-panel{display:block}
@media (hover:hover) and (min-width:961px){.site-header .offer:hover .offer-panel{display:block}}
.site-header .offer-panel a{display:block;padding:.72rem 1.2rem;text-decoration:none;color:#0F0F0F}
.site-header .offer-panel .ot{display:block;font-family:var(--serif);font-weight:300;font-size:1.22rem;line-height:1.25;letter-spacing:0;text-transform:none}
.site-header .offer-panel .os{display:block;margin-top:.18rem;font-family:var(--serif);font-style:italic;font-weight:300;font-size:.98rem;line-height:1.3;color:#8C7C66;letter-spacing:0;text-transform:none}
.site-header .offer-panel a:hover .ot{color:#1217EC}
/* 961 do 1279 px: ciaśniej */
@media (min-width:961px) and (max-width:1120px){
  .site-header .bar{padding:0 2.2rem}
  .site-header .nav .ig{width:1.7rem;height:1.7rem}
  .site-header .nav .ig svg{width:16px;height:16px}
}
@media (min-width:961px) and (max-width:1279px){
  .site-header .nav{gap:.85rem;flex-wrap:nowrap}
  .site-header .nav a.nl,.site-header .nav button.nl{font-size:.64rem;letter-spacing:.09em;white-space:nowrap}
  .site-header .nav .btn{padding:.75rem .9rem;letter-spacing:.09em;font-size:.64rem;white-space:nowrap}
  .site-header .brand{font-size:1.38rem}
  .site-header .brand b{font-size:.74rem;letter-spacing:.18em}
}
@media (min-width:1280px){
  .site-header .nav{gap:1.2rem;flex-wrap:nowrap}
  .site-header .nav a.nl,.site-header .nav button.nl{letter-spacing:.14em;white-space:nowrap}
  .site-header .nav .btn{padding:.9rem 1.2rem;letter-spacing:.14em;white-space:nowrap}
}
/* mobile */
@media (max-width:960px){
  .site-header .nav{display:none}
  .site-header .menu-toggle{display:block}
  .site-header .bar{height:72px}
  .site-header.is-open{position:fixed;top:0;left:0;right:0}
  body.menu-open{overflow:hidden}
  .site-header .nav.open{display:flex;flex-direction:column;align-items:flex-start;position:fixed;left:0;right:0;top:78px;bottom:0;background:var(--cream);padding:2.2rem var(--pad) 3rem;gap:1.5rem;overflow:auto;z-index:60}
  .site-header .nav.open a.nl,.site-header .nav.open button.nl{font-size:.9rem;letter-spacing:.14em}
  .site-header .nav.open .ig{width:auto;height:auto;gap:.6rem}
  .site-header .nav.open .ig span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;font-size:.9rem;font-weight:600;letter-spacing:.04em}
  .site-header .offer-btn .nl-t span[aria-hidden]{display:none}
  .site-header .offer-panel{position:static;min-width:0;max-width:none;padding:.15rem 0 .2rem;background:transparent}
  .site-header .offer:hover .offer-panel{display:none}
  .site-header .offer.is-open .offer-panel{display:block}
  .site-header .offer-panel a{padding:.55rem 0}
  .site-header .offer-panel .ot{font-size:1.35rem}
}
/* podstrony projektowane pod stary pasek 68 px: przyklejone elementy pod nowym nagłówkiem (84 + 6 px) */
@media (min-width:1024px){
  .lg\:top-\[68px\]{top:90px!important}
  .lg\:h-\[calc\(100svh-68px\)\]{height:calc(100svh - 90px)!important}
}
.scroll-mt-\[68px\]{scroll-margin-top:90px!important}