/*
    main block
 */
.tebim-home-box {
    /*padding-top: 50px;*/
    background: #F6F5F4;
}

@media screen and (max-width: 992px) {
    .tebim-home-box {
        padding-top: 0;
    }
    .tebim-split {
        margin-top: 40px;
        margin-bottom: 0 !important;
    }
}

/*
    performance: pozwól przeglądarce pomijać layout/paint dla bloków poza
    ekranem (mniej pracy przy pierwszym renderze długiej strony głównej,
    zwłaszcza gdy jest wiele boksów produktowych). contain-intrinsic-size to
    przybliżona wysokość boksu zanim wejdzie w viewport — zapobiega skokom
    layoutu przy scrollu.
    .why-dermatic pominięty celowo: to blok domyślnie na pozycji 0 (patrz
    Installer::installSeeds), czyli zwykle pierwszy nad zakładką — nie chcemy
    opóźniać jego pierwszego renderu/LCP.
 */
.tebim-columns,
.tebim-banner,
.tebim-items-grid,
.tebim-html-block,
.tebim-products,
.tebim-cti,
.tebim-split,
.tebim-module-ref,
.tebim-about-us,
.ps-featuredproducts,
.tebim-featuredproducts1,
.tebim-featuredproducts2,
.tebim-newproducts,
.tebim-newcourses__outer,
.facial-treatments,
.newestposts,
.premium-club-cta {
    content-visibility: auto;
    contain-intrinsic-size: auto 500px;
}

/*
    block columns
 */
.tebim-columns {
    margin-bottom: 40px;
}
.tebim-columns .tebim-columns__item {}
.tebim-columns .tebim-columns__item .tebim-columns__image {
    text-align: center;
    height: 40px;
}
.tebim-columns .tebim-columns__item .tebim-columns__image img {
    max-width: 38px;
    max-height: 38px;
    margin: 0 auto;
}
.tebim-columns .tebim-columns__item .tebim-columns__heading {
    display: block;
    text-align: center;
    font-weight: 700;
    margin: 20px 0;
}
.tebim-columns .tebim-columns__item a {
    margin: 0 auto !important;
    display: block;
    width: 50%;
    text-align: center;
    text-decoration: underline;
    font-size: 13px;
}

/*
    block banners
 */
.tebim-banner {
    margin-bottom: 40px;
    padding: 25px 0;
}
.tebim-banner .tebim-banner__row {
    justify-content: space-between !important;
}
@media screen and (max-width: 992px) {
    .tebim-banner .tebim-banner__row {}
    .tebim-banner .tebim-banner__row .tebim-banner__item {
        width: 100%;
        flex: 0 1 100% !important;
        margin-top: 15px;
    }
    .tebim-banner .tebim-banner__row .tebim-banner__item:first-child {
        margin-top: 0 !important;
    }
    .tebim-banner > .container {
        /*padding: 0 !important;*/
    }
}


/*
    block items grid
 */
.tebim-items-grid {
    margin-bottom: 40px;
}
.tebim-items-grid-box {
    padding: 25px;
}

/*
    block html
 */
.tebim-html-block {
    margin-bottom: 40px;
}
.tebim-html-block .container {
    padding: 15px;
    text-align: center;
    font-weight: 700;
}
.tebim-html-block .container p {
    margin-bottom: 0;
}

/*
    default elements
 */
.bg-black {
    background: #000;
    color: #fff;
    text-align: center;
}

/*
    block products
 */
