:root{

  --head:   'Fraunces', 'Georgia', 'Times New Roman', serif;

  --body:   'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --script: 'Parisienne', 'Segoe Script', cursive;

}



 

body{

  font-family:var(--body);

  font-weight:400;

  font-size:17px;

  line-height:1.65;

  letter-spacing:-.003em;    

}



 

h1,h2,h3,h4{

  font-family:var(--head);

  font-weight:500;

  line-height:1.12;

  letter-spacing:-.012em;

   

  font-variation-settings:'opsz' 120, 'SOFT' 0, 'WONK' 0;

}



 

.hero-full h1,

.hero-text h1{

  font-weight:500;

  letter-spacing:.002em;

  font-variation-settings:'opsz' 144, 'SOFT' 0, 'WONK' 1;

}



 

.script{

  font-family:var(--script); font-weight:400;

  letter-spacing:.005em; line-height:1.05;

}



 

.cenik-p, .card-price .amount, .fact .k, .hero-od b,

.price-row .val, .sticky-cta-info b, .schema .s-uroven{

  font-feature-settings:'tnum' 1, 'lnum' 1;

  font-variation-settings:'opsz' 100, 'SOFT' 0, 'WONK' 0;

  font-weight:500;

}



 

.eyebrow, .card-cat, .badge, .card-price .unit, .cenik-p small,

.main-nav a, .pill, .btn, .link-gold, .quote cite, .foot-grid h4,

.hero-tile-label .c, .crumbs, .field label, .schema-params dt{

  font-family:var(--body);

  font-weight:500;

   

  letter-spacing:.12em;

}

.eyebrow{ letter-spacing:.2em; }

.main-nav a{ letter-spacing:.14em; }

.btn{ letter-spacing:.1em; font-weight:600; }



 

.lead, .scena-prose, .card-perex, .step p, .namitka p,

.section-head p, .schema-head p, .zaver p{

  letter-spacing:-.004em;

}



 

.hero-full h1{ line-height:1.06; }

.scena-text h2{ line-height:1.1; letter-spacing:-.014em; }

.section-head h2{ line-height:1.12; letter-spacing:-.012em; }

.card-title{ line-height:1.2; letter-spacing:-.008em; }

.quote blockquote{ line-height:1.3; letter-spacing:-.01em; }

.zaver h2{ line-height:1.1; letter-spacing:-.014em; font-weight:500; }



 

h1 em, h2 em{ font-style:italic; font-weight:400; }



 

@supports (font-size-adjust: 0.5){

  body{ font-size-adjust:0.52; }

  h1,h2,h3,h4{ font-size-adjust:0.49; }

}



 



 

.hero-full .script{

  font-size:clamp(1.5rem, 6.2vw, 2.9rem);

  line-height:1;

}

@media (max-width:520px){

  .hero-full .script{ font-size:1.529rem; letter-spacing:.01em; }

  .hero-full h1{ font-size:clamp(1.9rem, 8.4vw, 2.6rem); }

  .hero-full .lead{ font-size:1.02rem; line-height:1.6; }

   

  .hero-actions .btn{ padding:15px 24px; font-size:13px; }

  .hero-actions{ gap:10px; }

}



 

@media (max-width:620px){

  .site-head .wrap{ gap:12px; }

  .logo{

    font-size:17px; letter-spacing:.2em; padding-right:.2em;

    min-width:0;                  

    overflow:hidden; text-overflow:ellipsis;

  }

  .head-tools{ flex:none; gap:4px; }

  .cart-btn, .burger{ width:42px; height:42px; }

}

@media (max-width:380px){

  .logo{ font-size:15px; letter-spacing:.14em; }

}