@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}
:root {
  --swiper-theme-color: #007aff
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translateZ(0)
}
.swiper-horizontal {
  touch-action: pan-y
}
.swiper-vertical {
  touch-action: pan-x
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0)
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}
.swiper-3d {
  perspective: 1200px
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
.orders-number__count, .page-info__title, .personal-account-header__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 108%
}
@media screen and (max-width:1279px) {
  .orders-number__count, .page-info__title, .personal-account-header__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 110%
  }
}
@media screen and (max-width:767px) {
  .orders-number__count, .page-info__title, .personal-account-header__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 114%
  }
}
.personal-accept__title, .personal-account__content-title, .personal-account__order-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 125%
}
@media screen and (max-width:1279px) {
  .personal-accept__title, .personal-account__content-title, .personal-account__order-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 116%
  }
}
@media screen and (max-width:767px) {
  .personal-accept__title, .personal-account__content-title, .personal-account__order-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 118%
  }
}
.order-card__total, .orders-number, .personal-account__empty-title, .personal-account__service-title, .personal-returns__faq-title, .personal-returns__return-reasons-title, .personal-settings__form-title, .popup-cancel-order__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 118%
}
@media screen and (max-width:1279px) {
  .order-card__total, .orders-number, .personal-account__empty-title, .personal-account__service-title, .personal-returns__faq-title, .personal-returns__return-reasons-title, .personal-settings__form-title, .popup-cancel-order__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 118%
  }
}
@media screen and (max-width:767px) {
  .order-card__total, .orders-number, .personal-account__empty-title, .personal-account__service-title, .personal-returns__faq-title, .personal-returns__return-reasons-title, .personal-settings__form-title, .popup-cancel-order__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 132%
  }
}
.button-left-menu__label, .order-card__title, .orders-detail-card__total-item--total .orders-detail-card__total-item-value, .personal-account-header__user-name, .personal-orders__products-title, .popup-reset-password__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 120%
}
@media screen and (max-width:1279px) {
  .button-left-menu__label, .order-card__title, .orders-detail-card__total-item--total .orders-detail-card__total-item-value, .personal-account-header__user-name, .personal-orders__products-title, .popup-reset-password__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 132%
  }
}
@media screen and (max-width:767px) {
  .button-left-menu__label, .order-card__title, .orders-detail-card__total-item--total .orders-detail-card__total-item-value, .personal-account-header__user-name, .personal-orders__products-title, .popup-reset-password__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 148%
  }
}
.account-info-card__title, .account-section-card__title, .document__title, .order-card__images-more, .order-card__status-text, .personal-account__raise-title, .personal-returns__products-title, .question__title, .return-card__body-title, .return-card__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 132%
}
@media screen and (max-width:1279px) {
  .account-info-card__title, .account-section-card__title, .document__title, .order-card__images-more, .order-card__status-text, .personal-account__raise-title, .personal-returns__products-title, .question__title, .return-card__body-title, .return-card__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 148%
  }
}
@media screen and (max-width:767px) {
  .account-info-card__title, .account-section-card__title, .document__title, .order-card__images-more, .order-card__status-text, .personal-account__raise-title, .personal-returns__products-title, .question__title, .return-card__body-title, .return-card__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 140%
  }
}
.page-info__description {
  font-size: 20px;
  font-weight: 500;
  line-height: 142%
}
@media screen and (max-width:767px) {
  .page-info__description {
    font-size: 16px;
    font-weight: 500;
    line-height: 128%
  }
}
.account-section-card__subtitle, .order-card__info-item p, .order-card__number, .orders-detail-card__delivery-address, .orders-detail-card__payment-method, .personal-accept__text, .personal-account__content-subtitle, .personal-account__content-subtitle-low, .personal-account__empty-subtitle, .personal-account__order-date, .popup-cancel-order__subtitle, .popup-reset-password__subtitle, .question__content, .return-card__causes-item, .return-card__comment-text, .upload-file__field-title, .upload-file__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 148%
}
@media screen and (max-width:767px) {
  .account-section-card__subtitle, .order-card__info-item p, .order-card__number, .orders-detail-card__delivery-address, .orders-detail-card__payment-method, .personal-accept__text, .personal-account__content-subtitle, .personal-account__content-subtitle-low, .personal-account__empty-subtitle, .personal-account__order-date, .popup-cancel-order__subtitle, .popup-reset-password__subtitle, .question__content, .return-card__causes-item, .return-card__comment-text, .upload-file__field-title, .upload-file__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 146%
  }
}
.order-card__info-item p, .order-card__number, .personal-account__content-subtitle, .personal-account__order-date, .popup-reset-password__subtitle, .upload-file__field-title, .upload-file__title {
  font-weight: 500
}
.card-item__amount--static, .card-item__current-price, .card-item__title, .item-amount-slider__input, .orders-detail-card__delivery-title, .orders-detail-card__payment-title, .orders-detail-card__total-item--total .orders-detail-card__total-item-name, .orders-detail-card__total-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 148%
}
@media screen and (max-width:767px) {
  .card-item__amount--static, .card-item__current-price, .card-item__title, .item-amount-slider__input, .orders-detail-card__delivery-title, .orders-detail-card__payment-title, .orders-detail-card__total-item--total .orders-detail-card__total-item-name, .orders-detail-card__total-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 146%
  }
}
.card-item__current-old-price, .card-item__features, .card-item__notification, .document__description, .info__description, .orders-detail-card__total-item-name, .personal-accept__form-description, .radio__text, .upload-file__field-type {
  font-size: 14px;
  font-weight: 500;
  line-height: 145%
}
@media screen and (max-width:767px) {
  .card-item__current-old-price, .card-item__features, .card-item__notification, .document__description, .info__description, .orders-detail-card__total-item-name, .personal-accept__form-description, .radio__text, .upload-file__field-type {
    font-size: 12px;
    font-weight: 500;
    line-height: 132%
  }
}
.info__title, .orders-detail-card__total-item-value, .tag {
  font-size: 14px;
  font-weight: 600;
  line-height: 146%
}
@media screen and (max-width:767px) {
  .info__title, .orders-detail-card__total-item-value, .tag {
    font-size: 12px;
    font-weight: 600;
    line-height: 132%
  }
}
.personal-returns__form-item-title, .personal-settings__form-item-title, .popup-cancel-order__checkboxes-title, .upload-file__error-text, .upload-file__text {
  font-size: 12px;
  font-weight: 500;
  line-height: 164%
}
@media screen and (max-width:767px) {
  .personal-returns__form-item-title, .personal-settings__form-item-title, .popup-cancel-order__checkboxes-title, .upload-file__error-text, .upload-file__text {
    font-size: 10px;
    font-weight: 500;
    line-height: 116%
  }
}
.personal-returns__form-item-title, .personal-settings__form-item-title, .popup-cancel-order__checkboxes-title {
  font-weight: 600
}
.personal-settings__form-notion a, .personal-settings__form-notion p {
  font-size: 12px;
  font-weight: 500;
  line-height: 132%
}
@media screen and (max-width:767px) {
  .personal-settings__form-notion a, .personal-settings__form-notion p {
    font-size: 10px;
    font-weight: 500;
    line-height: 116%
  }
}
.tag {
  --background-color: #fff;
  --color-text: #18223a;
  background-color: var(--background-color);
  border-radius: 8px;
  color: var(--color-text);
  display: inline-flex;
  padding: 4px 12px
}
@media screen and (max-width:767px) {
  .tag {
    border-radius: 4px;
    padding: 2px 8px
  }
}
.tag--dusty-green {
  --background-color: #d2e1de
}
.tag--green {
  --background-color: #00aaa1;
  --color-text: #fff
}
.tag--blue {
  --background-color: #cbdbf4
}
.tag--red {
  --background-color: #de2952;
  --color-text: #fff
}
.tag--yellow {
  --background-color: #f2d287
}
.tag--disable {
  --background-color: rgba(24, 34, 58, .1);
  --color-text: rgba(24, 34, 58, .2)
}
.tag--pink {
  --background-color: #ffc2ca
}
.button-left-menu {
  --color: #18223a;
  --color-notification: #cbdbf4;
  --text-notification: #18223a;
  align-items: center;
  color: var(--color);
  column-gap: 8px;
  display: flex;
  padding: 12px 0;
  text-decoration: none;
  transition-duration: .3s;
  transition-property: color;
  transition-timing-function: ease-in-out
}
.button-left-menu__ico {
  display: block;
  height: 24px;
  width: 24px;
  fill: var(--color);
  transition-duration: .3s;
  transition-property: fill;
  transition-timing-function: ease-in-out
}
.button-left-menu__notification {
  background-color: var(--color-notification);
  color: var(--text-notification)
}
.button-left-menu:not(.button-left-menu--disable, [disabled]):hover {
  --color: #008780
}
.button-left-menu--active {
  --color: #00aaa1
}
.button-left-menu--accent {
  --color: #de2952
}
.button-left-menu--disable {
  --color: rgba(24, 34, 58, .4);
  --color-notification: rgba(24, 34, 58, .1);
  --text-notification: rgba(24, 34, 58, .2);
  cursor: not-allowed
}
.question {
  border-bottom: 1px solid rgba(203, 219, 244, .5);
  border-top: 1px solid rgba(203, 219, 244, .5);
  overflow: hidden
}
.question__head {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 28px 12px 28px 0;
  width: 100%
}
@media screen and (max-width:767px) {
  .question__head {
    padding: 20px 12px 20px 0
  }
}
.question__title {
  text-align: left
}
.question__icon {
  flex-shrink: 0;
  height: 24px;
  width: 24px
}
@media screen and (max-width:767px) {
  .question__icon {
    height: 20px;
    width: 20px
  }
}
.question__content {
  opacity: 0;
  padding-bottom: 48px;
  padding-top: 16px;
  transition-duration: .2s;
  transition-property: height, opacity, padding;
  transition-timing-function: ease-in-out
}
.question__content--open {
  opacity: 1
}
.question + .question {
  border-top: none
}
.radio {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  gap: 12px;
  position: relative
}
.radio--error .radio__text-wrapper:before {
  border-color: #de2952
}
.radio--error .radio__input:checked + .radio__text-wrapper:before {
  border-color: #cbdbf4
}
.radio__input {
  cursor: pointer;
  flex-shrink: 0;
  height: 20px;
  margin: 0;
  opacity: 0;
  position: relative;
  transition-duration: .2s;
  transition-property: background-color;
  transition-timing-function: ease-in-out;
  width: 20px;
  z-index: 10
}
.radio__input:hover:not(:checked):not(:disabled) + .radio__text-wrapper:before {
  border-color: #cbdbf4
}
.radio__input:hover:not(:checked):not(:disabled) + .radio__text-wrapper:after {
  background-color: #cbdbf4
}
.radio__input:checked + .radio__text-wrapper:before {
  background-color: #cbdbf4;
  border-color: #cbdbf4
}
.radio__input:checked + .radio__text-wrapper:after {
  background-color: #08276d
}
.radio__input:disabled + .radio__text-wrapper:before {
  background-color: #e8e9eb;
  border: none;
  opacity: 1
}
.radio__input:disabled + .radio__text-wrapper:after {
  background-color: transparent
}
.radio__input:disabled:checked + .radio__text-wrapper:after {
  background-color: rgba(24, 34, 58, .4)
}
.radio__input:disabled + .radio__text-wrapper {
  color: rgba(24, 34, 58, .4)
}
.radio__input:disabled + .radio__text-wrapper .radio__text--add {
  color: rgba(24, 34, 58, .2)
}
.radio__text-wrapper:after, .radio__text-wrapper:before {
  border-radius: 100%;
  content: "";
  cursor: pointer;
  position: absolute;
  top: 0;
  transition-duration: .2s;
  transition-property: opacity, border, background;
  transition-timing-function: ease-in-out
}
.radio__text-wrapper:before {
  background: #fff;
  border: 1px solid #a3a7b0;
  height: 20px;
  left: 0;
  width: 20px;
  z-index: 1
}
.radio__text-wrapper:after {
  background-color: #fff;
  height: 8px;
  left: 6px;
  top: 6px;
  width: 8px;
  z-index: 2
}
@media screen and (max-width:767px) {
  .radio__text-wrapper {
    margin-top: 1px
  }
}
.radio__text--add {
  color: rgba(24, 34, 58, .4);
  margin-left: 4px
}
.orders-number {
  background-color: #00aaa1;
  border-radius: 16px;
  color: #fff;
  padding: 24px;
  text-decoration: none
}
.orders-number, .orders-number:hover {
  transition-duration: .3s;
  transition-property: background-color;
  transition-timing-function: ease-in-out
}
.orders-number:hover {
  background-color: #008780
}
@media screen and (max-width:767px) {
  .orders-number {
    padding: 16px
  }
}
.orders-number__count {
  display: block
}
.account-section-card {
  background-color: #f4f7fb;
  border-radius: 16px;
  display: block;
  padding: 24px;
  text-decoration: none;
  transition-duration: .3s;
  transition-property: box-shadow;
  transition-timing-function: ease-in-out
}
@media screen and (max-width:767px) {
  .account-section-card {
    padding: 16px
  }
}
.account-section-card:hover {
  box-shadow: 0 2px 4px rgba(44, 72, 135, .2);
  transition-duration: .3s;
  transition-property: box-shadow;
  transition-timing-function: ease-in-out
}
.account-section-card__title {
  align-items: center;
  color: #18223a;
  column-gap: 12px;
  display: flex
}
.account-section-card__subtitle {
  color: rgba(24, 34, 58, .4);
  margin-top: 4px
}
.account-section-card__ico {
  display: block;
  height: 24px;
  width: 24px;
  fill: #de2952
}
.account-info-card {
  align-items: center;
  background-color: #f4f7fb;
  border-radius: 24px;
  column-gap: 12px;
  display: flex;
  padding: 24px;
  text-decoration: none
}
.account-info-card, .account-info-card:hover {
  transition-duration: .3s;
  transition-property: box-shadow;
  transition-timing-function: ease-in-out
}
.account-info-card:hover {
  box-shadow: 0 2px 4px rgba(44, 72, 135, .2)
}
@media screen and (max-width:767px) {
  .account-info-card {
    padding: 16px
  }
}
.account-info-card__ico {
  display: block;
  height: 28px;
  width: 28px;
  fill: #18223a;
  flex-shrink: 0
}
.account-info-card__title {
  color: #18223a;
  flex-grow: 1
}
.account-info-card__button {
  flex-shrink: 0
}
.order-card {
  --color-number: #00aaa1;
  border: 1px solid #f2f3f8;
  border-radius: 16px;
  display: block;
  overflow: hidden
}
.order-card--payment-failed {
  --color-number: #de2952
}
.order-card--disable {
  background-color: #f2f3f8;
  opacity: .65;
  position: relative;
  z-index: 5
}
.order-card__header {
  align-items: flex-start;
  background-color: #f2f3f8;
  color: #18223a;
  column-gap: 24px;
  display: flex;
  justify-content: space-between;
  padding: 24px;
  text-decoration: none
}
@media screen and (max-width:767px) {
  .order-card__header {
    padding: 16px
  }
}
.order-card__header-right {
  flex-shrink: 0
}
.order-card__title {
  margin-bottom: 4px
}
.order-card__number {
  color: var(--color-number)
}
.order-card__number--alert {
  color: #de2952
}
.order-card__body {
  align-items: stretch;
  background-color: #fff;
  column-gap: 24px;
  display: flex;
  justify-content: space-between;
  padding: 24px
}
@media screen and (max-width:767px) {
  .order-card__body {
    flex-direction: column;
    padding: 16px;
    row-gap: 24px
  }
}
.order-card__body-right {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
@media screen and (max-width:767px) {
  .order-card__body-right {
    align-items: flex-start;
    row-gap: 24px
  }
}
@media screen and (max-width:1279px) {
  .order-card__status-tag {
    width: min-content
  }
}
.order-card__status-text {
  white-space: break-spaces
}
.order-card__info {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  row-gap: 8px;
  -ms-writing-mode: 12px;
  writing-mode: 12px
}
@media screen and (max-width:767px) {
  .order-card__info {
    row-gap: 12px
  }
}
.order-card__info-item {
  align-items: flex-start;
  column-gap: 12px;
  display: grid;
  grid-template-columns: max-content max-content
}
.order-card__info-item--center {
  align-items: center
}
@media screen and (max-width:1279px) {
  .order-card__info-item {
    grid-template-columns: 180px 1fr
  }
}
@media screen and (max-width:767px) {
  .order-card__info-item {
    column-gap: 8px;
    grid-template-columns: 156px 1fr
  }
}
.order-card__info-item span.discount {
  color: #de2952
}
.order-card__repeat-order {
  margin-top: 24px
}
.order-card__cancel-order {
  cursor: pointer;
  margin-top: 24px
}
@media screen and (max-width:767px) {
  .order-card__cancel-order {
    justify-content: center;
    width: 100%
  }
}
.order-card__images {
  align-items: center;
  column-gap: 16px;
  display: flex
}
.order-card__images a {
  display: block;
  text-decoration: none
}
.order-card__images img {
  display: block;
  height: 72px;
  object-fit: cover;
  width: 72px
}
@media screen and (max-width:767px) {
  .order-card__images img {
    height: 72px;
    width: 72px
  }
}
.order-card__images-more {
  align-items: center;
  border: 1px solid #f2f3f8;
  display: flex;
  height: 72px;
  justify-content: center;
  width: 72px
}
@media screen and (max-width:767px) {
  .order-card__images-more {
    height: 72px;
    width: 72px
  }
}
.order-card__files {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
  max-width: 248px
}
@media screen and (max-width:767px) {
  .order-card__files {
    max-width: 100%
  }
}
.payment_list{
    margin-top: 24px;
    text-align: right;
}
.payment_list a{
    margin-top: 0px;
}
.card-item {
  --card-item-color: #18223a;
  align-items: center;
  color: var(--card-item-color);
  column-gap: 16px;
  display: grid;
  grid-template-columns: auto 1fr
}
.card-item--disabled {
  --card-item-color: rgba(24, 34, 58, .4)
}
@media screen and (max-width:767px) {
  .card-item {
    align-items: flex-start;
    grid-template-columns: 84px 1fr;
    row-gap: 16px;
    width: 100%
  }
}
.card-item__image {
  border-radius: 16px;
  height: 120px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 120px
}
@media screen and (max-width:767px) {
  .card-item__image {
    height: 84px;
    width: 84px
  }
}
.card-item__image img {
  background-color: #f4f7fb;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%
}
.card-item__tags {
  align-items: center;
  column-gap: 8px;
  display: flex;
  flex-wrap: wrap;
  left: 6px;
  position: absolute;
  top: 6px
}
.card-item__main {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-areas: "title amount buttons";
  grid-template-columns: 1fr auto auto
}
.card-item__main--center {
  align-items: center
}
@media screen and (max-width:767px) {
  .card-item__main {
    grid-template-areas: "title""buttons""amount";
    grid-template-columns: 1fr
  }
}
.card-item__info {
  align-items: center;
  column-gap: 16px;
  display: flex
}
.card-item__main-info {
  grid-area: title
}
.card-item__title {
  color: var(--card-item-color);
  text-decoration: none
}
.card-item__title, .card-item__title:hover {
  transition-duration: .2s;
  transition-property: color;
  transition-timing-function: ease-in-out
}
.card-item__title:hover {
  color: #008780
}
@media screen and (max-width:767px) {
  .card-item__title:hover {
    color: var(--card-item-color)
  }
}
.card-item__amount {
  align-items: center;
  column-gap: 8px;
  display: flex;
  grid-area: amount;
  justify-content: flex-start;
  width: 176px
}
@media screen and (max-width:1279px) {
  .card-item__amount {
    width: 164px
  }
}
.card-item__amount--static {
  padding: 0 16px;
  width: auto
}
@media screen and (max-width:767px) {
  .card-item__amount--static {
    padding: 0
  }
}
.card-item__info-right {
  align-items: center;
  column-gap: 8px;
  display: flex;
  grid-area: buttons;
  min-width: 108px
}
@media screen and (max-width:1279px) {
  .card-item__info-right {
    align-items: flex-end;
    flex-direction: column;
    width: 104px
  }
}
@media screen and (max-width:767px) {
  .card-item__info-right {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    width: auto
  }
}
.card-item__prices {
  flex-grow: 1
}
.card-item__prices--sm {
  display: none
}
@media screen and (max-width:767px) {
  .card-item__prices--sm {
    display: block;
    margin-top: 16px
  }
}
.card-item__current-old-price, .card-item__features {
  color: rgba(24, 34, 58, .4)
}
.card-item__features {
  display: block;
  margin-top: 8px
}
.card-item__notification {
  align-items: flex-start;
  color: var(--card-notification-color);
  display: flex;
  gap: 10px;
  grid-column: 1/5;
  margin-top: 8px
}
.card-item__notification, .card-item__notification--alert {
  --card-notification-color: #de2952
}
.card-item__notification--warning {
  --card-notification-color: #f2d287
}
.card-item__notification-close {
  --color-icon: var(--card-notification-color);
  flex-shrink: 0;
  padding: 2px
}
@media screen and (max-width:767px) {
  .card-item__alert {
    grid-column: 1/3
  }
}
.orders-detail-card {
  align-items: flex-start;
  background-color: #f2f3f8;
  border-radius: 16px;
  column-gap: 40px;
  display: flex;
  justify-content: space-between;
  padding: 24px
}
@media screen and (max-width:767px) {
  .orders-detail-card {
    flex-direction: column;
    padding: 16px;
    row-gap: 20px
  }
}
.orders-detail-card__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 32px
}
@media screen and (max-width:767px) {
  .orders-detail-card__info {
    row-gap: 20px;
    width: 100%
  }
}
.orders-detail-card__info-top {
  display: flex;
  flex-direction: column;
  row-gap: 4px
}
.orders-detail-card__delivery {
  align-items: center;
  column-gap: 8px;
  display: flex
}
.orders-detail-card__delivery-icon {
  display: block;
  height: 24px;
  width: 24px;
  fill: #18223a
}
.orders-detail-card__info-bottom {
  display: flex;
  flex-direction: column;
  row-gap: 4px
}
.orders-detail-card__payment-title {
  align-items: center;
  column-gap: 4px;
  display: flex
}
.orders-detail-card__payment-icon {
  display: block;
  height: 24px;
  width: 24px;
  fill: #18223a
}
.orders-detail-card__payment-button {
  margin-left: 24px
}
.orders-detail-card__total {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  width: 280px
}
@media screen and (max-width:1279px) {
  .orders-detail-card__total {
    width: 224px
  }
}
@media screen and (max-width:767px) {
  .orders-detail-card__total {
    width: 100%
  }
}
.orders-detail-card__total-title {
  text-align: left
}
.orders-detail-card__total-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  row-gap: 12px
}
.orders-detail-card__total-item {
  align-items: center;
  display: flex;
  justify-content: space-between
}
.orders-detail-card__total-item--sale .orders-detail-card__total-item-value {
  color: #de2952
}
.info {
  background: #f4f7fb;
  border-radius: 16px;
  padding: 16px 12px 16px 40px;
  position: relative
}
.info:before {
  background: rgba(24, 34, 58, .4);
  content: "";
  height: 20px;
  left: 12px;
  -webkit-mask: url(../images/sprite.svg#info) no-repeat;
  mask: url(../images/sprite.svg#info) no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  top: 16px;
  width: 20px
}
.info__title {
  margin-bottom: 4px
}
.info__description, .info__title {
  color: rgba(24, 34, 58, .4)
}
.info__description a {
  color: #00aaa1;
  text-decoration: none
}
.info__description a, .info__description a:hover {
  transition-duration: .2s;
  transition-property: color;
  transition-timing-function: ease-in-out
}
.info__description a:hover {
  color: #008780
}
.info__button {
  margin-top: 16px
}
.item-amount-slider {
  align-items: center;
  column-gap: 4px;
  display: flex;
  justify-content: center;
  width: 100%
}
.item-amount-slider__count {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-width: 88px;
  row-gap: 4px
}
.item-amount-slider__input {
  background-color: transparent;
  border: 1px solid #cbdbf4;
  border-radius: 32px;
  display: block;
  flex-grow: 1;
  outline: none;
  padding: 8px 0;
  text-align: center;
  width: 100%
}
.item-amount-slider__input:focus {
  border: 1px solid #83b4ff
}
.item-amount-slider__input:disabled {
  background-color: transparent
}
.upload-file {
  --border-color: rgba(24, 34, 58, .2);
  --color-main: #18223a;
  --color-accent-file: #00aaa1;
  --color-text: rgba(24, 34, 58, .4);
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition-duration: .2s;
  transition-property: border;
  transition-timing-function: ease-in-out
}
.upload-file__label {
  border: 1px dashed var(--border-color);
  border-radius: 8px;
  cursor: pointer;
  display: block;
  padding: 24px;
  text-align: center
}
@media screen and (max-width:767px) {
  .upload-file__label {
    padding: 16px
  }
}
.upload-file--active, .upload-file:not(.upload-file--disabled, [disabled], .upload-file--active):hover {
  --border-color: #00aaa1;
  transition-duration: .2s;
  transition-property: border;
  transition-timing-function: ease-in-out
}
.upload-file--disabled {
  --border-color: rgba(24, 34, 58, .4);
  --color-accent-file: rgba(24, 34, 58, .4);
  --color-main: rgba(24, 34, 58, .4);
  cursor: not-allowed
}
.upload-file--error {
  --border-color: #de2952
}
.upload-file__input {
  border: 0;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden
}
.upload-file__title {
  color: var(--color-main);
  margin-bottom: 4px
}
.upload-file__title span {
  color: var(--color-accent-file)
}
.upload-file__text {
  color: var(--color-text)
}
.upload-file__error-text {
  color: #de2952;
  margin-top: 8px;
  text-align: right
}
.upload-file__field-wrap {
  text-align: right
}
.upload-file__field-inner {
  display: flex;
  flex-direction: column;
  row-gap: 12px
}
.upload-file__field-images {
  background-color: #f4f7fb;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px
}
@media screen and (max-width:767px) {
  .upload-file__field-images {
    padding: 16px
  }
}
.upload-file__field {
  align-items: center;
  background-color: #f4f7fb;
  border-radius: 8px;
  column-gap: 12px;
  display: flex;
  padding: 24px
}
@media screen and (max-width:767px) {
  .upload-file__field {
    padding: 16px
  }
}
.upload-file__field-ico {
  display: block;
  height: 28px;
  width: 28px;
  fill: #18223a;
  flex-shrink: 0
}
.upload-file__field-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  row-gap: 4px;
  text-align: left
}
.upload-file__field-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all
}
.upload-file__field-type {
  color: rgba(24, 34, 58, .4);
  text-transform: uppercase
}
.upload-file__field-delete {
  flex-shrink: 0
}
.upload-file__image {
  height: 72px;
  position: relative;
  width: 72px
}
.upload-file__image img {
  height: 100%;
  object-fit: cover;
  width: 100%
}
.upload-file__image-delete {
  position: absolute;
  right: -4px;
  top: -4px
}
.upload-file__image-delete:before {
  background: radial-gradient(50% 50% at 50% 50%, #fff 0, hsla(0, 0%, 100%, 0) 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.upload-file__image-delete svg {
  z-index: 1
}
.return-card {
  border: 1px solid #f4f7fb;
  border-radius: 16px;
  overflow: hidden
}
.return-card__header {
  align-items: center;
  background-color: #f2f3f8;
  column-gap: 12px;
  display: flex;
  padding: 24px
}
@media screen and (max-width:767px) {
  .return-card__header {
    padding: 16px
  }
}
.return-card__icon {
  align-items: center;
  background-color: #de2952;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}
.return-card__icon svg {
  display: block;
  height: 16px;
  width: 16px;
  fill: #fff
}
.return-card__body {
  display: flex;
  flex-direction: column;
  padding: 24px;
  row-gap: 40px
}
@media screen and (max-width:1279px) {
  .return-card__body {
    row-gap: 24px
  }
}
@media screen and (max-width:767px) {
  .return-card__body {
    padding: 16px
  }
}
.return-card__body-title {
  margin-bottom: 8px
}
.return-card__causes-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  row-gap: 8px
}
.return-card__causes-item {
  padding-left: 32px;
  position: relative
}
.return-card__causes-item:before {
  background-color: #18223a;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 16px
}
.return-card__images {
  align-items: center;
  column-gap: 16px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px
}
.return-card__images img {
  display: block;
  height: 76px;
  object-fit: cover;
  width: 76px
}
.return-card__files {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px
}
.page-info__description {
  margin-top: 24px
}
.document {
  background-color: #f4f7fb;
  border: 1px solid #f4f7fb;
  border-radius: 16px;
  color: #18223a;
  display: inline-block;
  max-width: 372px;
  padding: 19px 24px;
  text-decoration: none
}
.document, .document:hover {
  transition-duration: .3s;
  transition-property: border;
  transition-timing-function: ease-in-out
}
.document:hover {
  border: 1px solid #cbdbf4
}
@media screen and (max-width:1279px) {
  .document {
    padding: 11px 16px
  }
}
@media screen and (max-width:767px) {
  .document {
    padding: 7px 16px
  }
}
.document__inner {
  align-items: center;
  column-gap: 12px;
  display: flex
}
.document__ico {
  display: block;
  height: 28px;
  width: 28px;
  fill: #18223a;
  flex-shrink: 0
}
.document__title {
  margin: 0 0 4px
}
.document__description, .document__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.document__description {
  color: rgba(24, 34, 58, .4)
}
@media screen and (max-width:767px) {
  .popup-cancel-order {
    width: 100%
  }
}
.popup-cancel-order__title {
  margin-bottom: 32px
}
@media screen and (max-width:767px) {
  .popup-cancel-order__title {
    margin-bottom: 24px
  }
}
.popup-cancel-order__form {
  display: flex;
  flex-direction: column;
  row-gap: 32px
}
.popup-cancel-order__checkboxes-title {
  margin-bottom: 4px
}
.popup-cancel-order__checkboxes {
  display: flex;
  flex-direction: column;
  row-gap: 12px
}
.popup-cancel-order__textarea {
  display: none
}
.popup-cancel-order__textarea.active {
  display: block
}
.popup-cancel-order__success-buttons {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  row-gap: 8px
}
.popup-reset-password {
  display: block;
  width: 580px
}
@media screen and (max-width:1919px) {
  .popup-reset-password {
    width: 440px
  }
}
@media screen and (max-width:1439px) {
  .popup-reset-password {
    width: 416px
  }
}
@media screen and (max-width:1023px) {
  .popup-reset-password {
    width: 492px
  }
}
.popup-reset-password__title {
  margin-bottom: 32px
}
@media screen and (max-width:767px) {
  .popup-reset-password__title {
    margin-bottom: 24px
  }
}
.popup-reset-password__subtitle {
  color: rgba(24, 34, 58, .4);
  margin-bottom: 16px;
  max-width: 350px
}
.popup-reset-password__form {
  display: flex;
  flex-direction: column;
  row-gap: 32px
}
.lightbox {
  align-items: center;
  background: rgba(24, 34, 58, .4);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 20px 90px;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition-duration: .2s;
  transition-property: opacity, visibility;
  transition-timing-function: ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 300
}
@media screen and (max-width:767px) {
  .lightbox {
    padding: 12px
  }
}
.lightbox--visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible
}
.lightbox__back {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2
}
.lightbox__back, .lightbox__swiper {
  height: 100%;
  width: 100%
}
.lightbox__buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2
}
@media screen and (max-width:767px) {
  .lightbox__buttons {
    padding: 0 2px
  }
}
.lightbox__slide {
  overflow: hidden
}
.lightbox__slide.swiper-slide {
  align-items: center;
  display: flex;
  justify-content: center
}
.lightbox__slide img {
  background-color: #fff;
  border-radius: 16px;
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: relative
}
.lightbox__close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 3
}
@media screen and (max-width:767px) {
  .lightbox__close {
    right: 12px;
    top: 24px
  }
}
.personal-account-sidebar {
  position: relative
}
@media screen and (max-width:1023px) {
  .personal-account-sidebar:after, .personal-account-sidebar:before {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 86.52%);
    content: "";
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition-duration: .2s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    width: 50px;
    z-index: 1
  }
  .personal-account-sidebar:before {
    left: 0;
    transform: rotate(180deg)
  }
  .personal-account-sidebar:after {
    right: 0
  }
  .personal-account-sidebar--left-shadow:before, .personal-account-sidebar--right-shadow:after {
    opacity: 1
  }
}
.personal-account-sidebar__menu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  row-gap: 8px
}
@media screen and (max-width:1279px) {
  .personal-account-sidebar__menu {
    align-items: center;
    column-gap: 32px;
    flex-direction: row
  }
}
@media screen and (max-width:1023px) {
  .personal-account-sidebar__menu {
    overflow-y: auto;
    padding-bottom: 12px
  }
  .personal-account-sidebar__menu::-webkit-scrollbar {
    height: 4px
  }
  .personal-account-sidebar__menu::-webkit-scrollbar-track {
    background-color: rgba(24, 34, 58, .1);
    border-radius: 4px
  }
  .personal-account-sidebar__menu::-webkit-scrollbar-thumb {
    background-color: #cbdbf4;
    border-radius: 4px
  }
}
@media screen and (max-width:767px) {
  .personal-account-sidebar__menu {
    column-gap: 20px
  }
}
@media screen and (max-width:1023px) {
  .personal-account-sidebar__item {
    flex-shrink: 0;
    width: max-content
  }
}
.personal-account-sidebar__link {
  width: min-content
}
.personal-account-header {
  align-items: flex-end;
  border-bottom: 1px solid rgba(24, 34, 58, .1);
  column-gap: 40px;
  display: flex;
  padding: 24px 0
}
@media screen and (max-width:1279px) {
  .personal-account-header {
    padding: 16px 0
  }
}
@media screen and (max-width:767px) {
  .personal-account-header {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 0;
    row-gap: 12px
  }
}
.personal-account-header__title {
  flex-shrink: 0;
  width: 320px
}
@media screen and (max-width:1919px) {
  .personal-account-header__title {
    width: 272px
  }
}
@media screen and (max-width:1279px) {
  .personal-account-header__title {
    width: auto
  }
}
.personal-account {
  color: #18223a;
  display: block;
  padding-bottom: 120px
}
@media screen and (max-width:1279px) {
  .personal-account {
    padding-bottom: 80px
  }
}
.personal-account__wrap-sm {
  max-width: 680px
}
@media screen and (max-width:1919px) {
  .personal-account__wrap-sm {
    max-width: 660px
  }
}
@media screen and (max-width:1279px) {
  .personal-account__wrap-sm {
    max-width: 608px
  }
}
@media screen and (max-width:767px) {
  .personal-account__wrap-sm {
    max-width: 560px
  }
}
.personal-account__wrap-tb {
  max-width: 860px
}
@media screen and (max-width:1279px) {
  .personal-account__wrap-tb {
    max-width: 688px
  }
}
@media screen and (max-width:767px) {
  .personal-account__wrap-tb {
    max-width: 100%
  }
}
.personal-account__inner {
  column-gap: 40px;
  row-gap: 0
}
@media screen and (max-width:1023px) {
  .personal-account__inner {
    column-gap: 20px
  }
}
.personal-account__header {
  margin-bottom: 80px
}
@media screen and (max-width:1279px) {
  .personal-account__header {
    grid-column: 1/-1;
    grid-row: 1/2;
    margin-bottom: 48px
  }
  .personal-account__sidebar {
    grid-column: 1/-1;
    grid-row: 2/3;
    margin-bottom: 40px
  }
  .personal-account__content {
    grid-column: 1/-1;
    grid-row: 3/4
  }
}
.personal-account__content-title {
  margin-bottom: 4px
}
.personal-account__content-subtitle-low, .personal-account__empty {
  color: rgba(24, 34, 58, .4)
}
.personal-account__empty-title {
  margin-bottom: 8px
}
.personal-account__empty-button {
  margin-top: 32px
}
@media screen and (max-width:1279px) {
  .personal-account__empty-button {
    margin-top: 24px
  }
}
@media screen and (max-width:767px) {
  .personal-account__empty-button {
    justify-content: center;
    width: 100%
  }
}
.personal-account__order-title {
  align-items: center;
  column-gap: 16px;
  display: flex;
  margin-bottom: 4px
}
.personal-account__order-icon {
  align-items: center;
  background-color: #00aaa1;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  width: 32px
}
.personal-account__order-icon svg {
  display: block;
  height: 24px;
  width: 24px;
  fill: #fff
}
.personal-account__copy {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: block;
  outline: none;
  padding: 0
}
.personal-account__copy-ico {
  display: block;
  height: 24px;
  width: 24px;
  fill: #18223a
}
.personal-accept {
  padding-bottom: 120px;
  padding-top: 64px
}
@media screen and (max-width:1279px) {
  .personal-accept {
    padding-bottom: 80px;
    padding-top: 48px
  }
}
.personal-accept__inner {
  margin: 0 auto;
  width: 432px
}
@media screen and (max-width:767px) {
  .personal-accept__inner {
    width: 100%
  }
}
.personal-accept__return {
  margin-bottom: 16px
}
.personal-accept__title {
  margin-bottom: 12px
}
.personal-accept__text {
  margin-bottom: 24px
}
.personal-accept__form-field {
  margin-bottom: 16px
}
.personal-accept__form-description {
  color: rgba(24, 34, 58, .4)
}
.personal-accept__buttons {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  row-gap: 8px
}
.personal-orders__links-wrap {
  position: relative
}
@media screen and (max-width:767px) {
  .personal-orders__links-wrap:after, .personal-orders__links-wrap:before {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 86.52%);
    content: "";
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition-duration: .2s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    width: 50px;
    z-index: 1
  }
  .personal-orders__links-wrap:before {
    left: 0;
    transform: rotate(180deg)
  }
  .personal-orders__links-wrap:after {
    right: 0
  }
  .personal-orders__links-wrap--left-shadow:before, .personal-orders__links-wrap--right-shadow:after {
    opacity: 1
  }
}
.personal-orders__links {
  align-items: center;
  column-gap: 12px;
  display: flex;
  margin: 40px 0 24px
}
.personal-orders__links--detail {
  column-gap: 16px;
  margin: 24px 0
}
@media screen and (max-width:767px) {
  .personal-orders__links--detail {
    overflow-x: auto;
    padding-bottom: 12px
  }
  .personal-orders__links--detail::-webkit-scrollbar {
    height: 4px
  }
  .personal-orders__links--detail::-webkit-scrollbar-track {
    background-color: rgba(24, 34, 58, .1);
    border-radius: 4px
  }
  .personal-orders__links--detail::-webkit-scrollbar-thumb {
    background-color: #cbdbf4;
    border-radius: 4px
  }
}
.personal-orders__link {
  flex-shrink: 0;
  width: max-content
}
.personal-orders__list {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.personal-orders__back {
  margin-bottom: 24px
}
.personal-orders__products {
  margin-top: 80px
}
@media screen and (max-width:1279px) {
  .personal-orders__products {
    margin-top: 64px
  }
}
.personal-orders__products-title {
  margin-bottom: 12px
}
.personal-orders__products-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.personal-orders__products-item {
  border-bottom: 1px solid #f4f7fb;
  padding-bottom: 24px
}
.personal-orders__products-item:last-child {
  border: none;
  padding-bottom: 0
}
.personal-orders__pay {
  margin-top: 80px
}
@media screen and (max-width:1279px) {
  .personal-orders__pay {
    margin-top: 64px
  }
}
.personal-returns__back {
  margin-bottom: 24px
}
.personal-returns__links {
  align-items: center;
  column-gap: 12px;
  display: flex;
  margin: 40px 0 24px
}
.personal-returns__links--small {
  margin: 24px 0
}
.personal-returns__list {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.personal-returns__card {
  margin-top: 24px
}
.personal-returns__products {
  margin-top: 80px
}
@media screen and (max-width:1279px) {
  .personal-returns__products {
    margin-top: 64px
  }
}
.personal-returns__products--mt {
  margin-top: 40px
}
.personal-returns__products-title {
  margin-bottom: 12px
}
.personal-returns__products-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}
.personal-returns__products-list-item {
  border-bottom: 1px solid #f4f7fb;
  padding-bottom: 24px
}
.personal-returns__products-list-item:last-child {
  border-bottom: none;
  padding-bottom: 0
}
.personal-returns__faq {
  margin-top: 80px
}
@media screen and (max-width:1279px) {
  .personal-returns__faq {
    margin-top: 64px
  }
}
.personal-returns__faq-title {
  margin-bottom: 24px
}
.personal-returns__return-reasons {
  border-top: 1px solid #f4f7fb;
  margin-top: 80px;
  padding-top: 24px
}
@media screen and (max-width:1279px) {
  .personal-returns__return-reasons {
    margin-top: 64px
  }
}
.personal-returns__form-return {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  max-width: 473px;
  row-gap: 24px
}
.personal-returns__form-item-title {
  margin-bottom: 4px
}
.personal-returns__form-checkbox-list {
  display: flex;
  flex-direction: column;
  row-gap: 12px
}
.personal-returns__form-textarea {
  display: none
}
.personal-returns__form-textarea.active {
  display: block
}
.personal-settings {
  color: #18223a;
  display: block
}
.personal-settings__wrap {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  row-gap: 80px
}
@media screen and (max-width:1279px) {
  .personal-settings__wrap {
    row-gap: 64px
  }
}
.personal-settings__wrap-item {
  border-top: 1px solid #f4f7fb;
  padding-top: 24px
}
.personal-settings__form {
  display: flex;
  flex-direction: column;
  max-width: 376px;
  row-gap: 24px
}
@media screen and (max-width:767px) {
  .personal-settings__form {
    max-width: 100%
  }
}
.personal-settings__form-item-title {
  margin-bottom: 12px
}
.personal-settings__form-item-wrap {
  align-items: center;
  column-gap: 40px;
  display: flex;
  justify-content: flex-start
}
.personal-settings__form-phone-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 4px
}
.personal-settings__form-notion {
  align-items: flex-start;
  column-gap: 4px;
  display: flex
}
.personal-settings__form-notion svg {
  display: block;
  height: 16px;
  width: 16px;
  fill: rgba(24, 34, 58, .4);
  flex-shrink: 0
}
.personal-settings__form-notion p {
  color: rgba(24, 34, 58, .4)
}
.personal-settings__form-notion a {
  color: #00aaa1;
  display: inline-block;
  text-decoration: none
}
@media screen and (max-width:767px) {
  .personal-settings__form-submit {
    justify-content: center;
    text-align: center;
    width: 100%
  }
}
.personal-account__raise-orders {
  column-gap: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 80px;
  row-gap: 24px
}
@media screen and (max-width:767px) {
  .personal-account__raise-orders {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 64px
  }
}
.personal-account__active-orders {
  grid-column: 1/2
}
.personal-account__completed-orders {
  display: flex;
  flex-direction: column;
  grid-column: 2/3;
  justify-content: center
}
@media screen and (max-width:767px) {
  .personal-account__completed-orders {
    grid-column: 1/2
  }
}
.personal-account__favorite-gds {
  grid-column: 2/3;
  grid-row: 2/3
}
@media screen and (max-width:767px) {
  .personal-account__favorite-gds {
    grid-column: 1/2;
    grid-row: 3/4
  }
}
.personal-account__raise-item {
  background-color: #f4f7fb;
  border-radius: 24px;
  column-gap: 12px;
  padding: 24px;
  text-decoration: none
}
@media screen and (max-width:767px) {
  .personal-account__raise-item {
    padding: 16px
  }
}
.personal-account__raise-title {
  align-items: center;
  column-gap: 12px;
  display: flex
}
.personal-account__raise-ico {
  display: block;
  height: 28px;
  width: 28px;
  fill: #18223a;
  flex-shrink: 0
}
.personal-account__raise-buttons {
  align-items: center;
  column-gap: 16px;
  display: flex;
  margin-top: 24px
}
@media screen and (max-width:767px) {
  .personal-account__raise-buttons {
    flex-direction: column;
    row-gap: 16px
  }
}
.personal-account__delivery {
  flex-shrink: 0
}
@media screen and (max-width:767px) {
  .personal-account__delivery {
    justify-content: center;
    width: 100%
  }
}
.personal-account__service-title {
  margin-bottom: 32px
}
@media screen and (max-width:767px) {
  .personal-account__service-title {
    margin-bottom: 24px
  }
}
.personal-account__service-inner {
  column-gap: 40px;
  display: grid;
  grid-template-areas: "payment return""delivery delivery";
  row-gap: 24px
}
@media screen and (max-width:767px) {
  .personal-account__service-inner {
    grid-template-areas: "payment""return""delivery"
  }
}
.personal-account__service-payment {
  grid-area: payment
}
.personal-account__service-return {
  grid-area: return
}
.personal-account__service-delivery {
  grid-area: delivery
}
.personal-account__service-delivery, .personal-account__service-payment, .personal-account__service-return {
  border-radius: 16px
}