// ═══════════════════════════════════════════════════════════
// SŁOŃCE BEZ FILTRA - Landing Page v2 (nowy design)
// Paleta: kremowo-pomarańczowa, czcionka Outfit
// ═══════════════════════════════════════════════════════════

const {
  useState,
  useEffect
} = React;

function useIsMobile() {
  const [isMobile, setIsMobile] = useState(typeof window !== 'undefined' ? window.innerWidth <= 760 : false);
  useEffect(() => {
    const onResize = () => setIsMobile(window.innerWidth <= 760);
    window.addEventListener('resize', onResize, { passive: true });
    return () => window.removeEventListener('resize', onResize);
  }, []);
  return isMobile;
}
const C = {
  accent: '#C75B12',
  accentDeep: '#A04A0F',
  accentRgb: '199,91,18',
  glow: '#E5A144',
  glowRgb: '229,161,68',
  bg1: '#F7F2E9',
  bg2: '#EFE8D8',
  ink: '#1A1613',
  inkRgb: '26,22,19',
  danger: '#8B1A1A'
};
const LINKS = {
  ebook: 'https://eyeshield.com/sklep/ksiazki/slonce-bez-filtra-e-book-sebastian-kilichowski/',
  audiobook: 'https://eyeshield.com/sklep/ksiazki/slonce-bez-filtra-audiobook-sebastian-kilichowski/',
  paperback: 'https://eyeshield.com/sklep/ksiazki/slonce-bez-filtra-ksiazka-papierowa-sebastian-kilichowski/',
  bundle: 'https://eyeshield.com/sklep/ksiazki/slonce-bez-filtra-zestaw/'
};
const IMG = {
  cover: 'https://sloncebezfiltra.pl/wp-content/uploads/2026/07/Slonce-bez-filtra-ksiazka1.jpg-2-removebg-preview-1.png',
  ebook: 'https://cdn.eyeshield.com/wp-content/uploads/2026/05/Slonce-bez-filtra-ebook.jpg',
  audiobook: 'https://cdn.eyeshield.com/wp-content/uploads/2026/05/Slonce-bez-filtra-audiobook-1.jpg',
  paperback: 'https://cdn.eyeshield.com/wp-content/uploads/2026/05/Slonce-bez-filtra-ksiazka2-1.jpg',
  bundle: 'https://cdn.eyeshield.com/wp-content/uploads/2026/05/Slonce-bez-filtra-pakiet-1.jpg'
};
function scrollToSection(id) {
  const el = document.getElementById(id);
  if (el) el.scrollIntoView({
    behavior: 'smooth'
  });
}

// ═══════════════════════════════════════════════════════════
// NAV
// ═══════════════════════════════════════════════════════════
function Nav() {
  const isMobile = useIsMobile();
  const [menuOpen, setMenuOpen] = useState(false);
  const links = [{
    id: 'o-ksiazce',
    label: 'O książce'
  }, {
    id: 'rozdzialy',
    label: 'Rozdziały'
  }, {
    id: 'autor',
    label: 'Autor'
  }, {
    id: 'opinie',
    label: 'Opinie'
  }, {
    id: 'faq',
    label: 'FAQ'
  }];
  const go = id => {
    setMenuOpen(false);
    scrollToSection(id);
  };
  return /*#__PURE__*/React.createElement("nav", {
    style: {
      position: 'fixed',
      top: 0,
      left: 0,
      right: 0,
      zIndex: 100
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      height: '3px',
      background: `linear-gradient(90deg,${C.accent} 0%,${C.glow} 45%,${C.accent} 100%)`
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      background: `rgba(247,242,233,.92)`,
      backdropFilter: 'blur(14px)',
      borderBottom: `1px solid rgba(${C.inkRgb},.12)`
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto',
      padding: '0 24px',
      height: '74px',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'space-between',
      gap: '24px'
    }
  }, /*#__PURE__*/React.createElement("a", {
    href: "#top",
    onClick: e => {
      e.preventDefault();
      go('top');
    },
    style: {
      display: 'flex',
      alignItems: 'baseline',
      gap: '10px',
      textDecoration: 'none',
      whiteSpace: 'nowrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 800,
      letterSpacing: '-.03em',
      fontSize: isMobile ? '20px' : '26px',
      lineHeight: 1,
      color: C.accent,
      textTransform: 'uppercase'
    }
  }, "Słońce"), /*#__PURE__*/React.createElement("span", {
    style: {
      width: '9px',
      height: '9px',
      borderRadius: '50%',
      background: C.accent,
      flex: 'none',
      transform: 'translateY(-1px)'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 800,
      letterSpacing: '-.03em',
      fontSize: isMobile ? '20px' : '26px',
      lineHeight: 1,
      color: C.ink,
      textTransform: 'uppercase',
      fontStyle: 'italic'
    }
  }, "bez filtra")), isMobile ? /*#__PURE__*/React.createElement("button", {
    onClick: () => setMenuOpen(v => !v),
    "aria-label": "Menu",
    style: {
      background: 'none',
      border: 'none',
      cursor: 'pointer',
      padding: '8px',
      display: 'flex',
      flexDirection: 'column',
      gap: '5px'
    }
  }, [0, 1, 2].map(i => /*#__PURE__*/React.createElement("span", {
    key: i,
    style: {
      display: 'block',
      width: '22px',
      height: '2px',
      background: C.ink,
      transition: 'transform .2s, opacity .2s',
      transform: menuOpen && i === 0 ? 'translateY(7px) rotate(45deg)' : menuOpen && i === 2 ? 'translateY(-7px) rotate(-45deg)' : 'none',
      opacity: menuOpen && i === 1 ? 0 : 1
    }
  }))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: '30px',
      alignItems: 'center'
    }
  }, links.map(l => /*#__PURE__*/React.createElement("a", {
    key: l.id,
    href: `#${l.id}`,
    onClick: e => {
      e.preventDefault();
      go(l.id);
    },
    style: {
      color: `rgba(${C.inkRgb},.72)`,
      textDecoration: 'none',
      fontSize: '11.5px',
      fontWeight: 500,
      letterSpacing: '.14em',
      textTransform: 'uppercase',
      padding: '6px 0',
      borderBottom: '2px solid transparent'
    }
  }, l.label))), /*#__PURE__*/React.createElement("a", {
    href: "#cennik",
    onClick: e => {
      e.preventDefault();
      go('cennik');
    },
    style: {
      background: C.accent,
      color: '#FDF6E9',
      textDecoration: 'none',
      fontSize: '12px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      padding: '12px 24px',
      borderRadius: '2px',
      whiteSpace: 'nowrap',
      boxShadow: `0 8px 18px rgba(${C.accentRgb},.25)`
    }
  }, "Kup teraz"))), isMobile && menuOpen ? /*#__PURE__*/React.createElement("div", {
    style: {
      background: C.bg1,
      borderTop: `1px solid rgba(${C.inkRgb},.12)`,
      padding: '16px 24px 24px',
      display: 'flex',
      flexDirection: 'column',
      gap: '4px'
    }
  }, links.map(l => /*#__PURE__*/React.createElement("a", {
    key: l.id,
    href: `#${l.id}`,
    onClick: e => {
      e.preventDefault();
      go(l.id);
    },
    style: {
      color: C.ink,
      textDecoration: 'none',
      fontSize: '15px',
      fontWeight: 500,
      padding: '12px 0',
      borderBottom: `1px solid rgba(${C.inkRgb},.08)`
    }
  }, l.label)), /*#__PURE__*/React.createElement("a", {
    href: "#cennik",
    onClick: e => {
      e.preventDefault();
      go('cennik');
    },
    style: {
      background: C.accent,
      color: '#FDF6E9',
      textDecoration: 'none',
      fontSize: '13px',
      fontWeight: 500,
      letterSpacing: '.1em',
      textTransform: 'uppercase',
      padding: '14px 24px',
      borderRadius: '2px',
      textAlign: 'center',
      marginTop: '10px'
    }
  }, "Kup teraz")) : null));
}

