/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800;900&display=swap&subset=polish");
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

html {
  overflow-x: hidden !important;
}

body {
  font-family: "Roboto", sans-serif;

}

.btn,
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
  border-radius: 28px !important;
}

.simple-button a {
  color: #000 !important;
  background: transparent !important;
  padding: 0px !important;
}

.sticky-desktop-wrapper {
  max-height: 117px;
}

#desktop-header {
  &.desktop-header-style-3.stuck-header {
    background: transparent;
  }

  .header-top {
    background: #fff;
  }

  #desktop_logo {
    position: relative;
    z-index: 1;

    img {
      max-width: 180px !important;
    }
  }

  .cbp-hrmenu .cbp-hrsub-inner,
  .cbp-hrmenu .cbp-hrsub {
    border-radius: 5px;
    padding: 5px 20px;

    .sub-menu {
      li:not(:last-child) {
        margin-bottom: 6px;
      }
    }
  }

  #header-search-btn {
    .dropdown-search {
      border-radius: 8px;
      padding: 12px;

      &:before {
        content: "";
        position: absolute;
        top: -5px;
        right: 25px;
        width: 10px;
        height: 10px;
        background: #fff;
        z-index: 1;
        transform: rotate(45deg);
      }

      .form-search-control {
        background: #fff;
        padding: 24px;
      }
    }
  }

  #language_selector {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;

    .language-selector-wrapper {
      height: 100%;

      .language-selector {
        height: 100%;

        .expand-more {
          height: 100%;
          display: flex;
          align-items: baseline;
          justify-items: center;
          position: relative;
          padding-top: 32px;

          img {
            top: 4px;
            width: 24px;
            height: 14px;
            border-radius: 2px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            border: 1px solid #eee;
          }

          i {
            min-height: 15px;
          }
        }

        .dropdown-menu {
          border-radius: 8px;

          li {
            a {
              display: flex;
              align-items: center;
              justify-content: flex-start;
              gap: 8px;
            }
          }
        }
      }
    }
  }
}

#mobile-header {
  .mobile-main-bar {
    padding: 0px;
  }

  .col-mobile-logo {
    img {
      max-width: 150px;
    }
  }
}

.mobile-menu__links-list {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.footer-carousel {
  background: #fbfbfb;
  padding: 12px 0px 64px 0px;

  .swiper-button-wrapper {
    margin-top: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;

    .swiper-button-prev,
    .swiper-button-next {
      position: static;
      border: 1px solid #efefef;
      width: 56px;
      height: 56px;
      border-radius: 80px;
      background: #fff;

      &::after {
        font-family: FontAwesome;
        font-size: 30px;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        position: static;
        color: rgba(0, 0, 0, 0.43);
      }
    }
  }

  .logo-slider {
    overflow: hidden;
    background: transparent;
    border-radius: 8px;
    padding: 24px 0px;
    border: 0px solid #efefef;
    margin: 0px 36px;

    img {
      aspect-ratio: 10 / 7;
      width: 100%;
      height: 100%;
      object-fit: contain;
      border-radius: 4px;
      background: #fff;
      border: 1px solid #efefef;
    }
  }
}

#rev_slider_2_1_wrapper .ares .tp-arr-titleholder {
  display: none;
}

.footer-ue {
  text-align: center;
  background: #fff;

  .container {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  img {
    max-width: 80%;
  }
}

#footer-container-first {
  background: #dbf6fd;

  @media all and (max-width: 768px) {
    .container {
      >.row {
        gap: 32px;
        flex-direction: column;

        .col-5,
        .col-7 {
          width: 100%;

          h5,
          p {
            text-align: center;
          }
        }

        .col-7 {
          .row {
            flex-direction: column;
          }
        }
      }
    }
  }
}

.footer-style-3 {
  .col-5 {
    width: 41.666666666666664%;
  }

  .block-title {
    margin-bottom: 0%;

    h5 {
      font-weight: 700 !important;
      font-size: 1, 5rem;
      line-height: 1.2;
      margin-bottom: 0.5rem;
      text-align: left;
    }

    p {
      font-size: 1rem;
      line-height: 1.5;
      color: #666;
      text-align: left;
      margin-bottom: 0;
    }
  }

  .social-links._footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;

    @media all and (max-width: 768px) {
      justify-content: center;
    }

    li {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      padding: 0;
      border: 1px solid #8f8f8f;
      border-radius: 50%;
    }
  }

  .ps-emailsubscription-block {
    button {
      width: 39px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      color: #fff !important;
      background: #00bef0 !important;
      transition: all 0.2s ease-in-out;

      i {
        font-size: 19px;
      }

      &:hover {
        background: #463483 !important;
      }

      &:disabled {
        opacity: 0.5;
        cursor: not-allowed;
      }
    }

    input,
    .newsletter-input-group {
      border-radius: 50px;
    }

    input {
      padding-left: 22px;

      &:focus {
        background: transparent;
        border: unset !important;
        box-shadow: none !important;
      }
    }

    #gdpr_consent_19 {
      margin-top: 16px;
    }

    .psgdpr_consent_message {
      display: flex;
    }
  }
}

#footer-container-main,
#footer-copyrights {
  background: #2c1c64;
  color: #fff;
  margin-top: 0px;
  padding-bottom: 48px;

  .block-title {
    span {
      color: #fff;
      font-size: 1.2rem;
      font-weight: 700;

      @media all and (max-width: 768px) {
        width: 100%;
        display: flex;
        justify-content: space-between;
      }
    }
  }

  .block-content {
    ul {
      li {
        a {
          @media all and (max-width: 768px) {

            &::before {
              font-size: 14px !important;
              margin-right: 8px;
            }
          }
        }
      }
    }
  }

  a {
    color: #fff;

    &:hover {
      color: #00bef0;
    }
  }
}

#footer-container-main {
  .container {
    padding-top: 48px;
    border: unset;
  }
}

#footer-copyrights {
  padding: 28px 0px 20px 0px;
}

#wrapper {
  background: #efefef45;
}

/* ----------------------- HOMEPAGE START ----------------------- */

#index #wrapper {
  background: #efefef45;
  margin-top: 0px;
  padding-top: 0px;
}

.img-multiply {
  img {
    mix-blend-mode: multiply;
  }
}

.elementor-widget.bento-section {
  border-radius: 8px;

  background: radial-gradient(circle at bottom right, #47cefa73, #c2e5fbc7);
  width: 100%;
  height: 100%;
  max-height: 370px;

  @media all and (max-width: 768px) {
    max-height: unset;
  }

  .elementor-iqit-banner-title {
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    font-size: 1.9rem !important;
  }

  .elementor-button.elementor-size-medium {
    padding: 7px 20px !important;
    border-radius: 32px !important;
    background: #00bef0 !important;
    color: #fff !important;
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 8px !important;
    transition: all 0.2s ease-in-out !important;
    text-transform: none !important;
    border: unset !important;

    &:hover {
      gap: 14px !important;
    }

    .elementor-align-icon-right.elementor-button-icon {
      margin: 0px !important;

      i {
        margin: 0px !important;
      }
    }
  }

  .elementor-widget-container,
  .elementor-iqit-banner {
    width: 100%;
    height: 100%;
  }

  &.bento-section-big {}

  &.bento-section-small {

    .elementor-iqit-banner {
      padding: 12px;
      background: radial-gradient(circle at bottom right, #def4ff, #f1f8fb);
      border-radius: 8px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      gap: 12px;
      border: 1px solid #fff;
      transition: all 0.2s ease-in-out;

      &>a {

        @media all and (max-width: 768px) {
          width: 100%;
        }
      }

      .elementor-iqit-banner-content {
        padding: 12px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        gap: 0px;
        width: 100%;
        position: static;

        .elementor-iqit-banner-title {
          font-size: 19px !important;
          color: #2e2323 !important;
          line-height: 110% !important;
          font-weight: 600 !important;
          text-transform: none !important;
          margin-bottom: 12px !important;

          br {
            display: none;
          }
        }

        .elementor-button.elementor-size-medium {
          padding: 4px 12px;
          border-radius: 32px;
          background: #00bef0;
          color: #fff;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          gap: 8px;
          transition: all 0.2s ease-in-out;
          margin-top: 0px !important;
        }
      }
    }


  }

  @media (max-width: 768px) {
    .elementor-iqit-banner {
      h4.elementor-iqit-banner-title {
        font-size: 32px !important;
        margin-bottom: 12px;
      }
    }
  }
}

.home-card {
  .elementor-widget-wrap {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #efefef;
    background: #fff;
    display: flex;
    flex-direction: column;

    .elementor-widget-image {
      margin-top: -26px;
      margin-left: -24px;
      margin-right: -24px;

      img {
        padding: 0px;
        border-radius: 12px;
        width: 100% !important;
        aspect-ratio: 4 / 3;
        object-fit: cover;
      }
    }

    .elementor-widget-button {
      margin-top: auto;
    }
  }
}

.home-box-section {
  z-index: 2;

  &:not(:hover) {
    z-index: 0;
  }

  .elementor-iqit-banner-content-on,
  .elementor-iqit-banner {
    overflow: visible !important;
  }

  .sub-card-holder {
    transform: translateY(40px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;

    &>a {
      display: none;
    }

    &::before {
      content: "";
      position: absolute;
      top: -5px;
      left: 32px;
      width: 12px;
      height: 12px;
      z-index: 1;
      background: rgba(255, 255, 255, 0.95);
      transform: rotate(45deg);
    }

    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    padding: 12px;
    top: 99%;
    left: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    width: 850px;
    z-index: 22;
    border-radius: 8px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;

    .sub-card {
      background: radial-gradient(circle at bottom right, #def4ff, #f1f8fb);
      border-radius: 8px;
      overflow: hidden;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      gap: 12px;
      border: 1px solid #fff;
      transition: all 0.2s ease-in-out;

      &:hover {
        transform: translateY(-5px);
        box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.05);
      }

      a:empty {
        display: none;
      }

      .sub-card-text {
        padding: 12px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;

        &>a {
          display: none;
        }
      }

      .sub-card-title {
        font-size: 19px;
        color: #2e2323;
        line-height: 110%;
        font-weight: 600;

        a {
          color: #2e2323;
        }

        a:empty,
        a:first-child:not(:last-child) {
          display: none;
        }
      }

      .sub-card-button {
        padding: 4px 12px;
        border-radius: 32px;
        background: #00bef0;
        color: #fff;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 8px;
        transition: all 0.2s ease-in-out;

        &:hover {
          gap: 14px;
        }

        a {
          color: #fff;
        }
      }
    }
  }
}

.home-four-boxes {
  .elementor-button.btn {
    padding: 8px 12px !important;
    border-radius: 32px !important;
    background: #00bef0 !important;
    color: #fff !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease-in-out;
  }
}

@media (min-width: 1024px) {
  .elementor-widget-wrap:hover {
    .sub-card-holder {
      opacity: 1;
      visibility: visible;
      transform: translateY(0px);
    }
  }
}

.home-video {
  .elementor-video-wrapper {
    border-radius: 12px;
    overflow: hidden;
  }
}

.home-four-boxes-column {

  @media (max-width: 1023px) {
    .elementor-row {
      flex-wrap: nowrap;
    }
  }

  .swiper {
    padding-bottom: 3.5rem;

    @media (max-width: 1023px) {
      padding-bottom: 4.5rem;
    }
  }

  .swiper-button-wrapper {
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;

    .swiper-button-prev,
    .swiper-button-next {
      position: static;
      border: 1px solid #efefef;
      width: 56px;
      height: 56px;
      border-radius: 80px;
      background: #fff;
    }
  }
}

.realizacje-slider {
  overflow: hidden !important;

  img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 8px;
  }

  .swiper-button-wrapper {
    margin-top: 56px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 100% !important;

    .swiper-button-prev,
    .swiper-button-next {
      position: static;
      border: 1px solid #efefef;
      width: 56px;
      height: 56px;
      border-radius: 80px;
      background: #fff;
    }
  }

  @media (max-width: 768px) {}
}

/* ----------------------- HOMEPAGE END ----------------------- */

.cms-id-6 .p-70 {
  padding: 45px 0;
}

.section .wrapper {
  position: relative;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 1200px;
  padding: 0 15px;
  box-sizing: border-box;
  clear: both;
}

.flexwrap,
.flex-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
}

.col-2-wrap,
.col-3-wrap,
.col-4-wrap {
  width: calc(100% + 30px) !important;
  margin: 0 -15px;
}

.block {
  display: block;
  clear: both;
}

@media (min-width: 800px) {
  .vc_col-sm-6 {
    width: 50%;
  }
}

.vc_column-inner {
  box-sizing: border-box;
  padding: 0 15px;
  width: 100%;
}

.l-20 {
  line-height: 20px;
}

.f-14 {
  font-size: 14px;
}

.col-wrap {
  width: 100%;
  margin: 0;
}

.block {
  display: block;
  clear: both;
}

.flexwrap,
.flex-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
}

.col-2-wrap,
.col-3-wrap,
.col-4-wrap {
  width: calc(100% + 30px) !important;
  margin: 0 -15px;
}

/* .block {
    display: block;
    clear: both;
} */

.section {
  width: 100%;
  display: block;
  clear: both;
  float: left;
  position: relative;
}

.wpb_content_element {
  margin-bottom: 30px !important;
}

#ipm_type_400 #w.ukryta {
  width: 440px;
  height: 410px;
}

#ipm_type_400 #w {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  background-position: 0px -780px;
  list-style: none;
}

#ipm_type_400 #w,
#ipm_type_400 #w span.bg {
  background: transparent url(/img/400.png) no-repeat -9999px 0;
}

#w {
  margin: 0 auto;
}

#ipm_type_400 #w.ukryta li {
  width: 0;
  height: 0;
  text-indent: -9999px;
}

#w li {
  cursor: pointer;
}

#w li .map {
  top: 0;
  left: 0;
}

#w li span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  z-index: 15;
}

body {
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  height: auto;
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
  min-width: 360px;
}

body {
  margin: 0;
}

* {
  padding: 0;
  margin: 0;
}

a,
a:hover {
  text-decoration: none;
}

p {
  line-height: 1.8;
  margin: 0 0 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.3;
}

.float {
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.box {
  box-sizing: border-box;
}

@media (min-width: 800px) {
  .vc_col-sm-8 {
    width: 66.66666667%;
  }

  .vc_col-sm-6 {
    width: 50%;
  }

  .vc_col-sm-3 {
    width: 25%;
  }

  .vc_col-sm-4 {
    width: 33.33333333%;
  }

  .vc_col-sm-9 {
    width: 75%;
  }

  .front-kafel-wrap .vc_col-sm-6.float {
    padding: 0 15px 0 0;
  }

  .front-kafel-wrap .vc_col-sm-6.float+.vc_col-sm-6.float {
    padding: 0 0 0 15px;
  }

  .vc_col-sm-9 .main-tresc {
    padding: 0 30px 0 0;
    box-sizing: border-box;
  }
}

.apla-szara {
  padding: 40px;
  box-sizing: border-box;
  background-color: #f9f9f9 !important;
  margin-bottom: 30px !important;
}

.col-10 {
  width: 10%;
  padding: 20px 15px !important;
  box-sizing: border-box;
}

.col-10 img {
  width: 100%;
  height: auto;
  border: 1px solid #614191;
}

.loop-inner-tekst {
  padding: 0 15px 30px 15px;
}

.post-gal-link {
  padding: 0 0 20px 0;
}

.post-gal-link img {
  width: 100%;
  height: auto;
}

.vc_column-inner {
  box-sizing: border-box;
  padding: 0 15px;
  width: 100%;
}

hr.horizontal-break.srodek {
  margin: 0 auto 30px auto !important;
}

.dane-ico,
.dane-desc {
  padding: 25px 10px;
  display: inline-block;
}

.dane-ico i {
  font-size: 20px;
  color: #684fa1;
}

.banner {
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
  background-color: #000;
  width: 100%;
}

.banner-content {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  color: white;
  position: absolute;
  z-index: 2;
}

.banner img {
  opacity: 0.75;
  width: 100%;
  height: auto;
}

.banner-inner {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}

.btn.filled {
  color: #fff;
  display: inline-block;
  -webkit-border-radius: 0;
  border-color: #4c2e7a;
  border: none;
  background-color: #4c2e7a;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 40px;
}

.btn.big,
.button.big,
.subscription-toggle,
.bag-total-table .large-btn {
  line-height: 40px;
  height: 40px;
  padding: 0 28px;
  font-size: 13px;
  letter-spacing: 1px;
}

.fblack {
  color: black;
}

hr.horizontal-break,
hr.break {
  width: 50px;
  margin: 20px auto;
  display: block;
  height: 3px;
  background: #e6e6e6;
  border: none;
}

.margin0,
.wpb_content_element.margin0 {
  margin: 0 !important;
}

img {
  vertical-align: middle;
  border: 0;
  display: block;
}

.banner hr.horizontal-break {
  margin: 10px auto !important;
  width: 45px;
}

h2.margin0 {
  text-transform: uppercase;
}

.p-40,
#front-sec4 {
  padding: 40px 0;
}

.divider+.text {
  padding: 30px 0;
}

#front-sec3 .divider+.text {
  padding: 20px 0;
}

#front-sec5 {
  color: white;
}

#front-sec5 .flexwrap {
  padding: 35px 0;
}

.wrapper ul,
.wrapper ol {
  padding-left: 20px;
}

.wrapper li {
  list-style: inherit;
}

.front-sec4 {
  padding: 40px 0;
}

.copyright-2 .container .row-copyrights,
.copyright .container .row-copyrights {
  padding: 20px 0;
}

.btn.big,
.button.big,
.subscription-toggle,
.bag-total-table .large-btn {
  line-height: 40px !important;
  height: 40px;
  padding: 0 28px !important;
  font-size: 13px !important;
  letter-spacing: 1px;
}

.btn,
.button,
.wishlist_table .add_to_cart.button,
.wpcf7-submit {
  color: #fff;
  background-color: #00bef0;
  text-transform: uppercase;
  border-radius: 0;
  font: 11px/15px "Roboto", Arial, Helvetica, sans-serif;
  padding: 6px 18px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
}

.ph-recommend-products.featured-products.clearfix .btn.btn-product-list.add-to-cart {
  color: #fff;
  background-color: #00bef0;
  text-transform: uppercase;
  border-radius: 0;
  font: 11px/15px "Roboto", Arial, Helvetica, sans-serif;
  padding: 6px 18px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
}

.btn:hover,
.button:hover,
.wishlist_table .add_to_cart.button:hover,
.wpcf7-submit:hover {
  border-color: #614191;
}

.vc_btn3-size-md {
  font-size: 14px;
  padding: 14px 20px;
  background-color: #4b2f79;
  color: white;
  margin-top: 30px;
}

.vc_btn3-size-md i,
.vc_btn3-size-md:hover i {
  color: white;
  margin-right: 10px;
}

.vc_btn3-size-md:hover {
  background: black;
  color: white;
}

.custom.tparrows.tp-rightarrow:before {
  content: ">>" !important;
  font-family: "Futura" !important;
}

.custom.tparrows.tp-leftarrow:before {
  content: "<<" !important;
  font-family: "Futura" !important;
}

#cook-close {
  font-size: 16px;
  display: inline-block;
  float: right;
  line-height: 25px;
  width: 118px;
  text-align: left;
  position: relative;
  z-index: 9999999999999999999;
  position: relative;
  box-sizing: border-box;
  font-weight: 700;
  color: white;
  cursor: pointer;
}

#cook-info {
  display: inline-block;
  float: left;
  width: calc(100% - 160px);
  font-size: 13px;
  line-height: 19px;
  position: relative;
  z-index: 9999999999999999999;
}

#xrootCookieRules {
  background: #00bef0;
  color: #fff;
  padding: 26px 0;
  position: fixed;
  bottom: 0;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 99999999;
}

#iqitcompare-floating {
  right: 12px;
}

.iqitcompare-table-container {
  .btn.btn-product-list.add-to-cart {
    background-color: #00bef0 !important;
    color: #fff !important;

    &:hover {
      background-color: #614191;
    }
  }
}

@media (max-width: 780px) {
  #cook-info {
    width: 100%;
    clear: both;
    padding-bottom: 10px;
  }

  #cook-close {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
  }
}

#front-sec5 .btn.filled {
  background-color: #1db2e8;
  margin: 40px auto !important;
}

.btn.filled:hover,
#front-sec5 .btn.filled:hover {
  background: #6850a1;
}

.banner:hover hr {
  background: #00bef0;
}

.banner:hover h2 {
  color: #6850a1;
}

.banner:hover img {
  transform: scale(1.1);
  opacity: 1;
}

#top-of-footer a {
  color: white;
  display: block;
  clear: both;
}

#top-of-footer a:hover {
  color: #00bef0;
}

#top-of-footer h4 {
  padding: 0 0 15px 0;
}

.et-search-trigger .fa-search:hover {
  color: white;
  background: #6850a1;
}

.mfp-bg,
.mfp-bg3 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20000;
  overflow: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20100;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

#searchModal,
#searchModal3 {
  width: 680px;
  margin: 0 auto;
  max-width: 85%;
}

.modal-type-1 .modal-dialog {
  padding: 36px 10px 33px;
  background-clip: padding-box;
  background-color: #ffffff;
  margin: 0 auto;
  width: 600px;
  -webkit-box-shadow: 0 0 0 27px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 27px rgba(255, 255, 255, 0.2);
}

.modal-dialog {
  width: 90%;
  max-width: 600px;
  margin: 30px auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

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

.modal-type-1 .mfp-close,
.modal-type-1 .mfp-close3 {
  top: -25px !important;
  right: 10px !important;
  font-size: 25px !important;
  position: absolute;
  background-color: white;
  overflow: visible;
  cursor: pointer;
  border: 0;
  padding: 5px;
  width: 25px;
  height: 25px;
  line-height: 5px;
  border: none !important;
}

.mfp-close-btn-in .mfp-close,
.mfp-close-btn-in .mfp-close3 {
  color: #333333;
}

.mini-text {
  font-size: 13px;
  line-height: 20px;
  color: #6e6e6e;
}

.modal-form {
  margin: 40px 0 0;
}

.has-border .form-control {
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 0;
  box-shadow: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"] {
  display: block;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px;
  border: 1px solid #d5d5d5;
  height: 39px;
  width: 100%;
  box-sizing: border-box;
}

button:focus,
input {
  outline: none !important;
}

.medium-btn {
  background-color: #6850a1;
}

#searchModal .btn-black {
  background-color: #6850a1;
  color: #fff;
  border: none;
  margin-top: 30px;
  cursor: pointer;
}

.btn.medium,
.button.medium,
button.btn.medium-btn {
  padding: 9px 28px !important;
  line-height: 15px !important;
  font-size: 13px !important;
}

.main {
  padding: 90px 0 0 0;
}

.social-prawa {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  right: 1px;
  display: block;
  z-index: 50 !important;
}

.soc-btn {
  width: 50px;
  height: 50px;
  display: block;
  background: #6850a1;
  color: white;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
}

.soc-btn:hover {
  color: white;
  background: #00bef0;
}

.soc-btn i {
  color: white;
}

.aio-icon {
  color: #15afea;
  background: #fbfbfb;
  font-size: 25px;
  display: inline-block;
  border-radius: 50%;
  clear: both;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.aio-icon i {
  font-size: 25px;
}

.stats-top .stats-number {
  padding: 11px 0;
  font-size: 28px;
  line-height: 1.3em;
  font-weight: 500;
  display: block;
  clear: both;
}

.naglowki h2,
.main-tresc h2 {
  font-size: 25px;
  line-height: 1.7;
  text-transform: none;
}

.naglowki hr,
.main-tresc hr {
  background: #04bef0;
}

.wpb_content_element {
  margin-bottom: 30px !important;
}

.main-tresc h2 {
  font-family: "Futura";
  margin: 0;
  padding: 0;
}

.main-tresc h2+hr {
  margin: 0 0 25px 0 !important;
}

.stats-desc-loop {
  padding: 0 0 24px 0;
}

.kadra-col {
  padding: 0 15px 20px 0;
}

.kadra-col h4 {
  font-size: 20px;
  color: #252525;
}

.kadra-col h5 {
  color: #6850a1;
  padding: 6px 0;
}

a {
  color: black;
}

a:hover {
  color: #6850a1;
}

.cennik-link {
  height: 300px;
  overflow: hidden;
}

.przekreslona {
  font-size: 18px !important;
  line-height: 18px !important;
  text-decoration: line-through;
}

.f-red {
  color: red;
}

.newsletteraction {
  display: none;
}

.blog-col-loop {
  padding: 15px;
  box-sizing: border-box;
}

.blog-link {
  padding: 60% 0 0 0;
}

.blog-t {
  padding: 13px 0;
  margin: 0 0 13px 0;
  border-bottom: 1px solid silver;
  color: #00bef0 !important;
}

.blog-url {
  color: white !important;
  background: #00bef0;
  padding: 10px;
  margin: 20px 0;
}

.blog-url:hover {
  background: #6850a1;
}

.blog-col-inner {
  padding: 12px;
  box-sizing: border-box;
  height: 100%;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.blog-col-inner:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.blogsoc-buttons {
  .blogsoc-icon {
    background-color: #02bef0;

    svg {
      width: 18px;
      height: 18px;
      fill: #fff;
      transition: fill 0.2s ease;
    }
  }
}

.prestablogExtra {
  display: none;
}

@media (max-width: 900px) {
  .blog-col-loop {
    width: 100% !important;
  }
}

.p-prev {
  margin: 0 15px 15px 0;
}

.p-prev a,
.p-next a {
  color: white !important;
  background: #00bef0;
  padding: 10px;
  border-radius: 4px;
  margin: 20px 0;
}

.p-prev a:hover,
.p-next a:hover {
  background: #6850a1;
}

.post-van {
  padding: 20px 0;
}

.rot-inner {
  position: absolute;
  padding: 25% 0 0 0;
  width: 100%;
  max-width: 900px;
  z-index: 6;
}

.rot-holder {
  padding: 15px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
}

.wrapper-no-pointer {
  pointer-events: none;
}

.mod_mylivechat {
  text-align: center;
}

#MyLiveChatScriptBox {
  text-align: center;
  margin: auto;
  float: right;
}

.trzybloki .dane-ico i {
  font-size: 30px;
  line-height: 50px;
}

@media (min-width: 800px) {
  .czterybloki {
    position: relative;
    padding-bottom: 35px;
  }

  .czterybloki:after {
    content: "";
    position: absolute;
    top: 0;
    height: 180px;
    right: -5px;
    border-right: 1px solid silver;
  }

  .czterybloki:last-child:after {
    display: none;
  }
}

@media (max-width: 1100px) {
  .serwis-col {
    width: 100% !important;
    padding: 0 15px 30px 15px;
  }
}

.dane-desc {
  box-sizing: border-box;
}

.pricing-table ul {
  box-sizing: border-box;
  float: left;
  list-style: none outside none;
  margin: 0 0 30px -2px;
  padding: 0;
  width: calc(100% + 1px);
}

.serwis.pricing-table ul li.row-title {
  font-family: Futura;
}

.pricing-table ul li.row-title {
  border-top: 1px solid #ebebeb;
  color: #000000;
  font-family: Georgia;
  font-size: 20px;
  text-transform: uppercase;
}

.pricing-table ul li {
  background-color: #ffffff;
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding: 20px;
  text-align: center;
}

.serwis.pricing-table ul li.row-price {
  background: none repeat scroll 0 0 #684fa1;
  font-size: 18px;
  color: #ffffff;
  font-style: italic;
}

.wpcf7 label,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
}

label {
  font-weight: 400;
  font-size: 14px;
}

label {
  display: block;
  margin-bottom: 10px;
  clear: both;
}

.wpcf7-form-control-wrap {
  position: relative;
  padding: 12px 0;
}

.c-formul {
  padding: 30px 0;
}

.wpcf7 textarea {
  width: 100%;
  padding: 9px 6px;
  box-sizing: border-box;
}

.mapa-details {
  padding: 6px 0;
}

.mapa-details i {
  font-size: 15px;
  margin: 0 10px 0 0;
}

.mapdetp1 {
  padding: 11px 0 0 0;
}

.page-template-kontakt .p-70 {
  padding: 45px 0;
}

.bb-link {
  background: #402f8b;
  color: #ffffff;
}

.ult-banner-block img {
  width: 100%;
  height: auto;
  display: block;
}

.ult-banner-block {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.ult-banner-block,
.video-col {
  margin-bottom: 20px;
}

.ult-banner-block .bb-link {
  padding: 6px;
  box-sizing: border-box;
}

.ult-banner-block:hover .bb-link {
  background: black;
  color: white;
}

.imagelinkloop:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  z-index: 5;
}

.imagelinkloop:hover:before {
  opacity: 1;
}

.imagelinkloop i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 30px;
  z-index: 7;
  opacity: 0;
}

.imagelinkloop {
  overflow: hidden;
  position: relative;
}

.imagelinkloop:hover i {
  opacity: 1;
}

.imagelinkloop.post-gal-link {
  padding: 0 !important;
}

.vc_column-inner iframe {
  width: 100%;
  height: auto;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tabs .tab-content h2 {
  font-size: 18px;
}

.tab-content-inner h2 {
  font-weight: bold;
  padding: 5px 0 20px 0;
}

.product-information .product_title {
  font-size: 30px;
}

@media screen and (min-width: 1200px) {
  .col-lg-6 {
    width: 50%;
  }
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  float: left;
}

.product-images {
  margin-bottom: 30px;
  text-align: center;
  padding: 0 25px 25px 0;
  box-sizing: border-box;
}

.product-images img {
  width: 100%;
  height: auto;
}

@media (min-width: 992px) {
  .col-md-push-3 {}

  .col-md-9 {
    width: 75%;
  }

  .col-md-pull-9 {}

  .col-md-3 {
    width: 25%;
  }

  .single-prod-wrap {
    flex-flow: row-reverse !important;
  }

  .single-prod-wrap .col-md-9 {
    padding: 0 0 0 30px;
    box-sizing: border-box;
  }
}

.sidebar-widget .widget-title,
.sidebar-slider .widget-title {
  border-top: 1px solid #614191;
  border-bottom: 1px solid #ddd;
  margin: 0 0 22px;
  padding: 20px 0 20px;
  text-align: left;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px;
}

table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #efefef;
}

h4,
.h4 {
  font-size: 18px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-bottom: 10px;
}

.menu-social-icons i {
  position: relative;
  z-index: 2;
  font-style: normal;
  font-size: 16px;
  background-color: #614191;
  color: #fff;
  border-radius: 100%;
  line-height: 26px;
  text-align: center;
  display: block;
  width: 28px;
  height: 28px;
}

.menu-social-icons a {
  float: left;
  margin-right: 14px;
  position: relative;
  list-style: none;
}

.menu-social-icons a:hover i {
  background: black;
}

.meta-title {
  font-size: 16px;
  font-weight: 400;
  color: #252525;
  line-height: 16px;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  float: left;
  width: 100%;
}

.product-navigation {
  width: 100%;
  padding: 15px 0;
  position: relative;
}

.product-navigation .product-arrows {
  position: absolute;
  right: 0;
  top: 7px;
  background-color: #fff;
  padding-left: 5px;
  z-index: 1;
}

.pull-right {
  float: right !important;
}

.product-navigation .next-product,
.product-navigation .prev-product {
  background: none;
  width: 31px;
  position: relative;
  height: 31px;
  border: 1px solid #eee;
  font-style: normal;
  border-radius: 100%;
  margin: 0 0 0 4px;
}

.product-navigation .next-product a,
.product-navigation .prev-product a {
  width: 31px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  display: block;
}

.meta-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}

.meta-title span {
  padding: 0 6px 0 0;
  background: #fff;
  position: relative;
  z-index: 2;
}

.product-information .price {
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  font: 25px/25px "Roboto", sans-serif;
}

.product-price-netto.product-price-netto-miniature {
  font: 12px/12px "Roboto", sans-serif;
  color: #00BEF0;
  margin-top: 3px;
  margin-bottom: 15px;
}

.product-price-netto {
  font: 16px/16px "Roboto", sans-serif;
  color: #00BEF0;
  margin-top: 3px;
  margin-bottom: 15px;
}

