@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(poradnik-fonts/poppins-400.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(poradnik-fonts/poppins-500.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(poradnik-fonts/poppins-600.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(poradnik-fonts/poppins-700.woff2) format('woff2')}
.pk-ico{width:1em;height:1em;display:inline-block;vertical-align:-0.125em}

.site-footer {
  background: #001A52;
  color: #fff;
  padding: 28px 20px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}
.site-footer p { margin: 0; }
.site-footer a {
  color: #D68600;
  text-decoration: none;
  font-weight: 500;
}
.site-footer a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  text-decoration-skip-ink: none;
}
.site-footer span {
  color: rgba(255,255,255,.55);
  margin: 0 10px;
}
.site-copy {
  margin-top: 10px;
  color: rgba(255,255,255,.55);
  font-size: 13px;
}
@media (max-width: 480px) {
  .site-footer { font-size: 14px; }
}


#headerScale{width:1500px;margin:0;background:#fff;}
#headerScale header{background:#fff;padding-top:clamp(20px,4vh,60px);padding-bottom:20px;}
#headerScale .container.navbar{width:1200px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
#headerScale nav{margin-left:auto;display:flex;transform:translateX(100px);line-height:1.5;}
#headerScale nav ul{display:flex;list-style:none;gap:40px;margin:0;padding:0;}
#headerScale nav a{display:inline;position:relative;padding-bottom:8px;text-decoration:none;color:#001A52;font-weight:500;font-size:18px;font-family:'Poppins',sans-serif;}
#headerScale nav a::after{content:'';position:absolute;left:50%;bottom:0;width:0;height:3px;background:#D68600;transform:translateX(-50%);transition:.3s ease;}
#headerScale nav a:hover::after,#headerScale nav a.active::after{width:100%;}
#headerScale .logo{display:flex;align-items:center;gap:14px;flex-shrink:0;text-decoration:none;transform:translateX(-140px);}
#headerScale .logo-icon{width:42px;height:42px;display:flex;justify-content:space-between;}
#headerScale .logo-icon span{display:block;width:14px;height:42px;border:3px solid #D68600;}
#headerScale .logo-icon span:first-child{border-right:0;}
#headerScale .logo-icon span:last-child{border-left:0;}
#headerScale .logo-text{display:flex;flex-direction:column;line-height:1;}
#headerScale .logo-text strong{font-size:18px;font-weight:700;color:#001A52;}
@media (min-width:1024px){#headerScale{width:1500px!important;max-width:none!important;margin:0!important;transform:none!important;transform-origin:top left;}}
@media (min-width:1500px){#headerScale{zoom:1;}}
@media (min-width:1024px) and (max-width:1039px){#headerScale{zoom:.68;}}
@media (min-width:1040px) and (max-width:1059px){#headerScale{zoom:.6933;}}
@media (min-width:1060px) and (max-width:1079px){#headerScale{zoom:.7067;}}
@media (min-width:1080px) and (max-width:1099px){#headerScale{zoom:.72;}}
@media (min-width:1100px) and (max-width:1119px){#headerScale{zoom:.7333;}}
@media (min-width:1120px) and (max-width:1139px){#headerScale{zoom:.7467;}}
@media (min-width:1140px) and (max-width:1159px){#headerScale{zoom:.76;}}
@media (min-width:1160px) and (max-width:1179px){#headerScale{zoom:.7733;}}
@media (min-width:1180px) and (max-width:1199px){#headerScale{zoom:.7867;}}
@media (min-width:1200px) and (max-width:1219px){#headerScale{zoom:.8;}}
@media (min-width:1220px) and (max-width:1239px){#headerScale{zoom:.8133;}}
@media (min-width:1240px) and (max-width:1259px){#headerScale{zoom:.8267;}}
@media (min-width:1260px) and (max-width:1279px){#headerScale{zoom:.84;}}
@media (min-width:1280px) and (max-width:1299px){#headerScale{zoom:.8533;}}
@media (min-width:1300px) and (max-width:1319px){#headerScale{zoom:.8667;}}
@media (min-width:1320px) and (max-width:1339px){#headerScale{zoom:.88;}}
@media (min-width:1340px) and (max-width:1359px){#headerScale{zoom:.8933;}}
@media (min-width:1360px) and (max-width:1379px){#headerScale{zoom:.9067;}}
@media (min-width:1380px) and (max-width:1399px){#headerScale{zoom:.92;}}
@media (min-width:1400px) and (max-width:1419px){#headerScale{zoom:.9333;}}
@media (min-width:1420px) and (max-width:1439px){#headerScale{zoom:.9467;}}
@media (min-width:1440px) and (max-width:1459px){#headerScale{zoom:.96;}}
@media (min-width:1460px) and (max-width:1479px){#headerScale{zoom:.9733;}}
@media (min-width:1480px) and (max-width:1499px){#headerScale{zoom:.9867;}}
@media (max-width:1023px){#headerScale{width:100%!important;max-width:100%!important;zoom:1!important;margin:0 auto!important;transform:none!important;}}


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    width:100%;
    max-width:100%;
    overflow-y:scroll;
    overflow-x:hidden;
}

body{
   font-family:'Poppins', sans-serif;
   margin:0;
   width:100%;
   max-width:100%;
   overflow-x:hidden;
   padding-top:0;
   position:relative;
}

.container{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

/* HEADER */
header{
    background:#fff;
    padding-top: clamp(20px, 4vh, 60px);
    padding-bottom: 20px;
}

.navbar{
    width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

nav {
    margin-left:auto;
    display:flex;
    transform:translateX(100px);
}

nav ul {
    display: flex;
    list-style: none;
    gap: 40px;

}

   nav a{
    text-decoration:none;
    color:#001A52;
    font-weight:500;
    font-size:18px;
    font-family:'Poppins', sans-serif;
    position:relative;
    padding-bottom:8px;
}

nav a::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    height:3px;
    background:#D68600;
    transform:translateX(-50%);
    transition:0.3s ease;
}

nav a:hover::after{
    width:100%;
}

nav a.active::after{
    width:100%;
}

/* HERO */
.hero{
    position:relative;
    overflow:hidden;
}

.hero-wrapper{
    min-height:700px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.hero-content{
    width:50%;
    max-width:600px;
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:-20px;

    position:relative;
    z-index:2;

    transform:translateX(-80px);
}
   
.hero-content h1{
    font-size:52px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:-0.5px;
    color:#001A52;
}

.hero-content h1 span{
    color:#001A52;
}

.hero-line{
    width:350px;
    height:4px;
    background:#D68600;
    margin-bottom:0px;
    border-radius:2px;
}

.hero-content p{
    font-size:17px;
    line-height:1.6;
    width:500px;
    max-width:none;
    color:#3E4B6D;
    text-align:justify;
}

.hero-image img{
    width:450px;
    max-width:100%;
    height:auto;
    
}

.hero-image{
    width:45%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    position:relative;

    position:relative;
    z-index:1;

}

.hero-image img{
    width:180%;
    max-width:1000px;
    height:auto;
    position:relative;
    right:-180px;
    top:-27px;
    bottom:0;

    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        transparent 6%,
        black 30%,
        black 100%
    );

    mask-image: linear-gradient(
        to right,
        transparent 0%,
        transparent 6%,
        black 30%,
        black 100%
    );
}

/* OFFER */
.offer{
    padding:20px 0 80px 0;
    margin-top:10px;
    background:#fff;
}

.offer-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-bottom:50px;
}

.offer-title h2{
    font-size:40px;
    font-weight:700;
    color:#001A52;
}

.offer-title .line{
    width:120px;
    height:4px;
    background:#D68600;
    border-radius:2px;
}

/* CARDS */
.cards{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.card{
    background:#fff;
    padding:30px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    width:calc(33.333% - 14px);
}

.card.full{
    width:100%;
    
}

.card h3{
    margin-bottom:15px;
    color:#001A52;
    font-size:26px;
    font-weight:700;
}

/* LISTY */
.benefits-list{
    list-style:none;
    padding:0;
    margin:0;
}

.benefits-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
    font-size:18px;
    line-height:1.7;
    color:#3E4B6D;
}

.benefits-list li::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#D68600;
    flex-shrink:0;
    margin-top:0;
    margin-top:11px;
}

/* STEPS */
.steps{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.step strong{
    font-size:26px;
}

.step{
    background:#FAFAFA;
    border:1px solid #eee;
    padding:20px;
    border-radius:10px;
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.step span{
    width:34px;
    height:34px;
    background:#D68600;
    color:#fff;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    flex-shrink:0;
}

.step div{
    display:flex;
    flex-direction:column;
}

.step div p{
    margin:0;
    color:#3E4B6D;
    font-size:14px;
    line-height:1.5;
}

/* CTA */
.cta{
    background:#001A52;
    padding:70px 0;
    text-align:center;
    width:100vw;
    margin-left:calc(50% - 50vw);
}

.cta-text{
    color:#ffffff;
    font-size:18px;
    line-height:1.8;
    max-width:800px;
    margin:auto;
}

/* OPINIE */

.opinie{
    padding:80px 0;
    background:#fff;
    margin-top:-120px;
    border-top:1px solid #e8e8e8;
    margin-top:-30px;
}

.opinie h2{
    text-align:center;
    font-size:40px;
    margin-top:-40px;
    margin-bottom:50px;
    color:#001A52;
}

.slider-container{
    display:flex;
    align-items:center;
    gap:20px;
}

.slider{
    display:flex;
    gap:25px;
    overflow:hidden;
    width:100%;
    scroll-behavior:smooth;
}

.opinia{
    min-width:calc((100% - 50px) / 3);
    background:#FAFAFA;
    border:1px solid #e8e8e8;
    border-radius:12px;
    padding:25px;
    flex-shrink:0;

    display:flex;
    flex-direction:column;
    min-height:420px;
}

.opinia p{
    color:#3E4B6D;
    line-height:1.7;
}

.opinia h4{
    margin-top:auto;
    margin-bottom:5px;
    color:#001A52;
}

.stars{
    color:#D68600;
    font-size:24px;
    letter-spacing:3px;
    margin-bottom:15px;
}

.arrow{
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#D68600;
    color:white;
    font-size:22px;
    cursor:pointer;
}

.logo h2{
    font-size:32px;
    font-weight:700;
    margin:0;
    line-height:1;
    color:#001A52;
}

.logo span{
    color:#D68600;
}

.menu-toggle{
    display:none;
}

.hero-content h1{
    font-size:40px;
    line-height:1.5;
    font-weight:700;
    color:#001A52;
    letter-spacing:-1px;
}

.logo{
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink: 0;
    transform:translateX(-140px);
}

.logo-icon{
    width:42px;
    height:42px;
    display:flex;
    justify-content:space-between;
}

.logo-icon span{
    width:14px;
    height:42px;
    border:3px solid #D68600;
}

.logo-icon span:first-child{
    border-right:none;
}

.logo-icon span:last-child{
    border-left:none;
}

.logo-text{
    display:flex;
    flex-direction:column;
    line-height:1;
}

.logo-text strong{
    font-size:18px;
    font-weight:700;
    color:#001A52;
}

.stats{
    display:flex;
    gap:45px;
    margin-top:20px;
}

.hero-buttons{
    display:flex;
    gap:20px;
    margin-top:20px;
}

.hero-buttons a{
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    padding:14px 32px;
    border-radius:8px;
}

.btn-primary{
    background:#D68600;
    color:white;
    width:345px;
    text-align:center;
}

.btn-secondary{
    background:white;
    color:#001A52;
    border:2px solid #D68600;
}


.stat{
    display:flex;
    align-items:flex-start;
    gap:12px;
    min-width:140px;
}

.stat div:nth-child(2){
    padding-top:0;
}

.stat-icon svg{
    width:34px;
    height:34px;
    fill:none;
    stroke:#D68600;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}


.stat strong{
    display:block;
    color:#001A52;
    font-size:20px;
    line-height:1.2;
    margin-bottom:3px;
    transform:translateY(2px);
}


.stat span{
    display:block;
    color:#3E4B6D;
    font-size:13px;
    line-height:1.4;
    min-height:36px;
}



.career-stage{
    padding-bottom:40px;
    margin-top:-20px;
    background:#fff;
    border-bottom:1px solid #e8e8e8;
}

.career-stage h2{
    text-align:center;
    font-size:40px;
    font-weight:700;
    color:#001A52;
    margin-bottom:60px;
}

.career-grid{
    display:flex;
    justify-content:space-between;
    gap:20px;
}

.career-box{
    flex:1;
    display:flex;
    align-items:center;
    gap:18px;
}

.career-icon{
    width:60px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.career-icon i{
    font-size:32px;
    color:#D68600;
}

.career-box span{
    color:#001A52;
    font-size:18px;
    font-weight:600;
    line-height:1.5;
}

.service-icon{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.service-icon i{
    font-size:42px;
    color:#D68600;
}

/* DLACZEGO WARTO MI ZAUFAĆ */

.trust{
    padding:80px 0;
    margin-top:-110px;
    background:#fff;
}

.trust-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
    margin-top:40px;
}

.trust-item{
    text-align:center;
}

.trust-icon{
    width:70px;
    height:70px;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.trust-icon i{
    font-size:40px;
    color:#D68600;
}

.trust-item h3{
    color:#001A52;
    font-size:22px;
    margin-bottom:15px;
    white-space:nowrap;
}

.trust-item p{
    color:#3E4B6D;
    font-size:15px;
    line-height:1.7;
}

.opinie-note{
    text-align: center;
    margin: 35px 0 0;
    font-size: 17px;
    color: #3E4B6D;
    font-weight: 500;
}

.sample-cv{
    padding:90px 0;
    background:#fff;
    border-top:1px solid #e8e8e8;
    margin-top:-30px;
}

.sample-cv h2{
    text-align:center;
    font-size:40px;
    font-weight:700;
    color:#001A52;
    margin-top:-45px;
    margin-bottom:55px;
}

.sample-grid{

    display:grid;
    grid-template-columns:
    repeat(4,1fr);

    gap:28px;

    align-items:stretch;
}

.cv-card{

    display:block;

    background:#f8f9fc;

    border:1px solid rgba(0,26,82,.10);

    border-radius:12px;

    overflow:hidden;

    transition:.3s;

    box-shadow:0 14px 34px rgba(0,26,82,.12);

    padding:14px;

}

.cv-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 44px rgba(0,26,82,.18);

}

.cv-card{

    display:block;

    background:#f8f9fc;

    border:1px solid rgba(0,26,82,.10);

    border-radius:12px;

    overflow:hidden;

    transition:.3s;

    box-shadow:0 14px 34px rgba(0,26,82,.12);

    padding:14px;

}

.cv-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 44px rgba(0,26,82,.18);

}

.pdf-preview{

    width:100%;
    display:block;
    background:#fff;
    position:relative;
    overflow:hidden;
    cursor:zoom-in;
    min-height:120px;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,26,82,.08);

}

/* canvas w naturalnej proporcji strony - nic nie jest przycinane */
.pdf-preview canvas,
.pdf-preview > img{

    position:static;
    display:block;
    width:100%;
    height:auto;
    border:0;
    outline:0;
    box-shadow:none;
    background:#fff;
    object-fit:contain;

}

.pdf-fallback{ cursor:zoom-in; }

/* podglad PDF przez wbudowana przegladarke PDF (dziala takze z file://) */
.pdf-embed-wrap{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1.414;
    background:#fff;
    overflow:hidden;
    isolation:isolate;
}
/* iframe wychodzi tylko o kilka pikseli poza kontener - tyle, zeby zniknal
   ciemny pasek wbudowanej przegladarki PDF, a tresc strony nie byla ucinana */
.pdf-embed-wrap iframe,
.pdf-embed-wrap embed,
.pdf-embed-wrap object{
    position:absolute;
    top:-4px;
    left:-3px;
    width:calc(100% + 6px);
    height:calc(100% + 8px);
    border:0;
    display:block;
    background:#fff;
    pointer-events:none;
}
/* biala ramka-maskownica lezy NAD podgladem i zaslania czarne tlo
   przegladarki PDF ze wszystkich czterech stron */
.pdf-embed-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    border:5px solid #fff;
    box-sizing:border-box;
    z-index:2;
    pointer-events:none;
}
.pdf-embed-wrap .pdf-embed-click{
    position:absolute;
    inset:0;
    z-index:3;
    cursor:zoom-in;
}

/* LIGHTBOX - powiekszona miniatura */
.cv-lightbox{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    background:#fff;
    padding:30px;
}

.cv-lightbox.open{ display:flex; animation:cvLbFade .28s ease-out both; }
.cv-lightbox.open .cv-lightbox-inner{ animation:cvLbZoom .32s cubic-bezier(.2,.8,.25,1) both; }
@keyframes cvLbFade{ from{opacity:0} to{opacity:1} }
@keyframes cvLbZoom{ from{opacity:0; transform:scale(.9)} to{opacity:1; transform:scale(1)} }
/* plynne powiekszanie miniatury, bez zadnych obrysow */
.pdf-preview canvas,.pdf-preview > img,.pdf-embed-wrap{
    transition:transform .35s cubic-bezier(.2,.8,.25,1);
    border:0!important; outline:0!important; box-shadow:none!important;
}
.cv-card:hover .pdf-preview canvas,
.cv-card:hover .pdf-preview > img,
.cv-card:hover .pdf-embed-wrap{ transform:scale(1.04); }
.cv-lightbox,.cv-lightbox *{ outline:0!important; border:0!important; }

.cv-lightbox-inner{
    border:0;
    position:relative;
    background:transparent;
    border-radius:0;
    overflow:hidden;
    width:min(760px, 92vw);
    height:min(90vh, calc(92vw * 1.414));
    box-shadow:none;
}

.cv-lightbox-inner canvas,
.cv-lightbox-inner img{
    width:100%;
    height:100%;
    border:0;
    display:block;
    background:#fff;
    object-fit:contain;
    object-position:top center;
}

/* iframe z wbudowana przegladarka PDF: powiekszony i przyciety,
   zeby ciemne krawedzie viewera nie byly widoczne */
.cv-lightbox-inner iframe{
    position:absolute;
    top:-6px;
    left:-6px;
    width:calc(100% + 12px);
    height:calc(100% + 12px);
    border:0;
    display:block;
    background:#fff;
}


.cv-lightbox-body{
    position:relative;
    box-shadow:none;
}

.cv-lightbox-close{
    position:absolute;
    top:12px;
    right:12px;
    z-index:2;
    width:40px;
    height:40px;
    border:0;
    border-radius:50%;
    background:#D68600;
    color:#fff;
    font-size:20px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pdf-fallback{

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    aspect-ratio:1 / 1.414;
    color:#001A52;
    font-weight:500;
    gap:10px;
    text-align:center;
    padding:20px;
    background:#fff;

}

.pdf-preview.is-loading{
    background:linear-gradient(100deg,#f4f5f8 30%,#eceef3 50%,#f4f5f8 70%);
    background-size:200% 100%;
    animation:pdfShimmer 1.2s linear infinite;
    aspect-ratio:1 / 1.414;
}

@keyframes pdfShimmer{
    from{ background-position:200% 0; }
    to{ background-position:-200% 0; }
}

.pdf-fallback small{
    font-size:12px;
    font-weight:400;
    color:#6b7280;
}

.pdf-fallback i{

    font-size:48px;
    color:#D68600;

}


.more-card{

    border:2px solid #D68600;

    border-radius:16px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    padding:30px;

    background:#fff;

    width:100%;

    aspect-ratio:1 / 1.414;

    overflow:hidden;

}

.shield{

    width:56px;

    height:56px;

    border-radius:50%;

    background:#FFF8EA;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

}

.shield i{

    font-size:26px;

    color:#D68600;

}

.more-card h3{

    color:#001A52;

    font-size:24px;

    line-height:1.35;

    margin-bottom:20px;

}

.sample-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    background:#D68600;

    color:#fff;

    padding:12px 22px;

    border-radius:8px;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}

.sample-btn:hover{

    background:#001A52;

}

.sample-btn i{

    transition:.3s;

}

.sample-btn:hover i{

    transform:translateX(5px);

}


/* ===== GALERIA MINIATUR – styl jak na kreatorzykariery.pl ===== */
.cv-card{ position:relative; cursor:zoom-in; }
.cv-card .cv-zoom{
    position:absolute; inset:0; z-index:4;
    display:flex; align-items:center; justify-content:center;
    background:rgba(0,26,82,.35);
    opacity:0; transition:opacity .25s ease;
    pointer-events:none;
}
.cv-card:hover .cv-zoom{ opacity:1; }
.cv-card .cv-zoom i{
    width:58px; height:58px; border-radius:50%;
    background:#D68600; color:#fff; font-size:20px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

/* LIGHTBOX – ciemna zaslona, biala kartka dokumentu, strzalki i licznik */
.cv-lightbox{
    position:fixed; inset:0; z-index:9999; display:none;
    align-items:center; justify-content:center;
    background:rgba(15,18,26,.92);
    padding:40px 70px;
}
.cv-lightbox.open{ display:flex; }
.cv-lightbox-inner{
    position:relative;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
    height:min(88vh, calc((100vw - 140px) * 1.414));
    aspect-ratio: 1 / 1.414;
    width:auto;
    max-width:calc(100vw - 140px);
}
.cv-lightbox-body{
    position:relative; width:100%; height:100%;
    background:transparent;
    box-shadow:none;
}
.cv-lightbox-body img,
.cv-lightbox-body canvas{
    width:100%; height:100%; display:block;
    object-fit:contain; object-position:center;
    background:transparent; border:0; box-shadow:none;
}
.cv-lightbox-body iframe{
    position:absolute; top:-4px; left:-4px;
    width:calc(100% + 8px); height:calc(100% + 8px);
    border:0; display:block; background:#fff;
}
.cv-lightbox-close{
    position:fixed; top:22px; right:26px;
    width:44px; height:44px; border:0; border-radius:50%;
    background:rgba(255,255,255,.14); color:#fff; font-size:24px;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; z-index:10; transition:.2s;
}
.cv-lightbox-close:hover{ background:#D68600; }
.cv-nav{
    position:fixed; top:50%; transform:translateY(-50%);
    width:52px; height:52px; border:0; border-radius:50%;
    background:rgba(255,255,255,.14); color:#fff; font-size:20px;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; z-index:10; transition:.2s;
}
.cv-nav:hover{ background:#D68600; }
.cv-nav.prev{ left:20px; }
.cv-nav.next{ right:20px; }
.cv-counter{
    position:fixed; bottom:22px; left:50%; transform:translateX(-50%);
    color:#fff; font-size:14px; letter-spacing:1px; opacity:.85; z-index:10;
}
@media(max-width:768px){
    .cv-lightbox{ padding:60px 12px; }
    .cv-lightbox-inner{ height:min(80vh, calc((100vw - 24px) * 1.414)); max-width:calc(100vw - 24px); }
    .cv-nav.prev{ left:6px; }
    .cv-nav.next{ right:6px; }
}

/* Powiększony podgląd bez jakiejkolwiek ramki, obrysu i cienia */
.cv-lightbox-inner,
.cv-lightbox-body,
.cv-lightbox-body img,
.cv-lightbox-body canvas,
.cv-lightbox-body iframe {
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
}
.cv-lightbox-inner,
.cv-lightbox-body {
    background:transparent !important;
    padding:0 !important;
}


/* v4: powiekszenie dopasowane do obrazu - zero bialej ramki wokol */
.cv-lightbox-inner{
    aspect-ratio:auto !important;
    height:auto !important;
    width:auto !important;
    max-width:calc(100vw - 140px) !important;
    max-height:88vh !important;
    display:flex !important;
    background:transparent !important;
    filter:none !important;
}
.cv-lightbox-body{
    width:auto !important; height:auto !important;
    display:flex !important; background:transparent !important;
}
.cv-lightbox-body img,
.cv-lightbox-body canvas{
    width:auto !important; height:auto !important;
    max-width:calc(100vw - 140px) !important;
    max-height:88vh !important;
    object-fit:contain !important;
    background:transparent !important;
    border:0 !important; outline:0 !important; box-shadow:none !important;
    padding:0 !important; margin:0 !important;
}
.cv-lightbox-body iframe{
    position:static !important;
    top:auto !important; left:auto !important;
    width:min(calc(100vw - 140px), 62vh) !important;
    height:88vh !important;
    border:0 !important; outline:0 !important; box-shadow:none !important;
}
@media(max-width:768px){
    .cv-lightbox-inner{ max-width:calc(100vw - 24px) !important; max-height:80vh !important; }
    .cv-lightbox-body img,.cv-lightbox-body canvas{ max-width:calc(100vw - 24px) !important; max-height:80vh !important; }
    .cv-lightbox-body iframe{ width:calc(100vw - 24px) !important; height:80vh !important; }
}

/* Miniatura po kliknięciu / zaznaczeniu również bez ramki i obrysu */
.cv-card,
.cv-card:hover,
.cv-card:active,
.cv-card:focus,
.cv-card:focus-visible,
.cv-card:focus-within,
.pdf-preview,
.pdf-preview:hover,
.pdf-preview:active,
.pdf-preview:focus,
.pdf-preview:focus-visible {
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    -webkit-tap-highlight-color:transparent;
}
.cv-card::before,
.cv-card::after,
.pdf-preview::after {
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}

/* v5: zero ramek w powiekszeniu - nic nie przycinamy */
.cv-lightbox-body img,
.cv-lightbox-body canvas {
    clip-path:none !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}
/* iframe (ciemne tlo przegladarki PDF) nigdy nie jest juz uzywany w powiekszeniu */
.cv-lightbox-body iframe{ display:none !important; }

/* v6: spinner + widok awaryjny w powiekszeniu */
.cv-lightbox-body .cv-lb-spinner{
    width:54px !important; height:54px !important;
    max-width:54px !important; max-height:54px !important;
    border:3px solid rgba(255,255,255,.25) !important;
    border-top-color:#D68600 !important;
    border-radius:50% !important;
    animation:cvLbSpin .9s linear infinite;
    margin:40px !important;
}
@keyframes cvLbSpin{ to{ transform:rotate(360deg); } }
.cv-lightbox-body .cv-lb-error{
    color:#fff; text-align:center; padding:40px 30px; max-width:420px;
    font-size:15px; line-height:1.6;
}
.cv-lightbox-body .cv-lb-error a{
    display:inline-block; margin-top:16px; padding:12px 22px;
    background:#D68600; color:#fff; text-decoration:none; border-radius:8px;
    font-weight:600;
}


/* JAK WYGLADA WSPOLPRACA */
.process{
    padding:45px 0 90px;
    background:#fff;
    border-top:1px solid #e8e8e8;
}

.process h2{
    text-align:center;
    font-size:40px;
    font-weight:700;
    color:#001A52;
    margin-bottom:55px;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
    position:relative;
}

.process-step{
    text-align:center;
    position:relative;
}

.process-step::before{
    content:'';
    position:absolute;
    top:38px;
    left:calc(50% + 55px);
    width:calc(100% - 110px);
    height:1px;
    background:rgba(0,26,82,.20);
}

.process-step:last-child::before{display:none;}

.process-step::after{
    content:'';
    position:absolute;
    top:34px;
    left:calc(100% - 4px);
    width:9px;
    height:9px;
    border-radius:50%;
    background:#001A52;
}

.process-step:last-child::after{display:none;}

.process-icon{
    width:76px;
    height:76px;
    margin:0 auto;
    border-radius:50%;
    background:#fff;
    border:1px solid rgba(0,26,82,.18);
    box-shadow:0 10px 24px rgba(0,26,82,.10);
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
}

.process-icon i{
    font-size:26px;
    color:#001A52;
}

.process-num{
    width:34px;
    height:34px;
    margin:-16px auto 18px;
    border-radius:50%;
    background:#001A52;
    color:#fff;
    font-size:15px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:3;
}

.process-step h3{
    font-size:19px;
    font-weight:600;
    color:#001A52;
    margin-bottom:12px;
}

.process-step p{
    font-size:15px;
    line-height:1.7;
    color:#4a5568;
    max-width:260px;
    margin:0 auto;
}

@media (max-width: 799px){
    .process-grid{grid-template-columns:repeat(2,1fr);gap:40px 20px;}
    .process-step::before,.process-step::after{display:none;}
}

@media (max-width:560px){
    .process-grid{grid-template-columns:1fr;}
    .process h2{font-size:30px;}
}


/* PORADNIK KARIERY */
.poradnik{
    padding:45px 0 90px;
    background:#fff;
}

.poradnik h2{
    text-align:center;
    font-size:40px;
    font-weight:700;
    color:#001A52;
    margin-bottom:55px;
}

.poradnik-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    align-items:stretch;
}

.poradnik-card{
    display:flex;
    flex-direction:column;
    background:#f8f9fc;
    border:1px solid rgba(0,26,82,.10);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(0,26,82,.12);
    transition:transform .3s, box-shadow .3s;
    text-decoration:none;
    min-height:0;
}

.poradnik-card:hover{
    transform:translateY(-10px);
    box-shadow:0 22px 44px rgba(0,26,82,.18);
}

.poradnik-thumb{
    width:100%;
    aspect-ratio:16/8;
    height:auto;
    flex:0 0 auto;
    object-fit:cover;
    display:block;
}

.poradnik-body{
    padding:18px 20px 22px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.poradnik-body h3{
    font-size:16px;
    font-weight:600;
    color:#001A52;
    line-height:1.35;
    margin-bottom:6px;
}

.poradnik-body p{
    font-size:14px;
    line-height:1.45;
    color:#4a5568;
    margin-bottom:8px;
}

.poradnik-link{
    margin-top:2px;
    font-size:14px;
    font-weight:600;
    color:#D68600;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:6px;
    transition:gap .3s;
}

.poradnik-card:hover .poradnik-link{gap:12px;}

@media (max-width: 799px){
    .poradnik-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:560px){
    .poradnik-grid{grid-template-columns:1fr;}
    .poradnik h2{font-size:30px;}
}


html, body { background:#fff; }
#scaleWrap {
    width:1500px;
    margin:0 auto;
}

.pkm-burger{display:none;}

@media (max-width: 799px){
  html, body { max-width:100%; overflow-x:hidden !important; }
  img, svg, video, iframe, figure { max-width:100% !important; height:auto !important; }
  table { display:block; width:100% !important; overflow-x:auto; }

  /* wyłącz skalowanie nagłówka (zoom/transform ustawiane skryptem) */
  #headerScale, #pkHeaderScale, #scaleWrap, #pkScale, #contentScale { zoom:1 !important; transform:none !important; width:100% !important; max-width:100% !important; margin:0 !important; }

  .container, .navbar, .container.navbar, .header-inner, .container.header-inner,
  .hero-inner, .container.hero-inner, .art-wrap, .article-body, .poradnik-body {
    width:100% !important; max-width:100% !important; margin:0 auto !important;
    padding-left:18px !important; padding-right:18px !important;
  }

  header, .header { padding-top:12px !important; padding-bottom:12px !important; }
  .navbar, .header-inner { min-height:44px; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; }
  .logo, .header .logo, .navbar .logo { transform:none !important; margin:0 !important; }
  .logo-icon { width:32px !important; height:32px !important; }
  .logo-icon span { width:11px !important; height:32px !important; }
  .logo-text strong, .logo-text span { font-size:15px !important; }

  header nav, .header .nav, nav.nav { transform:none !important; margin:0 !important; }
  header nav, .header .nav { display:none !important; }
  .menu-toggle { display:none !important; }

  .pkm-burger {
    display:flex !important; align-items:center; justify-content:center;
    width:44px; height:44px; border:0; background:transparent; cursor:pointer;
    padding:0; flex-shrink:0;
  }
  .pkm-burger span { position:relative; display:block; width:26px; height:2.5px; background:#001A52; border-radius:2px; transition:.25s; }
  .pkm-burger span::before, .pkm-burger span::after { content:''; position:absolute; left:0; width:26px; height:2.5px; background:#001A52; border-radius:2px; transition:.25s; }
  .pkm-burger span::before { top:-8px; }
  .pkm-burger span::after { top:8px; }
  body.pkm-open .pkm-burger span { background:transparent; }
  body.pkm-open .pkm-burger span::before { top:0; transform:rotate(45deg); }
  body.pkm-open .pkm-burger span::after { top:0; transform:rotate(-45deg); }

  .pkm-panel {
    position:fixed; inset:0 0 0 auto; width:min(84vw,340px); background:#fff;
    box-shadow:-14px 0 40px rgba(0,26,82,.18); transform:translateX(105%) !important;
    transition:transform .3s ease; z-index:9999; padding:80px 26px 30px; overflow-y:auto;
    font-family:'Poppins',sans-serif; display:block !important; flex-direction:column !important;
  }
  body.pkm-open .pkm-panel { transform:translateX(0) !important; }
  .pkm-close {
    position:absolute; top:16px; right:16px; width:44px; height:44px;
    display:flex; align-items:center; justify-content:center;
    border:0; background:transparent; cursor:pointer; padding:0; line-height:0;
  }
  .pkm-close::before, .pkm-close::after {
    content:''; position:absolute; width:24px; height:2.5px; background:#001A52; border-radius:2px;
  }
  .pkm-close::before { transform:rotate(45deg); }
  .pkm-close::after { transform:rotate(-45deg); }
  .pkm-panel { position:fixed; }
  .pkm-panel a { display:block !important; width:100% !important; transform:none !important; padding:15px 0; font-size:17px; font-weight:600; color:#001A52;
    text-decoration:none; border-bottom:1px solid rgba(0,26,82,.10); }
  .pkm-panel a.active { color:#D68600; }
  .pkm-panel a::after { display:none !important; }
  .pkm-overlay { position:fixed; inset:0; background:rgba(0,26,82,.45); opacity:0; pointer-events:none;
    transition:opacity .3s; z-index:9998; }
  body.pkm-open .pkm-overlay { opacity:1; pointer-events:auto; }
  body.pkm-open { overflow:hidden; }

  /* HERO / treść na jednej kolumnie */
  .hero-wrapper, .hero-inner, .about-grid, .contact-grid, .grid, .poradnik-grid, .cards, .cennik-grid {
    display:block !important;
  }
  .grid > *, .poradnik-grid > *, .contact-grid > *, .about-grid > * { width:100% !important; margin-bottom:20px !important; }
  .hero-content, .hero-text, .about-content, .about-photo, .about-photo-wrap, .hero-image, .hero-img {
    width:100% !important; max-width:100% !important; transform:none !important; margin-left:0 !important; margin-right:0 !important;
  }
  .hero-wrapper { min-height:0 !important; padding:24px 0 32px !important; }
  .blob { display:none !important; }

  h1, .hero-content h1, .art-page h1, .page-hero h1 { font-size:29px !important; line-height:1.25 !important; }
  h2, .art-page h2 { font-size:21px !important; line-height:1.35 !important; }
  h3 { font-size:18px !important; }
  p, li, .art-lead, .subtitle, .card-description { font-size:16px !important; line-height:1.7 !important; }
  .art-lead, .hero-lead { font-size:17px !important; }
  .art-wrap { padding:26px 18px 60px !important; }
  .art-line, .divider, .hero-line, .about-divider { width:140px !important; }

  section { padding-left:0 !important; padding-right:0 !important; }
  .card, .contact-card, .policy-card, .admin-box, .quote, .good, .bad, .art-cta, .art-quote {
    padding:22px 18px !important; border-radius:14px !important;
  }
  .art-cta h3 { font-size:20px !important; }
  .art-btn, .btn, .button, .cta-button, .card .btn { display:block !important; width:100% !important; text-align:center !important; box-sizing:border-box; }
  .price { font-size:34px !important; }

  .site-footer { padding:24px 18px !important; font-size:14px !important; }
  .site-footer span { display:block; height:6px; margin:0; }
}


@media (max-width: 799px) {
  .cta-text,
  section.cta .cta-text,
  .site-copy {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .site-footer,
  .site-footer p {
    text-align: center !important;
  }

  .site-footer p {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 auto !important;
  }

  .site-footer a {
    display: block !important;
    text-align: center !important;
  }

  .site-footer span {
    display: none !important;
  }
}