/* Enter Your Custom CSS Here */
/* Podstawowy wrapper */

/* FIX po usunięciu UNYSON */
.navbar-toggle .collapsed {display:none !important;}
.psacp-post-title a {color:#24577d}

.like-sc-header-color-white h4 {color:#fff;}

.like-sc-button {
    border-color: #24577d;
    color: rgb(26, 73, 106);
    background-color: transparent;
    background-clip: padding-box;
    transition: all .3s ease;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    border-radius: 10px;
    width: 280px !important;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.like-sc-button:hover {
    border-color: #fff;
    background-color: #24577d;
    color:white;
}

.product-link_gdzie_kupic .product-link_gdzie_kupic-planeta {
    background-color: #fff;
    border-color: #24577d;
    color: #24577d !important;
}

.product-link_gdzie_kupic:hover .product-link_gdzie_kupic-planeta:hover {
    background-color: #24577d;
    border-color: #fff;
    color: #fff;
}

/* Smart Slider 3 – lightbox fullscreen fix */
.litebox-overlay,
div.n2-ss-lightbox,
div.n2-ss-lightbox-simple {
  position: fixed !important;
  inset: 0 !important;              /* top/right/bottom/left = 0 */
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  z-index: 999999 !important;
}

/* centrowanie zawartości w środku lightboxa */
.litebox-overlay .litebox-container,
div.n2-ss-lightbox-simple .litebox-container {
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
}

/* Swipebox fullscreen fix */
#swipebox-overlay,
#swipebox-slider,
#swipebox-slider .slide {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  position: fixed !important;
  background: rgba(0, 0, 0, 0.9) !important;
}

#swipebox-slider img {
  max-width: 95vw !important;
  max-height: 95vh !important;
  margin: auto !important;
  display: block !important;
}
.n2-ss-slider-2 {border-radius: 20px;}


/* Kontener paginacji */
.vc-grid-pagination{
  display:flex; align-items:center; justify-content:center;
  gap:6px; margin-top:16px; user-select:none;
}

/* Strzałki */
.vc-grid-arrow{
  width:34px; height:34px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:#f2f2f2; border:1px solid #24577d; color:#24577d; cursor:pointer;
  transition:transform .15s ease, background .2s ease, color .2s ease;
}
.vc-grid-arrow:hover{ transform:translateY(-1px); background:#24577d; color:#fff; }
.vc-grid-arrow[disabled]{ opacity:.5; pointer-events:none; }

/* >>> NASZE kropki (bez klasy vc_grid-owl-dot, żeby nie łapać handlerów Owl) */
.vc-grid-pagination .vc-grid-page-dot{
  width:30px; height:30px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:700; line-height:1;
  border:1px solid #24577d; background:#ddd; color:#24577d;
  cursor:pointer; transition:transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.vc-grid-pagination .vc-grid-page-dot:hover{ background:#e5e5e5; }

/* Aktywna kropka */
.vc-grid-pagination .vc-grid-page-dot.is-active,
.vc-grid-pagination .vc-grid-page-dot.active{
  background:#24577d !important; color:#fff !important; border-color:#24577d !important;
}

/* Wielokropek */
.vc-grid-pagination .vc-grid-ellipsis{
  padding:0 4px; color:#888; font-weight:600; letter-spacing:2px;
}

/* Wyłącz "liczniki" i pseudo-elementy tylko w naszej paginacji */
.vc-grid-pagination .vc_grid-owl-dot,
.vc-grid-pagination .vc-grid-page-dot{
  counter-increment: none !important;
  position: relative;
}
.vc-grid-pagination .vc_grid-owl-dot::before,
.vc-grid-pagination .vc_grid-owl-dot::after,
.vc-grid-pagination .vc-grid-page-dot::before,
.vc-grid-pagination .vc-grid-page-dot::after{
  content: none !important; display:none !important;
}

/* Ukryj oryginalny pasek kropek Owl/VC – po nim tylko „klikamy” programowo */
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots{ display:none !important; }





.litebox-overlay {
  position: fixed;          /* utrzymanie na wierzchu */
  top: 0;
  left: 0;
  width: 100vw;              /* pełna szerokość ekranu */
  height: 100vh;             /* pełna wysokość ekranu */
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;       /* pionowe wyśrodkowanie */
  justify-content: center;   /* poziome wyśrodkowanie */
  z-index: 9999;             /* ponad innymi elementami */
}

.litebox-container img.litebox-content {
  max-width: 90%;            /* dopasowanie do ekranu */
  max-height: 90%;
  object-fit: contain;        /* zachowuje proporcje */
}


#sprawdz-gdzie-kupic {
  scroll-margin-top: 30px;
}
.product-box-b1 {padding:0px 10px;}
.prod-btn button {
    width:100%;
}

.ambasador-link a {
    color:#fff!important;
    line-height: 3rem;
    font-size: 3rem;
    font-weight:800 !important;
}
.ambasador-link a:hover {
    color:#f9f9f9 !important;
}


/* stan bazowy */
#btn-wes260-500-gk .vc_btn3{
  background: #24577d !important;      /* shorthand nadpisuje też background-image */
  background-image: none !important;    /* na wszelki wypadek – gasi gradienty WPBakery */
  color: #fff !important;
  border: 2px solid #24577d !important;
  border-radius: 5px !important;
}

/* hover na samym przycisku ORAZ na kontenerze (czasem overlay łapie :hover) */
#btn-wes260-500-gk .vc_btn3:hover,
#btn-wes260-500-gk:hover .vc_btn3{
  background: #fff !important;
  background-image: none !important;
  color: #24577d !important;
  border-color: #24577d !important;
}

/* stan bazowy */
#btn-wes260-gk .vc_btn3{
  background: #24577d !important;      /* shorthand nadpisuje też background-image */
  background-image: none !important;    /* na wszelki wypadek – gasi gradienty WPBakery */
  color: #fff !important;
  border: 2px solid #24577d !important;
  border-radius: 5px !important;
}