.product_meta {
  list-style: none;
  margin: 20px 0 30px;
  padding: 0;
  font: 13px/30px "Roboto", Arial, sans-serif;
  float: left;
  width: 100%;
  color: #000;
}

.product_meta>span {
  display: inline-block;
  width: 100%;
}

.product-categories {
  list-style: none;
  padding: 0 !important;
}

.product-categories .cat-parent {}

.product-categories a {
  list-style: none;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color: rgba(80, 57, 140, 1);
}

.product-categories a {
  color: #fff;
  font-size: 115%;
  padding: 4px 6px;
  box-sizing: border-box;
}

.product-categories .subcat-link {
  border-top: 1px solid #e9e9e9;
  list-style: none;
}

.product-categories .subcat-link i {
  margin: 0 8px 0 6px;
}

.related-l-title {
  font-size: 22px;
  margin: 0 0 15px;
  border-top: 1px solid #614191;
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 40px;
}

.products-grid .product-title {
  font: 17px/23px "Roboto", Arial, Helvetica, sans-serif;
  color: #000;
  margin: 15px 0;

  a {
    display: flex !important;
    flex-direction: column;
    gap: 9px;
  }

  .product-sku {
    font-size: 18px;
    color: #2c1c64;
    display: block;
    width: 100%;
  }

  .product-name {
    font-size: 13px;
    color: #666;
    display: block;
    width: 100%;
    line-height: 1.2;
  }
}

.imagelinkloop img {
  width: 100%;
  height: auto;
}

.productcol {
  padding: 15px;
  box-sizing: border-box;
}

.loopprice {
  font: 18px/20px "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #000;
  margin: 0 0 11px;
  display: block;
}

.incategoriesprod {
  padding: 6px 0 0 0;
}

.incategoriesprod a {
  color: #6850a1;
  margin: 0 5px;
  text-transform: uppercase;
  font-weight: 500;
}

.incategoriesprod a:hover {
  color: black;
}

.bottomimagelink {
  position: absolute;
  padding: 5px 10px;
  text-align: center;
  background: rgba(0, 190, 240, 0.85);
  color: white;
  left: 50%;
  bottom: -50px;
  transform: translateX(-50%);
  z-index: 10;
  pointer-events: none;
}

.bottomimagelink i {
  position: relative;
  margin: 0 5px 0 0;
  left: 0;
  transform: translate(0, 0);
  opacity: 1;
  font-size: 14px;
}

.imagelinkloop:hover .bottomimagelink {
  bottom: 0;
}

#openform {
  cursor: pointer;
  clear: both;
  margin: 30px 0;
}

.mfp-bg2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20000;
  overflow: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

#searchModal2 {
  width: 680px;
  margin: 0 auto;
  max-width: 85%;
}

.modal-type-1 .mfp-close2 {
  top: -25px !important;
  right: 10px !important;
  font-size: 25px !important;
  position: absolute;
  background-color: white;
  overflow: visible;
  cursor: pointer;
  border: 0;
  padding: 5px;
  width: 25px;
  height: 25px;
  line-height: 5px;
  border: none !important;
}

.mfp-close-btn-in .mfp-close2 {
  color: #333333;
}

#searchModal2 .modal-dialog {
  float: left;
}

#searchModal2 .c-formul {
  text-align: left !important;
}

textarea {
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
}

.katalog-thumb {
  width: 40%;
  padding: 0 30px 0 0;
  box-sizing: border-box;
}

.katalog-desc {
  width: 60%;
}

.widoklink {
  border: 1px solid rgba(80, 57, 140, 1);
  width: 35px;
  height: 35px;
  margin: 0 10px 20px 0;
  cursor: pointer;
}

.widoklink i {
  color: black;
}

.widoklink:hover {
  background: black;
}

.widoklink:hover i {
  color: white;
}

.listaview {
  background: rgba(80, 57, 140, 1);
}

.listaview i {
  color: white;
}

.katalog-col {
  padding: 0 0 15px 0;
  margin: 0 0 15px 0 !important;
  border-bottom: 1px solid silver;
}

#phonecontact {
  display: none;
}

#searchModal2 label,
#searchModal2 .rodo {
  width: calc(50% - 15px) !important;
  float: left !important;
  display: inline-block !important;
  clear: none !important;
}

#searchModal2 label,
#searchModal2 .rodo {
  margin: 0 0 5px 15px;
}

#searchModal2 label:nth-child(2n) {
  margin: 0 15px 5px 0;
}

#searchModal2 .rodo label {
  width: 100% !important;
  margin: 0 !important;
}

#searchModal2 .rodo {
  font-size: 12px !important;
  line-height: 15px !important;
}

#searchModal2 form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
}

.category-desc img {
  max-width: 100%;
  height: auto;
}

.kurentkat {
  background: #00bef0 !important;
}

.kurentkat:hover {
  background: #000 !important;
}

.orderby {
  height: 35px;
  line-height: 35px;
  margin: 0 0 20px 10px;
  width: 210px;
  border: 1px solid rgba(80, 57, 140, 1);
  padding: 0 !important;
}

.orderby li {
  position: relative;
}

.orderby a {
  padding: 0 10px;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
}

.sort-sub {
  display: none;
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 15;
  padding: 0 !important;
}

.sort-sub li a {
  background: rgba(80, 57, 140, 1);
  color: white;
}

.orderby a:hover {
  background: black;
  color: white !important;
}

.orderby .first a i {
  float: right;
  padding: 11px 0 0 0;
}

.pagination {
  width: 100%;
  clear: both;
}

.loopprice {
  min-height: 33px;
}

.youtube-film {
  padding: 5px 0;
}

.youtube-film a {
  background: #00bef0 !important;
}

.youtube-film a:hover {
  background: #000 !important;
}

.novatcena {
  color: #767676 !important;
  font-size: 17px !important;
  padding-left: 6px;
}

#image-val li {
  padding: 2px;
}

#image-val li:focus,
#image-val li img:focus {
  outline: none;
}

#image-val img {
  border: 1px solid silver;
  cursor: pointer;
}

#image-val img:hover {
  border: 1px solid rgba(80, 57, 140, 1);
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.imgover {
  padding: 0px;
}

.container {
  position: relative;
}

.imgloader {
  position: absolute;
  top: 25%;
  margin-top: -35px;
  left: 50%;
  margin-left: -64px;
  z-index: 1;
}

.prex3d {
  padding: 30px 0;
}

.prex3d i {
  font-size: 17px;
}

.prex3d i:hover {
  color: black;
}

.product-categories .subcatsub-link i {
  margin: 0 8px 0 20px;
}

.product-categories .subcatsub-link {
  font-size: 14px !important;
}

.product-images .imgloader {
  display: none !important;
}

.warianty-wrap .price {
  margin-top: 15px;
  margin-bottom: 15px;
}

.wariantname {
  margin-top: 15px !important;
}

.przekreslona .novatcena {
  font-size: 15px !important;
}

#respmenu {
  width: 50px;
  height: 51px;
  line-height: 50px;
  position: relative;
  float: right;
  cursor: pointer;
  z-index: 99;
  display: none;
  text-align: center;
  margin-top: 15px;
}

.menu-line {
  width: 32px;
  height: 4px;
  background: #fff;
  display: block;
  position: absolute;
}

.toggled .menu-line,
.nav-toggled .menu-line,
.b2toggled .menu-line {
  width: 14px;
  height: 3px;
}

#line-first,
.line-first {
  top: 42px;
  right: 20px;
}

#line-second,
.line-second {
  top: 49px;
  right: 20px;
}

#line-third,
.line-third {
  top: 56px;
  right: 20px;
}

#line-fourth,
.line-fourth {
  opacity: 0;
  top: 56px;
  right: 20px;
}

.toggled #line-first,
.nav-toggled .line-first,
.b2toggled .line-first {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  top: 44px;
}

.toggled #line-second,
.nav-toggled .line-second,
.b2toggled .line-second {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  top: 54px;
}

.toggled #line-third,
.nav-toggled .line-third,
.b2toggled .line-third {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  top: 44px;
  right: 30px;
}

.toggled #line-fourth,
.nav-toggled .line-fourth,
.b2toggled .line-fourth {
  opacity: 1;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  top: 54px;
  right: 30px;
}

.top-menu>li {
  position: relative;
}

.main-navigation {
  float: left;
  margin: 0;
  text-align: right;
  display: block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

#topmenu {
  float: left;
  width: 100%;
  display: inline-block;
  padding: 0;
}

.top-menu {
  text-align: right;
  padding: 22px 0 0 0;
}

.top-menu>li {
  padding: 0 3px 0 0;
  display: inline-block;
}

.top-menu>li>a {
  font-size: 14px;
  line-height: 14px;
  text-align: right;
  display: block;
  position: relative;
  padding: 8px;
  position: relative;
  box-sizing: border-box;
  text-transform: uppercase;
  color: black;
}

#topmenu a span {
  position: relative;
  z-index: 4;
}

/* Background Blobs */
.background-blobs {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.2;
  will-change: transform;
}

.blob svg {
  width: 100%;
  height: 100%;
  animation: float 20s infinite ease-in-out alternate;
}

.blob-1 {
  top: -10%;
  left: -10%;
  width: 50vw;
  height: 50vw;
  animation-delay: 0s;
}

.blob-2 {
  top: 20%;
  right: -10%;
  width: 40vw;
  height: 40vw;
  animation-delay: -5s;
}

.blob-3 {
  bottom: -10%;
  left: 20%;
  width: 45vw;
  height: 45vw;
  animation-delay: -10s;
}

.blob-4 {
  bottom: 30%;
  right: 20%;
  width: 35vw;
  height: 35vw;
  animation-delay: -15s;
}

@keyframes float {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  100% {
    transform: translate(30px, 50px) rotate(10deg);
  }
}


@media (min-width: 1161px) {
  #masthead .sub-menu {
    position: absolute;
    left: 0;
    top: 28px;
    background: #fff;
    padding: 15px;
    display: none;
    width: 250px !important;
    box-sizing: border-box;
    border: 3px solid #e6e6e6;
    z-index: 30;
  }

  #masthead .sub-menu li {
    display: block;
    padding: 0 !important;
    background: transparent !important;
  }

  #topmenu li:hover .sub-menu {
    display: block !important;
  }

  #masthead .sub-menu li a {
    padding: 8px 0 !important;
    text-align: left;
    font-size: 14px !important;
    display: block;
    box-sizing: border-box;
    color: #000;
    background: transparent !important;
  }

  #masthead .sub-menu li a:hover {
    color: #00bef0 !important;
  }

  .sub-menu .current_page_item a {
    color: #00bef0 !important;
  }
}

.mobile-menu__currency-selector {
  display: none !important;
}

.btn.btn-icon.mobile-menu__close.js-mobile-menu__close {
  width: 44px;
  height: 44px;
}

#masthead {
  width: 100%;
  display: block;
  margin: 0;
  float: left;
  position: fixed;
  z-index: 70;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background: #fff;
}

.main-nav-h {
  width: 100%;
  float: left;
  z-index: 30;
  padding: 0;
}

.menu-main-container,
.menu-top-en-container {
  width: calc(100% - 70px);
  display: inline-block;
  float: left;
}

.resp-top-infos {
  width: 60px;
  display: inline-block;
  float: left;
  padding: 13px 0 0 0;
}

.resp-top-infos #flags {
  padding: 6px 0 0 0;
}

#logo {
  display: block;
  float: left;
  position: relative;
  width: 218px;
  height: 74px;
  padding: 0;
  z-index: 90;
  box-sizing: border-box;
  margin: 8px 0;
  overflow: hidden;
}

#right-navi {
  width: calc(100% - 218px);
  display: inline-block;
  float: left;
  padding: 10px 0 0 0;
}

@media (min-width: 1161px) {
  #bottom-resp-langs {
    display: none !important;
  }
}

@media (max-width: 1160px) {

  #top-lang-sw,
  .top-infos {
    display: none !important;
  }

  #bottom-resp-langs {
    display: block !important;
  }
}

.et-search-trigger .fa-search {
  background: #00bef0;
}

.et-search-trigger .fa-search {
  width: 33px;
  height: 33px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  line-height: 33px;
  border-radius: 30px;
  -webkit-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  -o-transition: background 0.25s ease;
  transition: background 0.25s ease;
  float: right;
}

.et-search-trigger .popup-with-form>span {
  display: none;
}

.resp-top-infos #flags {
  position: absolute;
  right: 0;
  top: 52px;
  width: 100px;
}

.resp-top-infos {
  position: relative;
}

#rotator-home {
  position: relative;
}

.rslides li:first-child {
  position: relative !important;
}

.rotator-bg img {
  position: relative !important;
}

.rotator-bg img {
  width: 100%;
  height: auto;
  float: right;
  margin: 0;
}

.rslides_tabs {
  position: absolute;
  width: 100%;
  z-index: 30;
  top: 90%;
}

#rotator-inner-nav {
  width: 180px;
  position: absolute;
  bottom: 100px;
  left: 15px;
}

.rot-prev,
.rot-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  line-height: 45px;
  border-radius: 100%;
  text-align: center;
  border: 1px solid white;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.rot-prev {
  left: 15px;
}

.rot-next {
  right: 15px;
}

.rot-prev:hover,
.rot-next:hover {
  background: rgba(0, 0, 0, 0.6);
}

.rot-prev i,
.rot-next i {
  color: white;
  font-size: 20px;
}

@media (max-width: 700px) {

  .rot-prev i,
  .rot-next i {
    font-size: 14px !important;
  }

  .rot-prev,
  .rot-next {
    width: 25px !important;
    height: 25px !important;
    line-height: 26px !important;
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.clr:before,
.clr:after,
[class*="ctr"]:before,
[class*="ctr"]:after {
  content: "";
  display: table;
}

.clr:after,
[class*="ctr"]:after {
  clear: both;
}

.has-burger {
  overflow-y: hidden;
}

.block {
  display: block;
  clear: both;
}

#page {
  width: 100%;
  display: block;
  float: left;
  min-width: 299px;
  padding: 0 !important;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 1200px;
  padding: 0 15px;
  box-sizing: border-box;
  clear: both;
}

.sub-wrapper {
  width: 100%;
  margin: 0 auto;
  display: block;
  padding: 0;
  box-sizing: border-box;
  clear: both;
}

.bigwrap {
  width: 100%;
  margin: 0 auto;
  display: block;
  padding: 0 10px;
  box-sizing: border-box;
  clear: both;
  max-width: 1490px;
  position: relative;
}

.fullwrap {
  width: 100%;
  display: block;
  clear: both;
  padding: 0 5px;
  max-width: 1700px;
  box-sizing: border-box;
  margin: 0 auto;
}

.col-2-wrap,
.col-3-wrap,
.col-4-wrap {
  width: calc(100% + 30px) !important;
  margin: 0 -15px;
}

.col-2 {
  width: 50%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.col-3 {
  width: 33.33333333333333%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.col-4 {
  width: 25%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.col-5 {
  width: 20%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.col-6 {
  width: 16.66666666666667%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.col-66 {
  width: 66.66666666666667%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.col-100-5 {
  width: 80%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}

.flexwrap,
.flex-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
}

.w-40 {
  width: 40%;
}

.w-60 {
  width: 60%;
}

.float {
  float: left;
  display: inline-block;
}

.float-r {
  float: right;
  display: inline-block;
}

.box {
  box-sizing: border-box;
}

.section {
  width: 100%;
  display: block;
  clear: both;
  float: left;
  position: relative;
}

.section .wrapper {
  position: relative;
}

.text p {
  margin-bottom: 20px;
}

.ed ul {
  padding: 15px 0;
  list-style: none;
}

.ed ul li {
  position: relative;
  padding: 0 0 30px 45px;
  box-sizing: border-box;
  margin: 0;
  list-style: none;
}

.ed ul li:before {
  content: "";
  position: absolute;
  width: 9px;
  height: 5px;
  border-left: 2px solid #684fa1;
  border-bottom: 2px solid #684fa1;
  transform: rotate(-45deg);
  top: 8px;
  left: 8px;
  z-index: 2;
}

.ed ul li:after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
}

.ed h2,
.ed h3 {
  font-family: "Futura";
  margin: 0 0 25px 0;
  padding: 0;
}

.p-50 {
  padding: 50px 0;
}

.p-60 {
  padding: 60px 0;
}

.p-70 {
  padding: 70px 0;
}

.p-80 {
  padding: 80px 0;
}

.p-90 {
  padding: 90px 0;
}

.p-100 {
  padding: 100px 0;
}

.p-115 {
  padding: 115px 0;
}

.p-120 {
  padding: 120px 0;
}

.p-140 {
  padding: 140px 0;
}

.p-150 {
  padding: 150px 0;
}

.p-160 {
  padding: 160px 0;
}

.p-180 {
  padding: 180px 0;
}

.p-200 {
  padding: 200px 0;
}

.p-70-2 {
  padding: 70px 0 0 0;
}

.p-80-2 {
  padding: 80px 0 0 0;
}

.p-90-2 {
  padding: 90px 0 0 0;
}

.p-100-2 {
  padding: 100px 0 0 0;
}

.p-115-2 {
  padding: 115px 0 0 0;
}

.p-120-2 {
  padding: 120px 0 0 0;
}

.p-140-2 {
  padding: 140px 0 0 0;
}

.p-150-2 {
  padding: 150px 0 0 0;
}

.p-180-2 {
  padding: 180px 0 0 0;
}

.p-200-2 {
  padding: 200px 0 0 0;
}

.col-wrap {
  width: 100%;
  margin: 0;
}

.col-3-wrap,
.col-4-wrap {
  width: calc(100% + 30px);
  margin: 0 -15px;
}

.col-5-wrap {
  width: calc(100% + 20px);
  margin: 0 -10px;
}

@media (min-width: 1161px) {
  #masthead.sticky {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 1160px) {
  .main-navigation {
    width: 100%;
  }

  #menu-info {
    display: block;
    position: absolute;
    text-align: right;
    width: 69px;
    top: 1px;
    height: 80px;
    line-height: 77px;
    left: 0;
    text-transform: uppercase;
  }

  .has-burger {
    overflow-y: hidden;
  }

  #masthead {
    position: fixed;
    top: 0;
    box-shadow: none;
    height: 94px;
  }

  #masthead.sticky {
    margin-top: 0px !important;
  }

  #topmenu {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow-y: scroll;
    clear: both;
    margin-right: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 210;
    background: white;
  }

  .m-open {
    display: block !important;
  }

  .top-menu {
    padding-top: 0px;
  }

  .top-menu {
    width: 100%;
    display: block;
    float: left;
  }

  #topmenu a:before {
    display: none !important;
  }

  #respmenu {
    display: block;
    width: 130px;
    height: 80px;
    position: absolute;
    z-index: 220;
    right: -10px;
    margin-top: 1px;
    background: transparent;
  }

  #respmenu .menu-line {
    background: #6850a1;
  }

  #burger {
    margin: -15px -7px 0 2px;
    position: relative;
  }

  .top-menu li {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
    padding: 0 !important;
    box-sizing: border-box;
  }

  .top-menu li a {
    padding: 20px 0;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    width: 100%;
    display: block;
    position: relative;
  }

  .sub-menu {
    display: block;
  }

  .sub-menu a {
    font-size: 16px !important;
    font-weight: 600;
  }

  .menu-top-pl-container {
    width: 100%;
    float: left;
    clear: both;
  }

  .main-navigation {
    position: relative;
  }

  .top-menu {
    width: 100% !important;
    padding: 60px 0;
  }

  .top-menu {
    width: 100% !important;
    overflow: hidden;
  }

  .sub-menu {
    padding: 0 !important;
  }

  .sub-menu a {
    color: black;
  }

  .resp-top-infos {
    display: none;
  }
}

@media (max-width: 1050px) {
  .f-48 {
    font-size: 28px !important;
  }

  .col-10 {
    width: 20%;
  }

  .top-tit {
    font-size: 28px !important;
    line-height: 35px !important;
  }

  .soc-btn {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
  }

  .social-prawa {
    width: 30px;
    height: 30px;
  }

  .realizacje-col {
    width: 50%;
  }
}

@media (max-width: 799px) {
  .vc_col-sm-3 {
    width: 50%;
    padding: 0 0 30px 0;
  }

  .vc_col-sm-8,
  .vc_col-sm-6,
  .vc_col-sm-4 {
    width: 100%;
  }

  #mainbody .vc_col-sm-3 {
    width: 100%;
    padding: 30px 0;
  }

  .loop-inner-tekst,
  .video-col {
    width: 100%;
  }

  .col-10 {
    width: 30%;
  }
}

@media (max-width: 599px) {
  .vc_col-sm-3 {
    width: 100%;
  }

  .col-10 {
    width: 50%;
  }

  .realizacje-col {
    width: 100%;
  }
}

@media (max-width: 1280px) {
  .top-tit {
    text-align: left !important;
  }

  .col-5 {
    width: 33%;
  }
}

@media (max-width: 880px) {
  .col-5 {
    width: 50%;
  }
}

@media (max-width: 680px) {
  .col-5 {
    width: 100%;
  }
}

@media (max-width: 991px) {

  .col-md-9,
  .col-md-pull-9,
  .col-md-3,
  table {
    width: 100%;
  }

  .sidebar-widget {
    padding: 40px 0 0 0;
  }

  .related-loop .col-4 {
    width: 33%;
  }

  .katalog-thumb,
  .katalog-desc {
    width: 100%;
    padding: 15px 0 !important;
  }
}

@media (max-width: 880px) {
  .related-loop .col-4 {
    width: 50%;
  }

  .sklep-loop .col-3 {
    width: 50%;
  }
}

@media (max-width: 599px) {
  .related-loop .col-4 {
    width: 100%;
  }

  .sklep-loop .col-3 {
    width: 100%;
  }
}

@media (max-width: 750px) {
  #openform {
    display: none !important;
  }

  #phonecontact {
    display: block !important;
  }
}

@media (max-width: 1199px) {
  #mainbody .product-images {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .modal-dialog {
    max-width: 300px !important;
  }

  #searchModal,
  #searchModal3 {
    width: 360px !important;
  }
}

.screen-reader-response {
  display: none !important;
}

#searchModal3 .wpcf7-submit {
  background-color: #6850a1 !important;
  color: #fff !important;
  border: none !important;
  margin-top: 15px !important;
  cursor: pointer !important;
}

@media (min-width: 1090px) {
  .kafle-a:hover:after {
    opacity: 0.6;
  }

  .kafle-a:hover .offerfrontinner {
    transform: scale(0.9) translate(-50%, -50%);
  }

  .ikonlink:hover svg {
    fill: #6a6a6a;
  }

  #footer a:hover,
  .quick-c a:hover {
    color: #1a609b !important;
  }

  .top-menu li>a:hover {
    color: #00bef0;
  }

  #footer-menus a:hover {
    color: #b0d7f8;
  }

  .current-menu-item>a,
  .current_page_item>a,
  .current-menu-parent>a {
    color: white !important;
    background-color: #00bef0;
  }

  .sub-menu .current-menu-item>a,
  .sub-menu .current_page_item>a,
  .sub-menu .current-menu-parent>a {
    color: rgba(80, 57, 140, 1) !important;
  }

  .current-menu-item>a:hover,
  .current_page_item>a:hover,
  .current-menu-parent>a:hover {
    color: white !important;
    background-color: #6850a1;
  }

  .wpcf7-submit:hover,
  .top-readmore:hover,
  #loginform .login-submit input:hover,
  #logout-link:hover,
  .dmore:hover {
    background: #333 !important;
  }

  #top-app:hover {
    background: #4f4f4f !important;
  }

  .readmore:hover,
  .spec-c-inner:hover .readmore,
  .p-prev a:hover,
  .p-next a:hover {
    color: #1a609b;
  }

  .readmore:hover svg {
    fill: #ff9d55;
  }

  svg {
    transition: fill 0.1s ease-in-out;
  }

  .rot-link:hover {
    background: rgba(30, 29, 33, 1);
  }

  .boxes-back-holder a:hover,
  .footer-infos-leftpad a:hover,
  .top-infos a:hover,
  .bradcrumb a:hover {
    color: white !important;
  }

  .boxes-back-holder a:hover svg {
    fill: white !important;
  }

  .front-blog-wrap a:hover,
  .blog-wrap a:hover,
  .stopka a:hover {
    color: #1a609b !important;
  }

  .front-blog-wrap a:hover svg {
    fill: #1a609b !important;
  }

  #cook-close:hover {
    color: white;
  }

  .left-c-data a:hover,
  .getback:hover {
    color: #1a609b !important;
  }

  .c-us-s-data:hover svg {
    fill: #333;
  }

  .c-us-s-data:hover a,
  .slid-desc-c a:hover,
  .sec6boxes a:hover,
  .right-menu .current-menu-item a:hover,
  .right-menu .current_page_item a:hover {
    color: #000;
  }

  .p-prev a:hover,
  .p-next a:hover {
    color: #d2e8fb !important;
  }

  .p-prev a:hover svg,
  .p-next a:hover svg,
  .wyk a:hover svg {
    fill: #000 !important;
  }

  .rot-prev:hover:before,
  .rot-prev:hover:after,
  .rot-next:hover:before,
  .rot-next:hover:after {
    background: #1a609b;
  }

  #downscroll:hover svg {
    fill: #6a6a6a;
  }

  .top-fb:hover,
  #rotator-personal-nav a:hover {
    background: #6a6a6a;
  }

  .hourscol:hover {
    color: #b0d7f8;
  }

  .right-menu a:hover {
    color: #6a6a6a;
  }

  .right-menu a:hover:before {
    width: 100% !important;
    max-width: 100% !important;
  }

  .product-categories a:hover {
    background: black !important;
  }
}

.chevron::before,
#see,
.file-upload-button,
.ico,
button,
input,
#respmenu,
#topmenu a:before,
.rel-thumb:after,
.gal-thumb:after,
#konf-chooser ul,
#konfigurator-list,
.rot-more:after,
.blog-loop-col .jak-c-th img,
.blog-link-thumb,
.blog-col-inner {
  transition-property: all;
  transition-duration: 0.3s;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#topmenu,
#respmenu,
.menu-line,
#topmenu ul li:after,
#cookies-layer,
.tip-svg,
.small-cat-titl,
#cat-navi-top li a:after,
button,
.prod-col a:after,
.scale,
.scale:after,
.more:after,
.more:before,
ul li:before,
.banner-more:after,
.arrow-link:after,
.send-mass:after,
.rel-more:before,
.gallery:before,
.insp-more:after,
.off-rys-th:after,
.sin-main-img-h:after,
.loop-readmore,
.col-loop-tit,
.sub-menu,
.fr-cat-dsc-h-open,
.dl-menu,
.dl-submenu,
.thumb-holder:before,
.thumb-holder:after,
.readmore:before,
.front-off-wrap li a h2,
.send-to:before,
.readmore-back:before,
.lang-switcher ul,
.lang-switcher ul li,
.off-prod-inner,
.of-n-link:after,
.cat-hidden-panel,
#side-menu,
.bmenu-top,
.bmenu-bot,
#ban-nav-holder,
.panel-readmore,
.front-us-col,
.check,
.baza-col-inner,
.baza-readmore,
.ed ul li:before,
.gal-mask,
.step-number,
.step-tit,
.step-dsc,
.choose-col-inner,
#loginform .login-submit input,
.readmore:after,
.job-on-front-thumb:after,
#filtr,
.load_more,
.jo-inner,
.more,
#downscroll,
.off-prod-inner:before,
.off-prod-inner:after,
.green-banner:before,
.readmore:after,
#masthead,
.team-more-holder,
.team-col img,
#kierunek,
.offer-col-inner h3,
.offer-col-inner .off-wr-dsc,
.offer-col-inner .whitemore,
.panl-rot-t,
#topmenu li a:after,
#toTop .ar-top,
.readmore,
.karie-col a:before,
.drop-main-a:after,
.blog-link:after,
.gal-li a:before,
.gal-li a avg,
.hourscol,
.right-menu a:before,
.kafle-a:after,
.offerfrontinner,
.personel-thumb,
.bottomimagelink {
  transition-property: all;
  transition-duration: 0.2s;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.job-panel:before,
.job-panel:after,
.post-l-thumb img,
#scrdown,
.rozw-loop-col,
.rozw-col,
.rozw-col-inner,
#logo,
.btn.filled,
.banner hr,
.banner h2,
.banner img {
  transition-property: all;
  transition-duration: 0.1s;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

#top-app,
.top-menu a,
.imagelinkloop:before {
  transition-property: background-color;
  transition-duration: 0.2s;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.page-numbers,
.pagination {
  text-align: center;
}

.pagination {
  margin: 0 0 -11px 0;
}

.page-numbers li,
.pagination s {
  display: inline-block;
}

.pagination span,
.pagination a {
  font-size: 13px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #000;
  font-weight: 400;
  position: relative;
  display: inline-block;
  margin: 0 0 0 5px;
  border: 1px solid #ccc;
}

.pagination a:hover {
  border: 1px solid #6850a1;
}

.pagination .current {
  border: 1px solid #00bef0;
}

.page-numbers .next,
.page-numbers .prev {
  display: none !important;
}

.pagination .screen-reader-text {
  display: none !important;
}

.pagination .prev,
.pagination .next {
  display: none !important;
}

.rodo-info {
  padding: 15px 0;
}

.rodo-info a {
  color: #dff7f7;
}

.rodo-info a:hover {
  color: #ef6255;
}

.wpcf7-submit {
  color: #fff;
  padding: 12px 20px;
  display: inline-block;
  -webkit-border-radius: 0;
  border: none;
  background-color: #4c2e7a;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 15px;
  cursor: pointer;
  position: relative;
  z-index: 20;
}

.wpcf7-submit:hover {
  color: #fff;
  background: black;
}

input[placeholder],
textarea[placeholder] {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #6a6a6a;
}

::-webkit-input-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #6a6a6a;
}

::-moz-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #6a6a6a;
}

:-ms-input-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #6a6a6a;
}

:-moz-placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #6a6a6a;
}

::placeholder {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #6a6a6a;
}

.wpcf7-form-control-wrap {
  position: relative;
  width: 100%;
  display: block;
  float: left;
}

div.wpcf7 {
  margin: 0;
  width: 100%;
  display: block;
}

div.wpcf7-validation-errors {
  border: none !important;
}

span.wpcf7-not-valid-tip {
  color: #fff;
  background: #ef6255;
  display: block;
  width: 100%;
  margin: 0;
  pointer-events: none;
  line-height: 14px;
  font-size: 12px;
  padding: 7px;
  box-sizing: border-box;
  z-index: 10;
  left: 1px;
  clear: both;
}

.rodo span.wpcf7-not-valid-tip {
  margin: 6px 0 0 0;
}

.page-template-kontakt div.wpcf7-mail-sent-ok,
.page-template-kontakt .wpcf7-validation-errors {
  color: #ef6255 !important;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-mail-sent-ok {
  border: none !important;
  color: #ef6255;
  padding: 12px 0;
  box-sizing: border-box;
  width: 100%;
}

div.wpcf7-response-output {
  margin: 0;
  padding: 12px 0;
  display: block;
  width: 100%;
  float: right;
  font-size: 13px;
  line-height: 19px;
  box-sizing: border-box;
}

.wpcf7-validation-errors {
  color: red;
}

.screen-reader-response {
  display: none;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  width: 1px;
  height: 20px;
  margin: 0 0 -20px 0;
  cursor: pointer;
  opacity: 0;
}

[type="checkbox"]:not(:checked)+.wpcf7-list-item-label,
[type="checkbox"]:checked+.wpcf7-list-item-label {
  position: relative;
  padding-left: 40px;
  font-size: 14px;
  line-height: 20px;
}

.wpcf7-checkbox label {
  cursor: pointer;
}

.iwant {
  padding: 15px 0;
  cursor: pointer;
  float: left;
}

.wpcf7-list-item-label {
  cursor: pointer;
}

[type="checkbox"]:not(:checked)+.wpcf7-list-item-label:before,
[type="checkbox"]:checked+.wpcf7-list-item-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25em;
  height: 1.25em;
  border: 2px solid #6850a1;
  background: #6850a1;
}

[type="checkbox"]:not(:checked)+.wpcf7-list-item-label:after,
[type="checkbox"]:checked+.wpcf7-list-item-label:after {
  content: "\2713";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 11px;
  height: 11px;
  color: white;
  font-weight: 600;
}