// ═══════════════════════════════════════════════════════════
// HERO
// ═══════════════════════════════════════════════════════════
function Hero() {
  const isMobile = useIsMobile();
  return /*#__PURE__*/React.createElement("div", {
    id: "top",
    style: {
      position: 'relative',
      overflow: 'hidden',
      padding: isMobile ? '120px 20px 60px' : '150px 24px 110px',
      background: C.bg1
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      top: '-80px',
      right: '-80px',
      width: isMobile ? '380px' : '700px',
      height: isMobile ? '380px' : '700px',
      borderRadius: '50%',
      pointerEvents: 'none',
      background: `radial-gradient(circle at 60% 35%, rgba(${C.glowRgb},.48) 0%, rgba(${C.glowRgb},.18) 40%, rgba(${C.accentRgb},.08) 60%, transparent 75%)`,
      animation: 'sbfGlow 7s ease-in-out infinite'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto',
      position: 'relative'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: '10px',
      border: `1px solid rgba(${C.accentRgb},.45)`,
      borderRadius: '2px',
      padding: isMobile ? '7px 12px' : '9px 16px',
      marginBottom: isMobile ? '28px' : '44px',
      background: 'rgba(247,242,233,.7)'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: '7px',
      height: '7px',
      borderRadius: '50%',
      background: C.accent,
      animation: 'sbfPulse 2.2s ease-out infinite'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: isMobile ? '9.5px' : '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, "100+ badań naukowych · Biohacking · Rytm dobowy")), isMobile ? /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'relative',
      width: '320px',
      margin: '0 auto 32px',
      zIndex: 1
    }
  }, /*#__PURE__*/React.createElement("img", {
    src: IMG.cover,
    alt: "Okładka książki Słońce bez filtra - Sebastian Kilichowski",
    style: {
      display: 'block',
      width: '320px',
      height: '375px',
      objectFit: 'contain',
      animation: 'sbfBook 6s ease-in-out infinite',
      transformOrigin: '50% 50%'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      bottom: '50px',
      left: '33px',
      width: '75px',
      height: '75px',
      borderRadius: '50%',
      background: C.accent,
      color: '#FDF6E9',
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      justifyContent: 'center',
      transform: 'rotate(-12deg)',
      boxShadow: '0 10px 22px rgba(46,29,12,.35)',
      zIndex: 3,
      isolation: 'isolate'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '7.5px',
      fontWeight: 500,
      letterSpacing: '.12em',
      textTransform: 'uppercase',
      opacity: 0.85
    }
  }, "już od"), /*#__PURE__*/React.createElement("span", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 600,
      letterSpacing: '-.02em',
      fontSize: '19px',
      lineHeight: 1.1
    }
  }, "49 zł"))) : /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      top: '-30px',
      right: '-20px',
      zIndex: 2,
      width: '580px',
      height: '680px'
    }
  }, /*#__PURE__*/React.createElement("img", {
    src: IMG.cover,
    alt: "Okładka książki Słońce bez filtra - Sebastian Kilichowski",
    style: {
      display: 'block',
      width: '580px',
      height: '680px',
      objectFit: 'contain',
      animation: 'sbfBook 6s ease-in-out infinite',
      transformOrigin: '50% 50%'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      bottom: '90px',
      left: '60px',
      width: '118px',
      height: '118px',
      borderRadius: '50%',
      background: C.accent,
      color: '#FDF6E9',
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      justifyContent: 'center',
      transform: 'rotate(-12deg)',
      boxShadow: '0 14px 32px rgba(46,29,12,.35)',
      zIndex: 3,
      isolation: 'isolate'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '10px',
      fontWeight: 500,
      letterSpacing: '.16em',
      textTransform: 'uppercase',
      opacity: 0.85
    }
  }, "już od"), /*#__PURE__*/React.createElement("span", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 600,
      letterSpacing: '-.02em',
      fontSize: '30px',
      lineHeight: 1.1
    }
  }, "49 zł"))), /*#__PURE__*/React.createElement("h1", {
    style: {
      position: 'relative',
      zIndex: 1,
      margin: 0,
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 700,
      letterSpacing: '-.035em',
      fontSize: isMobile ? '52px' : 'clamp(60px,8.2vw,106px)',
      lineHeight: 0.92,
      color: C.accent,
      textTransform: 'uppercase',
      textAlign: isMobile ? 'center' : 'left'
    }
  }, "Słońce"), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'relative',
      zIndex: 1,
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 700,
      letterSpacing: '-.035em',
      fontSize: isMobile ? '52px' : 'clamp(60px,8.2vw,106px)',
      lineHeight: 0.92,
      color: C.ink,
      textTransform: 'uppercase',
      fontStyle: 'italic',
      margin: isMobile ? '0 0 28px' : '0 0 48px',
      textAlign: isMobile ? 'center' : 'left'
    }
  }, "bez filtra"), /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: isMobile ? '100%' : '440px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 28px',
      fontSize: isMobile ? '15px' : '18px',
      lineHeight: 1.65,
      textAlign: isMobile ? 'center' : 'left',
      color: `rgba(${C.inkRgb},.72)`
    }
  }, "Przez dekady wmawiano nam, że słońce jest wrogiem. ", /*#__PURE__*/React.createElement("strong", {
    style: {
      color: C.ink,
      fontWeight: 500
    }
  }, "Ponad 100 badań naukowych mówi co innego"), " - światło słoneczne to fundament Twojego snu, energii i odporności."), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: '16px',
      flexWrap: 'wrap',
      justifyContent: isMobile ? 'center' : 'flex-start',
      marginBottom: '32px'
    }
  }, /*#__PURE__*/React.createElement("a", {
    href: "#cennik",
    onClick: e => {
      e.preventDefault();
      scrollToSection('cennik');
    },
    style: {
      background: C.accent,
      color: '#FDF6E9',
      textDecoration: 'none',
      fontSize: '13px',
      fontWeight: 500,
      letterSpacing: '.14em',
      textTransform: 'uppercase',
      padding: isMobile ? '16px 30px' : '19px 38px',
      borderRadius: '2px',
      boxShadow: `0 14px 30px rgba(${C.accentRgb},.3)`
    }
  }, "Zamów książkę"), /*#__PURE__*/React.createElement("a", {
    href: "#darmowy-rozdzial",
    onClick: e => {
      e.preventDefault();
      scrollToSection('darmowy-rozdzial');
    },
    style: {
      border: `1px solid rgba(${C.inkRgb},.35)`,
      color: C.ink,
      textDecoration: 'none',
      fontSize: '13px',
      fontWeight: 500,
      letterSpacing: '.14em',
      textTransform: 'uppercase',
      padding: isMobile ? '16px 30px' : '19px 38px',
      borderRadius: '2px'
    }
  }, "Pobierz darmowy rozdział")), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: 0,
      fontSize: '12px',
      letterSpacing: '.08em',
      textAlign: isMobile ? 'center' : 'left',
      color: `rgba(${C.inkRgb},.5)`
    }
  }, isMobile ? "100 000+ obserwujących - TVN i Kanał Zero" : "Ponad 100 000 obserwujących - Występy w TVN i Kanale Zero - Wysyłka w 2-3 dni"))));
}


