@font-face{font-family:'Inter';src:url(../../pisma/inter-var.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
    @font-face{font-family:'Cormorant Garamond';src:url(../../pisma/cormorant-var.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{--gold:#c9a96e;--gold-dark:#a07820;--gold-light:#eeddb8;--text:#1c1c1c;--text-mid:#555;--bg:#fff;--bg-cream:#f5efe6;--border:#e5ddd0}
    body{font-family:Inter,system-ui,sans-serif;color:var(--text);line-height:1.75;font-size:15px;background:#fff}
    h1,h2{font-family:'Cormorant Garamond',Georgia,serif;line-height:1.2}
    a{color:inherit;text-decoration:none}
    .usp-bar{background:var(--gold-dark);color:#fff;font-size:12px;text-align:center;padding:8px 16px;letter-spacing:.4px}
    .header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 1px 8px rgba(0,0,0,.06)}
    .header-inner{max-width:1100px;margin:0 auto;padding:0 16px;height:60px;display:flex;align-items:center;justify-content:space-between}
    .logo-img{height:36px;width:auto;display:block}
    .header-nav{display:none;gap:24px;font-size:14px}
    @media(min-width:768px){.header-nav{display:flex}.header-nav a{color:var(--text-mid)}.header-nav a:hover{color:var(--gold-dark)}}
    .header-cart{background:var(--gold);color:#fff;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600}
    .hero{background:var(--bg-cream);padding:50px 16px;text-align:center}
    .hero h1{font-size:42px;margin-bottom:12px}
    .wrap{max-width:860px;margin:0 auto;padding:46px 16px}
    section{border-bottom:1px solid var(--border);padding:22px 0}
    section:first-child{padding-top:0}
    h2{font-size:28px;margin-bottom:10px}
    p,li{color:var(--text-mid)}
    ul{padding-left:20px}
    .footer{background:#1c1c1c;color:#bbb;padding:40px 16px 20px;margin-top:20px}
    .footer-inner{max-width:1100px;margin:0 auto 24px;display:grid;grid-template-columns:1fr;gap:28px;text-align:left}
    @media(min-width:768px){.footer-inner{grid-template-columns:2fr 1fr 1fr}}
    .footer-brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;color:var(--gold-light);margin-bottom:8px}
    .footer-desc{font-size:13px;line-height:1.65;color:#bbb}
    .footer-col h4{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
    .footer-links{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0}
    .footer-links a{font-size:13px;color:#999;transition:color .15s}
    .footer-links a:hover{color:var(--gold-light)}
    .footer-bottom{max-width:1100px;margin:0 auto;padding-top:20px;border-top:1px solid #333;font-size:12px;color:#666;text-align:center}
    .footer a{color:var(--gold-light)}

/* Podtytuł nagłówka strony — bez tego XStore narzuca mu 1,14 rem i własną
   interlinię, przez co jest większy od treści pod spodem. Reguła siedzi
   w arkuszu strony, nie w skorupie: w skorupie trafiałaby też w `.hero-sub`
   na stronie głównej, która ma swój własny rozmiar. */
.hero p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
}