/* ===== Strona główna v4 — style lokalne ===== */
.problems{padding-block:clamp(56px,7vw,96px) 40px}
.qchips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.qchips .chip{font-size:.86rem;padding:10px 16px;white-space:normal}
.tech .tag{left:10px;right:auto;top:-13px}

/* GUT-DIET-MAP (przeniesiona wyżej) */
.gdm{display:grid;grid-template-columns:.9fr 1.25fr .85fr;gap:28px;align-items:center}
@media(max-width:1000px){.gdm{grid-template-columns:1fr}}
.gdm .map{aspect-ratio:3/2;border-radius:var(--r28);background:url(../../img/klient/gdm_map.jpg) center/cover no-repeat;box-shadow:var(--shadow)}
.gdm .stats{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.gdm .stat b{font-size:1.5rem}
.ai{background:linear-gradient(180deg,rgba(11,58,44,.93),rgba(11,58,44,.97)),url(../../img/klient/step_03_16s.jpg) center/cover;color:#E6F1EA;border-radius:var(--r28);padding:28px 26px;display:grid;gap:12px}
.ai h3{color:#fff;font-size:1.45rem;line-height:1.15;letter-spacing:-.02em}
.ai h3 em{font-style:normal;color:#9FE3C2}
.ai ul{padding:0;margin:4px 0 0;list-style:none;display:grid;gap:8px}
.ai li{display:flex;gap:10px;align-items:center;font-size:.9rem}
.ai li::before{content:"✓";width:22px;height:22px;border-radius:50%;background:#1F9470;color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:700;flex:0 0 auto}

/* Co możesz zmienić — zdjęcie pary + 4 etapy + ekrany aplikacji */
.change4{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
@media(max-width:960px){.change4{grid-template-columns:1fr}}
.change4 .photo{aspect-ratio:4/3.3;background-image:url(../../img/klient/para_aktywna.jpg);background-position:center 30%}
.change4 .stage4{background:transparent;border:0;padding:12px 0;border-bottom:1px solid var(--line);border-radius:0}
.change4 .stage4:last-child{border-bottom:0}
.change4 .stage4 .num{width:40px;height:40px;border-radius:50%;background:var(--g900);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:.74rem}
.proc{margin-top:48px;background:#fff;border:1px solid var(--line);border-radius:var(--r28);padding:32px}
.proc .head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:24px}
@media(max-width:800px){.proc .head{grid-template-columns:1fr}}
.proc .screens .s img{aspect-ratio:520/718;object-fit:cover}
.proc .arrowrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}
.proc .arrowrow span{text-align:center;color:var(--g300)}
.kb-block{margin-top:20px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--mint);border-radius:22px;padding:22px 26px}
@media(max-width:800px){.kb-block{grid-template-columns:1fr}}

/* Jak to działa */
.steps6{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media(max-width:1000px){.steps6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.steps6{grid-template-columns:repeat(2,1fr)}}
.steps6 .stp{display:grid;gap:8px;align-content:start}
.steps6 .stp .img{aspect-ratio:4/3;border-radius:18px;background-size:cover;background-position:center;border:1px solid var(--line)}
.steps6 .stp .num{font-family:var(--mono);font-size:.72rem;color:var(--g600);letter-spacing:.1em}
.steps6 .stp h3{font-size:.98rem}
.steps6 .stp p{font-size:.82rem;color:var(--ink2)}

/* Droga do zmiany */
.road-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
@media(max-width:900px){.road-head{grid-template-columns:1fr}}
.road-bar{margin-top:18px;display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}
@media(max-width:900px){.road-bar{grid-template-columns:1fr}}
.road-bar .loopimg{border-radius:22px;background:url(../../img/klient/loop_clean.jpg) center/cover;min-height:220px;position:relative}
.road-bar .loopimg .c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border-radius:18px;padding:14px 20px;max-width:260px;box-shadow:var(--shadow-s)}
.road-bar .loopimg .c b{display:block;font-size:1.15rem;font-weight:500;color:var(--g900);letter-spacing:-.02em}
.road-bar .loopimg .c span{font-size:.82rem;color:var(--ink2)}
.road-bar .ben{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 26px;display:grid;gap:14px;align-content:center}
.road-bar .ben ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:0;list-style:none}
@media(max-width:560px){.road-bar .ben ul{grid-template-columns:1fr}}
.road-bar .ben li{display:flex;gap:10px;align-items:center;font-size:.9rem;color:var(--ink2)}

/* Pamperki */
.pamp-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
@media(max-width:900px){.pamp-head{grid-template-columns:1fr}}
.pamp-head p{max-width:none}
.bridge-txt{margin-top:40px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.bridge-txt h3{font-size:1.35rem;letter-spacing:-.02em}
.bridge-txt p{font-size:.92rem;color:var(--ink2);margin-top:4px;max-width:60ch}

/* Aplikacja */
.app4{display:grid;grid-template-columns:.9fr 1.3fr;gap:40px;align-items:center}
@media(max-width:900px){.app4{grid-template-columns:1fr}}
.app4 .shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}
.app4 .shots img{width:100%;border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--line)}
.app4 .shots img:nth-child(2){transform:translateY(-16px)}
.feat{padding:0;margin:18px 0 0;display:grid;gap:0}
.feat li{list-style:none;display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.feat li:last-child{border:0}

/* Historie */
.vid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media(max-width:900px){.vid{grid-template-columns:repeat(3,1fr)}}
.vid .ph{aspect-ratio:9/16;border-radius:16px;font-size:.7rem}

/* Pakiety */
.offer-head{display:grid;grid-template-columns:1fr;gap:26px;justify-items:center;text-align:center;margin-bottom:30px}
.offer-head .lead{margin-inline:auto}
.cmpwrap{margin-top:18px;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}
.cmpwrap summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;font-weight:600}
.cmpwrap summary::-webkit-details-marker{display:none}
.cmpwrap summary span{font-weight:400;color:var(--muted);font-size:.9rem}
.cmpwrap summary::after{content:"Rozwiń ＋";color:var(--g600);font-size:.86rem;font-weight:600}
.cmpwrap[open] summary::after{content:"Zwiń −"}
.cmpwrap .tbl{overflow-x:auto;padding:0 8px 8px}
.cmpwrap .cmp4{border:0;border-radius:0}

.closing{position:relative;background:linear-gradient(100deg,rgba(11,58,44,.94) 0%,rgba(11,58,44,.75) 55%,rgba(11,58,44,.4) 100%),url(../../img/landscape.svg) center/cover no-repeat;color:#fff;padding-block:96px;overflow:hidden}
.closing .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
@media(max-width:800px){.closing .grid{grid-template-columns:1fr}}
.closing .pamps{display:flex;gap:-10px;justify-content:center}
.closing .pamps span{width:84px;height:84px;border-radius:50%;background-size:cover;background-position:center top;border:3px solid rgba(255,255,255,.35);margin-left:-14px;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.closing .pamps span:first-child{margin-left:0}