// ═══════════════════════════════════════════════════════════
// PROBLEM
// ═══════════════════════════════════════════════════════════
function Problem() {
  const isMobile = useIsMobile();
  return /*#__PURE__*/React.createElement("section", {
    id: "o-ksiazce",
    style: {
      background: C.bg1,
      padding: isMobile ? '64px 20px' : '96px 24px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto',
      display: 'grid',
      gridTemplateColumns: isMobile ? '1fr' : '1fr 1fr',
      gap: isMobile ? '40px' : '72px',
      alignItems: 'center'
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: '12px',
      marginBottom: '20px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'block',
      width: '24px',
      height: '1px',
      background: C.accent
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, "Dlaczego ta książka?")), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 700,
      letterSpacing: '-.03em',
      fontSize: '48px',
      lineHeight: 1.1,
      margin: '0 0 18px',
      color: C.ink
    }
  }, "Media mówią Ci połowę prawdy"), /*#__PURE__*/React.createElement("div", {
    style: {
      width: '48px',
      height: '2px',
      background: C.accent,
      marginBottom: '28px'
    }
  }), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 16px',
      fontSize: '16px',
      lineHeight: 1.75,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, "W mediach głównego nurtu przekaz jest zawsze ten sam: ", /*#__PURE__*/React.createElement("strong", {
    style: {
      color: C.danger,
      fontWeight: 600
    }
  }, "słońce powoduje raka skóry, przyspiesza starzenie i należy się przed nim chronić"), ", smarując się kremem z filtrem."), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 16px',
      fontSize: '16px',
      lineHeight: 1.75,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, "A gdzie w tym wszystkim informacja, że bez regularnego kontaktu ze słońcem Twój układ odpornościowy działa gorzej? Że niedobór światła słonecznego wiąże się z depresją, zaburzeniami hormonalnymi, gorszym spalaniem tkanki tłuszczowej?"), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 16px',
      fontSize: '16px',
      lineHeight: 1.75,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, "Że ludzkość przez tysiące lat żyła pod słońcem i jakoś nie wymarła od jego promieni?"), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: 0,
      fontSize: '16px',
      lineHeight: 1.75
    }
  }, /*#__PURE__*/React.createElement("strong", {
    style: {
      color: C.danger,
      fontWeight: 600
    }
  }, "Tej połowy obrazu w mainstreamie prawie nie ma. Jest tylko strach."))), /*#__PURE__*/React.createElement("blockquote", {
    style: {
      margin: 0,
      borderLeft: `2px solid ${C.accent}`,
      padding: '8px 0 8px 36px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 400,
      fontStyle: 'italic',
      fontSize: '24px',
      lineHeight: 1.6,
      margin: '0 0 24px',
      color: C.ink
    }
  }, "„A co, jeśli ten strach zbudowano na badaniach, które nigdy nie badały prawdziwego słońca? Większość kluczowych prac prowadzono pod sztucznymi lampami - bez podczerwieni, bez czerwieni, bez pełnego spektrum. Bez natury.\""), /*#__PURE__*/React.createElement("footer", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, "Sebastian Kilichowski, Słońce bez filtra"))));
}

// ═══════════════════════════════════════════════════════════
// CHAPTERS
// ═══════════════════════════════════════════════════════════
function Chapters() {
  const isMobile = useIsMobile();
  const chapters = ['Słońce było kiedyś mainstreamem', 'Sun(s)care', 'Benefity wystawiania się na słońce', 'Cicha epidemia', 'Czy od słońca można dostać raka?', 'Kremy z filtrem', 'Zdrowie skóry', 'Spalaj tłuszcz słońcem', 'Słoneczny pazur'];
  return /*#__PURE__*/React.createElement("section", {
    id: "rozdzialy",
    style: {
      background: C.bg2,
      padding: isMobile ? '56px 20px' : '96px 24px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: '12px',
      marginBottom: '20px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'block',
      width: '24px',
      height: '1px',
      background: C.accent
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, "Rozdziały")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'flex-end',
      justifyContent: 'space-between',
      gap: '24px',
      flexWrap: 'wrap',
      marginBottom: '56px'
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 700,
      letterSpacing: '-.03em',
      fontSize: isMobile ? '38px' : '56px',
      lineHeight: 1.05,
      margin: '0 0 18px',
      color: C.ink
    }
  }, "Co znajdziesz ", /*#__PURE__*/React.createElement("span", {
    style: {
      color: C.accent
    }
  }, "w środku")), /*#__PURE__*/React.createElement("div", {
    style: {
      width: '48px',
      height: '2px',
      background: C.accent
    }
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '12px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: `rgba(${C.inkRgb},.5)`,
      paddingBottom: '6px'
    }
  }, "9 rozdziałów · 264 strony · 100+ badań")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: 'repeat(auto-fit, minmax(320px, 1fr))',
      columnGap: '72px',
      borderTop: `1px solid rgba(${C.inkRgb},.14)`
    }
  }, chapters.map((title, i) => /*#__PURE__*/React.createElement("div", {
    key: title,
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: '22px',
      padding: '24px 4px',
      borderBottom: `1px solid rgba(${C.inkRgb},.14)`
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      width: '40px',
      height: '40px',
      flex: 'none',
      border: `1px solid rgba(${C.accentRgb},.5)`,
      borderRadius: '50%',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 600,
      fontSize: '15px',
      color: C.accent
    }
  }, i + 1), /*#__PURE__*/React.createElement("h3", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontSize: '20px',
      fontWeight: 600,
      letterSpacing: '-.01em',
      lineHeight: 1.35,
      margin: 0,
      color: C.ink
    }
  }, title))))));
}

// ═══════════════════════════════════════════════════════════
// LEAD MAGNET - darmowy rozdział
// ═══════════════════════════════════════════════════════════
function LeadMagnet() {
  const isMobile = useIsMobile();
  const [email, setEmail] = React.useState('');
  const [sent, setSent] = React.useState(false);
  function handleSubmit() {
    if (!email || !email.includes('@')) return;
    // TODO: podpiąć pod MailerLite / GetResponse / Mailchimp
    setSent(true);
  }
  return /*#__PURE__*/React.createElement("section", {
    id: "darmowy-rozdzial",
    style: {
      background: C.bg1,
      padding: isMobile ? '48px 20px' : '72px 24px',
      position: 'relative',
      overflow: 'hidden',
      borderTop: `1px solid rgba(${C.accentRgb},.2)`
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      top: '50%',
      left: '50%',
      transform: 'translate(-50%,-50%)',
      width: '700px',
      height: '400px',
      borderRadius: '50%',
      pointerEvents: 'none',
      background: `radial-gradient(ellipse at center, rgba(${C.glowRgb},.2) 0%, transparent 70%)`
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '600px',
      margin: '0 auto',
      textAlign: 'center',
      position: 'relative'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent,
      marginBottom: '20px'
    }
  }, "Bezpłatnie"), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 700,
      letterSpacing: '-.03em',
      fontSize: 'clamp(30px,4vw,46px)',
      lineHeight: 1.1,
      margin: '0 0 20px',
      color: C.ink
    }
  }, "Przeczytaj pierwszy rozdział za darmo"), /*#__PURE__*/React.createElement("p", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontStyle: 'italic',
      fontSize: '16px',
      lineHeight: 1.7,
      margin: '0 0 36px',
      color: `rgba(${C.inkRgb},.65)`
    }
  }, "„Skąd się wziął strach przed słońcem?\" - dostępny natychmiast po podaniu adresu e-mail. Bez zobowiązań."), sent ? /*#__PURE__*/React.createElement("div", {
    style: {
      background: `rgba(${C.accentRgb},.1)`,
      border: `1px solid rgba(${C.accentRgb},.3)`,
      borderRadius: '3px',
      padding: '20px 28px',
      color: C.accent,
      fontSize: '15px',
      fontWeight: 500
    }
  }, "✓ Sprawdź skrzynkę - wysłaliśmy link do pobrania.") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      maxWidth: '480px',
      margin: '0 auto 14px'
    }
  }, /*#__PURE__*/React.createElement("input", {
    type: "email",
    placeholder: "Twój adres e-mail",
    value: email,
    onChange: e => setEmail(e.target.value),
    onKeyDown: e => e.key === 'Enter' && handleSubmit(),
    style: {
      flex: 1,
      padding: '16px 20px',
      fontSize: '14px',
      background: C.bg1,
      border: `1px solid rgba(${C.inkRgb},.2)`,
      borderRight: 'none',
      borderRadius: '2px 0 0 2px',
      color: C.ink,
      outline: 'none',
      fontFamily: "'Outfit', sans-serif"
    }
  }), /*#__PURE__*/React.createElement("button", {
    onClick: handleSubmit,
    style: {
      padding: '16px 24px',
      background: C.accent,
      color: '#FDF6E9',
      fontSize: '12px',
      fontWeight: 500,
      letterSpacing: '.14em',
      textTransform: 'uppercase',
      border: 'none',
      borderRadius: '0 2px 2px 0',
      cursor: 'pointer',
      whiteSpace: 'nowrap',
      fontFamily: "'Outfit', sans-serif",
      boxShadow: `0 8px 20px rgba(${C.accentRgb},.3)`
    }
  }, "Pobierz →")), /*#__PURE__*/React.createElement("p", {
    style: {
      fontSize: '12px',
      color: `rgba(${C.inkRgb},.4)`,
      margin: 0
    }
  }, "Szanujemy Twoją prywatność. Możesz wypisać się w każdej chwili."))));
}