.tebim-products .product-miniature__infos .product-miniature__title_under .listing_product_features {
    min-height: 200px !important;
}
.tebim-home-box .tebim-products {
    margin-bottom: 40px;
    padding-bottom: 25px;
    padding-top: 25px;
}
.tebim-home-box .tebim-products .header-box {
    padding: 25px 0 0;
}
.tebim-home-box .tebim-products .header-box a.btn-show-more {
    border-left: 1px solid #DEDEDE;
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
    text-decoration: underline;
    font-weight: 400;
    font-size: 14px;
}
.tebim-home-box .tebim-products .grid_product {
    padding: 25px 0px 15px 20px;
}
.tebim-home-box .tebim-products .tebim-products__banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (min-width: 1440px) and (max-width: 1600px) {
    .tebim-home-box .tebim-products .tebim-products__banner img {
        width: auto;
        height: 100%;
        object-fit: cover;
        max-width: 310px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .tebim-home-box .tebim-products .tebim-products__banner img {
        width: auto;
        height: 100%;
        object-fit: cover;
        max-width: 310px;
    }
}
.tebim-home-box .tebim-products .product-miniature__infos__bottom {
    padding-bottom: 20px;
}
.tebim-home-box .tebim-products .grid_product .product-miniature__prices.d-none {
    min-height: 77px;
}
.tebim-home-box .tebim-products .grid_product .product-miniature__link .product-flags {
    left: -10px !important;
}

.tebim-products__banner,
.tebim-products__swiper-wrap2 {
    height: 100%;        /* kluczowe */
    display: flex;       /* aby dzieci nie zapadały się */
    flex-direction: column;
}
.tebim-products__swiper {
    height: 100%;
}
.tebim-products__banner picture,
.tebim-products__banner img {
    /*height: 100%;*/
    width: 100%;
    /*object-fit: cover; !* lub contain, zależnie od efektu *!*/
}
.tebim-products__banner {
    /*aspect-ratio: 1 / 1; !* lub 4/3, 16/9 *!*/
}
.tebim-products__row .swiper-slide .product-miniature__infos__top > a {
    min-height: 60px;
    display: block;
}
.tebim-products__row .grid_product .product__features {
    margin-bottom: 0 !important;
}
.tebim-products__row .grid_product .product__features .attrdesc {
    font-size: 13px;
}
@media screen and (min-width: 992px) and (max-width: 1240px) {
    .has-banners-1 .tebim-products__swiper-wrap {
        grid-column: span 2 !important;
    }
    .has-banners-1 .tebim-products__row {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .has-banners-2 .tebim-products__swiper-wrap {
        grid-column: span 2 !important;
    }
    .has-banners-2 .tebim-products__row {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .tebim-products__banner img {
        width: 100%;
        max-width: 340px;
    }
}
@media screen and (min-width: 1240px) and (max-width: 1400px) {
    .has-banners-1 .tebim-products__swiper-wrap {
        grid-column: span 3 !important;
    }
    .has-banners-1 .tebim-products__row {
        grid-template-columns: repeat(4, 1fr) !important;
    }
    .has-banners-2 .tebim-products__swiper-wrap {
        grid-column: span 2 !important;
    }
    .has-banners-2 .tebim-products__row {
        grid-template-columns: repeat(4, 1fr) !important;
    }

}
@media screen and (max-width: 992px) {
    .tebim-products .tebim-products__row {
        display: flex;
        flex-direction: column;
    }
    .tebim-products .grid_product .product-miniature__title {
        min-height: 50px !important;
    }
    .tebim-home-box .tebim-products .grid_product {
        min-height: 685px;
    }
    .tebim-home-box .tebim-products {
        padding-bottom: 0 !important;
        margin-bottom: 0;
    }
    .tebim-home-box .grid_product .product-miniature__infos__top {
        min-height: 338px;
    }
    .tebim-products__row .swiper-slide {
        min-height: 895px;
    }
    .tebim-products__row .swiper-slide > .row > .col-12 > .row.h-100 > .col-12.col-lg-8 {
        padding-right: 0;
    }
    .tebim-products__row .swiper-slide .product-miniature__infos__top > a {
        min-height: 115px;
        display: block;
    }
    .tebim-products__row .swiper-slide .product-miniature__infos__top .product-miniature__title_under .product-miniature_mobile_under:nth-child(2) {
        min-height: 110px;
    }
    .tebim-products .product-miniature__infos .product-miniature__title_under .listing_product_features {
        min-height: 260px !important;
    }
    .tebim-products .tebim_art .product_miniature_bottom_wrapper {
        min-height: 40px;
    }
    .tebim-products #product-features {
        padding-right: 0;
    }
    .tebim-products .product-miniature__infos__bottom.no-available-product {
        min-height: 60px;
    }
}

/*
    block column text / image
 */
.tebim-cti {
    margin-bottom: 40px;
}
.tebim-cti .tebim-cti__item {
    justify-content: center;
    align-items: center;
    display: flex;
}
.tebim-cti .tebim-cti__item img {
    max-width: 90%;
}

.tebim-split__left {
    position: relative;
    /*min-height: 320px; */
}
.tebim-split__banner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 320px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
.tebim-split__banner-inner { position: relative; z-index: 1;}
.tebim-split__banner-content { margin-bottom: 16px; }
.tebim-split__banner-content strong { font-size: 3rem; line-height: 1; }
.tebim-split__banner-inner .tebim-split__banner-image img {
    width: 100%;
}

.tebim-split__right {
    position: relative;
    height: 100%;
    /*min-height: 320px; */
    background: #ff5c00;
}
.tebim-split__carousel { position: relative; height: 100%; }
.tebim-split__slide { display: none; flex-direction: column; height: 100%; }
.tebim-split__slide.is-active { display: flex; }
.tebim-split__slide-image {
    flex: 1 1 55%; overflow: hidden;
    height: 301px;
    background: #fff;text-align: center;
}
.tebim-split__slide-image img { width: 100%; height: 100%; object-fit: cover; display: block;margin: 0 auto; }
.tebim-split__slide-content {
    flex: 1 1 45%;
    padding: 50px 28px 25px;
    color: #fff;
    height: auto;
    /*min-height: 222px;*/
}
.tebim-split__slide-heading { color: #fff; font-weight: 700; margin-bottom: 8px; }
.tebim-split__slide-link { color: #fff; text-decoration: underline; display: inline-block; margin-top: 8px; }
.tebim-split__slide > a {
    margin: 0;
    padding: 0;
}
.tebim-split__slide-text {
    min-height: 70px;
}

.tebim-split__dots {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 6px;
    z-index: 2;
}
.tebim-split__dot {
    width: 8px; height: 8px; padding: 0; border: none; border-radius: 50%;
    background: rgba(255,255,255,.6); cursor: pointer; transition: width .2s, border-radius .2s;
}
.tebim-split__dot.is-active { width: 22px; border-radius: 4px; background: #fff; }

.tebim-split__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border: 1px solid #D8D8D8;
    /*border-radius: 50%;*/
    background: rgba(255,255,255,.5);
    color: #D8D8D8;
    cursor: pointer;
    top: 160px;
}
.tebim-split__arrow:hover { background: rgba(255,255,255,.8); }
.tebim-split__arrow--prev { left: 12px; }
.tebim-split__arrow--next { right: 12px; }
.tebim-split__arrow:after {
    font-family: swiper-icons;
    font-size: 16px;
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important;
    font-weight: 700;
}
.tebim-split__arrow--prev svg {
    rotate: 180deg;
}

@media screen and (min-width: 600px) and (max-width: 992px) {
    .tebim-split__slide-image {
        height: auto;
    }
    .tebim-split__dots {
        top: 63% !important;
    }
}
@media screen and (max-width: 600px) {
    .tebim-split__slide-image {
        height: 181px;
        text-align: center;
        background: #fff;
    }
    .tebim-split__slide-image img {
        height: 181px;
        width: auto;
        margin: 0 auto;
        max-height: 181px;
    }
    .tebim-split__slide-content {
        padding-top: 35px;
    }
    .tebim-split__grid .tebim-split__slide {
        /*display: block !important;*/
    }
}

@media (max-width: 767px) {
    .tebim-split__grid { grid-template-columns: 1fr !important; }
    .tebim-split__banner-inner {
        padding: 0 !important;
    }
    .tebim-split__banner-inner img {
        width: 100%;
    }

    .tebim-split__dots {
        top: 52% !important;
    }
    .tebim-split__left {
        min-height: 10px !important;
    }
    .tebim-split__banner {
        min-height: 10px !important;
        margin-bottom: 16px;
    }
    .tebim-cti .tebim-cti__item img {
        max-width: 100%;
    }
}

/*
    BLOCK SPLIT
 */
.tebim-split {
    margin-bottom: 40px;
}
.tebim-split .tebim-split__dot {
    background: #000;
}
.tebim-split .tebim-split__dots {
    top: 61%;
    z-index: 10;
}
@media screen and (min-width: 992px) and (max-width: 1400px) {
    .tebim-split__slide-image {
        height: 50%;
        min-height: 50%;
    }
    .tebim-split .tebim-split__dots {
        top: 53%;
    }
}
@media screen and (max-width: 992px){
    .tebim-split__grid {
        display: block !important;
    }
    .tebim-split__left.showModalWidget {
        margin-bottom: 40px;
    }
}

/*
    BLOCK module
 */
.tebim-module-ref {
    margin-bottom: 40px;
}

/*
    global class
 */
.whiteBackground .container {
    background: #fff;
}
.whiteMainBackground {
    background: #fff;
}
.showModalWidget {
    cursor: pointer;
    background: #ff5c00;
}
.nav-link--badge-hurton {
    background-color: #028bcf;
    color: #fff;
}
.hurtonBackground {
    background: #028bcf;
}
.hurtonColor {
    color: #028bcf;
}
a.nav-link--badge-hurton {
    background-color: #028bcf;
    color: #fff !important;
}
a.nav-link--badge-eltrox {
    background-color: #ff5c00;
    color: #fff !important;
}
a.nav-link-text-hurton {
    color: #028bcf !important;
}

/*
    swiper button
 */
.tebim-products__swiper-wrap .swiper-button-prev, .tebim-items-grid .swiper-button-prev, .tebim-module-ref .swiper-button-prev {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #D8D8D8;
    color: #D8D8D8;
    font-size: 14px;
    padding: 10px 15px;
}
.tebim-products__swiper-wrap .swiper-button-next, .tebim-items-grid .swiper-button-next, .tebim-module-ref .swiper-button-next {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #D8D8D8;
    color: #D8D8D8;
    font-size: 14px;
    padding: 10px 15px;
}

.swiper-button-prev-brand {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #D8D8D8;
    color: #D8D8D8;
    font-size: 14px;
    padding: 10px 15px;
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    z-index: 10;
}
.swiper-button-prev-brand svg {
    rotate: 180deg;
}

.swiper-button-next-brand {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #D8D8D8;
    color: #D8D8D8;
    font-size: 14px;
    padding: 10px 15px;
    left: auto;
    right: 25px;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    z-index: 10;
}
.swiper-button-next-brand svg {

}

/*
    tebim recommendation
 */
.tebimrecomendactions_header {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
}
.tebimrecomendactions_header .tebimrecomendactions_title {
    margin-bottom: 25px !important;
}
.tebimrecomendactions_header .swiper-buttons {
    width: 100px;
}
.tebimrecomendactions_header .swiper-buttons .swiper-button-prev {
    left: 0;
    float: left;
    position: relative;
    padding: 10px 15px !important;
}
.tebimrecomendactions_header .swiper-buttons .swiper-button-next {
    right: 0;
    left: auto;
    float: right;
    top: 0;
    position: relative;
    padding: 10px 15px !important;
}
.tebimrecomendactions_header .swiper-buttons > div {
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    display: block;
    margin: 0;
}
.tebim-module-ref .tebimrecomendactions_wrapper {
    padding-top: 40px !important;
}
.tebim-module-ref .tebimrecomendactions_title span {
    text-decoration: none !important;
}

/*
    blog module
 */
#phblogcustomblock {
    padding: 0 !important;
}
#phblogcustomblock .simpleblog_header {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px !important;
}
#phblogcustomblock .swiper-buttons {
    width: 100px;
}
#phblogcustomblock .swiper-buttons .swiper-button-prev {
    left: 0;
    float: left;
    position: relative;
    padding: 13px 23px 10px 15px !important;
}
#phblogcustomblock .swiper-buttons .swiper-button-next {
    right: 0;
    left: auto;
    float: right;
    top: 0;
    position: relative;
    padding: 13px 23px 10px 15px !important;
}
#phblogcustomblock .swiper-buttons > div {
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    display: block;
    margin: 0;
}

