.page-header{background:linear-gradient(145deg,var(--teal-g) 0%,rgba(255,218,237,.3) 100%);padding:clamp(60px,8vw,100px) var(--px);text-align:center;position:relative;overflow:hidden}
.ph-blob{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(223,59,163,.07) 0%,transparent 70%);top:-150px;right:-100px;border-radius:50%;pointer-events:none}
.ph-title{margin-bottom:16px}
.ph-desc{font-size:clamp(16px,2vw,19px);color:var(--slate);max-width:680px;margin:0 auto}
.filters-wrapper{background:var(--white);border-bottom:1px solid rgba(0,0,0,.07);position:sticky;top:var(--nav-h);z-index:90;box-shadow:0 4px 20px rgba(0,0,0,.03)}
/* Mobile: navbar non-sticky więc filtry przyklej do top:0 */
@media(max-width:1024px){
  .filters-wrapper{top:0}
}
.filters-scroll{max-width: var(--max-outer);margin:0 auto;padding:14px var(--px);display:flex;gap:8px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.filters-scroll::-webkit-scrollbar{display:none}
.f-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--r-pill);border:1.5px solid rgba(0,0,0,.08);font-family:var(--f-ui);font-size:13.5px;font-weight:500;color:var(--slate);background:var(--white);white-space:nowrap;flex-shrink:0;transition:all var(--tf);cursor:pointer}
.f-btn i{font-size:15px}
.f-btn:hover{background:var(--mag-g);color:var(--mag-dim);border-color:var(--mag-g)}
.f-btn.active{background:var(--mag);color:var(--white);border-color:var(--mag);box-shadow:0 4px 12px rgba(223,59,163,.25)}
.services-main{max-width: var(--max-outer);margin:0 auto;padding:clamp(40px,5vw,72px) var(--px);min-height:50vh}
.s-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.s-card{background:var(--white);border-radius:var(--r-card);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--tn) var(--spring),box-shadow var(--tn);text-decoration:none;color:inherit}
.s-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(0,0,0,.07)}
.s-card.hide{display:none!important}
/* Thumb (zdjęcie z biblioteki — featured image) */
.sc-thumb{width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(140deg,var(--blush,#FFDAED) 0%,var(--mag-w,#fef4fa) 100%);flex-shrink:0}
.sc-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s var(--eo)}
.s-card:hover .sc-thumb img{transform:scale(1.05)}
.s-card > .sc-title,.s-card > .sc-desc,.s-card > .sc-bot{padding-left:24px;padding-right:24px}
.s-card > .sc-title{padding-top:20px}
.s-card > .sc-bot{padding-bottom:22px}
/* Ikona usługi (zamiast thumb) — większa, bardziej kontrastowa */
.sc-icon{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:34px;margin:28px 24px 18px;transition:transform var(--tn) var(--spring),box-shadow var(--tn) var(--eo);flex-shrink:0;box-shadow:0 4px 12px rgba(223,59,163,0.12)}
.sc-icon .sc-icon-svg{width:54px;height:54px;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.06))}
.s-card:hover .sc-icon{transform:scale(1.06) rotate(-4deg);box-shadow:0 8px 20px rgba(223,59,163,0.22)}
/* Mocniejsze tła dla wszystkich kategorii — bardziej widoczne */
.sc-cat-gin .sc-icon{background:linear-gradient(135deg,#ffe0f0 0%,#ffc4e1 100%);color:var(--mag)}
.sc-cat-est .sc-icon{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#9333ea}
.sc-cat-hpv .sc-icon{background:linear-gradient(135deg,#ccfbf1 0%,#a5f3e7 100%);color:var(--teal)}
.sc-cat-nie .sc-icon{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#16a34a}
.sc-cat-cia .sc-icon{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);color:#ea580c}
/* Default (bez kategorii) — magenta */
.s-card .sc-icon{background:linear-gradient(135deg,#ffe0f0 0%,#ffc4e1 100%);color:var(--mag)}
.sc-title{font-size:clamp(16px,1.5vw,18px);font-weight:600;color:var(--ink);margin-bottom:10px;line-height:1.3}
.sc-desc{font-size:14px;color:var(--slate);line-height:1.6;flex-grow:1;margin-bottom:20px}
.sc-bot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.sc-link{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--slate);transition:all var(--tf)}
.s-card:hover .sc-link{color:var(--mag);gap:10px}
.bdg-nfz{background:var(--green);color:var(--white);font-size:10px;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:var(--r-pill)}
.s-no-results{text-align:center;padding:64px 20px;display:none}
.s-no-results i{font-size:52px;color:var(--mag-g);display:block;margin-bottom:14px}
.s-no-results h3{font-family:var(--f-serif);font-size:26px;color:var(--ink);margin-bottom:10px}
.s-no-results p{color:var(--slate);font-size:16px;max-width:480px;margin:0 auto}
@media(max-width:640px){.s-grid{grid-template-columns:1fr;gap:14px}.sc-icon{width:48px;height:48px;font-size:24px}}

/* ════ BACK BAR ════ */
.back-bar { background: var(--mag-w); border-bottom: 1px solid rgba(223,59,163,.15); }
.back-bar-inner { max-width: var(--max-outer); margin: 0 auto; padding: 10px var(--px); display: flex; align-items: center; gap: 16px; }
.back-all-btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--white); color: var(--mag); border: 1.5px solid var(--mag); border-radius: var(--r-pill); font-family: var(--f-ui); font-size: 14px; font-weight: 600; cursor: pointer; transition: all var(--tf); }
.back-all-btn:hover { background: var(--mag); color: var(--white); }
.back-all-btn i { font-size: 16px; }
.back-active-label { font-size: 14px; color: var(--slate); }
.back-active-label strong { color: var(--mag); }

/* ════ KATEGORIE — nagłówek sekcji ════ */
.us-cat-section { margin-bottom: clamp(48px, 6vw, 80px); scroll-margin-top: calc(var(--nav-h, 80px) + 90px); }
.us-cat-section:last-child { margin-bottom: 0; }
.us-cat-head {
  display: flex; align-items: flex-start; gap: 20px;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.us-cat-icon {
  width: 56px; height: 56px; border-radius: 14px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 28px; flex-shrink: 0;
}
.us-cat-icon.sc-cat-gin { background: var(--blush); color: var(--mag); }
.us-cat-icon.sc-cat-est { background: #f3e8ff; color: #9333ea; }
.us-cat-icon.sc-cat-hpv { background: var(--teal-g); color: var(--teal); }
.us-cat-icon.sc-cat-nie { background: var(--green-g); color: #16a34a; }
.us-cat-icon.sc-cat-cia { background: #fff7ed; color: #ea580c; }
.us-cat-text { flex: 1; min-width: 0; }
.us-cat-title { font-family: var(--f-serif); font-size: clamp(24px, 2.4vw, 32px); color: var(--ink); margin: 0 0 6px; line-height: 1.2; }
.us-cat-desc { color: var(--slate); font-size: 15.5px; line-height: 1.65; max-width: 800px; }
.us-cat-desc p { margin: 0 0 8px; }
.us-cat-desc p:last-child { margin-bottom: 0; }
@media(max-width:640px){
  .us-cat-head { gap: 14px; }
  .us-cat-icon { width: 44px; height: 44px; font-size: 22px; border-radius: 10px; }
}