[type="checkbox"]:not(:checked)+.wpcf7-list-item-label:after {
  opacity: 0;
  transform: scale(0);
}

[type="checkbox"]:checked+.wpcf7-list-item-label:after {
  opacity: 1;
  transform: scale(1);
}

.wpcf7-list-item-label:hover:before,
[type="checkbox"]:checked+.wpcf7-list-item-label:before {
  border: 2px solid #6850a1 !important;
}

.c-f-check {
  padding: 20px 0;
}

.wcf-date-picker-skin {
  font-family: "Helvetica Neue", "Trebuchet MS", Tahoma, Verdana, Arial,
    sans-serif;
  background: #ffffff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-size: 90%;
  padding: 0;
}

.wcf-date-picker-skin .ui-datepicker-header {
  border: none;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  background-image: none;
}

.wcf-date-picker-skin .ui-datepicker-header .ui-state-hover {
  background: #e1e2df;
  border-color: transparent;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.wcf-date-picker-skin .ui-datepicker-next span,
.wcf-date-picker-skin .ui-datepicker-prev span {
  background-image: url(https://simba.pl/wp-content/themes/website/images/ui-icons_222222_256x240.png);
  background-position: -32px -16px;
}

.wcf-date-picker-skin .ui-datepicker-prev span {
  background-position: -96px -16px;
}

.wcf-date-picker-skin table {
  margin: 0;
}

.wcf-date-picker-skin th {
  font-size: 9px;
  color: #6c7173;
  font-size: 9px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  font-weight: normal;
  border: none;
  border-top: 1px solid rgba(186, 194, 200, 0.6);
  border-bottom: 1px solid rgba(186, 194, 200, 0.6);
  background-color: #ededed;
}

.wcf-date-picker-skin td {
  border: none;
  border-top: 1px solid #e7e9ea;
  border-right: 1px solid #e7e9ea;
  padding: 0;
  background: #eee;
}

.wcf-date-picker-skin tr:first-child td {
  border-top: none;
}

.wcf-date-picker-skin td:last-child {
  border-right: none;
}

.wcf-date-picker-skin td .ui-state-default {
  border: 1px solid transparent;
  text-align: center;
  padding: 0.7em 0;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  color: #6c7173;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

.wcf-date-picker-skin td.ui-state-disabled .ui-state-default {
  text-shadow: none;
  opacity: 0.8;
  color: #6c7173;
}

.wcf-date-picker-skin td .ui-state-active,
.wcf-date-picker-skin td .ui-state-hover {
  border: 1px solid #646469;
  background: #646469;
  color: #fff;
}

.cont-col {
  padding: 0 15px 20px 15px;
}

.akceptacja-przetwarzania-danych {
  padding: 11px 0;
}

.akceptacja-przetwarzania-danych .wpcf7-list-item-label {
  display: block;
  cursor: pointer;
}

.wpcf7-acceptance {
  cursor: pointer;
}

.rodo-akceptacja {
  font-size: 14px;
  line-height: 24px;
}

.c-form input[type="submit"]:disabled {
  pointer-events: none;
  opacity: 0.7;
}

@font-face {
  font-family: "Roboto", sans-serif;
}

@font-face {
  font-family: "Futura";
  font-display: swap;
  src: url("https://simba.pl/wp-content/themes/website_two/fonts/Futura.ttc"),
    url("https://simba.pl/wp-content/themes/website_two/fonts/Futura.ttf");
}

.futura {
  font-family: "Futura";
}

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}

.f-15 {
  font-size: 15px;
}

.f-16 {
  font-size: 16px;
}

.f-18 {
  font-size: 18px;
}

.f-20 {
  font-size: 20px;
}

.f-22 {
  font-size: 22px;
}

.f-23 {
  font-size: 23px;
}

.f-24 {
  font-size: 24px;
}

.f-25 {
  font-size: 25px;
}

.f-26 {
  font-size: 26px;
}

.f-30 {
  font-size: 30px;
}

.f-32 {
  font-size: 32px;
}

.f-34 {
  font-size: 34px;
}

.f-35 {
  font-size: 35px;
}

.f-36 {
  font-size: 36px;
}

.f-40 {
  font-size: 40px;
}

.f-45 {
  font-size: 45px;
}

.f-48 {
  font-size: 48px;
}

.f-50 {
  font-size: 50px;
}

.f-54 {
  font-size: 54px;
}

.f-60 {
  font-size: 60px;
}

.f-70 {
  font-size: 70px;
}

.f-80 {
  font-size: 80px;
}

.f-90 {
  font-size: 90px;
}

.f-114 {
  font-size: 114px;
}

.f-150 {
  font-size: 150px;
}

.f-240 {
  font-size: 240px;
}

.f-200 {
  font-size: 200px;
}

.f-250 {
  font-size: 250px;
}

.l-20 {
  line-height: 20px;
}

.l-22 {
  line-height: 22px;
}

.l-23 {
  line-height: 23px;
}

.l-24 {
  line-height: 24px;
}

.l-25 {
  line-height: 25px;
}

.l-26 {
  line-height: 26px;
}

.l-28 {
  line-height: 28px;
}

.l-30 {
  line-height: 30px;
}

.l-35 {
  line-height: 35px;
}

.l-36 {
  line-height: 36px;
}

.l-40 {
  line-height: 40px;
}

.l-42 {
  line-height: 42px;
}

.l-45 {
  line-height: 45px;
}

.l-46 {
  line-height: 46px;
}

.l-48 {
  line-height: 48px;
}

.l-50 {
  line-height: 50px;
}

.l-55 {
  line-height: 55px;
}

.l-60 {
  line-height: 60px;
}

.l-66 {
  line-height: 66px;
}

.l-70 {
  line-height: 70px;
}

.l-80 {
  line-height: 80px;
}

.l-96 {
  line-height: 96px;
}

.l-120 {
  line-height: 120px;
}

.l-200 {
  line-height: 200px;
}

.l-250 {
  line-height: 250px;
}

.f-light {
  font-weight: 200;
}

.f-thin {
  font-weight: 300;
}

.f-norm,
.f-normal,
.f-n {
  font-weight: 400;
}

.f-med {
  font-weight: 600;
}

.f-s-bold {
  font-weight: 700;
}

.f-bold {
  font-weight: 800;
}

.f-xbold {
  font-weight: 800;
}

.f-black {
  font-weight: 900;
}

.t-upper {
  text-transform: uppercase;
}

.center {
  text-align: center;
}

.white {
  color: white;
}

.f-gray {
  color: #999;
}

.b-gray {
  background: #f8f8f8;
}

.b-dark {
  background: #6a6a6a;
}

.f-21 {
  font-size: 21px;
}

.l-21 {
  line-height: 21px;
}

.f-42 {
  font-size: 42px;
}

.l-42 {
  line-height: 42px;
}

.f-6a {
  color: #6a6a6a;
}

.f-f8 {
  color: #f8f8f8;
}

.f-blu {
  color: #1a609b;
}

@media (min-width: 1161px) {
  #top-lang-sw ul {
    position: absolute;
    z-index: 80;
    top: 0;
    left: 10px;
    width: 100%;
  }

  #masthead.sticky #top-lang-sw ul {
    top: -2px;
  }

  #top-lang-sw ul:before {
    content: "";
    position: absolute;
    top: 21px;
    right: 25px;
    width: 7px;
    height: 7px;
    border-left: 1.5px solid #1a609b;
    border-bottom: 1.5px solid #1a609b;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    pointer-events: none;
  }

  #top-lang-sw li {
    display: block;
    padding: 0 9px 0 0;
    box-sizing: border-box;
    float: none !important;
    width: 100%;
  }

  #top-lang-sw .lang-open a,
  #top-lang-sw .lang-curr a {
    height: auto;
    padding: 20px 10px !important;
    font-weight: 400 !important;
    background: white;
    box-sizing: border-box;
  }

  #top-lang-sw li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #212121;
    display: block;
    text-align: left;
    overflow: hidden;
    height: 0px;
    padding: 0 !important;
  }

  .top-lang-sw {
    position: relative;
    z-index: 5;
  }

  #top-lang-sw {
    width: 80px;
    margin: 24px 0 0 0;
    position: relative;
  }

  #top-lang-sw:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 1px;
    height: 60px;
    background: #f8f8f8;
  }

  #top-lang-sw li a:hover {
    color: #1a609b;
  }
}

.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.fancybox-container~.fancybox-container {
  z-index: 99992;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
  background: #d8d8d8;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0s linear 0.25s;
  box-sizing: border-box;
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s, visibility 0s;
}

.fancybox-infobar {
  top: 0;
  left: 50%;
  margin-left: -79px;
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-toolbar {
  top: 0;
  right: 0;
}

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translateZ(0);
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block;
}

.fancybox-slide--image {
  overflow: visible;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000;
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #e5e3df;
}

.fancybox-slide--next {
  z-index: 99995;
}

.fancybox-slide>* {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}

.fancybox-iframe {
  display: block;
  padding: 0;
  border: 0;
  height: 100%;
}

.fancybox-error,
.fancybox-iframe {
  margin: 0;
  width: 100%;
  background: #fff;
}

.fancybox-error {
  padding: 40px;
  max-width: 380px;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
}

.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0;
  background: linear-gradient(180deg,
      transparent 0,
      rgba(0, 0, 0, 0.1) 20%,
      rgba(0, 0, 0, 0.2) 40%,
      rgba(0, 0, 0, 0.6) 80%,
      rgba(0, 0, 0, 0.8));
  pointer-events: none;
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid hsla(0, 0%, 100%, 0.4);
  font-size: 14px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none;
}

.fancybox-button[disabled] {
  cursor: default;
  pointer-events: none;
}

.fancybox-button,
.fancybox-infobar__body {
  background: #6850a1;
}

.fancybox-button:hover:not([disabled]) {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button:after,
.fancybox-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}

.fancybox-button[disabled]:after,
.fancybox-button[disabled]:before {
  opacity: 0.3;
}

.fancybox-button--left:after,
.fancybox-button--right:after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.fancybox-button--left:after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.fancybox-button--right:after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close:after,
.fancybox-button--close:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

.fancybox-button--close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.fancybox-arrow {
  position: absolute;
  top: 50%;
  margin: -50px 0 0;
  height: 100px;
  width: 54px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 0.25s;
}

.fancybox-arrow:after {
  content: "";
  position: absolute;
  top: 28px;
  width: 44px;
  height: 44px;
  background-color: rgba(30, 30, 30, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 24px 24px;
}

.fancybox-arrow--right {
  right: 0;
}

.fancybox-arrow--left {
  left: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fancybox-arrow--left:after,
.fancybox-arrow--right:after {
  left: 0;
}

.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6;
}

.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3;
}

.fancybox-loading {
  border: 6px solid hsla(0, 0%, 39%, 0.4);
  border-top: 6px solid hsla(0, 0%, 100%, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: a 0.8s infinite linear;
  animation: a 0.8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
}

.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-1turn);
  transform: rotate(-1turn);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
  opacity: 1;
}

.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}

@media (max-width: 800px) {
  .fancybox-infobar {
    left: 0;
    margin-left: 0;
  }

  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important;
  }

  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}

.fancybox-button--fullscreen:before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none;
}

.fancybox-button--pause:before,
.fancybox-button--play:before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent;
}

.fancybox-button--play:before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
}

.fancybox-button--pause:before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px;
}

.fancybox-button--thumbs,
.fancybox-thumbs {
  display: none;
}

@media (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block;
  }

  .fancybox-button--thumbs span {
    font-size: 23px;
  }

  .fancybox-button--thumbs:before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0,
      4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
  }

  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
  }

  .fancybox-show-thumbs .fancybox-thumbs {
    display: block;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 220px;
  }

  .fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
  }

  .fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
  }

  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
  }

  .fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .fancybox-thumbs>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1;
  }
}

#w {
  margin: 0 auto;
}

#w * {
  padding: 0;
  margin: 0;
  border: 0 none;
  outline: 0 none;
}

#w li {
  cursor: pointer;
}

#w li span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  z-index: 15;
}

#w li a span.bg {
  z-index: 3;
}

#w li .map {
  top: 0;
  left: 0;
}

#ipm_type_200 #w,
#ipm_type_200 #w span.bg {
  background: transparent url("/img/200.png") no-repeat -9999px 0;
}

#ipm_type_200 #w {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  background-position: 0px -430px;
  list-style: none;
}

#ipm_type_200 #w.ukryta {
  width: 230px;
  height: 215px;
}

#ipm_type_200 #w.ukryta li {
  width: 0;
  height: 0;
  text-indent: -9999px;
}

#ipm_type_200 #w.po_lewej {
  left: 120px;
  width: 230px;
  min-height: 215px;
}

#ipm_type_200 #w.po_lewej li {
  margin-left: -120px;
  width: 120px;
}

#ipm_type_200 #w.po_prawej {
  width: 350px;
  min-height: 215px;
}

#ipm_type_200 #w.po_prawej li {
  width: 120px;
  padding-left: 230px;
}

#ipm_type_200 #w.po_lewej li:first-child,
#ipm_type_200 #w.po_prawej li:first-child {
  padding-top: 2em;
}

#ipm_type_200 #w.ponizej {
  width: 230px;
  padding-top: 220px;
  overflow: hidden;
}

#ipm_type_200 #w.ponizej li {
  width: 100%;
}

#ipm_type_200 #w.ponizej.dwie_kolumny li {
  width: 50%;
  float: left;
}

#ipm_type_200 #w1 a:hover span.bg {
  top: 115px;
  left: 22px;
  width: 64px;
  height: 57px;
  background-position: -9px -75px;
}

#ipm_type_200 #w1 .s1 {
  top: 115px;
  left: 20px;
  width: 50px;
  height: 60px;
}

#ipm_type_200 #w1 .s2 {
  top: 121px;
  left: 70px;
  width: 14px;
  height: 17px;
}

#ipm_type_200 #w1 .s3 {
  top: 138px;
  left: 70px;
  width: 4px;
  height: 17px;
}

#ipm_type_200 #w1 .s4 {
  top: 138px;
  left: 74px;
  width: 3px;
  height: 10px;
}

#ipm_type_200 #w1 .s5 {
  top: 138px;
  left: 77px;
  width: 3px;
  height: 4px;
}

#ipm_type_200 #w2 a:hover span.bg {
  top: 52px;
  left: 74px;
  width: 51px;
  height: 49px;
  background-position: -193px -216px;
}

#ipm_type_200 #w2 .s1 {
  top: 55px;
  left: 78px;
  width: 45px;
  height: 43px;
}

#ipm_type_200 #w3 a:hover span.bg {
  top: 97px;
  left: 160px;
  width: 55px;
  height: 68px;
  background-position: -183px -9px;
}

#ipm_type_200 #w3 .s1 {
  top: 96px;
  left: 161px;
  width: 50px;
  height: 43px;
}

#ipm_type_200 #w3 .s2 {
  top: 139px;
  left: 166px;
  width: 50px;
  height: 8px;
}

#ipm_type_200 #w3 .s3 {
  top: 147px;
  left: 174px;
  width: 45px;
  height: 5px;
}

#ipm_type_200 #w3 .s4 {
  top: 152px;
  left: 180px;
  width: 35px;
  height: 5px;
}

#ipm_type_200 #w3 .s5 {
  top: 157px;
  left: 180px;
  width: 13px;
  height: 5px;
}

#ipm_type_200 #w3 .s6 {
  top: 157px;
  left: 200px;
  width: 15px;
  height: 5px;
}

#ipm_type_200 #w4 a:hover span.bg {
  top: 72px;
  left: 20px;
  width: 39px;
  height: 58px;
  background-position: -10px -198px;
}

#ipm_type_200 #w4 .s1 {
  top: 81px;
  left: 27px;
  width: 22px;
  height: 36px;
}

#ipm_type_200 #w4 .s2 {
  top: 77px;
  left: 37px;
  width: 14px;
  height: 4px;
}

#ipm_type_200 #w4 .s3 {
  top: 73px;
  left: 47px;
  width: 4px;
  height: 4px;
}

#ipm_type_200 #w4 .s4 {
  top: 88px;
  left: 15px;
  width: 30px;
  height: 38px;
}

#ipm_type_200 #w4 .s5 {
  top: 109px;
  left: 45px;
  width: 7px;
  height: 9px;
}

#ipm_type_200 #w4 .s6 {
  top: 112px;
  left: 50px;
  width: 7px;
  height: 7px;
}

#ipm_type_200 #w5 a:hover span.bg {
  top: 96px;
  left: 89px;
  width: 54px;
  height: 52px;
  background-position: -9px -138px;
}

#ipm_type_200 #w5 .s1 {
  top: 98px;
  left: 95px;
  width: 47px;
  height: 36px;
}

#ipm_type_200 #w5 .s2 {
  top: 129px;
  left: 91px;
  width: 39px;
  height: 9px;
}

#ipm_type_200 #w5 .s3 {
  top: 138px;
  left: 110px;
  width: 19px;
  height: 3px;
}

#ipm_type_200 #w5 .s4 {
  top: 141px;
  left: 118px;
  width: 8px;
  height: 4px;
}

#ipm_type_200 #w6 a:hover span.bg {
  top: 157px;
  left: 109px;
  width: 52px;
  height: 45px;
  background-position: -68px -9px;
}

#ipm_type_200 #w6 .s1 {
  top: 159px;
  left: 111px;
  width: 42px;
  height: 45px;
}

#ipm_type_200 #w6 .s2 {
  top: 177px;
  left: 153px;
  width: 4px;
  height: 20px;
}

#ipm_type_200 #w7 a:hover span.bg {
  top: 61px;
  left: 113px;
  width: 79px;
  height: 82px;
  background-position: -74px -125px;
}

#ipm_type_200 #w7 .s1 {
  top: 64px;
  left: 130px;
  width: 58px;
  height: 40px;
}

#ipm_type_200 #w7 .s2 {
  top: 80px;
  left: 117px;
  width: 13px;
  height: 21px;
}

#ipm_type_200 #w7 .s3 {
  top: 72px;
  left: 121px;
  width: 10px;
  height: 10px;
}

#ipm_type_200 #w7 .s4 {
  top: 104px;
  left: 133px;
  width: 48px;
  height: 3px;
}

#ipm_type_200 #w7 .s5 {
  top: 107px;
  left: 133px;
  width: 33px;
  height: 5px;
}

#ipm_type_200 #w7 .s6 {
  top: 112px;
  left: 142px;
  width: 23px;
  height: 8px;
}

#ipm_type_200 #w7 .s7 {
  top: 120px;
  left: 138px;
  width: 23px;
  height: 4px;
}

#ipm_type_200 #w7 .s8 {
  top: 124px;
  left: 138px;
  width: 28px;
  height: 10px;
}

#ipm_type_200 #w7 .s9 {
  top: 134px;
  left: 152px;
  width: 14px;
  height: 5px;
}

#ipm_type_200 #w8 a:hover span.bg {
  top: 135px;
  left: 65px;
  width: 39px;
  height: 42px;
  background-position: -134px -68px;
}

#ipm_type_200 #w8 .s1 {
  top: 138px;
  left: 80px;
  width: 20px;
  height: 15px;
}

#ipm_type_200 #w8 .s2 {
  top: 142px;
  left: 77px;
  width: 23px;
  height: 16px;
}

#ipm_type_200 #w8 .s3 {
  top: 148px;
  left: 74px;
  width: 22px;
  height: 20px;
}

#ipm_type_200 #w8 .s4 {
  top: 155px;
  left: 70px;
  width: 20px;
  height: 25px;
}

#ipm_type_200 #w9 a:hover span.bg {
  top: 146px;
  left: 152px;
  width: 52px;
  height: 60px;
  background-position: -10px -10px;
}

#ipm_type_200 #w9 .s1 {
  top: 147px;
  left: 153px;
  width: 27px;
  height: 30px;
}

#ipm_type_200 #w9 .s2 {
  top: 162px;
  left: 157px;
  width: 50px;
  height: 45px;
}

#ipm_type_200 #w9 .s3 {
  top: 157px;
  left: 193px;
  width: 7px;
  height: 5px;
}

#ipm_type_200 #w10 a:hover span.bg {
  top: 30px;
  left: 158px;
  width: 49px;
  height: 72px;
  background-position: -58px -213px;
}

#ipm_type_200 #w10 .s1 {
  top: 30px;
  left: 179px;
  width: 30px;
  height: 66px;
}

#ipm_type_200 #w10 .s2 {
  top: 35px;
  left: 174px;
  width: 5px;
  height: 7px;
}

#ipm_type_200 #w10 .s3 {
  top: 54px;
  left: 171px;
  width: 8px;
  height: 29px;
}

#ipm_type_200 #w10 .s4 {
  top: 59px;
  left: 159px;
  width: 12px;
  height: 10px;
}

#ipm_type_200 #w10 .s5 {
  top: 69px;
  left: 163px;
  width: 8px;
  height: 5px;
}

#ipm_type_200 #w10 .s6 {
  top: 74px;
  left: 166px;
  width: 5px;
  height: 5px;
}

#ipm_type_200 #w11 a:hover span.bg {
  top: 18px;
  left: 65px;
  width: 57px;
  height: 46px;
  background-position: -10px -288px;
}

#ipm_type_200 #w11 .s1 {
  top: 15px;
  left: 67px;
  width: 47px;
  height: 40px;
}

#ipm_type_200 #w11 .s2 {
  top: 55px;
  left: 67px;
  width: 16px;
  height: 6px;
}

#ipm_type_200 #w11 .s3 {
  top: 55px;
  left: 105px;
  width: 9px;
  height: 4px;
}

#ipm_type_200 #w11 .s4 {
  top: 48px;
  left: 114px;
  width: 4px;
  height: 6px;
}

#ipm_type_200 #w12 a:hover span.bg {
  top: 138px;
  left: 88px;
  width: 42px;
  height: 57px;
  background-position: -83px -59px;
}

#ipm_type_200 #w12 .s1 {
  top: 138px;
  left: 100px;
  width: 10px;
  height: 3px;
}

#ipm_type_200 #w12 .s2 {
  top: 141px;
  left: 100px;
  width: 18px;
  height: 22px;
}

#ipm_type_200 #w12 .s3 {
  top: 145px;
  left: 118px;
  width: 8px;
  height: 15px;
}

#ipm_type_200 #w12 .s4 {
  top: 158px;
  left: 96px;
  width: 20px;
  height: 10px;
}

#ipm_type_200 #w12 .s5 {
  top: 168px;
  left: 90px;
  width: 21px;
  height: 30px;
}

#ipm_type_200 #w12 .s6 {
  top: 181px;
  left: 111px;
  width: 6px;
  height: 20px;
}

#ipm_type_200 #w13 a:hover span.bg {
  top: 130px;
  left: 122px;
  width: 46px;
  height: 40px;
  background-position: -128px -9px;
}

#ipm_type_200 #w13 .s1 {
  top: 134px;
  left: 129px;
  width: 23px;
  height: 25px;
}

#ipm_type_200 #w13 .s2 {
  top: 141px;
  left: 126px;
  width: 5px;
  height: 18px;
}

#ipm_type_200 #w13 .s3 {
  top: 138px;
  left: 152px;
  width: 15px;
  height: 15px;
}

#ipm_type_200 #w13 .s4 {
  top: 153px;
  left: 135px;
  width: 20px;
  height: 10px;
}

#ipm_type_200 #w13 .s5 {
  top: 153px;
  left: 155px;
  width: 6px;
  height: 6px;
}

#ipm_type_200 #w13 .s6 {
  top: 163px;
  left: 137px;
  width: 8px;
  height: 4px;
}

#ipm_type_200 #w14 a:hover span.bg {
  top: 31px;
  left: 110px;
  width: 72px;
  height: 43px;
  background-position: -112px -218px;
}

#ipm_type_200 #w14 .s1 {
  top: 30px;
  left: 114px;
  width: 60px;
  height: 18px;
}

#ipm_type_200 #w14 .s2 {
  top: 30px;
  left: 174px;
  width: 6px;
  height: 5px;
}

#ipm_type_200 #w14 .s3 {
  top: 42px;
  left: 118px;
  width: 61px;
  height: 12px;
}

#ipm_type_200 #w14 .s4 {
  top: 54px;
  left: 114px;
  width: 57px;
  height: 5px;
}

#ipm_type_200 #w14 .s5 {
  top: 59px;
  left: 114px;
  width: 45px;
  height: 5px;
}

#ipm_type_200 #w14 .s6 {
  top: 64px;
  left: 117px;
  width: 30px;
  height: 3px;
}

#ipm_type_200 #w14 .s7 {
  top: 67px;
  left: 123px;
  width: 17px;
  height: 5px;
}

#ipm_type_200 #w15 a:hover span.bg {
  top: 55px;
  left: 44px;
  width: 68px;
  height: 85px;
  background-position: -158px -123px;
}

#ipm_type_200 #w15 .s1 {
  top: 61px;
  left: 51px;
  width: 27px;
  height: 50px;
}

#ipm_type_200 #w15 .s2 {
  top: 81px;
  left: 48px;
  width: 33px;
  height: 31px;
}

#ipm_type_200 #w15 .s3 {
  top: 95px;
  left: 55px;
  width: 48px;
  height: 20px;
}

#ipm_type_200 #w15 .s4 {
  top: 90px;
  left: 81px;
  width: 8px;
  height: 5px;
}

#ipm_type_200 #w15 .s5 {
  top: 98px;
  left: 103px;
  width: 6px;
  height: 8px;
}

#ipm_type_200 #w15 .s6 {
  top: 115px;
  left: 62px;
  width: 35px;
  height: 6px;
}

#ipm_type_200 #w15 .s7 {
  top: 121px;
  left: 66px;
  width: 6px;
  height: 3px;
}

#ipm_type_200 #w15 .s8 {
  top: 121px;
  left: 80px;
  width: 16px;
  height: 8px;
}

#ipm_type_200 #w15 .s9 {
  top: 129px;
  left: 84px;
  width: 7px;
  height: 9px;
}

#ipm_type_200 #w16 a:hover span.bg {
  top: 26px;
  left: 13px;
  width: 59px;
  height: 63px;
  background-position: -139px -268px;
}

#ipm_type_200 #w16 .s1 {
  top: 25px;
  left: 10px;
  width: 57px;
  height: 36px;
}

#ipm_type_200 #w16 .s2 {
  top: 61px;
  left: 10px;
  width: 50px;
  height: 12px;
}

#ipm_type_200 #w16 .s3 {
  top: 73px;
  left: 10px;
  width: 17px;
  height: 15px;
}

#ipm_type_200 #w16 .s4 {
  top: 73px;
  left: 27px;
  width: 20px;
  height: 4px;
}

#ipm_type_200 #w16 .s5 {
  top: 77px;
  left: 27px;
  width: 10px;
  height: 4px;
}

#ipm_type_200 #w16 .s6 {
  top: 73px;
  left: 51px;
  width: 6px;
  height: 4px;
}

#ipm_type_200 #w16 .s7 {
  top: 66px;
  left: 60px;
  width: 3px;
  height: 5px;
}

#ipm_type_300 #w,
#ipm_type_300 #w span.bg {
  background: transparent url("/img/300.png") no-repeat -9999px 0;
}

#ipm_type_300 #w {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  background-position: 0px -580px;
  list-style: none;
}

#ipm_type_300 #w.ukryta {
  width: 320px;
  height: 310px;
}

#ipm_type_300 #w.ukryta li {
  width: 0;
  height: 0;
  text-indent: -9999px;
}

#ipm_type_300 #w.po_lewej {
  left: 120px;
  width: 320px;
  min-height: 310px;
}

#ipm_type_300 #w.po_lewej li {
  margin-left: -120px;
  width: 120px;
}

#ipm_type_300 #w.po_prawej {
  width: 450px;
  min-height: 310px;
}

#ipm_type_300 #w.po_prawej li {
  width: 120px;
  padding-left: 330px;
}

#ipm_type_300 #w.po_lewej li:first-child,
#ipm_type_300 #w.po_prawej li:first-child {
  padding-top: 2em;
}

#ipm_type_300 #w.ponizej {
  width: 320px;
  padding-top: 315px;
  overflow: hidden;
}

#ipm_type_300 #w.ponizej li {
  width: 100%;
}

#ipm_type_300 #w.ponizej.dwie_kolumny li {
  width: 50%;
  float: left;
}

#ipm_type_300 #w1 a:hover span.bg {
  top: 164px;
  left: 29px;
  width: 95px;
  height: 85px;
  background-position: -10px -110px;
}

#ipm_type_300 #w1 .s1 {
  top: 182px;
  left: 20px;
  width: 80px;
  height: 80px;
}

#ipm_type_300 #w1 .s2 {
  top: 176px;
  left: 47px;
  width: 70px;
  height: 6px;
}

#ipm_type_300 #w1 .s3 {
  top: 182px;
  left: 100px;
  width: 22px;
  height: 15px;
}

#ipm_type_300 #w1 .s4 {
  top: 197px;
  left: 100px;
  width: 7px;
  height: 25px;
}

#ipm_type_300 #w1 .s5 {
  top: 197px;
  left: 107px;
  width: 7px;
  height: 12px;
}

#ipm_type_300 #w1 .s6 {
  top: 166px;
  left: 63px;
  width: 27px;
  height: 10px;
}

#ipm_type_300 #w2 a:hover span.bg {
  top: 69px;
  left: 107px;
  width: 76px;
  height: 73px;
  background-position: -284px -321px;
}

#ipm_type_300 #w2 .s1 {
  top: 71px;
  left: 122px;
  width: 18px;
  height: 7px;
}

#ipm_type_300 #w2 .s2 {
  top: 74px;
  left: 122px;
  width: 31px;
  height: 4px;
}

#ipm_type_300 #w2 .s3 {
  top: 78px;
  left: 112px;
  width: 60px;
  height: 55px;
}

#ipm_type_300 #w2 .s4 {
  top: 90px;
  left: 172px;
  width: 8px;
  height: 20px;
}

#ipm_type_300 #w2 .s5 {
  top: 133px;
  left: 150px;
  width: 17px;
  height: 5px;
}

#ipm_type_300 #w3 a:hover span.bg {
  top: 137px;
  left: 236px;
  width: 81px;
  height: 101px;
  background-position: -265px -13px;
}

#ipm_type_300 #w3 .s1 {
  top: 153px;
  left: 245px;
  width: 75px;
  height: 58px;
}

#ipm_type_300 #w3 .s2 {
  top: 138px;
  left: 278px;
  width: 25px;
  height: 15px;
}

#ipm_type_300 #w3 .s3 {
  top: 148px;
  left: 267px;
  width: 18px;
  height: 87px;
}

#ipm_type_300 #w3 .s4 {
  top: 210px;
  left: 257px;
  width: 65px;
  height: 10px;
}

#ipm_type_300 #w3 .s5 {
  top: 220px;
  left: 285px;
  width: 35px;
  height: 10px;
}

#ipm_type_300 #w3 .s6 {
  top: 230px;
  left: 297px;
  width: 10px;
  height: 5px;
}

#ipm_type_300 #w3 .s7 {
  top: 170px;
  left: 239px;
  width: 6px;
  height: 6px;
}

#ipm_type_300 #w4 a:hover span.bg {
  top: 100px;
  left: 24px;
  width: 60px;
  height: 86px;
  background-position: -8px -291px;
}

#ipm_type_300 #w4 .s1 {
  top: 122px;
  left: 20px;
  width: 47px;
  height: 30px;
}

#ipm_type_300 #w4 .s2 {
  top: 152px;
  left: 20px;
  width: 53px;
  height: 14px;
}

#ipm_type_300 #w4 .s3 {
  top: 160px;
  left: 73px;
  width: 7px;
  height: 6px;
}

#ipm_type_300 #w4 .s4 {
  top: 166px;
  left: 20px;
  width: 43px;
  height: 10px;
}

#ipm_type_300 #w4 .s5 {
  top: 176px;
  left: 20px;
  width: 27px;
  height: 6px;
}

#ipm_type_300 #w4 .s6 {
  top: 112px;
  left: 35px;
  width: 35px;
  height: 10px;
}

#ipm_type_300 #w4 .s7 {
  top: 106px;
  left: 50px;
  width: 20px;
  height: 6px;
}

#ipm_type_300 #w4 .s8 {
  top: 101px;
  left: 65px;
  width: 7px;
  height: 6px;
}

