:root{
    --purple:      #5d3fa6;   /* headings / H1 (royal violet, jak we wzorze) */
    --purple-brand:#5c277c;   /* logo „Ciocia" */
    --magenta:     #eb1f42;   /* logo „Andzia" */
    --pink:        #ec3a80;   /* przyciski / CTA */
    --pink-dark:   #d62d70;
    --pink-soft:   #fde3ed;
    --pink-bg:     #fef2f7;
    --pink-bg-2:   #fde9f1;
    --orange:      #fc8d0c;   /* logo „psoci" / akcenty */
    --orange-soft: #ffe7cc;
    --yellow:      #fcc419;
    --yellow-soft: #fff2cc;
    --green:       #6cc24a;
    --green-soft:  #e7f6dc;
    --blue:        #3fb8e0;
    --blue-soft:   #e0f4fb;
    --lilac-soft:  #efe6fb;
    --red-soft:    #ffe0e0;
    --text:        #4a4560;
    --muted:       #837e98;
    --white:       #ffffff;
    --line:        #f4e5ee;
    --shadow:      0 18px 46px rgba(93,63,166,.13);
    --shadow-sm:   0 10px 26px rgba(93,63,166,.10);
    --shadow-xs:   0 6px 16px rgba(93,63,166,.08);
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Nunito',sans-serif;color:var(--text);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3,h4{font-family:'Baloo 2',sans-serif;font-weight:700;line-height:1.12;color:var(--purple)}
  a{text-decoration:none;color:inherit}
  img{max-width:100%;display:block}
  .wrap{max-width:1140px;margin:0 auto;padding:0 26px}
  .pink{color:var(--pink)}
  svg{display:block}

  /* ---------- buttons ---------- */
  .btn{display:inline-flex;align-items:center;gap:10px;font-family:'Baloo 2',sans-serif;font-weight:600;font-size:1.04rem;border:none;border-radius:50px;padding:14px 28px;cursor:pointer;color:#fff;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
  .btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
  .btn:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
  .btn-pink{background:var(--pink);box-shadow:0 10px 24px rgba(236,58,128,.34)}
  .btn-orange{background:var(--orange);box-shadow:0 10px 24px rgba(252,141,12,.34)}
  .bico{width:21px;height:21px;flex:0 0 auto}

  /* ---------- header ---------- */
  header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}
  .logo{display:flex;align-items:center;gap:12px}
  .logo-badge{width:52px;height:52px;border-radius:50%;flex:0 0 auto;object-fit:cover;box-shadow:var(--shadow-xs);border:2.5px solid #fff;background:#ffe9f3}
  .wm{line-height:.82}
  .wm .l1{font-family:'Pacifico',cursive;font-size:1.05rem;color:var(--purple-brand);display:block}
  .wm .l2{font-family:'Pacifico',cursive;font-size:1.32rem;color:var(--magenta);display:block;margin-top:-1px}
  .wm .l3{font-family:'Baloo 2',sans-serif;font-weight:700;font-size:.82rem;color:var(--orange);letter-spacing:1px;display:block;margin-top:1px}

  .menu{display:flex;align-items:center;gap:24px;list-style:none}
  .menu a{font-family:'Baloo 2',sans-serif;font-weight:600;color:var(--text);font-size:1rem;padding:4px 0;position:relative;transition:color .15s}
  .menu a:hover,.menu a.active{color:var(--pink)}
  .menu a.active::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;border-radius:3px;background:var(--pink)}
  .nav-cta{display:flex;align-items:center;gap:12px}
  .burger{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;border-radius:12px}
  .burger span{display:block;width:22px;height:2.6px;background:var(--purple-brand);margin:4.5px auto;border-radius:2px}

  /* ---------- hero ---------- */
  .hero{position:relative;background:linear-gradient(180deg,#fdeaf2 0%,#fef4f8 55%,#fff 100%);padding:64px 0 56px;overflow:hidden}
  .blob{position:absolute;border-radius:50%;opacity:.6;z-index:0;filter:blur(45px)}
  .b1{width:320px;height:320px;background:#fbd0e4;top:-120px;left:-100px}
  .b2{width:240px;height:240px;background:#ffe0c4;bottom:-140px;left:30%}
  .b3{width:200px;height:200px;background:#f6d6f0;top:30px;right:-80px}
  .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr 1fr;gap:34px;align-items:center}
  .hero h1{font-size:2.85rem;font-weight:700;margin-bottom:18px;letter-spacing:-.5px}
  .hero p{font-size:1.16rem;color:var(--muted);max-width:470px;margin-bottom:28px;font-weight:600}
  .hero-btns{display:flex;gap:15px;flex-wrap:wrap}
  .hero-art{position:relative}
  .hero-art img{width:100%;filter:drop-shadow(0 22px 30px rgba(93,63,166,.16))}
  .deco-heart{position:absolute;z-index:2;animation:bob 4.5s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

  /* ---------- section ---------- */
  .sec{padding:66px 0}
  .sec-pink{background:var(--pink-bg)}
  .sec-title{text-align:center;font-size:2.15rem;margin-bottom:40px;display:flex;align-items:center;justify-content:center;gap:10px}
  .sec-title .hrt{color:var(--pink);font-size:1.7rem}

  /* ---------- about ---------- */
  .about-grid{display:grid;grid-template-columns:.82fr 1.18fr .92fr;gap:34px;align-items:center}
  .ph{border-radius:26px;overflow:hidden;aspect-ratio:1/1.08;box-shadow:var(--shadow);background:linear-gradient(150deg,#ffe7c9,#ffd6e8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative}
  .ph-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
  .ph .ph-ic{width:62px;height:62px;opacity:.85}
  .ph .ph-t{font-family:'Baloo 2';font-weight:600;font-size:.86rem;color:#bd7e74}
  .about-text h2{font-size:2.3rem;margin-bottom:14px;white-space:nowrap}
  .about-text p{margin-bottom:13px;color:#5c5772;font-weight:600}
  .about-text .btn{margin-top:6px}
  .check{background:#fff;border-radius:26px;padding:26px 24px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}
  .check li{list-style:none;display:flex;align-items:center;gap:14px;padding:12px 2px;font-family:'Baloo 2';font-weight:600;color:var(--text);font-size:1.02rem}
  .check li+li{border-top:1px dashed var(--line)}
  .star{width:22px;height:22px;flex:0 0 auto}

  /* ---------- materials ---------- */
  .cards6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
  .mcard{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-xs);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
  .mcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .mcard .top{height:116px;display:grid;place-items:center;padding:14px}
  .mcard .top svg{width:84px;height:84px}
  .mcard .bd{padding:14px 12px 16px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
  .mcard h3{font-size:.98rem;font-weight:700;line-height:1.18}
  .mcard h3 small{display:block;font-family:'Nunito';font-weight:600;font-size:.82rem;color:var(--muted);margin-top:2px}
  .mcard .hrt{color:var(--pink)}
  .mcard .hrt svg{width:18px;height:18px;margin:0 auto}
  .t-pink{background:var(--pink-soft)} .t-green{background:var(--green-soft)} .t-orange{background:var(--orange-soft)}
  .t-red{background:var(--red-soft)} .t-purple{background:var(--lilac-soft)}
  .shopcard{background:linear-gradient(160deg,#fbdcea,#f8c9df);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:18px;color:var(--purple);border:1px solid #f4c0d8;transition:transform .2s ease}
  .shopcard:hover{transform:translateY(-6px)}
  .shopcard svg{width:46px;height:46px}
  .shopcard h3{font-size:1.05rem}

  /* ---------- categories ---------- */
  .cats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
  .cat{border-radius:22px;padding:26px 16px;text-align:center;transition:transform .2s ease;border:1px solid rgba(0,0,0,.02)}
  .cat:hover{transform:translateY(-5px)}
  .cat .cic{width:46px;height:46px;margin:0 auto 12px}
  .cat h3{font-size:1.16rem;margin-bottom:6px}
  .cat p{font-size:.85rem;color:var(--muted);line-height:1.42;font-weight:600}
  .c-pink{background:var(--pink-soft)}   .c-pink h3,.c-pink .cic{color:var(--pink)}
  .c-yellow{background:var(--yellow-soft)} .c-yellow h3,.c-yellow .cic{color:#e0a40a}
  .c-green{background:var(--green-soft)}  .c-green h3,.c-green .cic{color:#4e9a31}
  .c-blue{background:var(--blue-soft)}    .c-blue h3,.c-blue .cic{color:#2a93bb}
  .c-purple{background:var(--lilac-soft)} .c-purple h3,.c-purple .cic{color:var(--purple)}
  .c-orange{background:var(--orange-soft)} .c-orange h3,.c-orange .cic{color:#d97d10}

  /* ---------- topics ---------- */
  .topics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .topic{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xs);border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease}
  .topic:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
  .topic .pic{height:148px;display:grid;place-items:center;position:relative}
  .topic .pic svg{width:64px;height:64px}
  .p1{background:linear-gradient(140deg,#ffe1ec,#ffcfe0)} .p2{background:linear-gradient(140deg,#e2f3ff,#cfe9ff)}
  .p3{background:linear-gradient(140deg,#eaf7e0,#d6f0c6)} .p4{background:linear-gradient(140deg,#fff1d6,#ffe5bb)}
  .p5{background:linear-gradient(140deg,#efe6fb,#e2d3f6)} .p6{background:linear-gradient(140deg,#ffe5e0,#ffd5ce)}
  .topic .tb{padding:16px 18px 20px}
  .topic h3{font-size:1.12rem;margin-bottom:5px}
  .topic p{font-size:.92rem;color:var(--muted);font-weight:600}
  .topic-cta{background:linear-gradient(160deg,#fbdcea,#f8c9df);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:26px;color:var(--purple);border:1px solid #f4c0d8;transition:transform .2s ease}
  .topic-cta:hover{transform:translateY(-5px)}
  .topic-cta svg{width:46px;height:46px}

  /* ---------- opinions + newsletter ---------- */
  .op-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
  .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
  .review{background:#fff;border-radius:18px;padding:20px 16px;box-shadow:var(--shadow-xs);border:1px solid var(--line);text-align:center}
  .review .rs{display:flex;justify-content:center;gap:3px;margin-bottom:10px}
  .review .rs svg{width:18px;height:18px}
  .review p{font-size:.9rem;color:#5c5772;font-style:italic;margin-bottom:12px;font-weight:600}
  .review .re{width:26px;height:26px;margin:0 auto}
  .news{background:linear-gradient(150deg,#fce0ec,#f9cfe2);border-radius:28px;padding:32px 30px;display:flex;align-items:center;gap:22px;box-shadow:var(--shadow-sm);border:1px solid #f4c0d8}
  .news .gift{width:58px;height:58px;flex:0 0 auto}
  .news-text{flex:1}
  .news-text h3{font-size:1.55rem;margin-bottom:5px}
  .news-text p{color:#6c5a73;margin-bottom:16px;font-weight:700}
  .nf{display:flex;gap:10px;flex-wrap:wrap}
  .nf input{flex:1;min-width:170px;border:none;border-radius:50px;padding:14px 20px;font-family:'Nunito';font-size:1rem;font-weight:600;background:#fff;box-shadow:inset 0 0 0 1.5px #f3c6d9}
  .nf input:focus{outline:2px solid var(--pink);box-shadow:none}
  .pdf-mini{flex:0 0 auto;width:112px;aspect-ratio:.75;border-radius:14px;background:#fff;box-shadow:var(--shadow-xs);border:1px solid #f5d4e3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px;text-align:center}
  .pdf-mini .pm-top{font-family:'Baloo 2';font-weight:700;font-size:.62rem;color:var(--orange)}
  .pdf-mini .pm-num{font-family:'Baloo 2';font-weight:700;font-size:1.9rem;color:var(--pink);line-height:1}
  .pdf-mini small{font-size:.58rem;color:var(--muted);font-weight:700}

  /* ---------- footer ---------- */
  footer{background:linear-gradient(120deg,var(--pink) 0%,var(--pink-dark) 100%);color:#fff;padding:28px 0}
  .foot{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
  .fmark{display:flex;align-items:center;gap:8px;font-family:'Pacifico',cursive;font-size:1.4rem}
  .fmark b{font-family:'Baloo 2';font-weight:700;font-size:1.05rem;color:#ffe07a}
  .finfo{display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-weight:700;font-size:.93rem}
  .finfo a,.finfo span{display:flex;align-items:center;gap:8px;color:#fff}
  .finfo a:hover{text-decoration:underline}
  .finfo svg{width:18px;height:18px;flex:0 0 auto}
  .soc{display:flex;gap:11px}
  .soc a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;transition:background .15s,transform .15s}
  .soc a:hover{background:rgba(255,255,255,.34);transform:translateY(-2px)}
  .soc svg{width:20px;height:20px;fill:#fff}

  /* ---------- animacje (reveal on scroll) ---------- */
  .js .sec-title,.js .about-text,.js .ph,.js .check,.js .mcard,.js .shopcard,
  .js .cat,.js .topic,.js .topic-cta,.js .review,.js .news,.js .fb-embed,.js .social-cta{
    opacity:0;transform:translateY(28px);
    transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);
  }
  .js .sec-title.in,.js .about-text.in,.js .ph.in,.js .check.in,.js .mcard.in,.js .shopcard.in,
  .js .cat.in,.js .topic.in,.js .topic-cta.in,.js .review.in,.js .news.in,.js .fb-embed.in,.js .social-cta.in{
    opacity:1;transform:none;
  }
  .js .hero-copy{opacity:0;transform:translateY(22px)}
  .js .hero-art{opacity:0;transform:translateY(28px) scale(.97)}
  .hero-copy,.hero-art{transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
  .hero-art{transition-delay:.14s}
  .hero-copy.in,.hero-art.in{opacity:1;transform:none}

  header{transition:box-shadow .25s ease,background .25s ease}
  header.scrolled{box-shadow:0 8px 26px rgba(93,63,166,.10)}
  .logo-badge{transition:transform .3s ease}
  .logo:hover .logo-badge{transform:rotate(-6deg) scale(1.06)}
  .sec-title .hrt{display:inline-block;animation:pulse 2.4s ease-in-out infinite}
  @keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}
  .btn{position:relative;overflow:hidden}
  .btn::after{content:"";position:absolute;inset:0;border-radius:50px;background:linear-gradient(120deg,transparent 32%,rgba(255,255,255,.4) 50%,transparent 68%);transform:translateX(-130%);transition:transform .6s ease;pointer-events:none}
  .btn:hover::after{transform:translateX(130%)}

  /* ---------- sekcja social / Facebook ---------- */
  .social-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:stretch}
  .fb-embed{background:#fff;border-radius:24px;padding:12px;box-shadow:var(--shadow-sm);border:1px solid var(--line);min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .fb-embed .fb-page{width:100%;max-width:500px}
  .fb-fallback{color:var(--muted);font-weight:700;text-align:center;padding:24px;line-height:1.7}
  .social-cta{background:linear-gradient(155deg,#fde0ec,#f9cfe2);border-radius:24px;padding:34px 30px;display:flex;flex-direction:column;justify-content:center;gap:15px;box-shadow:var(--shadow-sm);border:1px solid #f4c0d8}
  .social-cta h3{font-size:1.75rem;line-height:1.2}
  .social-cta p{color:#6c5a73;font-weight:600}
  .sbtn{display:flex;align-items:center;gap:13px;border-radius:16px;padding:15px 22px;color:#fff;font-family:'Baloo 2';font-weight:700;font-size:1.06rem;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
  .sbtn:hover{transform:translateY(-2px);filter:brightness(1.05)}
  .sbtn svg{width:24px;height:24px;fill:#fff;flex:0 0 auto}
  .sbtn-fb{background:#1877f2;box-shadow:0 10px 22px rgba(24,119,242,.32)}
  .sbtn-ig{background:linear-gradient(135deg,#f9ce34 0%,#ee2a7b 45%,#6228d7 100%);box-shadow:0 10px 22px rgba(221,42,123,.3)}

  /* ---------- responsive ---------- */
  @media(max-width:980px){
    .menu,.nav-cta .btn{display:none}
    .burger{display:block}
    .hero-grid{grid-template-columns:1fr;text-align:center}
    .hero h1{font-size:2.6rem}
    .hero p{margin:0 auto 26px}
    .hero-btns{justify-content:center}
    .hero-art{max-width:520px;margin:0 auto}
    .about-grid{grid-template-columns:1fr;text-align:center}
    .about-text h2{white-space:normal}
    .ph{max-width:300px;margin:0 auto}
    .check{max-width:430px;margin:0 auto;text-align:left}
    .cards6{grid-template-columns:repeat(3,1fr)}
    .cats{grid-template-columns:repeat(3,1fr)}
    .topics{grid-template-columns:repeat(2,1fr)}
    .op-grid{grid-template-columns:1fr}
    .social-grid{grid-template-columns:1fr}
  }
  @media(max-width:600px){
    .hero h1{font-size:2.1rem}
    .sec{padding:50px 0}
    .sec-title{font-size:1.72rem}
    .cards6{grid-template-columns:repeat(2,1fr)}
    .cats{grid-template-columns:repeat(2,1fr)}
    .topics{grid-template-columns:1fr}
    .reviews{grid-template-columns:1fr}
    .news{flex-direction:column;text-align:center}
    .fb-embed{min-height:260px}
    .pdf-mini{display:none}
    .foot{flex-direction:column;text-align:center}
    .finfo{justify-content:center}
  }
  @media(prefers-reduced-motion:reduce){
    *{animation:none!important}
    .js .sec-title,.js .about-text,.js .ph,.js .check,.js .mcard,.js .shopcard,.js .cat,
    .js .topic,.js .topic-cta,.js .review,.js .news,.js .fb-embed,.js .social-cta,
    .js .hero-copy,.js .hero-art{opacity:1!important;transform:none!important;transition:none!important}
  }

/* ============================================================
   PODSTRONY / ARTYKUŁY / KONTAKT — rozszerzenie motywu
   ============================================================ */

/* --- chmurki / dekoracje --- */
.clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.cloud{position:absolute;fill:#fff;opacity:.55;filter:drop-shadow(0 10px 20px rgba(93,63,166,.06))}
.cloud.c-a{width:170px;top:18%;left:6%;animation:drift 16s ease-in-out infinite}
.cloud.c-b{width:120px;top:54%;left:78%;opacity:.45;animation:drift 20s ease-in-out infinite reverse}
.cloud.c-c{width:90px;top:12%;left:64%;opacity:.4;animation:drift 13s ease-in-out infinite}
@keyframes drift{0%,100%{transform:translateX(0)}50%{transform:translateX(18px)}}

/* --- nagłówek podstrony (page hero) --- */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fdeaf2 0%,#fef4f8 60%,#fff 100%);padding:46px 0 54px;text-align:center}
.page-hero .wrap{position:relative;z-index:1}
.breadcrumb{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;align-items:center;font-family:'Baloo 2';font-weight:600;font-size:.92rem;color:var(--muted);margin-bottom:14px}
.breadcrumb a{color:var(--pink)}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb .sep{opacity:.6}
.page-hero h1{font-size:2.7rem;margin-bottom:12px}
.page-hero .lead{font-size:1.16rem;color:var(--muted);font-weight:600;max-width:680px;margin:0 auto}
.page-hero .ph-badge{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;margin:0 auto 18px;box-shadow:var(--shadow-sm)}
.page-hero .ph-badge svg{width:40px;height:40px}

/* --- pasek CTA „porozmawiajmy" --- */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#ec3a80,#a23bbf 55%,#6e3aa0);border-radius:30px;padding:42px 38px;color:#fff;text-align:center;box-shadow:0 22px 50px rgba(170,59,191,.28)}
.cta-band h2{color:#fff;font-size:2rem;margin-bottom:10px}
.cta-band p{color:rgba(255,255,255,.92);font-weight:600;max-width:620px;margin:0 auto 22px;font-size:1.08rem}
.cta-band .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-band .btn-white{background:#fff;color:var(--pink)}
.cta-band .btn-ghost{background:rgba(255,255,255,.16);color:#fff;box-shadow:none;border:2px solid rgba(255,255,255,.55)}
.cta-band .heart-pop{display:inline-block;animation:pulse 2.2s ease-in-out infinite}
.cta-band .cb-cloud{position:absolute;fill:rgba(255,255,255,.12);pointer-events:none}
.cta-band .cb-cloud.x1{width:150px;top:-30px;left:-20px}
.cta-band .cb-cloud.x2{width:120px;bottom:-40px;right:6%}

/* --- artykuł --- */
.article{padding:50px 0 10px}
.article-wrap{max-width:760px;margin:0 auto;padding:0 26px}
.article .meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:'Baloo 2';font-weight:600;color:var(--muted);font-size:.92rem;margin-bottom:18px}
.article .pill{display:inline-block;background:var(--pink-soft);color:var(--pink-dark);border-radius:50px;padding:5px 14px;font-size:.82rem}
.article-body{font-size:1.09rem;color:#4f4a64;line-height:1.85;font-weight:500}
.article-body p{margin-bottom:18px}
.article-body h2{font-size:1.6rem;margin:34px 0 12px;color:var(--purple)}
.article-body h3{font-size:1.22rem;margin:24px 0 8px;color:var(--purple-brand)}
.article-body ul,.article-body ol{margin:0 0 18px 0;padding-left:0;list-style:none}
.article-body ul li,.article-body ol li{position:relative;padding-left:34px;margin-bottom:11px}
.article-body ul li::before{content:"";position:absolute;left:6px;top:.55em;width:11px;height:11px;border-radius:50%;background:var(--pink)}
.article-body ol{counter-reset:cnt}
.article-body ol li{counter-increment:cnt}
.article-body ol li::before{content:counter(cnt);position:absolute;left:0;top:.05em;width:24px;height:24px;border-radius:50%;background:var(--purple);color:#fff;font-family:'Baloo 2';font-weight:700;font-size:.85rem;display:grid;place-items:center}
.article-body strong{color:var(--purple-brand);font-weight:800}
.article-body .lead{font-size:1.2rem;color:#3f3a55;font-weight:700}
.article-body blockquote{margin:26px 0;padding:20px 26px;background:linear-gradient(150deg,#fde4ee,#fbd2e6);border-radius:20px;border-left:5px solid var(--pink);font-family:'Baloo 2';font-weight:600;color:var(--purple);font-size:1.12rem}
.tip{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;box-shadow:var(--shadow-xs);margin:24px 0}
.tip .tip-h{display:flex;align-items:center;gap:10px;font-family:'Baloo 2';font-weight:700;color:var(--orange);margin-bottom:6px}
.tip .tip-h svg{width:22px;height:22px}

/* --- box autorki --- */
.author-box{display:flex;align-items:center;gap:18px;background:linear-gradient(150deg,#fff,#fdf2f7);border:1px solid var(--line);border-radius:24px;padding:22px 24px;box-shadow:var(--shadow-sm);margin:38px auto 0;max-width:760px}
.author-box img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 28%;flex:0 0 auto;border:3px solid #fff;box-shadow:var(--shadow-xs)}
.author-box h4{font-family:'Baloo 2';color:var(--purple);font-size:1.15rem;margin-bottom:2px}
.author-box p{color:var(--muted);font-weight:600;font-size:.95rem;margin:0}
.author-box .pink{font-family:'Pacifico',cursive}

/* --- nawigacja między artykułami / powrót --- */
.related{padding:8px 0 0}
.back-link{display:inline-flex;align-items:center;gap:8px;font-family:'Baloo 2';font-weight:700;color:var(--pink)}
.back-link:hover{text-decoration:underline}

/* --- zajęcia (lista oferty) --- */
.offer{display:flex;flex-direction:column;gap:20px;margin-top:8px}
.offer-row{display:grid;grid-template-columns:108px 1fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px 28px;box-shadow:var(--shadow-xs);transition:transform .2s ease,box-shadow .2s ease}
.offer-row:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.offer-ic{width:108px;height:108px;border-radius:24px;display:grid;place-items:center}
.offer-ic svg{width:54px;height:54px}
.offer-row h3{font-size:1.4rem;margin-bottom:6px}
.offer-row p{color:#5c5772;font-weight:600;margin:0}
.oi-pink{background:var(--pink-soft)} .oi-pink svg{color:var(--pink)}
.oi-yellow{background:var(--yellow-soft)} .oi-yellow svg{color:#e0a40a}
.oi-green{background:var(--green-soft)} .oi-green svg{color:#4e9a31}
.oi-blue{background:var(--blue-soft)} .oi-blue svg{color:#2a93bb}
.oi-purple{background:var(--lilac-soft)} .oi-purple svg{color:var(--purple)}
.oi-orange{background:var(--orange-soft)} .oi-orange svg{color:#d97d10}

/* --- kontakt --- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.contact-methods{display:flex;flex-direction:column;gap:14px}
.cmethod{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 22px;box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease}
.cmethod:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.cmethod .ci{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto}
.cmethod .ci svg{width:26px;height:26px}
.cmethod .ct{font-family:'Baloo 2';font-weight:700;color:var(--purple);font-size:1.08rem;line-height:1.2}
.cmethod .cs{color:var(--muted);font-weight:600;font-size:.9rem}
.ci-call{background:#e7f6dc} .ci-call svg{stroke:#4e9a31}
.ci-mail{background:var(--pink-soft)} .ci-mail svg{stroke:var(--pink)}
.ci-fb{background:#e3edff} .ci-fb svg{fill:#1877f2}
.ci-ig{background:#fde0ec} .ci-ig svg{fill:#d6249f}
.ci-pin{background:var(--lilac-soft)} .ci-pin svg{stroke:var(--purple)}
.map-embed{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);min-height:340px;background:#f3eef8}
.map-embed iframe{display:block;width:100%;height:100%;min-height:340px;border:0}
.cform{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm)}
.cform label{display:block;font-family:'Baloo 2';font-weight:600;color:var(--purple);margin:0 0 6px 2px}
.cform input,.cform textarea{width:100%;border:none;border-radius:16px;padding:13px 16px;font-family:'Nunito';font-weight:600;font-size:1rem;background:#fdf6fa;box-shadow:inset 0 0 0 1.5px #f3c6d9;margin-bottom:16px}
.cform input:focus,.cform textarea:focus{outline:2px solid var(--pink);box-shadow:none}
.cform textarea{min-height:130px;resize:vertical}

/* --- prosty „intro" blok na podstronach --- */
.prose{max-width:820px;margin:0 auto}
.prose p{font-size:1.08rem;color:#4f4a64;line-height:1.85;font-weight:500;margin-bottom:18px}
.prose h2{font-size:1.7rem;margin:30px 0 12px}
.prose .lead{font-size:1.22rem;font-weight:700;color:#3f3a55}

/* --- responsywność dodatków --- */
@media(max-width:760px){
  .page-hero h1{font-size:2.05rem}
  .cta-band{padding:34px 24px}
  .cta-band h2{font-size:1.6rem}
  .offer-row{grid-template-columns:1fr;text-align:center;justify-items:center;gap:14px}
  .contact-grid{grid-template-columns:1fr}
  .author-box{flex-direction:column;text-align:center}
  .article-body{font-size:1.05rem}
}

/* badge colours for page-hero */
.ph-badge.b-pink{background:var(--pink-soft);color:var(--pink)}
.ph-badge.b-green{background:var(--green-soft);color:#4e9a31}
.ph-badge.b-blue{background:var(--blue-soft);color:#2a93bb}
.ph-badge.b-orange{background:var(--orange-soft);color:#d97d10}
.ph-badge.b-purple{background:var(--lilac-soft);color:var(--purple)}
.ph-badge.b-yellow{background:var(--yellow-soft);color:#e0a40a}
/* about (o-mnie) intro two-col */
.intro2{display:grid;grid-template-columns:330px 1fr;gap:38px;align-items:center}
.intro2 .photo-frame{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1/1.08}
.intro2 .photo-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}
@media(max-width:760px){.intro2{grid-template-columns:1fr;text-align:center}.intro2 .photo-frame{max-width:300px;margin:0 auto}}

/* build2-extra */

.intro2-text h2{font-size:2rem;margin-bottom:14px}
.intro2-text p{color:#5c5772;font-weight:600;margin-bottom:13px;line-height:1.7}
.intro2-text .btn{margin-top:8px}
.cform-wrap{max-width:680px;margin:42px auto 0}
.cform h3{text-align:center;font-size:1.4rem;margin-bottom:18px}
.contact-note{text-align:center;color:var(--muted);font-weight:600;margin-top:16px}
.contact-note a{color:var(--pink);font-weight:700}
.zaj-note{text-align:center;color:var(--muted);font-weight:600;max-width:640px;margin:28px auto 0;font-size:1.02rem}
.zaj-note a{color:var(--pink);font-weight:700}

/* topbar — pasek kontaktu na samej górze */
.topbar{background:linear-gradient(120deg,var(--pink),var(--pink-dark));color:#fff;font-weight:700;font-size:.86rem}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:8px;padding-bottom:8px}
.topbar a{display:inline-flex;align-items:center;gap:7px;color:#fff}
.topbar a:hover{text-decoration:underline}
.topbar svg{width:16px;height:16px;flex:0 0 auto;stroke:#fff}
.topbar .tb-left{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.topbar .tb-note{opacity:.95}
@media(max-width:760px){.topbar .tb-note{display:none}.topbar .wrap{justify-content:center}}
@media(max-width:430px){.topbar{font-size:.75rem}.topbar .tb-left{gap:13px}}

/* ================= build3-shop ================= */
/* font menu + topbar */
.menu a{font-family:'Quicksand',sans-serif;font-weight:600;letter-spacing:.2px}
.topbar{font-family:'Quicksand',sans-serif;letter-spacing:.2px}

/* lista przy zdjęciu -> klikalne linki */
.check li{padding:0}
.check li a{display:flex;align-items:center;gap:14px;color:inherit;padding:12px 2px;transition:color .15s}
.check li a:hover{color:var(--pink)}

/* kotwice pod sticky header */
.offer-row{scroll-margin-top:150px}

/* sekcja social — karty FB/IG */
.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:920px;margin:0 auto}
.scard{display:flex;align-items:center;gap:16px;border-radius:24px;padding:24px 26px;color:#fff;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.scard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.scard-fb{background:linear-gradient(135deg,#2b6fe3,#1559c9)}
.scard-ig{background:linear-gradient(135deg,#f9ce34 0%,#ee2a7b 45%,#6228d7 100%)}
.scard-ic{width:58px;height:58px;border-radius:17px;background:rgba(255,255,255,.22);display:grid;place-items:center;flex:0 0 auto}
.scard-ic svg{width:30px;height:30px;fill:#fff}
.scard-tx{display:flex;flex-direction:column;line-height:1.2}
.scard-tx b{font-family:'Baloo 2',sans-serif;font-size:1.28rem}
.scard-tx small{font-weight:700;opacity:.92;font-size:.92rem}
.scard-go{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:'Baloo 2',sans-serif;font-weight:700;background:rgba(255,255,255,.2);padding:9px 16px;border-radius:50px;white-space:nowrap;font-size:.95rem}
.scard-go svg{width:17px;height:17px;stroke:#fff}

/* karta cena/chip */
.price-chip{display:inline-block;background:#fff;color:var(--pink);font-family:'Baloo 2',sans-serif;font-weight:700;padding:6px 18px;border-radius:50px;margin-bottom:14px;box-shadow:var(--shadow-xs);font-size:1.05rem}

/* produkt: górna sekcja (okładka + info) */
.prod-top{display:grid;grid-template-columns:300px 1fr;gap:38px;align-items:center;max-width:940px;margin:0 auto}
.prod-cover{aspect-ratio:.74;border-radius:24px;background:linear-gradient(155deg,#fde4ee,#f8c9df);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center;color:var(--purple);border:1px solid #f4c0d8;position:relative}
.prod-cover .pdf-tag{position:absolute;top:16px;right:16px;background:var(--pink);color:#fff;font-family:'Baloo 2',sans-serif;font-weight:700;font-size:.72rem;padding:5px 12px;border-radius:50px;letter-spacing:.5px}
.prod-cover svg{width:74px;height:74px;color:var(--pink)}
.prod-cover h3{font-size:1.35rem;line-height:1.2}
.prod-cover small{font-weight:600;color:#a86b86}
.prod-info .price{font-family:'Baloo 2',sans-serif;font-weight:700;font-size:2.1rem;color:var(--pink);line-height:1}
.prod-info .price small{font-size:.95rem;color:var(--muted);font-weight:600;display:block;margin-top:4px}
.prod-meta{list-style:none;margin:18px 0;padding:0}
.prod-meta li{display:flex;align-items:center;gap:10px;padding:7px 0;font-weight:600;color:#5c5772;border-bottom:1px dashed var(--line)}
.prod-meta li svg{width:18px;height:18px;color:var(--pink);flex:0 0 auto}
.prod-buy{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}

/* sklep/kategorie: siatka kart produktów */
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:0 auto}
.pcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-xs);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:8px}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pcard .pic-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin-bottom:4px}
.pcard .pic-ic svg{width:28px;height:28px}
.pcard h3{font-size:1.12rem}
.pcard p{font-size:.92rem;color:var(--muted);font-weight:600;flex:1}
.pcard .pc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.pcard .pc-price{font-family:'Baloo 2',sans-serif;font-weight:700;color:var(--pink)}
.pcard .pc-go{font-family:'Baloo 2',sans-serif;font-weight:700;color:var(--purple);display:inline-flex;align-items:center;gap:5px;font-size:.9rem}
.pcard .pc-go svg{width:15px;height:15px;stroke:currentColor}
.pcard.soon{opacity:.96}
.pcard.soon .pc-price{color:var(--muted);font-size:.85rem}

/* sekcje sklepu na podstronach */
.shop-section{padding:50px 0}
.shop-section .sec-title{margin-bottom:30px}

@media(max-width:860px){
  .prod-top{grid-template-columns:1fr;gap:24px}
  .prod-cover{max-width:300px;margin:0 auto}
  .shop-grid{grid-template-columns:repeat(2,1fr)}
  .social-cards{grid-template-columns:1fr}
}
@media(max-width:560px){
  .shop-grid{grid-template-columns:1fr}
  .scard{flex-wrap:wrap}
  .scard-go{margin-left:0;width:100%;justify-content:center}
  .prod-info .price{font-size:1.8rem}
}

/* build3-shop */

.offer-row{scroll-margin-top:150px}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
.shop-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}
a.shop-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(93,63,166,.16)}
.sc-top{height:118px;display:grid;place-items:center}
.sc-top svg{width:50px;height:50px}
.sc-bd{padding:20px 22px 6px;flex:1}
.sc-bd h3{font-family:'Baloo 2';font-size:1.18rem;color:var(--purple);margin-bottom:7px;line-height:1.2}
.sc-bd p{color:#5c5772;font-weight:600;font-size:.95rem;line-height:1.5}
.sc-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 20px}
.sc-price{font-family:'Baloo 2';font-weight:700;color:var(--pink-dark);font-size:1.18rem}
.sc-cta{font-family:'Baloo 2';font-weight:700;color:var(--pink);font-size:1rem}
.sc-go{width:34px;height:34px;border-radius:50%;background:var(--pink-soft);display:grid;place-items:center}
.sc-go svg{width:18px;height:18px;stroke:var(--pink)}
a.shop-card:hover .sc-go{background:var(--pink)}
a.shop-card:hover .sc-go svg{stroke:#fff}
.sc-soon{opacity:.92}
.sc-badge{display:inline-block;background:var(--lilac-soft);color:var(--purple);font-family:'Baloo 2';font-weight:700;font-size:.85rem;padding:5px 14px;border-radius:50px}
.prod-facts{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 26px}
.pf{flex:1;min-width:150px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow-xs)}
.pf-l{display:block;color:var(--muted);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px}
.pf-v{display:block;font-family:'Baloo 2';font-weight:700;color:var(--purple);font-size:1.06rem}
.prod-price{font-family:'Baloo 2';font-weight:800;color:var(--pink-dark);font-size:2rem;margin:4px 0 8px}
.prod-price span{font-size:1rem;color:var(--muted);font-weight:700}
.prod-h{font-family:'Baloo 2';color:var(--purple);font-size:1.5rem;margin:34px 0 14px}
.prod-p{color:#4f4a63;font-weight:600;line-height:1.75;font-size:1.05rem}
.prod-ul{list-style:none;margin:4px 0 0}
.prod-ul li{position:relative;padding-left:26px;margin-bottom:11px;color:#4f4a63;font-weight:600;line-height:1.6}
.prod-ul li::before{content:'';position:absolute;left:4px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--pink)}
.feat{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px 24px;margin:4px 0 0}
.feat li{display:flex;gap:11px;align-items:flex-start;color:#4f4a63;font-weight:600;line-height:1.5}
.feat .ck{width:23px;height:23px;flex:0 0 auto;margin-top:1px}
.order-box{background:linear-gradient(120deg,var(--pink),var(--purple));color:#fff;border-radius:28px;padding:34px 30px;text-align:center;margin:38px 0 8px;box-shadow:var(--shadow-sm)}
.order-box .ob-price{font-family:'Baloo 2';font-weight:800;font-size:2rem;margin-bottom:6px}
.order-box .ob-price span{font-size:1rem;opacity:.9;font-weight:700}
.order-box h3{font-family:'Baloo 2';font-size:1.5rem;margin-bottom:8px}
.order-box p{max-width:560px;margin:0 auto 20px;opacity:.96;font-weight:600;line-height:1.6}
.disclaimer{font-size:.92rem;color:var(--muted);font-style:italic;background:#fff;border:1px dashed var(--line);border-radius:16px;padding:14px 18px;margin-top:22px;line-height:1.55}
.shop-note{text-align:center;color:var(--muted);font-weight:600;margin-top:22px}
.shop-note a{color:var(--pink);font-weight:700}
@media(max-width:880px){.shop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.shop-grid{grid-template-columns:1fr}.feat{grid-template-columns:1fr}.prod-price{font-size:1.7rem}.order-box{padding:28px 20px}}

/* order-box: nagłówek + przyciski poza .cta-band */
.order-box h3{color:#fff}
.order-box .ob-price{color:#fff}
.order-box .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.order-box .btn-white{background:#fff;color:var(--pink)}
.order-box .btn-ghost{background:rgba(255,255,255,.16);color:#fff;box-shadow:none;border:2px solid rgba(255,255,255,.55)}

.back-link svg{width:18px;height:18px;flex:0 0 auto}

/* gwiazdki przy zdjęciu Andzi: widoczny znacznik klikalności (mobile bez myszki) */
.check li a::after{content:'›';margin-left:auto;color:var(--pink);font-family:'Baloo 2',sans-serif;font-weight:700;font-size:1.5rem;line-height:1;opacity:.7;transition:transform .15s,opacity .15s}
.check li a:hover::after{transform:translateX(3px);opacity:1}

.check li{display:block}

/* build4-blog */
.meta-dot{opacity:.4;font-weight:700}
.meta time{color:var(--muted);font-weight:600}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bpost{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-xs);border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease}
.bpost:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(93,63,166,.14)}
.bpost-ic{height:118px;display:grid;place-items:center}
.bpost-ic svg{width:52px;height:52px}
.bpost-bd{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.bpost-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px;font-family:'Baloo 2',sans-serif;font-size:.8rem;font-weight:700}
.bpost-cat{background:var(--pink-soft);color:var(--pink-dark);padding:3px 11px;border-radius:999px}
.bpost-meta time{color:var(--muted);font-weight:600}
.bpost h3{font-size:1.08rem;line-height:1.26;margin-bottom:8px}
.bpost p{font-size:.92rem;color:var(--muted);font-weight:600;flex:1;line-height:1.5}
.bpost-more{margin-top:14px;color:var(--pink);font-family:'Baloo 2',sans-serif;font-weight:700;font-size:.95rem}
.blog-count{text-align:center;color:var(--muted);font-weight:600;margin:-18px auto 32px;max-width:640px;font-size:1.02rem}
@media(max-width:900px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bgrid{grid-template-columns:1fr}}