@media (max-width: 768px){
/* kontener opisu produktu */
.product-description,
.product__description,
.cms-content,
.tabs-content {
max-width: 100%;
min-width: 0;
}
/* LISTA – punkt poza tekstem, tekst w jednej kolumnie */
.product-description ul,
.product__description ul,
.cms-content ul,
.tabs-content ul {
list-style-position: outside;
padding-left: 0;
margin-left: 0;
}
/* ELEMENT LISTY – wcięcie jak zwykły akapit */
.product-description li,
.product__description li,
.cms-content li,
.tabs-content li {
margin-left: 1.2em;        /* 🔑 to ustawia kolumnę tekstu */
padding-left: 0;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
display: list-item;
}
}
.info-banner-3 {
max-width:1400px;
margin:0 auto;
text-align:center
}
.info-banner-3 .info-banner-border {
text-align:center;
border-bottom:1px solid#d1d1d1
}
@media screen and (min-width: 769px) {
.info-banner-3 .info-banner-border {
margin:0 0 65px
}
}
@media screen and (max-width: 768px) {
.info-banner-3 .info-banner-border {
margin:65px 0
}
}
.info-banner-3 .info-banner-title {
background-color:#ffffff;
padding:0 20px;
bottom:-13px;
position:relative;
font-size:24px;
display:inline-block;
color:#191616
}
.info-banner-3__list .slick-list {
margin:0px -12px
}
.info-banner-3__list .slick-track {
display:flex;
align-items:stretch
}
.info-banner-3__list .slick-slide {
margin:0 12px
}
.info-banner-3__list [dir=rtl] .slick-next:before,
.info-banner-3__list .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg)
}
.info-banner-3__list .slick-next:before,
.info-banner-3__list [dir=rtl] .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
.info-banner-3__list .slick-prev:before,
.info-banner-3__list .slick-next:before {
width:4px;
height:4px;
top:14px;
content:" "
}
.info-banner-3__list .slick-next:before {
left:14px
}
.info-banner-3__list .slick-prev:before {
left:16px
}
.info-banner-3__list [dir=rtl] .slick-prev {
right:0;
left:auto
}
.info-banner-3__list button.slick-prev.slick-arrow.slick-disabled,
.info-banner-3__list button.slick-arrow.slick-disabled {
display:none !important
}
.info-banner-3__list.slider .slick-prev,
.info-banner-3__list.slider .slick-next {
background:#FFFFFF
}
.info-banner-3__list.slider .slick-prev:hover,
.info-banner-3__list.slider .slick-next:hover {
background:#FFFFFF
}
.info-banner-3__list.slider .slick-prev:hover:before,
.info-banner-3__list.slider .slick-next:hover:before {
border-color:#009141
}
@media screen and (max-width: 768px) {
.info-banner-3__list {
margin:20px 0
}
}
@media screen and (min-width: 769px) {
.info-banner-3__list {
margin:20px 0 0
}
}
@media only screen and (max-width: 599px) {
.info-banner-3__list {
margin:10px 25px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.info-banner-3__list {
margin:10px 30px
}
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.info-banner-3__list {
margin:15px 0
}
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
.info-banner-3__list {
margin:20px 0 0
}
}
.info-banner-3__list .sliderItem {
display:flex !important;
height:inherit;
box-sizing:border-box;
flex-direction:column;
padding:40px;
border:1px solid #d1d1d1
}
.info-banner-3__list .sliderItem__imageContainer {
margin-bottom:2px;
height:77px;
}
.info-banner-3__list .sliderItem__imageContainer-centered {
display:flex;
justify-content:center;
align-items:center;
height:100%;
}
.info-banner-3__list .sliderItem__imageContainer img {
max-height:130px;
}
.info-banner-3__list .sliderItem__imageContainer img[src*=DefaultInfoBannerImage-] {
filter:none
}
.info-banner-3__list .sliderItem .centeredText {
display:flex;
justify-content:center;
align-items:center
}
.info-banner-3__list .sliderItem .centeredText span {
font-size:24px;
font-weight:bold;
line-height:1.33;
letter-spacing:2.8px;
margin-bottom:5px;
color:#191616;
}
.info-banner-3__list .sliderItem>span {
font-size:14px;
line-height:1.71;
letter-spacing:1.2px;
color:#191616
}
.info-banner-3 .sliderItem {
border-radius:calc(1*8px) !important;
background-image: url("https://24garden.pl/usr/osklepie_bcground.png")
}
.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:#ffffff;
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;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
overscroll-behavior: contain;
}
.recommended-products1 .slick-track {
margin:0
}
@media screen and (min-width: 769px) {
.recommended-products1 .slick-slide {
padding:8px 0;
}}
@media screen and (max-width: 599px) {
.recommended-products1 .slick-slide {
padding:0px 0;
}}
.recommended-products1 [dir=rtl] .slick-next:before,
.recommended-products1 .slick-prev:before {
border:solid #d5d5d5;
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 #d5d5d5;
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:#FFFFFF
}
.recommended-products1.slider .slick-prev:hover,
.recommended-products1.slider .slick-next:hover {
background:#FFFFFF
}
.recommended-products1.slider .slick-prev:hover:before,
.recommended-products1.slider .slick-next:hover:before {
border-color:#009141
}
.recommended-products1 .product-item {
width:100%;
margin-bottom:0px;
}
.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:#706f6f;
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:100% !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:calc(1*4px) !important
}
@media only screen and (min-width: 550px) {
.brand2-slider-padding {
padding-left:12%;
padding-right:12%
}
}
.brand2-slider {
background-color:#ffffff;
height:auto
}
@media screen and (min-width: 769px) {
.brand2-slider {
margin:0 auto
}
}
@media screen and (max-width: 768px) {
.brand2-slider {
margin:20px auto
}
}
.brand2-slider__wrapper {
margin:0 25px;
box-sizing:border-box
}
.brand2-slider__wrapper .slider2-element-border {
display:flex;
align-items:center;
border:0px #d1d1d1 solid;
justify-content:center;
height:150px
}
.brand2-slider__wrapper a {
display:flex;
align-items:center;
justify-content:center;
width:calc(100% - 2px);
height:calc(100% - 2px)
}
.brand2-slider__wrapper a figure {
position:relative;
width:100%;
height:100%;
margin:auto
}
.brand2-slider__wrapper a figure,
.brand2-slider__wrapper a figure.noFade {
display:flex;
justify-content:center;
box-sizing:content-box;
align-items:center
}
.brand2-slider__wrapper a figure.fade {
display:flex;
justify-content:center;
box-sizing:content-box;
align-items:center
}
.brand2-slider__wrapper a figure.fade img {
filter:grayscale(100%);
max-width:150px
}
.brand2-slider__wrapper a figure.fade img:hover {
filter:none
}
.brand2-slider__wrapper a figure.shine {
display:flex;
justify-content:center;
box-sizing:content-box;
align-items:center
}
.brand2-slider__wrapper a figure.shine::before {
position:absolute;
top:0;
left:-75%;
display:none;
content:"";
width:50%;
height:100%;
background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform:skewX(-25deg);
transform:skewX(-25deg)
}
.brand2-slider__wrapper a figure.shine:hover::before {
display:block;
-webkit-animation:shine .75s;
animation:shine .75s
}
@-webkit-keyframes shine {
100% {
left:110%
}
}
@keyframes shine {
100% {
left:110%
}
}
.brand2-slider__wrapper a figure img {
width:auto;
height:auto;
max-width:100%;
max-height:100%
}
.brand2-slider .slick-prev {
left:-30px
}
.brand2-slider [dir=rtl] .slick-prev {
right:-30px;
left:auto
}
.brand2-slider .slick-next {
right:-30px
}
.brand2-slider [dir=rtl] .slick-next {
right:auto;
left:-30px
}
.brand2-slider [dir=rtl] .slick-next:before,
.brand2-slider .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg)
}
.brand2-slider .slick-next:before,
.brand2-slider [dir=rtl] .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
.brand2-slider .slick-prev:before,
.brand2-slider .slick-next:before {
width:4px;
height:4px;
top:14px;
content:" "
}
.brand2-slider .slick-next:before {
left:14px
}
.brand2-slider .slick-prev:before {
left:16px
}
.brand2-slider [dir=rtl] .slick-prev {
right:0;
left:auto
}
.brand2-slider button.slick-prev.slick-arrow.slick-disabled,
.brand2-slider button.slick-arrow.slick-disabled {
display:none !important
}
.brand2-slider .slick-prev,
.brand2-slider .slick-next {
background:#FFFFFF
}
.brand2-slider .slick-prev:hover,
.brand2-slider .slick-next:hover {
background:#FFFFFF
}
.brand2-slider .slick-prev:hover:before,
.brand2-slider .slick-next:hover:before {
border-color:#009141
}
.brand2-slider .slider2-element-border {
border-radius:calc(1*16px) !important
}
.brand2-slider .slider2-element-border:hover {
border-color: #009141b0;
border-width:1px;
box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}
.brand2-slider__wrapper img {
border-radius:calc(1*4px) !important
}
.blog-wrapper {
max-width:1400px;
width:100%;
margin-left:auto;
margin-right:auto;
height:auto;
background-color:#ffffff
}
@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:#ffffff;
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:#706f6f;
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:#706f6f
}
.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:auto;
height:auto;
}
.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%
}
.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;
max-height:240px;
width:auto;
height:auto
}
.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:#706f6f;
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:#706f6f
}
.blog-wrapper .otherPosts__post .data-container .tags .dot {
margin:0 2px;
vertical-align:super
}
.blog-wrapper-mobile .image,
.blog-wrapper .image {
border-radius:calc(1*16px) !important
}
.textElement-1 {
color:#191616;
max-width:1400px;
margin:0 auto
}
@media screen and (max-width: 768px) {
.textElement-1 {
padding:50px 0
}
}
.textElement-1__header {
font-size:18px;
font-weight:300
}
.textElement-1__secondHeader {
font-size:40px;
font-weight:300
}
.textElement-1__column-wrapper {
margin-top:27px;
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:44px;
text-align:justify
}
.textElement-1 .showMoreText {
display:none
}
.textElement-1 .showMoreText-less {
display:none
}
.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 #d1d1d1;
width:25px;
height:25px;
display:flex;
margin:0 10px;
border-radius:calc(1*4px) !important
}
.pagination:not(.new-pagination) .pagination__link:hover span {
border-color:#009141;
color:#009141;
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:#888888;
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:#191616;
background-color:rgba(0,0,0,0);
border-color:#191616
}
.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:#009141
}
.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:#009141
}
.productsList__filters--filterButtonBox {
margin:20px
}
.productsList__filters--filterButton {
display:none !important;
width:100% !important;
height:50px;
text-transform:uppercase;
background-color:#009141;
border:2px solid #fcfffe;
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:#009141;
border:2px solid #009141;
color:#FFFFFF
}
.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:#FFFFFF;
color:#d5d5d5;
fill:#d5d5d5
}
.productsList__products--top-subcategories-container .slick-prev:hover,
.productsList__products--top-subcategories-container .slick-next:hover {
background:#FFFFFF
}
.productsList__products--top-subcategories-container .slick-prev:hover svg,
.productsList__products--top-subcategories-container .slick-next:hover svg {
fill:#009141
}
.productsList__products--top-subcategories-container .slick-prev:hover:before,
.productsList__products--top-subcategories-container .slick-next:hover:before {
border-color:#009141
}
.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:#ffffff;
max-width:1400px;
margin:40px auto 0 auto;
clear:both;
display:flex;
font-size:14px;
font-weight:300;
color:#191616;
background:#ffffff;
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__title__noHeaderDataImage {
padding-left:31px
}
.product-list-js .product-list-wrapper .productList__category__info {
text-align:left;
width:100%
}
.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__noHeaderDataImage {
padding-left:31px
}
.product-list-js .product-list-wrapper .productList__category__description-hide {
-webkit-line-clamp:6;
max-height:144px
}
.product-list-js .product-list-wrapper .productList__category__showMore {
display:block;
margin-left:auto;
margin-right:0;
color:#009141;
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 figure {
margin:0
}
.product-list-js .product-list-wrapper .productList__category__image img {
max-width:295px;
margin-right:30px;
align-self:flex-start
}
.product-list-js .product-list-wrapper .product-list__grid .productList__listView {
width:16px;
height:16px;
margin-bottom:-3px;
cursor:pointer;
padding:0 6px;
fill:#191616
}
.product-list-js .product-list-wrapper .filter-group-wrapper,
.product-list-js .product-list-wrapper .product-list__category,
.product-list-js .product-list-wrapper .category-nav,
.product-list-js .product-list-wrapper .product-item {
border-radius:calc(1*16px) !important;
}
.product-list-js .product-list-wrapper .pagination__link,
.product-list-js .product-list-wrapper .pagination__link a,
.product-list-js .product-list-wrapper .pagination__link span,
.product-list-js .product-list-wrapper .productList__category__image img,
.product-list-js .product-list-wrapper .product-list__filtersButton,
.product-list-js .product-list-wrapper .product-item__phantom-image,
.product-list-js .product-list-wrapper .product-item__phantom-image img {
border-radius:calc(1*8px) !important
}
.product-list-js .product-list-wrapper .product-item__image,
.product-list-js .product-list-wrapper .product-item__image img,
.product-list-js .product-list-wrapper .product-item__phantom-secondAttribute {
border-radius:calc(1*4px) !important
}
.product-list-js .product-list-wrapper .product-list {
width:100%;
box-sizing:border-box
}
.product-list-js .product-list-wrapper .product-list__title {
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #f2f2f2;
word-break:break-all
}
.product-list-js .product-list-wrapper .product-list .category-nav__previous {
margin:0;
padding-bottom:18px;
text-align:left
}
.product-list-js .product-list-wrapper .product-list .category-nav__previous svg {
margin-bottom:-4px;
fill:#009141
}
.product-list-js .product-list-wrapper .product-list .category-nav__previous a {
text-align:left;
word-break:break-all
}
.product-list-js .product-list-wrapper .product-list .category-nav {
margin-bottom:20px;
box-sizing:border-box;
padding:25px 30px;
position:relative;
border:1px solid #f2f2f2
}
@media screen and (min-width: 769px) {
.product-list-js .product-list-wrapper .product-list .category-nav {
width:295px
}
}
@media screen and (min-width: 600px)and (max-width: 768px) {
.product-list-js .product-list-wrapper .product-list .category-nav {
width:220px
}
}
.product-list-js .product-list-wrapper .product-list .category-nav span.changeCategoryLink {
cursor:pointer
}
.product-list-js .product-list-wrapper .product-list .category-nav>.product-list__title {
font-weight:500;
text-align:left;
padding-left:30px
}
.product-list-js .product-list-wrapper .product-list__no-results {
border:5px solid #ffffff;
padding:20px 0;
width:95%;
margin:0 auto
}
.product-list-js .product-list-wrapper .product-list__no-results span {
margin-left:1%;
margin-right:10px
}
.product-list-js .product-list-wrapper .product-list__no-results span svg {
margin-bottom:-4px
}
@media only screen and (min-width: 699px) {
.product-list-js .product-list-wrapper .product-list__banners--noResults {
text-align: center;
width: 100%;
color: #191616;
margin: 80px auto 130px; /* zmieniony dolny margines */
font-size: 33px;      /* ustawiona wielkość tekstu */
font-weight: 600;
}}
@media only screen and (max-width: 700px) {
.product-list-js .product-list-wrapper .product-list__banners--noResults {
text-align:center;
width:100%;
color:#191616;
font-size: 14px;
margin:0 auto 35px
}}
@media only screen and (min-width: 699px) {
.product-list-js .product-list-wrapper .product-list__banners--noResults svg {margin-bottom: -5px;fill: #fb0000;width: 33px;height: 33px;}}
@media only screen and (max-width: 700px) {
.product-list-js .product-list-wrapper .product-list__banners--noResults svg {        margin-bottom: -4px;
fill: #fb0000;
width: 18px;
height: 18px;}}
.product-list-js .product-list-wrapper .product-list__categories-wrapper {
display:flex;
flex-wrap:wrap;
justify-content:center;
width:100%
}
.product-list-js .product-list-wrapper .product-list__categories-wrapper--rows {
justify-content:flex-start
}
.product-list-js .product-list-wrapper .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-wrapper .product-list__category {
height:320px;
width:90%
}
}
@media only screen and (min-width: 860px)and (max-width: 969px) {
.product-list-js .product-list-wrapper .product-list__category {
height:360px;
width:380px
}
}
@media only screen and (min-width: 970px)and (max-width: 1600px) {
.product-list-js .product-list-wrapper .product-list__category:nth-child(5n+1) {
width:885px
}
}
@media only screen and (min-width: 1601px) {
.product-list-js .product-list-wrapper .product-list__category:nth-child(5n+4) {
width:885px
}
}
.product-list-js .product-list-wrapper .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-wrapper .product-list__category span {
transform:translateY(300%);
transition:transform .3s ease-in-out
}
}
.product-list-js .product-list-wrapper .product-list__category--icon-mosaic {
background-size:auto 70% !important
}
@media only screen and (min-width: 769px) {
.product-list-js .product-list-wrapper .product-list__category:hover span {
transform:translateY(0);
transition:transform .3s ease-in-out
}
}
.product-list-js .product-list-wrapper .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-wrapper .product-list__category-list-element {
align-items:flex-start
}
}
.product-list-js .product-list-wrapper .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-wrapper .product-list__category-list-element-img {
max-width:300px;
max-height:200px;
width:auto;
height:auto
}
.product-list-js .product-list-wrapper .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-wrapper .product-list__filters-trigger {
display:none;
cursor:pointer
}
@media only screen and (max-width: 599px) {
.product-list-js .product-list-wrapper .product-list__filters-trigger {
display:inline-block
}
}
.product-list-js .product-list-wrapper .product-list__filters {
width:315px;
float:left;
background:#ffffff
}
@media screen and (min-width: 600px) {
.product-list-js .product-list-wrapper .product-list__filters {
display:block !important
}
}
@media screen and (min-width: 600px)and (max-width: 768px) {
.product-list-js .product-list-wrapper .product-list__filters {
width:220px
}
}
.product-list-js .product-list-wrapper .product-list__filters .checkBoxes__container input+label {
padding:10px 10px 10px 30px;
text-align:left
}
.product-list-js .product-list-wrapper .product-list__filters .checkBoxes__container input+label .filter-label {
word-break:break-all
}
.product-list-js .product-list-wrapper .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:inherit
}
.product-list-js .product-list-wrapper .product-list__filters .checkBoxes__container input+label:before {
left:0
}
.product-list-js .product-list-wrapper .product-list__filters .checkBoxes__container input:checked+label .checkBoxes__checkIcon {
left:1px;
top:10px
}
@media only screen and (max-width: 599px) {
.product-list-js .product-list-wrapper .product-list__filters {
display:none;
position:absolute;
z-index:3;
right:0;
width:100%;
top:145px;
padding:0;
margin:0;
border-bottom:2px solid #d1d1d1
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.product-list-js .product-list-wrapper .product-list__filters .category-nav {
padding:20px
}
}
@media only screen and (max-width: 599px) {
.product-list-js .product-list-wrapper .product-list__filters .category-nav {
margin:10px 20px
}
}
.product-list-js .product-list-wrapper .product-list__filters .category-nav ul li {
margin-bottom:18px
}
.product-list-js .product-list-wrapper .product-list__filters .category-nav ul li span {
font-size:10px
}
.product-list-js .product-list-wrapper .product-list__filters .category-nav ul li span.changeCategoryLink {
font-size:1em;
color:#191616
}
.product-list-js .product-list-wrapper .product-list__filters .category-nav ul li span svg {
margin-bottom:-4px;
fill:#009141
}
.product-list-js .product-list-wrapper .product-list__filters .category-nav ul li a {
text-decoration:none;
color:#191616;
word-break:break-all
}
.product-list-js .product-list-wrapper .product-list__filters .price-filter {
width:100%;
margin-bottom:45px
}
.product-list-js .product-list-wrapper .product-list__filters .price-filter__tag-wrapper {
margin-top:25px
}
.product-list-js .product-list-wrapper .product-list__filters .price-filter .slider-container {
margin:0 auto
}
.product-list-js .product-list-wrapper .product-list__filters .price-filter__title {
margin-bottom:60px
}
.product-list-js .product-list-wrapper .product-list__filters-applay {
width:100%;
height:45px;
font-size:14px;
display:grid;
padding:0
}
.product-list-js .product-list-wrapper .product-list__filtersButton {
text-align:center;
margin:20px 25px 0 0;
padding:1px 10px;
border:1px solid #d1d1d1;
background-color:#ffffff;
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-wrapper .product-list__filtersButton svg {
width:16px;
height:16px;
cursor:pointer;
margin-left:3px
}
.product-list-js .product-list-wrapper .product-list__filtersButton:first-of-type {
background-color:#ffffff;
border:1px solid #d1d1d1;
color:#009141;
fill:#009141
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper {
width:calc(100% - 315px);
float:right
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper {
width:calc(100% - 240px)
}
}
@media only screen and (max-width: 599px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper {
width:100%
}
}
.product-list-js .product-list-wrapper .product-list__grid {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-left:0
}
.product-list-js .product-list-wrapper .product-list__grid h2 {
font-size:unset;
font-weight:unset;
margin:unset;
padding:unset
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details {
line-height:28px;
box-sizing:border-box;
display:flex;
justify-content:space-between;
position:relative;
font-size: 16px
}
@media screen and (min-width: 769px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details {
width:100%
}
}
@media screen and (max-width: 768px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details {
width:calc(100% - 10px);
margin-left:10px;
flex-wrap:wrap
}
}
@media screen and (max-width: 599px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details {
min-height:40px
}
}
.product-list-js .product-list-wrapper .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-wrapper .product-list__grid-wrapper .display-details {
margin-left:0
}
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__title {
font-weight:500;
letter-spacing:1px;
text-transform:uppercase
}
@media screen and (max-width: 768px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__title {
margin-bottom:10px
}
}
@media screen and (min-width: 769px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__counter {
float:right
}
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__counter span:first-child {
padding-right:3px
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__counter span:last-child {
color:#ccc
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__sorting {
cursor:pointer
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__sorting svg {
margin-bottom:-5px;
fill:#009141
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__sorting .dropdown-menu {
display:none;
width:220px;
z-index:3;
margin-left:35px;
position:absolute
}
@media only screen and (max-width: 599px) {
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__sorting .dropdown-menu {
margin-left:0;
right:3%
}
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__sorting .dropdown-menu__links {
list-style:none;
width:100%;
padding:20px 30px;
margin:12px 0 0;
background-color:#ffffff;
box-shadow:1px 1px 10px 1px #ddd;
border-radius:5px;
box-sizing:border-box;
color:#706f6f
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__sorting .dropdown-menu__links .dropdown-menu__selected span {
border-bottom:1px solid #009141;
color:#191616;
font-weight:500
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__sorting .dropdown-menu__links li>span:hover {
transition:linear .08s;
border-bottom:1px solid #009141;
cursor:pointer;
color:#191616;
font-weight:500
}
.product-list-js .product-list-wrapper .product-list__grid-wrapper .display-details__sorting .dropdown-menu__links li>span {
display:inline-block;
line-height:35px;
border-bottom:1px solid #ffffff
}
.product-list-js .product-list-wrapper .filter-group-list,
.product-list-js .product-list-wrapper .filter-group,
.product-list-js .product-list-wrapper .category-nav ul {
list-style:none;
margin:0;
padding:0;
text-align:left
}
.product-list-js .product-list-wrapper .filter-group-list {
margin-bottom:45px
}
@media screen and (max-width: 599px) {
.product-list-js .product-list-wrapper .filter-group-list {
width:100%;
padding:20px;
box-sizing:border-box
}
}
.product-list-js .product-list-wrapper .filter-group-list .filter-group-wrapper {
margin-bottom:20px;
width:295px;
box-sizing:border-box;
padding:25px 30px;
border:1px solid #f2f2f2;
position:relative
}
@media screen and (min-width: 600px)and (max-width: 768px) {
.product-list-js .product-list-wrapper .filter-group-list .filter-group-wrapper {
margin:0 0 20px 0;
width:220px
}
}
@media screen and (max-width: 599px) {
.product-list-js .product-list-wrapper .filter-group-list .filter-group-wrapper {
margin:0 0 20px;
width:100%
}
}
.product-list-js .product-list-wrapper .filter-group-list .filter-group-wrapper .filter-group.filter-group--redundant {
display:none
}
.product-list-js .product-list-wrapper .filter-group-list .filter-group-wrapper .filter-group .filter label {
cursor:pointer
}
.product-list-js .product-list-wrapper .filter-group-list .filter-group-wrapper .filter-group .filter input[disabled]+label {
opacity:.5
}
.product-list-js .product-list-wrapper .filter-group-list .filter-group-wrapper .filter-toggle {
text-decoration:underline;
cursor:pointer;
margin-left:30px;
color:#009141
}
.product-list-js .product-list-wrapper .filter-group-list .filter-group-wrapper .filter-toggle.filter-less {
display:none
}
.product-list-js .product-list-wrapper .products-container {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%
}
.product-list-js .product-list__gridView-js .products-container {
width:100%;
display:grid;
grid-column-gap:10px
}
@media screen and (min-width: 1401px) {
.product-list-js .product-list__gridView-js .products-container {
grid-template-columns:33% 33% 33%
}
}
@media screen and (max-width: 1400px) {
.product-list-js .product-list__gridView-js .products-container {
grid-template-columns:49% 49%
}
}
.product-list-js .productListNameTooltip {
display:none;
position:fixed;
width:auto;
min-height:25px;
max-width:200px;
padding:5px 10px;
z-index:100;
font-size:14px;
line-height:25px;
color:#ffffff;
background-color:#191616
}
.product-list-js .docket {
width:100%;
text-align:left;
color:#191616;
padding-bottom:30px;
font-size:12px;
color:#303030;
font-weight:300
}
@media screen and (max-width: 768px) {
.product-list-js .docket {
padding-left:10px
}
}
.product-list-js .product-list-infoPopup {
position:fixed;
min-height:40px;
width:auto;
padding:10px 20px;
background-color:#ffffff;
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:#009141
}
@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:#ffffff
}
.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:#706f6f;
display:inline-block;
padding:10px
}
.product-list .addToComparePopup .comparisonIcons .addedToCompare {
background-color:#009141 !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:#009141;
margin:0 5px -3px 0;
width:15px;
height:15px
}
.product-list .addToComparePopup .goToComparisonTool {
color:#009141;
line-height:24px;
font-size:14px;
font-weight:400;
margin-right:25px
}
.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:#ffffff;
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 #d5d5d5;
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 #d5d5d5;
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:#FFFFFF
}
.info-banner-2__list.slider .slick-prev:hover,
.info-banner-2__list.slider .slick-next:hover {
background:#FFFFFF
}
.info-banner-2__list.slider .slick-prev:hover:before,
.info-banner-2__list.slider .slick-next:hover:before {
border-color:#009141
}
@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 {
height: 126px;
margin-bottom: 0px;
margin-top: 34px;
margin-left: 39px;
}
.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:calc(1*8px) !important;
background-image: url("https://24garden.pl/usr/osklepie_bcground.png")
}
@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
}
}
@media screen and (min-width: 769px) {
.product-item-third {
display:inline-block;
position:relative;
text-align:left;
font-size:16px;
color:#191616;
cursor:initial !important;
border-radius:calc(1*16px) !important
}}
@media screen and (max-width: 599px) {
.product-item-third {
display:inline-block;
position:relative;
text-align:left;
font-size:12px;
color:#191616;
cursor:initial !important;
border-radius:calc(1*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:#ffffff;
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;
border-style: solid;
border-width: 1px;
border-color: #c8c8c891;
}
@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:#ffffff
}
.productsList__gridView-js .product-item-third .open360,
.product-list__gridView-js .product-item-third .open360 {
display:none
}
@media screen and (min-width: 769px) {
.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
}}
@media screen and (max-width: 599px) {
.productsList__gridView-js .product-item-third .product-flags,
.product-list__gridView-js .product-item-third .product-flags {
position: absolute;
left: 0;
right: unset;
z-index: 1;
text-align: left;
transform: scale(0.70);
top: 1px;
}}
.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:#009141
}
@media screen and (min-width: 769px) {
.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
}}
@media screen and (max-width: 599px) {
.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:190px;
}}
.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:#009141;
width:27px;
height:24px;
z-index:1;
transform: scale(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:#009141;
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:#009141
}
.productsList__gridView-js .product-item-third .product-item__description,
.product-list__gridView-js .product-item-third .product-item__description {
width:100%;
font-weight: 400;
}
@media screen and (min-width: 769px) {
.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;
height: 48px;
}}
@media screen and (max-width: 599px) {
.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:0.3px;
margin-top:8px;
white-space:initial;
word-break:break-word;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
height: 48px;
}}
.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:#ffffff;
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:#009141;
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 #ffffff
}
.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:#706f6f
}
@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
}@media screen and (min-width: 769px) {
.productsList__gridView-js .product-item-third .normalPrice,
.product-list__gridView-js .product-item-third .normalPrice {
color:#191616;
font-weight:600;
font-size:22px;
line-height:32px;
letter-spacing:1.4px
}}
@media screen and (max-width: 599px) {
.productsList__gridView-js .product-item-third .normalPrice,
.product-list__gridView-js .product-item-third .normalPrice {
color:#191616;
font-weight:600;
font-size:18px;
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:#009141
}
.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
}
@media screen and (min-width: 769px) {
.productsList__gridView-js .product-item-third .productsList3__prices .redPrice,
.product-list__gridView-js .product-item-third .productsList3__prices .redPrice {
font-size:22px;
font-weight:600;
letter-spacing:normal;
line-height:1.44;
display:inline-block;
margin-right:10px;
color:#d5140a
}}
@media screen and (max-width: 599px) {
.productsList__gridView-js .product-item-third .productsList3__prices .redPrice,
.product-list__gridView-js .product-item-third .productsList3__prices .redPrice {
font-size:18px;
font-weight:600;
letter-spacing:normal;
line-height:1.44;
display:inline-block;
margin-right:10px;
color:#d5140a
}}
.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
}@media screen and (min-width: 769px) {
.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:11px;
line-height:1.5;
font-style:normal;
font-stretch:normal;
font-weight:normal;
color:#706f6f;
letter-spacing:normal
}}
@media screen and (max-width: 599px) {
.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:9px;
line-height:1.5;
font-style:normal;
font-stretch:normal;
font-weight:normal;
color:#706f6f;
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%;
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:36px;
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
}
@media screen and (min-width: 769px) {
.productsList__gridView-js .product-item-third .product-item__rating,
.product-list__gridView-js .product-item-third .product-item__rating {
visibility:hidden;
display:-webkit-inline-box;
position:absolute;
left:16px;
top:12px;
z-index:2;
text-align:left
}}
@media screen and (max-width: 599px) {
.productsList__gridView-js .product-item-third .product-item__rating,
.product-list__gridView-js .product-item-third .product-item__rating {
visibility: hidden;
display: -webkit-inline-box;
position: absolute;
top: 12px;
z-index: 2;
text-align: left;
transform: scale(0.8);
right: 23%;
}}
.productsList__gridView-js .product-item-third .product-item__rating--icon,
.product-list__gridView-js .product-item-third .product-item__rating--icon {
fill:#009141;
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:#009141;
text-align:right;
font-size:14px;
display:block;
position: relative;
left: 5px;
top: 2px;
}
.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:#009141;
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: relative; /* Zachowanie pozycji w układzie */
/*! transform: scale(1.02); */ /* Minimalne powiększenie okna o 2% */
z-index: 3; /* Aby kafelek był na wierzchu */
box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.08); /* Bardziej subtelny cień */
transition: transform 0.3s ease, box-shadow 0.3s ease; /* Płynny efekt */
height: 468px;
border-style: solid;
border-color: #009141b0;
border-width: 1px;
}
.productsList__gridView-js .product-item-third:hover .product-item__image img,
.product-list__gridView-js .product-item-third:hover .product-item__image img {
transform: scale(1.05); /* Lekkie powiększenie miniaturki o 5% */
transition: transform 0.3s ease; /* Płynne przejście */
}
.productsList__gridView-js .product-item-third:hover .product-item__shortDescription,
.product-list__gridView-js .product-item-third:hover .product-item__shortDescription {
visibility: visible;
opacity: 1;
height: auto;
transition: opacity 0.3s ease, height 0.3s ease;
}
}
.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 {
}
.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:#ffffff
}
.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:#706f6f
}
.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:#191616;
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:#191616
}
.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:#009141
}
.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:#d5140a
}
.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:#191616
}
.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:#706f6f;
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:#FFFFFF
}
.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:#009141;
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:#009141
}
.productsList__listView-js .product-item-third .product-item__heartIcon,
.product-list__listView-js .product-item-third .product-item__heartIcon {
position:absolute;
bottom:32px;
fill:#009141;
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:#009141
}
.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:#191616;
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:#009141;
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:#009141;
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:#191616;
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:#009141;
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 #191616;
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:#ffffff;
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 #191616
}
.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:#191616;
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 #ffffff
}
.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 #191616;
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 #191616
}
.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:#009141
}
.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
}
.slick-slider {
touch-action:auto !important
}
.product-details {
max-width:1400px;
margin:0 auto
}
.product-details h2 {
font-size:unset;
font-weight:unset;
margin:unset;
padding:unset
}
.product-details h1 {
font-size:24px;
font-weight:600;
color:#191616
}
.product-details .page-padding {
box-sizing:border-box
}
.product-details-wrapper {
margin:40px 0 40px;
display:flex
}
.product-details span.button-option.active {
border:1px solid #d1d1d1
}
.product-details .attributes-select.dropdown span.button-option.active {
border:none
}
.product-details .not-clickable {
font-weight:400 !important;
border:none !important;
cursor:default !important
}
.product-details__images {
width:50%;
display:flex;
flex-wrap:wrap;
position:relative;
height:fit-content
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.product-details__images {
width:100%
}
}
@media only screen and (max-width: 599px) {
.product-details__images {
width:100%
}
}
.product-details__images .product-flags {
position:absolute;
top:9px;
left:154px;
z-index:1;
}
.product-details__images .product-flags span {
height:38px;
padding:13px;
box-sizing:border-box;
position:relative;
margin-bottom:10px;
font-size:12px;
font-weight:400;
letter-spacing:1px;
width:max-content;
text-transform:uppercase
}
.product-details__images .product-flags span:after {
width:0;
content:"";
height:0;
bottom:0;
position:absolute;
right:-16px;
border-style:solid;
border-width:18px 8px 19px
}
.product-details__images .product-flags span.NewProduct:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .product-flags span.RecommendedProduct:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .product-flags span.Promotion:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .product-flags span.Sale:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .product-flags span.ExtraPrice:after,
.product-details__images .product-flags span.GreatPrice:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .product-flags span.BestReviews:after,
.product-details__images .product-flags span.BestRated:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .product-flags span.ExtraQuality:after,
.product-details__images .product-flags span.GreatQuality:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .product-flags span.PromotionalProduct:after,
.product-details__images .product-flags span.NewsletterProduct:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .product-flags span.Reward:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .product-flags span.SellerRecommendation:after,
.product-details__images .product-flags span.VendorRecomendation:after,
.product-details__images .product-flags span.VendorRecommendation:after {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff0;
}
.product-details__images .slider-hidden {
display:none
}
.product-details__images .opened-gallery:not(img) {
width:100vw;
height:100vh;
background-color:#ffffff;
z-index:1000;
margin:0;
top:0;
left:0;
position:fixed
}
.product-details__images .opened-gallery:not(img) .productDetails-images--container {
position:relative;
display:flex;
justify-content:center;
align-items:center;
height:100vh
}
.product-details__images .opened-gallery:not(img) .productDetails-images--container img,
.product-details__images .opened-gallery:not(img) .productDetails-images--container iframe {
cursor:zoom-in
}
.product-details__images .opened-gallery:not(img) .productDetails-images--container.zoom {
overflow-y:scroll
}
.product-details__images .opened-gallery:not(img) .productDetails-images--container.zoom ::-webkit-scrollbar {
width:0 !important
}
.product-details__images .opened-gallery:not(img) .productDetails-images--container.zoom img {
zoom:2;
top:100% !important;
transform:none !important;
cursor:zoom-out !important
}
@-moz-document url-prefix() {
.product-details__images .opened-gallery:not(img) .productDetails-images--container.zoom img {
-moz-transform:translate(-50%, -50%) scale(1.5) !important;
margin:0 !important;
position:absolute !important;
top:70% !important;
left:50% !important
}
}
.product-details__images .opened-gallery:not(img) .productDetails-images--flags {
display:none
}
.product-details__images .opened-gallery {
position:fixed;
margin:0;
justify-content:center;
display:flex;
z-index:20;
top:0;
right:0;
bottom:0;
left:0;
background:#ffffff;
width:100%
}
.product-details__images .opened-gallery .slick-slide {
position:relative;
height:100vh;
width:100vw;
display:flex;
justify-content:center;
align-items:center
}
.product-details__images .opened-gallery .slick-slide img {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
max-height:100vh !important
}
@media only screen and (min-width: 1200px) {
.product-details__images .opened-gallery .slick-next:last-child {
right:50px;
transform: scale(3);
}
.product-details__images .opened-gallery .slick-next:first-child {
left:50px;
transform: scale(3);
}
}
@media only screen and (max-width: 599px) {
.product-details__images .opened-gallery .slick-next:last-child {
right:50px;
transform: scale(1.5);
}
.product-details__images .opened-gallery .slick-next:first-child {
left:50px;
transform: scale(1.5);
}}
.product-details__images .opened-gallery .slick-next {
height:35px;
width:35px;
}
.product-details__images .opened-gallery img {
max-height:100vh
}
@media only screen and (max-width: 768px) {
.product-details__image,
.product-details__image .slick-list,
.product-details__image .slick-track {
touch-action:pan-y
}
.product-details__images .opened-gallery,
.product-details__images .opened-gallery .slick-list,
.product-details__images .opened-gallery .slick-track,
.product-details__images .opened-gallery .slick-slide {
height:100vh;
height:100dvh;
max-height:100vh;
max-height:100dvh;
overflow:hidden;
overscroll-behavior:contain;
touch-action:pan-x
}
.product-details__images .opened-gallery .slick-slide img {
max-height:100vh !important;
max-height:100dvh !important
}
}
.product-details .open360 {
position:absolute;
right:0;
top:20px;
z-index:1
}
/* Ukryj wszystkie slajdy w pionowym sliderze (miniatury) przed inicjalizacją */
.product-details__image-list .productDetails-images--container {
display: none;
}
/* Pokaż aktywne miniatury po inicjalizacji */
.product-details__image-list .productDetails-images--container.slick-active {
display: block;
}
/* Ukryj cały pionowy slider przed inicjalizacją */
.product-details__image-list {
height: 0;
overflow: hidden;
visibility: hidden;
}
/* Pokaż pionowy slider po inicjalizacji */
.product-details__image-list.slick-initialized {
height: auto;
overflow: visible;
visibility: visible;
}
/* Ukryj wszystkie slajdy w głównym sliderze przed inicjalizacją */
.product-details__image .productDetails-images--container {
display: none;
}
/* Wyjątek: pokaż pierwsze zdjęcie głównego slidera od razu */
.product-details__image .productDetails-images--container:first-child {
display: block;
position: relative;
}
/* Pokaż tylko aktywne slajdy po inicjalizacji */
.product-details__image .productDetails-images--container.slick-active {
display: block;
}
/* Ukryj główny slider przed inicjalizacją, ale z wyjątkiem pierwszego slajdu */
.product-details__image {
visibility: hidden;
}
/* Pokaż główny slider po inicjalizacji */
.product-details__image.slick-initialized {
visibility: visible;
}
.product-details__image .visible-by-default {
display: block;
}
.product-details__image-list {
list-style-type:none;
padding:0;
display:inline-block;
width:115px;
margin:0 30px 0 0;
text-align:center
}
@media only screen and (min-width: 1200px)and (max-width: 1400px) {
.product-details__image-list {
width:120px
}
}
.product-details__image-list--fewImages .slick-track {
-webkit-transform:translate3d(0, 0, 0) !important;
-moz-transform:translate3d(0, 0, 0) !important;
-ms-transform:translate3d(0, 0, 0) !important;
-o-transform:translate3d(0, 0, 0) !important;
transform:translate3d(0, 0, 0) !important
}
.product-details__image-list li {
cursor:pointer
}
.product-details__image-list li img {
max-width:110px;
max-height:110px;
align-self:center
}
@media only screen and (min-width: 1200px)and (max-width: 1400px) {
.product-details__image-list li img {
max-width:120px;
max-height:120px
}
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
.product-details__image-list li img {
max-width:480px;
max-height:540px;
margin:0 auto
}
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.product-details__image-list li img {
max-width:400px;
max-height:500px;
margin:0 auto
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.product-details__image-list li img {
max-width:350px;
max-height:400px;
margin:0 auto
}
}
@media only screen and (max-width: 599px) {
.product-details__image-list li img {
max-width:250px;
max-height:320px;
margin:0 auto
}
}
@media only screen and (max-width: 1199px) {
.product-details__image-list {
width:100%;
align-items:center
}
.product-details__image-list .slick-track {
display:flex;
align-items:center
}
}
.product-details__image-list .slick-list {
padding:0 !important
}
.product-details__image-list__videoContainer {
position:relative;
background-color:rgba(134,134,134,.7);
width:100%;
height:100%
}
.product-details__image-list__videoIcon {
width:60px;
height:60px;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
fill:#fff;
background-color:rgba(134,134,134,.7)
}
.product-details__image {
width:calc(100% - 150px);
position:relative;
display:inline-block;
min-height:430px
}
.product-details__image img {
width:auto;
max-width:100%;
height:auto;
margin:0 auto;
max-height:640px;
min-height:auto
}
.product-details__add-to-cart {
width:49%;
padding-left:40px;
box-sizing:border-box
}
.product-details__add-to-cart .secondary-action-button {
margin-left:0;
display:inline-block;
margin-bottom:20px
}
.product-details__add-to-cart.with_thmb .button-option-variants-content__color {
border-radius:calc(1*8px) !important
}
.product-details__add-to-cart.with_colors .button-option-variants-content__color {
height:25px !important;
width:25px !important
}
/* Domyślny styl dla urządzeń PC */
@media (min-width: 1200px) {
.product-details__data {
display: flex;
align-items: center;
position: relative;
left: 69%;
max-width: 240px;
}}
.product-details__data a {
font-size:14px;
font-weight:400;
text-decoration:none;
color:#191616
}
@media only screen and (max-width: 599px) {
.product-details__data a {
font-size:14px;
font-weight:400;
text-decoration:none;
color:#191616
}}
.product-details__data .attribute-name {
font-size:16px;
font-weight:500;
color:#191616;
margin:0 30px 0 0
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.product-details__data {
flex-wrap:wrap;
padding:20px 0 0 0
}
.product-details__data .rating {
width:100%;
margin-top:10px
}
}
@media only screen and (max-width: 599px) {
.product-details__data {
flex-wrap:wrap;
align-items:center;
gap:10px 16px;
padding:10px 0 15px;
position:static;
bottom:auto;
right:auto;
transform:none
}
.product-details__data img {
max-width:140px;
max-height:44px;
height:auto;
width:auto
}
.product-details__data .rating {
width:100%;
margin-top:10px;
font-size:14px
}
.product-details__data .rating__count {
font-size:14px
}
}
@media only screen and (min-width: 1201px) {
.product-details__additionalInfo {
position: relative;
box-sizing: border-box;
bottom: 0;
padding: 10px 0 10px 10px;
display: block ruby;
font-size: 12px;
left: 1056px;
top: 14px;
}}
@media only screen and (max-width: 599px) {
.product-details__additionalInfo {
position:absolute;
width:100%;
box-sizing:border-box;
bottom:0;
margin:0 0 -50px;
padding:10px 0 10px 10px;
justify-content:space-evenly;
align-items:center;
display:flex;
background-color:#ffffff;
font-size:12px
}}
.product-details__additionalInfo>div {
white-space:nowrap;
margin:0 5px;
display:flex;
align-items:center;
color:#706f6f
}
.product-details__additionalInfo .delivery-cost-container {
color:#009141
}
.product-details__additionalInfo .value {
text-transform:lowercase
}
.product-details__additionalInfo .line {
color:#f0f0f0
}
.product-details__additionalInfo .availability-container img,
.product-details__additionalInfo .stock-container img {
margin:0 0 0 10px;
max-height:28px
}
.product-details .close-gallery-button {
position:fixed;
right:11px;
top:0;
background:rgba(0,0,0,0);
color:#656565;
z-index:1001;
border:0;
font-size:20px;
width:50px;
height:50px;
cursor:pointer
}
.product-details .close-gallery-button:hover {
fill:#009141
}
.product-details__name {
margin:0 0 18px;
font-size:24px;
font-weight:500;
color:#191616
}
.product-details__info-container {
display:inline-block;
width:100%;
margin-top:8px
}
.product-details__info-container .stock-label,
.product-details__info-container .availability-label {
color:#191616;
font-size:18px;
font-weight:500
}
.product-details__info-container .stock-container,
.product-details__info-container .availability-container,
.product-details__info-container .delivery-cost-container {
margin-bottom:31px
}
.product-details__info-container .stock-value {
align-self:center;
margin:10px;
width:100px
}
.product-details__info-container .value {
font-size:36px;
color:#000;
}
@media only screen and (max-width: 599px) {
.product-details__info-container {
margin-top:0
}
.product-details__info-container .stock-label,
.product-details__info-container .availability-label {
font-size:14px
}
}
/* Domyślny styl dla urządzeń PC */
.product-details__toolTip {
display: flex;
color: #d1d1d1;
justify-content: flex-start;
width: 400px;
font-size: 13px;
transform: scale(1.3);
margin-left: 9%;
}
/* Styl dla urządzeń mobilnych */
@media (max-width: 768px) {
.product-details__toolTip {
display: flex;
color: #d1d1d1;
justify-content: flex-start;
width: 340px;
font-size: 13px;
transform: none; /* Usuń skalowanie na mobilnych */
position: static; /* Usuń pozycjonowanie */
left: 7%; /* Usuń przesunięcie */
margin-left: 2%;
}
}
.product-details__toolTip__amountCounter {
position:relative
}
.product-details__toolTip_line {
padding:0 10px
}
.product-details__toolTip_Amount {
padding:4px 0px;
white-space:nowrap
}
.product-details__toolTip_hoverAmount {
visibility:hidden;
position:absolute;
top:17px;
left:25px;
right:0;
padding:4px 4px;
font-size:12px;
min-width:210px;
text-align:center;
line-height:100%;
color:#ffffff;
background-color:#191616
}
@media only screen and (min-width: 769px)and (max-width: 990px) {
.product-details__toolTip_hoverAmount {
font-size:11px;
min-width:200px;
left:10px
}
}
.product-details__reviewsContainer>span {
padding:0
}
.product-details__reviewsContainer>span:first-of-type {
padding:0 6px 0 0
}
.product-details__reviewsContainer.goToAddReviewSection {
cursor:pointer
}
@media only screen and (min-width: 1201px) {
.product-details__prices {
display:flex;
flex-direction:row;
margin-top:35px;
align-items:center;
justify-content:space-between;
position:relative;
padding-left:0;
flex-wrap:wrap;
}}
@media only screen and (max-width: 599px) {
.product-details__prices {
display:flex;
flex-direction:row;
margin-top:35px;
align-items:center;
justify-content:space-between;
position:relative;
padding-left:0;
flex-wrap:wrap
}}
.product-details__prices div.input-group {
margin:0 20px 0 0;
align-self:center
}
.product-details__prices div.input-group.product-details__quantity {
display:flex
}
.product-details .input-group {
margin:0 0 20px;
position:relative
}
.product-details .input-group.min-js .button-minus-add-product svg {
fill:#ddd;
transition:200ms
}
.product-details .input-group.max-js .button-plus-add-product svg {
fill:#ddd;
transition:200ms
}
.product-details .input-group .attribute-name {
color:#191616;
font-size:16px;
font-weight:500;
margin:10px 18px 0 0;
display:inline-block
}
.product-details .input-group .attribute-name::first-letter {
text-transform:capitalize
}
.product-details .input-group span {
color:#191616;
margin-right:15px;
white-space:nowrap
}
@media(max-width: 600px) {
.product-details .input-group span {
white-space:normal
}
}
@media(max-width: 499px) {
.product-details .input-group span {
white-space:nowrap
}
}
.product-details .input-group .button-minus-add-product,
.product-details .input-group .button-plus-add-product {
cursor:pointer;
outline:none;
background-color:#ffffff;
border:2px solid #eee;
color:#191616;
width:55px;
height:55px;
display:inline-block;
font-weight:700;
margin:0
}
.product-details .input-group .button-minus-add-product {
font-size:23px
}
.product-details .input-group .button-minus-add-product svg {
transition:200ms;
margin-bottom:-2px;
fill:#191616
}
.product-details .input-group .button-plus-add-product {
font-size:20px
}
.product-details .input-group .button-plus-add-product svg {
margin-bottom:-2px;
transition:200ms;
fill:#191616
}
.product-details .input-group .quantity-field {
border:2px solid #eee;
background-color:#ffffff;
color:#191616;
width:70px;
height:55px;
text-align:center;
padding:0;
box-sizing:border-box;
font-size:17px;
font-weight:500;
left:-2px;
margin-right:-4px;
display:inline-block;
position:relative
}
.product-details .input-group .wrongInput {
border-bottom:1px solid #ce283e !important
}
.product-details .input-group .wrongInput--info {
font-size:11px;
text-align:left;
color:#ce283e;
position:absolute;
left:0%;
margin-top:-10px
}
.product-details .input-group input[name=attributeEditable] {
margin:30px 0 15px;
padding-bottom:10px;
background-color:#ffffff;
color:#191616;
border-bottom:1px solid #d1d1d1
}
.product-details .input-group .attributes-select {
display:inline-block
}
.product-details .input-group .button-option-variants {
height:auto;
font-size:13px;
padding:0 8px
}
.product-details .input-group .button-option-variants .button-option-variants-content {
display:flex;
flex-direction:column;
align-items:center;
padding:5px 0;
margin:0 auto
}
.product-details .input-group .button-option-variants .button-option-variants-content__color {
width:50px;
height:50px;
border:1px solid #706f6f;
border-radius:50%;
margin-bottom:5px;
background-size:contain !important;
background-repeat:no-repeat !important;
background-position:center !important
}
.product-details .input-group .button-option-variants .button-option-variants-content__text {
line-height:1em;
width:70px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
@media only screen and (min-width: 1201px) {
.product-details .product-details__info-container .prices .price span {
font-size:36px;
margin:0;
display:inline-block;
font-weight:600;
color:#191616
}}
@media only screen and (max-width: 599px) {
.product-details .product-details__info-container .prices .price span {
font-size:24px;
margin:0;
display:inline-block;
font-weight:500;
color:#191616
}}
.product-details .product-details__info-container .prices .red-price span {
font-size:36px;
margin:0;
display:inline-block;
font-weight:700;
color:#d5140a;
}
.product-details .product-details__info-container .prices .old-price span {
font-size:14px;
font-weight:400;
text-decoration:line-through;
color:#191616
}
.product-details .product-details__info-container .prices .unit-price span {
font-size:18px;
margin:0;
font-weight:400
}
.product-details .product-details__squareBtn {
height:55px;
width:55px;
margin:0 0 0 15px;
box-sizing:border-box;
position:relative;
left:0
}
.product-details__button-group {
margin-top:30px;
display:flex;
justify-content:space-between;
width:100%
}
.product-details__button-group .input-group {
display:flex;
flex-wrap:wrap
}
.product-details__button-group .product-details__quantity {
width:312px;
margin:0 30px 0 0
}
.product-details__button-group .product-details__quantity .stock-value {
margin-top:10px
}
.product-details__button-group .primary-action-button {
text-decoration:none;
fill:#FFFFFF
}
.product-details__button-group .primary-action-button.add-to-cart-lookbook {
font-weight:normal;
margin:0 3px 0 0;
height:55px;
padding:18px 0 16px;
box-sizing:border-box;
display:inline-block;
position:relative
}
.product-details__button-group .primary-action-button.add-to-cart {
font-weight:bold;
margin:0;
width:100%;
height:55px;
padding:11px 0 16px;
box-sizing:border-box;
position:relative
}
.product-details__button-group .primary-action-button.add-to-cart .svgIcon-inCart {
margin-top:-2px;
fill:#FFFFFF;
position:absolute;
top:50%;
right:10px;
transform:translate(0, -50%);
width:20px;
height:20px;
cursor:pointer
}
.product-details__button-group .primary-action-button.add-to-cart:hover .svgIcon-inCart {
fill:#FFFFFF
}
.product-details__button-group .primary-action-button.open-popup-notify-about-availability {
width:100%;
padding:18px 0 16px
}
.product-details__other-options {
width:100%;
display:flex;
justify-content:space-between;
margin-top:25px;
padding:35px 0;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
color:#191616;
font-size:15px
}
.product-details__other-options svg {
fill:#009141;
margin:0 5px -3px 0;
width:15px;
height:15px
}
.product-details .addToComparePopup {
display:none;
position:fixed;
z-index:100;
right:10%;
bottom:51px;
transition:200ms;
width:400px;
box-shadow:0 3px 8px #616060;
background-color:#ffffff
}
@media only screen and (min-width: 461px) {
.product-details .addToComparePopup {
height:62px
}
}
.product-details .addToComparePopup .comparisonIcons {
margin-left:25px;
display:inline-block
}
.product-details .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:#706f6f;
display:inline-block;
padding:10px
}
.product-details .addToComparePopup .comparisonIcons .addedToCompare {
background-color:#009141 !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-details .addToComparePopup .comparisonInfo {
width:100%;
position:relative;
margin-top:6px;
line-height:24px;
display:block
}
.product-details .addToComparePopup .addToCompare {
display:inline-block;
font-size:14px;
line-height:24px;
margin-left:25px;
color:#191616;
font-weight:500
}
.product-details .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-details .addToComparePopup .closeComparePopup:hover {
cursor:pointer
}
.product-details .addToComparePopup .comparisonIcon {
float:right;
margin-top:5px;
margin-right:2px
}
.product-details .addToComparePopup .comparisonIcon .svgIcon {
fill:#009141;
margin:0 5px -3px 0;
width:15px;
height:15px
}
.product-details .addToComparePopup .goToComparisonTool {
color:#009141;
line-height:24px;
font-size:14px;
font-weight:400;
margin-right:25px
}
.product-details__other-option {
display:inline-block;
cursor:pointer;
color:#000000
}
.product-details__other-option:hover span {
color:#009141
}
.product-details__other-option:hover svg {
fill:#009141
}
.product-details__full-details .product-description {
box-sizing:border-box;
margin-bottom:10px;
color:#000;
font-family:Open Sans,Verdana !important;
font-size:15px;
font-weight:400;
position:relative;
word-break:break-word
}
@media only screen and (min-width: 769px) {
.product-details__full-details .product-description {
width:55%;
}
}
.product-details__full-details .product-description * {
color:#000;
font-family:Open Sans,Verdana !important;
max-width:100%
}
.product-details__full-details .product-description img {
max-width:100%;
width:auto;
height:auto
}
.product-details__full-details .product-attributes {
display:flex
}
.product-details__full-details .product-attributes>ul {
padding:0;
margin:0;
list-style-type:none;
font-size:14px;
color:#000;
width:45%;
}
.product-details__full-details .product-attributes>ul li {
padding:20px 0;
max-width:100%
}
.product-details__full-details .product-attributes>ul li span {
display:inline-block;
vertical-align:top;
width:35%;
}
.product-details__full-details .product-attributes>ul li .ean {
width:65% !important
}
.product-details__full-details .product-attributes>ul li .ean-text {
margin-left:5%;
display:inline-block;
vertical-align:top;
width:25% !important
}
.product-details__full-details .product-attributes>ul li span:first-child {
margin-left:25%;
text-align:justify;
font-weight:500;
}
.product-details__full-details .product-attributes>ul li span:last-child {
text-align:right;
color:#000;
font-weight:300;
}
.product-details__full-details .product-attributes>ul li:nth-child(odd) {
background:#ffffff
}
.product-details__full-details .product-allergens {
display:flex;
padding:20px 0px;
width:40%;
gap:5px
}
.product-details__full-details .product-allergens>div {
margin-top:-3px
}
.product-details__full-details .product-allergens>div span {
display:inline-block;
line-height:16px;
font-size:14px;
letter-spacing:1.2px
}
.product-details__full-details .product-allergens>div span:first-of-type {
font-weight:500;
margin-bottom:12px
}
.product-details__full-details .product-allergens>div span:last-of-type {
color:#706f6f
}
.product-details__full-details .product-allergens svg {
min-width:18px;
width:18px;
height:18px;
fill:#c10f0f
}
.product-details__full-details .product-reviews {
display:flex
}
.product-details__full-details .product-reviews .current-reviews__verifiedPurchase {
font-size:13px;
color:#009141;
font-weight:300
}
.product-details__full-details .product-reviews .new-review {
width:35%;
box-sizing:border-box;
padding-right:15px
}
.product-details__full-details .product-reviews .new-review .rating {
margin-bottom:50px
}
.product-details__full-details .product-reviews .new-review .rating svg {
width:19px;
height:19px;
cursor:pointer;
transition:200ms
}
.product-details__full-details .product-reviews .new-review .rating svg.reviewStar__active,
.product-details__full-details .product-reviews .new-review .rating svg:hover {
transition:200ms;
fill:#009141
}
.product-details__full-details .product-reviews .new-review .input-group textarea {
resize:none;
width:80%;
height:150px;
margin-bottom:20px;
box-sizing:border-box;
padding:12px
}
.product-details__full-details .product-reviews .new-review .input-group input[name=author] {
padding:12px 0;
width:80%;
margin-bottom:10px;
box-sizing:border-box
}
.product-details__full-details .product-reviews .new-review .add-review {
display:block;
width:70%;
max-width:230px;
margin:50px 0
}
.product-details__full-details .product-reviews .current-reviews {
width:62%;
font-size:14px;
color:#191616
}
.product-details__full-details .product-reviews .current-reviews ul {
list-style-type:none;
padding:0
}
.product-details__full-details .product-reviews .current-reviews ul li {
margin-bottom:45px;
display:flex;
position:relative
}
.product-details__full-details .product-reviews .current-reviews__author-and-comment {
display:inline-block;
width:calc(100% - 80px);
word-wrap:break-word;
color:#191616
}
.product-details__full-details .product-reviews .current-reviews__author-and-comment .review-author {
font-weight:500
}
.product-details__full-details .product-reviews .current-reviews__author-and-comment .review-content {
margin-top:8px;
line-height:1.5;
font-weight:300
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating {
text-align:right
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating>span {
display:block;
margin-bottom:10px;
color:#706f6f
}
.product-details__full-details .product-reviews .current-reviews__report {
color:#009141;
font-size:12px;
font-style:normal;
font-weight:400;
line-height:18px;
text-decoration-line:underline;
position:absolute;
bottom:-10px;
left:0;
cursor:pointer
}
.product-details__full-details .product-reviews .required-fields-info {
font-size:14px;
color:#191616
}
.product-details__full-details .product-gpsr .gpsr {
display:flex;
flex-direction:column;
margin-top:10px
}
.product-details__full-details .product-gpsr .gpsr__section {
display:flex;
flex:1;
max-width:445px;
flex-direction:column
}
.product-details__full-details .product-gpsr .gpsr__section-title {
width:100%;
color:#000;
font-size:16px;
font-style:normal;
font-weight:500;
line-height:24px;
letter-spacing:1.2px;
border-bottom:1px solid #e6e6e6;
padding-bottom:15px
}
.product-details__full-details .product-gpsr .gpsr__content {
margin:15px 0 40px
}
.product-details__full-details .product-gpsr .gpsr__content-line {
color:#000;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:24px;
letter-spacing:1.2px
}
.product-details__full-details .product-gpsr .gpsr__content-address .gpsr__content-line {
margin:0
}
.product-details__full-details .product-videos ul {
padding:0;
display:flex;
justify-content:flex-start;
list-style-type:none;
flex-wrap:wrap
}
.product-details__full-details .product-videos li {
margin-right:25px
}
.product-details__full-details .product-attachments svg {
margin:0 8px -3px 0;
fill:#888
}
.product-details__full-details .product-attachments ul {
padding:0;
list-style-type:none
}
.product-details__full-details .product-attachments li {
margin-bottom:12px;
padding:0
}
.product-details__full-details .product-attachments li a {
color:#706f6f;
font-weight:300;
font-size:14px;
text-decoration:none
}
@media only screen and (max-width: 1400px) {
.product-details__full-details {
margin-top:20px
}
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.product-details__full-details .product-attributes ul {
font-size:14px
}
.product-details__full-details .product-reviews .new-review .input-group textarea {
width:80%
}
.product-details__full-details .product-reviews .new-review .rating {
font-size:18px;
margin-bottom:20px
}
.product-details__full-details .product-reviews .required-fields-info {
font-size:12px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.product-details__full-details .product-attributes ul {
margin-top:20px;
font-size:14px
}
.product-details__full-details .product-attributes ul li {
padding:12px 0 8px
}
.product-details__full-details .product-reviews {
margin-top:20px
}
.product-details__full-details .product-reviews .new-review .rating {
font-size:18px;
margin-bottom:20px
}
.product-details__full-details .product-reviews .new-review .input-group {
margin-bottom:5px
}
.product-details__full-details .product-reviews .new-review .input-group textarea {
height:100px
}
.product-details__full-details .product-reviews .current-reviews {
font-size:14px
}
.product-details__full-details .product-reviews .current-reviews ul li {
margin-bottom:0
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating {
margin-right:0
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating .rating {
font-size:14px
}
.product-details__full-details .product-reviews .required-fields-info {
font-size:12px
}
.product-details__full-details .product-attachments ul li a {
font-size:14px
}
}
@media only screen and (max-width: 599px) {
.product-details__full-details .product-attributes ul {
margin-top:15px;
font-size:14px
}
.product-details__full-details .product-attributes ul li {
padding:8px 0
}
.product-details__full-details .product-attributes ul li span {
width:48%
}
.product-details__full-details .product-attributes ul li span:first-child {
margin-left:1%
}
.product-details__full-details .product-reviews {
margin-top:10px
}
.product-details__full-details .product-reviews .new-review {
width:90%;
margin-left:1%
}
.product-details__full-details .product-reviews .new-review .rating {
font-size:18px;
margin-bottom:10px
}
.product-details__full-details .product-reviews .new-review .input-group {
margin-bottom:5px
}
.product-details__full-details .product-reviews .new-review .input-group textarea {
width:80%;
height:80px;
margin-bottom:10px
}
.product-details__full-details .product-reviews .current-reviews {
width:95%;
margin-left:1%;
font-size:14px
}
.product-details__full-details .product-reviews .current-reviews ul li {
margin-bottom:0
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating {
margin-right:0
}
.product-details__full-details .product-reviews .current-reviews__date-and-rating .rating {
font-size:14px
}
.product-details__full-details .product-reviews .required-fields-info {
font-size:12px
}
.product-details__full-details .product-attachments ul li a {
font-size:14px
}
}
.product-details__headers {
list-style-type:none;
display:flex;
padding:0;
margin:0 0 60px 0;
border-bottom:1px solid #e6e6e6
}
.product-details__headers li {
display:inline;
padding:25px 0 12px;
margin:0 50px;
max-width:180px
}
.product-details__headers li:hover {
opacity:1
}
.product-details__headers li:first-child {
padding:25px 0;
margin-left:0
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
.product-details__headers li {
margin:0 30px;
max-width:150px
}
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.product-details__headers li {
margin:0 30px;
max-width:120px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.product-details__headers {
display:block;
border-bottom:none;
padding:0 10px;
margin:0
}
.product-details__headers li {
display:block;
margin:0;
max-width:100%;
padding:10px 0
}
.product-details__headers li:first-child {
padding:10px 0
}
}
@media only screen and (max-width: 599px) {
.product-details__headers {
display:block;
border-bottom:none
}
.product-details__headers li {
display:block;
margin:0;
max-width:100%;
padding:10px 0
}
.product-details__headers li:first-child {
padding:8px 0
}
}
.product-details__header {
color:#000;
font-size:14px;
cursor:pointer;
word-wrap:break-word;
white-space:normal;
opacity:.5;
font-weight:500;
text-transform:uppercase
}
.product-details__header.active-header {
opacity:1;
border-bottom:2px solid #009141
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.product-details__header.active-header {
border:none
}
}
@media only screen and (max-width: 599px) {
.product-details__header.active-header {
border:none
}
}
.product-details__header[data-for=product-gpsr] {
max-width:fit-content
}
.product-details .slick-vertical .slick-slide {
display:flex;
height:115px;
width:115px;
outline:none;
justify-content:center;
overflow:hidden;
box-sizing:border-box;
border:1px solid rgba(0,0,0,0);
margin-bottom:15px;
transition:300ms
}
.product-details .slick-vertical .slick-slide.slick-current {
border:1px solid #e9e9e9;
transition:300ms
}
.product-details .slick-next {
background:#FFFFFF;
border:none;
cursor:pointer;
border-radius:50%;
color:#d5d5d5;
fill:#d5d5d5;
position:absolute;
top:50%;
z-index:1;
outline:none;
height:27px;
width:27px
}
.product-details .slick-next svg {
/*! margin:-1px; */
}
.product-details .slick-next:hover {
background:#FFFFFF
}
.product-details .slick-next:hover svg {
fill:#009141
}
.product-details .slick-next.slick-disabled {
display:none !important
}
.product-details .slick-next:first-child {
left:0;
border-style: solid;
border-width: 1px;
border-color: #d2d2d2;
}
.product-details .slick-next:last-child {
right:0;
border-style: solid;
border-width: 1px;
border-color: #d2d2d2;
}
.product-details .product-details__related-products.slick-slider .slick-arrow,
.product-details .product-details__related-products.slick-slider .slick-prev,
.product-details .product-details__set-list .slick-slider .slick-prev,
.product-details .product-details__set-list .slick-slider .slick-arrow {
height:27px;
width:27px
}
.product-details .slick-prev:before,
.product-details .slick-next:before {
width:9px;
height:9px;
top:6px;
left:9px
}
.product-details .product-details__set-list .slick-slider .slick-arrow.slick-prev {
left:20px
}
.product-details .product-details__set-list .slick-slider .slick-arrow.slick-arrow:last-child {
right:20px
}
.product-details .slick-vertical .slick-next {
position:initial
}
.product-details .slick-vertical .slick-next:first-child {
left:50%;
top:0;
margin-bottom:15px
}
.product-details .slick-vertical .slick-next:last-child {
left:50%;
top:unset;
bottom:0
}
.product-details .dropdown .dropdown-content {
display:none;
position:absolute;
background-color:#ffffff;
box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
z-index:1;
overflow-y:auto;
max-height:180px;
min-width:220px;
padding:10px 15px
}
.product-details .dropdown .dropdown-content span,
.product-details .dropdown .dropdown-content input,
.product-details .dropdown .dropdown-content input.button-option[type=button] {
padding:12px 12px;
text-decoration:none;
display:block;
text-align:left;
border:none;
margin:0
}
.product-details .dropdown .dropdown-content span:hover,
.product-details .dropdown .dropdown-content input:hover,
.product-details .dropdown .dropdown-content input.button-option[type=button]:hover {
background-color:#ffffff
}
.product-details .dropdown .dropdown-content input {
width:100%
}
.product-details .dropdown .dropdown-content .button-option-variants {
margin-right:0 !important
}
.product-details .dropdown .dropdown-content .button-option-variants .button-option-variants-content__text {
width:100%;
text-align:center
}
.product-details .dropdown.attr-poly>input[type=button].active,
.product-details .dropdown .button-option.active,
.product-details .dropdown .button-option-sets.active {
background-color:#ffffff;
color:#191616;
border:none;
font-weight:400;
padding:8px 20px 7px
}
.product-details .dropdown svg {
fill:#009141;
margin-bottom:-3px;
cursor:pointer
}
.product-details__set-list {
padding-top:10px;
padding-bottom:10px
}
.product-details__set-list .set {
display:flex;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #d1d1d1
}
.product-details__set-list .set:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none
}
.product-details__set-list .set-name {
text-align:center;
width:100%;
padding-bottom:25px;
color:#191616;
font-weight:600;
text-transform:uppercase;
display:block;
font-size:15px
}
.product-details__set-list .set .product-set {
width:calc(100% - 260px);
display:inline-block;
padding:0;
margin:0 0 0 35px
}
.product-details__set-list .set .product-set.no-transform .slick-track,
.product-details__set-list .set .product-set.no-transform .slick-list {
transform:none !important
}
.product-details__set-list .set .product-set .slick-arrow {
z-index:1;
top:140px
}
.product-details__set-list .set .product-set .slick-arrow:hover {
opacity:1
}
.product-details__set-list .set .product-set .slick-arrow:last-child {
right:-20px
}
.product-details__set-list .set .product-set .slick-track {
align-items:unset
}
.product-details__set-list .set .product-set .slick-track.no-transform {
transform:none !important
}
.product-details__set-list .set .product-set .slick-list.no-transform {
transform:none !important
}
.product-details__set-list .set .product-set__item {
height:auto;
margin:0;
padding:0 10px 10px 10px;
border-bottom:none;
outline:none;
position:relative
}
.product-details__set-list .set .product-set__item:after {
content:"+";
font-size:35px;
position:absolute;
right:0;
top:120px
}
.product-details__set-list .set .product-set__item:last-child:after {
display:none
}
.product-details__set-list .set .product-set__item-link {
color:#191616;
outline:none;
text-decoration:none;
font-size:18px;
text-align:center;
display:block
}
.product-details__set-list .set .product-set__item-link .figcaption .free-label {
color:#d5140a;
font-weight:bold
}
.product-details__set-list .set .product-set__item-link .quantity {
font-weight:700
}
.product-details__set-list .set .product-set__item-image {
height:280px;
display:inline-flex
}
.product-details__set-list .set .product-set__item-image img {
max-height:280px;
max-width:220px;
margin:auto
}
.product-details__set-list .set .product-set__item-name {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
font-size:14px
}
.product-details__set-list .set .product-set__item-attribute {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
font-size:14px
}
.product-details__set-list .set .product-set__item .add {
color:#191616;
padding-top:5px;
font-weight:600;
font-size:12px;
letter-spacing:.5px
}
.product-details__set-list .set .product-set__item .button-option-sets {
font-size:11px
}
.product-details__set-list .set .product-set__item .set-attributes {
text-align:left;
display:inline-block
}
.product-details__set-list .set .product-set__item .dropdown-content {
position:relative
}
.product-details__set-list .set .product-set__item input[name=attributeEditable] {
border-bottom:1px solid #d1d1d1;
color:#191616;
width:100%;
margin-bottom:10px
}
.product-details__set-list .set .product-set__item .productDetails-setList--set__item--chooseProduct {
margin:10px 0;
padding:10px 16px
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup--container {
padding-top:3rem;
padding-bottom:2rem;
position:absolute;
top:50%;
transform:translate(0, -50%);
left:0;
right:0;
margin:auto;
background-color:#ffffff
}
@media only screen and (min-width: 769px) {
.product-details__set-list .set .product-set__item .productDetails-setList__popup--container {
padding-left:4rem;
padding-right:4rem;
max-width:80%
}
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup .close-button {
top:35px
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup--products {
display:flex;
flex-wrap:wrap;
width:100%
}
@media only screen and (min-width: 769px)and (max-width: 990px) {
.product-details__set-list .set .product-set__item .productDetails-setList__popup--products {
flex-direction:column;
align-items:center
}
}
@media only screen and (min-width: 991px) {
.product-details__set-list .set .product-set__item .productDetails-setList__popup--products {
align-items:flex-start;
flex-direction:row
}
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup--popupItem {
display:block;
margin-top:0;
margin-bottom:20px;
border:1px solid #d1d1d1;
width:300px;
height:100%;
min-height:190px;
padding:10px;
cursor:pointer;
transition:200ms
}
@media only screen and (min-width: 769px) {
.product-details__set-list .set .product-set__item .productDetails-setList__popup--popupItem {
margin-left:25px;
margin-right:25px
}
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup--popupItem:hover {
border:1px solid #009141;
box-shadow:0 10px 30px 10px rgba(0,0,0,.12)
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup--popupItem .product-set__item-name {
font-weight:600
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup--popupItem .quantity {
font-size:14px
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup--image {
display:block;
margin:10px auto 0
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup--image img {
margin:0 auto;
max-height:100px;
max-width:100%;
width:auto;
height:auto
}
.product-details__set-list .set .product-set__item .productDetails-setList__popup--header {
margin-left:25px
}
.product-details__set-list .set .product-set.slick-initialized .product-set__item:after {
content:""
}
.product-details__set-list .set .prices-wrapper {
width:250px;
align-self:center
}
.product-details__set-list .set .prices-wrapper .prices {
text-align:center
}
.product-details__set-list .set .prices-wrapper .prices .discount {
display:block;
border:1px solid #d1d1d1;
color:#191616;
padding:10px;
margin-bottom:50px;
font-size:18px
}
.product-details__set-list .set .prices-wrapper .prices .discount strong {
margin-top:10px;
display:block
}
.product-details__set-list .set .prices-wrapper .prices .old-price,
.product-details__set-list .set .prices-wrapper .prices .red-price,
.product-details__set-list .set .prices-wrapper .prices .price {
display:block;
margin:10px 0
}
.product-details__set-list .set .prices-wrapper .prices .red-price,
.product-details__set-list .set .prices-wrapper .prices .price {
font-size:24px;
font-weight:600
}
.product-details__set-list .set .prices-wrapper .primary-action-button {
display:block;
min-width:230px;
box-sizing:border-box
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
.product-details__set-list .set .product-set {
width:70%
}
.product-details__set-list .set .prices-wrapper {
width:23%
}
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.product-details__set-list .set .product-set {
width:68%;
margin-left:20px
}
.product-details__set-list .set .product-set__item-link .figcaption {
margin-left:20px
}
.product-details__set-list .set .product-set__item-image {
height:240px
}
.product-details__set-list .set .product-set__item-image img {
max-height:240px;
max-width:160px
}
.product-details__set-list .set .product-set__item .add,
.product-details__set-list .set .product-set__item .set-attributes {
margin-left:20px
}
.product-details__set-list .set .prices-wrapper {
width:25%
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.product-details__set-list .set-name {
font-size:14px
}
.product-details__set-list .set .product-set {
width:55%;
margin-left:25px
}
.product-details__set-list .set .product-set__item-link .figcaption {
margin-left:30px
}
.product-details__set-list .set .product-set__item-image {
height:260px
}
.product-details__set-list .set .product-set__item-image img {
max-height:260px;
max-width:180px
}
.product-details__set-list .set .product-set__item .add,
.product-details__set-list .set .product-set__item .set-attributes {
margin-left:30px
}
.product-details__set-list .set .prices-wrapper {
width:34%
}
.product-details__set-list .set .prices-wrapper .prices .discount {
font-size:14px
}
.product-details__set-list .set .prices-wrapper .prices .red-price,
.product-details__set-list .set .prices-wrapper .prices .price {
font-size:18px
}
}
@media only screen and (max-width: 599px) {
.product-details__set-list .set-name {
font-size:14px
}
.product-details__set-list .set .product-set {
width:100%;
margin-left:5px
}
.product-details__set-list .set .product-set .slick-arrow:last-child {
right:12px
}
.product-details__set-list .set .product-set__item {
text-align:center
}
.product-details__set-list .set .product-set__item:after {
right:15px
}
.product-details__set-list .set .product-set__item-image {
height:260px
}
.product-details__set-list .set .product-set__item-image img {
max-height:260px;
max-width:180px
}
.product-details__set-list .set .prices-wrapper {
width:100%;
margin-top:0;
text-align:center;
margin-bottom:20px
}
.product-details__set-list .set .prices-wrapper .prices .discount {
font-size:14px;
width:50%;
margin:0 auto 20px auto
}
.product-details__set-list .set .prices-wrapper .prices .red-price,
.product-details__set-list .set .prices-wrapper .prices .price {
font-size:18px
}
}
.product-details__related-products {
text-align:center;
padding:0;
margin:20px 50px 100px
}
@media only screen and (max-width: 599px) {
.product-details__related-products {
margin:10px 25px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.product-details__related-products {
margin:10px 30px
}
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.product-details__related-products {
margin:15px 30px
}
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
.product-details__related-products {
margin:20px 40px
}
}
@media screen and (max-width: 600px) {
.product-details__related-products .product-item {
width:320px !important
}
}
@media screen and (min-width: 601px)and (max-width: 768px) {
.product-details__related-products .product-item {
width:270px !important
}
}
@media screen and (min-width: 769px) {
.product-details__related-products .product-item {
width:320px !important
}
}
.product-details__related-products .product-item .min-price {
display:block;
width:100%
}
.product-details__related-products .slick-next .svgIcon.svgIcon--arrowLeft {
transform:rotate(180deg) !important
}
@media screen and (max-width: 1244px) {
.product-details__related-products .slick-next .svgIcon:not(.svgIcon--arrowLeft) {
transform:rotate(0) !important
}
}
.product-details__wishListAdd.active-js svg {
fill:#009141
}
.product-details .input-group:not(.product-details__quantity) input[type=button],
.product-details .input-group .attributes-select .button-option,
.product-details .set .button-option,
.product-details .set .button-option-sets {
background-color:#FFFFFF;
transition:all 300ms ease;
color:#191616;
cursor:pointer;
font-size:14px;
font-weight:400;
text-align:center;
margin-top:5px;
margin-right:5px;
border:1px solid #d1d1d1
}
.product-details .input-group:not(.product-details__quantity) input[type=button]:hover,
.product-details .input-group .attributes-select .button-option:hover,
.product-details .set .button-option:hover,
.product-details .set .button-option-sets:hover {
color:#009141
}
.product-details .input-group input[type=button].active,
.product-details .input-group .attributes-select .button-option.active,
.product-details .set .button-option.active,
.product-details .set .button-option-sets.active {
border:2px solid #191616;
background-color:rgba(0,0,0,0)
}
.product-details .button-option-unavailable {
position:relative;
color:#706f6f;
transition:300ms
}
.product-details .button-option-unavailable::before {
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
transition:300ms;
background-color:rgba(226,226,226,.2)
}
.product-details .button-option-unavailable::after {
content:"";
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
transition:300ms;
cursor:pointer
}
@keyframes change-gradient-to-inactive {
from {
background:linear-gradient(to right top, transparent, transparent 48%, #706f6f 50%, #706f6f 50%, transparent 52%, transparent)
}
to {
background:linear-gradient(to right top, transparent, transparent 49%, #706f6f 50%, #706f6f 50%, transparent 51%, transparent)
}
}
@keyframes change-gradient-to-active {
from {
background:linear-gradient(to right top, transparent, transparent 49%, #706f6f 50%, #706f6f 50%, transparent 51%, transparent)
}
to {
background:linear-gradient(to right top, transparent, transparent 48%, #706f6f 50%, #706f6f 50%, transparent 52%, transparent)
}
}
.product-details .button-option-unavailable:not(.active) {
border:1px solid #706f6f !important
}
.product-details .button-option-unavailable:not(.active)::after {
background:linear-gradient(to right top, transparent, transparent 49%, #706f6f 50%, #706f6f 50%, transparent 51%, transparent);
-webkit-animation:change-gradient-to-inactive 300ms;
animation:change-gradient-to-inactive 300ms
}
.product-details .button-option-unavailable.active {
border:2px solid #706f6f !important
}
.product-details .button-option-unavailable.active::after {
background:linear-gradient(to right top, transparent, transparent 48%, #706f6f 50%, #706f6f 50%, transparent 52%, transparent);
-webkit-animation:change-gradient-to-active 900ms;
animation:change-gradient-to-active 900ms
}
.product-details .attributes-select.dropdown>span.button-option.active {
color:#191616;
background-color:unset
}
.product-details .input-group .button-option {
margin:0 0 5px 0;
font-weight:300;
padding:3px 5px;
display:inline-block;
cursor:pointer
}
.product-details .input-group .button-option-graphical {
display:flex;
flex-wrap:wrap;
flex-basis:14%
}
.product-details .delivery-cost-container a {
color:#009141;
text-decoration:none;
font-size:14px;
font-weight:500
}
.product-details__titleBorder {
border-bottom:1px solid #d1d1d1;
padding:0 20px;
margin:40px 0;
text-align:center
}
.product-details__titleBorder>span {
background-color:#ffffff;
color:#191616;
padding:0 20px;
bottom:-17px;
position:relative;
font-size:30px;
display:inline-block;
text-transform:none;
font-weight:300
}
.product-details .login-to-see-prices svg {
margin:0 7px -4px 0
}
.product-details .form__header {
opacity:1;
text-align:left;
font-size:18px;
font-weight:500;
margin-bottom:55px
}
.product-details .form-container {
background-color:#ffffff
}
.product-details .form__input-textareaInfo {
top:-14px
}
.product-details .form__input-textareaWrapper {
margin-top:32px
}
.product-details .form__input-textareaWrapper textarea {
padding:15px 2px
}
.product-details .form__required-fields-info {
font-size:12px;
text-align:left;
color:#191616;
opacity:.5
}
.product-details .form__input-wrapper--quantity .button-minus-add-product,
.product-details .form__input-wrapper--quantity .button-plus-add-product {
padding:10px;
display:inline-block;
width:40px;
text-align:center;
height:40px;
box-sizing:border-box;
cursor:pointer;
background-color:#ffffff
}
.product-details .form__input-wrapper--quantity {
border-bottom:none
}
.product-details .form__input-wrapper--buttonOptions {
border-bottom:none;
text-align:left;
padding-left:90px;
width:calc(100% - 90px)
}
.product-details .form__input-wrapper--buttonOptions .button-option {
display:inline-block;
position:relative;
width:auto;
padding:10px 20px;
margin:0 5px 0 0;
border-radius:30px;
background-color:#ffffff;
border:none;
cursor:pointer
}
.product-details .form__input-wrapper--buttonOptions input:checked+label {
border:1px solid #d6d6d6
}
.product-details .recommend-product-popup .form-container {
max-width:700px;
width:80%
}
.product-details .recommend-product-popup .form-container .form__inputGroup {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.product-details .recommend-product-popup .form-container .form__inputGroup .form__input-wrapper {
width:48%
}
.product-details .recommend-product-popup .form-container .primary-action-button {
max-width:400px
}
.product-details .input-group .attr-poly.button-option {
padding-left:0
}
.product-details .product-details__image .slick-slide {
min-height:309px
}
.product-details .product-details__image .slick-slide img,
.product-details .product-details__image .slick-slide iframe {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
max-height:95%;
max-width:95%;
cursor:pointer
}
.product-details .product-details__image.product-details__image__single .slick-slide {
min-height:auto;
max-height:100%
}
.product-details .manufacturer-name {
margin-right:30px
}
.product-details .currentReviews__pagination {
text-align:center
}
.product-details .product-details__image__archival {
position:absolute;
bottom:0;
left:0;
right:0;
padding:20px;
font-size:18px;
background:rgba(255, 65, 65, 0.9);
color:#fff;
text-align:center
}
.product-details .product-details__archivalProductInfo {
background:#F4F4F4;
color:#303030;
padding:30px;
margin-bottom:30px;
text-align:center
}
.product-details .parent-category-link {
color:#009141;
margin-top:50px;
display:inline-block
}
.product-details .parent-category-link svg {
fill:#009141;
height:19px;
width:19px;
vertical-align:middle
}
.product-details .form__rating-required-js {
margin-top:5px
}
.product-details .installmentCalculator {
width:100%;
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
margin:20px 0 0
}
.product-details .installmentCalculator--btn {
margin-top:10px;
margin-right:20px;
display:block;
cursor:pointer
}
.product-details .installmentCalculator--btn img {
max-width:165px;
max-height:40px;
height:auto;
width:auto
}
@media only screen and (min-width: 1200px) {
.product-details .SizeChartItem {
margin-top:5px;
display: block ruby;
font-size: 14px
}}
@media only screen and (max-width: 599px) {
.product-details .SizeChartItem {
margin-top:5px;
display: none;
font-size: 14px
}}
.product-details .show-discounts-product-details {
display:none;
visibility:hidden
}
.product-details .product-details__image img,
.product-details .product-details__image .slick-current,
.product-details .product-details__image-list img,
.product-details .product-details__image-list .slick-current,
.product-details .product-details__related-products img,
.product-details .product-set__item-image img,
.product-details .discount,
.product-details .dropdown-content,
.product-details .goToComparisonTool,
.product-details .product-details__toolTip_hoverAmount,
.product-details video {
border-radius:calc(1*8px) !important
}
.product-details .button-option-sets {
border-radius:calc(1*4px) !important
}
.product-details .product-flags span {
border-top-right-radius:0 !important;
border-bottom-right-radius:0 !important;
border-bottom-left-radius:calc(1*4px) !important;
border-top-left-radius:calc(1*4px) !important
}
@media only screen and (max-width: 1400px) {
.product-details__button-group.product-details__button-group--wishListEnable {
flex-wrap:wrap
}
.product-details__button-group.product-details__button-group--wishListEnable .primary-action-button.add-to-cart,
.product-details__button-group.product-details__button-group--wishListEnable .secondary-action-button {
margin:30px 0 0
}
.product-details__button-group.product-details__button-group--wishListEnable .primary-action-button {
max-width:calc(100% - 70px)
}
.product-details__button-group.product-details__button-group--wishListEnable .input-group {
align-items:center
}
.product-details__button-group.product-details__button-group--wishListEnable .input-group .stock-value {
margin:10px
}
}
@media only screen and (max-width: 1200px) {
.product-details__image-list {
display:none !important
}
.product-details__image {
width:100%
}
.product-details__images .product-flags {
left:0
}
.product-details__additionalInfo {
padding:10px 0
}
}
@media only screen and (max-width: 1190px) {
.product-details__button-group.product-details__button-group--wishListDisable {
flex-wrap:wrap
}
.product-details__button-group.product-details__button-group--wishListDisable .primary-action-button.add-to-cart {
margin:30px 0 0
}
.product-details__button-group.product-details__button-group--wishListDisable .input-group {
align-items:center
}
.product-details__button-group.product-details__button-group--wishListDisable .input-group .stock-value {
margin:10px
}
.product-details__additionalInfo {
justify-content:space-around
}
.product-details__additionalInfo>div {
display:flex;
flex-wrap:wrap
}
}
@media only screen and (max-width: 1080px) {
.product-details__additionalInfo {
justify-content:space-around;
padding:0 15px;
margin-bottom:-5px;
align-items:flex-start;
flex-direction:column;
position:relative
}
.product-details__additionalInfo .line {
display:none
}
}
.mobile-activeToolTip .product-details__toolTip_hoverAmount {
visibility:visible !important
}
.product-details__toolTip__amountCounter:hover .product-details__toolTip_hoverAmount {
visibility:visible
}
@media only screen and (max-width: 1024px) {
.product-details__toolTip__amountCounter:hover .product-details__toolTip_hoverAmount {
visibility:hidden
}
}
@media only screen and (min-width: 641px) {
.product-flags span:nth-child(n+4) {
display:none
}
}
.sizeChartUnderAttr {
margin-bottom:10px;
font-size:14px;
font-weight:normal;
font-stretch:normal;
font-style:normal;
line-height:1.71;
letter-spacing:1.2px;
color:#009141 !important;
padding-left:0;
padding-right:0;
line-height:40px;
cursor:pointer;
text-decoration:underline;
border:2px solid #ffffff
}
@media print {
.topBanner,
.headerBackground,
.headerBg,
.breadcrumbs-wrapper,
.product-details__other-options,
.addToComparePopup,
.product-details__button-group,
.product-details__button-group,
.product-details__button-group--wishListDisable,
.product-details__image-list,
.recommended-products1,
.recommended-products2,
.manufacturer1-slider-padding,
.manufacturer2-slider-padding,
.brand1-slider-padding,
.brand2-slider-padding,
.info-banner-1,
.info-banner-2,
.info-banner-3,
.go-to-top,
.footer,
.slick-next,
.product-details__titleBorder,
.product-details__related-products,
.product-details__additionalInfo,
.RecommendedProduct,
.GreatQuality,
.GreatPrice,
.Reward,
.Promotion,
.BestRated,
.NewProduct,
.PromotionalProduct,
.VendorRecomendation,
.Sale,
header,
.productDetails-reviews--summary,
.bottomMenu {
display:none !important
}
.product-description {
width:50% !important
}
.logo--print {
height:65px;
width:200px;
margin-top:20px;
margin-right:30px;
margin-bottom:80px;
display:block !important;
visibility:visible
}
.product-details__images {
width:60%;
margin-left:-70px
}
.product-details__image {
width:100%
}
.product-details__image .slick-list .slick-track li * {
max-width:350px
}
.product-details__headers li {
display:list-item !important;
width:250px
}
.reviewsSectionBtn-js,
.product-details__header {
display:none !important
}
}
.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:#009141
}
.notfound-text {
margin:0 auto 80px;
max-width:550px;
}
.notfound-header {
display:block;
margin:0 auto 30px;
font-size:48px;
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:#009141
}
.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
}
.header-recommended {
display:none;
position:absolute;
transform:translate(50%);
right:50%;
background-color:#FFFFFF;
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:14px;
font-weight:400;
width:fit-content
}
.header-recommended-categories a span {
font-weight:700
}
.header-recommended-categories a:hover {
color:#009141
}
.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__logoContainer:hover {
border-color:#009141b0;
box-shadow: 0px 2px 8px 0px rgba(0,0,0,.12)
}
.header-recommended-sectionHeader {
font-size:16px;
text-transform:uppercase;
font-weight:700;
margin-bottom:16px
}
.header-recommended-products {
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
}
.header-recommended-productItem {
display:flex;
border: solid;
border-width: 1px;
border-radius: 9px;
padding: 2px;
border-color: #c8c8c891;
}
.header-recommended-productItem:hover {
box-shadow:0px 2px 8px 0px rgba(0,0,0,.12);
border-style: solid;
border-color: #009141b0;
border-width: 1px;
}
.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:110px;
max-height:110px;
}
.header-recommended-productItem__imageContainer svg {
width:100px;
height:auto
}
.header-recommended-productItem__detailsContainer {
width:266px
}
.header-recommended-productItem__detailsContainer h2 {
margin:5px 0 12px 0;
font-size:14px;
text-overflow:ellipsis;
overflow:hidden;
letter-spacing:1.2px;
font-weight:450;
}
.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:#d5140a
}
.header-recommended-productItem__detailsContainer .pricesContainer__oldPrice {
font-size:12px;
text-decoration-line:line-through
}
.header-recommended-productItem__detailsContainer .pricesContainer__omnibus {
color:#706f6f;
font-size:10px;
flex-basis:100%
}
.header-recommended .closeRecommendedButton {
position:absolute;
top:20px;
right:20px;
transform: scale(2);
}
.header-recommended .closeRecommendedButton:hover {
cursor:pointer
}
.header-recommended .closeRecommendedButton svg {
width:18px;
height:18px;
fill:#000;
}
.header-recommended .closeRecommendedButton svg:hover {
width:18px;
height:18px;
fill:#009141;
}
.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
}
.cartItemsList-btn {
position:relative
}
.cartItemsList-wrapper {
position:absolute;
background-color:#ffffff;
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:#009141
}
.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:#ffffff;
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:#009141
}
.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:#009141
}
.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:#ffffff;
padding:5px 0 0 5px;
display:block;
width:calc(100% - 5px)
}
.cartItemsList-product--details_description {
color:#706f6f;
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
}
@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:#ffffff;
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:#191616;
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:#ffffff;
background-color:#009141;
text-align:center
}
.bottomMenu .menuItem .text {
font-size:11px;
line-height:18px;
color:#191616;
font-weight:300;
text-align:center;
margin:0 auto
}
.bottomMenu .activePage svg {
fill:#009141
}
.bottomMenu .activePage .text {
color:#009141
}
.menuActive svg {
fill:#009141 !important
}
.menuActive .text {
color:#009141 !important
}
.menuDisabledIcons svg {
fill:#191616 !important
}
.menuDisabledIcons .text {
color:#191616 !important
}
}
/* Domyślny styl dla urządzeń PC */
.product-details__toolTip_front {
color: #d1d1d1;
font-size: 13px;
transform: scale(1.3);
min-height: 20px;
margin-top: 6px;
}
/* Styl dla urządzeń mobilnych */
@media (max-width: 768px) {
.product-details__toolTip_front {
color: #d1d1d1;
font-size: 13px;
transform: scale(1.3);
min-height: 19px;
margin-top: 24px;
}
}