/* line 1, product_card.scss */
.product_card {
  position: relative; }
  /* line 3, product_card.scss */
  .product_card_wrapper {
    border: 1px solid var(--stroke);
    border-radius: 8px;
    background: #fff; }
  /* line 8, product_card.scss */
  .product_card_title {
    padding: 8px 12px; }
    /* line 10, product_card.scss */
    .product_card_title a {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-clamp: 3;
      box-orient: vertical;
      font-weight: 600;
      font-size: 14px;
      color: var(--blue);
      text-decoration: none;
      height: 63px; }
      /* line 25, product_card.scss */
      .product_card_title a:hover {
        text-decoration: underline; }
  /* line 30, product_card.scss */
  .product_card_photo {
    position: relative; }
    /* line 32, product_card.scss */
    .product_card_photo a {
      display: block;
      position: relative;
      padding-top: 100%;
      overflow: hidden;
      background: #f8f8f8; }
      /* line 38, product_card.scss */
      .product_card_photo a img {
        max-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 1;
        transition: opacity .5s; }
        /* line 46, product_card.scss */
        .product_card_photo a img:last-child {
          opacity: 0;
          transition: opacity .5s; }
    /* line 55, product_card.scss */
    .product_card_photo:hover a img:first-child {
      opacity: 0;
      transition: opacity .5s; }
    /* line 59, product_card.scss */
    .product_card_photo:hover a img:last-child {
      opacity: 1;
      transition: opacity .5s; }
    /* line 66, product_card.scss */
    .product_card_photo_available {
      position: absolute;
      top: 8px;
      left: 8px;
      display: grid;
      gap: 4px;
      max-width: calc(100% - 16px); }
      /* line 73, product_card.scss */
      .product_card_photo_available_item {
        font-weight: 600;
        font-size: 10px;
        text-align: center;
        color: var(--white);
        background: #ccc;
        width: 100%;
        max-width: max-content;
        padding: 4px 6px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 4px; }
        /* line 87, product_card.scss */
        .product_card_photo_available_item.available {
          background: var(--green); }
        /* line 90, product_card.scss */
        .product_card_photo_available_item.preload {
          background: var(--yellow); }
        /* line 93, product_card.scss */
        .product_card_photo_available_item.aftered {
          background: var(--gray); }
    /* line 98, product_card.scss */
    .product_card_photo_fav {
      position: absolute;
      top: 8px;
      right: 9px;
      display: flex;
      cursor: pointer;
      z-index: 2; }
      /* line 105, product_card.scss */
      .product_card_photo_fav .del_fav {
        display: none; }
      /* line 109, product_card.scss */
      .product_card_photo_fav.favorites-added .del_fav {
        display: block; }
      /* line 112, product_card.scss */
      .product_card_photo_fav.favorites-added .add_fav {
        display: none; }
  /* line 118, product_card.scss */
  .product_card_info {
    padding: 8px 12px;
    display: grid;
    grid-template-columns: 1fr 40px;
    gap: 8px;
    align-items: center; }
    /* line 124, product_card.scss */
    .product_card_info_prices {
      display: grid;
      grid-template-columns: max-content max-content;
      align-items: center;
      column-gap: 5px; }
      /* line 129, product_card.scss */
      .product_card_info_prices .sale_price {
        font-weight: 700;
        font-size: 16px;
        line-height: 100%;
        text-transform: uppercase;
        color: var(--blue); }
      /* line 136, product_card.scss */
      .product_card_info_prices .old_price {
        font-weight: 400;
        font-size: 12px;
        line-height: 133%;
        color: var(--text-second);
        text-decoration: line-through; }
      /* line 143, product_card.scss */
      .product_card_info_prices .notice_price {
        grid-column: 1 / 3;
        font-weight: 400;
        font-size: 10px;
        line-height: 133%;
        color: var(--text-second); }
      /* line 150, product_card.scss */
      .product_card_info_prices .available_price {
        font-weight: 600;
        font-size: 10px;
        color: var(--text);
        margin-top: 2px; }
        /* line 155, product_card.scss */
        .product_card_info_prices .available_price span {
          color: var(--green); }
    /* line 161, product_card.scss */
    .product_card_info_add button {
      background: var(--blue);
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      border-radius: 8px;
      height: 32px;
      width: 40px;
      cursor: pointer;
      transition: all .3s; }
      /* line 173, product_card.scss */
      .product_card_info_add button:hover {
        opacity: .5; }
  /* line 179, product_card.scss */
  .product_card_form {
    padding: 0 12px 8px; }
    /* line 182, product_card.scss */
    .product_card_form .form_cart {
      margin-top: auto; }
      /* line 184, product_card.scss */
      .product_card_form .form_cart_btns {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px; }
        /* line 189, product_card.scss */
        .product_card_form .form_cart_btns .form_counter_btn {
          font-weight: 600;
          font-size: 14px;
          text-align: center;
          text-decoration: none;
          display: flex;
          height: 36px;
          align-items: center;
          justify-content: center;
          gap: 10px;
          background: var(--color-btn-bg);
          color: #F1F5FC;
          padding: 6px 8px;
          border-radius: 8px;
          border: none;
          cursor: pointer;
          width: 100%;
          transition: all .3s; }
          /* line 207, product_card.scss */
          .product_card_form .form_cart_btns .form_counter_btn:hover {
            background: var(--gray-white);
            transition: all .3s;
            color: var(--color-btn-bg); }
        /* line 213, product_card.scss */
        .product_card_form .form_cart_btns .form_counter_controls {
          background: var(--color-btn-bg);
          grid-template-columns: 46px 1fr 46px;
          border-radius: 8px;
          overflow: hidden;
          color: #fff;
          font-size: 10px;
          text-align: center;
          line-height: 1;
          height: 36px;
          align-items: center;
          display: none; }
          /* line 225, product_card.scss */
          .product_card_form .form_cart_btns .form_counter_controls_btn {
            background: transparent;
            height: 36px;
            width: 46px;
            border: none;
            border-radius: 0;
            cursor: pointer;
            transition: all .3s; }
            /* line 233, product_card.scss */
            .product_card_form .form_cart_btns .form_counter_controls_btn:hover {
              background: var(--gray-white);
              transition: all .3s; }
              /* line 237, product_card.scss */
              .product_card_form .form_cart_btns .form_counter_controls_btn:hover svg path {
                fill: var(--color-btn-bg); }
          /* line 243, product_card.scss */
          .product_card_form .form_cart_btns .form_counter_controls_detail {
            color: #fff;
            font-size: 10px;
            text-decoration: none; }
            /* line 247, product_card.scss */
            .product_card_form .form_cart_btns .form_counter_controls_detail_label {
              font-weight: 400;
              font-size: 10px;
              text-align: center;
              color: var(--text-second); }
        /* line 256, product_card.scss */
        .product_card_form .form_cart_btns .form_counter.is-add-cart .form_counter_btn {
          display: none; }
        /* line 259, product_card.scss */
        .product_card_form .form_cart_btns .form_counter.is-add-cart .form_counter_controls {
          display: grid; }
        /* line 264, product_card.scss */
        .product_card_form .form_cart_btns [data-quick-checkout] {
          font-weight: 600;
          font-size: 16px;
          text-align: center;
          text-decoration: none;
          display: flex;
          height: 46px;
          align-items: center;
          justify-content: center;
          gap: 10px;
          background: var(--gray-white);
          color: var(--color-btn-bg);
          padding: 11px 8px;
          border-radius: 8px;
          border: none;
          cursor: pointer;
          width: 100%;
          transition: all .3s; }
          /* line 282, product_card.scss */
          .product_card_form .form_cart_btns [data-quick-checkout]:hover {
            background: var(--color-btn-bg);
            transition: all .3s;
            color: var(--gray-white); }
  /* line 292, product_card.scss */
  .product_card_props {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: calc(100% + 16px);
    z-index: 1;
    padding: 16px 8px;
    height: 100%;
    background: #fff;
    border: 1px solid var(--stroke);
    border-radius: 0 8px 8px 0; }
    /* line 304, product_card.scss */
    .product_card_props_wrapper {
      height: 100%;
      overflow-y: auto; }
    /* line 308, product_card.scss */
    .product_card_props .char_item {
      font-weight: 400;
      font-size: 12px;
      margin-bottom: 8px; }
      /* line 312, product_card.scss */
      .product_card_props .char_item_name {
        color: var(--gray);
        margin-bottom: 2px; }
  /* line 319, product_card.scss */
  .product_card:hover .product_card_wrapper {
    border-radius: 8px 0 0 8px;
    border-right: none; }
  /* line 323, product_card.scss */
  .product_card:hover .product_card_props {
    display: block;
    border-radius: 0 8px 8px 0;
    border-left: none; }
  @media screen and (min-width: 1401px) {
    /* line 332, product_card.scss */
    .product_card:nth-child(6n):hover .product_card_wrapper {
      border-radius: 0 8px 8px 0;
      border-left: none; }
    /* line 336, product_card.scss */
    .product_card:nth-child(6n):hover .product_card_props {
      display: block;
      border-radius: 8px 0 0 8px;
      border-right: none;
      left: auto;
      right: 100%; } }
  @media screen and (min-width: 769px) and (max-width: 1400px) {
    /* line 349, product_card.scss */
    .product_card:nth-child(4n):hover .product_card_wrapper {
      border-radius: 0 8px 8px 0;
      border-left: none; }
    /* line 353, product_card.scss */
    .product_card:nth-child(4n):hover .product_card_props {
      display: block;
      border-radius: 8px 0 0 8px;
      border-right: none;
      left: auto;
      right: 100%; } }
  @media screen and (min-width: 641px) and (max-width: 768px) {
    /* line 366, product_card.scss */
    .product_card:nth-child(3n):hover .product_card_wrapper {
      border-radius: 0 8px 8px 0;
      border-left: none; }
    /* line 370, product_card.scss */
    .product_card:nth-child(3n):hover .product_card_props {
      display: block;
      border-radius: 8px 0 0 8px;
      border-right: none;
      left: auto;
      right: 100%; } }
  @media screen and (max-width: 640px) {
    /* line 383, product_card.scss */
    .product_card:nth-child(2n):hover .product_card_wrapper {
      border-radius: 0 8px 8px 0;
      border-left: none; }
    /* line 387, product_card.scss */
    .product_card:nth-child(2n):hover .product_card_props {
      display: block;
      border-radius: 8px 0 0 8px;
      border-right: none;
      left: auto;
      right: 100%; } }

/* line 399, product_card.scss */
.swiper-slide .product_card_props {
  display: none !important; }