.products{
  margin-top: 15px;
}

.products  *
{
    box-sizing: border-box;
}

.products__container{
  max-width: 850px;
  margin: auto;
}

/* buttons */
.btn-buy{
  border: none;
  outline: none;
  background: none;
  border: 1px solid #2F99CC;
  color: #2F99CC;
  font-weight: 300;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 3px;
  display: block;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 182px;
  height: 40px;
    text-decoration: none;
}
.btn-buy:hover{
  border: 1px solid #4BB2E4;
  color: #4BB2E4;
}
.btn-buy:active{
  border: 1px solid #2A6496;
  color: #2A6496;
}

.btn-buy .icon-link {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    position: relative;
    top: 3px;
    fill: #2F99CC;
    display: inline-block;
}


.btn-send{
  border: none;
  outline: none;
  background: none;
  display: block;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 182px;
  height: 40px;
  font-size: 14px;
  color: #444;
  border: 1px solid #CECFCF;
  border-radius: 3px;
  text-decoration: none;
}

.btn-send:hover{
  color: white;
  border: 1px solid #4CAE4C;
  background: #4CAE4C;
}

.btn-send:active{
  border: 1px solid #CECFCF;
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.13);
}

/* card */
.products__card{
  border: 1px solid #CECFCF;
  border-radius: 3px;
  padding: 25px 25px 16px 16px;
  color: #444;
  margin-bottom: 10px;
  width: 100%;
}

.products__card:hover{
 /* border: 1px solid #999; */

  box-shadow: 0 4px 8px rgba(50, 50, 71, 0.06), 0 4px 4px rgba(50, 50, 71, 0.08);
  border-radius: 3px;
}

.products__card .tags
{
    margin-top: -14px;
}
.products__card-container{
  display: flex;
}

.products__card-wrapper{
  margin-right: 45px;
  width: 130px;
}

.products__card-image{
  width: 130px;
  position: relative;
  margin-bottom: 20px;
}

.products__card-image-svg{
  width: 23px;
  height: 25px;
  position: absolute;
  left: 0;
  bottom: -5px;
}

.products__card-image img{
  width: 100%;
}

.products__card-content{
  max-width: 410px;
}

.products__card-title{
  margin-bottom: 8px;
}

.products__card-title a{
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  color: #2F99CC;
  /*border-bottom: 1px solid #2F99CC;*/
  display: inline-block;
  line-height: 100%;
  text-decoration: underline;
}

.products__card-title a:hover{
  text-decoration: none;
}

.products__card-company{
  margin-bottom: 4px;
}

.products__card-company a{
  font-weight: 600;
  font-size: 14px;
  color: #444444;
  position: relative;
  padding-right: 20px;
}

.products__card-company a::before{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-image: url('../images/svg/link.svg');
  background-repeat: no-repeat;
  display: none;
}

.products__card-company a:hover:before{
  display: block;
}

.products__card-logo{
  margin-bottom: 6px;
}

.products__card-logo img {
    max-height: 30px;
}
.products__card-placeholder{
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  padding-left: 14px;
  position: relative;
  margin-bottom: 8px;
}

.products__card-placeholder::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-image: url('../images/decor/card-placeholder.svg');
  background-repeat: no-repeat;
  opacity: .6;
}

.products__card-text{
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
}

.products__card-text-next{
  color: #2F99CC!important;
  
  /*border-bottom: 1px solid #2F99CC;*/
  display: inline-block;
  line-height: 100%;
  
}

.products__card-price{
  font-weight: 300;
  font-size: 18px;
  color: #2F99CC;
  margin-bottom: 9px;
  margin-top: 1px;
  
}

.products__card-count{
  font-weight: 300;
  font-size: 18px;
  color: #444444;
  /*border-bottom: 1px dotted #444;*/
  
  margin-bottom: 16px;
  cursor: pointer;
}

.products__card-count:hover{
/*  border-bottom: 1px dotted #ffffff;*/
}

.products__card-button{
  text-align: right;
  position: relative;
  margin-top: 8px;
}

.products__card-button svg{
  width: 10px;
  height: 10px;
  fill: #2F99CC;
  stroke: #2F99CC;
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
}

.products__card-button:active svg{
  fill: #2A6496;
  stroke: #2A6496;
}

.products__card-factory{
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  cursor: pointer;
  width: 100%;
  line-height: 100%;
  position: relative;

}