// ═══════════════════════════════════════════════════════════
// AUTHOR
// ═══════════════════════════════════════════════════════════
function Author() {
  const isMobile = useIsMobile();
  return /*#__PURE__*/React.createElement("section", {
    id: "autor",
    style: {
      background: C.bg1,
      padding: isMobile ? '64px 20px' : '96px 24px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto',
      display: 'grid',
      gridTemplateColumns: isMobile ? '1fr' : '.8fr 1.2fr',
      gap: isMobile ? '32px' : '72px',
      alignItems: 'center'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      justifyContent: 'center',
      flexDirection: 'column',
      alignItems: 'center',
      gap: '24px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      width: '100%',
      maxWidth: '620px',
      aspectRatio: '620 / 360',
      borderRadius: '20px',
      border: `1px solid rgba(${C.accentRgb},.4)`,
      padding: '8px',
      background: '#0a0a0a',
      boxSizing: 'border-box'
    }
  }, /*#__PURE__*/React.createElement("video", {
    src: "https://sloncebezfiltra.pl/wp-content/uploads/2026/07/sebastian-autor-compressed.mp4",
    autoPlay: true,
    muted: true,
    loop: true,
    playsInline: true,
    style: {
      width: '100%',
      height: '100%',
      borderRadius: '14px',
      objectFit: 'contain',
      display: 'block',
      background: '#0a0a0a'
    }
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: '12px'
    }
  }, [{
    href: 'https://www.instagram.com/sebastiankilichowski/',
    label: 'Instagram',
    svg: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>'
  }, {
    href: 'https://www.facebook.com/skilichowski',
    label: 'Facebook',
    svg: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>'
  }, {
    href: 'https://www.youtube.com/@sebastiankilichowski',
    label: 'YouTube',
    svg: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 0 0 1.46 6.42 29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z"/><polygon points="9.75 15.02 15.5 12 9.75 8.98 9.75 15.02"/></svg>'
  }].map(s => /*#__PURE__*/React.createElement("a", {
    key: s.label,
    href: s.href,
    target: "_blank",
    rel: "noopener noreferrer",
    "aria-label": s.label,
    style: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      width: '44px',
      height: '44px',
      border: `1px solid rgba(${C.accentRgb},.45)`,
      borderRadius: '8px',
      color: `rgba(${C.inkRgb},.55)`,
      textDecoration: 'none'
    },
    dangerouslySetInnerHTML: {
      __html: s.svg
    }
  })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: '12px',
      marginBottom: '20px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'block',
      width: '24px',
      height: '1px',
      background: C.accent
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, "Autor")), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 600,
      letterSpacing: '-.02em',
      fontSize: isMobile ? '30px' : '42px',
      lineHeight: 1.15,
      margin: '0 0 8px',
      color: C.ink
    }
  }, "Sebastian Kilichowski"), /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 400,
      fontSize: '19px',
      color: C.accent,
      marginBottom: '18px'
    }
  }, "Badacz wpływu światła na organizm człowieka"), /*#__PURE__*/React.createElement("div", {
    style: {
      width: '48px',
      height: '2px',
      background: C.accent,
      marginBottom: '28px'
    }
  }), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 16px',
      fontSize: '15px',
      lineHeight: 1.75,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, /*#__PURE__*/React.createElement("strong", {
    style: {
      color: C.accent,
      fontWeight: 500
    }
  }, "Sebastian Kilichowski od lat analizuje wpływ światła na organizm"), " - od metabolizmu i hormonów, po mózg i układ odpornościowy. Łączy wiedzę naukową z praktyką, pokazując, jak światło, sen, rytm dobowy i odżywianie wpływają na zdrowie."), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 16px',
      fontSize: '15px',
      lineHeight: 1.75,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, /*#__PURE__*/React.createElement("em", null, "Słońce bez filtra"), " to efekt wieloletniej analizy badań, historii medycyny i własnych obserwacji. Jako ekspert ds. biohackingu pojawia się w ogólnopolskich mediach - ", /*#__PURE__*/React.createElement("strong", {
    style: {
      color: C.accent,
      fontWeight: 500
    }
  }, "Dzień dobry TVN"), " i ", /*#__PURE__*/React.createElement("strong", {
    style: {
      color: C.accent,
      fontWeight: 500
    }
  }, "Kanale Zero"), "."), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: 0,
      fontSize: '15px',
      lineHeight: 1.75,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, "Jego przekonanie: ", /*#__PURE__*/React.createElement("strong", {
    style: {
      color: C.accent,
      fontWeight: 500
    }
  }, "Nasze ciało przez tysiące lat ewoluowało w kontakcie ze słońcem. Sebastian bada co to oznacza dla współczesnego człowieka.")))));
}

// ═══════════════════════════════════════════════════════════
// MEDIA
// ═══════════════════════════════════════════════════════════
function Media() {
  const isMobile = useIsMobile();
  return /*#__PURE__*/React.createElement("section", {
    style: {
      background: C.bg2,
      padding: isMobile ? '56px 20px' : '96px 24px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: '12px',
      marginBottom: isMobile ? '32px' : '48px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'block',
      width: '24px',
      height: '1px',
      background: C.accent
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, "Ekspert w mediach ogólnopolskich")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: isMobile ? '1fr' : '1fr 1fr',
      gap: isMobile ? '20px' : '24px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      border: `1px solid rgba(${C.accentRgb},.18)`,
      borderRadius: '3px',
      padding: isMobile ? '36px 24px 24px' : '36px',
      background: C.bg1,
      position: 'relative'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      top: 0,
      right: 0,
      background: C.danger,
      color: '#FDF6E9',
      fontSize: '10px',
      fontWeight: 600,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      padding: '8px 14px'
    }
  }, "TVN"), /*#__PURE__*/React.createElement("h3", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 700,
      fontSize: '22px',
      lineHeight: 1.3,
      margin: '0 0 12px',
      color: C.ink
    }
  }, "Biohacking i długowieczność w Dzień dobry TVN"), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 20px',
      fontSize: '14px',
      lineHeight: 1.7,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, "Sebastian Kilichowski jako ekspert ds. biohackingu i zdrowia w ogólnopolskim programie TVN - wiedza na temat wpływu światła i snu na organizm."), /*#__PURE__*/React.createElement("a", {
    href: "https://dziendobry.tvn.pl/styl-zycia/biohacking-sposob-na-dlugowiecznosc-czy-presja-samodoskonalenia-st8945825",
    target: "_blank",
    rel: "noopener noreferrer",
    style: {
      color: C.accent,
      textDecoration: 'none',
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      display: 'inline-flex',
      alignItems: 'center',
      gap: '6px'
    }
  }, "Zobacz materiał TVN ↗")), /*#__PURE__*/React.createElement("div", {
    style: {
      border: `1px solid rgba(${C.accentRgb},.18)`,
      borderRadius: '3px',
      background: C.bg1,
      overflow: 'hidden',
      position: 'relative'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      top: 0,
      right: 0,
      background: C.ink,
      color: '#fff',
      fontSize: '10px',
      fontWeight: 600,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      padding: '8px 14px',
      zIndex: 1
    }
  }, "Kanał Zero"), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '36px 36px 20px'
    }
  }, /*#__PURE__*/React.createElement("h3", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 700,
      fontSize: '22px',
      lineHeight: 1.3,
      margin: '0 0 10px',
      color: C.ink
    }
  }, "„Wyśpimy się po śmierci\" - o śnie i zdrowiu w Kanale Zero"), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 16px',
      fontSize: '14px',
      lineHeight: 1.7,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, "Sebastian Kilichowski o rytmie dobowym, świetle i jakości życia. Kanał Zero · 2,19 mln subskrybentów")), /*#__PURE__*/React.createElement("a", {
    href: "https://www.youtube.com/watch?v=hn5bTHaD0CY",
    target: "_blank",
    rel: "noopener noreferrer",
    style: {
      display: 'block',
      position: 'relative',
      textDecoration: 'none'
    }
  }, /*#__PURE__*/React.createElement("img", {
    src: "https://img.youtube.com/vi/hn5bTHaD0CY/maxresdefault.jpg",
    alt: "Kanał Zero - Wyśpimy się po śmierci",
    style: {
      width: '100%',
      display: 'block',
      objectFit: 'cover',
      maxHeight: '220px'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      inset: 0,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      background: 'rgba(0,0,0,.25)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      width: '56px',
      height: '56px',
      borderRadius: '50%',
      background: '#FF0000',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center'
    }
  }, /*#__PURE__*/React.createElement("svg", {
    width: "20",
    height: "20",
    viewBox: "0 0 24 24",
    fill: "white"
  }, /*#__PURE__*/React.createElement("polygon", {
    points: "5,3 19,12 5,21"
  })))), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      bottom: 0,
      right: 0,
      background: C.ink,
      color: '#fff',
      fontSize: '10px',
      fontWeight: 600,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      padding: '6px 12px'
    }
  }, "Kanał Zero"))))));
}

