/* HOTFIX: [dev] nsl_exit_intent */ .remodal#exitIntent{padding:0;width:580px} .remodal#exitIntent .remodal-close{z-index:3;background-color:#fff;color:#000;border-radius:0;left:auto;right:10px;top:10px;width:48px;height:48px} .remodal#exitIntent .remodal-close::before{width:48px;line-height:48px;font-weight:300;font-size:20px;content:"\E025"} #popup{position:relative;overflow:hidden;margin:0 auto;box-shadow:0 0 34px 6px rgba(0,0,0,0.75);background-color:#fff;color:#000;min-height:610px} #popup img{display:block} #popup *{font-family:'Lato',sans-serif;box-sizing:border-box} #popup .popup_container{padding:295px 30px 0;background-image:url(//f01.esfr.pl/si_upload/gfx/popup-header.png);background-position:top;background-size:initial;background-repeat:no-repeat} #popup .popup__cont__info span.heading-h2{display:block;font-size:24px;color:#000;font-weight:700;text-align:center;margin-bottom:15px} #popup .popup__cont__info__list{padding:15px 30px 20px} #popup .popup__cont__info__list span.heading-h3{display:block;font-size:21px;padding-bottom:30px;font-weight:700} #popup .popup__cont__info__list ul{padding-bottom:20px;max-width:324px;font-size:14px} #popup .popup__cont__info__list ul li{margin:10px 0 0 25px;list-style-image:url(//f01.esfr.pl/si_upload/gfx/2015/10_27_popup/list.png)} #popup form{position:relative;margin:0 30px 35px;display:flex;flex-wrap:wrap} #popup .popup__cont__form input[type=email]{border:1px solid #000;height:35px;width:100%;padding:0 10px;margin-bottom:3px} #popup .popup__cont__form input[type=email].-validationError{background-color:#ffc9c9;border:2px solid red} #popup .popup__cont__form input.btn.btn-primary[type=submit]{margin-left:10px;cursor:pointer;font-size:12px;width:160px;height:35px} #popup .popup__cont__form #exit_modal_link{float:right;color:#0c4da2;padding-right:5px;font-weight:bolder;padding-top:10px} #popup .popup__cont__form .form-ok{background:#00c007;color:#fff;font-size:14px;width:100%;padding:15px 20px;position:relative} #popup .popup__cont__form .form-ok:after{content:'';width:18px;height:18px;position:absolute;right:20px;background:url(//f01.esfr.pl/si_upload/gfx/2016/MZA/temp/ok.png) no-repeat center} #popup .popup__cont__form .form-ok.error{background:red;padding:7px 15px} #popup .popup__cont__form .form-ok.error:after{background:none} #popup .popup__cont__zgody{font-size:12px;color:#000;padding:0 0 20px} #popup .popup__cont__zgody .polityka_link{color:grey;text-decoration:underline} #popup .popup__cont__zgody .zgodaRozwin{display:none} #popup .popup__cont__zgody .zgody__1{padding:40px 0 20px} #popup .popup__cont__zgody .zgody__2{padding-top:20px;border-top:1px solid #ccc} #popup .info{max-width:304px;color:red;display:none} #popup .info.-active{display:block} #popup .inputContainer{width:285px;display:inline-block} #popup .inputContainer .emailValidationError{visibility:hidden;margin-bottom:15px;color:red} #popup .inputContainer .emailValidationError.-active{visibility:inherit;transition:all .3s} #popup #pop_form_email:focus + .emailValidationError{visibility:hidden!important} .popup-nsl-v2-head{background-image:url(//f00.esfr.pl/si_upload/gfx/2022/07_21_mailing/v2-desktop.png);height:160px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat} .popup-nsl-v2-body{padding:20px;text-align:left} .popup-nsl-v2-title{font-size:16px} .popup-nsl-v2-btn{background:#FCE764;box-shadow:0 1px 2px rgba(0,0,0,0.25);border-radius:4px;color:#000;display:block;padding:15px;text-align:center;text-transform:uppercase;font-weight:700;font-size:16px;margin:20px 0 0} .popup-nsl-v2-btn:hover{color:#000;text-decoration:none} .popup-nsl-v2-legal{font-size:12px;border-top:1px solid #E5E5E5;padding-top:20px;margin-top:25px} /* HOTFIX: [dev] global function 3 */ /* Hotfix : tPay : znikające przyciski KK, K0.. */ .bigButton.platnoscBig[title=TPay], .tpayPlace { padding: 7px 10px; font-size: 12px; border-radius: 0; text-align: center; font-weight: bold; text-transform: uppercase; display: inline-block; white-space: normal; border: 0; background: #ffe843; color: #1C1C1B; height: 31px; line-height: 31px; } .tpayPlace { width: 90px; } .bigButton.platnoscBig[title=TPay] { width: 120px; } /* HOTFIX: [dev] MTU customer-change-payment-type */ #changePayment #deliveryTypeList{display:none} /* HOTFIX: [dev] RODO - stopka, artykuly */ #footer-shops .zapis-na-nl{float: left; margin: 10px 10px 0 0} #footer-shops .nl-see-more, #footer-shops .see-more, #footer-shops .privacy-policy{margin-top:20px; margin-left: 25px; display: inline-block;} #newsletter-box #newsletter-email{display:none} /* HOTFIX: Onetrust + atrUser */ #ot-sdk-btn.ot-sdk-show-settings{border:inherit!important;display:none!important;} #ot-sdk-btn.ot-sdk-show-settings.-active{display:inline-block!important;} #ot-sdk-btn.ot-sdk-show-settings:hover{color:inherit!important;background-color:inherit!important} /* HOTFIX: [PHO] Naprawa kontenera dla gwiazdek w ocenach produktu */ /* wyrownanie ikon do srodka w boxie rozwijanym opinii */ #opinion-list .opinion-item-grades .stars-rating>div { transform: translateY(25%); } /* reset szerokosci boxa rozwijanym opinii + reset wielkosci klucza rozwijanego boxa opinii */ #opinion-list .opinion-stars.expand .opinion-item-grades, #opinions .opinion-item .grade-item .attribute{ width: auto; } /*ustawienie gwiazdek za pomoca flexa*/ #opinions .opinion-item .grade-item { display: flex; justify-content: space-between; align-items: center; } /*odstep klucza od wartosci w boxie rozwijanym opinii*/ #opinions .opinion-item .grade-item .stars-rating { margin-left: 15px; } /* przy okazji wyrowanie duzych gwiazdek (od razu po rozpoczeciu podsumowania opinii) */ #opinions .stars-rating { padding: 0px 10px 0 4px; } /* przy okazji naprawa gwiazdek na rozwinieciu pokaz opinie */ .stars-rating { height: auto; min-height: 18px; } /* HOTFIX: [PHO] Automatyczna wysokość kontenera na logotypy w stopce */ .force-auto-height { height: auto !important; } /* HOTFIX: Style do płacht menu */ .article-menu{top:64px} .old-header #second-menu>li a{color:#1c1c1b} .new-header #top-menu>li:hover a,.new-header #top-menu>li.active a {background-color: #fff; color:#1c1c1b} .new-header #second-menu>li{background-color:#fff} #second-menu>li .desktop-navigation__title-copy ~ a{color:#0072ff} .new-header #top-menu:before{border-bottom:none} .new-header #second-menu>li a.desktop-navigation__outlet, .old-header #second-menu>li a.desktop-navigation__outlet{color:#016ef4} .desktop-navigation__container .h-3-b{font-weight:700;font-size:16px;line-height:21px} .customer-area__right .reference{width:100%} #second-menu>li .customer-area .reference{color:#000} .desktop-navigation__title:after{content:"";position:absolute;display:block;bottom:-.75rem;border-bottom:1px solid #929292;width:100%} .desktop-navigation__category-item--new-kp-line{height:1px;background-color:#929292;border:none;margin:-4px 0 12px} .desktop-navigation__container{display:flex;width:960px;margin:0 auto;height:100%} .desktop-navigation__dropdown-container{flex-direction:column;padding:32px 0} .desktop-navigation__container .h-2-b{font-size:28px;line-height:27px;font-weight:700} .desktop-navigation__title{width:100%;margin-bottom:32px;display:flex;position:relative;align-items:center} .desktop-navigation__title-copy{text-transform:uppercase;margin-right:16px} #second-menu>li .reference{outline:0;word-break:break-word;display:inline-flex;align-items:center;font-weight:400;flex-direction:row;font-size:14px} .desktop-navigation__outlet{margin-left:auto} .desktop-navigation__dropdown-content{display:grid;grid-gap:32px;grid-template-columns:repeat(5,1fr)} .desktop-navigation__category-item--has-link{cursor:pointer} .desktop-navigation__category-item{display:block;margin-bottom:12px;font-size:14px} .desktop-navigation__category-title{font-weight:700;font-size:20px} .desktop-navigation__container .box{position:relative;background:#f7f7f7;color:#000;display:block;overflow:hidden} .desktop-navigation__container .box--radius{border-radius:7px} .desktop-navigation__container .size--icon.scale--2{display:block;width:24px;height:24px} .customer-area{display:flex;justify-content:space-between;column-gap:76px} .customer-area__box-title{display:flex;column-gap:.75rem;margin-bottom:1.25rem} .customer-area__box-link{border-right:1px solid #afafaf;padding:0 .25rem} .customer-area__box-link:last-of-type{border-right:none;padding-right:0;padding-left:.25rem} #second-menu>li .customer-area__section-title{display:block;margin-bottom:.75rem;font-weight:700;font-size:1rem;margin-top:5px} .customer-area__section-link{display:block;margin-bottom:.75rem;font-size:.875rem} .customer-area__right{display:grid;grid-gap:32px;grid-template-columns:repeat(2,1fr)} .customer-area__box{width:381px;background:#e9e9e9;padding:1.5rem;margin-bottom:1rem} .badge-new {display: inline-flex;align-items: center;white-space: nowrap;text-transform: uppercase;border-radius: 20px;color: #fff;background-color: #6eb040;min-width: -moz-fit-content;min-width: fit-content;font-weight: 700;padding: 2px 10px;margin: 0 0 8px;} .new-header #top-menu .account-area:hover a,.new-header #top-menu .account-area.active a{background-color:#fff} @media (min-width: 1230px) { .desktop-navigation__container{width:1200px} .desktop-navigation__dropdown-content{grid-template-columns:repeat(5,1fr)} .new-header .desktop-navigation__dropdown-content{grid-template-columns:repeat(6,1fr)} .customer-area{column-gap:76px} .customer-area__right{grid-template-columns:repeat(3,1fr)} .customer-area__box{width:488px} } @media (min-width: 1440px) { .new-header .desktop-navigation__container{width:1380px} .new-header .customer-area__box{width:555px} } /* HOTFIX: Usunięcie pierwszej gwiazdki przy akceptacji regulaminów (widoki login i K2) */ /*Login - x2 oraz rejestracja*/ html:not(.selenium-mode) form#registerForm #registerRegulations #label-regAck .text em, html:not(.atr-mode) form#registerForm #registerRegulations #label-regAck .text em { display: none; } /*K2*/ html:not(.selenium-mode) #cart #frontForm #label-terms-accepted span.text em, html:not(.atr-mode) #cart #frontForm #label-terms-accepted span.text em {display:none!important;} html:not(.selenium-mode) #cart #frontForm #label-terms-accepted .text:after, html:not(.atr-mode) #cart #frontForm #label-terms-accepted .text:after {content:" *";color: red;} /* HOTFIX: reCaptchaValidation - NIE USUWAĆ bez wiedzy DSS.US i PSE (dev) */ .newsletter-form-cms input[type=email].-validationError, #newsletter-form-cms input[type=email].-validationError {background-color: #ffc9c9;border: 2px solid red;} .newsletter-form-cms .emailValidationError, #newsletter-form-cms .emailValidationError {visibility: hidden;margin-bottom: 10px;color: red;font-size:12px;} .newsletter-form-cms .emailValidationError.-active, #newsletter-form-cms .emailValidationError.-active {visibility:inherit;transition:all 0.3s} .newsletter-form-cms .info, #newsletter-form-cms .info{font-size:12px;} .reCaptcha .info {font-size:12px;} .reCaptcha .info.error-message {max-width: 304px; color: red; display: none;} .reCaptcha .info.-active {display:block;} .newsletter-form-cms .form-ok, #newsletter-form-cms .form-ok {background: #00c007; color: #fff; font-size: 14px; width: 100%; padding: 15px 20px; position: relative;} .newsletter-form-cms .form-error, #newsletter-form-cms .form-error {background: #f00; color: #fff; font-size: 14px; width: 100%; padding: 15px 20px; position: relative;} /* HOTFIX: captchaService - NIE USUWAĆ bez wiedzy DSS.US i PSE (dev) */ .reCaptcha {padding-top:15px;} .reCaptcha .info {font-size:12px;} .reCaptcha .info.error-message {max-width: 304px; color: red; display: none;} .reCaptcha .info.-active {display:block;} /* HOTFIX: RWD-payment-list-methods-styles */ #cart .payment-descriptions .text .payment-desc{font-size:14px} #e-payment-bank-header{font-size:0px} #e-payment-bank-header:after{content:"Wybierz Bank:";font-size:13px} .grey-bg{background:#F7F7F7;padding:16px;margin:24px 0} .old-header .grey-bg{border-radius:8px} .old-header .payment-desc-content strong{color:#E40414} .payment-desc-content ul{padding-left:0} .payment-desc-content ul li{list-style-position:inside} .payment-desc-content:not(:last-child){margin-bottom:16px} .payment-list-container{margin:0;list-style:none;counter-reset:counterList} .payment-list-container .payment-list-item{position:relative} .payment-list-container .payment-list-item:not(:last-child){margin-bottom:16px} .payment-list-container .payment-list-item::before{counter-increment:counterList;content:counter(counterList);position:absolute;top:-2px;left:-40px;width:24px;height:24px;border-radius:50%;background:#E5E5E5;color:#767676;text-align:center;line-height:24px} .payment-info-title,.payment-info-label{font-weight:700} .payment-info-title{margin-bottom:16px} .payment-info-points{list-style:none;padding-left:30px;margin:16px 0} .payment-info-points .payment-info-point{position:relative;line-height:20px} .payment-info-points .line-through{text-decoration:line-through} .payment-info-points .payment-info-point:not(:last-child){margin-bottom:6px} .payment-info-points .payment-info-point::before{content:"";position:absolute;top:7px;left:-18px;width:6px;height:6px;background-color:#AFAFAF;border-radius:50%} .payment-info-legal{padding-top:16px;border-top:1px solid #E5E5E5;font-size:12px} .payment-alert{font-size:13px;line-height:normal;margin-bottom:10px;border-top:solid 1px #ccc;padding-top:20px;margin-top:20px} #e-transfer-banks{margin-top:15px} @media screen and (min-width: 1024px) { .payment-info-col{width:50%;display:table-cell} .payment-info-col:nth-child(2n){padding-left:24px} } /* HOTFIX: [Omnibus] Zmiana legala dla kodów rabatowych Headless. */ /*Leaf & search desktop start*/ .app-desktop #products .price-voucher .price-voucher-info-fix { margin-top: 5px; font-size: 10px; color: #999; text-align: right; display: block; } /*Leaf & search desktop end*/ /*KP desktop start*/ .app-desktop #product-detail .product-details-aside .price-voucher .price-voucher-date { margin-bottom: 1px; } .app-desktop #product-detail .product-details-aside .price-voucher .price-voucher-info-fix { font-size: 10px; color: #999; text-align: left; display: block; } .app-desktop #product-detail #recommended-products-middle .price-voucher .price-voucher-info-fix { font-size: 10px; color: #999; text-align: left; display: block; } /*KP desktop end*/ /* SG polecane produkty desktop start*/ .app-desktop #more-recommendations-section .price-voucher-date:after { content: "Kod rabatowy nie łączy się z innymi kodami rabatowymi"; display: block; white-space: pre-wrap; } /* SG polecane produkty desktop end*/ /* SG wszystko co nowe desktop start*/ .app-desktop #new-deals-section .price-voucher-date:after { content: "Kod rabatowy nie łączy się z innymi kodami rabatowymi"; display: block; white-space: pre-wrap; } /* SG wszystko co nowe desktop end*/ /* SG rotator główny desktop start*/ .app-desktop #main-page-top-slider .price-voucher-date { height:inherit; } .app-desktop #main-page-top-slider .price-voucher-date:after { content: "Kod rabatowy nie łączy się z innymi kodami rabatowymi"; display: block; white-space: pre-wrap; } /* SG rotator gółwny desktop end*/ /* HOTFIX: Ceny omnibus na artykułach */ .article-related-products .product-slider{height:385px} .article-related-products .product-slider .price-voucher *{text-align:left} .article-related-products .product-slider .price-omnibus{margin:5px 0} /* HOTFIX: code mirror position fix */ .CodeMirror-fullscreen { top: 80px; } /* HOTFIX: Menu Twoje konto w headerze */ /*account menu start*/ html.user-logged #account-menu{ top:46px; border-radius: 5px; background-color: #fff; width: 120%; left: 0; } @media (max-width: 1230px) { html.user-logged #account-menu{ width: inherit; left: inherit; } } html.user-logged #account-box .user-logged .arrow { display: inline-block; margin-left: 2px; transition: all 0.3s; } html.user-logged.show-account-menu #account-box .user-logged .arrow { transform: scaleY(-1) translateY(-2px); } /*account menu end*/ /*client area start*/ html:not(.user-logged) .customer-area .logout-hotfix { display: none !important; } html.user-logged .customer-area .logIn { display: none !important; } /*client area end*/