.button, a.button {
    color: #ffffff;
	background: var(--color-primary)
}
.product {
     border:1px solid #C4C4C4;
}
 div.product a.favorites svg.icon{
     stroke:var(--color-primary);
     fill:none;
}
 div.product a.favorites.in-favorites svg.icon{
     stroke:var(--color-primary);
     fill:var(--color-primary);
}
 .product h4 {
     color:#C4C4C4;
}
 a.title {
     color:var(--color-primary);
}
 .catalog .product{
     background-color: var(--color-bg);
}
 .product h5 span.priceStrike {
     color:#FF0000;
}
 .product a.buy-button-fast {
     border:2px solid var(--color-primary);
     color:var(--color-primary);
}
 
 
 
 
 
 
 
 
 .catalog{
     margin-bottom: 32px;
	      display: flex;
     margin: 0 -7.5px;
     flex-wrap: wrap;
}
 .col-4{
     width: 284px;
     padding: 0 7.5px;
}
 .flex-row{
     display: flex;
}
 .between{
     justify-content: space-between 
}
 .catalog .product {
     width: 100%;
     margin: 0 0 15px 0;
     padding: 15px 15px 225px 15px;
     position: relative;
}
 .catalog div.product.withOutBasket, .left-bar div.product.withOutBasket{
     padding: 15px 15px 75px 15px;
}
 .product h4 {
     font-weight:400;
     font-style:normal;
     font-size:14px;
     line-height:20px;
     padding:0;
     margin:0;
     position:relative;
     display:block;
}
 a.title {
     text-align:center;
     font-weight:700;
     font-style:normal;
     font-size:18px;
     line-height:23px;
     padding:0;
     margin:0;
     position:relative;
     display:block;
	 text-decoration:none;
}
 .product h5 {
     text-align:center;
     font-weight:300;
     font-style:normal;
     font-size:32px;
     line-height:36px;
     padding:0;
     margin:0;
     position:relative;
     display:block;
}
 .product-price h5 unitdisplay.small{
     font-size:16px;
}
 .product h5 span{
     white-space: nowrap;
}
 .product h5 span.priceStrike {
     text-align:center;
     font-weight:400;
     font-style:normal;
     font-size:14px;
     line-height:20px;
     width:100%;
     padding:0;
     margin:0;
     text-decoration:line-through;
     position:relative;
     display: inline-block;
}
 .product h6 {
     font-weight:400;
     font-style:normal;
     font-size:14px;
     line-height:20px;
     width:100%;
     padding:0;
     margin:15px 0 10px 0;
     position:relative;
     display:block;
}
 .product a.buy-button {
     text-align:center;
     font-size:14px;
     line-height:40px;
     width:calc(100% - 90px);
     height:40px;
     padding:0 20px;
     margin:0;
     outline:none;
     cursor:pointer;
     -webkit-appearance: none;
     -moz-appearance:none;
     border:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
     display:block;
     white-space:nowrap;
	 text-decoration:none;
}
 .product a.buy-button-fast {
     text-align:center;
     font-size:14px;
     line-height:42px;
     width:calc(100% - 4px);
     height:40px;
     padding:0;
     margin:0;
     outline:none;
     cursor:pointer;
     -webkit-appearance: none;
     -moz-appearance:none;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
     display:block;
     white-space:nowrap;
	 text-decoration:none;
}
 .product a.favorites {
     width:18px;
     height:18px;
     padding:0;
    /* margin:0 74px 0 0;
     */
     position:relative;
     display:flex;
     justify-content:center;
     align-items:center;
}
 .product a:hover {
}
 div.product a.favorites svg.icon{
     width: 18px;
     height: 18px;
}
 a.product-img {
     width:100%;
     height:190px;
     overflow:hidden;
     padding:0;
     margin:15px 0;
     position:relative;
     display: block;
}
 a.product-img img {
     max-width:100%;
     height:100%;
     object-fit: contain;
     padding:0;
     margin:0 auto;
     display:block;
     transition: all ease .3s 
}
 a.product-img img:hover{
     transform: scale(1.1) 
}
 .product-img-wrap {
     position: relative;
}
 .product-img-wrap:hover .product-img-preview span {
     display: block;
}
 .product-img-preview span {
     display: none;
     height: 42px;
     background: rgba(255, 255, 255, 0.9);
     line-height: 42px;
     max-width: 85%;
     width: 100%;
     text-align: center;
     font-size: 14px;
     color: #000;
     margin-left: auto;
     margin-right: auto;
}
 .product-img-preview {
     display: flex;
     position: absolute;
     left: -1px;
     right: -1px;
     bottom: -1px;
     top: -1px;
     z-index: 10;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
}
 .product-img-preview .icon {
     display: none;
}
 .product .instock {
     margin: 10px 0 0 0;
     text-align: center;
     font-size: 12px;
}
 .catalog.type2 .product .instock {
     text-align: left;
     margin: 5px 0 0 0;
}
 .catalog.type3 .product .instock {
     text-align: left;
     margin: 5px 0 0 0;
}
 .type2 .product-img-wrap:hover .product-img-preview span , .type3 .product-img-wrap:hover .product-img-preview span {
     display: none;
}
 .type2 .product-img-wrap:hover .product-img-preview .icon , .type3 .product-img-wrap:hover .product-img-preview .icon {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .type2 .product-img-wrap:hover .product-img-preview .icon {
     width: 21px;
     height: 15px;
     position: relative;
     right: 6px;
}
 .type3 .product-img-wrap:hover .product-img-preview .icon {
     width: 34px;
     height: 24px;
     position: relative;
     right: 6px;
}
 .number {
     display:inline-block;
     position:relative;
     width:80px;
     padding:0;
     margin:0 0 10px 0;
}
 .number input[type="number"] {
     display: block;
     font-size:14px;
     line-height:40px;
     width:80px;
     height:40px;
     padding:0;
     margin:0;
     box-sizing: border-box;
     text-align: center;
     -moz-appearance: textfield;
     -webkit-appearance: textfield;
     appearance: textfield;
     border-radius:0;
     -webkit-border-radius:0;
     -moz-border-radius:0;
     -khtml-border-radius:0;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .number input[type="number"]::-webkit-outer-spin-button, .number input[type="number"]::-webkit-inner-spin-button {
     display: none;
}
 .number-minus {
     position: absolute;
     top: 1px;
     left: 1px;
     bottom: 1px;
     width: 20px;
     padding: 0;
     display: block;
     text-align: center;
     border: none;
     font-size: 16px;
     background:none;
}
 .number-plus {
     position: absolute;
     top: 1px;
     right: 1px;
     bottom: 1px;
     width: 20px;
     padding: 0;
     display: block;
     text-align: center;
     border: none;
     font-size: 16px;
     background:none;
}
 @media all and (max-width: 1200px) {
	 .catalog .product {
         position:relative;
    }
     a.title {
         text-align:center;
         font-weight:700;
         font-style:normal;
         font-size:16px;
         line-height:20px;
         padding:0;
         margin:0;
         position:relative;
         display:block;
		 text-decoration:none;
    }
     .product h5 {
         text-align:center;
         font-weight:300;
         font-style:normal;
         font-size:26px;
         line-height:26px;
         padding:0;
         margin:0;
         position:relative;
         display:block;
    } 
 }
  @media all and (max-width: 1020px) {
	   .catalog .product {
         margin:20px 15px 0 0;
         position:relative;
    }
     a.title {
         text-align:center;
         font-weight:700;
         font-style:normal;
         font-size:16px;
         line-height:20px;
         padding:0;
         margin:0;
         position:relative;
         display:block;
		 text-decoration:none;
    }
     .product h5 {
         text-align:center;
         font-weight:300;
         font-style:normal;
         font-size:26px;
         line-height:26px;
         padding:0;
         margin:0;
         position:relative;
         display:block;
    }
  }
   @media all and (max-width: 720px) {
	        .product-control .flex-row{
         flex-wrap: wrap;
    }
	   .catalog .product {
         width:100%;
         margin: 0 0 15px 0;
         position:relative;
         padding-bottom: 250px;
    }
     .product h4 {
         font-weight:400;
         font-style:normal;
         font-size:12px;
         line-height:20px;
         width:calc(100% - 30px);
         padding:0;
         margin:0;
         position:relative;
         display:none;
    }
     a.title {
         text-align:center;
         font-weight:700;
         font-style:normal;
         font-size:14px;
         line-height:18px;
         padding:0;
         margin:0;
         position:relative;
         display:block;
		 text-decoration:none;
    }
     .product h5 {
         text-align:center;
         font-weight:300;
         font-style:normal;
         font-size:20px;
         line-height:20px;
         padding:0;
         margin:0;
         position:relative;
         display:block;
    }
     .product h6 {
         font-weight:400;
         font-style:normal;
         font-size:14px;
         line-height:20px;
         width:100%;
         padding:0;
         margin:15px 0 10px 0;
         position:relative;
         display:block;
    }
     .number {
         display:inline-block;
         position:relative;
         width:100%;
         padding:0;
         margin:0 0 10px 0;
    }
     .number input[type="number"] {
         display: block;
         font-size:14px;
         line-height:40px;
         width:100%;
         height:40px;
         padding:0;
         margin:0;
         box-sizing: border-box;
         text-align: center;
         -moz-appearance: textfield;
         -webkit-appearance: textfield;
         appearance: textfield;
         border-radius:0;
         -webkit-border-radius:0;
         -moz-border-radius:0;
         -khtml-border-radius:0;
    }
     .product a.buy-button {
         text-align:center;
         font-size:14px;
         line-height:40px;
         width:100%;
         height:40px;
         padding:0;
         margin:0 0 10px 0;
         outline:none;
         cursor:pointer;
         -webkit-appearance: none;
         -moz-appearance:none;
         border:none;
         border-radius:0;
         -webkit-border-radius:0;
         -moz-border-radius:0;
         -khtml-border-radius:0;
         display:block;
    }
     .product a.buy-button-fast {
         text-align:center;
         font-size:14px;
         line-height:42px;
         width:calc(100% - 4px);
         height:40px;
         padding:0;
         margin:0;
         outline:none;
         cursor:pointer;
         -webkit-appearance: none;
         -moz-appearance:none;
         border-radius:0;
         -webkit-border-radius:0;
         -moz-border-radius:0;
         -khtml-border-radius:0;
         display:block;
    }
     .product a.favorites {
         width:18px;
         height:18px;
         padding:0;
         margin:0;
         position:relative;
         justify-content:center;
         align-items:center;
         display:none;
    }
     .product a:hover {
         opacity:0.5;
    }
     a.product-img {
         width:100%;
         height:120px;
         overflow:hidden;
         padding:0;
         margin:0 0 15px 0;
         position:relative;
    }
     a.product-img img {
    }
   }
   .catalog .col-4{
     display: flex;
}
 .catalog.type3 .col-4 .product-top a.favorites{
     margin-right: 74px;
}
 .catalog.type3 .col-4, .fullwidth .catalog.type3 .col-4{
     width: 100%;
}
 .catalog.type3 .col-4 .product{
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 0 0 13px 0;
}
 .catalog.type3 .col-4 .product-top{
     display: flex;
     padding-top: 28px;
     align-items: flex-start;
     flex: 1;
}
 .catalog.type3 .col-4 .product-top .flex-row{
     position: absolute;
     top: 18px;
     display: flex;
     flex-direction: row-reverse 
}
 .catalog.type3 .col-4 .product-img{
     width: 80px;
     max-height: 80px;
     margin: 0 12px 0 0;
}
 .catalog.type3 .col-4 .title{
     text-align: left;
     flex: 1;
     font-size: 16px;
     padding-right: 30px;
	text-decoration:none;
}
 .catalog.type3 .col-4 .product h5 span, .catalog.type3 .col-4 .product h5{
     text-align: right;
}
 .catalog.type3 .col-4 .product h5{
     font-size: 34px 
}
 .catalog.type3 .col-4 .product-control{
     display: flex;
     align-items: center;
     position: static;
     justify-content: space-between;
}
 .catalog.type3 .col-4 .product-price{
     margin-top: -10px;
     margin-right:20px;
}
 .catalog.type3 .col-4 .product h6{
     display: none;
}
 .catalog.type3 .col-4 .product-btns{
     max-width: 198px 
}
 .catalog.type3 .product a.buy-button{
     width:100%;
     margin-left:10px;
}
 .catalog.type2 .col-4, .fullwidth .catalog.type2 .col-4{
     width: 100%;
}
 .catalog.type2 .col-4 .product{
     padding: 5px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 0 0 13px 0;
}
 @media(min-width:720px){
     .catalog.type2 .col-4 .product .product-control .product-btns .number{
         margin: 0;
    }
}
 .catalog.type2 .col-4 .product-top{
     display: flex;
     padding-top: 0;
     align-items: flex-start;
}
 .catalog.type2 .col-4 .product-top .flex-row{
     display: none;
}
 .catalog.type2 .col-4 .product-img{
     width: 31px;
     height: 31px;
     margin: 0 12px 0 0;
}
 .catalog.type2 .col-4 .title{
     text-align: left;
     flex: 1;
     font-size: 14px;
     line-height: 16px;
	 text-decoration:none;
}
 .catalog.type2 .col-4 .product h5 span.priceStrike, .catalog.type2 .col-4 .product h5{
     text-align: right;
     margin: 0 5px 0 0;
}
 .catalog.type2 .col-4 .product h5{
     font-size: 16px;
     line-height: 1;
}
 .catalog.type2 .col-4 .product-control{
     display: flex;
     align-items: center;
     position: static;
     justify-content: space-between;
     margin: 0 0 0 10px;
}
 .catalog.type2 .col-4 .product-price{
     margin-top: -5px;
     width:100%;
     margin-right:10px;
}
 .catalog.type2 .col-4 .product h6{
     display: none;
}
 .catalog.type2 .col-4 .product-btns{
    /* width: 100%;
     */
     display: flex;
     max-width: 280px;
     justify-content: space-between 
}
 .catalog.type2 .col-4 .number input[type="number"], .catalog.type2 .col-4 .number{
     width: 58px;
}
 .catalog.type2 .product a.buy-button-fast{
     width: 120px;
     font-size: 12px;
     line-height: 38px;
     margin-left: 10px;
}
 .catalog.type2 .product a.buy-button{
     width: auto;
     padding: 0 13px;
     margin-left: 10px;
     font-size: 12px;
     line-height: 40px;
}
 @media(max-width:1200px){
     .catalog.type2 .col-4 .title{
         line-height: 1.4 
    }
     .catalog.type3 .col-4 .title{
         padding-right: 10px;
    }
     .catalog.type3 .col-4 .product-control{
    }
     .catalog.type3 .col-4 .product h5{
         font-size: 32px 
    }
}
 @media(max-width:720px){
     .catalog.type2 .col-4, .fullwidth .catalog.type2 .col-4, .catalog.type3 .col-4, .fullwidth .catalog.type3 .col-4{
         width: 50%;
    }
     .catalog.type2 .col-4 .product, .catalog.type3 .col-4 .product{
         padding: 15px 15px 250px 15px;
         display: block;
         margin: 0 0 15px 0;
    }
     .catalog.type2 .col-4 .product.withOutBasket, .catalog.type3 .col-4 .product.withOutBasket{
         padding: 15px 15px 75px 15px;
    }
     .catalog.type2 .col-4 .product-top, .catalog.type3 .col-4 .product-top{
         display: block;
         padding-top: 0;
         align-items: center 
    }
     .catalog.type2 .col-4 .product-top .flex-row, .catalog.type3 .col-4 .product-top .flex-row{
         display: block 
    }
     .catalog.type2 .col-4 .product-img, .catalog.type3 .col-4 .product-img{
         width: 100%;
         height: 120px;
         margin: 0 0 15px 0;
    }
     .catalog.type2 .col-4 .title, .catalog.type3 .col-4 .title{
         text-align: center;
         max-width: 100%;
         font-size: 14px 
    }
     .catalog.type2 .col-4 .product h5 span, .catalog.type2 .col-4 .product h5, .catalog.type3 .col-4 .product h5 span, .catalog.type3 .col-4 .product h5{
         text-align: center;
    }
     .catalog.type2 .col-4 .product h5, .catalog.type3 .col-4 .product h5{
         font-size: 16px;
         line-height: 1;
         text-align:center;
    }
     .catalog.type2 .col-4 .product h5 span.priceStrike{
         text-align:center;
    }
     .catalog.type2 .col-4 .product-control, .catalog.type3 .col-4 .product-control{
         display: block;
         align-items: center;
         flex: 1;
         position: absolute;
         justify-content: space-between;
         min-width: 0 
    }
     .catalog.type2 .col-4 .product h6, .catalog.type3 .col-4 .product h6{
         display: block;
    }
     .catalog.type2 .col-4 .product-btns, .catalog.type3 .col-4 .product-btns{
         width: 100%;
         display: block;
         max-width: 280px;
         justify-content: space-between 
    }
     .catalog.type2 .col-4 .number input[type="number"], .catalog.type2 .col-4 .number, .catalog.type3 .col-4 .number input[type="number"], .catalog.type3 .col-4 .number{
         width: 100%;
    }
     .catalog.type2 .product a.buy-button-fast, .catalog.type3 .product a.buy-button-fast{
         width: 100%;
         font-size: 14px;
         line-height: 38px;
    }
     .catalog.type2 .product a.buy-button, .catalog.type3 .product a.buy-button{
         width: 100%;
         margin-left: 0;
         font-size: 14px;
    }
     .catalog.type2 .product a.buy-button-fast{
         margin-left: 0;
    }
}
 .product-control{
     position: absolute;
     bottom: 15px;
     left: 15px;
     right: 15px 
}