/* ── eRecruiter widget ───────────────────────────────────────────────────── */
.skk_filters {
    background: rgb(238, 49, 36) !important;
}

header .brief {
   font-weight: 800;
   color: #ffffff;
   margin-left: auto;
   margin-right: 10px;
   transition: .3s ease-in-out;
}
body.openMenu header .brief,
body .content.pomoc header .brief,
body .content.connect header .brief {
   z-index: 102;
   color: #000000;
}
body .content.pomoc .contact .button {
   background: rgb(238 49 36);
   /*background: linear-gradient(90deg, rgba(154,0,126,1) 0%, rgba(255,0,92,1) 79%);*/
   width: 240px;
   height: 60px;
   border-radius: 50px;
   color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 30px auto;
   font-weight: bold;
}

@media(min-width: 400px) {
   header .brief {
      margin-right: 50px;
   }
}
@media(min-width: 992px) {
   body .content.pomoc .contact .button {
      width: 300px;
      height: 80px;
   }

   .brands li {
      width: 14.2%;
   }
}

.section.brands {
    padding: 0;
}

.brands ul {
   align-items: center;
}

.brands li {
   width: 50%;
}

@media (min-width: 576px) {
   .brands li {
      width: 33.333333%;
   }
}

@media (min-width: 992px) {
   #section-11 li {
      width: 14.2% !important;
   }
}

@media(min-width: 1400px) {
   body .content.pomoc .contact .button {
      width: 350px;
      height: 100px;
   }
}

/* ── Strategia podatkowa index ──────────────────────────────────────────────── */
body.page-template-page-strategiapodatkowa .contact p {
    font-size: 1.6rem;
    font-weight: 800;
    font-family: "Playfair Display", sans-serif;
    margin-bottom: 30px;
}

/* ── Values popup modal ────────────────────────────────────────────────────── */
/* Values popup — white sliding panel, matches original .about design */
.omd-values-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
}
.omd-values-modal.is-open {
    opacity: 1;
    pointer-events: auto;
}
.omd-values-modal__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: height .5s ease;
    padding: 0;
}
.omd-values-modal.is-open .omd-values-modal__inner {
    height: 100vh;
    padding: 80px 0 40px;
}
.omd-values-modal__close {
    background: none;
    border: none;
    cursor: pointer;
}