/* v1.3: full-width escape from the active theme/Gutenberg content column */
.sth12{
 width:100vw!important;
 max-width:none!important;
 position:relative!important;
 left:50%!important;
 right:50%!important;
 margin-left:-50vw!important;
 margin-right:-50vw!important;
 overflow:hidden!important;
}
.sth12-head{width:100%!important}
.sth12-wrap{width:100%!important;max-width:1280px!important}
.sth12-nav{min-height:92px!important}
.sth12-nav img{width:330px!important;height:76px!important;max-height:76px!important;object-fit:contain!important;object-position:left center!important}
.sth12-hero{width:100%!important}
.sth12-grid{min-height:590px!important;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr)!important}
.sth12-visual{width:100%!important;max-width:480px!important;justify-self:end!important}
@media(max-width:900px){
 .sth12-nav img{width:260px!important;height:66px!important}
 .sth12-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
 .sth12{width:100vw!important}
 .sth12-nav img{width:220px!important;height:60px!important}
}

.sth12{--n:#071b31;--r:#d81f2a;font-family:Arial,sans-serif;color:#0b1c31}.sth12 *{box-sizing:border-box}.sth12-wrap{max-width:1200px;margin:auto;padding:0 26px}.sth12-head{background:#fff}.sth12-nav{height:82px;display:flex;align-items:center}.sth12-nav img{width:245px;max-height:65px;object-fit:contain}.sth12-nav nav{display:flex;gap:24px;margin-left:auto}.sth12-nav a{text-decoration:none;color:#0b1c31;font-size:12px;font-weight:800}.sth12-hero{background:linear-gradient(115deg,#06182d,#0b3155);color:#fff}.sth12-grid{min-height:530px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}.sth12-hero small{color:#39a7c8;font-weight:900}.sth12 h1{font-size:50px;line-height:1.08;margin:12px 0 20px}.sth12 h1 span,.sth12 h2 span{color:#3e8ef7}.sth12-hero p{font-size:18px;max-width:680px}.sth12-trust{display:flex;gap:22px;flex-wrap:wrap;margin:30px 0;font-size:11px}.sth12-btn{display:inline-block;padding:16px 23px;margin:4px;text-decoration:none!important;color:#fff!important;font-weight:800;border-radius:4px}.sth12-btn.red{background:#d81f2a}.sth12-btn.outline{border:1px solid #fff}.sth12-btn.blue{background:#145bc9}.sth12-visual{height:350px;border-radius:22px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:36px;font-weight:900;background:radial-gradient(circle,#1d5276,#07182a)}.sth12-visual span{font-size:18px;color:#39a7c8}.sth12-services{padding:70px 0}.sth12-title{text-align:center}.sth12-title small,.sth12-calc small{color:#d81f2a;font-weight:900}.sth12-title h2{font-size:34px}.sth12-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.sth12-cards article{display:flex;gap:18px;padding:27px;border:1px solid #e3e8ed;box-shadow:0 5px 18px #00152b0d;min-height:165px}.sth12-cards i{font-style:normal;font-size:40px}.sth12-cards p{font-size:13px;color:#526173}.sth12-why{background:#071b31;color:#fff;padding:52px 0}.sth12-whygrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr)}.sth12-whygrid>div{padding:10px 20px}.sth12-why small{color:#ff3131}.sth12-why p{font-size:12px}.sth12-calc{background:#f3f7fb;padding:48px 0}.sth12-calcgrid{display:flex;align-items:center;justify-content:space-between}.sth12-foot{background:#06182d;color:#dbe7f3;padding:44px 0}.sth12-footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.sth12-foot img{width:260px;background:#fff;padding:5px}
@media(max-width:900px){.sth12-nav nav{display:none}.sth12-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.sth12-visual{display:none}.sth12-cards{grid-template-columns:1fr 1fr}.sth12-whygrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sth12 h1{font-size:33px}.sth12-cards,.sth12-whygrid,.sth12-footgrid{grid-template-columns:1fr}.sth12-calcgrid{display:block}.sth12-btn{width:100%;text-align:center}}

/* v1.5 — poprawka integracji z motywem i logo */

/* Ukrycie typowego nagłówka motywu tylko na stronie zawierającej nasz shortcode. */
body:has(.sth12) .wp-site-blocks > header,
body:has(.sth12) header.wp-block-template-part,
body:has(.sth12) .site-header,
body:has(.sth12) #masthead {
    display:none!important;
}
body:has(.sth12) main,
body:has(.sth12) .wp-site-blocks,
body:has(.sth12) .entry-content,
body:has(.sth12) .wp-block-post-content,
body:has(.sth12) .wp-block-shortcode {
    margin-top:0!important;
    padding-top:0!important;
}
body:has(.sth12) .wp-block-post-content,
body:has(.sth12) .entry-content {
    max-width:none!important;
}

