.cart-title {
  font-size: 40px;
}

.cart-title span {
  font-size: 20px;
  margin-left: 12px;
}

.cart {
  border-radius: 12px;
  padding: 20px;
  background-color: var(--bg-basic);
  margin-top: 24px;
  list-style: none;
}

.cart__item {
  padding: 10px 0;
}

.cart .cart__item:first-child {
  padding-top: 0;
}

.cart .cart__item:last-child {
  padding-bottom: 0;
}

.cart__item + .cart__item {
  border-top: 1px solid var(--border-secondary);
}

.cart-card {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* .cart-card__btn {
  display: block;
} */

.cart-card__info {
  flex-grow: 1;
  display: flex;
  gap: 10px;
  align-items: center;
}

.cart-card__img {
  width: 137px;
  height: 92px;
  border-radius: 8px;
  object-fit: cover;
}

.cart-card__title {
  display: flex;
  flex-grow: 1;
  gap: 10px;
  align-items: center;
}

.cart-card__title h5 {
  font-size: 20px;
  max-width: 570px;
  width: 100%;
  overflow-wrap: break-word;
}

.cart-card__title p {
  font-size: 20px;
}

.cart-card__block-btn {
  display: none;
  width: 25px;
  height: 25px;
  background-color: transparent;
  border: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12ZM11 19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20C12.2652 20 12.5196 19.8946 12.7071 19.7071C12.8946 19.5196 13 19.2652 13 19C13 18.7348 12.8946 18.4804 12.7071 18.2929C12.5196 18.1054 12.2652 18 12 18C11.7348 18 11.4804 18.1054 11.2929 18.2929C11.1054 18.4804 11 18.7348 11 19ZM11 5C11 5.26522 11.1054 5.51957 11.2929 5.70711C11.4804 5.89464 11.7348 6 12 6C12.2652 6 12.5196 5.89464 12.7071 5.70711C12.8946 5.51957 13 5.26522 13 5C13 4.73478 12.8946 4.48043 12.7071 4.29289C12.5196 4.10536 12.2652 4 12 4C11.7348 4 11.4804 4.10536 11.2929 4.29289C11.1054 4.48043 11 4.73478 11 5Z' stroke='%238B8C94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.cart-card__block-title {
  display: none;
  justify-content: space-between;
  margin-bottom: 12px;
}

.cart-card__block-title p {
  font-size: 20px;
}

.cart-card__block-cross {
  width: 24px;
  height: 24px;
  border: transparent;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.cart-card__block-list {
  list-style: none;
  display: flex;
  gap: 16px;
}

.cart-card__block-item-btn {
  display: flex;
}

.cart-card__block-item-btn p {
  display: none;
}

.cart-card__block-item-btn {
  background-color: transparent;
  border: transparent;
}

.cart-card__block-item-like {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5013 12.5722L12.0013 20.0002L4.50128 12.5722C4.00658 12.0908 3.61692 11.5122 3.35683 10.8728C3.09673 10.2334 2.97184 9.54713 2.99002 8.85711C3.00819 8.16709 3.16904 7.48831 3.46244 6.86351C3.75583 6.23871 4.17541 5.68143 4.69476 5.22676C5.21411 4.77208 5.82198 4.42987 6.48009 4.22166C7.1382 4.01345 7.83228 3.94376 8.51865 4.01698C9.20501 4.0902 9.86878 4.30473 10.4682 4.64708C11.0675 4.98943 11.5895 5.45218 12.0013 6.00618C12.4148 5.4562 12.9374 4.9975 13.5364 4.65878C14.1353 4.32007 14.7978 4.10863 15.4822 4.0377C16.1666 3.96677 16.8584 4.03787 17.5141 4.24657C18.1697 4.45526 18.7753 4.79705 19.2928 5.25054C19.8104 5.70403 20.2287 6.25946 20.5217 6.88207C20.8147 7.50468 20.976 8.18106 20.9956 8.86889C21.0152 9.55671 20.8925 10.2412 20.6354 10.8794C20.3783 11.5177 19.9922 12.096 19.5013 12.5782' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.cart-card__block-item-btn.active .cart-card__block-item-like {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.4213 5.02129C7.87246 4.96275 7.31745 5.01847 6.79121 5.18493C6.26497 5.35139 5.7789 5.62499 5.36362 5.9885C4.94833 6.35201 4.61282 6.79755 4.37821 7.29707C4.14361 7.7966 4.01499 8.33928 4.00045 8.89094C3.98592 9.4426 4.08579 9.9913 4.29377 10.5025C4.50174 11.0137 4.81333 11.4762 5.2089 11.8611L5.21521 11.8673L5.21518 11.8673L12.0083 18.5941L18.8015 11.8673C18.8222 11.8468 18.8436 11.8274 18.8655 11.809C19.2291 11.4362 19.5165 10.9957 19.7113 10.5122C19.9169 10.0019 20.015 9.45472 19.9993 8.90481C19.9837 8.3549 19.8547 7.81413 19.6204 7.31636C19.3861 6.81859 19.0516 6.37453 18.6377 6.01197C18.2239 5.6494 17.7397 5.37615 17.2154 5.2093C16.6911 5.04245 16.138 4.9856 15.5907 5.04231C15.0434 5.09901 14.5137 5.26806 14.0347 5.53886C13.5558 5.80966 13.1379 6.17639 12.8072 6.61609C12.6178 6.86795 12.3207 7.01574 12.0055 7.01486C11.6904 7.01398 11.3941 6.86454 11.2061 6.61164C10.8769 6.16872 10.4595 5.79876 9.98018 5.52505C9.5009 5.25135 8.97013 5.07982 8.4213 5.02129ZM20.1392 13.3557L12.7117 20.7107C12.3221 21.0964 11.6945 21.0964 11.305 20.7107L3.81144 13.2903C3.21966 12.7137 2.75344 12.021 2.44205 11.2556C2.13008 10.4889 1.98028 9.66581 2.00208 8.83831C2.02388 8.01081 2.21681 7.19679 2.56872 6.44751C2.92063 5.69822 3.42389 5.02991 4.04682 4.48464C4.66976 3.93938 5.39886 3.52898 6.18822 3.27929C6.97758 3.0296 7.81009 2.94602 8.63334 3.03383C9.45659 3.12163 10.2527 3.37892 10.9717 3.78948C11.3455 4.00299 11.6943 4.25555 12.0124 4.54224C12.3302 4.25902 12.6782 4.00969 13.0507 3.79905C13.7691 3.39285 14.5637 3.13928 15.3846 3.05422C16.2055 2.96916 17.0352 3.05443 17.8217 3.30471C18.6081 3.55498 19.3345 3.96487 19.9552 4.50871C20.576 5.05255 21.0777 5.71865 21.4292 6.46531C21.7806 7.21196 21.9741 8.02311 21.9976 8.84797C22.021 9.67284 21.874 10.4937 21.5656 11.2591C21.2572 12.0245 20.7941 12.7181 20.2052 13.2963C20.1839 13.3173 20.1619 13.3371 20.1392 13.3557Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4998 12.5717L11.9998 19.9997L4.49981 12.5717C4.00512 12.0903 3.61546 11.5117 3.35536 10.8723C3.09527 10.2329 2.97037 9.54664 2.98855 8.85662C3.00673 8.1666 3.16758 7.48782 3.46097 6.86303C3.75436 6.23823 4.17395 5.68094 4.6933 5.22627C5.21265 4.77159 5.82052 4.42938 6.47862 4.22117C7.13673 4.01296 7.83082 3.94327 8.51718 4.01649C9.20354 4.08971 9.86731 4.30425 10.4667 4.64659C11.0661 4.98894 11.5881 5.45169 11.9998 6.00569C12.4133 5.45571 12.9359 4.99701 13.5349 4.65829C14.1339 4.31958 14.7963 4.10814 15.4807 4.03721C16.1652 3.96628 16.8569 4.03739 17.5126 4.24608C18.1683 4.45477 18.7738 4.79656 19.2914 5.25005C19.8089 5.70354 20.2272 6.25897 20.5202 6.88158C20.8132 7.50419 20.9746 8.18057 20.9941 8.8684C21.0137 9.55622 20.8911 10.2407 20.6339 10.8789C20.3768 11.5172 19.9907 12.0955 19.4998 12.5777' fill='%23FF5F00'/%3E%3Cpath d='M19.4998 12.5717L11.9998 19.9997L4.49981 12.5717C4.00512 12.0903 3.61546 11.5117 3.35536 10.8723C3.09527 10.2329 2.97037 9.54664 2.98855 8.85662C3.00673 8.1666 3.16758 7.48782 3.46097 6.86303C3.75436 6.23823 4.17395 5.68094 4.6933 5.22627C5.21265 4.77159 5.82052 4.42938 6.47862 4.22117C7.13673 4.01296 7.83082 3.94327 8.51718 4.01649C9.20354 4.08971 9.86731 4.30425 10.4667 4.64659C11.0661 4.98894 11.5881 5.45169 11.9998 6.00569C12.4133 5.45571 12.9359 4.99701 13.5349 4.65829C14.1339 4.31958 14.7963 4.10814 15.4807 4.03721C16.1652 3.96628 16.8569 4.03739 17.5126 4.24608C18.1683 4.45477 18.7738 4.79656 19.2914 5.25005C19.8089 5.70354 20.2272 6.25897 20.5202 6.88158C20.8132 7.50419 20.9746 8.18057 20.9941 8.8684C21.0137 9.55622 20.8911 10.2407 20.6339 10.8789C20.3768 11.5172 19.9907 12.0955 19.4998 12.5777' stroke='%23FF5F00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}

.cart-card__block-item-trash {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H20M10 11V17M14 11V17M5 7L6 19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21H16C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19L19 7M9 7V4C9 3.73478 9.10536 3.48043 9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1024px) {
  .cart-title {
    font-size: 32px;
  }

  .cart-title span {
    font-size: 16px;
  }

  .cart {
    padding: 12px;
  }

  .cart-card {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }

  .cart-card__btn {
    width: 100%;
  }

  .cart-card__img {
    width: 100px;
  }

  .cart-card__info {
    align-items: stretch;
    gap: 8px;
  }

  .cart-card__title {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    max-width: calc(100% - 141px);
  }

  .cart-card__title h5 {
    font-size: 16px;
  }

  .cart-card__title p {
    font-size: 16px;
  }

  .cart-card__block-btn {
    display: block;
  }

  .cart-card__block-title {
    display: flex;
  }

  .cart-card__block-list {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 652px;
    gap: 12px;
    padding: 16px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: var(--bg-basic);
    z-index: 2;
  }

  .cart-card__block.active::after {
    z-index: 1;
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100dvh;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .cart-card__block.active .cart-card__block-list {
    display: block;
  }

  .cart-card__block-item-btn {
    padding: 9px 0;
    gap: 6px;
    width: 100%;
  }

  .cart-card__block-item-btn p {
    display: block;
  }
}

.takeord {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 16px;
  margin-top: 24px;
}

.takeord-data {
  border-radius: 12px;
  padding: 20px;
  background-color: var(--bg-basic);
  width: 100%;
  grid-row: 1/4;
}

.takeord-card {
  display: flex;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-secondary);
  margin-bottom: 16px;
}

.takeord-card__img {
  width: 137px;
  height: 92px;
  border-radius: 8px;
  object-fit: cover;
}

.takeord-card__title {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.takeord-card__title h5 {
  overflow-wrap: break-word;
  font-size: 20px;
  max-width: calc(100vw - 250px);
}

.takeord-card__title p {
  font-size: 20px;
  white-space: nowrap;
}

.takeord-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.label--takeord {
  position: relative;
}

.takeord-form__edit-link {
  position: absolute;
  right: 0;
}

.takeord-res {
  border-radius: 12px;
  padding: 20px;
  background-color: var(--bg-basic);
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: fit-content;
  /* grid-row: 1/2; */
}

.takeord-res__list {
  list-style: none;
}

.takeord-res__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 6px;
}

.takeord-res__item--bold {
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid var(--border-secondary);
}

.takeord-res__item--bold p {
  font-size: 20px;
}

.takeord-res .bttn {
  display: block;
  width: 100%;
}

.takeord-res__info {
  font-size: 14px;
}

.takeord-res__info a {
  font-size: 14px;
  text-decoration: none;
  color: var(--text-info);
}

.takeord-info {
  border-radius: 12px;
  padding: 20px;
  background-color: var(--bg-basic);
  grid-column: 2/3;
  height: fit-content;
}

.takeord-info__title {
  color: var(--text-accent);
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 6px;
}

.takeord-info__svg {
  transform: translateY(4px);
}

@media (max-width: 1024px) {
  .takeord {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .takeord-data{
    /* grid-row: none; */
  }

  .takeord-card {
    gap: 8px;
  }

  .takeord-card__title {
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap: 6px;
  }

  .takeord-info {
    grid-column: 1/2;
    grid-row: 3/4;
  }

  .takeord-res {
    grid-row: inherit;
  }
}