/* hover na samym przycisku ORAZ na kontenerze (czasem overlay łapie :hover) */
#btn-wes260-gk .vc_btn3:hover,
#btn-wes260-gk:hover .vc_btn3{
  background: #fff !important;
  background-image: none !important;
  color: #24577d !important;
  border-color: #24577d !important;
}

/* stan bazowy */
#btn-ss-wes260-500-gk .vc_btn3{
  background: #24577d !important;      /* shorthand nadpisuje też background-image */
  background-image: none !important;    /* na wszelki wypadek – gasi gradienty WPBakery */
  color: #fff !important;
  border: 2px solid #24577d !important;
  border-radius: 5px !important;
}

/* hover na samym przycisku ORAZ na kontenerze (czasem overlay łapie :hover) */
#btn-ss-wes260-500-gk .vc_btn3:hover,
#btn-ss-wes260-500-gk:hover .vc_btn3{
  background: #fff !important;
  background-image: none !important;
  color: #24577d !important;
  border-color: #24577d !important;
}

/* stan bazowy */
#btn-ss-wes260-gk .vc_btn3{
  background: #24577d !important;      /* shorthand nadpisuje też background-image */
  background-image: none !important;    /* na wszelki wypadek – gasi gradienty WPBakery */
  color: #fff !important;
  border: 2px solid #24577d !important;
  border-radius: 5px !important;
}

/* hover na samym przycisku ORAZ na kontenerze (czasem overlay łapie :hover) */
#btn-ss-wes260-gk .vc_btn3:hover,
#btn-ss-wes260-gk:hover .vc_btn3{
  background: #fff !important;
  background-image: none !important;
  color: #24577d !important;
  border-color: #24577d !important;
}

.gk-hover a {
    background-color:#24577d !important;
    border: 2px solid #24577d !important;
    border-color:#24577d !important;
    border-radius: 10px !important;
    color:#fff !important;
}

.gk-hover a:hover {
    background-color:#fff !important;
    border-color:#24577d !important;
    color:#24577d !important;
}