/* Logo po przycięciu białych marginesów. */
.sth12-nav{min-height:94px!important}
.sth12-nav img{
    width:340px!important;
    height:68px!important;
    max-height:68px!important;
    object-fit:contain!important;
    object-position:left center!important;
}

/* Hero */
.sth12-grid{
    min-height:590px!important;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
}
.sth12 h1{
    color:#fff!important;
    font-size:54px!important;
    letter-spacing:-1px;
}
.sth12 h1 span{color:#3d8cff!important}

/* Zamiast sztucznego rysunku urządzeń: czysta, techniczna grafika marki. */
.sth12-visual{
    height:430px!important;
    width:100%!important;
    max-width:560px!important;
    justify-self:end!important;
    position:relative!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:
      linear-gradient(135deg,rgba(20,92,160,.24),rgba(4,20,35,.88)),
      repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,255,255,.045) 39px 40px),
      repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.045) 39px 40px),
      #081a2c!important;
    box-shadow:0 24px 60px rgba(0,0,0,.25)!important;
}
.sth12-techpanel{position:absolute;inset:0;padding:48px;display:flex;flex-direction:column;justify-content:flex-end}
.sth12-techmark{font-weight:900;font-size:34px;letter-spacing:1px;color:#fff}
.sth12-techline{font-weight:800;font-size:16px;letter-spacing:4px;color:#39a7c8;margin-top:8px}
.sth12-ring{position:absolute;border:1px solid rgba(57,167,200,.30);border-radius:50%}
.sth12-ring.r1{width:260px;height:260px;right:-70px;top:-55px}
.sth12-ring.r2{width:180px;height:180px;right:-25px;top:-15px}
.sth12-ring.r3{width:100px;height:100px;right:20px;top:30px}

/* Pasek korzyści bez informacji o doświadczeniu. */
.sth12-whygrid{grid-template-columns:repeat(4,1fr)!important}
.sth12-whygrid>div{border-right:1px solid rgba(255,255,255,.16);padding:18px 26px!important}
.sth12-whygrid>div:last-child{border-right:0}
.sth12-whygrid b{font-size:13px;color:#fff}
.sth12-whygrid p{color:#dbe6ef!important;line-height:1.6}

/* Karty trochę czytelniejsze. */
.sth12-cards article{background:#fff!important;border-radius:8px}
.sth12-cards h3{font-size:18px!important}

@media(max-width:900px){
  .sth12-nav img{width:280px!important;height:60px!important}
  .sth12-grid{grid-template-columns:1fr!important}
  .sth12-visual{display:none!important}
  .sth12 h1{font-size:42px!important}
  .sth12-whygrid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .sth12-nav img{width:230px!important;height:54px!important}
  .sth12 h1{font-size:34px!important}
  .sth12-whygrid{grid-template-columns:1fr!important}
}

/* v1.6 — odwzorowanie zaakceptowanego układu ze screena */
body:has(.sth12){
  background:#f5f5f5!important;
}
.sth12{
  width:min(1180px, calc(100vw - 28px))!important;
  max-width:1180px!important;
  left:auto!important;
  right:auto!important;
  margin:28px auto!important;
  border-radius:34px!important;
  overflow:hidden!important;
  box-shadow:0 12px 34px rgba(0,0,0,.13)!important;
  background:#fff!important;
}
.sth12-wrap{
  max-width:1080px!important;
  padding-left:28px!important;
  padding-right:28px!important;
}
.sth12-head{
  background:#fff!important;
  border-bottom:1px solid #e8edf2!important;
}
.sth12-nav{
  min-height:74px!important;
  height:74px!important;
}
.sth12-nav img{
  width:245px!important;
  height:48px!important;
}
.sth12-nav nav{
  gap:24px!important;
}
.sth12-nav a{
  font-size:11px!important;
  letter-spacing:.1px!important;
}

.sth12-hero{
  background:linear-gradient(110deg,#07182b 0%,#082640 58%,#071522 100%)!important;
}
.sth12-grid{
  min-height:430px!important;
  grid-template-columns:1fr 1fr!important;
  gap:28px!important;
}
.sth12 h1{
  font-size:42px!important;
  line-height:1.02!important;
  margin:10px 0 14px!important;
}
.sth12-hero p{
  font-size:15px!important;
  line-height:1.55!important;
  max-width:520px!important;
}
.sth12-trust{
  gap:18px!important;
  margin:22px 0!important;
  font-size:10px!important;
}
.sth12-btn{
  padding:13px 20px!important;
  font-size:13px!important;
  border-radius:3px!important;
}
.sth12-visual{
  height:355px!important;
  max-width:500px!important;
  border-radius:0!important;
  background:
      linear-gradient(90deg,rgba(3,16,28,.18),rgba(3,16,28,.05)),
      url("hero-equipment.jpg") center/cover no-repeat,
      #0a1b2a!important;
  box-shadow:none!important;
}
.sth12-techpanel{display:none!important}

.sth12-services{
  padding:34px 0 28px!important;
  background:#fff!important;
}
.sth12-title h2{
  font-size:27px!important;
  margin:4px 0 24px!important;
}
.sth12-title small{
  font-size:11px!important;
}
.sth12-cards{
  grid-template-columns:repeat(6,1fr)!important;
  gap:10px!important;
  margin-top:18px!important;
}
.sth12-cards article{
  display:block!important;
  text-align:center!important;
  padding:18px 12px!important;
  min-height:190px!important;
  border-radius:6px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.05)!important;
}
.sth12-cards i{
  display:block!important;
  margin-bottom:8px!important;
  font-size:30px!important;
}
.sth12-cards h3{
  font-size:13px!important;
  line-height:1.15!important;
  margin:5px 0 8px!important;
}
.sth12-cards p{
  font-size:10.5px!important;
  line-height:1.45!important;
  margin:0!important;
}

.sth12-why{
  padding:0 0 16px!important;
  background:#fff!important;
}
.sth12-whygrid{
  background:#071b31!important;
  border-radius:10px!important;
  padding:15px 12px!important;
  grid-template-columns:repeat(4,1fr)!important;
}
.sth12-whygrid>div{
  padding:4px 18px!important;
}
.sth12-whygrid b{
  font-size:11px!important;
}
.sth12-whygrid p{
  font-size:10px!important;
  margin:5px 0 0!important;
}

.sth12-calc,
.sth12-foot{
  display:none!important;
}

@media(max-width:1000px){
  .sth12-cards{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:800px){
  .sth12{width:calc(100vw - 18px)!important;margin:12px auto!important;border-radius:24px!important}
  .sth12-nav nav{display:none!important}
  .sth12-grid{grid-template-columns:1fr!important;min-height:auto!important;padding-top:38px!important;padding-bottom:38px!important}
  .sth12-visual{display:none!important}
  .sth12 h1{font-size:36px!important}
  .sth12-cards{grid-template-columns:repeat(2,1fr)!important}
  .sth12-whygrid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  .sth12-cards{grid-template-columns:1fr!important}
  .sth12-whygrid{grid-template-columns:1fr!important}
  .sth12-nav img{width:205px!important}
  .sth12 h1{font-size:31px!important}
}

/* v1.7 — realistyczne hero zgodne z zaakceptowaną wizualizacją */
.sth12-visual{
  display:block!important;
  height:430px!important;
  max-width:560px!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(5,24,43,.15),rgba(5,24,43,0)),
    url("hero-installation.jpg") center center/cover no-repeat!important;
  box-shadow:none!important;
}
.sth12-techpanel,.sth12-machine{display:none!important}
.sth12-grid{min-height:470px!important}
.sth12 h1{font-size:46px!important;line-height:1.03!important}
.sth12-hero p{font-size:15.5px!important}
.sth12-nav img{width:265px!important;height:52px!important}
@media(max-width:800px){
 .sth12-visual{display:none!important}
 .sth12-grid{grid-template-columns:1fr!important}
}

/* v1.8 FINAL — kosmetyka desktop + czytelność */
.sth12{
  width:min(1320px, calc(100vw - 34px))!important;
  max-width:1320px!important;
}
.sth12-wrap{
  max-width:1200px!important;
  padding-left:34px!important;
  padding-right:34px!important;
}
.sth12-nav{
  min-height:82px!important;
  height:82px!important;
}
.sth12-nav img{
  width:300px!important;
  height:58px!important;
}
.sth12-nav nav{
  gap:28px!important;
}
.sth12-nav a{
  font-size:12px!important;
}
.sth12-grid{
  min-height:505px!important;
  grid-template-columns:minmax(0,1.03fr) minmax(480px,.97fr)!important;
  gap:34px!important;
}
.sth12 h1{
  font-size:50px!important;
  line-height:1.02!important;
}
.sth12-hero p{
  font-size:16px!important;
  line-height:1.55!important;
}
.sth12-trust{
  font-size:10.5px!important;
}
.sth12-visual{
  height:455px!important;
  max-width:610px!important;
  background-position:center center!important;
  background-size:cover!important;
}
.sth12-services{
  padding-top:38px!important;
}
.sth12-title h2{
  font-size:29px!important;
}
.sth12-cards{
  gap:12px!important;
}
.sth12-cards article{
  min-height:205px!important;
  padding:20px 14px!important;
}
.sth12-cards h3{
  font-size:14px!important;
}
.sth12-cards p{
  font-size:11.5px!important;
  line-height:1.5!important;
}
.sth12-cards i{
  font-size:32px!important;
}
.sth12-whygrid b{
  font-size:11.5px!important;
}
.sth12-whygrid p{
  font-size:10.5px!important;
}
@media(max-width:1000px){
  .sth12{width:calc(100vw - 24px)!important}
  .sth12-grid{grid-template-columns:1fr!important}
  .sth12-visual{display:none!important}
}
@media(max-width:800px){
  .sth12-nav img{width:250px!important;height:52px!important}
  .sth12 h1{font-size:38px!important}
}
@media(max-width:520px){
  .sth12{width:calc(100vw - 12px)!important;margin:8px auto!important}
  .sth12-wrap{padding-left:20px!important;padding-right:20px!important}
  .sth12 h1{font-size:32px!important}
}

.sth19-gallery{max-width:1320px;margin:30px auto;padding:42px;background:#fff;border-radius:28px;font-family:Arial;text-align:center}.sth19-gallery h1{color:#071b31}.sth19-gallery h1 span{color:#3d8cff}.sth19-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.sth19-grid a{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:#071b31;color:#fff;text-decoration:none}.sth19-grid img{width:100%;height:100%;object-fit:cover}.sth19-grid b{position:absolute;left:0;right:0;bottom:0;padding:25px 12px 12px;background:linear-gradient(transparent,#000b)}@media(max-width:800px){.sth19-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.sth19-grid{grid-template-columns:1fr}}

.sth111-company-footer{max-width:1200px;margin:0 auto 0;padding:28px 34px;background:#061d34;color:#fff;display:grid;grid-template-columns:2fr 1.2fr .7fr 1.3fr;gap:28px;font-family:Arial,sans-serif;font-size:13px;line-height:1.65;border-radius:0 0 12px 12px}.sth111-company-footer strong{font-size:12px;text-transform:uppercase}.sth111-company-footer a{color:#fff;text-decoration:none}.sth111-contact{max-width:850px;margin:34px auto;padding:44px;background:#fff;border-radius:24px;box-shadow:0 12px 34px #00000014;font-family:Arial,sans-serif}.sth111-contact-head{text-align:center;margin-bottom:30px}.sth111-contact-head small{font-weight:900;color:#39a7c8}.sth111-contact-head h1{font-size:36px;color:#071b31;margin:8px 0}.sth111-contact-head h1 span{color:#3d8cff}.sth111-contact-head p{color:#526173}.sth111-form{display:grid;gap:18px}.sth111-form label{display:grid;gap:7px;font-weight:800;color:#071b31}.sth111-form input,.sth111-form textarea{width:100%;box-sizing:border-box;border:1px solid #ccd7e1;border-radius:7px;padding:13px 14px;font:inherit;background:#fff}.sth111-form textarea{resize:vertical}.sth111-form button{justify-self:start;border:0;border-radius:4px;padding:14px 22px;background:#d81f2a;color:#fff;font-weight:900;cursor:pointer}.sth111-success{margin-bottom:20px;padding:14px;background:#eef8f1;border-radius:7px;color:#176b38;font-weight:700}@media(max-width:760px){.sth111-company-footer{grid-template-columns:1fr;padding:24px 20px}.sth111-contact{margin:12px;padding:28px 18px}.sth111-contact-head h1{font-size:29px}}

/* v1.12 kontakt: duże pole zapytania + tylko powrót do strony głównej */
body.stoktech-contact-page .wp-site-blocks > header,
body.stoktech-contact-page header.wp-block-template-part,
body.stoktech-contact-page .site-header,
body.stoktech-contact-page #masthead,
body.stoktech-contact-page .wp-site-blocks > footer,
body.stoktech-contact-page footer.wp-block-template-part,
body.stoktech-contact-page .site-footer,
body.stoktech-contact-page #colophon{display:none!important}
body.stoktech-contact-page main,
body.stoktech-contact-page .wp-site-blocks,
body.stoktech-contact-page .entry-content{margin-top:0!important;padding-top:0!important}
.sth112-home-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:26px;color:#071b31;text-decoration:none;font-weight:900;font-size:13px;letter-spacing:.02em}
.sth112-home-link:hover{text-decoration:underline}
.sth111-form textarea{min-height:260px!important;width:100%!important;resize:vertical!important}
.sth111-form input{min-height:48px!important}
.sth111-form button{min-height:48px;font-size:14px}
@media(max-width:760px){.sth111-form textarea{min-height:220px!important}}

/* v1.13 - prosta galeria oparta o natywny blok WordPress */
body.stoktech-gallery-page .wp-site-blocks > header,
body.stoktech-gallery-page header.wp-block-template-part,
body.stoktech-gallery-page .site-header,
body.stoktech-gallery-page #masthead{display:none!important}
.sth113-gallery-shell{max-width:1200px;margin:24px auto 10px;padding:28px 32px 10px;font-family:Arial,sans-serif}
.sth113-gallery-head{text-align:center}.sth113-gallery-head small{font-weight:900;color:#39a7c8}.sth113-gallery-head h1{margin:8px 0;font-size:38px;color:#071b31}.sth113-gallery-head h1 span{color:#3d8cff}.sth113-gallery-head p{color:#526173}.sth113-gallery-note{display:none}
body.stoktech-gallery-page .wp-block-gallery{max-width:1200px!important;margin:24px auto 50px!important;gap:14px!important}
body.stoktech-gallery-page .wp-block-gallery figure.wp-block-image{border-radius:9px;overflow:hidden}
body.stoktech-gallery-page .wp-block-gallery img{transition:transform .22s ease}
body.stoktech-gallery-page .wp-block-gallery a:hover img{transform:scale(1.025)}
@media(max-width:760px){.sth113-gallery-shell{padding:20px 16px}.sth113-gallery-head h1{font-size:30px}body.stoktech-gallery-page .wp-block-gallery{padding:0 14px}}

/* v1.14 licznik wizyt */
.sth114-counter{
  max-width:1200px;
  margin:0 auto 24px;
  padding:10px 34px 14px;
  display:flex;
  justify-content:flex-end;
  gap:18px;
  flex-wrap:wrap;
  font-family:Arial,sans-serif;
  font-size:11px;
  color:#667789;
}
.sth114-counter strong{color:#071b31}
@media(max-width:760px){
  .sth114-counter{justify-content:center;padding:10px 18px 18px}
}