img[src="css/img/alo.gif"] {
object-fit: none !important;
height: 40px !important;
width: 40px !important
}
body {
margin: 0;
padding: 0;
overflow: overlay;
width: 100%;
max-width: 100%;
font-family: Open Sans,sans-serif;
font-display: swap;
background-color: #ffffff;
min-height: 101vh;
color: #000000
}
body.modal-opened {
overflow: hidden
}
svg {
fill: #000000
}
input,select,textarea {
font-family: Open Sans,Verdana;
font-display: swap;
outline: none;
background-color: inherit
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 100px #ffffff inset !important;
-webkit-text-fill-color: #191616 !important
}
option {
background-color: #ffffff
}
* {
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
input::-ms-reveal {
display: none
}
img[src="css/img/alo.gif"] {
object-fit: none !important;
height: 40px !important;
width: 40px !important
}
iframe {
border: none
}
main {
position: relative
}
main .gridContainer {
display: grid;
grid-template-columns: 100%;
margin-top: 0px;
padding-bottom: 0px !important;
}
.highlight-category {
background-color: #d4edda !important;
/* Jasnozielone tło */
/* Zaokrąglone rogi */
/* Dodatkowa przestrzeń */
transition: background-color 0.3s ease;
/* Efekt płynnej zmiany */
padding-left: 10px;
max-width: 271px;
font-weight: 500;
}
.highlight-category:hover {
background-color: #c3e6cb !important;
/* Ciemniejszy odcień przy najechaniu myszką */
}
@media screen and (min-width: 769px) {
.gridMainElement {
margin-bottom:60px
}
}
blockquote {
font-style: italic
}
button::-moz-focus-inner {
border: 0
}
select {
border-bottom: 1px solid #191616;
background-repeat: no-repeat;
background-position: center right;
-webkit-appearance: none;
background-size: 8px
}
select:not(.darkTheme) {
background-image: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/solid/caret-down.svg) !important
}
select.darkTheme {
background-image: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/solid/caret-down-white.svg) !important
}
input[type=date].darkTheme::-webkit-calendar-picker-indicator {
filter: invert(1)
}
a {
outline: none;
text-decoration: none;
color: inherit
}
:-moz-ui-invalid {
box-shadow: none !important
}
.configMessages {
position: fixed;
background: #ffffff;
padding: 17px;
z-index: 1000
}
.configMessagesCookiesMessage {
z-index: 10001
}
.configMessages svg {
width: 18px;
height: 18px
}
.configMessages span.configMessages__btn {
position: absolute;
right: 15px;
padding: 0 0 10px 12px;
cursor: pointer;
font-size: 25px;
top: 10px;
fill: #3f3535
}
.configMessages.configMessages__header {
top: 0;
border-bottom: 1px solid #8c8c8c;
left: 0;
right: 0;
width: auto
}
.configMessages.configMessages__header .configMessages__message {
padding-right: 20px
}
.configMessages.configMessages__footer {
bottom: 0;
border-top: 1px solid #8c8c8c;
left: 0;
right: 0;
width: auto;
padding-right: 35px
}
.configMessages .configMessages__title {
color: #191616;
font-size: 15px;
font-weight: 700;
margin-bottom: 8px
}
.configMessages .configMessages__title a,.configMessages .configMessages__title a:active,.configMessages .configMessages__title a:visited {
color: #191616;
text-decoration: none
}
.configMessages .configMessages__title a:hover,.configMessages .configMessages__title a:active:hover,.configMessages .configMessages__title a:visited:hover {
text-decoration: underline
}
.configMessages .configMessages__message {
font-size: 15px;
line-height: 1.5;
overflow: auto;
max-height: calc(100vh - 34px)
}
.configMessages .configMessages__message a {
color: #0c0cef;
text-decoration: underline
}
.configMessages .configMessages__message a:hover {
color: #252573
}
.configMessages .message {
overflow: auto;
max-height: calc(100vh - 170px);
padding-bottom: 50px
}
.closeCookieBtn {
cursor: pointer;
font-size: 12px;
padding: 10px 15px;
text-transform: uppercase;
margin: 10px 5px 5px 0;
height: 45px;
transition: .3s
}
.closeCookieBtn-all {
background-color: #009141;
border: 2px solid #fcfffe;
color: #FFFFFF
}
.closeCookieBtn-all:hover {
border: 2px solid #009141;
background-color: #009141;
color: #FFFFFF
}
.closeCookieBtn-necessary {
background-color: #FFFFFF;
border: 2px solid #009141;
color: #009141
}
.closeCookieBtn-necessary:hover {
border: 2px solid #009141;
background-color: #FFFFFF;
color: #009141
}
.closeCookieBtn-settings {
border: 2px solid #ffffff;
background-color: rgba(0,0,0,0);
color: #009141
}
.closeCookieBtn-settings:hover {
background-color: #FFFFFF;
border: 2px solid #009141;
color: #009141
}
.cookieContainer {
position: fixed;
z-index: 10001;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
background: rgba(1,1,1,.75);
margin-top: 0
}
.cookieContainer-popup {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 60vw;
height: 550px;
max-width: 1024px;
max-height: 600px;
min-height: 525px;
background-color: #ffffff;
z-index: 999;
box-shadow: 0 4px 10px 2px rgba(0,0,0,.12)
}
.cookieContainer-popupHeader {
font-size: 1.4rem;
line-height: 1.78;
padding: 20px 32px 16px;
background-color: #009141
}
.cookieContainer-popupOptions {
padding: 14px 32px 0;
overflow-y: scroll;
max-height: 420px
}
.cookieContainer-popupOptions p {
font-size: .8rem;
margin: 0
}
.cookieContainer-popupOptions-firstP {
margin: 10px 0
}
.cookieContainer-popupOptions-firstP a {
color: #0c0cef
}
.cookieContainer-popupOptions-firstP a:hover {
color: #252573
}
.cookieContainer-popupOptions-container {
border-top: 1px solid #d0d0d1;
margin: 10px 0
}
.cookieContainer-popupOptions-containerHeader {
display: flex;
justify-content: space-between;
margin: 7px 0 10px
}
.cookieContainer-popupOptions-containerHeader div {
position: relative
}
.cookieContainer-popupOptions-containerHeader div .cookieOption {
position: absolute;
right: 0;
top: 1px;
transition: all .3s ease-in-out;
cursor: pointer;
display: inline-block;
width: 40px;
height: 23px;
border-radius: 20px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption::after {
content: "";
transition: all .3s ease-in-out;
content: "";
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #fff;
top: 4px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-inactive {
background-color: #dbdce0
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-inactive::after {
left: 4px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-active {
background-color: #000
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-active::after {
left: 21px
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-StillActive {
background-color: #443e3e;
cursor: auto
}
.cookieContainer-popupOptions-containerHeader div .cookieOption-StillActive::after {
left: 21px;
background-color: #cacbd0
}
.cookieContainer-popupBtn {
display: flex;
align-items: flex-end;
height: 75px;
background-color: #ffffff;
padding: 0 32px
}
@media only screen and (max-width: 1200px) {
.cookieContainer-popup {
width:80vw
}
}
@media only screen and (max-height: 800px) {
.cookieContainer-popup {
top:0%;
height: 100vh;
max-height: fit-content;
transform: translate(-50%, 0%)
}
}
@media only screen and (max-height: 600px) {
.cookieContainer-popupOptions {
max-height:60vh
}
}
.message-popup-background {
background-color: rgba(0,0,0,.45);
bottom: 0;
left: 0;
padding: 10px;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 999;
margin-top: 0
}
.message-popup {
background-color: #ffffff;
display: inline-block;
padding: 40px 60px;
text-align: left;
z-index: 12;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 280px;
font-size: 14px
}
.message-popup-z-index {
z-index: 10001 !important
}
.message-popup .title {
font-weight: 700;
font-size: 1.3em
}
.message-popup p {
opacity: .5
}
.message-popup a {
color: #191616;
text-decoration: none;
font-weight: 700;
transition: all 300ms ease
}
.message-popup a:hover {
opacity: .5
}
.cookie-message-opener {
position: fixed;
bottom: 20px;
left: 20px;
width: 50px;
height: 50px;
z-index: 999;
background: #009141;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 2px 2px 8px rgba(0,0,0,.7);
cursor: pointer;
transition: transform .3s linear,box-shadow .3s linear
}
.cookie-message-opener:hover {
transform: rotate(-90deg) scale(1.02);
box-shadow: -2px 2px 8px rgba(0,0,0,.7)
}
.cookie-message-opener .cookie-message-opener-icon {
width: 70%;
height: 70%;
fill: #ffffff
}
.modal-open {
overflow: hidden
}
.uppercase {
text-transform: uppercase
}
.validation-required-js,.validation-info-js {
display: none
}
@media screen and (min-width: 769px) {
.svgIcon {
width:18px;
height: 14px;
}
}
@media screen and (max-width: 599px) {
.svgIcon {
width:20px;
height: 24px;
}
}
.svgIcon--arrowDown {
transform: rotate(90deg)
}
.svgIcon--arrowLeft {
transform: rotate(180deg)
}
.svgIcon--arrowUp {
transform: rotate(-90deg)
}
.svgIcon--emptyImage {
fill: #e5e5e5;
width: 100%;
height: auto;
padding: 0 20%;
box-sizing: border-box
}
.svgIcon--rotate {
transform: rotate(-90deg) !important
}
.rating .svgIcon.productRating--color {
fill: #706f6f
}
.rating .svgIcon {
fill: #e5e5e5
}
.temporaryPopup {
position: absolute;
z-index: 9999;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
max-width: 600px;
width: max-content;
overflow: hidden;
}
.temporaryPopup__header {
padding: 16px 20px 0px;
display: flex;
align-items: center;
column-gap: 5px;
position: relative
}
.temporaryPopup__header .closeIcon {
position: absolute;
top: 15px;
right: 15px;
transition: 200ms
}
.temporaryPopup__header .closeIcon:hover {
cursor: pointer;
fill: #009141
}
.temporaryPopup__body {
padding: 20px 30px 30px 30px;
font-size: 17px;
}
.temporaryPopup__body ul {
margin: 0;
padding: 0;
font-size: 16px
}
.temporaryPopup__body ul li {
margin-left: 20px;
margin-top: 10px
}
.temporaryPopup--success {
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
background-color: #e8faed
}
.temporaryPopup--success .temporaryPopup__header svg:not(.closeIcon) {
fill: #37ca93
}
.temporaryPopup--error {
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
background-color: #fee7e7
}
.temporaryPopup--error .temporaryPopup__header svg:not(.closeIcon) {
fill: #f75e5e
}
.temporaryPopup--warning {
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
background-color: #fef2de
}
.temporaryPopup--warning .temporaryPopup__header svg:not(.closeIcon) {
fill: #f5a623
}
.temporaryPopup--info {
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
background-color: #eceefc
}
.temporaryPopup--info .temporaryPopup__header svg:not(.closeIcon) {
fill: #353fa2
}
.temporaryPopup .timer-animation {
position: relative;
animation-name: example;
animation-timing-function: linear;
height: 4px;
width: 100%
}
.temporaryPopup .timer-animation--success {
background-color: #37ca93
}
.temporaryPopup .timer-animation--error {
background-color: #da2442
}
.temporaryPopup .timer-animation--warning {
background-color: #f5a623
}
.temporaryPopup .timer-animation--info {
background-color: #353fa2
}
@keyframes example {
0% {
width: 0%
}
100% {
width: 100%
}
}
::-webkit-scrollbar {
width: 6px
}
::-webkit-scrollbar-track {
background: rgba(149,149,149,.1215686275);
border-radius: 20px
}
::-webkit-scrollbar-thumb {
background: rgba(149,149,149,.3725490196);
border-radius: 250px
}
.scrollbarContainer {
scrollbar-color: #a9a9a9 #d3d3d3;
scrollbar-width: thin
}
.scrollbarContainer::-webkit-scrollbar {
width: 6px;
border-radius: 5px
}
.scrollbarContainer::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}
.scrollbarContainer::-webkit-scrollbar-thumb {
background-color: #a9a9a9;
outline: 1px solid #708090;
border-radius: 5px
}
.checkBoxes__container input {
display: none
}
.checkBoxes__container input+label {
display: inline-block;
cursor: pointer;
position: relative;
left: 0;
width: calc(100% - 20px);
padding: 10px 10px 10px 33px;
min-height: 16px;
background-color: rgba(0,0,0,0);
color: #191616;
border: 1px solid rgba(0,0,0,0);
transition: all 200ms ease
}
.checkBoxes__container input+label:before {
content: "";
display: inline-block;
position: absolute;
left: 10px;
top: 18px;
width: 16px;
height: 16px;
border-radius: 4px;
border: solid 1px #d1d1d1;
color: #fff;
transform: translateY(-50%);
background-color: #ffffff;
box-sizing: border-box;
transition: all 200ms ease
}
.checkBoxes__container input+label .checkBoxes__checkIcon {
display: none
}
.checkBoxes__container input:checked+label .checkBoxes__checkIcon {
display: block;
position: absolute;
left: 12px;
top: 7px;
margin-top: -2px
}
.checkBoxes__container input+label .checkBoxes__checkIcon svg {
fill: #61ad83;
width: 13px;
height: 14px;
margin-top: 5px;
margin-left: -1px
}
.popup-dialog-wrapper .checkBoxes__container input+label .checkBoxes__checkIcon svg {
margin-top: 9px;
margin-left: 0
}
.radioComplaint-js svg,.radioReturn-js svg {
margin-left: 0 !important
}
.languageAndCurrencyMenu-js svg,.product-list-wrapper .filter-group svg,.headerThirdType .languageAndCurrencyChangeMenu svg {
margin-top: 3px !important;
margin-left: 0 !important
}
.cart__address-row svg {
margin-top: 6px !important;
margin-left: 0 !important
}
.checkBoxes__container input:checked+label:before {
content: " ";
text-align: center;
background-color: #009141;
overflow: hidden;
border: solid 1px #009141
}
.checkBoxes__container input[disabled]+label {
opacity: .5;
cursor: not-allowed
}
.checkBoxes__container--radio input+label:before {
border-radius: 50%
}
.checkBoxes__container--radio input:checked+label .checkBoxes__checkIcon {
left: 11px
}
.manufacturer img {
max-width: 140px;
max-height: 45px
}
.rating {
color: #2b4173;
font-size: 18px
}
.rating__count {
color: #191616;
font-size: 18px;
margin-left: 5px;
opacity: .9
}
form .input-group input[type=button],form .input-group .attributes-select .button-option,.set .button-option,.set .button-option-sets {
background-color: #ffffff;
transition: all 300ms ease;
color: #191616;
cursor: pointer;
font-size: 14px;
font-weight: normal;
text-align: center;
margin-top: 5px;
border: 1px solid #d1d1d1
}
form .input-group input[type=button]:hover,form .input-group .attributes-select .button-option:hover,.set .button-option:hover,.set .button-option-sets:hover {
background-color: #ffffff
}
form .input-group input[type=button].active,form .input-group .attributes-select .button-option.active,.set .button-option.active,.set .button-option-sets.active {
background-color: #009141;
color: #FFFFFF
}
form .input-group input[type=button].max,form .input-group input[type=button].min,form .input-group .attributes-select .button-option.max,form .input-group .attributes-select .button-option.min {
opacity: .4;
cursor: default
}
form .input-group input[type=button].max:hover,form .input-group input[type=button].min:hover,form .input-group .attributes-select .button-option.max:hover,form .input-group .attributes-select .button-option.min:hover {
background-color: #ffffff
}
.set .button-option,.set .button-option-sets {
resize: vertical;
padding: 5px 10px;
display: inline-block
}
form .input-group .attributes-select {
display: inline-block
}
form .input-group .attributes-select:not(:last-child) {
margin-bottom: 30px
}
form .input-group .attributes-select .button-option {
width: auto
}
form .input-group .button-option {
margin: 0 5px 5px 0;
resize: vertical;
padding: 5px 10px
}
form .input-group .attr-poly {
margin-bottom: 20px
}
form .input-group .attributes-select+span {
display: inline-block
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
input[type=number] {
-moz-appearance: textfield
}
form .input-group .quantity-field,form .input-group .quantity-field-add-product {
height: 20px;
text-align: center;
width: 30px;
border: none
}
form .input-group span {
font-size: 18px;
font-weight: bold
}
form .input-group .button-minus,form .input-group .button-plus,form .input-group .button-minus-add-product,form .input-group .button-plus-add-product {
font-weight: bold;
height: 38px;
padding: 0;
width: 38px
}
form .input-group .quantity-field,form .input-group .quantity-field-add-product,form .input-group .button-minus,form .input-group .button-plus,form .input-group .button-minus-add-product,form .input-group .button-plus-add-product {
position: relative
}
input {
outline: none;
line-height: normal;
border: none
}
input[type=date]::-webkit-calendar-picker-indicator {
right: 3px;
position: absolute;
font-size: 9px
}
input[type=date]::-webkit-calendar-picker-indicator:hover {
cursor: pointer
}
input[type=date]::-webkit-clear-button,input[type=date]::-webkit-inner-spin-button {
-webkit-appearance: none;
display: none
}
.hidden,.temporaryHidden {
display: none !important;
visibility: hidden
}
.visible {
display: block
}
.popupDialog,.popup-dialog {
background-color: rgba(0,0,0,.5);
bottom: 0;
left: 0;
overflow: hidden;
padding: 10%;
position: fixed;
right: 0;
top: 0;
z-index: 100;
margin-top: 0;
display: none
}
.popupDialog .form-container,.popup-dialog .form-container {
position: fixed !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow-y: auto;
max-height: 90vh
}
.popupDialog .popupDialog__title,.popup-dialog .popupDialog__title {
font-weight: 500;
font-size: 18px;
display: block;
color: #191616;
width: 85%
}
.popupDialog .popupDialog__wrapper,.popup-dialog .popupDialog__wrapper {
width: 100%;
padding: 30px;
box-sizing: border-box;
margin: 0 auto;
background-color: #ffffff;
position: relative
}
.popupDialog .popupDialog__closeBtn,.popupDialog .close-button,.popupDialog .close-button-in-popup,.popupDialog .hide-order-details-popup,.popup-dialog .popupDialog__closeBtn,.popup-dialog .close-button,.popup-dialog .close-button-in-popup,.popup-dialog .hide-order-details-popup {
color: #191616;
font-size: 24px;
right: 17px;
position: absolute;
top: 17px;
padding: 10px;
cursor: pointer;
z-index: 10
}
.popupDialog-wrapper,.popup-dialog-wrapper {
width: 100%;
position: relative;
padding: 30px 0 0;
margin: 0 auto;
background-color: #ffffff;
text-align: center
}
.popupDialog .page-header,.popup-dialog .page-header {
text-transform: none;
margin-bottom: 30px
}
.popupDialog.ask-about-product-popup .form-container,.popupDialog.recommend-product-popup .form-container,.popupDialog.notify-about-availability-popup .form-container,.popupDialog.ask-for-price-popup .form-container,.popup-dialog.ask-about-product-popup .form-container,.popup-dialog.recommend-product-popup .form-container,.popup-dialog.notify-about-availability-popup .form-container,.popup-dialog.ask-for-price-popup .form-container {
position: relative;
margin: 0 auto;
text-align: center
}
.popupDialog.ask-for-price-popup .form-container,.popupDialog.notify-about-availability-popup .form-container,.popup-dialog.ask-for-price-popup .form-container,.popup-dialog.notify-about-availability-popup .form-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.popupDialog .switch,.popup-dialog .switch {
float: none;
display: inline-block;
margin-top: 10px;
cursor: pointer
}
.popupDialog .switch .switch-name,.popup-dialog .switch .switch-name {
left: 62px
}
.popupDialog .share-container,.popup-dialog .share-container {
max-width: unset;
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: 0;
right: 0;
margin: auto;
background-color: #ffffff;
min-height: auto;
box-sizing: border-box
}
@media screen and (min-width: 500px) {
.popupDialog .share-container,.popup-dialog .share-container {
width:450px;
padding: 2rem 3rem 0
}
.popupDialog .share-container header,.popup-dialog .share-container header {
margin-top: -13px
}
}
@media screen and (max-width: 499px) {
.popupDialog .share-container,.popup-dialog .share-container {
width:100vw;
padding: 1.5rem 1rem 0
}
}
@media screen and (max-width: 499px)and (min-width: 340px) {
.popupDialog .share-container header,.popup-dialog .share-container header {
margin-top:-4px
}
}
@media screen and (max-width: 339px) {
.popupDialog .share-container header,.popup-dialog .share-container header {
margin-top:-3px
}
}
.popupDialog .share-icons,.popup-dialog .share-icons {
width: 100%;
margin: 30px 0;
display: grid;
justify-items: center
}
@media screen and (min-width: 340px) {
.popupDialog .share-icons,.popup-dialog .share-icons {
grid-template-columns:33% 33% 33%
}
}
@media screen and (max-width: 339px) {
.popupDialog .share-icons,.popup-dialog .share-icons {
grid-template-columns:50% 50%
}
}
.popupDialog .share-icons a,.popupDialog .share-icons div,.popup-dialog .share-icons a,.popup-dialog .share-icons div {
margin: 0 0 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #191616;
transition: 300ms;
text-align: center
}
.popupDialog .share-icons a:hover svg,.popupDialog .share-icons div:hover svg,.popup-dialog .share-icons a:hover svg,.popup-dialog .share-icons div:hover svg {
fill: #009141
}
.popupDialog .share-icons a:hover span,.popupDialog .share-icons div:hover span,.popup-dialog .share-icons a:hover span,.popup-dialog .share-icons div:hover span {
color: #009141
}
.popupDialog .share-icons a span,.popupDialog .share-icons div span,.popup-dialog .share-icons a span,.popup-dialog .share-icons div span {
transition: 300ms;
font-size: 15px
}
@media screen and (min-width: 769px) {
.popupDialog .share-icons a,.popupDialog .share-icons div,.popup-dialog .share-icons a,.popup-dialog .share-icons div {
margin:0 0 30px
}
}
@media screen and (max-width: 768px) {
.popupDialog .share-icons a,.popupDialog .share-icons div,.popup-dialog .share-icons a,.popup-dialog .share-icons div {
margin:0 0 20px
}
}
.popupDialog .share-icons a svg,.popupDialog .share-icons div svg,.popup-dialog .share-icons a svg,.popup-dialog .share-icons div svg {
width: 25px;
height: 25px;
transition: 300ms
}
.popupDialog .share-icons .share-recommend-js:hover,.popup-dialog .share-icons .share-recommend-js:hover {
cursor: pointer
}
.noscroll {
overflow: hidden
}
.product-flags span {
display: block;
color: #FFFFFF
}
.product-flags span.NewProduct {
background-color: #B6E61D;
border-color: #B6E61D
}
.product-flags span.RecommendedProduct {
background-color: #A349A4;
border-color: #A349A4
}
.product-flags span.Promotion {
background-color: #FC205A;
border-color: #FC205A
}
.product-flags span.Sale {
background-color: #D5150A;
border: 1px solid #D5150A
}
.product-flags span.PromotionalProduct,.product-flags span.NewsletterProduct {
background-color: #B1B1B1;
border-color: #B1B1B1
}
.product-flags span.ExtraPrice,.product-flags span.GreatPrice {
background-color: #00abff;
border-color: #00abff
}
.product-flags span.BestReviews,.product-flags span.BestRated {
background-color: #B1B1B1;
border-color: #B1B1B1
}
.product-flags span.ExtraQuality,.product-flags span.GreatQuality {
background-color: #FFCC00;
border-color: #FFCC00
}
.product-flags span.Reward {
background-color: #B1B1B1;
border-color: #B1B1B1
}
.product-flags span.SellerRecommendation,.product-flags span.VendorRecomendation {
background-color: #0ab3ff;
border-color: #d59320
}
.min-price {
display: inline-flex;
align-items: center
}
.min-price span {
font-size: 12px;
color: #706f6f
}
.min-price svg {
display: none
}
.old-and-min-price {
position: absolute;
bottom: -30px;
left: 0;
right: 0;
width: 100%;
margin: auto;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap
}
.old-and-min-price .old-price {
position: initial !important;
left: unset !important;
right: unset !important;
bottom: unset !important;
margin: 0 !important
}
.old-and-min-price .min-price {
margin: 0
}
@media screen and (min-width: 769px) {
.product-list__listView-js .product-item-basic .old-and-min-price {
position:absolute;
right: 3px;
bottom: 46px;
left: unset;
margin-bottom: 2px;
width: auto;
justify-content: flex-end;
flex-direction: row-reverse
}
.product-list__listView-js .product-item-basic .old-and-min-price .old-price {
margin-left: 15px !important
}
}
@media screen and (max-width: 768px) {
.product-list__listView-js .product-item-basic .old-and-min-price {
position:static;
right: 3px;
bottom: 43px;
justify-content: flex-start;
width: auto;
flex-direction: row;
margin: 0
}
.product-list__listView-js .product-item-basic .old-and-min-price .old-price {
margin-right: 15px !important
}
}
@media screen and (max-width: 768px) {
.recommended-products1__list--withMinimalPrice .product-item {
margin-bottom:60px
}
.recommended-products1__list--withMinimalPrice-otherPages .product-item {
margin-bottom: 70px
}
}
@media only screen and (min-width: 1201px) {
.price_pd,.unit-price_pd {
font-size: 36px;
margin: 0;
display: inline-block;
font-weight: 700;
color: #000;
position: relative;
left: 50%
}
}
@media only screen and (max-width: 599px) {
.price_pd,.unit-price_pd {
color:#706f6f;
font-weight: 400;
}
}
@media only screen and (min-width: 1201px) {
.price,.unit-price {
color:#706f6f;
font-weight: 400;
position: relative;
left: 0%;
}
}
@media only screen and (max-width: 599px) {
.price,.unit-price {
color:#706f6f;
font-weight: 400;
}
}
.old-price {
font-size: 14px;
text-decoration: line-through;
color: #191616
}
.red-price {
color: #d5140a;
font-weight: 400
}
.input-group input[type=text] {
border-bottom: 1px solid #d1d1d1;
font-size: 14px
}
.input-group input[type=text]:focus {
border-bottom: 1px solid #5a6a56
}
.input-group input[type=text]:focus::placeholder {
color: #5a6a56
}
.input-group>textarea {
border: 1px solid #d1d1d1;
color: #191616
}
.input-group>textarea::placeholder {
color: #d1d1d1
}
.input-group>input::placeholder {
color: #d1d1d1
}
.input-group>textarea:focus {
border: 1px solid #5a6a56;
color: #191616
}
.input-group>textarea:focus::placeholder {
color: #5a6a56
}
.delivery-cost-container a {
color: #191616;
text-decoration: none;
font-size: 18px;
font-weight: bold
}
.delivery-cost-container a:hover {
text-decoration: underline;
opacity: .5
}
.list-pagination ul.pagination li {
display: inline-block;
width: 26px;
height: 26px;
text-align: center;
position: relative;
cursor: pointer
}
@media screen and (min-width: 769px) {
.primary-action-button {
text-transform:uppercase;
background-color: #009141;
border: 2px solid #fcfffe;
color: #FFFFFF;
padding: 16px;
text-align: center;
font-size: 21px;
cursor: pointer;
font-weight: 600;
align-items: center;
outline: none;
transition: 200ms
}
}
@media screen and (max-width: 599px) {
.primary-action-button {
text-transform:uppercase;
background-color: #009141;
border: 2px solid #fcfffe;
color: #FFFFFF;
padding: 16px;
text-align: center;
font-size: 16px;
cursor: pointer;
font-weight: 600;
align-items: center;
outline: none;
transition: 200ms
}
}
@media screen and (min-width: 769px) {
.primary-action-button:hover {
transition:200ms;
background-color: #009141;
border: 2px solid #009141;
color: #FFFFFF
}
.primary-action-button:hover svg {
fill: #FFFFFF
}
.primary-action-button svg {
fill: #FFFFFF
}
}
@media screen and (max-width: 769px) {
.primary-action-button:active {
transition:200ms;
background-color: #009141;
border: 2px solid #009141;
color: #FFFFFF
}
}
.primary-action-button--disabled {
text-transform: uppercase;
background-color: #d5d5d5 !important;
border: 2px solid #d5d5d5 !important;
color: #FFFFFF !important;
padding: 16px;
text-align: center;
font-size: 14px;
cursor: initial !important;
font-weight: 500;
align-items: center;
outline: none;
transition: 200ms
}
.primary-action-button--disabled:hover {
background-color: #d5d5d5 !important;
border: 2px solid #d5d5d5 !important;
color: #FFFFFF !important
}
.secondary-action-button {
text-transform: uppercase;
background-color: #FFFFFF;
border: 2px solid #009141;
color: #009141;
padding: 16px;
text-align: center;
font-size: 14px;
cursor: pointer;
font-weight: 600;
align-items: center;
margin: 0 10px;
transition: 200ms
}
.secondary-action-button svg {
fill: #009141
}
@media screen and (min-width: 769px) {
.secondary-action-button:hover {
transition:200ms;
background-color: #FFFFFF;
border: 2px solid #009141;
color: #009141
}
.secondary-action-button:hover svg {
fill: #009141
}
}
@media screen and (max-width: 768px) {
.secondary-action-button:active {
transition:200ms;
background-color: #FFFFFF;
border: 2px solid #009141;
color: #009141
}
.secondary-action-button:active svg {
fill: #009141
}
}
.loyalty-points-action-button {
text-transform: uppercase;
background-color: #FFFFFF;
border: 2px solid #fcfffe;
color: #009141;
padding: 16px;
text-align: center;
font-size: 14px;
cursor: pointer;
font-weight: 500;
align-items: center;
outline: none;
transition: 200ms
}
.loyalty-points-action-button:hover {
transition: 200ms;
background-color: #009141;
border: 2px solid #fcfffe;
color: #FFFFFF
}
.page-header {
text-align: center;
display: table;
width: 100%;
margin: 0 auto;
text-transform: uppercase;
color: #191616;
font-size: 24px;
box-sizing: border-box
}
.page-header div {
display: table-cell;
vertical-align: middle;
width: 35%
}
.page-header div hr {
color: #d1d1d1;
opacity: .5
}
.page-header span {
white-space: nowrap
}
.slider .slick-arrow {
background-color: #ffffff;
padding: 20px;
border-radius: 50%;
z-index: 1
}
.slider .slick-arrow:before {
color: #191616;
position: absolute;
right: 0;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 20px
}
@media only screen and (max-width: 599px) {
.slider .slick-arrow:before {
font-size:15px
}
}
.slider .slick-track {
display: flex;
align-items: center;
}
.slider .slick-track li {
margin: auto;
}
.slider .slick-prev,
.slider .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 48px;
height: 48px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
background: #ffffff;
opacity: 0.9;
transition: opacity 0.2s ease;
}
.slider .slick-prev:hover,
.slider .slick-next:hover {
outline: none;
opacity: 0.7;
}
.slider .slick-prev:before,
.slider .slick-next:before {
font-size: 28px;
line-height: 1;
opacity: 0.75;
color: #000000;
display: block;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Arial, sans-serif;
content: ''; /* ustawimy osobno poniżej */
}
.slider .slick-prev:before {
content: '‹'; /* strzałka w lewo */
}
.slider .slick-next:before {
content: '›'; /* strzałka w prawo */
}
.slider .slick-prev.slick-disabled:before,
.slider .slick-next.slick-disabled:before {
opacity: 0.25;
}
.slider .slick-prev {
left: 0;
}
.slider [dir=rtl] .slick-prev {
right: 0;
left: auto;
}
.slider .slick-next {
right: 0;
}
.slider [dir=rtl] .slick-next {
right: auto;
left: 0;
}
.form input,.form select {
border: none;
outline: none;
border-bottom: 1px solid #d1d1d1;
font-size: 14px;
color: #191616;
width: 100%;
transition: 200ms;
box-sizing: border-box;
padding: 10px 0;
margin-bottom: 10px
}
.form input::placeholder,.form select::placeholder {
color: #d1d1d1
}
.form input:focus,.form select:focus {
border-color: #5a6a56;
transition: 200ms
}
.form input:focus::placeholder,.form select:focus::placeholder {
color: #5a6a56
}
.form input:disabled,.form select:disabled {
color: !important
}
.form input[type=date]::-webkit-calendar-picker-indicator {
width: 20px;
height: 20px;
font-size: 14px;
background-color: primaryPageBg
}
.form input[type=date]::-webkit-calendar-picker-indicator:hover {
cursor: pointer
}
.form textarea {
resize: none;
font-size: 14px;
padding: 4px 2px 10px;
outline: none;
border: 1px solid #d1d1d1
}
.form textarea::placeholder {
font-size: 12px;
color: #d1d1d1
}
.form-container {
background-color: #ffffff;
width: 30rem;
min-height: auto;
padding: 2rem 3rem;
box-sizing: border-box
}
.form-container .primary-action-button {
width: 100%;
height: 50px;
justify-content: center
}
.form__header {
color: #191616;
opacity: .65;
text-align: center;
margin-bottom: 20px;
font-weight: normal
}
.form__input {
padding: 0 .5rem
}
.form__input-info {
color: #d1d1d1
}
.form__input-wrapper {
display: inline-block;
position: relative;
width: 100%;
background-color: inherit;
margin-bottom: 23px
}
.form__input-wrapper textarea.form__input-value {
resize: none;
overflow-y: auto;
overflow-x: hidden;
height: 120px
}
.form__input-wrapper:focus-within>.form__input-info {
color: #5a6a56
}
.form__input-wrapper:focus-within>textarea.form__input-value {
border: 1px solid #5a6a56
}
.form__input-wrapper:focus-within>input {
border-bottom: 1px solid #5a6a56
}
.form__input-wrapper:focus-within>select.reg-container__select {
border-bottom: 1px solid #5a6a56
}
.form__input-wrapper:focus-within>label {
color: #5a6a56;
opacity: .7
}
.form__input-wrapper>label {
font-size: 11px;
color: #d1d1d1
}
.form__input-wrapper--quantity {
border-bottom: 1px solid #5b5858;
text-align: left
}
.form__input-wrapper--quantity .form__input-info {
position: relative;
margin-right: 3rem
}
.form__input-wrapper--quantity .form__input-value {
border: none;
width: 10%;
text-align: center;
padding: 0
}
.form__input-wrapper--quantity:focus {
border-color: #5a6a56
}
.form__input-wrapper--quantity input[type=button] {
cursor: pointer;
background: #d1d1d1;
border-radius: 50%;
height: 20px
}
.form__input-wrapper.form__input-wrapperSmall {
width: 47%;
vertical-align: top;
max-height: 40px;
margin-right: 0;
padding-right: 4%
}
.form__input-wrapper.form__input-wrapperSmall.form__input-lastSmall {
padding-right: 0
}
.form__input-wrapper select.form__validation-error-js,.form__input-wrapper input.form__validation-error-js {
border-bottom: 1px solid #ce283e !important
}
.form__input-wrapper.form__validation-error-js>textarea {
border: 1px solid #ce283e !important
}
.form__input-value {
width: 100%;
background-color: inherit;
color: #191616;
border: 0;
padding: .3rem 2.5rem .3rem 0;
font-size: 15px;
box-shadow: none;
height: 40px;
box-sizing: border-box
}
.form__input-value:focus {
border-color: #706f6f
}
.form__input-value:disabled {
color: !important
}
.form__input-info {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
pointer-events: none;
transition: .2s ease all;
font-size: 15px
}
.form__input-textareaWrapper .form__input-info,.form__input-textareaInfo {
top: 10px;
left: 5px;
transform: unset
}
.form__validation-info-js,.form__validation-tin-js,.form__validation-required-js,.form__invalid-input {
position: relative;
color: #ce283e;
font-size: 11px;
margin: -3px 0 3px;
display: none;
text-align: left
}
.form__icons {
color: #8e8b8b;
position: absolute;
left: 0;
transform: translateY(-50%);
top: 40%
}
.form__icons__textarea {
top: 14px
}
.form .form__icon_left,.form__icon_left {
left: 2.5rem
}
.form .form__icon_padding,.form__icon_padding {
padding-left: 2.5rem
}
.form__textarea_height {
top: 125px !important
}
.form__preview {
left: auto;
right: 0;
cursor: pointer;
color: #706f6f;
fill: #706f6f
}
.form__preview .svgIcon {
width: 16px;
height: 13px
}
.form__requiredFields--info {
color: #4b4848;
font-size: 12px
}
.form>button {
width: 100%;
margin: 15px 0
}
.productRating {
color: #e5e5e5;
fill: #e5e5e5;
display: inline-block
}
.productRating .productRating--color {
color: #fbbc04;
fill: #fbbc04;
}
.productRating .svgIcon {
width: 11px;
height: 11px
}
.slick-initialized .slick-slide {
outline: none
}
.temporaryPopupBg {
background-color: rgba(0,0,0,.475);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10000;
margin: 0;
color: #000
}
.temporaryPopupBg .temporaryPopup .temporaryPopup__header .closeIcon {
fill: #000
}
.popup--consent-to-accept {
font-size: 14px;
margin-top: 60px !important
}
.popup--consent-to-accept div {
margin-bottom: 50px
}
.popup--consent-to-accept .button-wrapper {
display: inline-block
}
.form__validation-channel-js {
display: none
}
.coloredIcon-js {
fill: #009141
}
.blocked-IE-ui {
position: fixed;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
text-align: center;
line-height: 1.5;
padding: 40px
}
.blocked-IE-title-ui {
font-size: 30px
}
.blocked-IE-container-ui {
display: inline-block;
margin-top: 40px;
padding: 20px;
border: 1px solid gray
}
.blocked-IE-info-ui {
font-size: 20px
}
.blocked-IE-list-ui {
margin: 20px 0 0
}
.blocked-IE-browser-ui {
display: inline-block;
margin: 20px
}
.blocked-IE-browser-ui a {
color: #fff
}
.blocked-IE-browser-ui a:hover {
color: #fff
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: .063em;
margin: -0.063em;
overflow: hidden;
padding: 0;
position: absolute;
width: .063em
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:before,.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 12px;
height: 12px;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
outline: none
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #009141;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal {
height: .2em
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-display: swap;
font-size: 1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-display: swap;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 0
}
.ui-widget-content {
border: 0;
background: #ddd;
color: #ddd
}
.ui-widget-content a {
color: #ddd
}
.ui-widget-header {
border: 0;
background: #ddd;
color: #ddd;
font-weight: bold
}
.ui-widget-header a {
color: #ddd
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover,.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
border: 0;
background: #009141;
font-weight: normal;
color: #009141;
border-radius: 50%;
outline: none
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
color: #009141;
text-decoration: none
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
color: #009141;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 .188em .063em #5e9ed6
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-corner-all {
border-radius: .188em
}
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30)
}
.go-to-top__btn-js {
z-index: 100;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom: 20px;
right: 5%;
border: none;
width: 62px;
height: 62px;
position: fixed;
background-color: #009141;
transition: background 300ms,color 300ms;
cursor: pointer
}
.go-to-top__btn-js:hover {
background: #009141
}
@media screen and (max-width: 900px) {
.go-to-top__btn-js {
width:50px;
height: 50px;
bottom: 75px
}
}
.go-to-top__icon {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
height: 25px;
transform: translate(-50%, -50%) rotate(-90deg);
fill: #FFFFFF
}
.topBanner {
width: 100%;
display: flex;
box-sizing: border-box;
justify-content: center;
background-color: #009141;
color: #ffffff;
padding: 12px 0 0px;
}
@media screen and (min-width: 769px) {
.topBanner {
height:45px;
padding:0
}
.topBanner__content {
height:45px
}
}
.topBanner a.topBanner__content {
width: fit-content
}
.topBanner a.topBanner__content:hover {
color: #ffffff
}
.topBanner__content {
box-sizing: border-box;
display: flex;
width: 100%;
max-width: 1400px;
margin: 0 auto;
justify-content: center;
align-items: center;
text-align: center;
gap: 5%;
}
.topBanner__content--links {
justify-content: space-between
}
.topBanner__content--links .topBanner__text-wrapper {
display: flex;
flex: 1 1 50%
}
.topBanner__content--links .topBanner__text {
display: block
}
.topBanner__content--justify .topBanner__link-wrapper {
flex: unset
}
.topBanner__content--justify .topBanner__link-wrapper:first-child {
margin-left: unset
}
.topBanner .slick-track {
display: flex !important;
justify-content: center;
align-items: center
}
.topBanner__text {
display: flex;
flex-direction: column;
gap: 4px;
justify-content: center;
align-items: center;
margin: 0;
font-size: clamp(12px,2vw,14px);
font-weight: 500;
line-height: clamp(20px,3vw,24px);
letter-spacing: 1.2px;
}
.topBanner__text-content {
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical
}
.topBanner a.topBanner__link:hover {
text-decoration: underline
}
.topBanner__link {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
justify-content: flex-end;
word-break: break-word
}
.topBanner__link-wrapper {
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 1.2px;
flex: 1 0 auto;
max-width: 15%
}
.topBanner__link-wrapper:first-child {
padding-left: 0;
margin-left: auto
}
.topBanner__link-wrapper:last-child {
padding-right: 0
}
.topBanner__countdownTimer {
margin: 0;
padding: 0;
font-size: clamp(16px,2.5vw,18px);
line-height: clamp(18.75px,3.5vw,26px)
}
@media screen and (max-width: 1600px) {
.topBanner__content {
padding:0 3%
}
}
.container {
max-width: 1400px;
margin: 0 auto;
width: 90%
}
.single-channel {
padding-left: 0 !important
}
.validation-info__container {
font-size: 12px;
text-align: left;
color: #ce283e
}
.validation-info__container .svgIcon {
width: 8px;
height: 8px;
fill: #ce283e;
margin: -2px 0 2px 3px
}
.validation-info__container .validation-info__circle-icon {
border: 1px solid #ce283e;
border-radius: 50%;
display: inline-block;
width: 14px;
height: 14px
}
.validation-info__container .validation-info__element {
margin-top: 5px
}
.validation-info__container .validation-info__container .valid-data-js {
color: #37ca94
}
.validation-info__container .valid-data-js .validation-info__circle-icon {
border: 1px solid #37ca94;
background-color: #37ca94
}
.validation-info__container .valid-data-js .svgIcon {
fill: #fff
}
.validation-info__container .valid-data-js span {
color: #37ca94
}
@media screen and (min-width: 1200px) {
.validation-info-box {
color:#009141;
font-size: 15px;
position: relative;
left: 45%;
max-width: 54%;
font-weight: 500;
top: 21px;
}
}
@media screen and (max-width: 769px) {
.validation-info-box {
color:#009141;
font-size: 15px;
position: relative;
left: 8%;
max-width: 331px;
top: 112px;
font-weight: 500;
}
}
.validation-info-box--cart {
font-size: 14px;
margin-left: auto
}
@media screen and (min-width: 541px) {
.validation-info-box--cart {
width:max-content
}
}
@media screen and (min-width: 1031px) {
.validation-info-box--cart {
width:80%
}
}
.no-js {
padding: 10px;
background-color: #ef5350;
color: #fff;
text-align: center;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999999
}
.no-js-hidden {
height: 44px;
padding: 10px;
background-color: rgba(0,0,0,0);
color: rgba(0,0,0,0);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999999
}
.no-js:hover {
display: none
}
.no-js-hidden:hover+.no-js {
display: none
}
.Sizechart-popup {
position: fixed;
padding: 0px;
z-index: 1001;
width: 100vw;
height: 100vh;
bottom: 0;
left: 0;
right: 0;
top: 0;
overflow: auto;
background-color: rgba(0,0,0,.5)
}
.Sizechart-content {
overflow-y: scroll;
overflow-x: hidden;
position: fixed;
top: 50%;
left: 0;
right: 0;
background-color: #ffffff;
transform: translate(0, -50%);
font-size: 14px
}
.Sizechart-content * {
word-break: break-word
}
.Sizechart-header {
display: block;
position: sticky;
padding: 25px 0;
background: #ffffff;
margin-bottom: -40px;
top: 0
}
.Sizechart-header--title {
display: block;
text-align: center;
font-size: 18px;
color: #191616;
width: calc(100% - 40px);
line-height: 1.44;
display: block;
text-align: left;
font-weight: 600;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
margin-left: 40px
}
.Sizechart-header--closeBtn {
position: absolute;
top: 55%;
right: 15px;
transform: translate(0, -50%);
cursor: pointer
}
.Sizechart-header--closeBtn svg {
fill: #191616;
width: 18px;
height: 18px;
transition: 200ms
}
.Sizechart-header--closeBtn svg:hover {
fill: #009141
}
.Sizechart-imgContainer {
display: block
}
.Sizechart-imgContainer--image {
max-width: 100%;
height: auto
}
.Sizechart-imgContainer--image.table,.Sizechart-imgContainer--image.contour {
margin: auto;
display: block
}
.Sizechart-bannerHeading {
text-transform: uppercase;
margin-top: 50px
}
@media screen and (min-width: 769px) {
.Sizechart-content {
margin:auto;
min-width: 300px;
max-width: 600px;
max-height: 80%;
padding: 0 40px 40px
}
.Sizechart-imgContainer--image.table {
width: 400px
}
.Sizechart-imgContainer--image.contour {
width: 200px
}
}
@media screen and (min-width: 430px)and (max-width: 768px) {
.Sizechart-content {
width:calc(100vw - 80px);
height: calc(100vh - 41px);
max-height: unset;
padding: 0 40px 40px
}
}
@media screen and (min-width: 430px) {
.Sizechart-header {
margin-left:-40px;
width: calc(100% + 80px)
}
}
@media screen and (max-width: 429px) {
.Sizechart-content {
width:calc(100vw - 40px);
height: calc(100vh - 21px);
max-height: unset;
padding: 0px 20px 20px
}
.Sizechart-header {
margin-left: -20px;
width: calc(100% + 40px)
}
}
@media screen and (max-width: 768px) {
.newsletter-mobile-disable-input {
color:#FFFFFF !important
}
.newsletter-mobile-disable-input input[name=email] {
color: #FFFFFF !important
}
}
.isInCartPopup {
position: fixed;
min-height: 40px;
width: auto;
padding: 10px 20px;
background-color: #ffffff;
border: 1px solid #d1d1d1;
z-index: 100;
box-shadow: 2px 2px 3px 0 #b0b0b0;
color: #191616;
font-size: 15px;
line-height: 40px
}
.isInCartPopup span {
color: #009141
}
.tags-icon-ui {
-webkit-mask-image: url(https://static.comarchesklep.pl/files/img/tags.svg);
mask-image: url(https://static.comarchesklep.pl/files/img/tags.svg)
}
.gift-icon-ui {
-webkit-mask-image: url(https://static.comarchesklep.pl/files/img/gift.svg);
mask-image: url(https://static.comarchesklep.pl/files/img/gift.svg)
}
.money-icon-ui {
-webkit-mask-image: url(https://static.comarchesklep.pl/files/img/money.svg);
mask-image: url(https://static.comarchesklep.pl/files/img/money.svg)
}
.percent-icon-ui {
-webkit-mask-image: url(https://static.comarchesklep.pl/files/img/percent.svg);
mask-image: url(https://static.comarchesklep.pl/files/img/percent.svg)
}
.truck-icon-ui {
-webkit-mask-image: url(https://static.comarchesklep.pl/files/img/truck.svg);
mask-image: url(https://static.comarchesklep.pl/files/img/truck.svg)
}
.piggy-bank-icon-ui {
-webkit-mask-image: url(https://static.comarchesklep.pl/files/img/piggy-bank.svg);
mask-image: url(https://static.comarchesklep.pl/files/img/piggy-bank.svg)
}
.discounts-on-product-presentation-ui {
display: flex;
flex-wrap: wrap;
gap: 10px
}
.discounts-on-product-presentation-ui .show-more-discounts-ui {
border-radius: calc(1*8px) !important;
width: calc(50% - 7px);
border: 1px solid;
display: flex;
align-items: center;
cursor: pointer
}
.discounts-on-product-presentation-ui .icon-container-ui {
width: 37px;
height: 37px;
padding: 7px;
position: relative;
text-align: center
}
.discounts-on-product-presentation-ui .icon-ui {
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-color: #009141;
width: 100%;
height: 100%;
display: block
}
.discounts-on-product-presentation-ui .discounts-button {
font-size: inherit;
line-height: inherit;
border: none;
padding: 0;
background-color: unset;
cursor: pointer;
color: #009141
}
.discounts-popup-ui {
cursor: initial
}
.discounts-popup-ui .coupons-list-in-popup-js {
z-index: 9999
}
.discounts-popup-ui .form-container {
width: calc(100% - 10vw - 20px);
max-width: 800px;
border-radius: calc(1*16px) !important
}
.discounts-popup-ui .form-container .form__header {
opacity: 1;
text-align: left;
font-size: 18px;
font-weight: 500;
margin-bottom: 55px
}
.discounts-popup-ui .discount-in-popup-ui {
border: 1px solid #d1d1d1;
padding: 10px 0;
text-align: left;
position: relative
}
.discounts-popup-ui .discount-in-popup-ui+.discount-in-popup-ui {
margin-top: 10px
}
.discounts-popup-ui .discount-in-popup-ui.discount-head-in-popup-ui {
border-radius: calc(1*16px) !important;
cursor: default;
flex-wrap: wrap;
padding: 10px 20px;
margin: 10px 0
}
.discounts-popup-ui .discount-in-popup-ui.discount-head-in-popup-ui .text-container-ui {
width: calc(100% - 220px);
letter-spacing: 1px
}
@media only screen and (max-width: 769px) {
.discounts-popup-ui .discount-in-popup-ui.discount-head-in-popup-ui .text-container-ui {
width:calc(100% - 45px);
line-height: 1
}
}
.discounts-popup-ui .discount-in-popup-ui.discount-head-in-popup-ui .code-ui {
cursor: pointer
}
.discounts-popup-ui .discount-head-in-popup-ui {
border-radius: calc(1*16px) !important;
display: flex;
align-items: center;
gap: 20px;
cursor: pointer;
padding: 0 20px
}
.discounts-popup-ui .icon-container-ui {
width: 25px;
height: 25px;
padding: 0px !important;
position: relative;
text-align: center
}
.discounts-popup-ui i:not(.ti-angle-down):not(.ti-close):not(.copy):not(.ti-image):not(.imgPlaceholder) {
background-color: #d1d1d1;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
width: 100%;
height: 100%;
display: block
}
.discounts-popup-ui .imgPlaceholder {
background-color: #ffffff;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
width: 100%;
height: 100%;
display: block
}
.discounts-popup-ui .ti-files {
cursor: pointer !important;
margin-left: 3px
}
.discounts-popup-ui .text-container-ui {
width: calc(100% - 50px)
}
.discounts-popup-ui a {
font-size: 14px;
color: #009141;
letter-spacing: 1.2px;
font-weight: 700
}
.discounts-popup-ui .discounts-info-in-popup-ui {
font-size: 12px;
text-align: center;
margin-top: 16px
}
.discounts-popup-product-ui .img-and-name-ui {
display: flex;
gap: 24px
}
.discounts-popup-product-ui .img-and-name-ui .img-container {
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center
}
.discounts-popup-product-ui .img-and-name-ui .img-container img {
max-width: 100%;
max-height: 100%;
display: block !important
}
.discounts-popup-product-ui .code-ui {
font-size: 14px;
margin-top: 8px
}
.disable-hover {
pointer-events: none
}
.disable-hover .form-container {
pointer-events: auto
}
.show-more-discounts-product-details-js {
margin: 12px 0 24px 0 !important
}
.choose-attribute-popup .button-option {
word-break: break-word
}
.hidden-js {
display: none
}
.rndA,.popupDialog-js .form-container,.share-container,.addToComparePopup,.after-adding-to-cart-popup .popup-dialog-wrapper,.cookieContainer-popup,.product-item__cartPopup--container,.lookbook__imageContainerList,.lookbook__imageContainerList img,.lookbook__imageContainerList--item,.recommended-products-box__item,.Sizechart-content,.product-item,.message-popup.configMessages {
border-radius: calc(1*16px) !important
}
.rndB,.primary-action-button,.secondary-action-button,.go-to-top__btn-js,.wishListInfoPopup,.temporaryPopup,textarea,.configMessages button,.cookieContainer button,.recommended-ai__item,.wishListButtonPopUp,.wishListInfoPopup,.mobileLogoutButton,.goToComparisonTool,.image360 {
border-radius: calc(1*8px) !important;
}
.rndC,.product-flags span,.button-option,.recommended-ai img,.product-item__cartPopup--container img {
border-radius: calc(1*4px) !important
}
.button-minus-add-product {
border-top-left-radius: calc(1*8px) !important;
border-bottom-left-radius: calc(1*8px) !important
}
.button-plus-add-product {
border-top-right-radius: calc(1*8px) !important;
border-bottom-right-radius: calc(1*8px) !important
}
.cookieContainer-popupHeader {
border-top-left-radius: calc(1*16px) !important;
border-top-right-radius: calc(1*16px) !important
}
.cookieContainer-popupBtn,.lookbook__imageContainerList--name {
border-bottom-left-radius: calc(1*16px) !important;
border-bottom-right-radius: calc(1*16px) !important
}
.headerBg {
background-color: #FFFFFF;
width: 100%
}
.headerBg.highLogo .headerSection__row--main,.headerBg.highLogo .frozenHeader {
height: 140px
}
.headerBg.highLogo .headerSection__logo {
height: 100px
}
.headerBg.highLogo .headerSection__logo img {
max-height: 100px
}
.headerBg.highLogo .headerSection__icons {
padding-top: 30px
}
.headerBg.highLogo .headerSection__searchForm {
padding-top: 25px
}
.headerBg.highLogo .headerSection__searchForm__btn {
top: 35px
}
.headerBg.highLogo .frozenHeaderCategories {
top: 48px
}
.headerSection__background {
height: 100px;
position: absolute;
top: 0;
background-color: #FFFFFF
}
.headerSticky {
position: sticky;
top: 0;
width: 100%;
margin: 0 auto;
background-color: #FFFFFF;
z-index: 100
}
.headerSticky .showCategories svg {
top: 3px !important;
margin-left: 2px !important
}
.header__page-padding {
width: 94vw
}
.headerSection {
user-select: none;
color: #191616;
background-color: #FFFFFF;
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0;
height: 70px;
box-sizing: border-box;
position: relative;
z-index: 13
}
.headerSection__row {
display: block;
width: 100%;
max-width: 1400px;
margin: 0 auto;
height: 100px;
padding: 10px 0 29px;
box-sizing: border-box;
flex-direction: column;
justify-content: space-between;
position: relative
}
.headerSection__row img[src="css/img/alo.gif"],.headerSection__row .searchForm__loader-js {
right: 0 !important;
left: 0;
margin: auto;
width: 30px !important;
height: 30px !important;
object-fit: unset !important
}
@media screen and (min-width: 769px) {
.headerSection__row img[src="css/img/alo.gif"],.headerSection__row .searchForm__loader-js {
top:35px !important
}
}
@media screen and (max-width: 768px) {
.headerSection__row img[src="css/img/alo.gif"],.headerSection__row .searchForm__loader-js {
top:80px !important
}
}
.headerSection__logo {
height: 65px;
width: 200px;
text-align: left;
z-index: 1;
display: inline-flex;
max-width: 200px;
float: left;
align-items: center;
justify-content: left;
background-color: initial
}
.headerSection__logo img,.headerSection__logo svg {
width: auto;
max-width: 201px;
max-height: 65px;
aspect-ratio: 350/122;
background-color: initial
}
@media screen and (max-width: 599px) {
.headerSection__searchForm>div:first-of-type {
background-color:#FFFFFF;
width: 30%;
padding: 10px 10px 12px 10px;
margin-top: 10px;
text-align: left;
border-bottom: 1px solid #191616;
position: absolute;
z-index: 101
}
}
@media screen and (min-width: 769px) {
.headerSection__searchForm > div:first-of-type {
background-color: #FFFFFF;
width: 30%;
padding: 10px 10px 12px 10px;
margin-top: 10px;
text-align: left;
border-bottom: 1px solid #191616;
border-bottom-width: 1px;
border-bottom-style: solid;
position: absolute;
z-index: 101;
border-style: solid;
border-width: 1px;
border-radius: 8px
}
}
.headerSection__searchForm__phrase {
font-size: 16px;
}
.headerSection__searchForm input {
width: 90%;
color: #191616;
background-color: #FFFFFF
}
.headerSection__searchForm input::placeholder {
color: #191616
}
.headerSection__searchForm input:focus {
color: #191616
}
.headerSection__searchForm__btn {
width: 20px;
height: 20px;
position: absolute;
right: 8px;
top: 12px;
background-color: #FFFFFF;
border: none;
outline: none
}
.headerSection__searchForm__btn svg {
width: 20px;
height: 20px;
position: absolute;
fill: #191616;
top: 0;
left: 0;
outline: none
}
.headerSection__searchForm__btn svg:hover {
cursor: pointer;
fill: #009141
}
.headerSection__searchForm .header-recommended {
z-index: 101;
top: 76px
}
.headerSection__searchForm .header-recommended-popupBackground {
z-index: 100
}
.headerSection__searchForm .headerSearchForm-js {
transform: translateX(50%)
}
@media screen and (min-width: 1070px) {
.headerSection__searchForm .headerSearchForm-js {
right:45%
}
}
@media screen and (min-width: 850px)and (max-width: 1069px) {
.headerSection__searchForm .headerSearchForm-js {
right:50%
}
}
@media screen and (min-width: 769px)and (max-width: 849px) {
.headerSection__searchForm .headerSearchForm-js {
right:55%
}
}
.headerSection__icons {
width: auto;
background-color: #FFFFFF;
padding: 20px 0 5px;
margin: 0 0 5px auto;
overflow: hidden;
display: inline-block;
position: absolute;
right: 0;
text-align: right
}
.headerSection__icons__icon {
margin: 0 10px;
position: relative
}
.headerSection__icons__icon.activeCard svg {
fill: #009141
}
.headerSection__icons__icon svg {
fill: #191616;
width: 25px;
height: 25px;
outline: none
}
.headerSection__icons__icon svg:hover {
cursor: pointer;
transition: 200ms;
fill: #009141
}
.headerSection__icons__icon .itemsCounter {
border-radius: 50%;
width: 15px;
height: 15px;
display: flex;
justify-content: center;
align-items: center;
font-size: 8px;
padding-top: 1px;
position: absolute;
z-index: 2;
bottom: 0;
right: 0;
background-color: #009141;
color: #fff
}
.headerSection__icons .cartInfo {
margin-left: 10px;
display: inline-block;
font-size: 12px;
text-align: right;
width: unset
}
.headerSection__icons .cartInfo__info {
color: #191616;
display: block
}
.headerSection__icons .cartInfo__value {
color: #009141;
display: block;
font-weight: 600
}
.headerSection__secondRow {
display: block !important;
justify-content: space-between;
flex-direction: row
}
.headerSection__pages {
color: #191616;
display: inline-flex;
/*! text-transform:uppercase; */
width: calc(100% - 325px);
font-weight: 500;
}
@media screen and (min-width: 1601px) {
.headerSection__pages:not(.headerSection__pages-notMain) .headerSection__pages__categories {
width:26%
}
}
@media screen and (min-width: 1391px)and (max-width: 1600px) {
.headerSection__pages:not(.headerSection__pages-notMain) .headerSection__pages__categories {
width:27%
}
}
@media screen and (min-width: 769px)and (max-width: 1390px) {
.headerSection__pages:not(.headerSection__pages-notMain) .headerSection__pages__categories {
margin-right:30px;
width: fit-content
}
}
@media screen and (min-width: 769px) {
.headerSection__pages-notMain .headerSection__pages__categories {
width:fit-content;
margin-right: 30px
}
}
.headerSection__pages__categories {
text-align: left
}
@media screen and (min-width: 769px) {
.headerSection__pages__categories.openCloseCategoryMenu .categoryMenu {
box-shadow:0 10px 30px 10px rgba(0,0,0,.12)
}
}
.headerSection__pages__categories .showCategories:hover {
cursor: pointer
}
.headerSection__pages__categories .showCategories svg {
fill: #009141;
transform: rotate(90deg);
position: absolute;
top: 10px;
margin-left: -2px
}
.headerSection__pages__categories .categoryMenu {
display: block;
background-color: #FFFFFF;
position: absolute;
top: 60px;
width: 22%;
left: -27px;
max-height: 543px;
overflow-y: auto;
line-height: 11px;
}
.headerSection__pages__categories .categoryMenu__categories ul {
list-style-type: none;
padding-left: 20px;
margin-block-start:0;margin-block-end:0;max-height: 534px;
margin-bottom: 0
}
.headerSection__pages__categories .categoryMenu__categories ul .compactList {
padding-top: 5px !important;
padding-bottom: 5px !important
}
.headerSection__pages__categories .categoryMenu__categories ul li {
padding-bottom: 8px;
padding-top: 8px;
display: block;
width: 100%;
border-bottom: 1px solid #d1d1d1
}
.headerSection__pages__categories .categoryMenu__categories ul li .categoryMenu__categories__category {
text-align: left;
font-size: 15px;
color: #191616;
position: relative;
text-transform: none;
display: block
}
.headerSection__pages__categories .categoryMenu__categories ul li .categoryMenu__categories__category:first-letter {
text-transform: capitalize !important
}
.headerSection__pages__categories .categoryMenu__categories ul li .categoryMenu__categories__category:hover {
color: #009141
}
.headerSection__pages__categories .categoryMenu__categories ul li .categoryMenu__categories__category div {
display: block;
max-width: 80%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.headerSection__pages__categories .categoryMenu__categories ul li .categoryMenu__categories__category div>a {
display: inline-flex !important;
align-items: center;
padding-bottom: 5px
}
.headerSection__pages__categories .categoryMenu__categories ul li .categoryMenu__categories__category div>a img {
display: block;
max-width: 24px;
max-height: 24px;
height: auto;
width: auto;
margin-right: 6px
}
.headerSection__pages__categories .categoryMenu__categories ul li .categoryMenu__categories__category div>a span {
display: block;
padding-bottom: unset !important
}
.headerSection__pages__categories .categoryMenu__categories ul li .categoryMenu__categories__category svg {
width: 20px;
height: 20px;
fill: #009141;
padding-right: 20px;
position: absolute;
right: 0px;
bottom: 0px;
}
@media screen and (min-width: 769px) {
.headerSection__pages__categories .categoryMenu__categories ul .last {
border:none !important
}
}
@media only screen and (min-width: 1200px) {
.headerSection__pages__categories .categoryMenu__allCategories {
text-transform:none;
width: 56%;
background-color: #FFFFFF;
display: flex;
left: 20%;
top: 60px;
position: fixed;
top: 60px;
padding: 35px 25px 25px;
justify-content: flex-start;
flex-wrap: wrap;
box-shadow: 0 10px 30px 10px rgba(0,0,0,.12);
border-style: solid;
border-color: #009141;
}
}
@media only screen and (max-width: 599px) {
.headerSection__pages__categories .categoryMenu__allCategories {
text-transform:none;
width: 57%;
background-color: #FFFFFF;
display: flex;
left: 20%;
top: 60px;
position: fixed;
top: 60px;
padding: 35px 25px 25px;
justify-content: flex-start;
flex-wrap: wrap;
box-shadow: 0 10px 30px 10px rgba(0,0,0,.12);
}
}
.headerSection__pages__categories .categoryMenu__allCategories .undercategoryContainer {
display: block;
flex: 0 1 25%
}
.headerSection__pages__categories .categoryMenu__allCategories .undercategoryContainer .undercategory {
font-weight: 600;
font-size: 14px;
display: block;
text-align: left;
padding: 20px 10px 10px 0;
color: #191616;
word-break: break-word
}
.headerSection__pages__categories .categoryMenu__allCategories .undercategoryContainer .undercategory:first-letter {
text-transform: capitalize !important
}
@media screen and (min-width: 769px) {
.headerSection__pages__categories .categoryMenu__allCategories .undercategoryContainer .undercategory span:hover {
color:#009141
}
}
.headerSection__pages__categories .categoryMenu__allCategories .undercategoryContainer .underundercategory {
font-size: 12px;
padding: 10px 0;
color: #191616;
text-align: left;
display: block;
padding: 5px 10px 5px 0;
word-break: break-word
}
.headerSection__pages__categories .categoryMenu__allCategories .undercategoryContainer .underundercategory:first-letter {
text-transform: capitalize !important
}
.headerSection__pages__categories .categoryMenu__allCategories .undercategoryContainer .underundercategory:hover {
color: #009141
}
.headerSection__pages__categories .categoryMenu__allCategories .allCategoriesButton {
flex: 100%;
display: block;
font-size: 14px;
padding: 30px 0 16px;
text-align: center;
color: #009141
}
.headerSection__pages__categories .categoryMenu__allCategories .allCategoriesButton:hover {
cursor: pointer
}
.headerSection__pages__categories .categoryMenu__allCategories .allCategoriesButton .text {
position: relative
}
.headerSection__pages__categories .categoryMenu__allCategories .allCategoriesButton .text svg {
fill: #009141;
position: absolute;
top: -1px;
padding-left: 5px
}
@media screen and (min-width: 1601px) {
.headerSection__pages__otherPages {
width:74%
}
}
@media screen and (min-width: 769px)and (max-width: 1600px) {
.headerSection__pages__otherPages {
width:75%
}
}
@media screen and (min-width: 769px) {
.headerSection__pages__otherPages {
text-align:left;
display: flex;
justify-content: flex-start;
flex-wrap: wrap
}
}
.headerSection__pages__otherPages .highlightedSection {
color: #d5150a !important
}
.headerSection__pages__otherPages .highlightedSection:hover {
color: #e05851 !important
}
.headerSection__pages__other {
width: fit-content;
padding-right: 15px;
position: relative
}
.headerSection__pages__other span:hover,.headerSection__pages__other a:hover {
cursor: pointer;
}
@media screen and (min-width: 769px) {
.headerSection__pages__other span:hover,.headerSection__pages__other a:hover {
color:#009141
}
}
.headerSection__pages__other svg {
fill: #009141;
transform: rotate(90deg);
margin-bottom: -4px;
margin-left: -2px
}
.headerSection__pages__other .otherPages {
display: none;
text-transform: none;
width: auto;
background-color: #FFFFFF;
left: 0;
position: absolute;
top: 30px;
padding: 10px 35px;
justify-content: flex-start;
flex-wrap: wrap;
box-shadow: 0 10px 30px 10px rgba(0,0,0,.12)
}
.headerSection__pages__other .otherPages ul {
padding: 0
}
.headerSection__pages__other .otherPages ul li {
font-size: 14px;
color: #191616;
text-align: left;
list-style-type: none;
padding: 10px
}
.headerSection__pages__other .otherPages ul li:hover {
color: #009141;
cursor: pointer
}
.headerSection__contact {
display: inline-flex;
width: 320px;
justify-content: flex-end;
height: 48px;
flex-wrap: wrap
}
.headerSection__contact__details {
margin-left: 20px;
cursor: pointer
}
.headerSection__contact__details svg {
fill: #009141;
width: 13px;
height: 13px
}
.headerSection__contact__details .rotateSvg {
transform: rotate(100deg)
}
.headerSection__contact__details .contactDetails {
color: #191616;
font-size: 12px;
margin-left: 5px
}
.headerSection__contact__details .languages {
text-transform: uppercase
}
.headerSection__contact .languageAndCurrencyChange {
display: none;
position: relative
}
.headerSection__contact .languageAndCurrencyChange .languageAndCurrencyChangeMenu {
display: flex;
position: absolute;
box-sizing: border-box;
background-color: #FFFFFF;
top: 25px;
right: -2px;
box-shadow: 0 10px 30px 10px rgba(0,0,0,.12);
text-transform: uppercase;
z-index: 2;
padding: 10px 10px 10px 0
}
.headerSection__contact .languageAndCurrencyChange .menu:nth-of-type(2n) {
padding-right: 10px
}
.headerSection__contact .languageAndCurrencyChange .langTitle {
padding-left: 40px
}
.headerSection__contact .languageAndCurrencyChange .currTitle {
padding-left: 30px
}
.headerSection__contact .languageAndCurrencyChange .menu .title {
color: #191616;
font-weight: 500;
font-size: 12px;
display: inline-block;
width: 100%;
margin: 10px 0 5px;
opacity: .5;
text-align: left
}
.headerSection__contact .languageAndCurrencyChange .menu .lang,.headerSection__contact .languageAndCurrencyChange .menu .currency {
text-align: left;
padding-bottom: 5px;
font-size: 14px
}
.headerSection__contact .languageAndCurrencyChange .menu .lang label,.headerSection__contact .languageAndCurrencyChange .menu .currency label {
color: #191616
}
.headerSection__contact .languageAndCurrencyChange .menu .lang {
padding-left: 30px
}
.headerSection__contact .languageAndCurrencyChange .menu .currency {
padding-left: 20px
}
.headerSection .openCloseCategoryMenu:hover {
cursor: pointer
}
.headerSection .openCloseCategoryMenu .svgIcon {
display: initial
}
.headerSection .openCloseCategoryMenu .categoriesButton__text:hover {
color: #009141
}
.headerSection .headerSection__pages__categories:not(.openCloseCategoryMenu) .disablePointerCursor {
cursor: initial !important;
position: relative;
right: 3%;
}
.headerSection .headerSection__pages__categories:not(.openCloseCategoryMenu) .categoriesButton .homepageSvgIcon {
display: none
}
.headerSection__joinUs {
width: fit-content;
position: absolute;
left: 20%;
top: 30px;
display: flex
}
.headerSection__joinUs-icon a {
display: block;
margin-right: 12px
}
.headerSection__joinUs-icon a img {
width: 26px;
height: 26px
}
@media screen and (max-width: 1070px) {
.headerSection__joinUs {
display:none
}
}
@media screen and (max-width: 1600px) {
.headerSection {
padding-left:3%;
padding-right: 3%
}
}
.frozenHeaderCategories {
position: absolute;
display: inline-block;
top: 35px;
text-transform: uppercase
}
@media screen and (min-width: 1070px) {
.frozenHeaderCategories {
margin-left:30px;
display: none;
}
}
.frozenHeaderCategories .headerSection__pages__categories {
width: unset;
flex: 20%
}
.frozenHeaderCategories .headerSection__pages__categories__cloned {
display: none
}
.frozenHeaderCategories .headerSection__pages__categories__cloned .categoryMenu {
box-shadow: 0 10px 30px 10px rgba(0,0,0,.12)
}
.frozenHeaderCategories .disablePointerCursor {
cursor: pointer !important
}
.frozenHeaderCategories .categoriesButton {
color: #191616
}
.frozenHeaderCategories .categoryMenu {
top: 100px !important;
left: 5.5% !important;
position: fixed !important
}
.frozenHeaderCategories .categoryMenu__allCategories {
display: none;
top: 100px !important;
left: 26% !important;
width: 64% !important
}
.menuBanner {
margin: 0 auto;
background-color: #f2f2f2;
height: auto
}
.menuBanner__list {
width: 100%;
height: 100%
}
.menuBanner__wrapper {
width: 100%;
display: flex;
justify-content: center;
padding: 0;
margin: 0;
box-sizing: border-box;
position: relative
}
.menuBanner a {
position: absolute;
bottom: 8%;
left: 10%;
text-decoration: none;
width: 230px;
box-sizing: border-box;
padding: 16px
}
.menuBanner figure {
margin: 0
}
.menuBanner__image img {
box-sizing: border-box;
display: block;
padding: 0;
margin: 0 auto
}
.menuBanner__image_placeholder img {
max-height: 680px
}
.menuBanner__info {
position: absolute;
left: 10%;
bottom: 33%;
width: 80%
}
.menuBanner__title {
margin: 0;
padding: 0;
font-weight: 300;
color: #FFFFFF;
display: block;
font-size: 48px
}
.menuBanner__title.menuBanner__title__small {
line-height: 1.5;
font-size: 14px;
margin-top: 10px
}
.menuBanner__text {
color: #FFFFFF;
margin: .8rem 0 0;
padding: 0
}
.menuBanner__size {
position: absolute;
font-size: 30px;
color: gray;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0
}
.menuBanner .slick-track {
height: 100%
}
.menuBanner .slick-arrow {
background-color: #FFFFFF;
padding: 20px
}
.menuBanner .slick-arrow:hover {
background-color: #FFFFFF
}
.menuBanner .slick-arrow:before {
color: #fff;
position: absolute;
right: 0;
left: 10px;
top: 47%;
transform: translateY(-50%);
font-size: 20px
}
@media only screen and (max-width: 599px) {
.menuBanner .slick-arrow:before {
font-size:15px
}
}
.menuBanner .slick-prev,.menuBanner .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 51%;
display: block;
width: 30px;
height: 155px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
background-color: #FFFFFF;
opacity: .6;
z-index: 8
}
.menuBanner .slick-prev :hover,.menuBanner .slick-next :hover {
background-color: #FFFFFF
}
.menuBanner .slick-list {
padding: 0 !important;
height: 100%
}
.menuBanner .slick-prev:hover,.menuBanner .slick-next:hover {
outline: none
}
.menuBanner .slick-prev.slick-disabled:before,.menuBanner .slick-next.slick-disabled:before,.menuBanner .slick-prev.slick-disabled,.menuBanner .slick-next.slick-disabled {
outline: none;
display: none
}
.menuBanner .slick-prev:before,.menuBanner .slick-next:before {
color: #d5d5d5;
fill: #d5d5d5;
opacity: .8
}
.menuBanner .slick-prev {
left: 0;
border-radius: 0 25px 25px 0
}
.menuBanner [dir=rtl] .slick-prev {
right: 0;
left: auto
}
.menuBanner .slick-next {
right: 0;
border-radius: 25px 0 0 25px
}
.menuBanner .slick-arrow.slick-next:before {
left: 3px
}
.menuBanner [dir=rtl] .slick-next:before,.menuBanner .slick-prev:before {
border: solid #d5d5d5;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg)
}
.menuBanner .slick-next:before,.menuBanner [dir=rtl] .slick-prev:before {
border: solid #d5d5d5;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.menuBanner .slick-prev:before,.menuBanner .slick-next:before {
width: 4px;
height: 4px;
content: " "
}
.menuBanner [dir=rtl] .slick-next {
right: auto;
left: 0
}
.menuBanner [dir=rtl] .slick-next:before,.menuBanner .slick-prev:before,.menuBanner .slick-next:before,.menuBanner [dir=rtl] .slick-prev:before {
width: 10px;
height: 10px
}
.menuBanner .slick-arrow:hover:before {
border-color: #009141
}
.headerSection__bannerBg {
width: 100%;
height: fit-content;
background-color: #FFFFFF !important;
margin-top: 0 !important;
padding-bottom: 10px
}
.headerSection__banner {
display: block;
width: 100%;
margin: 0 auto;
height: fit-content;
max-width: 1400px;
margin: 0 auto;
box-sizing: border-box;
flex-direction: column;
justify-content: space-between;
position: relative;
background-color: #FFFFFF
}
.headerSection__banner .menuBanner {
background-color: #FFFFFF !important
}
.headerSection__banner .menuBanner__wrapper {
height: auto;
aspect-ratio: 1118/532;
width: 79.9% !important;
margin-left: auto;
margin-right: 0
}
.headerSection__banner .menuBanner__wrapper.menuBanner__slider:not(.slick-initialized) {
position:relative;
overflow:hidden
}
.headerSection__banner .menuBanner__wrapper.menuBanner__slider:not(.slick-initialized)>div {
position:absolute;
inset:0;
display:none
}
.headerSection__banner .menuBanner__wrapper.menuBanner__slider:not(.slick-initialized)>div:first-child {
display:block
}
.headerSection__banner .menuBanner__wrapper>div,
.headerSection__banner .menuBanner__wrapper .slick-list,
.headerSection__banner .menuBanner__wrapper .slick-track,
.headerSection__banner .menuBanner__wrapper .slick-slide,
.headerSection__banner .menuBanner__wrapper .slick-slide>div,
.headerSection__banner .menuBanner__wrapper .imageLink,
.headerSection__banner .menuBanner__image {
height:100%
}
.headerSection__banner .menuBanner__wrapper .imageLink {
left: inherit;
bottom: inherit;
width: inherit;
box-sizing: inherit;
padding: inherit;
display: contents;
position: relative
}
.headerSection__banner .menuBanner__image {
width: 100%
}
.headerSection__banner .menuBanner__image img {
width:100%;
height:100%;
object-fit:cover
}
.headerSection__banner .menuBanner__image_placeholder {
max-height: 534px;
background-color: #f2f2f2
}
.headerSection__banner .menuBanner__image_placeholder img {
max-height: 534px !important
}
@media screen and (max-width: 1600px) {
.headerSection__banner {
padding-left:3%;
padding-right: 3%
}
.header__page-padding {
padding-left: 3%;
padding-right: 3%
}
}
.searchForm__searchAutocomplete {
background-color: #FFFFFF;
display: block;
margin: 0 -10px;
padding: 20px 0;
top: 30px;
position: relative;
box-sizing: border-box;
box-shadow: 0 5px 5px 0 rgba(9,9,9,.2)
}
.searchForm__searchAutocomplete .searchAutocomplete__product {
color: #191616;
display: flex;
margin: 0 auto;
width: 100%;
border-bottom: 1px solid #f2f2f2;
padding: 15px 10px;
font-size: 12px;
box-sizing: border-box
}
.searchForm__searchAutocomplete .searchAutocomplete__product:last-child {
border-bottom: none
}
.searchForm__searchAutocomplete .searchAutocomplete__product__img {
width: 50px;
height: 60px;
margin-right: 15px
}
.searchForm__searchAutocomplete .searchAutocomplete__product__img img {
width: 100%;
height: auto
}
.searchForm__searchAutocomplete .searchAutocomplete__product__names {
width: calc(100% - 60px);
overflow: hidden;
text-overflow: ellipsis
}
.searchForm__searchAutocomplete .searchAutocomplete__product__price {
color: #191616;
margin-top: 5px;
font-weight: 300
}
.configMessages__header {
min-height: 67px !important
}
.message-popup-background {
margin-top: 0 !important
}
.slick-slide {
position: relative;
border-style: solid;
border-radius: calc(1*16px) !important;
border-width: 1px;
margin: 8px;
border-color: #c8c8c891;
}
@media screen and (min-width: 769px) {
header .menuBanner__image {
border-radius:calc(1*16px) !important
}
header .searchForm__searchAutocomplete,header .otherPages,header .languageAndCurrencyChangeMenu,header .openCloseCategoryMenu .categoryMenu,header .categoryMenu__allCategories {
border-radius: calc(1*8px) !important
}
}
.footer {
background-color: #009141;
padding-top: 30px
}
.footer-wrapper {
max-width: 1400px;
margin: 0 auto
}
@media screen and (max-width: 768px) {
.footer-wrapper {
padding-top:50px
}
}
@media screen and (min-width: 769px) {
.footer-wrapper {
padding-top:0
}
}
.footer-wrapper:nth-child(2) {
padding-top: 20px;
padding-bottom: 10px;
background-color: white;
max-width: 100%;
}
.footer__primaryContainer {
display: grid;
grid-template-columns: 75% 25%
}
.footer__primaryContainer.oneColumn {
grid-template-columns: 50% 50%
}
.footer__primaryContainer.oneColumn .footer__primaryContainer-navigation {
grid-template-columns: 100%
}
.footer__primaryContainer.twoColumns {
grid-template-columns: 66.6% 33.3%
}
.footer__primaryContainer.twoColumns .footer__primaryContainer-navigation {
grid-template-columns: 50% 50%
}
.footer__primaryContainer-navigation {
display: grid;
grid-template-columns: 33.3% 33.3% 33.3%
}
.footer__primaryContainer-contact .footer__section:nth-child(2) {
margin-top: 46px
}
.footer__primaryContainer-contact .footer__section:nth-child(2) .footer__section-title {
margin-bottom: 26px
}
.footer__primaryContainer-contact .footer__section:nth-child(2) .footer__section-social {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 12px
}
.footer__section {
color: #fcfffe;
margin-bottom: 38px
}
.footer__section-title {
text-transform: uppercase;
font-weight: bold;
color: #fcfffe
}
.footer__section-title svg {
display: none
}
@media only screen and (max-width: 599px) {
.footer__section-title {
margin:0 10px;
padding: 0
}
.footer__section-title:hover {
cursor: pointer
}
.footer__section-title span {
display: inline
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.footer__section-title {
margin:0 10px;
padding: 0
}
.footer__section-title:hover {
cursor: pointer
}
.footer__section-title span {
display: inline
}
}
.footer__section svg {
fill: #fcfffe
}
.footer__section:not(:last-child) {
margin-right: 20px
}
.footer__section ul {
font-size: 14px;
list-style-type: none;
padding: 0;
margin-top: 26px
}
.footer__section ul li {
margin-top: 20px
}
.footer__section a {
text-decoration: none
}
.footer__section a:hover {
text-decoration: underline
}
.footer__section.span2 {
grid-row: span 2
}
@media only screen and (max-width: 599px) {
.footer__section ul {
display:none;
margin-left: 15px
}
.footer__section ul li {
margin-top: 2px
}
.footer__section ul li:first-child {
margin-top: 5px
}
.footer__section ul li:last-child {
margin-bottom: 5px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.footer__section ul {
display:none;
margin-left: 20px
}
.footer__section ul li {
margin-top: 3px
}
.footer__section ul li:first-child {
margin-top: 6px
}
.footer__section ul li:last-child {
margin-bottom: 6px
}
}
.footer__section address {
font-style: normal
}
.footer__section address a:hover {
text-decoration: none
}
.footer__icon {
width: 17px;
height: 17px;
margin: 5px 10px -5px 0;
display: inline-block
}
.footer__icon--rotate100 {
transform: rotate(100deg)
}
.footer-banners {
display: -webkit-inline-box;
grid-template-columns: 50% 50%;
position: relative;
right: 17.5%;
}
.footer-banners .banner {
display: flex;
align-items: center;
margin-left: 32%;
}
.footer-banners .banner__header {
font-size: 12px;
color: #000;
font-weight: 400;
}
.footer-banners .banner__itemsContainer {
padding-left: 21px;
width: 225px;
}
@media only screen and (max-width: 599px) {
.footer-banners .banner__itemsContainer img {
max-height:49px;
}
}
@media only screen and (min-width: 1200px) {
.footer-banners .banner__itemsContainer img {
max-height:57px;
}
}
.footer-banners .banner__itemsContainer .slick-track {
display: flex;
align-items: center;
margin-left: 0px
}
.footer-banners .banner__itemsContainer .slick-track .slick-slide img {
margin: auto
}
.footer__copyright-wrapper {
background-color: #FFF;
display: inline-flex;
justify-content: center;
width: 100%
}
.footer__copyright-content {
max-width: 1400px;
width: 100%
}
.footer__copyright {
padding: 14px 0px;
width: 100%;
background-color: #FFF;
color: #191616;
font-size: 12px;
box-sizing: border-box
}
.footer__copyright a {
text-decoration: none;
color: #191616
}
.footer__copyright p {
margin: 0px;
padding: 0px
}
.footer__copyright p+p {
margin-top: 8px
}
.footer__copyright a:hover {
text-decoration: underline
}
@media only screen and (max-width: 599px) {
.footer__copyright {
font-size:12px
}
}
.totalAndSubtotalPricesInformation .page-padding {
max-width: 1400px;
/* Maksymalna szerokość zawartości */
width: 100%;
margin: 0 auto;
/* Wycentrowanie */
text-align: left;
/* Tekst wyrównany do lewej */
color: #000;
/* Kolor tekstu */
font-size: 12px;
font-weight: 400;
}
.footer .totalAndSubtotalPricesInformation {
display: block;
text-align: left;
color: #000;
font-size: 12px;
margin: 0 auto 0 auto;
width: 100%;
font-weight: 400;
background: white;
}
.footer .totalAndSubtotalPricesInformation+.footer__copyright-wrapper {
margin-top: 0px
}
.recalculateCart {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background-color: #ffffff;
z-index: 100;
margin: 0;
display: none
}
.recalculateCart__text {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
font-size: 16px;
font-weight: 600;
color: #191616;
display: block;
width: 100%;
height: fit-content;
text-align: center
}
.cartSteps {
width: 100%;
padding: 40px 0;
border-bottom: 2px solid #d1d1d1
}
.cartSteps__container {
width: 100%;
max-width: 800px;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center
}
.cartSteps__container .cartStep {
display: inline-block
}
.cartSteps__container .cartStep__number {
padding: 5px;
border-radius: 50%;
width: 20px;
height: 20px;
color: #191616;
display: inline-block;
line-height: 20px;
text-align: center;
font-size: 14px
}
.cartSteps__container .cartStep__name {
font-weight: 500;
margin-left: 15px;
letter-spacing: 1px;
font-weight: 600
}
.cartSteps__container .cartStep__light {
background-color: none;
border: 1px solid #d1d1d1
}
.cartSteps__container .cartStep__regular {
border: 3px solid #d1d1d1
}
.cartSteps__container .cartStep__solid {
background-color: #d1d1d1
}
.cartSteps__container .cart__activeStep {
background-color: #009141 !important;
color: #ffffff !important
}
.cartSteps__container .cart__pastStep {
background-color: #009141 !important;
color: #ffffff !important
}
.cartSteps__container .cart__pastStep svg {
fill: #ffffff !important;
width: 16px;
height: 16px
}
.cartSteps__container .cartSteps__line {
width: 6%;
height: 1px;
background-color: #191616;
display: inline-block;
margin: 5px 20px
}
.cartStepZero {
display: inline-flex;
align-items: center;
flex-direction: column;
width: 100%;
padding-top: 40px;
padding-bottom: 140px
}
.cartStepZero button {
max-width: 290px;
width: 100%
}
.cartStepZero button a {
text-decoration: none !important
}
.cartStepZero svg {
width: 80px;
height: 75px;
fill: #f2f2f2;
margin: 30px auto 80px
}
.cartStepZero .cart__text--ty-heading {
margin-bottom: 0;
line-height: 1.5
}
.cartStepZero .cart__text--ty-msg {
margin-top: 20px
}
.cartContainer {
width: 85vw;
max-width: 1400px;
padding: 0 3%;
margin: 40px auto 0;
display: flex;
flex-direction: row;
justify-content: space-between
}
.cartContainer .productsList {
width: 75%;
position: relative
}
.cartContainer .productsList .cart__list-item--products {
list-style: none;
display: flex;
flex-direction: row;
margin: 24px 30px 0 0;
border-bottom: 1px solid #d1d1d1;
height: fit-content;
min-height: 140px;
position: relative
}
.cartContainer .productsList .cart__list-item--products:nth-last-of-type(1) {
border-bottom: none
}
.cartContainer .productsList .cart__figure {
width: 140px;
height: 140px;
margin: 0 10px;
position: relative
}
.cartContainer .productsList .cart__figure img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block
}
.cartContainer .productsList .cart__price__qty {
flex: 35%;
text-align: right;
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between
}
.cartContainer .productsList .cart__price__qty .set__quantity {
margin-top: 0 !important
}
.cartContainer .productsList .cart__details-box {
width: calc(100% - 155px);
display: flex;
flex-direction: row;
min-height: 140px;
margin: 10px 0 0 15px;
position: relative;
transition: 300ms
}
@media screen and (max-width: 463px) {
.cartContainer .productsList .cart__details-box--error {
min-height:220px;
transition: 300ms
}
}
.cartContainer .productsList .cart__details-box .cart__product-name-box {
flex: 65%;
padding-bottom: 40px
}
.cartContainer .productsList .cart__details-box .cart__product-name-box .cart__text--product-name {
margin-bottom: 5px;
margin-block-start:0}
.cartContainer .productsList .cart__details-box .cart__product-name-box .cart__text--product-name>a {
font-size: 14px;
color: #191616;
font-weight: 600
}
.cartContainer .productsList .cart__details-box .cart__text--product-weight,.cartContainer .productsList .cart__details-box .cart__text--product-attr {
font-size: 12px;
color: #706f6f;
margin: 0;
letter-spacing: .5px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
word-break: break-word
}
.cartContainer .productsList .cart__details-box .cart__qty-box {
display: block;
width: 100%
}
.cartContainer .productsList .cart__details-box .cart__qty-box>* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__qty-container {
display: inline-flex;
align-items: center;
border: 2px solid #d1d1d1
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__qty-col {
display: inline-block;
padding: 10px;
font-size: 18px;
text-align: center;
font-weight: 600;
color: #191616
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__qty-col--input {
border-left: 2px solid #d1d1d1;
border-right: 2px solid #d1d1d1;
background-color: inherit
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__qty-col--change {
width: 25px;
height: 25px;
transition: 300ms
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__qty-col--change:hover {
cursor: pointer;
background-color: #009141;
color: #FFFFFF
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__qty-col--change:hover svg {
fill: #FFFFFF
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__qty-col--change svg {
transition: 300ms
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__text--unit {
margin-left: 15px;
font-size: 15px
}
.cartContainer .productsList .cart__details-box .cart__qty-box .js-value {
height: 25px;
width: 50px
}
.cartContainer .productsList .cart__details-box .cart__qty-box .js-value input {
text-align: center;
color: #191616;
max-width: 47px;
font-weight: 500;
font-size: 18px;
max-height: 22px;
}
.cartContainer .productsList .cart__details-box .cart__text--price {
display: flex;
justify-content: flex-end;
color: #706f6f;
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 1.2px
}
.cartContainer .productsList .cart__details-box .cart__text--pricePerPiece {
margin-right: 15px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 1.2px;
white-space: nowrap
}
.cartContainer .productsList .cart__details-box .cart__text--priceTotal {
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 1.2px;
white-space: nowrap
}
.cartContainer .productsList .cart__details-box .cart__text--delete {
position: absolute;
bottom: 0;
display: block;
font-size: 14px;
color: #706f6f;
z-index: 1
}
.cartContainer .productsList .cart__details-box .cart__text--delete:hover {
cursor: pointer;
color: #009141;
font-weight: 600
}
.cartContainer .productsList .cart__details-box .cart__text--delete .trashIcon {
fill: #009141;
width: 14px;
height: 14px;
margin-right: 5px
}
.cartContainer .productsList .cartLoyaltyMessage {
border: 1px solid #37ca94;
font-size: 16px;
color: #706f6f;
padding: 15px 20px;
margin: 30px 30px 20px 0
}
.cartContainer .productsList .cartLoyaltyMessage svg {
fill: #37ca94;
margin-bottom: -4px;
margin-right: 10px;
width: 28px;
height: 22px
}
.cartContainer .productsList .productItem {
display: flex;
flex-direction: row
}
.cartContainer .productsList .productItem__image {
width: 140px;
height: 140px;
background-color: #ffffff;
margin: 0 10px 0 0;
display: inline-block;
overflow: hidden
}
.cartContainer .productsList .productItem__image img,.cartContainer .productsList .productItem__image svg {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
display: block;
margin: auto
}
.cartContainer .productsList .productItem__detailsContainer {
display: inline-block;
width: calc(100% - 140px)
}
.cartContainer .productsList .productItem__detailsContainer .productItem__details {
width: 80%;
height: 100%;
display: flex;
flex-direction: column
}
.cartContainer .productsList .productItem__detailsContainer .productItem__details .productName {
font-size: 14px;
font-weight: 600;
color: #191616;
padding-bottom: 10px
}
.cartContainer .productsList .productItem__detailsContainer .productItem__details .productProperties {
font-size: 12px;
color: #706f6f;
padding-bottom: 20px;
font-weight: 600
}
.cartContainer .productsList .productItem__detailsContainer .productItem__details .removeItem {
color: #706f6f;
font-size: 12px
}
.cartContainer .deliveryAndPayment {
width: 100%
}
.cartContainer .deliveryAndPayment .deliverySetCountryInfo {
font-size: 16px;
color: #191616;
display: block;
width: calc(100% - 70px);
margin: 30px 30px 30px 0;
padding: 10px 20px 10px 0
}
.cartContainer .deliveryAndPayment .deliverySetCountryInfo select::-ms-expand {
display: none
}
.cartContainer .deliveryAndPayment .deliverySetCountryInfo select {
border: 1px solid #d1d1d1;
padding: 12px 30px 12px 12px;
font-weight: 600;
background-repeat: no-repeat;
background-position: calc(100% - 10px) calc(1em + 2px);
color: #191616 !important;
background-color: #ffffff !important;
height: auto;
width: 350px
}
.cartContainer .deliveryAndPayment .deliverySetCountryInfo option {
color: #191616;
padding: 5px 10px
}
.cartContainer .deliveryAndPayment .deliverySetCountryInfo label {
color: #706f6f
}
.cartContainer .deliveryAndPayment .deliverySetCountryInfo .form__invalid-input {
padding-top: 10px
}
.cartContainer .deliveryAndPayment .deliveryMethods,.cartContainer .deliveryAndPayment .paymentMethods {
display: flex;
width: calc(100% - 30px);
justify-content: flex-start;
margin-right: 30px;
flex-flow: row wrap;
flex-direction: column
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container {
margin: 10px 0;
width: 100%;
min-height: 40px;
height: fit-content;
border-radius: 2px;
position: relative
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container label,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container label,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container label,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container label {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container label:before,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container label:before,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container label:before,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container label:before {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
color: #191616;
border-radius: 50%;
background-color: #ffffff;
border: 80% solid #191616;
height: 15px;
width: 16px;
margin-right: 10px;
border-radius: 50%;
border: 1px solid #d1d1d1;
background-color: #ffffff;
content: "";
display: inline-block
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container.selected label:before,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container.selected label:before,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container.selected label:before,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container.selected label:before {
border-color: #009141;
-webkit-box-shadow: inset 0 0 0 5px #009141;
-moz-box-shadow: inset 0 0 0 5px #009141;
box-shadow: inset 0 0 0 5px #009141;
background-color: #61ad83
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__imageContainer,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__imageContainer,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .loyaltyPointsPayment__imageContainer,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__imageContainer,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__imageContainer,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .loyaltyPointsPayment__imageContainer,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__imageContainer,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__imageContainer,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .loyaltyPointsPayment__imageContainer,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__imageContainer,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__imageContainer,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .loyaltyPointsPayment__imageContainer {
margin: 10px 0 10px 20px;
width: 10%;
display: flex;
min-height: 40px;
min-width: 67px;
align-items: center
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__imageContainer img,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__imageContainer svg,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__imageContainer img,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__imageContainer svg,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .loyaltyPointsPayment__imageContainer img,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .loyaltyPointsPayment__imageContainer svg,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__imageContainer img,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__imageContainer svg,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__imageContainer img,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__imageContainer svg,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .loyaltyPointsPayment__imageContainer img,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .loyaltyPointsPayment__imageContainer svg,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__imageContainer img,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__imageContainer svg,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__imageContainer img,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__imageContainer svg,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .loyaltyPointsPayment__imageContainer img,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .loyaltyPointsPayment__imageContainer svg,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__imageContainer img,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__imageContainer svg,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__imageContainer img,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__imageContainer svg,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .loyaltyPointsPayment__imageContainer img,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .loyaltyPointsPayment__imageContainer svg {
width: auto;
height: auto;
max-width: 90%;
max-height: 36px;
margin: auto;
display: block;
margin-top: 0;
margin-bottom: 0
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__name,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__name,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .loyaltyPointsPayment__name,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__name,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__name,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .loyaltyPointsPayment__name,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__name,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__name,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .loyaltyPointsPayment__name,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__name,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__name,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .loyaltyPointsPayment__name {
width: 35%;
display: block;
color: #191616;
font-size: 14px;
margin: 10px 10px 10px 0;
letter-spacing: 1.2px;
font-weight: 600;
text-align: left
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__date,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__date,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .loyaltyPointsPayment__date,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__date,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__date,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .loyaltyPointsPayment__date,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__date,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__date,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .loyaltyPointsPayment__date,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__date,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__date,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .loyaltyPointsPayment__date {
width: 35%;
font-size: 14px;
color: #191616;
display: block;
margin: 12px;
text-align: left
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__value,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__value,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .loyaltyPointsPayment__value,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__value,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__value,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .loyaltyPointsPayment__value,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__value,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__value,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .loyaltyPointsPayment__value,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__value,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__value,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .loyaltyPointsPayment__value {
width: 22%;
margin: 10px 0;
font-size: 14px;
color: #191616;
text-align: right;
letter-spacing: 1.2px;
display: block;
font-weight: 600
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__changeDelivery,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__changeDelivery,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .loyaltyPointsPayment__changeDelivery,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__changeDelivery,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__changeDelivery,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .loyaltyPointsPayment__changeDelivery,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__changeDelivery,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__changeDelivery,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .loyaltyPointsPayment__changeDelivery,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__changeDelivery,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__changeDelivery,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .loyaltyPointsPayment__changeDelivery {
color: #009141;
font-size: 14px;
letter-spacing: 1.2px;
line-height: 1.71;
display: block;
width: 100%;
text-align: center;
margin-top: -10px
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__changeDelivery:hover,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__changeDelivery:hover,.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .loyaltyPointsPayment__changeDelivery:hover,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__changeDelivery:hover,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__changeDelivery:hover,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .loyaltyPointsPayment__changeDelivery:hover,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__changeDelivery:hover,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__changeDelivery:hover,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .loyaltyPointsPayment__changeDelivery:hover,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__changeDelivery:hover,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__changeDelivery:hover,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .loyaltyPointsPayment__changeDelivery:hover {
cursor: pointer
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__freeDeliveryFrom,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__freeDeliveryFrom {
width: 100%;
display: block;
margin: 10px 0;
font-size: 15px;
color: #009141
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__freeDeliveryFrom .svgIcon,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__freeDeliveryFrom .svgIcon {
fill: #009141;
margin-bottom: -2px
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__info,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__info,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__info,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__info {
border: 1px solid #d1d1d1;
font-size: 15px;
color: #191616;
padding: 10px 15px;
margin: 30px 30px 20px 0;
width: calc(100% - 30px);
display: block;
letter-spacing: 1.2px
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__info svg,.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__info svg,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__info svg,.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__info svg {
fill: #191616;
margin-bottom: -4px;
margin-right: 10px;
width: 28px;
height: 22px
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__selected-point,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__selected-point {
padding-left: 5%;
margin-left: calc(50px + 7%)
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__id,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__id {
width: 35%;
color: #191616;
font-size: 14px;
letter-spacing: 1.2px;
font-weight: 600;
text-align: left
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__address,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__address {
width: 35%;
color: #191616;
font-size: 14px;
letter-spacing: 1.2px;
text-align: left
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__change,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__change {
font-size: 14px;
color: #009141;
align-self: center;
margin-left: 30px;
cursor: pointer
}
@media screen and (max-width: 450px) {
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__selected-point,.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__selected-point {
padding-left:5%;
margin-left: calc(10px + 1%)
}
}
.cartContainer .deliveryAndPayment .loyaltyPointsPayment__datePlaceholder {
width: 40%;
font-size: 14px;
display: block;
margin: 12px
}
.cartContainer .deliveryAndPayment .loyaltyPointsPayment__valuePlaceholder {
width: 10%;
margin: 10px 0;
font-size: 14px;
display: block
}
.cartContainer .deliveryAndPayment .loyaltyPointsPayment__name {
width: 35%
}
.cartContainer .deliveryAndPayment .remove-points {
border: none !important;
padding: 0 !important;
width: 10% !important;
text-align: right !important;
font-weight: 600;
margin-top: -8px
}
.cartContainer .deliveryAndPayment .remove-points:hover {
background-color: #ffffff !important;
border: none !important;
color: #009141
}
.cartContainer .deliveryAndPayment .payUsingPoints:before {
border-color: #009141 !important;
-webkit-box-shadow: inset 0 0 0 5px #009141 !important;
box-shadow: inset 0 0 0 5px #009141 !important;
background-color: #ffffff
}
.cartContainer .deliveryAndPayment .cartDeliveryDateTime {
width: 100%;
margin-top: 20px;
margin-right: 30px;
position: relative;
user-select: none
}
.cartContainer .deliveryAndPayment .cartDeliveryDateTime .scheduledDeliveryDate {
width: fit-content;
min-width: 292px
}
.cartContainer .deliveryAndPayment .cartDeliveryDateTime .form {
width: 260px;
display: block;
position: relative
}
.cartContainer .deliveryAndPayment .cartDeliveryDateTime input {
border: none;
color: #191616;
font-size: 14px;
letter-spacing: 1.2px;
margin-bottom: 0;
padding: 10px 0
}
@-moz-document url-prefix() {
.cartContainer .deliveryAndPayment .cartDeliveryDateTime input:hover {
cursor: pointer
}
}
.cartContainer .deliveryAndPayment .cartDeliveryDateTime input[type=date]::-webkit-calendar-picker-indicator {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
height: 20px;
width: 20px
}
.cartContainer .deliveryAndPayment .cartDeliveryDateTime input[type=date]::-webkit-calendar-picker-indicator:hover {
cursor: pointer
}
.cartContainer .deliveryAndPayment .continueButton__desktop {
margin-left: 0
}
.cartContainer .deliveryAndPayment .paymentChannel__container {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,.5);
z-index: 101
}
.cartContainer .deliveryAndPayment .paymentChannel__close {
position: absolute;
top: 40px;
right: 40px;
fill: #191616;
width: 26px;
height: 26px
}
.cartContainer .deliveryAndPayment .paymentChannel__close:hover {
cursor: pointer;
fill: #009141
}
.cartContainer .deliveryAndPayment .paymentChannel__box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: #ffffff;
width: 50%;
height: 61%;
overflow-y: auto;
overflow-x: hidden;
padding: 20px 40px;
display: flex;
flex-direction: column;
justify-content: space-between
}
.cartContainer .deliveryAndPayment .paymentChannel__box .submitButton {
display: block;
text-transform: uppercase;
width: 120px;
height: 25px;
font-size: 14px;
line-height: 1.71;
letter-spacing: 1.2px;
text-align: center;
margin: 35px 0 35px auto;
padding: 8px 16px
}
.cartContainer .deliveryAndPayment .paymentChannel__title {
font-size: 18px;
letter-spacing: 0;
line-height: 26px;
color: #191616;
margin-bottom: 50px;
display: block;
width: 100%;
font-weight: 600
}
.cartContainer .deliveryAndPayment .paymentChannel__labelsContainer {
width: 100%;
min-height: 165px;
overflow-y: auto;
overflow-x: hidden;
display: grid;
grid-template-columns: repeat(auto-fit, 160px);
row-gap: 20px;
column-gap: 30px;
justify-content: flex-start;
margin-bottom: auto;
padding-bottom: 20px
}
@media screen and (max-width: 1165px) {
.cartContainer .deliveryAndPayment .paymentChannel__labelsContainer {
justify-content:space-around;
column-gap: 20px
}
}
.cartContainer .deliveryAndPayment .paymentChannel__label {
width: 155px;
border: 1px solid #d1d1d1;
min-height: 95px;
max-height: 105px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative
}
.cartContainer .deliveryAndPayment .paymentChannel__label:hover {
cursor: pointer
}
.cartContainer .deliveryAndPayment .paymentChannel__imgContainer {
display: block;
width: 80%;
margin-bottom: 5px;
max-height: 40px
}
.cartContainer .deliveryAndPayment .paymentChannel__imgContainer input[type=radio] {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: hidden
}
.cartContainer .deliveryAndPayment .paymentChannel__imgContainer img {
max-width: 100%;
width: auto;
max-height: 40px;
height: 40px;
display: block;
text-align: center;
margin: auto
}
.cartContainer .deliveryAndPayment .paymentChannel__name {
width: 90%;
text-align: center;
font-size: 13px;
letter-spacing: 1.2px;
line-height: 1.51;
color: #191616;
display: block
}
.cartContainer .deliveryAndPayment .js-active {
border: 2px solid #009141
}
.cartContainer .deliveryAndPayment .collectionPoint__container.js-ps-box {
display: none;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
position: fixed;
background-color: rgba(0,0,0,.5);
z-index: 115
}
.cartContainer .deliveryAndPayment .collectionPoint__container.js-list .cart__point-selection-content {
width: 50% !important;
float: none !important;
margin: 0 auto;
padding: 40px;
background-color: #ffffff;
position: fixed;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 75%;
overflow-y: auto
}
@media screen and (max-width: 768px) {
.cartContainer .deliveryAndPayment .collectionPoint__container.js-list .cart__point-selection-content {
width:calc(100% - 80px) !important;
max-height: unset;
height: calc(100% - 80px)
}
}
.cartContainer .deliveryAndPayment .collectionPoint__container.js-map .cart__point-selection-content {
left: 0;
right: 0;
width: 50% !important;
float: none !important;
margin: 0 auto;
padding: 40px;
background-color: #ffffff;
top: 5%;
position: fixed;
z-index: 1
}
@media screen and (max-width: 768px) {
.cartContainer .deliveryAndPayment .collectionPoint__container.js-map .cart__point-selection-content {
width:calc(100% - 80px) !important
}
}
.cartContainer .deliveryAndPayment .cart__text--point-selection-title {
font-size: 18px
}
.cartContainer .deliveryAndPayment .cart__text--point-selection-title svg {
float: right;
fill: #191616;
padding: 5px;
cursor: pointer
}
.cartContainer .deliveryAndPayment .cart__list--selection-points {
margin-top: 75px;
list-style-type: none;
width: 100%;
padding-left: 0;
font-weight: 300
}
.cartContainer .deliveryAndPayment .cart__list--selection-points .selected {
border: 2px solid #009141 !important
}
.cartContainer .deliveryAndPayment .cart__list-item--selection-point {
cursor: pointer;
padding: 15px 25px
}
.cartContainer .deliveryAndPayment .cart__customer-address-item {
width: 100%;
box-sizing: border-box;
border: 1px solid #c8c8c8;
margin-bottom: 10px;
font-size: 14px
}
.cartContainer .customerData {
width: calc(75% - 30px);
margin-right: 30px
}
.cartContainer .customerData__wrapper {
width: 100%;
display: flex;
margin-top: 40px;
height: fit-content
}
.cartContainer .customerData .loginContainer {
margin-left: 20px;
border: 1px solid #d1d1d1;
padding: 25px 8%;
flex: 34%
}
.cartContainer .customerData .loginContainer__title {
width: 100%;
text-align: center;
display: block;
font-size: 24px;
font-weight: 600;
color: #191616;
letter-spacing: 2px;
margin-bottom: 30px
}
.cartContainer .customerData .loginContainer__inputContainer input[type=email],.cartContainer .customerData .loginContainer__inputContainer input[type=password] {
border-bottom: 1px solid #d1d1d1
}
.cartContainer .customerData .loginContainer__inputContainer:focus-within input[type=email],.cartContainer .customerData .loginContainer__inputContainer:focus-within input[type=password] {
border-bottom: 1px solid #009141
}
.cartContainer .customerData .loginContainer__inputContainer>label {
color: #191616;
font-size: 14px;
letter-spacing: 1.2px
}
.cartContainer .customerData .loginContainer__inputContainer .form__invalid-input {
margin-top: 5px
}
.cartContainer .customerData .loginContainer__forgotPassword {
font-size: 14px;
letter-spacing: 1.2px;
color: #009141;
text-align: center;
width: 100%;
display: block;
margin-top: 25px;
text-decoration: underline
}
.cartContainer .customerData .registerContainer {
margin-right: 20px;
border: 1px solid #d1d1d1;
padding: 25px 8%;
flex: 34%
}
.cartContainer .customerData .registerContainer__title {
width: 100%;
text-align: center;
display: block;
font-size: 24px;
font-weight: 600;
color: #191616;
letter-spacing: 2px;
margin-bottom: 30px
}
.cartContainer .customerData .registerContainer__title__authRequired {
margin-top: 102px
}
.cartContainer .customerData .registerContainer__description {
font-size: 14px;
display: block;
text-align: center;
letter-spacing: 1.2px;
color: #191616;
margin: 10px 0 20px;
min-height: 42px
}
.cartContainer .customerData .registerContainer__visitor {
margin-top: 20px
}
.cartContainer .customerData .registerContainer__button {
margin: 20px auto;
display: block;
width: 60%
}
.cartContainer .customerData .deliveryData {
width: 100%;
margin-right: 30px
}
.cartContainer .customerData .deliveryData__title {
color: #191616;
letter-spacing: 1.2px;
font-size: 16px;
text-transform: uppercase;
width: 100%;
display: block;
margin: 0 30px 30px 0;
font-weight: 600;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 10px
}
.cartContainer .customerData .deliveryData .cart__receiver-address {
margin-bottom: 20px
}
.cartContainer .customerData .deliveryData .js-save-address-form,.cartContainer .customerData .deliveryData .cart__invoice-box {
width: 60%
}
.cartContainer .customerData .deliveryData input {
border-bottom: 1px solid #d1d1d1;
padding-left: 0;
padding-right: 0
}
.cartContainer .customerData .deliveryData input:focus {
border-bottom: 1px solid #009141
}
.cartContainer .customerData .deliveryData select::-ms-expand {
display: none
}
.cartContainer .customerData .deliveryData select {
border: 1px solid #d1d1d1;
padding: 12px 10px 12px 12px;
width: 65%;
background-repeat: no-repeat;
background-position: calc(100% - 10px) calc(1em + 2px);
height: auto;
color: #191616 !important;
background-color: #ffffff !important
}
.cartContainer .customerData .deliveryData .countryLabel:not(.cart__label-oneCountry) {
top: -13px !important
}
.cartContainer .customerData .deliveryData .prefixLabel {
top: -7px !important
}
.cartContainer .customerData .deliveryData .tinInput {
height: 48px !important
}
.cartContainer .customerData .deliveryData option:not(:first-of-type) {
color: #706f6f;
padding: 5px 10px
}
.cartContainer .customerData .deliveryData label {
color: #706f6f
}
.cartContainer .customerData .deliveryData .form__input-info--short {
min-width: 50px
}
@media screen and (max-width: 768px) {
.cartContainer .customerData .deliveryData .form__input-info--short {
text-overflow:clip;
overflow: hidden;
white-space: nowrap
}
}
.cartContainer .customerData .deliveryData .form__invalid-input {
padding-top: 10px
}
.cartContainer .customerData .deliveryData .cart__address-flex {
display: flex;
justify-content: space-between;
flex-direction: row
}
.cartContainer .customerData .deliveryData .cart__address-flex .cart__address-firstElement {
flex: 1 0 50%
}
@media screen and (min-width: 769px) {
.cartContainer .customerData .deliveryData .cart__address-flex .cart__address-firstElement {
margin-right:45px
}
}
@media screen and (min-width: 501px)and (max-width: 768px) {
.cartContainer .customerData .deliveryData .cart__address-flex .cart__address-firstElement {
margin-right:20px
}
}
@media screen and (max-width: 500px) {
.cartContainer .customerData .deliveryData .cart__address-flex .cart__address-firstElement {
margin-right:0
}
}
@media screen and (min-width: 769px) {
.cartContainer .customerData .deliveryData .cart__address-flex .cart__address-streetNo {
margin-right:45px
}
}
@media screen and (min-width: 501px)and (max-width: 768px) {
.cartContainer .customerData .deliveryData .cart__address-flex .cart__address-streetNo {
margin-right:20px
}
}
@media screen and (max-width: 500px) {
.cartContainer .customerData .deliveryData .cart__address-flex .cart__address-streetNo {
margin-right:0
}
}
@media screen and (max-width: 500px) {
.cartContainer .customerData .deliveryData .cart__address-flex--street {
flex-wrap:wrap
}
.cartContainer .customerData .deliveryData .cart__address-flex--street .cart__address-firstElement {
flex: 0 1 100%
}
.cartContainer .customerData .deliveryData .cart__address-flex--street .cart__address-streetNo,.cartContainer .customerData .deliveryData .cart__address-flex--street .cart__input-wrapper--flat {
flex: 0 1 50%
}
}
.cartContainer .customerData .deliveryData .cart__text--required {
font-size: 14px;
color: #706f6f
}
.cartContainer .customerData .deliveryData .cart__invoice-box {
margin-top: 35px
}
@media screen and (max-width: 768px) {
.cartContainer .customerData .deliveryData .cart__invoice-box .form__invoiceCheck {
max-width:90%
}
}
.cartContainer .customerData .deliveryData .cart__invoice-box .checkBoxes__container input+label:before {
left: 0
}
.cartContainer .customerData .deliveryData .cart__invoice-box .checkBoxes__container input+label .checkBoxes__checkIcon {
left: 2px
}
.cartContainer .customerData .deliveryData .cart__invoice-box .checkBoxes__container--radio input+label .checkBoxes__checkIcon {
left: 1px
}
.cartContainer .customerData .deliveryData .cart__invoice-box .cart__input-wrapper--vateu label {
padding-left: 5px
}
.cartContainer .customerData .deliveryData .cart__invoice-box .checkBoxes__container--radio {
margin: 10px 0 20px
}
.cartContainer .customerData .deliveryData .cart__invoice-box option {
color: #191616;
font-size: 15px
}
.cartContainer .customerData .deliveryData .cart__invoice-box .cart__input-wrapper--priv-company:first-child {
margin-right: 20px
}
.cartContainer .customerData .deliveryData .cart__invoice-box .cart__label-oneCountry {
top: -2px !important
}
.cartContainer .customerData .deliveryData .cart__invoice-box .cart__input-oneCountry {
height: 48px !important
}
@media screen and (min-width: 769px) {
.cartContainer .customerData .deliveryData .cart__invoice-box .cart__input-oneCountry {
width:65%
}
}
@media screen and (max-width: 768px) {
.cartContainer .customerData .deliveryData .cart__invoice-box .cart__input-oneCountry {
width:100%
}
}
.cartContainer .customerData .deliveryData .cart__invoice {
display: none;
margin-top: 40px
}
.cartContainer .customerData .deliveryData .cart__invoice.show {
display: block
}
.cartContainer .customerData .deliveryData .cart__text--invoice {
font-size: 12px;
color: #191616;
margin-left: 0
}
.cartContainer .customerData .deliveryData .cart__input-wrapper--priv-company {
display: inline-flex;
width: 60%
}
.cartContainer .customerData .deliveryData .cart__input-wrapper--priv-company label {
top: 0 !important;
font-size: 16px !important
}
.cartContainer .customerData .deliveryData #save-invoice-address {
display: block;
width: 50%;
text-align: center
}
.cartContainer .customerData .deliveryData .company__Prefix {
width: 20%
}
.cartContainer .customerData .deliveryData .company__Tin {
width: 30%
}
.cartContainer .customerData .deliveryData .company__Country {
width: 50%
}
.cartContainer .customerData .company__Country {
margin-left: 46px
}
.cartContainer .customerData .company__Tin .form__input-info,.cartContainer .customerData .company__Country .form__input-info {
padding-top: 7px
}
.cartContainer .customerData .messageAndAttachments {
width: 70%;
margin-right: 30px;
display: flex;
flex-direction: row;
justify-content: space-between
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__container,.cartContainer .customerData .messageAndAttachments .attachments__container {
width: 45%;
position: relative
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__title,.cartContainer .customerData .messageAndAttachments .attachments__title {
color: #191616;
letter-spacing: 1.2px;
font-size: 16px;
text-transform: uppercase;
width: 100%;
display: block;
margin: 30px 30px 30px 0;
font-weight: 600;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 10px
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__textarea,.cartContainer .customerData .messageAndAttachments .attachments__textarea {
color: #191616;
border-color: #d1d1d1;
background-color: inherit;
width: 100%;
height: 90px;
resize: none;
padding: 10px 12px 9px 10px
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__textarea:focus,.cartContainer .customerData .messageAndAttachments .attachments__textarea:focus {
border-color: #5a6a56
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__add>*,.cartContainer .customerData .messageAndAttachments .attachments__add>* {
color: #009141;
fill: #009141;
font-size: 14px;
letter-spacing: 1.2px
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__add>*:hover,.cartContainer .customerData .messageAndAttachments .attachments__add>*:hover {
cursor: pointer
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__add .paperClipIcon,.cartContainer .customerData .messageAndAttachments .attachments__add .paperClipIcon {
transform: rotate(-45deg);
margin-bottom: -7px
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__add svg,.cartContainer .customerData .messageAndAttachments .msgToSeller__add label,.cartContainer .customerData .messageAndAttachments .attachments__add svg,.cartContainer .customerData .messageAndAttachments .attachments__add label {
padding-bottom: 5px
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__add__button,.cartContainer .customerData .messageAndAttachments .msgToSeller__add__button>*,.cartContainer .customerData .messageAndAttachments .attachments__add__button,.cartContainer .customerData .messageAndAttachments .attachments__add__button>* {
text-decoration: none !important;
opacity: 0
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__add__button .attachmentsRemove svg,.cartContainer .customerData .messageAndAttachments .msgToSeller__add__button>* .attachmentsRemove svg,.cartContainer .customerData .messageAndAttachments .attachments__add__button .attachmentsRemove svg,.cartContainer .customerData .messageAndAttachments .attachments__add__button>* .attachmentsRemove svg {
display: none
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__add__button::-webkit-file-upload-button,.cartContainer .customerData .messageAndAttachments .attachments__add__button::-webkit-file-upload-button {
visibility: hidden;
display: none
}
.cartContainer .customerData .messageAndAttachments .attachmentsFile {
display: block;
width: 100%;
margin-bottom: 5px
}
.cartContainer .customerData .messageAndAttachments .attachmentsFile svg {
margin-bottom: -7px
}
.cartContainer .customerData .messageAndAttachments .attachmentsFile--cart {
width: fit-content;
border: 1px solid #d1d1d1;
border-radius: 20px;
padding: 5px 15px
}
.cartContainer .customerData .requiredFields {
width: 100%;
display: block;
margin: 40px 0
}
.cartContainer .customerData .requiredFields__info {
color: #706f6f;
letter-spacing: .07px;
font-size: 14px
}
.cartContainer .customerData .cart__customer-addresses-list {
padding-left: 0
}
.cartContainer .customerData .cart__customer-address-item {
list-style-type: none
}
.cartContainer .customerData .cart__ca-title {
display: block;
position: relative;
width: 100%
}
.cartContainer .customerData .svgIcon--editAddress {
width: 16px;
height: 16px;
display: inline-block;
margin-bottom: -2px;
transform: rotate(90deg);
margin-right: 5px
}
.cartContainer .customerData .cart__text--address {
color: #191616
}
.cartContainer .customerData .cart__text--address .text--strong {
width: 100%;
display: block
}
.cartContainer .customerData .cart__text--address span:not(.text--strong) {
font-size: 14px
}
.cartContainer .customerData .cart__customer-address-icon-box {
position: absolute;
right: 0;
top: 0;
display: flex
}
.cartContainer .customerData .cart__customer-address-icon-box svg {
width: 20px;
height: 20px;
transition: 200ms;
fill: #191616;
display: block
}
.cartContainer .customerData .cart__customer-address-icon-box svg:hover {
cursor: pointer;
fill: #009141
}
.cartContainer .customerData .cart__address-edit-box {
display: none;
padding-top: 30px
}
.cartContainer .customerData .js-choose-address:not(.selected) .cart__text--address,.cartContainer .customerData .js-choose-address:not(.selected) .cart__text--address span {
opacity: .5
}
.cartContainer .customerData .js-choose-address:not(.selected) .cart__text--address:hover,.cartContainer .customerData .js-choose-address:not(.selected) .cart__text--address span:hover {
cursor: pointer
}
.cartContainer .customerData__notAuthenticated {
width: 100% !important
}
.cartContainer .summaryCart {
width: 75%
}
.cartContainer .summaryCart .summaryData__title {
color: #191616;
letter-spacing: 1.2px;
font-size: 16px;
text-transform: uppercase;
width: calc(100% - 30px);
display: block;
margin: 0 30px 0 0;
font-weight: 600;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 10px
}
.cartContainer .summaryCart .cart__list-item--products {
list-style: none;
display: flex;
flex-direction: row;
margin: 9px 30px 0 0;
border-bottom: 1px solid #d1d1d1;
min-height: 140px;
height: fit-content
}
.cartContainer .summaryCart .cart__list-item--products:nth-last-of-type(1) {
border-bottom: none
}
.cartContainer .summaryCart .cart__figure {
width: 140px;
height: 140px;
margin: 0 10px;
position: relative
}
.cartContainer .summaryCart .cart__figure img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block
}
.cartContainer .summaryCart .cart__details-box {
display: flex;
flex-direction: row;
width: calc(100% - 155px);
min-height: 140px;
height: fit-content;
margin: 0 0 0 15px;
position: relative;
transition: 300ms
}
@media screen and (max-width: 463px) {
.cartContainer .summaryCart .cart__details-box--error {
min-height:220px;
transition: 300ms
}
}
.cartContainer .summaryCart .cart__details-box .cart__price__qty {
flex: 25%;
position: relative
}
.cartContainer .summaryCart .cart__details-box .cart__product-name-box {
flex: 75%
}
.cartContainer .summaryCart .cart__details-box .cart__product-name-box .cart__text--product-name {
margin-bottom: 5px
}
.cartContainer .summaryCart .cart__details-box .cart__product-name-box .cart__text--product-name>a {
font-size: 14px;
color: #191616;
font-weight: 600
}
.cartContainer .summaryCart .cart__details-box .cart__text--product-weight,.cartContainer .summaryCart .cart__details-box .cart__text--product-attr {
font-size: 12px;
color: #706f6f;
margin: 0;
letter-spacing: .5px;
font-weight: normal;
font-stretch: normal;
font-style: normal
}
.cartContainer .summaryCart .cart__details-box .cart__qty-box {
display: none
}
.cartContainer .summaryCart .cart__details-box .cart__text--price {
position: absolute;
right: 0;
bottom: 0;
color: #706f6f;
font-size: 14px;
font-weight: 600
}
.cartContainer .summaryCart .cart__details-box .cart__text--quantityAndUnit {
color: #191616;
position: absolute;
right: 0;
top: 0;
font-size: 15px;
z-index: 1
}
.cartContainer .summaryCart .summaryInfo {
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
height: fit-content;
margin-top: 80px
}
.cartContainer .summaryCart .summaryInfo__item {
flex: 1 0 25%;
margin: 20px 25px;
height: fit-content
}
.cartContainer .summaryCart .summaryInfo__item__title {
color: #191616;
letter-spacing: 1.2px;
font-size: 16px;
text-transform: uppercase;
width: 100%;
display: block;
margin: 30px 30px 30px 0;
font-weight: 600;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 10px;
position: relative
}
.cartContainer .summaryCart .summaryInfo__item__title .editSection {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 18px;
height: 18px;
fill: #009141
}
.cartContainer .summaryCart .summaryInfo__item__title .editSection:hover {
cursor: pointer
}
.cartContainer .summaryCart .summaryInfo__item__data {
display: block;
width: 100%;
height: fit-content;
margin-top: 20px
}
.cartContainer .summaryCart .summaryInfo__item__data span {
color: #191616;
letter-spacing: 1.2px;
font-size: 14px;
display: block;
width: 100%;
margin-bottom: 5px
}
.cartContainer .summaryCart .summaryInfo__item__data .extraMargin {
margin-bottom: 20px !important
}
.cartContainer .summaryCart .summaryInfo__item__img {
height: auto;
width: auto;
max-height: 24px;
margin-right: 10px;
vertical-align: top
}
.cartContainer .thankYouPage {
width: 100%;
margin: 70px auto;
text-align: center
}
.cartContainer .thankYouPage .thankYou__info {
font-size: 24px;
font-weight: 600;
letter-spacing: 2px;
color: #191616;
margin-bottom: 70px;
display: block;
width: 100%
}
.cartContainer .thankYouPage .thankYou__form {
padding: 50px;
display: block;
width: 50%;
border: 1px solid #d1d1d1;
margin: 0 auto
}
.cartContainer .thankYouPage .thankYou__buttonContainer {
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center
}
.cartContainer .thankYouPage .thankYou__header {
width: 40%;
text-align: left;
font-size: 14px;
color: #191616;
letter-spacing: 1.2px;
line-height: 1.71
}
.cartContainer .thankYouPage .thankYou__button {
width: 30%
}
.cartContainer .thankYouPage .thankYou__counter {
width: 75px;
height: 75px;
line-height: 75px;
border-radius: 50%;
border: 1px solid #d1d1d1;
font-size: 24px;
font-weight: 600;
color: #191616;
text-align: center
}
.cartContainer .thankYouPage .thankYou__paymentInfo {
color: #191616;
width: 100%;
margin: 40px 0;
font-size: 22px
}
.cartContainer .thankYouPage .thankYou__paymentImg {
margin: 0 auto;
display: block;
height: auto;
width: auto;
max-width: 40%;
min-width: 20%
}
.cartContainer .thankYouPage .thankYou__returnToShopButton {
color: #009141;
display: block;
width: 100%;
margin: 40px 0 0;
font-size: 16px;
text-align: center
}
.cartContainer .thankYouPage .thankYou__returnToShopButton:hover {
cursor: pointer
}
.cartContainer .finishOrder {
width: 100%;
margin: 40px auto;
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap
}
.cartContainer .finishOrder__notDeterminedCost {
font-size: 26px;
letter-spacing: 2px;
color: #191616;
display: block;
width: 100%;
text-align: left
}
.cartContainer .finishOrder__returnToShopButton {
display: block;
width: 25%;
height: fit-content
}
.cartContainer .finishOrder__container {
flex: 1 0 60%;
margin-right: 30px
}
.cartContainer .finishOrder__headerContainer {
border-bottom: 1px solid #d1d1d1;
display: block;
width: 100%;
margin-top: 0
}
.cartContainer .finishOrder__info {
font-size: 24px;
font-weight: 600;
letter-spacing: 2px;
color: #191616;
margin-bottom: 60px;
display: block;
width: 100%;
text-align: left
}
.cartContainer .finishOrder__info__notDeterminedDeliveryCost {
font-size: 34px
}
.cartContainer .finishOrder__orderName {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.2px;
line-height: 1.5;
font-weight: 600;
color: #191616;
display: block;
width: 100%;
margin-bottom: 15px;
text-align: left;
position: relative
}
.cartContainer .finishOrder__statusContainer {
width: 100%;
display: flex;
justify-content: flex-start;
padding: 20px 0;
margin-top: 40px;
margin-bottom: 20px
}
.cartContainer .finishOrder__orderStatus {
font-size: 16px;
width: 30%;
text-align: left;
line-height: 1.5;
letter-spacing: 1.2px;
color: #191616;
font-weight: 500;
display: inline-block
}
.cartContainer .finishOrder__orderStatus__notDeterminedDeliveryCost {
width: 60%;
font-size: 13px
}
.cartContainer .finishOrder__orderStatusValue {
font-size: 14px;
letter-spacing: 1.2px;
line-height: 1.71;
color: #191616;
width: 50%;
display: inline-block
}
.cartContainer .finishOrder__showProducts {
position: absolute;
top: 0;
bottom: 0;
margin-top: 1px;
right: 30px;
fill: #009141;
transform: rotate(90deg)
}
.cartContainer .finishOrder__showProducts:hover {
cursor: pointer
}
.cartContainer .finishOrder__showProducts.arrowUp {
transform: rotate(270deg)
}
.cartContainer .finishOrder__orderDetails {
width: 100%
}
.cartContainer .finishOrder__orderDetails__title {
position: relative;
margin-top: 40px;
margin-bottom: 20px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.5;
letter-spacing: 1.2px;
color: #191616;
border-bottom: 1px solid #d1d1d1;
width: 100%;
text-align: left;
display: block;
padding-bottom: 15px
}
.cartContainer .finishOrder__orderDetails__title .showDetails {
position: absolute;
top: 0;
bottom: 0;
margin-top: 1px;
right: 30px;
fill: #009141;
transform: rotate(90deg)
}
.cartContainer .finishOrder__orderDetails__title .showDetails:hover {
cursor: pointer
}
.cartContainer .finishOrder__orderDetails__title .showDetails.arrowUp {
transform: rotate(270deg)
}
.cartContainer .finishOrder__orderDetails__details {
display: none;
flex-direction: column;
justify-content: flex-start;
margin-right: calc(25% + 30px)
}
.cartContainer .finishOrder__orderDetails .consentDetails {
margin-right: 30px
}
.cartContainer .finishOrder__orderDetails .consentDetails .name {
width: 37% !important
}
.cartContainer .finishOrder__orderDetails__row {
text-align: left;
margin: 20px 0;
display: flex;
flex-direction: row
}
.cartContainer .finishOrder__orderDetails__row .name {
font-size: 16px;
letter-spacing: 1.2px;
line-height: 1.5;
font-weight: 500;
color: #191616;
display: block;
width: 50%
}
.cartContainer .finishOrder__orderDetails__row .value {
flex: 1 0 50%;
font-size: 14px;
letter-spacing: 1.2px;
line-height: 1.71;
font-weight: normal;
color: #191616;
display: block;
width: 50%
}
.cartContainer .finishOrder__orderDetails__row .value .bankAccount {
list-style-type: none;
margin: 0;
padding: 0
}
.cartContainer .finishOrder__orderDetails__row .value .bankAccount label:after {
content: ": "
}
.cartContainer .finishOrder__orderDetails__row .consentValue>a {
color: #009141;
text-decoration: underline
}
.cartContainer .finishOrder__orderDetails__row .consentValue>a:hover {
cursor: pointer
}
.cartContainer .finishOrder .productList {
display: none
}
.cartContainer .finishOrder .cart__list-item--products {
list-style: none;
display: flex;
flex-direction: row;
margin: 24px 30px 10px 0;
border-bottom: 1px solid #d1d1d1;
min-height: 140px;
height: fit-content;
padding: 10px 0
}
.cartContainer .finishOrder .cart__list-item--products:nth-last-of-type(1) {
border-bottom: none
}
.cartContainer .finishOrder .cart__figure {
width: 140px;
height: 140px;
margin: 0 10px;
position: relative
}
.cartContainer .finishOrder .cart__figure img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block
}
.cartContainer .finishOrder .cart__details-box {
width: calc(100% - 155px);
min-height: 140px;
height: fit-content;
margin: 0 0 0 15px;
position: relative;
display: flex;
transition: 300ms
}
@media screen and (max-width: 463px) {
.cartContainer .finishOrder .cart__details-box--error {
min-height:220px;
transition: 300ms
}
}
.cartContainer .finishOrder .cart__details-box .cart__product-name-box {
display: inline-block;
height: 100%;
text-align: left
}
.cartContainer .finishOrder .cart__details-box .cart__product-name-box .cart__text--product-name {
margin-bottom: 5px;
margin-top: 0;
font-size: 16px
}
.cartContainer .finishOrder .cart__details-box .cart__product-name-box .cart__text--product-name>a {
color: #191616;
font-weight: 600
}
.cartContainer .finishOrder .cart__details-box .cart__text--product-weight,.cartContainer .finishOrder .cart__details-box .cart__text--product-attr {
font-size: 12px;
color: #706f6f;
margin: 0;
letter-spacing: .5px;
font-weight: normal;
font-stretch: normal;
font-style: normal
}
.cartContainer .finishOrder .cart__details-box .cart__text--price {
position: absolute;
right: 0;
bottom: 0;
color: #191616;
font-size: 14px;
letter-spacing: 1.2px;
line-height: 1.71
}
.cartContainer .finishOrder__backToShop {
width: 100%;
display: block;
color: #009141;
text-align: left;
font-size: 14px;
margin-top: 60px !important
}
.cartContainer .finishOrder__backToShop:hover {
cursor: pointer
}
.cartContainer .finishOrder__backToShop a {
text-decoration: none;
color: #009141
}
.cartContainer .finishSummary__container {
flex: 1 0 20%;
padding: 0
}
.cartContainer .finishSummary__info {
margin-bottom: 20px;
letter-spacing: 1.2px;
line-height: 1.71;
color: #191616;
font-size: 14px
}
.cartContainer .finishSummary__download {
display: block
}
.cartContainer .unfinishedPayment__svgIcon {
width: 50%;
height: auto
}
.cartContainer .unfinishedPayment__container {
flex: 1 0 25%;
padding: 40px 45px 20px 45px;
border: 1px solid #d1d1d1
}
.cartContainer .unfinishedPayment__info {
font-size: 24px;
color: #191616;
font-weight: 600;
letter-spacing: 2px;
line-height: 1.33;
margin: 40px 0 24px;
text-align: left
}
.cartContainer .unfinishedPayment__text {
margin: 14px 0 36px;
color: #191616;
line-height: 1.71;
letter-spacing: 1.2px;
font-weight: normal;
text-align: left
}
.cartContainer .unfinishedPayment__text a {
color: #009141;
text-decoration: none
}
.cartContainer .unfinishedPayment__text a:hover {
cursor: pointer
}
.cartContainer .unfinishedPayment__button {
display: block;
margin: 36px 0 16px
}
.cartContainer .summaryDetails {
width: 24%;
display: flex;
flex-direction: column;
margin-bottom: 40px;
height: fit-content;
position: sticky
}
.cartContainer .summaryDetails .trashIconLoyalty {
margin-bottom: -2px;
margin-left: 3px;
width: 15px;
height: 15px;
fill: #009141
}
.cartContainer .summaryDetails .trashIconLoyalty:hover {
cursor: pointer
}
.cartContainer .summaryDetails .summary {
font-size: 21px;
text-align: justify;
letter-spacing: 1px;
margin-bottom: 0;
margin-top: 0
}
.cartContainer .summaryDetails .summary:after {
content: "";
display: inline-block;
width: 100%
}
.cartContainer .summaryDetails .summaryMobile {
display: none
}
.cartContainer .summaryDetails div {
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 14px;
margin-bottom: 20px
}
.cartContainer .summaryDetails div .name,.cartContainer .summaryDetails div .price {
letter-spacing: 1px;
color: #191616
}
.cartContainer .summaryDetails .cart__info-box {
width: 100%;
border: 1px solid #d1d1d1
}
.cartContainer .summaryDetails .cart__info-box p {
text-align: center;
width: 100%
}
.cartContainer .summaryDetails .cart__info-box p svg {
width: 20px;
height: 15px;
margin-bottom: -2px;
margin-right: 5px;
fill: #37ca94
}
.cartContainer .summaryDetails .summaryPrice>* {
font-size: 20px;
font-weight: 600 !important
}
.cartContainer .summaryDetails .discountPrice>* {
font-weight: 700 !important
}
.cartContainer .summaryDetails .goToThirdStepButton>.js-3rd-step {
width: 100%
}
.cartContainer .summaryDetails .toShippingButton {
width: 100%;
margin: 20px 0
}
.cartContainer .summaryDetails .discountCode {
width: 100%;
display: block;
margin-top: 10px
}
.cartContainer .summaryDetails .discountCode__text {
font-size: 16px;
line-height: 1.5;
letter-spacing: 1.2px;
color: #191616;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #d1d1d1
}
.cartContainer .summaryDetails .discountCode__text b {
text-transform: uppercase
}
.cartContainer .summaryDetails .discountCode__input {
display: block
}
.cartContainer .summaryDetails .discountCode__addCouponButton {
text-align: center;
display: block;
width: 100%;
color: #706f6f
}
.cartContainer .summaryDetails .discountCode__addCouponButton:hover {
cursor: pointer;
color: #009141
}
.cartContainer .summaryDetails .discountCode div {
display: block
}
.cartContainer .summaryDetails .consentsList {
list-style-type: none;
margin-left: 0;
padding-inline-start:0}
.cartContainer .summaryDetails .consentsList a {
text-decoration: underline !important;
color: #009141 !important
}
.cartContainer .summaryDetails .consentsList label,.cartContainer .summaryDetails .consentsList .consentStatement {
font-size: 12px;
margin-top: 0;
margin-left: 0;
color: #191616
}
.cartContainer .summaryDetails .consentsList label:before,.cartContainer .summaryDetails .consentsList .consentStatement:before {
left: 0
}
.cartContainer .summaryDetails .consentsList div,.cartContainer .summaryDetails .consentsList li>div {
margin-bottom: 0 !important;
flex-wrap: wrap
}
.cartContainer .summaryDetails .consentsList .checkBoxes__container {
position: relative;
padding-bottom: 10px;
margin-bottom: 0
}
.cartContainer .summaryDetails .consentsList .checkBoxes__checkIcon {
left: 2px
}
.cartContainer .summaryDetails .cart__text--required {
font-size: 14px;
letter-spacing: .07px;
color: #706f6f;
display: block;
width: 100%;
margin-top: 0;
margin-bottom: 20px
}
.cartContainer .summaryDetails .installmentCalculator {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin: 10px 0 20px
}
.cartContainer .summaryDetails .installmentCalculator--btn {
display: block;
cursor: pointer
}
.cartContainer .summaryDetails .installmentCalculator--btn img {
display: block;
margin-bottom: 15px;
max-width: 180px;
max-height: 40px;
height: auto;
width: auto
}
.cartContainer .summaryDetails .deliveryMethod__toFreeDelivery {
align-items: center;
justify-content: center !important;
display: flex;
width: calc(100% - 16px);
padding: 8px;
font-size: 11px !important;
font-style: normal;
font-weight: 500;
color: #009141;
border: 1px solid #d1d1d1
}
.cartContainer .summaryDetails .deliveryMethod__toFreeDelivery svg {
fill: #009141;
width: 24px !important;
height: 24px !important;
margin-right: 8px;
min-width: 24px !important;
min-height: 24px !important
}
.cartContainer .cartInfo {
color: #191616;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
padding-bottom: 15px;
border-bottom: 1px solid #d1d1d1;
margin-right: 30px;
width: calc(100% - 30px);
margin-top: 0
}
.cartContainer .cartClearAll {
position: absolute;
top: 0;
display: flex;
cursor: pointer
}
@media screen and (min-width: 769px) {
.cartContainer .cartClearAll {
right:30px
}
}
@media screen and (max-width: 768px) {
.cartContainer .cartClearAll {
right:0
}
}
.cartContainer .cartClearAll svg {
fill: #191616;
transition: 200ms
}
.cartContainer .cartClearAll span {
font-size: 16px;
margin-left: 10px;
color: #191616;
transition: 200ms
}
.cartContainer .cartClearAll:hover svg {
fill: #009141
}
.cartContainer .cartClearAll:hover span {
color: #009141
}
.cartContainer .cartInfo__margin {
margin-top: 40px
}
.cartContainer .backToShop,.cartContainer .stepBack {
color: #009141;
font-size: 18px;
display: block;
bottom: 0;
margin-top: 20px;
margin-bottom: 20px
}
.cartContainer .backToShop svg,.cartContainer .stepBack svg {
fill: #009141;
transform: rotate(-180deg);
width: 20px;
height: 20px;
margin-bottom: -3px
}
.cartContainer .backToShop:hover,.cartContainer .stepBack:hover {
cursor: pointer
}
.cartContainer .stepBack--allCart {
padding: 16px 16px 16px 8px;
background: none;
border: none;
transition: 200ms
}
.cartContainer .stepBack--allCart:not(.secondary-action-button) {
width: fit-content
}
.cartContainer .stepBack--allCart:hover {
background: none;
border: none;
color: #009141;
transition: 200ms
}
.cartContainer .stepBack--allCart:hover .svgIcon {
fill: #009141;
transition: 200ms
}
.cartContainer .stepBack--allCart .svgIcon {
transition: 200ms
}
.cartContainer .cartError {
font-size: 16px;
color: #191616;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: 1.2px;
margin-right: 30px;
margin-top: 30px;
padding: 15px 25px !important;
position: relative;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
align-items: center
}
.cartContainer .cartError.cartInfoContainer {
border: 2px solid #f5a623
}
.cartContainer .cartError.cartInfoContainer .svg__exclamation {
fill: #f5a623;
width: 27px;
min-width: 27px;
height: 24px;
margin-right: 20px
}
.cartContainer .cartError:not(.cartInfoContainer) {
border: 2px solid #f98585
}
.cartContainer .cartError:not(.cartInfoContainer) .svg__exclamation {
fill: #f98585;
margin: 0 20px 0 0;
width: 14px;
min-width: 14px;
height: 24px
}
.cartContainer .cartError .closeMessage,.cartContainer .cartError .closeCouponMessage {
fill: #191616;
position: absolute;
top: 18px;
right: 10px;
transition: 200ms
}
.cartContainer .cartError .closeMessage:hover,.cartContainer .cartError .closeCouponMessage:hover {
cursor: pointer;
fill: #009141
}
.cartContainer .js-hide {
display: none !important
}
.cartContainer .text--strong {
font-weight: 600
}
.cartContainer .crossSelling {
display: block;
width: 100%
}
.cartContainer .crossSelling--container {
display: block;
width: 100%;
margin-top: 40px
}
@media screen and (min-width: 769px) {
.cartContainer .crossSelling--container {
margin-bottom:50px
}
}
.cartContainer .crossSelling--crossSellingList__item {
height: 215px;
min-height: unset !important;
padding-left: 5px !important;
padding-right: 5px !important
}
@media screen and (min-width: 769px) {
.cartContainer .crossSelling--crossSellingList__item {
margin-top:0 !important;
margin-bottom: 0 !important
}
}
.cartContainer .crossSelling--title {
text-transform: none;
margin-bottom: 30px;
position: relative;
text-align: center;
display: block;
width: 100%;
margin: 0 auto 30px;
color: #191616;
font-size: 24px;
box-sizing: border-box
}
.cartContainer .crossSelling--title span:not(.crossSelling--border) {
background-color: #ffffff;
z-index: 1;
position: sticky
}
@media screen and (min-width: 769px) {
.cartContainer .crossSelling--title span:not(.crossSelling--border) {
padding:0 20px
}
}
@media screen and (max-width: 768px) {
.cartContainer .crossSelling--title span:not(.crossSelling--border) {
padding:0 10px
}
}
.cartContainer .crossSelling--border {
width: 100%;
border-bottom: 1px solid #d1d1d1;
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: 0;
right: 0;
margin: auto
}
.cartContainer .crossSelling--crossSellingList {
width: 100%;
display: inline-block;
padding: 0;
margin: 0;
list-style-type: none
}
.cartContainer .crossSelling--crossSellingList__item {
height: 280px;
padding: 0 10px 10px 10px;
outline: none;
position: relative;
border: 1px solid #d1d1d1;
position: relative
}
.cartContainer .crossSelling--crossSellingList__item--link {
color: #191616;
outline: none;
text-decoration: none;
font-size: 18px;
text-align: center;
display: block
}
.cartContainer .crossSelling--crossSellingList__item--link .figcaption {
margin-bottom: 10px
}
.cartContainer .crossSelling--crossSellingList__item--link .figcaption .free-label {
color: #d5140a;
font-weight: bold
}
.cartContainer .crossSelling--crossSellingList__item--link .quantity {
font-weight: 700
}
.cartContainer .crossSelling--crossSellingList__item--image {
height: 150px;
margin: 10 auto 0;
display: inline-flex
}
.cartContainer .crossSelling--crossSellingList__item--image img {
max-height: 140px;
max-width: 300px;
margin: auto
}
.cartContainer .crossSelling--crossSellingList__item--name {
text-overflow: ellipsis;
overflow: hidden;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: 1.8px;
text-align: center;
color: #191616;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 50px;
margin: 5px auto
}
.cartContainer .crossSelling--crossSellingList__item--itemPrices {
display: flex;
align-items: center;
width: 100%;
flex-wrap: wrap
}
.cartContainer .crossSelling--crossSellingList__item--price,.cartContainer .crossSelling--crossSellingList__item--redprice,.cartContainer .crossSelling--crossSellingList__item--oldprice {
display: inline-block;
text-align: left
}
.cartContainer .crossSelling--crossSellingList__item--price,.cartContainer .crossSelling--crossSellingList__item--redprice {
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.44;
letter-spacing: normal
}
.cartContainer .crossSelling--crossSellingList__item--price {
color: #191616
}
.cartContainer .crossSelling--crossSellingList__item--redprice {
color: #d5140a;
margin-right: 10px
}
.cartContainer .crossSelling--crossSellingList__item--oldprice {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: 1.2px;
color: #191616;
text-decoration: line-through
}
.cartContainer .crossSelling--crossSellingList__item .free-label {
text-transform: uppercase;
font-weight: 600 !important
}
.cartContainer .crossSelling--crossSellingList__item .min-price {
width: 100%;
text-align: left
}
.cartContainer .crossSelling--crossSellingList__item .min-price span {
word-break: break-word;
white-space: break-spaces;
font-size: 12px;
line-height: 1.5;
font-style: normal;
font-stretch: normal;
font-weight: normal;
color: #706f6f;
letter-spacing: normal;
margin-right: 0
}
.cartContainer .crossSelling--flags {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap
}
.cartContainer .crossSelling--flags__flag {
padding: 5px 10px;
box-sizing: border-box;
position: relative;
margin-bottom: 10px;
margin-right: 10px;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
width: max-content;
text-transform: uppercase;
color: #FFFFFF
}
.cartContainer .crossSelling--flags__flag.NewProduct {
background-color: #009141;
border-width: 1px solid #009141
}
.cartContainer .crossSelling--flags__flag.RecommendedProduct {
background-color: #009141;
border: 1px solid #009141
}
.cartContainer .crossSelling--flags__flag.Promotion {
background-color: #d5140a;
border: 1px solid #d5140a
}
.cartContainer .crossSelling--flags__flag.Sale {
background-color: #d5150a;
border: 1px solid #d5150a
}
.cartContainer .crossSelling--flags__flag.ExtraPrice:after,.cartContainer .crossSelling--flags__flag.GreatPrice {
background-color: #D6AD3B;
border: 1px solid #D6AD3B
}
.cartContainer .crossSelling--flags__flag.BestReviews,.cartContainer .crossSelling--flags__flag.BestRated {
background-color: #B1B1B1;
border: 1px solid #B1B1B1
}
.cartContainer .crossSelling--flags__flag.ExtraQuality,.cartContainer .crossSelling--flags__flag.GreatQuality {
background-color: #2c5c6b;
border: 1px solid #2c5c6b
}
.cartContainer .crossSelling--flags__flag.PromotionalProduct,.cartContainer .crossSelling--flags__flag.NewsletterProduct {
background-color: #B1B1B1;
border: 1px solid #B1B1B1
}
.cartContainer .crossSelling--flags__flag.Reward {
background-color: #B1B1B1;
border: 1px solid #B1B1B1
}
.cartContainer .crossSelling--flags__flag.SellerRecommendation,.cartContainer .crossSelling--flags__flag.VendorRecomendation,.cartContainer .crossSelling--flags__flag.VendorRecommendation {
background-color: #B1B1B1;
border: 1px solid #B1B1B1
}
.cartContainer .crossSelling .slick-slide {
margin: 0 10px
}
.cartContainer .crossSelling .slick-list {
margin: 0 -10px
}
.cartContainer .crossSelling .slick-track {
margin-left: 0 !important
}
.cartContainer .crossSelling .slick-prev {
left: 10px;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: rgba(0,0,0,0);
border: none;
outline: none
}
.cartContainer .crossSelling [dir=rtl] .slick-prev {
right: 10px;
left: auto
}
.cartContainer .crossSelling .slick-next {
right: 10px;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: rgba(0,0,0,0);
border: none;
outline: none
}
.cartContainer .crossSelling [dir=rtl] .slick-next {
right: auto;
left: 10px
}
.cartContainer .crossSelling [dir=rtl] .slick-next:before,.cartContainer .crossSelling .slick-prev:before {
border: solid #d5d5d5;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
margin-right: 2px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg)
}
.cartContainer .crossSelling .slick-next:before,.cartContainer .crossSelling [dir=rtl] .slick-prev:before {
border: solid #d5d5d5;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
margin-right: 2px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.cartContainer .crossSelling .slick-prev:before,.cartContainer .crossSelling .slick-next:before {
width: 4px;
height: 4px;
top: 14px;
content: " "
}
.cartContainer .crossSelling .slick-next:before {
left: 14px
}
.cartContainer .crossSelling .slick-prev:before {
left: 16px
}
.cartContainer .crossSelling [dir=rtl] .slick-prev {
right: 0;
left: auto
}
.cartContainer .crossSelling button.slick-prev.slick-arrow.slick-disabled,.cartContainer .crossSelling button.slick-arrow.slick-disabled {
display: none !important
}
.cartContainer .crossSelling .slick-arrow {
border-radius: 50%;
z-index: 1
}
.cartContainer .crossSelling .slick-prev,.cartContainer .crossSelling .slick-next {
background: #FFFFFF
}
.cartContainer .crossSelling .slick-prev:hover,.cartContainer .crossSelling .slick-next:hover {
background: #FFFFFF
}
.cartContainer .crossSelling .slick-prev:hover:before,.cartContainer .crossSelling .slick-next:hover:before {
border-color: #009141
}
.cartContainer .loginContainer,.cartContainer .registerContainer,.cartContainer .thankYou__form {
border-radius: calc(1*16px) !important
}
.cartContainer .cart__qty-container,.cartContainer .deliveryMethod__container,.cartContainer .paymentMethod__container,.cartContainer .cartError,.cartContainer iframe,.cartContainer #ifMap,.cartContainer .recalculatePointsPopup,.cartContainer .cartLoginPopup,.cartContainer .cart__info-box,.cartContainer select,.cartContainer .cartLoyaltyMessage {
border-radius: calc(1*8px) !important
}
.cartContainer .cart__qty-col--minus {
border-top-left-radius: calc(1*8px) !important;
border-bottom-left-radius: calc(1*8px) !important
}
.cartContainer .cart__qty-col--plus {
border-top-right-radius: calc(1*8px) !important;
border-bottom-right-radius: calc(1*8px) !important
}
.cartContainer img {
border-radius: calc(1*4px) !important
}
.cartContainer .btn-pure-ui {
border: none;
display: flex;
background: rgba(0,0,0,0);
color: #009141;
font-size: 12px;
text-align: right;
line-height: 1.3;
cursor: pointer;
padding: 12px 4px 12px 0px
}
.cartContainer .btn-pure-ui:hover {
background: rgba(0,0,0,0);
color: #009141
}
.collectionPoint__title {
font-size: 18px;
color: #191616;
font-weight: 500;
letter-spacing: normal;
line-height: 1.44;
display: block;
width: 100%;
position: relative;
z-index: 114;
top: calc(5% + 15px);
right: -25%
}
@media screen and (max-width: 768px) {
.collectionPoint__title {
right:calc(0vw - 40px)
}
}
.search-widget {
background-color: #ffffff !important
}
.list-widget {
background-color: #ffffff !important
}
.map-list-flex {
flex-direction: row-reverse !important
}
.collectionPoint__title {
font-size: 18px;
color: #191616;
font-weight: 600;
letter-spacing: normal;
line-height: 1.44;
display: block;
width: 100%;
position: relative
}
.openedMap {
width: 100vw;
height: 100vh;
top: 0;
left: 0;
position: fixed;
background-color: rgba(0,0,0,.5);
z-index: 115
}
#ifMap {
left: 0;
right: 0;
width: 50% !important;
float: none !important;
margin: 0 auto;
padding: 40px;
background-color: #ffffff;
top: 5%;
position: fixed;
z-index: 1
}
@media screen and (max-width: 768px) {
#ifMap {
width:calc(100% - 80px) !important
}
}
.closePsBox {
position: relative;
display: block;
z-index: 116;
top: calc(5% - 7px);
left: calc(100vw - 27%)
}
@media screen and (max-width: 768px) {
.closePsBox {
left:calc(100vw - 80px)
}
}
.closePsBox:hover {
cursor: pointer
}
.continueButton__mobile {
display: none !important
}
.continueButton__desktop {
display: block !important
}
.stepBack-secondCart {
font-weight: 500;
padding-left: 0;
margin-left: 0;
text-transform: none
}
.stepBack-secondCart svg {
width: 16px !important;
height: 16px !important;
margin-bottom: -2px !important
}
.setItemNumber {
position: absolute;
display: block;
top: 0;
bottom: 0;
height: fit-content;
margin: auto;
font-size: 14px;
line-height: 1.71;
letter-spacing: 1.2px;
color: #191616
}
.setElement {
margin-left: 5% !important
}
.summaryStep__editField {
display: inline-block;
margin: 0 0 -2px 5px;
fill: #009141
}
.summaryStep__editField:hover {
cursor: pointer
}
select.form__validation-error-js,input.form__validation-error-js {
border-bottom: 1px solid #ce283e !important
}
.recalculatePointsPopup {
position: fixed;
display: block;
z-index: 100;
top: 0;
left: 0;
background-color: rgba(0,0,0,.5);
width: 100vw;
height: 100vh;
margin: 0
}
.recalculatePointsPopup__container {
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 30%;
height: 240px;
padding: 60px 80px;
background-color: #ffffff
}
.recalculatePointsPopup__title {
font-size: 16px;
display: block;
width: 100%;
font-weight: 600;
color: #191616;
letter-spacing: 1.2px;
margin-bottom: 40px
}
.recalculatePointsPopup__closeIcon {
margin-top: -2px;
position: absolute;
top: 60px;
right: 80px;
width: 25px;
height: 25px;
fill: #191616
}
.recalculatePointsPopup__closeIcon:hover {
cursor: pointer
}
.recalculatePointsPopup__text {
color: #191616;
letter-spacing: 1.2px;
line-height: 1.7;
width: 100%;
display: block;
margin: 20px 0 40px;
text-align: left
}
.recalculatePointsPopup__button {
width: 50%;
margin: 0 auto
}
.login-form__socialButtons {
display: block;
width: 100%;
font-size: 14px;
color: #191616;
text-align: center
}
.login-form__socialButtons .login-form__socialButtons__buttons {
display: flex;
flex-direction: column
}
.login-form__socialButtons .login-form__socialButtons__buttons .Facebook_Login_Container {
display: flex;
justify-content: center;
align-items: center
}
.login-form__socialButtons .login-form__socialButtons__buttons .Facebook_Login_Container .button__Social__facebook {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #dadce0;
width: 248px;
min-width: 248px;
height: 38px;
margin-top: 20px;
cursor: pointer;
background-color: #fff;
color: #3c4043;
margin-left: 1px;
border-radius: 4px;
font-weight: 500;
letter-spacing: .3px
}
.login-form__socialButtons .login-form__socialButtons__buttons .Facebook_Login_Container .button__Social__facebook:hover {
background-color: #f9faff;
border: 1px solid #dbe1ee
}
.login-form__socialButtons .login-form__socialButtons__buttons .button__Social__google {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
cursor: pointer;
background-color: #fff
}
.login-form__socialButtons .login-form__socialButtons__title {
display: block;
width: 100%;
text-align: center;
margin: 20px 0 0 0;
font-size: 20px;
letter-spacing: 1.2px
}
.login-form__socialButtons .GFbLoginIcon {
width: 30px;
height: 30px;
margin-right: 7px
}
.login-form__socialButtons .FBIcon {
width: 21px;
height: 21px
}
.primary-action-button .angleRight {
fill: #FFFFFF;
margin-bottom: -3px;
width: 16px !important;
height: 16px !important
}
.primary-action-button:hover .angleRight {
fill: #FFFFFF
}
.primary-action-button--disabled .angleRight {
fill: #FFFFFF;
margin-bottom: -3px;
width: 16px !important;
height: 16px !important
}
.cartContainer .validation-info__container {
margin-top: 6px
}
.headerSection__pages__categories .categoryMenu__categories ul li:hover {
border-bottom: 3px solid #009141 !important;
}
.suggested-product {
text-align: center;
margin-top: 15px;
}
.suggested-product__title {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 21px;
color: #333;
text-align: left;
}
/* Kontener dla dwóch produktów obok siebie */
.suggested-product__container {
display: flex;
justify-content: center;
gap: 15px;
/* Odstęp między produktami */
}
.suggested-product__link {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: #333;
width: 150px;
/* Szerokość pojedynczego produktu */
}
.suggested-product__image-container {
width: 100%;
text-align: center;
}
.suggested-product__image {
width: 100%;
max-width: 150px;
display: block;
}
.suggested-product__name-container {
margin-top: 8px;
text-align: center;
max-width: 140px;
}
.suggested-product__name {
font-size: 12px;
font-weight: bold;
word-break: break-word;
white-space: normal;
text-align: center;
}
/* Styl dla ceny */
.suggested-product_price {
color: #000;
font-weight: 700;
font-size: 16px;
margin-top: 6px;
text-align: center;
}