#ipm_type_300 #w5 a:hover span.bg {
  top: 136px;
  left: 130px;
  width: 80px;
  height: 78px;
  background-position: -9px -204px;
}

#ipm_type_300 #w5 .s1 {
  top: 153px;
  left: 150px;
  width: 50px;
  height: 57px;
}

#ipm_type_300 #w5 .s2 {
  top: 138px;
  left: 158px;
  width: 15px;
  height: 15px;
}

#ipm_type_300 #w5 .s3 {
  top: 143px;
  left: 173px;
  width: 18px;
  height: 10px;
}

#ipm_type_300 #w5 .s4 {
  top: 148px;
  left: 191px;
  width: 5px;
  height: 5px;
}

#ipm_type_300 #w5 .s5 {
  top: 159px;
  left: 200px;
  width: 7px;
  height: 12px;
}

#ipm_type_300 #w5 .s6 {
  top: 165px;
  left: 140px;
  width: 10px;
  height: 36px;
}

#ipm_type_300 #w5 .s7 {
  top: 183px;
  left: 132px;
  width: 8px;
  height: 15px;
}

#ipm_type_300 #w5 .s8 {
  top: 171px;
  left: 200px;
  width: 4px;
  height: 17px;
}

#ipm_type_300 #w6 a:hover span.bg {
  top: 227px;
  left: 160px;
  width: 76px;
  height: 66px;
  background-position: -96px -10px;
}

#ipm_type_300 #w6 .s1 {
  top: 242px;
  left: 170px;
  width: 55px;
  height: 60px;
}

#ipm_type_300 #w6 .s2 {
  top: 247px;
  left: 163px;
  width: 7px;
  height: 15px;
}

#ipm_type_300 #w6 .s3 {
  top: 270px;
  left: 225px;
  width: 8px;
  height: 15px;
}

#ipm_type_300 #w6 .s4 {
  top: 257px;
  left: 225px;
  width: 6px;
  height: 13px;
}

#ipm_type_300 #w6 .s5 {
  top: 237px;
  left: 170px;
  width: 31px;
  height: 5px;
}

#ipm_type_300 #w6 .s6 {
  top: 232px;
  left: 174px;
  width: 27px;
  height: 5px;
}

#ipm_type_300 #w6 .s7 {
  top: 228px;
  left: 184px;
  width: 15px;
  height: 4px;
}

#ipm_type_300 #w6 .s8 {
  top: 237px;
  left: 213px;
  width: 12px;
  height: 5px;
}

#ipm_type_300 #w7 a:hover span.bg {
  top: 83px;
  left: 166px;
  width: 117px;
  height: 121px;
  background-position: -106px -184px;
}

#ipm_type_300 #w7 .s1 {
  top: 171px;
  left: 204px;
  width: 35px;
  height: 17px;
}

#ipm_type_300 #w7 .s2 {
  top: 175px;
  left: 207px;
  width: 38px;
  height: 20px;
}

#ipm_type_300 #w7 .s3 {
  top: 195px;
  left: 225px;
  width: 20px;
  height: 4px;
}

#ipm_type_300 #w7 .s4 {
  top: 110px;
  left: 172px;
  width: 90px;
  height: 33px;
}

#ipm_type_300 #w7 .s5 {
  top: 133px;
  left: 167px;
  width: 5px;
  height: 6px;
}

#ipm_type_300 #w7 .s6 {
  top: 133px;
  left: 191px;
  width: 87px;
  height: 15px;
}

#ipm_type_300 #w7 .s7 {
  top: 85px;
  left: 222px;
  width: 14px;
  height: 17px;
}

#ipm_type_300 #w7 .s8 {
  top: 102px;
  left: 207px;
  width: 39px;
  height: 69px;
}

#ipm_type_300 #w7 .s9 {
  top: 148px;
  left: 196px;
  width: 11px;
  height: 11px;
}

#ipm_type_300 #w7 .s10 {
  top: 148px;
  left: 245px;
  width: 22px;
  height: 5px;
}

#ipm_type_300 #w7 .s11 {
  top: 90px;
  left: 180px;
  width: 42px;
  height: 20px;
}

#ipm_type_300 #w8 a:hover span.bg {
  top: 194px;
  left: 94px;
  width: 57px;
  height: 62px;
  background-position: -199px -99px;
}

#ipm_type_300 #w8 .s1 {
  top: 197px;
  left: 114px;
  width: 35px;
  height: 20px;
}

#ipm_type_300 #w8 .s2 {
  top: 209px;
  left: 107px;
  width: 37px;
  height: 18px;
}

#ipm_type_300 #w8 .s3 {
  top: 222px;
  left: 100px;
  width: 40px;
  height: 20px;
}

#ipm_type_300 #w8 .s4 {
  top: 242px;
  left: 100px;
  width: 30px;
  height: 20px;
}

#ipm_type_300 #w9 a:hover span.bg {
  top: 210px;
  left: 224px;
  width: 77px;
  height: 90px;
  background-position: -10px -10px;
}

#ipm_type_300 #w9 .s1 {
  top: 235px;
  left: 225px;
  width: 80px;
  height: 22px;
}

#ipm_type_300 #w9 .s2 {
  top: 257px;
  left: 231px;
  width: 60px;
  height: 45px;
}

#ipm_type_300 #w9 .s3 {
  top: 230px;
  left: 285px;
  width: 12px;
  height: 5px;
}

#ipm_type_300 #w9 .s4 {
  top: 211px;
  left: 245px;
  width: 12px;
  height: 9px;
}

#ipm_type_300 #w9 .s5 {
  top: 220px;
  left: 240px;
  width: 28px;
  height: 8px;
}

#ipm_type_300 #w9 .s6 {
  top: 228px;
  left: 230px;
  width: 37px;
  height: 7px;
}

#ipm_type_300 #w10 a:hover span.bg {
  top: 36px;
  left: 233px;
  width: 72px;
  height: 105px;
  background-position: -83px -314px;
}

#ipm_type_300 #w10 .s1 {
  top: 33px;
  left: 262px;
  width: 45px;
  height: 100px;
}

#ipm_type_300 #w10 .s2 {
  top: 43px;
  left: 259px;
  width: 4px;
  height: 9px;
}

#ipm_type_300 #w10 .s3 {
  top: 133px;
  left: 277px;
  width: 25px;
  height: 5px;
}

#ipm_type_300 #w10 .s4 {
  top: 71px;
  left: 253px;
  width: 9px;
  height: 45px;
}

#ipm_type_300 #w10 .s5 {
  top: 77px;
  left: 246px;
  width: 7px;
  height: 35px;
}

#ipm_type_300 #w10 .s6 {
  top: 82px;
  left: 236px;
  width: 10px;
  height: 20px;
}

#ipm_type_300 #w11 a:hover span.bg {
  top: 19px;
  left: 94px;
  width: 84px;
  height: 67px;
  background-position: -10px -424px;
}

#ipm_type_300 #w11 .s1 {
  top: 15px;
  left: 97px;
  width: 70px;
  height: 56px;
}

#ipm_type_300 #w11 .s2 {
  top: 71px;
  left: 97px;
  width: 16px;
  height: 10px;
}

#ipm_type_300 #w11 .s3 {
  top: 71px;
  left: 113px;
  width: 9px;
  height: 7px;
}

#ipm_type_300 #w11 .s4 {
  top: 71px;
  left: 153px;
  width: 13px;
  height: 7px;
}

#ipm_type_300 #w11 .s5 {
  top: 71px;
  left: 140px;
  width: 13px;
  height: 3px;
}

#ipm_type_300 #w11 .s6 {
  top: 63px;
  left: 167px;
  width: 6px;
  height: 7px;
}

#ipm_type_300 #w12 a:hover span.bg {
  top: 199px;
  left: 128px;
  width: 63px;
  height: 85px;
  background-position: -119px -86px;
}

#ipm_type_300 #w12 .s1 {
  top: 202px;
  left: 149px;
  width: 25px;
  height: 35px;
}

#ipm_type_300 #w12 .s2 {
  top: 217px;
  left: 144px;
  width: 26px;
  height: 30px;
}

#ipm_type_300 #w12 .s3 {
  top: 226px;
  left: 140px;
  width: 23px;
  height: 60px;
}

#ipm_type_300 #w12 .s4 {
  top: 210px;
  left: 174px;
  width: 10px;
  height: 22px;
}

#ipm_type_300 #w12 .s5 {
  top: 242px;
  left: 130px;
  width: 15px;
  height: 20px;
}

#ipm_type_300 #w12 .s6 {
  top: 262px;
  left: 163px;
  width: 8px;
  height: 25px;
}

#ipm_type_300 #w13 a:hover span.bg {
  top: 186px;
  left: 179px;
  width: 68px;
  height: 58px;
  background-position: -188px -13px;
}

#ipm_type_300 #w13 .s1 {
  top: 203px;
  left: 184px;
  width: 56px;
  height: 25px;
}

#ipm_type_300 #w13 .s2 {
  top: 195px;
  left: 190px;
  width: 35px;
  height: 8px;
}

#ipm_type_300 #w13 .s3 {
  top: 188px;
  left: 200px;
  width: 7px;
  height: 8px;
}

#ipm_type_300 #w13 .s4 {
  top: 199px;
  left: 225px;
  width: 20px;
  height: 21px;
}

#ipm_type_300 #w13 .s5 {
  top: 228px;
  left: 199px;
  width: 31px;
  height: 8px;
}

#ipm_type_300 #w13 .s6 {
  top: 236px;
  left: 201px;
  width: 12px;
  height: 6px;
}

#ipm_type_300 #w14 a:hover span.bg {
  top: 37px;
  left: 161px;
  width: 108px;
  height: 65px;
  background-position: -164px -323px;
}

#ipm_type_300 #w14 .s1 {
  top: 35px;
  left: 167px;
  width: 92px;
  height: 28px;
}

#ipm_type_300 #w14 .s2 {
  top: 35px;
  left: 259px;
  width: 7px;
  height: 8px;
}

#ipm_type_300 #w14 .s3 {
  top: 52px;
  left: 173px;
  width: 90px;
  height: 19px;
}

#ipm_type_300 #w14 .s4 {
  top: 70px;
  left: 166px;
  width: 70px;
  height: 15px;
}

#ipm_type_300 #w14 .s5 {
  top: 71px;
  left: 236px;
  width: 10px;
  height: 11px;
}

#ipm_type_300 #w14 .s6 {
  top: 71px;
  left: 246px;
  width: 7px;
  height: 6px;
}

#ipm_type_300 #w14 .s7 {
  top: 85px;
  left: 170px;
  width: 52px;
  height: 5px;
}

#ipm_type_300 #w14 .s8 {
  top: 90px;
  left: 180px;
  width: 27px;
  height: 5px;
}

#ipm_type_300 #w14 .s9 {
  top: 95px;
  left: 180px;
  width: 20px;
  height: 5px;
}

#ipm_type_300 #w15 a:hover span.bg {
  top: 74px;
  left: 63px;
  width: 102px;
  height: 128px;
  background-position: -233px -178px;
}

#ipm_type_300 #w15 .s1 {
  top: 78px;
  left: 93px;
  width: 6px;
  height: 5px;
}

#ipm_type_300 #w15 .s2 {
  top: 81px;
  left: 85px;
  width: 27px;
  height: 85px;
}

#ipm_type_300 #w15 .s3 {
  top: 101px;
  left: 80px;
  width: 5px;
  height: 65px;
}

#ipm_type_300 #w15 .s4 {
  top: 106px;
  left: 70px;
  width: 45px;
  height: 50px;
}

#ipm_type_300 #w15 .s5 {
  top: 120px;
  left: 67px;
  width: 53px;
  height: 32px;
}

#ipm_type_300 #w15 .s6 {
  top: 125px;
  left: 73px;
  width: 55px;
  height: 35px;
}

#ipm_type_300 #w15 .s7 {
  top: 131px;
  left: 90px;
  width: 50px;
  height: 45px;
}

#ipm_type_300 #w15 .s8 {
  top: 176px;
  left: 117px;
  width: 23px;
  height: 7px;
}

#ipm_type_300 #w15 .s9 {
  top: 183px;
  left: 122px;
  width: 10px;
  height: 15px;
}

#ipm_type_300 #w15 .s10 {
  top: 131px;
  left: 140px;
  width: 10px;
  height: 34px;
}

#ipm_type_300 #w15 .s11 {
  top: 138px;
  left: 150px;
  width: 8px;
  height: 15px;
}

#ipm_type_300 #w16 a:hover span.bg {
  top: 31px;
  left: 15px;
  width: 88px;
  height: 94px;
  background-position: -204px -399px;
}

#ipm_type_300 #w16 .s1 {
  top: 30px;
  left: 15px;
  width: 82px;
  height: 48px;
}

#ipm_type_300 #w16 .s2 {
  top: 78px;
  left: 15px;
  width: 70px;
  height: 23px;
}

#ipm_type_300 #w16 .s3 {
  top: 78px;
  left: 85px;
  width: 8px;
  height: 6px;
}

#ipm_type_300 #w16 .s4 {
  top: 91px;
  left: 85px;
  width: 4px;
  height: 8px;
}

#ipm_type_300 #w16 .s5 {
  top: 101px;
  left: 10px;
  width: 55px;
  height: 5px;
}

#ipm_type_300 #w16 .s6 {
  top: 101px;
  left: 72px;
  width: 8px;
  height: 5px;
}

#ipm_type_300 #w16 .s7 {
  top: 106px;
  left: 10px;
  width: 25px;
  height: 16px;
}

#ipm_type_300 #w16 .s8 {
  top: 106px;
  left: 35px;
  width: 15px;
  height: 6px;
}

#ipm_type_400 #w,
#ipm_type_400 #w span.bg {
  background: transparent url("/img/400.png") no-repeat -9999px 0;
}

#ipm_type_400 #w {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  background-position: 0px -780px;
  list-style: none;
}

#ipm_type_400 #w.ukryta {
  width: 440px;
  height: 410px;
}

#ipm_type_400 #w.ukryta li {
  width: 0;
  height: 0;
  text-indent: -9999px;
}

#ipm_type_400 #w.po_lewej {
  left: 150px;
  width: 440px;
  min-height: 410px;
}

#ipm_type_400 #w.po_lewej li {
  margin-left: -150px;
  width: 150px;
}

#ipm_type_400 #w.po_prawej {
  width: 600px;
  min-height: 410px;
}

#ipm_type_400 #w.po_prawej li {
  width: 150px;
  padding-left: 440px;
}

#ipm_type_400 #w.po_lewej li:first-child,
#ipm_type_400 #w.po_prawej li:first-child {
  padding-top: 2em;
}

#ipm_type_400 #w.ponizej {
  width: 440px;
  padding-top: 415px;
  overflow: hidden;
}

#ipm_type_400 #w.ponizej li {
  width: 100%;
}

#ipm_type_400 #w.ponizej.dwie_kolumny li {
  width: 50%;
  float: left;
}

#ipm_type_400 #w.ponizej.trzy_kolumny li {
  width: 33%;
  float: left;
}

#ipm_type_400 #w1 a:hover span.bg {
  top: 212px;
  left: 36px;
  width: 125px;
  height: 112px;
  background-position: -12px -143px;
}

#ipm_type_400 #w1 .s1 {
  top: 226px;
  left: 60px;
  width: 70px;
  height: 100px;
}

#ipm_type_400 #w1 .s2 {
  top: 215px;
  left: 82px;
  width: 33px;
  height: 15px;
}

#ipm_type_400 #w1 .s3 {
  top: 235px;
  left: 25px;
  width: 40px;
  height: 50px;
}

#ipm_type_400 #w1 .s4 {
  top: 226px;
  left: 130px;
  width: 20px;
  height: 44px;
}

#ipm_type_400 #w1 .s5 {
  top: 239px;
  left: 150px;
  width: 8px;
  height: 17px;
}

#ipm_type_400 #w1 .s6 {
  top: 270px;
  left: 130px;
  width: 12px;
  height: 10px;
}

#ipm_type_400 #w1 .s7 {
  top: 280px;
  left: 130px;
  width: 7px;
  height: 11px;
}

#ipm_type_400 #w2 a:hover span.bg {
  top: 86px;
  left: 139px;
  width: 101px;
  height: 96px;
  background-position: -372px -423px;
}

#ipm_type_400 #w2 .s1 {
  top: 98px;
  left: 146px;
  width: 70px;
  height: 62px;
}

#ipm_type_400 #w2 .s2 {
  top: 90px;
  left: 162px;
  width: 36px;
  height: 10px;
}

#ipm_type_400 #w2 .s3 {
  top: 112px;
  left: 216px;
  width: 19px;
  height: 29px;
}

#ipm_type_400 #w2 .s4 {
  top: 141px;
  left: 216px;
  width: 10px;
  height: 20px;
}

#ipm_type_400 #w2 .s5 {
  top: 160px;
  left: 166px;
  width: 60px;
  height: 7px;
}

#ipm_type_400 #w2 .s6 {
  top: 167px;
  left: 185px;
  width: 37px;
  height: 4px;
}

#ipm_type_400 #w2 .s7 {
  top: 171px;
  left: 197px;
  width: 22px;
  height: 7px;
}

#ipm_type_400 #w3 a:hover span.bg {
  top: 176px;
  left: 311px;
  width: 107px;
  height: 133px;
  background-position: -346px -15px;
}

#ipm_type_400 #w3 .s1 {
  top: 175px;
  left: 322px;
  width: 100px;
  height: 100px;
}

#ipm_type_400 #w3 .s2 {
  top: 220px;
  left: 313px;
  width: 10px;
  height: 7px;
}

#ipm_type_400 #w3 .s3 {
  top: 275px;
  left: 338px;
  width: 85px;
  height: 12px;
}

#ipm_type_400 #w3 .s4 {
  top: 287px;
  left: 353px;
  width: 70px;
  height: 10px;
}

#ipm_type_400 #w3 .s5 {
  top: 297px;
  left: 350px;
  width: 26px;
  height: 8px;
}

#ipm_type_400 #w3 .s6 {
  top: 297px;
  left: 390px;
  width: 20px;
  height: 10px;
}

#ipm_type_400 #w4 a:hover span.bg {
  top: 126px;
  left: 31px;
  width: 77px;
  height: 114px;
  background-position: -12px -384px;
}

#ipm_type_400 #w4 .s1 {
  top: 156px;
  left: 25px;
  width: 60px;
  height: 70px;
}

#ipm_type_400 #w4 .s2 {
  top: 143px;
  left: 46px;
  width: 40px;
  height: 13px;
}

#ipm_type_400 #w4 .s3 {
  top: 134px;
  left: 66px;
  width: 25px;
  height: 9px;
}

#ipm_type_400 #w4 .s4 {
  top: 126px;
  left: 84px;
  width: 8px;
  height: 8px;
}

#ipm_type_400 #w4 .s5 {
  top: 226px;
  left: 25px;
  width: 35px;
  height: 10px;
}

#ipm_type_400 #w4 .s6 {
  top: 195px;
  left: 85px;
  width: 10px;
  height: 20px;
}

#ipm_type_400 #w4 .s7 {
  top: 205px;
  left: 95px;
  width: 10px;
  height: 13px;
}

#ipm_type_400 #w5 a:hover span.bg {
  top: 175px;
  left: 170px;
  width: 107px;
  height: 102px;
  background-position: -12px -268px;
}

#ipm_type_400 #w5 .s1 {
  top: 177px;
  left: 211px;
  width: 20px;
  height: 10px;
}

#ipm_type_400 #w5 .s2 {
  top: 187px;
  left: 205px;
  width: 45px;
  height: 75px;
}

#ipm_type_400 #w5 .s3 {
  top: 262px;
  left: 228px;
  width: 14px;
  height: 11px;
}

#ipm_type_400 #w5 .s4 {
  top: 197px;
  left: 197px;
  width: 62px;
  height: 55px;
}

#ipm_type_400 #w5 .s5 {
  top: 212px;
  left: 183px;
  width: 22px;
  height: 50px;
}

#ipm_type_400 #w5 .s6 {
  top: 239px;
  left: 174px;
  width: 10px;
  height: 17px;
}

#ipm_type_400 #w5 .s7 {
  top: 182px;
  left: 231px;
  width: 18px;
  height: 5px;
}

#ipm_type_400 #w5 .s8 {
  top: 190px;
  left: 250px;
  width: 9px;
  height: 7px;
}

#ipm_type_400 #w5 .s9 {
  top: 205px;
  left: 259px;
  width: 12px;
  height: 17px;
}

#ipm_type_400 #w5 .s10 {
  top: 219px;
  left: 259px;
  width: 8px;
  height: 25px;
}

#ipm_type_400 #w6 a:hover span.bg {
  top: 296px;
  left: 210px;
  width: 101px;
  height: 87px;
  background-position: -123px -10px;
}

#ipm_type_400 #w6 .s1 {
  top: 298px;
  left: 241px;
  width: 20px;
  height: 5px;
}

#ipm_type_400 #w6 .s2 {
  top: 303px;
  left: 227px;
  width: 37px;
  height: 7px;
}

#ipm_type_400 #w6 .s3 {
  top: 310px;
  left: 224px;
  width: 40px;
  height: 75px;
}

#ipm_type_400 #w6 .s4 {
  top: 320px;
  left: 215px;
  width: 9px;
  height: 22px;
}

#ipm_type_400 #w6 .s5 {
  top: 316px;
  left: 264px;
  width: 43px;
  height: 65px;
}

#ipm_type_400 #w6 .s6 {
  top: 308px;
  left: 279px;
  width: 17px;
  height: 8px;
}

#ipm_type_400 #w7 a:hover span.bg {
  top: 104px;
  left: 217px;
  width: 155px;
  height: 160px;
  background-position: -135px -243px;
}

#ipm_type_400 #w7 .s1 {
  top: 127px;
  left: 235px;
  width: 88px;
  height: 55px;
}

#ipm_type_400 #w7 .s2 {
  top: 105px;
  left: 265px;
  width: 58px;
  height: 100px;
}

#ipm_type_400 #w7 .s3 {
  top: 140px;
  left: 226px;
  width: 10px;
  height: 42px;
}

#ipm_type_400 #w7 .s4 {
  top: 167px;
  left: 219px;
  width: 7px;
  height: 10px;
}

#ipm_type_400 #w7 .s5 {
  top: 143px;
  left: 249px;
  width: 112px;
  height: 50px;
}

#ipm_type_400 #w7 .s6 {
  top: 175px;
  left: 361px;
  width: 7px;
  height: 10px;
}

#ipm_type_400 #w7 .s7 {
  top: 193px;
  left: 258px;
  width: 8px;
  height: 12px;
}

#ipm_type_400 #w7 .s8 {
  top: 205px;
  left: 271px;
  width: 42px;
  height: 47px;
}

#ipm_type_400 #w7 .s9 {
  top: 205px;
  left: 313px;
  width: 10px;
  height: 15px;
}

#ipm_type_400 #w7 .s10 {
  top: 227px;
  left: 293px;
  width: 29px;
  height: 32px;
}

#ipm_type_400 #w7 .s11 {
  top: 222px;
  left: 267px;
  width: 5px;
  height: 22px;
}

#ipm_type_400 #w7 .s12 {
  top: 193px;
  left: 323px;
  width: 20px;
  height: 4px;
}

#ipm_type_400 #w8 a:hover span.bg {
  top: 252px;
  left: 122px;
  width: 77px;
  height: 81px;
  background-position: -259px -126px;
}

#ipm_type_400 #w8 .s1 {
  top: 291px;
  left: 130px;
  width: 40px;
  height: 45px;
}

#ipm_type_400 #w8 .s2 {
  top: 280px;
  left: 137px;
  width: 45px;
  height: 37px;
}

#ipm_type_400 #w8 .s3 {
  top: 270px;
  left: 142px;
  width: 47px;
  height: 25px;
}

#ipm_type_400 #w8 .s4 {
  top: 256px;
  left: 150px;
  width: 43px;
  height: 22px;
}

#ipm_type_400 #w9 a:hover span.bg {
  top: 273px;
  left: 295px;
  width: 103px;
  height: 118px;
  background-position: -8px -10px;
}

#ipm_type_400 #w9 .s1 {
  top: 286px;
  left: 315px;
  width: 38px;
  height: 11px;
}

#ipm_type_400 #w9 .s2 {
  top: 275px;
  left: 322px;
  width: 16px;
  height: 12px;
}

#ipm_type_400 #w9 .s3 {
  top: 296px;
  left: 307px;
  width: 43px;
  height: 9px;
}

#ipm_type_400 #w9 .s4 {
  top: 297px;
  left: 376px;
  width: 14px;
  height: 9px;
}

#ipm_type_400 #w9 .s5 {
  top: 305px;
  left: 307px;
  width: 90px;
  height: 90px;
}

#ipm_type_400 #w9 .s6 {
  top: 302px;
  left: 296px;
  width: 11px;
  height: 31px;
}

#ipm_type_400 #w9 .s7 {
  top: 333px;
  left: 302px;
  width: 6px;
  height: 15px;
}

#ipm_type_400 #w10 a:hover span.bg {
  top: 42px;
  left: 307px;
  width: 98px;
  height: 138px;
  background-position: -105px -417px;
}

#ipm_type_400 #w10 .s1 {
  top: 35px;
  left: 347px;
  width: 60px;
  height: 140px;
}

#ipm_type_400 #w10 .s2 {
  top: 50px;
  left: 340px;
  width: 7px;
  height: 15px;
}

#ipm_type_400 #w10 .s3 {
  top: 102px;
  left: 310px;
  width: 40px;
  height: 27px;
}

#ipm_type_400 #w10 .s4 {
  top: 90px;
  left: 333px;
  width: 15px;
  height: 60px;
}

#ipm_type_400 #w10 .s5 {
  top: 100px;
  left: 323px;
  width: 10px;
  height: 43px;
}

#ipm_type_400 #w10 .s6 {
  top: 150px;
  left: 342px;
  width: 5px;
  height: 12px;
}

#ipm_type_400 #w11 a:hover span.bg {
  top: 19px;
  left: 121px;
  width: 114px;
  height: 89px;
  background-position: -12px -560px;
}

#ipm_type_400 #w11 .s1 {
  top: 15px;
  left: 127px;
  width: 93px;
  height: 75px;
}

#ipm_type_400 #w11 .s2 {
  top: 90px;
  left: 127px;
  width: 35px;
  height: 11px;
}

#ipm_type_400 #w11 .s3 {
  top: 90px;
  left: 198px;
  width: 20px;
  height: 10px;
}

#ipm_type_400 #w11 .s4 {
  top: 75px;
  left: 220px;
  width: 7px;
  height: 10px;
}

#ipm_type_400 #w12 a:hover span.bg {
  top: 258px;
  left: 167px;
  width: 85px;
  height: 110px;
  background-position: -154px -111px;
}

#ipm_type_400 #w12 .s1 {
  top: 262px;
  left: 193px;
  width: 35px;
  height: 48px;
}

#ipm_type_400 #w12 .s2 {
  top: 278px;
  left: 189px;
  width: 35px;
  height: 42px;
}

#ipm_type_400 #w12 .s3 {
  top: 295px;
  left: 182px;
  width: 33px;
  height: 80px;
}

#ipm_type_400 #w12 .s4 {
  top: 317px;
  left: 170px;
  width: 12px;
  height: 25px;
}

#ipm_type_400 #w12 .s5 {
  top: 342px;
  left: 215px;
  width: 10px;
  height: 35px;
}

#ipm_type_400 #w12 .s6 {
  top: 273px;
  left: 227px;
  width: 14px;
  height: 30px;
}

#ipm_type_400 #w13 a:hover span.bg {
  top: 242px;
  left: 236px;
  width: 93px;
  height: 77px;
  background-position: -243px -15px;
}

#ipm_type_400 #w13 .s1 {
  top: 252px;
  left: 250px;
  width: 45px;
  height: 46px;
}

#ipm_type_400 #w13 .s2 {
  top: 244px;
  left: 259px;
  width: 13px;
  height: 10px;
}

#ipm_type_400 #w13 .s3 {
  top: 262px;
  left: 241px;
  width: 10px;
  height: 36px;
}

#ipm_type_400 #w13 .s4 {
  top: 259px;
  left: 295px;
  width: 27px;
  height: 27px;
}

#ipm_type_400 #w13 .s5 {
  top: 298px;
  left: 261px;
  width: 38px;
  height: 10px;
}

#ipm_type_400 #w13 .s6 {
  top: 308px;
  left: 264px;
  width: 15px;
  height: 8px;
}

#ipm_type_400 #w13 .s7 {
  top: 286px;
  left: 295px;
  width: 20px;
  height: 10px;
}

#ipm_type_400 #w13 .s8 {
  top: 296px;
  left: 295px;
  width: 12px;
  height: 6px;
}

#ipm_type_400 #w14 a:hover span.bg {
  top: 44px;
  left: 211px;
  width: 145px;
  height: 86px;
  background-position: -213px -428px;
}

#ipm_type_400 #w14 .s1 {
  top: 35px;
  left: 220px;
  width: 120px;
  height: 40px;
}

#ipm_type_400 #w14 .s2 {
  top: 35px;
  left: 340px;
  width: 10px;
  height: 15px;
}

#ipm_type_400 #w14 .s3 {
  top: 75px;
  left: 227px;
  width: 100px;
  height: 30px;
}

#ipm_type_400 #w14 .s4 {
  top: 65px;
  left: 327px;
  width: 20px;
  height: 25px;
}

#ipm_type_400 #w14 .s5 {
  top: 85px;
  left: 218px;
  width: 115px;
  height: 15px;
}

#ipm_type_400 #w14 .s6 {
  top: 97px;
  left: 215px;
  width: 80px;
  height: 15px;
}

#ipm_type_400 #w14 .s7 {
  top: 112px;
  left: 235px;
  width: 31px;
  height: 15px;
}

#ipm_type_400 #w14 .s8 {
  top: 112px;
  left: 266px;
  width: 15px;
  height: 6px;
}

#ipm_type_400 #w15 a:hover span.bg {
  top: 93px;
  left: 81px;
  width: 136px;
  height: 167px;
  background-position: -304px -236px;
}

#ipm_type_400 #w15 .s1 {
  top: 101px;
  left: 112px;
  width: 35px;
  height: 25px;
}

#ipm_type_400 #w15 .s2 {
  top: 126px;
  left: 108px;
  width: 39px;
  height: 90px;
}

#ipm_type_400 #w15 .s3 {
  top: 166px;
  left: 105px;
  width: 80px;
  height: 50px;
}

#ipm_type_400 #w15 .s4 {
  top: 143px;
  left: 85px;
  width: 67px;
  height: 52px;
}

#ipm_type_400 #w15 .s5 {
  top: 133px;
  left: 91px;
  width: 20px;
  height: 10px;
}

#ipm_type_400 #w15 .s6 {
  top: 195px;
  left: 93px;
  width: 12px;
  height: 10px;
}

#ipm_type_400 #w15 .s7 {
  top: 160px;
  left: 150px;
  width: 17px;
  height: 8px;
}

#ipm_type_400 #w15 .s8 {
  top: 170px;
  left: 185px;
  width: 12px;
  height: 42px;
}

#ipm_type_400 #w15 .s9 {
  top: 177px;
  left: 197px;
  width: 8px;
  height: 20px;
}

#ipm_type_400 #w15 .s10 {
  top: 177px;
  left: 205px;
  width: 6px;
  height: 10px;
}

#ipm_type_400 #w15 .s11 {
  top: 216px;
  left: 114px;
  width: 70px;
  height: 10px;
}

#ipm_type_400 #w15 .s12 {
  top: 226px;
  left: 150px;
  width: 33px;
  height: 13px;
}

#ipm_type_400 #w15 .s13 {
  top: 239px;
  left: 158px;
  width: 16px;
  height: 17px;
}

#ipm_type_400 #w16 a:hover span.bg {
  top: 35px;
  left: 17px;
  width: 119px;
  height: 124px;
  background-position: -266px -526px;
}

#ipm_type_400 #w16 .s1 {
  top: 31px;
  left: 17px;
  width: 95px;
  height: 95px;
}

#ipm_type_400 #w16 .s2 {
  top: 31px;
  left: 112px;
  width: 15px;
  height: 70px;
}

#ipm_type_400 #w16 .s3 {
  top: 126px;
  left: 16px;
  width: 30px;
  height: 30px;
}