// ═══════════════════════════════════════════════════════════
// TESTIMONIALS
// ═══════════════════════════════════════════════════════════
function Testimonials() {
  const isMobile = useIsMobile();
  const experts = [{
    quote: '„Ta książka odważnie podważa wiele współczesnych przekonań i przypomina, że słońce nie jest wrogiem, lecz fundamentalnym czynnikiem regulującym nasze zdrowie. Warto przeczytać – choćby po to, by spojrzeć na ten temat z szerszej perspektywy."',
    name: 'Lek. Med. Jakub Szmer',
    role: 'Androlog, urolog · członek zarządu Polskiego Towarzystwa Medycyny Estetycznej i Anti-Aging',
    photo: 'https://sloncebezfiltra.pl/wp-content/uploads/2026/07/Dr-Jakub-Szmer-Zdjecie.jpg.webp'
  }, {
    quote: '„Sebastian w swojej książce przypomina nam o tym, że słońce nas nie zabija, a wręcz przeciwnie – daje życie i wspiera zdrowie. Nadmiar światła niebieskiego przy niskiej ekspozycji na słońce to plaga naszych czasów."',
    name: 'Jakub Mauricz',
    role: 'Dietetyk, szkoleniowiec · ekspert ds. żywienia i suplementacji',
    photo: 'https://sloncebezfiltra.pl/wp-content/uploads/2026/07/Kuba-Mauricz-153-scaled.jpg.webp'
  }, {
    quote: '„Nauka o wpływie światła słonecznego na człowieka jest kluczem do upragnionej przez wszystkich długowieczności. Nie bądź bierny. Przeczytaj, wyciągnij wnioski i porzuć zaprogramowany lęk na rzecz życia zgodnie z cyklem natury, która jest Twoim najlepszym przyjacielem."',
    name: 'Olga Grech',
    role: 'Terapeuta żywieniowy · założycielka fundacji Obudź się Polsko',
    photo: 'https://sloncebezfiltra.pl/wp-content/uploads/2026/07/Olga-Grech-150x150.jpeg.webp'
  }];
  const verified = [{
    text: '„Polecam każdemu przeczytać, pomyśleć i wprowadzić w życie. Warto! To działa."',
    name: 'Anna',
    role: 'zweryfikowany czytelnik'
  }, {
    text: '„Bardzo szybka i miła obsługa. Treść otwiera oczy. Polecam serdecznie :)"',
    name: 'Martyna',
    role: 'zweryfikowany czytelnik'
  }, {
    text: '„Reklamować nie trzeba - bronią jej badania naukowe."',
    name: 'Jadwiga',
    role: 'zweryfikowany czytelnik'
  }];
  return /*#__PURE__*/React.createElement("section", {
    id: "opinie",
    style: {
      background: C.bg1,
      padding: isMobile ? '56px 20px' : '96px 24px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: '12px',
      marginBottom: '20px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'block',
      width: '24px',
      height: '1px',
      background: C.accent
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, "Opinie")), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 600,
      letterSpacing: '-.02em',
      fontSize: isMobile ? '30px' : '42px',
      lineHeight: 1.15,
      margin: '0 0 18px',
      color: C.ink
    }
  }, "Co mówią eksperci i czytelnicy"), /*#__PURE__*/React.createElement("div", {
    style: {
      width: '48px',
      height: '2px',
      background: C.accent,
      marginBottom: '48px'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))',
      gap: '24px',
      marginBottom: '24px'
    }
  }, experts.map(e => /*#__PURE__*/React.createElement("div", {
    key: e.name,
    style: {
      border: `1px solid rgba(${C.accentRgb},.18)`,
      borderRadius: '3px',
      padding: '36px 30px',
      background: C.bg2,
      display: 'flex',
      flexDirection: 'column',
      justifyContent: 'space-between'
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      color: '#B8962E',
      fontSize: '20px',
      letterSpacing: '.1em',
      marginBottom: '20px'
    }
  }, "★★★★★"), /*#__PURE__*/React.createElement("p", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontStyle: 'italic',
      fontSize: '16px',
      lineHeight: 1.7,
      margin: '0 0 28px',
      color: C.ink
    }
  }, e.quote)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      width: '100%',
      height: '1px',
      background: `rgba(${C.inkRgb},.12)`,
      marginBottom: '20px'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: { display: 'flex', alignItems: 'center', gap: '14px' }
  },
    e.photo && /*#__PURE__*/React.createElement("img", {
      src: e.photo,
      alt: e.name,
      style: {
        width: '52px',
        height: '52px',
        borderRadius: '50%',
        objectFit: 'cover',
        flexShrink: 0,
        border: '2px solid rgba(199,91,18,.3)'
      }
    }),
    /*#__PURE__*/React.createElement("div", null,
      /*#__PURE__*/React.createElement("div", {
        style: {
          fontSize: '14px',
          fontWeight: 600,
          color: C.ink,
          marginBottom: '4px'
        }
      }, e.name),
      /*#__PURE__*/React.createElement("div", {
        style: {
          fontSize: '12px',
          fontStyle: 'italic',
          color: `rgba(${C.inkRgb},.55)`
        }
      }, e.role)
    )
  ))))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))',
      gap: '24px'
    }
  }, verified.map(v => /*#__PURE__*/React.createElement("div", {
    key: v.name,
    style: {
      border: `1px solid rgba(${C.accentRgb},.18)`,
      borderRadius: '3px',
      padding: '36px 30px',
      background: C.bg2,
      display: 'flex',
      flexDirection: 'column',
      justifyContent: 'space-between'
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      color: '#B8962E',
      fontSize: '20px',
      letterSpacing: '.1em',
      marginBottom: '20px'
    }
  }, "★★★★★"), /*#__PURE__*/React.createElement("p", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontStyle: 'italic',
      fontSize: '16px',
      lineHeight: 1.7,
      margin: '0 0 28px',
      color: C.ink
    }
  }, v.text)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      width: '100%',
      height: '1px',
      background: `rgba(${C.inkRgb},.12)`,
      marginBottom: '20px'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '14px',
      fontWeight: 600,
      color: C.ink,
      marginBottom: '4px'
    }
  }, v.name), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '12px',
      fontStyle: 'italic',
      color: `rgba(${C.inkRgb},.55)`
    }
  }, v.role)))))));
}

