.cg-art{--ink:#25282e;--gold:#b88a47;--line:#e3ddd3;max-width:1240px;margin:auto;color:var(--ink);font-family:Arial,sans-serif}.cg-art *{box-sizing:border-box}.cg-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:9999}.cg-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#98713a,#d2ab68)}.cg-hero{position:relative;min-height:590px;border-radius:30px;overflow:hidden;box-shadow:0 25px 70px rgba(31,35,40,.24)}.cg-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cg-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,30,36,.9),rgba(26,30,36,.55) 56%,rgba(26,30,36,.12))}.cg-hero-copy{position:relative;z-index:2;max-width:790px;padding:72px 58px;color:#fff}.cg-kicker{font-size:12px!important;font-weight:900!important;letter-spacing:.15em;text-transform:uppercase;color:#d7b173!important}.cg-hero h1{font:800 clamp(42px,5vw,68px)/1.03 Oswald,Arial!important;color:#fff!important;margin:12px 0 20px!important}.cg-hero-copy>p{font-size:20px;line-height:1.65;color:#eef0f2}.cg-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.cg-meta span{padding:8px 11px;border:1px solid #fff3;border-radius:99px;background:#0002;font-size:12px;font-weight:800}.cg-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;margin-top:34px}.cg-toc>div{position:sticky;top:25px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 35px #24272d14}.cg-toc strong{display:block;font:800 23px Oswald,Arial;margin-bottom:13px}.cg-toc a{display:block;padding:8px 9px;border-radius:9px;color:#555a62!important;text-decoration:none!important;font-size:13px}.cg-intro,.cg-sec,.cg-summary,.cg-related,.cg-author{margin-bottom:26px;padding:38px 42px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 38px #24272d0f}.cg-intro{border-left:5px solid var(--gold);background:linear-gradient(145deg,#fff,#faf7f1)}.cg-num{color:var(--gold);font-weight:900;letter-spacing:.15em}.cg-sec h2,.cg-summary h2,.cg-related h2,.cg-cta h2{font:800 clamp(30px,3vw,43px)/1.12 Oswald,Arial!important;margin:10px 0 18px!important}.cg-sec h3{font:800 22px Oswald,Arial!important;margin:25px 0 8px!important}.cg-sec p,.cg-intro p,.cg-summary p,.cg-author p,.cg-cta p{font-size:17px;line-height:1.8;margin:0 0 16px}.cg-sec blockquote{margin:20px 0;padding:24px;border-left:5px solid var(--gold);background:#f5f1e9;font:italic 700 20px Georgia,serif}.cg-img{margin:0 0 26px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 15px 42px #24272d1c}.cg-img img{display:block;width:100%;max-height:590px;object-fit:cover}.cg-img figcaption{padding:12px 18px;text-align:center;font-size:13px;color:#6b6d72}.cg-faq details{margin:10px 0;border:1px solid var(--line);border-radius:13px;background:#faf9f6}.cg-faq summary{padding:16px 18px;font-weight:800;cursor:pointer}.cg-faq details p{padding:0 18px 17px;margin:0}.cg-summary{background:linear-gradient(145deg,#f5f1e9,#e7dfd2)}.cg-related a{display:block;margin:9px 0;padding:15px;border-radius:13px;border:1px solid var(--line);background:#faf8f4;color:#34373d!important;text-decoration:none!important;font-weight:800}.cg-author{display:grid;grid-template-columns:130px 1fr;gap:26px;align-items:center}.cg-logo img{display:block;width:100%;height:auto}.cg-author span{display:block;color:var(--gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.cg-author strong{display:block;font:800 28px Oswald,Arial;margin:6px 0 10px}.cg-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:38px 42px;border:1px solid #e6c68f;border-radius:24px;background:linear-gradient(135deg,#fffaf0 0%,#f7ead1 100%);color:#4b2a17;box-shadow:0 14px 34px rgba(91,55,24,.10)}.cg-cta h2{color:#5a2c12!important;text-shadow:none!important}.cg-cta p{color:#5f4a3b!important}.cg-cta a{padding:14px 20px;border-radius:99px;background:#d9a64f;color:#3a210f!important;text-decoration:none!important;font-weight:900;white-space:nowrap;box-shadow:0 7px 18px rgba(153,102,29,.18)}.cg-cta a:hover{background:#e3b55f;transform:translateY(-1px)}.cg-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border:0;border-radius:50%;background:#30363e;color:#fff;font-size:23px;opacity:0;visibility:hidden}.cg-top.is-visible{opacity:1;visibility:visible}@media(max-width:1000px){.cg-layout{grid-template-columns:1fr}.cg-toc{display:none}}@media(max-width:700px){.cg-art{padding:0 10px}.cg-hero{min-height:580px;border-radius:21px}.cg-hero-copy{padding:42px 22px}.cg-shade{background:linear-gradient(0deg,rgba(26,30,36,.9),rgba(26,30,36,.34))}.cg-intro,.cg-sec,.cg-summary,.cg-related,.cg-author{padding:27px 20px}.cg-cta{display:block;padding:29px 21px}.cg-cta a{display:inline-block;margin-top:18px}.cg-author{grid-template-columns:1fr;text-align:center}.cg-logo{max-width:150px;margin:auto}.cg-sec p,.cg-intro p,.cg-summary p,.cg-author p,.cg-cta p{font-size:16px}}
/* ETAP 3.1 PRO — wariant bez zdjęcia HERO. Zdjęcia dodamy w kolejnym etapie z biblioteki UserFiles. */
.cg-hero.cg-hero--text{min-height:430px;background:linear-gradient(135deg,#242a31 0%,#3a4149 58%,#8a6a3d 100%)}
.cg-hero.cg-hero--text .cg-shade{background:linear-gradient(90deg,rgba(18,22,27,.62),rgba(18,22,27,.12))}
.cg-hero.cg-hero--text .cg-hero-copy{display:flex;min-height:430px;flex-direction:column;justify-content:center}
@media(max-width:700px){.cg-hero.cg-hero--text,.cg-hero.cg-hero--text .cg-hero-copy{min-height:390px}}
/* ETAP 3.1.1 — kosmetyka Layout PRO */
.cg-toc>div{max-height:calc(100vh - 50px);overflow:auto;scrollbar-width:thin}
.cg-toc--long a{padding:5px 7px;font-size:12px;line-height:1.35}
.cg-toc--long strong{margin-bottom:10px}
.cg-summary .cg-kicker{margin:0 0 4px!important}
.cg-faq>.cg-num{display:inline-block;margin-bottom:2px}
.cg-hero.cg-hero--text .cg-meta{margin-top:22px}
@media(max-width:1000px){.cg-toc>div{max-height:none;overflow:visible}}


/* ETAP 3.4.2 — Przeczytaj także */
.cg-art .cg-related.cg-auto-related{
  margin:34px 0 22px;
  padding:24px 26px;
  border:1px solid #ead8bd;
  border-radius:16px;
  background:#fffaf1;
}
.cg-art .cg-related.cg-auto-related h2{
  margin:0 0 14px;
  color:#4b2a17;
  font-size:24px;
}
.cg-art .cg-related-list{
  display:grid;
  gap:10px;
}
.cg-art .cg-related-item{
  display:block;
  padding:12px 15px;
  border:1px solid #ecd9bb;
  border-radius:10px;
  background:#fff;
  color:#6f3518;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease;
}
.cg-art .cg-related-item:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(75,42,23,.08);
  text-decoration:underline;
}
@media(max-width:700px){
  .cg-art .cg-related.cg-auto-related{padding:18px 16px;margin:26px 0 18px}
  .cg-art .cg-related.cg-auto-related h2{font-size:21px}
}