#ipm_type_400 #w16 .s4 {
  top: 126px;
  left: 46px;
  width: 20px;
  height: 17px;
}

#ipm_type_400 #w16 .s5 {
  top: 126px;
  left: 66px;
  width: 18px;
  height: 8px;
}

#ipm_type_400 #w16 .s6 {
  top: 126px;
  left: 92px;
  width: 16px;
  height: 7px;
}

#ipm_type_500 #w,
#ipm_type_500 #w span.bg {
  background: transparent url("/img/500.png") no-repeat -9999px 0;
}

#ipm_type_500 #w {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  background-position: 0px -990px;
  list-style: none;
}

#ipm_type_500 #w.ukryta {
  width: 540px;
  height: 500px;
}

#ipm_type_500 #w.ukryta li {
  width: 0;
  height: 0;
  text-indent: -9999px;
}

#ipm_type_500 #w.po_lewej {
  left: 210px;
  width: 540px;
  min-height: 500px;
}

#ipm_type_500 #w.po_lewej li {
  margin-left: -210px;
  width: 200px;
}

#ipm_type_500 #w.po_prawej {
  width: 750px;
  min-height: 500px;
}

#ipm_type_500 #w.po_prawej li {
  width: 200px;
  padding-left: 550px;
}

#ipm_type_500 #w.po_lewej li:first-child,
#ipm_type_500 #w.po_prawej li:first-child {
  padding-top: 2em;
}

#ipm_type_500 #w.ponizej {
  width: 540px;
  padding-top: 520px;
  overflow: hidden;
}

#ipm_type_500 #w.ponizej li {
  width: 100%;
}

#ipm_type_500 #w.ponizej.dwie_kolumny li {
  width: 50%;
  float: left;
}

#ipm_type_500 #w.ponizej.trzy_kolumny li {
  width: 33%;
  float: left;
}

#ipm_type_500 #w li span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  z-index: 15;
}

#ipm_type_500 #w1 a:hover span.bg {
  top: 260px;
  left: 42px;
  width: 156px;
  height: 140px;
  background-position: -9px -176px;
}

#ipm_type_500 #w1 .s1 {
  top: 288px;
  left: 38px;
  width: 120px;
  height: 115px;
}

#ipm_type_500 #w1 .s2 {
  top: 273px;
  left: 87px;
  width: 100px;
  height: 15px;
}

#ipm_type_500 #w1 .s3 {
  top: 263px;
  left: 100px;
  width: 38px;
  height: 10px;
}

#ipm_type_500 #w1 .s4 {
  top: 288px;
  left: 158px;
  width: 31px;
  height: 40px;
}

#ipm_type_500 #w1 .s5 {
  top: 328px;
  left: 158px;
  width: 15px;
  height: 30px;
}

#ipm_type_500 #w1 .s6 {
  top: 278px;
  left: 77px;
  width: 10px;
  height: 10px;
}

#ipm_type_500 #w1 .s7 {
  top: 290px;
  left: 189px;
  width: 8px;
  height: 23px;
}

#ipm_type_500 #w2 a:hover span.bg {
  top: 103px;
  left: 172px;
  width: 123px;
  height: 118px;
  background-position: -469px -528px;
}

#ipm_type_500 #w2 .s1 {
  top: 115px;
  left: 178px;
  width: 50px;
  height: 80px;
}

#ipm_type_500 #w2 .s2 {
  top: 117px;
  left: 228px;
  width: 38px;
  height: 90px;
}

#ipm_type_500 #w2 .s3 {
  top: 131px;
  left: 266px;
  width: 10px;
  height: 72px;
}

#ipm_type_500 #w2 .s4 {
  top: 203px;
  left: 240px;
  width: 35px;
  height: 15px;
}

#ipm_type_500 #w2 .s5 {
  top: 136px;
  left: 275px;
  width: 15px;
  height: 37px;
}

#ipm_type_500 #w2 .s6 {
  top: 170px;
  left: 275px;
  width: 7px;
  height: 28px;
}

#ipm_type_500 #w2 .s7 {
  top: 195px;
  left: 205px;
  width: 25px;
  height: 10px;
}

#ipm_type_500 #w2 .s8 {
  top: 110px;
  left: 228px;
  width: 18px;
  height: 7px;
}

#ipm_type_500 #w2 .s9 {
  top: 105px;
  left: 200px;
  width: 27px;
  height: 12px;
}

#ipm_type_500 #w3 a:hover span.bg {
  top: 216px;
  left: 387px;
  width: 133px;
  height: 166px;
  background-position: -433px -9px;
}

#ipm_type_500 #w3 .s1 {
  top: 238px;
  left: 398px;
  width: 125px;
  height: 105px;
}

#ipm_type_500 #w3 .s2 {
  top: 218px;
  left: 455px;
  width: 35px;
  height: 20px;
}

#ipm_type_500 #w3 .s3 {
  top: 343px;
  left: 438px;
  width: 80px;
  height: 26px;
}

#ipm_type_500 #w3 .s4 {
  top: 343px;
  left: 420px;
  width: 20px;
  height: 12px;
}

#ipm_type_500 #w3 .s5 {
  top: 230px;
  left: 440px;
  width: 17px;
  height: 8px;
}

#ipm_type_500 #w3 .s6 {
  top: 367px;
  left: 433px;
  width: 40px;
  height: 10px;
}

#ipm_type_500 #w3 .s7 {
  top: 367px;
  left: 484px;
  width: 20px;
  height: 13px;
}

#ipm_type_500 #w3 .s8 {
  top: 271px;
  left: 388px;
  width: 10px;
  height: 10px;
}

#ipm_type_500 #w4 a:hover span.bg {
  top: 153px;
  left: 36px;
  width: 94px;
  height: 143px;
  background-position: -9px -478px;
}

#ipm_type_500 #w4 .s1 {
  top: 163px;
  left: 76px;
  width: 34px;
  height: 25px;
}

#ipm_type_500 #w4 .s2 {
  top: 174px;
  left: 52px;
  width: 24px;
  height: 14px;
}

#ipm_type_500 #w4 .s3 {
  top: 187px;
  left: 25px;
  width: 82px;
  height: 75px;
}

#ipm_type_500 #w4 .s4 {
  top: 245px;
  left: 97px;
  width: 17px;
  height: 19px;
}

#ipm_type_500 #w4 .s5 {
  top: 262px;
  left: 35px;
  width: 64px;
  height: 18px;
}

#ipm_type_500 #w4 .s6 {
  top: 252px;
  left: 113px;
  width: 15px;
  height: 15px;
}

#ipm_type_500 #w4 .s7 {
  top: 154px;
  left: 102px;
  width: 10px;
  height: 10px;
}

#ipm_type_500 #w4 .s8 {
  top: 280px;
  left: 43px;
  width: 33px;
  height: 10px;
}

#ipm_type_500 #w4 .s9 {
  top: 280px;
  left: 83px;
  width: 8px;
  height: 8px;
}

#ipm_type_500 #w5 a:hover span.bg {
  top: 214px;
  left: 210px;
  width: 131px;
  height: 127px;
  background-position: -9px -333px;
}

#ipm_type_500 #w5 .s1 {
  top: 240px;
  left: 240px;
  width: 85px;
  height: 70px;
}

#ipm_type_500 #w5 .s2 {
  top: 217px;
  left: 259px;
  width: 23px;
  height: 8px;
}

#ipm_type_500 #w5 .s3 {
  top: 260px;
  left: 226px;
  width: 15px;
  height: 60px;
}

#ipm_type_500 #w5 .s4 {
  top: 293px;
  left: 215px;
  width: 15px;
  height: 22px;
}

#ipm_type_500 #w5 .s5 {
  top: 308px;
  left: 240px;
  width: 70px;
  height: 18px;
}

#ipm_type_500 #w5 .s6 {
  top: 325px;
  left: 278px;
  width: 22px;
  height: 14px;
}

#ipm_type_500 #w5 .s7 {
  top: 224px;
  left: 253px;
  width: 60px;
  height: 16px;
}

#ipm_type_500 #w5 .s8 {
  top: 252px;
  left: 325px;
  width: 12px;
  height: 22px;
}

#ipm_type_500 #w5 .s9 {
  top: 277px;
  left: 325px;
  width: 7px;
  height: 25px;
}

#ipm_type_500 #w6 a:hover span.bg {
  top: 365px;
  left: 260px;
  width: 125px;
  height: 109px;
  background-position: -152px -9px;
}

#ipm_type_500 #w6 .s1 {
  top: 390px;
  left: 277px;
  width: 93px;
  height: 90px;
}

#ipm_type_500 #w6 .s2 {
  top: 397px;
  left: 268px;
  width: 10px;
  height: 30px;
}

#ipm_type_500 #w6 .s3 {
  top: 375px;
  left: 278px;
  width: 50px;
  height: 15px;
}

#ipm_type_500 #w6 .s4 {
  top: 367px;
  left: 302px;
  width: 23px;
  height: 8px;
}

#ipm_type_500 #w6 .s5 {
  top: 381px;
  left: 345px;
  width: 25px;
  height: 10px;
}

#ipm_type_500 #w6 .s6 {
  top: 410px;
  left: 368px;
  width: 8px;
  height: 50px;
}

#ipm_type_500 #w6 .s7 {
  top: 403px;
  left: 262px;
  width: 6px;
  height: 12px;
}

#ipm_type_500 #w6 .s8 {
  top: 426px;
  left: 375px;
  width: 6px;
  height: 30px;
}

#ipm_type_500 #w7 a:hover span.bg {
  top: 125px;
  left: 269px;
  width: 193px;
  height: 200px;
  background-position: -168px -301px;
}

#ipm_type_500 #w7 .s1 {
  top: 135px;
  left: 350px;
  width: 37px;
  height: 20px;
}

#ipm_type_500 #w7 .s2 {
  top: 145px;
  left: 325px;
  width: 25px;
  height: 10px;
}

#ipm_type_500 #w7 .s3 {
  top: 155px;
  left: 288px;
  width: 115px;
  height: 70px;
}

#ipm_type_500 #w7 .s4 {
  top: 170px;
  left: 280px;
  width: 8px;
  height: 53px;
}

#ipm_type_500 #w7 .s5 {
  top: 173px;
  left: 403px;
  width: 25px;
  height: 70px;
}

#ipm_type_500 #w7 .s6 {
  top: 210px;
  left: 428px;
  width: 25px;
  height: 26px;
}

#ipm_type_500 #w7 .s7 {
  top: 225px;
  left: 337px;
  width: 66px;
  height: 47px;
}

#ipm_type_500 #w7 .s8 {
  top: 225px;
  left: 317px;
  width: 20px;
  height: 27px;
}

#ipm_type_500 #w7 .s9 {
  top: 272px;
  left: 330px;
  width: 60px;
  height: 35px;
}

#ipm_type_500 #w7 .s10 {
  top: 127px;
  left: 370px;
  width: 15px;
  height: 8px;
}

#ipm_type_500 #w7 .s11 {
  top: 280px;
  left: 365px;
  width: 35px;
  height: 40px;
}

#ipm_type_500 #w7 .s12 {
  top: 202px;
  left: 273px;
  width: 7px;
  height: 17px;
}

#ipm_type_500 #w7 .s13 {
  top: 307px;
  left: 345px;
  width: 20px;
  height: 6px;
}

#ipm_type_500 #w7 .s14 {
  top: 215px;
  left: 452px;
  width: 8px;
  height: 11px;
}

#ipm_type_500 #w8 a:hover span.bg {
  top: 310px;
  left: 150px;
  width: 94px;
  height: 102px;
  background-position: -324px -155px;
}

#ipm_type_500 #w8 .s1 {
  top: 345px;
  left: 167px;
  width: 60px;
  height: 45px;
}

#ipm_type_500 #w8 .s2 {
  top: 331px;
  left: 173px;
  width: 62px;
  height: 34px;
}

#ipm_type_500 #w8 .s3 {
  top: 316px;
  left: 182px;
  width: 58px;
  height: 25px;
}

#ipm_type_500 #w8 .s4 {
  top: 360px;
  left: 157px;
  width: 10px;
  height: 25px;
}

#ipm_type_500 #w8 .s5 {
  top: 388px;
  left: 182px;
  width: 28px;
  height: 30px;
}

#ipm_type_500 #w9 a:hoverspan.bg {
  top: 337px;
  left: 367px;
  width: 126px;
  height: 147px;
  background-position: -10px -9px;
}

#ipm_type_500 #w9 .s1 {
  top: 378px;
  left: 380px;
  width: 115px;
  height: 110px;
}

#ipm_type_500 #w9 .s2 {
  top: 373px;
  left: 370px;
  width: 10px;
  height: 45px;
}

#ipm_type_500 #w9 .s3 {
  top: 364px;
  left: 380px;
  width: 55px;
  height: 14px;
}

#ipm_type_500 #w9 .s4 {
  top: 353px;
  left: 392px;
  width: 47px;
  height: 11px;
}

#ipm_type_500 #w9 .s5 {
  top: 369px;
  left: 467px;
  width: 20px;
  height: 9px;
}

#ipm_type_500 #w9 .s6 {
  top: 340px;
  left: 402px;
  width: 20px;
  height: 13px;
}

#ipm_type_500 #w10 a:hover span.bg {
  top: 47px;
  left: 381px;
  width: 118px;
  height: 173px;
  background-position: -128px -518px;
}

#ipm_type_500 #w10 .s1 {
  top: 45px;
  left: 434px;
  width: 80px;
  height: 168px;
}

#ipm_type_500 #w10 .s2 {
  top: 120px;
  left: 405px;
  width: 30px;
  height: 57px;
}

#ipm_type_500 #w10 .s3 {
  top: 124px;
  left: 386px;
  width: 19px;
  height: 32px;
}

#ipm_type_500 #w10 .s4 {
  top: 59px;
  left: 424px;
  width: 11px;
  height: 16px;
}

#ipm_type_500 #w10 .s5 {
  top: 107px;
  left: 418px;
  width: 20px;
  height: 20px;
}

#ipm_type_500 #w10 .s6 {
  top: 114px;
  left: 411px;
  width: 7px;
  height: 7px;
}

#ipm_type_500 #w10 .s7 {
  top: 155px;
  left: 397px;
  width: 10px;
  height: 10px;
}

#ipm_type_500 #w10 .s8 {
  top: 175px;
  left: 427px;
  width: 8px;
  height: 29px;
}

#ipm_type_500 #w11 a:hover span.bg {
  top: 18px;
  left: 149px;
  width: 138px;
  height: 110px;
  background-position: -9px -698px;
}

#ipm_type_500 #w11 .s1 {
  top: 15px;
  left: 154px;
  width: 118px;
  height: 92px;
}

#ipm_type_500 #w11 .s2 {
  top: 107px;
  left: 157px;
  width: 43px;
  height: 10px;
}

#ipm_type_500 #w11 .s3 {
  top: 107px;
  left: 224px;
  width: 47px;
  height: 5px;
}

#ipm_type_500 #w11 .s4 {
  top: 117px;
  left: 159px;
  width: 23px;
  height: 6px;
}

#ipm_type_500 #w11 .s5 {
  top: 112px;
  left: 245px;
  width: 21px;
  height: 7px;
}

#ipm_type_500 #w11 .s6 {
  top: 90px;
  left: 272px;
  width: 12px;
  height: 13px;
}

#ipm_type_500 #w12 a:hover span.bg {
  top: 318px;
  left: 206px;
  width: 102px;
  height: 139px;
  background-position: -193px -136px;
}

#ipm_type_500 #w12 .s1 {
  top: 325px;
  left: 238px;
  width: 40px;
  height: 70px;
}

#ipm_type_500 #w12 .s2 {
  top: 335px;
  left: 276px;
  width: 25px;
  height: 40px;
}

#ipm_type_500 #w12 .s3 {
  top: 365px;
  left: 226px;
  width: 38px;
  height: 95px;
}

#ipm_type_500 #w12 .s4 {
  top: 394px;
  left: 209px;
  width: 54px;
  height: 70px;
}

#ipm_type_500 #w12 .s5 {
  top: 426px;
  left: 264px;
  width: 18px;
  height: 30px;
}

#ipm_type_500 #w12 .s6 {
  top: 322px;
  left: 244px;
  width: 16px;
  height: 3px;
}

#ipm_type_500 #w12 .s7 {
  top: 342px;
  left: 233px;
  width: 8px;
  height: 17px;
}

#ipm_type_500 #w12 .s8 {
  top: 388px;
  left: 220px;
  width: 8px;
  height: 8px;
}

#ipm_type_500 #w12 .s9 {
  top: 395px;
  left: 262px;
  width: 8px;
  height: 8px;
}

#ipm_type_500 #w12 .s10 {
  top: 414px;
  left: 262px;
  width: 8px;
  height: 12px;
}

#ipm_type_500 #w12 .s11 {
  top: 372px;
  left: 277px;
  width: 8px;
  height: 8px;
}

#ipm_type_500 #w12 .s12 {
  top: 363px;
  left: 300px;
  width: 6px;
  height: 8px;
}

#ipm_type_500 #w13 a:hover span.bg {
  top: 298px;
  left: 292px;
  width: 112px;
  height: 97px;
  background-position: -303px -9px;
}

#ipm_type_500 #w13 .s1 {
  top: 317px;
  left: 308px;
  width: 82px;
  height: 52px;
}

#ipm_type_500 #w13 .s2 {
  top: 323px;
  left: 299px;
  width: 10px;
  height: 45px;
}

#ipm_type_500 #w13 .s3 {
  top: 311px;
  left: 308px;
  width: 60px;
  height: 7px;
}

#ipm_type_500 #w13 .s4 {
  top: 320px;
  left: 390px;
  width: 13px;
  height: 35px;
}

#ipm_type_500 #w13 .s5 {
  top: 368px;
  left: 323px;
  width: 50px;
  height: 12px;
}

#ipm_type_500 #w13 .s6 {
  top: 378px;
  left: 327px;
  width: 20px;
  height: 13px;
}

#ipm_type_500 #w13 .s7 {
  top: 304px;
  left: 323px;
  width: 17px;
  height: 8px;
}

#ipm_type_500 #w13 .s8 {
  top: 300px;
  left: 327px;
  width: 7px;
  height: 6px;
}

#ipm_type_500 #w14 a:hover span.bg {
  top: 50px;
  left: 261px;
  width: 178px;
  height: 106px;
  background-position: -268px -528px;
}

#ipm_type_500 #w14 .s1 {
  top: 45px;
  left: 272px;
  width: 12px;
  height: 45px;
}

#ipm_type_500 #w14 .s2 {
  top: 45px;
  left: 284px;
  width: 86px;
  height: 91px;
}

#ipm_type_500 #w14 .s3 {
  top: 143px;
  left: 290px;
  width: 35px;
  height: 12px;
}

#ipm_type_500 #w14 .s4 {
  top: 45px;
  left: 369px;
  width: 49px;
  height: 69px;
}

#ipm_type_500 #w14 .s5 {
  top: 45px;
  left: 418px;
  width: 16px;
  height: 14px;
}

#ipm_type_500 #w14 .s6 {
  top: 59px;
  left: 418px;
  width: 6px;
  height: 48px;
}

#ipm_type_500 #w14 .s7 {
  top: 75px;
  left: 424px;
  width: 10px;
  height: 32px;
}

#ipm_type_500 #w14 .s8 {
  top: 103px;
  left: 271px;
  width: 140px;
  height: 18px;
}

#ipm_type_500 #w14 .s9 {
  top: 112px;
  left: 266px;
  width: 139px;
  height: 12px;
}

#ipm_type_500 #w14 .s10 {
  top: 124px;
  left: 266px;
  width: 20px;
  height: 7px;
}

#ipm_type_500 #w14 .s11 {
  top: 131px;
  left: 276px;
  width: 8px;
  height: 5px;
}

#ipm_type_500 #w14 .s12 {
  top: 135px;
  left: 290px;
  width: 60px;
  height: 10px;
}

#ipm_type_500 #w15 a:hover span.bg {
  top: 111px;
  left: 98px;
  width: 167px;
  height: 209px;
  background-position: -388px -293px;
}

#ipm_type_500 #w15 .s1 {
  top: 123px;
  left: 142px;
  width: 36px;
  height: 72px;
}

#ipm_type_500 #w15 .s2 {
  top: 161px;
  left: 110px;
  width: 40px;
  height: 91px;
}

#ipm_type_500 #w15 .s3 {
  top: 195px;
  left: 138px;
  width: 67px;
  height: 78px;
}

#ipm_type_500 #w15 .s4 {
  top: 218px;
  left: 253px;
  width: 7px;
  height: 11px;
}

#ipm_type_500 #w15 .s5 {
  top: 205px;
  left: 185px;
  width: 55px;
  height: 55px;
}

#ipm_type_500 #w15 .s6 {
  top: 218px;
  left: 240px;
  width: 13px;
  height: 22px;
}

#ipm_type_500 #w15 .s7 {
  top: 260px;
  left: 186px;
  width: 40px;
  height: 33px;
}

#ipm_type_500 #w15 .s8 {
  top: 114px;
  left: 149px;
  width: 10px;
  height: 10px;
}

#ipm_type_500 #w15 .s9 {
  top: 127px;
  left: 135px;
  width: 8px;
  height: 10px;
}

#ipm_type_500 #w15 .s10 {
  top: 149px;
  left: 128px;
  width: 15px;
  height: 115px;
}

#ipm_type_500 #w15 .s11 {
  top: 185px;
  left: 102px;
  width: 9px;
  height: 55px;
}

#ipm_type_500 #w15 .s12 {
  top: 169px;
  left: 178px;
  width: 8px;
  height: 29px;
}

#ipm_type_500 #w15 .s13 {
  top: 293px;
  left: 197px;
  width: 18px;
  height: 23px;
}

#ipm_type_500 #w15 .s14 {
  top: 270px;
  left: 147px;
  width: 20px;
  height: 10px;
}

#ipm_type_500 #w16 a:hover span.bg {
  top: 38px;
  left: 19px;
  width: 144px;
  height: 154px;
  background-position: -329px -658px;
}

#ipm_type_500 #w16 .s1 {
  top: 30px;
  left: 15px;
  width: 120px;
  height: 124px;
}

#ipm_type_500 #w16 .s2 {
  top: 30px;
  left: 135px;
  width: 19px;
  height: 85px;
}

#ipm_type_500 #w16 .s3 {
  top: 115px;
  left: 135px;
  width: 14px;
  height: 11px;
}

#ipm_type_500 #w16 .s4 {
  top: 137px;
  left: 135px;
  width: 8px;
  height: 12px;
}

#ipm_type_500 #w16 .s5 {
  top: 154px;
  left: 15px;
  width: 37px;
  height: 35px;
}

#ipm_type_500 #w16 .s6 {
  top: 154px;
  left: 112px;
  width: 16px;
  height: 7px;
}

#ipm_type_500 #w16 .s7 {
  top: 154px;
  left: 52px;
  width: 25px;
  height: 20px;
}

#ipm_type_500 #w16 .s8 {
  top: 154px;
  left: 77px;
  width: 25px;
  height: 10px;
}

#ipm_type_500 #w16 .s9 {
  top: 88px;
  left: 154px;
  width: 4px;
  height: 26px;
}

article.alert {
  border-radius: 12px;
}

/* ----------------------- HOMEPAGE END ----------------------- */

/* ----------------------- CATEGORY PAGE START ----------------------- */

#left-column {
  .block {
    border-radius: 12px;
    padding: 24px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #efefef;

    .block-title,
    .title_block {
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      position: relative;
      border: unset;
      margin-bottom: 16px;
      padding-bottom: 16px;

      &:before {
        content: "";
        z-index: 0;
        position: absolute;
        bottom: 0;
        left: -50%;
        width: 200%;
        height: 1px;
        background: #e9eaeb;
      }
    }

    .category-sub-menu {
      color: #62666b;
      font-size: 14px;

      li {
        &:not(:last-child) {
          margin-bottom: 6px;
        }

        ul {
          margin-top: 5px;
        }

        a {
          color: #62666b;
          padding-left: 10px;
          width: 100%;

          &:before {
            display: none;
          }
        }
      }
    }

    .af_filter {
      position: relative;
      border: unset;
      margin-bottom: 16px;
      padding-bottom: 16px;
      margin-top: -16px;
      color: #62666b;
      font-size: 16px;

      &:last-child {
        margin-bottom: 0;
        padding-bottom: 0;

        &:before {
          display: none;
        }
      }

      &:before {
        content: "";
        z-index: 0;
        position: absolute;
        bottom: 0;
        left: -50%;
        width: 200%;
        height: 1px;
        background: #e9eaeb;
      }
    }
  }
}

#category #wrapper {
  #inner-wrapper {
    .row {
      display: flex;

      .cat-header {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        order: 1;
        min-height: 300px;
        border-radius: 12px;
        overflow: hidden;
        margin: 0px 12px 24px 12px;
        padding: 0px;
        position: relative;

        @media (max-width: 768px) {
          margin: 0px;
        }

        &:before {
          qcontent: "";
          z-index: -1;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: radial-gradient(circle at bottom right,
              #47cefa73,
              #c2e5fbc7);
        }

        #js-product-list-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          position: relative;
          z-index: 1;
          width: 100%;
          gap: 32px;

          @media (max-width: 768px) {
            flex-direction: column-reverse;
            align-items: center;
            justify-content: center;
          }

          h1 {
            color: #02bef0;
            text-transform: none;

            @media (max-width: 768px) {
              text-align: center;
            }
          }

          .cat-info {
            width: 70%;

            @media (max-width: 768px) {
              width: 80%
            }
          }

          .cat-image {
            width: 30%;

            @media (max-width: 768px) {
              width: 80%;
            }
          }
        }
      }

      #content-wrapper {
        display: flex;
        order: 3;
      }

      #left-column {
        display: flex;
        flex-direction: column;
        order: 2 !important;
      }
    }
  }

  #js-product-list-top {
    margin: 0px 0px 24px 0px;
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    border: unset;
    border: 1px solid #efefef;
  }

  .category-description {
    border-radius: 12px;
    border: 1px solid #efefef;
    padding: 24px;
    background: #fff;
    margin-top: 32px;

    hr {
      display: none;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
      text-transform: none;
      color: #2c1c64;
    }
  }
}

#js-product-list {
  .products {
    .product-miniature {
      border-radius: 12px;
      overflow: hidden;
      background: #fff;
      border: 1px solid #efefef;

      picture {
        img {
          width: 100%;
        }
      }

      .js-quick-view-iqit {
        display: none !important;
      }

      .product-flags {
        position: absolute;
        left: 8px;
        top: 8px;

        li {
          border-radius: 24px;
          padding: 4px 8px !important;

          &.on-sale {
            background: #473382;
          }
        }
      }

      .product-description {
        background: #fff;
        border-radius: 12px;
        margin-top: -14px;
        position: relative;
        z-index: 1;

        .col {
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
      }
    }
  }
}

nav.pagination {
  margin-top: 24px;

  li {
    border: unset !important;

    &.current {
      border: unset !important;

      a,
      a.diabled {
        background: #47cefa;
        color: #fff !important;
        font-weight: 600 !important;
      }
    }

    span {
      border: unset;
    }

    &.active {
      a {
        background: #47cefa;
      }
    }

    &.disabled {
      a {
        background: #e9eaeb;
      }
    }

    a {
      width: 45px;
      height: 45px;
      border-radius: 50px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: #fff;
    }
  }
}

.product-list-subcategories {
  order: 2;

  .row {
    gap: 24px;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);

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

    @media (max-width: 576px) {
      grid-template-columns: repeat(1, 1fr);
    }
  }

  .col-4 {
    background: #fff;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid #efefef;
    width: 100% !important;
    max-width: 100% !important;
    transition: all 0.3s ease;

    .subcategory-image {
      width: 100%;

      img {
        width: 100%;
        aspect-ratio: 1;
        object-fit: contain;
      }
    }

    .subcategory-name {
      font-size: 18px;
      font-weight: 600;
    }

    &:hover {
      transform: translateY(-5px);
      box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
    }
  }
}

#category {
  #content-wrapper {
    #main {
      width: 100%;
    }
  }
}

/* ----------------------- CATEGORY PAGE END ----------------------- */

/* ----------------------- PRODUCT PAGE START ----------------------- */

.table-striped>tbody>tr:nth-of-type(2n+1)>* {
  --bs-table-color-type: rgba(0, 190, 240, 0.04);
  --bs-table-bg-type: rgba(0, 190, 240, 0.04);
}

#product {

  .h1.page-title {
    font-size: 40px;
    font-weight: 600;
    color: #2c1c64;
    text-align: center;

    @media (max-width: 991px) {
      font-size: 35px;
    }

    @media (max-width: 768px) {
      font-size: 30px;
    }

    @media (max-width: 576px) {
      font-size: 25px;
    }

    .product-title-name {
      font-size: 32px;

      @media (max-width: 991px) {
        font-size: 28px;
      }

      @media (max-width: 768px) {
        font-size: 25px;
      }

      @media (max-width: 576px) {
        font-size: 22px;
      }
    }
  }

  .product-lmage-large {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
    border: 1px solid #efefef;
    background: #fff;

    picture {
      background: #fff;
    }

    img {
      width: 60%;
      background: #fff;
    }
  }

  @media (max-width: 768px) {
    .product-lmage-large {
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 24px;
      border: 1px solid #efefef;

      picture {
        background: #fff;
      }

      img {
        width: 100%;
        background: #fff;
      }
    }
  }

  .product_header_container {
    border: unset !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }

  .product_p_price_container {
    border: unset !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  #add-to-cart-or-refresh {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;

    @media (max-width: 1080px) {
      flex-direction: column;
    }

    .product_p_price_container {
      width: 40%;

      @media (max-width: 1080px) {
        width: 100%;
      }

      @media (max-width: 768px) {
        width: 100%;
        text-align: center;
      }
    }

    .product-add-to-cart.js-product-add-to-cart {
      width: 60%;

      @media (max-width: 1080px) {
        width: 100%;
      }

      .col-add-btn {
        .add {
          display: flex;
          flex-direction: row;
          gap: 12px;
          justify-content: flex-end;

          @media (max-width: 768px) {
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
          }

          .product-question-button-wrapper {
            margin: 0;

            @media (max-width: 610px) {
              width: 100%;
            }

            .btn.product-question-btn {
              background: #fff;
              border-color: #00bef0;
              color: #00bef0 !important;

              @media (max-width: 610px) {
                width: 100%;
              }
            }
          }
        }
      }
    }
  }

  .product-actions.js-product-actions {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
  }

  a.attachment-link-wrap {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .product-details-wrapper,
  .product-additional-info.js-product-additional-info {
    width: 49%;
    margin: 0px;
    padding: 0px;



    @media (max-width: 1280px) {
      width: 46%;
    }

    @media (max-width: 991px) {
      width: 100%;
    }
  }

  .images-container .product-cover {
    margin-bottom: 0px !important;

    .product-flags {
      li {
        margin-top: 0px;
        margin-bottom: 8px;
        border-radius: 24px;
        padding: 4px 8px;

        &.on-sale {
          background: #473382;
        }
      }
    }
  }

  #product-images-thumbs.product-images {
    padding: 0px !important;

    picture img {
      border-radius: 8px !important;
      background: #fff !important;
      border: 1px solid #efefef;
    }
  }

  #col-product-info {
    border-radius: 12px;
    background: #fff;
    padding: 24px;
    border: 1px solid #efefef;

    h1 {
      color: #62666b;
      font-size: 36px;
      font-weight: 600;
    }

    .product-price {
      font-size: 26px;
      color: #473382;
    }

    .product-details-wrapper {

      table {
        border-radius: 12px;
      }

      #product-details {
        .product-features {
          .data-sheet {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 10px 20px;
            margin: 0;

            dt {
              font-weight: 600;
              color: #62666b;
            }

            dd {
              margin: 0;
              color: #666;
            }
          }
        }

        .product-reference,
        .product-quantities,
        .product-condition,
        .specific-references>div,
        .product-availability-date {
          margin-bottom: 8px;

          .label {
            font-weight: 600;
            color: #62666b;
            margin-right: 5px;
          }

          span {
            color: #666;
          }
        }
      }
    }

    .product-add-to-cart {
      .product-quantity {

        @media (max-width: 768px) {
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          gap: 12px;
        }

        .col-add-qty {
          display: none;
        }

        .col-add-btn {
          max-width: 100%;
          flex: auto;
          width: auto;
        }
      }

      /* Style przycisków */
      #cart button,
      #cart .btn {
        font-size: 16px;
        font-weight: 600;
        border-radius: 40px;
        padding: 15px 28px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
      }

      #iqit-wishlist-product-btn,
      #iqit-compare-product-btn {
        background: #fff;
        padding: 15px;

        i {
          color: #62666b;
        }
      }
    }
  }
}

