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

:root {
  --color-primary:       #ab3a2e;
  --color-primary-dark:  #8E2E23;
  --color-primary-light: #F6E5E3;
  --color-secondary:     #3A1220;
  --color-accent:        #E0A33C;
  --color-dark:          #241A1D;
  --color-text:          #3D2F33;
  --color-muted:         #7A6B6F;
  --color-border:        #E4DACA;
  --color-bg:            #F5F1E8;
  --color-bg-alt:        #FFFFFF;
  --color-white:         #ffffff;
  --color-primary-hover: #8E2E23;
  --font-heading: 'Lora', sans-serif;
  --font-body:    'Manrope', sans-serif;
  --container-width:       1280px;
  --container-pad:         24px;
  --container-pad-mobile:  16px;
  --section-pt:            96px;
  --section-pb:            96px;
  --section-alt-pt:        96px;
  --section-alt-pb:        96px;
  --header-height:         150px;
  --header-sticky-height:  72px;
  --logo-sticky-width:     120px;
  --logo-header-width:     320px;
  --logo-footer-width:     140px;
  --btn-padding:           14px 32px;
  --btn-font-size:         14px;
  --btn-radius:            9999px;
}

.section { padding-top:96px; padding-bottom:96px; }
.section-alt { padding-top:96px; padding-bottom:96px; }
.container { padding-inline:24px; }
@media (max-width:768px) {
  .section { padding-top:56px; padding-bottom:56px; }
  .section-alt { padding-top:56px; padding-bottom:56px; }
  .container { width:100%; max-width:100%; padding-inline:16px; }
}

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

h1 { font-size:clamp(45px,2.4vw + 0.5rem,60px); font-weight:700; line-height:1.06; font-family:var(--font-heading); }
h2 { font-size:clamp(32px,1.68vw + 0.5rem,42px); font-weight:700; line-height:1.12; font-family:var(--font-heading); }
h3 { font-size:clamp(20px,1.08vw + 0.5rem,27px); font-weight:600; line-height:1.2; font-family:var(--font-heading); }
h4 { font-size:clamp(16px,0.84vw + 0.5rem,21px); font-weight:600; line-height:1.3; font-family:var(--font-heading); }
h5 { font-size:clamp(14px,0.72vw + 0.5rem,18px); font-weight:600; line-height:1.4; font-family:var(--font-body); }
h6 { font-size:clamp(12px,0.64vw + 0.5rem,16px); 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:150px; }
.site-header--transparent { position:absolute; top:0; left:0; right:0; background:transparent; border-bottom-color:transparent; } .site-header--transparent .header-nav a, .site-header--transparent .logo-text { color:white; } .site-header--transparent .header-phone { color:white; }

.text-h1 { font-size:60px !important; font-weight:700 !important; line-height:1.06 !important; }
.text-h2 { font-size:42px !important; font-weight:700 !important; line-height:1.12 !important; }
.text-h3 { font-size:27px !important; font-weight:600 !important; line-height:1.2 !important; }
.text-h4 { font-size:21px !important; font-weight:600 !important; line-height:1.3 !important; }
.text-h5 { font-size:18px !important; font-weight:600 !important; line-height:1.4 !important; }
.text-h6 { font-size:16px !important; font-weight:600 !important; line-height:1.45 !important; }