.litebox-overlay .litebox-close {
    background-color: #24577d;
    border-radius: 50%;
}

.plyr_wrapper, .plyr__control, .plyr__control--overlaid {pointer-events: none;}
.player-blocker: {
    position: absolute !important;
    width: 50vw !important;
    height: 100vh !important;
    background-color: transparent !important;
    top: 0 !important;
    display: block !important;
    z-index:9999 !important;
}
.product-box-desc {
    font-size:14px;
    line-height:normal;
}
.h120px {height: 130px;}
.width-220px {width:220px;}
.negativ-margin {margin-top:-160px !important;}
.contact-border {
    border: 1px solid #c4c4c4;
    padding: 0;
    border-radius: 15px;
    margin: 20px 10px 50px 90px;
}

.page-header {
    height: 0 !important;
    padding: 0 !important;
}

.header-blog {
    color: #24577d;
    font-size: 30px;
}

.blog-post .blog-info {display: none !important;}
.color-filter-alkaline {color: #3dcedf;}
.color-pink {color: #e48cab;}
.zestawienie {table-layout: fixed !important;}

.bold-font {font-weight: bold !important;}

.blog-img img {
    margin: 40px auto;
    display: block;
}

.filters-switch {
    position: absolute !important;
    height: 100vh !important;
}

.info-new {
    border-radius: 5px;
    text-align: left;
    font-family: Montserrat;
    font-weight: 400;
    font-style: normal;
    background-color: red;
    color: white;
    padding: 10px;
    font-size: 20px;
    width: min-content;
    position: relative;
    top: -50px;
    left: 0;
    margin:0;
}

.info-recommended {
    border-radius: 5px;
    text-align: left;
    font-family: Montserrat;
    font-weight: 400;
    font-style: normal;
    background-color: blue;
    color: white;
    padding: 10px;
    font-size: 20px;
    width: min-content;
    position: relative;
    top: -50px;
    left: 0;
    margin:0;
}

.info-empty{display:none}

#wes201-wh-btn {border: 2px solid #24577D;border-radius:20px;}
#wes202-wh-btn {border: 2px solid #24577D;border-radius:20px;}
#wes200-btn {border: 2px solid #24577D;border-radius:20px;}

.color-btn button{background-image: none !important; box-shadow: 0 0 0 2px #fff,0 0 0 4px #fff;}
.color-btn button:hover{box-shadow: 0 0 0 2px #fff,0 0 0 4px #24577D;}
.color-btn button:active{box-shadow: 0 0 0 2px #fff,0 0 0 4px #24577D;}
.color-btn button:focus{box-shadow: 0 0 0 2px #fff,0 0 0 4px #24577D;}

.default-border {border: 2px solid #24577D; border-radius: 20px;}

.header-txt{font-size:26px;line-height:30px;font-weight:600;}
.color-box{float:left;text-align:left;width:100%;}
.color-txt{font-size: 13px !important;font-weight:400;}
.color-name{position:absolute;left:42%;font-size:13px !important;font-weight:400;}

.vc_btn3.vc_btn3-style-custom {background-image: none;}

#wes201-white{display:block;}
#wes201-white_picture{display:block;}
#btn-wes201-wh{display:block;}
#btn-wes201-wh-gk{display:block;}

#wes201-gray{display:none;}
#wes201-gray_picture{display:none;}
#btn-wes201-gr{display:none;}
#btn-wes201-gr-gk{display:none;}

#wes201-black{display:none;}
#wes201-black_picture{display:none;}
#btn-wes201-bk{display:none;}
#btn-wes201-bk-gk{display:none;}

#wes201-navyblue{display:none;}
#wes201-navyblue_picture{display:none;}
#btn-wes201-nb{display:none;}
#btn-wes201-nb-gk{display:none;}

#wes201-mint{display:none;}
#wes201-mint_picture{display:none;}
#btn-wes201-mt{display:none;}
#btn-wes201-mt-gk{display:none;}

#wes202-white{display:block;}
#wes202-wh_picture{display:block;}
#btn-wes202-wh{display:block;}
#btn-wes202-wh-gk{display:block;}

#wes202-gray{display:none;}
#wes202-gr_picture{display:none;}
#btn-wes202-gr{display:none;}
#btn-wes202-gr-gk{display:none;}

#wes202-black{display:none;}
#wes202-bk_picture{display:none;}
#btn-wes202-bk{display:none;}
#btn-wes202-bk-gk{display:none;}

#wes202-navyblue{display:none;}
#wes202-nb_picture{display:none;}
#btn-wes202-nb{display:none;}
#btn-wes202-nb-gk{display:none;}

#wes202-mint{display:none;}
#wes202-mt_picture{display:none;}
#btn-wes202-mt{display:none;}
#btn-wes202-mt-gk{display:none;}

/* WES201-FF D2 BORO FF */

#wes201-ff-white {display: block;}
#wes201-ff-wh_picture {display: block;}
#btn-wes201-ff-wh {display: block;}
#btn-wes201-ff-wh-gk {display: block;}

#wes201-ff-black {display: none;}
#wes201-ff-bk_picture {display: none;}
#btn-wes201-ff-bk {display: none;}
#btn-wes201-ff-bk-gk {display: none;}

#wes201-ff-navyblue {display: none;}
#wes201-ff-nb_picture {display: none;}
#btn-wes201-ff-nb {display: none;}
#btn-wes201-ff-nb-gk {display: none;}

#wes201-ff-mint {display: none;}
#wes201-ff-mt_picture {display: none;}
#btn-wes201-ff-mt {display: none;}
#btn-wes201-ff-mt-gk {display: none;}

/* WES202-FF D2 BORO FF */

#wes202-ff-white{display:block;}
#wes202-ff-wh_picture{display:block;}
#btn-wes202-ff-wh{display:block;}
#btn-wes202-ff-wh-gk{display:block;}

#wes202-ff-black{display:none;}
#wes202-ff-bk_picture{display:none;}
#btn-wes202-ff-bk{display:none;}
#btn-wes202-ff-bk-gk{display:none;}

#wes202-ff-navyblue{display:none;}
#wes202-ff-nb_picture{display:none;}
#btn-wes202-ff-nb{display:none;}
#btn-wes202-ff-nb-gk{display:none;}

#wes202-ff-mint{display:none;}
#wes202-ff-mt_picture{display:none;}
#btn-wes202-ff-mt{display:none;}
#btn-wes202-ff-mt-gk{display:none;}


#wes205-ff-white{display:block;}
#wes205-ff-wh_picture{display:block;}
#btn-wes205-ff-wh{display:block;}
#btn-wes205-ff-wh-gk{display:block;}

#wes205-ff-black{display:none;}
#wes205-ff-bk_picture{display:none;}
#btn-wes205-ff-bk{display:none;}
#btn-wes205-ff-bk-gk{display:none;}

#wes205-ff-navyblue{display:none;}
#wes205-ff-nb_picture{display:none;}
#btn-wes205-ff-nb{display:none;}
#btn-wes205-ff-nb-gk{display:none;}

#wes205-ff-mint{display:none;}
#wes205-ff-mt_picture{display:none;}
#btn-wes205-ff-mt{display:none;}
#btn-wes205-ff-mt-gk{display:none;}


#wes206-ff-white{display:block;}
#wes206-ff-wh_picture{display:block;}
#btn-wes206-ff-wh{display:block;}
#btn-wes206-ff-wh-gk{display:block;}

#wes206-ff-black{display:none;}
#wes206-ff-bk_picture{display:none;}
#btn-wes206-ff-bk{display:none;}
#btn-wes206-ff-bk-gk{display:none;}

#wes206-ff-navyblue{display:none;}
#wes206-ff-nb_picture{display:none;}
#btn-wes206-ff-nb{display:none;}
#btn-wes206-ff-nb-gk{display:none;}

#wes206-ff-mint{display:none;}
#wes206-ff-mt_picture{display:none;}
#btn-wes206-ff-mt{display:none;}
#btn-wes206-ff-mt-gk{display:none;}


/* WES203 D1 SOLID */
#wes203-white{display:block;}
#wes203-wh_picture{display:block;}
#btn-wes203-wh{display:block;}
#btn-wes203-wh-gk{display:block;}

#wes203-black{display:none;}
#wes203-bk_picture{display:none;}
#btn-wes203-bk{display:none;}
#btn-wes203-bk-gk{display:none;}

#wes203-gray{display:none;}
#wes203-gr_picture{display:none;}
#btn-wes203-gr{display:none;}
#btn-wes203-gr-gk{display:none;}

#wes203-navyblue{display:none;}
#wes203-nb_picture{display:none;}
#btn-wes203-nb{display:none;}
#btn-wes203-nb-gk{display:none;}

#wes203-mint{display:none;}
#wes203-mt_picture{display:none;}
#btn-wes203-mt{display:none;}
#btn-wes203-mt-gk{display:none;}

/* WES204 D1 SOLID */
#wes204-white{display:block;}
#wes204-wh_picture{display:block;}
#btn-wes204-wh{display:block;}
#btn-wes204-wh-gk{display:block;}

#wes204-black{display:none;}
#wes204-bk_picture{display:none;}
#btn-wes204-bk{display:none;}
#btn-wes204-bk-gk{display:none;}

#wes204-gray{display:none;}
#wes204-gr_picture{display:none;}
#btn-wes204-gr{display:none;}
#btn-wes204-gr-gk{display:none;}

#wes204-navyblue{display:none;}
#wes204-nb_picture{display:none;}
#btn-wes204-nb{display:none;}
#btn-wes204-nb-gk{display:none;}

#wes204-mint{display:none;}
#wes204-mt_picture{display:none;}
#btn-wes204-mt{display:none;}
#btn-wes204-mt-gk{display:none;}

/* WES205 D3 SLIM */
#wes205-white{display:block;}
#wes205-wh_picture{display:block;}
#btn-wes205-wh{display:block;}
#btn-wes205-wh-gk{display:block;}

#wes205-black{display:none;}
#wes205-bk_picture{display:none;}
#btn-wes205-bk{display:none;}
#btn-wes205-bk-gk{display:none;}

#wes205-navyblue{display:none;}
#wes205-nb_picture{display:none;}
#btn-wes205-nb{display:none;}
#btn-wes205-nb-gk{display:none;}

#wes205-mint{display:none;}
#wes205-mt_picture{display:none;}
#btn-wes205-mt{display:none;}
#btn-wes205-mt-gk{display:none;}

/* WES206 D3 SLIM */
#wes206-white{display:block;}
#wes206-wh_picture{display:block;}
#btn-wes206-wh{display:block;}
#btn-wes206-wh-gk{display:block;}

#wes206-black{display:none;}
#wes206-bk_picture{display:none;}
#btn-wes206-bk{display:none;}
#btn-wes206-bk-gk{display:none;}

#wes206-navyblue{display:none;}
#wes206-nb_picture{display:none;}
#btn-wes206-nb{display:none;}
#btn-wes206-nb-gk{display:none;}

#wes206-mint{display:none;}
#wes206-mt_picture{display:none;}
#btn-wes206-mt{display:none;}
#btn-wes206-mt-gk{display:none;}

.product-box p span {line-height:20px;}


.box-btn{border:2px solid #24577D;width:100%;}
.box-btn:hover{background-color:#949494 !important;border-color:#949494 !important;}

.prod-btn {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    transition: all .3s ease;
    font-size: 14px;
    line-height: 1.9em;
    font-weight: 600;
    margin-bottom: 25px;
    width:100% !important;
}
.prod-btn a {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 16px 0 !important;
    width: 100%;
}

.txt-bold a.mega-menu-link {font-weight: bold !important;}

.display-none {display:none;}

.blog-box .vc_grid-item {height:750px;margin:20px 0;}

.vc_grid-item a img{border-bottom-left-radius: 25px 25px;border-bottom-right-radius: 25px 25px;height:370px;}
.vc_gitem-zone{height:400px;}
.vc_gitem_row .vc_gitem-col{padding:25px !important;}

.tags{
    float:left;
    margin: 0 0 40px 0;
}

.tags a {border:none !important;pointer-events: none!important;cursor:default!important;padding:0 12px 0 0 !important;text-decoration: none!important;}

.flexslider {background: none !important; border: none !important;}
#mega-menu-wrap-primary {background-color: transparent !important}
.navbar, .navbar-transparent, .navbar-transparent, .navbar-transparent-light {background-color: #24577D !important}
.burger-menu {margin:0 !important;}
.heading.color-second .header {color: #9dacc8 !important;}
#block-footer {background-color:#24577D !important;background:#24577D !important;}
footer{background-color:#24577D !important;}

.text-page table tbody td {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.text-page table tbody td:first-child, .text-page table tbody th:first-child {
    border-left: 0;
}

.text-page table td{
    padding: 10px 10px;
    font-size: 14px;
}

.table-img {display:block;margin:0 auto;}
.table-spec-head {font-size:16px;font-weight:600;text-align:center;line-height:16px;}
.color-pantone {color:#24577D;}
.color-gray {color:gray;}

    .green-diode-mobile {
        animation: blinker 1s linear infinite;
        height: 40px;
        width: 40px;
        background-color: #62ff00;
        border-radius: 50%;
        display: inline-block;
        filter: blur(4px);
        position: absolute;
        z-index: 9;
    }

    .green-diode-large {
        animation: blinker 1s linear infinite;
        height: 70px;
        width: 70px;
        background-color: #62ff00;
        border-radius: 50%;
        display: inline-block;
        filter: blur(4px);
        position: absolute;
        z-index: 9;
    }

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

    .futureflow-counter {
        position: absolute;
        right: 15px;
        
    }

    .green-diode {
        animation: blinker 1s linear infinite;
        height: 16px;
        width: 16px;
        background-color: #62ff00;
        border-radius: 50%;
        display: inline-block;
        filter: blur(2px);
        position: absolute;
        right: 103px;
        z-index: 9;
    }
    
@media (max-width: 767px){ .displaynone-mobile {display:none !important;} }

@media (min-width: 1600px) {
    .futureflow-counter {
        top: 300px !important;
    }
    .green-diode {
        top: 329px !important;
    }
    .green-diode-large {
        right: 520px !important;
        top: 120px !important;
        height: 60px !important;
        width: 60px !important;
    }
}

@media (min-width: 1024px) {
    .green-diode-large {
        right: 420px;
        top: 135px;
        height: 60px;
        width: 60px;
    }
    .coffeefilter-box {width:24%;}
}

@media (min-width: 768px) {
    .displaynone-desktop {display:none !important;}
    .product-box {padding: 20px;}
     #mega-menu-wrap-max_mega_menu_4 #mega-menu-max_mega_menu_4>li.mega-menu-item {margin: 0 6px 0 0 !important;}
     .green-diode-large {
        right: 250px;
        top: 75px;
        height: 50px;
        width: 50px;
    }
    .colot-pantone .color-gray {font-size: 14px;}
    table td {font-size: 14px;}
}

@media (min-width: 425px) {
    .green-diode-mobile {
        left: 160px !important;
        top: 150px !important;
    }
}

@media (min-width: 375px) {
    .green-diode-mobile {
        left: 115px;
        top: 116px;
    }
}

@media (min-width: 320px) {
    
    .logo img {margin-left: 20px;}
    
    ul.cnss-social-icon {
    text-align: left !important;
    margin-left: 30px !important;
    }
    .displaynone-desktop {display:block;}
    .product-box {padding: 20px 30px;}
    
    .futureflow-counter {
        top: 210px;
    }
    .green-diode {
        top: 239px;
    }
    .green-diode-mobile {
        left: 100px;
        top: 100px;
    }
    .colot-pantone .color-gray {font-size: 11px;}
    table td {font-size: 11px;}
    .coffeefilter-box {width:48%;}
}