#phblogcustomblock .simpleblog_header_top a {
    font-size: 14px;
    text-decoration: underline;
    border-left: 1px solid #DEDEDE;
    padding-left: 15px;
    margin-left: 15px;
    font-weight: 400;
}
#phblogcustomblock .simpleblog_header_top {
    display: flex;
    font-size: 1.875rem;
}

/*
    strefa marek
 */
.tebim-module-ref .tebimbrands_header_wrapper{
    padding-left: 35px;
}
.tebim-module-ref .tebimbrands_header {
    font-size: 1.875rem;
}

/*
    ps_imageslider
 */
#home-slider .swiper-pagination-slider-wrapper {
    padding-left: 55px;
    padding-right: 50px;
}
#home-slider .swiper-pagination-slider-wrapper .swiper-pagination-slider {
    overflow: hidden !important;
}
#home-slider .swiper-button-prev.swiper-button-prev-imgslider {
    top: auto;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    /*border: 2px solid #000;*/
    color: #c1c1c1;
    font-size: 14px;
    left: 0;
    height: 60px;
    padding: 13px;
}
#home-slider .swiper-button-prev.swiper-button-prev-imgslider:after {
    font-size: 16px;
    color: #c1c1c1;
    font-weight: 700;
}

#home-slider .swiper-button-next.swiper-button-next-imgslider {
    top: auto;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    /*border: 2px solid #000;*/
    color: #c1c1c1;
    font-size: 14px;
    right: 1px;
    height: 60px;
    padding: 13px;
}
#home-slider .swiper-button-next.swiper-button-next-imgslider:after {
    font-size: 16px;
    color: #c1c1c1;
    font-weight: 700;
}

