.refinement-eight .section{ padding-block:var(--section-space); }
.refinement-eight .hero-actions .button { font-size:var(--fs-body-s); }
.refinement-eight .services{ padding-top:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}
.refinement-eight #uslugi .services-grid{ grid-template-columns: repeat(3,minmax(0,1fr)); gap:var(--grid-gap); align-items: stretch; padding:0;}
.refinement-eight #uslugi .refined-service{
  display:grid; flex-direction: column; gap:16px; padding:var(--card-pad);
  border-radius:var(--radius-card); transform: none; margin: 0;
  background: var(--surface); box-shadow: 0 7px 0 var(--gold), 0 20px 30px -20px var(--shade); grid-template-columns:80px minmax(0,1fr); grid-template-areas:"art title" "copy copy" "link link"; grid-template-rows:auto 1fr auto; --art-size:80px;}
.refinement-eight #uslugi .refined-service .service-art{ height:var(--art-size); margin:0; transform: none; grid-area:art; width:var(--art-size);}
.refinement-eight #uslugi .refined-service .service-art img{ width:var(--art-size); height:var(--art-size); object-fit: contain; }
.refinement-eight #uslugi .refined-service h3{ line-height: 1.3; min-height:0; margin:0; color: var(--green); grid-area:title; align-self:center;}
.refinement-eight #uslugi .refined-service > p{ font-size:var(--fs-body); line-height:1.65; color: var(--ink-soft); margin:0; grid-area:copy;}
.refinement-eight #uslugi .refined-service .service-link{ margin-top: auto; padding-top: 15px; border-top: 1px solid var(--line-2); font-size:var(--fs-small); min-height: 44px; grid-area:link;}
.refinement-eight .consultation-bridge{ margin-top:32px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .refinement-eight #uslugi .refined-service:hover { transform: translateY(-5px); }
}

.refinement-eight .specialist{ background: var(--bg); padding-bottom:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}

/* Kontakt: niewysokie otwarcie i wspolny poczatek kolumn. */
.refinement-eight .contact { --fs-h2:clamp(36px, 3.8vw, 60px); }
.refinement-eight .contact-opening-copy { display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:20px; align-items:start; }
.refinement-eight .contact-opening .section-mark{ grid-column:1; grid-row:1 / 3; width:56px; height:56px; margin:0; }
.refinement-eight .contact-opening .eyebrow, .refinement-eight .contact-opening h2 { grid-column:2; }
.refinement-eight .contact-copy .contact-intro { margin-top:0; }
.refinement-eight .competencies{ background: var(--bg); padding-top:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}
.refinement-eight .specialist{ padding-bottom:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}
.refinement-eight .competencies h2{ line-height: 1.1; margin:12px 0 0; }
.specialist-profile{
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:var(--space-4) var(--layout-gap);
  grid-template-areas: 'heading portrait' 'care portrait'; grid-template-rows:auto 1fr; align-items:start;
}
.specialist-heading{ grid-area: heading; align-self:start; }
.specialist-heading :is(h1, h2){ line-height: 1.05; margin:var(--space-3) 0 var(--space-4); }
.specialist-heading :is(h1, h2) em{ display:inline; color: var(--accent-terracotta); }
.specialist-heading > p:not(.eyebrow) { font-size: 17px; line-height: 1.85; max-width: 540px; }
.specialist-care { grid-area: care; align-self: start; max-width: 540px; }
.specialist-care h3 { margin-bottom: 12px; }
.specialist-care p{ font-size:var(--fs-body); line-height:1.65; color: var(--ink-soft); }
.specialist-heading > p + p, .specialist-care > p + p { margin-top: 16px; }
.specialist-details { max-width: 75ch; margin: 48px auto 0; color: var(--ink-soft); font-size:var(--fs-body); line-height: 1.85; }
.specialist-topic + .specialist-topic { margin-top: 36px; }
.specialist-details h3 { color: var(--ink); margin: 0 0 16px; }
.specialist-details ul { list-style: disc; padding-left: 24px; margin: 16px 0 0; }
.specialist-details li + li { margin-top: 12px; }
.specialist-details li::marker { color: var(--green); }
.specialist-details > .text-link { margin-top: 24px; min-height: 44px; }
.specialist-care .text-link { margin-top: 22px; font-size:var(--fs-ui); min-height: 44px; }
.refinement-eight .specialist-portrait{
  grid-area: portrait; width: calc(100% - 12px); max-width: none; margin:0 12px 12px 0; justify-self:end;
  aspect-ratio: 4/5; border-radius: 36px;
  border: 10px solid var(--surface); padding: 0; overflow: hidden;
  box-shadow: 12px 12px 0 var(--edge), 0 30px 48px -30px var(--ink-bg-2); align-self:start;}
.refinement-eight .specialist-portrait img { height: 100%; width: 100%; object-fit: cover; border-radius: 24px; }
.refinement-eight .portrait.specialist-portrait { transform: none; }
.refinement-eight .specialist-portrait figcaption { font-size:var(--fs-body); transform: none; }
.refinement-eight .specialist-portrait figcaption span { font-size:var(--fs-small); }

.credentials{ margin-top: 70px; border-top: 1px solid var(--line-4); padding-top: 24px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 48px;}
.credentials-heading{ display:flex; justify-content:space-between; align-items:center; gap:24px; grid-column:1 / -1;}
.credentials-heading h3, .documents-heading h3 { line-height:1.2; margin-top:12px; }

