/* Babska Strefa · stage N (owner's notes, 2026-11-04).
   1. Headings: the owner found Bodoni Moda pretty but hard to read. Headings move to Newsreader, an editorial serif
      with sturdier hairlines and a larger x-height; card and step titles stand upright, italics stay only for the
      accent words (em), the hero captions and quotes. The logo (nav wordmark, hero mark, footer sign) keeps Bodoni Moda.
   2. 04 Laser gains tattoo removal; new section 05, ear piercing (Blomdahl); price tab "Uszy".
   Earlier files stay as they are; this one only overrides. */

:root{--f-head:"Newsreader",Georgia,"Times New Roman",serif}

/* ---------- headings ---------- */
.h2,.h3,.cap,.settle-h,.tryon-h,.step h3,.q-btn,.big-quote blockquote p,.owner-q,.fact b,.score b,.tab,.rev-card figcaption b,.tryon-read b,.ptable td{
  font-family:var(--f-head);font-optical-sizing:auto;font-variation-settings:normal}
.h2{font-weight:500;font-size:clamp(34px,4.1vw,64px);line-height:1.1;letter-spacing:-.012em;max-width:18ch}
.h2 em,.settle-h em{font-weight:500;font-style:italic}
.h3,.tryon-h,.step h3{font-style:normal;font-weight:500;letter-spacing:-.005em}
.h3 em{font-style:italic}
.h3{font-size:clamp(26px,2.3vw,36px);line-height:1.15}
.tryon-h{font-size:clamp(24px,2vw,31px);line-height:1.18}
.step h3{font-size:clamp(24px,2.1vw,32px);line-height:1.15}
.cap{font-weight:500;line-height:1.08;letter-spacing:-.012em}
.settle-h{font-weight:500;line-height:1.05;letter-spacing:-.015em}
.q-btn{font-weight:500;font-size:clamp(19px,1.7vw,24px);line-height:1.32}
.fact b{font-weight:500;letter-spacing:-.02em}
.score b{font-weight:500}
.tab{font-weight:500;font-size:clamp(19px,1.8vw,25px)}
.tab[aria-selected="true"]{font-style:normal}
.ptable td{font-weight:500;font-size:20px;font-variant-numeric:lining-nums tabular-nums}
.big-quote blockquote p,.owner-q{font-weight:400;font-style:italic}
.rev-card figcaption b,.tryon-read b{font-weight:500;font-style:italic}
.visit .h2{max-width:17ch}

/* ---------- 04 · tattoo removal inside the laser section ---------- */
.tattoo{margin-top:clamp(30px,3.6vw,44px);padding-top:clamp(24px,2.8vw,32px);border-top:1px solid var(--hair);max-width:52ch}
.tattoo .h3{margin-bottom:10px}
.tattoo p{margin:0;font:400 16px/1.7 var(--f-body);color:var(--text-secondary)}

/* ---------- 05 · ear piercing (the laser layout, mirrored rhythm on the regular night) ---------- */
.ears .grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(48px,7vw,120px);align-items:center}
.ears .h2{max-width:15ch}
.ears .points{margin-top:clamp(26px,3vw,36px)}
.ear-facts .fact b{font-size:clamp(48px,5.4vw,88px)}
.ear-facts .fact:last-child b{font-size:clamp(36px,3.8vw,60px);letter-spacing:-.01em;white-space:nowrap}

/* ---------- 01 · try-on: six styles (stage N.3, no Laminacja) in even rows ---------- */
.looks{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ---------- prices: a fifth tab and the open price row ---------- */
.row-ask td{font:400 14px/1.4 var(--f-body)!important;color:var(--puder-soft);white-space:normal!important}

@media (max-width:1100px){
  .ears .grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .looks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .looks label:last-of-type{grid-column:auto}
  .h2{font-size:clamp(31px,8.6vw,38px);line-height:1.12}
  .tabs{gap:2px}
  .tab{font-size:18.5px;padding-left:7px;padding-right:7px}
  .ptable td{font-size:18px}
}