.products__card-factory span {
    border-bottom: 1px dotted #999;
    margin-right: 0px;
}

.products__card-factory:hover span{
  color: #2F99CC;
  border-bottom: 1px dotted #2F99CC;
}

.products__card-factory-help{
  position: absolute;
  left: 30px;
  top: 25px;
  padding: 12px;
  border: 1px solid #CECFCF;
  background-color: white;
  text-align: center;
  box-shadow: 0px 12px 12px rgba(68, 68, 68, 0.08), 0px 16px 24px rgba(68, 68, 68, 0.08);
  border-radius: 3px;
  width: 227px;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color:#444;
  display: none;
  z-index: 1;
  
}
.products__card-factory-help::before{
  content: '';
  position: absolute;
  top: -6.5px;
  left: 25px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #CECFCF;
  border-right: 1px solid #CECFCF;
  background-color: white;
  z-index: 1;
  transform: rotate(-45deg);
}
.product__card-factory-content{
  position: relative;
  text-align: right;
  width: 184px;
}
.product__card-factory-content:hover .products__card-factory-help{
  display: block;
}

.products__card-button:not(:last-child){
  margin-bottom: 8px;
}

.products__card-svg{
  width: 22px;
  height: 22px;
}

/* action */
.products__card-action{
  cursor: pointer;
  visibility: hidden;
}
.products__card:hover .products__card-action{
  visibility: visible;
}

.products__card-action-wrapper{
  display: flex;
  align-items: center;
}

.products__card-svg-calculator{
  fill: #999;
}

.products__card-svg-settings{
  stroke: #999;
  fill: none;
}

.products__card-action-wrapper:active .products__card-svg-calculator{
  fill: #2F99CC;
}

.products__card-action-wrapper:active .products__card-svg-settings{
  stroke: #2F99CC;
}

.products__card-action-wrapper:not(:last-child){
  margin-bottom: 6px;
}

.products__card-action-icon{
  margin-top: 2px;
  margin-right: 6px;
}


.products__card-action-text{
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #999999;

}

.products__card-action-text--border{
  border-bottom: 1px dotted #999;
}
.products__card-action-text:hover .products__card-action-text--border{
  border-bottom: none;
  color: #2F99CC;
}

.products__card-action-wrapper:active .products__card-action-text{
  color: #2F99CC;
}

/*
.products__card-action-wrapper:hover .products__card-action-icon {
    stroke: #2F99CC;
}
*/

.products__card-action-wrapper:hover .products__card-action-text {
    color: #2F99CC;
}

/* info */
.products__card-info{
  margin-left: auto;
}
.products__card-info-wrapper{
  text-align: right;
}

/* adventure */
.products__card-adventure{
  display: flex;
  align-items: center;
  color: #999;
  font-size: 12px;
  margin-top: 7px;
}

.products__card-advertising{
  margin-right: 29px;
  width: 146px;
}

.products__card-advertising a{
  color: #999;
  font-weight: 300;
  padding-bottom: 1px;
  text-decoration: none;
}

.products__card-advertising a:hover{
  color: #2F99CC;
}

.products__card-service{
  display: flex;
  position: relative;
}

.products__card-service:not(:last-child){
  margin-right: 40px;
}

.products__card-service-help{
  position: absolute;
  left: -20px;
  top: 130%;
  padding: 12px;
  border: 1px solid #CECFCF;
  background-color: white;
  text-align: center;
  box-shadow: 0px 12px 12px rgba(68, 68, 68, 0.08), 0px 16px 24px rgba(68, 68, 68, 0.08);
  border-radius: 3px;
  max-width: 267px;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color:#444;
  display: none;
  z-index: 2;
}
.products__card-service-help::before{
  content: '';
  position: absolute;
  top: -6.5px;
  left: 25px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #CECFCF;
  border-right: 1px solid #CECFCF;
  background-color: white;
  z-index: 1;
  transform: rotate(-45deg);
}

.products__card-service:hover .products__card-service-help{
  display: block;
}

.products__card-service-icon{
  margin-right: 8px;
  margin-top: 2px;
}

.products__card-service-icon svg{
  width: 22px;
  height: 22px;
  fill: #999;
}

.products__card-service-text{
  margin-top: 7px;
}