// ═══════════════════════════════════════════════════════════
// PRICING
// ═══════════════════════════════════════════════════════════
function Pricing() {
  const isMobile = useIsMobile();
  const plans = [{
    id: 'ebook',
    name: 'E-book',
    price: '49',
    img: IMG.ebook,
    link: LINKS.ebook,
    cta: 'Wybieram e-book',
    features: ['Format PDF i EPUB', 'Dostęp natychmiast po zakupie', 'Czytaj na każdym urządzeniu']
  }, {
    id: 'audio',
    name: 'Audiobook',
    price: '59',
    img: IMG.audiobook,
    link: LINKS.audiobook,
    cta: 'Wybieram audiobook',
    features: ['Czyta autor · 4 h 56 min', 'Dostęp natychmiastowy po zakupie']
  }, {
    id: 'book',
    name: 'Książka papierowa',
    price: '69',
    img: IMG.paperback,
    link: LINKS.paperback,
    cta: 'Wybieram papier',
    features: ['Miękka oprawa, 264 strony', 'Wysyłka w 2-3 dni']
  }];
  const bundle = {
    name: 'Pakiet kompletny',
    price: '99',
    orig: '177',
    img: IMG.bundle,
    link: LINKS.bundle,
    cta: 'Wybieram pakiet',
    features: ['Książka + e-book + audiobook', 'Bonus: protokół słoneczny PDF']
  };
  return /*#__PURE__*/React.createElement("section", {
    id: "cennik",
    style: {
      background: C.bg2,
      padding: isMobile ? '56px 20px' : '96px 24px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: '12px',
      marginBottom: '20px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'block',
      width: '24px',
      height: '1px',
      background: C.accent
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, "Zamówienie")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'flex-end',
      justifyContent: 'space-between',
      gap: '24px',
      flexWrap: 'wrap',
      marginBottom: '56px'
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 700,
      letterSpacing: '-.03em',
      fontSize: isMobile ? '38px' : '56px',
      lineHeight: 1.05,
      margin: '0 0 18px',
      color: C.ink
    }
  }, "Wybierz ", /*#__PURE__*/React.createElement("span", {
    style: {
      color: C.accent
    }
  }, "swoją wersję")), /*#__PURE__*/React.createElement("div", {
    style: {
      width: '48px',
      height: '2px',
      background: C.accent
    }
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '12px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: `rgba(${C.inkRgb},.5)`,
      paddingBottom: '6px'
    }
  }, "Bezpieczna płatność · Wysyłka w 2-3 dni")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))',
      gap: '20px',
      alignItems: 'stretch'
    }
  }, plans.map(p => /*#__PURE__*/React.createElement("div", {
    key: p.id,
    style: {
      border: `1px solid rgba(${C.inkRgb},.14)`,
      borderRadius: '3px',
      background: C.bg1,
      display: 'flex',
      flexDirection: 'column'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'relative',
      height: '235px',
      background: C.bg1,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      overflow: 'hidden'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: '18%',
      right: '18%',
      bottom: '16px',
      height: '16px',
      background: 'radial-gradient(ellipse at center, rgba(97,63,20,.18) 0%, transparent 68%)'
    }
  }), /*#__PURE__*/React.createElement("img", {
    src: p.img,
    alt: p.name,
    style: {
      width: '100%',
      height: '100%',
      objectFit: 'contain',
      mixBlendMode: 'multiply',
      transform: 'scale(1.1)',
      position: 'relative'
    }
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '28px 24px',
      display: 'flex',
      flexDirection: 'column',
      flex: 1
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent,
      marginBottom: '10px'
    }
  }, p.name), /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 600,
      letterSpacing: '-.02em',
      fontSize: '36px',
      color: C.ink,
      marginBottom: '22px'
    }
  }, p.price, " zł"), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: '10px',
      fontSize: '13px',
      color: `rgba(${C.inkRgb},.72)`,
      marginBottom: '28px',
      flex: 1
    }
  }, p.features.map(f => /*#__PURE__*/React.createElement("div", {
    key: f,
    style: {
      display: 'flex',
      gap: '10px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: C.accent
    }
  }, "✦"), f))), /*#__PURE__*/React.createElement("a", {
    href: p.link,
    target: "_blank",
    rel: "noopener noreferrer",
    style: {
      display: 'block',
      textAlign: 'center',
      border: `1px solid rgba(${C.inkRgb},.35)`,
      color: C.ink,
      textDecoration: 'none',
      fontSize: '12px',
      fontWeight: 500,
      letterSpacing: '.16em',
      textTransform: 'uppercase',
      padding: '13px 0',
      borderRadius: '2px'
    }
  }, p.cta)))), /*#__PURE__*/React.createElement("div", {
    style: {
      border: `1px solid ${C.accent}`,
      borderRadius: '3px',
      background: C.bg1,
      display: 'flex',
      flexDirection: 'column',
      position: 'relative',
      boxShadow: `0 26px 52px rgba(46,29,12,.16), 0 0 0 1px ${C.accent}`,
      transform: 'translateY(-10px)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      background: C.accent,
      color: '#FDF6E9',
      textAlign: 'center',
      fontSize: '10px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      padding: '8px 6px'
    }
  }, "Najlepsza wartość - oszczędzasz 78 zł"), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'relative',
      height: '227px',
      background: C.bg1,
      borderBottom: `1px solid rgba(${C.accentRgb},.25)`,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      overflow: 'hidden'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: '18%',
      right: '18%',
      bottom: '16px',
      height: '16px',
      background: 'radial-gradient(ellipse at center, rgba(97,63,20,.18) 0%, transparent 68%)'
    }
  }), /*#__PURE__*/React.createElement("img", {
    src: bundle.img,
    alt: bundle.name,
    style: {
      width: '100%',
      height: '100%',
      objectFit: 'contain',
      mixBlendMode: 'multiply',
      transform: 'scale(1.05)',
      position: 'relative'
    }
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '28px 24px',
      display: 'flex',
      flexDirection: 'column',
      flex: 1
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: '10px',
      marginBottom: '10px',
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, bundle.name), /*#__PURE__*/React.createElement("span", {
    style: {
      background: C.danger,
      color: '#FBF3E4',
      fontSize: '9px',
      fontWeight: 500,
      letterSpacing: '.14em',
      textTransform: 'uppercase',
      padding: '4px 8px',
      borderRadius: '2px'
    }
  }, "Oszczędzasz 78 zł")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'baseline',
      gap: '10px',
      marginBottom: '22px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 600,
      letterSpacing: '-.02em',
      fontSize: '36px',
      color: C.accent
    }
  }, bundle.price, " zł"), /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '14px',
      color: `rgba(${C.inkRgb},.5)`,
      textDecoration: 'line-through'
    }
  }, bundle.orig, " zł")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: '10px',
      fontSize: '13px',
      color: `rgba(${C.inkRgb},.72)`,
      marginBottom: '28px',
      flex: 1
    }
  }, bundle.features.map(f => /*#__PURE__*/React.createElement("div", {
    key: f,
    style: {
      display: 'flex',
      gap: '10px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: C.accent
    }
  }, "✦"), f))), /*#__PURE__*/React.createElement("a", {
    href: bundle.link,
    target: "_blank",
    rel: "noopener noreferrer",
    style: {
      display: 'block',
      textAlign: 'center',
      background: C.accent,
      color: '#FDF6E9',
      textDecoration: 'none',
      fontSize: '12px',
      fontWeight: 500,
      letterSpacing: '.16em',
      textTransform: 'uppercase',
      padding: '14px 0',
      borderRadius: '2px'
    }
  }, bundle.cta))))));
}

