/* ===== RESET / BAZA TYPOGRAFII ===== */
    *, *::before, *::after {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: #111111;
      background: #f4f4f6;
    }

  

    img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    a {
      color: inherit;
    }

    /* ===== UKŁAD GŁÓWNY ===== */
    .page-wrapper {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

.page-wrapper { min-height: 100vh; display: flex; flex-direction: column; }	  

    .site-header {
      padding: 1.1rem 1.5rem;
      background: #111111;
      color: #ffffff;
    }

.site-main { flex: 1; padding: 3rem 1.5rem; }
    .content-inner {
      max-width: 960px; margin: 0 auto;
      background: #fff; border-radius: 1.25rem;
      padding: 2.5rem; box-shadow: 0 12px 30px rgba(0,0,0,.06);
    }

    .site-header__inner {
      max-width: 1120px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
    }

    .site-branding {
      display: flex;
      flex-direction: column;
      gap: 0.15rem;
    }

    .site-title {
      margin: 0;
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .site-tagline {
      margin: 0;
      font-size: 0.85rem;
      opacity: 0.8;
    }

    .site-nav {
      display: flex;
      gap: 1.25rem;
      font-size: 0.9rem;
      align-items: center;
    }

    .site-nav a {
      text-decoration: none;
      opacity: 0.85;
      padding-bottom: 0.1rem;
      border-bottom: 1px solid transparent;
      transition: opacity 0.2s ease, border-color 0.2s ease;
    }

    .site-nav a:hover {
      opacity: 1;
      border-color: rgba(255, 255, 255, 0.7);
    }

    .site-main {
      flex: 1;
    }

    .site-footer {
      padding: 1.25rem 1.5rem 1.6rem;
      background: #111111;
      color: #f2f2f2;
      font-size: 0.85rem;
    }

    .site-footer__inner {
      max-width: 1120px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      justify-content: space-between;
      align-items: center;
    }

    .site-footer__links {
      display: flex;
      flex-wrap: wrap;
      gap: 0.9rem;
    }

    .site-footer__links a {
      text-decoration: none;
      opacity: 0.85;
      transition: opacity 0.2s ease;
    }

    .site-footer__links a:hover {
      opacity: 1;
    }