/* ----------------------- PRODUCT QUESTION BUTTON ----------------------- */
#product {
  .product-add-to-cart {
    .product-quantity {
      .col-question-btn {
        margin-top: 10px;

        @media (min-width: 576px) {
          margin-top: 0;
        }

        .product-question-btn {
          width: 100%;
          white-space: nowrap;
        }
      }
    }
  }
}

/* ----------------------- PRODUCT DETAILS TABLE ----------------------- */
#product {
  .product-details-table {
    margin: 20px 0;

    .table {
      margin-bottom: 0;
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

      th {
        background-color: #f8f9fa;
        font-weight: 600;
        color: #333;
        padding: 12px 15px;
        width: 35%;
        border-right: 1px solid #dee2e6;
        font-size: 0.95rem;
      }

      td {
        padding: 12px 15px;
        color: #555;
        font-size: 0.95rem;

        strong {
          color: #333;
          font-weight: 600;
        }
      }

      tr {
        transition: background-color 0.2s;

        &:hover {
          background-color: #f8f9fa;
        }
      }
    }
  }

  .product-features {
    .h5 {
      font-weight: 600;
      color: #333;
      margin-bottom: 25px;
      padding-bottom: 25px;
    }

    .table-striped {
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

      th {
        background-color: #fff;
        font-weight: 500;
        color: #666;
        padding: 10px 15px;
        width: 40%;
        font-size: 0.9rem;
      }

      td {
        padding: 10px 15px;
        color: #333;
        font-size: 0.9rem;
      }

      tbody tr:nth-of-type(odd) {
        background-color: #f8f9fa;
      }
    }
  }

  .product-additional-info {
    border: unset;

    li {
      a {
        width: 40px;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #cdcdcd;
        border-radius: 32px;
      }
    }
  }

  #products-tab-anchor {
    display: none;
  }

  .product-tabs {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    border: 1px solid #efefef;

    &:not(:has(.ul)) {
      display: none;
    }

    #product-infos-tabs {
      text-align: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;

      a.active {
        border: unset !important;
      }
    }
  }

  .product-additional-info .product-attachments-list {
    background: #fff;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;

    .h5.mb-3 {
      border: unset !important;
      width: 100%;
    }

    .attachment-group {
      padding: 24px;
      border-radius: 12px;
      background: #f5fcfe;
      width: calc(50% - 6px);
      margin: 0px !important;
      transition: all 0.3s ease-in-out;
      border: 1px solid #e0f0f5;
      position: relative;

      @media (max-width: 576px) {
        width: 100%;
      }

      &:hover {
        transform: translateY(-5px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        border-color: #00bef0;
      }

      .h6 {
        display: none;
      }

      i {
        font-size: 22px;
      }

      li:hover {
        background: transparent !important;
      }

      a {
        display: inline-block;
        width: auto;
        border: unset;
        padding: 0px;
        aspect-ratio: unset;

        &:hover {
          background: transparent !important;
        }
      }


    }
  }
}

.cart-buttons {
  .btn {
    font-size: 16px;
    font-weight: 600;
    border-radius: 40px;
    color: #fff !important;
    padding: 15px 28px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;

    &.btn-secondary {
      background-color: #fff;
      color: #62666b !important;
      border: 1px solid #cbcbcb;
    }
  }
}



@media (max-width: 768px) {
  #product {
    .product-details-table .table th {
      width: 40%;
      font-size: 0.85rem;
      padding: 10px;
    }

    .product-details-table .table td {
      font-size: 0.85rem;
      padding: 10px;
    }
  }
}

/* ----------------------- PRODUCT PAGE END ----------------------- */

/* ----------------------- CART PAGE START ----------------------- */

#cart {
  .btn {
    font-size: 16px;
    font-weight: 600;
    border-radius: 40px;
    color: #fff !important;
    padding: 15px 28px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;

    &.btn-secondary {
      background-color: #fff;
      color: #62666b !important;
      border: 1px solid #cbcbcb;
    }
  }


  .cart-container {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    border: 1px solid #efefef;
  }

  .cart-grid-right .cart-summary {
    background: #fff;
    border-radius: 12px;

    .card-body {
      padding: 12px 24px;

      &:first-child {
        padding-top: 24px;
      }

      &:last-child {
        padding-bottom: 24px;
      }
    }
  }
}

/* ----------------------- CART PAGE END ----------------------- */

/* ----------------------- CHECKOUT PAGE START ----------------------- */

#checkout {
  img.logo {
    max-width: 200px;
    margin: 0 auto;
  }

  input[type="text"],
  input[type="email"],
  input[type="password"] {
    border-radius: 6px;
  }

  .btn {
    font-size: 16px;
    font-weight: 600;
    border-radius: 40px;
    color: #fff !important;
    padding: 15px 28px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    width: auto !important;

    &.btn-secondary {
      background-color: #fff;
      color: #62666b !important;
      border: 1px solid #cbcbcb;
    }

    &.btn-outline-secondary {
      padding: 10px;
      margin-left: 12px;
    }
  }

  #checkout-personal-information-step,
  #js-checkout-summary {
    border-radius: 12px;
    background: #fff;
    border: 1px solid #efefef;
  }

  #js-checkout-summary {
    .card-body {
      padding: 12px 24px;

      &:first-child {
        padding-top: 24px;
      }

      &:last-child {
        padding-bottom: 24px;
      }
    }
  }


  #wrapper {
    background: #efefef45;

    .checkout-block:not(#thecheckout-confirm) .inner-area {
      padding: 0px;
      border-radius: 12px;
      box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.05);

      .inner-wrapper {
        padding: 24px;
      }
    }

    .inner-area {
      padding: 24px !important;

      .inner-wrapper {
        padding: 0px !important;
      }
    }

    .block-header {
      padding-left: 0px !important;
      padding-right: 0px !important;
      padding-top: 0px !important;
      font-weight: 600;
      font-size: 22px;

      &:before {
        display: none;
      }
    }

    .card {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    .flex-split-horizontal {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;

      @media (max-width: 768px) {
        grid-template-columns: 1fr;
      }

      .has-float-label input.form-control {
        border: 1px solid rgba(0, 0, 0, 0.125);
        padding: 10px 15px;
      }

      .has-float-label label,
      .has-float-label span.field-label {
        position: absolute;
        left: 0;
        top: -20px;
        cursor: text;
        font-size: 0.85em;
        transition: all .2s;
        opacity: 0.6;
      }

      .has-float-label input:placeholder-shown:not(:focus):not(:autofill)~span.field-label,
      .has-float-label select:placeholder-shown:not(:focus)~span.field-label {
        top: 15px;
        padding-left: 16px;
      }

      .form-group,
      body#checkout #checkout-payment-step {
        margin-bottom: 26px;
      }


    }

    .checkout-block {
      margin: 0;
      padding: 0px 0px 24px 0px !important;
    }

    #confirm_order {
      margin-top: 32px;
    }
  }

  .delivery-option>label {
    max-width: calc(100% - 60px);
    margin-left: 0;
    padding-left: 0;
  }

  .shipping-radio {
    padding: 0;
    margin: 0;
  }

  @media (max-width: 768px) {
    .card-block {
      .cart-total {
        font-size: 1.1rem !important;
      }
    }
  }

}

/* ----------------------- CHECKOUT PAGE END ----------------------- */


/* ----------------------- LOGIN-REGISTER START ----------------------- */

#authentication,
#registration {
  #inner-wrapper {
    #content-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;

      .page-title {
        text-align: center;
        display: inline-block;
      }

      #content {
        border: unset;
        border-radius: 12px;
        padding: 24px;
        background: #fff;
        outline: none 1px #f2f2f2;
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);

        .alert {
          border-radius: 8px;
        }

        .form-control {
          border-radius: 8px;
        }

        #submit-login,
        .form-control-submit {
          font-size: 16px;
          font-weight: 600;
          border-radius: 40px;
          padding: 15px 28px;
          cursor: pointer;
          color: rgb(255, 255, 255) !important;
          transition: 0.3s ease-in-out;
        }

        .input-group-append {
          .btn.btn-outline-secondary {
            border-radius: 50px;
            color: #fff;
            padding: 10px;
            height: 100%;
            aspect-ratio: 1;
            margin-left: 8px;
          }
        }

        .no-account {
          a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            transition: all 0.3s ease-in-out;

            &:hover {
              text-decoration: none;
              color: #000;
              gap: 15px;
            }
          }
        }
      }
    }
  }
}

/* ----------------------- LOGIN-REGISTER END ----------------------- */

/* ----------------------- KONTAKT START ----------------------- */

.kontakt-box {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;

  .fas {
    display: none;
  }

  .fa-map-marker-alt {
    display: none;
  }

  .kontakt-header {
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    font-size: 18px;
  }

  &.kadra {
    margin-top: 24px;
    margin-bottom: 24px;

    .row {
      .col-4 {
        padding: 12px;

        .kontakt-item {
          border-radius: 12px;
          background: #dbf6fd4d;

          .kontakt-item-text {
            padding: 20px 24px;
          }
        }


        .vc_column-inner {
          margin: 0;
          padding: 0;
        }
      }
    }
  }
}

.col-2:has(.kontakt-box) {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.representative-card .vc_column-inner {
  background: #dbf6fd4d;

  h4 {
    text-transform: none;
  }

  .member-position {
    color: #000;
  }
}

#simba-representatives {
  background: #fff;
}

.poland-map {
  min-height: 420px;
}

.kadra-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;

  .col-4 {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

#simba-representatives {
  margin-top: 48px;
}

#google-map {
  overflow: hidden;
  border-radius: 12px;
  margin-top: 24px;
}

.representative-section .mapa-details i {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #00bef0;
  border-radius: 50%;
}

.representative-section .mapa-details {
  display: flex;
  align-items: center;
}

.representative-section .mapa-details i {
  margin-right: 8px;
}

.page-cms:has(.kontakt-box) {
  @media all and (max-width: 768px) {
    .rte-content {
      .kontakt-content {
        .col-4 {
          width: 50%;
        }
      }

      .kadra-wrap {
        grid-template-columns: repeat(2, 1fr);

        .col-4 {
          width: 100%;
        }
      }
    }
  }

  @media all and (max-width: 510px) {
    .rte-content {
      .kontakt-content {
        .col-4 {
          width: 100%;
        }
      }

      .kadra-wrap {
        grid-template-columns: repeat(1, 1fr);

        .col-4 {
          width: 100%;
        }
      }

      .col-2 {
        width: 100%;
      }
    }
  }
}

/* ----------------------- KONTAKT END ----------------------- */

/* ----------------------- ASK FOR PRICE ----------------------- */
.ask-for-price {
  color: #00bef0 !important;
  font-weight: 600;
  font-style: italic;
}

.product-miniature .ask-for-price {
  font-size: 0.95rem;
}

/* ----------------------- ASK FOR PRICE END ----------------------- */

/* ----------------------- REGULAMIN & POLITYKA PRYWATNOŚCI ----------------------- */
.regulamin-container {
  margin: 0 auto;
  padding: 0 24px;
}

.regulamin-intro {
  background: linear-gradient(135deg, #dbf6fd 0%, #f0fafd 100%);
  border-radius: 12px;
  padding: 24px 32px;
  margin-bottom: 32px;
  border: 1px solid #00bef0;
}

.regulamin-intro p {
  margin-bottom: 12px;
  line-height: 1.7;
}

.regulamin-intro p:last-child {
  margin-bottom: 0;
}

.regulamin-intro a {
  color: #00bef0;
  font-weight: 500;
  transition: color 0.2s ease;
}

.regulamin-intro a:hover {
  color: #2c1c64;
}

/* Spis treści */
.regulamin-toc {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 12px;
  padding: 24px 32px;
  margin-bottom: 40px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  position: static;
}

@media (max-width: 991px) {
  .regulamin-toc {
    position: static;
  }
}

.regulamin-toc-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #00bef0;
  text-transform: none;
}

.regulamin-toc-list {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 24px;

}

@media (max-width: 767px) {
  .regulamin-toc-list {
    grid-template-columns: 1fr;
  }
}

.regulamin-toc-list li {
  counter-increment: toc-counter;
  position: relative;
  padding-left: 0;

  &::marker {
    display: none;
  }
}

.regulamin-toc-list li a {
  display: block;
  padding: 8px 12px;
  color: #333;
  text-decoration: none;
  border-radius: 6px;
  font-size: 0.9rem;
  line-height: 1.4;
  transition: all 0.2s ease;
  background: transparent;
}

.regulamin-toc-list li a:hover {
  background: #dbf6fd;
  color: #00bef0;
  transform: translateX(4px);
}

.regulamin-toc-list li a:active {
  background: #00bef0;
  color: #fff;
}

/* Treść regulaminu */
.regulamin-content {
  background: #fff;
  border-radius: 12px;
  padding: 32px 40px;
  border: 1px solid #efefef;
}

@media (max-width: 767px) {
  .regulamin-content {
    padding: 20px 16px;
  }
}

.regulamin-section {
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid #efefef;
  scroll-margin-top: 140px;
  /* 120px sticky header + 20px margines */
}

.regulamin-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.regulamin-section h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #00bef0;
  text-transform: none;
  line-height: 1.4;
}

.regulamin-section p {
  margin-bottom: 16px;
  line-height: 1.7;
  color: #333;
}

.regulamin-section ol {
  padding-left: 24px;
  margin-bottom: 16px;
}

.regulamin-section ol li {
  margin-bottom: 12px;
  line-height: 1.7;
  color: #333;
}

.regulamin-section ol li strong {
  color: #2c1c64;
}

.regulamin-section ol ol {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 20px;
}

.regulamin-section ol ol li {
  margin-bottom: 8px;
}

.regulamin-section a {
  color: #00bef0;
  text-decoration: none;
  transition: color 0.2s ease;
}

.regulamin-section a:hover {
  color: #2c1c64;
  text-decoration: underline;
}

/* Animacja płynnego przewijania */
html {
  scroll-behavior: smooth;
}

/* Podświetlenie aktywnej sekcji */
.regulamin-section:target h2 {
  animation: highlight-pulse 1s ease;
}

@keyframes highlight-pulse {
  0% {
    background-color: #dbf6fd;
    padding-left: 12px;
    margin-left: -12px;
  }

  100% {
    background-color: transparent;
    padding-left: 0;
    margin-left: 0;
  }
}

/* Tabele w polityce prywatności */
.privacy-table {
  display: flex;
  flex-direction: column;
  border: 1px solid #efefef;
  border-radius: 8px;
  overflow: hidden;
  margin: 20px 0;
}

.privacy-table-row {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 0;
}

@media (max-width: 767px) {
  .privacy-table-row {
    grid-template-columns: 1fr;
  }
}

.privacy-table-header {
  background: #2c1c64;
  color: #fff;
}

.privacy-table-header .privacy-table-cell {
  color: #fff;
}

.privacy-table-cell {
  padding: 12px 16px;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  font-size: 0.9rem;
  line-height: 1.5;
}

.privacy-table-cell:last-child {
  border-right: none;
}

.privacy-table-row:last-child .privacy-table-cell {
  border-bottom: none;
}

.privacy-table-row:nth-child(even) {
  background: #f9f9f9;
}

/* Lista narzędzi zewnętrznych */
.privacy-tools-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}

.privacy-tool {
  background: #f9f9f9;
  border-radius: 8px;
  padding: 16px 20px;
  border-left: 3px solid #00bef0;
}

.privacy-tool h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.privacy-tool p {
  margin-bottom: 8px;
  font-size: 0.9rem;
}

.privacy-tool p:last-child {
  margin-bottom: 0;
}

/* Listy w regulaminie i polityce */
.regulamin-section ul {
  padding-left: 24px;
  margin-bottom: 16px;
}

.regulamin-section ul li {
  margin-bottom: 8px;
  line-height: 1.7;
  color: #333;
}

.regulamin-section ul li strong {
  color: #2c1c64;
}

/* ----------------------- REGULAMIN & POLITYKA PRYWATNOŚCI END ----------------------- */

/* ----------------------- REFERENCJE START ----------------------- */
.references-intro {
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border-radius: 16px;
  padding: 40px;
  margin-bottom: 48px;
  border: 1px solid #e0f0f5;
}

.references-intro__content {
  max-width: 900px;
  margin-bottom: 32px;
}

.references-intro__lead {
  font-size: 1.25rem;
  font-weight: 500;
  color: #2c1c64;
  line-height: 1.7;
  margin-bottom: 16px;
}

.references-intro__content p {
  color: #444;
  line-height: 1.8;
  margin-bottom: 12px;
}

.references-intro__highlights {
  background: #fff;
  border-radius: 12px;
  padding: 28px 32px;
  box-shadow: 0 4px 20px rgba(0, 190, 240, 0.08);
  border: 1px solid #e8f4f8;
}

.references-intro__subtitle {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 20px;
}

.references-intro__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}

.references-intro__list li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #f0fafd 0%, #fff 100%);
  border-radius: 10px;
  border: 1px solid #e0f0f5;
  transition: all 0.25s ease;
}

.references-intro__list li:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 190, 240, 0.12);
  border-color: #00bef0;
}

.references-intro__list li i {
  font-size: 1.5rem;
  color: #00bef0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 190, 240, 0.15);
  flex-shrink: 0;
}

.references-intro__list li span {
  color: #333;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Grid dla referencji */
.references-gallery {
  width: 100%;
}

.references-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  width: 100%;
}

/* Responsywność */
@media (max-width: 768px) {
  .references-intro {
    padding: 24px;
    margin-bottom: 32px;
  }

  .references-intro__lead {
    font-size: 1.1rem;
  }

  .references-intro__highlights {
    padding: 20px;
  }

  .references-intro__list {
    grid-template-columns: 1fr;
  }

  .references-intro__list li {
    padding: 14px 16px;
  }

  .references-intro__list li i {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }

  .references-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* ----------------------- REFERENCJE END ----------------------- */

/* ----------------------- O NAS / PROJEKTOWANIE START ----------------------- */

/* Wspólne style sekcji */
.about-section {
  margin-bottom: 48px;
}

.about-section .section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 24px;
  text-transform: none;
}

.about-section .section-subtitle {
  font-size: 1.15rem;
  color: #666;
  margin-top: -16px;
  margin-bottom: 32px;
}

/* Intro sekcja */
.about-intro {
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border-radius: 16px;
  padding: 40px;
  border: 1px solid #e0f0f5;
}

.about-intro__lead {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #333;
  margin-bottom: 16px;
}

.about-intro__lead strong {
  color: #2c1c64;
}

.about-intro__content p {
  color: #555;
  line-height: 1.8;
}

/* Wartości - grid kart */
.about-values__title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 24px;
}

.values-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.value-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px 20px;
  text-align: center;
  border: 1px solid #efefef;
  transition: all 0.3s ease;
}

.value-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 190, 240, 0.12);
  border-color: #00bef0;
}

.value-card__icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
  background: linear-gradient(135deg, #e8f7fc 0%, #d0f0fa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.value-card__icon i {
  font-size: 1.5rem;
  color: #00bef0;
}

.value-card__title {
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.value-card__desc {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* Realne działania */
.about-actions__header {
  margin-bottom: 32px;
}

.actions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.action-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #fff;
  border-radius: 12px;
  padding: 0;
  border: 1px solid #efefef;
  transition: all 0.3s ease;
  overflow: hidden;
}

.action-card__image {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.action-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.action-card__content {
  padding: 20px 24px 24px;
}

.action-card:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  border-color: #00bef0;
}

.action-card__icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.action-card__icon i {
  font-size: 1.4rem;
  color: #fff;
}

.action-card__content h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.action-card__content p {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* Targi */
.about-fairs {
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 16px;
  padding: 40px;
  text-align: center;
}

.about-fairs .section-title {
  color: #fff !important;
}

.fairs-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  margin-top: 32px;
}

.fair-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 12px;
  padding: 24px 32px;
  min-width: 160px;
  transition: all 0.3s ease;
}

.fair-logo:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.fair-logo img {
  max-width: 140px;
  max-height: 60px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin-bottom: 12px;
}

.fair-logo__city {
  color: #2c1c64;
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Projektowanie - proces */
.about-design__header {
  text-align: center;
  margin-bottom: 40px;
}

.design-process {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

.process-step {
  display: flex;
  gap: 24px;
  margin-bottom: 32px;
  position: relative;
}

.process-step:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 24px;
  top: 56px;
  width: 2px;
  height: calc(100% - 24px);
  background: linear-gradient(to bottom, #00bef0, #e0f0f5);
}

.process-step__number {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.process-step__content {
  flex: 1;
  background: #fff;
  border-radius: 12px;
  padding: 20px 24px;
  border: 1px solid #efefef;
}

.process-step__content h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.process-step__content p {
  color: #555;
  line-height: 1.7;
  margin: 0;
}

.process-step__content strong {
  color: #00bef0;
}

/* Personalizacja */
.custom-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.custom-item {
  background: linear-gradient(135deg, #f8fcff 0%, #fff 100%);
  border-radius: 12px;
  padding: 28px 24px;
  text-align: center;
  border: 1px solid #e8f4f8;
  transition: all 0.3s ease;
}

.custom-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 190, 240, 0.1);
  border-color: #00bef0;
}

.custom-item i {
  font-size: 2rem;
  color: #00bef0;
  margin-bottom: 16px;
}

.custom-item h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 10px;
  text-transform: none;
}

.custom-item p {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* Produkcja */
.about-production__header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
}

.about-production__lead {
  font-size: 1.1rem;
  color: #555;
  line-height: 1.8;
}

.production-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-bottom: 40px;
}

.production-feature {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 50px;
  padding: 12px 20px;
  transition: all 0.3s ease;
}

.production-feature:hover {
  border-color: #00bef0;
  box-shadow: 0 4px 15px rgba(0, 190, 240, 0.1);
}

.production-feature i {
  color: #00bef0;
  font-size: 1.1rem;
}

.production-feature span {
  font-size: 0.95rem;
  color: #333;
  font-weight: 500;
}

.about-production__content {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 32px;
}

.about-production__content p {
  color: #555;
  line-height: 1.8;
  margin-bottom: 16px;
}

.about-production__content p:last-child {
  margin-bottom: 0;
}

.about-production__highlight {
  background: linear-gradient(135deg, #e8f7fc 0%, #d0f0fa 100%);
  border-radius: 8px;
  padding: 20px 24px;
  border-left: 4px solid #00bef0;
  margin-top: 24px;
}

.about-production__highlight strong {
  color: #2c1c64;
}

/* Responsywność */
@media (max-width: 1024px) {
  .values-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .custom-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .about-section {
    margin-bottom: 32px;
  }

  .about-intro {
    padding: 24px;
  }

  .about-section .section-title {
    font-size: 1.5rem;
  }

  .values-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .value-card {
    padding: 20px 16px;
  }

  .actions-grid {
    grid-template-columns: 1fr;
  }

  .action-card {
    padding: 20px;
  }

  .about-fairs {
    padding: 28px 20px;
  }

  .fairs-list {
    gap: 12px;
  }

  .fair-item {
    padding: 10px 20px;
  }

  .process-step {
    gap: 16px;
  }

  .process-step__number {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

  .process-step:not(:last-child)::after {
    left: 19px;
    top: 48px;
  }

  .process-step__content {
    padding: 16px 20px;
  }

  .custom-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .custom-item {
    padding: 24px 20px;
  }

  .production-features {
    gap: 12px;
  }

  .production-feature {
    padding: 10px 16px;
  }

  .about-production__content {
    padding: 24px;
  }
}

@media (max-width: 480px) {
  .values-grid {
    grid-template-columns: 1fr;
  }

  .action-card {
    flex-direction: column;
    text-align: center;
  }

  .action-card__icon {
    margin: 0 auto;
  }
}

/* ----------------------- O NAS / PROJEKTOWANIE END ----------------------- */

/* ----------------------- PROCES PRODUKCJI START ----------------------- */
.production-page {
  max-width: 100%;
}

/* Hero */
.production-hero {
  text-align: center;
  margin-bottom: 48px;
  padding: 40px;
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border-radius: 16px;
  border: 1px solid #e0f0f5;
}

.production-hero .section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 20px;
  text-transform: none;
}

.production-hero__lead {
  font-size: 1.15rem;
  color: #555;
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto;
}

.production-hero__lead strong {
  color: #2c1c64;
}

/* Etapy produkcji */
.production-stages {
  margin-bottom: 48px;
}

.production-stages__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 32px;
  text-transform: none;
}

.stages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.stage-card {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  border: 1px solid #eee;
  text-align: center;
  transition: all 0.3s ease;
  overflow: hidden;
}

.stage-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 190, 240, 0.15);
  border-color: #00bef0;
}

.stage-card__image {
  width: 100%;
  height: 200px;
  margin-bottom: 20px;
  border-radius: 12px;
  overflow: hidden;
}

.stage-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.stage-card:hover .stage-card__image img {
  transform: scale(1.1);
}

.stage-card__number {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 2.5rem;
  font-weight: 800;
  color: rgba(0, 190, 240, 0.1);
  line-height: 1;
}

.stage-card__title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 12px;
  text-transform: none;
}

.stage-card__desc {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* Info blocks */
.production-info {
  margin-bottom: 48px;
}

.production-info__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.info-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 28px;
  border-radius: 16px;
  border: 1px solid #efefef;
  transition: all 0.3s ease;

  p {
    text-align: center;
  }
}

.info-block:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.info-block--paint {
  background: linear-gradient(135deg, #fff5f0 0%, #fff 100%);
  border-color: #ffe0d0;
}

.info-block--paint:hover {
  border-color: #ff8c5a;
}

.info-block--hdpe {
  background: linear-gradient(135deg, #f0fff5 0%, #fff 100%);
  border-color: #d0f0e0;
}

.info-block--hdpe:hover {
  border-color: #5ac88a;
}

.info-block__icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.info-block--paint .info-block__icon {
  background: linear-gradient(135deg, #ff8c5a 0%, #ffa07a 100%);
}

.info-block--hdpe .info-block__icon {
  background: linear-gradient(135deg, #5ac88a 0%, #7ed9a0 100%);
}

.info-block__icon i {
  font-size: 1.4rem;
  color: #fff;
}

.info-block h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 10px;
  text-transform: none;
}

.info-block p {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.7;
  margin: 0;
}

/* Quality section */
.production-quality {
  margin-bottom: 48px;
}

.quality-content {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 16px;
  padding: 32px;
}

.quality-icon {
  width: 94px;
  height: 94px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.quality-icon i {
  font-size: 44px;
  color: #ffd700;
}

.quality-text h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 12px;
  text-transform: none;
}

.quality-text p {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.8;
  margin: 0;
}

/* Summary quote */
.production-summary {
  margin-bottom: 0;
}

.production-quote {
  background: linear-gradient(135deg, #e8f7fc 0%, #d0f0fa 100%);
  border-radius: 16px;
  padding: 32px 40px;
  border-left: 5px solid #00bef0;
  margin: 0;
  position: relative;
}

.production-quote::before {
  content: '"';
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 4rem;
  color: rgba(0, 190, 240, 0.2);
  font-family: Georgia, serif;
  line-height: 1;
}

.production-quote p {
  font-size: 1.1rem;
  color: #333;
  line-height: 1.8;
  margin: 0;
  position: relative;
  z-index: 1;
}

.production-quote strong {
  color: #2c1c64;
}

/* Responsywność */
@media (max-width: 1024px) {
  .stages-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .production-hero {
    padding: 28px;
    margin-bottom: 32px;
  }

  .production-hero .section-title {
    font-size: 1.75rem;
  }

  .production-hero__lead {
    font-size: 1rem;
  }

  .production-stages__title {
    font-size: 1.3rem;
  }

  .stages-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .stage-card {
    padding: 24px 20px;
  }

  .stage-card__icon {
    width: 60px;
    height: 60px;
  }

  .stage-card__icon i {
    font-size: 1.5rem;
  }

  .production-info__grid {
    grid-template-columns: 1fr;
  }

  .info-block {
    padding: 20px;
  }

  .quality-content {
    flex-direction: column;
    text-align: center;
    padding: 24px;
  }

  .quality-icon {
    margin: 0 auto;
  }

  .production-quote {
    padding: 24px;
  }

  .production-quote::before {
    font-size: 3rem;
    top: 8px;
    left: 16px;
  }
}

@media (max-width: 480px) {
  .info-block {
    flex-direction: column;
    text-align: center;
  }

  .info-block__icon {
    margin: 0 auto;
  }
}

/* ----------------------- PROCES PRODUKCJI END ----------------------- */

/* ----------------------- PROJEKTOWANIE START ----------------------- */
.design-page {
  max-width: 100%;
}

/* Hero */
.design-hero {
  text-align: center;
  margin-bottom: 48px;
  padding: 40px;
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border-radius: 16px;
  border: 1px solid #e0f0f5;
}

.design-hero .section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.design-hero__subtitle {
  font-size: 1.25rem;
  color: #00bef0;
  font-weight: 500;
  margin-bottom: 20px;
}

.design-hero__lead {
  font-size: 1.1rem;
  color: #555;
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

.design-hero__lead strong {
  color: #2c1c64;
  display: block;
  margin-top: 12px;
  font-size: 1.15rem;
}

/* Timeline procesu */
.design-process {
  margin-bottom: 48px;
}

.process-timeline {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  padding-left: 60px;
}

.process-timeline::before {
  content: '';
  position: absolute;
  left: 24px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, #00bef0, #2c1c64);
  border-radius: 3px;
}

.timeline-step {
  position: relative;
  margin-bottom: 32px;
}

.timeline-step:last-child {
  margin-bottom: 0;
}

.timeline-step__marker {
  position: absolute;
  left: -60px;
  top: 0;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(0, 190, 240, 0.3);
  z-index: 1;
}

.timeline-step__marker i {
  font-size: 1.25rem;
  color: #fff;
}

.timeline-step__content {
  background: #fff;
  border-radius: 12px;
  padding: 20px 24px;
  border: 1px solid #efefef;
  transition: all 0.3s ease;
}

.timeline-step:hover .timeline-step__content {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  border-color: #00bef0;
}

.timeline-step__content h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.timeline-step__content p {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.7;
  margin: 0;
}

.timeline-step__content strong {
  color: #00bef0;
}

/* Personalizacja */
.design-custom {
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 16px;
  padding: 40px;
}

.design-custom__header {
  text-align: center;
  margin-bottom: 32px;
}

.design-custom__header .section-title {
  color: #fff !important;
  font-size: 1.5rem;
  margin-bottom: 12px;
}

.design-custom__header p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
  margin: 0;
}

.custom-options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.custom-option {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 24px 20px;
  text-align: center;
  transition: all 0.3s ease;
}

.custom-option:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.custom-option__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  background: rgba(0, 190, 240, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-option__icon i {
  font-size: 1.5rem;
  color: #00bef0;
}

.custom-option h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
  text-transform: none;
}

.custom-option p {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
  margin: 0;
}

/* Responsywność */
@media (max-width: 1024px) {
  .custom-options {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .design-hero {
    padding: 28px;
    margin-bottom: 32px;
  }

  .design-hero .section-title {
    font-size: 1.75rem;
  }

  .design-hero__subtitle {
    font-size: 1.1rem;
  }

  .design-hero__lead {
    font-size: 1rem;
  }

  .process-timeline {
    padding-left: 50px;
  }

  .process-timeline::before {
    left: 19px;
  }

  .timeline-step__marker {
    left: -50px;
    width: 40px;
    height: 40px;
  }

  .timeline-step__marker i {
    font-size: 1rem;
  }

  .timeline-step__content {
    padding: 16px 20px;
  }

  .design-custom {
    padding: 28px 20px;
  }

  .custom-options {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .custom-option {
    padding: 20px;
  }
}

/* ----------------------- PROJEKTOWANIE END ----------------------- */

/* ----------------------- KARIERA START ----------------------- */
.career-page {
  max-width: 100%;
}

/* Hero */
.career-hero {
  text-align: center;
  margin-bottom: 48px;
  padding: 40px;
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border-radius: 16px;
  border: 1px solid #e0f0f5;
}

.career-hero .section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 20px;
  text-transform: none;
}

.career-hero__lead {
  font-size: 1.2rem;
  color: #333;
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto 16px;
}

.career-hero__lead strong {
  color: #2c1c64;
}

.career-hero__text {
  font-size: 1rem;
  color: #666;
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

/* Wizja */
.career-vision {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: stretch;
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #efefef;
  margin-bottom: 48px;
}

.career-vision__image {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.career-vision__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.career-vision__content h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 12px;
  text-transform: none;
}

.career-vision__content p {
  font-size: 1rem;
  color: #555;
  line-height: 1.8;
  margin: 0;
}

/* Benefity */
.career-benefits {
  margin-bottom: 48px;
}

.career-benefits__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 32px;
  text-transform: none;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.benefit-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px 20px;
  text-align: center;
  border: 1px solid #efefef;
  transition: all 0.3s ease;
}

.benefit-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 190, 240, 0.12);
  border-color: #00bef0;
}

.benefit-card__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.benefit-card__icon i {
  font-size: 1.4rem;
  color: #fff;
}

.benefit-card h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.benefit-card p {
  font-size: 0.85rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* Etapy rekrutacji */
.career-recruitment {
  margin-bottom: 48px;
}

.career-recruitment .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 32px;
  text-transform: none;
}

.recruitment-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.recruitment-step {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #efefef;
  transition: all 0.3s ease;
  text-align: center;
}

.recruitment-step:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  border-color: #00bef0;
}

.recruitment-step__number {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
}

.recruitment-step__content h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 10px;
  margin-top: 8px;
  text-transform: none;
}

.recruitment-step__content p {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

.recruitment-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  color: #fff;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.recruitment-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 190, 240, 0.3);
  color: #fff;
}

/* CTA */
.career-cta {
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 16px;
  padding: 48px;
  text-align: center;
}

.career-cta__content {
  max-width: 700px;
  margin: 0 auto;
}

.career-cta__content h3 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
  text-transform: none;
}