.products__card-service-text{
  color: #999;
  border-bottom: 1px dotted #999;
  display: inline-block;
  line-height: 100%;
  align-self: flex-start;
}

.products__card-ghost{
  margin-left: auto;
}

.products__card-ghost svg{
  width: 22px;
  height: 22px;
  fill: #999;
}


/* hovers */
.products__card-service:hover svg{
  fill: #2F99CC;
}
.products__card-service:hover .products__card-service-text{
  color: #2F99CC;
  border-bottom: 1px dotted #2F99CC;
  cursor:default;
}


.products__card-ghost:hover svg{
  fill: #2F99CC;
} 


.products__card-service-delivery{
  position: relative;
}

.products__card-service-help-ghost{
  width: 150px;
}



.products__card-service-payment{
  position: relative;
}

.products__card-service:hover:before{
  display: block;
}
.products__card-service:hover:after{
  display: block;
}

.products__card-ghost:hover:before{
  display: block;
}
.products__card-ghost:hover:after{
  display: block;
}
/* media quires */

.has_prod
{
    margin-left: 3px;
    width: 181px
}

.has_prod2
{
    margin-left:4px;
    width:180px
}

.products__card-advertising_mob {
    display: none;
    color: #999;
    font-size: 12px;
    margin-top: 7px;

}

.products__card-info-wrapper_mob {
    display: none;
}

@media(max-width: 605px){
   .has_prod {
       margin-left: 0px;
       width: 100%
   }

  .has_prod2 {
      margin-left: 0px;
      width: 100%
  }

  .products__card-service::before{
    display: none!important;
  }
  .products__card-service::after{
    display: none!important;
  }
  .products__card-ghost::before{
    display: none!important;
  }
  .products__card-ghost::after{
    display: none!important;
  }
  .products__card{
    padding: 22px 12px;
  }

  .products__card-container{
    display: block;
  }

  .products__card-wrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height:88px;
  }

  .products__card-action{
    visibility: visible;
  }

  .products__card-action-icon{
    margin-right: 0px;
  }

  .products__card-action-text{
    display: none;
  }

  .products__card-title{
    margin-bottom: 16px;
  }

  .products__card-title a{
    font-weight: 300;
    font-size: 14px;
  }

  .products__card-logo{
    display: none;
  }

  .products__card-advertising {
      display: none;
  }

   .products__card-advertising_mob {
        display: inline-block;
   }

  /*
  .products__card-text{
    display: none;
  }
*/

  .products__card-placeholde{
    margin-bottom: 12px;
  }

  .products__card-info{
    margin-left: 0;
  }

  .products__card-info-wrapper{
    display: none;
    /*
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    */
  }

  .products__card-info-wrapper_mob {
      width: 100%;
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 10px;

  }

  .products__card-price{
    font-weight: 300;
    font-size: 14px;
  }

  .products__card-count{
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0px;
    margin-bottom: 2px;
  }

  .products__card-content {
    max-width: 100%;
    width: 100%;
  }

  .products__card-button .btn-buy{
    width: 100%;
  }

  .products__card-button .btn-send{
    width: 100%;
  }

  .products__card-adventure{
    display: block;
    font-weight: 300;
    font-size: 12px;
  }

  .products__card-service:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 8px;
  }

  .products__card-ghost{
    display: none;
  }

  .products__card-advertising{
    margin: 0px;
    margin-bottom: 8px;
  }
  
  .products__card-ghost-mobile{
    display: block!important;
  }

  .products__card-image{
    margin-bottom: 0px;
    height: 50px;
  }
  
  .products__card-action-wrapper:not(:last-child){
    margin-bottom: 0px;
  }

  .products__card-image-svg{
    bottom: -10px;
  }
  
  .products__card-factory{
    text-align: left;
  }

  .products__card-company a{
    padding-right: 0px;
  }

  
}


.products__card-text-next-mobile{
  font-weight: 300!important;
  font-size: 14px!important;
  color: #2F99CC!important;
  /*border-bottom: 1px solid #2F99CC;*/
  display: inline-block;
  line-height: 100%;
}
.products__card-text-next:hover{
  /*border-bottom: 1px solid #ffffff;*/
  text-decoration: none;
}

@media(min-width:605px){
  .products__card-text-next-mobile{
    display: none;
  }
  .products__card-ghost-mobile{
    display: none!important;
  }
  .products__card-button svg{
    display: none;
  }
}