// ═══════════════════════════════════════════════════════════
// FAQ
// ═══════════════════════════════════════════════════════════
function FAQ() {
  const isMobile = useIsMobile();
  const [open, setOpen] = useState(0);
  const faqs = [{
    q: 'Czy autor zaleca całkowite porzucenie kremów z filtrem?',
    a: 'Nie. Autor nie neguje istnienia ryzyka i nie nawołuje do skrajności. Książka to przegląd dowodów naukowych i alternatywne spojrzenie - żebyś mógł podejmować świadome decyzje, a nie działać ze strachu napędzanego przez marketing.'
  }, {
    q: 'Dla kogo jest ta książka?',
    a: 'Dla każdego, kto interesuje się zdrowiem i chce samodzielnie oceniać informacje. Szczególnie polecana osobom z niedoborem witaminy D, problemami ze snem, nastrojem sezonowym lub zaburzeniami hormonalnymi.'
  }, {
    q: 'Ile trwa dostawa książki papierowej?',
    a: 'Standardowo 2–3 dni robocze na terenie Polski. Wersje cyfrowe (e-book, audiobook) dostępne są natychmiastowo po zakupie.'
  }, {
    q: 'Co zawiera pakiet kompletny i ile można zaoszczędzić?',
    a: 'Pakiet zawiera wszystkie trzy formaty: książkę papierową, e-book (PDF, EPUB) oraz audiobook (MP3). Łączna wartość osobno to 177 zł (49+59+69). W pakiecie płacisz tylko 99 zł - oszczędzasz 78 zł.'
  }, {
    q: 'Na jakich badaniach opiera się książka?',
    a: 'Przewodnik oparty jest na ponad 100 recenzowanych publikacjach naukowych z dziedziny dermatologii, endokrynologii, onkologii i chronobiologii. Pełna lista źródeł dostępna jest w książce.'
  }, {
    q: 'W jakich formatach dostępny jest e-book?',
    a: 'E-book dostępny jest w dwóch formatach: PDF (działa na każdym urządzeniu) oraz EPUB (Kindle, Kobo, Apple Books). Oba otrzymujesz w jednej cenie - wybierasz format, który Ci odpowiada.'
  }, {
    q: 'W jakim formacie jest audiobook i jak go odsłuchać?',
    a: 'Audiobook dostępny jest w formacie MP3 - odtworzysz go w dowolnym odtwarzaczu muzycznym lub aplikacji do audiobooków, zarówno na telefonie, jak i komputerze.'
  }, {
    q: 'Czy książka jest odpowiednia dla osoby bez wiedzy medycznej?',
    a: 'Tak. Książka napisana jest prostym językiem - bez żargonu medycznego. Autor tłumaczy mechanizmy działania słońca na organizm tak, żeby każdy mógł to zrozumieć i zastosować w praktyce, niezależnie od wykształcenia.'
  }, {
    q: 'Czy to kolejna książka o witaminie D?',
    a: 'Nie. Witamina D to tylko jeden z wątków. Książka analizuje szerokie spektrum wpływu promieniowania słonecznego na człowieka - od rytmu dobowego i jakości snu, przez skład kremów z filtrem i ich wpływ na hormony, aż po dane epidemiologiczne dotyczące czerniaka. To całościowe spojrzenie, nie kolejny poradnik suplementacyjny.'
  }];
  return /*#__PURE__*/React.createElement("section", {
    id: "faq",
    style: {
      background: C.bg1,
      padding: isMobile ? '56px 20px' : '96px 24px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '760px',
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: '12px',
      marginBottom: '20px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'block',
      width: '24px',
      height: '1px',
      background: C.accent
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: C.accent
    }
  }, "FAQ")), /*#__PURE__*/React.createElement("h2", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 600,
      letterSpacing: '-.02em',
      fontSize: isMobile ? '30px' : '42px',
      lineHeight: 1.15,
      margin: '0 0 18px',
      color: C.ink
    }
  }, "Częste pytania"), /*#__PURE__*/React.createElement("div", {
    style: {
      width: '48px',
      height: '2px',
      background: C.accent,
      marginBottom: '40px'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column'
    }
  }, faqs.map((f, i) => /*#__PURE__*/React.createElement("div", {
    key: f.q,
    style: {
      borderBottom: `1px solid rgba(${C.inkRgb},.14)`
    }
  }, /*#__PURE__*/React.createElement("button", {
    onClick: () => setOpen(open === i ? -1 : i),
    style: {
      width: '100%',
      background: 'none',
      border: 'none',
      cursor: 'pointer',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'space-between',
      gap: '24px',
      padding: '22px 0',
      textAlign: 'left',
      color: C.ink,
      fontFamily: "'Outfit', sans-serif",
      fontSize: '16px',
      fontWeight: 400
    }
  }, /*#__PURE__*/React.createElement("span", null, f.q), /*#__PURE__*/React.createElement("span", {
    style: {
      color: C.accent,
      fontSize: '22px',
      fontWeight: 300,
      lineHeight: 1,
      flex: 'none',
      transition: 'transform .25s',
      transform: open === i ? 'rotate(45deg)' : 'rotate(0deg)'
    }
  }, "+")), open === i && /*#__PURE__*/React.createElement("p", {
    style: {
      margin: 0,
      padding: '0 40px 24px 0',
      fontSize: '14px',
      lineHeight: 1.8,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, f.a))))));
}

// ═══════════════════════════════════════════════════════════
// FOOTER
// ═══════════════════════════════════════════════════════════
function Footer() {
  const isMobile = useIsMobile();
  return /*#__PURE__*/React.createElement("footer", {
    style: {
      background: C.bg2,
      borderTop: `1px solid rgba(${C.accentRgb},.14)`
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto',
      padding: isMobile ? '40px 20px 32px' : '64px 24px 48px',
      display: 'grid',
      gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))',
      gap: isMobile ? '36px' : '56px'
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      fontWeight: 600,
      letterSpacing: '-.02em',
      fontSize: '20px',
      color: C.accent,
      marginBottom: '16px'
    }
  }, "Słońce bez filtra"), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 24px',
      fontSize: '13px',
      lineHeight: 1.8,
      color: `rgba(${C.inkRgb},.72)`
    }
  }, "Książka o nauce światła, snu i rytmu dobowego. Ponad 100 badań naukowych przetłumaczonych na codzienne nawyki, które przywracają energię i zdrowie."), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: '12px'
    }
  }, [{
    href: 'https://www.instagram.com/sebastiankilichowski/',
    label: 'Instagram',
    svg: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>'
  }, {
    href: 'https://www.facebook.com/skilichowski',
    label: 'Facebook',
    svg: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>'
  }, {
    href: 'https://www.youtube.com/@sebastiankilichowski',
    label: 'YouTube',
    svg: '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 0 0 1.46 6.42 29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z"/><polygon points="9.75 15.02 15.5 12 9.75 8.98 9.75 15.02"/></svg>'
  }].map(s => /*#__PURE__*/React.createElement("a", {
    key: s.label,
    href: s.href,
    target: "_blank",
    rel: "noopener noreferrer",
    "aria-label": s.label,
    style: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      width: '40px',
      height: '40px',
      border: `1px solid rgba(${C.accentRgb},.35)`,
      borderRadius: '6px',
      color: `rgba(${C.inkRgb},.6)`,
      textDecoration: 'none',
      transition: 'border-color .2s, color .2s'
    },
    dangerouslySetInnerHTML: {
      __html: s.svg
    }
  })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: `rgba(${C.inkRgb},.5)`,
      marginBottom: '20px'
    }
  }, "Menu"), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: '12px'
    }
  }, [['o-ksiazce', 'O książce'], ['rozdzialy', 'Rozdziały'], ['autor', 'Autor'], ['opinie', 'Opinie'], ['cennik', 'Zamów książkę']].map(([id, label]) => /*#__PURE__*/React.createElement("a", {
    key: id,
    href: `#${id}`,
    onClick: e => {
      e.preventDefault();
      scrollToSection(id);
    },
    style: {
      color: `rgba(${C.inkRgb},.72)`,
      textDecoration: 'none',
      fontSize: '13px'
    }
  }, label)))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      fontSize: '11px',
      fontWeight: 500,
      letterSpacing: '.2em',
      textTransform: 'uppercase',
      color: `rgba(${C.inkRgb},.5)`,
      marginBottom: '20px'
    }
  }, "Kontakt"), /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 8px',
      fontSize: '13px',
      color: `rgba(${C.inkRgb},.72)`
    }
  }, "Masz pytanie o zamówienie?"), /*#__PURE__*/React.createElement("a", {
    href: "mailto:kontakt@sloncebezfiltra.pl",
    style: {
      color: C.accent,
      textDecoration: 'none',
      fontSize: '13px'
    }
  }, "kontakt@sloncebezfiltra.pl"))), /*#__PURE__*/React.createElement("div", {
    style: {
      borderTop: `1px solid rgba(${C.inkRgb},.1)`
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: '1100px',
      margin: '0 auto',
      padding: '20px 24px'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      margin: '0 0 14px',
      fontSize: '12px',
      color: `rgba(${C.inkRgb},.5)`,
      lineHeight: 1.6
    }
  }, "Treści zawarte w książce mają charakter edukacyjny i informacyjny. Nie zastępują porady lekarskiej ani diagnozy medycznej."), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      justifyContent: 'space-between',
      alignItems: 'center',
      gap: '24px',
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      fontSize: '12px',
      color: `rgba(${C.inkRgb},.5)`
    }
  }, "© 2026 Sebastian Kilichowski. Wszelkie prawa zastrzeżone."), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: '24px'
    }
  }, /*#__PURE__*/React.createElement("a", {
    href: "/polityka-prywatnosci",
    style: {
      fontSize: '12px',
      color: `rgba(${C.inkRgb},.5)`,
      textDecoration: 'none'
    }
  }, "Polityka prywatności"), /*#__PURE__*/React.createElement("a", {
    href: "/regulamin",
    style: {
      fontSize: '12px',
      color: `rgba(${C.inkRgb},.5)`,
      textDecoration: 'none'
    }
  }, "Regulamin"))))));
}