.career-cta__content p {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.8;
  margin-bottom: 24px;
}

.career-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  background: #00bef0;
  color: #fff !important;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.career-cta__btn:hover {
  background: #fff;
  color: #2c1c64 !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Responsywność */
@media (max-width: 1024px) {
  .benefits-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .recruitment-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .career-hero {
    padding: 28px;
    margin-bottom: 32px;
  }

  .career-hero .section-title {
    font-size: 1.75rem;
  }

  .career-hero__lead {
    font-size: 1.1rem;
  }

  .career-vision {
    flex-direction: column;
    text-align: center;
    padding: 24px;
  }

  .career-vision__icon {
    margin: 0 auto;
  }

  .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .benefit-card {
    padding: 20px 16px;
  }

  .recruitment-steps {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .career-cta {
    padding: 32px 24px;
  }

  .career-cta__content h3 {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .benefits-grid {
    grid-template-columns: 1fr;
  }
}

/* ----------------------- KARIERA END ----------------------- */

/* ----------------------- DOSTAWA I MONTAŻ START ----------------------- */
.delivery-page {
  max-width: 100%;
}

/* Hero */
.delivery-hero {
  text-align: center;
  margin-bottom: 48px;
  padding: 48px 40px;
  background: linear-gradient(135deg, #e8f7fc 0%, #d0f0fa 100%);
  border-radius: 16px;
  border: 1px solid #b8e8f5;
  position: relative;
}

.delivery-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  color: #fff;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 20px;
  box-shadow: 0 4px 15px rgba(0, 190, 240, 0.3);
}

.delivery-hero__badge i {
  font-size: 1.2rem;
}

.delivery-hero .section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 20px;
  text-transform: none;
}

.delivery-hero__lead {
  font-size: 1.15rem;
  color: #333;
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto 16px;
}

.delivery-hero__lead strong {
  color: #00bef0;
}

.delivery-hero__text {
  font-size: 1rem;
  color: #555;
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

/* Benefits */
.delivery-benefits {
  margin-bottom: 48px;
}

.delivery-benefits__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 32px;
  text-transform: none;
}

.delivery-benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.delivery-benefit {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid #eee;
  transition: all 0.3s ease;
  text-align: center;
}

.delivery-benefit:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 190, 240, 0.12);
  border-color: #00bef0;
}

.delivery-benefit__image {
  width: 100%;
  height: 180px;
  margin-bottom: 20px;
  border-radius: 8px;
  overflow: hidden;
}

.delivery-benefit__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.delivery-benefit:hover .delivery-benefit__image img {
  transform: scale(1.1);
}

.delivery-benefit h4 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 10px;
  text-transform: none;
}

.delivery-benefit p {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* Process */
.delivery-process {
  margin-bottom: 48px;
}

.delivery-process .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 32px;
  text-transform: none;
}

.process-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.process-step-card {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 24px 20px;
  text-align: center;
  border: 1px solid #efefef;
  transition: all 0.3s ease;
}

.process-step-card:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  border-color: #00bef0;
}

.process-step-card__number {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #fff;
}

.process-step-card__icon {
  width: 56px;
  height: 56px;
  margin: 12px auto 16px;
  background: linear-gradient(135deg, #f0fafd 0%, #e8f7fc 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.process-step-card__icon i {
  font-size: 1.4rem;
  color: #00bef0;
}

.process-step-card h4 {
  font-size: 0.95rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.process-step-card p {
  font-size: 0.85rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* Conditions */
.delivery-conditions {
  margin-bottom: 48px;
}

.conditions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.condition-block {
  border-radius: 12px;
  padding: 24px;
}

.condition-block h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 16px;
  text-transform: none;
}

.condition-block h4 i {
  font-size: 1.1rem;
}

.condition-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.condition-block ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 0.9rem;
  line-height: 1.5;
}

.condition-block ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.condition-block--checklist {
  background: linear-gradient(135deg, #f0fafd 0%, #fff 100%);
  border: 1px solid #d0e8f0;
}

.condition-block--checklist h4 {
  color: #00bef0;
}

.condition-block--checklist ul li {
  color: #555;
}

.condition-block--checklist ul li::before {
  background: #00bef0;
}

.condition-block--requirements {
  background: linear-gradient(135deg, #f0fff5 0%, #fff 100%);
  border: 1px solid #d0f0e0;
}

.condition-block--requirements h4 {
  color: #2ecc71;
}

.condition-block--requirements ul li {
  color: #555;
}

.condition-block--requirements ul li::before {
  background: #2ecc71;
}

.condition-block--warning {
  background: linear-gradient(135deg, #fff5f0 0%, #fff 100%);
  border: 1px solid #ffe0d0;
}

.condition-block--warning h4 {
  color: #e74c3c;
}

.condition-block--warning ul li {
  color: #555;
}

.condition-block--warning ul li::before {
  background: #e74c3c;
}

/* CTA */
.delivery-cta {
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 16px;
  padding: 40px;
  text-align: center;
  margin-bottom: 48px;
}

.delivery-cta__content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  text-transform: none;
}

.delivery-cta__content p {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

/* Countries */
.delivery-countries {
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #efefef;
  text-align: center;
}

.delivery-countries__content h4 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 12px;
  text-transform: none;
}

.delivery-countries__content h4 i {
  color: #00bef0;
}

.delivery-countries__content p {
  font-size: 1rem;
  color: #555;
  line-height: 1.7;
  margin-bottom: 20px;
}

.delivery-countries__content p strong {
  color: #2c1c64;
}

.countries-flags {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.country-flag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #f8f8f8;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 500;
  color: #333;
}

/* Responsywność */
@media (max-width: 1024px) {
  .delivery-benefits__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .process-steps {
    grid-template-columns: repeat(3, 1fr);
  }

  .conditions-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .delivery-hero {
    padding: 32px 24px;
    margin-bottom: 32px;
  }

  .delivery-hero .section-title {
    font-size: 1.75rem;
  }

  .delivery-hero__lead {
    font-size: 1rem;
  }

  .delivery-benefits__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .process-steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .delivery-cta {
    padding: 28px 20px;
  }

  .delivery-cta__content h3 {
    font-size: 1.3rem;
  }

  .delivery-countries {
    padding: 24px;
  }

  .countries-flags {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  .process-steps {
    grid-template-columns: 1fr;
  }
}

/* ----------------------- DOSTAWA I MONTAŻ END ----------------------- */

/* ----------------------- PRZEGLĄD I GWARANCJA START ----------------------- */
.warranty-page {
  max-width: 100%;
}

/* Warranty Section */
.warranty-section {
  margin-bottom: 48px;
}

.warranty-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
}

.warranty-header__icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.warranty-header__icon i {
  font-size: 1.5rem;
  color: #fff;
}

.warranty-header .section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #2c1c64;
  margin: 0;
  text-transform: none;
}

/* Warranty Cards */
.warranty-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 32px;
}

.warranty-card {
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.warranty-card--primary {
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border: 2px solid #00bef0;
}

.warranty-card--extended {
  background: linear-gradient(135deg, #f5f0ff 0%, #ebe0ff 100%);
  border: 2px solid #2c1c64;
}

.warranty-card__badge {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.warranty-card--primary .warranty-card__badge {
  background: #00bef0;
  color: #fff;
}

.warranty-card--extended .warranty-card__badge {
  background: #2c1c64;
  color: #fff;
}

.warranty-card__value {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 4px;
}

.warranty-card--primary .warranty-card__value {
  color: #00bef0;
}

.warranty-card--extended .warranty-card__value {
  color: #2c1c64;
}

.warranty-card__unit {
  font-size: 1.1rem;
  font-weight: 600;
  color: #666;
  margin-bottom: 16px;
}

.warranty-card p {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.5;
  margin: 0;
}

/* Warranty Info */
.warranty-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.warranty-info__item {
  display: flex;
  gap: 16px;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #efefef;
}

.warranty-info__item>i {
  font-size: 1.5rem;
  color: #00bef0;
  flex-shrink: 0;
}

.warranty-info__item h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.warranty-info__item p {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.6;
  margin: 0;
}

.warranty-info__item p strong {
  color: #00bef0;
}

/* Service Section */
.service-section {
  margin-bottom: 48px;
}

.service-header {
  text-align: center;
  margin-bottom: 32px;
}

.service-header__icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(0, 190, 240, 0.25);
}

.service-header__icon i {
  font-size: 1.75rem;
  color: #fff;
}

.service-header .section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 12px;
  text-transform: none;
}

.service-header p {
  font-size: 1rem;
  color: #555;
  max-width: 600px;
  margin: 0 auto;
}

/* Service Feature */
.service-feature {
  display: flex;
  gap: 20px;
  align-items: center;
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #d0e8f0;
  margin-bottom: 32px;
}

.service-feature__icon {
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.service-feature__icon i {
  font-size: 1.4rem;
  color: #00bef0;
}

.service-feature__content h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 6px;
  text-transform: none;
}

.service-feature__content p {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
  margin: 0;
}

/* Packages Grid */
.packages-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 32px;
}

.package-card {
  border-radius: 16px;
  overflow: hidden;
}

.package-card--basic {
  background: #fff;
  border: 1px solid #efefef;
}

.package-card--extended {
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  position: relative;
}

.package-card__header {
  padding: 20px 24px;
  position: relative;
}

.package-card--basic .package-card__header {
  background: #f8f8f8;
  border-bottom: 1px solid #efefef;
}

.package-card--basic .package-card__header h4 {
  color: #2c1c64;
}

.package-card--extended .package-card__header {
  background: rgba(0, 0, 0, 0.1);
}

.package-card--extended .package-card__header h4 {
  color: #fff;
}

.package-card__header h4 {
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0;
  text-transform: none;
}

.package-card__badge {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: #00bef0;
  color: #fff;
  padding: 4px 12px;
  border-radius: 50px;
  font-size: 0.7rem;
  font-weight: 700;
}

.package-card__list {
  list-style: none;
  padding: 24px;
  margin: 0;
}

.package-card__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 0.9rem;
  line-height: 1.5;
}

.package-card__list li:last-child {
  margin-bottom: 0;
}

.package-card--basic .package-card__list li {
  color: #555;
}

.package-card--basic .package-card__list li i {
  color: #2ecc71;
  margin-top: 3px;
}

.package-card--extended .package-card__list li {
  color: rgba(255, 255, 255, 0.9);
}

.package-card--extended .package-card__list li i.fa-check {
  color: #2ecc71;
  margin-top: 3px;
}

.package-card--extended .package-card__list li i.fa-plus {
  color: #00bef0;
  margin-top: 3px;
}

/* Service Extras */
.service-extras {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.service-extra {
  display: flex;
  gap: 16px;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  border: 1px solid #efefef;
  transition: all 0.3s ease;
}

.service-extra:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  border-color: #00bef0;
}

.service-extra>i {
  font-size: 1.3rem;
  color: #00bef0;
  flex-shrink: 0;
}

.service-extra h4 {
  font-size: 0.95rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 6px;
  text-transform: none;
}

.service-extra p {
  font-size: 0.85rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* Why Section */
.why-section {
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border-radius: 16px;
  padding: 40px;
  border: 1px solid #e0f0f5;
}

.why-section .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 32px;
  text-transform: none;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.why-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  border: 1px solid #e8f4f8;
  transition: all 0.3s ease;
}

.why-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 190, 240, 0.12);
}

.why-card__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.why-card__icon i {
  font-size: 1.3rem;
  color: #fff;
}

.why-card h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.why-card p {
  font-size: 0.85rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* Responsywność */
@media (max-width: 1024px) {
  .service-extras {
    grid-template-columns: 1fr;
  }

  .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .warranty-header {
    flex-direction: column;
    text-align: center;
  }

  .warranty-cards {
    grid-template-columns: 1fr;
  }

  .warranty-info {
    grid-template-columns: 1fr;
  }

  .warranty-info__item {
    flex-direction: column;
    text-align: center;
  }

  .service-feature {
    flex-direction: column;
    text-align: center;
  }

  .packages-grid {
    grid-template-columns: 1fr;
  }

  .why-section {
    padding: 28px 20px;
  }

  .why-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .service-extra {
    flex-direction: column;
    text-align: center;
  }
}

/* Service Form Section */
.service-form-section {
  margin-top: 48px;
  background: linear-gradient(135deg, #f5f0ff 0%, #ebe0ff 100%);
  border: 2px solid #2c1c641a;
  border-radius: 16px;
  padding: 40px;

  .form-group {

    input,
    select,
    textarea {
      border-radius: 12px;
      border-color: transparent;
    }
  }
}

.simba-service-form-wrapper {
  max-width: 1200px;
}

.service-form__header {
  text-align: center;
  margin-bottom: 32px;
}

.service-form__header .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64 !important;
  margin-bottom: 12px;
  text-transform: none;
}

.service-form__header p {
  font-size: 1rem;
  color: #2c1c64;
  margin: 0;
}

.service-form__grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 32px;
  align-items: start;
}

.service-form__contact {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  padding: 28px;
}

.service-form__contact h4 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 24px;
  text-transform: none;
}

.contact-item {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}

.contact-item:last-child {
  margin-bottom: 0;
}

.contact-item>i {
  width: 40px;
  height: 40px;
  background: rgba(0, 190, 240, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #00bef0;
  flex-shrink: 0;
}

.contact-item__label {
  display: block;
  font-size: 0.8rem;
  color: #2c1c64;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.contact-item span:not(.contact-item__label),
.contact-item a {
  font-size: 1rem;
  font-weight: 500;
  color: #2c1c64 !important;
  text-decoration: none;
}

.contact-item a:hover {
  color: #00bef0;
}

@media (max-width: 1024px) {
  .service-form__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .service-form-section {
    padding: 28px 20px;
  }

  .service-form__header .section-title {
    font-size: 1.3rem;
  }

  .service-form__contact {
    padding: 24px;
  }
}

/* ----------------------- PRZEGLĄD I GWARANCJA END ----------------------- */

/* ----------------------- DLA ARCHITEKTÓW START ----------------------- */
.architects-page {
  max-width: 100%;
}

/* Hero */
.architects-hero {
  text-align: center;
  margin-bottom: 48px;
  padding: 48px 40px;
  background: linear-gradient(135deg, #f5f0ff 0%, #ebe0ff 100%);
  border-radius: 16px;
  border: 1px solid #d8c8f0;
}

.architects-hero__icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 25px rgba(44, 28, 100, 0.25);
}

.architects-hero__icon i {
  font-size: 2rem;
  color: #fff;
}

.architects-hero .section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 20px;
  text-transform: none;
}

.architects-hero__lead {
  font-size: 1.15rem;
  color: #555;
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto;
}

.architects-hero__lead strong {
  color: #2c1c64;
  display: block;
  font-size: 1.25rem;
  margin-bottom: 8px;
}

/* Offer Section */
.architects-offer {
  margin-bottom: 48px;
}

.architects-offer .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 32px;
  text-transform: none;
}

.offer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.offer-card {
  background: #fff;
  border-radius: 16px;
  padding: 28px 24px;
  text-align: center;
  border: 1px solid #efefef;
  transition: all 0.3s ease;
}

.offer-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(44, 28, 100, 0.12);
  border-color: #2c1c64;
}

.offer-card__icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(44, 28, 100, 0.2);
}

.offer-card__icon i {
  font-size: 1.5rem;
  color: #fff;
}

.offer-card h4 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 12px;
  text-transform: none;
}

.offer-card p {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* Why Section */
.architects-why {
  margin-bottom: 48px;
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border-radius: 16px;
  padding: 40px;
  border: 1px solid #e0f0f5;
}

.architects-why .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 32px;
  text-transform: none;
}

.why-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.why-item {
  display: flex;
  gap: 20px;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #e8f4f8;
  transition: all 0.3s ease;
}

.why-item:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.why-item__icon {
  width: 52px;
  height: 52px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.why-item__icon i {
  font-size: 1.3rem;
  color: #fff;
}

.why-item__content h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.why-item__content p {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.6;
  margin: 0;
}

.why-item__content p strong {
  color: #00bef0;
}

/* CTA */
.architects-cta {
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 16px;
  padding: 48px;
  text-align: center;
}

.architects-cta__content {
  max-width: 600px;
  margin: 0 auto;
}

.architects-cta__content h3 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
  text-transform: none;
}

.architects-cta__content p {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.8;
  margin-bottom: 28px;
}

.architects-cta__buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cta-btn--primary {
  background: #00bef0;
  color: #fff !important;
}

.cta-btn--primary:hover {
  background: #fff;
  color: #2c1c64 !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.cta-btn--secondary {
  background: rgba(255, 255, 255, 0.4);
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.cta-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  transform: translateY(-3px);
}

/* Responsywność */
@media (max-width: 1024px) {
  .offer-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .why-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .architects-hero {
    padding: 32px 24px;
    margin-bottom: 32px;
  }

  .architects-hero .section-title {
    font-size: 1.75rem;
  }

  .architects-hero__lead {
    font-size: 1rem;
  }

  .architects-hero__lead strong {
    font-size: 1.1rem;
  }

  .offer-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .architects-why {
    padding: 28px 20px;
  }

  .why-item {
    flex-direction: column;
    text-align: center;
  }

  .why-item__icon {
    margin: 0 auto;
  }

  .architects-cta {
    padding: 32px 24px;
  }

  .architects-cta__content h3 {
    font-size: 1.5rem;
  }

  .architects-cta__buttons {
    flex-direction: column;
  }

  .cta-btn {
    justify-content: center;
  }
}

/* ----------------------- DLA ARCHITEKTÓW END ----------------------- */

/* ----------------------- FAQ START ----------------------- */
.faq-page {
  max-width: 100%;
}

/* Hero */
.faq-hero {
  text-align: center;
  margin-bottom: 48px;
  padding: 48px 40px;
  background: linear-gradient(135deg, #f8fcff 0%, #e8f7fc 100%);
  border-radius: 16px;
  border: 1px solid #e0f0f5;
}

.faq-hero__icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 25px rgba(0, 190, 240, 0.25);
}

.faq-hero__icon i {
  font-size: 2rem;
  color: #fff;
}

.faq-hero .section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 16px;
  text-transform: none;
}

.faq-hero__lead {
  font-size: 1.1rem;
  color: #555;
  max-width: 600px;
  margin: 0 auto;
}

/* FAQ Category */
.faq-category {
  margin-bottom: 32px;
}

.faq-category__title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #00bef0;
  text-transform: none;
}

.faq-category__title i {
  color: #00bef0;
}

/* FAQ Item */
.faq-item {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 12px;
  border: 1px solid #efefef;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  border-color: #00bef0;
  box-shadow: 0 4px 15px rgba(0, 190, 240, 0.1);
}

.faq-item__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  cursor: pointer;
  gap: 16px;
}

.faq-item__question span {
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  flex: 1;
}

.faq-item__question i {
  color: #00bef0;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.faq-item.active .faq-item__question i {
  transform: rotate(180deg);
}

.faq-item__answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 24px;
  border-top: 1px solid #efefef;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-item.active .faq-item__answer {
  padding: 20px 24px;
}

.faq-item__answer p {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.7;
  margin-bottom: 12px;
}

.faq-item__answer p:last-child {}

.faq-item__answer ul {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}

.faq-item__answer ul li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
}

.faq-item__answer ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #00bef0;
  border-radius: 50%;
}

.faq-item__answer strong {
  color: #2c1c64;
}

.faq-item__answer em {
  color: #888;
  font-size: 0.9rem;
}

/* FAQ Control Types */
.faq-control-type {
  background: #f8f8f8;
  border-radius: 8px;
  padding: 16px 20px;
  margin: 16px 0;
  border-left: 3px solid #00bef0;
}

.faq-control-type h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 8px;
  text-transform: none;
}

.faq-control-type h4 i {
  color: #00bef0;
}

.faq-control-type p {
  margin-bottom: 8px;
}

.faq-control-type ul {
  margin: 8px 0;
}

/* FAQ Tables */
.faq-table-wrapper {
  overflow-x: auto;
  margin: 16px 0;
}

.faq-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.faq-table thead th {
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  color: #fff;
  padding: 14px 16px;
  text-align: left;
  font-weight: 600;
}

.faq-table thead th:first-child {
  border-radius: 8px 0 0 0;
}

.faq-table thead th:last-child {
  border-radius: 0 8px 0 0;
}

.faq-table tbody td {
  padding: 12px 16px;
  border-bottom: 1px solid #efefef;
  color: #555;
}

.faq-table tbody tr:nth-child(even) {
  background: #f8f8f8;
}

.faq-table tbody tr:hover {
  background: #f0f8ff;
}

.faq-table tbody td strong {
  color: #2c1c64;
}

.faq-table-note {
  font-size: 0.85rem;
  color: #888;
  font-style: italic;
  margin-top: 8px;
}

/* Responsywność */
@media (max-width: 768px) {
  .faq-hero {
    padding: 32px 24px;
    margin-bottom: 32px;
  }

  .faq-hero .section-title {
    font-size: 1.75rem;
  }

  .faq-hero__lead {
    font-size: 1rem;
  }

  .faq-category__title {
    font-size: 1.1rem;
  }

  .faq-item__question {
    padding: 16px 20px;
  }

  .faq-item__question span {
    font-size: 0.95rem;
  }

  .faq-item__answer {
    padding: 0 20px 20px;
  }

  .faq-table {
    font-size: 0.85rem;
  }

  .faq-table thead th,
  .faq-table tbody td {
    padding: 10px 12px;
  }
}

@media (max-width: 480px) {
  .faq-control-type {
    padding: 12px 16px;
  }
}

/* ----------------------- FAQ END ----------------------- */

/* ----------------------- KATALOG ONLINE START ----------------------- */
.catalog-page {
  max-width: 100%;
}

/* Hero */
.catalog-hero {
  text-align: center;
  margin-bottom: 48px;
  padding: 48px 40px;
  background: linear-gradient(135deg, #f5f0ff 0%, #ebe0ff 100%);
  border-radius: 16px;
  border: 1px solid #d8c8f0;
}

.catalog-hero__icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 25px rgba(44, 28, 100, 0.25);
}

.catalog-hero__icon i {
  font-size: 2rem;
  color: #fff;
}

.catalog-hero .section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #2c1c64;
  margin-bottom: 16px;
  text-transform: none;
}

.catalog-hero__lead {
  font-size: 1.1rem;
  color: #555;
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

/* Features */
.catalog-features {
  margin-bottom: 48px;
}

.catalog-features .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 32px;
  text-transform: none;
}

.catalog-features__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.catalog-feature {
  background: #fff;
  border-radius: 16px;
  padding: 28px 24px;
  text-align: center;
  border: 1px solid #efefef;
  transition: all 0.3s ease;
}

.catalog-feature:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(44, 28, 100, 0.12);
  border-color: #2c1c64;
}

.catalog-feature__icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(0, 190, 240, 0.2);
}

.catalog-feature__icon i {
  font-size: 1.5rem;
  color: #fff;
}

.catalog-feature h4 {
  font-size: 1.05rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 10px;
  text-transform: none;
}

.catalog-feature p {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* Flipbook */
.catalog-flipbook {
  margin-bottom: 48px;
}

.catalog-flipbook .section-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c1c64;
  text-align: center;
  margin-bottom: 24px;
  text-transform: none;
}

.catalog-flipbook__wrapper {
  background: #f8f8f8;
  border-radius: 16px;
  padding: 20px;
  border: 1px solid #efefef;
  min-height: 500px;
}

/* CTA */
.catalog-cta {
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  border-radius: 16px;
  padding: 40px;
}

.catalog-cta__content {
  display: flex;
  align-items: center;
  gap: 32px;
}

.catalog-cta__icon {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.catalog-cta__icon i {
  font-size: 2rem;
  color: #fff;
}

.catalog-cta__text {
  flex: 1;
}

.catalog-cta__text h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  text-transform: none;
}

.catalog-cta__text p {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  margin: 0;
}

.catalog-cta__text p strong {
  color: #00bef0;
}

.catalog-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: #00bef0;
  color: #fff;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.catalog-cta__btn:hover {
  background: #fff;
  color: #2c1c64;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Responsywność */
@media (max-width: 1024px) {
  .catalog-features__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .catalog-cta__content {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .catalog-cta__text {
    flex: 100%;
  }
}

@media (max-width: 768px) {
  .catalog-hero {
    padding: 32px 24px;
    margin-bottom: 32px;
  }

  .catalog-hero .section-title {
    font-size: 1.75rem;
  }

  .catalog-hero__lead {
    font-size: 1rem;
  }

  .catalog-features__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .catalog-flipbook__wrapper {
    padding: 12px;
    min-height: 400px;
  }

  .catalog-cta {
    padding: 28px 24px;
  }

  .catalog-cta__icon {
    width: 64px;
    height: 64px;
  }

  .catalog-cta__icon i {
    font-size: 1.5rem;
  }

  .catalog-cta__text h3 {
    font-size: 1.3rem;
  }

  .catalog-cta__btn {
    width: 100%;
    justify-content: center;
  }
}

/* ----------------------- KATALOG ONLINE END ----------------------- */

/* ----------------------- DO POBRANIA (ATTACHMENTS) START ----------------------- */
#cmspage_products {
  max-width: 100%;
}

/* Nagłówki sekcji */
#cmspage_products>h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2c1c64;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #00bef0;
  text-transform: none;
}

#cmspage_products>h4:not(:first-child) {
  margin-top: 32px;
}

/* Filtry kategorii załączników */
#cmspage_products>ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
}

#cmspage_products>ul li {
  margin: 0;
}

#cmspage_products>ul li:has(a) a {
  display: inline-block;
  padding: 8px 16px;
  background: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 50px;
  color: #555;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

#cmspage_products>ul li:has(a) a:hover {
  background: #00bef0;
  border-color: #00bef0;
  color: #fff;
}

#cmspage_products>ul li.current a,
#cmspage_products>ul li.root.current a {
  background: #2c1c64;
  border-color: #2c1c64;
  color: #fff;
}

/* Separator */
#cmspage_products>ul li:not(:has(a)) {
  display: none;
}

/* Grid produktów */
#cmspage_products .cmsPageProducts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

#cmspage_products .cmsPageProducts>.grid {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

/* Karta produktu */
#cmspage_products .product-container {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #efefef;
  overflow: hidden;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#cmspage_products .product-container:hover {
  border-color: #00bef0;
  box-shadow: 0 8px 30px rgba(0, 190, 240, 0.12);
}

/* Thumbnail */
#cmspage_products .thumbnail {
  position: relative;
  padding-top: 75%;
  overflow: hidden;
  background: #f8f8f8;
  width: 100%;
}

#cmspage_products .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

#cmspage_products .product-container:hover .thumbnail img {
  transform: scale(1.05);
}

/* Sekcja produktu */
#cmspage_products .product {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Tytuł i ZIP */
#cmspage_products .product .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #efefef;
}

#cmspage_products .product .title h5 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

#cmspage_products .product .title h5 a {
  color: #2c1c64;
  text-decoration: none;
  transition: color 0.3s ease;
}

#cmspage_products .product .title h5 a:hover {
  color: #00bef0;
}

/* Przycisk ZIP */
#cmspage_products .download_zip .zipper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #00bef0 0%, #47cefa 100%);
  border-radius: 50%;
  transition: all 0.3s ease;
}

#cmspage_products .download_zip .zipper:hover {
  background: linear-gradient(135deg, #2c1c64 0%, #463483 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 190, 240, 0.3);
}

#cmspage_products .download_zip .zipper svg {
  width: 18px;
  height: 18px;
}

/* Lista załączników */
#cmspage_products .product dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}

#cmspage_products .product dl:last-of-type {
  border-bottom: none;
}

#cmspage_products .product dl dt {
  flex: 1;
  padding: 0;
}

#cmspage_products .product dl dt ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

#cmspage_products .product dl dt ol li:first-child {
  font-size: 0.9rem;
  color: #333;
  font-weight: 500;
}

#cmspage_products .product dl dt ol li:last-child {
  display: none;
  /* Ukryj datę dodania */
}

#cmspage_products .product dl dd {
  margin: 0;
  padding: 0;
}

#cmspage_products .product dl dd a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 50px;
  color: #2c1c64;
  font-size: 0.8rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

#cmspage_products .product dl dd a:hover {
  background: #00bef0;
  border-color: #00bef0;
  color: #fff;
}

/* Przycisk Więcej/Mniej */
#cmspage_products .attachement-more--wrap {
  padding: 0 16px 16px;
  margin-top: auto;
  display: none;
}

#cmspage_products .attachement-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  padding: 10px;
  background: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 8px;
  color: #2c1c64;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

#cmspage_products .attachement-more:hover {
  background: #2c1c64;
  border-color: #2c1c64;
  color: #fff;
}

#cmspage_products .attachement-more i {
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}

#cmspage_products .attachement-more.expanded i {
  transform: rotate(180deg);
}

/* Ukrywanie załączników (domyślnie pokazuj 2) */
#cmspage_products .product dl:nth-of-type(n+3) {
  display: none;
}

#cmspage_products .product.show-all dl {
  display: flex !important;
}

/* Responsywność */
@media (max-width: 1024px) {
  #cmspage_products .cmsPageProducts {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 768px) {
  #cmspage_products>ul {
    gap: 6px;
  }

  #cmspage_products>ul li:has(a) a {
    padding: 6px 12px;
    font-size: 0.85rem;
  }

  #cmspage_products .cmsPageProducts {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #cmspage_products .product {
    padding: 14px;
  }
}

@media (max-width: 480px) {
  #cmspage_products .product dl {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  #cmspage_products .product dl dd a {
    width: 100%;
    justify-content: center;
  }
}


.cmsPageProducts article {
  padding: 0px !important;
  border: 0px solid var(--gray-color) !important;
}

/* ----------------------- DO POBRANIA (ATTACHMENTS) END ----------------------- */

/* ----------------------- MEGAMENU SUBMENU START ----------------------- */
.cbp-hrmenu .cbp-hrmenu-tab {
  position: relative;
}

.cbp-hrmenu .cbp-hrsub {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 10px 40px rgba(44, 28, 100, 0.12);
  border: 1px solid #efefef;
  border-top: 3px solid #00bef0;
  padding: 0;
  min-width: 300px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 1000;
}

