.animateAll, .btnBorder, .btn, .prOrderRepeat {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.btn, .prOrderRepeat {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: none;
  padding: 16px;
  text-align: center;
  min-width: 160px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border-radius: 0;
  background: #000;
}
.btn.btn_h, .btn_h.prOrderRepeat {
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}
.btn:hover, .prOrderRepeat:hover {
  text-decoration: none;
  color: #fff;
}
.btn[disabled], [disabled].prOrderRepeat {
  background: #888888;
  cursor: default;
}
.btnWhite {
  background: #fff;
  color: #000;
}
.btnWhite:hover {
  text-decoration: none;
  color: #000;
}
.btnBorder {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  min-width: 160px;
  outline: none;
  border-radius: 0;
  color: #000000;
  border: 1px solid #888888;
  padding: 15px;
  background: #fff;
  text-decoration: none;
}
.btnBorder:not([disabled]):hover {
  background: #000;
  border-color: #000;
  color: #fff;
  text-decoration: none;
}
.btnBorder[disabled]:hover {
  background: #fff;
  border-color: #888888;
  color: #888888;
  cursor: default;
}
.btnBorder[disabled] {
  background: #fff;
  border-color: #888888;
  color: #888888;
  cursor: default;
}
@media all and (max-width: 959px) {
  .btn, .prOrderRepeat {
    padding: 10px;
    font-size: 12px;
  }
  .btnBorder {
    padding: 9px;
    font-size: 12px;
  }
}

.defBox, .pr {
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 110px;
  padding-right: 110px;
}
@media all and (max-width: 1300px) {
  .defBox, .pr {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media all and (max-width: 959px) {
  .defBox, .pr {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media all and (max-width: 767px) {
  .defBox, .pr {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.pr {
  display: flex;
  gap: 60px;
  width: 100%;
  align-items: start;
}
.prShoppingLink {
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTIuNzU5OSAyNS4wOTM1QzEyLjUwNjYgMjUuMDkzNSAxMi4yNTMzIDI1LjAwMDIgMTIuMDUzMyAyNC44MDAyTDMuOTU5OTIgMTYuNzA2OEMzLjU3MzI2IDE2LjMyMDIgMy41NzMyNiAxNS42ODAyIDMuOTU5OTIgMTUuMjkzNUwxMi4wNTMzIDcuMjAwMTZDMTIuNDM5OSA2LjgxMzQ5IDEzLjA3OTkgNi44MTM0OSAxMy40NjY2IDcuMjAwMTZDMTMuODUzMyA3LjU4NjgyIDEzLjg1MzMgOC4yMjY4MiAxMy40NjY2IDguNjEzNDlMNi4wNzk5MiAxNi4wMDAyTDEzLjQ2NjYgMjMuMzg2OEMxMy44NTMzIDIzLjc3MzUgMTMuODUzMyAyNC40MTM1IDEzLjQ2NjYgMjQuODAwMkMxMy4yNzk5IDI1LjAwMDIgMTMuMDEzMyAyNS4wOTM1IDEyLjc1OTkgMjUuMDkzNVoiIGZpbGw9ImJsYWNrIi8+DQogICAgPHBhdGggZD0iTTI3LjMzMjYgMTdINC44OTI1OEM0LjM0NTkxIDE3IDMuODkyNTggMTYuNTQ2NyAzLjg5MjU4IDE2QzMuODkyNTggMTUuNDUzMyA0LjM0NTkxIDE1IDQuODkyNTggMTVIMjcuMzMyNkMyNy44NzkyIDE1IDI4LjMzMjYgMTUuNDUzMyAyOC4zMzI2IDE2QzI4LjMzMjYgMTYuNTQ2NyAyNy44NzkyIDE3IDI3LjMzMjYgMTdaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=) left center no-repeat;
  display: inline-block;
  border: none;
  padding: 0 0 0 40px;
  margin: 0 0 25px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-decoration: none;
}
@media all and (min-width: 960px) {
  .prShoppingLink {
    display: none;
  }
}
@media all and (max-width: 959px) {
  .pr {
    flex-direction: column;
    gap: 30px;
  }
  .prContent .prTitle {
    display: none;
  }
  .prNav {
    width: 100%;
    min-width: 100%;
  }
  .prNavClose {
    display: none !important;
  }
  .prNavList {
    margin: -20px 0 0 -10px;
    width: 100vw;
    overflow: auto;
    padding: 0 10px 0 0;
    white-space: nowrap;
    display: block !important;
  }
  .prNavList a, .prNavList span {
    display: inline-block !important;
    white-space: nowrap;
    margin: 0 10px 0 10px !important;
  }
  .prNavList a:after, .prNavList span:after {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 959px) {
  .prNavList {
    margin-left: -24px;
    padding: 0 24px 0 0;
  }
  .prNavList a, .prNavList span {
    margin: 0 24px 0 24px !important;
  }
}
.prNav {
  display: block;
  width: 300px;
  min-width: 300px;
  /*

  @media all and (max-width: 959px) {
    min-width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    left: -100vw;
    z-index: 300;
    background: #fff;
    transition: all 0.3s ease-in;
    padding: 40px 24px 0 24px;

    .showPrNav & {
      left: 0;
    }

  }

  @media all and (max-width: 767px) {
    padding: 40px 20px 0 20px;
  }
  */
}
@media all and (max-width: 1200px) {
  .prNav {
    width: 260px;
    min-width: 260px;
  }
}
.prNavTitle {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 40px 0;
  line-height: 100%;
  display: none;
}
@media all and (max-width: 959px) {
  .prNavTitle {
    display: block;
  }
}
.prNavClose {
  display: none;
}
@media all and (max-width: 959px) {
  .prNavClose {
    display: block;
    width: 24px;
    height: 24px;
    right: 24px;
    top: 40px;
    position: absolute;
    border: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0iIzAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF81NjJfMjA1MDEpIj4NCjxwYXRoIGQ9Ik0wLjQ4ODM3MyAxMEMwLjM5MTc4NiAxMCAwLjI5NzM2NSA5Ljk3MTM5IDAuMjE3MDUgOS45MTc3NEMwLjEzNjczNiA5Ljg2NDA5IDAuMDc0MTM3OSA5Ljc4NzgyIDAuMDM3MTczNSA5LjY5ODU5QzAuMDAwMjA5MTYzIDkuNjA5MzYgLTAuMDA5NDYwNTkgOS41MTExNyAwLjAwOTM4NzM5IDkuNDE2NDRDMC4wMjgyMzU0IDkuMzIxNzEgMC4wNzQ3NTQzIDkuMjM0NyAwLjE0MzA2IDkuMTY2NDFMOS4xNjY1IDAuMTQyOTcyQzkuMjU4MDggMC4wNTEzODk1IDkuMzgyMjkgLTYuMTAzNTJlLTA1IDkuNTExODEgLTYuMTAzNTJlLTA1QzkuNjQxMzMgLTYuMTAzNTJlLTA1IDkuNzY1NTQgMC4wNTEzODk1IDkuODU3MTIgMC4xNDI5NzJDOS45NDg3IDAuMjM0NTU1IDEwLjAwMDIgMC4zNTg3NjcgMTAuMDAwMiAwLjQ4ODI4NUMxMC4wMDAyIDAuNjE3ODAyIDkuOTQ4NyAwLjc0MjAxNCA5Ljg1NzEyIDAuODMzNTk3TDAuODMzNjg1IDkuODU3MDNDMC43ODgzOCA5LjkwMjQzIDAuNzM0NTUxIDkuOTM4NDMgMC42NzUyOTIgOS45NjI5N0MwLjYxNjAzMyA5Ljk4NzUgMC41NTI1MSAxMC4wMDAxIDAuNDg4MzczIDEwWiIgZmlsbD0iIzAwMCIvPg0KPHBhdGggZD0iTTkuNTExNzggMTBDOS40NDc2NSAxMC4wMDAxIDkuMzg0MTIgOS45ODc1IDkuMzI0ODYgOS45NjI5N0M5LjI2NTYgOS45Mzg0MyA5LjIxMTc4IDkuOTAyNDMgOS4xNjY0NyA5Ljg1NzAzTDAuMTQzMDMzIDAuODMzNTk3QzAuMDUxNDUwNiAwLjc0MjAxNCAwIDAuNjE3ODAyIDAgMC40ODgyODVDMCAwLjM1ODc2NyAwLjA1MTQ1MDYgMC4yMzQ1NTUgMC4xNDMwMzMgMC4xNDI5NzJDMC4yMzQ2MTYgMC4wNTEzODk1IDAuMzU4ODI4IC02LjEwMzUyZS0wNSAwLjQ4ODM0NiAtNi4xMDM1MmUtMDVDMC42MTc4NjMgLTYuMTAzNTJlLTA1IDAuNzQyMDc2IDAuMDUxMzg5NSAwLjgzMzY1OCAwLjE0Mjk3Mkw5Ljg1NzEgOS4xNjY0MUM5LjkyNTQgOS4yMzQ3IDkuOTcxOTIgOS4zMjE3MSA5Ljk5MDc3IDkuNDE2NDRDMTAuMDA5NiA5LjUxMTE3IDkuOTk5OTUgOS42MDkzNiA5Ljk2Mjk4IDkuNjk4NTlDOS45MjYwMiA5Ljc4NzgyIDkuODYzNDIgOS44NjQwOSA5Ljc4MzEgOS45MTc3NEM5LjcwMjc5IDkuOTcxMzkgOS42MDgzNyAxMCA5LjUxMTc4IDEwWiIgZmlsbD0iIzAwMCIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU2Ml8yMDUwMSI+DQo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiMwMDAiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==) center no-repeat;
    background-size: 16px 16px;
  }
}
.prNavList {
  display: flex;
  gap: 40px;
  flex-direction: column;
}
.prNavList a {
  color: #888;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  padding: 2px 0 2px 30px;
  text-decoration: none;
  display: block;
  position: relative;
}
.prNavList a:hover {
  color: #000;
  text-decoration: none;
}
.prNavList a svg {
  position: absolute;
  top: 0;
  left: 0;
}
.prNavList a.active {
  color: #000;
}
@media all and (max-width: 959px) {
  .prNavList {
    gap: 0;
  }
  .prNavList a {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }
  .prNavList a svg {
    top: 26px;
  }
  .prNavList a:after {
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
}
@media all and (max-width: 767px) {
  .prNavList a {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
  }
  .prNavList a svg {
    top: 16px;
  }
}
.prNav .prNav_exit {
  margin: 40px 0 0 0;
  color: #000;
}
@media all and (max-width: 767px) {
  .prNav .prNav_exit {
    margin: 24px 0 0 0;
  }
}
.prContent {
  width: calc(100% - 360px);
}
@media all and (max-width: 1200px) {
  .prContent {
    width: calc(100% - 320px);
  }
}
@media all and (max-width: 959px) {
  .prContent {
    width: 100%;
  }
}
.prContent .table-responsive .table.table-hover tr td, .prContent .table-responsive .table.table-hover tr th {
  padding: 10px;
  text-align: left;
  vertical-align: top;
}
.prContent .table-responsive .table.table-hover tr > *:first-child {
  padding-left: 0;
}
@media all and (max-width: 767px) {
  .prContent .table-responsive .table.table-hover tr td, .prContent .table-responsive .table.table-hover tr th {
    padding: 10px 5px;
    font-size: 14px;
  }
  .prContent .table-responsive .table.table-hover tr > *:first-child {
    padding-left: 0;
  }
}
.prTitle {
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  margin: 0 0 40px 0;
}
.prOrders {
  border-top: 1px solid #EFEFEF;
}
.prOrdersEl {
  border-bottom: 1px solid #EFEFEF;
  padding: 32px 0;
}
.prOrdersHeader {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 0 32px 0;
}
.prOrdersTitle {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
}
.prOrdersSlider {
  padding: 0 80px;
}
.prOrdersSlider .swiper-slide {
  display: flex;
  position: relative;
}
.prOrdersSlider .swiper-slide:after {
  padding: 100% 0 0 0;
  display: block;
  content: "";
}
.prOrdersSlider .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.prOrdersSlider .swiper-button-next,
.prOrdersSlider .swiper-button-prev {
  position: absolute;
  width: 80px;
  top: 0;
  bottom: 0;
  background: #fff;
  cursor: pointer;
  z-index: 2;
}
.prOrdersSlider .swiper-button-next:after,
.prOrdersSlider .swiper-button-prev:after {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=);
}
.prOrdersSlider .swiper-button-next.swiper-button-lock,
.prOrdersSlider .swiper-button-prev.swiper-button-lock {
  display: none;
}
.prOrdersSlider .swiper-button-next.swiper-button-disabled,
.prOrdersSlider .swiper-button-prev.swiper-button-disabled {
  cursor: default;
}
.prOrdersSlider .swiper-button-next.swiper-button-disabled:after,
.prOrdersSlider .swiper-button-prev.swiper-button-disabled:after {
  opacity: 0.5;
}
.prOrdersSlider .swiper-button-next:after {
  transform: rotate(180deg);
  transform-origin: center;
}
.prOrdersSlider .swiper-button-prev {
  left: 0;
}
.prOrdersSlider .swiper-button-next {
  right: 0;
}
.prOrdersSlider .swiper-button-next:after {
  left: auto;
  right: 0;
}
@media all and (max-width: 959px) {
  .prOrdersSlider {
    padding: 0 24px;
  }
  .prOrdersSlider .swiper-button-next,
.prOrdersSlider .swiper-button-prev {
    width: 24px;
  }
}
.prOrdersPrice {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  position: relative;
}
.prOrdersPrice span {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  position: absolute;
  white-space: nowrap;
  top: 100%;
  right: 0;
  margin-top: 16px;
}
.prOrdersId {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  width: 100%;
}
.prOrdersDelivery {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.prOrdersDelivery b {
  font-weight: 600;
}
.prOrdersLink {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  padding: 0 32px 0 0;
  position: relative;
  display: block;
  text-decoration: none;
}
.prOrdersLink:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  display: block;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTQuNDI5MSAxOC44MjAxQzE0LjIzOTEgMTguODIwMSAxNC4wNDkxIDE4Ljc1MDEgMTMuODk5MSAxOC42MDAxQzEzLjYwOTEgMTguMzEwMSAxMy42MDkxIDE3LjgzMDEgMTMuODk5MSAxNy41NDAxTDE5LjQzOTEgMTIuMDAwMUwxMy44OTkxIDYuNDYwMTJDMTMuNjA5MSA2LjE3MDEyIDEzLjYwOTEgNS42OTAxMiAxMy44OTkxIDUuNDAwMTJDMTQuMTg5MSA1LjExMDEyIDE0LjY2OTEgNS4xMTAxMiAxNC45NTkxIDUuNDAwMTJMMjEuMDI5MSAxMS40NzAxQzIxLjMxOTEgMTEuNzYwMSAyMS4zMTkxIDEyLjI0MDEgMjEuMDI5MSAxMi41MzAxTDE0Ljk1OTEgMTguNjAwMUMxNC44MDkxIDE4Ljc1MDEgMTQuNjE5MSAxOC44MjAxIDE0LjQyOTEgMTguODIwMVoiIGZpbGw9ImJsYWNrIi8+DQogICAgPHBhdGggZD0iTTIwLjMzIDEyLjc1SDMuNUMzLjA5IDEyLjc1IDIuNzUgMTIuNDEgMi43NSAxMkMyLjc1IDExLjU5IDMuMDkgMTEuMjUgMy41IDExLjI1SDIwLjMzQzIwLjc0IDExLjI1IDIxLjA4IDExLjU5IDIxLjA4IDEyQzIxLjA4IDEyLjQxIDIwLjc0IDEyLjc1IDIwLjMzIDEyLjc1WiIgZmlsbD0iYmxhY2siLz4NCjwvc3ZnPg0K) center no-repeat;
}
.prOrderHeader {
  margin: 0 0 32px 0;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.prOrderBack {
  cursor: pointer;
  width: 32px;
  height: 32px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTIuNzU5OSAyNS4wOTM1QzEyLjUwNjYgMjUuMDkzNSAxMi4yNTMzIDI1LjAwMDIgMTIuMDUzMyAyNC44MDAyTDMuOTU5OTIgMTYuNzA2OEMzLjU3MzI2IDE2LjMyMDIgMy41NzMyNiAxNS42ODAyIDMuOTU5OTIgMTUuMjkzNUwxMi4wNTMzIDcuMjAwMTZDMTIuNDM5OSA2LjgxMzQ5IDEzLjA3OTkgNi44MTM0OSAxMy40NjY2IDcuMjAwMTZDMTMuODUzMyA3LjU4NjgyIDEzLjg1MzMgOC4yMjY4MiAxMy40NjY2IDguNjEzNDlMNi4wNzk5MiAxNi4wMDAyTDEzLjQ2NjYgMjMuMzg2OEMxMy44NTMzIDIzLjc3MzUgMTMuODUzMyAyNC40MTM1IDEzLjQ2NjYgMjQuODAwMkMxMy4yNzk5IDI1LjAwMDIgMTMuMDEzMyAyNS4wOTM1IDEyLjc1OTkgMjUuMDkzNVoiIGZpbGw9ImJsYWNrIi8+DQogICAgPHBhdGggZD0iTTI3LjMzMjYgMTdINC44OTI1OEM0LjM0NTkxIDE3IDMuODkyNTggMTYuNTQ2NyAzLjg5MjU4IDE2QzMuODkyNTggMTUuNDUzMyA0LjM0NTkxIDE1IDQuODkyNTggMTVIMjcuMzMyNkMyNy44NzkyIDE1IDI4LjMzMjYgMTUuNDUzMyAyOC4zMzI2IDE2QzI4LjMzMjYgMTYuNTQ2NyAyNy44NzkyIDE3IDI3LjMzMjYgMTdaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=) center no-repeat;
  display: block;
  border: none;
  padding: 0;
  margin: 0 0 8px 0;
}
.prOrderTitle {
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  width: 100%;
}
.prOrderDate, .prOrderStatus {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
}
.prOrderList {
  border-bottom: 1px solid #EFEFEF;
}
.prOrderEl {
  border-top: 1px solid #EFEFEF;
  padding: 32px;
  display: flex;
  gap: 20px;
}
.prOrderElOut {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  padding: 10px;
  background: #888;
  position: absolute;
  top: calc(50% - 10px - 8px);
  left: 0;
  right: 0;
}
.prOrderElImg {
  min-width: 180px;
  width: 180px;
  height: 180px;
  text-align: center;
  display: flex;
  position: relative;
}
.prOrderElImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.prOrderElContent {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.prOrderElSize {
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
.prOrderElCategory {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}
.prOrderElTitle {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}
.prOrderElBottom {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.prOrderElQnt {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.prOrderElPriceCurrent {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.prOrderElPriceOld {
  color: #888;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: line-through;
}
.prOrderFooter {
  width: 100%;
  display: flex;
  margin: 60px 0 0 0;
  flex-direction: column;
  gap: 60px;
  align-items: flex-end;
}
.prOrderDetails {
  max-width: 520px;
  display: flex;
  gap: 32px;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  flex-direction: column;
}
.prOrderDetailsEl {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 24px;
}
.prOrderDetailsEl > span:first-child {
  min-width: 40%;
}
.prOrderDetailsEl > span:last-child {
  text-align: right;
}
.prOrderDetailsEl_main {
  font-weight: 600;
}
.prOrderDetailsEl_sep {
  height: 1px;
  background: #EFEFEF;
}
.prOrderRepeat {
  width: 100%;
  max-width: 320px;
}
@media all and (max-width: 959px) {
  .prTitle {
    font-size: 24px;
  }
  .prOrderBack {
    width: 24px;
    height: 24px;
    background-size: contain;
  }
  .prOrderTitle {
    font-size: 22px;
  }
  .prOrderDate, .prOrderStatus {
    font-size: 16px;
  }
  .prOrderElCategory {
    font-size: 14px;
  }
  .prOrderElTitle {
    font-size: 16px;
  }
}
@media all and (max-width: 767px) {
  .prOrders {
    margin-left: -10px;
    width: 100vw;
  }
  .prOrdersHeader {
    flex-direction: column;
  }
  .prOrdersHeader > * {
    order: 1;
  }
  .prOrdersEl {
    padding-bottom: 88px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
  }
  .prOrdersId, .prOrdersDelivery {
    font-size: 14px;
  }
  .prOrdersSlider {
    padding: 0 10px;
    margin: 0 0 0 -10px;
    width: 100vw;
  }
  .prOrdersSlider .swiper-slide {
    width: 120px;
  }
  .prOrdersSlider .swiper-button-prev,
.prOrdersSlider .swiper-button-next {
    display: none;
  }
  .prOrdersLink {
    position: absolute;
    left: 20px;
    bottom: 32px;
  }
  .prOrdersPrice {
    order: 4;
  }
  .prOrdersPrice span {
    position: static;
    color: #888;
    font-size: 14px;
  }
  .prOrderHeader {
    flex-direction: column;
    gap: 16px;
  }
  .prOrderList {
    border: solid 1px #efefef;
    border-width: 0 1px 1px 1px;
  }
  .prOrderEl {
    padding: 15px;
    position: relative;
  }
  .prOrderElImg {
    width: 84px;
    min-width: 84px;
    height: 84px;
    margin: 0 0 18px 0;
  }
  .prOrderElOut {
    font-size: 10px;
    padding: 6px;
    top: calc(50% - 5px - 6px);
  }
  .prOrderElContent {
    gap: 8px;
  }
  .prOrderElSize {
    font-size: 12px;
  }
  .prOrderElCategory {
    font-size: 12px;
  }
  .prOrderElTitle {
    font-size: 12px;
  }
  .prOrderElBottom {
    margin: 20px 0 0 0;
  }
  .prOrderElQnt {
    color: #888;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    width: 84px;
    position: absolute;
    left: 15px;
    display: block;
    top: 105px;
  }
  .prOrderElPrice {
    display: flex;
    gap: 12px;
    align-items: baseline;
  }
  .prOrderElPriceCurrent {
    font-size: 18px;
    order: 1;
  }
  .prOrderElPriceOld {
    font-size: 12px;
    position: static;
    order: 2;
  }
  .prOrderDetails {
    font-size: 14px;
    gap: 24px;
  }
  .prOrderRepeat {
    width: 100%;
    max-width: 100%;
  }
}