/* TrialCore – arkusz stylów odwzorowujący dotychczasowy wygląd strony (motyw Engitech + Elementor),
   napisany od zera: bez Bootstrapa, jQuery, fontów ikon i wtyczek. */

/* ---------- Fonty (lokalne, tylko alfabet łaciński + znaki polskie) ---------- */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500 900;font-display:swap;src:url(../fonts/montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+2122}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500 900;font-display:swap;src:url(../fonts/montserrat-pl.woff2) format('woff2');unicode-range:U+0104-0107,U+0118-0119,U+0141-0144,U+015A-015B,U+0179-017C}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/nunito-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+2122}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/nunito-sans-pl.woff2) format('woff2');unicode-range:U+0104-0107,U+0118-0119,U+0141-0144,U+015A-015B,U+0179-017C}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/nunito-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+2122}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/nunito-pl.woff2) format('woff2');unicode-range:U+0104-0107,U+0118-0119,U+0141-0144,U+015A-015B,U+0179-017C}

:root{
  --blue:#43baff; --purple:#7141b1; --dark:#1b1d21; --text:#6d6d6d;
  --navy:#211e3b; --navy-2:#221f3c; --navy-card:#262051; --navy-line:#46416b; --navy-num:#332d5f;
  --topbar:#141d38; --muted:#aeaacb; --grey-bg:#f8f8f8;
  --ff-body:"Nunito Sans",sans-serif; --ff-head:"Montserrat",sans-serif;
}