.cbp-hrmenu .cbp-hrmenu-tab:hover .cbp-hrsub {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Ukryj podmenu gdy nie ma hover - nadpisz .cbp-show */
.cbp-hrmenu .cbp-hrsub.cbp-show {
  opacity: 0 !important;
  visibility: hidden !important;
}

.cbp-hrmenu .cbp-hrmenu-tab:hover .cbp-hrsub,
.cbp-hrmenu .cbp-hrmenu-tab:hover .cbp-hrsub.cbp-show {
  opacity: 1 !important;
  visibility: visible !important;
}

.cbp-hrsub-inner {
  padding: 16px 0;
}

.iqitmegamenu-submenu-container {
  padding: 0;
}

/* Lista linków w podmenu */
.cbp-hrsub .cbp-links,
.cbp-hrsub .cbp-valinks,
.cbp-hrsub .sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.cbp-hrmenu .cbp-hrsub-inner,
.cbp-hrmenu ul.cbp-hrsub-level2,
.cbp-hrmenu ul.cbp-hrsub-level3,
.cbp-hrmenu ul.cbp-hrsub-level3 ul {
  background-color: #fff !important;
}

.cbp-hrsub .cbp-links li,
.cbp-hrsub .cbp-valinks li,
.cbp-hrsub .sub-menu li {
  margin: 0;
  padding: 0;
}

.cbp-hrsub .cbp-links li a,
.cbp-hrsub .cbp-valinks li a,
.cbp-hrsub .sub-menu li a,
.cbp-hrsub .sub-menu .top-m-l-c a {
  padding: 10px 14px;
  color: #333;
  font-size: 0.95rem;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.25s ease;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cbp-hrsub .cbp-links li a::before,
.cbp-hrsub .cbp-valinks li a::before,
.cbp-hrsub .sub-menu li a::before {
  display: none;
}

.cbp-hrmenu .cbp-links li.cbp-hrsub-haslevel2>div>a::after,
.cbp-hrmenu .cbp-links li .cbp-hrsub-haslevel3>div>a::after {
  content: '›' !important;
  display: inline-block !important;
  margin-right: 10px !important;
  color: #00bef0 !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  transition: transform 0.25s ease !important;
  opacity: 1 !important;
}

.cbp-hrsub .cbp-links li a:hover,
.cbp-hrsub .cbp-valinks li a:hover,
.cbp-hrsub .sub-menu li a:hover,
.cbp-hrsub .sub-menu .top-m-l-c a:hover {
  background: linear-gradient(90deg, rgba(0, 190, 240, 0.08) 0%, transparent 100%);
  color: #2c1c64;
  padding-left: 20px;
}

.cbp-hrsub .cbp-links li a:hover::after,
.cbp-hrsub .cbp-valinks li a:hover::after,
.cbp-hrsub .sub-menu li a:hover::after,
.cbp-hrsub .sub-menu .top-m-l-c a:hover::after {
  transform: translateX(4px);
}

.cbp-hrmenu ul.cbp-hrsub-level2,
.cbp-hrmenu ul.cbp-hrsub-level3,
.cbp-hrmenu ul.cbp-hrsub-level3 ul {
  min-width: 200px;
  top: 11px;
}

/* Ikona strzałki w głównym menu */
.cbp-hrmenu .cbp-submenu-aindicator {
  margin-left: 6px;
  font-size: 0.75rem;
  transition: transform 0.3s ease;
}

.cbp-hrmenu .cbp-hrmenu-tab:hover .cbp-submenu-aindicator {
  transform: rotate(180deg);
}

.cbp-hrmenu .cbp-links li.cbp-hrsub-haslevel2>div>a::after,
.cbp-hrmenu .cbp-links li .cbp-hrsub-haslevel3>div>a::after {}

/* Aktywny element menu */
.cbp-hrmenu .cbp-hrmenu-tab.active>a,
.cbp-hrmenu .cbp-hrmenu-tab:hover>a {
  color: #00bef0;
}

/* Responsywność */
@media (max-width: 991px) {
  .cbp-hrmenu .cbp-hrsub {
    position: static;
    box-shadow: none;
    border: none;
    border-top: 1px solid #efefef;
    border-radius: 0;
    transform: none;
    opacity: 1;
    visibility: visible;
    min-width: 100%;
  }

  .cbp-hrsub .cbp-links li a,
  .cbp-hrsub .cbp-valinks li a,
  .cbp-hrsub .sub-menu li a,
  .cbp-hrsub .sub-menu .top-m-l-c a {
    padding: 12px;
  }
}

/* ----------------------- MEGAMENU SUBMENU END ----------------------- */

/* ----------------------- SCROLL ANIMATIONS START ----------------------- */
/* AOS Library loaded via CDN - see theme.yml or header */

/* Hover animations for cards */
.hover-lift {
  transition: all 0.3s ease-in-out;
}

.hover-lift:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(44, 28, 100, 0.15);
}

.hover-scale {
  transition: transform 0.3s ease;
}

.hover-scale:hover {
  transform: scale(1.03);
}

.hover-glow {
  transition: box-shadow 0.3s ease;
}

.hover-glow:hover {
  box-shadow: 0 0 30px rgba(0, 190, 240, 0.3);
}

/* Pulse animation */
@keyframes pulse {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }
}

.animate-pulse {
  animation: pulse 2s ease-in-out infinite;
}

/* Float animation */
@keyframes float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

/* Shimmer effect */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.animate-shimmer {
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: shimmer 2s infinite;
}

/* Counter animation helper */
.count-up {
  display: inline-block;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {

  [data-animate],
  .stagger-children>*,
  .hover-lift,
  .hover-scale,
  .animate-pulse,
  .animate-float {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* ----------------------- SCROLL ANIMATIONS END ----------------------- */

/* ----------------------- REFERENCES LIGHTBOX FIX START ----------------------- */
/* Fix lightbox to be fullscreen regardless of parent container */
.references-lightbox {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  z-index: 99999 !important;
  display: none;
  align-items: center;
  justify-content: center;
}

.references-lightbox.active {
  display: flex !important;
}

.references-lightbox .lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1;
}

.references-lightbox .lightbox-container {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 80px;
  box-sizing: border-box;
}

.references-lightbox .lightbox-content {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.references-lightbox .lightbox-image {
  max-width: 90vw;
  max-height: 80vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.references-lightbox .lightbox-caption {
  color: #fff;
  font-size: 1.1rem;
  margin-top: 20px;
  text-align: center;
  max-width: 600px;
}

.references-lightbox .lightbox-close {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, transform 0.3s ease;
}

.references-lightbox .lightbox-close:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}

.references-lightbox .lightbox-nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, transform 0.3s ease;
}

.references-lightbox .lightbox-nav:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-50%) scale(1.1);
}

.references-lightbox .lightbox-prev {
  left: 20px;
}

.references-lightbox .lightbox-next {
  right: 20px;
}

.references-lightbox .lightbox-counter {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.9rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 16px;
  border-radius: 20px;
  z-index: 10;
}

@media (max-width: 768px) {
  .references-lightbox .lightbox-container {
    padding: 60px 20px;
  }

  .references-lightbox .lightbox-image {
    max-width: 95vw;
    max-height: 70vh;
  }

  .references-lightbox .lightbox-nav {
    width: 40px;
    height: 40px;
  }

  .references-lightbox .lightbox-prev {
    left: 10px;
  }

  .references-lightbox .lightbox-next {
    right: 10px;
  }
}

/* ----------------------- REFERENCES LIGHTBOX FIX END ----------------------- */

/* ----------------------- INSPIRACJE LIGHTBOX START ----------------------- */
.inspiracje-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
}

.inspiracje-lightbox.active {
  display: flex;
}

.inspiracje-lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.92);
  cursor: pointer;
  z-index: 1;
}

.inspiracje-lightbox-container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  box-sizing: border-box;
}

.inspiracje-lightbox-content {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.inspiracje-lightbox-image {
  max-width: 90vw;
  max-height: 80vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.inspiracje-lightbox-close {
  position: fixed;
  top: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 12px;
  border-radius: 50%;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  transition: background 0.3s ease, transform 0.3s ease;
}

.inspiracje-lightbox-close:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}

.inspiracje-lightbox-nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 16px;
  border-radius: 50%;
  z-index: 10;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  transition: background 0.3s ease, transform 0.3s ease;
}

.inspiracje-lightbox-nav:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-50%) scale(1.1);
}

.inspiracje-lightbox-prev {
  left: 20px;
}

.inspiracje-lightbox-next {
  right: 20px;
}

.inspiracje-lightbox-counter {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 16px;
  border-radius: 20px;
  backdrop-filter: blur(4px);
}

.inspiracje-lightbox-trigger {
  cursor: zoom-in;
  display: block;
  position: relative;
}

.inspiracje-lightbox-trigger::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.inspiracje-lightbox-trigger:hover::after {
  opacity: 1;
}

.inspiracje-lightbox-trigger::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='11' y1='8' x2='11' y2='14'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E") center center no-repeat;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 1;
  pointer-events: none;
}

.inspiracje-lightbox-trigger:hover::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

@keyframes inspiracjeLightboxFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes inspiracjeLightboxZoomIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.inspiracje-lightbox.active .inspiracje-lightbox-overlay {
  animation: inspiracjeLightboxFadeIn 0.3s ease;
}

.inspiracje-lightbox.active .inspiracje-lightbox-container {
  animation: inspiracjeLightboxZoomIn 0.3s ease;
}

@media (max-width: 768px) {
  .inspiracje-lightbox-container {
    padding: 60px 10px;
  }

  .inspiracje-lightbox-image {
    max-width: 95vw;
    max-height: 70vh;
  }

  .inspiracje-lightbox-nav {
    width: 44px;
    height: 44px;
    padding: 12px;
  }

  .inspiracje-lightbox-prev {
    left: 10px;
  }

  .inspiracje-lightbox-next {
    right: 10px;
  }

  .inspiracje-lightbox-close {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
  }
}

/* ----------------------- INSPIRACJE LIGHTBOX END ----------------------- */

/* ----------------------- BLOCKCART MODAL STYLES START ----------------------- */
#blockcart-modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#blockcart-modal .modal-dialog {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  min-height: 100vh;
  padding: 20px;
}

#blockcart-modal .modal-content {
  border-radius: 16px;
  border: none;
  box-shadow: 0 25px 80px rgba(44, 28, 100, 0.25);
  overflow: hidden;
  width: 100%;
}

#blockcart-modal .modal-header {
  background: linear-gradient(135deg, #614191 0%, #2c1c64 100%);
  color: #fff;
  border-bottom: none;
  padding: 20px 24px;
  border-radius: 0;
}

#blockcart-modal .modal-header .modal-title {
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

#blockcart-modal .modal-header .modal-title i,
#blockcart-modal .modal-header .modal-title .fa {
  color: #00bef0;
  font-size: 1.3rem;
}

#blockcart-modal .modal-header .close,
#blockcart-modal .modal-header .btn-close {
  color: #fff;
  opacity: 0.8;
  text-shadow: none;
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  position: absolute;
  right: 20px;
}

#blockcart-modal .modal-header .close:hover,
#blockcart-modal .modal-header .btn-close:hover {
  opacity: 1;
  color: #00bef0;
}

#blockcart-modal .modal-body {
  padding: 24px;
  background: #fff;

  .row {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column;

    .col-md-5,
    .col-md-7,
    .col-md-6,
    .col-6 {
      flex: 1;
      width: 100%;

      img {
        width: 50%;
        height: auto;
      }

      picture {
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
}

#blockcart-modal .modal-body .product-image {
  border-radius: 12px;
}

#blockcart-modal .modal-body .product-name {
  font-weight: 600;
  color: #2c1c64;
  font-size: 1rem;
}

#blockcart-modal .modal-body .product-price {
  color: #614191;
  font-weight: 700;
  font-size: 1.1rem;
}

#blockcart-modal .cart-content {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 16px;
  margin-top: 16px;
}

#blockcart-modal .cart-content p {
  margin-bottom: 8px;
  color: #62666b;
}

#blockcart-modal .cart-content .cart-products-count {
  font-weight: 600;
  color: #2c1c64;
}

#blockcart-modal .cart-content .product-total,
#blockcart-modal .cart-content .cart-total {
  font-weight: 700;
  color: #614191;
}

#blockcart-modal .divide-right {
  border-right: 1px solid #e9ecef;
}

#blockcart-modal .modal-footer,
#blockcart-modal .modal-body .cart-content-btn {
  padding: 16px 24px 24px;
  border-top: none;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Przyciski - turkusowe jak na reszcie strony */
#blockcart-modal .btn-primary,
#blockcart-modal .btn.btn-primary {
  background: #00bef0 !important;
  border: none !important;
  color: #fff !important;
  padding: 14px 28px;
  border-radius: 28px;
  font-weight: 600;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 190, 240, 0.3);
}

#blockcart-modal .btn-primary:hover,
#blockcart-modal .btn.btn-primary:hover {
  background: #00a8d6 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 190, 240, 0.4);
}

#blockcart-modal .btn-secondary,
#blockcart-modal .btn.btn-secondary {
  background: #00bef0 !important;
  border: none !important;
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 28px;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 190, 240, 0.3);
}

#blockcart-modal .btn-secondary:hover,
#blockcart-modal .btn.btn-secondary:hover {
  background: #00a8d6 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 190, 240, 0.4);
}

/* Backdrop */
#blockcart-modal.show~.modal-backdrop,
.modal-backdrop.show {
  background-color: rgba(44, 28, 100, 0.5);
}

/* Responsive */
@media (max-width: 576px) {
  #blockcart-modal .modal-dialog {
    margin: 0 auto;
    padding: 16px;
    min-height: auto;
    max-width: 100% !important;
  }

  #blockcart-modal .modal-header {
    padding: 16px 20px;
  }

  #blockcart-modal .modal-body {
    padding: 20px;
  }

  #blockcart-modal .divide-right {
    border-right: none;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}

/* ----------------------- BLOCKCART MODAL STYLES END ----------------------- */

/* ----------------------- BOOTSTRAP TOUCHSPIN FIX START ----------------------- */
.bootstrap-touchspin {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  overflow: hidden;
  background: #fff !important;
  width: auto !important;
  min-width: 90px;
  height: 40px !important;
}

.bootstrap-touchspin .form-control,
.bootstrap-touchspin input[type="number"] {
  width: 50px !important;
  min-width: 50px;
  height: 40px;
  text-align: center;
  border: none;
  background: transparent;
  font-size: 1rem;
  font-weight: 600;
  color: #2c1c64;
  -moz-appearance: textfield;
  appearance: textfield;
  padding: 0;
}

.bootstrap-touchspin .form-control::-webkit-outer-spin-button,
.bootstrap-touchspin .form-control::-webkit-inner-spin-button,
.bootstrap-touchspin input[type="number"]::-webkit-outer-spin-button,
.bootstrap-touchspin input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.bootstrap-touchspin .form-control:focus,
.bootstrap-touchspin input[type="number"]:focus {
  outline: none;
  box-shadow: none;
}

.bootstrap-touchspin .input-group-btn-vertical {
  display: flex !important;
  flex-direction: column !important;
  height: 40px !important;
  margin-left: auto;
}

.bootstrap-touchspin .btn-touchspin,
.bootstrap-touchspin .bootstrap-touchspin-up,
.bootstrap-touchspin .bootstrap-touchspin-down {
  width: 32px !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #f8f9fa !important;
  border: none !important;
  border-left: 1px solid #e0e0e0 !important;
  color: #62666b;
  cursor: pointer;
  transition: all 0.2s ease;
  flex: none !important;
}

.bootstrap-touchspin .btn-touchspin:hover,
.bootstrap-touchspin .bootstrap-touchspin-up:hover,
.bootstrap-touchspin .bootstrap-touchspin-down:hover {
  background: #00bef0;
  color: #fff;
}

.bootstrap-touchspin .btn-touchspin:first-child {
  border-bottom: 1px solid #e0e0e0;
}

.bootstrap-touchspin .btn-touchspin i {
  font-size: 0.7rem;
}

/* Ukryj prefix i postfix */
.bootstrap-touchspin .bootstrap-touchspin-prefix,
.bootstrap-touchspin .bootstrap-touchspin-postfix {
  display: none !important;
}

/* Wersja w koszyku */
.cart-line-product-quantity .bootstrap-touchspin,
.cart-overview .bootstrap-touchspin {
  border-color: #d0d0d0;
}

.bootstrap-touchspin .btn {
  width: 32px !important;
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 0 0 3px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #f0f0f0 !important;
  border: none !important;
  border-left: 1px solid #d0d0d0 !important;
  border-radius: 0 !important;
  color: #000 !important;
  cursor: pointer;
  transition: all 0.2s ease;
  flex: none !important;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;

  i,
  i:before,
  i:after {
    color: #000 !important;
  }

  i {
    padding-left: 3px;
  }
}

.bootstrap-touchspin .btn:hover {
  background: #00bef0 !important;
  color: #fff !important;

  i,
  i:before,
  i:after {
    color: #fff !important;
  }
}

.bootstrap-touchspin .btn i,
.bootstrap-touchspin .btn .fa,
.bootstrap-touchspin .btn .fa-solid {
  color: inherit !important;
  font-size: 0.75rem;
}

/* Responsive */
@media (max-width: 576px) {
  .bootstrap-touchspin {
    min-width: 90px;
  }

  .bootstrap-touchspin .form-control,
  .bootstrap-touchspin input[type="number"] {
    width: 40px !important;
    min-width: 40px;
    font-size: 0.9rem;
  }

  .bootstrap-touchspin .btn-touchspin {
    width: 28px;
  }
}

/* ----------------------- BOOTSTRAP TOUCHSPIN FIX END ----------------------- */

/* ----------------------- CATEGORY SUB MENU STYLES START ----------------------- */
.category-sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.category-sub-menu li {
  position: relative;
  margin-bottom: 2px;
}

.category-sub-menu li a {
  display: block;
  padding: 10px 15px;
  color: #62666b;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  border-radius: 6px;
  border-left: unset;
}


.category-sub-menu li a:hover {
  color: #00bef0;
  background: rgba(0, 190, 240, 0.08);
  border-left: unset;
}

.category-sub-menu li:has(.collapse-icons) a {
  padding-right: 40px !important;
}

/* Aktywny element - current category */
.category-sub-menu li.current>a,
.category-sub-menu li.active>a,
.category-sub-menu li a.current,
.category-sub-menu li a.active,
.category-sub-menu li a[aria-current="page"] {
  color: #00bef0;
  font-weight: 600;
  background: rgba(0, 190, 240, 0.12);
  border-left: unset;
}

/* Zagnieżdżone menu */
.category-sub-menu .category-sub-menu {
  padding-left: 15px;
  margin-top: 5px;
  border-left: 1px solid #e0e0e0;
  margin-left: 10px;
}

.category-sub-menu .category-sub-menu li a {
  padding: 8px 12px;
  font-size: 0.9rem;
}

/* Ikony rozwijania */
.category-sub-menu .collapse-icons {
  position: absolute;
  right: 5px;
  top: 8px;
  cursor: pointer;
  padding: 5px 10px;
  color: #62666b;
  transition: all 0.3s ease;
  z-index: 2;
}

.category-sub-menu .collapse-icons:hover {
  color: #00bef0;
}

/* Jedna ikona z rotacją zamiast dwóch */
.category-sub-menu .collapse-icons i {
  transition: transform 0.3s ease;
}

.category-sub-menu .collapse-icons .add {
  display: inline-block !important;
  transform: rotate(0deg);
  /* Domyślnie strzałka w dół */
}

.category-sub-menu .collapse-icons .remove {
  display: none !important;
}

/* Rotacja strzałki TYLKO gdy aria-expanded="true" - strzałka w górę */
.category-sub-menu .collapse-icons[aria-expanded="true"] .add {
  transform: rotate(-180deg) !important;
}

/* Animacja zwijania/rozwijania */
.category-sub-menu .collapse {
  transition: height 0.35s ease, opacity 0.25s ease;
  overflow: hidden;
}

.category-sub-menu .collapse:not(.show) {
  display: block !important;
  height: 0 !important;
  opacity: 0;
  visibility: hidden;
}

.category-sub-menu .collapse.show {
  opacity: 1;
  visibility: visible;
}

.category-sub-menu .collapse.collapsing {
  height: 0;
  opacity: 0.5;
  transition: height 0.35s ease, opacity 0.25s ease;
}

/* Głębokość zagnieżdżenia */
.category-sub-menu li[data-depth="1"]>a {
  padding-left: 20px;
}

.category-sub-menu li[data-depth="2"]>a {
  padding-left: 25px;
}

.category-sub-menu li[data-depth="3"]>a {
  padding-left: 30px;
}

/* ----------------------- CATEGORY SUB MENU STYLES END ----------------------- */

/* =====================================================================================
   404 ERROR PAGE - ANIMATED STYLES
   ===================================================================================== */
#pagenotfound {
  #wrapper {
    padding: 0px;
  }

  .page-header {
    margin: 0px;
    display: none;
  }

  #inner-wrapper {
    max-width: 100%;
  }

  .footer-carousel {
    display: none !important;
  }
}

.page-not-found-custom {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
  padding: 40px 20px;
  margin: 0px !important;
  width: 100%;
}

/* Animated particles */
.error-particles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.particle {
  position: absolute;
  border-radius: 50%;
  opacity: 0.6;
  animation: float-particle 15s infinite ease-in-out;
}

.particle-1 {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #00bef0 0%, #0099cc 100%);
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}

.particle-2 {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%);
  top: 20%;
  right: 15%;
  animation-delay: -2s;
}

.particle-3 {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #feca57 0%, #ff9f43 100%);
  bottom: 30%;
  left: 20%;
  animation-delay: -4s;
}

.particle-4 {
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, #5f27cd 0%, #341f97 100%);
  bottom: 20%;
  right: 10%;
  animation-delay: -6s;
  opacity: 0.4;
}

.particle-5 {
  width: 30px;
  height: 30px;
  background: linear-gradient(135deg, #1dd1a1 0%, #10ac84 100%);
  top: 50%;
  left: 5%;
  animation-delay: -8s;
}

.particle-6 {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #00bef0 0%, #0099cc 100%);
  top: 60%;
  right: 25%;
  animation-delay: -10s;
}

@keyframes float-particle {

  0%,
  100% {
    transform: translateY(0) rotate(0deg) scale(1);
  }

  25% {
    transform: translateY(-30px) rotate(90deg) scale(1.1);
  }

  50% {
    transform: translateY(-15px) rotate(180deg) scale(0.9);
  }

  75% {
    transform: translateY(-40px) rotate(270deg) scale(1.05);
  }
}

/* Error container */
.error-container {
  position: relative;
  z-index: 10;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 404 Number styling */
.error-number {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 30px;
}

.error-number .digit {
  font-size: clamp(80px, 20vw, 180px);
  font-weight: 900;
  color: #2d3436;
  line-height: 1;
  text-shadow: 4px 4px 0 rgba(0, 190, 240, 0.3);
}

.error-number .digit-4-left {
  animation: bounce-left 2s infinite ease-in-out;
}

.error-number .digit-4-right {
  animation: bounce-right 2s infinite ease-in-out;
}

@keyframes bounce-left {

  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-10px) rotate(-5deg);
  }
}

@keyframes bounce-right {

  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-10px) rotate(5deg);
  }
}

/* Gear icon (0) */
.error-number .digit-0 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(80px, 18vw, 160px);
  height: clamp(80px, 18vw, 160px);
}

.gear-icon {
  width: 100%;
  height: 100%;
  fill: #00bef0;
  animation: rotate-gear 8s linear infinite;
  filter: drop-shadow(3px 3px 0 rgba(0, 190, 240, 0.3));
}

@keyframes rotate-gear {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Error message */
.error-message {
  margin-bottom: 30px;
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.error-title {
  font-size: clamp(24px, 5vw, 36px);
  font-weight: 700;
  color: #2d3436;
  margin-bottom: 15px;
}

.error-description {
  font-size: clamp(14px, 2.5vw, 18px);
  color: #636e72;
  max-width: 500px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Search box */
.error-search {
  margin-bottom: 30px;
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.error-search .search-widget {
  max-width: 400px;
  margin: 0 auto;
}

.error-search .search-widget form {
  display: flex;
  border-radius: 50px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.error-search .search-widget input[type="text"] {
  flex: 1;
  border: none;
  padding: 25px;
  font-size: 16px;
  outline: none;
}

.error-search .search-widget button {
  background: #00bef0;
  border: none;
  padding: 15px 25px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease;
}

.error-search .search-widget button:hover {
  background: #0099cc;
}

/* Action buttons */
.error-actions {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
  animation: fadeInUp 0.8s ease-out 0.6s both;
}

.error-btn-home,
.error-btn-back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.error-btn-home {
  background: linear-gradient(135deg, #00bef0 0%, #0099cc 100%);
  color: white;
  border: none;
  box-shadow: 0 10px 30px rgba(0, 190, 240, 0.3);
}

.error-btn-home:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(0, 190, 240, 0.4);
  color: white;
  text-decoration: none;
}

.error-btn-back {
  background: white;
  color: #2d3436;
  border: 2px solid #e0e0e0;
}

.error-btn-back:hover {
  transform: translateY(-3px);
  border-color: #00bef0;
  color: #00bef0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Wave animation at bottom */
.error-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  overflow: hidden;
}

.error-wave svg {
  position: absolute;
  bottom: 0;
  width: 200%;
  height: 100%;
}

.wave-path {
  animation: wave-move 10s linear infinite;
}

.wave-1 {
  fill: rgba(0, 190, 240, 0.3);
  animation-duration: 10s;
}

.wave-2 {
  fill: rgba(0, 190, 240, 0.5);
  animation-duration: 7s;
  animation-delay: -2s;
}

@keyframes wave-move {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .page-not-found-custom {
    min-height: 70vh;
    padding: 30px 15px;
  }

  .error-number .digit {
    font-size: 60px;
  }

  .error-number .digit-0 {
    width: 60px;
    height: 60px;
  }

  .error-actions {
    flex-direction: column;
    align-items: center;
  }

  .error-btn-home,
  .error-btn-back {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }

  .particle {
    display: none;
  }

  .particle-1,
  .particle-2,
  .particle-3 {
    display: block;
  }
}

/* =====================================================================================
   404 ERROR PAGE - END
   ===================================================================================== */

/* Category Image SVG Mask */
.cat-image img {
  -webkit-clip-path: url(#svg-blob-mask);
  clip-path: url(#svg-blob-mask);
  width: 100%;
  height: auto;
  display: block;
}

.svg-blob-container {
  width: 100%;
  height: auto;
  max-width: 400px;
  /* Dostosuj wielkość bloba */
  display: block;
  margin: 0 auto;

  @media (max-width: 768px) {
    max-width: 100%;
  }
}


#googleReviewsContainer {
  background-color: transparent !important;

  @media (max-width: 768px) {
    margin: 32px 0px;
  }

  @media (max-width: 552px) {
    margin: 22px 0px;
  }

  .af-arrow.slick-arrow {
    border: 1px solid #efefef;
    width: 56px !important;
    height: 56px !important;
    border-radius: 80px !important;
    background: #fff !important;
    text-indent: 999999px !important;
    line-height: 1 !important;

    &::after {
      font-family: FontAwesome;
      font-size: 30px;
      text-transform: none !important;
      letter-spacing: 0;
      font-variant: initial;
      line-height: 1;
      position: absolute;
      left: 17px;
      top: 11px;
      color: rgba(0, 0, 0, 0.43);
    }

    &.arrow-icon-prev {
      left: -46px !important;

      @media (max-width: 768px) {
        top: auto !important;
        bottom: -56px;
        left: calc(50% - 65px) !important;
      }

      &::after {
        content: "";
        text-indent: 0;
      }
    }

    &.arrow-icon-next {
      right: -46px !important;

      @media (max-width: 768px) {
        top: auto !important;
        bottom: -56px;
        right: calc(50% - 65px) !important;
      }

      &::after {
        content: "";
        text-indent: 0;
      }
    }
  }

  .containerItems {
    padding: 24px !important;
    border-radius: 12px !important;
    border: 1px solid #efefef !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: unset !important;
  }

  #leaveReview {
    margin-top: 12px !important;

    .btn {
      color: #fff !important;
      border: unset !important;
      transition: all .3s ease-in-out !important;
    }
  }
}

/* Wyłączenie efektu hover na urządzeniach mobilnych i tabletach na kafelkach produktów,
   aby zapobiec blokowaniu pierwszego kliknięcia */
@media (max-width: 1024px) {
  .product-miniature .thumbnail-container .product-thumbnail-second {
    display: none !important;
  }

  .product-miniature .thumbnail-container:hover .product-thumbnail-first {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

input[name="discount_name"] {
  border-radius: 28px !important;
}

/* zdj agnieszka */

#simba-representatives-list>div>div>div:nth-child(9)>div>div {
  display: none;
}

#cmspage_products>ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
}

#cmspage_products>ul li {
  margin: 0;
}

#cmspage_products>ul li:has(a) a {
  display: inline-block;
  padding: 8px 16px;
  background: #fff;
  border: 1px solid #2c1c64;
  border-radius: 50px;
  color: #555;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

#cmspage_products>ul li:has(a) a:hover {
  background: #00bef0;
  border-color: #2c1c64;
  color: #fff;
}

#cmspage_products>ul li.current a,
#cmspage_products>ul li.root.current a {
  background: #00bef0;
  border-color: #2c1c64;
  color: #fff;
}

#cmspage_products>ul li:not(:has(a)) {
  display: none;
}

#cmspage_products .pagination .page-list {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 16px 0;
}

#cmspage_products .pagination .page-list li {
  margin: 0;
}

#cmspage_products .pagination .page-list li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #2c1c64;
  border-radius: 50%;
  color: #555;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

#cmspage_products .pagination .page-list li a:hover {
  background: #00bef0;
  border-color: #2c1c64;
  color: #fff;
}

#cmspage_products .pagination .page-list li.current a {
  background: #00bef0 !important;
  border-color: #2c1c64 !important;
  color: #fff !important;
}

#cmspage_products .pagination .page-list li.spacer span {
  display: inline-block;
  padding: 0 4px;
  color: #888;
}

#cmspage_products .cmsPageProducts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

#cmspage_products .cmsPageProducts>.grid {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.product-unavailable {
  padding-bottom: 10px !important;
  background: #483482 !important;
}

.cart-voucher-form .custom-voucher-group {
  display: flex !important;
  align-items: stretch !important;
  height: 46px !important;
  width: 100%;
}

.cart-voucher-form .voucher-icon-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #f8f9fa;
  border: 1px solid #cbcbcb;
  border-right: none;
  padding: 0 16px;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  color: #2e2323;
  font-size: 14px;
}

.cart-voucher-form input[name="discount_name"] {
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #cbcbcb !important;
  border-right: none !important;
  box-shadow: none !important;
  padding: 0 14px !important;
  flex: 1 1 auto !important;
  width: 1% !important;
  font-size: 14px;
  color: #2e2323;
  background: #fff;
}

.cart-voucher-form input[name="discount_name"]:focus {
  outline: none !important;
  border-color: #00bef0 !important;
}

.cart-voucher-form .input-group-append {
  margin: 0 !important;
  height: 100% !important;
  display: flex !important;
}

.cart-voucher-form .input-group-append .btn-simba-submit {
  height: 100% !important;
  margin: 0 !important;
  background-color: #00bef0 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  border: 1px solid #00bef0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 28px !important;
  border-bottom-right-radius: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 24px !important;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.cart-voucher-form .input-group-append .btn-simba-submit:hover {
  background-color: #3f51b5 !important;
  border-color: #3f51b5 !important;
  color: #ffffff !important;
}

#order-items .order-line {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;

  div {
    width: 100% !important;
  }

  .qty {
    .col-2 {
      text-align: right;
      margin-bottom: 12px;
    }

  }
}

#order-confirmation #content-hook_order_confirmation {
  background: #fff;
  border-radius: 12px;
  padding: 24px;

  #order-details {
    .h3 {
      margin-bottom: 12px;
    }
  }

  #content-hook_payment_return {
    .alert.alert-info {
      padding-left: 42px;

      p {
        i.material-icons {
          position: absolute;
          left: 12px;
          top: 17px;
        }

        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
}