p {
  margin: 0 !important;
  padding: 0 !important;
}

/* ====================================================================
   Zmienne globalne (design tokens)
   ==================================================================== */
:root {
  /* Font families */
  --font-family-body: "Google Sans Flex 9pt", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-body-basic: "Google Sans Flex 9pt", sans-serif;
  --font-family-heading: "Hobeaux", cursive;

  /* Font weights */
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;

  /* Body sizes (Google Sans Flex) */
  --font-size-10: 10px;
  --line-height-10: 13px;

  --font-size-13: 13px;
  --line-height-13: 18px;

  --font-size-14: 14px;
  --line-height-14: 18px;

  --font-size-16: 16px;
  --line-height-16: 22px;

  --font-size-20: 20px;
  --line-height-20: 28px;

  --font-size-24: 24px;
  --line-height-24: 34px;

  /* Heading sizes (Hobeaux) */
  --font-size-h-16: 16px;
  --line-height-h-16: 20px;

  --font-size-h-18: 18px;
  --line-height-h-18: 22px;

  --font-size-h4: 24px;
  --line-height-h4: 30px;

  --font-size-h3: 32px;
  --line-height-h3: 38px;

  --font-size-h2: 42px;
  --line-height-h2: 52px;

  --font-size-h1: 48px;
  --line-height-h1: 60px;

  /* Colors */
  --black: #020a0a;
  --white: #ffffff;

  --bg--fafafa: #fafafa;
  --main--bezowy: #fdfcf8;

  --main--04: #7e002c;
  --main--03: #d21a5b;
  --main--02: #ff457f;
  --main--01: #ffe9f2;

  --main--stroke--light: #f0afc6;
  --main--bg--light: #fff8fb;

  --error--01: #d30004;

  --additional---fioletowy: #ba86ff;
  --additional---fioletowy-light: #e7d6fc;

  --additional---zielony: #49bb49;
  --additional---zielony-light: #c6efc6;

  --additional---pomaranczowy: #f88b0b;
  --additional---pomaranczowy-light: #ffe2be;

  --black--01: #ffffff;
  --black--02: #f5f5f5;
  --black--03: #e6e6e6;
  --black--04: #cccece;
  --black--05: #9a9d9d;
  --black--06: #676c6c;
  --black--07: #353b3b;
  --black--08: #020a0a;

  /* Border radius */
  --b--xsm: 8px;
  --b--sm: 12px;
  --b--md: 16px;
  --b--xl: 32px;
  --b--xxl: 100px;

  /* Base mapping (uzywaj w stylach globalnych/Woo) */
  --color-text: var(--black);
  --color-bg: var(--main--bezowy);
  --color-primary: var(--main--03);
  --color-primary-hover: var(--main--04);
  --color-surface: var(--white);
  --color-border: var(--black--03);

  /* ikony */
  --cs-cart-icon: url("/wp-content/uploads/koszyk.svg");
}

/* ====================================================================
   Utility – wagi
   ==================================================================== */
.tw-300 {
  font-weight: var(--font-weight-300);
}
.tw-400 {
  font-weight: var(--font-weight-400);
}
.tw-500 {
  font-weight: var(--font-weight-500);
}

strong {
  font-weight: var(--font-weight-500) !important;
}

/* ====================================================================
   Utility – tekst (Google Sans Flex)
   ==================================================================== */
.tb-10 {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-10);
  line-height: var(--line-height-10);
}

.tb-13 {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-13);
  line-height: var(--line-height-13);
}

.tb-14 {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-14);
  line-height: var(--line-height-14);
}

.tb-16 {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-16);
  line-height: var(--line-height-16);
}

.tb-20 {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
}

.tb-24 {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-24);
  line-height: var(--line-height-24);
}

/* ====================================================================
   Utility – naglowki (Hobeaux)
   ==================================================================== */
.th-16 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h-16);
  font-weight: var(--font-weight-500);
  text-transform: uppercase;
  line-height: var(--line-height-h-16);
}

.th-18 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h-18);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-h-18);
}

.th-4 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-h4);
}

.th-3 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-h3);
}

.th-2 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-h2);
}

.th-1 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-h1);
}

/* ====================================================================
   Font-face (fonty w /wp-content/fonts)
   ==================================================================== */
@font-face {
  font-family: "Hobeaux";
  src:
    url("/wp-content/fonts/Hobeaux-Bold.woff2") format("woff2"),
    url("/wp-content/fonts/Hobeaux-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans Flex 9pt";
  src:
    url("/wp-content/fonts/GoogleSansFlex_9pt-Light.woff2") format("woff2"),
    url("/wp-content/fonts/GoogleSansFlex_9pt-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans Flex 9pt";
  src:
    url("/wp-content/fonts/GoogleSansFlex_9pt-Regular.woff2") format("woff2"),
    url("/wp-content/fonts/GoogleSansFlex_9pt-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans Flex 9pt";
  src:
    url("/wp-content/fonts/GoogleSansFlex_9pt-Medium.woff2") format("woff2"),
    url("/wp-content/fonts/GoogleSansFlex_9pt-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ====================================================================
   Domyslne style globalne
   ==================================================================== */
body {
  font-family: var(--font-family-body);
  color: var(--color-text);
  background: var(--white);
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-500);
  margin: 0;
  padding: 0;
}

/* Gutenberg (podglad w edytorze) */
.editor-styles-wrapper {
  font-family: var(--font-family-body);
  color: var(--color-text);
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-500);
}