/* ---------- Reset / baza ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--text);font:400 16px/1.875 var(--ff-body);
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:clip;word-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--purple);text-decoration:none;transition:all .3s linear}
a:hover,a:focus,a:active{color:var(--blue)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
main:focus{outline:none}
h1,h2,h3,h4,h5,h6,.h4,.h5,.h6{font-family:var(--ff-head);font-weight:800;line-height:1.2;margin:0 0 20px;color:var(--dark)}
h1{font-size:48px}h2{font-size:36px}h3{font-size:30px}
h4,.h4{font-size:24px;font-weight:700}
h5,.h5{font-size:20px;font-weight:700}
h6,.h6{font-size:18px;font-weight:700}
p{margin:0 0 20px}
ul{margin:0 0 20px}
button,input,select,textarea{font:inherit;color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:8px;top:-60px;z-index:10000;background:var(--navy);color:#fff;padding:8px 16px}
.skip-link:focus{top:8px;color:#fff}
.ico{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex:none}
.center{text-align:center}
.font14{font-size:14px;line-height:26.25px}

/* Kontener jak w Bootstrapie/Elementorze: 1140 / 970 / 750 */
.container{width:100%;margin:0 auto;padding:0 15px}
@media (min-width:768px){.container{max-width:780px}}
@media (min-width:992px){.container{max-width:1000px}}
@media (min-width:1200px){.container{max-width:1170px}}
.container.narrow{max-width:850px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.row>.col{flex:1 1 50%;min-width:0;padding:0 15px}
.align-center{align-items:center}
.spacer-50{height:50px}

/* ---------- Przyciski ---------- */
.octf-btn{display:inline-block;font-size:14px;font-weight:700;line-height:1.42857143;padding:14px 30px;
  text-transform:uppercase;white-space:nowrap;text-align:center;vertical-align:middle;cursor:pointer;
  background:var(--blue);color:#fff;border:1px solid transparent;outline:none;transition:all .3s linear}
.octf-btn:visited{color:#fff}
.octf-btn:hover,.octf-btn:focus{background:var(--purple);color:#fff}
.octf-btn-second{background:var(--purple)}
.octf-btn-second:hover,.octf-btn-second:focus{background:var(--blue)}
.octf-btn-light{background:#fff;color:var(--dark);font-weight:800}
.octf-btn-light:hover,.octf-btn-light:focus{background:var(--purple);color:#fff}
.octf-btn[disabled]{opacity:.7;cursor:progress}
.btn-details{display:inline-flex;align-items:center;font-size:14px;font-weight:700;color:var(--blue)}
.btn-details:visited{color:var(--blue)}
.btn-details .ico{width:15px;height:15px;margin-right:8px;transition:margin .2s linear}
.btn-details:hover .ico{margin-right:3px}

/* ---------- Nagłówki sekcji ---------- */
.ot-heading>span{display:inline-block;font-size:14px;font-weight:800;line-height:26.25px;color:var(--purple);margin-bottom:2px;text-transform:uppercase}
.ot-heading h2{margin-bottom:0;line-height:48px}
.ot-heading.center{text-align:center}
.ot-heading.light>span{color:#8e88b8}
.ot-heading.light h2{color:#fff}
@media (max-width:767px){
  .ot-heading>span{font-size:12px}
  .ot-heading h2{font-size:27px;line-height:38px}
}
@media (max-width:600px){.ot-heading h2 br{display:none}}

/* ---------- Górny pasek ---------- */
.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--topbar);padding:0 50px;min-height:41px}
.topbar-info{display:flex;list-style:none;margin:0 -20px;padding:0}
.topbar-info li{display:flex;align-items:center;margin:0 20px;font-size:14px;font-weight:600;line-height:41px;color:#b5b5b5}
.topbar-info a{display:flex;align-items:center;color:#b5b5b5}
.topbar-info a:hover{color:#fff}
.topbar-info .ico{width:13px;height:13px;color:#fff;margin-right:10px}

/* ---------- Nagłówek (desktop) ---------- */
.site-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid rgba(20,29,56,.15);transition:box-shadow .3s}
.site-header.is-stuck{box-shadow:2px 2px 15px 0 rgba(42,67,113,.15)}
.header-inner{display:flex;align-items:stretch;padding:0 50px;min-height:99px}
.the-logo{display:flex;align-items:center;min-width:175px;margin-right:20px}
.the-logo .logo-desktop{width:145px}
.the-logo .logo-mobile{display:none}
.main-navigation{flex:1;display:flex}
.main-navigation ul{display:flex;list-style:none;margin:0;padding:0}
.main-navigation li{position:relative;display:flex;align-items:center;margin:0 20px}
.main-navigation li::before{content:"";position:absolute;left:auto;right:0;bottom:-1px;width:0;height:3px;background:var(--blue);transition:width .3s linear}
.main-navigation li:hover::before,.main-navigation li.current::before{left:0;right:auto;width:100%}
.main-navigation a{display:inline-block;padding:32px 0;line-height:35px;font-weight:700;color:#1a1b1e;white-space:nowrap}
.main-navigation a:hover{color:var(--blue)}
.header-cta{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}
.call-box{display:flex;flex-direction:column;padding-left:40px;border-left:1px solid rgba(20,29,56,.23)}
.call-label{font-family:"Nunito",sans-serif;font-size:14px;font-weight:600;line-height:1.6;color:var(--text)}
.call-number{font-family:var(--ff-head);font-size:16px;font-weight:600;line-height:30px;color:var(--dark)}
.call-number:hover{color:var(--blue)}
.header-cta .octf-btn{margin-left:40px}
.mmenu-toggle{display:none}
@media (max-width:1229px){
  .main-navigation li{margin:0 14px}
  .header-inner,.topbar{padding-left:30px;padding-right:30px}
  .call-box{padding-left:25px}.header-cta .octf-btn{margin-left:25px}
}

/* ---------- Nagłówek (tablet/telefon) ---------- */
@media (max-width:1024px){
  .topbar{display:none}
  .header-inner{min-height:0;padding:13px 20px;align-items:center}
  .the-logo{min-width:0}
  .the-logo .logo-desktop{display:none}
  .the-logo .logo-mobile{display:block;width:103px}
  .main-navigation,.header-cta{display:none}
  .mmenu-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:-11px;width:48px;height:48px;padding:0;background:none;border:0;cursor:pointer}
  .mmenu-toggle .bars,.mmenu-toggle .bars::before,.mmenu-toggle .bars::after{display:block;width:26px;height:3px;background:var(--dark);position:relative;content:""}
  .mmenu-toggle .bars::before{position:absolute;top:-8px}
  .mmenu-toggle .bars::after{position:absolute;top:8px}
}
.mmenu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;transition:opacity .3s}
.mmenu-overlay.is-open{opacity:1}
.mmenu-wrapper{position:fixed;top:0;bottom:0;right:0;width:310px;max-width:86vw;height:100vh;height:100dvh;background:#fff;overflow-y:auto;z-index:9999;transform:translateX(100%);transition:transform .3s linear}
.mmenu-wrapper.mmenu-open{transform:translateX(0)}
.mmenu-inner{padding:20px 35px 35px}
.mmenu-close{display:flex;margin:0 0 10px -10px;padding:10px;background:none;border:0;color:var(--dark);cursor:pointer}
.mmenu-close .ico{width:18px;height:18px}
.mobile_mainmenu{list-style:none;margin:0;padding:0;font-weight:600}
.mobile_mainmenu li a{display:block;padding:12px 30px 12px 0;font-size:15px;color:var(--dark);border-bottom:1px solid rgba(0,0,0,.1)}
.mobile_mainmenu li.current a{color:var(--blue)}
.mmenu-contact{margin-top:25px;display:grid;gap:8px;font-size:15px}
.mmenu-contact a{display:flex;align-items:center;gap:10px;color:var(--dark);font-weight:600}
.mmenu-contact .ico{color:var(--blue);width:18px;height:18px}
.no-scroll{overflow:hidden}

/* ---------- Slider (strona główna) ---------- */
.hero-slider{position:relative;overflow:hidden;background:#3f4a5c;height:min(809px,calc(100vw * 809 / 1200));min-height:560px}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s 1s}
.slide.is-active{opacity:1;visibility:visible;transition:opacity 1s ease}
.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:4%;color:#fff}
.slide-title{margin:0 0 18px;font-family:var(--ff-head);font-weight:900;color:#fff;font-size:clamp(28px,5.58vw,67px);line-height:1.1}
.slide-text{max-width:700px;margin:0 0 34px;font-size:17px;line-height:1.6;color:#fff}
.slide-btn{align-self:flex-start;display:inline-block;padding:19px 32px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;line-height:17px;transition:all .3s}
.slide-btn:hover,.slide-btn:focus{background:var(--purple);color:#fff}
.slide.is-active .slide-title,.slide.is-active .slide-text,.slide.is-active .slide-btn{animation:slideUp .9s both}
.slide.is-active .slide-text{animation-delay:.25s}
.slide.is-active .slide-btn{animation-delay:.45s}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.slider-nav{position:absolute;left:0;right:0;bottom:clamp(40px,8vw,90px);display:flex;align-items:center;gap:14px;color:#fff;font-size:17px;font-weight:600;z-index:5}
.slider-nav button{display:flex;padding:6px;background:none;border:0;color:#fff;cursor:pointer;opacity:.9}
.slider-nav button:hover{opacity:1;color:var(--blue)}
.slider-nav .ico{width:18px;height:18px}
.sl-prev .ico{transform:scaleX(-1)}
@media (max-width:767px){
  .hero-slider{height:520px;min-height:0}
  .slide-title{font-size:28px}
  .slide-text{font-size:15px;margin-bottom:24px}
  .slide-btn{padding:14px 24px}
}
@media (prefers-reduced-motion:reduce){
  .slide,.slide.is-active{transition:none}
  .slide.is-active .slide-title,.slide.is-active .slide-text,.slide.is-active .slide-btn{animation:none}
}

/* ---------- Producenci ---------- */
.brands{background:var(--grey-bg);padding:45px 0}
.brand-list{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.brand-list::-webkit-scrollbar{display:none}
.brand-list li{flex:0 0 16.6667%;display:flex;align-items:center;justify-content:center;padding:0 10px;scroll-snap-align:start}
.brand-list img{width:118px;filter:contrast(0);opacity:.7;transition:opacity .3s}
.brand-list img:hover{opacity:1}
@media (max-width:1024px){.brand-list li{flex-basis:25%}}
@media (max-width:767px){.brands{padding:30px 0}.brand-list li{flex-basis:50%}}

/* ---------- O firmie ---------- */
.sec-about{padding:125px 0 80px}
.about-text{padding-right:85px!important}
.about-text .ot-heading{padding-bottom:15px}
.about-text .text{padding-bottom:20px}
.about-img{width:calc(100% + 382px);max-width:none;margin:-20px -360px 0 -22px}
.about-link{margin:-100px 0 0 100px;position:relative}
.about-img-mobile{display:none}
@media (max-width:1024px){
  .sec-about{padding:80px 0 40px}
  .about-text{flex-basis:100%!important;padding-right:15px!important}
  .about-media{display:none}
  .about-img-mobile{display:block;margin-top:10px}
}

/* ---------- 4 elementy ---------- */
.sec-why{background:var(--navy-2);padding:120px 0 160px}
.sec-why .ot-heading{padding-bottom:35px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:start}
.why-item{border:1px solid var(--navy-line)}
.serv-box-2{position:relative;overflow:hidden;padding:43px 30px 65px;background:var(--navy-card);color:var(--muted);transition:all .3s linear}
.serv-box-2 .big-number{position:absolute;left:-10px;top:0;font-family:var(--ff-head);font-size:100px;font-weight:800;line-height:72px;color:var(--navy-num);transition:all .3s linear}
.serv-box-2 .icon-main{position:absolute;bottom:-88px;right:-88px;width:188px;height:188px;border-radius:50%;background:var(--navy-num);color:#fff;transition:all .3s linear}
.serv-box-2 .icon-main .ico{position:absolute;top:42px;left:40px;width:35px;height:35px}
.serv-box-2 .content-box{position:relative;z-index:1}
.serv-box-2 h3{line-height:30px;color:#fff;margin-bottom:10px;transition:all .3s linear}
.serv-box-2 .btn-details{margin-top:30px}
.serv-box-2:hover{background:#fff;color:var(--text);box-shadow:15px 15px 38px 0 rgba(0,0,0,.1)}
.serv-box-2:hover .big-number{color:#f4f6f6}
.serv-box-2:hover .icon-main{background:var(--blue)}
.serv-box-2:hover h3{color:var(--dark)}
@media (max-width:1024px){.sec-why{padding:90px 0 110px}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.sec-why{padding:70px 0 80px}.why-grid{grid-template-columns:1fr}}

/* ---------- Opinie ---------- */
.sec-testi{background:var(--grey-bg) url(../img/bg-maps-dots.jpg) center top no-repeat;padding:0 0 110px}
.sec-testi .ot-heading{padding:110px 0 50px}
.ot-testimonials{display:grid;grid-template-columns:repeat(2,1fr);margin:0 -15px}
.testi-item{position:relative;margin:0;padding:0 15px;z-index:0}
.testi-item .layer1{position:absolute;left:30px;bottom:20px;width:calc(100% - 55px);height:100%;z-index:-1;background:var(--grey-bg);box-shadow:3px 3px 13px 0 rgba(0,0,0,.1)}
.testi-item .layer2{background:#fff;padding:40px;margin-bottom:40px;box-shadow:3px 3px 13px 0 rgba(0,0,0,.1);height:calc(100% - 40px)}
.t-head{display:flex;align-items:center}
.t-head img{width:90px;height:auto;margin-right:30px;border-radius:50%}
.tinfo span{color:#9f9f9f}
.ttext{margin:23px 0 0}
.testi-dots{display:flex;justify-content:center;margin-top:20px}
.testi-dots span{width:8px;height:8px;border-radius:50%;background:var(--purple)}
@media (max-width:767px){
  .sec-testi{padding-bottom:70px}
  .sec-testi .ot-heading{padding:70px 0 40px}
  .ot-testimonials{grid-template-columns:1fr;gap:10px}
  .testi-item .layer2{padding:30px 25px}
  .t-head img{width:70px;margin-right:20px}
  .testi-dots{display:none}
}

/* ---------- Nagłówek podstrony ---------- */
.page-header{display:flex;align-items:center;width:100%;min-height:350px;background:#262051 url(../img/bg-page-header.jpg) center center/cover no-repeat;color:var(--blue);font-weight:500}
.page-header .inner{display:flex;align-items:center}
.page-header .page-title{flex:1;color:#fff;margin:0;padding:10px 20px 10px 0}
.breadcrumbs{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:14px;font-weight:800;text-transform:uppercase}
.breadcrumbs li{display:inline-flex;align-items:center;color:#fff}
.breadcrumbs li+li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);margin:0 9px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs a:hover{color:#fff}
@media (max-width:992px){.page-header .inner{display:block}}
@media (max-width:767px){.page-header .page-title{font-size:36px}.breadcrumbs{font-size:12px}}
@media (max-width:600px){.page-header{min-height:200px;padding:40px 0}.page-header .page-title{font-size:30px}}

/* ---------- Oferta ---------- */
.sec-split{padding:120px 0 115px}
.split-text{padding-right:80px!important}
.split-text .ot-heading{padding-bottom:20px}
.split-text .text{padding-bottom:40px}
.justify{text-align:justify}
.split-media{display:flex;justify-content:center}
.sec-devices{position:relative;padding:130px 0 120px;background:var(--navy) url(../img/bg-art-5.png) left top no-repeat;color:#fff}
.sec-devices::after{content:"";position:absolute;right:0;bottom:0;width:322px;height:444px;background:url(../img/bg-art-6.png) right bottom no-repeat;pointer-events:none}
.devices-media img{margin:0 -50px 0 -55px;max-width:calc(100% + 105px)}
.devices-text{padding-left:85px!important;position:relative;z-index:1}
.devices-text .ot-heading{padding:20px 0 30px}
.devices-lead{font-weight:300;padding-bottom:25px;margin:0}
.devices-list{margin:0;padding-left:20px;font-weight:300}
@media (max-width:1024px){
  .split-text,.devices-text{padding-right:15px!important;padding-left:15px!important}
  .devices-media img{margin:0;max-width:100%}
  .row>.split-text,.row>.split-media,.row>.devices-media,.row>.devices-text{flex-basis:100%}
  .split-media,.devices-media{margin-top:30px}
  .devices-media{order:2}
}
@media (max-width:767px){
  .sec-split,.sec-devices{padding:80px 0}
  .sec-devices{background-size:0 0}
  .sec-devices::after{display:none}
  .split-text .ot-heading h2,.devices-text .ot-heading h2{font-size:28px;line-height:40px}
}

/* ---------- Kontakt ---------- */
.sec-contact{padding:100px 0}
.contact-left{padding-right:110px!important}
.contact-left .ot-heading{padding-top:20px}
.contact-lead{margin:0;padding-bottom:20px}
.contact-info{font-size:16px;overflow:hidden;transition:all .3s linear}
.contact-info p{margin:0}
.contact-info.box-style1{display:flex;padding:30px 30px 25px}
.contact-info.box-style1:hover{box-shadow:15px 15px 38px 0 rgba(0,0,0,.1)}
.contact-info.box-style1>.ico{width:30px;height:30px;margin-top:2px;color:var(--blue)}
.contact-info .info-text{padding-left:20px;font-weight:500}
.contact-info .info-text h3{font-size:16px;margin-bottom:5px}
.contact-info .info-text a{color:var(--text)}
.contact-info .info-text a:hover{color:var(--blue)}
.main-form{padding:60px 48px;background-image:linear-gradient(90deg,#00deff 0%,#7141b1 100%);color:#fff}
.main-form h2{color:#fff;margin-bottom:10px}
.main-form .font14{margin-bottom:30px}
.main-form .font14 a{color:#fff;text-decoration:underline}
.main-form .field{margin:0 0 20px}
.main-form input,.main-form textarea{width:100%;border:0;outline:none;background:rgba(255,255,255,.3);color:#fff;padding:10px 20px;font-size:16px;line-height:30px;border-radius:0;-webkit-appearance:none;appearance:none}
.main-form input{height:50px}
.main-form textarea{height:150px;resize:vertical;display:block}
.main-form ::placeholder{color:#fff;opacity:1}
.main-form input:focus,.main-form textarea:focus{background:rgba(255,255,255,.4)}
.main-form .field-error{color:#fff;background:rgba(192,38,45,.85);display:block;font-size:13px;line-height:1.4;padding:4px 10px;margin-top:4px}
.form-submit{margin:0}
.sec-map{line-height:0;overflow:hidden}
.sec-map iframe{width:100%;height:500px;border:0;filter:saturate(0)}
@media (max-width:1024px){
  .contact-left{padding-right:15px!important}
  .row>.contact-left,.row>.contact-right{flex-basis:100%}
  .contact-info.box-style1{padding:15px 0}
}
@media (max-width:767px){
  .sec-contact{padding:60px 0}
  .contact-right{margin-top:30px}
  .main-form{padding:40px 25px}
  .main-form h2{font-size:30px}
  .sec-map iframe{height:380px}
}

/* ---------- Pola formularzy (wspólne) ---------- */
.field-error{display:block;color:#d0242b;font-size:13px;line-height:1.4;margin-top:5px}

/* ---------- Formularze: wspólne ---------- */
.form-alert{padding:14px 18px;margin:0 0 20px;font-size:15px;line-height:1.5}
.form-alert:focus{outline:none}
.form-alert-ok{background:#e6f7ee;color:#11653b;border-left:4px solid #1d9a5b}
.form-alert-err{background:#fdeeee;color:#8a1c21;border-left:4px solid #d0242b}
.main-form .form-alert-ok,.main-form .form-alert-err{background:rgba(255,255,255,.95)}
.field-captcha{margin:0 0 20px;min-height:78px}
.field-captcha .field-error{margin-top:6px}
@media (max-width:360px){.h-captcha{transform:scale(.86);transform-origin:0 0}}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* ---------- Strony tekstowe / 404 ---------- */
.sec-text{padding:90px 0}
.sec-text h2{margin-top:35px}
.sec-text h2:first-of-type{margin-top:0}
.sec-text ul{padding-left:20px}
.sec-text li{margin-bottom:8px}
.sec-404{padding:120px 0}
.sec-404 .err-code{font-family:var(--ff-head);font-size:140px;font-weight:900;line-height:1;color:var(--blue);margin:0 0 20px}
.sec-404 .octf-btn{margin:5px}

/* ---------- Stopka ---------- */
.site-footer{background:var(--navy) url(../img/bg-footer.png) center top no-repeat;padding:110px 0 100px;text-align:center}
.footer-logo{margin:0 auto}
.footer-contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:60px}
.contact-info.box-style2{text-align:center;font-size:18px;line-height:33.75px}
.box-style2 .box-icon{margin-bottom:25px;line-height:1}
.box-style2 .box-icon .ico{width:30px;height:30px;color:var(--blue)}
.box-style2 p{margin-bottom:15px;color:#fff}
.box-style2 p a{color:#fff}
.box-style2 p a:hover{color:var(--blue)}
.box-style2 .h6{font-family:var(--ff-body);font-size:16px;font-weight:400;line-height:1.2;color:var(--muted);margin:0 0 5px}
.footer-legal{color:var(--muted);font-size:14px;padding-top:45px;margin:0}
.footer-links{margin:6px 0 0;font-size:13px}
.footer-links a{color:#8e88b8}
.footer-links a:hover{color:#fff}
@media (max-width:767px){
  .site-footer{padding:70px 0 60px}
  .footer-logo{width:220px}
  .footer-contacts{grid-template-columns:1fr;gap:10px;padding-top:40px}
  .box-style2 .box-icon{margin-bottom:12px}
  .footer-legal{padding-top:25px;font-size:13px}
}

/* ---------- Przycisk „do góry” ---------- */
#back-to-top{position:fixed;right:40px;bottom:-20px;z-index:1000;display:flex;align-items:center;justify-content:center;width:42px;height:45px;border-radius:2px;background:#fff;color:var(--blue);opacity:0;pointer-events:none;box-shadow:6px 6px 13px 0 rgba(42,67,113,.2);transition:all .3s ease-in-out}
#back-to-top.show{opacity:1;bottom:40px;pointer-events:auto}
#back-to-top:hover{bottom:45px}
#back-to-top .ico{width:17px;height:17px}
@media (max-width:767px){#back-to-top{right:16px}#back-to-top.show{bottom:16px}}

@media print{.topbar,.site-header,.site-footer,#back-to-top,.hero-slider .slider-nav{display:none!important}}

/* Poprawki układu */
.container.row{margin-left:auto;margin-right:auto;padding:0}
@media (max-width:767px){.container.row{padding:0 15px}.container.row>.col{padding:0}}
.hero-slider .container{max-width:1230px}
.sec-about{overflow-x:clip}