.in-cart {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -10000px;
  z-index: 88;
  transition: 0.5s;
  box-sizing: content-box;
  -moz-box-sizing: content-box; }
  .in-cart .bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -10000px;
    background: rgba(229, 232, 244, 0.8);
    z-index: -1;
    transition: 0.5s;
    box-sizing: content-box; }
  .in-cart__content {
    width: 534px;
    background: #F6F8FF;
    padding: 20px 0 20px 20px;
    transition: 0.5s;
    position: absolute;
    right: 0; }
    @media (max-width: 576.98px) {
      .in-cart__content {
        width: 100%; } }
  .in-cart .title {
    margin: 37px 0 35px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #25282E; }
  .in-cart__close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 20px; }
    .in-cart__close img {
      width: 20px;
      height: 20px; }
    .in-cart__close:hover {
      cursor: pointer; }

.cart-thumbs__content {
  margin-bottom: 27px;
  overflow: auto;
  max-height: calc(100vh - 350px); }

.cart-thumbs__item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E3E6F0;
  padding-bottom: 5px;
  position: relative;
  padding-right: 30px;
  padding-top: 5px;
  margin-right: 15px; }

.cart-thumbs__close {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 5px; }
  .cart-thumbs__close:hover {
    cursor: pointer; }

.cart-thumbs__photo {
  width: 157px;
  height: 125px;
  position: relative; }
  .cart-thumbs__photo img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    object-fit: cover; }

.cart-thumbs__info {
  width: 290px; }

.cart-thumbs__title {
  font-size: 14px;
  line-height: 20px;
  color: #25282E;
  display: -webkit-box;
  overflow: hidden;
  max-height: 46px;
  text-decoration: inherit;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  letter-spacing: 0.5px;
  transition: 0.5s;
  margin-bottom: 20px;
  margin-top: 15px; }

.cart-thumbs__price-block {
  display: flex;
  justify-content: space-between; }

.cart-thumbs__price .cart-thumbs__number {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #25282E; }
  .cart-thumbs__price .cart-thumbs__number span {
    font-size: 12px;
    line-height: 15px; }

.cart-thumbs__price .old-price {
  color: #C4C4C4;
  margin-top: 6px; }

.cart-thumbs ._pieces .cart-thumbs__number {
  color: #c62506; }

.cart-thumbs__count-block {
  width: 96px;
  display: flex; }
  .cart-thumbs__count-block button, .cart-thumbs__count-block input {
    width: 32px;
    height: 32px;
    border: 1px solid #E3E6F0;
    box-sizing: border-box;
    background: #f6f8ff;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #25282E;
    padding: 0; }
  .cart-thumbs__count-block .down {
    border-radius: 20px 0px 0px 20px; }
  .cart-thumbs__count-block .up {
    border-radius: 20px 0px 0px 20px;
    transform: rotate(-180deg); }
  .cart-thumbs__count-block .center {
    border-left: 0;
    border-right: 0; }

.cart-thumbs__cost {
  background: #E5E8F4;
  display: flex;
  justify-content: space-between;
  padding: 15px 23px; }
  .cart-thumbs__cost .paragraph {
    font-size: 18px;
    line-height: 22px;
    color: #25282E;
    padding-top: 2px; }
  .cart-thumbs__cost .final-cost {
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    color: #25282E; }

.cart-thumbs__go {
  position: relative;
  display: flex;
  width: 245px;
  margin: 29px 0 0 auto; }
  .cart-thumbs__go a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #c62506;
    margin: -3px 55px 0 0;
    display: block; }
  .cart-thumbs__go .top-side__arrow {
    top: 2px; }
  .cart-thumbs__go:hover .top-side__arrow {
    right: -10px; }

.cart-thumbs__checkout {
  width: 321px;
  height: 51px;
  background: #c62506;
  margin: 30px auto;
  overflow: hidden; }
  .cart-thumbs__checkout a {
    width: 100%;
    height: 100%;
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #F1F1F1;
    padding: 15px 0;
    transition: 0.5s; }
    @media (max-width: 2500.98px) and (min-width: 1024.98px) {
      .cart-thumbs__checkout a:hover {
        background: #9C220C; } }

.cart-thumbs__content::-webkit-scrollbar {
  width: 8px; }

.cart-thumbs__content::-webkit-scrollbar-track {
  background: #E5E8F4; }

.cart-thumbs__content::-webkit-scrollbar-thumb {
  background: rgba(74, 86, 104, 0.4); }

.in-cart.open {
  right: 0; }

.in-cart.open .bg {
  right: 0; }

.cart-thumbs__footer {
  height: 30vh;
  padding-right: 20px; }

@media (max-width: 576.98px) {
  .in-cart .title {
    margin: 15px 0 25px;
    font-size: 18px; }
  .in-cart {
    width: 90%; }
  .cart-thumbs__photo {
    margin-right: 10px;
    width: 30%;
    height: 90px;
    position: relative; }
  .cart-thumbs__info {
    width: 65%; }
  .cart-thumbs__title {
    margin-bottom: 15px;
    margin-top: 5px; } }

@media (max-width: 480.98px) {
  .main-form .button-send {
    width: 100%; }
  .modal__title {
    font-size: 20px;
    line-height: 24px; }
  .cart-thumbs__price-block {
    flex-wrap: wrap; }
  .cart-thumbs__price {
    width: 100%; }
  .cart-thumbs ._pieces .cart-thumbs__number {
    margin-bottom: 10px; }
  .cart-thumbs__price .cart-thumbs__number {
    font-size: 14px;
    line-height: 14px; }
  .cart-thumbs__price .old-price {
    font-size: 14px;
    margin-bottom: 5px; }
  .cart-thumbs__cost {
    height: 50px;
    padding: 12px 23px; }
  .cart-thumbs__cost .final-cost {
    font-size: 20px;
    line-height: 26px; }
  .cart-thumbs__checkout a {
    font-size: 14px;
    line-height: 18px;
    padding: 12px 0; }
  .cart-thumbs__checkout {
    width: 255px;
    height: 44px;
    margin: 20px auto; }
  .cart-thumbs__cost {
    height: auto;
    padding: 12px 23px;
    flex-wrap: wrap; }
  .cart-thumbs__go {
    margin-top: 20px; }
  .cart-thumbs__content {
    max-height: calc(100vh - 310px); } }
