@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
*{
    --bs-gutter-x: 1rem !important;
    --heightProdPicture: 240px;
    --marginProdCardElement: 40px;
    --marginModule: 80px;
    --bs-link-hover-color: #068fd7;
    --bs-dropdown-link-active-color: #333;
    --box-shadow: 0px 1rem 1rem -4px #33333314;
    --brand-tile: 261px;
    --radiusBs: calc(0.375rem - 1px);
    --deliver-padding: 136px;
    --colorRed: #CC3636;
    --colorDarkBlue: #06CFD6;
    --grayBorder: #e0e0e0;
    --grayBackground: #F2F2F2;
    --contrastGray: #494949;
    --contrastGrayLight: #C8C8C8;
    --contrastGreen: #00ff1f;
    --contrastRed: #ff1010;
    --strong-box-shadow: 0px 0px 10px 0 #0000008f;
    --colorCover: #000
}
body[data-contrast="true"] *{
    --colorRed: #ff0000 !important;
    --colorDarkBlue: #24FFFB;
    --bs-link-hover-color: var(--colorDarkBlue)
}
.px0{
    padding-left: 0;
    padding-right: 0
}
.mt40{
    margin-top:40px
}
.ml40{
    margin-left: 40px
}
.mr40{
    margin-right: 40px
}
.mb40{
    margin-bottom: 40px
}
.pt40{
    padding-top:40px
}
.pl40{
    padding-left: 40px
}
.pr40{
    padding-right: 40px
}
.pb40{
    padding-bottom: 40px
}
.p40{
    padding: 40px !important
}
.p0{
    padding: 0
}
.mt1rem{
    margin-top: 1rem
}
.mt2rem{
    margin-top: 2rem
}
.mb1rem{
    margin-bottom: 1rem
}
.mr1rem{
    margin-right: 1rem
}
.ml1rem{
    margin-left: 1rem
}
.mb0{
    margin-bottom: 0
}
.fg20{
    flex-grow: 20
}
.fs12{
    font-size: 12px
}
.fs14{
    font-size: 14px
}
.br4{
    border-radius: 4px
}
.pl0{
    padding-left: 0
}
.pr0{
    padding-right: 0
}
.prem24{
    padding: 1.5rem
}
.bgwhite{
    background-color: #ffff
}
.uhover:hover{
    text-decoration: underline
}
.pointer{
    cursor: pointer
}
a{
    text-decoration: none
}
a:hover{
    color: unset
}
body.start section{
    background-color: #FAFAFA
}
body[data-contrast="true"].start section{
    background-color: #494949
}
.resetElem{
    border: 0;
    background-color: transparent
}
.resetElem:focus{
    outline: none
}
.resetElem:active{
    outline: none
}
.resetElem :hover{
    outline: none;
    background-color: transparent;
    border: 0
}
.resetElem *{
    border: 0;
    background-color: transparent
}
.resetElem *:focus{
    outline: none
}
.resetElem *:active{
    outline: none
}
.resetElem *:hover{
    outline: none;
    background-color: transparent;
    border: 0
}
.hidden{
    display: none !important
}
.contentWidth{
    max-width: 1640px;
    width: 100%
}
a{
    color: #333
}
a:hover{
    text-decoration: underline !important
}
.strong{
    font-weight: bold
}
input[type='text'],input[type='email']{
    font: normal normal normal 14px/22px Poppins
}
input[type='text']:focus,input[type='email']:focus{
    outline: none
}
body{
    background:#FAFAFA;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    color: #333
}
body>*:not(.fullWidth){
    max-width: 1640px
}
.logo{
    position: relative
}
.logo h1{
    padding: 0;
    margin: 0;
    font-size: 0
}
.navMain{
    padding:40px 0 17px 0;
    background: #fff;
    border-bottom:1px solid #F7F7F7;
    transition: padding-top 0.2s linear 0s, padding-bottom 0.2s linear 0s;
    max-height: 161px;
    box-shadow: 0 10px 8px -10px #0000008f
}
.topMenu{
    margin-top: 11px;
    padding: 0
}
.priceTypes:focus{
    outline: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: 0 !important;
    background-image: none !important
}
header .form-check{
    padding-right: 33.6px;
    align-items: center
}
.form-switch .form-check-input, .form-switch .form-check-input:checked, .form-switch .form-check-input:focus{
    margin: 0 8px;
    border-color: transparent;
    background-color: #FAFAFA;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23068fd7'/%3e%3c/svg%3e");
    box-shadow: none;
    background-size: 11px
}
.headerSearch{
    box-sizing: content-box
}
.searchContainer{
    background:#FAFAFA;
    border-radius: 100px;
    padding: 6.4px 20.8px;
    z-index: 5
}
.searchContainer .btn.show{
    background-color:transparent !important;
    border: 0
}
.bootstrap-select{
    border-radius: 4px
}
.naviBlog .bootstrap-select .dropdown-menu.show,.mainColumn .bootstrap-select .dropdown-menu.show{
    border: 0;
    box-shadow: var(--box-shadow);
    margin-top: 4px !important
}
.mainColumn .bootstrap-select .dropdown-menu.inner{
    padding: 0px 8px;
    font-size: 14px
}
.searchContainer .bootstrap-select>.dropdown-toggle{
    background-color:transparent !important;
    outline: 0 !important;
    border: 0;
    border-radius: 0;
    border-left: 1px solid rgba(51, 51, 51, 0.1);
    border-right: 1px solid rgba(51, 51, 51, 0.1);
    margin-right: 1rem
}
.searchContainer .bootstrap-select{
    width: unset;
    max-width: 116px;
    width:100%
}
.form-switch .form-check-label{
    font-size:14px
}
.dropdown-toggle::after{
    border: 0;
    content: ">" !important;
    color: #333;
    font-weight: 600;
    rotate: -270deg;
    transition: rotate 0.2s linear 0s;
    font-size: 18px;
    vertical-align: middle !important;
    margin-left: 8px;
    border: 0 !important
}
.dropdown-toggle.show::after{
    rotate: -90deg
}
.search-input,.searchContainer .filter-option{
    width: 100%;
    font: normal normal normal 14px/22px Poppins;
    letter-spacing: 0px;
    color: #333;
    padding: 0
}
input.search-input{
    height: 100%
}
.searchContainer .filter-option{
    font-weight: 600
}
#ac_search_results{
    position: absolute;
    width: calc(100% + 1.3rem);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}
#ac_search_results::before{
    content: '';
    width: 80%;
    height: 1px;
    display: block;
    background-color: rgba(6, 143, 215, .5);
    top: 0;
    position: absolute;
    left: 10%
}
.user-menu img[src$='.svg']{
    height:28px
}
img[src="/img/shop/icons/icon-contrast.svg"]{
    max-height:28px
}
.user-menu img[src="/img/shop/icons/icon-contrast.svg"]{
    height:24px;
    z-index: 11;
    position: relative
}
.change-contrast{
    text-align: right
}
.user-menu{
    max-width:316px;
}
.categoriesBrowser .custom-item{
    display:none !important
}
.topMenu > ul > .nav-item:first-of-type a, .topMenu > ul > .nav-item:first-of-type span{
    padding-left: 0
}
.topMenu > ul > .nav-item > a, .topMenu > ul > .nav-item > span{
    font: normal normal 600 16px/24px Poppins;
    color: #333
}
.dropdown-toggle::after{
    vertical-align: unset
}
.user-menu .row{
    --bs-gutter-x: 0
}
.inbasketSummary{
    background-color: var(--bs-link-hover-color) !important;
    font-size: 12px;
    color:#fff
}
.carousel-item:not(.blogItem) a img{
    margin: 0 auto;
    display: block;
    width: 100%
}
.carousel-item .brandItem a img{
    width: unset
}
.carousel-indicators [data-bs-target]{
    background-color: var(--grayBackground);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 1!important
}
.carousel-indicators .active[data-bs-target]{
    background-color: var(--bs-link-hover-color)
}
.carousel-item > .row > *:first-child{
    padding-left: 0
}
.carousel-item > .row > *:last-child{
    padding-right: 0
}
.bannerTitle, h1.longBoxTitle, .longBoxTitle h1{
    position: relative;
    font: normal normal 600 1.5rem/2rem Poppins;
    letter-spacing: 0px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0
}
.banTitle{
    padding-right: 40px;
    order: 1;
    white-space: nowrap
}
.bannerLink{
    text-align:right;
    order: 3;
    white-space: nowrap;
    padding-left: 35px
}
.bannerLink a{
    color: #333;
    text-decoration: none;
    font-weight: 300;
    font-size: 16px
}
.bannerTitle::after{
    width:100%;
    height: 1px;
    background-color: var(--bs-link-hover-color);
    content: '';
    order: 2;
    display: block
}
section[role="banner"]:nth-child(2){
    margin-top:70px
}
section.multiItemCarousel:not(.slider-bestsellers){
    margin-bottom: 45px
}
section.lightBlue{
    background-color: var(--bs-link-hover-color) !important;
    padding: var(--marginProdCardElement) 0;
    margin-bottom: 60px
}
section.lightBlue .banTitle, section.lightBlue .bannerLink a{
    color: #fff
}
.section.lightBlue .bannerTitle::after, section.lightBlue .bannerTitle::after{
    background-color: #fff
}
section[role="banner"]{
    margin-bottom: 80px
}

.lazyimage{
    display:block !important
}
img[src="/img/loading.gif"]{
    width: auto !important;
    height: auto
}
.prodBadge{
    border-radius: 0px 0px 4px 4px;
    font: normal normal 600 12px/26px Poppins;
    width: 86px;
    height: 26px;
    color: #fff;
    display: block;
    text-align: center;
    margin-right: 3px;
    text-transform: capitalize
}
.badgePromo{
    background-color: var(--colorRed)
}
.badgePromo.badgeOutlet, .badgeOutlet{
    background-color: #983ea1
}
.badgeBestseller{
    background-color: var(--colorDarkBlue)
}
.badgeNew{
    background-color:  #333
}
body[data-contrast="true"] .badgeNew{
    background-color:  #828282
}
.prodBadges{
    margin: 0 !important;
    display: flex
}
.prodBadges span:first-child{
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px
}
.prodCard{
    padding: 36px 24px;
    background-color: #FFF;
    border-width: 0
}
.prodPicture{
    margin-bottom: 40px;
    margin-bottom: var(--marginProdCardElement);
    height: 240px;
    height: var(--heightProdPicture);
    justify-content: center;
    padding-bottom: 40px;
    padding-bottom: var(--marginProdCardElement);
    padding: 0;
    padding-top: 40px;
    padding-top: var(--marginProdCardElement);
    box-sizing: content-box;
    overflow: hidden
}
.prodPicture a{
    display: flex;
    align-items: center
}
.prodPicture img{
    max-height: 240px;
    max-height: var(--heightProdPicture);
    border-radius: 0;
    width: auto
}
.prodTitle{
    padding-bottom: 8px;
}
.prodTitle, .prodTitle a{
    font: normal normal 600 1rem/24px Poppins;
    color:#333;
    text-decoration: none;
    margin: 0;
    padding: 0
}
img[src="/img/shop/icons/icon-heart-empty.svg"]{
    height: 28px
}
.prodCard{
    border-radius: 4px;
    width: 100%;
    border-width: 0    
}
.multiItemCarousel .carousel-item > .row{
    justify-content: space-between !important
}
.default-netto{
    display: none
}
.priceBruttoNumber{
    font: normal normal 600 40px/24px Poppins;
}
.priceCurrency{
    font-size: 12px;
    color: #333;
    font-weight: 600
}
section.darkBlue{
    background-color: #0dcaf0 !important;
    padding: 40px 0;
    padding: var(--marginProdCardElement) 0;
    margin-bottom: 45px
}
.darkBlue .banTitle,.darkBlue .bannerLink a{
    color: #fff
}
.oldPrice .netto{
    display: none
}
.oldPrice{
    font: normal normal normal 16px/22px Poppins;
    text-decoration:line-through;
}
.oldPriceContainer{
    margin-bottom: 5px;
    z-index: 2;
}
.infoPop{
    font: normal normal normal 12px/20px Poppins;
    display:inline-block;
    user-select: none;
    cursor: pointer
}
.carousel-control{
    width: 48px;
    height: 48px;
    background-color: #FFF;
    border-radius: 50%;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    opacity: .6;
    top: calc(50% - 24px);
    font-size: 18px;
}
.carousel-control:hover, .carousel-control:focus{
    color: #333;
    text-decoration: none !important
}
.carousel-control-prev{
    left: -64px
}
.carousel-control-next{
    right: -64px
}
.isPromo .default-brutto, .isPromo .default-netto{   
    color: var(--colorRed)
}
.isPromo .default-brutto .priceCurrency{
    color: #333
}
.iPop{
    text-align: center;
    font: normal normal 600 8px/12px Poppins;
    letter-spacing: 0px;
    width: 12px;
    height: 12px;
    border: 1px solid #333;
    display: inline-block;
    border-radius: 50%;
    margin-left: 5px
}
.customPopover{
    border: 0
}
.customPopover .popover-arrow{
    display: none !important;
    box-shadow: var(--box-shadow);
    border-radius: 4px;
}
.multiItemCarousel .carousel-container, .multiItemCarousel .bannerContent{
    max-width: 1680px;
}
.multiItemCarousel .contentWidth.bannerContent{
    padding: 0 1rem 35px 1rem
}
.multiItemCarousel .brandItem{
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 252px
}
.multiItemCarousel .brandItem > div{
    background-color: #fff;
    box-shadow: var(--box-shadow);
    display: flex;
    height: var(--brand-tile);
    width: var(--brand-tile);
    justify-content: center;
    align-items: center
}

.miniBlog .bannerContent{
    display: flex !important;
    justify-content: space-between
}
.miniBlog .blogItem{
    max-width: 400px;
    background-color: #fff;
    border-radius: 4px;
    display: flex
}
.blogCard{
    padding: 0;
    display: flex
}
.blogSmallPicture{
    width: 100%;
    height: 400px;
    align-items: stretch !important;
    justify-content: center;
    overflow: hidden
}
.blogSmallPicture a img{
    height: 100%
}
.blogSmallBody{
    padding: 0 24px 36px 24px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-flow: column
}
.postDate{
    font: normal normal 600 12px/20px Poppins;
    padding: 16px 0 10px 0
}
.blogSmallBody h5{
    margin: 0;
    padding: 0
}
a.postDate{
    text-decoration: none;
    color: #333;
    display: inline
}
.blogSmallMore{
    padding-top: 10px;
    margin-top: auto
}
.postSmallTitle{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-between
}
.isPromoPrice{
    padding-right: 16px
}
.modTitle{
    font: normal normal 600 40px/56px Poppins;
}
#mainContainer img[src$='.svg']:not(.normalSize){
    max-width: 30px
}
.cartSmall form{
    display: flex
}
.cartSmall{
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
.prodCard.not-active-product .cartSmall{
    position: relative;
}
.incDec{
    cursor: pointer
}
.cartIncDec{
    display: flex;
    align-items: center;
    max-width: 100%;
    border-radius: 100px;
    background-color: var(--grayBackground);
    max-width: 120px;
    border: 1px solid var(--grayBorder)
}
.incDec{
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 22px;
    justify-content: center
}
.cartIncDec input[type='text'],.cartIncDec input[type='email']{
    background-color: transparent;
    width: 56px;
    border-width: 0;
    text-align: center;
}
.cartContainer{
    justify-content: space-between;
    width: 100%;
    position: relative
}
.cartSmall form{
    width: 100%
}
.prodPrices{
    margin: 40px 0 18px 0
}
.product-boxes img{
    width: 28px
}
.toCartButton{
    background-color: var(--bs-link-hover-color);
    border-radius: 50%;
    border-width: 0;
    width: 56px;
    height: 56px;
    margin-left: 20px
}
.toCartButton img{
    height: 28px;
    filter: brightness(20);
}
.unitsText{
    margin:0 auto 0 5px;
    font-size: 12px
}
.expirationPromo{
    font: normal normal 600 13px/22px Poppins;
    
    padding-bottom: 8px
    
}
.expirationTime{
    color: var(--colorRed)
}
.newsBox{
    font: normal normal 600 24px/32px Poppins;
    position: relative
}
.newsBox::before{
    background: transparent url(../img/shop/paper-plane.svg) no-repeat left center;
    width: 130px;
    height: 104px;
    display: block;
    position: absolute;
    content: '';
    top: calc(50% - 52px);
    left: -80px;
    opacity: 0.03;
    top: -20px
}
.normalText{
    font: normal normal normal 16px/24px Poppins
}
section[role="banner"]:last-of-type{
    margin-bottom: 0
}
.newsletter{
    background-color: #ffffff;
    z-index: 1;
    position: relative;
    padding-bottom: 80px;
    max-width: 100%;
    margin: 0 auto
}
.newsletter .modTitle{
    padding: 80px 0
}
.blueButton:not(.basket-intro-hide):not(.submit-promo):not(.newWhite):hover:not(.thinButton){
    opacity: 0.8;
    text-decoration: none !important;
    color: #fff
}
.promo-codeInbasket .submit-promo:hover{
    opacity: .8
}
.blueButton{
    background-color: var(--bs-link-hover-color);
    color: #fff;
    border-radius: 100px;
    font: normal normal 600 16px/24px Poppins;
    border-width: 0;
    padding: 12px 26px;
    white-space: nowrap
}
.mergedFields{
    border-radius: 100px;
    background-color: var(--grayBackground);
    border: 1px solid var(--grayBorder)
}
.mergedFields input[type='text'],.mergedFields input[type='email']{
    background-color: transparent;
    border-width: 0;
    padding-left: 42px
}
.newsFormChecks{
    margin-top: 40px
}
.check-container{
    font: normal normal normal 14px/22px Poppins;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: 16px;
    cursor: pointer
}
.check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}
.check-container span:not(.checkmark){
    flex-shrink: 10
}
.checkmark {
    position: relative;
    top: 5px;
    left: 0;
    height: 12px;
    width: 12px;
    border: 1px solid var(--bs-link-hover-color);
    margin-right: 8px
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none
}
.check-container input:checked~.checkmark:after{
    display: block
}
.check-container input:checked~.checkmark {
    background-color: var(--bs-link-hover-color)
}
.radio-button.check-container {
    line-height: 21px
}
.radio-button.check-container .checkmark,.radio-button.check-container input:checked~.checkmark {
    border-radius: 50%
}
.radio-button.check-container input:checked~.checkmark {
    border-width: 2px
}
.radio-button.check-container .checkmark:after {
    display: none
}
footer, footer a, a.productrate{
    color: #ffffffe8;
    text-decoration: none
}
a.productrate:hover{
    opacity: 0.8
}
footer a:hover{
    text-decoration: underline;
    color: #fff
}
footer{
    background-color: #333333;
    padding: 40px 0;
    font: normal normal normal 16px/24px Poppins;
}
.footerLogo{
    width: 200px;
    /*
    filter: invert(1) brightness(2);
    filter: grayscale(1) brightness(1)
    */
    margin-bottom: 30px
}
.someInfos > div:not(.strong){
    margin-top: 24px
}
.footerNavBlock{
    padding: 0;
    margin: 0;
    list-style: none
}
.footerNavBlock li{
    margin: 0;
    margin-bottom: 10px
}
.someInfos{
    padding-left: 0
}
.paymentsAndSocials{
    max-width: 218px;
    width: 100%;
    margin-left: auto;
    padding-right: 0
}
.paymentMethods > .row:not(.strong){
    align-items: center;
    justify-content: space-between
}
.paymentMethods{
    margin-bottom: .5rem;
    justify-content: space-between;
    width: 100%;
    position: relative;
    left: .5rem
}
.paymentMethods img{
    max-width: 50px;
    margin: auto
}
.paymentMethods .col-4{
    width: 70px;
    height: 48px;
    border-width: 0;
    justify-content: center;
    padding: 0 0 0 .5rem
}
.paymentMethods .col-4 > div{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 4px
}
.socialMedia{
    max-width: 144px;
    justify-content: space-between;
    margin: 0 0 0 auto;
    width: 100%
}
.socialMedia img{
    filter: brightness(2);
    width: 32px
}
.socialMedia .col{
    max-width: 32px;
    max-height: 32px
}
.credits{
    align-items: flex-end;
    padding-top: 32px
}
.newsForm{
    max-width: 1088px
}
section.customBanner .bannerContent{
    justify-content: center;
    background-color: #fff
}
section.customBanner .bannerContent img{
    max-width: 100%;
    margin: 0 auto
}
section.customBanner .contentWidth{
    max-width: unset
}
body:not(.users.login).navMain.isSticky .logo{
    width: 60px !important;
    overflow: hidden
}
.navMain.isSticky .topMenu{
    margin-top: -3px;
    order: 2;
    width: auto
}
.navMain.isSticky .user-menu{
    order: 4;
}
.navMain.isSticky .headerSearch{
    order: 3;
    flex-grow: 10
}
.navMain.isSticky .logoContainer{
    order: 1;
    width: auto !important
}
.navMain.isSticky .searchContainer{
    max-width: unset;
    margin: 0 auto
}
.navMain.isSticky{
    padding: 15px 0;
    max-height: 183px
}
#navibar{
    font: normal normal normal 12px/20px Poppins;
    margin: 16px 0 40px 0
}
h1.longBoxTitle, .longBoxTitle h1{
    display: flex
}
h1.longBoxTitle::after,.longBoxTitle h1::after{
    flex: 1 1;
    border-bottom: 1px solid var(--bs-link-hover-color);
    margin: auto;
    content: "";
    margin-left: 40px
}
.leftModLink{
    font-size: 12px;
    cursor: pointer
}
.leftModLink:hover{
    text-decoration: underline
}
.columnLeft{
    font: normal normal normal 14px/22px Poppins;
    padding-left: 0;
    position: relative;
    z-index: 2
}
#mainContent.col-9{
    padding-right: 0
}
.smallModuleHead{
    margin-bottom: 1rem
}
.accordion-item{
    border-width: 0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px
}
.accordion-button{
    font: normal normal normal 14px/22px Poppins;
    padding: 13px 20px;
}
.accordion-button:not(.collapsed),.accordion-button:focus,.accordion-button:active{
    color: unset;
    background-color: #fff;
    box-shadow: none
}
.accordion-button::after{
    content: ">";
    background-image: none !important;
    rotate: -270deg;
    transition: rotate 0.2s linear 0s;
    font-size: 18px;
    vertical-align: middle !important;
    width: unset;
    height: unset;
    font-weight: bold
}
.accordion-button:not(.collapsed)::after{
    rotate: -90deg;
    transform: none
}
.accordion-body{
    padding-bottom: 16px
}
.blueSmall{
    font: normal normal 600 12px/20px Poppins;
    padding: 7px 16px
}
.countedFiltersNumber{
    margin-left: auto
}
.filters-container .check-container{
    margin-bottom: 10px;
}
.filterOps{
    margin-top: 16px
}
.accordion-body label:last-of-type{
    margin-bottom: 0
}
.range-slider{
    margin-top: 30px
}
.ui-slider-horizontal .ui-slider-range{
    height: 4px !important
}
.ui-widget-header{
    background-color: var(--bs-link-hover-color) !important;
    border-radius: 8px
}
.ui-widget.ui-widget-content{
    border-width: 0 !important;
    background: var(--grayBackground);
    height: 4px;
    border-radius: 8px
}
.ui-state-default{
    width: 16px !important;
    height: 16px !important;
    background-color: var(--bs-link-hover-color) !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important
}
.ui-slider-horizontal .ui-slider-handle{
    top: -6px !important
}
.columnLeft input[type=text]{
    border: 1px solid #33333326;
    border-radius: 4px;
    font: normal normal normal 14px/22px Poppins;
    padding: 3px 16px
}
.rangeInput{
    width: 44%;
    position: relative;
}
.rangeInput input{
    width: 100%;
    padding: 3px 30px 3px 16px
}
.rangeInput span{
    position: absolute;
    line-height: 31px;
    right: 16px;
    user-select: none
}
.min-max-range::after{
    content: 'zł';
    display: inline-block;
}
#rangePrice{
    margin-left: 7px;
    margin-right: 6px
}
.blogSorting .bootstrap-select>.dropdown-toggle,.mainColumn .bootstrap-select>.dropdown-toggle.bs-placeholder, .mainColumn .bootstrap-select, .mainColumn .bootstrap-select>.dropdown-toggle:active, .mainColumn .bootstrap-select>.dropdown-toggle:focus, .mainColumn .bootstrap-select>.dropdown-toggle{
    max-width: unset;
    width: 100%;
    background: #fff !important;
    outline: none !important;
    font: normal normal normal 14px/22px Poppins;
    border: none
}
.naviBlog .bootstrap-select>.dropdown-toggle, .mainColumn .bootstrap-select>.dropdown-toggle{
    padding: 13px 24px;
    border-radius: 4px
}
#letColumn input[type=text]:not(.min-max-range){
    width: 100%
}
.blogSorting span.strong, .blogSorting span.strong{
    display: inline-block;
    margin-right: 16px
}
.sorting-stuff{
    margin-right: 40px
}
.dropdown-item.active, .dropdown-item:active{
    background-color: transparent
}
.dropdown-item:hover{
    background-color: var(--grayBackground)
}
.topSorting .bootstrap-select{
    width: auto !important
}
#mainContainer .topSorting img[src$='.svg']{
    max-width: 28px
}
.admin-stuff:hover{
    text-decoration: none !important
}
.catDesc{
    margin-bottom: 40px;
    padding: 20px;
    background-color: #fff;
    border-radius: 4px
}
.closed{
    display: none
}
.admin-stuff.btn-info{
    background-color: #fff;
    border: 1px solid #0dcaf0;
    border-radius: 4px
}
.admin-stuff, a.admin-stuff{
    color: #0dcaf0;
    font-size: 14px
}
.topSorting{
    margin-bottom: 16px
}
.selected-filters{
    flex-wrap: wrap;
    align-items: center
}
.selected-filters > *{
    margin-bottom: .5rem
}
.selected-filter{
    background-color: var(--grayBackground);
    font: normal normal normal 12px/20px Poppins;
    padding: 6px 16px;
    margin-left: 8px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: .5rem
}
.selected-filter:hover{
    text-decoration: line-through
}
.selected-filters div:nth-of-type(2){
    margin-left: 16px;
}
.selected-filters div:nth-last-child(2){
    margin-right: 16px;
}
.selected-filter .selected-value{
    font-weight: 600
}
.selected-filter::after{
    content: '\2716';
    font-family: cursive;
    font-weight: 600;
    display: inline-block
}
.sortingOptions .col-3{
    padding-left: 0
}
.sortingOptions .col-9{
    padding-right: 0;
    margin-left:  auto
}
label[for='RecordFastEditShortdescription']{
    color:#0dcaf0;
}
#RecordFastEditShortdescription{
    border-color: #0dcaf0;
    margin-top: 6px
}
img[src='/img/admin_img/edit.png']{
    display: none
}
[class*='showFastEdit']::before{
    display: inline-block;
    content: '\270D';
    font-size: 20px
}
.RecordFastEditFormpsmall-row input[type='submit']{
    color: #0dcaf0;
    font-size: 14px;
    background-color: #fff;
    border-radius: 0.375rem;
    border: 1px solid #0dcaf0
}
.RecordFastEditFormpsmall-row input[type='submit']:hover{
    color: #333
}
.cartSmall form{
    flex-wrap: wrap
}
.smallAvailbility{
    width: 100%;
    display: flex;
    align-items: center
}
.smallAvailbility, .smallAvailbility b{
    font: normal normal normal 12px/20px Poppins !important
}
.full-stars {
    transition: width .2s linear 0s;
    white-space: nowrap;
    position: absolute
}
.rating-stars .one-star {
    cursor: pointer
}
.rating-sums{
    display: none
}
.rating-stars {
    font-size: 20px;
    color: #FFD571
}
.rating * {
    line-height: 26px
}

.rating-stars .one-star {
    width: 28px;
    text-align: center
}
.productrate > .rating{
    display: inline-block
}
.numOfRateSmall{
    font: normal normal normal 12px/20px Poppins;
    color: #333;
}
.admin-stuff label{
    display: block
}
.admin-stuff div.input{
    max-width: 50%
}
.admin-stuff input[type="text"],.admin-stuff input[type="email"]{
    max-width: 100%;
    border:1px solid #0dcaf0;
    border-radius: 4px
}
.prodCard{
    box-shadow: var(--box-shadow);
    position: relative
}
.recordsContainer{
    padding: 0 4px
}
.smallContainer{
    align-items: stretch;
    display: flex;
    padding-bottom: 1rem
}
.cartSmall .not-active-product-info::before, .smallAvailbility::before{
    display: inline-block;
    content: '';
    background-color: #519259;
    margin-right: 8px;
    border-radius: 50%;
    width: 16px;
    height: 16px
}
.smallAvailbility.availbilityLow::before{
    background-color: var(--colorRed);
}
.smallAvailbility.availbilityMedium::before{
    background-color: #F5A25D;
}
.smallAvailbility.prodAvailableOnRequest::before{
    background-color: var(--bs-link-hover-color);
}
.smallAvailbility.prodUnavailable{
    position: relative;
    margin-bottom: 56px
}
.cartSmall .not-active-product-info::before, .smallAvailbility.prodUnavailable::before{
    border: 2px solid #333;
    background-color: transparent;
    font-weight: 600;
    width: 16px;
    height: 16px;
    border-radius: 50%
}
.cartSmall .not-active-product-info::after, .smallAvailbility.prodUnavailable::after{
    width: 2px;
    background-color: #333;
    height:16px;
    content:'';
    display: block;
    position: absolute;
    left: 7px;
    transform: rotate(-45deg);
}
.cartSmall .not-active-product-info{
    font: normal normal normal 12px/20px Poppins !important;
    align-items: center;
    display: flex;
    position: relative
}
.prodCard.not-active-product .smallAvailbility{
    margin-bottom: 56px
}
.prodCard.not-active-product .prodPicture, .prodCard.not-active-product .prodPrices, .prodCard.not-active-product .prodTitle, .prodCard.not-active-product .prodBadges{
    opacity: 0.5;
    
}
body.categories .mainColumn > section.customBanner{
    max-width: 1640px;
    margin: 0 auto;
    margin-bottom: 40px
}
body.categories .mainColumn > section.customBanner .bannerContent{
    padding: 20px
}
.columnLeft > section[role="banner"]{
    margin-top: 40px;
    overflow: hidden
}

.bottomBanners section.multiItemCarousel{
    background-color: var(--grayBackground);
    padding: 80px 0
}
.callForIt{
    font-size: 26px;
    top: 18px;
    right:16px;
    position: absolute;
    cursor: pointer
}
.callForIt:hover img{
    filter: blur(.6px);
}
.callForIt img{
    width: 28px
}
.bottomSorting{
    margin: 40px 0 80px 0;
    font: normal normal normal 14px/22px Poppins;
    justify-content: space-between
}
.bottomSorting > *{
    flex: 0 0 auto
}
.bottomSorting .paging > span{
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 6px
}
.bottomSorting .paging > span.current{
    height: 32px;
    font-weight: 600
}
.bottomSorting .paging > span.disabled{
    display: none
}
.bottomSorting .paging > span.current::after{
    background-color: var(--grayBackground);
    width:32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    content: '';
    display: block;
    z-index: -1;
    top:-4px;
    left: 0;
}
.bottomSorting .paging > span.next{
    margin-left: 8px;
    margin-right: 0
}
.bottomSorting .paging > span.prev{
    margin-right: 8px;
    margin-left: 0;
}
.bottomSorting .paging > span a[rel="last"]::before{
    content: '...\00a0\00a0';
    display: inline-block;
}
.recordsPerPage .bootstrap-select, .recordsPerPage button{
    max-width: 104px !important;
    margin-left: 16px
}
.bootstrap-select > div.dropdown-menu{
    transform: unset !important;
    left: 0 !important;
    top: 100% !important
}
.bootstrap-select>.dropdown-toggle:after{
    margin-top: unset !important
}
.shortDesc{
    display: none;
}
body:not([data-viewmode="tiles"]) .recordsContainer .col-4.smallContainer{
    width: 100% !important
}
#mainContent:not(.blogContent) .pictureContainer, body:not([data-viewmode="tiles"]) .recordsContainer .pictureContainer{
    max-width: 236px;
    position: static !important
}
body:not([data-viewmode="tiles"]) .recordsContainer .prodCard{
    position: relative;
    flex-direction: row;
    justify-content: space-between
}
#mainContent:not(.blogContent) .p-wishlist, body:not([data-viewmode="list"]) .recordsContainer .p-wishlist{
    top: 40px;
    right: 40px;
    position: absolute
}
.recordsContainer .commerceStuff{
    margin-top: auto
}
body:not([data-viewmode="tiles"]) .recordsContainer .commerceStuff{
    margin-top: unset
}
body:not([data-viewmode="tiles"]) .recordsContainer .pictureContainer{
    margin: 0 auto
}
body:not([data-viewmode="tiles"]) .recordsContainer .infoCol{
    width: 42.8%;
    padding-left: 40px
}
body:not([data-viewmode="tiles"]) .recordsContainer .commerceStuff{
    width: 32.8%;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
body:not([data-viewmode="tiles"]) .recordsContainer .prodPrices{
    margin: 0;
    /* width: 250px */
}
body:not([data-viewmode="tiles"]) .recordsContainer .shortDesc{
    margin-top: 34px;
    font-size: .875rem !important;
    line-height: 22px;
    display: block;
    color: #333 !important
}
body:not([data-viewmode="tiles"]) .recordsContainer .prodCard{
    padding: 40px;
    /* overflow: hidden */
}
body:not([data-viewmode="tiles"]) .recordsContainer .shortDesc p{
    margin: 0
}
body:not([data-viewmode="tiles"]) .recordsContainer .prodPicture{
    padding: 0
}
body:not([data-viewmode="tiles"]) .recordsContainer .prodTitle span.admin-stuff br, body:not([data-viewmode="tiles"]) .recordsContainer .prodTitle span.admin-stuff{
    display: none
}
body[data-viewmode="list"] .recordsContainer .prodCard{
    padding: 40px 24px;
    align-items: center
}
.blogContent .shortDesc, body[data-viewmode="list"] .recordsContainer .shortDesc{
    display: none
}
.blogContent .pictureContainer, body[data-viewmode="list"] .recordsContainer .pictureContainer, .listRecord .recordsContainer .pictureContainer{
    width: 80px;
    margin-left: 0;
    overflow: hidden
}
.blogContent .prodPicture, body[data-viewmode="list"] .recordsContainer .prodPicture, .listRecord .recordsContainer .prodPicture{
    height: 80px;
    margin-bottom: 0
}
.blogContent .commerceStuff, body[data-viewmode="list"] .recordsContainer .commerceStuff, .listRecord .recordsContainer .commerceStuff{
    flex-direction: row
}
.blogContent .priceBruttoNumber, body[data-viewmode="list"] .recordsContainer .priceBruttoNumber, .listRecord .recordsContainer .priceBruttoNumbe, .greyBasket .priceBruttoNumber{
    font: normal normal 600 24px/32px Poppins
}
.blogContent .p-wishlist, body[data-viewmode="list"] .recordsContainer .p-wishlist, .listRecord .recordsContainer .p-wishlist{
    position: static !important;
    margin-left: 28px;
    display: flex;
    align-items: center
}
.blogContent .infoCol, body[data-viewmode="list"] .recordsContainer .infoCol, .listRecord .recordsContainer .infoCol{
    width: 33.8%
}
.blogContent .smallAvailbility:not(.prodUnavailable), body[data-viewmode="list"] .recordsContainer .smallAvailbility:not(.prodUnavailable), .listRecord .recordsContainer .smallAvailbility:not(.prodUnavailable){
    font-size: 0px !important
}
.blogContent .smallAvailbility, body[data-viewmode="list"] .recordsContainer .smallAvailbility, .listRecord .recordsContainer .smallAvailbility{
    width: unset !important
}
.blogContent form, .blogContent .cartSmall, body[data-viewmode="list"] .recordsContainer .cartSmall form, .listRecord .recordsContainer .cartSmall form, body[data-viewmode="list"] .recordsContainer .cartSmall, .listRecord .recordsContainer .cartSmall{
    flex-wrap: nowrap;
    flex-grow: 1
}
.blogContent .commerceStuff, body[data-viewmode="list"] .recordsContainer .commerceStuff, .listRecord .recordsContainer .commerceStuff{
    width: unset;
    flex-grow: 1
}
.blogContent .smallAvailbility.prodUnavailable, body[data-viewmode="list"] .recordsContainer .smallAvailbility.prodUnavailable, .listRecord .recordsContainer .smallAvailbility.prodUnavailable{
    margin-bottom: 0 !important;
    margin-right: auto
}
.blogContent .smallAvailbility:not(.prodUnavailable)::before, body[data-viewmode="list"] .recordsContainer .smallAvailbility:not(.prodUnavailable)::before, .listRecord body[data-viewmode="list"] .recordsContainer .smallAvailbility:not(.prodUnavailable)::before{
    margin-right: 0
}
.blogContent .cartIncDec, body[data-viewmode="list"] .recordsContainer .cartIncDec, .listRecord .recordsContainer .cartIncDec{
    margin-left: 40px
}
.blogContent .infoCol, body[data-viewmode="list"] .recordsContainer .infoCol, .listRecord .recordsContainer .infoCol{
    padding-left: 24px
}
body[data-viewmode="list"] .recordsContainer .oldPriceContainer, .listRecord .recordsContainer .oldPriceContainer{
    margin-bottom: 0
}
.bannerPlace-2{
    padding-top: 80px;
    background-color: #fff
}
.prodShort{
    padding: 50px 24px 40px 24px;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    flex-direction: column
}
.prodShortDescFull::before{
    width:100%;
    height: 1px;
    background-color: var(--bs-link-hover-color);
    position: absolute;
    top:0;
    opacity: 0.5;
    content: '';
    display: block
}
.prodShortDescFull{
    position: relative;
    font: normal normal normal 1rem/1.5rem Poppins;
    padding-top: 16px;
    flex-grow: 10;
    display: flex;
    flex-direction: column
}
.prodShortDescFull p{
    margin-bottom: 0
}
.prodPhoto{
    padding: 40px;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.fullProdWishlist{
    top: 40px;
    right: 40px
}
.commerceStuffBig{
    padding: 24px;
    background-color: #fff;
    border-radius: 4px
}
.commerceStuffBig .prodPrices{
    margin: 40px 0 40px 0
}
.productHeader .longBoxTitle{
    width: calc(100% - 65px)
}
.lowestPriceBig{
    font: normal normal normal 16px/22px Poppins;
    border-radius: 4px;
    margin-bottom: 1rem;
    border-radius: 4px
}
.containerCart{
    display: flex;
    justify-content: space-between;
    align-items: center
}
.rightItem{
    background-color: #fff;
    border-radius: 4px;
    padding: 24px;
    margin-top: 1rem;
    font: normal normal normal 14px/22px Poppins;
    position: relative;
    justify-content: flex-start;
    cursor: pointer
}
.rightItemSmall{
    font: normal normal normal 12px/20px Poppins;
    display: block
}
a.rightItemBlue, .rightItemBlue{
    font: normal normal 600 12px/20px Poppins;
    color: var(--bs-link-hover-color)
}
.rightItemImage{
    margin-right: 24px
}
.rightItemImage img{
    max-width: 22px
}
.rightItem::after{
    content: '>';
    display: inline-block;
    position: absolute;
    font: normal normal 600 18px/18px Poppins;
    right: 17px
}
.prodShortDescFull a.admin-stuff{
    margin-top: 20px
}
.prodShortDescFull textarea, .prodShortDescFull input{
    border :1px solid #0dcaf0
}
.prodShortDescFull input[type="submit"]{
    color: #0dcaf0;
    background-color: #fff;
    border-radius: 4px
}
.prodShortDescFull label{
    color: #0dcaf0;
    margin-top: 8px;
    display: block
}
.rightPhoto{
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}
.rightPhoto img{
    max-width: 60px !important
}
.rightTitle{
    font: normal normal 600 16px/24px Poppins;
    flex-shrink: 10000;
    overflow: hidden;
    width: calc(100% - 135px)
}
.prodShort .longBoxTitle h1{
    padding-bottom: 0
}

.commerceRight{
    background-color: #fff;
    border-bottom: 1px solid rgba(6, 143, 215, .5);
    transition: all 0.2s linear 0s
}
.commerceRight .fullProdWishlist{
    top: unset
}
.columnRight{
    position: absolute;
    right: 0
}
.productHeader {
    position: relative
}
.columnRightStuff{
    position: sticky;
    top: 90px
}
.commerceRight{
    height: 0;
    opacity: 0
}
.columnRight.isSticky .commerceRight{
    height: unset;
    opacity: 1;
    margin-bottom: 24px;
    padding: 24px 0;
}
.productHeader > div[class^='col-']:not(.columnRight){
    align-items: stretch;
    display: flex
}
.productMiniImages{
    padding-top: 1rem;
    align-items: center;
    max-width: 100%
}
.p-small-pic{
    background-color: #fff;
    border-radius: 4px;
    flex-grow: 0;
    height: 122px;
    width: 122px;
    align-items: center;
    justify-content: center;
    flex-basis: auto
}
.p-small-pic:last-child{
    margin-right: 0
}
#prodTabs{
    border-bottom: 1px solid #3333331A !important;
    align-items: baseline;
    margin-bottom: 40px
}
#prodTabs.nav-tabs .nav-link{
    font: normal normal 600 16px/24px Poppins;
    color: #000;
    padding: 8px 0;
    outline: none !important;
    border: none !important
}
#prodTabs.nav-tabs .nav-link:active, #prodTabs.nav-tabs .nav-link:focus-visible, #prodTabs.nav-tabs .nav-link:hover,#prodTabs.nav-tabs .nav-item:active, #prodTabs.nav-tabs .nav-item:focus-visible, #prodTabs.nav-tabs .nav-item:hover{
    border: none !important;
    outline: none !important
}
#prodTabs.nav-tabs li:first-child{
    margin-left: 0
}
#prodTabs.nav-tabs .nav-item{
    margin: 0 24px
}
#prodTabs.nav-tabs :last-child{
    margin-right: 0
}
#prodTabs.nav-tabs .nav-link.active{
    border: none;
    border-bottom: 1px solid var(--bs-link-hover-color) !important;
    background-color: transparent
}
.fullProductInfo{
    background: #F5F5F5;
    padding: 1rem;
    border-radius: 4px
}
.produktTabs ul, .blueList{
    list-style: none
}
.produktTabs ul li::before, .blueList li::before{
    list-style: none;
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--bs-link-hover-color);
    border-radius: 50%;
    margin-right: 1rem;
    position: relative
}
.blueList li::before{
    margin-left: -1.5rem
}

body.records.view #mainContainer .multiItemCarousel .banTitle{
    color: #333;
}
body.records.view #mainContainer .bannerTitle::after{
    background-color: var(--bs-link-hover-color);
}
body.records.view #mainContainer section.multiItemCarousel{
    background-color: var(--grayBackground);
    padding: 80px 0;
    margin: 0;
    overflow: hidden
}
body.records.view #mainContainer section.multiItemCarousel .bannerLink a{
    color: #333
}
.description-row-single .description-cell{
    width: 100%
}
.description-row-double .description-cell{
    padding-left: calc(var(--bs-gutter-x) * .5)
}
.description-row-double .description-cell:first-child{
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: 0
}
body{
    padding-top: 161px;
}
body .stickyNavMain{
    padding-top: 83px
}
.fullProdContainer{
    margin-top: 64px
}
.shippingLogo img{
    width: 106px
}
#tabDostawa > .row{
    border-radius: 4px;
    background-color: #fff;
    padding: 60px 40px 40px 40px;
    margin-bottom: 1rem;
    margin-right: auto;
    margin-left: auto
}
.shippingInfos{
    flex-grow: 6
}
.bigHead{
    font: normal normal 600 24px/32px Poppins;
}
.shippingAdditionalText p{
    margin-bottom: 0
}
.featRow{
    margin-bottom: .25rem;
    align-items: center
}
.featRow ul{
    padding-left: 0
}
.featRow>div:first-child{
    max-width: 398px;
}
.infoTooltip{
    position: relative;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: inline-flex;
    margin-left: .5rem;
    font-size: 10px;
    top: -2px
}
.infoTooltip::after{
    content: '?';
    display: block;

}
.infoTooltip::before{
    border: 2px solid #333;
    background-color: transparent;
    font-weight: 600;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    content: '';
    display: block;
    position: absolute
}
.categoriesBrowser{
    background: #FAFAFA;
    border: 0;
    border-radius: 0;
    list-style: none;
    position: relative;
    display: flex;
    flex-direction: column
}
.categoriesBrowser > li{
    max-width: 1640px;
    margin: 0 auto;
    margin-left: 0
}
.categoriesBrowser > li > ul{
    display: none;
    list-style: none;
    padding: 0
}
.categoriesBrowser > li.is-open > ul{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 100%;
    width: 300%;
    overflow: auto;
    margin-top: 80px
}
.categoriesBrowser > li.is-open > ul > li > ul ul{
    display: none
}
.categoriesBrowser > li > a{
    font-weight: 600;
    padding: .5em 0;
    display: inline-block;
}
.topMenu > ul > .nav-item > span{
    position: relative
}
header .nav-item.dropdown{
    position: unset;
}
.mainMenu > li > span.nav-link{
    padding-bottom: 0
}
#mainMenu .nav-link.dropdown-toggle.show::before{
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background-color: rgba(6, 143, 215, .5);
    top: calc(100% + 16px);
    position: absolute
}
.categoriesBrowser > li.is-open > ul > li{
    width: 33.33333333%
}
.itemContainer{
    max-height: 80vh;
    background: #FAFAFA;
    width: 100%;
    border: 0;
    border-radius: 0;
    top: 99% !important;
    padding: 1rem
}
.dropdown-menu .inner::-webkit-scrollbar-thumb, .categoriesBrowser > li.is-open > ul::-webkit-scrollbar-thumb, div.ac_results::-webkit-scrollbar-thumb, div.dropdown-menu.show::-webkit-scrollbar-thumb,.cookieContent::-webkit-scrollbar-thumb{
    background: #33333314;
    border-radius: 4px
}
.dropdown-menu .inner::-webkit-scrollbar, .categoriesBrowser > li.is-open > ul::-webkit-scrollbar, div.ac_results::-webkit-scrollbar, div.dropdown-menu.show::-webkit-scrollbar,.cookieContent::-webkit-scrollbar{
    width: 8px;
    background: none;
    border-radius: 4px
}
div.dropdown-menu.show .inner.show{
    overflow: visible
}
.categoriesBrowser > li > ul > li > a{
    font-weight: 600
}
.categoriesBrowser > li > ul > li > ul{
    margin-top: 10px
}
.categoriesBrowser > li ul{
    list-style: none;
    padding: 0;
    margin-bottom: 40px
}
body.stickyNavMain #mainMenu .nav-link.dropdown-toggle.show::before{
    top: calc(100% + 22px)
}
.browserHeader{
    width: 300% !important;
    font: normal normal 600 24px/32px Poppins;
    padding-bottom: 10px;
    letter-spacing: 0;
    border-bottom: 1px solid var(--bs-link-hover-color);
    margin-bottom: 40px;
    display: none;
    position: absolute;
    top: 0;
    left: 100%
}

li.is-active .browserHeader{
    display: block
}
#ac_search_results{
    background-color: #fff;
    left: calc(0px - 1.3rem);
    top: 115px;
    max-height: 655px;
    overflow: auto
}
body.stickyNavMain #ac_search_results{
    top: 69px;
    width: 100%
}
div.ac_results{
    list-style: none;
    padding: 20px 10px;
    max-height: 65vh;
    
}
ul.ac_results{
    padding: 0
}
div.ac_results{
    display: none
}
.ac_results li.ac_over.result{
    background: #33333314
}
.searchHistory{
    margin-top: 40px
}
.searchSimpleHead{
    font-size: 16px;
    margin-bottom: 30px
}
li.result{
    cursor: pointer
}
.clearSearchHistory{
    cursor: pointer
}
.sr-products{
    align-items: center;
    display: flex;
    margin-bottom: 40px
}
.search-section.ac_over{
    background-color: #fff
}
.sr-products::after{
    margin-left: 20px
}
.ac_results li{
    padding: 0 10px
}
.similar.result span, .result a .sr-name span{
    font-weight: 600
}
.sr-photo img{
    max-height: 64px;
    max-width: 64px
}
ul .record-result{
    border-bottom: 2px solid #33333314;
    padding: 10px 0 10px 10px
}
ul .search-row{
    display: flex;
    align-items: center
}
ul .search-row .sr-price{
    display: flex;
    flex-direction: column;
    margin-left: auto;
    font-size: 16px;
    padding: 0 10px 0 10px;
    align-items: flex-end;
    width: 100px
}
.sr-price .oldPrice{
    font-size: 14px;
}
.ac_results a{
    text-decoration: none !important
}
ul .sr-name{
    padding-left: 20px;
    max-width: 65%
}
.oldNetto{
    display: none
}
.sr-price.isPromo .default-brutto, .sr-price.isPromo .default-netto{
    font-weight: bold
}
.bootstrap-select.has-dots > .dropdown-menu{
    border: 0;
    border-radius: 4;
    margin-top: 10px;
    padding: 20px
}
.bootstrap-select.has-dots .dropdown-menu ul, .bootstrap-select.has-dots .dropdown-menu{
    background-color: #FAFAFA
}
.bootstrap-select.has-dots .dropdown-menu li{
    /*padding-left: 1.5rem;*/
    display: flex;
    align-items: center
}
.bootstrap-select.has-dots .dropdown-menu li.selected{
    font-weight: 600
}
.bootstrap-select.has-dots .dropdown-menu li a{
    padding: 0
}
.bootstrap-select.has-dots .dropdown-menu li a:hover{
    background-color: transparent
}
.bootstrap-select.has-dots li > *::before{
    list-style: none;
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid var(--bs-link-hover-color);
    border-radius: 50%;
    margin-right: 1rem;
    position: relative;
    background-color: #fff;
    flex-shrink: 0
}
.bootstrap-select.has-dots li.selected>*::before,.bootstrap-select.has-dots li:hover>*::before{
    background-color: var(--bs-link-hover-color)
}

/*.searchContainer .bootstrap-select.has-dots li:first-child, .searchContainer .bootstrap-select.has-dots li:nth-child(2), .bootstrap-select.has-dots li:nth-last-child(4){
    padding-left: 0
}
*/
.searchContainer .bootstrap-select.has-dots li:nth-child(-n+2){
    padding-left: 0;
}

.userBox{
    position: absolute;
    right: 0;
    min-width: 100%
}
.userBoxContent{
    background-color: #fff;
    padding: 20px 20px 20px 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    right: 0;
    top: calc(100% + 80px);
    position: absolute;
    width: max-content
}
.header-account > .userCol > a:hover > img, .userCol .userAction img{
    transition: transform 0.1s linear 0s;
}
.userCol:hover .userAction img, .userCol.hovered .userAction img, .header-account > .userCol:not(.largeHidden) > a:hover > img{
    transform: scale(1.3);
}
/*
.hovered > .userAction::after{
    top: calc(100% + 84px);
    content: '';
    width: 28px;
    height: 1px;
    display: block;
    background-color: rgba(6, 143, 215, .5);
    position: absolute;
    z-index: 10
}

body.stickyNavMain .hovered > .userAction::after{
    top: calc(100% + 31px)
}
*/
body.stickyNavMain .userBoxContent{
    top: calc(100% + 28px)
}
body .nav-item .userBoxContent{
    top: calc(100% + 17px)
}
body.stickyNavMain .nav-item .userBoxContent{
    top: calc(100% + 24px) !important
}
.userAction, .user-menu{
    position: relative
}
.userBoxhead{
    display: flex;
    align-items: center;
    justify-content: space-between
}
.userBoxhead span{
    white-space: nowrap
}
.userBoxhead span:nth-child(2){
    font-size: 14px;
    order: 3;
    font-weight: normal !important;
    margin-left: 40px
}
.userBoxhead::after{
    margin: 0 0 0 40px;
    min-width: 40px
}
.inBoxUser{
    display: flex;
    flex-direction: column;
    max-height: 70vh
}
.smallList{
    overflow: auto;
    max-height: 65vh;
    overflow-x: hidden
}
.smallList::-webkit-scrollbar-thumb{
    background: #33333314;
    border-radius: 4px
}
.smallList::-webkit-scrollbar{
    width: 8px;
    background: none;
    border-radius: 4px
}
.smallList::-webkit-scrollbar-track{
    margin-left: 10px
}
.boxUserBtns{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #3333331A
}
.userCol{
    display: inline-block
}
.grayField{
    border-radius: 100px;
    background-color: #FAFAFA;
    padding: 14px 20px;
    border: 0
}
.add-new-wishlist-form{
    display: flex;
    position: relative
}
.wishlists-addnew a{
    display: inline-block
}
.smallListHeadaa{
    white-space: nowrap;
}
.smallList .row{
    display: table-row !important
}
.smallList .row > * {
    display: table-cell !important;
    white-space: nowrap;
    vertical-align: middle
}
.smallList .row .smallListColHead{
    padding-bottom: 20px
}
.smallList .row .smallListColValue{
    border-bottom: 1px solid #3333331A;
    padding-top: 1rem;
    padding-bottom: 1rem
}
.smallList .row > *:first-child{
    padding-left: 0
}
.smallList .row > *:last-child{
    padding-right: 0
}
.smallList .row:last-child .smallListColValue{
    border-bottom: 0
}
.bootstrap-select.has-dots.white-opt .dropdown-menu li{
    padding-left: 0;
}
.bootstrap-select.has-dots.white-opt .dropdown-menu{
    background: #fff
}
.bootLoader{
    color: var(--bs-link-hover-color);
    top: 100%;
    left: 0;
    position: absolute
}
.cover{
    background:var(--colorCover);
    height: 100vh;
    width: 100vw;
    opacity: 0.1;
    transition: all 0.2s linear 0s;
    display: none;
    position: fixed;
    z-index: 12;
    top: 0;
    max-width: unset !important
}
body.imBusy .cover{
    display: block
}
.ac_results .record-result:last-child{
    margin-bottom: 20px
}
.removeCartItem, .removeList{
    max-height: 16px
}
.header-cart .smallListName{
    white-space: normal;
    max-width: 460px;
}
.header-cart .smallListColValue{
    width: auto
}
.smallListActions{
    position: relative
}
.smallListActions .bootLoader{
    width: 14px;
    height: 14px;
    position: unset
}
.inBoxUser .required .error-message{
    position: absolute;
    color: red;
    font-size: 11px;
    top: -22px
}
.smallList > .row:last-of-type .smallListColValue{
    border-bottom: 0
}
.increment{
    user-select: none
}
.header-discount .userBoxContent, .header-account .userBoxContent{
    padding-right: 20px
}
.hoverContent{
    opacity: 0;
    transition: right .2s linear 0s;
    background-color: #fff;
    right: 0;
    position: absolute;
    top: 0;
    width: 0;
    visibility: hidden
}
.hovered .hoverContent{
    right: 0;
    opacity: 1;
    top: 0;
    height: 100%;
    text-align: left;
    right: 24px;
    width: 100%;
    visibility: visible
}
.user-menu > .row{
    position: relative
}
.header-contrast{
    margin-left: 2.5rem
}
.deafaultContent{
    position: relative;
    z-index: 10
}
.changeSize{
    cursor: pointer;
    user-select: none;
    font-weight: bold
}
.imDark{
    position: relative
}
.imDark .hoverContent{
    width: max-content
}
.hovered.imDark .deafaultContent{
    background-color: #000;
}
.hovered.imDark .hoverContent{
    background-color: transparent
}
.hovered.imDark .deafaultContent img{
    filter: invert(100)
}
.boxesBtn{
    width: 56px;
    height: 56px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s linear 0s
}
.hoveredText{
    padding: 1rem 40px 1rem 1rem;
    border-radius: 100px;
    display: block;
    background-color: #fff;
    cursor: pointer;
    user-select: none
}
.smallListPhoto div{
    max-width: 100px
}
.closed{
    display: none !important
}

.imHover{
    position: relative;
    overflow: hidden;
    transition: all .2s linear 0s;
    border-radius: 50%
}
.hoverShow{
    width: 0;
    position: absolute;
    transition: all .2s linear 0s;
    width: max-content;
    transform: translateX(105%);
    right: 0;
    background-color: #fff
}
.imHover.fromLeft:hover .hoverShow, .imHover:hover .hoverShow {
    transform: translateX(0);
}
.imHover.fromLeft .hoverShow{
    transform: translateX(-100%);
}
.imHover.darkHover .hoverShow{
    color: #fff;
    background-color: #000
}
.imHover.darkHover.decrement .hoverShow{
    transform: translateX(-100%);
}
.imHover.darkHover.decrement:hover .hoverShow{
    transform: translateX(0);
}
.hoverStatic{
    position: static 
}
.hoverOverflow{
    overflow: visible
}
.hoverMax .hoverShow{
    width: 100%
}
.product-boxes .imHover .hoverShow, .header-contrast .imHover .hoverShow{
    transform: translateX(0);
    opacity: 0;
    z-index: -1
}
.header-contrast .imHover:hover .hoverShow, .product-boxes .imHover:hover .hoverShow{
    transform: translateX(0);
    opacity: 1;
    right: 24px;
    z-index: 10
}
.product-boxes .imHover:hover .hoverShow{
    right: 100%
}
.product-boxes-inner{
    padding: 4px 7px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    display: inline-block
}

.header-contrast .imHover:hover .hoverShow::before, .header-contrast .imHover:hover .hoverShow::after{
    height: 20px;;
    display: block;
    background-color: #fff;
    content: '';
    position: absolute;
    bottom: 100%;
    width: 100%;
    z-index: 5;
    right:0
}
.header-contrast .imHover:hover .hoverShow::after{
    top: 100%;
    bottom: unset
}
.darkOnHover{
    width: 56px;
    height: 56px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer
}
.imHover:hover .darkOnHover{
    background-color: #000
}
.imHover:hover .darkOnHover img{
    filter: invert(100)
}
.product-boxes .offcanvas-header{
    min-width: 200px;
    align-items: flex-start
}
.product-boxes .offcanvas{
    min-width: 200px
}
.btn-close{
    opacity: 1
}
.offcanvas-header .btn-close{
    margin-top: unset
}
.hoverShow.hoverText{
    font-size: 12px;
    font-weight: bold;
    transform: translateX(0);
    opacity: 0;
    padding: 5px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    z-index: -1;
    transform: translateY(50%);
    cursor: pointer
    
}
.imHover:hover .hoverShow.hoverText{
    right: 100%;
    z-index: 11;
    opacity: 1;
    transform: translateY(50%)
}
.imHover .someBtn{
    position: relative;
    z-index: 10
}
.imHover:hover .someBtn{
    background-color: #000;
}
nav .imHover .someBtnDark{
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #fff;
    z-index: 12;
    border-radius: 50%;
    position: relative
}
nav .imHover:hover .someBtnDark{
    background-color: #000;
}
.smallList .imHover:hover .someBtnDark img{
    filter: invert(100)
}
.smallList .imHover:hover .hoverShow.hoverText, nav .imHover .hoverShow.hoverText{
    transform: none
}
.smallList .imHover{
    display: flex;
    align-items: center
}
.prodPicture.photoSlide, .prodPicture.photoSlide *{
    transition: all .2s linear 0s;
}
.prodPicture.photoSlide .pictureLink:not(.secondPhoto){
    transform: translateX(0)
}
.prodPicture.photoSlide:hover .pictureLink:not(.secondPhoto){
    position: absolute;
    transform: translateX(-250%)
}
.prodPicture.photoSlide .secondPhoto{
    position: absolute;
    transform: translateX(250%);
}
.recordsContainer .pictureContainer, .recordsContainer .prodPicture{
    width: 100%
}
.prodPicture.photoSlide:hover .secondPhoto{
    transform: translateX(0);
    position: static
}
.user-menu{
    display: flex;
    justify-content: space-between
}
#SearchIndexForm{
    padding: 0
}
.user-menu img[src='/img/loading.gif']{
    display: none !important
}
.openChild{
    font-weight: 600;
    font-size: 18px;
    display: none;
    position: absolute;
    right: 23%;
    line-height: 40px
}
li.is-active .openChild{
    display: block
}
.d-md-none.show{
    display: block !important
}
#mainContainer{
    padding: 0;
    overflow: hidden
}
section[role="banner"]{
    justify-content: center
}
.psmall-row .pictureContainer img[src="/img/shop/no_photo.jpg"]{
    max-width: 100%
}
img[src="/img/shop/no_photo.jpg"]{
    opacity: .2
}

.cartButtonContainer{
    position: relative
}
.cartButtonContainer .offcanvas{
    right: 100%;
    box-shadow: 0px 16px 22px -4px #33333314
}
.wishlists-for-product.opened .wishlists-for-product-content{
    display: block !important;
    box-shadow: var(--box-shadow);
    background-color: #fff;
    padding: 1rem;
    z-index: 12;
    position: relative;
    top: 1rem
}
.wishlists-for-product.opened{
    display: block !important
}
.p-wishlist .wishlists-heart-link{
    position: absolute;
    right: 0
}
.p-wishlist .wishlists-content-container{
    margin: -1rem 2rem 0 0
}
.p-wishlist .wishlists-for-product-item a{
    display: flex;
    width: 100%;
    justify-content: space-between
}
.p-wishlist .wishlists-for-product-item img{
    margin-left: auto;
    margin-right: 0;
    max-width: 1.5rem !important
}
.wishlists-for-product-item{
    margin-bottom: 8px
}
body{
    position: relative
}
.toasts{
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    position: fixed;
    flex-wrap: wrap;
    margin: 0 auto;
    z-index: 14;
    bottom: 1rem
}
.wishlists-for-product-title .btn-close{
    font-size: 19px
}
.toasts .toast{
    margin-top: 1rem;
    background-color: #009500 !important
}
.toasts .toast.negative{
    background-color: #e70000 !important
}
.toast.show{
    display: none
}
.product-boxes .offcanvas, .wishlists-for-product.opened .wishlists-for-product-content{
    border-radius: 4px
}
body[data-pricetype="netto"] .oldPrice .netto{
    display: block
}
body[data-pricetype="netto"] .default-brutto, body[data-pricetype="netto"] .oldPrice .brutto{
    display: none
}
body[data-pricetype="netto"] .default-netto{
    display: inline
}
.carousel-item .p-wishlist{
    z-index: 12
}
.popoverOnHover{
    display: none
}
.hovered .popoverOnHover{
    display: block;
    position: absolute;
    border-radius: 4px;
    font: normal normal normal 14px/22px Poppins;
    z-index: 11;
    text-align: left;
    padding: 1rem;
    width: max-content;
    bottom: 100%;
    cursor: auto;
}
[data-viewmode="list"] .smallAvailbility.hovered .popoverOnHover, .hovered .popoverOnHover.loaded, .hovered .loaded .popoverOnHover, .hovered .promoGiftText{
    box-shadow: var(--strong-box-shadow);
    background-color: #fff
}
body[data-viewmode="compact"] .hovered .popoverOnHover{
    bottom: 100%;
    right: 0
}
body[data-viewmode="tiles"] .recordsContainer .hovered .popoverOnHover{
    left: 0
}
body[data-viewmode="list"] .recordsContainer .hovered .popoverOnHover{
    left: 0;
    top: 100%;
    height: fit-content
}
body[data-viewmode="compact"] .cartSmall{
    z-index: 12
}
.blogContent .p-wishlist .wishlists-heart-link, body[data-viewmode="list"] .p-wishlist .wishlists-heart-link{
    position: static
}
.blogContent .p-wishlist .wishlists-content-container, body[data-viewmode="list"] .p-wishlist .wishlists-content-container{
    position: absolute;
    right: 1rem;
    top: 2rem
}
.oldPriceContainer{
    position: relative;
}
.isPromo .popoverOnHover .default-netto, .isPromo .popoverOnHover .default-brutto{
    color: #000
}
.blogContent .cartSmall, body[data-viewmode="list"] .recordsContainer .cartSmall{
    max-width: 440px
}
.lowestPriceSmall .infoPop{
    white-space: nowrap
}
.carouselItem .p-wishlist .wishlists-content-container{
    right: 0 !important;
    z-index: 12;
}
.largeHidden{
    display: none
}
.largeVisible{
    display: block
}
.customCarousel .carousel-inner{
    flex-wrap: nowrap;
    /* justify-content: space-between; */
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth
}
.customCarousel .carousel-inner::-webkit-scrollbar{
    display: none
}
.noScroll::-webkit-scrollbar{
    display: none
}
.customCarousel:not(#galleryCarousel) .carousel-inner:not(.multiCarousel) > * {
    width: calc((100% - 4rem) / 5);
    display: block !important;
    margin: unset;
    transition: none;
    flex-shrink: 0;
    margin-right: 1.1rem;
}
.brandZone .carousel-item {
	margin-right: 1rem !important
}
.customCarousel.deliveries .carousel-inner:not(.multiCarousel) > *{
    width: calc((100% - 3rem) / 4) !important
}
.customCarousel.miniBlog:not(#galleryCarousel) .carousel-inner:not(.multiCarousel) > * {
    width: calc((100% - 3rem) / 4);
}
.customCarousel.categoriesProducts:not(#galleryCarousel) .carousel-inner:not(.multiCarousel) > *{
    display: flex !important
}
.customCarousel.brandZone .carousel-inner:not(.multiCarousel) > * {
    width: 261px !important
}
.brandZone.customCarousel .carousel-item{
    width: var(--brand-tile);
    height: var(--brand-tile);
}
.customCarousel .carousel-item > *{
    width: 100% !important
}
.customCarousel .carousel-inner > *:last-child{
    margin-right: 0
}
.customCarousel:not(.miniBlog) .carousel-item img{
    width: 100%
}
.customCarousel .carousel-container{
    position: relative
}
.miniPics .carousel-control{
    background-color: var(--colorBlue);
    width: 2rem;
    height: 2rem;
    text-decoration: none;
    top: calc(50% - 1rem);
    opacity: .7;
    border-radius: var(--bs-card-border-radius);
    display: none
}
.customCarousel.controlsActive .carousel-control{
    display: flex
}
.customCarousel .prodCard{
    height: 100%
}
/*
.carousel-control{
    display: none
}
*/
.controlsActive .carousel-control{
    display: flex
}
section[role='banner'] > div:last-child, .navMain > div, .brandZone .carousel-container{
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto
}
.header-discount .userBoxContent{
    max-width: 550px
}
.carousel-item:not(.blogItem) picture img{
    width: 100%
}
.customClose{
    opacity: .9;
    position: absolute;
    right: 0
}
.smallListIncDec .cartIncDec{
    margin-left: auto
}
.hamburger{
    width: 32px;
    height: 26px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}
.hamburger div {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #333;
    border-radius: 11px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}
.hamburger span:nth-child(1) {
    top: 0px
}
.hamburger div:nth-child(2),.hamburger div:nth-child(3) {
    top: 11px
}
.hamburger div:nth-child(4) {
    top: 22px
}
.hamburger.active-item div:nth-child(1) {
    top: 32px;
    width: 0%;
    left: 50%
}
.hamburger.active-item div:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.hamburger.active-item div:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.hamburger.active-item div:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.categoriesBrowserDELETEME li.parent::after{
    content: '>';
    display: inline-block;
    font-weight: bold;
    padding-left: .5rem
}
.categoriesBrowser li li .openChild{
    display: none
}
.prodPrices.hovered{
    z-index: 13
}
.galleryContainer{
    flex-wrap: wrap
}
body.records.view #mainContainer{
    overflow: unset
}
.galleryContainer .carousel-control-prev{
    left: 0
}
.galleryContainer .carousel-control-next{
    right: 0
}
body:not(.is-mobile) .galleryContainer .customCarousel .carousel-inner > *{
    padding: .5rem;
    margin-right: 1rem;
    max-width: 122px;
    width: 100%
}
.galleryContainer .carousel-control{
    width: 1.5rem;
    height: 1.5rem
}
.galleryContainer .customCarousel .carousel-inner > *:last-child{
    margin-right: 0
}
#navibar{
    white-space: nowrap;
    overflow-x: auto
}
.boxUserBtns button{
    margin-left: auto
}
body.records section[role="banner"]{
    max-width: 100%
}
.wishlists-content-container img[src="/img/loading.gif"]{
    display: none !important
}
.productMiniImages .customCarousel .carousel-item > *{
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%
}
.productMiniImages:not(.normalWidth),#galleryCarousel:not(.controlsActive){
    width: 100% 
}
#fullGallery .carosuel:not(.controlsActive) .carousel-inner{
    justify-content: center
}
#fullGallery .productMiniImages{
    margin: 0 auto;
    margin-top: auto;
    max-width: 100%
}
#fullGallery .modal-body{
    display: flex;
    flex-direction: column;
    max-height: 100%;
}
#fullGallery .modal-header {
    border-bottom: 0;
    padding-bottom: 0
}
#fullGallery .carousel-item{
    max-width: 122px
}
#fullGallery .prodPhoto{
    max-height: calc(100% - 126px);
    height: 100% !important
}
#fullGallery .prodPhoto.fullScreen{
    max-height: 100%
}
#fullGallery .prodPhoto{
    padding: 0
}
.productHeader .firstMedia a{
    display: flex;
    max-height: 100%;
    margin: 0 auto;
    align-items: center
}
.productHeader .prodPhoto{
    align-items: unset;
    justify-content: unset
}
#fullGallery .firstMedia img{
    object-fit: contain
}
#fullGallery .firstMedia a{
    max-height: 100%;
    display: flex
}
.productHeader .productMiniImages .carousel-control{
    top: calc(50% - 12px)
}
.aboutProduct{
    display: flex
}
.aboutProduct:first-of-type{
    margin-top: 2rem
}
.longBoxTitle{
    padding-bottom: 1rem
}
.modal-backdrop{
    max-width:unset !important
}
.firstMedia img{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}
.firstMedia a{
    position: relative
}
.firstMedia a span{
    top: calc(50% - .5rem);
    left: calc(50% - .5rem)
}
.imgLoading{
    opacity: .5
}
.goToDescription{
    margin-top: auto
}
.recordUnavailable .galleryContainer, .recordUnavailable .productInfo, .recordUnavailable .commerceStuffBig, .recordUnavailable .fullProductInfo{
    opacity: .5
}
.restrictedProduct .commerceStuffBig, .recordUnavailable .rightInfos{
    display: none
}
.restrictedProduct .availabilityInfo{
    margin-top: 0
}
.availabilityInfo{
    display: flex;
    margin-top: 1rem;
    color: #333;
    font-size: 12px;
    padding: 1.5rem 1rem 1.5rem 1rem;
    background-color: #fff;
    text-align: center;
    border-radius: 4px;
    align-items: center;
}
.availabilityInfo span.prodUnavailable::after{
    background-color: #333 !important;
    width: 1px;
    left: 12px;
    height: 24px
}
.availabilityInfo span.prodUnavailable::before{
    border-color: #333 !important;
    border-width: 1px;
    width: 24px;
    height: 24px
}
.availabilityInfo span.prodUnavailable{
    margin-bottom: 0;
    width: 36px
}
body[data-contrast="true"] .availabilityInfo{
    background-color: #000;
    color: #fff
}
body[data-contrast="true"] .availabilityInfo span.prodUnavailable::after{
    background-color: #fff !important
}
body[data-contrast="true"] .availabilityInfo span.prodUnavailable::before{
    border-color: #fff !important
}

.unavaiableRec{
    display: flex;
    background-color: #fff;
    border-radius: 4px;
    padding: 3rem 1rem 3rem 1rem;
    position: relative;
    align-items: center;
    justify-content: space-between;
}
.unavaiableRec .prodBadges, .unavaiableRec .rightPhoto, .unavaiableRec .rightTitle, .unavaiableRec .priceBrutto, .unavaiableRec .oldPrice, .unavaiableRec .popTxt, .unavaiableRec .infoIcon, .unavaiableRec .iPop >span:first-child{
    opacity: .5
}
.unavaiableRec .iPop{
    border: 1px solid #3333337d
}
.unavaiableRec .rightTitle{
    height: unset;
    max-width: 35%;
    width: 100%;
    padding: 0 0 0 24px
}
.unAv{
    margin-left: auto;
    display: flex;
    font-size: 12px
}
.unavaiableRec .prodPrices{
    margin: 0 80px 0 80px
}
.unavaiableRec .priceBruttoNumber{
    font: normal normal 600 24px/32px Poppins
}
.unavaiableRec .smallAvailbility.prodUnavailable{
    margin: 0;
    width: auto
}
.avFormText{
    font-size: 14px;
    margin-bottom: 1rem
}
.avForm{
    background-color: #fff;
    padding: 40px 1rem 40px 1rem
}
.notActiveStuff .goToDescription{
    font: normal normal normal 14px/22px Poppins;
    margin-top: .5rem;
    display: inline-block;
    margin-left: auto;
    float: right
}
.unText{
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 40px
}
.avAbout{
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center
}
.avForm .blueButton{
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    padding: 0
}
.unavaiableRecContainer{
    display: flex;
    flex-direction: column
}
.unavaiableRecContainer > .text-end{
    margin-top: auto
}
.galleryContainer{
    overflow: hidden
}
.blogSmallPicture img[src="/img/shop/no_photo.jpg"]{
    max-width: unset
}

.credits > div:first-of-type{
    padding-left: 0 !important;
}
.productHeader .prodPhoto:not(.fullScreen){
    max-height: 430px
}
body.records.view .longBoxTitle h1{
    padding: 0
}
.fullProductInfo *{
    max-width: 100%
}
body.records section[role="banner"]{
    margin: 0 auto
}
section.customBanner .contentWidth{
    padding: 0
}
.featRow{
    margin: 0 auto .25rem auto
}
.description-row-single > *{
    width: 100% !important
}
#content .card{
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0
}
#tabOpisC .fade{
    opacity: 1
}
.toggleItem{
    display: none
}
.toggleItem a{
    display: flex;
    justify-content: space-between;
    align-items: center
}
.toggleItem a::after{
    content: ">";
    rotate: 90deg;
}
.toggleItem a::after{
    transition: rotate 0.2s linear 0s
}
.toggleItem a[aria-expanded="true"]::after{
    rotate: -90deg
}
.productMiniImages .carousel-indicators{
    display: none
}
.responsive-tabs .nav-tabs{
    display: none
}
.newsForm form{
    flex-direction: column
}
.fullProdContainer, .galleryContainer{
    padding-left: 0;
}
.columnRight{
    padding-right: 0
}
.unavaiableRec, .avForm{
    border-radius: 4px
}
.showSimilar{
    margin-top: 1rem;
    background-color: var(--bs-link-hover-color);
    border-radius: 4px;
    color: #fff;
    padding: 1.5rem 1rem 1.5rem 1rem;
    align-items: center;
    justify-content: space-between
}
#mainContainer .showSimilar img[src$='.svg']{
    width: 40px
}
.recordsContainer{
    padding-left: 0
}
.bottomSorting .paging{
    padding-top: .5rem
}
.bottomBanners section.customBanner{
    max-width: 1640px;
    padding: 2rem;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 2rem
}
.bottomBanners section.customBanner .titleStuff{
    padding-left: 0
}
.bottomBanners section.customBanner .bannerTitle{
    margin-bottom: 1rem !important
}
.bottomBanners section.customBanner .carousel-container{
    display: block;
}
select.sorting-stuff{
    display: none !important
}
.whiteButton{
    background-color: #fff;
    border-radius: 4px;
    border: 0;
    padding: 13px 24px;
    font-weight: bold;
    font-size: 14px
}
#customModal .columnLeft{
    width: 100%;
    padding-left: 0    
}
#customModal .filters-container{
    overflow-y: scroll;
    flex-grow: 1;
    margin-bottom: 1rem
}
#customModal.fromcolumnLeft .modal-body .largeHidden{
    margin-left: auto;
    text-align: right;
    padding-top: 1rem;
    border-top: 1px solid #3333331A;
    width: 100%;
    margin-bottom: 1rem
}
#customModal.fromcolumnLeft .modal-body{
    overflow-y: clip
}
#customModal.fromcolumnLeft .modal-content{
    background-color: #FAFAFA
}
#customModal .modal-title{
    font: normal normal 600 24px/32px Poppins
}
#customModal .modal-header{
    border: 0;
    font: normal normal 600 24px/32px Poppins
}
.applyFilters{
    margin: 0 0 0 auto
}
#customModal .leftModLink a{
    font-weight: normal;
    margin-left: auto;
    margin-right: 2rem;
    font-size: 18px
}
#customModal .modal-header .btn-close{
    margin-left: 0
}
.modalOpen{
    height: 100vh;
    width: 100vw !important;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fafafa
}
.loading{
    opacity: .4;
    pointer-events: none;
    position: relative;
}
.leftCategories{
    padding: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    border-radius: var(--radiusBs);
    margin-bottom: .5rem
}
.leftCategories ul{
    padding-left: 0;
    list-style: none
}
.back-to-parent{
    display: flex
}
.back-to-parent span{
    font-weight: 600;
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 4px
}
#browser_results li ul{
    margin-left: .5rem
}
body.categories.same_producer #mainContent{
    margin-left: auto
}
.results-number{
    margin-left: auto;
    padding-left: .5rem
}
.treeItem_results{
    display: flex
}
.showSimilar{
    display: none
}
.makeMobileFilters .badge, .nr-prodinbasket{
    display: inline-flex;
    align-items: center;
    justify-items: center;
    width: 24px;
    height: 24px;
    justify-content: center
}
#MailingsMailViewFormSameProducerForm{
    flex-direction: column
}
.user-menu-container{
    display: flex;
    flex-wrap: wrap
}
.user-menu-container > *{
    width: calc(50% - .5rem);
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #fff;
    border-radius: var(--radiusBs);
    text-decoration: none
}
.user-menu-container > *:hover{
    text-decoration: none
}
.user-menu-container > *:nth-child(odd){
    margin-right: 1rem
}
.social-button{
    margin-top: .5rem
}
body.users #mainContainer .multiItemCarousel:nth-child(3) .banTitle, body.users section.multiItemCarousel[role="banner"]:nth-child(3) .bannerLink a{
    color: #333
}
.underContentBanners > *:first-child{
    margin-top: 40px
}
.contentSmall{
    max-width: 66%;
    margin: 0 auto;
    min-width: 300px;
}
.loginPage .nav-link{
    font: normal normal 600 24px/32px Poppins !important
}
.grayForms div.input:not(.checkbox) label, .grayForms div.input:not(.checkbox) input, .grayForms div.input select{
    display: block;
    width: 100%
}
div.input:not(.checkbox) .error-message{
    color: #e70000;
    position: absolute;
    top: 100%;
    font-size: 13px;
    padding-left: 1rem;
    margin-top: 2px
}
div.input.textarea:not(.checkbox) .error-message{
    bottom: 1rem;
    top: unset
}
label.checkbox .error-message{
    color: #e70000;
    order: 99;
    font-size: 13px;
    padding-left: 20px
}
.check-container span:not(.checkmark){
    max-width: calc(100% - 26px)
}
.check-container{
    flex-wrap: wrap
}
.grayForms div.input:not(.checkbox) label{
    margin-bottom: 1rem
}
.grayForms div.input{
    outline: none !important;
    position: relative
}
.grayForms div.input:not(.checkbox) input, .grayForms div.input select{
    font: normal normal normal 14px/22px Poppins;
    border-radius: 100px;
    background-color: var(--grayBackground) !important;
    border: 0;
    padding: 13px 1rem;
    margin-bottom: 2.25rem;
    border: 1px solid var(--grayBorder)
}
.loginAndRegister{
    background-color: #F5F5F5;
    padding: 1.5rem;
    border-radius: var(--radiusBs);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.loginAndRegister #prodTabs{
    margin-bottom: 0;
    border-bottom: 0 !important
}
.loginAndRegister #content{
    padding: 1.5rem;
    border-radius: var(--radiusBs);
    background-color: #fff
}
.grayForms div.input:not(.checkbox) input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 48px var(--grayBackground) inset
}
.grayForms .bootstrap-select{
    width: 100% !important
}
.grayForms .bootstrap-select>.dropdown-toggle{
    font: normal normal normal 14px/22px Poppins;
    border-radius: 100px;
    background-color: #FAFAFA !important;
    border: 0;
    padding: 13px 1rem;
    margin-bottom: 2.25rem
}
.grayForms .bootstrap-select>.dropdown-toggle:focus{
    background-color: #FAFAFA !important
}
.grayForms .bootstrap-select > .dropdown-menu.show{
    border: 1px solid #3333331A !important
}   
.grayForms .bootstrap-select > div.dropdown-menu{
    top: calc(100% - 2rem) !important
}
.grayForms input:not(.blueButton){
    outline: none !important;
    color: #333
}
.buttonOnLeft{
    text-align: right
}
.smallLinkText{
    font-size: 12px;
    margin-top: .25rem
}
.socials-login{
    background-color: #fff;
    border-bottom-left-radius: var(--radiusBs);
    border-bottom-right-radius: var(--radiusBs);
    display: flex;
    justify-content: flex-end;
    padding: 0 1rem 1.5rem 1rem
}
.socials-login button{
    display: flex;
    width: calc(50% - 1rem);
    border: 1px solid #3333331A;
    display: flex;
    align-items: center;
    padding: .5rem;
    justify-content: center;
    font-weight: normal
}
.socials-login button img{
    margin-right: .5rem
}
.socials-login button:last-of-type{
    margin-left: 1rem
}
.onlyRightCol{
    justify-content: flex-end
}
#tabLoginL{
    margin-left: 4px
}
.showPasswd{
    position: absolute;
    top: 52px;
    font: normal normal normal 14px/22px Poppins;
    right: 1rem;
    cursor: pointer
}
.passwdInput{
    position: relative;
}
.toast-body .close-message{
    display: none
}
.callForIt{
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}
.callForIt:hover{
    background-color: #000;
}
.callForIt:hover img{
    filter: invert(100)
}
body[data-pricetype="brutto"] #mainContainer > #avFormFromList{
    display: none
}
.not-active-product .commerceStuff{
    position: relative
}
#avFormFromList.generatedCustomOffcanvas .offcanvas-header{
    padding-top: 1rem
}
#avFormFromList.generatedCustomOffcanvas .strong.mb1rem{
    display: none
}
#avFormFromList.generatedCustomOffcanvas .avForm{
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}
#avFormFromList.generatedCustomOffcanvas{
    width: max-content;
    left: -66px;
    box-shadow: 0px 16px 22px -4px #33333314
}
.callForIt{
    margin-right: -13px;
    position: relative;
    margin-left: auto
}
[data-viewmode="compact"] .callForIt, [data-viewmode="list"] .callForIt{
 margin-right: -15px   
}
.blogContent #avFormFromList.generatedCustomOffcanvas, [data-viewmode="list"] #avFormFromList.generatedCustomOffcanvas{
    right: 66px;
    left: unset;
    bottom: 0
}
.stepBar ul{
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    font-weight: 600;
    overflow: hidden;
    position: relative
}
.stepBar ul li.active, .stepBar ul li.completed{
    color: #000
}
.stepBar ul li.completed .stepNumber{
    display: none
}
.stepBar ul li.completed .bubble{
    width: 48px;
    height: 48px;
    display: inline-block;
    border: 2px solid #519259;
    border-radius: 50%;
    margin-right: 16px;
    position: relative
}
.stepBar ul li.completed .bubble::before{
    left: 16px;
    top: 8px;
    width: 12px;
    height: 21px;
    border: 2px solid #519259;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    content:'';
    position: absolute
}
.stepBar ul li{
    font-size: 1.5rem;
    align-items: center;
    display: flex;
    color: var(--contrastGrayLight);
    white-space: nowrap;
    background-color: #FAFAFA;
    position: relative;
    z-index: 3;
    padding: 0 2rem
}

.stepBar ul li:first-child{
    padding-left: 0
}
.stepBar ul li:last-child{
    padding-right: 0
}
.stepBar ul::before{
    background-color: var(--contrastGrayLight);
    width: 100%;
    height: 1px;
    position: absolute;
    display: block;
    content: ''

}
.stepBar ul .stepNumber{
    font-size: 3rem;
    display: block;
    padding-right: 1rem;
}
body.baskets section.customBanner, body.baskets .row.newsletter{
    display: none
}
.bHead{
    font-weight: 600;
    font-size: 1.5rem
}
.greyBasket{
    padding: 1.5rem;
    border-radius: var(--radiusBs);
    background-color: #F5F5F5;
    margin-top: 1rem
}
.greyBasket .trow{
    display: flex
}
.greyBasket .basketProdPhoto img{
    max-width: 100%;
    max-height: 100%
}
.greyBasket label.check-container, .greyBasket .trow.products{
    background-color: #fff;
    box-shadow: var(--box-shadow);
    border-radius: var(--radiusBs);
    margin-bottom: .4rem;
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.greyBasket .basketPhoto{
    width: 80px;
    height: 80px
}
.greyBasket .basketPhoto img{
    margin: 0 auto
}
.greyBasket .basketTrProduct{
    max-width: 29%;
    flex-shrink: 10;
    font-weight: 600;
    flex-grow: 1;
}
.greyBasket .basketTrPrice{
    max-width: 120px;
    flex-grow: 1
}
.greyBasket .basketTrPrice .default-netto, .greyBasket .basketTrPrice .default-brutto, .greyBasket .basketTrPrice .priceCurrency{
    font-weight: normal
}
.greyBasket .basketRemove{
    width: 40px
}
.wishTable .cartIncDec, .greyBasket .cartIncDec{
    background-color: var(--grayBackground);
    height: 32px;
    border: 1px solid var(--grayBorder);
}
.greyBasket .isPromoPrice{
    font-size: 12px
}
.greyBasket .priceBruttoNumber{
    font-size: 1rem;
}
.greyBasket .oldPriceContainer{
    margin-bottom: 0
}
.greyBasket .basketTrAmount{
    display: flex;
    align-items: center;
    position: relative;
    margin-right: auto
}
.user-menu .header-cart img[src='/img/shop/icons/icon-cart.svg']{
    filter: brightness(0)
}
#orlenpaczka-map-container, #inpost-map-container{
    margin: 0 !important;
    width: 100% !important
}
#orlenpaczka_data{
    width: 100% !important
}
.greyBasket .basketTrProduct, .greyBasket .basketTrAmount, .greyBasket .basketRemove, .greyBasket .basketTrPrice{
    margin-left: 2rem
}
.greyBasket .basketTrValue{
    max-width: 130px;
    margin-right: 0;
    margin-left: auto;
    flex-grow: 1
}
.ruch_sidebar .mapPoint{
    width: 33% !important;
}
.ruch_sidebar .mapPoint__confirm{
    margin-top: auto !important
}
.ruch_sidebar{
    padding-left: 0 !important;
    justify-content: space-between !important
}
.greyBasket img[src="/img/shop/icons/icon-trash.svg"]{
    max-width: 22px !important;
    max-height: unset
}
.basketProdRemoveLink .someBtnDark{
    width: 40px;
    height: 40px;
    transition: all 0.2s linear 0s;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #fff
}
.removeFromCart{
    position: relative
}
.basketProdRemoveLink:hover .someBtnDark{
    background-color: #000;
    color: #fff;
    position: relative
}
.basketProdRemoveLink:hover .someBtnDark img{
    filter: invert(1)
}
.basketProdRemoveLink .hoverShow.hoverText{
    top: 50%;
    transform: translateY(-50%) !important;
    border-radius: 0 !important;
    background-color: transparent;
}
.basketProdRemoveLink:hover .hoverShow.hoverText{
    background-color: #fff;
    opacity: 1;
    z-index: 1;
    right: 100%
}
.stepBasketProductsTable .throw{
    display: flex;
    align-items: flex-end;
    padding: 0 2rem;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: .5rem;
    margin-top: 1rem
}
.stepBasketProductsTable .throw .basketTrProduct{
    flex-grow: 1
}
.stepBasketProductsTable .throw .basketPhoto{
    height: unset
}
.greyBasket .radio-button.check-container{
    flex-wrap: wrap
}
.greyBasket .radio-button.check-container.inactive .checkmark{
    border-color: #c9c9c9;
}
.greyBasket .radio-button.check-container .checkmark{
    margin-bottom: auto !important;
    margin-top: -1px
}
.shipping-selected-info{
    font-size: 13px;
    color: #555;
    display: block;
    width: 100%;
    padding-left: var(--deliver-padding);
    padding-top: 2px
}
.freeShippingFrom{
    padding-left: var(--deliver-padding);
    width: 100%;
    padding-top: 2px;
    font-size: 13px
}
.inactiveShipping{
    padding-top: 2px;
    padding-left: var(--deliver-padding);
}
.whiteContent{
    background-color: #fff;
    padding: 1rem;
    border-radius: var(--radiusBs);
    box-shadow: var(--box-shadow);
    margin-bottom: 1rem
}
.greyContent{
    margin-bottom: 2rem
}
.shippingImage img.hidden{
    display: block !important;
    max-width: 80px !important;
    max-height: 40px;
    padding-left: 1.5rem
}
.shipping-name{
    font-weight: 600;
    flex-grow: 20;
    display: flex;
    justify-content: space-between;
    padding-left: 2rem
}
.shipping-price{
    font-size: 20px
}
.check-container.inactive > *:not(.inactiveShipping):not(input){
    filter: grayscale(1);
    opacity: .5
}
.extraSmall{
    font-size: .6rem;
    line-height: .8rem
}
#pocztapunkty-selected-container, #orlenpaczka-selected-container, #inpost-selected-container{
    padding-left: var(--deliver-padding)
}
.pointContainer{
    display: flex;
    align-items: flex-start;
    max-width: 50%
}
.pointData{
    margin-right: 3rem
}
.pointDescription{
    max-width: 50%
}
.greyBasket .basketShippingInput .check-container{
    min-height: 98px
}
a.order-userdata-item:hover{
    text-decoration: none !important
}
.changeContrast{
    cursor: pointer
}
body[data-contrast="true"] .bg-white, body[data-contrast="true"],
body[data-contrast="true"] .cartIncDec,
body[data-contrast="true"] .cartIncDec input[type='text'],
body[data-contrast="true"] .cartIncDec input[type='email'],
body[data-contrast="true"] .darkOnHover,
body[data-contrast="true"] .searchContainer,
body[data-contrast="true"] .itemContainer,
body[data-contrast="true"] .categoriesBrowser,
body[data-contrast="true"] .filter-option-inner-inner,
body[data-contrast="true"] .bannerPlace-2,
body[data-contrast="true"] .topMenu > ul > .nav-item:first-of-type a,
body[data-contrast="true"] .grayField,
body[data-contrast="true"] input,
body[data-contrast="true"] .mergedFields,
body[data-contrast="true"] .check-container input:checked~.checkmark,
body[data-contrast="true"] .controlsActive .carousel-control,
body[data-contrast="true"] .featRow,
body[data-contrast="true"] #tabDostawa > .row,
body[data-contrast="true"].records.view #mainContainer section.multiItemCarousel,
body[data-contrast="true"] #mainContainer,
body[data-contrast="true"] #_send_wishlist,
body[data-contrast="true"] .wishTable .basketTrNotice textarea,
body[data-contrast="true"] .grayForms div.input:not(.checkbox) input, .grayForms div.input select,
body[data-contrast="true"] .mainColumn .bootstrap-select.has-dots .dropdown-menu
{
    background-color: var(--contrastGray) !important;
    color: #fff
}
body[data-contrast="true"] .actions-visible .whiteButton{
    background-color: #004264;
}
body[data-contrast="true"] .controlsActive .carousel-control{
    border: 1px solid #fff
}
body[data-contrast="true"] #prodTabs.nav-tabs .nav-link.active, body[data-contrast="true"] #prodTabs.nav-tabs .nav-link, body[data-contrast="true"] .fullProductInfo{
    background-color: #000
}
body[data-contrast="true"] .multiCarouselTitle > div, body[data-contrast="true"] .multiControls, body[data-contrast="true"] nav .imHover .someBtnDark,
body[data-contrast="true"] .animDark.listRemove,
body[data-contrast="true"] .multiControls .multiControl,
body[data-contrast="true"] .multiCarouselMore a
{
    background-color: var(--colorDarkBlue);
    color: #000 !important
}
body[data-contrast="true"] .imHover:hover .hoverShow.hoverText
{
    background-color: #000
}
body[data-contrast="true"] .userCol  .bannerTitle::after{
    background-color: #fff
}
body[data-contrast="true"] .prodCard, 
body[data-contrast="true"] .newsletter,
body[data-contrast="true"] .navMain,
body[data-contrast="true"] .header-contrast .imHover:hover .hoverShow::after,
body[data-contrast="true"] .header-contrast .imHover:hover .hoverShow::before,
body[data-contrast="true"] .header-contrast .imHover:hover .hoverShow,
body[data-contrast="true"] .userBoxContent,
body[data-contrast="true"] .hovered .popoverOnHover.loaded,
body[data-contrast="true"] .hovered .loaded .popoverOnHover,
body[data-contrast="true"] .mainColumn .bootstrap-select>.dropdown-toggle,
body[data-contrast="true"] .mainColumn .filter-option-inner-inner,
body[data-contrast="true"] .mainColumn .bootstrap-select .dropdown-menu.show,
body[data-contrast="true"] .mainColumn .bootstrap-select .dropdown-menu.inner,
body[data-contrast="true"] .recordsPerPage .bootstrap-select,
body[data-contrast="true"] .bottomBanners section.customBanner,
body[data-contrast="true"] .shortDesc,
body[data-contrast="true"] .shortDesc *,
body[data-contrast="true"] .accordion-button,
body[data-contrast="true"] .leftCategories,
body[data-contrast="true"] .accordion-item,
body[data-contrast="true"] .catDesc,
body[data-contrast="true"] .productHeader .prodPhoto,
body[data-contrast="true"] .prodShort,
body[data-contrast="true"] .galleryContainer .customCarousel .carousel-inner > *,
body[data-contrast="true"] .commerceStuffBig,
body[data-contrast="true"] .rightItem,
body[data-contrast="true"] .columnRight.isSticky .commerceRight,
body[data-contrast="true"] .wishlists-for-product.opened,
body[data-contrast="true"] .selected-filter,
body[data-contrast="true"] .normalContent,
body[data-contrast="true"] .wishlists-for-product-content,
body[data-contrast="true"] .user-menu-container > *,
body[data-contrast="true"] .deliveries .carousel-item,
body[data-contrast="true"] .miniBlog .carousel-item h5,
body[data-contrast="true"] #UsersAddressUserEditAddressForm,
body[data-contrast="true"] .ajaxModal .basketAddressFieldsetTitle.b-head
{
    background-color: #000 !important;
    color: #fff
}
body[data-contrast="true"] .user-menu img[src$='.svg'],
body[data-contrast="true"] img[src="/img/shop/icons/icon-loup.svg"],
body[data-contrast="true"] .header-discount img,
body[data-contrast="true"] .header-wishlists img{
    filter: brightness(10)
}
body[data-contrast="true"] .btn-close,
body[data-contrast="true"] .rightItemImage img, 
body[data-contrast="true"] img[src="/img/shop/icons/icon-contrast.svg"],
body[data-contrast="true"] .deliveries .carousel-item img, body[data-contrast="true"] .animDark.listRemove img{
    filter: invert(1) !important
}
body[data-contrast="true"] .bannerLink a, body[data-contrast="true"] .prodTitle a, body[data-contrast="true"] .bannerLink a, body[data-contrast="true"] .priceCurrency, 
body[data-contrast="true"] a.postDate,
body[data-contrast="true"] .itemContainer a,
body[data-contrast="true"] .categoriesBrowser,
body[data-contrast="true"] .topMenu > ul > .nav-item > span,
body[data-contrast="true"] .dropdown-toggle::after,
body[data-contrast="true"] input,
body[data-contrast="true"] ::placeholder,
body[data-contrast="true"] a,
body[data-contrast="true"] .topMenu > ul > .nav-item > span,
body[data-contrast="true"] .topMenu > ul > .nav-item > a,
body[data-contrast="true"] .btn-close,
body[data-contrast="true"] #prodTabs.nav-tabs .nav-link,
body[data-contrast="true"].records.view #mainContainer .multiItemCarousel .banTitle,
body[data-contrast="true"] .rightItemBlue{
    color: #fff !important
}
body[data-contrast="true"] .iPop, body[data-contrast="true"] .checkmark, body[data-contrast="true"] #prodTabs.nav-tabs .nav-link.active{
    border-color: #fff !important
}
body[data-contrast="true"] .product-boxes .imHover:hover .hoverShow{
    right: calc(100% - 5px)
}
body[data-contrast="true"] .bootstrap-select.has-dots li:hover::before, body[data-contrast="true"] .bootstrap-select.has-dots li.selected::before, body[data-contrast="true"] .check-container input:checked~.checkmark{
    background: #fff !important
}
body[data-contrast="true"] .bootstrap-select.has-dots li::before, body[data-contrast="true"] .admin-stuff.btn-info{
    background: transparent
}
body[data-contrast="true"] .bottomSorting .paging > span.current::after{
    background-color: #5c5c5c
}
body[data-contrast="true"] .ui-widget-header{
    background-color: #fff !important
}
.customCarousel .carousel-item img{
    border-radius: 0
}
body[data-contrast="true"] .mergedFields input[type='text'],body[data-contrast="true"] .mergedFields input[type='email']{
    border-radius: 50%
}
.changeTextSize{
    cursor: pointer;
    user-select: none;
    font-size: 16px
}
#WishlistTitle{
    max-width: 170px
}
.boxUserBtns, .logoContainer, .itemContainer{
    font-size: 16px
}
.nr-prodinbasket{
    font-size: 12px
}
.form-switch .form-check-input{
    width: 32px;
    height: 16px
}
/*
body[data-textsize="90"] .userBoxContent{
    top: calc(100% + 76px)
}
body[data-textsize="70"] .userBoxContent{
    top: calc(100% + 72px)
}
*/
body.contents .leftCategories{
    margin-top: 0
}
.normalContent{
    background-color: #fff;
    padding: 1rem;
    border-radius: var(--radiusBs);
    margin-bottom: 2rem;
    padding-right: 1rem
}
.standardSite .leftCategories, .standardSite .leftCategories{
    margin-top: 0
}
.carouselCategory .carousel-item{
    width: 100%
}
.multiCarouselTitle > div{
    text-align: center;
    background-color: var(--grayBackground);
    font-weight: 600;
    font-size: 14px;
    margin: 0 auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: calc(100% - 1rem);
    padding: 1rem
}
.multiItemCarousel{
    position: relative
}
.multiControls{
    display: flex;
    padding: 1rem 1rem;
    justify-content: space-between;
    background-color: var(--grayBackground);
    align-items: center;
    width: calc(100% - 1rem);
    margin: 0 auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}
.multiControls .multiControl:hover{
    text-decoration: none !important;
    
}
.multiControls .multiControl::before{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:#333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear 0s;
    color: #fff
}
.multiControls .multiControl.carousel-control-next::before{
    content: '>';
    left: -100%
}
.multiControls .multiControl.carousel-control-prev::before{
    content: '<';
    right: -100%
}
.multiControls .multiControl.carousel-control-prev:hover::before{
    right: 0
}
.multiControls .multiControl.carousel-control-next:hover::before{
    left: 0
}
.multiControls .multiControl{
    position:  relative !important;
    color: #333;
    font-weight: 600;
    opacity: 1;
    font-size: 16px;
    width: 32px;
    height: 32px;
    border-radius:50%;
    left: unset;
    right: unset;
    top: unset;
    left: unset;
    overflow: hidden;
    transition: all .2s linear 0s;
    flex-shrink: 0
}

.multiCarouselMore{
    font-size: 12px;
    text-align: center
}
.customCarousel .carousel-inner .carouselCategory{
    display: flex !important;
    flex-direction: column;
}
.carousel.multiItemCarousel{
    display: flex;
    flex-grow: 10;
    flex-direction: column
}
.carouselCategory .carousel-inner{
    flex-grow: 10
}

.deliveryItem{
    display: flex;
}
.deliveryItem img{
    margin-right:24px
}
.deliveryContainer{
    display: flex;
    flex-direction: column;
    align-items: stretch
}
.deliveryDate{
    margin-bottom: 8px
}
.deliveryDesc span, .deliveryDate{
    font-weight: 600
}
section.deliveries .blogItem{
    background-color: var(--grayBackground);
    padding: 24px
}
.deliveries.multiItemCarousel .contentWidth.bannerContent{
    padding-left: 0;
    padding-right: 0
}
.deliveries .carousel-container{
    padding: 0 1rem
}
.blogNav{
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin: 40px auto 0 auto
}
body.events.view .blogNav{
    margin-bottom: 40px
}
.blogSorting .bootstrap-select{
    width: unset;
    margin-right: 0
}
.navibarBlog{
    margin-bottom: 1rem;
    overflow: auto
}
.navibarBlog #navibar{
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}
.leftModule{
    padding: 1rem;
    background-color: #fff;
    border-radius: var(--radiusBs);
    margin-bottom: 0.5rem
}
.blogSorting{
    margin-left: 1rem;
    margin-bottom: 8px
}
#cloudTags{
    max-width: 100%
}
#tagcloud{
    text-align: center
}
.deliveries .carousel-control{
    top: calc(50% - 36px)
}
.blog-search .mergedFields{
    align-items: center
}
.blog-search .mergedFields input{
    border: 0
}
.blog-search .mergedFields img{
    filter: brightness(100)
}
body.events:not(.view) .blogContent{
    background: transparent;
    padding: 0
}
.blog-row{
    display: flex;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    background-color: #FFF;
    box-shadow: var(--box-shadow);
    margin-bottom: 16px;
    border-radius: 4px;
    padding: 40px
}
.blogDesc{
    margin-bottom: 32px
}
.blog-desc{
    display: flex
}
.votes-options{
    display: flex;
}
.blog-row .shortDesc{
    display: block;
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap
}
.blog-row .infoCol{
    width: 42.8%;
    flex-grow: 1;
    padding-left: 40px
}
.blog-row .prodPicture{
    margin-bottom: 0;
    padding-top: 0
}
.blog-row .pictureContainer img{
    max-width: 100%
}
.blog-row .pictureContainer{
    max-width: 240px;
    width: 100%
}
.blogDesc{
    width: 100%
}
.vote-action{
    position: relative;
    cursor: pointer
}
.vote-action .tc{
    position: absolute;
    bottom: 100%;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    text-align: center
}
#mainContainer .vote-action img{
    max-width: 20px
}
.blog-author, .blog-date{
    margin-right: 16px
}
.events-listing-more-button{
    margin-left: auto;
    font-weight: bold
}
.votedown{
    margin-left: 8px
}
body.events .recordsPerPage{
    display: none !important
}
body.events:not(.view) .contentContainer.col-9{
    padding-right: 0
}
.vote-message{
    margin-left: 4px;
    font-size: 12px;
    display: flex;
    align-items: center
}
body.events #mainContainer {
    overflow: unset
}
.admin-stuff a{
    color: #0dcaf0
}
body.events.view .vote-action .tc{
    position: static
}
.about-item{
    display: flex;
    align-items: center
}
.blogComments{
    background-color: #fff;
    margin-left: auto;
    border-radius: var(--radiusBs);
    padding: 1rem
}
body.events.view .normalContent {
    margin-bottom: 1rem
}
.fbVote{
    align-items: center;
    display: flex;
    margin-left: 16px
}
.grayForms textarea{
    font: normal normal normal 14px/22px Poppins;
    border-radius: 30px;
    background-color: #FAFAFA !important;
    border: 0;
    padding: 13px 1rem;
    margin-bottom: 2.25rem;
    width: 100%
}
textarea{
    outline: none !important
}
.blogComments{
    margin-bottom: 32px
}
.blogList{
    margin: 0 auto
}
.blogContent .productLargePhoto{
    max-width: 100%;
}
.blogContent .commerceStuff{
    display: flex
}
.blogContent .psmall-row, .blogContent .smallContainer{
    width: 100%;
    flex-direction: row;
    justify-content: space-between
}
.blogContent .smallContainer{
    width: 99%
}
.blogContent .lowestPriceSmall{
    display: none
}
.users .soc-button{
    border: 1px solid #3333331A;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem;
    justify-content: center;
    font-weight: normal
}
.soc-button img{
    margin-right: .5rem
}
.soc-button:first-of-type{
    margin-right: 16px
}

.inPriceTypeSeparator, .inPriceType{
    padding: 0 !important;
    font-size: 12px
}
.rightColCart{
    padding: 24px;
    background-color: #fff;
    position: sticky;
    top: 98px;
    border-radius: var(--radiusBs)
}
#galleryCarousel .carousel-control{
    display: none
}
#galleryCarousel .p-small-pic{
    min-width: unset
}
body.baskets #mainContainer{
    overflow: unset
}
.rightSums{
    position: relative;
    padding-top: 16px;
    margin-bottom: 16px
}
.rightColCart .stepBasketProductSum{
    display: flex;
    justify-content: space-between;
}
.rightColCart .stepBasketProductSumTitle{
    font-weight: 600
}
.rightColCart .stepBasketProductSumValue{
    text-align: right
}
.rightColCart .bHead{
    margin-bottom: 32px
}
.promo-codeInbasket{
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}
/*
.promo-codeInbasket button{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}
*/
.finalSum{
    margin-top: 48px;
    border-bottom: 1px solid #3333331A;
    padding-bottom: 24px;
    margin-bottom: 24px
}
.backForwardBtns{
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}
.rightColCart .whiteButton, .thinButton{
    font-weight: normal;
    border: 1px solid #3333331A;
    border-radius: 100px;
    padding: 13px 13px
}
.makeListFromCart{
    position: relative
}
.wishlistContainer{
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 8px;
    background-color: #fff
}
.wishlistContainer.opened{
    display: block;
}
.wishlistContainer{
    padding: 16px;
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--box-shadow)
}
.rightSums .left-addons, .rightSums .step-info{
    font-size: 14px
}
body.address_data fieldset{
    background: #fff;
    margin-top: 32px;
    padding: 16px 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
body.address_data fieldset label.check-container img{
    margin-right: 16px
}
body.address_data fieldset label.check-container:not(.checkbox) .checkmark{
    position: static;
    margin-bottom: unset !important
}
body.address_data fieldset label.check-container{
    box-shadow: none;
    padding: 0;
    align-items: center;
    width: calc(50% - .5rem);
    flex-wrap: nowrap;
}
body.address_data fieldset label.check-container.checkbox{
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap
}
body.address_data fieldset label.check-container.checkbox .checkmark{
    margin-bottom: auto
}
.basketUsertypeSelect{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #3333331A;
    padding: 24px 0 !important;
    margin-bottom: 24px
}
.greyBasket .error-message{
    color: var(--colorRed)
}
body.address_data .b-head{
    font-weight: 600
}
body.address_data #inbasketProducts{
    margin-bottom: 1rem
}

.invoiceAndOther{
    padding-left: 16px
}
body.address_data .width50, .cartEmail{
    width: calc(50% - .5rem);
}
.contactBlock,.invBlock{
    width: 50%;
    padding: 0
}
body.address_data .greyBasket label:not(.check-container){
    display: block
}
body.address_data div.input{
    width: 100%
}
body.address_data .greyBasket input[type="text"], body.address_data .greyBasket input[type="tel"], body.address_data .greyBasket input[type="email"]{
    width: 100%
}
body.address_data .greyBasket .trow{
    display: unset
}
.custom-address-data, .basketContact, .contactData{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end
}
.standardDeliveryParams > .b-address{
    margin-bottom: 0
}
.contactData{
    padding-top: 0 !important
}
.standardDeliveryParams .custom-address-data{
    padding-bottom: 0
}
.multiAddressDataSet, .basketContact, .phoneBlock{
    border-right: 1px solid #3333331A;
    padding-right: 16px
}
.greyBasket .custom-addresses-fieldset label.check-container:not(.oneRadioField){
    width: unset;
    justify-content: flex-start;
    flex-wrap: wrap
}
.invoiceDataAdd{
    padding-left: .5rem
}
body.address_data label.checkbox .error-message{
    display: block;
    padding-left: 0;
    width: 100%
}
.greyBasket .table>:not(caption)>*>*{
    padding-left: 0;
    padding-right: 0
}
.terms-checks{
    margin-top: 24px
}
/*
.mainCart{
    padding-left: 0
}
*/
input[disabled]{
    pointer-events:none
}
#contentContainer.isCompany .companyParams, .invContainer{
    width: calc(50% - .5rem)
}
.cartLoginRegister{
    display: flex;
    justify-content: space-between;
    align-items: stretch
}
.cartLoginRegister .greyBasket{
    width: calc((100% - 2rem) / 3);
    border-radius: 4px;
    padding: 16px;
    display: flex;
    flex-direction: column
}
.regirestrationsBenefits{
    display: flex;
    flex-direction: column;
    margin-top: 32px
}
.registerBenefit{
    display: flex;
    align-items: center;
    align-content: center;
    margin-top: 24px
}
.registerBenefit img{
    margin-right: 16px
}
.greyBasket .greyInside label.check-container{
    padding: 0;
    box-shadow: none;
    align-items: flex-start
}
.greyInside{
    background-color: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    border-radius: 4px;
    flex-grow: 10
}
.greyButton{
    padding-top: 16px;
    border-top: 1px solid #3333331A;
    margin-top: auto;
    text-align: right
}
.regirestrationsBenefits{
    display: flex;
    flex-direction: column;
    flex-grow: 10
}
.cartLoginRegister .smallLinkText{
    text-align: right;
    position: relative;
    bottom: 24px
}
body.categories .leftModule{
    background-color: transparent;
    padding: 0
}
body.users .col-9 .b-inputs{
    margin-bottom: 1rem
}
body.users .col-9 .b-inputs .b-head{
    font-weight: 600
}
img[src="/img/shop/icons/icon-package.svg"]{
    max-width: 45px !important
}
#authMessage{
    display:none
}

/*body.users .col-9.contentContainer,body.wishlists .col-9.contentContainer{
    max-width: 716px;
}*/
body.users .mainColumn .bootstrap-select>.dropdown-toggle.bs-placeholder, .body.users .mainColumn .bootstrap-select>.dropdown-toggle{
    background-color: #FAFAFA !important
}
.accountBlock{
    margin-bottom: 2.25rem
}
body.users .contentContainer, body.wishlists .contentContainer, body.baskets.order .contentContainer{
    padding-right: 1rem
}
body.users #UsersAddressUserEditAddressForm{
    background-color: #fff
}
.simpleFlex{
    justify-content: space-between;
    display: flex;
    align-items: center;
    border-top: 1px solid #3333331A;
    padding-top: 1rem;
}
body.users .basketUsertypeSelect{
    border-bottom: 0
}
body.user_edit_address .longBoxContent{
    padding: 1rem;
    background-color: #fff;
    margin: 0 auto;
    margin-bottom: 2rem;
    max-width: 716px
}
.basketdetails-in-header .oldPriceBrutto, .basketdetails-in-header .oldNetto{
    display: none !important
}
body:not([data-pricetype="netto"]) section.deliveries{
    display: none
}
/*
body.stickyNavMain[data-textsize="70"] .userBoxContent{
    top: calc(100% + 24px)
}
body.stickyNavMain[data-textsize="80"] .userBoxContent, body.stickyNavMain[data-textsize="90"] .userBoxContent{
    top: calc(100% + 26px)
}
*/
.multiItemCarousel.miniBlog .carousel-container{
    padding-left: 0;
    padding-right: 0
}
body[data-scale="130"] .navMain, body[data-scale="130"] footer{
    padding-left: 3.5rem;
    padding-right: 3.5rem
}
body[data-scale="130"] section[role="banner"]:not(.customBanner):not(.miniBlog){
    padding-left: 2.5rem;
    padding-right: 2.5rem
}
body[data-scale="130"] section[role="banner"] .bannerTitle{
    padding-left: 1rem;
    padding-right: 0
}
body[data-scale="130"] section[role="banner"] .carousel-control-prev{
    left: -1.85rem
}
body[data-scale="130"] section[role="banner"] .carousel-control-next{
    right: -1.85rem
}
body[data-scale="130"] .customCarousel .carousel-inner:not(.multiCarousel) > *{
    zoom: 80%
}
.ajaxModal{
    max-width: unset !important
}

.noTitleModal .modal-header{
    border: 0;
    right: 4px;
    position: absolute;
    z-index: 10;
    top: 8px
}
.noTitleModal .longBoxTitle{
    padding-right: 32px
}
.ajaxModal .check-container{
    margin-left: 1rem
}
.ajaxModal .basketUsertypeSelect .check-container:first-of-type{
    margin-left: 0
}
.ajaxModal h5{
    padding: 0;
    margin-bottom: 0
}
.ajaxModal #flashMessage{
    background-color: var(--colorRed);
    padding: 1rem;
    color: #fff;
    font-size: 13px;
    border-radius: 8px
}
.ajaxModal .basketUsertypeSelect{
    margin-bottom: 0;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}
.ajaxModal .basketAddressFieldsetTitle.b-head{
    font-weight: 600;
    margin-bottom: 8px
}
.address-name-invoice-template, .gus-message, .address-name-delivery-template{
    font-size: 14px
}
.address-name-delivery-template-value{
    display: block
}
.common-address-data #flashMessage, .address-name-invoice-template-value{
    color: #333
}
.users-addresses-inner-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}
.order-userdata-item{
    width: calc(50% - 1rem);
    margin-bottom: 24px
}
.order-userdata-item-inner-dataview h5{
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: underline;
}
.order-userdata-item-inner-dataview p{
    margin-bottom: 0
}
.order-userdata-item-inner-interaction, .order-userdata-item-inner-dataview{
    font-size: 13px;
    line-height: 16px
}
.users-address-delivery-param{
    font-weight: 600
}
.users-address-phone-param,.users-address-invoice-param, .users-address-delivery-param, .user-type-info-inner{
    display: block;
    margin-bottom: 8px !important;
}
.order-userdata-item-inner-interaction a:last-of-type{
    margin-left: 8px;
}
.order-userdata-item-inner-interaction label{
    margin-bottom: 8px
}
.order-userdata-item-inner-interaction a{
    display: inline-block;
    margin-bottom: 8px;
    vertical-align: middle
}
.users-addresses-inner-container > div:not(.clear):not(.order-userdata-item){
    width: 100%
}
.categoriesBrowser > .backToCategory{
    display: none
}
#mainContent .smallList{
    overflow: unset;
    max-height: unset;
    display: table;
    width: 100%
}
.smallButton{
    padding: 6px 13px;
    font-size: 12px
}
.negativeButton{
    background-color: var(--colorRed)
}
/*
.smallerList{
    font-size: 14px
}
*/
.lastSmallCol > *{
    display: flex;
    justify-content: flex-end
}
.animDark.listRemove{
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}
.animDark.listRemove:hover{
    background-color: #000
}
.animDark.listRemove:hover img{
    filter: brightness(100)
}
.animDark{
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear 0s
}
.animDark:hover{
    overflow: unset
}
.animDark .showText{
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.2s linear 0s;
    font-size: 12px;
    font-weight: bold
}
.animDark:hover .showText{
    opacity: 1;
    right: 100%;
    padding-right: 4px
}
.actions-visible-if-any-checked, .wishlists-records-actions, .send-wishlist{
    display: flex;
    align-items: center
}
.send-wishlist-link-container{
    flex-grow: 1;
    display: flex;
    align-items: center
}
.send-wishlist-link-container .input{
    margin-left: 8px;
    flex-grow: 1
}
.send-wishlist-link-container input{
    margin-bottom: 0 !important
}
.thinButton{
    background-color: #fff
}
input.pricetype{
    margin: 0 8px
}
.wishlists-records-actions{
    justify-content: flex-end
}
.wishlists-records-actions > *{
    margin-right: 16px
}
.wishlists-records-actions:not(.actions-visible-if-any-checked) > *:first-child{
    margin-right: auto;
    margin-left: 0
}
.actions-visible-if-any-checked{
    justify-content: flex-start;
    margin-bottom: 2rem
}
.wishlistBody .stepBasketProductsTable input:not(.blueButton){
    margin-bottom: 0 !important;
    padding: 0 !important
}
.wishlistBody .stepBasketProductsTable textarea{
    margin-bottom: 0;
    max-height: 72px
}
.wishlists-records-actions .wishlists-for-product{
    position: absolute;
    top: 100%
}
.wishTable .trow{
    display: flex;
    align-items: center
}
.wishTable .checkTh{
    width: 36px;
    margin-bottom: auto;
    margin-top: 0
}
.wishTable .photoTd{
    height: 80px;
    width: 80px;
    flex-shrink: 0
}
.wishTable .photoTd img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    padding-right: 16px
}
.wishTable .basketTrProduct{
    max-width: 320px;
    width: 100%;
    margin-right: 8px
}
.wishTable .priceBruttoNumber{
    font-size: 1rem;
    font-weight: normal
}
.wishTable .priceCurrency, .wishTable .isPromoPrice{
    font-size: 12px;
    font-weight: normal
}
.wishTable .basketTrNotice{
    margin-left: auto;
    max-width: 240px;
    width: 100%;
    min-width: 126px
}
.wishTable .basketTrNotice textarea{
    font-size: 12px
}
.wishTable .basketTrPrice{
    min-width: 110px
}
.wishTable .basketTrValue .priceBruttoNumber, .wishTable .basketTrValue .priceCurrency{
    font-weight: 600
}
.wishTable .basketProdTitle{
    font-size: 14px;
    font-weight: 600;
}
.wishTable .basketTrIncDec{
    min-width: 130px;
    margin: 0 8px
}
.wishTable .check-container{
    margin-bottom: 0
}
.wishTable .basketTh.photoTd{
    height: auto
}
.wishTable .basketTh{
    font-weight: 600;
    font-size: 12px
}
.wishTable .basketTrValue{
    min-width: 130px
}
.wishTable .trow{
    border-bottom: 1px solid #3333331A;
    margin-bottom: 16px;
    padding-bottom: 16px
}
.wishTable .trow:last-of-type{
    border-bottom: 0
}
.wishlists-buttons{
    text-align: right;
    margin-top: 8px
}
.wishTable .cartIncDec{
    margin: 0 auto
}
.wishTable .checkmark{
    top: 3px
}
.wishTable .incDec{
    flex-shrink: 0
}
.wishlistBody .wishlists-for-product-item a{
    display: flex;
    justify-content: space-between
}
.notActive{
    color: var(--colorRed);
    font-size: 12px;
    font-weight: bold
}
.userSorting{
    display: flex;
    width: 75%;
    margin-left: auto
}
.modalLoader{
    position: fixed;
    left: calc(50% - 22px);
    top: calc(50% - 22px)
}
.prodspec:not(.notStyled) tr td{
    padding: 0 0 4px 0
}
.prodspec:not(.notStyled) tr td:first-child{
    font-weight: 600;
    padding-right: 16px
}
.longTable{
    width: 100%
}
.longTable thead th{
    font-weight: 600;
    font-size: 12px;
    border-bottom: 1px solid #3333331A;
    padding-bottom: 16px;
    margin-bottom: 16px
}
.longTable tr:last-child td{
    border-bottom: 0
}
.longTable tr td{
    border-bottom: 1px solid #3333331A;
    padding-bottom: 16px;
    margin-bottom: 16px
}
.uerPaymentInfo{
    margin-top: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}
.uerPaymentInfo .blueButton{
    display: inline-block;
    margin-top: 8px
}
.uerPaymentInfo img{
    max-width: 16px !important;
    margin-right: 4px
}
.orderAddress{
    display: flex
}
.orderAddress > *:first-child{
    margin-right: 2rem
}
.price-warning{
    font-size: 12px;
    font-weight: bold;
    color: var(--colorRed)
}
.userProdsTable .basketTrPrice{
    max-width: 124px;
    width: 100%
}
.userProdsTable .cartCol{
    display: flex;
    align-items: center;
    justify-content: space-between
}
.userProdsTable .trow{
    justify-content: space-between
}
.smallCart{
    margin:0 8px
}
.smallCart img{
    max-width: 24px !important    
}
.userProdsTable .basketTrAmount{
    width: 32px;
    margin: 0 16px
 }
.userProdsTable .basketTrIncDec{
    display: flex;
    align-items: center
}
.userProdsTable .basketTrNotice{
    margin-left: unset;
    justify-content: flex-end
}
.myOrder .order-userdata-choice > div{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.myOrder .order-userdata-item:first-child{
    margin-right: 16px
}
.myOrder .order-userdata-item:not(.order-userdata-other){
    cursor: pointer;
    width: calc(50% - 1rem);
    max-width: 360px
}

.myOrder .order-userdata-item h5{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    text-decoration: underline;
}
.myOrder .order-userdata-item > h5{
    text-decoration: none;
    margin-bottom: 0
}
.myOrder .order-userdata-choice legend{
    font-size: 16px;
    font-weight: 600;
}
.myOrder .order-userdata-item-inner h5:last-of-type{
    margin-top: 8px
}
.myOrder .order-userdata-item-inner{
    font-size: 14px
}
.myOrder .order-userdata-item-inner p{
    margin-bottom: 0
}
.myOrder .order-userdata-item-inner{
    border: 1px solid #3333331A;
    border-radius: 16px;
    background-color: #FAFAFA;
    margin-top: 16px;
    padding: 16px;

}
.myOrder .order-userdata-item.selected .order-userdata-item-inner{
    background-color: #ddf3ff
}
.paymentContainer br{
    display: none
}
.paymentContainer{
    margin-top: 16px
}
.paymentContainer button{
    border-radius: 100px;
    margin-bottom: 8px
}
.paymentContainer *:not(button):not(.blueButton) {
    text-align: left !important;
    padding-left: 0 !important;
    margin-top: 8px
}
.lightButton{
    background-color: #fff;
    border-radius: 100px;
    border: 1px solid #3333331A;
    padding: 13px 24px;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}
.amountInCart{
    display: none;
    position: absolute;
    font-size: 12px;
    bottom: -4px;
    transform: translate(0,100%)
}
body[data-viewmode="list"] .recordsContainer .cartIncDec{
    position: relative
}
body[data-viewmode="list"][data-pricetype="netto"] .amountInCart{
    display: block
}
body[data-viewmode="list"] .recordsContainer .prodPrices{
    width: 270px
}
body.categories .leftCategories{
    max-width: unset;
}
.selectLabel{
    margin-right: 8px
}
.massCart img{
    margin-right: 16px
}
.massCart button{
    position: relative;
    right: 16px
}
.massCart{
    align-items: center;
    width: auto;
    bottom: 32px;
    z-index: -1;
    transition: opacity 0.2s linear 0s;
    position: sticky;
    opacity: 0;
    left: 100%;
    display: none
}
body[data-viewmode="list"][data-pricetype="netto"] .massCart{
    display: inline-flex;
}
.massCart button:hover{
    opacity: 1 !important
}
.massCart.isSticky{
    transition: opacity 0.2s linear 0s;
    opacity: 1;
    z-index: 10
}
.toCartButton:hover{
    opacity: 0.8
}
img[src="/img/shop/icons/icon-cart.svg"]{
    filter: brightness(20);
}
.scroll-top span{
    rotate: -90deg;
    display: block
}
.scroll-top{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #333;
    color: #fff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 5;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #ffffff38
}

body[data-viewmode="list"] .recordsContainer .prodPrices{
    width: 220px
}
body.categories #mainContainer{
    overflow: unset
}
body.categories footer, body.categories section, body.categories .newsletter, body.categories .catDesc, body.categories .bottomBanners{
    overflow: hidden !important;
    max-width: 100%
}

.miniBlog{
    margin-bottom: 0
}

body[data-viewmode="tiles"] .recordsContainer .pictureContainer{
    max-width: unset !important
}

[data-viewmode="tiles"] .prodPrices, .carousel-item .prodPrices{
    max-height: 85px;
    flex-grow: 0;
}
[data-viewmode="tiles"] 
[data-viewmode="tiles"] .cartSmall{
    margin-top: 8px
}
[data-viewmode="tiles"] .promotedProduct, .carousel-item .promotedProduct{
    margin-bottom: -4px
}
input.pricetype{
    cursor: pointer
}
.photoSlide{
    overflow: hidden;
    position: relative
}

.navMain.isSticky .headerSearch{
    width: auto;
    padding-left: 32px;
    padding-right: 32px
}
#mainMenu > li{
    margin-right: 8px
}
/*
body[data-textsize="1"] .categoriesBrowser > li, body[data-textsize="1"] footer, body[data-textsize="1"] .topMenu > ul > .nav-item > span, body[data-textsize="1"], [data-textsize="1"] .prodTitle, [data-textsize="1"] .prodTitle a{
    font-size: 17px
}
body[data-textsize="1"] .event-categories-item, body[data-textsize="1"] .check-container,body[data-textsize="1"] .treeItem_results, body[data-textsize="1"] .accordion-button{
    font-size: 15px
}
body[data-textsize="1"] .bannerTitle, body[data-textsize="1"] h1.longBoxTitle, body[data-textsize="1"] .longBoxTitle h1{
    font-size: 26px;
}
body[data-textsize="1"] #navibar{
    font-size: 13px
}


body[data-textsize="2"] .categoriesBrowser > li, body[data-textsize="2"] footer, body[data-textsize="2"] .topMenu > ul > .nav-item > span, body[data-textsize="2"], [data-textsize="2"] .prodTitle, [data-textsize="2"] .prodTitle a{
    font-size: 19px
}
body[data-textsize="2"] .event-categories-item, body[data-textsize="2"] .check-container, body[data-textsize="2"] .treeItem_results, body[data-textsize="2"] .accordion-button{
    font-size: 16px
}
body[data-textsize="2"] .bannerTitle, body[data-textsize="2"] h1.longBoxTitle, body[data-textsize="2"] .longBoxTitle h1{
    font-size: 28px;
}
body[data-textsize="2"] #navibar{
    font-size: 14px
}


body[data-textsize="3"] .categoriesBrowser > li, body[data-textsize="3"] footer, body[data-textsize="3"] .topMenu > ul > .nav-item > span, body[data-textsize="3"], [data-textsize="3"] .prodTitle, [data-textsize="3"] .prodTitle a{
    font-size: 21px
}
body[data-textsize="3"] .event-categories-item, body[data-textsize="3"] .check-container, body[data-textsize="3"] .treeItem_results, body[data-textsize="3"] .accordion-button{
    font-size: 17px
}
body[data-textsize="3"] .bannerTitle, body[data-textsize="3"] h1.longBoxTitle, body[data-textsize="3"] .longBoxTitle h1{
    font-size: 30px;
}
body[data-textsize="3"] #navibar{
    font-size: 15px
}


body[data-textsize="-1"] .categoriesBrowser > li, body[data-textsize="-1"] footer, body[data-textsize="-1"] .topMenu > ul > .nav-item > span, body[data-textsize="-1"], [data-textsize="-1"] .prodTitle, [data-textsize="-1"] .prodTitle a{
    font-size: 15px
}
body[data-textsize="-1"] .event-categories-item, body[data-textsize="-1"] .check-container,body[data-textsize="-1"] .treeItem_results, body[data-textsize="-1"] .accordion-button{
    font-size: 13px
}
body[data-textsize="-1"] .bannerTitle, body[data-textsize="-1"] h1.longBoxTitle, body[data-textsize="-1"] .longBoxTitle h1{
    font-size: 22px;
}
body[data-textsize="-1"] #navibar{
    font-size: 11px
}
body[data-textsize="-1"] .priceBruttoNumber{
    font-size: 36px
}


body[data-textsize="-2"] .categoriesBrowser > li, body[data-textsize="-2"] footer, body[data-textsize="-2"] .topMenu > ul > .nav-item > span, body[data-textsize="-2"], [data-textsize="-2"] .prodTitle, [data-textsize="-2"] .prodTitle a{
    font-size: 14px
}
body[data-textsize="-2"] .event-categories-item, body[data-textsize="-2"] .check-container,body[data-textsize="-2"] .treeItem_results, body[data-textsize="-2"] .accordion-button{
    font-size: 12px
}
body[data-textsize="-2"] .bannerTitle, body[data-textsize="-2"] h1.longBoxTitle, body[data-textsize="-2"] .longBoxTitle h1{
    font-size: 20px;
}
body[data-textsize="-2"] #navibar{
    font-size: 12px
}
body[data-textsize="-2"] .priceBruttoNumber{
    font-size: 32px
}


body[data-textsize="-3"] .categoriesBrowser > li, body[data-textsize="-3"] footer, body[data-textsize="-3"] .topMenu > ul > .nav-item > span, body[data-textsize="-3"], [data-textsize="-3"] .prodTitle, [data-textsize="-3"] .prodTitle a{
    font-size: 13px
}
body[data-textsize="-3"] .event-categories-item, body[data-textsize="-3"] .check-container,body[data-textsize="-3"] .treeItem_results, body[data-textsize="-3"] .accordion-button{
    font-size: 11px
}
body[data-textsize="-3"] .bannerTitle, body[data-textsize="-3"] h1.longBoxTitle, body[data-textsize="-3"] .longBoxTitle h1{
    font-size: 18px;
}
body[data-textsize="-3"] #navibar{
    font-size: 10px
}
body[data-textsize="-3"] .priceBruttoNumber{
    font-size: 28px
}


body[data-textsize="3"] .stickyNavMain .userBoxContent{
    top: calc(100% + 25px)
}

body[data-textsize="3"] .openChild{
    margin-top: 4px;
    right: 13%
}
body[data-textsize="2"] .openChild{
    margin-top: 7px;
    right: 8%
}

body[data-textsize="-2"] .openChild{
    right: 27%;
    margin-top: 1px
}

body[data-textsize="-3"] .openChild{
    right: 38%;
    margin-top: 3px
}
*/

.allWrapper{
    max-width: 100% !important;
    background-color: #fff
}
.allElems{
    margin: 0 auto;
    max-width: 1920px;
    background-color: #FAFAFA
}
section[role="banner"]{
    padding-bottom: 80px;
    margin-bottom: 0;
}
section.deliveries{
    margin-top: 80px
}
section[role="banner"]:nth-child(2){
    margin-top: 0
}
section.deliveries .banTitle{
    color: #333 !important
}
#navibar{
    margin-top: 0;
    padding-top: 16px
}
.recordsContainer{
    padding: 0
}
body.start section[role="banner"]{
    padding-top: var(--marginProdCardElement)
}
body.start section[role="banner"].deliveries{
    margin-top: 0;
    padding-top: 0
}
.brandZone.customCarousel .carousel-inner:not(.multiCarousel) > *{
    margin-right: 1rem
}
section.multiItemCarousel .titleStuff{
    margin: 0 auto
}
.brandZone.multiItemCarousel .contentWidth.bannerContent, .miniBlog.multiItemCarousel .contentWidth.bannerContent{
    padding: 0 24px 35px 24px
}
body.address_data div.input.width50{
    width: calc(50% - .5rem)
}
body.address_data span.small{
    font-size: 12px
}
.registeredClient.defaultIsNotCompany .invBlock,
.notRegisteredClient.isNotCompany .invBlock{
    padding-left: 16px
}
.notRegisteredClient.notUserTypeSelected .contactBlock, .notRegisteredClient.notUserTypeSelected .invBlock{
    display: none
}

.additional-address-data-container.otherAddressDataNotChecked.multiAddressDataSet .addressModalPreview,
.additional-address-data-container.otherAddressDataNotChecked.multiAddressDataSet .takeAddress,
.additional-address-data-container.otherAddressDataNotChecked.multiAddressDataSet .delivery-address-explanation
{
    display:none;
}
#basketAddressForm.notRegisteredClient .additional-address-data-container.otherAddressDataNotChecked
{
    display:none;
}

.isNotCompany .companyParams.otherInvoiceData #f_nip{
    display: block !important
}
#basketAddressForm.registeredClient.defaultIsCompany fieldset .invBlock,
#basketAddressForm.notRegisteredClient.isCompany fieldset .invBlock{
    order: 2
}
#basketAddressForm.registeredClient.defaultIsCompany fieldset .contactBlock,
#basketAddressForm.notRegisteredClient.isCompany fieldset .contactBlock{
    order: 3
}
#basketAddressForm.registeredClient.defaultIsCompany fieldset > .b-address,
#basketAddressForm.notRegisteredClient.isCompany fieldset > .b-address{
    order: 4
}
#basketAddressForm.registeredClient.defaultIsCompany fieldset > .basketAddressFieldset,
#basketAddressForm.notRegisteredClient.isCompany fieldset > .basketAddressFieldset{
    order: 5
}
#basketAddressForm.registeredClient.defaultIsCompany fieldset .basketUserTypeSelectFieldset,
#basketAddressForm.notRegisteredClient.isCompany fieldset .basketUserTypeSelectFieldset{
    order: 0
}
.registeredClient.defaultIsCompany .companyParams,
.notRegisteredClient.isCompany .companyParams{
    display: block !important
}
.registeredClient.defaultIsCompany .invBlock .phoneBlock,
.notRegisteredClient.isCompany .invBlock .phoneBlock{
    padding-right: 0;
    border: 0
}
.registeredClient.defaultIsCompany .invBlock,
.notRegisteredClient.isCompany .invBlock{
    border-right: 1px solid #3333331A;
    padding-right: 16px;
}
.registeredClient.defaultIsCompany .contactBlock,
.notRegisteredClient.isCompany .contactBlock{
    border: 0;
    padding-right: 0;
    padding-left: 16px
}
#basketAddressForm .warning-message{
    bottom: 20px;
    position: relative;
    font-size: 12px;
    font-weight: bold
}
#basketAddressForm .error-message{
    padding-left: unset
}
.basketUsertypeSelect label{
    padding: 1rem !important;
    transition: background-color 0.2s linear 0s
}
.ajaxModal .basketUsertypeSelect table{
    margin-bottom: 0
}
.ajaxModal .basketUsertypeSelect{
    display: flex;
    flex-wrap: wrap;
    border: 0
}
.ajaxModal .basketUsertypeSelect label{
    width: 100%;
    margin-left: 0;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}
.ajaxModal .basketUsertypeSelect label:last-of-type{
    margin-bottom: 1rem !important
}
.ajaxModal .basketUsertypeSelect .message{
    width: 100%;
    font-size: 14px;
    color: var(--colorRed);
}
body.address_data .greyBasket div.input:not(.checkbox) input{
    margin-bottom: 1.5rem
}
.defaultIsCompany .contactBlock .multiAddressDataSet{
    border-right: 0;
    padding-right: 0
}
.notUserTypeSelected #otherDataSetContainer{
    display: none
}
.deliveryMachineInfo{
    font-size: 12px;
    padding-bottom: 1rem
}
body.baskets .product-boxes-opts label.check-container{
    margin-bottom: 16px;
    box-shadow: none;
    padding: 0
}
.rightSums{
    padding-right: 0
}
#PurchaseformIndexForm{
    padding: 0
}
.rightColCart{
    margin-right: 8px
}
#popup_product_added_to_basket_inner{
    padding-top: 16px
}
#popup_product_added_to_basket_inner .positive{
    color: #519259;
    font-weight: 600
}
#popup_product_added_to_basket_inner .negative{
    color: var(--colorRed);
    font-weight: 600
}
.inBoxUser img[src="/img/shop/icons/icon-trash.svg"]{
    max-width: 16px
}
.registeredClient .existing-address-data div.input:not(.email){
    display: none
}
.registeredClient .existing-address-data:not(.basketUserTypeSelectFieldset){
    display: none
}
.addressModal .basket-user-change-address{
    display: none
}
.addressModal .modal-header{
    border: 0;
    padding: 0 0 1.5rem 0;
    font-weight: 600
}
.addressModal .modal-header h1{
    font-weight: 600
}
.addressModal .modal-content{
    padding: 1rem 1.5rem;
    background: #F5F5F5
}
.addressModal .modal-body{
    border-radius: 4px;
    padding: 0
}
.addressModal .order-userdata-item{
    width: 100%;
    background-color: #fff;
    padding: 1rem;
    border-radius: 4px
    
}
.addressModal .user-type-info{
    display: none
}
.addressModal .order-userdata-item .order-userdata-item-inner{
    display: flex
}
.addressModal .order-userdata-item .order-userdata-item-inner-interaction{
    display: flex
}
.addressModal .order-userdata-item-inner-dataview{
    padding-left: 8px
}
.addressModal .order-userdata-item-inner-dataview h5{
    display: none
}
.addressModal .order-userdata-item .order-userdata-item-inner-dataview::before{
    height: 12px;
    width: 12px;
    border: 1px solid var(--bs-link-hover-color);
    margin-right: 8px;
    border-radius: 50%;
    display: block;
    content:'';
    top: 2px;
    cursor: pointer;
    flex-shrink: 0;
    left: 0;
    position: absolute
}
.addressModal .order-userdata-item-inner-dataview{
    cursor: pointer;
    position: relative;
    padding-left: 24px
}

.addressModal .order-userdata-item.users-address-selected .order-userdata-item-inner-dataview::before{
    background-color: var(--bs-link-hover-color)
}
.addressModal .users-address-phone-param{
    font-weight: normal;
    margin-top: 5px
}
.normalContent > form > #common-address-data .addressModalActions button{
    display: none
}
.addressModal .addressModalActions button{
    display: block
}
.addressModal .addressModalActions{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #3333331A;
    padding-top: 1rem;
    margin: 0 1rem;
}
.addressModal .users-addresses-inner-container .toast
{
    margin-top:10px;
}
.addressModal .addressModalActions .data-delivery-address-new{
    font-size: 14px
}
.takeAddress{
    cursor: pointer;
    font-size: 14px;
    padding-top: 0 !important;
    margin-left: auto;
    background-color: var(--bs-link-hover-color)
}
.table>:not(caption)>*>*.takeAddress{
    background-color: var(--bs-link-hover-color)
}
.takeAddress.forcedBg{
    background-color: var(--bs-link-hover-color) !important;
    transition: background-color 0.2s linear 0s;
}
.greyBasket .delete-user-address-ajax img, .delete-user-address-ajax img{
    max-width: 14px !important;
    margin-left: 8px
}
.addressModalSelect .order-userdata-item-inner-interaction{
    display: flex;
    flex-wrap: wrap
}
.addressModalSelect .order-userdata-item-inner-interaction .users-default-addresses{
    width: 100%
}
.normalContent > form > #common-address-data .addressModalSelect .order-userdata-item-inner-interaction{
    margin-top: 16px
}
.addressModalSelect .order-userdata-item .order-userdata-item-inner-interaction{
    flex-wrap: nowrap;
    padding-left: 8px
}

body:not(.modal-open) .addressModal:not(.show),body.deliveryAddressModalOpen .addressModal.invoiceAddressModal, body.invoiceAddressModalOpen .addressModal.deliveryAddressModal{
    opacity: 1;
    /*display: block !important; */
    position: static;
    max-width: 80%;
    z-index: 1
}
body:not(.modal-open) .addressModal:not(.show) .modal-header, 
body:not(.modal-open) .addressModal:not(.show) .addressModalActions,
body:not(.modal-open) .addressModal:not(.show) .order-userdata-item .order-userdata-item-inner-dataview::before,
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .modal-header,
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .addressModalActions,
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .order-userdata-item .order-userdata-item-inner-dataview::before,
body.invoiceAddressModalOpen .addressModal.deliveryAddressModal .modal-header,
body.invoiceAddressModalOpen .addressModal.deliveryAddressModal .addressModalActions,
body.invoiceAddressModalOpen .addressModal.deliveryAddressModal .order-userdata-item .order-userdata-item-inner-dataview::before,
body:not(.modal-open) .addressModalSelect:not(.show)
{
    display: none !important
}
/*
body:not(.modal-open) .addressModal:not(.show) .users-address-delivery-param,
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .users-address-delivery-param{
    font-weight: normal
}
*/
body:not(.modal-open) .addressModal:not(.show) .modal-content,
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .modal-content,
body.invoiceAddressModalOpen .addressModal.deliveryAddressModal .modal-content{
    all: unset
}
body:not(.modal-open) .addressModal:not(.show) .modal-dialog,
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .modal-dialog,
body.invoiceAddressModalOpen .addressModal.deliveryAddressModal .modal-dialog{
    all: unset
}
body:not(.modal-open) .addressModal:not(.show) .order-userdata-item:not(.users-address-selected),
body:not(.modal-open) .addressModal:not(.show) .order-userdata-item-inner-interaction,
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .order-userdata-item:not(.users-address-selected),
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .order-userdata-item-inner-interaction,
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .addressModalActions,
body.invoiceAddressModalOpen .addressModal.deliveryAddressModal .order-userdata-item:not(.users-address-selected),
body.invoiceAddressModalOpen .addressModal.deliveryAddressModal .order-userdata-item-inner-interaction,
body.invoiceAddressModalOpen .addressModal.deliveryAddressModal .addressModalActions,
.addressModalPreview .order-userdata-item-inner-interaction
{
    display: none
}
body:not(.modal-open) .addressModal:not(.show) .order-userdata-item,
body.deliveryAddressModalOpen .addressModal.invoiceAddressModal .order-userdata-item,
body.invoiceAddressModalOpen .addressModal.deliveryAddressModal .order-userdata-item
{
    padding: 0;
    margin-bottom: 0
}
.toasts .btn-close{
    margin-top: 12px !important
}
.basketAddressFieldset:not(.phoneBlock) .table .basketAddressFieldsetTitle, #basketInvoice > .table > .trow .b-inputs .basketAddressFieldsetTitle{
    width: 100%
}

.basketAddressFieldset:not(.phoneBlock) .table > .trow .b-inputs, #basketInvoice > .table > .trow .b-inputs{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
body:not(.modal-open) .addressModal:not(.show) .order-userdata-item-inner-dataview{
    cursor: unset
}
.contactBlock > .basketAddressFieldsetTitle, .invBlock > .basketAddressFieldsetTitle{
    margin-bottom: 32px
}
.singleDataSet #copyAddressDataToInvoice{
    display:none;
}
.singleDataSet #otherDataSetContainer{
    display:none;
}
.singleDataSet .invBlock div.input.email .error-message{
    top: 100% !important
}
.singleDataSet.userTypeSelected .invBlock{
    border-right: 1px solid #3333331A;
    padding-right: 16px;
    display:  block !important;
    order: unset !important;
    padding-left: 16px;
}
.singleDataSet .invBlock > .companyParams > .b-address{
    margin-bottom: 0
}
.singleDataSet .contactBlock{
    display: none
}
.singleDataSet .invBlock .phoneBlock{
    padding-right: 0;
    border-right: 0;
    display: block
}
.singleDataSet .companyParams{
    display: block !important
}
.singleDataSet .invBlock .custom-address-data > div.input{
    order: 3
}
.singleDataSet .invBlock .custom-address-data > div.nip{
    order: 2
}
.singleDataSet .invBlock .custom-address-data > div.name{
    order: 1
}
.registeredClient .deliveryParams{
    display: flex;
    justify-content: space-between
}
.multiAddressDataSet, .basketContact, .phoneBlock{
    border-right: 0
}

.registeredClient.defaultIsNotCompany .contactBlock,
.notRegisteredClient.isNotCompany .contactBlock{
    border-right: 1px solid #3333331A;
}
.registeredClient.defaultIsNotCompany .invBlock .companyParams:not(.common-address-data){
    display: block
}
.registeredClient.defaultIsNotCompany .invBlock .companyParams .existing-address-data{
    display: none
}
body.baskets.index .mainCart{
    margin-bottom: 1rem
}
.orderFailed, .orderPedding, .orderInProgressInfo{
    font-size: 24px;
    display: flex;
    align-items: center;
    font-weight: bold;
    padding: 1.5rem;
    background-color: #F5F5F5
}
body.orderInProgress .mainCart{
    margin-top: 1rem
}
.orderFailed{
    font-size: 16px;
    color: var(--colorRed)
}
.dotsSpinner, .orderPeddingIndicator {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.dotsSpinner span, .orderPeddingIndicator span {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #333;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.dotsSpinner span:nth-child(1), .orderPeddingIndicator span:nth-child(1) {
    left: 8px;
    animation: orderPeddingIndicator1 0.6s infinite;
}
.dotsSpinner span:nth-child(2), .orderPeddingIndicator span:nth-child(2) {
    left: 8px;
    animation: orderPeddingIndicator2 0.6s infinite;
}
.dotsSpinner span:nth-child(3), .orderPeddingIndicator span:nth-child(3) {
    left: 32px;
    animation: orderPeddingIndicator2 0.6s infinite;
}
.dotsSpinner span:nth-child(4), .orderPeddingIndicator span:nth-child(4) {
    left: 56px;
    animation: orderPeddingIndicator3 0.6s infinite;
}
.priceTypes label{
    cursor: pointer
}
.form-switch .form-check-input{
    background-color: var(--grayBackground) !important;
    border: 1px solid var(--grayBorder) !important
}
body[data-pricetype="netto"] .priceTypes label:first-of-type{
    color: #038FD7
}
body[data-pricetype="brutto"] .priceTypes label:last-of-type{
    color: #038FD7
}
.searchContainer{
    background-color: var(--grayBackground);
    border: 1px solid var(--grayBorder)
}
body.start.index #mainContainer section:first-of-type{
    padding-bottom: 20px
}
body.start.index #mainContainer section .carousel-indicators{
    margin-bottom: -1rem;
}
body.start.index #mainContainer section .carousel-indicators [data-bs-target]{
    border-radius: 0;
    height: 10px;
    width: 50px;
    margin: 0 8px
}
.carousel-indicators [data-bs-target]{
    background-color: #ebebeb
}
.customCarousel:not(.miniBlog):not(.brandZone):not(.deliveries) .carousel-inner:not(.multiCarousel) > *{
    width: calc((100% - 4rem) / 5);
    min-width: 314px
}
.customCarousel:not(.categoriesProducts) .carousel-inner > .carousel-item:hover > .prodCard{
    box-shadow: var(--strong-box-shadow)
}
.carousel-control{
    border-radius: 0;
    background-color: transparent;
    font-size: 52px;
    transition: all 0.2s linear 0s;
    box-shadow: none !important;
    border: 0
}
.carousel-control:hover{
    font-size: 68px
}
.productsBanner > .row > div > .carousel-inner{
    padding-top: 16px
}
body.start section[role="banner"].productsBanner{
    padding-top: calc(var(--marginProdCardElement) - 16px);
}
section.categoriesProducts .carouselCategory .carousel-inner:hover{
    box-shadow: var(--strong-box-shadow)
}
body:not(.stickyNavMain){
    padding-top: unset
}
body:not(.stickyNavMain) .navMain{
    position: relative !important
}
.topInfo{
    background-color: var(--bs-link-hover-color);
    border-bottom: 1px solid #3333331A;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 0 auto;
    font-size: 18px;
    padding: .5rem;
    text-align: center
}
@keyframes orderPeddingIndicator1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
}
@keyframes orderPeddingIndicator3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
}
@keyframes orderPeddingIndicator2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
}
.multiItemCarousel .prodTitle a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.inPriceTypeSeparator{
    display: none
}
.smallCarousel .blogSmallPicture img{
    max-width: 70%;
    height: auto;
    margin: 0 auto
}
.smallCarousel .blogSmallPicture{
    height: auto;
    text-align: center
}
.smallCarousel .prodTitle{
    margin-top: 8px
}
body.baskets.index footer:not(.cartFooter), body.commerce.baskets.address_data footer:not(.cartFooter){
    display: none;
}
#galleryCarousel .p-small-pic{
    max-width: 100px
}
.btn-download{
    background-color: transparent;
    border: 0
}
.btn-download img{
    max-width: 32px !important
}
#fullGallery .modal-header{
    display: flex;
    justify-content: flex-end
}
#fullGallery .modal-header button{
    margin-left: 0;
    margin-right: 16px
}
#fullGallery .modal-body .carousel-control{
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
#fullGallery .modal-body .carousel-control.prev-image{
    left: 2rem
}
#fullGallery .modal-body .carousel-control.next-image{
    right: 2rem
}
#fullGallery .prodPhoto{
    overflow: auto
}
#fullGallery .modal-body .carousel-control:hover{
    margin-top: -8px;
    opacity: 1
}
#fullGallery .modal-body > .carousel-control{
    top: calc(50% - 50px);
    display: flex;
    align-items: center;
    transform: unset;
    color: #333;
    opacity: .9
}
#fullGallery .modal-body > .carousel-control:hover{
    margin-top: unset
}
.p-small-pic.visibleImage{
    border-bottom: 4px solid var(--bs-link-hover-color);
}
.carousel-control{
    user-select: none
}
body[data-pricetype="brutto"] .product-boxes{
    display: none
}
.categoryImage{
    position: absolute;
    right: 0;
    bottom: 0;
    top: unset;
    z-index: 1
}
header .nav-item.pRelative{
    position: relative
}
.nav-item .userBoxContent{
    top: calc(100% + 16px);
    left: 0
}
.categoriesBrowser{
    z-index: 2
}
body.stickyNavMain .search-input{
    position: static !important;
}
body.stickyNavMain #ac_search_results{
    left: 0
}
body.stickyNavMain .nav-item .userBoxContent{
    left: 0
}
.nav-item .inBoxUser > ul{
    list-style: none;
    padding: 0;
    margin-bottom: 16px
}
.nav-item .inBoxUser > ul .sr-name{
    max-width: 500px;
}
.nav-item .inBoxUser > ul .search-row .sr-price{
    width: auto
}
.nav-item .inBoxUser > ul a{
    font-size: 14px
}
.nav-item .inBoxUser > ul .search-row .sr-photo{
    width: 64px
}
#mainMenu .nav-link.dropdown-toggle.show::before{
    display: none !important
}
.header-cart .smallListIncDec .cartIncDec{
    display: inline-flex !important
}
.header-cart .smallListIncDec .unitsText{
    vertical-align: text-top
}
body[data-pricetype="brutto"] .forWholesale{
    display: none
}
body[data-pricetype="netto"] .wholesalerPrices .default-brutto{
    display: block
}
body.start.index #mainContainer section:first-of-type{
    padding-top: 0
}
#ac_search_results::before{
    display: none
}
.carousel-item .priceBruttoNumber{
    font-size: 32px
}
.carousel-item .prodPrices{
    margin: 8px 0 0 0
}
.carousel-item .prodCard{
    padding: 24px
}
.carousel-item .prodPicture{
    padding-top: 0
}
.carousel-item .brandItem a img{
    max-width: 100%
}
.wishlists-heart-link{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    transition: all 0.2s linear 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -14px;
    margin-right: -14px;
}
.wishlists-heart-link:hover{
    background-color: #000
}
.wishlists-heart-link:hover img{
    filter:brightness(100)
}
.carouselItem.brandItem a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
section.multiItemCarousel:not(.slider-bestsellers){
    margin-bottom: 0
}
section.multiItemCarousel:not(.slider-bestsellers), body.start section[role="banner"].productsBanner{
    padding-bottom: 0
}
body.start section[role="banner"]{
    padding-top: 0;
    padding-bottom: 0
}
section.brandZone, section.miniBlog{
    padding-top: 32px !important
}
.wishlists-for-product.opened .wishlists-for-product-content{
    box-shadow: var(--strong-box-shadow)
}
section.categoriesProducts{
    padding-top: 32px !important
}
.opened.styleForLoading{
    box-shadow: none;
    background-color: transparent
}
.carousel-item.blogItem .prodCard{
    padding: 0
}
.miniBlog.multiItemCarousel .contentWidth.bannerContent.carousel-inner, .brandZone.multiItemCarousel .contentWidth.bannerContent.carousel-inner{
    padding-top: 16px
}
.miniBlog.multiItemCarousel .bannerTitle{
    padding-bottom: 24px
}
section[role="banner"] .carousel-control{
    opacity: 0
}
section[role="banner"].controlsActive .carousel-control{
    opacity: .9
}
.columnFilters .accordion-item::not(.priceFilter){
    z-index: 1;
    position: relative
}
.priceFilter.isSticky,body.categories .leftCategories{
    z-index: 10
}
.doubleCarousel .p-wishlist .wishlists-content-container{
    right: .5rem !important;
    max-width: 230px
}
.customCarousel:not(.miniBlog) .carousel-item img[src^="/img/shop/icons/icon-heart"]{
    width: unset;
    margin: unset
}
.doubleCarousel .p-wishlist .wishlists-content-container .wishlist-button button{
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    right: 0;
    font-size: 0;
    padding: 0;
}
.doubleCarousel .p-wishlist .wishlists-content-container .wishlist-button button::after{
    content: '+';
    display: block;
    font-size: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}
.doubleCarousel .p-wishlist .wishlists-content-container .add-new-wishlist-form{
    position: relative
}
.doubleCarousel .p-wishlist .wishlists-content-container .wishlist-input{
    padding-left: 16px
}
.leftCategories ul li:not(.strong){
    padding-left: 1rem
}
.filters-inner{
    width: 100%
}
.prodBadges{
    z-index: 1
}
.carousel-item .prodPrices{
    flex-grow: 1
}
.doubleCarousel .hovered .popoverOnHover{
    right: 1rem
}
body.records.view #mainContainer section.carousel.replacements.multiItemCarousel{
    margin-top: 40px
}
.blickCodeField{
    margin-bottom: 4px !important
}
.blickCodeFieldContainer fieldset{
    margin-top: 0
}
#blickCodeButton{
    display: flex;
    margin-left: auto
}
.blikCodeInfo{
    font-size: 11px
}
.blikCodeOperator{
    font-size: 11px;
    text-align: right;
    margin-top: 8px
}
.cartHeadActions{
    font-size: 14px;
    font-weight: normal;
    text-align: right
}
.cartHead{
    display: flex;
    justify-content: space-between;
    align-items: center
}
.stepBasketProductsTable .throw{
    font-size: 13px
}
.inbaskatTable .throw > div:not(.basketTrProduct), .inbaskatTable .trow.products > div:not(.basketTrProduct){
    text-align: center;
}
.greyBasket .oldPrice{
    padding-right: 0;
    margin: 0 auto;
    font-size: 12px
}
/*
.greyBasket .basketTrAmount{
    margin: 0 auto
}
*/
#PurchaseformIndexForm #flashMessage{
    background-color: var(--colorRed);
    padding: .5rem;
    border-radius: 8px;
    color: #fff;
}
.bannerTitle{
    padding-bottom: 16px
}
section.productsBanner .bannerTitle,.miniBlog.multiItemCarousel .bannerTitle{
    padding-bottom: 0
}
.greyBasket{
    padding: 1.2rem
}
.clearCart img{
    width: 16px
}
.greyBasket label.check-container{
    padding: 1.2rem
}
.shipping-selected-info{
    width: unset;
    padding: 0;
    font-weight: normal;
    max-width: 50% !important;
    padding: 0 32px !important
}
.greyBasket .basketShippingInput .check-container{
    min-height: unset;
    align-items: flex-start
}
.shipping-name{
    font-size: 18px;
    max-width: calc(100% - 104px) !important
}
.checkmark{
    width: 14px;
    height: 14px;
    top: 4px
}
.basketUserTypeSelectFieldset label.check-container{
    justify-content: flex-start
}
.basketUserTypeSelectFieldset, .basketUsertypeSelect{
    width: 100%
}
div.input:not(.checkbox) .error-message{
    font-size: 11px
}
input.form-error{
    box-shadow: 0 0 0 2px rgb(204 54 54 / 100%);
    border-color: var(--colorRed)
}
input.form-success:not(:placeholder-shown){
    box-shadow: 0 0 0 2px rgb(0 162 0 / 100%);
    border-color: var(--colorRed);
}
body[data-contrast="true"] input.form-success:not(:placeholder-shown){
    box-shadow: 0 0 0 2px var(--contrastGreen);
}
body[data-contrast="true"] input.form-error:not(.liveInputInvalidated){
    box-shadow: 0 0 0 2px rgb(255 55 55 / 100%);
    border-color: var(--colorRed)
}

/*
.grayForms div.input:not(.checkbox) input.form-success:-webkit-autofill:not(:placeholder-shown)
{
    box-shadow: 0 0 0 2px rgb(0 162 0 / 100%);
    transition: background-color 600000s 0s, color 600000s 0s;
    
  
}
*/
/**
ZZTODOZZ - gdzieś wyżej jest styl dla .grayForms div.input:not(.checkbox) input:-webkit-autofill
powoduje on to, że jeżeli jest automatyczne uzupełnienie formularza w chrome, to nie pojawia się zielona ramka świadcząca że input został poprawnie wypełniony nawet gdy jest inputowi nadana klasa form-success
https://selmax.pl/mantis/view.php?id=4350#c14964

**/

.charCounter{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 1rem;
    right: 0;
    font-size: 13px;
    opacity: .8
}
.additional-notice{
    position: relative
}
.orderInformation{
    max-width: 812px;
    padding: 0 2rem 0 2rem;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    padding-bottom: 4rem
}
.orderInformation p{
    text-align: center !important;
    font-size: 16 !important;
}
.orderHead{
    text-align: center;
    font-size: 40px;
    color: #068FD7;
    margin-bottom: 32px;
    font-weight: bold
}
.orderInformation .stepBar ul li.completed .bubble{
    margin: 0 auto
}
.orderInformation .stepBar ul::before{
    display: none
}
.orderInformation .stepBar ul{
    justify-content: center
}
.orderInfo{
    font-weight: bold
}
.greenText{
    color: #519259
}
.backToStore{
    margin-top: 80px;
    display: block
}
.orderNr{
    font: normal normal 600 24px/32px Poppins;
    display: block
}
body.platnosci_failure .greenText, body.platnosci_failure .orderHead{
    color: var(--colorRed)
}
body.platnosci_failure .stepBar ul li.completed .bubble{
    border-color: var(--colorRed);
    display: flex;
    align-items: center;
    justify-content: center
}
body.platnosci_failure .stepBar ul li.completed .bubble::before{
    content: '\2715';
    border: none;
    transform: none;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    color: var(--colorRed);
}
body.categories #mainSlider{
    margin-bottom: 1rem
}
#copyAddressDataToInvoice{
    display: inline-block
}
.categoryImage{
    top: 48px;
    bottom: unset;
    height: calc(100% - 65px);
    width: auto;
    padding: 0;
    right: 0;
    max-height: 490px
}
.categoriesBrowser .groupedItems{
    width: 33.33333333%
}
.categoriesBrowser .groupedItems > li{
    margin-bottom: 16px
}
.categoriesBrowser .groupedItems > li > a{
    display: inline-block;
    font-weight: 600;
    margin-bottom: 8px
}
.categoriesBrowser .groupedItems > li ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0
}
.categoriesBrowser .groupedItems > li ul li ul{
    display: none
}
.leftCategories.left-search{
    height: unset;
    top: unset;
    position: sticky;
    top: 100px
}
.searchResults.col-9 > .SmallContent{
    background-color: #fff;
    padding: 1rem
}
.bottomBanners{
    margin-top: 1rem
}
.dropdown-menu > li, .dropdown-item.selected{
    background-color: transparent !important
}
.carousel-item .priceBrutto{
    margin-top: auto;
    margin-bottom: 0
}
.carousel-item .prodTitle{
    flex-grow: 0
}
.carousel-item .regularProduct, .carousel-item .promotedProduct{
    margin-top: 8px
}
.carousel-item .cartSmall{
    margin-top: auto;
    margin-bottom: 0
}
.carousel-item .notPromoted{
    margin-top: 32px
}
.brandNav .categoriesBrowser > li.is-open > ul{
    display: block
}
.itemContainer > .itemContent{
    position: relative
}
.carousel-item .toCartButton{
    margin-left: 0
}
body.start.index .product-boxes{
    display: none !important
}
.carousel-item .prodPicture{
    margin-bottom: 24px
}
.multiCarouselTitle > div{
    padding: 0.8rem 1rem
}
.multiControls { 
    padding: 0.4rem 1rem
}
.carousel-inner .brandItem:hover{
    box-shadow: var(--strong-box-shadow)
}
.brandZone.multiItemCarousel .bannerTitle{
    padding-bottom: 0
}
body.start #mainContainer{
    display: flex;
    flex-direction: column
}
body.start #mainContainer > *{
    order: 15
}

body.start section.mainSlider{
    order: 1 !important
}
body.start section.categoriesProducts{
    order: 2 !important
}
body.start section.deliveries{
    order: 3 !important
}
body.start section#ProductsSets{
    order: 4
}
.newsletter{
    width: 100%
}
body:not([data-pricetype="netto"]) section#ProductsSets{
    display: none
}
body.categories .leftCategories{
    z-index: 2
}
.wishlists-for-product.opened:not(.noclose) .wishlists-for-product-content{
    display: none !important
}
.carousel-item .wishlists-addnew .wishlist-button{
    height: 48px
}
body.categories.view .columnLeft{
    margin-bottom: 1rem
}
.filterOps{
    display: none !important
}
.isActiveFilter .filterOps{ 
    display: block !important
}
body.categories.view .leftCategories{
    margin-top: 0   
}
.columnRight:not(.isSticky) .p-wishlist{
    display: none
}
.filterOps .blueButton{
    display: none
}
.recordsPerPage button{
    max-width: 145px !important;
    margin-left: auto
}
.recordsPerPage{
    margin-left: auto
}
body[data-viewmode="list"] .recordsContainer .wishlists-heart-link{
    margin-top: unset
}
body[data-viewmode="list"] .recordsContainer .prodCard { 
    padding: 16px 24px
}
body[data-viewmode="list"] .recordsContainer .smallContainer{
    padding-bottom: .4rem
}
body[data-viewmode="list"] .recordsContainer .priceBrutto{
    align-items: center;
}
body[data-viewmode="list"] .recordsContainer .commerceStuff{
    align-items: center
}
.fullProductInfo{
    background: #fff;
}
#tabDostawa > .row, .fullProductInfo .featRow{
    background-color: #F5F5F5
}
#pocztapunkty-selected-container, #pocztapunkty-selected-change, .inpost-selected-change, .pointContainer .pointData{
    flex-shrink: 0
}
.pointContainer{
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}
#pocztapunkty-selected-change, #orlenpaczka-selected-change, #inpost-selected-change{
    flex-shrink: 0;
    border: 1px solid;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s linear 0s;
    background-color: #000;
    color: #fff;
    border-radius: 100px;
}
#pocztapunkty-selected-change:hover,#orlenpaczka-selected-change:hover, #inpost-selected-change:hover{
    background-color: #333
}
.pointContainer > div.input{
    display: none
}
.pocztapunkty-selected-container{
    padding-left: var(--deliver-padding)
}
#parcelModal .modal-content{
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
}
#parcelModal .modal-header h4{
    font-size: 16px;
    font-weight: bold
}
#parcelModal .modal-dialog{
    max-width: 50vw
}
#PurchaseformIndexForm #flashMessage.positive_message{
    background-color: #519259
}
.logo img{
    position: relative;
    top: -6px
}
body.no-user-logged-in .wishlists-in-header .priceTypes{
    display: none !important
}
body.no-user-logged-in .wishlists-in-header .userBoxContent .inBoxUser{
    display: unset
}
.smallFlex{
    display: flex;
    justify-content: space-between
}
.cartLoginRegister .smallLinkText{
    bottom: unset
}
.newLogin .greyButton{
    padding-top: unset;
    border: 0
}
.loginText{
    text-align: center;
    margin: 13px 0
}
.cartLoginRegister{
    justify-content: center;
    padding: 1rem;
    border-radius: 4px;
    align-items: stretch;
    position: relative;
    margin: 0 auto
}
.newLogin{
    background-color: #fff;
    padding: 0;
    padding: 0;
    margin: 0;
}
.loginSpacer{
    width: 1px;
    background-color: var(--grayBorder);
    padding: 0
}
.loginSpacer::before{
    height: 2rem;
    width:1px;
    position: absolute;
    top: 1rem;
    background-color: #fff;
    display: block;
    content: ''
}
.loginSpacer::after{
    height: 2rem;
    width:1px;
    position: absolute;
    bottom: 1rem;
    background-color: #fff;
    display: block;
    content: ''
}
.newLogin div.input:not(.checkbox) label{
    margin-bottom: 4px
}
.newLogin .greyInside{
    margin-top: 0;
    padding: 0
}
.newLogin .bHead{
    text-align: center
}
.newLogin .blueButton{
    width: 100%;
    text-align: center
}
.newLogin .showPasswd{
    top: 13px
}
.cartLoginRegister .greyBasket{
    padding: 32px
}
.regirestrationsBenefits{
    flex-grow: 0;
    margin-top: 0
}
.newLogin .greyButton{
    margin-top: unset
}
.grayForms .bootstrap-select>.dropdown-toggle{
    background: var(--grayBackground) !important;
    border: 1px solid var(--grayBorder)
}
.newLogin .inverted{
    margin-top: 16px
}
.newLogin .inverted .blueButton{
    color: var(--bs-link-hover-color);
    background-color: #fff;
    border: 1px solid var(--bs-link-hover-color);
    text-decoration: none
}
.newLogin .inverted .blueButton:hover{
    text-decoration: none !important
}
.newLogin .inverted .blueButton:hover{
    opacity: .8
}
.newLogin .smallFlex .check-container span:not(.checkmark){
    max-width: unset
}
.newLogin .makeRegister{
    margin-top: 1rem
}
.newLogin .smallLinkText{
    margin: 0;
    font-size: 14px
}
.newLogin .smallLinkText a{
    color: var(--bs-link-hover-color)
}
.newLogin .socials-login{
    padding: 0
}
.newLogin .socials-login button{
    margin-top: 0
}
.socials-login button{
    border-radius: 100px;
    background-color: var(--grayBackground);
    width: calc(50% - .5rem)
}
.socials-login button:hover{
    background-color: #fff
}
.logo img{
    max-width: 220px
}
.navMain.isSticky .logo img{
    top: unset
}
.unsubscribe{
    display: inline-block
}
body.user_my_account section.bestsellers{
    display: none
}
.account-connetions{
    margin-bottom: 2rem
}
body[data-contrast="true"] .adresy{
    color: #fff
}
body[data-contrast="true"] .myOrder .order-userdata-item-inner{
    background-color: var(--contrastGray)
}
body[data-contrast="true"] .myOrder .order-userdata-item.selected .order-userdata-item-inner{
    background-color: #005787
}
.grayForms textarea{
    background-color: var(--grayBackground) !important;
    border: 1px solid var(--grayBorder)
}
body[data-contrast="true"] .grayForms textarea{
    background-color: var(--contrastGray) !important
}
section[role='banner'] .product-boxes{
    display: none
}
body[data-contrast="true"] input.purchaseFormProduct{
    border: none !important
}
body[data-contrast="true"] .darkBlueButton, body[data-contrast="true"].user_edit .newWhite {
    background-color: var(--colorDarkBlue)
}
body[data-contrast="true"].user_edit #mainContent .bootstrap-select .filter-option-inner-inner, body[data-contrast="true"] .mainColumn .bootstrap-select>.dropdown-toggle.bs-placeholder, .body.users .mainColumn .bootstrap-select>.dropdown-toggle, body[data-contrast="true"] .mainColumn .filter-option-inner-inner{
    background-color: var(--contrastGray) !important
}
body[data-contrast="true"] .mainColumn .bootstrap-select{
    background-color: #000 !important
}
.dropdown-menu.show{
    overflow: visible !important;
    max-height: fit-content !important
}
body.user_edit .newWhite{
    border: 1px solid #333;
    color: #444;
    background-color: #fff
}
.newWhite:hover{
    opacity: .8;
    text-decoration: none
}
#mainContent .bootstrap-select>.dropdown-toggle{
    background: var(--grayBackground) !important;
    border: 1px solid var(--grayBorder)
}
#mainContent .bootstrap-select .filter-option-inner-inner{
    color: #333
}
body[data-contrast="true"] #mainContent .bootstrap-select .filter-option-inner-inner{
    color: #fff
}
body[data-contrast="true"] #mainContent .bootstrap-select>.dropdown-toggle{
    border: 1px solid var(--grayBorder);
    background-color: var(--contrastGray) !important
}
body.user_change_password #mainContent div.passwdInput, body.user_edit #mainContent input[type="text"], body.user_edit #mainContent input[type="email"], body.user_edit #mainContent button.dropdown-toggle, body.user_edit #mainContent .bootstrap-select{
    max-width: 500px
}
body[data-contrast="true"] .wishlists-heart-link{
    background: var(--colorDarkBlue)
}

body[data-contrast="true"] .wishlists-heart-link:hover{
    background-color: #fff
}
body[data-contrast="true"] #cookiesPanel, body[data-contrast="true"] #cookiePolicyBar,body[data-contrast="true"] .allWrapper{
    background-color: #000
}
body[data-contrast="true"] .stepBar ul li{
    background-color: var(--contrastGray);
    color: var(--contrastGrayLight) !important
}
body[data-contrast="true"] .stepBar ul li.active{
    color: #fff !important
}
body[data-contrast="true"] .greyBasket, body[data-contrast="true"] .rightColCart, body[data-contrast="true"] .unavaiableRec, body[data-contrast="true"] .avForm,
body[data-contrast="true"] .loginAndRegister #content
{
    background-color: #000;
    color: #fff
}
body.password .mainColumn, body.pwdch .mainColumn{
    margin-bottom: 2rem
}
body[data-contrast="true"].password #contentContainer, body[data-contrast="true"].pwdch #contentContainer{
    background-color: transparent
}
body[data-contrast="true"] .rightColCart{
    color: #fff
}
body[data-contrast="true"] .greyBasket .trow.products, body[data-contrast="true"] .greyBasket .basketShippingInput .check-container:not(.inactive),
body[data-contrast="true"].address_data fieldset,
body[data-contrast="true"].address_data fieldset label.check-container,
body[data-contrast="true"] label.check-container.paymentInput
{
    background-color: var(--contrastGray);
    color: #fff
}
body[data-contrast="true"] .greyBasket .basketShippingInput .check-container.inactive{
    background-color: var(--contrastGray);
    opacity: .8
}
body[data-contrast="true"] .greyBasket .trow.products .priceCurrency, body[data-contrast="true"] .greyBasket .trow.products a, body[data-contrast="true"] .basketTr, body[data-contrast="true"] .basketTrPrice{
    color: #fff
}
body[data-contrast="true"] .basketProdRemoveLink .someBtnDark, body[data-contrast="true"] .toCartButton, body[data-contrast="true"] .callForIt{
    background-color: var(--colorDarkBlue);
    transition: background-color 0.2s linear 0s;
    opacity: 1
}
body[data-contrast="true"] .toCartButton:hover, body[data-contrast="true"] .callForIt:hover{
    background-color: #fff
}
body[data-contrast="true"] .basketProdRemoveLink .someBtnDark:hover, body[data-contrast="true"] .basketProdRemoveLink:hover .hoverShow.hoverText{
    background-color: #000;
    color: #fff
}
body[data-contrast="true"] .basketProdRemoveLink:hover .hoverShow.hoverText{
    right: 89%;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}
body[data-contrast="true"] img[src$='.svg']{
    filter: invert(1)
}
body[data-contrast="true"] footer img[src$='.svg']{
    filter: none
}
body[data-contrast="true"] .socialMedia img[src$='.svg']{
    filter: brightness(10)
}
body[data-contrast="true"].baskets #mainContainer .table{
    color: #fff !important
}
body[data-viewmode="compact"] .recordsContainer .p-wishlist{
    right: 54px !important
}
body[data-contrast="true"] .popoverOnHover.loaded, body[data-contrast="true"] .loaded .popoverOnHover{
    border: 1px solid #fff
}
body[data-contrast="true"] .smallAvailbility.prodUnavailable::before, body[data-contrast="true"] .smallAvailbility.prodUnavailable::after{
    border-color: #fff
}
body[data-contrast="true"] .bottomSorting .dropdown-item:hover,body[data-contrast="true"] .viewmode .dropdown-item:hover{
    background-color: var(--colorDarkBlue)
}
body[data-contrast="true"] .mainColumn .filter-option-inner-inner,
body[data-contrast="true"] .bootstrap-select.has-dots .dropdown-menu ul,
body[data-contrast="true"] .bootstrap-select.has-dots .dropdown-menu,
body[data-contrast="true"] .blogSorting .bootstrap-select.has-dots .dropdown-menu,
body[data-contrast="true"] .blogSorting .bootstrap-select.has-dots .dropdown-toggle,
body[data-contrast="true"] .blogSorting .filter-option-inner-inner
{
    background-color: #000 !important
}
body[data-contrast="true"] .mainColumn .bootstrap-select div.dropdown-menu.show{
    border: 1px solid #fff
}
body[data-contrast="true"] #mainContent .bottomSorting .bootstrap-select>.dropdown-toggle{
    background-color: #000 !important;
    border: 0
}
body[data-contrast="true"] .unavaiableRec .iPop{
    border-color: #818181 !important
}
body[data-contrast="true"] .smallAvailbility.prodUnavailable::after{
    background-color: #fff
}
body[data-contrast="true"] .blueButton{
    background-color: var(--colorDarkBlue) !important;
    color: #000 !important
}
body[data-contrast="true"] img[src="/img/shop/icons/icon-heart-empty.svg"],
body[data-contrast="true"] img[src="/img/shop/icons/icon-heart-full.svg"],
body[data-contrast="true"] img[src="/img/shop/icons/icon-cart.svg"],
body[data-contrast="true"] img[src="/img/shop/icons/icon-bell.svg"]{
    filter: invert(0)
}
body[data-contrast="true"] .smallList .imHover:hover .someBtnDark img, body[data-contrast="true"] .smallList .imHover .someBtnDark img{
    filter: brightness(0) invert(0)
}
body[data-contrast="true"] .contrastSubmit{
    background-color: #fff !important;
    color: #000 !important
}
body.user_order_view .basketTrNotice .smallButton{
    width: 50px;
    height: 50px
}
body[data-contrast="true"] .blueList li::before{
    background-color: #fff
}
body[data-contrast="true"] .cc-slider:before{
    background-color: #0001
}
body[data-contrast="true"] .cc-slider{
    background-color: #fff !important
}
body[data-contrast="true"] .number-of-products,
body[data-contrast="true"] section.lightBlue .banTitle, body[data-contrast="true"] section.lightBlue .bannerLink a,
body[data-contrast="true"] section.slider-bestsellers .banTitle, body[data-contrast="true"] section.slider-bestsellers .bannerLink a
{
    color: #000 !important
}
body[data-contrast="true"] .bootstrap-select.has-dots li > *::before{
    background-color: #000;
    border-color: 1px solid var(--colorDarkBlue)
}
body[data-contrast="true"] .bootstrap-select.has-dots li.selected > *::before, body[data-contrast="true"] .bootstrap-select.has-dots li:hover > *::before{
    background-color: var(--colorDarkBlue)
}
body[data-contrast="true"] .cartButtonContainer .offcanvas, body[data-contrast="true"] .bootstrap-select.has-dots div.dropdown-menu, body[data-contrast="true"] .mainColumn .bootstrap-select.has-dots.white-opt div.dropdown-menu,
body[data-contrast="true"].address_data .grayForms textarea,
body[data-contrast="true"] .grayForms div.input:not(.checkbox) input
{
    border: 1px solid #fff !important;
    background-color: #000 !important;
}
body[data-contrast="true"].baskets.address_data .modal-body input:not([type="radio"]):not([type="submit"]){
    background-color: var(--contrastGray) !important
}
body[data-contrast="true"] .basketProdRemoveLink:not(:hover) .someBtnDark img,
body[data-contrast="true"] .events-search .search-container img
{
    filter: invert(0)
}
body[data-contrast="true"] .topInfo, body[data-contrast="true"] .badgeBestseller{
    color: #000
}
body[data-contrast="true"] .product-boxes img[src$='.svg']
{
    filter: invert(1) brightness(10)
}

body[data-contrast="true"] .wishlists-for-product-content, body[data-contrast="true"] .product-boxes .offcanvas{
    border: 1px solid #fff
}
body[data-contrast="true"] .check-container.inactive > *:not(.inactiveShipping):not(input){
    opacity: unset
}
body[data-contrast="true"] .ajaxModal .basketUsertypeSelect label, body[data-contrast="true"] .shipping-selected-info,
body[data-contrast="true"] div.ac_results{
    color: #fff
}
body[data-contrast="true"] .basketUsertypeSelect, body[data-contrast="true"] .singleDataSet.userTypeSelected .invBlock, body[data-contrast="true"] .registeredClient.defaultIsCompany .invBlock{
    border-color: #fff
}
body[data-contrast="true"] img[src="/img/shop/icons/platnosc-pobranie.png"],
body[data-contrast="true"] img[src="/img/shop/icons/platnosc-przelewy24.png"],
body[data-contrast="true"] .wishlists-for-product-item img,
body[data-contrast="true"].address_data fieldset label.check-container img,
body[data-contrast="true"] #cloudTags
{
    filter: brightness(10)
}
body[data-contrast="true"] .stepBar ul li.completed .bubble::before, body[data-contrast="true"] .stepBar ul li.completed .bubble{
    border-color: var(--contrastGreen)
}
body[data-contrast="true"] .active-radio
{
    border: 2px solid #fff
}
body[data-contrast="true"] .newLogin .greyInside,
body[data-contrast="true"] .newLogin.grayForms label.check-container,
body[data-contrast="true"] .socials-login,
body[data-contrast="true"] .modal-body,
body[data-contrast="true"] #blikModal fieldset
{
    background-color: #000
}
body[data-contrast="true"] .newLogin.grayForms .greyInside input[type="text"], body[data-contrast="true"] .grayForms.newLogin .greyInside input[type="email"],
body[data-contrast="true"] .newLogin.grayForms .greyInside input[type="password"],
body[data-contrast="true"] .newLogin.grayForms .bootstrap-select>.dropdown-toggle,
body[data-contrast="true"] .newLogin.grayForms .filter-option-inner-inner,
body[data-contrast="true"] .addressModal .modal-content,
body[data-contrast="true"] .addressModal.show .modal-content .modal-body .users-addresses-inner-container,
body[data-contrast="true"] #CommentName,
body[data-contrast="true"] .userBoxContent
{
    background-color: var(--contrastGray) !important
}
body[data-viewmode="compact"][data-contrast="true"] .p-wishlist .wishlists-content-container{
    margin: -1rem 3rem 0 0
}
body[data-contrast="true"] .modal-body, body[data-contrast="true"] .addressModal.show .modal-content,
body[data-contrast="true"] #parcelModal .modal-content,
body[data-contrast="true"] #blikModal .modal-content{
    border: 3px solid #fff;
    border-radius: 8px;

}
body[data-contrast="true"] .userBoxContent{
    border: 2px solid #fff;
    border-top: 0
}
body[data-contrast="true"] .itemContainer.dropdown-menu{
    border-bottom: 2px solid #fff
}
body[data-contrast="true"] #blikModal .modal-body{
    border-radius: 0
}
body[data-contrast="true"] #popup_product_added_to_basket_inner .positive, body[data-contrast="true"] .greenText{
    color: var(--contrastGreen)
}
body[data-contrast="true"] .button-przelewy24{
    background-color: var(--contrastGreen);
    color: #000
}
body[data-contrast="true"] .addressModal.show .modal-content .modal-body, body[data-contrast="true"] .ajaxModal .active-radio,
body[data-contrast="true"] #blikModal .modal-body,
body[data-contrast="true"] #fullGallery .modal-body,
body[data-contrast="true"] #parcelModal .modal-body,
body[data-contrast="true"] .ruch_widget,
body[data-contrast="true"] #parcelModal .modal-body{
    border: 0;
    border-radius: 0
}
body[data-contrast="true"].baskets.index .product-boxes .darkOnHover, body[data-contrast="true"] .product-boxes .imHover:hover .hoverShow,
body[data-contrast="true"] .addressModal.show .modal-content .modal-body,
body[data-contrast="true"] .addressModal .order-userdata-item,
body[data-contrast="true"] .modal-header,
body[data-contrast="true"] #fullGallery .prodPhoto,
body[data-contrast="true"] .orderInProgressInfo,
body[data-contrast="true"] .orderFailed,
body[data-contrast="true"] div.ac_results,
body[data-contrast="true"] .search-section.ac_over,
body[data-contrast="true"] .blog-search,
body[data-contrast="true"] .blog-cloud,
body[data-contrast="true"] .blog-row,
body[data-contrast="true"] .blogComments,
body[data-contrast="true"] .emptySearch,
body[data-contrast="true"] section.lightBlue .bannerTitle::after, body[data-contrast="true"] section.slider-bestsellers .bannerTitle::after
{
    background-color: #000 !important
}
body[data-contrast="true"] .orderPeddingIndicator span{
    background-color: #fff
}
body.baskets.index{
    overflow-x: hidden
}
body[data-contrast="true"].finalize_standard #contentColumnL .final-info p{
    color: #fff !important
}
body[data-contrast="true"] .ac_results li.ac_over.result, body[data-contrast="true"] .allElems,
body[data-contrast="true"].events:not(.view) .blogContent
{
    background-color: var(--contrastGray) !important
}
body[data-contrast="true"] #ac_search_results{
    border: 1px solid #fff
}
.vote-action img{
    max-width: 24px !important
}
body[data-contrast="true"] .vote-action img{
    background-color: #fff !important
}
body[data-contrast="true"] .toast.show:not(.negative){
    background-color: var(--contrastGreen) !important;
    color: #000 !important
}
body[data-contrast="true"] .toast.show.negative{
    background-color: var(--contrastRed) !important;
    color: #fff !important
}
body[data-contrast="true"] .toast.show:not(.negative) button{
    filter: brightness(0) !important
}

.leftCategories{
    z-index: 9
}
body[data-contrast="true"] .leaflet-control-zoom > *{
    color: #000 !important
}
body.contents.page .col-9.contentContainer, body.contents.regulamin .col-9.contentContainer{
    order: 1
}
body.contents.page #letColumn, body.contents.regulamin #letColumn{
    order: 2
}
.smallWht{
    display: inline-block;
    padding: 6px 13px;
    background-color: #fff;
    color: #333;
    border: 1px solid #333
}
.smallWht:hover{
    color: #333
}
.normalContent:not(.notStyled) a{
    color: var(--bs-link-hover-color) !important
}
.normalContent:not(.notStyled) ol li{
    padding-bottom: 16px
}
.normalContent:not(.notStyled) table th{
    background-color: var(--bs-link-hover-color);
    color: #fff
}
.normalContent:not(.notStyled) table th, .normalContent:not(.notStyled) table td{
    border: 1px solid #333;
    padding: 8px
}
.normalContent:not(.notStyled) .row{
    display: flex;
    justify-content: space-between;
}
.normalContent:not(.notStyled) .row .column{
    width: auto
}
.normalContent:not(.notStyled) .row .column div, .normalContent:not(.notStyled) .row .column span, .emptySearch, .emptySearch *{
    font-size: unset !important;
    line-height: unset !important;
}
.normalContent.notStyled td{
    padding-right: 16px
}
#PromoCode{
    background-color: var(--grayBackground);
    border: 1px solid var(--grayBorder)
}
.emptySearch a, .blueLink{
    color: var(--bs-link-hover-color)
}
.searchContainer .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    overflow: hidden;
    text-overflow: ellipsis
}
.emptySearch{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem
}
#mainContainer  .banners2search img[src$='.svg']{
    max-width: unset;
}
.mainColumn.noRecords .categoryBrowse, .mainColumn.noRecords .sortingOptions, .mainColumn.noRecords .bottomSorting, .mainColumn.noRecords .columnLeft, .mainColumn.noRecords .columnLeft{
    display: none !important;
}
.mainColumn.noRecords #mainContent{
    margin-left: auto
}
.leftCategories ul li ul li ul li{
    display: none
}
.makeRegister #userregister-recaptcha {
    margin: .5rem 0
}
#fbloginstatus, #googleloginstatus{
    color: #e70000;
    order: 3
} 
body[data-contrast="true"] #fbloginstatus, body[data-contrast="true"] #googleloginstatus{
    color: var(--contrastRed)
} 
.newLogin .socials-login{
    flex-wrap: wrap
}
body.login #form-login{
    flex-grow: 0
}
body.login  .newLogin .showRegistration{
    margin-top: 28px
}
.rc-anchor-light { 
    background: #000 !important; 
    color: #000 !important; 
}
label#recaptcha-anchor-label{
    background-color: red !important;
}
.product-boxes > .offcanvas{
    box-shadow: var(--strong-box-shadow)
}
body.baskets .product-boxes-opts label.check-container{
    justify-content: flex-start
}
.cartFooter > .contentWidth{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--bs-link-hover-color);
    padding: 1.2rem 1.2rem 0 1.2rem
}
.cartFooter a, .cartFooter, .cartFooter a:hover{
    font-size: 13px;
    color: #333;
    background-color: #fafafa
}
.carousel-item .p-wishlist{
    z-index: 1
}

.carousel-inner .carousel-item .p-wishlist{
    z-index: 13
}
.shortCredits{
    max-width: 500px;
    text-align: right
}
.shortContact span:first-of-type{
    display: inline-block;
    margin-left: 8px
}
.shortPhone{
    font-weight: 600
}
.shortContact div:last-child a{
    display: inline-block;
    margin-right: 8px
}

body.commerce.baskets.index .greyContent{
    margin-bottom: 0
}
.add-basket-as-wishlist{
    margin-top: 8px;
}
.cartHeadActions > div:hover{
    filter: contrast(10)
}
body.baskets.address_data #navibar, body.baskets.index #navibar, body.baskets.address_data .topInfo, body.baskets.index .topInfo{
    display: none
}
body.forceStickyNav{
    padding-top: 96px
}
div.smallLabel, div.dynamicPlaceholder{
    position: relative
}
div.dynamicPlaceholder input::placeholder,div.dynamicPlaceholder textarea::placeholder {
    color: var(--grayBackground)
}

div.dynamicPlaceholder input:-ms-input-placeholder {
    color: var(--grayBackground)
}

div.dynamicPlaceholder textarea:-ms-input-placeholder {
    color: var(--grayBackground)
}

div.dynamicPlaceholder input:-moz-placeholder,div.dynamicPlaceholder textarea:-moz-placeholder {
    color: var(--grayBackground)
}

div.dynamicPlaceholder input::-moz-placeholder,div.dynamicPlaceholder textarea::-moz-placeholder {
    color: var(--grayBackground)
}

div.dynamicPlaceholder input::-webkit-input-placeholder {
    color: var(--grayBackground)
}
div.dynamicPlaceholder input:placeholder-shown~label,div.dynamicPlaceholder textarea:placeholder-shown~label {
    position: absolute;
    left: 14px;
    pointer-events: none;
    cursor: text;
    top: 19px;
    color: #757575;
    transition: all .2s ease;
    font-size: 14px;
    background-color: transparent
}
.smallLabel > label, div.dynamicPlaceholder input:focus~label,div.dynamicPlaceholder label,div.dynamicPlaceholder textarea:focus~label {
    top: -16px;
    font-size: 12px;
    padding: 0 3px;
    line-height: 12px;
    position: absolute;
    left: 10px;
    color: #333
}
.iHaveAccountTxt{
    padding-bottom: 16px
}
.smallLabel > label{
    font-size: 12px
}
.newLogin .makeRegister{
    margin-top: 24px
}
body.login .newLogin .makeRegister, body.login .newLogin .showRegistration{
    margin-top: 16px
}
label.check-container a{
    color: var(--bs-link-hover-color)
}
.listRemove span.showText{
    color: #333
}
.cartIncDec input{
    border: 0 !important
}
body[data-contrast="true"] .userCol .hoverText{
    background-color: var(--contrastGray) !important
}
body[data-contrast="true"] .animDark.listRemove img{
    filter: none !important
}
body[data-contrast="true"] .listRemove .showText{
    color: #fff
}
body[data-contrast="true"] #mainContent #WishlistTitle{
    background-color: var(--contrastGray) !important
}
body[data-contrast="true"] .negativeButton{
    background-color: var(--contrastRed) !important;
    color: #fff !important
}
body[data-contrast="true"] .toast:not(.negative) .toast-body{
    background-color: var(--contrastGreen);
    color: #000
}
body[data-contrast="true"] .toast.negative .toast-body{
    background-color: var(--contrastRed);
    color: #fff
}
body[data-contrast="true"] .toast-body{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}
body[data-contrast="true"] .grayForms .cartIncDec div.input:not(.checkbox) input{
    border: 0 !important;
    background-color: transparent !important
}

body.wishlists .basketProdTitle{
    color: #333
}
body.address_data .greyBasket div.input:not(.checkbox) input{
    margin-bottom: 36px
}
.requiredField{
    margin-left: 5px;
    font-size: 10px;
    font-weight: 600;
    color: var(--colorRed)
}
#copyAddressDataToInvoice{
    margin: 16px 0 24px 0;
    cursor: pointer
}
.phoneBlock .b-inputs > div{
    padding-top: 0
}
.mainAddressBlock .b-address{
    padding-bottom: 0
}
#basketAddressForm.isCompany #basketInvoice > .b-address, #basketAddressForm.isCompany #basketInvoice .custom-address-data{
    margin-bottom: 0;
    padding-bottom: 0
}
.registeredClient .basketUsertypeSelect, .registeredClient .basketUserTypeSelectFieldset{
    display: none
}
.registeredClient .phoneBlock{
    margin-top: 24px
}

.takeAddress{
    border-radius: 100px;
    padding: 8px 16px !important;
    align-self: flex-start;
    transition: background-color 0.2s linear 0s;
    color: #fff
}
.takeAddress:hover{
    opacity: 0.8
}
#addressEditModal .b-head:not(.strong){
    margin-bottom: 16px
}

#addressEditModal .grayForms div.input:not(.checkbox) input{
    margin-bottom: 36px
}
.nameTemplate, .gus-message{
    color: #333;
    white-space: pre-line
}
#addressEditModal .address-name-delivery-template-value{
    display: inline
}
#addressEditModal form{
    display: flex;
    flex-direction: column
}
#addressEditModal .basketUserTypeSelectFieldset{
    order: 1
}
#addressEditModal form > *{
    order: 5
}
#addressEditModal form .simpleFlex{
    order: 9
}
#addressEditModal form:not(.companyAddressForm) #invoice-data{
    order: 7
}
#addressEditModal form .templateText{
    order: 8
}
#addressEditModal .basketUserTypeSelectFieldset{
    margin-bottom: 16px
}
body.user_my_account .slider-bestsellers{
    display: none !important
}
.users-address-phone-param{
    font-weight: unset
}
.delete-new-user-address-link, .delete-new-user-address-link:hover{
    color: #e70000
}
.toast-body > div{
    display: block !important
}
.order-userdata-item-inner-dataview{
    font-size: 14px
}
body.user_edit .edit-new-user-address-link{
    color: var(--bs-link-hover-color)
}
.wishTable .basketTrNotice textarea{
    border-radius: 8px !important
}
.wislistDetailsActions .listRemove span, .send-wishlist-copy{
    color: var(--bs-link-hover-color)
}
.wislistDetailsActions .listRemove:hover span{
    color: #333
}
.send-wishlist-copy img{
    width: 20px
}
.send-wishlist-link-container input{
    max-width: unset;
    width: auto;
}
.wislistDetailsActions{
    display: flex;
    justify-content: space-between;
}
.blueText{
    color: var(--bs-link-hover-color)
}
.wlActions .listRemove span{
    color: var(--bs-link-hover-color)
}
.wlActions .listRemove:hover span{
    color: #333
}
.wlActions .listRemove{
    align-items: center;
    display: flex
}
.wlActions .listRemove img{
    margin-right: 4px;
}

.wislistDetailsActions .send-wishlist{
    margin-left: auto
}
.wlActions > *{
    margin-left: 16px;
}
.wislistDetailsActions .wlDetailsName{
    margin-left: 0
}
#WishlistUserEditForm{
    margin-top: 32px
}
.wishlistDetails{
    display: flex;
    justify-content: space-between;
}
.wishlistDetails > div:not(.wlActions){
    order: 1
}
.wlActions{
    display: flex;
    align-items: flex-start;
    order: 2
}
body.user_edit #mainContent textarea{
    max-width: 500px
}
.wishTable .checkTh{
    margin-bottom: unset
}
#mainMenu.menuIsHidden:hover .hiddenMenuItems{
    display: flex !important;
    padding-right: 16px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px
}
body:not(.stickyNavMain) #mainMenu .moreItems,#mainMenu.menuIsHidden:hover .moreItems{
    display: none !important
}
#mainMenu .hiddenMenuItems > li::after{
    position: absolute;
    content: '';
    top: 100%;
    width: 100%;
    height: 30px;
    background-color: transparent
}
body.stickyNavMain .nav-item .userBoxContent{
    top: calc(100% + 22px) !important
}
.moreItems > span{
    top: -4px
}
.stepBar ul li br{
    display: none
}
body[data-contrast="true"] .navMain.isSticky .hiddenMenuItems{
    background-color: #000
}
body[data-contrast="true"] .navbar-expand .navbar-nav .nav-link{
    color: #fff
}
#importantMessage ul{
    list-style: none;
    padding: 0;
    margin: 0
}
body[data-contrast="true"] .dynamicPlaceholder label{
    color: #fff !important
}
#importantMessage .modal-header{
    border: 3px solid #fff
}
#importantMessage .modal-body{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0
}
body[data-contrast="true"] div.dynamicPlaceholder input::placeholder, body[data-contrast="true"] div.dynamicPlaceholder textarea::placeholder {
    color: var(--contrastGray) !important
}

body[data-contrast="true"] div.dynamicPlaceholder input:-ms-input-placeholder {
    color: var(--contrastGray) !important
}

body[data-contrast="true"] div.dynamicPlaceholder textarea:-ms-input-placeholder {
    color: var(--contrastGray) !important
}

body[data-contrast="true"] div.dynamicPlaceholder input:-moz-placeholder,div.dynamicPlaceholder textarea:-moz-placeholder {
    color: var(--contrastGray) !important
}

body[data-contrast="true"] div.dynamicPlaceholder input::-moz-placeholder,div.dynamicPlaceholder textarea::-moz-placeholder {
    color: var(--contrastGray) !important
}

body[data-contrast="true"] div.dynamicPlaceholder input::-webkit-input-placeholder {
    color: var(--contrastGray) !important
}
#privacyPolicyModal{
    height: 100vh;
    width: 100vw;
    z-index: 999999;
}
#privacyPolicyModal .modal-dialog{
    margin: 0
}
#privacyPolicyModal .modal-header, #privacyPolicyModal .modal-content{
    border-radius: 0 !important
}
#privacyPolicyModal .modal-content{
    border: 0
}
#privacyPolicyModal .modal-content ol{
    padding-left: 1rem;
}
#privacyPolicyModal .modal-content table td, #privacyPolicyModal .modal-content table tr{
    display: block;
}
#privacyPolicyModal .btn-close{
    position: fixed;
    right: 1rem;
    z-index: 9999
}
#privacyPolicy{
    display: none;
}
#privacyPolicyModal #privacyPolicy{
    display: block
}
#userMenuModal .userBoxContent{
    top: unset;
    position: relative;
    max-width: unset;
    width: unset
}
#userMenuModal .btn-close{
    font-size: 24px
}
#userMenuModal .modal-title{
    font: normal normal 600 1.5rem/2rem Poppins;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
    text-wrap: nowrap
}
#userMenuModal .modal-dialog{
    padding: 0;
    margin: 0
}
#userMenuModal, #userMenuModal .modal-content{
    height: calc(100vh - 65px)
}
#userMenuModal .closed{
    display: block !important
}
#userMenuModal .modal-body{
    padding: 0
}
#userMenuModal .modal-content{
    border: 0;
    border-radius: 0
}
#userMenuModal .modal-title::after{
    width: 100%;
    height: 1px;
    background-color: var(--bs-link-hover-color);
    content: '';
    order: 2;
    display: block;
    margin-left: .5rem
}
#userMenuModal .modal-header{
    border-bottom: 0
}
#userMenuModal .userBoxhead.bannerTitle{
    display: none
}
.loginRegisterTabs, body.no-user-logged-in #userMenuModal .wishlists-addnew, body.no-user-logged-in #userMenuModal .pricesText{
    display: none
}
.boxUserBtns .basketdetails-in-header .sr-price{
    font-weight: bold
}
.boxUserBtns .basketdetails-in-header .forWholesale{
    font-weight: normal
}
.scroll-top{
    opacity: 0;
    z-index: 99;
}
.warning-message.warning-name{
    font-weight: normal !important;
    color: #e70000;
    position: absolute !important;
    bottom: 0 !important
}
body.categories .blog-slider .carousel-item img{
    width: 100%
}
#addressEditModal .basketUsertypeSelect{
    position: relative
}
#addressEditModal .basketUsertypeSelect .message{
    position: absolute;
    font-size: 11px;
    padding-left: 16px;
    top: 100%
}
.toasts{
    z-index: 1055
}
#addressEditModal #flashMessage{
    max-width: calc(100% - 32px)
}
#addressEditModal .error-message, #addressEditModal .warning-message{
    top: 50px;
    color: #e70000;
    font-size: 11px;
    position: static !important
}
#addressEditModal .dynamicPlaceholder.has-warning input, #addressEditModal .dynamicPlaceholder.has-error input, #addressEditModal .dynamicPlaceholder.error input{
    margin-bottom: 0px !important
}
#addressEditModal .dynamicPlaceholder.has-warning, #addressEditModal .dynamicPlaceholder.has-error, #addressEditModal .dynamicPlaceholder.error{
    padding-bottom: 20px
}
/*
#addressEditModal .dynamicPlaceholder.has-warning{
    margin-bottom: 16px
}
*/
div.dynamicPlaceholder input:focus~label{
    font-weight: 600
}
.socialMedia a{
    display: block
}
body.users.login footer:not(.cartFooter), body.users.login .row.newsletter{
    display: none
}
header, header img{
    transition: all 0.2s linear 0s
}
body .p-wishlist.listHeart, body[data-viewmode="list" ] .p-wishlist.normalHeart{
    display: none !important
}
body[data-viewmode="list" ] .p-wishlist.listHeart{
    display: block !important;
    margin-right: 8px
}
body[data-viewmode="tiles"] .recordsContainer .not-active-product .cartSmall{
    margin-top: auto;
    align-items: center
}
body[data-viewmode="tiles"] .recordsContainer .not-active-product .cartSmall .prodUnavailable{
    width: auto;
    margin-bottom: 0
}
body[data-viewmode="tiles"] .recordsContainer .callForIt, body[data-viewmode="list"] .recordsContainer .callForIt{
    top: unset
}
.card.tab-pane.active.show > .tab-pane{
    opacity: 1
}
.card.tab-pane.active.show > .tab-pane .productFeaturesProduct.mb40{
    margin-top: 16px;
    margin-bottom: 8px
}
body.records.view section[role="banner"] .bannerContent{
    padding-top: 16px
}
body.records.view .fullContainer{
    margin-bottom: 80px
}
body.records.view #mainContainer section.multiItemCarousel{
    padding-bottom: 0;
    padding-top: 0
}
body.records.view #mainContainer section.multiItemCarousel:first-of-type{
    padding-top: 40px
}
body.records.view section[role="banner"] > .row:first-of-type{
    margin: 0 auto
}
#basketAddressForm .warning-message{
    position: absolute;
    top: 50px;
    color: #e70000;
    font-weight: normal
}
#basketAddressForm .dynamicPlaceholder.has-error, .dynamicPlaceholder.has-warning, .dynamicPlaceholder.has-erorr{
    padding-bottom: 20px
}
#basketInvoice .custom-address-data, #basketInvoice > .table{
    margin-bottom: 0;
    padding-bottom: 0
}
#commonProducts .bannerContent{
    padding-top: 16px
}
#basketAddressForm .error-message{
    position: static
}
#basketAddressForm .dynamicPlaceholder.has-error input{
    margin-bottom: 0 !important
}
body.address_data div.input.width50{
    margin-bottom: auto
}
label.has-error.checkbox::before{
    content: '!';
    display: block;
    position: absolute;
    font-size: 30px;
    left: -16px;
    font-weight: 600;
    top: 4px;
    color: #e70000
}
#addressEditModal .error-message, #addressEditModal .warning-message{
    font-size: 13px
}
#addressEditModal .modal-body{
    max-width: 1082px
}
.blickCodeField{
    letter-spacing: 6px;
    font-size: 32px !important;
    text-align: center
}
.blikCodeInfo{
    font-size: 14px;
    font-weight: bold;
    padding-left: 24px
}
ul.ac_results{
    list-style: none
}
.singlePhoto .gallery-control{
    display: none
}
.blogSmallPicture{
    text-align: center
}
.promo-codeInbasket input{
    width: calc(100% - 116px);
}
.carousel-inner .carousel-item:first-of-type .p-wishlist .wishlists-content-container{
    margin: -1rem -1rem 0 0 !important
}
#UsersAddressUserEditAddressForm.isInvoice .companyName{
    margin-right: 50%
}
#UsersAddressUserEditAddressForm.isInvoice .isInvoiceVariant{
    display: none
}
.permissionsSettings{
    display: block;
    width: auto
}
.coockieActions{
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.coockieActions > *{
    max-width: 219px;
    width: 100%;
    text-align: center
}
.order-userdata-item-inner-interaction{
    margin-left: auto
}
.deliveryParams.common-address-data .notImportantLabel, .deliveryAddressModal .companyNameLabel, .deliveryParams .companyNameLabel, .invBlock .deliveryNameLabel, .invoiceAddressModal .deliveryNameLabel{
    display: none
}
.invoiceAddressModal .companyNameLabel, .invBlock .companyNameLabel{
    font-weight: bold    
}
body[data-contrast="true"] .cartFooter, body[data-contrast="true"] .cartFooter a{
    background-color: #000;
    color: #fff
}
body[data-contrast="true"] .takeAddress{
    background-color: #fff;
    color: #000
}
body.users.activated .loginAndRegister{
    margin-bottom: 1rem
}
.deliveryParams.common-address-data .inner-users-address-type-0 .notImportantLabel, .deliveryParams.common-address-data .inner-users-address-type-0 .companyNameLabel{
    display: block;
    font-weight: bold
}
.basket-users-addresses-preview-container{
    max-width: calc(100% - 98px) !important
}
body.users.user_edit #mainContent .companyNameLabel{
    font-weight: 600
}
body.users.user_edit #mainContent .notImportantLabel{
    font-weight: normal
}
body.categories .bottomBanners{
    background-color: #fff;
    margin-bottom: 1rem
}
body.categories .bottomBanners .customBanner{
    max-width: 1640px !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}
body.user_my_account .underContentBanners .multiItemCarousel .contentWidth.bannerContent{
    padding-top: 8px 
}
.bootLoader{
    z-index: 9    
}
.addToCartLoader .bootLoader{
    position: relative;
    color: #fff !important;
    top: 2px;
    left: unset;
}
.addToCartLoader img{
    display: none
}
#mainContent .topSorting .bootstrap-select>.dropdown-toggle{
    background-color: #fff !important;
    border: 0 !important
}
.columnLeft > .smallModuleHead{
    margin-top: 32px
}
body.supplies_page .columnLeft > .smallModuleHead{
    margin-top: 16px
}
.columnLeft.searchCol{
    margin-top: 70px !important
}
.basketPaymentInput .inactiveShipping{
    width: 100%
}
.listRecords .prodCard{
    box-shadow: none;
    flex-wrap: wrap;
    align-items: flex-start
}
.listRecords .smallContainer{
    border-bottom: .4rem solid #FAFAFA !important;
    padding: 1rem !important
}
.listRecords .recordsContainer .smallContainer:last-of-type{
    border-bottom: 0;
}
.listRecords .prodCard > *{
    order: 2
}
.listRecords .prodCard .pictureContainer{
    order: 1
}
body .listRecords .recordsContainer .infoCol{
    /*
    order: 1;
    width: 100% !important;
    */
    padding-left: 0
}
.listRecords .infoPop{
    display: none
}
.listRecords .recordsContainer .pictureContainer{
    width: 80px !important;
    margin-left: 0 !important;
    overflow: hidden;
    height: 80px !important;
    margin-right: 8px;
    flex-shrink: 0
}
.listRecords .shortDesc{
    display: none !important
}
.listRecords .productLargeField{
    width: unset
}
.listRecords .commerceStuff{
    flex-direction: row !important;
    width: unset !important;
    flex-grow: 1;
    align-items: center
}
.listRecords .cartSmall{
    max-width: 440px !important;
    flex-grow: 1;
    flex-wrap: nowrap
}
.listRecords .cartIncDec{
    margin-left: 40px
}
.listRecords .cartSmall form{
    flex-wrap: nowrap
}
.listRecords .p-wishlist.listHeart{
    display: block !important;
    margin-right: 8px;
    position: static !important
}
.listRecords .p-wishlist.listHeart a{
    position: static;
    max-width: unset
}
.listRecords .p-wishlist.normalHeart{
    display: none
}
.listRecords .smallAvailbility:not(.prodUnavailable){
    font-size: 0 !important
}
.listRecords .prodPicture img{
    max-height: 60px;
}
.listRecords .prodPrices{
    width: 220px;
}
.listRecords .hoverShow{
    max-width: unset
}
.listRecords .priceBruttoNumber{
    font: normal normal 600 24px/32px Poppins
}
.priceTypes{
    position: relative
}
.userTypeInfo{
    background: #fff;
    position: absolute;
    padding: 1rem;
    z-index: 9;
    font-weight: normal;
    top: calc(100% + 82px);
    width: max-content;
    max-width: 900px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 10000;
    margin-top: 2px
}
body.stickyNavMain .userTypeInfo{
    top: calc(100% + 30px)
}
.userBenefits{
    list-style: none;
    padding: 0;
    margin: 0
}
.userBenefits li{
    padding-left: 1rem
}
.userBenefits li::before{
    list-style: none;
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--bs-link-hover-color);
    border-radius: 50%;
    margin-right: 1rem;
    position: relative;
}
.userTypeActions{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem
}
.stayTypicalUser{
    margin-right: 2rem
}
.listRecords .recordsContainer{
    padding-right: 0;
}
.fullProductInfo .listRecords *{
    max-width: unset
}
.listRecords .prodPicture a{
    margin-bottom: auto
}
.userTypeSelection .priceTypes .switchCover, .cookiesNotAccepted .cover{
    position: fixed;
    content: '';
    height: 100vh;
    width: 100vw;
    background-color: #000;
    opacity: .4;
    z-index: 9999;
    top: 0;
    display: block;
    left: 0
}
body:not([data-pricetype="netto"]) .wholesaleElement{
    display: none
}
#tabRegister{
    position: relative
}
.toastInside .toast{
    display: block;
}
.toastInside .toast.negative {
    background-color: #e70000 !important;
    z-index: 9
}
.toastInside .toast:not(.negative){
    background-color: #009500 !important;
    z-index: 9
}
.toastInside .toast .d-flex{
    font-weight: normal;
    text-align: left
}
.toastInside .btn-close{
    margin-top: 12px !important
}
body[data-viewmode="list"] .recordsContainer .pictureContainer *{
    max-height: 80px;
    max-width: 80px
}
body[data-viewmode="compact"] .recordsContainer .prodPicture img{
    width: 100%
}
body[data-viewmode="tiles"] .prodPicture.photoSlide .pictureLink{
    width: 100%
}
body[data-viewmode="tiles"] .prodPicture.photoSlide .pictureLink img{
    margin: 0 auto
}
nav .shortBack{
    width: auto;
    padding: 0;
    height: 22px
}
.shortBack button{
    padding: 0;
    background-color: transparent;
    border: 0;
    font-size: 52px;
    line-height: 26px;
    font-weight: 400
}
.shortBack .backToCart{
    display: none
}
.compactTopNav .priceTypes, .compactTopNav .headerSearch, .compactTopNav .topMenu, .compactTopNav .user-menu > *:not(.header-contrast){
    display: none !important
}
.compactTopNav .header-contrast{
    margin-left: auto
}
body.smallFooter footer:not(.cartFooter){
    display: none
}
body.compactTopNav .navMain .logo{
    margin: 0 auto
}
body.compactTopNav .navMain .logoContainer{
    padding: 0
}
body.compactTopNav .navMain .logo img{
    top: unset
}
body.compactTopNav .navMain{
    position: fixed !important;
    padding: 15px 16px
}
body.baskets .allWrapper{
    overflow: hidden
}
.ajaxModal #flashMessage.basket-add-warning{
    background-color: #048A8F
}
#tabRegister .toast{
    position: static;
    transform: none;
    margin: 0 auto;
    margin-bottom: 1rem
}
.promo-codeInbasket .submit-promo{
    background-color: #fff;
    color: var(--bs-link-hover-color) !important;
    border: 2px solid var(--bs-link-hover-color)
}
.compactTopNav .logoContainer{
    margin-right: auto !important;
    margin-left: 16px
}
.compactTopNav .shortBack{
    order: 1
}
.compactTopNav .logoContainer{
    order: 2
}
.compactTopNav .logoContainer{
    order: 2
}
.compactTopNav .navContainer .stepBar{
    order: 3;
    width: unset;
    flex-grow: 1
}
.compactTopNav .navContainer .stepBar ul{
    margin-bottom: 0
}
.compactTopNav .navContainer .stepBar ul li{
    padding: 0 16px;
    font-size: 18px;
}
.compactTopNav .user-menu{
    order: 4;
    width: unset
}
.navContainer .stepBar ul li.active, .navContainer .stepBar ul li.completed, .navContainer .stepBar ul li{
    background-color: #fff
}
.navContainer .stepBar ul .stepNumber{
    font-size: 40px
}
.navContainer .stepBar ul::before{
    height: 2px
}
.compactTopNav .header-contrast .hoverShow{
    width: max-content
}
.compactTopNav.users.login .navContainer .logoContainer{
    margin-right: auto !important;
    width: auto !important
}
.compactTopNav.users:not(.login) .navContainer .logo{
    width: 60px !important;
    overflow: hidden
}
.compactTopNav.users.login #navibar{
    display: none
}
body[data-contrast="true"] .userTypeInfo{
    background-color: #000
}
.makeRegister label{
    justify-content: unset !important
}
.cartLoginRegister .toast:not(.negative){
    background-color: #048A8F !important;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 460px;
    width: 100%;
    font-size: 18px
}
.toast .btn-close{
    margin-top: 11px !important
}
.carousel-item .prodCard{
    min-height: 509px
}
#fullGallery .modal-body > .carousel-control{
    background-color: #f2f2f2;
    border-radius: 50%;
    justify-content: center;
    align-items: center
}
.thinText{
    font-weight: 400
}
.inbaskatTable .trow .basketTrPrice{
    text-align: left !important
}
.termsText{
    padding-left: 21px;
    padding-top: 4px;
    user-select: none
}
.blog-row .prodTitle a{
    font-size: 1.2rem
}
.blogContent h1{
    font: normal normal 600 1.5rem / 2rem Poppins
}
.contentBlogImage{
    float: left;
    margin:0 16px 16px 0
}
.event-tags-container{
    clear: both
}
.blogContent h2, .blogContent h3{
    font-size: 1.3rem
}
.add-opinon{
    margin-top: 16px
}
#comment_tree{
    margin-top: 32px;
    
}
#comment_tree > ul{
    padding-left: 0
}
#comment_tree li{
    list-style: none
}
.new-opinion{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 16px
}
.commentActions{
    display: flex;
    justify-content: space-between;
    align-items: center
}
.commentItem{
    border: 1px solid var(--grayBorder);
    padding: 16px;
    display: block;
    border-radius: 30px;
    margin-bottom: 16px;
    background-color: #FAFAFA
}
.commentItem .author-date{
    font-size: 12px;
    font-weight: bold
}
#blogComment textarea{
    margin-bottom: 0
}
.comment-item .add_coment_form{
    margin-top: 24px
}
body[data-contrast="true"] .commentItem{
    background-color: #000;
    border: 1px solid #fff
}
.listRecords .infoCol{
    width: unset
}
.blogContent .prodPicture{
    height: unset
}
.listRecords .blogContent .prodPicture a{
    width: 80px;
    height: 80px
}
.listRecords .blogContent .prodPicture img{
    width: unset;
    max-width: 100%;
    max-height: 100%
}
.listRecords .recordsContainer .smallContainer{
    padding: 0
}
.listRecords .recordsContainer .prodTitle a:not(.admin-stuff){
    color: #333 !important
}
body:not(.records.view).listRecords .recordsContainer .infoCol{
    width: unset !important
}
.listRecords .recordsContainer .prodCard{
    padding: 16px 0 0 0 !important;
    flex-wrap: unset
}
.listRecords .recordsContainer .pictureContainer{
    width: 80px !important
}
.productsInContentSingle{
    padding-left: 0
}
.lisatRecords .wishlists-content-container a{
    color: #333
}
.normalContent:not(.notStyled) .events-listing-more-button a, .blogContent .prodTitle a:not(.admin-stuff){
    color: #333 !important
}
.listRecord .recordsContainer .pictureContainer{
    margin-right: 8px !important
}
.listRecords .pictureContainer{
    margin: 0 !important
}
.listRecords .commerceStuff{
    max-width: unset !important
}
body.events.view .listRecords .listHeart a{
    margin: auto !important
}
body[data-contrast="true"] .listRecords .recordsContainer  .prodTitle a, body[data-contrast="true"] .blogContent .prodTitle a:not(.admin-stuff){
        color: #fff !important
}
.additionalAddressBlock{
    position: relative
}
.registeredClient.defaultIsNotCompany .contactBlock, .notRegisteredClient.isNotCompany .contactBlock{
    position: relative
}
#basketAddressForm .basketAddressFieldset > .b-address > .trow .cell.has-error .error-message, #basketAddressForm .additionalAddressBlock > .error-message, #basketAddressForm .mainAddressBlock > .error-message{
    position: absolute;
    top: 60px
}
#basketAddressForm .basketAddressFieldset > .b-address > .trow .cell.has-error .error-message{
    font-weight: bold
}
.blogContent h1{
    font: normal normal 600 1.5rem/2rem Poppins
}
.basketShippingInput label .error-message{
    display: none
}
.basketShippingInput label .error-message:last-of-type{
    display: block
}
.basketShippingInput .shipping-name{
    width: 100%
}
.basketAddressFieldset > .b-address > .trow .cell.has-error{
    position: relative
}

.basketAddressFieldset > .b-address > .trow .cell.has-error > .error-message::before, .basketAddressFieldset > .b-address > .trow .cell.has-error > .error-message::after{
    display: block;
    position: absolute;
    content: '\2794';
    top: 5px;
    left: 0;
    rotate: 90deg;
    color: #e70000;
    font-size: 16px;
    animation: arrowDown 1s infinite;
    z-index: 1
}
.basketAddressFieldset > .b-address > .trow .cell.has-error > .error-message::after{
    right: 0;
    left: unset
}
.basketAddressFieldset > .b-address > .trow .cell.has-error > .error-message{
    padding-left: 1rem !important;
    padding-right: 1rem
}

@keyframes arrowDown{
    0% {
      margin-top: 0;
    }
    50% {
      margin-top: 10px;
    }
    100% {
      margin-top: 0;
    }
  }

  @keyframes arrowUp{
    0% {
      margin-bottom: 0;
    }
    50% {
      margin-bottom: -10px;
    }
    100% {
      margin-bottom: 0;
    }
  }

.basketAddressFieldset > .b-address > .trow .cell.has-error .basketUsertypeSelect{
    padding-top: 60px !important
}
#basketAddressForm div.input.has-error:not(.checkbox)::after{
    content:'Uzupełnij';
    position: absolute;
    right: 24px;
    font-size: 12px;
    background-color: var(--colorRed);
    color: #fff;
    display: block;
    border-radius: 16px;
    top: 11px;
    padding: 5px 8px
}
body[data-contrast="true"] .multiCarouselTitle a{
    color: #000 !important
}
.smallCarousel .carousel-item .prodCard{
    min-height: unset
}
body.content.contents:not(.newsletterVisible) .newsletter, body.users.password .newsletter{
    display: none
}
.basketShippingInput .shipping-selected-info{
    margin-left: auto;
    width: 30%
}
.basketShippingInput .shipping-price{
    width: 80px
}
.basketShippingInput .shipping-selected-info br{
    display: none
}
body.compactTopNav .navMain .logoContainer{
    width: auto !important
}
#contentContainer.basket-validation-failed .backForwardBtns{
    flex-wrap: wrap
}
#contentContainer.basket-validation-failed .submitOrderInfo{
    width: 100%;
    text-align: center;
    font-size: 12px;
    max-width: 215px;
    margin-left: auto;
    margin-bottom: 16px
}
#contentContainer.basket-validation-failed .backForwardBtns{
    margin-bottom: 0;
}
#contentContainer.basket-validation-failed .submitOrderButton{
    background-color: #9fdeff;
}
body[data-pricetype="netto"] .mainCart .trow.products::before, body.wholesale-user-logged-in .mainCart .trow.products::before{
    content:attr(data-number);
    display: block;
    font-size: 18px;
    padding-right: 5px
}
body.compactTopNav .navMain .logo img{
    top: 6px
}
.expandPermissions.collapsed .whenOpen, .expandPermissions:not(.collapsed) .whenClosed{
    display: none
}
[data-contrast="true"] .orderPedding, [data-contrast="true"] .navContainer .stepBar ul li.active, [data-contrast="true"] .navContainer .stepBar ul li.completed, [data-contrast="true"] .navContainer .stepBar ul li, [data-contrast="true"] .compactTopNav .navContainer .stepBar ul li{
    background-color: #000 !important
}
[data-contrast="true"] .smallLabel label, [data-contrast="true"] .showPasswd{
    color: #fff
}
body[data-contrast="true"].events.view .blogContent *:not(a){
    color: #fff !important
}
body[data-contrast="true"].events.view .blogContent .max.relative  img{
 background-color: #fff   
}
body.events.view .blogContent .description-row-container:first-of-type, .events.view .blogContent .description-row-container:first-of-type > div{
    display: inline !important
}
a.thinButton:hover{
    text-decoration: none !important;
    opacity: .8
}
.prodShort{
    flex-grow: 1
}
.recordsPerPage{
    margin-right: 16px
}
#galleryCarousel .carousel-item-start, #galleryCarousel .carousel-item-end{
    margin-top: auto;
    margin-bottom: auto;
    flex-shrink: 0
}
.slider-bestsellers .bannerTitle::after{
    background-color: #fff
}
.customCarousel.miniBlog .carousel-inner:not(.multiCarousel) > *{
    margin-right: 1.15rem !important
}
#PromoViewForm .loader-submit{
    position: relative
}
#PromoViewForm .loader-submit.loaderActivated{
    padding-right: 55px;
    background-color: #9fdeff;
}
.multiBlock.clicked .bootLoader, #PromoViewForm .loader-submit span.bootLoader{
    top: 8px;
    color: #fff !important;
    right: 16px;
    left: unset;
    order: 2
}
.multiBlock.clicked:not(.replace){
    padding-right: 50px;
}
/*
.multiBlock.clicked:not(.replace):not(.dots){
    padding-right: 50px
}
*/
.multiBlock.clicked{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}
.multiBlock.clicked:not(.normaColor){
    background-color: #9fdeff
}
button.multiBlock{
    height: 48px;
    flex-shrink: 0
}
.multiBlock .dotsSpinner{
    height: 16px
}
.multiBlock .dotsSpinner span{
    top: 2px;
    width: 12px;
    height:  12px;
    background-color: #fff
}
[data-contrast="true"] .multiBlock.invertedIndicator .dotsSpinner span, [data-contrast="true"] .multiBlock .dotsSpinner span{
    background-color: #000
}
[data-contrast="true"] .multiBlock.clicked .bootLoader, [data-contrast="true"] #PromoViewForm .loader-submit span.bootLoader{
    color: #000 !important
}
.multiBlock.invertedIndicator .dotsSpinner span{
    background-color: var(--bs-link-hover-color)
}

.multiBlock.invertedIndicator.multiBlock.clicked{
    background-color: #fff
}

.multiCarousel{
    scrollbar-width: none
}
[data-viewmode="compact"] .smallAvailbility .popoverOnHover, [data-viewmode="tiles"] .smallAvailbility .popoverOnHover{
    position: relative !important;
    display: inline !important;
    font-size: unset;
    padding: unset;
    line-height: unset;
    opacity: 1 !important
}
body[data-contrast="true"] .grayForms div.input:not(.checkbox) input#CommentEmail{
    background-color: var(--contrastGray) !important
}
body[data-contrast="true"] .normalContent:not(.notStyled) .events-listing-more-button a{
    color:  #fff !important
}
.newsletterContainer input:autofill,
.userBoxContent #WishlistTitle:autofill{
    box-shadow: inset 0 0 0 100px var(--grayBackground);
}
body[data-contrast="true"] .newsletterContainer input:autofill,
body[data-contrast="true"] .userBoxContent #WishlistTitle:autofill{
    box-shadow: inset 0 0 0 100px var(--contrastGray);
    -webkit-text-fill-color: #fff
}
.userBoxContent .mergedFields input[type="text"], .newsletterContainer .mergedFields input[type="text"]{
    border-radius: 0 !important
}
.userBoxContent .mergedFields, .newsletterContainer .mergedFields{
    overflow: hidden
}
body[data-contrast="true"] .grayField#PromoCode{
    background-color: #000 !important
}
.replaceWithIndicator .bootLoader{
    position: static
    
}
[data-contrast="true"] .contrastColorBlack{
    color: #000 !important
}
[data-contrast="true"] .prodPicture{
    background-color: #fff
}
[data-contrast="true"] .infoCol .prodTitle{
    color: #fff
}
body[data-contrast="true"] #mainContent .topSorting .bootstrap-select>button{
    background-color: #000 !important
}
body[data-contrast="true"] #inbasketProducts .whiteContent{
    background-color: var(--contrastGray)
}
body[data-contrast="true"].baskets.index #contentContainer{
    padding-bottom: 16px
}
.wishlists-heart-link.replaceWithIndicator span.bootLoader{
    color: #fff !important
}
.wishlists-for-product-item img{
    height: 24px
}
body[data-contrast="true"] .addToCartLoader .bootLoader, body[data-contrast="true"] .replaceWithIndicator .bootLoader{
    color: #000 !important
}
.submitOrderButton .bootLoader{
    margin-left: 8px
}
body[data-contrast="true"] #CommentBody{
    color: #fff
}
.wishlists-for-product-item a.processing img{
    display: none
}
.wishlists-for-product-item a.processing span.bootLoader{
    width: 24px;
    height: 24px;
    color:#000 !important
}
[data-contrast="true"] .wishlists-for-product-item a.processing span.bootLoader{
    color: #fff !important
}
@keyframes animShakeMe{
    0%,
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateX(-10px);
              transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateX(10px);
              transform: translateX(10px);
    }
    80% {
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
    }
    90% {
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
    }
  }
.animShakeMe{
    animation: animShakeMe 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.topSorting .bootstrap-select.has-dots .dropdown-menu li a{
    display: flex;
    align-items: center
}
.topSorting .bootstrap-select.has-dots .dropdown-menu li a:hover{
    text-decoration: none !important
}
body.records.view .longBoxTitle h1::after{
    display: none
}
.wishlists-heart-link.active-button{
    background-color: #000
}
.noclick{
    pointer-events: none
}
.noclick.btn-close{
    opacity: .2
}
.blickCodeButtonContainer .dotsSpinner{
    width: 55px
}
.payment-waiting-for-response .bootLoader{
    position: relative
}
[data-contrast="true"][data-viewmode="list"] .smallAvailbility.hovered .popoverOnHover{
    background-color: var(--contrastGray);
    border: 2px solid #fff
}
.mainAddressBlock > .error-message, .deliveryParams > .error-message, .contactBlock > .error-message, .additionalAddressBlock > .error-message{
    max-width: calc(100% - 130px);
    line-height: 18px
}
.viewmode img.forContrast, .mobileSorting img.forContrast{
    display: none
} 

body[data-contrast="true"] .viewmode img:not(.forContrast), body[data-contrast="true"] .mobileSorting img:not(.forContrast){
    display: none
}
body[data-contrast="true"] .viewmode img.forContrast, body[data-contrast="true"] .mobileSorting img.forContrast{ 
    display: block;
    filter: brightness(10)
}
.topSorting > .dropdown, .topSorting > .custom-select > .dropdown{
    z-index: 13
}
section.carousel .carousel-item .prodCard .pictureLink{
    width: unset
}
.cartFreebies .bHead{
    justify-content: flex-start
}
.cartFreebies .bHead span{
    color: red
}
.cartFreebies .col-9{
    padding-right: 0
}
.freebies .carousel-control-prev{
    left: 0
}
.freebies .carousel-control-next{
    right: -16px
}
section.freebies{
    width: calc(100% + 2rem);
    left: -1rem
}
section.freebies .carousel-item img{
    max-height: 140px
}
section.freebies .carousel-item .prodCard{
    min-height: unset
}
section.freebies .carousel-item .prodPicture{
    height: unset;
    width: unset
}
.freebies.customCarousel .carousel-inner > *{
    width: 260px !important;
    min-width: unset !important;
    padding-top: 16px
}
.freebies.customCarousel .carousel-inner{
    padding-bottom: 1.2rem
}
.freebies.multiItemCarousel .prodTitle{
    margin-bottom: auto
}
.freebies.multiItemCarousel .prodTitle a{
    font-size: 14px;
    line-height: normal;
    line-clamp: 2;
    box-orient: vertical;
    overflow: hidden
}
.freebies.multiItemCarousel .prodTitle{
    flex-grow: 10
}
.freebies.multiItemCarousel .cartContainer{
    width: unset
}
.freebies.multiItemCarousel .cartButtonContainer{
    margin-left: 16px;
}
section.freebies .cartSmall{
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.cartFreebies{
    padding-bottom: 0
}
.freeBieButton{
    width: 44px;
    height: 44px
}
.freeBieButton img{
    max-width: 22px !important
}
section.freebies .carousel-item .prodCard{
    padding: 16px
}
section.freebies .imHover:hover .hoverShow.hoverText{
    top: -5px
}
#lastSeen .contentWidth.bannerContent{
    padding-top: 16px
}
html:focus-within {
    scroll-behavior: smooth;
}
body[data-contrast="true"].baskets.index .stepBasketProductsTable .product-boxes .darkOnHover{
    background-color: var(--contrastGray) !important
}
body[data-contrast="true"].baskets.index .stepBasketProductsTable .product-boxes .boxesBtn{
    background-color: var(--contrastGray) !important;
    border: 0 !important
}
body[data-contrast="true"] .mainCart img[src="/img/shop/icons/icon-heart-empty.svg"]{
    filter: invert(1)
}
.csvImport a{
    display: block;
    width: 100%;
    text-decoration: none !important
}
.csvImport a:hover img{
    transform: scale(1.3)
}
body[data-contrast="true" ] .csvImport img{
    filter: invert(1) !important
}
.csvImport{
    width: 100%;
    margin-top: 4px;
    display: flex;
    align-items: center;
    font-size: 14px
}
.csvImport img{
    max-width: 22px !important;
    height: unset !important
}
.greyBasket .csvUpload{
    margin-top: 8px
}
.greyBasket .csvUpload img{
    max-width: 16px !important;
    margin-left: 4px
}
input#CartImportFile[type="file"]::file-selector-button{
    background-color: #fff;
    color: #333;
    border-radius: 100px;
    font: normal normal 600 16px / 24px Poppins;
    border-width: 0;
    padding: 12px 26px;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #333;
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}
input#CartImportFile[type="file"]:hover::file-selector-button{
    opacity: 0
}
input#CartImportFile[type="file"]{
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}
#CartImportFile{
    margin-bottom: 4px
}
.csvImport.notEmptyCart{
    text-align: right
}
.csvImportButton{
    margin-top: 16px
}
.submitOrderButton[disabled="disabled"]{
    background-color: #9fdeff
}
.letMeGrow{
    flex-grow: 1
}
.wholesalerPrices.letMeGrow .csvImport{
    margin-right: 16px
}
.inBoxUser .emptyCart .csvImport{
    margin-top: 8px
}
.dropFile{
    position: relative;
    display: inline-block;
    padding: 24px;
    border: 1px dashed var(--grayBorder);
    border-radius: 4px;
    margin-bottom: 16px
}
.dropFile:hover{
    background-color: #9fdeff;
    transition: background-color 0.2s linear 0s
}
.csvContent{
    text-align: center
}
.csvContent label{
    justify-content: center;
}
.dropFile.dragover{
    background-color: #9fdeff;
    transition: background-color 0.2s linear 0s
}
.uploadFileName{
    font-size: 12px;
    font-weight: bold
}
.csvContent#mainContent .smallList{
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 24px;
    text-align: left
}
.insideMessage .toast{
    background-color: #0D6EFD;
    border-radius: 4px;
    padding: 16px;
    color: #FFF;
    width: 100%
}
.insideMessage .toast.negative{
    background-color: var(--colorRed) !important
}
.csvContent .insideMessage{
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 16px
}
.csvContent .insideMessage .toast-body .message, .csvContent .insideMessage .toast-body #flashMessage{
    opacity: 1 !important;
    height: unset !important;
    width: unset !important
}
.dropFile .error-message{
    display: none
}
.csvContent .simpleFlex{
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 32px

}
.csvContent.normalContent:not(.notStyled) a.blueButton{
    color: #fff !important
}
.csvContent.normalContent:not(.notStyled) a.whiteButton{
    margin-right: 16px;
    color: #333 !important
}
body[data-contrast="true"] .csvContent.normalContent:not(.notStyled) a.blueButton{
    color: #000 !important
}
body[data-contrast="true"] .csvContent .smallList .row .smallListColValue{
    border-color: #fff
}
body[data-contrast="true"] #avFormFromList.generatedCustomOffcanvas{
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 8px
}
body[data-contrast="true"].events.view .blogContent .listRecords img{
    background-color: transparent !important
}
body[data-contrast="true"] #countryModal .modal-content{
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 8px
}
body[data-contrast="true"] .modal-body{
    border: 0
}
body[data-contrast="true"] .topInfo a{
    color: #333 !important
}
.row.cartInfo{
    padding: 0 8px
}
.cartInfo .col-12{
    background-color: #0782c5;
    color: #fff;
    padding: 10px;
    font-size: 1.0rem
}
body.records.view .hovered .popoverOnHover{
    height: max-content;
    max-width: calc(100vw - 80px);
}
body.records.view .hovered .popoverOnHover .dBox{
    text-align: left
}
.bottomBanners h2.banTitle{
    font-size: 20px;
    font-weight: 600
}
.bottomBanners .bannerContent h3{
    font-size: 18px;
    font-weight: 600
}
.cookieContent{
    max-height: calc(100% - 80px);
    overflow: auto;
    padding-bottom:16px
}
.inlineFlex{
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}
.freeBieTip{
    top: unset;
    padding-left: 8px
}
.freeBieTip::before{
    border: 1px solid #333;
    width: 12px;
    height: 12px
}
.freeBieTip::after{
    content: 'i';
    font: normal normal 600 8px/12px Poppins;
    position: relative;
    top: 1px
}
.conditionsInfo{
    text-align: right;
    cursor: pointer
}
.conditionsInfo .inlineFlex{
    font-size: 12px
}
.cartFreebies .hovered .popoverOnHover{
    height: max-content;
    right: 8px !important;
    top: 40px;
    box-shadow: var(--strong-box-shadow);
    background-color: #fff;
    position: absolute;
    border-radius: 4px;
    font: normal normal normal 14px / 22px Poppins;
    z-index: 11;
    text-align: left;
    padding: 1rem;
    max-width: 100%;
    bottom: 100%;
    cursor: auto;
    z-index: 14;
    width: 100%
}
.cartFreebies .hovered .popoverOnHover img{
    max-height: unset;
    height: auto
}
.cartFreebies .hovered .popoverOnHover a{
    color: var(--bs-link-hover-color)
}
body[data-contrast="true"] .cartFreebies .hovered .popoverOnHover{
    background-color: #000;
    color: #fff;
    border: 2px solid #fff
}
.prodCard.notavailable-gift > *:not(.conditionsInfo) {
	opacity: 0.5;
}
.prodCard.notavailable-gift .cartContainer {
	display:none !important;
}
.stepBasketProductsTable .trow.isFreebie {
	background-color: #A7C9A0
}
body:not([data-contrast="true"]) .basketdetails-in-header .smallList .row.isFreebie{
	background-color: #A7C9A0
}
.basketdetails-in-header .smallList .row.isFreebie .incDec, .stepBasketProductsTable .trow.isFreebie .incDec{
    display: none
}
.basketdetails-in-header .smallList .row.isFreebie .cartIncDec, .stepBasketProductsTable .trow.isFreebie .cartIncDec{
    background-color: #A7C9A0;
    border: none
}
.shopeu-hidden-section {
    display: none !important;
}
.delivery-address-explanation.accepted-address-set
{
    display: none !important;
}
.delivery-address-explanation.not-accepted-address-set
{
    display: block !important;
}
.basketProdRemoveLink:hover .hoverShow.hoverText{
    border-top-left-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
    right: 85%;
    padding-right: 8px;
}
body:not([data-contrast="true"]) .smallList .imHover:hover .hoverShow.hoverText{
    background-color: #000;
    color: #fff
}
body[data-contrast="true"] .smallList .imHover:hover .hoverShow.hoverText{
    background-color: var(--colorDarkBlue) !important;
    color: #000
}
.basketProdRemoveLink:hover .someBtnDark{
    z-index: 3
}
.smallList .imHover:hover .hoverShow.hoverText{
    padding-right: 10px;
    right: 62%
}
.basketdetails-in-header .smallList .smallListColValue .removeCartItem{
    margin-right: 8px
}
.basketdetails-in-header .smallList .smallListPhoto{
    padding-left: 8px
} 
.stepBasketProductsTable .trow.isFreebie .input{
    padding: 0 2rem
}
.basketdetails-in-header .smallList .row.isFreebie .toBasketQty{
    margin: 0 2rem
}
.basketdetails-in-header .smallList .row.isFreebie  .unitsText{
    vertical-align: unset
}
section.freebies .carousel-item .pictureContainer{
    height: 164px;
    display: flex;
    justify-content: center
}
body[data-contrast="true"].records.view .hovered .popoverOnHover .default-brutto, body[data-contrast="true"].records.view .hovered .popoverOnHover .default-netto{
    color: #fff
}
body[data-contrast="true"].records.view section[role="banner"] .bannerContent, body[data-contrast="true"].categories .bottomBanners{
    background-color: #000
}
body.address_data .cartFreebies{
    display: none
}
#popupMessage .modal-dialog{
    max-width: 800px !important
}
section.freebies .carousel-item img {
    width: unset !important;
    max-width: 100%
}
.shortDesc h2{
    font-size: 15px
}
.prodShortDescFull h2{
    font-size: 18px
}
.giftPromos{
    display: flex;
    flex-direction: column;
    justify-content: center
}
.giftPromos .action{
    position: relative;
}
.giftPromos .promoGiftText{
    max-width: 270px;
    z-index: 99;
    top: 100%
}
.giftPromos .ishover{
    width: fit-content
}
.giftPromos .action:first-of-type{
    margin-bottom: 4px
}
body[data-viewmode="list"] .recordsContainer .hovered .popoverOnHover.promoGiftText{
    left: unset;
    right: 100%
}

body[data-viewmode="compact"] .giftPromosList, body[data-viewmode="list"] .giftPromosCompact, body[data-viewmode="list"] .compactGift, body[data-viewmode="tiles"] .compactGift, body[data-viewmode="tiles"] .giftPromosList{
    display: none !important;
}
body[data-viewmode="compact"] .giftPromosCompact{
    margin-top: 1rem;
    cursor: pointer;
}
body[data-viewmode="compact"] .giftPromos{
    font-size: 12px;
    max-width: 190px
}
.giftPromos .blue, .rightInfos .blue{
    color: var(--bs-link-hover-color)
}
body[data-viewmode="compact"] .giftPromos .action{
    display: flex;
    align-items: center;
}
body[data-viewmode="compact"] .giftPromos img{
    margin-right: 8px
}
body[data-viewmode="tiles"] .giftPromosCompact{
    position: absolute;
    top: 40px;
    left: 40px
}
body[data-viewmode="tiles"] .giftPromosCompact .giftPromos{
    flex-direction: row; 
}
body[data-viewmode="tiles"] .giftPromosCompact .giftPromos .action:first-of-type{
    margin-right: 8px
}
.rightItemGift .rightItemText{
    font-size: 12px;
    display: flex;
    align-items: center;
}
.giftP{
    display: flex;
    align-items: center;
    justify-content: center
}
.dBox{
    text-align: center
}
.giftP > a:last-child{
    
}
.cartGifts .card-body{
    font-size: 12px;
    padding: 0;
    display: flex;
    flex-direction: column
}
.giftTerms{
    margin-top: auto;
    padding-top: 4px
}
section.freebies .carousel-item .giftBadge img{
    width: 44px !important;
}
.rightItemText .freeDeliveryGift{
    margin-right: 16px;
}
.rightItemText .giftInfo, .rightItemText .dBox, .rightItemText p, .rightItemText{
    text-align: left;
    font-size: 16px;
    margin-bottom: 0
}
.rightItemText p.giftTerms{
    font-size: 12px;
    line-height: normal;
}
.rightItemText .giftP{
    justify-content: flex-start;
    font-size: 16px;
    align-items: flex-start
}
.deliveryCost .rightItemText .giftP{
    flex-direction: column;
}
.withGifts .rightItemText{
    display: flex;
    align-items: center;
    font-size: 12px;
}
.deliveryCost .rightItemText{
    flex-direction: column;
    align-items: flex-start;
}

/*.withGifts .rightItem:not(.deliveryCost)::after{ */
.withGifts .rightItem::after{
    display: none
}
.withGifts .giftProductPhoto{
    padding-left: 8px;
}
.withGifts .moreGap{
    display: block
}
.withGifts a:hover{
    text-decoration: none
    
}
.photoGifts .rightInfos .rightItem {
    display: none !important
}
.isActiveGift > .prodCard > *:not(.conditionsInfo){
	opacity: 0.5;
}

.cartGifts .blue{
    color: var(--bs-link-hover-color);
    text-align: center;
    margin-bottom: 0
}
.cartGifts .blue, .giftP.dBox{
    font-size: 16px
}
.available-gift .card-body > p:last-child{
    margin-bottom: 0
}
.cartGifts .blue > span{
    color: #EC3333
}
.cartGifts .delivery img{
    max-width: 110px !important
}
.cartGifts .hovered .popoverOnHover{
    bottom: 40px;
    top: unset
}
.giftP a{
    color: var(--bs-link-hover-color);
    line-height: 20px
}
.giftT::before, .giftT::after{
    color: var(--bs-link-hover-color);
    border-color: var(--bs-link-hover-color);
}
.freeDeliveryGift, .rightItemImage:not(.giftBadge){
    text-align: center;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 120px;
    width: 100%;
    margin: 0 auto
}
.giftBadge{
    position: absolute;
    left: 8px;
    top: 8px;
}
.giftBadge img{
    width: 44px
}
.giftPrice{
    color: #EC3333
}
@media (min-width: 891px){
    .photoGifts{
        display: none !important
    }
    .columnRight .d-flex.ishover{
        display: none !important;
    }
    .withGifts .rightItemImage img{
        
        max-width: 100% !important;
    }
    .wholesalerPrices.letMeGrow{
        align-items: center !important
    }
    body.imBusy .topSorting > .dropdown, body.imBusy .topSorting > .custom-select > .dropdown{
        z-index: 12
    }
    [data-viewmode="list"] .smallContainer.haveBadge .prodCard{
        padding-top: 24px
    }
    .navMain .user-menu .userBoxContent::before{
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        background-color: transparent;
        opacity: .8;
        z-index: 1;
        left: 0
    }
    .navMain:not(.isSticky) .user-menu .userBoxContent::before{
        height: 78px;
        top: -76px;
    }
    .navMain.isSticky .user-menu .userBoxContent::before{
        height: 27px;
        top: -25px;
    }
    [data-viewmode="list"] .smallAvailbility.hovered{
        position: relative
    }
    [data-viewmode="list"] .smallAvailbility.hovered .popoverOnHover{
        left: 2rem !important;
        top: 0 !important
    }
    .mainCart .trow.products .basketPhoto{
        display: flex;
        align-items: center
    }
    body.contents.page #letColumn, body.contents.regulamin #letColumn{
        margin-top: 0 !important;
        margin-bottom: 2rem
    }
    body[data-contrast="true"].contents.page #letColumn, body[data-contrast="true"].contents.regulamin #letColumn{
        background: #000
    }
    body.baskets.address_data .inbasketProducts, body.baskets.index .inbasketProducts{
        align-items: flex-start;
        position: relative
    }
    .rightSums{
        position: sticky;
        top: 0
    }
    body.baskets .allWrapper{
        overflow: unset
    }
    #otherDataSetContainer, .basketAddressFieldsetTitle{
        display: inline-flex
    }
    #otherDataSetContainer .check-container span:not(.checkmark){
        max-width: unset
    }
    #otherDataSetContainer .check-container{
        margin-left: 16px
    }
    #copyAddressDataToInvoice{
        margin: .5rem 0 28px 0;
        padding: 13px 26px
    }
    body.address_data div.input.width25{
        width: 215px
    }
    body.address_data div.input.width75{
        width: calc(100% - 215px - 1rem)
    }
    #addressEditModal .dynamicPlaceholder.smallerField.w25{
        width: calc(17.5% - 24px)
    }
    #addressEditModal .dynamicPlaceholder.smallerField.w75{
        width: calc(32.5% - 24px)
    }
    .navMain:not(.isSticky) .logo img{
        top: unset
    }
    .navMain .logo{
        top: -6px
    }
    body:not(.compactTopNav) .logo, body:not(.compactTopNav) .navMain:not(.isSticky) .logo{
        top: -6px
    }
    body.finalize_standard .shortBack{
        display: none
    }
    body.finalize_standard.compactTopNav{
        padding-top: 0
    }
    body.compactTopNav.users.login{
        padding-top: 64px
    }
    .cartLoginRegister .greyBasket{
        min-width: 420px
    }
    body.compactTopNav:not(.login) .navMain .logo{
        width: 50px
    }
    body[data-viewmode="list"] .pictureContainer{
        flex-shrink: 0
    }
    .compactTopNav #mainContainer .stepBar{
        display: none
    }
    .topSorting{
        min-height: 54px
    }
    .listRecords .bootLoader{
        left: -54px
    }
    section[role="banner"] .bannerContent, #galleryCarousel .carousel-inner{
        scrollbar-width: none
    }
    #addressEditModal .warning-message.warning-address{
        position: absolute
    }
    #addressEditModal .error-message,#addressEditModal .warning-message.warning-name, #addressEditModal .warning-message.warning-address, #addressEditModal .warning-message.warning-address, #addressEditModal #UsersAddressPhone .error-message{
        padding-left: 0
    }
    .itemContainer .categoriesBrowser > li.is-open > ul::-webkit-scrollbar-thumb,.cookieContent::-webkit-scrollbar-thumb{
        background: var(--bs-link-hover-color);
    }
    .categoriesBrowser > li.is-open > ul::-webkit-scrollbar, div.ac_results::-webkit-scrollbar, div.dropdown-menu.show::-webkit-scrollbar,.cookieContent::-webkit-scrollbar-thumb{
        color: var(--bs-link-hover-color)
    }
    body.content .col-9.contentContainer{
        padding-right: 0
    }
    body.content:not(.events) #letColumn{
        background-color: #fff
    }
    .filter-option-inner-inner.hidden{
        display: block !important
    }
    .mobileMenu{
        display: none !important
    }
    #galleryCarousel:not(.modalCarousel) .p-small-pic{
        margin-right: 1rem;
        width: calc((100% - 4rem) / 5);
        margin: 1rem 1rem 0rem 0
    }
    #galleryCarousel:not(.modalCarousel) .p-small-pic:nth-child(5n){
        margin-right: 0
    }
    #galleryCarousel:not(.modalCarousel) .p-small-pic:nth-child(-n+5){
        margin-top: 0
    }
    #galleryCarousel:not(.modalCarousel) .p-small-pic:last-of-type{
        margin-right: auto
    }
    .galleryContainer{
        height: max-content
    }
    #galleryCarousel:not(.modalCarousel) .carousel-inner{
        flex-wrap: wrap
    }
    #fullGallery #galleryCarousel{
        margin: 0 auto
    }
    #fullGallery #galleryCarousel .carousel-inner{
        justify-content: center
    }
    .p-small-pic{
        display: flex;
        margin: 0 1rem 1rem 0
    }
    #addressEditModal .basketAddressFieldset{
        flex-wrap: wrap;
        justify-content: space-between;
        display: flex
    }
    #addressEditModal form .templateText{
        display: flex;
        justify-content: space-between;
    }
    #addressEditModal form .templateText > *, #addressEditModal .basketAddressFieldset .dynamicPlaceholder:not(.smallerField){
        width: calc(50% - 16px)
    }
    #addressEditModal .dynamicPlaceholder.smallerField{
        width: calc(25% - 24px)
    }
    #addressEditModal .radioPack{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    #addressEditModal .radioPack label:first-child{
        padding-left: 0 !important
    }
    #addressEditModal .radioPack label{
        width: auto
    }
    #addressEditModal .radioPack label.check-container span:not(.checkmark){
        max-width: unset
    }
    #addressEditModal .modal-dialog{
        max-width: 1082px
    }
    .ajaxModal .basketUsertypeSelect label:last-of-type{
        margin-bottom: unset !important
    }
    /*
    body.categories #letColumn{
        width: 24.3% !important
    }*/
    .priceFilter.isSticky{
        position: sticky
    }
    body.categories #letColumn{
        position: sticky;
    }
    body.categories #letColumn{
        width: 25% !important
    }
    .filters-container{
        display: flex;
        height: 100%;
        position: relative
    }
    
    .leftCategories.left-search{
        margin-top: 0
    }
    #FilterViewForm{
        height: 100%
    }
    .categoriesBrowser > li.is-open > ul > li > a{
        margin-top: 8px;
        display: inline-block
    }
    .categoriesBrowser > li.is-open > ul > li:first-child > a{
        margin-top: 0
    }
    /*
    .categoriesBrowser > li.is-open > ul > li{
        display: inline
    }
    .itemContainer .categoriesBrowser > li.is-open > ul{
        display: block;
        columns: 3;
        column-fill: auto;
        column-width: 33.33%;
    }
    .categoriesBrowser > li > ul > li > ul{
        display: inline
    }*/
    .navMain.isSticky .topMenu{
        display: flex
    }
    .hiddenMenuItems{
        display: flex;
    }
    .headerSearch{
        flex-shrink: 99
    }
    .hiddenMenuItems > li > span{
        color: #333;
        font-weight: 600
    }
    
    .navMain.isSticky #mainMenu.hovered .moreItems{
        display: none;
    } 
    .itemContainer{
        overflow: hidden;
        padding-bottom: 32px
    }
    .itemContainer > .itemContent{
        padding-bottom: 32px
    }
    .navMain.isSticky .itemContainer{
        position: fixed;
        left: 0;
        top: 81px !important;
    }
    .itemContainer .categoriesBrowser > li.is-open > ul{
        max-height: calc(100% - 32px)
    }
    .navMain.isSticky #mainMenu{
        position: relative
    }   
    .navMain.isSticky .hiddenMenuItems{
        display: none;
        position: absolute;
        z-index: 6;
        left: 100%;
        padding: 12px 0;
        bottom: -14px;
        background-color: #fff
    }
    .navMain.isSticky #mainMenu.hovered .hiddenMenuItems{
        display: flex
    }
    
    .headerSearch{
        display: block !important;
        flex-grow: 10
    }
    .responsive-tabs .nav-tabs {
        display: flex;
    }
    .responsive-tabs .card{
        border: none;
    }
    .responsive-tabs .card .card-header{
        display: none;
    }
    .responsive-tabs .card .collapse{
        display: block;
    }
}

@media (min-width: 1920px){
    .scroll-top{
        right: calc((100% - 1900px)/2)
    }
}

@media (max-width: 1840px){
    .brandZone  .carousel-control{
        top: 36%
    }
    .userBoxContent{
        max-width: 96vw
    }
    body:not(.compactTopNav) .logo img{
        max-width: 100%
    }
    .stickyNavMain .logo img{
        max-width: unset
    }
    .stickyNavMain header .form-check{
        padding-left: 1rem
    }
}
@media (max-height: 900px){
    .categoriesBrowser > li > a{
        padding: 4px 0px
    }
}
@media (max-width: 1820px){
    .carousel-control-prev{
        left: 0.5rem;
    }
    .carousel-control-next{
        right: .5rem
    }
    .carousel-control{
        top: 50%;
        box-shadow: 0px 0px 1rem #33333314;
        border-radius: 50%;
        background-color: #fff
    }
    section[role="banner"].controlsActive .carousel-control{
        opacity: 1;
        background-color: #f2f2f2
    }
}
@media (max-width: 1672px){
    footer, .navMain.isSticky, .navMain,.bannerTitle, h1.longBoxTitle, .longBoxTitle h1, .brandZone .carousel-container, .miniBlog .carousel-container{
        padding-left: 1rem;
        padding-right: 1rem
    }
    .SmallContent{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .paymentsAndSocials{
        padding-right: 0
    }
}
@media (max-width: 1660px){
    .carousel-item.blogItem{
        min-width: 390px
    }
    body.categories .bottomBanners, #navibar{
        padding-left: 1rem;
        padding-right: 1rem
    }
    body.map .contentContainer, .fullProdContainer{
        padding-left: 1rem
    }
    .productHeader{
        padding-left: 1rem
    }
    .columnRight{
        padding-right: 1rem
    }
    body.records.view .multiItemCarousel .contentWidth.bannerContent{
        padding-left: .5rem;
        padding-right: .5rem
    }
    .sortingOptions, #letColumn, .categoryBrowse{
        padding-left: 1rem
    }
    .blogContent{
        padding-right: .5rem !important
    }
    .blogNav, .contentContainer{
        padding-right: .5rem;
    }
    .bottomSorting, .sortingOptions, .recordsContainer, .categoryBrowse{
        padding-right: 1rem;
    }
    .catDesc{
        margin-left: 1rem;
        margin-right: 1rem
    }
    .stepBar{
        margin-left: 8px;
        padding-right: 16px
    }
    .rightColCart{
        margin-right: 24px
    }
    .greyBasket{
        padding: 1rem
    }
    .topSorting{
        padding-right: 1rem
    }
    body.events.view .contentContainer {
        padding-right: 1rem;
    }
}
@media (max-width: 1640px){
    .toasts{
        padding-right: 1rem;
        padding-left: 1rem
    }
    body.categories.view #mainSlider{
        padding-left: 1rem;
        padding-right: 1rem
    } 
}
@media (max-width: 1632px){
    .nav-item.moreItems{
        display: none
    }
    nav.isSticky .nav-item.pRelative{
        display: none
    }
    .navMain.isSticky .headerSearch{
        flex-grow: 99;
        flex-shrink: unset
    }
}
@media (max-width: 1630px){
    .miniBlog .bannerContent:last-child{
        background-color: red;
    }
}
@media (max-width: 1470px){
    nav.isSticky .nav-item.brandNav {
        display: none
    }
}
@media (max-width: 1630px) and (min-width: 891px){
    .backForwardBtns{
        flex-wrap: wrap
    }
    .backForwardBtns button:last-of-type{
        margin-top: 1rem
    }
    .backForwardBtns button{
        width: 100%
    }
    .promo-codeInbasket{
        justify-content: unset
    }
    .promo-codeInbasket input{
        flex-grow: 10;
        max-width: calc(100% - 48px);
    }
}
@media(max-width: 1550px) and (min-width: 891px){
    .bHead{
        font-size: 1rem
    }
    .cartLoginRegister .bHead{
        font-size: 20px
    }
}
@media (max-width: 1530px){
    .categoriesBrowser > li.is-open > ul, .browserHeader{
        width: calc(100vw - 355px) !important
    }
    .categoriesBrowser > li.is-open > ul, .browserHeader{
        left: 85%
    }
    .categoriesBrowser{
        width: 380px;
    }
    [data-viewmode="tiles"] .smallContainer{
        width: 50%
    }
    .basketShippingInput .shipping-selected-info{
        min-width: 228px
    }
    .basketShippingInput .shipping-selected-info br{
        display: block
    }
}
@media (max-width: 1404px){
    .navMain.isSticky .searchContainer{
        margin: 0;
    }
    .navMain.isSticky .headerSearch{
        width: auto
    }
    .carousel-control-prev{
        left: 1rem
    }
    .carousel-control-next{
        right: 1rem
    }
    [data-viewmode="compact"] .recordsContainer .commerceStuff{
        width: calc(65% - 140px) !important;
        padding-left: 1rem !important;
        max-width: 340px
    }
    [data-viewmode="compact"] .recordsContainer .infoCol{
        width: 35% !important;
        padding-left: 1.5rem !important
    }
    .blogContent .infoCol, [data-viewmode="list"] .recordsContainer .infoCol{
        width: 25%
    }
    /*
    #mainContent:not(.blogContent), body:not([data-viewmode="list"]) .recordsContainer .prodPrices{
        width: 200px
    }
    */
    body[data-viewmode="compact"] .recordsContainer .prodPrices{
        width: unset
    }
    body[data-viewmode="tiles"] .recordsContainer .prodPrices{
        width: unset
    }
    body.users .normalContent{
        width: unset !important
    }
    
}

@media(max-width: 1404px) and (min-width: 891px){
    body[data-viewmode="compact"] .recordsContainer .prodCard{
        padding: 16px
    }
    body[data-viewmode="compact"] .recordsContainer .p-wishlist{
        top: 16px !important;
        right: 16px !important
    }
    .search-input{
        position: static !important
    }
    #ac_search_results{
        left: 0;
        width: 100%
    }
}
@media(max-width: 1210px) and (min-width: 891px){
    #ac_search_results{
        top: 104px
    }
    .navMain:not(.isSticky) .userCol.ishover .userBoxContent{
        top: 60px
    }
}
@media(max-width: 1012px) and (min-width: 891px){
    #ac_search_results{
        top: 98px
    }
}

@media(max-width: 1380px) and (min-width: 891px){
    .inbaskatTable .basketTrAmount{
        margin-left: 1rem
    }
    .inbaskatTable .basketTrProduct{
        max-width: 180px;
        flex-shrink: 0
    }
    .inbaskatTable .basketTrPrice{
        width: 120px;
        flex-grow: 0
    }
    .inbaskatTable .product-boxes{
        margin-right: auto
    }
    .inbaskatTable .basketTrValue{
        flex-grow: 0
    }
    .productInfo{
        width: 100%;
        order: 3
    }
    .galleryContainer, .columnRight{
        order: 1
    }
    .columnRight{
        height: unset !important;
        width: 40%;
        position: static
    }
    .galleryContainer{
        width: 60%
    }
    .productInfo{
        width: 100%;
        margin-top: 1rem;
        display: block !important;
        padding-right: 1rem
    }
    .commerceRight{
        height: unset;
        opacity: 1;
        margin-bottom: 1.5rem;
        padding: 1.5rem 0
    }
    .fullProdContainer{
        width: 100%;
        padding-right: 1rem
    }
    .rightTitle{
        width: calc(100% - 54px);
        font-size: 20px
    }
    .rightPhoto, body.records.view h1.longBoxTitle::after, body:not(.users).longBoxTitle h1::after, .prodShort .prodBadges, .prodShort .fullProdWishlist{
        display: none
    }
    .blogContent .prodPrices, body[data-viewmode="list"] .recordsContainer .prodPrices{
        width: 180px;
    }
    .blogContent .cartSmall, body[data-viewmode="list"] .recordsContainer .cartSmall{
        width: 390px
    }
    .listRecords .infoCol{
        max-width: 200px;
        width: unset !important
    }
}
@media(max-width: 1140px) and (min-width: 891px){
    .listRecords .recordsContainer .prodCard{
        flex-wrap: wrap
    }
    .listRecords .infoCol{
        max-width: calc(100% - 80px)
    }
    [data-viewmode="compact"] .listRecords .recordsContainer .commerceStuff, .listRecords .commerceStuff{
        width: 100% !important;
        order: 9
    }
}
@media(max-width: 1328px){
    .customCarousel .carousel-inner:not(.multiCarousel) > *{
        width: calc((100% - 2rem) / 3)
    }
    [data-viewmode="compact"] .recordsContainer .pictureContainer{
        max-width: 180px !important
    }
    .stepBar ul li{
        font-size: unset
    }
    .compactTopNav .navContainer .stepBar ul li{
        font-size: 14px
    }
    .compactTopNav .navContainer .stepBar ul li{
        padding: 0 8px
    }
}
@media(max-width: 1340px){
    body:not(.compactTopNav).navMain.isSticky .logo{
        width: 60px;
        overflow: hidden;
    }
    .navMain.isSticky .headerSearch{
        width: 320px;
    }
}
@media(max-width: 1270px) and (min-width: 891px){
    .navMain.isSticky .user-menu{
        max-width: 220px
    }
}
@media(max-width: 1220px) and (min-width: 891px){
    body.stickyNavMain nav.isSticky .logo{
        width: 60px;
        overflow: hidden
    }
    body.stickyNavMain nav.isSticky .logo img{
        max-width: unset !important;
    }
    .navMain.isSticky .headerSearch{
        padding-left: 0
    }
}
@media(max-width: 1220px){
    [data-viewmode="list"] .recordsContainer .expirationPromo, body[data-viewmode="list"] .recordsContainer .oldPriceContainer{
        display: none !important
    }
    .blogContent .prodCard > *,  body[data-viewmode="list"] .recordsContainer .prodCard > *{
        align-items: center
    }
}
@media(max-width: 1210px){
    .paymentsAndSocials{
        width: 100%;
        max-width: unset
    }

    .paymentsAndSocials > .row{
        max-width: 218px
    }
    .credits > .col{
        order: 1;
        flex-basis: auto
    }
    .credits > .col.socials{
        order: 0
    }
    .credits > .col:not(.socials){
        width: 100%;
        margin-top: 40px
    }
    .socialMedia{
        margin: 0 auto 0 0
    }
    .footerContent{
        width: 100%
    }
    .paymentMethods{
        left: -.5rem
    }
    .credits > .col:not(.socials), .socials, .socialMedia .col, .paymentsAndSocials > .row > .col-12{
        padding: 0
    }
}
@media(max-width: 1210px) and (min-width: 891px){
    .navMain:not(.isSticky){
        padding: 16px 16px 0 16px
    }
}
@media(max-width: 1180px){
    .listRecords .recordsContainer .prodCard{
        align-items: flex-start !important
    }
    .listRecords .recordsContainer .infoCol{
        width: 100% !important
    }
    .navMain.isSticky .headerSearch{
        flex-shrink: 1
    }
    body[data-viewmode="list"] .recordsContainer .prodCard > *{
        order: 2
    }
    .blogContent .infoCol, body[data-viewmode="list"] .recordsContainer .infoCol{
        width: 100%;
        order: 1;
        padding-left: 0
    }
    .blogContent .prodCard, [data-viewmode="list"] .recordsContainer .prodCard{
        flex-wrap: wrap
    }
    .rightSums{
        width: 100%
    }
    .rightColCart{
        position: static;
        top: unset;
        margin: 32px 24px 32px 16px
    }
    .col-9.mainCart{
        width: 100%
    }
    .backForwardBtns button{
        width: unset
    }
    #PurchaseformIndexForm{
        overflow: hidden
    }
    .backForwardBtns{
        align-items: center
    }
    .lisatRecords .pictureContainer{
        order: 1 !important
    }
    .lisatRecords .infoCol{
        order: 2 !important
    }
}

@media(max-width: 1150px){
    .cartSmall .unitsText{
        position: absolute;
        left: 0;
        bottom: -.5rem
    }
    .blogContent .cartSmall .unitsText, [data-viewmode="list"] .recordsContainer .cartSmall .unitsText{
        position: static
    }
    [data-viewmode="compact"] .recordsContainer .pictureContainer{
        max-width: 140px !important
    }
    .selected-filters{
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: scroll;
        margin-bottom: 1rem;
        margin-right: 1rem
    }
    
}
@media(max-width: 1150px) and (min-width: 891px){
    .navMain.isSticky .topMenu, .navMain.isSticky .user-menu{
        max-width: 220px
    }
    .navMain.isSticky .navContainer{
        flex-wrap: nowrap
    }
}
@media(max-width: 1080px) and (min-width: 891px){
    .navMain.isSticky .topMenu{
        max-width: 180px
    }
    .navMain.isSticky .navContainer{
        flex-wrap: nowrap
    }
    body:not(.compactTopNav) .navMain:not(.isSticky) .logo{
        width: 60px;
        overflow: hidden;
        top: unset
    }
    .navMain:not(.isSticky) .logo img{
        max-width: unset
    }
    .col-xxl-3.col-xl-4.col-lg-4.col-md-3.d-flex.align-items-center.justify-content-between.logoContainer.pl0, .navMain:not(.isSticky) .headerSearch{
        width: auto
    }
}
@media (max-width: 1050px){
    [data-viewmode="list"] .recordsPerPage{
        display: none !important
    }
}
@media (max-width: 1030px){
    [data-viewmode="compact"] .giftPromos{
        margin-right: auto;
    }
    [data-viewmode="compact"] .unitsText{
        margin-right: 1rem
    }
    [data-viewmode="compact"] .compactGift{
        display: none !important;
    }
    [data-viewmode="compact"] .giftPromosCompact .giftPromos{
        flex-direction: row;
        justify-content: flex-start
    }
    body[data-viewmode="compact"] .giftPromosCompact{
        margin-top: 0
    }
    [data-viewmode="compact"] .giftPromos .promoGiftText{
        left: 100%;
        right: unset
    }
    [data-viewmode="compact"] .prodPrices{
        display: flex;
        flex-direction: column;
    }
    [data-viewmode="compact"] .prodPrices .giftPromosCompact{
        order: 1;
    }
    [data-viewmode="compact"] .prodPrices > *{
        order: 2
    }
    body.stickyNavMain #ac_search_results{
        top: 62px
    }
    .blogSorting span.strong{
        display: none
    }
    .blog-search{
        flex-grow: 1;
        margin-left: 8px
    }
    .blog-search .blueButton{
        padding: 5px 19px
    }
    .event-cats:not(.opened){
        display: none
    }
    .leftCategories{
        max-width: 220px;
        position: relative
    }
    .ev-cats{
        display: flex;
        justify-content: space-between
    }
    .ev-cats::after{
        border: 0;
        content: ">" !important;
        color: #333;
        font-weight: 600;
        rotate: -270deg;
        transition: rotate 0.2s linear 0s;
        font-size: 18px;
        vertical-align: middle !important;
        margin-left: 8px;
        border: 0 !important;
    }
    .event-cats{
        position: absolute;
        inset: 0px auto auto 0px;
        box-shadow: var(--box-shadow);
        margin-top: 4px;
        width: max-content;
        padding: 1rem;
        top: 100%;
        background-color: #fff
    }
    .ev-cats.active-button::after{
        rotate: -90deg
    }
    body.events .columnLeft .blog-cloud{
        display: none
    }
    body.events .columnLeft{
        display: flex;
        width: 100%
    }
    body.events .columnLeft .leftCategories{
        display: flex;
        align-items: center
    }
    .blogContent .cartButtonContainer, [data-viewmode="list"] .recordsContainer .cartButtonContainer, [data-viewmode="list"] .recordsContainer .cartSmall .product-boxes{
        margin-left: auto;
        margin-right: 0
    }
    .standardSite .leftCategories, .standardSite .leftCategories{
        display: none
    }
    .contentContainer{
        width: 100%;
        padding-left: 1rem
    }
    .blogContent .cartIncDec,  body[data-viewmode="list"] .recordsContainer .cartIncDec{
        margin-left: 4px;
        order: 4
    }
    .blogContent .cartContainer, body[data-viewmode="list"] .recordsContainer .cartContainer{
        flex-wrap: wrap;
        max-width: 205px
    }
    .blogContent .cartButtonContainer, body[data-viewmode="list"] .recordsContainer .cartButtonContainer{
        order: 1
    }
    .blogContent .cartSmall .unitsText, [data-viewmode="list"] .recordsContainer .cartSmall .unitsText{
        margin-right: 0;
        margin-left: auto;
        order: 3
    }
    .blogContent .cartSmall form, body[data-viewmode="list"] .recordsContainer .cartSmall form{
        justify-content: flex-end;
        width: unset;
        max-width: 100%
    }
    .blogContent .cartButtonContainer, body[data-viewmode="list"] .recordsContainer .cartButtonContainer{
        width: 100%;
        margin: .5rem 0;
        justify-content: flex-end
    }
    .blogContent .prodTitle, body[data-viewmode="list"] .recordsContainer .prodTitle{
        width: calc(100% - 40px)
    }
    /*.blogContent .prodPrices, body[data-viewmode="list"] .recordsContainer .prodPrices{
        position: absolute;
        bottom: 30px;
        left: 1rem
    }
    */
    .blogContent .cartSmall, body[data-viewmode="list"] .recordsContainer .cartSmall{
        max-width: 100%
    }
    .blogContent .priceBrutto, body[data-viewmode="list"] .recordsContainer .priceBrutto{
        width: 132px
    }
    .blogContent .productLargeField, body[data-viewmode="list"] .recordsContainer .productLargeField{
        margin-right: auto
    }
    .blogContent .p-wishlist, body[data-viewmode="list"] .recordsContainer .p-wishlist{
        top: 40px;
        right: 24px !important;
        position: absolute !important
    }
    .blogContent .pictureContainer, body[data-viewmode="list"] .recordsContainer .pictureContainer{
        width: 40px
    }
    body[data-viewmode="list"] .recordsContainer .priceBruttoNumber, .greyBasket .priceBruttoNumber{
        font-size: 1rem
    }
    body[data-viewmode="list"] .recordsContainer .commerceStuff{
        padding-left: 1rem;
    }
    .customCarousel .carousel-inner:not(.multiCarousel) > *{
        width: 302px
    }
    .newsletter{
        justify-content: center
    }
    .newsletterContainer{
        width: 100%
    }
    .newsBox{
        padding-bottom: 40px
    }
    .newsletter .modTitle{
        padding: 40px 0
    }
    [data-viewmode="tiles"] .smallContainer{
        width: 100%
    }
    .columnLeft{
        width: 35%
    }
    /*
    body.categories #mainContent{
        width: 65%
    }*/
    [data-viewmode="compact"] .shortDesc:not(.forBlog){
        display: none !important
    }
    [data-viewmode="compact"] .recordsContainer .commerceStuff{
        width: 100% !important;
        max-width: unset
    }
    [data-viewmode="compact"] .recordsContainer .psmall-row{
        flex-wrap: wrap
    }
    [data-viewmode="compact"] .recordsContainer .pictureContainer{
        margin: 0 auto 0 0;
        max-width: 80px !important
    }
    [data-viewmode="compact"] .recordsContainer .pictureContainer .prodPicture{
        margin: 0;
        height: auto;
    }
    [data-viewmode="compact"] .recordsContainer .infoCol{
        width: calc(100% - 1rem - 80px) !important;
        padding-left: 1rem !important
    }
    [data-viewmode="compact"] .recordsContainer .prodCard{
        padding: 2rem
    }
    [data-viewmode="compact"] .recordsContainer .p-wishlist{
        top: 2rem;
        right: 2rem
    }
    [data-viewmode="compact"] .recordsContainer .prodTitle{
        width: calc(100% - 40px)
    }
    [data-viewmode="compact"] .recordsContainer .priceBruttoNumber{
        font-size: 20px
    }
    [data-viewmode="compact"] .recordsContainer .prodPrices{
        margin: .5rem 0 !important
    }
    [data-viewmode="compact"] .recordsContainer .cartSmall .unitsText{
        position: static
    }
    body[data-viewmode="list"] .recordsContainer .productLargeField, .listRecords .recordsContainer .productLargeField{
        margin-right: unset
    }
    body[data-viewmode="list"] .recordsContainer .cartSmall, body[data-viewmode="list"] .recordsContainer .listHeart, .listRecords .recordsContainer .cartSmall, .listRecords .recordsContainer .listHeart{
        position: static !important
    }
    body[data-viewmode="list"] .recordsContainer .cartSmall, .listRecords .recordsContainer .cartSmall{
        max-width: unset !important;
        width: unset !important
    }
    body[data-viewmode="list"] .recordsContainer .commerceStuff, .listRecords .recordsContainer .pictureContainer{
        padding-right: 8px
    }
}
@media (max-width: 1012px){
    .stepBar ul li{
        font-size: 13px
    }
    header .form-check{
        padding: 0 1rem
    }
    .searchContainer{
        padding: .2rem .5rem
    }
    .header-contrast{
        margin-left: 1rem
    }
    .navMain.isSticky .headerSearch{
        padding-right: 1rem
    }
}
@media (max-width: 991px){
    
    .headerSearch{
        padding: 0
    }
    body{
        padding-top: 155px
    }
    .user-menu img[src$='.svg']{
        height: 24px
    }
    .form-switch .form-check-label{
        font-size: 12px
    }
    .categoriesBrowser > li.is-open > ul > li{
        width: 50%
    }
    nav .stepBar ul li.completed .bubble{
        padding-right: 8px;
        width: 32px;
        height: 32px
    }
    nav .stepBar ul li.completed .bubble::before{
        left: 10px;
        top: 6px;
        width: 8px;
        height: 13px
    }
    nav .progress-indicator{
        z-index: 1;
        background-color: #fff
    }
}
@media(max-width: 890px){
    .photoGifts .popoverOnHover{
        top: 100%;
        bottom: unset;
        left: 0
    }
    .photoGifts .giftProductPhoto{
        display: none
    }
    .photoGifts{
        position: absolute;
        top: 16px;
        left: 40px
    }
    .photoGifts .rightInfos {
        display: flex;

    }
    .photoGifts .action:first-of-type{
        margin-right: 8px;
    }
    .toggleFiles{
        display: none !important
    }
    .wholesalerPrices.letMeGrow .blueButton{
        margin-left: auto;
        margin-top: 16px
    }
    #mainContent .smallList{
        display: block
    }
    body.import_cart_from_file .newSmallList .smallListColValue::before{
        flex-shrink: 0;
    }
    body.import_cart_from_file .smallList .row > *{
        white-space: unset
    }
    .iHaveAccountTxt span{
        display: none
    }
    .csv-import-item.negative .smallListColValue.csvStatus{
        color: var(--colorRed)
    }
    .csv-import-item.warning .smallListColValue.csvStatus{
        color: #038FD7
    }
    .csv-import-item .smallListColValue::before{
        color: #333
    }
    [data-viewmode="compact"] .smallContainer.haveBadge .prodCard{
        padding-top: 32px
    }

    body[data-contrast="true"] .makeMobileFilters, body[data-contrast="true"] .mobileSorting{
        background-color: #000;
        color: #fff;
        border-radius: 4px
    }

    .blogSmallPicture{
        height: 302px
    }
    .topSorting .dropdown{
        display: none
    }
    body[data-pricetype="netto"] .topSorting .sortSelect.default-netto .dropdown{
        display: inline-flex
    }
    body[data-pricetype="brutto"] .topSorting .sortSelect.default-brutto .dropdown{
        display: inline-flex
    }
    body[data-viewmode="tiles"] .mobileViewTiles, body[data-viewmode="list"] .mobileViewTiles{
        display: none;
    }
    body[data-viewmode="compact"] .mobileViewCompact{
        display: none;
    }
    .mobileSorting{
        background-color: #fff;
        padding: 13px 24px;
        margin-left: auto
    }
    body[data-contrast="true"] .backForwardBtns{
        background-color: #000 !important
    }
    #basketAddressForm .additionalAddressBlock, #basketAddressForm .mainAddressBlock{
        display: flex !important;
        flex-direction: column
    }
    #basketAddressForm.singleDataSet .contactBlock{
        display: none !important
    }
    #basketAddressForm .additionalAddressBlock > .basketAddressFieldsetTitle, #basketAddressForm .mainAddressBlock > .basketAddressFieldsetTitle{
        position: static;
        order: 2
    }
    #basketAddressForm .additionalAddressBlock > .error-message, #basketAddressForm .mainAddressBlock > .error-message{
        position: static;
        order: 2;
    }
    #basketAddressForm .additionalAddressBlock > *, #basketAddressForm .mainAddressBlock > *{
        order: 3
    }
    .basketUserTypeSelectFieldset{
        display: flex;
        flex-direction: column
    }
    .basketAddressFieldset > .b-address > .trow .cell.has-error .basketUsertypeSelect{
        padding-top: 0 !important
    }
    .basketAddressFieldset > .b-address > .trow .cell.has-error > .error-message::before, .basketAddressFieldset > .b-address > .trow .cell.has-error > .error-message::after{
        top: 30px;
        animation: arrowDown 1s infinite
    }
    #basketAddressForm .basketAddressFieldset > .b-address > .trow .cell.has-error .basketAddressFieldsetTitle{
        order: 1
    }
    #basketAddressForm .basketAddressFieldset > .b-address > .trow .cell.has-error .error-message{
        order: 2;
        position: relative;
        top: unset
    }
    #basketAddressForm .basketAddressFieldset > .b-address > .trow .cell.has-error > *{
        order: 3
    }
    #pocztapunkty-selected-container{
        padding-left: 0;
    }
    .compactTopNav .user-menu > *:not(.header-contrast){
        display: block !important
    }
    #prodTabs.nav-tabs.loginRegisterTabs .nav-link{
        font-size: 18px !important
    }
    .compactTopNav .navContainer .stepBar{
        display: none
    }
    .topSorting > .dropdown{
        margin-right: 16px !important
    }
    .featRow ul{
        padding-left: 16px
    }
    .fullProductInfo #content{
        padding-bottom: 0 !important
    }
    .fullProductInfo #content > .tab-pane > .collapse.show{
        padding-bottom: 16px;
    }
    .userBenefits li{
        margin-bottom: 4px
    }
    .userTypeActions{
        display: block
    }
    .stayTypicalUser{
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .makeUserSelect{
        display: block
    }
    #userTypeSelect{
        height: 100vh;
        width: 100vw;
        z-index: 999999;
    }
    #userTypeSelect .modal-dialog{
        margin: 0
    }
    #userTypeSelect .modal-content{
        border-radius: 0;
        border: 0
    }
    #userTypeSelect .modal-header button{
        display: none
    }
    .productHeader #galleryCarousel .carousel-control-next{
        right: 9px
    }
    .productHeader #galleryCarousel .carousel-control{
        display: block;
        border: 0;
        background-color: transparent
    }
    .productHeader #galleryCarousel .carousel-control:hover{
        font-size: 52px
    }
    .productHeader .productMiniImages{
        height: 70vh;
        background-color: #fff;
        display: flex;
        align-items: center
    }
    .productHeader #galleryCarousel .p-small-pic{
        max-height: unset
    }
    .productHeader .galleryContainer .customCarousel .carousel-inner img{
        max-height: 70vh !important
    }
    .productHeader .galleryContainer .customCarousel .carousel-inner a{
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center
    }
    #basketAddressForm .warning-message{
        top: 52px;
        color: #e70000;
        font-weight: normal;
        position: static !important
    }
    #basketAddressForm .dynamicPlaceholder.has-error, .dynamicPlaceholder.has-warning, .dynamicPlaceholder.has-erorr{
        padding-bottom: 20px
    }
    #basketInvoice .custom-address-data, #basketInvoice > .table{
        margin-bottom: 0;
        padding-bottom: 0
    }
    #commonProducts .bannerContent{
        padding-top: 16px
    }
    #basketAddressForm .error-message{
        position: static
    }
    #basketAddressForm .dynamicPlaceholder.has-error input{
        margin-bottom: 0 !important
    }
    body.address_data div.input.width50{
        margin-bottom: auto
    }
    .basketUsertypeSelect.radioPack{
        margin-bottom: 0
    }
    #addressEditModal .basketUsertypeSelect .message{
        top: calc(100% - 16px)
    }
    #addressEditModal .longBoxTitle{
        padding-left: 0
    }
    #mainContainer .basketTrValue{
        margin-top: auto
    }
    .shortCredits{
        font-size: 11px
    }
    body.commerce.baskets.index, body.records.categories .mainColumn{
        overflow-x: hidden
    }
    .greyBasket .oldPrice{
        margin: 0
    }
    .header-contrast.largeHidden{
        z-index: 9999
    }
    body.address_data .inbasketProducts, .rightSums, .rightColCart{
        margin-bottom: 0
    }
    #addressEditModal .h5, #addressEditModal .basketAddressFieldset{
        margin-bottom: 0 !important
    }
    .cookiesNotAccepted{
        overflow: hidden
    }
    .cartFooter > .contentWidth > div{
        width: 100%
    }
    .cartFooter > .contentWidth{
        flex-wrap: wrap
    }
    .shortCredits{
        text-align: left;
        margin-top: 16px
    }
    
    #addressEditModal .warning-message.warning-name br{
        display: none
    }    
    .userCol.largeHidden{
        z-index: 999;
        position: relative
    }
    .header-cart .inbasketSummary{
        z-index: 999;
        user-select: none;
        pointer-events: none

    }
    #tabRegister .hybridSelect button{
        background-color: var(--grayBackground) !important;
        border: 1px solid var(--grayBorder)
    }
    .mobileSelectedVal{
        color: #333
    }
    .columnRightStuff .rightInfos{
        display: none;
    }
    .allFromHere{
        margin-bottom: 8px
    }
    .allFromHere a{
        color: #000
    }
    body.wishlists #mainContent .smallList{
        display: flex;
        flex-direction: column
    }
    [data-viewmode="compact"] .recordsContainer .smallAvailbility.prodUnavailable{
        margin-bottom: 0
    }
    #avFormFromList.generatedCustomOffcanvas{
        left: 0;
        bottom: 45px
    }
    body.wishlists .contentContainer .newSmallList .smallListColValue > div a{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 50%;
        display: block;
        margin-left: auto
    }
    body.wishlists .contentContainer .newSmallList .smallListColValue::before{
        width: 40%
    }
    body.wishlists .normalContent .wishlists-addnew{
        flex-wrap: wrap
    }
    body.wishlists .normalContent .wishlists-addnew button.wishlistEditAction{
        margin-left: 0;
        margin-top: 1rem
    }
    body.wishlists .contentContainer .newSmallList .smallListColValue > div{
        width: 60%;
    }
    .rightColCart .backForwardBtns button{
        margin-top: 1rem
    }
    body[data-contrast="true"] .user-menu{
        background-color: #000;
    }
    body[data-contrast="true"] .prodShort, body[data-contrast="true"] .p-small-pic{
        border-radius: 0
    }
    body.records.view[data-contrast="true"] .longBoxTitle h1{
        padding: 0 8px
    }
    body[data-contrast="true"] .productInfo{
        padding: 0 16px 0 0
    }
    body[data-contrast="true"] .columnRight.isSticky .containerCart{
        background-color: #000
    }
    body[data-contrast="true"] .user-menu img[src$='.svg']{
        filter: brightness(10)
    }
    body[data-contrast="true"] .topMenu > ul > .nav-item:first-of-type a, body[data-contrast="true"] .categoriesBrowser li.is-open > ul, body[data-contrast="true"] .categoriesBrowser > li > a, body[data-contrast="true"] .searchContainer .bootstrap-select .dropdown-toggle .filter-option-inner-inner, body[data-contrast="true"] #serachCol.opened, body[data-contrast="true"] .categoriesBrowser, body[data-contrast="true"] .mobileMenu.opened{
        background-color: #000 !important
    }
    body[data-contrast="true"] .hamburger div{
        background-color: #fff
    }
    body[data-contrast="true"] .userBoxContent{
        background-color: #000 !important;
        border: 0 !important
    }
    body[data-contrast="true"] .boxUserBtns, body[data-contrast="true"] .mobileContrast{
        border-top: 1px solid var(--colorDarkBlue)
    }
    body[data-contrast="true"] .searchContainer{
        border-radius: 100px !important
    }
    .categoriesBrowser li{
        padding: .5rem 0
    }
    .categoriesBrowser li .openChild{
        line-height: unset;
        margin-bottom: auto
    }
    .categoriesBrowser li.is-active{
        width: 100%
    }
    .categoriesBrowser > li > ul > li a{
        font-weight: 600
    }
    li.selectedItem > .openChild{
        display: none !important
    }
    .categoriesBrowser li.is-open > ul{
        position: static !important
    }
    .categoriesBrowser li.is-open > span, .categoriesBrowser li.is-open > a{
        display: none
    }
    .categoriesBrowser{
        max-height: calc(100vh - 225px);
        max-height: calc(100dvh - 225px);
        overflow: auto
    }
    .amobileMenu .itemContainer .categoriesBrowser.hideMe .is-active > ul > li{
        display: none
    }
    .amobileMenu .itemContainer .categoriesBrowser.hideMe .is-active > ul > li.is-active{
        display: block
    }

    .mobileMenu .itemContainer{
        max-height: 100% !important
    }
    body.mobileMenuActive{
        overflow-y: hidden
    }
    .openChild{
        display: block
    }
    .regirestrationsBenefits .loginText.largeHidden{
        margin-bottom: 0
    }
    .pointData{
        font-size: 12px
    }
    #pocztapunkty-selected-change, #orlenpaczka-selected-change, #inpost-selected-change{
        margin-top: 8px
    }
    .greyBasketPayments label > *, .greyBasketShippings label > *{
        order: 2
    }
    .userBoxContent .flex-column a{
        margin-bottom: 16px;
        font-size: 18px
    }
    .greyBasketShippings label .shippingImage, .greyBasketPayments label .shippingImage{
        width: unset !important;
        padding-left: 0;
        margin-right: 8px;
        width: 60px !important
    }
    .shippingImage img.hidden{
        padding-left: 0 
    }
    .shippingImage img.hidden{
        max-width: 100% !important
    }
    .greyBasketShippings label .inactiveShipping, .greyBasketPayments label .inactiveShipping{
        order: 5;
        padding: 0;
        margin-top: 8px;
        font-size: 10px;
        line-height: 12px
    }
    .shipping-selected-info{
        display: none
    }
    .rightColCart{
        margin-top: 0;
    }
    .rightSums{
        padding-top: 0
    }
    body.baskets.index .basketTrPrice .priceBrutto{
        text-align: left
    }
    .inbaskatTable .isPromoPrice{
        margin: 0
    }
    .smallLabel{
        position: relative;
        font-size: 10px;
        top: 8px
    }
    .inbaskatTable .basketTrValue .smallLabel{
        text-align: right
    }
    .cartHead{
        flex-wrap: wrap
    }
    body.baskets.index .basketTrAmount{
        flex-grow: 1
    }
    .cartHeadActions{
        width: 100%;
        margin: 8px 0
    }
    .greyBasket .trow.products{
        padding: 1rem
    }
    body.baskets.index .cartHead{
        margin-bottom: 8px;
    }
    body.baskets #PurchaseformIndexForm{
        overflow: visible
    }
    body.baskets .basketRemove .removeFromCart{
        margin-top: 8px
    }
    
    body.baskets .stepBasketProductsTable .throw{
        display: none
    }
    #galleryCarousel.customCarousel .carousel-inner{
        overflow-x: hidden
    }
    .SmallContent.emptySearch{
        margin-right: 1rem
    }
    .banners2search img[src="/img/sad_battery.svg"]{
        display: none
    }
    .stepBar ul .stepNumber{
        padding-right: 0
    }
    .baskets .scroll-top{
        display: none !important
    }
    .stepBar{
        padding: 0
    }
    .cartLoginRegister .loginSpacer{
        display: none
    }
    body.records.view .allWrapper{
        overflow: hidden
    }
    .commerceStuffBig .prodPrices{
        margin: 0 0 16px 0
    }
    .columnRight.isSticky .columnRightStuff{
        position: static
    }
    .columnRight.isSticky .containerCart .product-boxes{
        display: none
    }
    .priceForMobile{
        display: none !important
    }
    .columnRight.isSticky .containerCart .priceForMobile{
        display: block !important
    }
    .priceForMobile .priceBruttoNumber{
        font-size: 14px
    }
    .columnRight.isSticky .containerCart{
        position: fixed;
        bottom: 65px;
        z-index: 20;
        width: 100%;
        left: 0;
        right: 0;
        padding: 4px 16px;
        border-top: 1px solid #F7F7F7;
        background-color: #fff
    }
    .columnRight.isSticky .containerCart .cartIncDec{
        margin-left: auto
    }
    .columnRight.isSticky .containerCart .unitsText{
        margin-right: 16px
    }
    
    #content.tab-content{
        padding-bottom: 16px
    }
    body.no-user-logged-in.records.view .wishlists-for-product.opened .wishlists-for-product-content{
        left: 16px
    }
    #content.tab-content > .tab-pane > div[role="tabpanel"]{
        padding: 0 16px
    }
    .productInfo, .prodShort{
        position: static !important
    }
    #galleryCarousel .p-small-pic{
        max-width: unset;
        width: 100%;
        max-height: 100%;
        padding: 8px
    }
    .fullProdWishlist{
        top: 16px !important;
        display: block !important
    }
    .fullProdContainer{
        margin-top: 16px
    }
    #galleryCarousel .carousel-inner{
        width: 100%
    }
    #galleryCarousel .p-small-pic.visibleImage{
        border-bottom: 0
    }
    body.records.view section[role="banner"]{
        margin-top: 16px !important;
        padding-top: 16px !important
    }
    .productHeader .longBoxTitle{
        padding-bottom:0
    }
    body[data-viewmode="compact"] .recordsContainer .prodCard{
        padding: 16px
    }
    body[data-viewmode="compact"] .recordsContainer .p-wishlist{
        top: 16px !important;
        right: 16px !important
    }
    [data-viewmode="compact"] .recordsContainer .commerceStuff{
        padding-left: 0 !important
    }
    .productFeaturesProduct{
        margin-bottom: 16px
    }
    #tabOpis .toggleItem{
        display: none
    }
    #tabOpis div[role="tabpanel"]{
        display: block;
        padding: 0
    }
    .fullProductInfo .featRow{
        padding: 8px;
        display: flex;
        flex-direction: column
    }
    .fullProductInfo .featRow .col{
        width: 100%;
        max-width: unset;
        padding: 0
    }
    .bannerContent.carousel-inner{
        padding-bottom: 1rem !important
    }
    .cartSmall .unitsText{
        position: static
    }
    .account-connetions{
        margin-bottom: 0
    }
    .newLogin  .smallFlex .passForgot{
        width: 100%;
        text-align: left
    }
    .newLogin  .smallFlex{
        flex-wrap: wrap
    }
    .cartLoginRegister .greyBasket{
        margin-top: 0
    }
    .catDesc, .newRegister .bHead, .newRegister .showRegistration, .newRegister .greyButton:not(.registerSubmit){
        display: none
    }
    body.address_data .newRegister .greyButton{
        display: block
    }
    .newRegister .makeRegister{
        display: block !important
    }
    .loginRegisterTabs .nav-link{
        font-size: 14px !important
    }
    .cartLoginRegister .newLogin:not(.show){
        display: none
    }
    .cartLoginRegister{
        padding-top: 0
    }
    .cartLoginRegister .greyButton{
        margin-top: 16px
    }
    #prodTabs.loginRegisterTabs{
        display: block;
        margin-bottom: 0 !important;
        border-bottom: 1px solid transparent !important;
        display: flex !important;
        margin: 0 1rem
    }
    #serachCol .bannerTitle, .searchHistory{
        margin-top: 16px
    }
    .searchSimpleHead, #serachCol .bannerTitle{
        margin-bottom: 16px !important
    }
    div.ac_results{
        height: calc(100vh - 275px )
    }
    .userCol > a > .bootLoader{
        top: unset;
        bottom: -16px
    }
    .searchContainer .dropdown-toggle .filter-option{
        margin-left: auto;
        width: auto
    }
    .searchContainer .bootstrap-select{
        width: 100% !important;
        max-width: unset !important
    }
    .searchContainer .dropdown-menu{
        right: 0 !important;
        left: unset !important
    }
    .searchContainer{
        border: 0
    }
    .basketdetails-in-header .wholesalerPrices{
        flex-direction: column
    }
    .basketdetails-in-header .wholesalerPrices > div:not(.fw-normal){
        margin-right: auto
    }
    .basketdetails-in-header .boxUserBtns{
        align-items: center !important;
    }
    .wishlists-in-header .form-switch, .wishlists-in-header .pricesText{
        margin-left: auto;
        margin-right: 0
    }
    .wishlists-in-header .wishlist-button{
        margin-left: auto
    }
    .userDiscount input::placeholder{
        color: var(--grayBackground) !important
    }
    .wishlists-in-header .wishlists-for-product-item, .basketdetails-in-header .smallList{
        padding-right: 8px
    }
    .header-cart .inbasketSummary{
        margin-left: 32px
    }
    .wishlists-in-header .smallListName a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
    .logo img{
        top: unset !important
    }
    .deliveries .carousel-container{
        padding: 0 1.5rem
    }
    section.lightBlue, section.darkBlue{
        padding-bottom: 1rem !important
    }
    .brandZone.multiItemCarousel .carousel-container{
        padding-left: 0;
        padding-right: 0
    }
    .brandZone.multiItemCarousel .carousel-container .carousel-item{
        width: 261px;
        min-width: unset
    }
    .coockieActions{
        margin-top: 2rem;
        margin-bottom: auto
    }
    .cookieContent > .mb40, #cookiesHead{
        margin-bottom: 16px
    }
    #cookiePolicyBar{
        max-height: calc(100vh - 65px);
        top: unset
    }
    .stepBar ul li{
        margin-bottom: auto
    }
    .stepBar ul li br{
        display: block
    }
    .wishlistDetails{
        flex-wrap: wrap
    }
    .wlActions{
        width: 100%;
        order: 1;
        margin-bottom: 8px
    }
    .wishlistDetails > div:not(.wlActions){
        order: 2
    }
    .wlActions > *{
        margin-left: 0;
        margin-right: 16px
    }
    .newRegister{
        margin-top: 1rem
    }
    .cartLoginRegister .regirestrationsBenefits .greyButton{
        margin-top: 0;
        padding-top: 0
    }
    .scroll-top{
        bottom: 150px;
        right: 16px
    }
    body.address_data fieldset label.check-container{
        justify-content: flex-start;
        width: unset
    }
    .terms-checks{
        margin-top: 0
    }
    #basketAddressForm.registeredClient.isCompany:not(.singleDataSet) .invBlock{
        padding-bottom: 0
    }
    .registeredClient:not(.singleDataSet) .invBlock .phoneBlock, .registeredClient:not(.singleDataSet) .contactBlock .phoneBlock{
        display: none
    }
    .registeredClient:not(.singleDataSet) .invBlock .companyParams > div > .trow .b-inputs{
        margin-bottom: 0
    }
    #basketAddressForm .contactBlock, #basketAddressForm .invBlock{
        width: 100%;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #3333331A;
        margin-bottom: 2rem;
        padding-bottom: 2rem
    }
    .invBlock .users-addresses-invoice-container{
        padding-bottom: 0
    }
    .addressModalActions a:first-of-type{
        font-size: 11px;
        text-transform: lowercase;
        font-weight: 600
    }
    body.address_data .promo-codeInbasket{
        display: none
    }
    .basketUsertypeSelect{
        flex-wrap: wrap
    }
    .basketUsertypeSelect label{
        width: 100% !important;
        flex-shrink: 0
    }
    .inbaskatTable .basketTrProduct{
        max-width: unset;
        width: calc(100% - 96px);
        margin-left: 1rem;
        margin-bottom: auto
    }
    .inbaskatTable .isPromoPrice{
        position: relative;
        top: 8px;
        padding-right: 0
    }
    .inbaskatTable .basketRemove{
        order: 5;
        margin: 0
    }
    .inbaskatTable .basketTrAmount .unitsText{
        text-align: center;
    }
    .inbaskatTable .basketTrAmount{
        order: 4;
        margin-left: 0;
        margin: 0;
        position: relative;
        margin-top: 8px;
        height: 56px
    }
    .hoverShow{
        display: none !important
    }
    body.baskets .shippingImage{
        width: 100%        
    }
    body.baskets .freeShippingFrom, body.baskets .shipping-name{
        padding-left: 0
    }
    body.baskets .shipping-name{
        margin-right: auto;
        margin-left: 0
    }
    body.baskets .shippingName{
        font-size: 14px;
        position: relative;
        top: -5px
    }
    body.baskets .shipping-price{
        padding-left: 32px;
        font-size: 16px;
    }
    body.baskets .shipping-price{
        padding-left: 0
    }
    body.baskets .shipping-name{
        max-width: calc(100% - 90px) !important
    }
    body.baskets .shipping-price{
        white-space: nowrap
    }
    .paymentInput{
        align-items: flex-start !important
    }
    #orlenpaczka-selected-container, #inpost-selected-container, .shipping-selected-info{
        padding-left: 0;
        width: unset;
        max-width: unset;
        flex-wrap: wrap
    }
    .pointContainer{
        max-width: unset;
        flex-wrap: wrap
    }
    .easypack-widget .search-group-btn:not(.with-filters){
        background-color: #fff
    }
    .inbaskatTable .basketTrValue{
        order: 3;
        margin-left: auto;
        width: 50%;
        max-width: unset;
        text-align: right;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }
    .inbaskatTable .product-boxes{
        margin-left: 24px
    }
    .inbaskatTable .basketTrPrice{
        margin-left: 0;
        order: 2;
        width: 50%;
        max-width: unset
    }
    
    .inbaskatTable .trow.products{
        flex-wrap: wrap
    }
    body.baskets .mainColumn .bootstrap-select>.dropdown-toggle.bs-placeholder{
        border-radius: 100px;
        background-color: #FAFAFA !important
    }
    .cartLoginRegister .greyBasket{
        width: 100%
    }
    .backForwardBtns button:last-of-type {
        margin-top: 16px
    }
    .stepBar{
        margin-left: 0;
        padding-right: 16px;
    }
    .stepBar ul{
        align-items: flex-end;
    }
    .stepBar ul li{
        flex-direction: column;
        font-size: 12px;
        padding: 0;text-align: center
    }
    .stepBar ul .stepNumber{
        font-size: 30px
    }
    .stepBar{
        padding: 0 8px
    }
    .stepBar ul::before{
        display: none
    }
    .stepBar ul li.completed .bubble{
        margin: 0 auto 14px auto
    }
    .stepBar ul li.completed .bubble{
        width: 32px;
        height: 32px;
    }
    .stepBar ul li.completed .bubble::before{
        left: 10px;
        top: 5px;
        width: 8px;
        height: 16px
    }
    .backToCategory:first-of-type{
        display: flex
    }
    .mobileContrast, #mainMenu .nav-link{
        font-weight: 600
    }
    #mainMenu .moreItems{
        display: none
    }
    .topSorting .bootstrap-select .dropdown-menu li:last-of-type{
        display: none
    }
    .userProdsTable .basketTrAmount{
        display: none
    }
    .longTable tr{
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #3333331A;
        margin-bottom: 16px;
        padding-bottom: 16px
    }
    .longTable tr td{
        display: block;
        width: 100%;
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 8px
    }
    .longTable tr td::before{
        content: attr(data-label);
        display: block;
        font-weight: bold;
        width: 50%;
        text-align: left
    }
    .longTable thead{
        display: none
    }
    .prodspec{
        width: 100%
    }
    .prodspec tr td a{
        margin-top: 4px;
        display: inline-block
    }
    .prodspec tr td{
        display: block;
        padding: 0;
    }
    .prodspec:not(.notStyled) tr td:first-child{
        padding-top: 8px
    }
    .prodspec:not(.notStyled) tr td:last-child{
        padding-bottom: 16px;
        border-bottom: 1px solid #3333331A
    }
    .prodspec:not(.notStyled) tr:last-child td{
        border-bottom: 0
    }
    .wishTable .trow > *{
        order: 3
    }
    .wishTable .checkTh{
        order: 1
    }
    .wishTable .basketTrPrice{
        margin-left: auto
    }
    .wishTable .basketTrProduct{
        max-width: unset;
        order: 4;
        max-width: calc(100% - 165px)
        
    }
    .wishTable .basketTrNotice{
        max-width: unset;
        order: 7
    }
    .wishTable .basketTrIncDec{
        order: 6;
        margin: auto 0 0 auto
    }
    .userProdsTable .basketTrNotice{
        width: unset
    }
    .wishTable .basketTh:not(.checkTh):not(.cartCol){
        display: none
    }
    .wishTable .trow{
        flex-wrap: wrap
    }
    .wishTable .basketTrNotice.cell textarea{
        width: 100%
    }
    .wishTable:not(.userProdsTable) .basketTrNotice.cell div::before{
        content: attr(data-label);
        display: block;
        width: 100%;
        text-align: left;
        margin-top: 8px;
        font-size: 12px
    }
    .userProdsTable .basketTrProduct{
        order: 1;
        max-width: unset;
        width: 100%
    }
    .newSmallList .smallListvalue:last-child{
        border-bottom: 0
    }
    .newSmallList .row{
        display: flex !important;
        width: 100%;
        padding-bottom: 1rem;
        padding-left: 0;
        border-bottom: 1px solid #3333331A;
    }
    .newSmallList .smallListHead{
        display: none !important
    }
    .newSmallList .smallListColValue > div{
        width: 100%;
        text-align: right
    }
    .newSmallList .smallListColValue{
        display: flex !important;
        width: 100%;
        border-bottom: 0 !important;
        padding-left: .5rem !important;
        padding-bottom: 0 !important;
        padding-top: .5rem !important
    }
    .lastImportantRow{
        padding-bottom: 1rem
    }
    .newSmallList .smallListColValue::before{
        content: attr(data-label);
        display: block;
        font-weight: bold;
        width: 50%;
        text-align: left
    }
    .newSmallList{
        font-size: unset
    }
    body.users .col-9.contentContainer{
        max-width: unset
    }
    .order-userdata-item{
        width: 100%
    }
    .categoriesBrowser > .backToCategory{
        display: flex
    }
    .blogContent .prodPrices{
        bottom: 0
    }
    .blog-author{
        width: 100%
    }
    .blog-row .pictureContainer{
        max-width: 120px
    }
    .vote-action .tc{
        bottom: unset;
        position: static
    }
    .customCarousel .carousel-inner:not(.multiCarousel) > *{
        min-width: 302px
    }
    .onlyRightCol #mainContent, .onlyRightCol{
        width: 100%
    }
    #userregister-recaptcha{
        margin-bottom: .25rem
    }
    .contentSmall{
        max-width: unset
    }
    [aria-controls="tabLogin"]{
        border-top: 0
    }
    #tabRegisterC, #tabLoginC{
        background-color: #fff !important;
        border-radius: var(--radiusBs)
    }
    .socials-login{
        border-radius: var(--radiusBs)
    }
    .loginAndRegister #content{
        background-color: #F5F5F5
    }
    .loginAndRegister .toggleItem a{
        border-color: #F5F5F5
    }
    .loginAndRegister{
        padding: 1rem
    }
    .loginAndRegister #content{
        padding: 1rem 0 4px 0
    }
    .loginAndRegister #content > *:not(.tab-pane){
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .onlyRightCol{
        padding-left: .5rem
    }
    .user-menu-container > *{
        width: 100%;
        margin-right: 0
    }
    .underContentBanners section[role="banner"]:last-of-type{
        padding-bottom: 2rem
    }
    .showSimilar{
        display: flex !important
    }
    #browser_results, .leftCategories{
        display: none
    }
    .applyFilters{
        display: flex;
        align-items: center
    }
    .applyFilters .bootLoader{
        position: static;
        margin-left: .25rem;
        width: 1.5rem;
        height: 1.5rem
    }
    .columnLeft.modalOpen .modal-header{
        display: flex;
        padding: 1rem 0
    }
    .columnLeft.modalOpen .modal-header .leftModLink{
        margin: 0 2rem 0 auto;
        font-size: 20px
    }
    .columnLeft.modalOpen .btn-close{
        position: static;
        font-size: 24px;
        font-weight: 600
    }
    .columnLeft.modalOpen h5{
        font-size: 24px;
        font-weight: 600
    }
    .columnLeft.modalOpen{
        display: flex;
        z-index: 9999;
        flex-direction: column;
        justify-content: space-between;
        padding: 1rem;
    }
    .columnLeft.modalOpen .filtersBottom{
        margin-left: auto;
        text-align: right;
        padding-top: 1rem;
        border-top: 1px solid #3333331A;
        width: 100%;
        margin-bottom: 1rem
    }
    .columnLeft.modalOpen .filters-container{
        overflow-y: scroll;
        margin-bottom: 1rem
    }
    .bs-title-option{
        display: none
    }
    #mainContent > .selected-filters{
        display: none
    }
    .sortingOptions > .col-9{
        width: 100%;
        padding-left: 0
    }
    .topSorting{
        justify-content: unset !important
    }
    .topSorting .dropdown{
        margin-left: auto;
    }
    .makeMobileFilters{
        margin-right: .5rem;
        position: relative
    }
    .makeMobileFilters .badge{
        background-color: var(--bs-link-hover-color)
    }
    .mobileSelcet:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
        outline: none !important
    }
    .mobileSelcet button .filter-option-inner-inner{
        color: #333;
        font-weight: bold
    }
    .hiddenMobile, .sortingOptions .smallModuleHead, .topSorting .custom-select > span.strong{
        display: none !important
    }
    [data-viewmode="compact"] .recordsContainer .smallAvailbility.prodUnavailable{
        padding: 0
    }
    /*
    [data-viewmode="compact"] .recordsContainer .cartSmall .unitsText{
        position: absolute;
        left: 60px;
        transform: translateX(-50%)
    }
    */
    [data-viewmode="tiles"] .recordsContainer .cartSmall .unitsText{
        position: absolute;
        left: 60px;
        transform: translateX(-50%)
    }
    [data-viewmode="tiles"] .recordsContainer .prodPrices{
        margin-top: 2rem
    }
    .columnLeft{
        display: none
    }
    #customModal .columnLeft{
        display: flex;
        justify-content: space-between;
        height: 100%;
        flex-direction: column
    }
    .recordsPerPage{
        display: none !important
    }
    [data-viewmode="compact"] .recordsContainer .pictureContainer{
        max-width: 60px !important;
        margin: unset !important
    }
    [data-viewmode="compact"] .recordsContainer .infoCol {
        width: calc(100% - 1rem - 60px) !important;
        padding-left: 0 !important;
    }
    [data-viewmode="compact"] .recordsContainer .commerceStuff{
        padding-left: 0
    }
    body.categories #mainContent{
        width: 100%;
        padding-left: 1rem
    }
    .productHeader .productMiniImages{
        width: 100%
    }
    .userBoxContent .bannerTitle{
        padding-left: 0
    }
    #tabDostawa .shippingLogo{
        width: 100%
    }
    #tabDostawa > .row{
        padding: 1rem;
        display: flex;
        flex-direction: column
    }
    #mainContainer.recordNotActive{
        display: flex;
        flex-direction: column
    }
    #mainContainer.recordNotActive > *{
        order: 1
    }
    #mainContainer.recordNotActive section.multiItemCarousel{
        order: 2
    }
    #mainContainer.recordNotActive section.customBanner{
        order: 3
    }
    #mainContainer.recordNotActive .newsletter{
        order: 4
    }
    #mainContainer.recordNotActive .fullProdContainer{
        margin-top: 2rem
    }
    #replacements{
        margin-top: 2rem !important;
        padding-top: 2rem
    }
    body.records.view .mainColumn .bannerTitle{
        padding-left: .5rem;
        padding-right: .5rem
    }
    .unForm{
        width: 100%
    }
    .noActive{
        display: none
    }
    .footerNav{
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .fullProductInfo{
        padding: 0
    }
    .responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .toggleItem{
        display: block
    }
    .toggleItem a{
        display: flex;
        width: 100%;
        padding: 1rem;
        border-top: 4px solid #FAFAFA;
        font-weight: bold;
        text-decoration: none !important
    }
    .productMiniImages .carousel-indicators{
        display: block
    }
    [data-bs-parent="#content"]{
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem
    }
    .toggleItem h5{
        margin: 0
    }
    .fullProdContainer{
        padding-left: 0;
        padding-right: 0
    }
    body.records.view .longBoxTitle h1{
        display: block
    }
    .prodShort{
        background-color: transparent;
        padding: 1rem 0
    }
    #navibar{
        padding: 1rem 1rem 1rem 1rem;
        font-size: 14px;
        margin-bottom: 1rem
    }
    .user-menu{
        max-width: unset;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 1rem;
        position: fixed;
    }
    .galleryContainer{
        width: 100%;
        order: 2;
        padding-right: 1rem
    }
    .productInfo{
        width: 100%;
        order: 2
    }
    .galleryContainer .customCarousel .carousel-inner > *{
        width: 100%;
        height: 100%;
        max-height: 50vh;
        max-width: unset;
    }
    .productHeader .galleryContainer .customCarousel:not(.slide) .carousel-inner > *{
        margin-right: 0;
        align-items: unset;
        height: unset
    }
    .productHeader .productMiniImages .customCarousel .carousel-item > *{
        height: unset
    }
    .productHeader .galleryContainer .customCarousel .carousel-inner img{
        max-height: 100%;
        max-width: 100%;
        width: unset;
        height: auto
    }
    .columnRight{
        width: 100%;
        order: 3;
        height: auto !important;
        position: static;
        padding-left: 0
    }
    .newsBox{
        padding-left: 0
    }
    .newsForm{
        padding-right: 0
    } 
    .carousel-indicators [data-bs-target]{
        width: 1rem;;
        height: 1rem;
        margin-right: .5rem;
        flex-shrink: 0
    }
    #galleryCarousel{
        position: relative
    }
    #galleryCarousel .carousel-indicators{
        text-align: center
    }
    .galleryContainer .customCarousel .carousel-inner{
        overflow-x: unset
    }
    #fullGallery .carousel-indicators{
        display: none
    }
    .productHeader .longBoxTitle{
        width: 100%
    }
    
    .productMiniImages .customCarousel .carousel-item > *{
        align-items: unset
    }
    .prodShort .fullProdWishlist, .prodShort .prodBadges, .productHeader .productMiniImages .carousel-control, .commerceRight,.firstMedia:not(.fullScreen),.aboutProduct,.prodShortDescFull{
        display: none
    }
    #fullGallery .prodPhoto{
        display: flex
    }
    #fullGallery .carousel-item picture{
        display: flex
    }
    #fullGallery .carousel-item picture{
        max-height: 100%
    }
    #fullGallery .carousel-control{
        top: 50%;
        display: none
    }
    #fullGallery .carousel-item a img{
        width: auto;
        max-width: 100%;
        max-height: 100%;
        margin: auto
    }
    #fullGallery .carousel-control-prev{
        left: -.5rem
    }
    #fullGallery .carousel-control-next{
        right: -.5rem
    }
    /*.description-row-double .description-cell, .description-row-double .description-cell:first-child{
        padding-right: 0;
        padding-left: 0
    }
    */
    .description-row-double div{
        padding-top: 1rem
    }
    .fullProdContainer{
        width: 100%
    }
    .imHover .someBtn{
        margin-left: 0
    }
    .productMiniImages{
        padding-top: 0
    }
    section[role="banner"]:nth-child(2){
        margin-top: 1rem
    }
    .stickyNavMain .logo img, nav .logo img{
        max-width: 100%
    }
    section[role="banner"]{
        margin-bottom: 0
    }
    .banTitle{
        padding-right: 1rem;
        font-size: 1rem
    }
    .bannerLink{
        padding-left: 1rem;
        display: flex
    }
    .bannerLink a{
        font-size: 12px
    }
    body{
        padding-top: 62px
    }
    .bannerTitle, h1.longBoxTitle, .longBoxTitle h1{
        padding-bottom: 1rem
    }
    #cookiesPanel, #cookiePolicyBar{
        max-width: 360px
    }
    .user-menu .header-contrast{
        display: none
    }
    .largeHidden{
        display: block
    }
    .largeVisible{
        display: none
    }
    .user-menu img[src$='.svg']{
        width: unset;
        height: 32px
    }
    .user-menu{
        align-items: center;
        border-top: 1px solid #F7F7F7
    }
    .userCol{
        display: unset
    }
    .inbasketSummary{
        top: 20px !important
    }
    .navMain.isSticky .logo, .logo{
        width: unset !important
    }
    .logo img{
        height: unset
    }
    .navMain.isSticky, .navMain{
        padding: 1rem
    }
    .navMain.isSticky .logoContainer, .logoContainer{
        width: 100% !important;
        padding: 0 !important
    }
    body.compactTopNav .navMain.isSticky .logoContainer, body.compactTopNav .logoContainer{
        width: auto !important
    }
    body.compactTopNav .logo{
        margin: unset !important
    }
    body.compactTopNav .user-menu{
        display: none
    }
    body.compactTopNav .navMain{
        padding: 15px 16px
    }
    body.compactTopNav:not(.finalize_standard) .user-menu{
        display: none
    }
    header .form-check{
        padding: 0 !important
    }
    body{
        padding: 62px 0 64px 0
    }
    .multiItemCarousel .contentWidth.bannerContent{
        padding-bottom: 0
    }
    section[role="banner"].customBanner{
        margin-bottom: 40px
    }
    .form-switch .form-check-label{
        font-size: 14px
    }
    .footerContent .row > .col-3{
        width: 100%;
        padding: 0
    }
    .userCol.hovered:not(.forceHovered){
        display: none !important
    }
    .userCol.forceHovered .basketdetails-in-header.closed{
        display: block !important
    }
    .userCol.forceHovered .userBoxContent, .userCol.forceHovered .userBoxContent{
        position: static;
        top: 0;
        left: 0;
        max-width: unset;
        height: 100vh;
        width: 100vw
    }
    .user-menu div:not(.header-cart) .forceHovered .closed{
        display: block !important
    }
    .userCol.hovered .userBoxhead, .userCol.forceHovered .userBoxhead{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .userCol.hovered .userBoxhead::after, .userCol.forceHovered .userBoxhead::after{
        display: none
    }
    .userCol.hovered .userBoxhead span:nth-child(2), .userCol.forceHovered .userBoxhead span:nth-child(2){
        display: block;
        margin-left: 0;
        margin-top: 1rem;
        font-size: 1rem
    }
    .userCol.hovered .bannerTitle{
        padding-left: 0
    }
    .userCol.hovered .inBoxUser > .justify-content-between, .userCol.forceHovered .inBoxUser > .justify-content-between{
        flex-direction: column
    }
    .userCol.hovered .boxUserBtns, .userCol.forceHovered .boxUserBtns{
        display: flex;
        margin-bottom: 0;
        margin-top: auto;
        justify-content: flex-end
    }
    .userCol.hovered .userBoxContent, .userCol.forceHovered .userBoxContent{
        position: fixed;
        left: 0px;
        top: 0;
        max-height: calc(100% - 65px);
        width: 100vw;
        max-width: unset;
        border-radius: 0
    }
    .userCol.hovered .inBoxUser, .userCol.forceHovered .inBoxUser{
        height: calc(100% - 100px);
        max-height: unset
    }
    .header-discount .userCol.hovered .userBoxContent{
        max-width: unset
    }
    body.imBusy{
        overflow: hidden
    }
    .mobileMenu.opened{
        background-color: #fff;
        display: flex !important;
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem;
        position: fixed;
        left: 0px;
        top: 0;
        height: calc(100% - 65px);
        width: 100vw !important;
        max-width: unset;
        border-radius: 0;
        margin-top: 0 !important
    }
    .mobileMenu.noclose .navbar-nav{
        flex-direction: column;
        width: 100%
    }
    .mobileMenu.noclose .header-contrast .hoverShow{
        opacity: 1 !important
    }
    .mobileContrast{
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding-top: 20px;
        border-top: 1px solid #3333331A
    }
    .mobileContrast img{
        margin-left: auto
    }
    .mobileMenu.noclose .header-contrast{
        margin-left: 0;
        margin-top: auto;
        margin-bottom: 40px
    }
    /*
    .hovered > .userAction::after{
        top: -20px !important
    }
    */
    .userCol.forceHovered .userDiscount .boxUserBtns{
        border-top: none;
        flex-direction: column;
        margin-top: unset;
        height: 100%
    }
    .userCol.forceHovered .userDiscount .inBoxUser{
        height: calc(100% - 50px);
        margin-top: unset;
    }
    .userCol.forceHovered .wishlists-in-header .smallListHead{
        display: none !important
    }
    .userCol.forceHovered .wishlists-in-header .smallListColValue{
        width: 100%;
        display: flex !important;
        border-bottom: 0;
        padding-left: .5rem
    }
    .userCol.forceHovered .wishlists-in-header .smallListColValue::before{
        content: attr(data-label);
        display: block;
        font-weight: bold;
        width: 50%
    }
    .userCol.forceHovered .wishlists-in-header .smallListColValue > *{
        display: block;
        width: 50%;
        text-align: right
    }
    .userCol.forceHovered .wishlists-in-header .smallListColValue{
        padding-top: 0;
        padding-bottom: .5rem
    }
    .userCol.forceHovered .wishlists-in-header .smallList .row.smallListvalue{
        display: flex !important
    }
    .userCol.forceHovered .wishlists-in-header .imHover{
        justify-content: flex-end
    }
    .userCol.forceHovered .wishlists-in-header .smallList .smallListActions{
        margin-bottom: 1rem;
        border-bottom: 1px solid #3333331A
    }
    .userCol.forceHovered .wishlists-in-header .smallList .row:last-of-type .smallListActions{
        border-bottom: 0
    }
    .userCol.forceHovered .wishlists-in-header .title{
        width: 100%;
        text-align: right;
    }
    .userCol.forceHovered .userDiscount .inBoxUser form{
        height: 100%;
        flex-direction: column;
        display: flex
    }
    .userCol.forceHovered .wishlists-in-header .add-new-wishlist-form{
        margin-left: 0
    }
    .userCol.forceHovered .wishlists-in-header .add-new-wishlist-form button{
        margin-left: auto
    }
    .userCol.forceHovered .basketdetails-in-header .smallList .row{
        display:flex !important;
        border-bottom: 1px solid #3333331A
    }
    .userCol.forceHovered .basketdetails-in-header .smallList .row:last-of-type{
        border-bottom: 0
    }
    .userCol.forceHovered .basketdetails-in-header .smallList .row .smallListName{
        width: calc(100% - 104px) !important
    }
    .userCol.forceHovered .basketdetails-in-header .smallListIncDec .cartIncDec{
        margin-left: unset
    }
    .userCol.forceHovered  .smallListColValue{
        align-self: center;
        border-bottom: 0
    }
    .header-discount .boxUserBtns{
        flex-direction: column;
        margin-top: unset;
        height: 100%;
        border-top: 0 
    }
    .userDiscount .inBoxUser form{
        height: 100%
    }
    .userDiscount .inBoxUser{
        height: calc(100% - 50px) !important
    }
    .userCol.forceHovered .basketdetails-in-header .boxUserBtns{
        flex-direction: row
    }
    .smallLine{
        padding-bottom: 20px;
        border-top: 1px solid #3333331A;
        margin-top: auto
    }
    #serachCol:not(.opened){
        display: none !important
    }
    #serachCol.opened{
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: calc(100vh - 62px);
        background-color: #fff;
        padding: 20px;
        box-sizing: border-box;
        display: block  !important
    }
    #serachCol .bannerTitle{
        padding: 0;
        margin-bottom: 40px
    }
    #serachCol .userBoxhead::after{
        display: none
    }
    #PromoCode::placeholder{
        color: #FAFAFA
    }
    #serachCol .userBoxhead{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .wishlists-in-header .bootLoader, .basketdetails-in-header .bootLoader{
        display: none
    }
    #serachCol.opened .search-input{
        position: static !important
    }
    #serachCol.opened #ac_search_results::before{
        display: none
    }
    .searchContainer{
        margin: 0;
        background-color: transparent;
        border-radius: 0;
        padding: 0
    }
    #SearchSearch{
        background-color: #fafafa;
        border-radius: 100px;
        padding: 1rem
    }
    #SearchSearch .bootstrap-select.has-dots .dropdown-menu{
        left: unset !important;
        right: 0%;
        top: 20px !important
    }
    .searchContainer .dropdown.bootstrap-select{
        position: absolute;
        top:calc(100% + 20px);
        right: 0;
        max-width: 106px
    }
    .searchContainer .bootstrap-select>.dropdown-toggle{
        border: 0;
        padding-right: 0;
    }
    #SearchIndexForm > button{
        position: absolute;
        right: 1rem;
        transform: translateY(50%);
    }
    #ac_search_results{
        padding-top: 0;
        padding-left: 20px;
        top: 106px !important
    }
    ul.ac_results{
        list-style: none
    }
    .search-section.sr-products{
        font-size: 16px;
        margin-bottom: 20px
    }
    .search-section.sr-products::after{
        display: none
    }
    .ac_results .record-result, .ac_results li{
        padding-left: 0
    }
    .mobileMenu:not(.opened){
        display: none
    }
    #mainMenu .nav-link.dropdown-toggle.show::before, li.is-active .browserHeader, .topMenu .bannerTitle::after{
        display: none
    }
    .mobileMenu .bannerTitle{
        padding: 20px 0 40px 0;
        display: flex
    }
    .mobileMenu .dropdown-toggle::after{
        rotate: unset
    }
    .mobileMenu .navbar-nav .dropdown-menu{
        position: static
    }
    .mobileMenu .itemContainer{
        background-color: #fff;
        max-height: calc(100vh - 310px);
        padding: 0;
        overflow-y: scroll;
        display: block
    }
    .categoriesBrowser{
        background-color: #fff;
        width: 100%;
        padding: 0
    }
    .categoriesBrowser > li.is-open > ul{
        width: 100% !important;
        position: static;
        height: unset;
        margin-top: 0;
        overflow: visible
    }
    .categoriesBrowser > li.is-open > ul > li{
        width: 100%
    }
    .topMenu .navbar-nav .dropdown-menu.itemContainer, .categoriesBrowser li ul{
        position: absolute;
        left: 100%;
        top: 0 !important;
        transform: translateX(100%)
    }
    .categoriesBrowser li.is-open > ul ul{
        display: none
    }
    .categoriesBrowser li.is-open > ul, .topMenu .navbar-nav .dropdown-menu.itemContainer.show{
        left: 0;
        transform: translateX(0) !important;
        display: block !important;
        position: absolute;
        margin-top: 0;
        height: 100vh
    }
    .categoriesBrowser li > ul{
        height: calc(100vh - 288px) !important;
        background-color: #fff;
        width: 100%;
        max-height: 100%;
        position: absolute;
        left: 100%;
        top: 0 !important;
        transform: translateX(100%)
    }
    .nav-item.dropdown{
        position: relative !important
    }
    .categoriesBrowser li ul{
        margin-top: 0 !important;
    }
    .categoriesBrowser > li > a{
        padding: 0;
    }
    .categoriesBrowser li.parent::after{
        display: none
    }
    .categoriesBrowser li{
        display: flex;
        align-items: center;
        
    }
    .categoriesBrowser li li .openChild{
        display: block
    }
    .openChild{
        position: static;
        order: 1;
        padding: 0 1rem 0 1rem !important;
        flex-grow: 10
    }
    .mobileMenu.opened{
        z-index: 9999
    }
    .backToCategory{
        font-weight: 600;
        margin-bottom: 1rem !important
    }
    .backToCategory::before{
        display: inline-block;
        content: '<';
        padding: 0 1rem 0 0
    }
    .toasts{
        bottom: 5rem
    }
    .mobileMenu .header-contrast{
        margin-left: 0;
        margin-top: auto;
        padding-bottom: 1rem
    }
    .mobileMenu > ul > .nav-item > span:first-child{
        padding-top: 0
    }
    .mobileMenu .hideMe > li:not(.is-active){
        display: none
    }
    .mobileMenu .customClose{
        right: -6px
    }
    body.user_edit #mainContent textarea{
        max-width: unset
    }
    .basketUsertypeSelect{
        padding: 0 !important
    }
    .basketUsertypeSelect label{
        padding: 0
    }
    /*
    #basketAddressForm .invBlock{
        padding-bottom: 0
    }
    */
    .listRecords .p-wishlist *{
        max-width: unset !important
    }
    .listRecords .prodPrices{
        padding-right: 16px !important
    }
    .listRecords .cartIncDec{
        margin-left: 0
    }
    .listRecords .smallAvailbility:not(.prodUnavailable){
        font-size: 12px !important
    }
    .listRecords .commerceStuff{
        flex-wrap: wrap
    }
    .listRecords .productLargeField{
        width: 100%;
    }
    .listRecords .prodPicture{
        padding-top: 0 !important;
        max-width: 60px
    }
    .listRecords .pictureContainer{
        margin-right: auto
    }
    body[data-viewmode="compact"] .lisatRecords .recordsContainer .p-wishlist.normalHeart{
        display: block;
        top: 0 !important
    }
    .p-wishlist.normalHeart > a{
        width: 56px
    }
    .listRecords .p-wishlist.normalHeart{
        right: 16px !important;
        display: block
    }
    .listRecords .recordsContainer{
        max-width: 100% !important;
        padding: unset;
        margin: 0 auto
    }
    .listRecords .p-wishlist.listHeart{
        display: none !important
    }
    .listRecords .admin-stuff{
        display: none !important
    }
    .listRecord .prodCard{
        flex-direction: row;
        justify-content: space-between
    }
    .listRecords .cartSmall{
        max-width: unset !important
    }
    .listRecords .commerceStuff{
        padding-left: 0
    }
    .listRecords .prodTitle a {
        padding-left: 16px;
        display: block
    }
    .listRecords .smallContainer{
        padding: 0 !important;
        align-items: flex-start
    }
    [data-viewmode="compact"] .listRecords .prodTitle, .listRecords .prodTitle{
        width: calc(100% - 40px) 
    }
    body[data-viewmode="compact"] .prodPicture img{
        width: 100%
    }
    body.compactTopNav .backForwardBtns{
        position: fixed;
        width: 100%;
        background-color: #fff;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        margin: 0;
        padding: 16px;
        border-top: 1px solid #F7F7F7
    }
    body.compactTopNav .navMain{
        position: static !important;
        margin-bottom: 8px
    }
    .backForwardBtns button{
        margin-top: 0 !important
    }
    body .navMain .logo img{
        max-width: unset !important;
        max-height: 32px
    }
    body.compactTopNav{
        padding-top: 0 !important
    }
    .newLogin .bHead{
        display: none
    }
    .newLogin > form{
        margin-top: 16px !important
    }
    .loginRegisterTabs{
        display: flex;
        justify-content: center
    }
    .listRecords .pictureContainer{
        order: 1;
        padding-right: 0
    }
    .listRecords .recordsContainer .p-wishlist.normalHeart{
        top: 16px !important
    }
    .listRecords .prodTitle a{
        padding-left: 0
    }
    .listRecords .recordsContainer .cartSmall{
        width: 100% !important
    }
    .blogContent .cartSmall, .listRecords .cartSmall form{
        justify-content: space-between
    }
    .listRecords .cartSmall form{
        flex-wrap: wrap
    }
    .blogContent .cartContainer{
        max-width: unset
    }
    .blogContent .cartSmall .unitsText{
        margin-left: unset
    }
    .listRecords .cartContainer{
        justify-content: space-between;
        margin-bottom: 8px
    }
    .blogContent .cartIncDec{
        order: unset !important;
        margin-left: 0
    }
    .blogContent .cartSmall .unitsText{
        order: unset;
        margin: 0 auto 0 5px
    }
    .blogContent .cartButtonContainer{
        width: unset;
        margin: 0
    }
    .listRecords .smallAvailbility::before{
        margin-right: 8px !important
    }
    .shipping-price{
        margin-left: 8px
    }
    body[data-pricetype="netto"] .mainCart .inbaskatTable .basketTrProduct, body.wholesale-user-logged-in .mainCart .inbaskatTable .basketTrProduct{
        width: calc(100% - 120px)
    }
    body[data-pricetype="netto"] .mainCart .trow.products::before, body.wholesale-user-logged-in .mainCart .trow.products::before{
        margin-bottom: auto;
    }
    body[data-contrast="true"] #prodTabs.nav-tabs .nav-link.active, body[data-contrast="true"] #prodTabs.nav-tabs .nav-link{
        background-color: transparent
    }
    body[data-contrast="true"].address_data .rightSums{
        margin-top: 1rem;
        padding-right: 0;
        padding-left: 0
    }
    body[data-contrast="true"].address_data .rightColCart{
        margin-left: .5rem;
        margin-right: .5rem
    }
    body[data-viewmode="compact"] #mainContent .wishlists-heart-link{
        margin-right: 0
    }
}
@media (max-width: 780px){
    body.wishlists .wishlists-records-actions{
        flex-wrap: wrap;
        justify-content: flex-start
    }
    body.wishlists .wishlists-records-actions > *{
        margin-top: 1rem
    }
    body.wishlists.user_edit .stepBasketProductsTable > .products:last-of-type{
        margin-bottom: 0
    }
}

@media (max-width: 650px){
    .wlActions{
        flex-wrap: wrap;
        flex-direction: column
    }
    .blog-row .infoCol{
        width: 100%;
        padding-left: 0
    }
    .blog-row .pictureContainer{
        display: none
    }
    .bottomSorting .paging{
        width: 100%;
        order: 1;
        padding-top: 0
    }
    .bottomSorting .products-sum{
        order: 2;
        margin-top: .5rem
    }
    .bottomSorting{
        flex-wrap: wrap
    }
    .adminStuff.categoryBrowse > *{
        max-width: 50%
    }
    .adminStuff.categoryBrowse .admin-stuff.btn-info{
        white-space: normal
    }
    .product-boxes .offcanvas{
        bottom: 40px;
        right: 0
    }
    .p-wishlist .wishlists-content-container{
        margin: 0
    }
    .wishlists-content-container form{
        margin-bottom: 1rem
    }
    .wishlists-content-container form .cell-input{
        max-width: 146px
    }
    .wishlists-content-container form .error-message{
        position: absolute;
        top: calc(100% + 4px);
        color: #e70000;
        font-size: 13px
    }
    .wishlists-content-container form .mergedFields input[type='text'],.wishlists-content-container form .mergedFields input[type='email']{
        margin-left: 1rem
    }
    .smallAvailbility.prodUnavailable{
        font-size: 8px !important
    }
    body[data-viewmode="list"] .recordsContainer .prodTitle{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .stepBar ul li.completed .bubble{
        width: 23px;
        height: 23px;
        margin: 10px auto 12px auto
    }
    .stepBar ul li.completed .bubble::before{
        left: 6px;
        top: 3px;
        width: 7px;
        height: 11px;
        right: 5px
    }
    body:not(.start) .customCarousel .carousel-item img{
        width: auto !important
    }
    #basketAddressForm div.input.has-error:not(.checkbox)::after{
        padding: 3px;
        font-size: 11px;
        top: 14px;
    }
    body.baskets.address_data .shippingName{
        margin-right: 0;
        top: unset
    }
    body.baskets.address_data .shippingImage{
        display: none !important
    }
    body.baskets .shipping-name{
        max-width: calc(100% - 22px) !important   
    }
}
@media (max-width: 540px){
    body.address_data .custom-address-data div.input.width50{
        width: 100%
    }
    .photoGifts .popoverOnHover{
        max-width: 270px;
    }
}
@media (max-width: 460px){
    .csvContent .simpleFlex{
        flex-wrap: wrap
    }
    .csvContent.normalContent:not(.notStyled) a{
        margin-right: 0;
        width: 100%
    }
    .csvContent.normalContent:not(.notStyled) a.whiteButton{
        margin-bottom: 16px
    }
    .myOrder .order-userdata-item:first-child{
        margin-right: unset
    }
    .wishTable .basketTrValue{
        text-align: right
    }
    .wishTable .basketTrProduct{
        order: 2;
        margin: 0;
        max-width: calc(100% - 24px)
    }
    .wishTable .checkmark{
        top: 6px
    }
    .wishTable .basketTrPrice{
        margin: 0 auto
    }
    .wishTable .checkTh{
        width: 24px
    }
    .wishTable .basketTrNotice{
        max-width: calc(100% - 130px)
    }
    .wishTable .basketTrIncDec{
        margin: 0 0 auto 0;
        transform: translate(0, 100%)
    }
    .wishTable .basketTrNotice.cell div::before{
        margin-top: 0;
        padding-left: 8px
    }
    .wishTable .basketTrPrice{
        max-width: 85px;
        min-width: unset
    }
    .userProdsTable .basketTrNotice{
        max-width: unset
    }
    #SearchSearch{
        background-color: var(--grayBackground)
    }
}
@media (max-width: 400px){
    /*SmalNav
    .backForwardBtns button{
        padding: 8px !important;
        width: auto !important;
        flex-grow: 0
    }
    .backForwardBtns button:first-child{
        margin-right: 8px
    }
    */
    .blogSorting .bootstrap-select{
        width: unset !important
    }
    .blogSorting .custom-select{
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .blogSorting .custom-select > .dropdown{
        flex-grow: 1
    }
    .event-cats{
        width: max-content
    }
    .event-categories-item{
        margin-bottom: 4px
    }
    .rightColCart .backForwardBtns{
        flex-wrap: wrap
    }
}
@media (max-height: 655px) and (max-width: 890px){
    #cookiesPanel, #cookiePolicyBar{
        max-height: calc(100vh - 72px);
        max-height: calc(100dvh - 72px);
        overflow: auto
    }
    #cookiePolicyBar > .cookieContent{
        overflow: scroll;
        max-height: 100%
    }
    #cookiesPanel{
        max-height: unset;
        height: 100dvh
    }
}
.hasLiveInputInvalidated .error-message,
.hasErrorMessageHidden .error-message{
    display:none;
}

@supports (-moz-appearance:none) {
    .doubleCarousel.carousel-item-start .prodTitle, .doubleCarousel.carousel-item-start .prodPrices, .doubleCarousel.carousel-item-start .unitsText, .doubleCarousel.carousel-item-start .incDec{
        top: -1px;
        position: relative
    }
    .doubleCarousel.carousel-item-start .prodBadge{
        top: -1px;
        position: relative;
        height: 27px
    }
    .doubleCarousel.carousel-item-start .iPop{
        position: relative;
        top: 1px    
    }
    .navMain.isSticky .headerSearch{
        max-width: 406px;
    }
    
    @media (max-width: 1650px){
        .navMain.isSticky .headerSearch{
            max-width: 380px
        }
    }
    @media (max-width: 1632px){
        .navMain.isSticky .headerSearch{
            max-width: unset
        }
    }
    @media (max-width: 1530px){
        .navMain.isSticky .headerSearch{
            width: min-content
        }
    }
  }

@media (max-width: 650px) {
    body.content5 #mainContent iframe {
        width: 100% !important;
        border: 0 !important;
    }
    body.content5 #mainContent .column > img {
        width: 100%;
    }
}
.productFilesDownloads{
    margin-top:40px;
}
.export-products-list-xls-container{
	margin-left:30px;
}
.export-products-list-xls-content{
    background-color: #fff;
    padding: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    right: 0;
    top: 0;
    position: absolute;
    width: max-content;
    z-index:10;
}
.wholesale-only{
    display:none;
}
body.wholesale-shopping-terms-accepted .wholesale-only,
body.wholesale-user-logged-in .wholesale-only{
    display:block;
}
.productFeaturesDesc .features-values-list-comma .features-values-list-separator{
	margin-right:4px;
}
.productFeaturesDesc .features-values-list-plus .features-values-list-separator{
	margin-left:4px;
	margin-right:4px;
}
.giftsProductsLink{
    text-decoration: underline;
}
.giftsProductsLink:hover{
    color: #038FD7;
}