.education-block + .education-block{ margin-top:0; }
.education-block h3{ margin:0 0 var(--space-3); }
.education-block .check-list{ display:grid; grid-template-columns:1fr; gap:12px; margin:0; }
.education-block .check-list li{ font-size:var(--fs-body); line-height:1.65; padding:0; }
.refinement-eight .credentials .current-course{ margin:0; max-width:none; padding:var(--card-pad); background:var(--line-3); border-radius:14px; align-self:start;}
.refinement-eight .credentials .current-course p { font-size:var(--fs-body-s); line-height:1.65; }
.course-disclosure { border-block:1px solid var(--line-4); }
.course-disclosure summary { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:76px; padding:20px 0; cursor:pointer; list-style:none; font-size:18px; font-weight:600; }
.course-disclosure summary::-webkit-details-marker { display:none; }
.course-disclosure summary small { display:inline-block; margin-left:12px; color:var(--ink-soft); font-size:var(--fs-small); font-weight:400; }
.course-disclosure summary>span:last-child { font-size:26px; transition:transform .2s; }
.course-disclosure[open] summary>span:last-child { transform:rotate(45deg); }
.course-disclosure-body { padding:0 0 28px; }
.course-disclosure-body>p { color:var(--ink-soft); font-size:var(--fs-body-s); line-height:1.8; margin-bottom:20px; }
.compact-courses { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 36px; list-style:none; padding:0; margin:0; }
.compact-courses li { display:flex; align-items:flex-start; gap:10px; font-size:var(--fs-body-s); line-height:1.65; }
.compact-courses svg { width:var(--icon-size); height:var(--icon-size); flex-shrink:0; margin-top:4px; }
.credentials-documents{ padding-top:var(--block-gap); }
.documents-heading{ display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:var(--space-4); }
.documents-heading p { font-size:var(--fs-body-s); line-height:1.7; color:var(--ink-soft); margin-top:12px; }
.documents-heading .text-link { font-size:var(--fs-small); min-height:44px; }
.refinement-eight .credentials-documents .cert-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--grid-gap); }
.refinement-eight .credentials-documents .featured-documents{ grid-template-columns:repeat(3,minmax(0,1fr)); max-width:none; gap:var(--grid-gap);}
.refinement-eight .credentials-documents .cert-tile { padding:14px; border-radius:18px; transform:none; box-shadow:0 6px 0 var(--edge); }
.refinement-eight .credentials-documents .cert-tile>span{ font-size:var(--fs-small); line-height:1.5; }
.refinement-eight .credentials-documents .cert-thumb { max-height:235px; width:100%; object-fit:contain; }
.refinement-eight .cert-more { margin-top:30px; }
.refinement-eight .cert-more summary { font-size:var(--fs-ui); min-height:52px; }
.refinement-eight .cert-more:not([open]) .when-open, .refinement-eight .cert-more[open] .when-closed { display:none; }
.refinement-eight .cert-more[open] summary { margin-bottom:28px; }
.refinement-eight #contact-form>small:last-of-type { display:block; font-size:var(--fs-small); line-height:1.7; margin:18px 0 12px; }
.refinement-eight .footer-statement{ padding-top:0; padding-bottom:20px; }

@media(max-width:1023px) {
  .refinement-eight #uslugi .services-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--grid-gap); padding:0;}
  .specialist-profile{ gap:var(--space-4) var(--layout-gap); align-items:start;}
  .refinement-eight .specialist-portrait{ max-width:340px; margin:0 12px 12px 0; align-self:start; justify-self:end;}
  .refinement-eight .credentials-documents .cert-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--grid-gap);}
}
@media(max-width:699px) {
  .refinement-eight .section{ padding-block:var(--section-space); }
  .refinement-eight #uslugi .services-grid{ grid-template-columns:1fr; gap:var(--grid-gap); padding:0;}
  .refinement-eight #uslugi .refined-service{ --art-size:80px; display:grid; grid-template-columns:80px minmax(0,1fr); gap:16px; padding:var(--card-pad); border-radius:var(--radius-card); grid-template-areas:"art title" "copy copy" "link link"; grid-template-rows:auto 1fr auto;}
  .refinement-eight #uslugi .refined-service .service-art{ width:var(--art-size); height:var(--art-size); margin:0; grid-column:1; grid-area:art;}
  .refinement-eight #uslugi .refined-service .service-art img{ width:var(--art-size); height:var(--art-size); }
  .refinement-eight #uslugi .refined-service h3{ grid-column:2; align-self:center; min-height:0; margin:0; grid-area:title;}
  .refinement-eight #uslugi .refined-service>p{ grid-column:1/-1; margin:0; font-size:var(--fs-body); grid-area:copy;}
  .refinement-eight #uslugi .refined-service .service-link{ grid-column:1/-1; margin:0; padding-top:12px; grid-area:link;}
  .specialist-profile{ grid-template-columns:1fr; grid-template-areas:'heading' 'portrait' 'care'; gap:var(--space-4) var(--layout-gap); align-items:start;}
  .specialist-heading :is(h1, h2){ margin:var(--space-3) 0 var(--space-4); }
  .specialist-heading :is(h1, h2) em{ display:inline; }
  .specialist-heading>p:not(.eyebrow) { font-size:var(--fs-body-s); line-height:1.8; }
  .refinement-eight .specialist-portrait{ max-width:310px; width:calc(100% - 26px); margin:0 auto 12px; border-width:8px; border-radius:28px; align-self:start; justify-self:center;}
  .specialist-care p{ font-size:var(--fs-body); line-height:1.65;}
  .specialist-care .text-link { margin-top:12px; }
  .credentials{ margin-top:40px; padding-top:20px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 48px;}
  .credentials-heading{ gap:0; grid-column:1 / -1;}
  .credentials-heading .eyebrow { font-size:var(--fs-small); }

  .education-block .check-list,.compact-courses { grid-template-columns:1fr; gap:13px; }
  .education-block .check-list li,.compact-courses li { font-size:var(--fs-ui); }
  .refinement-eight .credentials .current-course{ padding:var(--card-pad); margin:0; max-width:none; align-self:start;}
  .course-disclosure summary { font-size:var(--fs-body); }
  .course-disclosure summary small { display:block; margin:5px 0 0; }
  .credentials-documents{ padding-top:var(--block-gap); }
  .documents-heading{ align-items:start; flex-direction:column; gap:12px; margin-bottom:var(--space-4);}
  .refinement-eight .credentials-documents .cert-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--grid-gap); }
  .refinement-eight .credentials-documents .featured-documents{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--grid-gap); max-width:none;}
  .refinement-eight .credentials-documents .cert-tile { padding:8px; border-radius:10px; }
  .refinement-eight .credentials-documents .cert-tile>span{ font-size:var(--fs-small); line-height:1.5; min-height:0; margin-top:10px; }
  .refinement-eight .credentials-documents .featured-documents .cert-tile>span{ font-size:var(--fs-small); }
  .refinement-eight .credentials-documents .cert-thumb { max-height:180px; }
  .refinement-eight .cert-more summary { font-size:var(--fs-small); padding:14px; }
}
@media(prefers-reduced-motion:reduce) { .course-disclosure summary>span:last-child { transition:none; } }