#home-slider .swiper-pagination-slider-wrapper {
    overflow-x: auto;
    white-space: nowrap;
}
#home-slider .swiper-pagination-slider {
    display: inline-flex !important;
    justify-content: space-between !important;
    width: 100% !important;
}
#home-slider .swiper-pagination-slider-wrapper .swiper-pagination-slider .homepagination {
    font-weight: 500 !important;
}
.tebimoffer_wrapper .swiper-button-prev, .tebimoffer_wrapper .swiper-button-next {
    border: 1px solid #D8D8D8 !important;
    color: #D8D8D8 !important;
    background: rgba(255, 255, 255, 0.5) !important;
}

@media screen and (max-width: 992px) {
    .swiper-button-prev-imgslider, .swiper-button-next-imgslider {
        display: none !important;
        visibility: hidden;
    }
}

/*
    simple block
 */
.tebim-module-ref #phblogcustomblock2 .simpleblog_home_item {
    background: #fff !important;
}

@media screen and (max-width: 992px) {
    #phblogcustomblock2 .swiper-pagination {
        display: none !important;
    }
}

/* old */

.header-top-desktop {
    padding: 25px 0;
}
.header-top {
    box-shadow: none !important;
}

.header-bottom__row > * {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 20%;
}

.tebimoffer_container::after {
    background: none !important;
}
.tebimoffer_header {
    padding: 10px 0;
}
.tebimoffer_item_txt {
    font-size: 14px !important;
}
.tebimoffer_item {
    border: none !important
}
.tebimoffer_list {
    border: none !important;
}
.tebimoffer_item:hover {
    box-shadow: none !important;
}

.home-slider-slide {
    background-position: center;
}

@media screen and (max-width: 992px) {
    #_mobile_menu .custom_hamburger_element {
        width: 25px;
    }
    #_mobile_menu .custom_hamburger_element.center {
        width: 15px;
    }
    .header .header-top-desktop {
        height: auto;
        max-height: 100px;
    }
}

.header.in {
    z-index: 1040 !important;
}