.product-share {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: #353535; }
  @media (min-width: 1024px) {
    .product-share {
      margin-left: 11rem;
      cursor: pointer; }
      .product-share:hover {
        fill: #6AB4B9; } }
  @media (max-width: 1023px) {
    .product-share .icon {
      width: 24px !important;
      height: 24px !important; } }
  .product-share:active {
    fill: #00A19B; }
  .product-share.expand .block__share {
    visibility: visible;
    opacity: 1; }
  .product-share .block__share {
    position: absolute;
    top: 100%;
    right: 0;
    width: auto;
    height: 40px;
    visibility: hidden;
    opacity: 0;
    padding: 8px;
    transition: all ease .3s;
    background-color: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
    padding-right: 36px; }
    @media (max-width: 575px) {
      .product-share .block__share {
        padding: 6px;
        padding-right: 36px; } }
  .product-share .ya-share2__list {
    display: flex; }
    .product-share .ya-share2__list span {
      display: inline-block; }
  @media (max-width: 575px) {
    .product-share .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
      width: 28px;
      height: 28px; } }
  @media (max-width: 575px) {
    .product-share .ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy) {
      background-size: 24px 24px; } }

.share-max {
  position: absolute;
  top: calc(100% + 8px);
  right: 36px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all ease .3s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='url(%23a)'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.246 8.518c-1.806-.095-3.215 1.158-3.526 3.12-.257 1.624.2 3.603.59 3.702.165.042.563-.262.853-.536a.17.17 0 0 1 .201-.02c.452.276.963.483 1.527.513 1.854.097 3.497-1.354 3.594-3.208S14.1 8.615 12.246 8.518m-3.024 9.415a.17.17 0 0 0-.225.027c-.783.835-2.787 1.421-2.879.28 0-.892-.2-1.645-.422-2.474-.27-1.015-.571-2.144-.571-3.785 0-3.913 3.21-6.856 7.014-6.856 3.806 0 6.789 3.087 6.789 6.894s-3.078 6.818-6.753 6.818c-1.303 0-1.936-.184-2.953-.904' clip-rule='evenodd'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='5.5' x2='19.5' y1='3' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233558fc'/%3E%3Cstop offset='1' stop-color='%238118c7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer; }
  @media (max-width: 575px) {
    .share-max {
      top: calc(100% + 6px);
      right: 40px;
      width: 28px;
      height: 28px;
      background-size: 28px 28px; } }
  .share-max:hover {
    opacity: 0.6; }
  .share-max.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .share-max__link {
    width: 24px;
    height: 24px; }

.copy-url {
  position: absolute;
  top: calc(100% + 8px);
  right: 8px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all ease .3s; }
  @media (max-width: 575px) {
    .copy-url {
      top: calc(100% + 6px);
      right: 6px; } }
  .copy-url.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .copy-url.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23589738' stroke-width='1.2' d='M7 9.688v-3.25A2.437 2.437 0 0 1 9.438 4h8.124A2.437 2.437 0 0 1 20 6.438v8.125A2.44 2.44 0 0 1 17.563 17h-2.438'/%3E%3Cpath stroke='%23589738' stroke-width='1.2' d='M12.75 9h-7.5A2.25 2.25 0 0 0 3 11.25v7.5A2.25 2.25 0 0 0 5.25 21h7.5A2.25 2.25 0 0 0 15 18.75v-7.5A2.25 2.25 0 0 0 12.75 9Z'/%3E%3C/svg%3E"); }

.js-copy-url {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23a5a5a5' stroke-width='1.2' d='M7 9.688v-3.25A2.437 2.437 0 0 1 9.438 4h8.124A2.437 2.437 0 0 1 20 6.438v8.125A2.44 2.44 0 0 1 17.563 17h-2.438'/%3E%3Cpath stroke='%23a5a5a5' stroke-width='1.2' d='M12.75 9h-7.5A2.25 2.25 0 0 0 3 11.25v7.5A2.25 2.25 0 0 0 5.25 21h7.5A2.25 2.25 0 0 0 15 18.75v-7.5A2.25 2.25 0 0 0 12.75 9Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer; }
  @media (max-width: 575px) {
    .js-copy-url {
      width: 28px;
      height: 28px;
      background-size: 28px 28px; } }
  .js-copy-url:hover {
    background-color: #F8F8F8; }
  .js-copy-url.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23589738' stroke-width='1.2' d='M7 9.688v-3.25A2.437 2.437 0 0 1 9.438 4h8.124A2.437 2.437 0 0 1 20 6.438v8.125A2.44 2.44 0 0 1 17.563 17h-2.438'/%3E%3Cpath stroke='%23589738' stroke-width='1.2' d='M12.75 9h-7.5A2.25 2.25 0 0 0 3 11.25v7.5A2.25 2.25 0 0 0 5.25 21h7.5A2.25 2.25 0 0 0 15 18.75v-7.5A2.25 2.25 0 0 0 12.75 9Z'/%3E%3C/svg%3E"); }