.site-footer p{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:space-between;align-items:center}
.footer-credit{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.footer-credit a{display:inline-flex;align-items:center;min-height:24px;padding:2px 0;
  color:var(--ink-inv-2);border-bottom:1px solid #ffffff3d;transition:color .2s,border-color .2s}
.footer-credit a:hover{color:#ffffff;border-bottom-color:#ffffff8c}

.pricing{background:var(--bg)}

.desktop-nav{gap:var(--space-3);}
.desktop-nav>a{position:relative;display:flex;align-items:center;gap:var(--space-1);padding:0;background:none;border:0;border-radius:0;box-shadow:none;font-size:var(--fs-small);font-weight:600;letter-spacing:-.005em;color:var(--ink-soft);transition:color .2s cubic-bezier(.2,.7,.2,1)}
.desktop-nav>a>span{position:relative;display:block;padding-bottom:1px}
.desktop-nav>a svg{width:var(--icon-size);height:var(--icon-size);color:#9ab0a3;transition:color .2s cubic-bezier(.2,.7,.2,1)}
.desktop-nav>a>span::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left center;transition:transform .26s cubic-bezier(.2,.7,.2,1)}
.desktop-nav>a:hover,.desktop-nav>a:focus-visible,.desktop-nav>a[aria-current]{color:var(--ink)}
.desktop-nav>a:hover svg,.desktop-nav>a:focus-visible svg,.desktop-nav>a[aria-current] svg{color:var(--green)}
.desktop-nav>a:hover>span::after,.desktop-nav>a:focus-visible>span::after,.desktop-nav>a[aria-current]>span::after{transform:scaleX(1)}

.header-call{align-items:center;gap:10px;min-height:44px;padding:0 20px;border:0;border-bottom:0;border-radius:100px;background:var(--green);color:var(--surface);font-size:var(--fs-small);font-weight:700;letter-spacing:.015em;box-shadow:inset 0 1px 0 #ffffff29,0 6px 16px -10px #10262099;transition:background .22s,transform .22s,box-shadow .22s}
.header-call svg{width:var(--icon-size);height:var(--icon-size);}
.header-call:hover{background:var(--green-deep);color:var(--surface);transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff38,0 10px 20px -10px #102620a6}

.button{box-shadow:inset 0 1px 0 #ffffff33,0 8px 18px -12px #2c5b4f77}
.button:hover{box-shadow:inset 0 1px 0 #ffffff4d,0 12px 22px -10px #2c5b4f55}
.round-link{box-shadow:inset 0 1px 0 #ffffffd9,0 4px 0 var(--edge-2),0 10px 16px -10px #10262066}
.menu-button{border-color:var(--line-3);box-shadow:inset 0 1px 0 #ffffff,0 2px 6px -3px #1026204d}
#mobile-cta>a{box-shadow:inset 0 1px 0 #ffffff,0 2px 5px -3px #10262040}
#mobile-cta>a:last-child{box-shadow:inset 0 1px 0 #ffffff33,0 2px 5px -3px #10262040}
.map-overlay button{box-shadow:inset 0 1px 0 #ffffff,0 4px 12px -5px #1026208c}

.hero-actions .button{box-shadow:inset 0 1px 0 #ffffff33,0 12px 22px -12px #2c5b4f88}
.hero-actions .button:hover{box-shadow:inset 0 1px 0 #ffffff4d,0 14px 26px -12px #2c5b4f88}
.consultation-bridge .round-link{box-shadow:inset 0 1px 0 #ffffffd9,0 4px 0 var(--edge-2),0 10px 16px -10px #10262066}

@media(max-width:1199px){.desktop-nav{gap:var(--space-3);}.desktop-nav>a svg{display:none}.header-call{padding:0 16px;gap:8px; min-height:44px; font-size:var(--fs-small);}}

.section-mark{display:block;width:var(--section-icon);height:var(--section-icon);margin:0 0 20px;filter:drop-shadow(0 10px 14px #10262033); object-fit:contain; margin-bottom:var(--space-3);}
@media(max-width:699px){.section-mark{width:var(--section-icon);height:var(--section-icon);margin-bottom:var(--space-3); object-fit:contain;}}

.refinement-eight .hero h1 { font-size: var(--fs-display); line-height: .98; }

.refinement-eight h2,
.refinement-eight .services h2,
.refinement-eight .contact-copy h2,
.refinement-eight .contact-opening h2,
.refinement-eight .specialist-heading :is(h1, h2),
.refinement-eight .competencies h2{ font-size: var(--fs-h2); line-height: 1.06; margin:12px 0 0;}

.refinement-eight .credentials-heading h3,
.refinement-eight .documents-heading h3,
.refinement-eight .directions-copy h3 { font-size: var(--fs-h3-l); line-height: 1.2; }

.refinement-eight .form-panel h3,
.refinement-eight .consultation-bridge h3 { font-size: var(--fs-h3); line-height: 1.25; }

.refinement-eight h3,
.refinement-eight #uslugi .refined-service h3,
.refinement-eight .specialist-care h3,
.refinement-eight .grid-heading h3,
.refinement-eight .education-block h3 { font-size: var(--fs-h3-s); line-height: 1.3; }

.refinement-eight .specialist-heading > p:not(.eyebrow),
.refinement-eight .section-heading > p{ font-size:var(--fs-lead); line-height:1.65; }

.refinement-eight .specialist{ padding-bottom:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}
.refinement-eight .competencies{ padding-top:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}
.refinement-eight .credentials { margin-top: 0; border-top: 0; padding-top: 0; }

.refinement-eight .specialist,
.refinement-eight .competencies{ position: relative; padding-top:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}
/* Kreski ::before nad „Poznaj specjalistkę” i „Kompetencje” usunięte (2026-09-26):
   REGUŁA PROJEKTU — sekcje przechodzą w siebie płynnym gradientem, bez kresek
   i twardych krawędzi (wzór: dół „Pomoc i terapia”, clamp(140px, 14vw, 220px)). */

@media(max-width:699px){
  .refinement-eight .specialist{ padding-bottom:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}
  .refinement-eight .competencies{ padding-top:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}
  .refinement-eight .credentials { margin-top: 0; padding-top: 0; }
}

@media(min-width:1024px){
  .refinement-eight #uslugi .services-grid{ grid-template-columns: repeat(3,minmax(0,1fr)); gap:var(--grid-gap); padding:0;}
}

.refinement-eight .current-course p { color: var(--ink-soft-2); }

.refinement-eight .map-overlay p {
  display: inline-block; background: rgba(62,40,26,.82); color: var(--surface);
  padding: 5px 12px; border-radius: 999px;
}

@media(max-width:699px){
  .refinement-eight .eyebrow,
  .refinement-eight .hero-intro,
  .refinement-eight .hero-profile strong,
  .refinement-eight .hero-profile small,
  .refinement-eight .text-link,
  .refinement-eight .text-link span,
  .refinement-eight .consultation-bridge p,
  .refinement-eight .price-duration,
  .refinement-eight .cert-tile > span,
  .refinement-eight .credentials-documents .featured-documents .cert-tile > span,
  .refinement-eight .current-course > span,
  .refinement-eight .directions-copy p,
  .refinement-eight .specialist-portrait figcaption span,
  .refinement-eight .map-overlay button,
  .refinement-eight .map-overlay p,
  .refinement-eight .documents-toggle,
  .refinement-eight .when-closed,
  .refinement-eight .when-open,
  .refinement-eight #contact-form label,
  .refinement-eight #contact-form label span,
  .refinement-eight #contact-form small,
  .refinement-eight .form-panel small,
  .refinement-eight .footer-brand span,
  .refinement-eight .footer-copy,
  .refinement-eight .footer-credit,
  .refinement-eight .footer-credit a,
  .refinement-eight .credentials-documents .cert-grid .cert-tile > span,
  .refinement-eight .credentials-documents .featured-documents .cert-tile > span,
  .refinement-eight .cert-more summary span,
  .refinement-eight .form-panel form small,
  .refinement-eight small,
  .refinement-eight #contact-form>small:last-of-type { font-size:var(--fs-small); }

  

  .refinement-eight .eyebrow { letter-spacing: .10em; line-height: 1.45; }
}

.refinement-eight .hero {
  background: radial-gradient(circle at 50% 40%, #F6F7F3 0%, transparent 45%), var(--bg-hero);
}

.refinement-eight .hero h1 > span { color: var(--text-main); }
.refinement-eight .hero h1 em     { color: var(--accent-terracotta); }

.refinement-eight .site-header { background: rgba(247,245,239,.96); border-color: rgba(255,255,255,.72); }
.refinement-eight .desktop-nav > a { color: var(--text-main); }
.refinement-eight .desktop-nav > a:hover,
.refinement-eight .desktop-nav > a:focus-visible { color: var(--green-primary); }
.refinement-eight .desktop-nav > a[aria-current] { color: var(--green-dark); }
.refinement-eight .desktop-nav > a:hover svg,
.refinement-eight .desktop-nav > a[aria-current] svg { color: var(--green-soft); }

.refinement-eight .button {
  background: var(--green-primary); border-color: var(--green-primary); color: #FFFFFF;
  box-shadow: 0 6px 16px -12px rgba(24,63,53,.5);
}
.refinement-eight .button:hover {
  background: var(--green-cta-hover); border-color: var(--green-cta-hover);
  box-shadow: 0 10px 20px -12px rgba(24,63,53,.45);
}

/* Cennik u dołu przechodzi w szałwię „Poznaj specjalistkę” — tak samo jak morela nad nim. */
.refinement-eight .pricing      { background: linear-gradient(to bottom, var(--bg-main) calc(100% - clamp(140px, 14vw, 220px)), var(--bg-soft) 100%); }
.refinement-eight .specialist{ background: var(--bg-soft); padding-bottom:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}
/* „Kompetencje” zaczynają się szałwią poprzedniej sekcji i przechodzą w ivory,
   więc nie ma twardej krawędzi pod „Poznaj specjalistkę”. Przejście siedzi tu,
   a nie na dole .specialist, bo na podstronie „O mnie” tę sekcję zamyka stopka. */
.refinement-eight .competencies{ background: linear-gradient(to bottom, var(--bg-soft) 0, var(--bg-main) clamp(140px, 14vw, 220px)); padding-top:var(--section-space); --fs-h2:clamp(36px, 3.8vw, 60px);}

/* Sekcja „Pomoc i terapia” — jasna morela z logo zamiast ciemnej zieleni.
   Tekst przełączony z jasnego na ciemny, akcenty z palety (terakota,
   musztarda); cienie i kreski ciepłe zamiast zielonkawych. Okrągły przycisk
   w ramce konsultacji zostaje zielony jak pozostałe przyciski akcji.
   Bez zaokrąglonych rogów — przy jasnej moreli w rogach prześwitywało
   ivory strony i robiły się białawe kliny pod miętowym hero. Zamiast tego
   tło płynnie przechodzi: u góry z mięty hero, u dołu w ivory cennika. */
.refinement-eight .services{
  --morela:#F3E3D3; --morela-kreska:#E6CDB5; --przejscie: clamp(140px, 14vw, 220px);
  color: var(--ink); border-radius: 0;
  background: linear-gradient(to bottom, var(--bg-hero) 0, var(--morela) var(--przejscie), var(--morela) calc(100% - var(--przejscie)), var(--bg-main) 100%);
}
.refinement-eight .services h2{ color: var(--ink); }
.refinement-eight .services .eyebrow{ color: var(--accent-terracotta-text); }
.refinement-eight .services h2 em{ color: var(--accent-terracotta); }
.refinement-eight .services .section-heading>p{ color: var(--ink-soft-2); }
.refinement-eight .consultation-bridge{ background: var(--bg-card); border-color: var(--morela-kreska); color: var(--ink); box-shadow: 0 7px 0 var(--morela-kreska); }
.refinement-eight .consultation-bridge .eyebrow{ color: var(--accent-terracotta-text); }
.refinement-eight .consultation-bridge p:not(.eyebrow){ color: var(--ink-soft-2); }
.refinement-eight .consultation-bridge img{ background: var(--morela); }
.refinement-eight .consultation-bridge .round-link{ background: var(--green); color: var(--surface); box-shadow: inset 0 1px 0 #ffffff3d, 0 4px 0 var(--green-deep), 0 10px 16px -10px #10262066; }

.refinement-eight #uslugi .refined-service{
  background: var(--bg-card); border: 1px solid var(--morela-kreska);
  box-shadow: 0 5px 0 var(--accent-mustard), 0 12px 26px -20px rgba(110,62,28,.35); padding:var(--card-pad); border-radius:var(--radius-card); display:grid; grid-template-columns:80px minmax(0,1fr); grid-template-areas:"art title" "copy copy" "link link"; grid-template-rows:auto 1fr auto; gap:16px; --art-size:80px;}
.refinement-eight #uslugi .refined-service:focus-within {
  box-shadow: 0 0 0 2px var(--green-soft), 0 5px 0 var(--accent-mustard), 0 12px 26px -20px rgba(110,62,28,.35);
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .refinement-eight #uslugi .refined-service:hover {
    box-shadow: 0 5px 0 var(--accent-mustard), 0 20px 34px -22px rgba(110,62,28,.42);
  }
}

/* Dół strony — kontakt i stopka w ciepłym piasku zamiast ciemnej zieleni.
   Piasek to ivory z palety przesunięte w stronę szampana; tekst przełączony
   z jasnego na ciemny. Drugorzędny tekst idzie w --ink-soft-2, bo --ink-soft
   na piasku schodzi poniżej AA (ok. 4,4:1). Kreski i twarde cienie w cieplejszym,
   ciemniejszym piasku zamiast szarozielonych. */
.refinement-eight .contact,
.refinement-eight .site-footer{ --piasek:#EFE7DA; --piasek-gleboki:#E8DDCB; --piasek-kreska:#D5C5A6; --piasek-cien:#D8C7A6; }
.refinement-eight .contact{ background: var(--piasek); color: var(--ink); }
.refinement-eight .contact .eyebrow{ color: var(--accent-terracotta-deep); }
.refinement-eight .contact-opening h2 em{ color: var(--accent-terracotta); }
.refinement-eight .contact-copy>p:not(.eyebrow){ color: var(--ink-soft-2); }
.refinement-eight .contact-phone{ color: var(--green); border-color: var(--piasek-kreska); }
.refinement-eight .contact-email{ color: var(--ink); border-color: var(--piasek-kreska); }
.refinement-eight .contact-place{ color: var(--ink-soft-2)!important; }
.refinement-eight .form-panel{ box-shadow: 12px 14px 0 var(--piasek-cien), 25px 35px 50px -30px #0d1a1633; }
.refinement-eight .directions-layout{ border-top-color: var(--piasek-kreska); }
.refinement-eight .directions-copy h3{ color: var(--ink); }
.refinement-eight .directions-copy p{ color: var(--ink-soft-2); }
.refinement-eight .directions-copy .text-link{ color: var(--green); }
.refinement-eight .map-holder{ border-color: var(--surface); box-shadow: 0 10px 0 var(--piasek-cien); }
/* Zdjęcie budynku ma ciepłą gradację (niebo morela → krem), więc i cień pod
   przyciskiem mapy jest ciepłym brązem zamiast grafitowo-niebieskiego. */
.refinement-eight .map-overlay{ background: linear-gradient(transparent 40%, rgba(74,48,32,.55)); }
@media (max-width:699px){ .refinement-eight .form-panel{ box-shadow: 7px 9px 0 var(--piasek-cien); } }

/* Zwarty formularz „Zapytaj o wizytę” — te same pola i teksty, mniej
   wysokości: niższe pola i przycisk, ciaśniejsze odstępy, pole wiadomości
   na ok. 3 linijki (dalej da się je rozciągnąć). Selektory z .form-panel,
   bo późniejsze reguły z #contact-form (m.in. w media query niżej w tym
   pliku) przy równej specyficzności przywracałyby stare odstępy. */
.refinement-eight .form-panel h3{ margin-bottom: 6px; }
.refinement-eight .form-panel #contact-form label{ margin: 10px 0 5px; }
.refinement-eight .form-panel #contact-form input{ min-height: 46px; padding-block: 10px; }
.refinement-eight .form-panel #contact-form textarea,
.refinement-eight .form-panel #contact-form #f-msg{ min-height: 88px; height: 88px; padding-block: 10px; }
.refinement-eight .form-panel #f-phone-hint{ margin-top: 4px; }
.refinement-eight .form-panel #contact-form>small:last-of-type{ margin: 10px 0 8px; }
.refinement-eight .form-panel #contact-form .button{ min-height: 50px; padding-block: 12px; margin-top: 10px; }

/* Kontakt: bez pasa nieba (usunięty 2026-09-26) — zwykły odstęp sekcji i płynne
   przejście z ivory w piasek na długości jak w całym projekcie, bez kreski.
   Selektor .section.contact, bo późniejsze `.refinement-eight .section{padding-block}`
   (tu i w nawigacja-3d.css) przy równej specyficzności zjadłyby padding-top. */
.refinement-eight .section.contact{
  position: relative; isolation: isolate; border-radius: 0;
  padding-top: var(--section-space);
  background: linear-gradient(to bottom, var(--bg-main), var(--piasek) clamp(140px, 14vw, 220px));
}

.refinement-eight /* Stopka zaczyna się kolorem sekcji nad nią i przechodzi w głęboki piasek — bez kreski.
   Na stronie głównej nad stopką jest kontakt (piasek), na „O mnie” sekcja w szałwii. */
.site-footer{ background: linear-gradient(to bottom, var(--nad-stopka, var(--piasek)) 0, var(--piasek-gleboki) clamp(140px, 14vw, 220px)); color: var(--ink); padding-top:32px; border-top: 0; }
.about-page .site-footer{ --nad-stopka: var(--bg-soft); }
.refinement-eight .site-footer p { color: var(--ink-soft-2); border-top-color: var(--piasek-kreska); }
.refinement-eight .footer-brand span { color: var(--ink-soft-2); }
.refinement-eight .site-footer .text-link{ color: var(--green); }
.refinement-eight .footer-credit a{ color: var(--ink); border-bottom-color: var(--piasek-kreska); }
.refinement-eight .footer-credit a:hover{ color: var(--green); border-bottom-color: var(--green); }

.refinement-eight .footer-statement span { color: var(--accent-champagne); }
.refinement-eight .status-dot { background: var(--accent-mustard); }

.refinement-eight .service-link svg { color: var(--accent-terracotta); }
.refinement-eight .contact-place svg { color: var(--accent-terracotta); }

.refinement-eight h1,
.refinement-eight h2 {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.018em;
  font-optical-sizing: auto;   

}
.refinement-eight h1 em,
.refinement-eight h2 em { font-weight: 400; letter-spacing: -.012em; }

.refinement-eight .hero h1 { line-height: 1; }
.refinement-eight h2,
.refinement-eight .services h2,
.refinement-eight .contact-copy h2,
.refinement-eight .contact-opening h2,
.refinement-eight .specialist-heading :is(h1, h2),
.refinement-eight .competencies h2{ line-height: 1.08; margin:12px 0 0;}

.refinement-eight .credentials-heading h3,
.refinement-eight .documents-heading h3,
.refinement-eight .directions-copy h3 {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.012em;
}

.refinement-eight .price-amount { font-weight: 500; letter-spacing: -.005em; }

.refinement-eight .eyebrow { font-weight: 600; }

@media (min-width: 1024px) {

  

  .refinement-eight .section{ padding-block:var(--section-space); }

  
  .refinement-eight .section-heading{ margin-bottom:var(--heading-gap); gap: 64px; }
  .refinement-eight .section-heading h2 { margin-top: 16px; }
  .refinement-eight .services .section-heading{  }
  .refinement-eight .competencies h2{ margin:12px 0 0; }

  

  .refinement-eight .eyebrow { font-size:var(--fs-small); letter-spacing: .13em; }
  .refinement-eight .section-heading > p{
    font-size:var(--fs-lead);
    line-height:1.65;
    max-width: 440px;
  }
  .refinement-eight .specialist-heading > p:not(.eyebrow){
    font-size:var(--fs-lead);
    line-height:1.65;
  }

  

  

  .refinement-eight .hero-shell{ padding-top: 20px; padding-bottom: 10px; grid-template-columns:1fr 2.4fr 1fr; column-gap:32px;}
  .refinement-eight .hero h1 { margin: 12px 0 2px; }
  

  .refinement-eight .hero h1 em { line-height: 1.12; }
  .refinement-eight .hero-bottom{ padding-top:20px; margin-top:20px;}

  

  .refinement-eight .contact-opening{ margin-bottom:32px; padding-bottom:0; border-bottom:0;}
  .refinement-eight .contact-opening h2{ margin-top:12px; }
  .refinement-eight .contact-opening-copy{ position: relative; padding-right:0; }
  .refinement-eight .contact-opening .section-mark{
    position:static; right: 0; top: 50%;
    transform:none;
    width:56px; height:56px; margin:0;
  }
  

  .refinement-eight .contact-layout{ align-items:start; gap:var(--layout-gap); }
  .refinement-eight .form-panel{ padding:var(--card-pad); }
  

  .refinement-eight .contact-copy .contact-intro{ font-size:var(--fs-lead); line-height:1.65; max-width: 480px; }
  

  .refinement-eight .contact-phone,
  .refinement-eight .contact-email{ max-width: 560px; padding:20px 0;}
  .refinement-eight .contact-phone{ padding:20px 0 16px; }
  .refinement-eight .contact-email{ padding:20px 0; }
  .refinement-eight .contact-place{ margin-top:24px; }
  
  .refinement-eight #contact-form label { margin: 14px 0 7px; }
  .refinement-eight #contact-form textarea { min-height: 108px; }
  .refinement-eight #contact-form .button { margin-top: 18px; }
  .refinement-eight .directions-layout{ margin-top:var(--block-gap); padding-top:var(--block-gap); }
  

  .refinement-eight .directions-copy p:not(.eyebrow) { font-size:var(--fs-body-s); margin-top: 12px; }
  
  .refinement-eight .site-footer p { font-size:var(--fs-small); }
  .refinement-eight .footer-brand span { font-size:var(--fs-small); }
}

@media (min-width:1024px) {
  #contact-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; }
  #contact-form label[for="f-name"] { grid-column:1; grid-row:1; }
  #contact-form #f-name { grid-column:1; grid-row:2; }
  #contact-form label[for="f-phone"] { grid-column:2; grid-row:1; }
  #contact-form #f-phone { grid-column:2; grid-row:2; }
  #contact-form #f-phone-hint { grid-column:2; grid-row:3; }
  #contact-form label[for="f-msg"] { grid-column:1 / -1; grid-row:4; }
  #contact-form #f-msg { grid-column:1 / -1; grid-row:5; height:112px; }
  #contact-form > small:last-of-type, #contact-form .button, #form-status { grid-column:1 / -1; }
  .refinement-eight .contact-copy { padding-top:24px; }
}

/* Cennik: wspolne otwarcie, zwarta tabela i dopisek bez osobnej pustej kolumny. */
.refinement-eight .pricing { --fs-h2:clamp(36px, 3.8vw, 60px); }
.refinement-eight .pricing .section-heading { align-items:center; margin-bottom:28px; }
.refinement-eight .pricing .section-heading > div {
  display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:16px; align-items:center;
}
.refinement-eight .pricing .section-mark { grid-column:1; grid-row:1 / 3; width:56px; height:56px; margin:0; }
.refinement-eight .pricing .eyebrow { grid-column:2; }
.refinement-eight .pricing h2 { grid-column:2; margin-top:8px; }
.refinement-eight .pricing .price-panel { max-width:none; margin:0; }
.refinement-eight .pricing .price-list > li { padding:20px 0; }
.refinement-eight .pricing .price-what { min-width:0; }
.refinement-eight .pricing .price-note { margin-top:20px; max-width:none; }
@media (min-width:700px) {
  .refinement-eight .pricing .price-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px; }
  .refinement-eight .pricing .price-list > li:nth-last-child(-n+2) { border-bottom:0; }
}

/* Kompetencje: dwa rownolegle zestawy, dokumenty zamykaja sekcje pelna szerokoscia. */
.credentials > .education-block:last-child { align-self:center; }
@media (min-width:1024px) {
  .refinement-eight .featured-documents .cert-tile { display:grid; grid-template-columns:88px minmax(0,1fr); gap:20px; align-items:center; }
  .refinement-eight .featured-documents .cert-tile .cert-thumb { width:88px; height:124px; }
  .refinement-eight .featured-documents .cert-tile > span { padding:0 20px 0 0; }
}
@media (max-width:699px) {
  .credentials { grid-template-columns:1fr; gap:28px; }
  .refinement-eight .credentials-documents .featured-documents { grid-template-columns:1fr; }
  .refinement-eight .featured-documents .cert-tile { display:grid; grid-template-columns:80px minmax(0,1fr); gap:16px; align-items:center; padding:12px; }
  .refinement-eight .featured-documents .cert-tile .cert-thumb { width:80px; height:113px; }
  .refinement-eight .featured-documents .cert-tile > span { padding:0 20px 0 0; margin:0; }
}

@media (min-width: 1440px) {
  

  .refinement-eight .hero-shell{ grid-template-columns:1fr 2.4fr 1fr; column-gap:32px; }
  

  .refinement-eight .hero-intro,
  .refinement-eight .hero-actions { align-self: center; }
  .refinement-eight .hero-intro{ max-width: 300px; font-size:var(--fs-body-s); }
  .refinement-eight .desktop-nav > a { font-size:var(--fs-small); }
  .refinement-eight .map-holder { aspect-ratio: 16 / 9; }
  .refinement-eight .directions-layout{ grid-template-columns: 1fr 1fr; margin-top:var(--block-gap); padding-top:var(--block-gap);}
}




.refinement-eight .footer-statement{
  font-family: var(--serif);
  font-size: clamp(32px, 1.5vw + 14px, 54px);
  font-weight: 300;
  letter-spacing: -.008em;
  line-height: 1.15;
  color: #8E7748;
  padding-top:0;
  padding-bottom:20px;
}
.refinement-eight .footer-statement em {
  font-style: italic;
  font-weight: 400;

  color: var(--accent-terracotta);
}
.refinement-eight .site-footer{ padding-top:32px; }

:root{
  --oddech-skala:1.026;
  --oddech-czas:19s;
  --oddech-krzywa:cubic-bezier(.45,0,.55,1);
  --magnes-czas:.3s;
  --magnes-krzywa:cubic-bezier(.22,1,.3,1);
}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .button,.round-link,.header-call{translate:var(--mx,0) var(--my,0)}
  .button{transition:transform .25s,background .25s,box-shadow .25s,translate var(--magnes-czas) var(--magnes-krzywa)}
  .round-link{transition:transform .25s,translate var(--magnes-czas) var(--magnes-krzywa)}
  .header-call{transition:background .22s,transform .22s,box-shadow .22s,translate var(--magnes-czas) var(--magnes-krzywa); min-height:44px; font-size:var(--fs-small);}
}

.symptoms-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin:0 0 32px;}
.symptoms-list svg{color:var(--accent-terracotta)}
@media(max-width:699px){.symptoms-list{grid-template-columns:1fr;gap:12px 32px;margin-bottom:28px; margin:0 0 32px;}}

.refinement-eight.about-page .specialist { padding-top: 64px; padding-bottom: 64px; }
.refinement-eight.about-page .specialist-heading h1 { font-family: var(--serif); font-weight: 400; letter-spacing: -.012em; }
.refinement-eight .specialist-details h2 { font-size: var(--fs-h3-s); font-family: var(--display); font-weight: 600; line-height: 1.3; letter-spacing: -.035em; color: var(--ink); margin: 0 0 16px; }

/* Ikony kontaktu — neutralny biały kafel z grafitową ikoną, żeby nie konkurował z koralowym
   numerem; strzałka koralowa po najechaniu (2026-09-26; wcześniej gradient lawendy/turkusu). */
.refinement-eight .contact-phone svg,
.refinement-eight .contact-email svg,
.refinement-eight .contact-place svg{
  flex:0 0 auto; box-sizing:border-box;
  width:48px; height:48px; padding:13px;
  border-radius:14px;
  background:#FFFFFF;
  color:#1C1917; stroke-width:2;
  box-shadow:inset 0 0 0 1px #E7E5E4, 0 6px 16px rgba(28,25,23,.08);
}
.refinement-eight .contact-phone:hover svg,
.refinement-eight .contact-email:hover svg{ color:#C2410C; box-shadow:inset 0 0 0 1px #FDBA74, 0 6px 16px rgba(194,65,12,.14); }

/* Przycisk dźwięku (2026-09-26): głośnik w lewym dolnym rogu, jak na irenaustka.pl.
   Po włączeniu przycisk pulsuje, a słupki skaczą w rytmie nagrania — wartości
   --puls i --s1..--s4 (0–1) ustawia refinement.js z analizy dźwięku (Web Audio).
   `scale` zamiast `transform`, bo transform zajmuje „magnes” pod kursorem. */
.dzwiek{
  --puls:0; --s1:.25; --s2:.25; --s3:.25; --s4:.25;
  position:fixed; left:24px; bottom:24px; z-index:55;
  display:inline-flex; align-items:center; height:52px; padding:0;
  border:0; border-radius:999px; cursor:pointer;
  background:linear-gradient(145deg,#F3F0FA 0,#C9BEE8 48%,#7C6BB0 100%);
  color:#2E2550; font:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68),
             0 12px 28px rgba(124,107,176,.28),
             0 0 0 calc(var(--puls) * 14px) rgba(124,107,176,calc(.08 + var(--puls) * .2));
  scale:calc(1 + var(--puls) * .12);
}
.dzwiek:hover,.dzwiek.gra{ background:linear-gradient(145deg,#E8E2F6 0,#B3A5DD 48%,#7466A6 100%); }
.dzwiek:focus-visible{ outline:3px solid #5B4E8C; outline-offset:3px; }
.dzwiek-ikona{ width:52px; height:52px; display:grid; place-items:center; flex:none; }
.dzwiek-ikona svg{ width:24px; height:24px; }
.dzwiek-eq{ display:none; align-items:center; gap:3px; height:22px; }
.dzwiek-eq i{ width:3px; border-radius:2px; background:currentColor; height:calc(4px + var(--s1) * 18px); }
.dzwiek-eq i:nth-child(2){ height:calc(4px + var(--s2) * 18px); }
.dzwiek-eq i:nth-child(3){ height:calc(4px + var(--s3) * 18px); }
.dzwiek-eq i:nth-child(4){ height:calc(4px + var(--s4) * 18px); }
.dzwiek.gra .dzwiek-ikona svg{ display:none; }
.dzwiek.gra .dzwiek-eq{ display:flex; }
.dzwiek-etykieta{
  white-space:nowrap; font-weight:700; font-size:var(--fs-small);
  max-width:0; opacity:0; padding-right:0; overflow:hidden;
  transition:max-width .3s, opacity .25s, padding-right .3s;
}
.dzwiek:hover .dzwiek-etykieta,.dzwiek:focus-visible .dzwiek-etykieta{ max-width:160px; opacity:1; padding-right:20px; }
/* Telefon/tablet: nad dolnym paskiem z telefonem i Messengerem (67 px). */
@media (max-width:1023px){
  .dzwiek{ left:14px; bottom:calc(83px + env(safe-area-inset-bottom)); height:46px; }
  .dzwiek-ikona{ width:46px; height:46px; }
  .dzwiek-etykieta{ display:none; }
}