/* === Theme Options - wygenerowane automatycznie === */
/* Nie edytuj recznie - nadpisane przy zapisie opcji */

:root {
  --color-primary:       #000000;
  --color-primary-dark:  #333333;
  --color-primary-light: #f2f2f2;
  --color-secondary:     #111111;
  --color-accent:        #111111;
  --color-dark:          #000000;
  --color-text:          #111111;
  --color-muted:         #6e6e6e;
  --color-border:        #e2e2e2;
  --color-bg:            #ffffff;
  --color-bg-alt:        #f6f6f6;
  --color-white:         #ffffff;
  --color-primary-hover: #333333;
  --font-heading: 'Funnel Display', sans-serif;
  --font-body:    'Funnel Display', sans-serif;
  --container-width:       1760px;
  --container-pad:         40px;
  --container-pad-mobile:  20px;
  --section-pt:            110px;
  --section-pb:            110px;
  --section-alt-pt:        110px;
  --section-alt-pb:        110px;
  --header-height:         76px;
  --logo-sticky-width:     118px;
  --logo-header-width:     140px;
  --logo-footer-width:     140px;
  --logo-mobile-width:     130px;
  --btn-padding:           13px 26px;
  --btn-font-size:         15px;
  --btn-radius:            0px;
}

.section { padding-top:110px; padding-bottom:110px; }
.section-alt { padding-top:110px; padding-bottom:110px; }
.container { padding-inline:40px; }
@media (max-width:768px) {
  .section { padding-top:64px; padding-bottom:64px; }
  .section-alt { padding-top:64px; padding-bottom:64px; }
  .container { width:100%; max-width:100%; padding-inline:20px; }
}

body { font-family:var(--font-body); font-size:16px; line-height:1.6; font-weight:400; }

h1 { font-size:clamp(50px,2.64vw + 0.5rem,66px); font-weight:400; line-height:1.08; font-family:var(--font-heading); }
h2 { font-size:clamp(32px,1.68vw + 0.5rem,42px); font-weight:400; line-height:1.12; font-family:var(--font-heading); }
h3 { font-size:clamp(20px,1.08vw + 0.5rem,27px); font-weight:400; line-height:1.2; font-family:var(--font-heading); }
h4 { font-size:clamp(16px,0.84vw + 0.5rem,21px); font-weight:500; line-height:1.3; font-family:var(--font-heading); }
h5 { font-size:clamp(14px,0.72vw + 0.5rem,18px); font-weight:500; line-height:1.4; font-family:var(--font-body); }
h6 { font-size:clamp(11px,0.6vw + 0.5rem,15px); font-weight:600; line-height:1.45; font-family:var(--font-body); }
.btn-primary,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.button.alt,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button { background:var(--color-primary); color:#ffffff !important; border-color:var(--color-primary); }
.btn-primary:hover { background:var(--color-primary-dark); color:#ffffff !important; border-color:var(--color-primary-dark); }

.site-header { position:sticky; }
.header-inner { height:76px; }

.text-h1 { font-size:66px !important; font-weight:400 !important; line-height:1.08 !important; }
.text-h2 { font-size:42px !important; font-weight:400 !important; line-height:1.12 !important; }
.text-h3 { font-size:27px !important; font-weight:400 !important; line-height:1.2 !important; }
.text-h4 { font-size:21px !important; font-weight:500 !important; line-height:1.3 !important; }
.text-h5 { font-size:18px !important; font-weight:500 !important; line-height:1.4 !important; }
.text-h6 { font-size:15px !important; font-weight:600 !important; line-height:1.45 !important; }