// ═══════════════════════════════════════════════════════════
// COOKIE BANNER
// ═══════════════════════════════════════════════════════════
function CookieBanner() {
  const [visible, setVisible] = React.useState(false);
  const [showPrefs, setShowPrefs] = React.useState(false);
  const [prefs, setPrefs] = React.useState({ analytics: true, marketing: false });

  React.useEffect(() => {
    try {
      const consent = localStorage.getItem('sbf_cookie_consent');
      if (!consent) setTimeout(() => setVisible(true), 1000);
    } catch(e) {}
  }, []);

  const save = (type) => {
    const val = type === 'all'
      ? JSON.stringify({ necessary: true, analytics: true, marketing: true })
      : JSON.stringify({ necessary: true, analytics: prefs.analytics, marketing: prefs.marketing });
    try { localStorage.setItem('sbf_cookie_consent', val); } catch(e) {}
    setVisible(false);
    setShowPrefs(false);
  };

  const Toggle = ({ checked, onChange, label, desc, locked }) =>
    /*#__PURE__*/React.createElement('div', {
      style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', padding: '12px 0', borderBottom: `1px solid rgba(${C.inkRgb},.1)` }
    },
      /*#__PURE__*/React.createElement('div', { style: { flex: 1, paddingRight: '16px' } },
        /*#__PURE__*/React.createElement('div', { style: { fontSize: '14px', fontWeight: 600, color: C.ink, marginBottom: '2px' } }, label),
        /*#__PURE__*/React.createElement('div', { style: { fontSize: '12px', color: `rgba(${C.inkRgb},.6)`, lineHeight: 1.5 } }, desc)
      ),
      /*#__PURE__*/React.createElement('div', {
        onClick: locked ? null : () => onChange(!checked),
        style: {
          width: '40px', height: '22px', borderRadius: '11px', flexShrink: 0, marginTop: '2px',
          background: checked ? C.accent : `rgba(${C.inkRgb},.15)`,
          cursor: locked ? 'not-allowed' : 'pointer',
          position: 'relative', transition: 'background 0.2s',
          opacity: locked ? 0.5 : 1,
        }
      },
        /*#__PURE__*/React.createElement('div', {
          style: {
            position: 'absolute', top: '3px',
            left: checked ? '21px' : '3px',
            width: '16px', height: '16px', borderRadius: '50%',
            background: '#fff', transition: 'left 0.2s',
            boxShadow: '0 1px 3px rgba(0,0,0,0.3)',
          }
        })
      )
    );

  if (!visible) return null;

  return /*#__PURE__*/React.createElement(React.Fragment, null,
    /*#__PURE__*/React.createElement('div', {
      style: { position: 'fixed', inset: 0, background: 'rgba(26,22,19,0.5)', zIndex: 99998 },
      onClick: null
    }),
    /*#__PURE__*/React.createElement('div', {
      style: {
        position: 'fixed', top: '50%', left: '50%',
        transform: 'translate(-50%, -50%)',
        zIndex: 99999, maxWidth: '480px', width: 'calc(100% - 40px)',
        background: C.bg1, borderRadius: '8px', padding: '32px',
        boxShadow: '0 8px 40px rgba(0,0,0,0.25)', boxSizing: 'border-box',
        fontFamily: "'Outfit', sans-serif",
      }
    },
      !showPrefs
        ? /*#__PURE__*/React.createElement(React.Fragment, null,
            /*#__PURE__*/React.createElement('div', { style: { fontSize: '18px', fontWeight: 700, color: C.ink, marginBottom: '12px' } }, 'Cookies'),
            /*#__PURE__*/React.createElement('p', { style: { fontSize: '13px', color: `rgba(${C.inkRgb},.8)`, lineHeight: 1.6, marginBottom: '24px' } },
              'Obsługujemy pliki cookies. Jeśli uważasz, że to jest ok, po prostu kliknij "Zaakceptuj wszystko". Możesz też wybrać jakie cookies akceptujesz. Więcej w ',
              /*#__PURE__*/React.createElement('a', { href: '/polityka-prywatnosci', style: { color: C.ink, textDecoration: 'underline' } }, 'polityce prywatności'), '.'
            ),
            /*#__PURE__*/React.createElement('div', { style: { display: 'flex', gap: '10px', justifyContent: 'flex-end', flexWrap: 'wrap' } },
              /*#__PURE__*/React.createElement('button', {
                onClick: () => setShowPrefs(true),
                style: { background: 'transparent', color: C.ink, border: `1px solid rgba(${C.inkRgb},.25)`, padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: "'Outfit', sans-serif", fontSize: '14px', fontWeight: 500 }
              }, 'Ustawienia'),
              /*#__PURE__*/React.createElement('button', {
                onClick: () => save('all'),
                style: { background: C.accent, color: '#fff', border: 'none', padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: "'Outfit', sans-serif", fontSize: '14px', fontWeight: 600 }
              }, 'Zaakceptuj wszystko')
            )
          )
        : /*#__PURE__*/React.createElement(React.Fragment, null,
            /*#__PURE__*/React.createElement('div', { style: { fontSize: '18px', fontWeight: 700, color: C.ink, marginBottom: '4px' } }, 'Ustawienia cookies'),
            /*#__PURE__*/React.createElement('p', { style: { fontSize: '12px', color: `rgba(${C.inkRgb},.6)`, marginBottom: '16px', lineHeight: 1.5 } }, 'Wybierz które cookies akceptujesz.'),
            /*#__PURE__*/React.createElement(Toggle, {
              checked: true, locked: true, onChange: () => {},
              label: 'Niezbędne',
              desc: 'Sesja, bezpieczeństwo i podstawowe funkcje strony. Zawsze aktywne.'
            }),
            /*#__PURE__*/React.createElement(Toggle, {
              checked: prefs.analytics, locked: false,
              onChange: v => setPrefs(p => ({ ...p, analytics: v })),
              label: 'Analityczne',
              desc: 'Google Analytics - anonimowe dane o ruchu, pomaga w ulepszaniu strony.'
            }),
            /*#__PURE__*/React.createElement(Toggle, {
              checked: prefs.marketing, locked: false,
              onChange: v => setPrefs(p => ({ ...p, marketing: v })),
              label: 'Marketingowe',
              desc: 'Retargeting i personalizacja reklam. Aktualnie nieaktywne.'
            }),
            /*#__PURE__*/React.createElement('div', { style: { display: 'flex', gap: '10px', justifyContent: 'flex-end', marginTop: '16px', flexWrap: 'wrap' } },
              /*#__PURE__*/React.createElement('button', {
                onClick: () => setShowPrefs(false),
                style: { background: 'transparent', color: C.ink, border: `1px solid rgba(${C.inkRgb},.25)`, padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: "'Outfit', sans-serif", fontSize: '14px' }
              }, '← Wróć'),
              /*#__PURE__*/React.createElement('button', {
                onClick: () => save('custom'),
                style: { background: C.accent, color: '#fff', border: 'none', padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: "'Outfit', sans-serif", fontSize: '14px', fontWeight: 600 }
              }, 'Zapisz')
            )
          )
    )
  );
}

// ═══════════════════════════════════════════════════════════
// APP
// ═══════════════════════════════════════════════════════════
function App() {
  return /*#__PURE__*/React.createElement("div", {
    style: {
      fontFamily: "'Outfit', sans-serif",
      color: C.ink,
      background: C.bg1,
      fontWeight: 300,
      lineHeight: 1.7
    }
  }, /*#__PURE__*/React.createElement(Nav, null), /*#__PURE__*/React.createElement(Hero, null), /*#__PURE__*/React.createElement(Problem, null), /*#__PURE__*/React.createElement(Chapters, null), /*#__PURE__*/React.createElement(LeadMagnet, null), /*#__PURE__*/React.createElement(Author, null), /*#__PURE__*/React.createElement(Media, null), /*#__PURE__*/React.createElement(Testimonials, null), /*#__PURE__*/React.createElement(Pricing, null), /*#__PURE__*/React.createElement(FAQ, null), /*#__PURE__*/React.createElement(Footer, null), /*#__PURE__*/React.createElement(CookieBanner, null));
}
const container = document.getElementById('slonce-root');
if (container) {
  const root = ReactDOM.createRoot(container);
  root.render(React.createElement(App));
}