/* /kontakt: style bloków tej strony. Wspólne (czcionki, kolory, nagłówek, stopka) są w site.css. */
[data-b="kontakt-kontakt"]{background:var(--band);color:#d7bb88;padding:30px 0 39px;text-align:center}
[data-b="kontakt-kontakt"] h1{font-size:30px;margin:0 0 18px;font-weight:400;color:#d7bb88}
[data-b="kontakt-kontakt"] p{margin:0 auto 22px}
[data-b="kontakt-kontakt"] .tel a{font-size:15px;color:rgba(215,187,136,.75);text-decoration:none}
[data-b="kontakt-kontakt"] .tel a:hover{text-decoration:underline;text-underline-offset:.3rem}
@keyframes rise--kontakt-kontakt{from{opacity:.01;transform:translateY(20px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()) {
  [data-b="kontakt-kontakt"] h1,[data-b="kontakt-kontakt"] p{animation:rise--kontakt-kontakt linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
}
/* ---- Dopasowanie do jej strony na Shopify (zmierzone w Chrome 6 XI 2026; telefon < 750 px, od 750 px jej rozmiary stałe) ---- */
/* jej przycisk na ciemnym pasie: jasna pigułka, przy najechaniu przechyla się jak pozostałe przyciski */
[data-b="kontakt-kontakt"] .btn{background:#efecec;color:#333;border:0;border-radius:41px;min-height:47px;padding:0 30px;font-size:15px;font-weight:400;letter-spacing:1px;transition:transform .5s ease,box-shadow .5s ease}
[data-b="kontakt-kontakt"] .btn:hover{transform:rotate(1deg);box-shadow:-10px -10px 10px -10px rgba(0,0,0,.05),10px 10px 10px -10px rgba(0,0,0,.05),0 20px 35px -20px rgba(0,0,0,.5)}
[data-b="kontakt-kontakt"] .btn:focus-visible{outline-color:#d7bb88}
@media (min-width:750px) {
  [data-b="kontakt-kontakt"]{padding:40px 0 52px}
  [data-b="kontakt-kontakt"] h1{font-size:40px}
  [data-b="kontakt-kontakt"] .tel a{font-size:16px}
}

/* bez formularza strona jest niższa niż ekran: zamiast pustego jasnego pasa nad stopką tło poniżej stopki jest ciemne jak stopka */
.site{min-height:0}
html{background:var(--band)}
/* u niej na tej stronie nagłówek nie ma linii pod spodem */
[data-b="naglowek"] .bar{border-bottom:0}

/* Telefon (6.11.2026): numer telefonu jako cel dotyku co najmniej 44 px. */
[data-b="kontakt-kontakt"] .tel a{display:inline-flex;align-items:center;min-height:44px}