.sc-page{
  /* kolory z skincoach.pl: tło #f7efec, akcent #DBD0CA, przyciski #171717 */
  --sc-bg:#f7efec; --sc-bg-2:#efe4df; --sc-card:#fdf9f7; --sc-line:#DBD0CA;
  --sc-olive:#171717; --sc-olive-d:#3a3a3a; --sc-ink:#171717; --sc-muted:#5f5a55;
  --sc-r:14px; --sc-w:1120px;
  --sc-font:inherit; /* ← wpisz tu nazwę czcionki motywu, np. "Montserrat", sans-serif – działa na całą stronę */
  font-family:var(--sc-font); color:var(--sc-ink); background:var(--sc-bg); line-height:1.65; font-size:17px;
}
/* JEDNA CZCIONKA NA CAŁEJ STRONIE */
.sc-page,.sc-page :is(h1,h2,h3,p,a,li,span,b,strong,em,small,button,label,summary,blockquote,figcaption,input,select,textarea,ol,ul,div){font-family:var(--sc-font)!important}
.sc-page *{box-sizing:border-box}
.sc-page section{padding:clamp(56px,9vw,110px) 20px}
.sc-wrap{max-width:var(--sc-w);margin:0 auto}
.sc-page h1,.sc-page h2,.sc-page h3{font-weight:500;letter-spacing:-.01em;line-height:1.2;margin:0 0 .6em;color:var(--sc-ink)}
.sc-page h1{font-size:clamp(32px,6vw,58px)} .sc-page h2{font-size:clamp(26px,4vw,40px)} .sc-page h3{font-size:22px}
.sc-page p{margin:0 0 1em} .sc-alt{background:var(--sc-bg-2)}
.sc-eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--sc-olive);margin-bottom:14px}
.sc-eyebrow--hero{font-size:clamp(17px,2.6vw,22px);font-weight:600;letter-spacing:.22em;margin-bottom:20px}
.sc-small{font-size:14px;color:var(--sc-muted)}
.sc-after{font-size:14px;color:var(--sc-muted);text-align:center;margin:4px 0 0}
.sc-badge{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:#DBD0CA;color:#171717;padding:4px 12px;border-radius:999px;margin-bottom:10px}
.sc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 30px;border-radius:999px;border:1.5px solid var(--sc-olive);background:var(--sc-olive);color:#fff;font:inherit;font-size:16px;text-decoration:none;cursor:pointer;transition:.2s;text-align:center}
.sc-btn:hover{background:var(--sc-olive-d);border-color:var(--sc-olive-d);color:#fff}
.sc-btn--ghost{background:transparent;color:var(--sc-olive-d)} .sc-btn--ghost:hover{background:var(--sc-olive);color:#fff}
.sc-btn:focus-visible,.sc-faq summary:focus-visible{outline:3px solid var(--sc-olive);outline-offset:2px}
/* HERO */
.sc-hero{text-align:center;padding-top:clamp(72px,12vw,150px)!important}
.sc-hero .sc-wrap{max-width:820px} .sc-hero p.lead{font-size:clamp(18px,2.4vw,21px)}
.sc-hero .sc-btn{margin:18px 0 12px}
/* GRIDS */
.sc-grid{display:grid;gap:20px;grid-template-columns:1fr}
.sc-card{background:var(--sc-card);border:1px solid var(--sc-line);border-radius:var(--sc-r);padding:28px}
.sc-card h3{margin-bottom:.4em} .sc-card p{color:var(--sc-muted);margin:0}
.sc-center{text-align:center;max-width:760px;margin:0 auto 40px}
.sc-note{max-width:760px;margin:36px auto 0;text-align:center;font-style:italic}
.sc-split{display:grid;gap:32px}
.sc-pillars{display:grid;gap:16px;margin-top:8px}
.sc-pillar{border-left:3px solid var(--sc-olive);padding:4px 0 4px 18px}
.sc-pillar b{display:block;letter-spacing:.08em;font-size:14px}
/* OFERTA */
.sc-offer-sec{padding-top:clamp(40px,7vw,90px)!important;padding-bottom:clamp(40px,7vw,90px)!important;scroll-margin-top:8px}
.sc-offer-sec .sc-center{margin-bottom:28px}.sc-offer-sec .sc-center .sc-eyebrow{margin-bottom:8px}
.sc-grid--3o{gap:14px;align-items:start}
.sc-offer{position:relative;padding:22px 20px;transition:translate .35s,box-shadow .35s}
.sc-offer:hover{translate:0 -4px;box-shadow:0 14px 34px rgba(23,23,23,.09)}
.sc-offer h3{font-size:19px;letter-spacing:.06em;margin:0 0 4px}
.sc-sub{font-size:14px;line-height:1.45;margin:0;color:var(--sc-muted)}
.sc-offer .price{font-size:36px;line-height:1.1;margin:10px 0 14px;color:var(--sc-ink)}
.sc-cta{display:grid;gap:8px;justify-items:stretch}
.sc-or{text-align:center;font-size:15px;color:var(--sc-muted)}
.sc-link{color:var(--sc-ink);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#DBD0CA;transition:.2s;display:inline-block;padding:8px 4px}
.sc-link:hover{text-decoration-color:var(--sc-ink)}
.sc-more{width:100%;margin-top:10px;padding:12px 0 2px;background:none;border:0;border-top:1px solid var(--sc-line);font:inherit;font-size:15px;color:var(--sc-muted);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px}
.sc-more i{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .35s}
.sc-more[aria-expanded=true] i{transform:rotate(-135deg) translateY(-2px)}
.sc-more:focus-visible{outline:3px solid var(--sc-olive);outline-offset:2px}
.sc-more-body{font-size:15px;color:var(--sc-muted);padding-top:12px}
.sc-more-body ul{padding-left:1.1em;margin:0 0 1em} .sc-more-body li{margin-bottom:.35em} .sc-more-body p{margin:0 0 .8em}
.sc-js .sc-more-body{display:grid;grid-template-rows:0fr;padding-top:0;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1),padding .45s,visibility .45s;visibility:hidden}
.sc-js .sc-more-body>div{overflow:hidden;min-height:0}
.sc-js .sc-more-body.is-open{grid-template-rows:1fr;padding-top:12px;visibility:visible}
.sc-offer--main{border-color:#171717;box-shadow:0 10px 30px rgba(23,23,23,.08)}
.sc-offer--main .sc-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;background:#171717;color:#f7efec;overflow:hidden}
.sc-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);animation:scShine 4.5s 1.5s infinite}
.sc-badge{position:relative}
.sc-warn{background:#DBD0CA;border-radius:10px;padding:12px 14px;font-size:14px;margin:0 0 1em}
.sc-after--wide{max-width:640px;margin:26px auto 0;line-height:1.7}
/* TIMELINE */
.sc-tl{list-style:none;margin:0;padding:0 0 0 34px;position:relative;max-width:760px;margin-inline:auto}
.sc-tl:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--sc-line)}
.sc-tl li{position:relative;margin-bottom:34px}
.sc-tl li:before{content:"";position:absolute;left:-30px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--sc-olive);box-shadow:0 0 0 5px var(--sc-bg)}
.sc-tl .n{color:var(--sc-olive);font-size:15px;letter-spacing:.1em}
/* HISTORIE */
.sc-stories{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;-webkit-overflow-scrolling:touch}
.sc-story{flex:0 0 min(86%,380px);scroll-snap-align:start;margin:0}
.sc-ba{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}
.sc-ba figure{margin:0;position:relative} .sc-ba img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block;background:var(--sc-bg-2)}
.sc-ba figcaption{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.9);font-size:12px;padding:2px 10px;border-radius:999px}
.sc-story blockquote{margin:0 0 8px;font-size:15px;color:var(--sc-muted)}
/* AUTORKA */
.sc-bio{display:grid;gap:28px;align-items:center}
.sc-bio img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--sc-r)}
/* FAQ */
.sc-faq{max-width:820px;margin:0 auto}
.sc-faq details{border-bottom:1px solid var(--sc-line)}
.sc-faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;min-height:56px;font-size:18px}
.sc-faq summary::-webkit-details-marker{display:none}
.sc-faq summary:after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--sc-olive);transition:.2s}
.sc-faq details[open] summary:after{content:"–"}
.sc-faq .a{padding:0 0 20px;color:var(--sc-muted)}
/* FORM */
.sc-actions{display:grid;gap:12px;max-width:520px;margin:0 auto 40px}
.sc-form-wrap{max-width:640px;margin:0 auto}
.sc-form-wrap form{display:grid;gap:16px} .sc-form-wrap p{margin:0} .sc-form-wrap br{display:none}
.sc-form-wrap label{display:block;font-size:15px; font-weight:500;}
.sc-form-wrap :is(input:not([type=submit]):not([type=checkbox]),select,textarea){width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--sc-line);border-radius:10px;background:#fff;font:inherit;color:var(--sc-ink)}
.sc-form-wrap :is(input,select,textarea):focus-visible{outline:3px solid var(--sc-olive);outline-offset:2px}
.sc-form-wrap .wpcf7-submit{width:100%}
.sc-form-wrap .wpcf7-not-valid-tip{color:#9b2c2c;font-size:14px}
.sc-form-wrap .wpcf7-response-output{margin:0!important;border-radius:10px;font-size:15px}
.sc-form-wrap .wpcf7-list-item{margin:0}
.sc-msg{display:none;max-width:640px;margin:0 auto;text-align:center}
.sc-msg.is-on{display:block}
/* ANIMACJE I UPIĘKSZENIA */
@keyframes scUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes scFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(22px,-26px) scale(1.08)}}
@keyframes scShine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.sc-hero{position:relative;overflow:hidden}
.sc-hero:before,.sc-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;z-index:0}
.sc-hero:before{width:clamp(220px,38vw,460px);aspect-ratio:1;left:-8%;top:-6%;background:radial-gradient(circle,#DBD0CA 0%,rgba(219,208,202,0) 68%);animation:scFloat 14s ease-in-out infinite}
.sc-hero:after{width:clamp(200px,32vw,380px);aspect-ratio:1;right:-6%;bottom:-8%;background:radial-gradient(circle,#e9d9d1 0%,rgba(233,217,209,0) 68%);animation:scFloat 17s ease-in-out -6s infinite}
.sc-hero .sc-wrap{position:relative;z-index:1}
.sc-hero .sc-wrap>*{animation:scUp .9s cubic-bezier(.2,.7,.2,1) both}
.sc-hero .sc-wrap>:nth-child(2){animation-delay:.12s}.sc-hero .sc-wrap>:nth-child(3){animation-delay:.26s}.sc-hero .sc-wrap>:nth-child(4){animation-delay:.4s}.sc-hero .sc-wrap>:nth-child(5){animation-delay:.54s}.sc-hero .sc-wrap>:nth-child(6){animation-delay:.66s}
.sc-btn{position:relative;overflow:hidden}
.sc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,23,23,.18)} .sc-btn:active{transform:none}
.sc-btn:not(.sc-btn--ghost):before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-120%)}
.sc-btn:not(.sc-btn--ghost):hover:before{transform:translateX(120%);transition:transform .8s}
.sc-center h2:after{content:"";display:block;width:56px;height:2px;margin:18px auto 0;background:#171717;opacity:.55;transform-origin:center}
.sc-card{transition:translate .35s,box-shadow .35s}
.sc-grid--4 .sc-card:hover{translate:0 -4px;box-shadow:0 12px 28px rgba(23,23,23,.08)}
.sc-js .sc-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.sc-js .sc-reveal.is-in{opacity:1;transform:none}
.sc-js .sc-center.sc-reveal h2:after{transform:scaleX(0);transition:transform .9s .35s}
.sc-js .sc-center.sc-reveal.is-in h2:after{transform:scaleX(1)}
.sc-js .sc-tl:before{transform:scaleY(0);transform-origin:top;transition:transform 1.6s ease}
.sc-js .sc-tl.is-in:before{transform:scaleY(1)}
.sc-tl li:before{transition:transform .5s}
.sc-js .sc-tl li.sc-reveal:not(.is-in):before{transform:scale(0)}
.sc-bio img{transition:transform 1.2s}
.sc-bio:hover img{transform:scale(1.015)}
.sc-faq .a{animation:scUp .4s both}
.sc-faq details:not([open]) .a{animation:none}
@media(prefers-reduced-motion:reduce){
  .sc-page *,.sc-page *:before,.sc-page *:after{animation:none!important;transition:none!important}
  .sc-js .sc-reveal{opacity:1;transform:none}
}
@media(min-width:760px){
  .sc-grid--2{grid-template-columns:repeat(2,1fr)} .sc-grid--3{grid-template-columns:repeat(3,1fr)}
  .sc-split{grid-template-columns:1fr 1fr;gap:56px} .sc-bio{grid-template-columns:5fr 6fr;gap:56px}
  .sc-actions{grid-template-columns:1fr 1fr;max-width:640px} .sc-form-wrap .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .sc-story{flex-basis:340px}
}
@media(min-width:900px){.sc-grid--3o{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.sc-grid--4{grid-template-columns:repeat(4,1fr)}}
@media(max-width:999px){.sc-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sc-offer{padding:20px 18px}.sc-offer-sec .sc-center h2{font-size:24px}.sc-offer-sec .sc-center h2:after{margin-top:12px}.sc-grid--4{grid-template-columns:1fr}.sc-page{font-size:16px}}