.product-item:not(.product-item-pl) {
display: inline-block;
height: fit-content !important;
width: 270px;
position: relative;
text-align: center;
font-size: 18px;
color: #191616 ;
transition:all .3s linear
}
@media screen and (max-width: 768px) {
.product-item:not(.product-item-pl) {
padding-bottom: 10px
}
}
@media screen and (min-width: 769px) {
.product-item:not(.product-item-pl) {
padding-bottom: 0;
margin-bottom: 0
}
}
.product-item:not(.product-item-pl) .red-price {
color: rgba(251, 60, 153,1) ;
font-weight:600;
font-size:18px
}
.product-item:not(.product-item-pl) .price {
color: #373d3d ;
font-weight:600;
font-size:18px
}
.product-item:not(.product-item-pl) .price.notify-about-availability {
white-space: normal
}
.product-item:not(.product-item-pl) .old-price {
color: rgba(25,22,22,0.7) ;
font-size:14px;
opacity:1;
font-weight:400;
white-space:nowrap
}
.product-item:not(.product-item-pl) .loginToSeePrice {
font-size: 14px
}
.product-item:not(.product-item-pl) .product-item__description {
white-space: nowrap;
height: fit-content
}
.product-item:not(.product-item-pl) .product-item__link {
display: block;
height: 300px;
width: 100%;
position: relative
}
.product-item:not(.product-item-pl) .product-flags {
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
text-align: left
}
.product-item:not(.product-item-pl) .product-flags span {
margin: 0 5px 5px 0;
display: inline-block;
height: 25px;
font-size: 9px;
font-weight: 400;
width: max-content;
padding: 8px 10px;
box-sizing: border-box;
text-transform: uppercase
}
.product-item:not(.product-item-pl) .product-item__image {
margin: 0 auto;
width: 95%;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.product-item:not(.product-item-pl) .product-item__image img {
max-height: 95%;
max-width: 100%;
width: auto;
height: auto
}
.product-item:not(.product-item-pl) .product-item__description {
width: 100%;
height: 20%;
bottom: 0
}
.product-item:not(.product-item-pl) .product-item__description p {
padding: 5px;
margin: 0
}
.product-item:not(.product-item-pl) .product-item__description p:first-child {
font-size: 14px;
padding-top: 12px;
color: #373D3D ;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding-bottom:10px
}
.product-item:not(.product-item-pl) .product-item__description h2 {
font-size: 14px;
padding: 17px 5px 15px 5px;
color: #373D3D ;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
margin:0
}
.product-item:not(.product-item-pl) .product-item__description .notify-about-availability {
margin-top: 5px;
display: block;
font-size: 12px;
font-weight: 600
}
.product-item:not(.product-item-pl) .product-item__description .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: #1a4243 ;
letter-spacing:normal
}
.product-item:not(.product-item-pl) .product-item__description .old-price {
margin-left: 10px
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.product-item:not(.product-item-pl) {
height: 300px;
width: 200px
}
.product-item:not(.product-item-pl) .price,
.product-item:not(.product-item-pl) .red-price {
font-size: 15px
}
}
.product-item:not(.product-item-pl) .product-item__noImage {
width: 100%;
height: 100%;
background-color: #f4f4f4;
fill: #dbdbdb;
box-sizing: border-box
}
.product-item:not(.product-item-pl) .product-item__noImage svg {
width: 50px;
height: 50px
}
.product-item:not(.product-item-pl) .product-item.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1) {
display: block
}
.product-item:not(.product-item-pl) .product-item.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2) {
display: none
}
.product-item:not(.product-item-pl) .product-item.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1) {
display: none
}
.product-item:not(.product-item-pl) .product-item.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2) {
display: block
}
.product-item:not(.product-item-pl) .product-item:not(.product-item__new) .min-price {
display: block;
width: 100%
}
.product-item:not(.product-item-pl) .product-item__heartIcon {
fill: #191616 ;
width:27px;
height:24px;
z-index:1
}
.product-item:not(.product-item-pl) .product-item__heartIcon:hover {
cursor: pointer
}
.product-item:not(.product-item-pl) .wishlistButton {
position: absolute;
right: 8px;
top: 8px;
z-index: 2;
width: 27px;
height: 24px
}
.product-item:not(.product-item-pl) .product-item__addToCart-grid {
visibility: hidden;
margin: 16px auto 10px;
width: 90%;
padding-top: 8px;
padding-left: unset;
padding-bottom: 8px;
padding-right: unset;
text-align: center
}
.product-item:not(.product-item-pl):hover .product-item__addToCart-grid {
visibility: visible
}
.product-item:not(.product-item-pl).product-item-rec_hover {
transition: all .3s linear
}
.product-item:not(.product-item-pl).product-item-rec_hover:hover {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}
@media screen and (min-width: 769px) {
.product-item:not(.product-item-pl).product-item-rec_hover:hover {
transform: scale(1.05);
transition-delay: .1s
}
}
.recommended-products1 {
max-width: 1400px;
margin: 0 auto;
text-align: center
}
.recommended-products1 .recommended-products-border {
text-align: center;
border-bottom:1px solid #d1d1d1 ;
}
@media screen and (max-width: 768px) {
.recommended-products1 .recommended-products-border {
margin: 65px 0
}
}
@media screen and (min-width: 769px) {
.recommended-products1 .recommended-products-border {
margin: 0 0 65px
}
}
.recommended-products1 .recommended-products-title {
background-color: rgba(250, 250, 250, 0) ;
padding:0 20px;
bottom:-13px;
position:relative;
font-size:24px;
display:inline-block;
color: #191616 ;
}
.recommended-products1__list {
margin: 20px 0 0
}
@media only screen and (max-width: 599px) {
.recommended-products1__list {
margin: 10px 25px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.recommended-products1__list {
margin: 10px 30px
}
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.recommended-products1__list {
margin: 15px 0
}
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
.recommended-products1__list {
margin: 20px 0 0
}
}
.recommended-products1 .slick-list {
padding: 0 8px
}
.recommended-products1 .slick-track {
margin: 0
}
.recommended-products1 .slick-slide {
padding: 8px 0
}
.recommended-products1 [dir=rtl] .slick-next:before,
.recommended-products1 .slick-prev:before {
border:solid #ffffff ;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg)
}
.recommended-products1 .slick-next:before,
.recommended-products1 [dir=rtl] .slick-prev:before {
border:solid #ffffff ;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
.recommended-products1 .slick-prev:before,
.recommended-products1 .slick-next:before {
width: 4px;
height: 4px;
top: 14px;
content: " "
}
.recommended-products1 .slick-next:before {
left: 14px
}
.recommended-products1 .slick-prev:before {
left: 16px
}
.recommended-products1 [dir=rtl] .slick-prev {
right: 0;
left: auto
}
.recommended-products1 button.slick-prev.slick-arrow.slick-disabled,
.recommended-products1 button.slick-arrow.slick-disabled {
display: none !important
}
.recommended-products1.slider .slick-prev,
.recommended-products1.slider .slick-next {
background: rgba(255,255,255,0) ;
}
.recommended-products1.slider .slick-prev:hover,
.recommended-products1.slider .slick-next:hover {
background: rgba(136,136,136,0.6) ;
}
.recommended-products1.slider .slick-prev:hover:before,
.recommended-products1.slider .slick-next:hover:before {
border-color: #ffffff ;
}
.recommended-products1 .product-item {
width: 95%;
margin-bottom: 30px
}
.recommended-products1 .product-item__link {
height: 280px
}
.recommended-products1 .product-item .product-flags {
top: 0
}
.recommended-products1 .product-item__image {
width: fit-content;
height: fit-content
}
.recommended-products1 .product-item__image img {
max-width: 95%;
width: auto;
height: auto;
margin: 0 auto
}
.recommended-products1 .product-item .loginToSeePrice {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 95%;
margin-left: auto;
margin-right: auto
}
.recommended-products1 .product-item .old-price {
margin-left: 10px
}
.recommended-products1 .product-item .min-price {
width: 100%;
display: block
}
.recommended-products1 .product-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: #1a4243 ;
letter-spacing:normal
}
.recommended-products1 .product-item .notify-about-availability {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
margin: auto;
font-weight: 600
}
@media screen and (min-width: 769px) {
.recommended-products1 .product-item .notify-about-availability {
font-size: 15px
}
}
@media screen and (max-width: 768px) {
.recommended-products1 .product-item .notify-about-availability {
font-size: 14px
}
}
.recommended-products1 .product-item.hover img:nth-child(1) {
display: block
}
.recommended-products1 .product-item.hover img:nth-child(2) {
display: none
}
.recommended-products1 .product-item.hover:hover img:nth-child(1) {
display: none
}
.recommended-products1 .product-item.hover:hover img:nth-child(2) {
display: block
}
.recommended-products1 .product-item:not(.product-item-pl) {
padding-bottom: 20px
}
@media screen and (max-width: 768px) {
.recommended-products1 .product-item:not(.product-item-pl) {
width: 95% !important
}
.recommended-products1 .product-item:not(.product-item-pl) img {
max-height: 95% !important;
max-width: 100% !important;
width: auto;
height: auto
}
}
.recommended-products1 .product-item__image img {
border-radius:border-radius:inherit;
}
.blog-wrapper {
max-width: 1400px;
width: 100%;
margin-left: auto;
margin-right: auto;
height: auto;
background-color: rgba(250, 250, 250, 0) ;
}
@media screen and (max-width: 768px) {
.blog-wrapper {
margin-top: 65px
}
}
@media screen and (min-width: 769px) {
.blog-wrapper {
margin-top: 0
}
}
.blog-wrapper-mobile {
display: none
}
.blog-wrapper__title {
width: 100%;
height: 14px;
border-bottom:1px solid #d1d1d1 ;
text-align:center
}
@media screen and (max-width: 768px) {
.blog-wrapper__title {
margin: 35px 0 80px 0
}
}
@media screen and (min-width: 769px) {
.blog-wrapper__title {
margin: 0 0 80px
}
}
.blog-wrapper__title .text {
margin-bottom: 20px;
padding: 0 20px;
background-color: rgba(250, 250, 250, 0) ;
font-size:24px
}
.blog-wrapper .firstPost {
display: flex;
width: 100%;
margin: 0 0 60px 0
}
.blog-wrapper .firstPost__post {
width: 100%;
display: flex
}
.blog-wrapper .firstPost__post .data-container {
display: flex;
flex-direction: column;
width: 50%;
height: auto;
padding: 30px 0 30px 60px
}
.blog-wrapper .firstPost__post .data-container .content {
color: #1a4243 ;
font-size:18px;
font-style:normal;
font-weight:400;
line-height:26px;
word-break:break-word
}
.blog-wrapper .firstPost__post .data-container .tags {
display: flex;
position: relative;
margin-top: auto
}
.blog-wrapper .firstPost__post .data-container .tags .tag {
text-align: left;
font-size: 14px;
padding-top: 10px;
color: #1a4243 ;
}
.blog-wrapper .firstPost__post .data-container .tags .dot {
margin: 0 2px;
vertical-align: super
}
.blog-wrapper .firstPost__post .data-container .title {
font-weight: 500;
text-align: left;
font-size: 30px;
color: #191616 ;
line-height:36px;
letter-spacing:1.2px;
text-overflow:ellipsis;
overflow:hidden;
margin:0 0 30px 0
}
.blog-wrapper .firstPost__post .data-container .title:hover {
cursor: pointer
}
.blog-wrapper .firstPost__post .image-container {
display: flex;
height: auto;
width: 50%
}
.blog-wrapper .firstPost__post .image-container a {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
width: 100%
}
.blog-wrapper .firstPost__post .image-container a .image {
max-width: 710px;
max-height: 390px;
width: 100%;
height: auto;
object-fit: cover
}
.blog-wrapper .otherPosts {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
flex-flow: row wrap
}
.blog-wrapper .otherPosts__post-two-posts {
width: 48%
}
.blog-wrapper .otherPosts__post-three-and-four-posts {
width: 31%
}
@media screen and (min-width: 769px)and (max-width: 965px) {
.blog-wrapper .otherPosts__post-three-and-four-posts {
width: 48%
}
.blog-wrapper .otherPosts__post-three-and-four-posts:nth-child(n+3) {
display: none
}
}
.blog-wrapper .otherPosts__post {
height: auto
}
.blog-wrapper .otherPosts__post .image-container {
width: 100%;
height: auto
}
.blog-wrapper .otherPosts__post .image-container a {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center
}
.blog-wrapper .otherPosts__post .image-container a .image {
max-width: 440px;
height: 240px;
width: 100%;
object-fit: cover
}
.blog-wrapper .otherPosts__post .data-container {
display: flex;
flex-direction: column;
padding: 10px 0 0px 0px
}
.blog-wrapper .otherPosts__post .data-container .title {
font-weight: 500;
text-align: left;
font-size: 16px;
color: #191616 ;
line-height:24px;
letter-spacing:1.2px;
text-overflow:ellipsis;
overflow:hidden;
margin:0 0 10px 0
}
.blog-wrapper .otherPosts__post .data-container .title:hover {
cursor: pointer
}
.blog-wrapper .otherPosts__post .data-container .content {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
color: #1a4243 ;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:26px;
word-break:break-word
}
.blog-wrapper .otherPosts__post .data-container .tags {
display: flex;
position: relative;
margin-top: auto
}
.blog-wrapper .otherPosts__post .data-container .tags .tag {
text-align: left;
font-size: 14px;
padding-top: 10px;
color: #1a4243 ;
}
.blog-wrapper .otherPosts__post .data-container .tags .dot {
margin: 0 2px;
vertical-align: super
}
.blog-wrapper-mobile .image,
.blog-wrapper .image {
border-radius:calc({
{
settings.roundedType}} ;
*16px) !important
}
.info-banner-2 {
max-width: 1400px;
margin: 0 auto
}
.info-banner-2 .info-banner-border {
text-align: center;
border-bottom:1px solid #d1d1d1 ;
}
@media screen and (min-width: 769px) {
.info-banner-2 .info-banner-border {
margin: 0 0 65px
}
}
@media screen and (max-width: 768px) {
.info-banner-2 .info-banner-border {
margin: 65px 0
}
}
.info-banner-2 .info-banner-title {
background-color: rgba(250, 250, 250, 0) ;
padding:0 20px;
bottom:-13px;
position:relative;
font-size:24px;
display:inline-block;
color: #191616 ;
}
.info-banner-2__list .slick-list {
margin: 0px -12px
}
.info-banner-2__list .slick-track {
display: flex;
align-items: stretch
}
.info-banner-2__list .slick-slide {
margin: 0 12px
}
.info-banner-2__list [dir=rtl] .slick-next:before,
.info-banner-2__list .slick-prev:before {
border:solid #ffffff ;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg)
}
.info-banner-2__list .slick-next:before,
.info-banner-2__list [dir=rtl] .slick-prev:before {
border:solid #ffffff ;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
.info-banner-2__list .slick-prev:before,
.info-banner-2__list .slick-next:before {
width: 4px;
height: 4px;
top: 14px;
content: " "
}
.info-banner-2__list .slick-next:before {
left: 14px
}
.info-banner-2__list .slick-prev:before {
left: 16px
}
.info-banner-2__list [dir=rtl] .slick-prev {
right: 0;
left: auto
}
.info-banner-2__list button.slick-prev.slick-arrow.slick-disabled,
.info-banner-2__list button.slick-arrow.slick-disabled {
display: none !important
}
.info-banner-2__list.slider .slick-prev,
.info-banner-2__list.slider .slick-next {
background: rgba(255,255,255,0) ;
}
.info-banner-2__list.slider .slick-prev:hover,
.info-banner-2__list.slider .slick-next:hover {
background: rgba(136,136,136,0.6) ;
}
.info-banner-2__list.slider .slick-prev:hover:before,
.info-banner-2__list.slider .slick-next:hover:before {
border-color: #ffffff ;
}
@media screen and (max-width: 768px) {
.info-banner-2__list {
margin: 20px 0
}
}
@media screen and (min-width: 769px) {
.info-banner-2__list {
margin: 20px 0 0
}
}
@media only screen and (max-width: 599px) {
.info-banner-2__list {
margin: 10px 25px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.info-banner-2__list {
margin: 10px 30px
}
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.info-banner-2__list {
margin: 15px 0
}
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
.info-banner-2__list {
margin: 20px 0 0
}
}
.info-banner-2__list .sliderItem {
display: flex !important;
height: inherit;
box-sizing: border-box;
flex-direction: column;
justify-self: center;
padding: 24px;
border:1px solid #d1d1d1 ;
}
.info-banner-2__list .sliderItem__imageContainer {
height: 56px;
margin-bottom: 16px
}
.info-banner-2__list .sliderItem__imageContainer-centered {
display: flex;
align-items: center;
height: 100%
}
.info-banner-2__list .sliderItem__imageContainer img {
max-height: 56px
}
.info-banner-2__list .sliderItem__imageContainer img[src*=DefaultInfoBannerImage-] {
filter: none ;
}
.info-banner-2__list .sliderItem span:first-of-type {
font-size: 16px;
font-weight: 500;
letter-spacing: 1.2px;
margin-bottom: 16px;
color: #191616 ;
}
.info-banner-2__list .sliderItem span:last-of-type {
font-size: 14px;
line-height: 1.71;
letter-spacing: .8px;
color: #191616 ;
}
.info-banner-2 .sliderItem {
border-radius:inherit;
}
.newsletter2 {
display: block;
max-width: 1400px;
margin: 0 auto;
transition: .4s;
padding: 40px 0
}
.newsletter2 .checkBoxes__container input+label {
margin-left: -10px
}
.newsletter2 .newsletter2__input-container>.form__validation-info-js {
margin: 5px 0 0
}
.newsletter2-wrapper {
width: 100%;
background-color: #1a4243 ;
border-bottom:solid 1px #F2F2F2 ;
border-top:solid 1px #F2F2F2 ;
}
.newsletter2-wrapper .page-padding {
box-sizing: border-box
}
.newsletter2__title {
font-weight: normal;
color: #ffffff ;
font-size:24px;
margin-top:0;
margin-bottom:16px
}
@media only screen and (max-width: 599px) {
.newsletter2__title {
text-align: center;
font-size: 18px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.newsletter2__title {
text-align: center;
font-size: 18px
}
}
.newsletter2__text {
font-size: 14px;
font-weight: 300;
margin-bottom: 0;
color: #ffffff ;
}
@media only screen and (max-width: 599px) {
.newsletter2__text {
font-size: 14px;
text-align: center
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.newsletter2__text {
font-size: 14px;
text-align: center
}
}
.newsletter2__text-content {
line-height: .9;
text-align: center
}
.newsletter2__form {
width: 80%;
height: 100%;
padding-top: 35px;
margin: 0 auto;
display: block
}
.newsletter2__inputWrapper {
display: flex;
align-items: center;
justify-content: space-between;
position: relative
}
@media screen and (max-width: 970px) {
.newsletter2__inputWrapper {
flex-direction: column
}
.newsletter2__inputWrapper p {
padding-top: 5px
}
}
@media screen and (min-width: 971px) {
.newsletter2__inputWrapper {
flex-direction: row
}
.newsletter2__inputWrapper p {
position: absolute;
bottom: -20px
}
}
.newsletter2__input-container {
width: auto;
margin: 0 auto;
max-width: 745px
}
.newsletter2__input-container input[type=email] {
color: #000000 ;
font-size:16px;
border:1px solid #F2F2F2 ;
box-sizing:border-box;
margin:0 10px 0 0;
outline:none;
max-width:495px;
width:calc(100% - 245px);
padding:10px 20px;
background-color: #FFFFFF ;
text-align:left
}
.newsletter2__btn-subscribe {
padding: 10px 12px;
min-width: 200px;
display: inline-block;
box-sizing: border-box;
font-size: 14px
}
.newsletter2-warning {
color: red;
font-size: 12px;
display: block;
z-index: -1;
margin: 5px 0
}
.newsletter2-warning.email {
z-index: 1;
position: absolute
}
@media only screen and (max-width: 599px) {
.newsletter2-warning.email {
text-align: center;
position: relative;
padding-left: 0
}
}
@media only screen and (min-width: 1600px) {
.newsletter2-warning.email {
padding-left: 135px
}
}
.newsletter2__consents {
margin-top: 15px;
font-size: 14px;
transition: max-height .2s ease-out;
overflow: hidden;
padding: 0;
text-align: left;
max-width:700px
}
.newsletter2__consents .consentsList a,
.newsletter2__consents .checkBoxes__container input+label {
color: var(--cb-greenbottle)
}
.newsletter2__consents-list {
list-style-type: none;
padding: 0
}
.newsletter2__consents__channels-list {
list-style-type: none;
margin-top: 5px
}
.newsletter2__consents-required {
font-size: 12px;
font-weight: 300;
margin: 6px 0 6px 42px
}
.newsletter2__consents__checkbox-label {
cursor: pointer
}
@media only screen and (max-width: 599px) {
.newsletter2__consents {
font-size: 13px;
margin: 0;
padding: 0
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.newsletter2__consents {
font-size: 13px
}
}
@media only screen and (min-width: 1600px) {
.newsletter2__consents {
padding: 10px 0 0
}
}
@media screen and (max-width: 970px) {
.newsletter2 .newsletter2__form {
display: block;
margin: 0 auto
}
.newsletter2 .newsletter2__form .newsletter2__input-container {
display: grid
}
.newsletter2 .newsletter2__form .newsletter2__input-container input[type=email] {
width: 100%;
display: block;
margin: 0 auto
}
.newsletter2 .newsletter2__btn-subscribe {
display: block;
margin: 20px auto 0;
width: 200px;
order: 2
}
.newsletter2 .newsletter2__input-container>.form__validation-info-js {
margin: 5px auto 0;
width: 100%;
max-width: 495px
}
}
@media screen and (max-width: 360px) {
.newsletter2 {
padding: 42px 5px
}
}
.newsletter2 .showConsents-js {
border-radius:inherit;
}
.pagination:not(.new-pagination) {
list-style: none;
padding: 40px 0 10px 0;
display: inline-flex;
justify-content: center
}
.pagination:not(.new-pagination) .pagination__link {
border:1px solid #ffffff ;
width:25px;
height:25px;
display:flex;
margin:0 10px;
border-radius:border-radius:inherit;
}
.pagination:not(.new-pagination) .pagination__link:hover span {
border-color: #1a4243 ;
color: #fffce9 ;
background-color:rgba(0, 0, 0, 0)
}
@media only screen and (max-width: 599px) {
.pagination:not(.new-pagination) .pagination__link {
width: 20px;
height: 20px
}
}
.pagination:not(.new-pagination) .pagination__link a,
.pagination:not(.new-pagination) .pagination__link span {
text-decoration: none;
color: #1a4243 ;
background-color:rgba(0, 0, 0, 0);
width:24px;
height:25px;
display:flex;
justify-content:center;
align-items:center
}
@media only screen and (max-width: 599px) {
.pagination:not(.new-pagination) .pagination__link a,
.pagination:not(.new-pagination) .pagination__link span {
width: 19px;
height: 20px
}
}
.pagination:not(.new-pagination) .pagination__link span {
font-size: .75rem
}
.pagination:not(.new-pagination) .pagination__link--disabled {
opacity: .4
}
.pagination:not(.new-pagination) .pagination__link--prev {
opacity: 1;
border: none;
margin-right: auto;
background-color: rgba(0, 0, 0, 0)
}
.pagination:not(.new-pagination) .pagination__link--next {
opacity: 1;
border: none;
margin-left: auto;
background-color: rgba(0, 0, 0, 0)
}
.pagination:not(.new-pagination) .pagination__link--active {
opacity: 1;
color: #fffce9 ;
background-color:rgba(0, 0, 0, 0);
border-color: #1a4243 ;
}
.open360 {
border-radius: 50%;
background: #dadce0;
color: #222;
font-weight: 600;
width: 50px;
height: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 200ms
}
.open360:hover {
background: #b9bac0;
color: #000
}
.imageContainerPopup {
width: fit-content;
height: 80vh;
min-height: unset;
min-width: unset;
overflow: unset !important;
max-height: unset !important;
max-width: unset
}
@media screen and (max-width: 768px) {
.imageContainerPopup {
width: 100% !important;
min-height: fit-content;
top: 50% !important;
transform: translate(-50%, -50%) !important;
max-height: 100% !important
}
.imageContainerPopup .imageContainer360 {
display: flex;
align-items: center;
justify-content: center
}
}
.imageContainerPopup .close-button {
right: 0;
top: -5px;
cursor: pointer
}
.imageContainerPopup .img360 {
position: relative;
height: 100%;
width: 100%;
user-select: none;
-webkit-user-select: none
}
.imageContainerPopup .img360 img {
width: auto;
height: auto;
display: block;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
user-select: none;
-webkit-user-select: none
}
.imageContainerPopup .img360 .imageContainer--360btns {
position: absolute;
bottom: 25px;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}
.imageContainerPopup .img360 .imageContainer--360btn {
width: 35px;
height: 35px;
border-radius: 50%;
background-color: #dadce0;
margin: 0 10px;
position: relative;
transition: 300ms;
cursor: pointer
}
.imageContainerPopup .img360 .imageContainer--360btn:not(.btn-auto):active {
background-color: #1a4243 ;
}
.imageContainerPopup .img360 .imageContainer--360btn svg {
fill: #000;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.imageContainerPopup .img360 .imageContainer--360btn.btn-auto svg {
width: 20px;
height: 20px
}
.imageContainerPopup .img360 .imageContainer--360btn.btn-left svg {
transform: translate(-50%, -50%) rotate(-180deg)
}
.imageContainerPopup .img360 .imageContainer--360btn.btn-active {
background-color: #1a4243 ;
}
.productsList__filters--filterButtonBox {
margin: 20px
}
.productsList__filters--filterButton {
display: none !important;
width: 100% !important;
height: 50px;
text-transform: uppercase;
background-color: #46C3B2 ;
border:2px solid #46c3b2 ;
color: #FFFFFF ;
text-align:center;
font-size:14px;
cursor:pointer;
font-weight:500;
align-items:center;
outline:none;
font-weight:bold !important;
transition:200ms;
margin:0 !important
}
.productsList__filters--filterButton:hover {
transition: 200ms;
background-color: rgba(70,195,178,0.8) ;
border:2px solid rgba(70,195,178,0.8) ;
color: #fffce9 ;
}
.productsList__products--top {
position: relative
}
.productsList__products--top-subcategories {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 0 25px 0;
max-width: 100%;
width: 100%
}
.productsList__products--top-subcategories-container {
display: flex;
flex-direction: row;
gap: 32px
}
.productsList__products--top-subcategories-container .slick-prev {
left: 30px;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
padding: 0;
-webkit-transform: translate(0, -70%);
-ms-transform: translate(0, -70%);
transform: translate(0, -70%);
cursor: pointer;
color: rgba(0, 0, 0, 0);
border: none;
outline: none
}
.productsList__products--top-subcategories-container [dir=rtl] .slick-prev {
right: 30px;
left: auto
}
.productsList__products--top-subcategories-container .slick-next {
right: 30px;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
padding: 0;
-webkit-transform: translate(0, -70%);
-ms-transform: translate(0, -70%);
transform: translate(0, -70%);
cursor: pointer;
color: rgba(0, 0, 0, 0);
border: none;
outline: none
}
.productsList__products--top-subcategories-container .slick-track {
display: flex
}
.productsList__products--top-subcategories-container [dir=rtl] .slick-next {
right: auto;
left: 10px
}
.productsList__products--top-subcategories-container [dir=rtl] .slick-next:before,
.productsList__products--top-subcategories-container .slick-prev:before {
border: solid #000;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
margin-right: 2px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg)
}
.productsList__products--top-subcategories-container .slick-next:before,
.productsList__products--top-subcategories-container [dir=rtl] .slick-prev:before {
border: solid #000;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
margin-right: 2px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.productsList__products--top-subcategories-container .slick-prev:before,
.productsList__products--top-subcategories-container .slick-next:before {
width: 4px;
height: 4px;
top: 14px;
content: " "
}
.productsList__products--top-subcategories-container .slick-next:before {
left: 14px
}
.productsList__products--top-subcategories-container .slick-prev:before {
left: 16px
}
.productsList__products--top-subcategories-container [dir=rtl] .slick-prev {
right: 30px;
left: auto
}
.productsList__products--top-subcategories-container button.slick-prev.slick-arrow.slick-disabled,
.productsList__products--top-subcategories-container button.slick-arrow.slick-disabled {
display: none !important
}
.productsList__products--top-subcategories-container .slick-arrow {
border-radius: 50%;
z-index: 1
}
.productsList__products--top-subcategories-container .slick-prev,
.productsList__products--top-subcategories-container .slick-next {
background: rgba(255,255,255,0) ;
color: #ffffff ;
fill: #ffffff ;
}
.productsList__products--top-subcategories-container .slick-prev:hover,
.productsList__products--top-subcategories-container .slick-next:hover {
background: rgba(136,136,136,0.6) ;
}
.productsList__products--top-subcategories-container .slick-prev:hover svg,
.productsList__products--top-subcategories-container .slick-next:hover svg {
fill: #ffffff ;
}
.productsList__products--top-subcategories-container .slick-prev:hover:before,
.productsList__products--top-subcategories-container .slick-next:hover:before {
border-color: #ffffff ;
}
.productsList__products--top-subcategories-container-data {
display: flex;
text-align: center;
margin: 20px
}
.productsList__products--top-subcategories-container-data-image {
width: 100%;
max-height: 150px;
min-height: 150px;
object-fit: unset
}
.productsList__products--top-subcategories-container-data-name {
border-left: #252525;
font-size: 14px;
letter-spacing: 1.2px
}
.productsList__products--top-subcategories-container-data:hover-image {
filter: brightness(90%)
}
.productsList__products--top-subcategories-container-data:hover-name {
border-left: #5f5c5c
}
.productsList__products--top-subcategories-title {
font-size: 18px;
letter-spacing: 1px;
margin-top: 25px
}
.product-list-js .product-list-wrapper {
background: rgba(250, 250, 250, 0) ;
max-width:1400px;
margin:40px auto 0 auto;
clear:both;
display:flex;
font-size:14px;
font-weight:300;
color: #191616 ;
background: rgba(250, 250, 250, 0) ;
text-align:center
}
.product-list-js .product-list-wrapper--wide {
max-width: 1400px
}
.product-list-js .product-list-wrapper .productList__category__title {
letter-spacing: 2px;
font-weight: 500;
font-size: 14px;
text-transform: uppercase
}
.product-list-js .product-list-wrapper .productList__category__info {
text-align: left;
padding: 31px 0 0;
width: 100%
}
@media screen and (min-width: 890px) {
.product-list-js .product-list-wrapper .productList__category__info--withImg {
display: flex;
flex-direction: row
}
.product-list-js .product-list-wrapper .productList__category__info img {
max-width: 315px;
margin-right: 30px
}
}
@media screen and (max-width: 889px) {
.product-list-js .product-list-wrapper .productList__category__info img {
display: none
}
}
.product-list-js .product-list-wrapper .productList__category__description {
line-height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.product-list-js .product-list-wrapper .productList__category__description * {
font-family: Poppins ;
,
Verdana
}
.product-list-js .product-list-wrapper .productList__category__description-hide {
-webkit-line-clamp: 6;
max-height: 160px
}
.product-list-js .product-list-wrapper .productList__category__showMore {
display: block;
margin-left: auto;
margin-right: 0;
color: #1a4243 ;
font-size:14px;
font-weight:normal;
letter-spacing:1.2px;
line-height:1.71;
width:fit-content;
text-align:right
}
.product-list-js .product-list-wrapper .productList__category__showMore:hover {
cursor: pointer
}
.product-list-js .product-list-wrapper .product-list__gridView-js.product-list__grid--not-many-products {
display: block;
text-align: left
}
.product-list-js .product-list-wrapper .productList__listView {
width: 16px;
height: 16px;
margin-bottom: -3px;
cursor: pointer;
padding: 0 6px;
fill: #191616 ;
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper.filtersOpen-js .product-list__gridView-js .productList__category__info {
padding: 31px 0
}
@media screen and (max-width: 600px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper.filtersOpen-js .product-list__gridView-js {
margin-left: 0
}
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper.filtersOpen-js .product-list__gridView-js .products-container {
width: 100%;
display: grid
}
@media screen and (min-width: 1301px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper.filtersOpen-js .product-list__gridView-js .products-container {
grid-template-columns: 32% 32% 32%;
grid-column-gap: 2%
}
}
@media screen and (min-width: 981px)and (max-width: 1300px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper.filtersOpen-js .product-list__gridView-js .products-container {
grid-template-columns: 49% 49%;
grid-column-gap: 2%
}
}
@media screen and (max-width: 980px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper.filtersOpen-js .product-list__gridView-js .products-container {
grid-template-columns: 100%
}
}
@media screen and (max-width: 768px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper:not(.filtersOpen-js) .product-list__gridView-js {
margin-left: 0
}
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper:not(.filtersOpen-js) .product-list__gridView-js .products-container {
width: 100%;
display: grid
}
@media screen and (min-width: 1601px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper:not(.filtersOpen-js) .product-list__gridView-js .products-container {
grid-template-columns: 24% 24% 24% 24%;
grid-column-gap: 1.33%
}
}
@media screen and (min-width: 1025px)and (max-width: 1600px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper:not(.filtersOpen-js) .product-list__gridView-js .products-container {
grid-template-columns: 32% 32% 32%;
grid-column-gap: 2%
}
}
@media screen and (max-width: 1024px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper:not(.filtersOpen-js) .product-list__gridView-js .products-container {
grid-template-columns: 49% 49%;
grid-column-gap: 2%
}
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .product-list__listView-js .products-container {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: 0
}
.product-list-js .product-list {
width: 100%;
box-sizing: border-box;
display: flex;
position: relative;
flex-wrap: wrap
}
.product-list-js .product-list .product-list__grid-wrapper.filtersOpen-js .display-details__sorting {
margin-left: 0
}
@media screen and (min-width: 769px) {
.product-list-js .product-list .filtersOpen-js .product-list__filters-trigger {
left: 0;
position: absolute
}
}
@media screen and (min-width: 601px)and (max-width: 768px) {
.product-list-js .product-list .filtersOpen-js .product-list__filters-trigger {
left: 0;
position: absolute
}
}
@media screen and (max-width: 600px) {
.product-list-js .product-list .filtersOpen-js .product-list__filters-trigger {
position: relative
}
}
.product-list-js .product-list__title {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #f2f2f2
}
.product-list-js .product-list .category-nav {
margin-bottom: 45px;
box-sizing: border-box;
padding: 25px 30px;
position: relative;
border: 1px solid #f2f2f2
}
@media screen and (min-width: 769px) {
.product-list-js .product-list .category-nav {
width: 295px
}
}
.product-list-js .product-list .category-nav span.changeCategoryLink {
cursor: pointer
}
.product-list-js .product-list .category-nav__previous {
margin: 0;
padding-bottom: 18px;
text-align: left
}
.product-list-js .product-list .category-nav__previous svg {
margin-bottom: -4px;
fill: #1a4243 ;
}
.product-list-js .product-list .category-nav__previous a {
text-align: left
}
.product-list-js .product-list .category-nav>.product-list__title {
font-weight: 500;
text-align: left;
word-break: break-word
}
.product-list-js .product-list__no-results {
border:5px solid rgba(250, 250, 250, 0) ;
padding:20px;
width:calc(100% - 40px);
margin:0 auto
}
.product-list-js .product-list__no-results span {
margin-left: 1%;
margin-right: 10px
}
.product-list-js .product-list__no-results span svg {
margin-bottom: -4px
}
.product-list-js .product-list__banners--noResults {
text-align: center;
width: 100%;
color: #191616 ;
margin:0 auto 15px
}
.product-list-js .product-list__banners--noResults svg {
margin-bottom: -3px;
fill: #191616 ;
}
.product-list-js .product-list__categories-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%
}
.product-list-js .product-list__categories-wrapper--rows {
justify-content: flex-start
}
.product-list-js .product-list__category {
height: 400px;
width: 430px;
margin: 12px;
font-weight: bold;
color: #191616 ;
text-decoration:none;
font-size:18px;
display:flex;
align-items:center;
position:relative;
box-shadow:0 0 6px rgba(0, 0, 0, .2);
overflow:hidden;
box-sizing:border-box
}
@media only screen and (max-width: 540px) {
.product-list-js .product-list__category {
height: 320px;
width: 90%
}
}
@media only screen and (min-width: 860px)and (max-width: 969px) {
.product-list-js .product-list__category {
height: 360px;
width: 380px
}
}
@media only screen and (min-width: 970px)and (max-width: 1600px) {
.product-list-js .product-list__category:nth-child(5n+1) {
width: 885px
}
}
@media only screen and (min-width: 1601px) {
.product-list-js .product-list__category:nth-child(5n+4) {
width: 885px
}
}
.product-list-js .product-list__category span {
position: absolute;
padding: 5px 50px;
color: #fff;
font-size: 24px;
text-shadow: 0 3px 6px rgba(0, 0, 0, .2);
font-weight: 300;
word-break: break-word;
bottom: 15%;
width: 100%;
background-color: rgba(0, 0, 0, .6);
box-sizing: border-box;
text-align: left
}
@media only screen and (min-width: 769px) {
.product-list-js .product-list__category span {
transform: translateY(300%);
transition: transform .3s ease-in-out
}
}
.product-list-js .product-list__category--icon-mosaic {
background-size: auto 70% !important
}
@media only screen and (min-width: 769px) {
.product-list-js .product-list__category:hover span {
transform: translateY(0);
transition: transform .3s ease-in-out
}
}
.product-list-js .product-list__category-list-element {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 20px 50px;
cursor: pointer;
max-width: 300px
}
@media only screen and (max-width: 768px) {
.product-list-js .product-list__category-list-element {
align-items: flex-start
}
}
.product-list-js .product-list__category-list-element-imgContainer {
height: 200px;
width: 300px;
box-shadow: 0 0 6px rgba(0, 0, 0, .2);
display: flex;
align-items: center;
justify-content: center
}
.product-list-js .product-list__category-list-element-img {
max-width: 300px;
max-height: 200px;
width: auto;
height: auto
}
.product-list-js .product-list__category-list-element-title {
margin-top: 15px;
width: 100%;
padding-left: 10px;
border-left:3px solid #d1d1d1 ;
text-align:left;
word-break:break-word
}
.product-list-js .product-list__filters-trigger {
cursor: pointer;
display: inline-block;
text-transform: uppercase;
font-weight: 500
}
.product-list-js .product-list__filters-trigger svg {
fill: #1a4243 ;
margin-bottom:-4px
}
.product-list-js .product-list__filters {
width: 295px;
display: none;
margin-top: 60px;
margin-right: 20px;
background: rgba(250, 250, 250, 0) ;
}
@media screen and (min-width: 601px)and (max-width: 768px) {
.product-list-js .product-list__filters {
width: 220px
}
}
.product-list-js .product-list__filters .checkBoxes__container input+label {
padding: 10px 10px 10px 30px;
text-align: left
}
.product-list-js .product-list__filters .checkBoxes__container input+label .filter-label {
word-break: break-all
}
.product-list-js .product-list__filters .checkBoxes__container input+label .filter-label-colors {
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
margin-top: -2px;
text-align: center;
border: 1px solid;
word-break: normal
}
.product-list-js .product-list__filters .checkBoxes__container input+label:before {
left: 0
}
.product-list-js .product-list__filters .checkBoxes__container input:checked+label .checkBoxes__checkIcon {
left: 1px;
top: 10px
}
@media only screen and (max-width: 600px) {
.product-list-js .product-list__filters {
display: none;
position: absolute;
z-index: 3;
right: 0;
width: 100%;
top: 60px;
padding: 0;
margin: 0;
border-bottom:2px solid {
{
settings.borderColor
}}} ;
}
@media only screen and (min-width: 601px)and (max-width: 768px) {
.product-list-js .product-list__filters .category-nav {
padding: 20px
}
}
@media only screen and (max-width: 600px) {
.product-list-js .product-list__filters .category-nav {
margin: 10px 20px
}
}
.product-list-js .product-list__filters .category-nav ul li {
margin-bottom: 18px
}
.product-list-js .product-list__filters .category-nav ul li span {
font-size: 10px
}
.product-list-js .product-list__filters .category-nav ul li span.changeCategoryLink {
font-size: 1em;
color: #191616 ;
}
.product-list-js .product-list__filters .category-nav ul li span svg {
margin-bottom: -4px;
fill: #1a4243 ;
}
.product-list-js .product-list__filters .category-nav ul li a {
text-decoration: none;
color: #191616 ;
}
.product-list-js .product-list__filters .price-filter {
width: 100%;
margin-bottom: 45px
}
.product-list-js .product-list__filters .price-filter__tag-wrapper {
margin-top: 25px
}
.product-list-js .product-list__filters .price-filter .slider-container {
margin: 0 auto
}
.product-list-js .product-list__filters .price-filter__title {
margin-bottom: 60px
}
.product-list-js .product-list__filters-applay {
width: 100%;
height: 45px;
font-size: 14px;
display: grid;
padding: 0
}
.product-list-js .product-list__filtersButton {
text-align: center;
margin: 20px 25px 0 0;
padding: 1px 10px;
border:1px solid #d1d1d1 ;
background-color: rgba(250, 250, 250, 0) ;
height:30px;
box-sizing:border-box;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
position:relative;
display:flex;
justify-content:space-between;
align-items:center
}
.product-list-js .product-list__filtersButton svg {
width: 16px;
height: 16px;
margin-left: 3px;
cursor: pointer
}
.product-list-js .product-list__filtersButton:first-of-type {
background-color: rgba(250, 250, 250, 0) ;
border:1px solid #d1d1d1 ;
color: #1a4243 ;
fill: #1a4243 ;
}
.product-list-js .product-list__grid-wrapper {
width: 100%
}
@media screen and (min-width: 769px) {
.product-list-js .product-list__grid-wrapper.filtersOpen-js {
width: calc(100% - 315px)
}
}
@media screen and (min-width: 601px)and (max-width: 768px) {
.product-list-js .product-list__grid-wrapper.filtersOpen-js {
width: calc(100% - 240px)
}
}
.product-list-js .product-list__grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: 0
}
.product-list-js .product-list .filtersOpen-js .product-list__filters-trigger.display-details__title>span {
color: #1a4243 ;
}
.product-list-js .product-list h2 {
font-size: unset;
font-weight: unset;
margin: unset;
padding: unset
}
.product-list-js .product-list__grid-wrapper .display-details {
width: 100%;
line-height: 28px;
box-sizing: border-box;
display: flex;
justify-content: space-between
}
.product-list-js .product-list__grid-wrapper .display-details.display-details__selectedFilters {
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 20px
}
@media only screen and (max-width: 599px) {
.product-list-js .product-list__grid-wrapper .display-details {
margin-left: 0
}
}
.product-list-js .product-list__grid-wrapper .display-details__title {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px
}
.product-list-js .product-list__grid-wrapper .display-details__counter span:first-child {
padding-right: 3px
}
.product-list-js .product-list__grid-wrapper .display-details__counter span:last-child {
color: #ccc
}
@media screen and (max-width: 768px) {
.product-list-js .product-list__grid-wrapper .display-details__counter {
position: absolute;
top: 30px;
right: 0
}
}
.product-list-js .product-list__grid-wrapper .display-details__sorting {
cursor: pointer
}
.product-list-js .product-list__grid-wrapper .display-details__sorting svg {
margin-bottom: -4px;
color: #1a4243 ;
fill: #1a4243 ;
}
@media screen and (max-width: 600px) {
.product-list-js .product-list__grid-wrapper .display-details__sorting {
float: right
}
}
@media screen and (min-width: 769px) {
.product-list-js .product-list__grid-wrapper .display-details__sorting {
margin-left: -34%
}
}
.product-list-js .product-list__grid-wrapper .display-details__sorting .dropdown-menu {
display: none;
width: 220px;
z-index: 2;
margin-left: 35px;
position: absolute
}
@media only screen and (max-width: 599px) {
.product-list-js .product-list__grid-wrapper .display-details__sorting .dropdown-menu {
width: 175px;
margin-left: 0;
right: 3%
}
}
.product-list-js .product-list__grid-wrapper .display-details__sorting .dropdown-menu__links {
list-style: none;
width: 100%;
padding: 20px 30px;
margin: 12px 0 0;
background-color: rgba(250, 250, 250, 0) ;
box-shadow:1px 1px 10px 1px #ddd;
border-radius:5px;
box-sizing:border-box;
color: #1a4243 ;
}
.product-list-js .product-list__grid-wrapper .display-details__sorting .dropdown-menu__links .dropdown-menu__selected span {
border-bottom:1px solid #1a4243 ;
color: #191616 ;
font-weight:500
}
.product-list-js .product-list__grid-wrapper .display-details__sorting .dropdown-menu__links li>span:hover {
transition: linear .08s;
border-bottom:1px solid #1a4243 ;
cursor:pointer;
color: #191616 ;
font-weight:500
}
.product-list-js .product-list__grid-wrapper .display-details__sorting .dropdown-menu__links li>span {
display: inline-block;
line-height: 35px;
border-bottom:1px solid rgba(250, 250, 250, 0) ;
}
.product-list-js .filter-group-list,
.product-list-js .filter-group,
.product-list-js .category-nav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
word-break: break-word
}
.product-list-js .filter-group-list {
margin-bottom: 45px
}
@media screen and (max-width: 600px) {
.product-list-js .filter-group-list {
width: 100%;
padding: 20px;
box-sizing: border-box
}
}
.product-list-js .filter-group-list .filter-group-wrapper {
margin-bottom: 45px;
width: 295px;
box-sizing: border-box;
padding: 25px 30px;
border: 1px solid #f2f2f2;
position: relative
}
@media screen and (min-width: 601px)and (max-width: 768px) {
.product-list-js .filter-group-list .filter-group-wrapper {
margin: 0 0 20px 0;
width: 220px
}
}
@media screen and (max-width: 600px) {
.product-list-js .filter-group-list .filter-group-wrapper {
margin: 0 0 20px;
width: 100%
}
}
.product-list-js .filter-group-list .filter-group-wrapper .filter-group.filter-group--redundant {
display: none
}
.product-list-js .filter-group-list .filter-group-wrapper .filter-group .filter label {
cursor: pointer
}
.product-list-js .filter-group-list .filter-group-wrapper .filter-group .filter input[disabled]+label {
opacity: .5
}
.product-list-js .filter-group-list .filter-group-wrapper .filter-toggle {
text-decoration: underline;
cursor: pointer;
margin-left: 30px;
color: #1a4243 ;
}
.product-list-js .filter-group-list .filter-group-wrapper .filter-toggle.filter-less {
display: none
}
.product-list-js .productList__category__image {
margin: 0
}
.product-list-js .productListNameTooltip {
display: none;
background-color: #191616 ;
position:fixed;
width:auto;
min-height:25px;
max-width:200px;
padding:5px 10px;
z-index:100;
font-size:14px;
color: rgba(250, 250, 250, 0) ;
line-height:25px
}
.product-list-js .docket {
max-width: 1400px;
padding-left: 4%;
padding-right: 3%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
color: rgba(136,136,136,0.6) ;
font-weight:300
}
@media screen and (max-width: 1601px) {
.product-list-js .docket {
padding-left: 3%
}
}
.product-list-js .product-list-infoPopup {
position: fixed;
min-height: 40px;
width: auto;
padding: 10px 20px;
background-color: rgba(250, 250, 250, 0) ;
border:1px solid #d1d1d1 ;
z-index:102;
box-shadow:2px 2px 3px 0 #b0b0b0;
color: #191616 ;
font-size:15px;
line-height:40px;
cursor:pointer
}
.product-list-js .product-list-infoPopup span {
color: #1a4243 ;
}
@media screen and (max-width: 768px) {
.product-list-js {
padding-left: 3% !important;
padding-right: 3% !important;
margin: auto
}
}
.product-list .addToComparePopup {
position: fixed;
z-index: 100;
right: 10%;
bottom: 51px;
width: 400px;
height: 62px;
box-shadow: 0 3px 8px #616060;
background-color: rgba(250, 250, 250, 0) ;
}
.product-list .addToComparePopup .comparisonIcons {
margin-left: 25px;
display: inline-block
}
.product-list .addToComparePopup .comparisonIcons .comparerItemIcon {
width: 5px;
height: 5px;
margin-right: 10px;
-webkit-mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/regular/box.svg) no-repeat 50% 50%;
mask: url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/regular/box.svg) no-repeat 50% 50%;
background-color: #1a4243 ;
display:inline-block;
padding:10px
}
.product-list .addToComparePopup .comparisonIcons .addedToCompare {
background-color: #1a4243 ;
!important;
-webkit-mask:url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/solid/box.svg) no-repeat 50% 50%;
mask:url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/solid/box.svg) no-repeat 50% 50%
}
.product-list .addToComparePopup .comparisonInfo {
width: 100%;
position: relative;
margin-top: 6px;
line-height: 24px;
display: block
}
.product-list .addToComparePopup .addToCompare {
display: inline-block;
font-size: 14px;
line-height: 24px;
margin-left: 25px;
color: #191616 ;
font-weight:500
}
.product-list .addToComparePopup .closeComparePopup {
position: absolute;
top: 0;
right: 0;
margin-right: 25px;
background-color: #191616 ;
-webkit-mask:url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/light/times.svg) no-repeat 50% 50%;
mask:url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/light/times.svg) no-repeat 50% 50%;
width:14px;
height:14px
}
.product-list .addToComparePopup .closeComparePopup:hover {
cursor: pointer
}
.product-list .addToComparePopup .comparisonIcon {
float: right;
margin-top: 5px;
margin-right: 2px
}
.product-list .addToComparePopup .comparisonIcon .svgIcon {
fill: #1a4243 ;
margin:0 5px -3px 0;
width:15px;
height:15px
}
.product-list .addToComparePopup .goToComparisonTool {
color: #1a4243 ;
line-height:24px;
font-size:14px;
font-weight:400;
margin-right:25px
}
.categoryDescription {
max-width: 1400px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: rgba(250, 250, 250, 0) ;
}
.categoryDescription-container {
width: 100%;
max-width: 1400px;
display: flex;
justify-content: space-between;
padding: 32px 0;
flex-wrap: wrap
}
.categoryDescription-short {
max-height: 250px;
overflow: hidden;
margin-bottom: 20px;
transition: max-height .5s ease-out
}
.categoryDescription-description {
width: 100%
}
.categoryDescription-description--name {
font-size: 18px;
font-weight: 500;
color: #191616 ;
line-height:26px;
margin-top:0;
margin-bottom:16px
}
.categoryDescription-description--text,
.categoryDescription-description--text * {
font-size: 14px !important;
font-weight: 400;
color: #191616 ;
!important;
line-height:24px !important;
letter-spacing:1.2px !important;
font-family: Poppins ;
!important
}
.categoryDescription-showMore {
flex-wrap: wrap;
margin-left: 0;
cursor: pointer;
color: #1a4243 ;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:24px;
letter-spacing:1.2px
}
.categoryDescription-showMore svg {
fill: #1a4243 ;
margin-bottom:-5px
}
.categoryDescription-showMore--more svg {
transform: rotate(90deg)
}
.categoryDescription-showMore--less svg {
transform: rotate(-90deg)
}
@media screen and (min-width: 769px) {
#products-2 .product-list__gridView-js .product-item-third:hover {
position: inherit !important
}
}
@media screen and (min-width: 390px)and (max-width: 599px) {
#products-2 .product-list__gridView-js .products-container {
grid-template-columns: 49% 49% !important;
grid-column-gap: 2% !important
}
}
@media screen and (max-width: 389px) {
#products-2 .product-list__gridView-js .products-container {
grid-template-columns: 100% !important
}
}
.product-item-third {
display: inline-block;
position: relative;
text-align: left;
font-size: 16px;
color: #191616 ;
cursor:initial !important;
border-radius:calc({
{
settings.roundedType}} ;
*16px) !important
}
.product-item-third * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.product-item-third .open360 {
position: absolute;
right: 5px;
top: 50px;
z-index: 1
}
.product-item-third:not(:hover) .open360 {
opacity: .5
}
.product-item-third:hover .open360 {
opacity: 1
}
.product-item-third .product-item__link {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: relative
}
.product-item-third .product-item__image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto
}
.product-item-third .product-item__noImage {
background-color: rgba(250, 250, 250, 0) ;
fill:#dbdbdb;
box-sizing:border-box;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
height:auto !important;
width:auto !important
}
.product-item-third .product-item__noImage svg {
width: 50px;
height: 50px
}
.product-item-third .product-item__description {
display: block;
white-space: nowrap
}
.product-item-third .product-item__description h2 {
width: 100%;
display: block;
color: #191616 ;
font-size:16px;
font-weight:600;
line-height:24px;
letter-spacing:1.8px;
padding:0;
margin:0
}
.productsList__gridView-js .product-item__placeholder,
.product-list__gridView-js .product-item__placeholder {
margin-bottom: 25px;
position: relative;
height: 500px
}
@media screen and (min-width: 769px) {
.productsList__gridView-js .product-item__placeholder.withGraphicalVariants,
.product-list__gridView-js .product-item__placeholder.withGraphicalVariants {
height: 620px
}
.productsList__gridView-js .product-item__placeholder.withColorVariants,
.product-list__gridView-js .product-item__placeholder.withColorVariants {
height: 520px
}
}
.productsList__gridView-js .product-item-third,
.product-list__gridView-js .product-item-third {
width: calc(100% - 32px);
padding: 16px;
transition: all .3s linear;
top: 0;
left: 0;
background-color: rgba(250, 250, 250, 0) ;
}
.productsList__gridView-js .product-item-third .open360,
.product-list__gridView-js .product-item-third .open360 {
display: none
}
.productsList__gridView-js .product-item-third .product-flags,
.product-list__gridView-js .product-item-third .product-flags {
position: absolute;
left: 0;
right: unset;
top: 20px;
z-index: 1;
text-align: left
}
.productsList__gridView-js .product-item-third .product-flags span,
.product-list__gridView-js .product-item-third .product-flags span {
display: block;
margin: 0 0 5px 0;
padding: 5px 10px;
height: 22px;
line-height: 12px;
font-size: 12px;
text-transform: none;
font-weight: 400;
width: max-content;
box-sizing: border-box
}
.productsList__gridView-js .product-item-third .product-item__comparer,
.product-list__gridView-js .product-item-third .product-item__comparer {
position: absolute;
top: 20px;
left: 15px;
z-index: 2;
cursor: pointer
}
.productsList__gridView-js .product-item-third .product-item__comparer svg,
.product-list__gridView-js .product-item-third .product-item__comparer svg {
fill: #1a4243 ;
}
.productsList__gridView-js .product-item-third .product-item__link,
.product-list__gridView-js .product-item-third .product-item__link {
margin: 0 auto 15px auto;
height: 312px
}
.productsList__gridView-js .product-item-third .product-item__link .product-item__image,
.product-list__gridView-js .product-item-third .product-item__link .product-item__image {
width: auto;
height: 100%;
max-width: 100%;
display: block;
margin: auto
}
.productsList__gridView-js .product-item-third .product-item__link .product-item__image img,
.product-list__gridView-js .product-item-third .product-item__link .product-item__image img {
max-height: 100%;
max-width: 100%
}
.productsList__gridView-js .product-item-third .product-item__heartIcon,
.product-list__gridView-js .product-item-third .product-item__heartIcon {
visibility: hidden;
position: absolute;
right: 16px;
top: 16px;
fill: #1a4243 ;
width:27px;
height:24px;
z-index:1
}
.productsList__gridView-js .product-item-third .product-item__heartIcon:hover,
.product-list__gridView-js .product-item-third .product-item__heartIcon:hover {
cursor: pointer
}
.productsList__gridView-js .product-item-third .product-item__priceAndDiscountsContainer,
.product-list__gridView-js .product-item-third .product-item__priceAndDiscountsContainer {
display: flex;
justify-content: start;
align-items: unset;
flex-direction: column;
width: 100%
}
.productsList__gridView-js .product-item-third .product-item__priceAndDiscountsContainer .product-item__priceAndExtraButton,
.product-list__gridView-js .product-item-third .product-item__priceAndDiscountsContainer .product-item__priceAndExtraButton {
order: 2
}
.productsList__gridView-js .product-item-third .product-item__priceAndDiscountsContainer .product-item__discounts-container,
.product-list__gridView-js .product-item-third .product-item__priceAndDiscountsContainer .product-item__discounts-container {
order: 1
}
.productsList__gridView-js .product-item-third .product-item__discounts-container,
.product-list__gridView-js .product-item-third .product-item__discounts-container {
visibility: hidden;
display: none
}
.productsList__gridView-js .product-item-third .product-item__discounts-container .btn-pure-ui,
.productsList__gridView-js .product-item-third .product-item__discounts-container .input-pure-ui,
.productsList__gridView-js .product-item-third .product-item__discounts-container .close-ui,
.product-list__gridView-js .product-item-third .product-item__discounts-container .btn-pure-ui,
.product-list__gridView-js .product-item-third .product-item__discounts-container .input-pure-ui,
.product-list__gridView-js .product-item-third .product-item__discounts-container .close-ui {
border: none;
display: flex;
background: rgba(0, 0, 0, 0);
color: #1a4243 ;
font-size:12px;
text-align:right;
line-height:1.3;
cursor:pointer;
padding:12px 4px 12px 0
}
.productsList__gridView-js .product-item-third .product-item__discounts-container .btn-pure-ui:hover,
.productsList__gridView-js .product-item-third .product-item__discounts-container .input-pure-ui:hover,
.productsList__gridView-js .product-item-third .product-item__discounts-container .close-ui:hover,
.product-list__gridView-js .product-item-third .product-item__discounts-container .btn-pure-ui:hover,
.product-list__gridView-js .product-item-third .product-item__discounts-container .input-pure-ui:hover,
.product-list__gridView-js .product-item-third .product-item__discounts-container .close-ui:hover {
background: rgba(0, 0, 0, 0);
color: #1a4243 ;
}
.productsList__gridView-js .product-item-third .product-item__description,
.product-list__gridView-js .product-item-third .product-item__description {
width: 100%
}
.productsList__gridView-js .product-item-third .product-item__description h2,
.product-list__gridView-js .product-item-third .product-item__description h2 {
width: 100%;
max-height: 48px;
margin-bottom: 16px;
letter-spacing: 1.8px;
margin-top: 8px;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom {
width: 100%;
display: block;
margin-top: 5px
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-first,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-first {
height: 72px;
display: flex;
width: 100%;
justify-content: flex-start;
flex-direction: row;
margin-bottom: 15px
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-second,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-second {
min-height: 30px;
display: block;
width: 100%;
margin-bottom: 15px
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-image,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-image {
width: calc((100% - 48px)/5);
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #e6e6e6;
margin-right: 12px;
min-width: fit-content
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-image a,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-image a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-image-last,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-image-last {
margin-right: 0
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-image:hover,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-image:hover {
border:1px solid #191616 ;
cursor:pointer
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-image img,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-image img {
max-width: 50px;
max-height: 70px;
display: block;
height: auto;
width: auto
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-more,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-more {
width: 50px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: rgba(250, 250, 250, 0) ;
margin-right:0;
font-size:16px;
line-height:1.5;
letter-spacing:1.2px
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-active,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-active {
border:1px solid #191616 ;
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-attributes,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-attributes {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
overflow-x: hidden
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-secondAttribute,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-secondAttribute {
text-align: center;
padding: 0 8px;
font-size: 14px;
letter-spacing: 1.2px;
line-height: 1.71;
color: #191616 ;
border:1px solid #e6e6e6;
margin-right:15px;
transition:200ms
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-secondAttribute-last,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-secondAttribute-last {
margin-right: 0
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-secondAttribute:hover,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-secondAttribute:hover {
color: #1a4243 ;
border:1px solid #191616 ;
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-withColors .product-item__phantom-first,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-withColors .product-item__phantom-first {
height: 20px !important
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-withColors .product-item__phantom-second,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-withColors .product-item__phantom-second {
display: none;
visibility: hidden
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-colorWrapper,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-colorWrapper {
width: 18px;
height: 18px;
border-radius: 50%;
margin-right: 16px;
display: flex;
justify-content: center;
align-items: center;
border:1px solid rgba(250, 250, 250, 0) ;
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-colorWrapper:hover,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-colorWrapper:hover {
border:1px solid #191616 ;
cursor:pointer
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-colorWrapper.product-item__phantom-active,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-colorWrapper.product-item__phantom-active {
border:1px solid #191616 ;
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__phantom-color,
.product-list__gridView-js .product-item-third .product-item__description .product-item__phantom-color {
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__shortDescription,
.product-list__gridView-js .product-item-third .product-item__description .product-item__shortDescription {
display: block;
height: 0;
width: 100%;
overflow: hidden;
color: #1a4243 ;
}
@media screen and (min-width: 769px) {
.productsList__gridView-js .product-item-third .product-item__description .product-item__shortDescription,
.product-list__gridView-js .product-item-third .product-item__description .product-item__shortDescription {
visibility: hidden
}
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__shortDescription-descriptionText,
.product-list__gridView-js .product-item-third .product-item__description .product-item__shortDescription-descriptionText {
font-size: 14px;
font-weight: normal;
line-height: 16px;
letter-spacing: 1.2px;
text-align: left;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 100%;
z-index: 2
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__shortDescription-attributes,
.product-list__gridView-js .product-item-third .product-item__description .product-item__shortDescription-attributes {
display: grid;
grid-template-columns: max-content auto;
grid-column-gap: 10px;
grid-row-gap: 9px;
font-size: 13px;
font-weight: normal;
line-height: 16px;
letter-spacing: 1.2px;
width: 100%;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__shortDescription-attributes .name,
.product-list__gridView-js .product-item-third .product-item__description .product-item__shortDescription-attributes .name {
min-width: 30%;
font-weight: 500
}
.productsList__gridView-js .product-item-third .product-item__description .product-item__shortDescription-attributes .value,
.product-list__gridView-js .product-item-third .product-item__description .product-item__shortDescription-attributes .value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all
}
.productsList__gridView-js .product-item-third .normalPrice,
.product-list__gridView-js .product-item-third .normalPrice {
color: #191616 ;
font-weight:500;
font-size:16px;
line-height:32px;
letter-spacing:1.4px
}
.productsList__gridView-js .product-item-third .askForPrice,
.productsList__gridView-js .product-item-third .loginToSeePrice,
.product-list__gridView-js .product-item-third .askForPrice,
.product-list__gridView-js .product-item-third .loginToSeePrice {
font-size: 16px;
color: #191616 ;
}
.productsList__gridView-js .product-item-third .ask-for-price-tile,
.product-list__gridView-js .product-item-third .ask-for-price-tile {
transition: 200ms
}
.productsList__gridView-js .product-item-third .ask-for-price-tile:hover,
.product-list__gridView-js .product-item-third .ask-for-price-tile:hover {
cursor: pointer;
color: #1a4243 ;
}
.productsList__gridView-js .product-item-third .product-item__prices,
.product-list__gridView-js .product-item-third .product-item__prices {
margin-right: 5px
}
.productsList__gridView-js .product-item-third .productsList3__prices,
.product-list__gridView-js .product-item-third .productsList3__prices {
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 18px;
font-weight: 500;
line-height: 1.44;
letter-spacing: normal
}
.productsList__gridView-js .product-item-third .productsList3__prices .redPrice,
.product-list__gridView-js .product-item-third .productsList3__prices .redPrice {
font-size: 18px;
font-weight: 500;
letter-spacing: normal;
line-height: 1.44;
display: inline-block;
margin-right: 10px;
color: rgba(251, 60, 153,1) ;
}
.productsList__gridView-js .product-item-third .productsList3__prices .oldPrice,
.product-list__gridView-js .product-item-third .productsList3__prices .oldPrice {
font-size: 14px;
text-decoration: line-through;
display: inline-block;
line-height: 1.71;
letter-spacing: 1.2px;
font-weight: normal;
position: initial;
color: #191616 ;
}
.productsList__gridView-js .product-item-third .old-and-min-price,
.product-list__gridView-js .product-item-third .old-and-min-price {
position: initial;
flex-direction: column;
align-items: flex-start
}
.productsList__gridView-js .product-item-third .old-and-min-price .min-price,
.product-list__gridView-js .product-item-third .old-and-min-price .min-price {
word-break: break-word;
white-space: break-spaces;
text-align: left
}
.productsList__gridView-js .product-item-third .old-and-min-price .min-price span,
.product-list__gridView-js .product-item-third .old-and-min-price .min-price span {
font-size: 12px;
line-height: 1.5;
font-style: normal;
font-stretch: normal;
font-weight: normal;
color: #1a4243 ;
letter-spacing:normal
}
.productsList__gridView-js .product-item-third .product-item__priceAndExtraButton,
.product-list__gridView-js .product-item-third .product-item__priceAndExtraButton {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 10px auto;
height: fit-content;
position: relative
}
.productsList__gridView-js .product-item-third .product-item__addToCart,
.product-list__gridView-js .product-item-third .product-item__addToCart {
visibility: hidden;
display: none;
width: 30px;
height: 30px;
padding: 8px;
align-items: center;
justify-content: center;
cursor: pointer
}
.productsList__gridView-js .product-item-third .product-item__addToCart svg,
.product-list__gridView-js .product-item-third .product-item__addToCart svg {
fill: #FFFFFF ;
}
.productsList__gridView-js .product-item-third .product-item__rating,
.product-list__gridView-js .product-item-third .product-item__rating {
visibility: hidden;
display: block;
position: absolute;
left: 16px;
top: 16px;
z-index: 2;
text-align: left
}
.productsList__gridView-js .product-item-third .product-item__rating--icon,
.product-list__gridView-js .product-item-third .product-item__rating--icon {
fill: #1a4243 ;
width:14px;
height:14px
}
.productsList__gridView-js .product-item-third .product-item__rating--rates,
.product-list__gridView-js .product-item-third .product-item__rating--rates {
font-size: 14px;
color: #191616 ;
letter-spacing:1.2px;
line-height:1.71;
display:block
}
.productsList__gridView-js .product-item-third .product-item__rating--counter,
.product-list__gridView-js .product-item-third .product-item__rating--counter {
color: #1a4243 ;
text-align:right;
font-size:12px;
line-height:1.5;
display:block
}
.productsList__gridView-js .product-item-third .product-item__comparer,
.product-list__gridView-js .product-item-third .product-item__comparer {
visibility: hidden;
display: block;
z-index: 2;
background-color: rgba(0, 0, 0, 0);
position: absolute;
left: 16px;
top: 16px
}
.productsList__gridView-js .product-item-third .product-item__comparer--container,
.product-list__gridView-js .product-item-third .product-item__comparer--container {
font-size: 14px;
text-align: right;
color: #191616 ;
letter-spacing:1.2px;
line-height:1.71;
display:flex;
align-items:center;
position:relative
}
.productsList__gridView-js .product-item-third .product-item__comparer--icon,
.product-list__gridView-js .product-item-third .product-item__comparer--icon {
fill: #1a4243 ;
width:14px;
height:14px;
margin-right:5px
}
.productsList__gridView-js .product-item-third.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1),
.product-list__gridView-js .product-item-third.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1) {
display: block
}
.productsList__gridView-js .product-item-third.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2),
.product-list__gridView-js .product-item-third.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2) {
display: none
}
.productsList__gridView-js .product-item-third.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1),
.product-list__gridView-js .product-item-third.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1) {
display: none
}
.productsList__gridView-js .product-item-third.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2),
.product-list__gridView-js .product-item-third.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2) {
display: block
}
@media screen and (min-width: 769px) {
.productsList__gridView-js .product-item-third:hover,
.product-list__gridView-js .product-item-third:hover {
position: absolute;
left: -10px;
top: -60px;
z-index: 3;
box-shadow: 0 10px 30px 10px rgba(0, 0, 0, .12);
width: 100%
}
.productsList__gridView-js .product-item-third:hover .product-item__shortDescription,
.productsList__gridView-js .product-item-third:hover .product-item__addToCart,
.productsList__gridView-js .product-item-third:hover .product-item__comparer,
.productsList__gridView-js .product-item-third:hover .product-item__rating,
.productsList__gridView-js .product-item-third:hover .product-item__phantom,
.product-list__gridView-js .product-item-third:hover .product-item__shortDescription,
.product-list__gridView-js .product-item-third:hover .product-item__addToCart,
.product-list__gridView-js .product-item-third:hover .product-item__comparer,
.product-list__gridView-js .product-item-third:hover .product-item__rating,
.product-list__gridView-js .product-item-third:hover .product-item__phantom {
transition: 10ms;
transition-delay: .3s
}
.productsList__gridView-js .product-item-third:hover .product-item__phantom,
.product-list__gridView-js .product-item-third:hover .product-item__phantom {
visibility: visible;
height: fit-content
}
.productsList__gridView-js .product-item-third:hover .product-item__shortDescription,
.product-list__gridView-js .product-item-third:hover .product-item__shortDescription {
visibility: visible;
height: auto;
margin-bottom: 16px
}
.productsList__gridView-js .product-item-third:hover .product-item__heartIcon,
.productsList__gridView-js .product-item-third:hover .product-item__rating,
.productsList__gridView-js .product-item-third:hover .product-item__comparer,
.productsList__gridView-js .product-item-third:hover .product-item__addToCart,
.productsList__gridView-js .product-item-third:hover .product-item__discounts-container,
.product-list__gridView-js .product-item-third:hover .product-item__heartIcon,
.product-list__gridView-js .product-item-third:hover .product-item__rating,
.product-list__gridView-js .product-item-third:hover .product-item__comparer,
.product-list__gridView-js .product-item-third:hover .product-item__addToCart,
.product-list__gridView-js .product-item-third:hover .product-item__discounts-container {
visibility: visible
}
.productsList__gridView-js .product-item-third:hover .product-item__discounts-container,
.product-list__gridView-js .product-item-third:hover .product-item__discounts-container {
display: block
}
.productsList__gridView-js .product-item-third:hover .product-item__addToCart,
.product-list__gridView-js .product-item-third:hover .product-item__addToCart {
display: flex
}
.productsList__gridView-js .product-item-third:hover .open360,
.product-list__gridView-js .product-item-third:hover .open360 {
display: block
}
.productsList__gridView-js .product-item-third:hover .product-flags,
.product-list__gridView-js .product-item-third:hover .product-flags {
display: none
}
}
@media screen and (min-width: 769px) {
.productsList__listView-js .product-item__placeholder,
.product-list__listView-js .product-item__placeholder {
width: 100%;
display: block;
margin-bottom: 25px
}
.productsList__listView-js .product-item-third,
.product-list__listView-js .product-item-third {
display: block;
width: calc(100% - 32px);
min-height: auto;
padding: 20px 16px 60px;
transition: all .3s linear;
background-color: {
{
settings.primaryPageBgColor
}}} ;
.productsList__listView-js .product-item-third .open360,
.product-list__listView-js .product-item-third .open360 {
top: 50%;
transform: translateY(-50%)
}
.productsList__listView-js .product-item-third .product-flags,
.product-list__listView-js .product-item-third .product-flags {
position: absolute;
left: 0;
right: unset;
top: 20px;
z-index: 1;
text-align: left
}
.productsList__listView-js .product-item-third .product-flags span,
.product-list__listView-js .product-item-third .product-flags span {
display: block;
margin: 0 0 5px 0;
padding: 5px 10px;
height: 22px;
line-height: 12px;
font-size: 12px;
text-transform: none;
font-weight: 400;
width: max-content;
box-sizing: border-box
}
.productsList__listView-js .product-item-third .product-url,
.product-list__listView-js .product-item-third .product-url {
display: flex;
flex-direction: row;
height: 100%;
width: 100%
}
.productsList__listView-js .product-item-third .product-item__link,
.product-list__listView-js .product-item-third .product-item__link {
height: 200px;
width: 200px;
margin: 0 40px 0 0
}
.productsList__listView-js .product-item-third .product-item__image,
.product-list__listView-js .product-item-third .product-item__image {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
display: block;
margin: auto
}
.productsList__listView-js .product-item-third .product-item__image img,
.product-list__listView-js .product-item-third .product-item__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.productsList__listView-js .product-item-third .product-item__description,
.product-list__listView-js .product-item-third .product-item__description {
display: grid;
white-space: nowrap;
width: calc(70% - 240px);
height: fit-content
}
.productsList__listView-js .product-item-third .product-item__description h2,
.product-list__listView-js .product-item-third .product-item__description h2 {
margin-bottom: 32px;
letter-spacing: 1.8px;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
width: 100%;
height: fit-content
}
.productsList__listView-js .product-item-third .product-item__description .product-item__shortDescription,
.product-list__listView-js .product-item-third .product-item__description .product-item__shortDescription {
display: block;
width: 100%;
margin-bottom: 24px;
overflow: hidden;
color: {
{
settings.secondaryFontColor
}}} ;
.productsList__listView-js .product-item-third .product-item__description .product-item__shortDescription-descriptionText,
.product-list__listView-js .product-item-third .product-item__description .product-item__shortDescription-descriptionText {
font-size: 14px;
font-weight: normal;
line-height: 16px;
letter-spacing: 1.2px;
text-align: left;
white-space: initial;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 100%;
z-index: 2
}
.productsList__listView-js .product-item-third .product-item__description .product-item__shortDescription-attributes,
.product-list__listView-js .product-item-third .product-item__description .product-item__shortDescription-attributes {
display: grid;
grid-template-columns: max-content auto;
grid-column-gap: 10px;
grid-row-gap: 9px;
font-size: 13px;
font-weight: normal;
line-height: 16px;
letter-spacing: 1.2px;
width: 100%;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.productsList__listView-js .product-item-third .product-item__description .product-item__shortDescription-attributes .name,
.product-list__listView-js .product-item-third .product-item__description .product-item__shortDescription-attributes .name {
min-width: 30%;
font-weight: 500
}
.productsList__listView-js .product-item-third .product-item__description .product-item__shortDescription-attributes .value,
.product-list__listView-js .product-item-third .product-item__description .product-item__shortDescription-attributes .value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all
}
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton {
width: 30%;
display: flex;
align-items: flex-start;
justify-content: flex-end
}
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .normalPrice,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .normalPrice {
color: {
{
settings.primaryFontColor
}
}
;
font-weight:500;
font-size:16px;
line-height:32px;
letter-spacing:1.4px
}
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .askForPrice,
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .loginToSeePrice,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .askForPrice,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .loginToSeePrice {
font-size: 16px;
color: {
{
settings.primaryFontColor
}}} ;
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .ask-for-price-tile,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .ask-for-price-tile {
transition: 200ms
}
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .ask-for-price-tile:hover,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .ask-for-price-tile:hover {
cursor: pointer;
color: {
{
settings.linkFontColor
}}} ;
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .productsList3__prices,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .productsList3__prices {
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-end;
font-size: 18px;
font-weight: 500;
line-height: 1.44;
letter-spacing: normal
}
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .productsList3__prices .redPrice,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .productsList3__prices .redPrice {
font-size: 18px;
font-weight: 500;
letter-spacing: normal;
line-height: 1.44;
display: inline-block;
color: {
{
settings.ribbonPromotionColor
}}} ;
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .productsList3__prices .oldPrice,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .productsList3__prices .oldPrice {
margin-left: 10px;
font-size: 14px;
text-decoration: line-through;
display: inline-block;
line-height: 1.71;
letter-spacing: 1.2px;
font-weight: normal;
position: initial;
color: {
{
settings.primaryFontColor
}}} ;
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .old-and-min-price,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .old-and-min-price {
position: initial;
flex-direction: column;
align-items: flex-end
}
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .old-and-min-price .min-price,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .old-and-min-price .min-price {
word-break: break-word;
white-space: break-spaces;
text-align: right;
margin: 0 !important
}
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .old-and-min-price .min-price span,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .old-and-min-price .min-price span {
font-size: 12px;
line-height: 1.5;
font-style: normal;
font-stretch: normal;
font-weight: normal;
color: {
{
settings.secondaryFontColor
}
}
;
letter-spacing:normal
}
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .product-item__addToCart,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .product-item__addToCart {
width: 30px;
height: 30px;
padding: 8px;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
right: 20px;
bottom: 20px
}
.productsList__listView-js .product-item-third .product-item__priceAndExtraButton .product-item__addToCart svg,
.product-list__listView-js .product-item-third .product-item__priceAndExtraButton .product-item__addToCart svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 27px;
height: 24px;
fill: {
{
settings.primaryBtnFontColor
}}} ;
.productsList__listView-js .product-item-third .product-item__wishListRight .product-item__heartIcon,
.product-list__listView-js .product-item-third .product-item__wishListRight .product-item__heartIcon {
right: 20px
}
.productsList__listView-js .product-item-third .product-item__wishListLeft .product-item__heartIcon,
.product-list__listView-js .product-item-third .product-item__wishListLeft .product-item__heartIcon {
right: 90px
}
.productsList__listView-js .product-item-third .product-item__priceAndDiscountsContainer,
.product-list__listView-js .product-item-third .product-item__priceAndDiscountsContainer {
display: flex;
justify-content: start;
align-items: flex-end;
flex-direction: column;
width: 30%
}
.productsList__listView-js .product-item-third .product-item__priceAndDiscountsContainer .product-item__priceAndExtraButton,
.product-list__listView-js .product-item-third .product-item__priceAndDiscountsContainer .product-item__priceAndExtraButton {
order: 1;
width: 100%
}
.productsList__listView-js .product-item-third .product-item__priceAndDiscountsContainer .product-item__discounts-container,
.product-list__listView-js .product-item-third .product-item__priceAndDiscountsContainer .product-item__discounts-container {
order: 2
}
.productsList__listView-js .product-item-third .product-item__discounts-container .btn-pure-ui,
.productsList__listView-js .product-item-third .product-item__discounts-container .input-pure-ui,
.productsList__listView-js .product-item-third .product-item__discounts-container .close-ui,
.product-list__listView-js .product-item-third .product-item__discounts-container .btn-pure-ui,
.product-list__listView-js .product-item-third .product-item__discounts-container .input-pure-ui,
.product-list__listView-js .product-item-third .product-item__discounts-container .close-ui {
border: none;
display: flex;
background: rgba(0, 0, 0, 0);
color: {
{
settings.linkFontColor
}
}
;
font-size:12px;
text-align:right;
line-height:1.3;
cursor:pointer;
padding:12px 4px 12px 0
}
.productsList__listView-js .product-item-third .product-item__discounts-container .btn-pure-ui:hover,
.productsList__listView-js .product-item-third .product-item__discounts-container .input-pure-ui:hover,
.productsList__listView-js .product-item-third .product-item__discounts-container .close-ui:hover,
.product-list__listView-js .product-item-third .product-item__discounts-container .btn-pure-ui:hover,
.product-list__listView-js .product-item-third .product-item__discounts-container .input-pure-ui:hover,
.product-list__listView-js .product-item-third .product-item__discounts-container .close-ui:hover {
background: rgba(0, 0, 0, 0);
color: {
{
settings.linkFontColor
}}} ;
.productsList__listView-js .product-item-third .product-item__heartIcon,
.product-list__listView-js .product-item-third .product-item__heartIcon {
position: absolute;
bottom: 32px;
fill: {
{
settings.linkFontColor
}
}
;
width:27px;
height:24px;
z-index:1
}
.productsList__listView-js .product-item-third .product-item__heartIcon:hover,
.product-list__listView-js .product-item-third .product-item__heartIcon:hover {
cursor: pointer
}
.productsList__listView-js .product-item-third .product-item__comparer,
.product-list__listView-js .product-item-third .product-item__comparer {
position: absolute;
left: 20px;
bottom: 20px;
background-color: rgba(0, 0, 0, 0)
}
.productsList__listView-js .product-item-third .product-item__comparer svg,
.product-list__listView-js .product-item-third .product-item__comparer svg {
fill: {
{
settings.linkFontColor
}}} ;
.productsList__listView-js .product-item-third .product-item__comparer--container,
.product-list__listView-js .product-item-third .product-item__comparer--container {
font-size: 14px;
text-align: right;
color: {
{
settings.primaryFontColor
}
}
;
letter-spacing:1.2px;
line-height:1.71;
display:flex;
align-items:center;
position:relative
}
.productsList__listView-js .product-item-third .product-item__comparer--icon,
.product-list__listView-js .product-item-third .product-item__comparer--icon {
fill: {
{
settings.linkFontColor
}
}
;
width:14px;
height:14px;
margin-right:5px
}
.productsList__listView-js .product-item-third .product-item__rating,
.product-list__listView-js .product-item-third .product-item__rating {
position: absolute;
left: 20px;
bottom: 20px;
background-color: rgba(0, 0, 0, 0)
}
.productsList__listView-js .product-item-third .product-item__rating--icon,
.product-list__listView-js .product-item-third .product-item__rating--icon {
fill: {
{
settings.linkFontColor
}
}
;
width:14px;
height:14px
}
.productsList__listView-js .product-item-third .product-item__rating--rates,
.product-list__listView-js .product-item-third .product-item__rating--rates {
font-size: 14px;
color: {
{
settings.primaryFontColor
}
}
;
letter-spacing:1.2px;
line-height:1.71;
display:block
}
.productsList__listView-js .product-item-third .product-item__rating--counter,
.product-list__listView-js .product-item-third .product-item__rating--counter {
color: {
{
settings.linkFontColor
}
}
;
text-align:right;
font-size:12px;
line-height:1.5;
display:block
}
.productsList__listView-js .product-item-third .product-item__phantom,
.product-list__listView-js .product-item-third .product-item__phantom {
display: block;
order: 5;
margin-top: 5px;
width: auto;
max-width: 450px;
width: 100%
}
}
@media screen and (min-width: 769px)and (max-width: 768px) {
.productsList__listView-js .product-item-third .product-item__phantom,
.product-list__listView-js .product-item-third .product-item__phantom {
display: none
}
}
@media screen and (min-width: 769px) {
.productsList__listView-js .product-item-third .product-item__phantom-first,
.product-list__listView-js .product-item-third .product-item__phantom-first {
height: 72px;
display: flex;
width: 100%;
justify-content: flex-start;
flex-direction: row;
margin-bottom: 15px
}
.productsList__listView-js .product-item-third .product-item__phantom-second,
.product-list__listView-js .product-item-third .product-item__phantom-second {
min-height: 30px;
display: block;
width: 100%;
margin-bottom: 15px
}
.productsList__listView-js .product-item-third .product-item__phantom-image,
.product-list__listView-js .product-item-third .product-item__phantom-image {
width: calc((100% - 48px)/5);
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #e6e6e6;
margin-right: 12px
}
.productsList__listView-js .product-item-third .product-item__phantom-image-last,
.product-list__listView-js .product-item-third .product-item__phantom-image-last {
margin-right: 0
}
.productsList__listView-js .product-item-third .product-item__phantom-image:hover,
.product-list__listView-js .product-item-third .product-item__phantom-image:hover {
border:1px solid {
{
settings.primaryFontColor
}
}
;
cursor:pointer
}
.productsList__listView-js .product-item-third .product-item__phantom-image img,
.product-list__listView-js .product-item-third .product-item__phantom-image img {
max-width: 50px;
max-height: 70px;
display: block;
height: auto;
width: auto
}
.productsList__listView-js .product-item-third .product-item__phantom-more,
.product-list__listView-js .product-item-third .product-item__phantom-more {
width: 50px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: {
{
settings.primaryPageBgColor
}
}
;
margin-right:0;
font-size:16px;
line-height:1.5;
letter-spacing:1.2px
}
.productsList__listView-js .product-item-third .product-item__phantom-active,
.product-list__listView-js .product-item-third .product-item__phantom-active {
border:1px solid {
{
settings.primaryFontColor
}}} ;
.productsList__listView-js .product-item-third .product-item__phantom-attributes,
.product-list__listView-js .product-item-third .product-item__phantom-attributes {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
overflow-x: hidden
}
.productsList__listView-js .product-item-third .product-item__phantom-secondAttribute,
.product-list__listView-js .product-item-third .product-item__phantom-secondAttribute {
text-align: center;
padding: 0 8px;
font-size: 14px;
letter-spacing: 1.2px;
line-height: 1.71;
color: {
{
settings.primaryFontColor
}
}
;
border:1px solid #e6e6e6;
margin-right:15px
}
.productsList__listView-js .product-item-third .product-item__phantom-secondAttribute-last,
.product-list__listView-js .product-item-third .product-item__phantom-secondAttribute-last {
margin-right: 0
}
.productsList__listView-js .product-item-third .product-item__phantom-withColors .product-item__phantom-first,
.product-list__listView-js .product-item-third .product-item__phantom-withColors .product-item__phantom-first {
height: 20px !important
}
.productsList__listView-js .product-item-third .product-item__phantom-withColors .product-item__phantom-second,
.product-list__listView-js .product-item-third .product-item__phantom-withColors .product-item__phantom-second {
display: none;
visibility: hidden
}
.productsList__listView-js .product-item-third .product-item__phantom-colorWrapper,
.product-list__listView-js .product-item-third .product-item__phantom-colorWrapper {
width: 18px;
height: 18px;
border-radius: 50%;
margin-right: 16px;
display: flex;
justify-content: center;
align-items: center;
border:1px solid {
{
settings.primaryPageBgColor
}}} ;
.productsList__listView-js .product-item-third .product-item__phantom-colorWrapper:hover,
.product-list__listView-js .product-item-third .product-item__phantom-colorWrapper:hover {
border:1px solid {
{
settings.primaryFontColor
}
}
;
cursor:pointer
}
.productsList__listView-js .product-item-third .product-item__phantom-colorWrapper.product-item__phantom-active,
.product-list__listView-js .product-item-third .product-item__phantom-colorWrapper.product-item__phantom-active {
border:1px solid {
{
settings.primaryFontColor
}}} ;
.productsList__listView-js .product-item-third .product-item__phantom-color,
.product-list__listView-js .product-item-third .product-item__phantom-color {
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid
}
.productsList__listView-js .product-item-third:hover,
.product-list__listView-js .product-item-third:hover {
box-shadow: 0 10px 30px 10px rgba(0, 0, 0, .12);
z-index: 3
}
.productsList__listView-js .product-item-third.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1),
.product-list__listView-js .product-item-third.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1) {
display: block
}
.productsList__listView-js .product-item-third.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2),
.product-list__listView-js .product-item-third.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2) {
display: none
}
.productsList__listView-js .product-item-third.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1),
.product-list__listView-js .product-item-third.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1) {
display: none
}
.productsList__listView-js .product-item-third.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2),
.product-list__listView-js .product-item-third.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2) {
display: block
}
}
.report-review-popup {
z-index: 999
}
.report-review-popup .form-container {
position: fixed !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow-y: auto;
max-height: 90vh
}
@media screen and (min-width: 769px) {
.report-review-popup .form-container {
width: 740px;
padding: 40px 40px 40px 70px
}
}
@media screen and (max-width: 768px) {
.report-review-popup .form-container {
padding: 40px;
width: 100% !important;
height: 100vh !important;
max-height: unset !important
}
}
.report-review-popup .form-container .form__header {
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px;
text-align: left;
position: relative;
margin-bottom: 50px
}
.report-review-popup .form-container .form__header .main-title {
color: #191616 ;
font-weight:600
}
.report-review-popup .form-container .form__header .close-button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: 200ms;
fill: #191616 ;
}
.report-review-popup .form-container .form__header .close-button:hover {
fill: #1a4243 ;
}
.report-review-popup .form-container .form__input-wrapper {
margin-bottom: 32px;
position: relative
}
.report-review-popup .form-container .form__input-wrapper input {
height: 36px;
margin-bottom: 0;
font-size: 14px
}
.report-review-popup .form-container .form__input-wrapper input::placeholder {
font-size: 14px
}
.report-review-popup .form-container .form__input-wrapper .form__invalid-input {
position: absolute;
bottom: -20px;
left: 0
}
.report-review-popup .form-container .form__input-wrapper.form__validation-error-js input {
border-bottom: 1px solid #da2442
}
.report-review-popup .form-container .form__input-textareaWrapper {
margin-top: 0
}
.report-review-popup .form-container .form__input-textareaWrapper label {
top: 9px !important
}
.report-review-popup .form-container textarea {
font-size: 14px;
height: 140px;
padding: 5px !important
}
.report-review-popup .form-container textarea:-moz-placeholder,
.report-review-popup .form-container textarea::-moz-placeholder,
.report-review-popup .form-container textarea:-ms-input-placeholder,
.report-review-popup .form-container textarea::-webkit-input-placeholder,
.report-review-popup .form-container textarea::placeholder {
font-size: 14px !important
}
.report-review-popup .form-container .form__required-fields-info {
color: #191616 ;
font-size:12px;
font-style:normal;
font-weight:300;
line-height:18px
}
.report-review-popup .form-container .reportReviewBtn {
margin: 32px auto 0;
text-align: center;
display: block
}
@media screen and (min-width: 769px) {
.report-review-popup .form-container .reportReviewBtn {
width: 400px
}
}
@media screen and (max-width: 768px) {
.report-review-popup .form-container .reportReviewBtn {
width: 75%
}
}
@media screen and (max-width: 768px) {
.report-review-popup {
z-index: 9999
}
}
.report-review-statementTop label {
padding-bottom: 0 !important;
display: block !important;
width: fit-content !important
}
.report-review-statementTop label::before {
left: 0 !important
}
.report-review-statementTop p {
bottom: -25px !important
}
.report-review-statementBottom {
margin-bottom: 16px !important
}
.report-review-statementBottom label::before {
left: 0 !important
}
.report-review-statementBottom .checkbox-name {
color: #191616 ;
font-size:12px;
font-style:normal;
font-weight:400;
line-height:18px
}
.report-review-statementTop .checkBoxes__checkIcon,
.report-review-statementBottom .checkBoxes__checkIcon {
left: 3px !important;
top: 8px !important
}
.report-review-statementText {
color: #191616 ;
font-size:12px;
font-style:normal;
font-weight:400;
line-height:18px
}
.recalculateCart {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background-color: rgba(250, 250, 250, 0) ;
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: calc(1400px - 12%);
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
}
.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: #46c3b2 ;
!important;
color: #ffffff ;
!important
}
.cartSteps__container .cart__pastStep {
background-color: #46c3b2 ;
!important;
color: #ffffff ;
!important
}
.cartSteps__container .cart__pastStep svg {
fill: #ffffff ;
!important;
width:16px;
height:16px
}
.cartSteps__container .cartSteps__line {
width: 10%;
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 {
display: flex;
flex-direction: row;
min-height: 140px;
margin: 10px 0 0 15px;
position: relative;
width: calc(100% - 155px);
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: #1a4243 ;
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 ;
}
.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: rgba(70,195,178,0.8) ;
color: #fffce9 ;
}
.cartContainer .productsList .cart__details-box .cart__qty-box .cart__qty-col--change:hover svg {
fill: #fffce9 ;
}
.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:50px;
font-weight:500;
font-size:18px
}
.cartContainer .productsList .cart__details-box .cart__text--price {
display: flex;
justify-content: flex-end;
color: #1a4243 ;
font-size:14px;
font-weight:700;
line-height:24px;
letter-spacing:1.2px
}
.cartContainer .productsList .cart__details-box .cart__text--pricePerPiece {
white-space: nowrap;
margin-right: 15px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 1.2px
}
.cartContainer .productsList .cart__details-box .cart__text--priceTotal {
white-space: nowrap;
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 1.2px
}
.cartContainer .productsList .cart__details-box .cart__text--delete {
position: absolute;
bottom: 0;
display: block;
font-size: 14px;
color: #1a4243 ;
z-index:1
}
.cartContainer .productsList .cart__details-box .cart__text--delete:hover {
cursor: pointer;
color: #1a4243 ;
font-weight:600
}
.cartContainer .productsList .cart__details-box .cart__text--delete .trashIcon {
fill: #1a4243 ;
width:14px;
height:14px;
margin-right:5px
}
.cartContainer .productsList .cartLoyaltyMessage {
border: 1px solid #37ca94;
font-size: 16px;
color: #1a4243 ;
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: rgba(250, 250, 250, 0) ;
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: #1a4243 ;
padding-bottom:20px;
font-weight:600
}
.cartContainer .productsList .productItem__detailsContainer .productItem__details .removeItem {
color: #1a4243 ;
font-size:12px
}
.cartContainer .deliveryAndPayment {
width: 75%
}
.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: rgba(250, 250, 250, 0) ;
!important;
height:auto;
width:300px
}
.cartContainer .deliveryAndPayment .deliverySetCountryInfo option {
color: #191616 ;
padding:5px 10px
}
.cartContainer .deliveryAndPayment .deliverySetCountryInfo label {
color: #1a4243 ;
}
.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
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container {
margin: 10px 20px 10px 0;
border: 1px solid #c8c8c8;
width: 16%;
min-height: 180px;
padding: 15px 5px;
border-radius: 2px
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__imageContainer,
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__imageContainer,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__imageContainer,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__imageContainer,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__imageContainer,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__imageContainer,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__imageContainer,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__imageContainer {
margin: 10px 20px;
width: calc(100% - 40px);
display: block;
height: 36px
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__imageContainer img,
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__imageContainer img,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__imageContainer img,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__imageContainer img,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__imageContainer img,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__imageContainer img,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__imageContainer img,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__imageContainer img {
width: auto;
height: auto;
max-width: 100%;
max-height: 36px;
margin: auto;
display: block
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__name,
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__name,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__name,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__name,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__name,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__name,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__name,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__name {
width: calc(100% - 20px);
min-height: 45px;
display: block;
color: #191616 ;
font-size:14px;
margin:12px 10px 4px;
text-align:center;
letter-spacing:1.2px;
overflow:hidden
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__date,
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__date,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__date,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__date,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__date,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__date,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__date,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__date {
width: 100%;
min-height: 30px;
margin: 4px 0 9px;
font-size: 12px;
color: #191616 ;
text-align:center;
display:block
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__value,
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__value,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__value,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__value,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__value,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__value,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__value,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__value {
width: 100%;
margin: 10px 0;
font-size: 14px;
color: #191616 ;
text-align:center;
letter-spacing:1.2px;
display:block
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .deliveryMethod__changeDelivery,
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__container .paymentMethod__changeDelivery,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .deliveryMethod__changeDelivery,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__changeDelivery,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__changeDelivery,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__changeDelivery,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__changeDelivery,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__changeDelivery {
color: #1a4243 ;
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 .paymentMethod__container .deliveryMethod__changeDelivery:hover,
.cartContainer .deliveryAndPayment .deliveryMethods .paymentMethod__container .paymentMethod__changeDelivery:hover,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .deliveryMethod__changeDelivery:hover,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__container .paymentMethod__changeDelivery:hover,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .deliveryMethod__changeDelivery:hover,
.cartContainer .deliveryAndPayment .paymentMethods .paymentMethod__container .paymentMethod__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: #1a4243 ;
}
.cartContainer .deliveryAndPayment .deliveryMethods .deliveryMethod__freeDeliveryFrom .svgIcon,
.cartContainer .deliveryAndPayment .paymentMethods .deliveryMethod__freeDeliveryFrom .svgIcon {
fill: #1a4243 ;
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 0 20px 0;
width:100%;
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 .payUsingPoints {
border:2px solid #1a4243 ;
!important
}
.cartContainer .deliveryAndPayment .loyaltyPointsPayment__svg {
width: 50px;
height: 40px;
margin: 20px auto 30px;
display: block
}
.cartContainer .deliveryAndPayment .loyaltyPointsPayment__text {
width: calc(100% - 20px);
display: block;
color: #191616 ;
font-size:14px;
margin:12px 10px 4px;
text-align:center;
letter-spacing:1.2px
}
.cartContainer .deliveryAndPayment .loyaltyPointsPayment__cancelButton {
margin: 10px auto 0;
display: block;
width: 60%
}
.cartContainer .deliveryAndPayment .selected {
border:2px solid #1a4243 ;
!important
}
.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 .buttonStepBack {
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: #1a4243 ;
}
.cartContainer .deliveryAndPayment .paymentChannel__box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: rgba(250, 250, 250, 0) ;
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 #1a4243 ;
}
.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: rgba(250, 250, 250, 0) ;
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: rgba(250, 250, 250, 0) ;
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-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-right: 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 #fffce9 ;
}
.cartContainer .customerData .loginContainer__inputContainer:focus-within input[type=email],
.cartContainer .customerData .loginContainer__inputContainer:focus-within input[type=password] {
border-bottom:1px solid #1a4243 ;
}
.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: #1a4243 ;
text-align:center;
width:100%;
display:block;
margin-top:25px;
text-decoration:underline
}
.cartContainer .customerData .registerContainer {
margin-left: 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 .cart__receiver-address:not(.cart__receiver-address--multiple) {
border-bottom:1px solid #d1d1d1 ;
}
.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 #1a4243 ;
}
.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: rgba(250, 250, 250, 0) ;
!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: #1a4243 ;
padding:5px 10px
}
.cartContainer .customerData .deliveryData label {
color: #1a4243 ;
}
.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: #1a4243 ;
}
.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: #373d3d ;
border-color: #fffce9 ;
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: #1a4243 ;
}
.cartContainer .customerData .messageAndAttachments .msgToSeller__add>*,
.cartContainer .customerData .messageAndAttachments .attachments__add>* {
color: #1a4243 ;
fill: #1a4243 ;
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 #fffce9 ;
border-radius:20px;
padding:5px 15px
}
.cartContainer .customerData .requiredFields {
width: 100%;
display: block;
margin: 40px 0
}
.cartContainer .customerData .requiredFields__info {
color: #1a4243 ;
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: #1a4243 ;
}
.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
}
@media screen and (min-width: 769px) {
.cartContainer .summaryMobile {
display: none !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: #1a4243 ;
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: #1a4243 ;
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: #1a4243 ;
}
.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: #1a4243 ;
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: #1a4243 ;
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: #1a4243 ;
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: #1a4243 ;
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: #1a4243 ;
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: #1a4243 ;
text-align:left;
font-size:14px;
margin-top:60px !important
}
.cartContainer .finishOrder__backToShop:hover {
cursor: pointer
}
.cartContainer .finishOrder__backToShop a {
text-decoration: none;
color: #1a4243 ;
}
.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: #1a4243 ;
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: #1a4243 ;
}
.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 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 ;
text-align:right
}
.cartContainer .summaryDetails div .name .price-gross,
.cartContainer .summaryDetails div .price .price-gross {
font-size: 14px;
font-weight: 100;
position: relative;
top: -5px
}
.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: #1a4243 ;
}
.cartContainer .summaryDetails .discountCode__addCouponButton:hover {
cursor: pointer;
color: #1a4243 ;
}
.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: #1a4243 ;
!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: #1a4243 ;
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: #1a4243 ;
border:1px solid #d1d1d1 ;
}
.cartContainer .summaryDetails .deliveryMethod__toFreeDelivery svg {
fill: #1a4243 ;
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: #1a4243 ;
}
.cartContainer .cartClearAll:hover span {
color: #1a4243 ;
}
.cartContainer .cartInfo__margin {
margin-top: 40px
}
.cartContainer .backToShop,
.cartContainer .stepBack {
color: #1a4243 ;
font-size:18px;
display:block;
bottom:0;
margin-top:20px;
margin-bottom:20px
}
.cartContainer .backToShop svg,
.cartContainer .stepBack svg {
fill: #1a4243 ;
transform:rotate(-180deg);
width:20px;
height:20px;
margin-bottom:-3px
}
.cartContainer .backToShop:hover,
.cartContainer .stepBack:hover {
cursor: pointer
}
.cartContainer .stepBack--allCart {
width: fit-content;
padding: 16px 16px 16px 8px;
border: none;
background: none;
transition: 200ms
}
.cartContainer .stepBack--allCart:hover {
background: none;
border: none;
color: rgba(70,195,178,0.8) ;
transition:200ms
}
.cartContainer .stepBack--allCart:hover .svgIcon {
fill: rgba(70,195,178,0.8) ;
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: #1a4243 ;
}
.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: rgba(250, 250, 250, 0) ;
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: rgba(251, 60, 153,1) ;
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: rgba(251, 60, 153,1) ;
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: #1a4243 ;
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: rgba(70, 195, 178,1) ;
border-width:1px solid rgba(70, 195, 178,1) ;
}
.cartContainer .crossSelling--flags__flag.RecommendedProduct {
background-color: rgba(60, 216, 251,1) ;
border:1px solid rgba(60, 216, 251,1) ;
}
.cartContainer .crossSelling--flags__flag.Promotion {
background-color: rgba(251, 60, 153,1) ;
border:1px solid rgba(251, 60, 153,1) ;
}
.cartContainer .crossSelling--flags__flag.Sale {
background-color: rgba(255, 186, 36,1) ;
border:1px solid rgba(255, 186, 36,1) ;
}
.cartContainer .crossSelling--flags__flag.ExtraPrice:after,
.cartContainer .crossSelling--flags__flag.GreatPrice {
background-color: rgba(151, 71, 255,1) ;
border:1px solid rgba(151, 71, 255,1) ;
}
.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: rgba(26, 66, 67,1) ;
border:1px solid rgba(26, 66, 67,1) ;
}
.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 #ffffff ;
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 #ffffff ;
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: rgba(255,255,255,0) ;
}
.cartContainer .crossSelling .slick-prev:hover,
.cartContainer .crossSelling .slick-next:hover {
background: rgba(136,136,136,0.6) ;
}
.cartContainer .crossSelling .slick-prev:hover:before,
.cartContainer .crossSelling .slick-next:hover:before {
border-color: #ffffff ;
}
.cartContainer .loginContainer,
.cartContainer .registerContainer,
.cartContainer .thankYou__form {
border-radius:calc({
{
settings.roundedType}} ;
*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:inherit;
}
.cartContainer .cart__qty-col--minus {
border-radius:inherit;
border-bottom-left-radius:border-radius:inherit;
}
.cartContainer .cart__qty-col--plus {
border-top-right-radius:border-radius:inherit;
border-bottom-right-radius:border-radius:inherit;
}
.cartContainer img {
border-radius:border-radius:inherit;
}
.cartContainer .btn-pure-ui {
border: none;
display: flex;
background: rgba(0, 0, 0, 0);
color: #1a4243 ;
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: #1a4243 ;
}
.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: rgba(250, 250, 250, 0) ;
!important
}
.list-widget {
background-color: rgba(250, 250, 250, 0) ;
!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: rgba(250, 250, 250, 0) ;
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
}
.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: #1a4243 ;
}
.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: rgba(250, 250, 250, 0) ;
}
.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: #fffce9 ;
}
.primary-action-button--disabled .angleRight {
fill: #FFFFFF ;
margin-bottom:-3px;
width:16px !important;
height:16px !important
}
.cartContainer .validation-info__container {
margin-top: 6px
}
.notfound-container {
display: block;
max-width: 1400px;
margin: auto
}
.notfound-image {
display: block;
margin: 130px auto 50px;
max-width: 650px;
width: auto;
height: auto
}
.notfound-svgMainColor {
fill: #1a4243 ;
}
.notfound-text {
margin: 0 auto 80px;
max-width: 350px
}
.notfound-header {
display: block;
margin: 0 auto 30px;
font-size: 36px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #191616 ;
}
.notfound-info {
display: block;
margin: 0 auto 25px;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #191616 ;
}
.notfound-button {
display: block;
min-width: 250px;
margin: 25px auto 0;
padding: 13px 15px;
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
letter-spacing: 1.2px;
text-align: center
}
@media screen and (max-width: 768px) {
.notfound-image {
max-width: 80%;
margin-top: 80px
}
}
@media screen and (max-width: 450px) {
.notfound-text {
max-width: 80%
}
.notfound-header {
font-size: 30px
}
.notfound-button {
min-width: calc(100% - 30px)
}
}
.unable-to-place-order-popup {
margin-top: 0 !important
}
.unable-to-place-order-popup .form-container {
width: 100%;
max-width: 580px;
min-height: 304px;
padding: 40px 40px 70px 70px
}
.unable-to-place-order-popup span.close-button {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
height: 18px;
right: 36px;
top: 45px;
cursor: pointer;
transition: 200ms
}
.unable-to-place-order-popup span.close-button:hover svg {
transition: 200ms;
cursor: pointer;
fill: #1a4243 ;
}
.unable-to-place-order-popup header {
font-weight: 500;
font-size: 18px;
line-height: 26px;
text-align: left;
width: calc(100% - 20px);
margin-bottom: 30px;
color: #191616 ;
}
.unable-to-place-order-popup p {
font-weight: 400;
font-size: 14px;
text-align: left;
display: block;
color: #191616 ;
line-height:24px;
letter-spacing:1.2px;
margin:0;
padding:0
}
.unable-to-place-order-popup .primary-action-button.close-button {
position: initial;
display: block;
width: 70%;
margin: 40px auto 0 auto;
color: #FFFFFF ;
transition:200ms;
font-size:14px;
line-height:24px;
letter-spacing:1.2px;
text-transform:uppercase;
text-align:center
}
.cartItemsList-btn {
position: relative
}
.cartItemsList-wrapper {
position: absolute;
background-color: rgba(250, 250, 250, 0) ;
width:432px;
max-height:712px;
box-shadow:0 10px 30px 10px rgba(0, 0, 0, .12);
margin-top:5px;
z-index:13
}
@media screen and (max-width: 768px) {
.cartItemsList-wrapper {
display: none
}
}
@media screen and (min-width: 769px)and (max-width: 1600px) {
.cartItemsList-wrapper {
right: 0
}
}
@media screen and (min-width: 1601px) {
.cartItemsList-wrapper {
right: -50px
}
}
.cartItemsList-title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 1.8px;
margin-bottom: 24px;
text-transform: uppercase;
text-align: center;
color: #191616 ;
}
.cartItemsList-closeIcon {
position: absolute;
right: 10px;
top: 18px;
fill: #191616 ;
cursor:pointer;
transition:200ms
}
.cartItemsList-closeIcon:hover {
fill: #1a4243 ;
}
.cartItemsList-productsList {
max-height: 280px;
overflow-y: auto
}
.cartItemsList-productsList::-webkit-scrollbar {
width: 0;
background: rgba(0, 0, 0, 0)
}
.cartItemsList-informations {
padding: 24px
}
.cartItemsList-product {
display: flex;
width: calc(100% - 48px);
min-height: 120px;
padding: 0 24px;
margin-bottom: 40px;
background-color: rgba(250, 250, 250, 0) ;
transition:300ms
}
.cartItemsList-product:last-of-type {
margin-bottom: 0 !important;
border-bottom:1px solid #d1d1d1 ;
}
.cartItemsList-product.setElement {
margin-left: 5% !important;
width: calc(95% - 48px) !important
}
.cartItemsList-product--image {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100%;
margin-right: 20px
}
.cartItemsList-product--image img {
width: auto;
height: auto;
max-width: 100px;
max-height: 120px
}
.cartItemsList-product--details {
width: calc(100% - 120px);
height: auto;
min-height: 120px;
position: relative
}
.cartItemsList-product--details_name {
color: #191616 ;
display:block;
width:calc(100% - 26px);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:14px;
font-style:normal;
font-weight:500;
line-height:24px;
letter-spacing:1.2px;
margin-bottom:8px;
transition:200ms
}
.cartItemsList-product--details_name:hover {
cursor: pointer;
color: #1a4243 ;
}
.cartItemsList-product--details_close {
position: absolute;
right: 0;
top: 2px;
width: 16px;
height: 16px;
transition: 300ms;
fill: #191616 ;
line-height:24px;
cursor:pointer
}
.cartItemsList-product--details_close:hover {
fill: #1a4243 ;
}
.cartItemsList-product--details_price {
color: #191616 ;
text-align:right;
font-size:14px;
font-style:normal;
font-weight:700;
line-height:24px;
letter-spacing:1.2px;
background-color: rgba(250, 250, 250, 0) ;
padding:5px 0 0 5px;
display:block;
width:calc(100% - 5px)
}
.cartItemsList-product--details_description {
color: #1a4243 ;
font-size:12px;
font-style:normal;
font-weight:400;
line-height:18px;
letter-spacing:.8px;
max-width:90%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
display:block
}
.cartItemsList-summary {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
color: #191616 ;
}
.cartItemsList-delivery span,
.cartItemsList-payment span {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 1.2px
}
.cartItemsList-value {
margin-top: 16px
}
.cartItemsList-value span {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 1.8px
}
.cartItemsList-button {
margin-top: 24px;
padding: 8px 0;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 1.2px;
text-transform: uppercase;
display: block;
width: 100%
}
.cartItemsList-header3 {
margin-top: 55px
}
.cartItemsList-header5 {
margin-top: 15px
}
.header-recommended {
display: none;
position: absolute;
transform: translate(50%);
right: 50%;
background-color: rgba(255, 255, 255, 0) ;
grid-template-columns:890px 410px;
max-width:1300px;
padding:20px;
height:474px;
z-index:15;
top:45px;
box-shadow:0 10px 30px 10px rgba(0, 0, 0, .12)
}
.header-recommended-mobileNavigation {
display: none
}
.header-recommended-leftSection {
padding: 10px 15px 0px 0px;
width: 100%
}
.header-recommended-leftSection .header-recommended-noFoundProductsInfo {
display: none
}
.header-recommended-leftSection .header-recommended-sectionHeader {
padding-left: 10px;
margin-bottom: 6px
}
.header-recommended-leftSection .header-recommended-scrollContainer {
padding-left: 10px;
max-height: 440px;
overflow-y: auto
}
.header-recommended-rightSection {
padding: 10px 4px 10px 24px;
border-left:1px solid #d1d1d1 ;
display:flex;
flex-direction:column;
justify-content:space-between
}
.header-recommended-categories {
display: flex;
flex-direction: column;
row-gap: 12px;
margin-bottom: 24px
}
.header-recommended-categories a {
font-size: 12px;
font-weight: 400;
width: fit-content
}
.header-recommended-categories a span {
font-weight: 700
}
.header-recommended-categories a:hover {
color: #1a4243 ;
}
.header-recommended-logos {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px
}
.header-recommended__logoContainer {
border:1px solid #d1d1d1 ;
}
.header-recommended__logoContainer--defaultLogo {
background-color: #f2f2f2
}
.header-recommended__logoContainer figure {
width: 115px;
height: 47px;
margin: auto;
display: flex;
align-items: center;
justify-content: center
}
.header-recommended__logoContainer figure img {
max-height: 47px;
max-width: 80px
}
.header-recommended__logoContainer figure svg {
width: 36px;
height: 36px
}
.header-recommended-sectionHeader {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 16px
}
.header-recommended-products {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px
}
.header-recommended-productItem {
display: flex
}
.header-recommended-productItem:hover {
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .12)
}
.header-recommended-productItem__imageContainer {
display: flex;
align-items: center;
justify-content: center;
width: 120px;
min-width: 120px;
height: 120px;
margin-right: 24px
}
.header-recommended-productItem__imageContainer img {
max-width: 120px;
max-height: 120px
}
.header-recommended-productItem__imageContainer svg {
width: 100px;
height: auto
}
.header-recommended-productItem__detailsContainer {
width: 266px
}
.header-recommended-productItem__detailsContainer h2 {
margin: 0 0 12px 0;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
letter-spacing: 1.2px;
font-weight: 400
}
.header-recommended-productItem__detailsContainer h2 span {
background-color: #909090
}
.header-recommended-productItem__detailsContainer .pricesContainer {
display: none;
flex-wrap: wrap;
align-items: baseline;
column-gap: 10px
}
.header-recommended-productItem__detailsContainer .pricesContainer__normalPrice {
font-weight: 700;
letter-spacing: 1.2px
}
.header-recommended-productItem__detailsContainer .pricesContainer__normalPrice--red {
color: rgba(251, 60, 153,1) ;
}
.header-recommended-productItem__detailsContainer .pricesContainer__oldPrice {
font-size: 12px;
text-decoration-line: line-through
}
.header-recommended-productItem__detailsContainer .pricesContainer__omnibus {
color: #1a4243 ;
font-size:10px;
flex-basis:100%
}
.header-recommended .closeRecommendedButton {
position: absolute;
top: 20px;
right: 20px
}
.header-recommended .closeRecommendedButton:hover {
cursor: pointer
}
.header-recommended .closeRecommendedButton svg {
width: 18px;
height: 18px;
fill: #1a4243 ;
}
.header-recommended-popupBackground {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .5);
z-index: 14;
height: 100vh
}
.header-recommended.noFound .header-recommended-noFoundProductsInfo {
height: 150px;
display: flex;
justify-content: center;
align-items: center;
letter-spacing: 1.8px;
font-weight: 700;
font-size: 16px;
text-align: center;
margin: 0 50px
}
.header-recommended.noFound .header-recommended-scrollContainer {
max-height: 290px
}
@media only screen and (min-width: 769px) {
.bottomMenuBack {
display: none
}
.bottomMenu {
display: none
}
}
@media only screen and (max-width: 769px) {
.bottomMenuBack {
display: block;
width: 100%;
height: 56px
}
.bottomMenu {
width: 100%;
height: 41px;
background-color: {
{
settings.primaryPageBgColor
}
}
;
display:flex;
flex-direction:row;
flex-wrap:wrap;
position:fixed;
bottom:0;
padding-top:10px;
padding-bottom:5px;
z-index:12
}
.bottomMenu .menuItem {
flex: 0 1 20%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center
}
.bottomMenu .menuItem .svgContainer {
margin: 0 auto;
position: relative
}
.bottomMenu .menuItem svg {
fill: {
{
settings.primaryFontColor
}
}
;
width:20px;
height:18px;
margin:0 auto
}
.bottomMenu .menuItem .itemsCounter {
position: absolute;
border-radius: 50%;
font-size: 9px;
width: 14px;
height: 14px;
top: -5px;
right: -6px;
font-weight: 500;
color: {
{
settings.primaryPageBgColor
}
}
;
background-color: {
{
settings.linkFontColor
}
}
;
text-align:center
}
.bottomMenu .menuItem .text {
font-size: 11px;
line-height: 18px;
color: {
{
settings.primaryFontColor
}
}
;
font-weight:300;
text-align:center;
margin:0 auto
}
.bottomMenu .activePage svg {
fill: {
{
settings.linkFontColor
}}} ;
.bottomMenu .activePage .text {
color: {
{
settings.linkFontColor
}}} ;
.menuActive svg {
fill: {
{
settings.linkFontColor
}
}
!important
}
.menuActive .text {
color: {
{
settings.linkFontColor
}
}
!important
}
.menuDisabledIcons svg {
fill: {
{
settings.primaryFontColor
}
}
!important
}
.menuDisabledIcons .text {
color: {
{
settings.primaryFontColor
}
}
!important
}
}