/* /pakiet-beauty: style bloków tej strony. Wspólne (czcionki, kolory, nagłówek, stopka) są w site.css. */
[data-b="pakiet-beauty-tytul-strony"]{background:var(--bg);padding:40px 0 44px;text-align:center}
[data-b="pakiet-beauty-tytul-strony"] h1{font-size:clamp(32px,3.6vw,48px);margin:0;font-weight:400}
[data-b="pakiet-beauty-pakiet-beauty"]{background:var(--surface);padding:24px 0 48px}
[data-b="pakiet-beauty-pakiet-beauty"] .grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
[data-b="pakiet-beauty-pakiet-beauty"] img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 6.2%}
[data-b="pakiet-beauty-pakiet-beauty"] h2{font-size:clamp(30px,3vw,40px);margin:0 0 14px;font-weight:400;color:var(--accent)}
[data-b="pakiet-beauty-pakiet-beauty"] .sub{font-size:14px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
[data-b="pakiet-beauty-pakiet-beauty"] .body{font-size:16px;line-height:1.8;letter-spacing:.6px;color:var(--muted);max-width:52ch;margin:0 0 24px}
[data-b="pakiet-beauty-pakiet-beauty"] .btn{border-radius:999px;min-height:44px;padding:0 34px;font-size:15px;letter-spacing:.6px;font-weight:500;transition:transform .5s ease,box-shadow .5s ease}
[data-b="pakiet-beauty-pakiet-beauty"] .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="pakiet-beauty-pakiet-beauty"] .btn.grey{background:#6b6b6b;border-color:#6b6b6b;color:#fff}
@media (max-width:760px) {
  [data-b="pakiet-beauty-pakiet-beauty"] .grid{grid-template-columns:1fr;gap:24px}
}
@keyframes rise--pakiet-beauty-pakiet-beauty{from{opacity:.01;transform:translateY(20px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()) {
  [data-b="pakiet-beauty-pakiet-beauty"] h2,[data-b="pakiet-beauty-pakiet-beauty"] .sub,[data-b="pakiet-beauty-pakiet-beauty"] .body,[data-b="pakiet-beauty-pakiet-beauty"] figure{animation:rise--pakiet-beauty-pakiet-beauty linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
}
[data-b="pakiet-beauty-co-wyroznia-usluge"]{background:#f7f7f7;padding:56px 0}
[data-b="pakiet-beauty-co-wyroznia-usluge"] h2{text-align:center;font-size:clamp(28px,3vw,40px);margin:0 0 40px;font-weight:400}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .tabs{display:flex;justify-content:center;flex-wrap:wrap;border:1px solid var(--line);max-width:760px;margin:0 auto 40px;background:var(--surface)}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .tabs a{flex:1;text-align:center;padding:8px 10px;font-size:13px;text-decoration:none;white-space:nowrap}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .tabs a:first-child{background:#d7bb88}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .item{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1000px;margin:0 auto 40px}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .item:nth-of-type(even) img{order:-1}
[data-b="pakiet-beauty-co-wyroznia-usluge"] h3{font-family:var(--font-body);font-weight:700;font-size:24px;margin:0 0 14px}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .item ul{list-style:none;padding:0;margin:0;font-size:16px;line-height:1.9;letter-spacing:.4px}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .item li::before{content:'+';margin-right:10px}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .kicker{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .kicker+ul{margin-top:12px}
[data-b="pakiet-beauty-co-wyroznia-usluge"] .item img{width:100%;aspect-ratio:1;object-fit:cover}
@media (max-width:760px) {
  [data-b="pakiet-beauty-co-wyroznia-usluge"] .item{grid-template-columns:1fr;gap:18px}
  [data-b="pakiet-beauty-co-wyroznia-usluge"] .item:nth-of-type(even) img{order:0}
  [data-b="pakiet-beauty-co-wyroznia-usluge"] .tabs a{flex:none;width:50%}
}
@keyframes rise--pakiet-beauty-co-wyroznia-usluge{from{opacity:.01;transform:translateY(20px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()) {
  [data-b="pakiet-beauty-co-wyroznia-usluge"] h2,[data-b="pakiet-beauty-co-wyroznia-usluge"] .item{animation:rise--pakiet-beauty-co-wyroznia-usluge linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
}
[data-b="pakiet-beauty-cena-pakietu"]{background:#ede6db;padding:56px 0;text-align:center}
[data-b="pakiet-beauty-cena-pakietu"] h2{font-size:clamp(28px,3vw,40px);margin:0 0 4px;font-weight:400}
[data-b="pakiet-beauty-cena-pakietu"] .price{font-family:var(--font-head);font-size:clamp(32px,3.4vw,46px);margin:0 0 18px}
[data-b="pakiet-beauty-cena-pakietu"] .body{font-size:16px;letter-spacing:.6px;color:var(--muted);margin:0 0 22px}
[data-b="pakiet-beauty-cena-pakietu"] .btn{border-radius:999px;min-height:44px;padding:0 34px;font-size:15px;letter-spacing:.6px;font-weight:500;transition:transform .5s ease,box-shadow .5s ease}
[data-b="pakiet-beauty-cena-pakietu"] .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="pakiet-beauty-cena-pakietu"] .btn.grey{background:#6b6b6b;border-color:#6b6b6b;color:#fff}
@keyframes rise--pakiet-beauty-cena-pakietu{from{opacity:.01;transform:translateY(20px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()) {
  [data-b="pakiet-beauty-cena-pakietu"] h2,[data-b="pakiet-beauty-cena-pakietu"] .price,[data-b="pakiet-beauty-cena-pakietu"] .body{animation:rise--pakiet-beauty-cena-pakietu 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) ---- */
[data-b="pakiet-beauty-tytul-strony"] h1,[data-b="pakiet-beauty-cena-pakietu"] .price{font-size:40px}
[data-b="pakiet-beauty-pakiet-beauty"] h2,[data-b="pakiet-beauty-co-wyroznia-usluge"] h2,[data-b="pakiet-beauty-cena-pakietu"] h2{font-size:30px}
[data-b="pakiet-beauty-pakiet-beauty"] h2{font-weight:700}
@media (min-width:750px) {
  [data-b="pakiet-beauty-tytul-strony"] h1,[data-b="pakiet-beauty-cena-pakietu"] .price{font-size:52px}
  [data-b="pakiet-beauty-pakiet-beauty"] h2,[data-b="pakiet-beauty-cena-pakietu"] h2{font-size:40px}
}
@media (min-width:990px) {
  [data-b="pakiet-beauty-co-wyroznia-usluge"] h2{font-size:40px}
}

/* u niej na tej stronie nagłówek nie ma linii pod spodem */
[data-b="naglowek"] .bar{border-bottom:0}

/* Kontrast (6.11.2026): złoto na #f7f7f7 ma 4,27:1; ciemniejsze #7a5f30 ma 5,6:1. */
[data-b="pakiet-beauty-co-wyroznia-usluge"] .kicker{color:#7a5f30}
/* Telefon: tekst co najmniej 15 px. */
@media (max-width:760px){
  [data-b="pakiet-beauty-pakiet-beauty"] .sub{font-size:15px;letter-spacing:1.2px}
  [data-b="pakiet-beauty-co-wyroznia-usluge"] .kicker{font-size:15px}
}