
:root{--bg:#f6fbfa;--surface:#ffffff;--text:#14242b;--muted:#587078;--brand:#00856f;--brand-dark:#006655;--accent:#ffb703;--line:#dbe9e6;--shadow:0 18px 50px rgba(2,40,32,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#effaf7 0,#fff 36%,#f6fbfa 100%);line-height:1.65}a{color:inherit}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem;border-radius:10px;z-index:999}.top-notice{background:var(--brand-dark);color:#fff;text-align:center;font-weight:800;padding:.55rem 1rem;letter-spacing:.02em}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;margin:auto;padding:.9rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:900;font-size:1.35rem}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:1.35rem;box-shadow:var(--shadow)}.header-phone{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;font-weight:1000;color:#fff;background:var(--brand-dark);border-radius:999px;padding:.7rem 1rem;box-shadow:0 10px 24px rgba(0,102,85,.18)}.header-phone:hover{background:var(--brand)}.nav{display:flex;align-items:center;gap:.2rem;flex-wrap:wrap}.nav a{text-decoration:none;padding:.55rem .78rem;border-radius:999px;font-weight:700;color:#22343b}.nav a:hover{background:#e6f5f1;color:var(--brand-dark)}.nav .cta{background:var(--brand);color:#fff}.nav .cta:hover{background:var(--brand-dark);color:#fff}.hero{max-width:1180px;margin:auto;padding:5.2rem 1.1rem 3rem;display:grid;grid-template-columns:1.35fr .65fr;gap:2rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand-dark);font-weight:900;font-size:.82rem;margin:0 0 .55rem}.drive-badge{display:inline-block;background:var(--accent);color:#2b2100;border-radius:999px;padding:.35rem .7rem;font-weight:1000;box-shadow:0 10px 22px rgba(255,183,3,.22);margin-bottom:.8rem}.hero h1,.page-hero h1{font-size:clamp(2.25rem,5vw,4.7rem);line-height:1.02;margin:.1rem 0 1rem;letter-spacing:-.05em}.highlight{color:var(--brand-dark);background:linear-gradient(transparent 58%,rgba(255,183,3,.55) 58%)}.lead{font-size:clamp(1.08rem,2vw,1.35rem);color:#314850;max-width:760px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;border-radius:999px;padding:.9rem 1.2rem;font-weight:900;border:2px solid transparent}.btn.primary{background:var(--brand);color:#fff}.btn.secondary{background:#fff;color:var(--brand-dark);border-color:var(--line)}.btn.primary:hover{background:var(--brand-dark)}.hero-card,.card,.notice{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem}.hero-card strong{display:block;font-size:1.35rem}.hero-card .price{font-size:2.1rem;font-weight:1000;color:var(--brand-dark);line-height:1.15}.container{max-width:1180px;margin:auto;padding:1rem 1.1rem 4rem}.section{padding:2.4rem 0}.section h2,.page-hero h2{font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.12;margin:.2rem 0 1rem;letter-spacing:-.03em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card h3{margin:.1rem 0 .45rem;font-size:1.25rem}.card ul{padding-left:1.1rem;margin:.5rem 0}.contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-card{border-left:6px solid var(--brand);background:#fff;border-radius:18px;padding:1.1rem;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-card h3{margin:.1rem 0 .4rem;color:var(--brand-dark)}.strong-drive{font-size:clamp(1.3rem,3vw,2.2rem);font-weight:1000;color:var(--brand-dark);background:#fff6cc;border:2px solid #ffe08a;border-radius:20px;padding:1rem 1.2rem;display:block}.page-hero{max-width:1180px;margin:auto;padding:3.4rem 1.1rem 1.2rem}.price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.price-table th,.price-table td{padding:1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.price-table th{background:#e6f5f1;color:var(--brand-dark)}.article-list{display:grid;gap:1rem}.footer{background:#10242a;color:#dbe9e6;margin-top:2rem}.footer-inner{max-width:1180px;margin:auto;padding:2rem 1.1rem;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem}.footer a{color:#fff}.small{font-size:.92rem;color:var(--muted)}.footer .small{color:#b6c8c5}.call-strip{background:var(--brand);color:#fff;border-radius:24px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.call-strip strong{font-size:1.5rem}.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:.7rem}@media(max-width:860px){.header-inner,.hero{display:block}.header-phone{margin-top:.75rem;width:100%;font-size:1.05rem}.nav{margin-top:.8rem}.hero{padding-top:2.6rem}.grid,.grid.two,.contact-list,.footer-inner{grid-template-columns:1fr}.hero-card{margin-top:1rem}.nav a{font-size:.92rem;padding:.45rem .6rem}.top-notice{font-size:.9rem}.price-table{display:block;overflow-x:auto}.call-strip{display:block}.call-strip .btn{margin-top:1rem}}@media print{.site-header,.top-notice,.actions,.call-strip{display:none}body{background:#fff}.card,.hero-card,.notice{box-shadow:none}}

.address-list{margin:.5rem 0 1.25rem;padding-left:1.2rem}.address-list li{margin:.35rem 0;font-weight:700;color:#123c35}

.profile-card p{margin:.55rem 0}.profile-card ul{margin:.45rem 0 1rem;padding-left:1.25rem}.profile-card li{margin:.2rem 0}.profile-card strong{color:var(--brand-dark)}


/* Czytelne podstrony artykułów */
.article-detail{
    max-width:900px;
    margin:0 auto;
}
.article-detail .card{
    padding:clamp(1.4rem,3vw,2.4rem);
}
.article-detail h2{
    margin-top:2rem;
    color:var(--brand-dark);
    font-size:clamp(1.45rem,2.5vw,2rem);
    line-height:1.2;
}
.article-detail p{
    font-size:1.06rem;
    line-height:1.9;
    margin:1rem 0;
    color:#243a42;
}
.article-detail ul{
    margin:1rem 0 1.3rem;
    padding-left:1.4rem;
    line-height:1.9;
}
.article-detail li{
    margin:.25rem 0;
}
.article-detail .article-intro{
    font-size:1.18rem;
    color:#314850;
}
.article-detail .article-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    margin-top:2rem;
}
.article-list .card{
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.article-list .card:hover{
    transform:translateY(-3px);
    border-color:rgba(0,133,111,.35);
    box-shadow:0 24px 60px rgba(2,40,32,.14);
}
.article-link{
    text-decoration:none;
    color:inherit;
    display:block;
}
.article-link h3{
    color:var(--brand-dark);
}
@media(max-width:860px){
    .article-detail .card{
        padding:1.15rem;
    }
    .article-detail p,
    .article-detail li{
        font-size:1rem !important;
        line-height:1.75 !important;
    }
}


/* Finalna kontrola responsywności i kompatybilności */
*, *::before, *::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{overflow-x:hidden;}
img, svg, video{max-width:100%;height:auto;}
a{-webkit-tap-highlight-color:rgba(15,118,110,.18);}
button, input, textarea, select{font:inherit;}
.article-link{display:block;text-decoration:none;color:inherit;height:100%;}
@media(max-width:1024px){
    .container{padding-left:1.25rem;padding-right:1.25rem;}
    .grid.two,.grid.three,.grid.four{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
    .grid.two,.grid.three,.grid.four{grid-template-columns:1fr;}
    .hero,.page-hero{padding-top:3.5rem;padding-bottom:3.5rem;}
    h1{font-size:clamp(2rem,9vw,3rem)!important;line-height:1.1!important;}
    h2{font-size:clamp(1.55rem,7vw,2.1rem)!important;line-height:1.18!important;}
    h3{font-size:clamp(1.2rem,5.5vw,1.55rem)!important;}
    p,li{font-size:1rem!important;line-height:1.75!important;}
    .btn{width:100%;justify-content:center;text-align:center;}
    .topbar,.nav{gap:.75rem;}
}
@media(max-width:420px){
    .container{padding-left:1rem;padding-right:1rem;}
    .card{padding:1rem;}
}


.service-card p{
    line-height:1.9;
}


/* Finalne style artykułów i kafelków */
.article-list .card{
    height:100%;
}
.article-list .article-link{
    display:block;
    height:100%;
    text-decoration:none;
    color:inherit;
}
.article-list .article-link h3{
    color:var(--brand-dark);
}
.article-list .card{
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.article-list .card:hover{
    transform:translateY(-3px);
    border-color:rgba(0,133,111,.35);
    box-shadow:0 24px 60px rgba(2,40,32,.14);
}
.article-detail{
    max-width:900px;
    margin:0 auto;
}
.article-detail .card{
    padding:clamp(1.4rem,3vw,2.4rem);
}
.article-detail h2{
    margin-top:2rem;
    color:var(--brand-dark);
    font-size:clamp(1.45rem,2.5vw,2rem);
    line-height:1.2;
}
.article-detail p{
    font-size:1.06rem;
    line-height:1.9;
    margin:1rem 0;
    color:#243a42;
}
.article-detail ul{
    margin:1rem 0 1.3rem;
    padding-left:1.4rem;
    line-height:1.9;
}
.article-detail li{
    margin:.25rem 0;
}
.article-detail .article-intro{
    font-size:1.18rem;
    color:#314850;
}
.article-detail .article-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    margin-top:2rem;
}
.service-card p{
    line-height:1.9;
}
@media(max-width:860px){
    .article-detail .card{
        padding:1.15rem;
    }
    .article-detail p,
    .article-detail li{
        font-size:1rem !important;
        line-height:1.75 !important;
    }
}


/* Finalne style kafelków i artykułów */
.article-list .card{height:100%;}
.article-list .article-link{display:block;height:100%;text-decoration:none;color:inherit;}
.article-list .article-link h3{color:var(--brand-dark);}
.article-list .card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.article-list .card:hover{transform:translateY(-3px);border-color:rgba(0,133,111,.35);box-shadow:0 24px 60px rgba(2,40,32,.14);}
.article-detail{max-width:900px;margin:0 auto;}
.article-detail .card{padding:clamp(1.4rem,3vw,2.4rem);}
.article-detail p{font-size:1.06rem;line-height:1.9;margin:1rem 0;color:#243a42;}
.article-detail .article-intro{font-size:1.18rem;color:#314850;}
.article-detail .article-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;}
@media(max-width:860px){.article-detail .card{padding:1.15rem}.article-detail p{font-size:1rem!important;line-height:1.75!important}}


/* Grafiki w artykule: rehabilitacja po udarze */
.stroke-article-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.5rem;
    align-items:center;
    margin:1.8rem 0;
}
.stroke-article-grid.reverse .stroke-article-image{
    order:2;
}
.stroke-article-image{
    width:100%;
    border-radius:22px;
    box-shadow:0 18px 45px rgba(2,40,32,.12);
    border:1px solid rgba(15,118,110,.12);
}
.stroke-article-note{
    background:linear-gradient(135deg, rgba(15,118,110,.08), rgba(59,130,246,.08));
    border:1px solid rgba(15,118,110,.12);
    border-radius:22px;
    padding:1.25rem;
    margin:1.8rem 0;
}
@media(max-width:760px){
    .stroke-article-grid,
    .stroke-article-grid.reverse{
        grid-template-columns:1fr;
    }
    .stroke-article-grid.reverse .stroke-article-image{
        order:0;
    }
}


/* Grafiki w artykule: rehabilitacja po endoprotezie biodra */
.hip-article-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.5rem;
    align-items:center;
    margin:1.8rem 0;
}
.hip-article-grid.reverse .hip-article-image{
    order:2;
}
.hip-article-image{
    width:100%;
    border-radius:22px;
    box-shadow:0 18px 45px rgba(2,40,32,.12);
    border:1px solid rgba(15,118,110,.12);
    display:block;
}
.hip-article-note{
    background:linear-gradient(135deg, rgba(15,118,110,.08), rgba(59,130,246,.08));
    border:1px solid rgba(15,118,110,.12);
    border-radius:22px;
    padding:1.25rem;
    margin:1.8rem 0;
}
@media(max-width:760px){
    .hip-article-grid,
    .hip-article-grid.reverse{
        grid-template-columns:1fr;
    }
    .hip-article-grid.reverse .hip-article-image{
        order:0;
    }
}








.contact-opening-hours{
  margin:18px 0 22px;
  padding:18px 20px;
  border-radius:14px;
  background:#f4f8fc;
  border-left:4px solid #0b2c5f;
  color:#18324a;
}
.contact-opening-hours h3{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.3;
  color:#0b2c5f;
}
.contact-opening-hours p{
  margin:4px 0;
  line-height:1.5;
}


.contact-hours-box{
margin-top:20px;
padding:18px;
background:#f5f8fc;
border-radius:12px;
border-left:4px solid #0b2c5f;
}

.contact-hours-box h3{
margin-bottom:10px;
color:#0b2c5f;
font-size:20px;
}

.contact-hours-box p{
margin:4px 0;
line-height:1.5;
}



/* Responsive/SEO usability fixes */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}
img{display:block}
a,button{touch-action:manipulation}
.container,.wrapper,.content,.section,.main,.page,.page-content,main,section{
  max-width:100%;
}
p,li{
  overflow-wrap:break-word;
}
.article-content img,
.blog-content img,
main img{
  width:100%;
  max-width:920px;
  height:auto;
  object-fit:cover;
  border-radius:14px;
}
.contact-hours-box{
  margin:18px 0 22px;
  padding:18px 20px;
  border-radius:14px;
  background:#f4f8fc;
  border-left:4px solid #0b2c5f;
  color:#18324a;
}
.contact-hours-box h3{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.3;
  color:#0b2c5f;
}
.contact-hours-box p{
  margin:4px 0;
  line-height:1.5;
}
@media (max-width:1024px){
  .container,.wrapper,.content,main,section{
    width:100%;
  }
  .grid,.cards,.services-grid,.features-grid,.blog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px;
  }
}
@media (max-width:768px){
  body{
    font-size:16px;
    line-height:1.55;
  }
  h1{font-size:clamp(28px,8vw,40px);line-height:1.15}
  h2{font-size:clamp(24px,6vw,32px);line-height:1.2}
  h3{font-size:clamp(20px,5vw,26px);line-height:1.25}
  .container,.wrapper,.content,main,section{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .grid,.cards,.services-grid,.features-grid,.blog-grid,
  .hero,.hero-content,.two-columns,.columns,.row{
    display:block !important;
  }
  .card,.box,.service-card,.feature-card{
    margin-bottom:18px;
  }
  nav ul,.nav ul,.menu{
    flex-wrap:wrap;
    gap:10px;
  }
  .article-content img,
  .blog-content img,
  main img{
    max-width:100%;
    margin:18px auto;
  }
  table{
    display:block;
    width:100%;
    overflow-x:auto;
  }
}
@media (max-width:480px){
  body{font-size:15.5px}
  .container,.wrapper,.content,main,section{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .btn,button,input,textarea,select{
    max-width:100%;
  }
  .contact-hours-box{
    padding:15px;
  }
}


/* =========================================================
   OSTATECZNA POPRAWKA: kafelki artykułów na telefonach
   Nadpisuje wcześniejsze globalne reguły z !important.
   ========================================================= */
@media (max-width: 768px){
  body.page-artykuly .article-list{
    width:100% !important;
    max-width:100% !important;
    padding:12px 14px 34px !important;
    margin:0 auto !important;
    display:block !important;
  }
  body.page-artykuly .article-list .grid,
  body.page-artykuly .article-list .grid.three{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
  body.page-artykuly .article-list .card{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:16px !important;
    overflow:hidden !important;
    border-radius:18px !important;
  }
  body.page-artykuly .article-list .article-link{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
  }
  body.page-artykuly .article-list h3{
    display:block !important;
    max-width:100% !important;
    margin:0 0 8px !important;
    font-size:20px !important;
    line-height:1.25 !important;
    letter-spacing:-0.01em !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    hyphens:auto !important;
  }
  body.page-artykuly .article-list p{
    display:block !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:15.5px !important;
    line-height:1.55 !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    hyphens:auto !important;
  }
}
@media (max-width: 390px){
  body.page-artykuly .article-list{padding-left:12px !important;padding-right:12px !important;}
  body.page-artykuly .article-list .card{padding:14px !important;}
  body.page-artykuly .article-list h3{font-size:19px !important;}
  body.page-artykuly .article-list p{font-size:15px !important;}
}

/* Grafiki: uszkodzenia nerwów obwodowych */
.nerve-article-figure{margin:2rem 0 2.25rem;padding:0;background:#f7fbfb;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 14px 36px rgba(2,40,32,.09)}
.nerve-article-figure img{display:block;width:100%;max-width:none;height:auto;border-radius:0;object-fit:contain;background:#eef7f8}
.nerve-article-figure figcaption{padding:.8rem 1rem;color:#4c666e;font-size:.9rem;line-height:1.55;text-align:center}
.article-detail h3{margin:1.55rem 0 .55rem;color:#0b5f52;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.3}
@media(max-width:860px){.nerve-article-figure{margin:1.4rem 0 1.7rem;border-radius:14px}.nerve-article-figure figcaption{font-size:.84rem!important;line-height:1.5!important;padding:.7rem .8rem}}

/* Uszkodzenie rdzenia kręgowego — grafiki w artykule */
.spinal-article-figure{margin:2rem 0 2.25rem;padding:0;background:#f7fbfb;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 14px 36px rgba(2,40,32,.09)}
.spinal-article-figure img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:3/2;object-fit:contain;background:#eef7f8}
.spinal-article-figure figcaption{padding:.85rem 1rem;color:#4c666e;font-size:.9rem;line-height:1.55;text-align:center}
@media(max-width:860px){.spinal-article-figure{margin:1.4rem 0 1.7rem;border-radius:14px}.spinal-article-figure figcaption{font-size:.84rem!important;line-height:1.5!important;padding:.7rem .8rem}}


/* Grafiki w artykułach – spójny styl RWD */
.article-media-figure{margin:2rem 0 2.25rem;padding:0;background:#f7fbfb;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 14px 36px rgba(2,40,32,.09)}
.article-media-figure img{display:block;width:100%;max-width:none;height:auto;object-fit:contain;background:#eef7f8}
.article-media-figure figcaption{padding:.85rem 1rem;color:#4c666e;font-size:.9rem;line-height:1.55;text-align:center}
@media(max-width:860px){.article-media-figure{margin:1.4rem 0 1.7rem;border-radius:14px}.article-media-figure figcaption{font-size:.84rem!important;line-height:1.5!important;padding:.7rem .8rem}}
