.compare-btn-block a svg .compare-color {
  transition: all 0.3s;
  fill: #283242;
}
.compare-btn-block a:hover svg .compare-color {
  fill: #0faef7;
}
.compare-btn-block.activated a svg .compare-color {
  fill: #ff1d8b;
}

.right__side-nav-item.compare-btn-block span.icon_badge {
  top: -14px;
}

/* compares */
.top-row-section
  .product-page-top-info
  .product-page-top-info-row
  .flex.align-items-start {
  align-items: flex-start;
}
.top-row-section
  .product-page-top-info
  .product-page-top-info-row
  .flex.align-items-start
  .text-info {
  padding: 2px 0 15px 0;
}
.top-row-section .product-page-top-info .info-row-right .article {
  align-items: flex-start;
}
.top-row-section .product-page-top-info .info-row-right .article .copy_btn {
  margin-top: 1px;
}
.top-row-section .product-page-top-info .specification-row.pb0 {
  padding-bottom: 0;
}

.add-compare {
  padding-left: 24px;
  margin-top: -3px;
  position: relative;
}

.btn-compare {
  position: relative;
  display: inline-block;
  padding: 2px 0 0 30px;
  width: 100px;
  font-weight: 400;
  font-size: 15px;
  line-height: 120%;
  color: #283242;
}
.btn-compare .icon-compare {
  position: absolute;
  left: 0;
  top: 0;
}
.btn-compare .icon-compare svg .compare-color {
  transition: all 0.3s;
  fill: #283242;
}
.btn-compare:hover .icon-compare svg .compare-color {
  fill: #0faef7;
}
.btn-compare.activated .icon-compare svg .compare-color {
  fill: #ff1d8b;
}

.compare_alert {
  display: none;
  position: absolute;
  right: -38px;
  bottom: 29px;
  border-radius: 12px;
  padding: 11px 16px 8px 16px;
  width: 254px;
  background: #f6f6f6;
}
.compare_alert p {
  margin: 0;
  padding: 5px 0 8px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #3d4658;
}
.compare_alert a {
  font-weight: 400;
  font-size: 12px;
  line-height: 142%;
  color: #283242;
  border-bottom: 1px dashed #283242;
}
.compare_alert a:hover {
  color: #283242;
  border-color: transparent;
}
.compare_alert .compare_alert-close {
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  right: 8px;
  top: 3px;
  cursor: pointer;
}
.compare_alert .compare_alert-close:before,
.compare_alert .compare_alert-close:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  height: 1px;
  background: #c2cbcb;
  transition: all 0.3s;
}
.compare_alert .compare_alert-close:before {
  transform: rotate(-45deg);
}
.compare_alert .compare_alert-close:after {
  transform: rotate(45deg);
}
.compare_alert .compare_alert-close:hover:before,
.compare_alert .compare_alert-close:hover:after {
  background: #283242;
}

.slick-slide .compare_alert{
  bottom: -105px;
  right: 0;
}

.product-color {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 20px 0;
}
.product-color .product-color-item {
  position: relative;
  margin: 0 2px 2px 0;
}
.product-color .product-color-item .product-color-input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.product-color .product-color-item .product-color-label {
  display: block;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: relative;
  border: 2px solid transparent;
  padding: 2px;
  transition: all 0.3s;
}
.product-color .product-color-item .product-color-label span {
  display: block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.product-color .product-color-item .product-color-label.disabled{
  opacity: .3;
}
.product-color
  .product-color-item
  .product-color-input[type="radio"]:checked
  + .product-color-label,
.product-color .product-color-item .product-color-label.active {
  border-color: #2db8f8;
}
.color-name {
  /* capitalize first letter */
  text-transform: capitalize;
}

.product-memory {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 20px 0;
}
.product-memory .product-memory-item {
  position: relative;
  padding: 0 10px 10px 0;
}
.product-memory .product-memory-item .product-memory-input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.product-memory .product-memory-item .product-memory-label {
  display: block;
  border-radius: 3px;
  width: auto;
  height: 32px;
  position: relative;
  border: 1px solid #8e939b;
  padding: 7px 20px;
  transition: all 0.3s;
  font-weight: 400;
  font-size: 15px;
  line-height: 120%;
  color: #8e939b;
}
.product-memory
  .product-memory-item
  .product-memory-input[type="radio"]:checked
  + .product-memory-label,
.product-memory .product-memory-item .product-memory-label.active {
  border-color: #2db8f8;
  color: #283242;
}

.product-memory .product-memory-item .product-memory-label.disabled{
  opacity: .3;
}


.product-color .product-color-item .product-color-label:not(.disabled),
.product-memory .product-memory-item .product-memory-label:not(.disabled) {
  cursor: pointer;
}

.product-color .product-color-item .product-color-label:hover ~ .tooltip-modal,
.product-memory .product-memory-item .product-memory-label:hover ~ .tooltip-modal {
  display: block !important;
  bottom: calc(100% + 5px);
  width: auto;
}


.d-none {
  display: none;
}

@media (max-width: 480px) {
  .top-row-section .product-page-top-info {
    position: relative;
    padding-top: 60px;
  }
  .top-row-section .product-page-top-info .product-page-top-info-row .flex,
  .top-row-section .product-page-top-info .info-row-right .article {
    position: static;
  }
  .top-row-section
    .product-page-top-info
    .info-row-right
    .buy-row
    button.favorite_btn {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    padding-top: 4px;
  }
  .top-row-section
    .product-page-top-info
    .info-row-right
    .buy-row
    button.favorite_btn
    svg {
    transform: scale(0.7);
  }

  .add-compare {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 40px;
    top: 0;
  }

  .btn-compare {
    padding: 8px 0 3px 40px;
    width: 120px;
  }
  .btn-compare .icon-compare svg {
    width: 32px;
    height: 32px;
  }

  .d-xs-none {
    display: none;
  }

  .d-xs-block {
    display: block;
  }
}

.row_mob-menu .icon-compare {
  margin-right: 12px;
}

/*catalog*/
.product_slider-card .add-compare {
  position: absolute;
  top: 50px;
  right: 20px;
  width: 23px;
  left: auto !important;
  padding: 0;
  margin: 0;
  z-index: 10;
}
.product_slider-card .add-compare .add-compare_btn svg .compare-color {
  transition: all 0.3s;
  fill: #c2cbcb;
}
.product_slider-card .add-compare .add-compare_btn:hover .compare-color {
  fill: #ff1d8b;
}
.product_slider-card
  .add-compare.activated
  .add-compare_btn
  svg
  .compare-color {
  fill: #ff1d8b;
}

@media (max-width: 668px) {
  .product_slider-card .add-compare {
    width: 17px;
    top: 30px;
    right: 10px;
  }
  .product_slider-card .add-compare .add-compare_btn {
    width: 17px;
  }
  .product_slider-card .add-compare .add-compare_btn svg {
    width: 17px;
  }
}