@import url('/css/wb-panel.css');

/* Strona /sterowniki/ — ten sam układ co sekcja na homepage przed przeniesieniem */
:root {
  --g-dk:#1e2124; --g-d2:#272b30; --g-d3:#2f343a; --g-brd:rgba(255,255,255,0.09);
  --t1:#edf0f4; --t2:#b8c2cc; --t3:#7a8a96;
  --blu:#2a9ed8; --blu-lt:#5bbfe8; --blu-dk:#1470a8; --grn:#3cb86a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:'DM Sans',sans-serif;background:var(--g-dk);color:var(--t1);line-height:1.6;overflow-x:hidden}
a{color:var(--blu-lt)}
section{padding:7rem 4rem}
.section-inner{max-width:1200px;margin:0 auto;width:100%}
.section-tag{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#52c97a;margin-bottom:.9rem}
h1,h2{font-family:'DM Serif Display',Georgia,serif;line-height:1.2;color:var(--t1);margin-bottom:1.2rem}
h1{font-size:clamp(2rem,3.5vw,2.8rem)}
h1 em,h2 em{font-style:italic;color:var(--blu-lt)}
.section-lead{font-size:1.02rem;line-height:1.75;font-weight:300;color:var(--t2);max-width:640px;margin-bottom:3rem}
.breadcrumb{padding:1.25rem 4rem;font-size:.82rem;color:var(--t3);max-width:1200px;margin:0 auto}
.breadcrumb a{color:var(--t2);text-decoration:none}
.breadcrumb a:hover{color:var(--blu-lt)}
.sterowniki-main{background:var(--g-d2)}
.barth-spec{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--g-brd);font-size:.82rem;color:var(--t3);font-weight:300;line-height:1.6}
.barth-spec a{font-weight:600}
footer{padding:2rem 4rem;text-align:center;font-size:.82rem;color:var(--t3);border-top:1px solid var(--g-brd)}
footer a{color:var(--t2);text-decoration:none}
footer p+p{margin-top:.35rem}
.controllers-layout{gap:4rem;margin-top:3rem}

/* Dokumentacja techniczna WaterBOX */
.waterbox-docs{
  padding:5rem 4rem 6rem;
  background:linear-gradient(180deg,var(--g-dk) 0%,#1a1d20 100%);
  border-top:1px solid var(--g-brd);
}
.waterbox-docs .section-inner{max-width:1200px}
.wb-docs-head{margin-bottom:2.5rem}
.wb-docs-head h2{font-size:clamp(1.65rem,3vw,2.1rem);margin-bottom:.85rem}
.wb-docs-lead{
  font-size:1rem;line-height:1.7;font-weight:300;color:var(--t2);
  max-width:720px;margin:0;
}
.wb-spec-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.25rem;
  align-items:start;
}
.wb-spec-card{
  background:var(--g-d2);
  border:1px solid var(--g-brd);
  border-radius:1rem;
  padding:1.35rem 1.4rem 1.1rem;
  height:100%;
  transition:border-color .2s,box-shadow .2s;
}
.wb-spec-card:hover{
  border-color:rgba(91,191,232,.28);
  box-shadow:0 8px 32px rgba(0,0,0,.22);
}
.wb-spec-card-title{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:1.12rem;
  font-weight:400;
  color:var(--blu-lt);
  margin:0 0 1rem;
  padding-bottom:.75rem;
  border-bottom:1px solid var(--g-brd);
  line-height:1.3;
}
.wb-spec-list{margin:0;padding:0}
.wb-spec-row{
  display:grid;
  grid-template-columns:minmax(9.5rem,38%) 1fr;
  gap:.65rem 1rem;
  padding:.55rem 0;
  border-bottom:1px solid rgba(255,255,255,.05);
  align-items:baseline;
}
.wb-spec-row:last-child{border-bottom:none;padding-bottom:0}
.wb-spec-row dt{
  margin:0;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--t1);
  line-height:1.45;
}
.wb-spec-row dd{
  margin:0;
  font-size:.84rem;
  font-weight:300;
  color:var(--t2);
  line-height:1.55;
  text-align:left;
}
.wb-docs-footnote{
  margin-top:2rem;
  padding-top:1.25rem;
  border-top:1px solid var(--g-brd);
  font-size:.8rem;
  color:var(--t3);
  font-weight:300;
  line-height:1.6;
  max-width:720px;
}

@media(max-width:1024px){
  .waterbox-docs{padding:4rem 2rem 5rem}
  .wb-spec-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .waterbox-docs{padding:3.5rem 1.25rem 4rem}
  .wb-spec-row{
    grid-template-columns:1fr;
    gap:.25rem;
    padding:.65rem 0;
  }
  .wb-spec-row dt{font-size:.7rem;color:var(--blu-lt)}
}

@media(max-width:1024px){section{padding:5rem 2rem}.breadcrumb{padding:1.25rem 2rem}}
@media(max-width:768px){section{padding:4rem 1.25rem}.breadcrumb{padding:1rem 1.25rem}}