@charset "UTF-8";
/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.account__header, .account__main-tabs, .account__main-bonus, .account__main-bonus-card-title, .account__main-bonus-card-footer, .account__main-bonus-block-menu, .account__main-info-person-block-row, .account__main-orders-detail-item-info .table-row, .account__main-address-list-item, .account__main-profile form, .account__main-profile form .right-side .toggles-item, .side-menu-remove-btns {
  display: flex;
  justify-content: space-between;
}

.account__main-tag-tabs button, .account__main-tag-tabs .button, .account__main-tag-tabs button:not(.active), .account__main-tag-tabs .button:not(.active), .account__main-empty, .account__main-empty a, .account__main-bonus-block-menu-item-card, .account__main-bonus-block-menu-item-card-footer, .account__main-bonus-block-menu-item-card-footer p, .account__main-bonus-history-btn, .account__main-info-person-block, .account__main-info-person-block button, .account__main-info-person-block .button, .account__main-orders-item-top-tags-item, .account__main-orders-detail-list-item-info-tags p, .account__main-promo-list-item-code {
  display: flex;
  justify-content: center;
  align-items: center;
}

.account__main-tag-tabs, .account__main-bonus-history-tabs-tab-item {
  display: flex;
  justify-content: flex-start;
}

.account__main-tabs-toggles, .account__main-tag-tabs-tab, .account__main-bonus-card, .account__main-bonus-card-expire, .account__main-bonus-history, .account__main-orders-detail-item-info .table, .account__main-orders-detail-list, .account__main-orders-detail-list-item-info, .account__main-promo-list-item, .account__main-profile form .left-side, .account__main-profile form .right-side .toggles {
  display: flex;
  flex-direction: column;
}

.account__header {
  margin: 100px 24px 0;
}
.account__header h3 {
  margin: 24px 0;
}
.account__header button, .account__header .button {
  margin-top: 18px;
  cursor: pointer;
  color: #ADADAD;
}
@media (min-width: 1200px) {
  .account__main {
    margin: 0 0 0 24px;
  }
}
.account__main-dropdown {
  margin-bottom: 16px;
}
.account__main-dropdown::after {
  transform: rotate(-90deg);
}
.account__main-dropdown.open::after {
  transform: rotate(90deg);
}
.account__main-tabs {
  gap: 96px;
  width: 100%;
}
.account__main-tabs-toggles {
  gap: 16px;
  min-width: 254px;
  width: 254px;
}
.account__main-tabs-toggles .h6 {
  cursor: pointer;
  text-align: left;
  margin: 0;
}
.account__main-tabs-toggles .h6:not(.active) {
  color: #ADADAD;
}
.account__main-tabs-toggles .h6::after {
  display: none;
}
.account__main-tabs-tab {
  flex: 1 1 auto;
  width: calc(100% - 48px - 254px - 96px);
}
.account__main-tabs-tab:not(.active) {
  display: none;
}
.account__main-tabs-tab h1, .account__main-tabs-tab h2, .account__main-tabs-tab h3, .account__main-tabs-tab h4, .account__main-tabs-tab h5, .account__main-tabs-tab h6 {
  margin-bottom: 16px;
}
.account__main-tabs-tab h1:not(.after):after, .account__main-tabs-tab h2:not(.after):after, .account__main-tabs-tab h3:not(.after):after, .account__main-tabs-tab h4:not(.after):after, .account__main-tabs-tab h5:not(.after):after, .account__main-tabs-tab h6:not(.after):after {
  display: none;
}
.account__main-tabs-tab p:after, .account__main-tabs-tab a:after, .account__main-tabs-tab button:after, .account__main-tabs-tab .button:after {
  display: none;
}
.account__main-tag-tabs {
  gap: 1px;
  margin-bottom: 8px;
}
.account__main-tag-tabs-tab:not(.active) {
  display: none;
}
.account__main-tag-tabs button, .account__main-tag-tabs .button {
  color: #FFFFFF;
  background: #000000;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 300ms;
  padding: 8px 12px 6px;
}
@media (hover: hover) {
  .account__main-tag-tabs button:hover, .account__main-tag-tabs .button:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.account__main-tag-tabs button:not(.active), .account__main-tag-tabs .button:not(.active) {
  color: #000000;
  background: #F7F7F7;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 300ms;
}
@media (hover: hover) {
  .account__main-tag-tabs button:not(.active):hover, .account__main-tag-tabs .button:not(.active):hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.account__main-empty {
  flex-direction: column;
  gap: 16px;
}
.account__main-empty a {
  padding: 9px 36px 11px;
  display: flex;
  color: #FFFFFF;
  background: #000000;
  border: none;
  cursor: pointer;
}
.account__main .main__cards {
  margin: 0;
}
.account__main .main__cards-title:after {
  display: inline-block;
}
.account__main-bonus {
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  gap: 1px 96px;
  position: relative;
}
.account__main-bonus h6 {
  margin-bottom: 14.5px;
}
@media (min-width: 1200px) {
  .account__main-bonus {
    margin-right: 24px;
  }
}
.account__main-bonus-card {
  position: relative;
  width: 49.7%;
  height: auto;
  aspect-ratio: 517/276;
  padding: 16px 0 0;
  min-height: 215px;
}
.account__main-bonus-card h1 {
  margin: 0 0 8px 6px;
}
.account__main-bonus-card-bonus {
  margin: 0 24px;
}
.account__main-bonus-card-bonus img {
  vertical-align: baseline;
}
.account__main-bonus-card-expire {
  flex: 1 1 auto;
  margin: 0 24px;
}
.account__main-bonus-card-expire p {
  letter-spacing: 0.6px;
}
.account__main-bonus-card-expire img {
  width: 16px;
  height: 16px;
  margin: 0 0 0 2px;
  vertical-align: baseline;
}
.account__main-bonus-card-title {
  width: calc(100% - 48px);
  height: 40px;
  align-items: end;
  margin: 0 24px 0;
}
.account__main-bonus-card-title p {
  margin-bottom: 18px;
  letter-spacing: 0.5px;
}
.account__main-bonus-card-footer {
  width: calc(100% - 3px);
  position: relative;
  gap: 1px;
  left: 2px;
  bottom: 1px;
}
@media (max-width: 1200px) {
  .account__main-bonus-card-footer {
    width: calc(100% - 2px);
    left: 1px;
  }
}
.account__main-bonus-card-footer p {
  width: 100%;
  height: 40px;
  padding: 12px 0 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  letter-spacing: 0.5px;
}
.account__main-bonus-block {
  width: 49.4%;
  height: auto;
  margin-top: 40px;
}
.account__main-bonus-block-menu {
  gap: 24px 8px;
}
.account__main-bonus-block-menu-item {
  text-align: center;
  width: 33.34%;
}
.account__main-bonus-block-menu-item-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 8px;
  padding: 16px;
  background: #F7F7F7;
  border-radius: 50%;
}
.account__main-bonus-block-menu-item-icon img {
  filter: brightness(0) saturate(100%);
}
.account__main-bonus-block-menu-item-card {
  position: relative;
  margin-bottom: 4px;
  aspect-ratio: 167/169;
}
.account__main-bonus-block-menu-item-card h6 {
  margin-top: -27px;
}
.account__main-bonus-block-menu-item-card::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.account__main-bonus-block-menu-item-card-footer {
  gap: 1px;
  position: absolute;
  width: calc(100% - 2px);
  height: 40px;
  bottom: 1px;
}
.account__main-bonus-block-menu-item-card-footer p {
  width: 100%;
  height: 40px;
  padding: 0 5px;
  background: rgba(255, 255, 255, 0.8);
}
.account__main-bonus-block-menu-item h6, .account__main-bonus-block-menu-item p {
  z-index: 2;
}
.account__main-bonus-block-menu-item-description span {
  color: #000000;
  white-space: nowrap;
}
@media (max-width: 390px) {
  .account__main-bonus-block-menu-item-description br {
    display: block !important;
  }
}
.account__main-bonus-link {
  margin-top: 29px;
  width: 240px;
}
.account__main-bonus-history {
  position: absolute;
  right: 0;
  width: 41%;
  height: 100%;
}
.account__main-bonus-history-tabs-tab-item {
  gap: 30px;
  position: relative;
  padding: 0 0 16px;
  margin-top: 16px;
}
@media (max-width: 1130px) {
  .account__main-bonus-history-tabs-tab-item {
    gap: 10px;
  }
}
.account__main-bonus-history-tabs-tab-item-description {
  color: #666666;
}
.account__main-bonus-history-tabs-tab-item-title p {
  display: block;
}
.account__main-bonus-history-tabs-tab-item-title p:first-child {
  margin-bottom: 1px;
}
.account__main-bonus-history-tabs-tab-item:not(:last-child) {
  border-bottom: 1px solid #E3E3E3;
}
.account__main-bonus-history-tabs-tab-item-bonus {
  position: absolute;
  top: -2px;
  right: -1px;
}
.account__main-bonus-history-tabs-tab-item-bonus img {
  width: 12px;
  height: 12px;
}
.account__main-bonus-history-tabs-tab-item-bonus p {
  top: -2px;
  margin-left: 3px;
}
.account__main-bonus-history-empty {
  text-align: center;
}
.account__main-bonus-history-btn {
  order: 1;
  padding: 6px 32px 8px;
  margin: 24px auto 0;
  display: flex;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
  cursor: pointer;
}
.account__main-bonus-history-btn span {
  margin-left: 4px;
  color: #ADADAD;
  transition: all 300ms;
}
@media (hover: hover) {
  .account__main-bonus-history-btn:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.account__main-info-person {
  display: flex;
  gap: 8px;
}
@media (min-width: 1200px) {
  .account__main-info-person {
    margin-right: 24px;
  }
}
.account__main-info-person-block {
  padding-top: 3px;
  color: #000;
  flex-direction: column;
  gap: 4.3%;
  aspect-ratio: 517/276;
  min-height: 215px;
  width: 49.7%;
  height: 100%;
  background: #F7F7F7;
  text-align: center;
}
.account__main-info-person-block-row {
  width: calc(100% - 50px);
}
.account__main-info-person-block-empty {
  letter-spacing: 0.6px;
  max-width: 390px;
}
.account__main-info-person-block-empty img {
  margin: -3px 4px 0 6px !important;
}
.account__main-info-person-block-empty span {
  color: #000000;
}
.account__main-info-person-block-empty + button {
  padding: 0 !important;
}
@media (max-width: 1215px) {
  .account__main-info-person-block-empty br {
    display: block !important;
  }
}
.account__main-info-person-block img {
  width: 16px;
  height: 16px;
  margin: 6px 0 0 5px;
}
.account__main-info-person-block button, .account__main-info-person-block .button {
  margin: 0 auto 0;
  vertical-align: center;
}
.account__main-info-person-block button.left, .account__main-info-person-block .button.left {
  margin: 0 0 0 24px;
  align-self: flex-start;
}
.account__main-info-person-block button.left img, .account__main-info-person-block .button.left img {
  margin: 0 4px 0 10px;
}
.account__main-info-orders {
  margin: 40px 0 0;
}
.account__main-info-orders .h3 {
  cursor: pointer;
}
.account__main-info-orders .h3:after {
  display: inline-block;
}
.account__main-info .main__cards {
  margin-top: 40px;
}
.account__main-orders-item {
  cursor: pointer;
}
.account__main-orders-item-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 12px;
}
.account__main-orders-item-top h6 {
  margin: 0;
}
.account__main-orders-item-top img {
  width: 12px;
  height: 12px;
  margin: 0 0 0 7px;
}
.account__main-orders-item-top-bonus {
  margin: 1px 0 0 -5px;
}
.account__main-orders-item-top .ls {
  letter-spacing: 0.5px;
}
.account__main-orders-item-top-tags {
  display: flex;
  gap: 1px;
  height: 17px;
  white-space: nowrap;
}
.account__main-orders-item-top-tags-item {
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 50px;
  cursor: pointer;
  transition: all 300ms;
  padding: 0 5px;
  pointer-events: none;
  cursor: default;
}
@media (hover: hover) {
  .account__main-orders-item-top-tags-item:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.account__main-orders-item-imgs {
  display: flex;
  gap: 8px;
  margin-bottom: 5px;
  width: 100%;
  overflow: hidden;
}
.account__main-orders-item-imgs img {
  width: 191px;
  height: 253px;
}
@media (min-width: 1200px) {
  .account__main-orders-detail {
    margin-right: 24px;
  }
}
.account__main-orders-detail .account__main-orders-item-top {
  margin: 0 0 16px;
}
.account__main-orders-detail .account__main-orders-item-top h6 {
  letter-spacing: 0;
}
.account__main-orders-detail h1:after, .account__main-orders-detail h2:after, .account__main-orders-detail h3:after, .account__main-orders-detail h4:after, .account__main-orders-detail h5:after, .account__main-orders-detail h6:after {
  display: none;
}
.account__main-orders-detail p:after, .account__main-orders-detail a:after, .account__main-orders-detail button:after {
  display: none;
}
.account__main-orders-detail-item {
  display: flex;
  justify-content: space-between;
}
.account__main-orders-detail-item-info .table {
  width: 100%;
  height: auto;
  gap: 8px;
  margin-bottom: 25px;
}
.account__main-orders-detail-item-info .table h6 {
  margin-bottom: 4px;
}
.account__main-orders-detail-item-info .table-row {
  gap: 18px;
}
.account__main-orders-detail-item-info .table-row p:last-child {
  text-align: right;
}
.account__main-orders-detail-item-info .price {
  justify-content: space-between;
  align-items: center;
}
.account__main-orders-detail-item-info .price h6 {
  margin: 0;
}
.account__main-orders-detail-item-info .price h6:not(.price__final) {
  flex: 1 1 auto;
}
.account__main-orders-detail-item-info .price img {
  top: 2px;
  width: 16px;
  height: 16px;
}
.account__main-orders-detail-item-info-footer {
  margin-top: 16px;
}
.account__main-orders-detail-item-info-footer .gray, .account__main-orders-detail-item-info-footer a {
  color: #ADADAD;
  transition: all 300ms;
}
.account__main-orders-detail-item-info-footer .gray a:hover, .account__main-orders-detail-item-info-footer a a:hover {
  transition: all 300ms;
  color: #000000;
}
.account__main-orders-detail-item-info-footer p {
  margin-top: 8px;
}
.account__main-orders-detail-item-info-footer .js-side-toggle, .account__main-orders-detail-item-info-footer .js-link {
  width: 100%;
  cursor: pointer;
  margin-top: 23px;
}
.account__main-orders-detail-item-info-footer .js-side-toggle:not(.center), .account__main-orders-detail-item-info-footer .js-link:not(.center) {
  margin-top: 20px;
}
.account__main-orders-detail-item-info-footer .js-side-toggle span, .account__main-orders-detail-item-info-footer .js-link span {
  color: #000000;
}
.account__main-orders-detail-item-info-footer button, .account__main-orders-detail-item-info-footer .button {
  width: 100%;
  height: 40px;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.account__main-orders-detail-item-info-footer .center {
  width: 100%;
  text-align: center;
}
.account__main-orders-detail-list {
  gap: 24px;
}
.account__main-orders-detail-list-item {
  display: flex;
  gap: 16px;
}
.account__main-orders-detail-list-item-img {
  width: 36.8%;
  height: 36.8%;
  aspect-ratio: 191/253;
}
.account__main-orders-detail-list-item-info-tags {
  flex: 1 1 auto;
  display: flex;
  gap: 1px;
  height: 32px;
}
.account__main-orders-detail-list-item-info-tags p {
  height: 32px;
  color: #000000;
  background: #F7F7F7;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 300ms;
  display: inline-block;
  margin: 12px 0 0 0;
  padding: 6px 22px 8px;
  pointer-events: none;
}
@media (hover: hover) {
  .account__main-orders-detail-list-item-info-tags p:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.account__main-orders-detail-list-item-info-tags p:last-child {
  padding: 6px 16px 8px;
}
.account__main-orders-detail-list-item-info .price {
  justify-content: start;
  gap: 15px;
}
.account__main-orders-detail-list-item-info .price img {
  top: 5px;
  width: 12px;
  height: 12px;
}
.account__main-orders-detail-list-item-info .price__bonus > p {
  top: 3px;
}
.account__main-favorite-btn {
  width: 179px;
  height: 32px;
  left: calc(50% - 89.5px - 12px);
  margin-top: 34px;
}
.account__main-favorite .page__cards {
  padding: 0;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1200px) {
  .account__main-favorite .page__cards {
    margin-right: 24px;
  }
}
.account__main-favorite .page__cards .cards__item {
  grid-column: auto;
}
.account__main-favorite .main__cards {
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .account__main-promo {
    margin-right: 24px;
  }
}
.account__main-promo-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1439px) {
  .account__main-promo-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 720px) {
  .account__main-promo-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.account__main-promo-list-item {
  flex: 1 1 32%;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 36px;
  background: #F7F7F7;
  aspect-ratio: 342/240;
  padding: 32px 24px 16px;
  text-align: center;
}
.account__main-promo-list-item-block {
  position: relative;
  width: 100%;
}
.account__main-promo-list-item h3 {
  display: block;
  margin-bottom: 12px;
}
.account__main-promo-list-item-description {
  height: 40px;
}
.account__main-promo-list-item-code {
  position: relative;
  top: -7px;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px dashed #000000;
  cursor: pointer;
}
.account__main-promo-list-item-code-tooltip {
  top: -40px;
  padding-top: 4px;
}
.account__main-promo-list-item-code img {
  display: none;
  position: relative;
}
@media (hover: hover) {
  .account__main-promo-list-item-code:hover p {
    display: none;
  }
  .account__main-promo-list-item-code:hover img {
    display: block;
  }
}
.account__main-promo-list-item-date {
  position: relative;
}
.account__main-promo-list-item-date.gray {
  color: #ADADAD;
}
.account__main-promo-list-item-date:not(.gray) {
  margin-left: -8px;
}
.account__main-promo-list-item-date:not(.gray):before {
  content: "";
  position: absolute;
  top: 6px;
  right: -8px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000000;
  animation-name: blinker;
  animation-timing-function: linear;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@media (min-width: 1200px) {
  .account__main-address {
    margin-right: 24px;
  }
}
.account__main-address h6 {
  margin-bottom: 0;
}
.account__main-address-list {
  margin-top: 2px;
}
.account__main-address-list-item {
  height: 40px;
}
.account__main-address-list-item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px solid #F1F1F1;
}
.account__main-address-list img {
  margin: -2px 0 0 4px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.account__main-address button, .account__main-address .button {
  margin-top: 10px;
  padding: 9px 36px 11px;
}
.account__main-profile .input_toggle {
  width: 29px;
  height: 16px;
}
@media (min-width: 1200px) {
  .account__main-profile {
    margin-right: 24px;
  }
}
.account__main-profile form {
  flex-direction: row;
}
.account__main-profile form .left-side {
  gap: 32px;
}
.account__main-profile form .left-side h6 {
  margin: 0 0 -18px 0;
}
.account__main-profile form .left-side input {
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.account__main-profile form .left-side input::placeholder {
  color: #ADADAD !important;
}
.account__main-profile form .left-side input:focus, .account__main-profile form .left-side input:not(:placeholder-shown) {
  border-bottom: 1px solid #000000;
}
.account__main-profile form .left-side input:read-only {
  cursor: pointer;
}
.account__main-profile form .left-side fieldset {
  position: relative;
  display: flex;
  gap: 24px;
}
.account__main-profile form .left-side fieldset label .input-radio_checkmark::after {
  top: 7px;
  left: 7px;
}
.account__main-profile form .left-side fieldset .form-radio-bonus {
  position: absolute;
  top: 5px;
  right: 0;
}
.account__main-profile form .left-side fieldset .form-radio-bonus img {
  width: 12px;
  height: 12px;
}
.account__main-profile form .left-side .form-input {
  position: relative;
}
.account__main-profile form .left-side .form-input-bonus {
  position: absolute;
  top: 12px;
  right: 0;
}
.account__main-profile form .left-side .form-input-bonus img {
  width: 12px;
  height: 12px;
}
.account__main-profile form .left-side button, .account__main-profile form .left-side .button {
  width: 100%;
  height: 40px;
}
.account__main-profile form .left-side .form-phone-tooltip {
  left: calc(50% - 128px);
  bottom: 53px;
  width: 256px;
  height: 64px;
  padding: 6px 12px 10px;
  font-size: 12px;
  text-align: center;
}
.account__main-profile form .left-side .form-phone-tooltip a {
  display: inline-block;
  color: #FFFFFF;
}
.account__main-profile form .right-side .toggles {
  margin-top: 24px;
  gap: 8px;
}
.account__main-profile form .right-side .toggles-item {
  align-items: center;
  height: auto;
}
.account__main-profile form .right-side .toggles-item:first-child .input_toggle .slider::before {
  top: 2px;
}
.account__main-profile .js-side-toggle, .account__main-profile .js-link {
  cursor: pointer;
  margin-top: -16px;
  color: #ADADAD;
}

@media (min-width: 1920px) {
  .account__main-promo-list-item {
    aspect-ratio: 462/240;
  }
}
@media (min-width: 1441px) {
  .account__main-tabs {
    gap: 216px;
  }
  .account__main-tabs-tab {
    width: calc(100% - 48px - 254px - 216px);
  }
  .account__main-bonus-history {
    width: 41.3%;
  }
  .account__main-bonus-card {
    aspect-ratio: 697/276;
    min-height: 248px;
  }
  .account__main-info .account__main-bonus-card {
    aspect-ratio: 697/248;
    min-height: 248px;
  }
  .account__main-info-person-block {
    padding-top: 0;
    gap: 4.8%;
    aspect-ratio: 697/248;
    min-height: 248px;
  }
  .account__main-orders .right-side {
    width: 41.3%;
  }
  .account__main-orders-detail-list-item-img {
    width: 191px;
    height: 253px;
  }
  .account__main-favorite .page__cards {
    gap: 36px 8px;
  }
}
@media (min-width: 1441px) and (min-width: 1200px) {
  .account__main-favorite .page__cards {
    margin-left: calc(24px + 4px);
    margin-right: 4px;
  }
}
@media (min-width: 1441px) {
  .account__main-profile .right-side {
    width: 41.2%;
  }
  .account__main-profile .right-side h6 {
    margin-bottom: 6px;
  }
  .account__main-profile .right-side .toggles {
    margin-right: 4px;
  }
  .swiper .cards__item {
    width: 342px !important;
    min-height: 565px;
  }
  .swiper .cards__item-media-item {
    width: 342px;
    height: 480px;
  }
}
@media (max-width: 1200px) {
  .account__header {
    margin: 96px 16px 0;
  }
  .account__main {
    margin: 0;
  }
  .account__main-dropdown {
    margin-left: 16px;
  }
  .account__main-tabs-toggles {
    width: 211px;
    height: 216px;
    min-width: auto;
    top: 208px;
    left: 16px;
    padding: 12px 12px 16px;
    gap: 8px;
    position: absolute;
    border: 1px solid #000000;
    background: #FFFFFF;
    z-index: 5;
  }
  .account__main-tabs-toggles button, .account__main-tabs-toggles .button {
    font-size: 14px;
    line-height: 20px;
  }
  .account__main-bonus {
    flex-direction: column;
    width: 100%;
    gap: 32px;
    position: relative;
  }
  .account__main-bonus-card {
    order: -1;
    width: calc(100% - 16px * 2);
    height: auto;
    min-height: auto;
    aspect-ratio: 362/200;
    margin: 0 16px;
  }
  .account__main-bonus-card h1 {
    margin-bottom: 0;
  }
  .account__main-bonus-card img {
    width: 25px;
    height: 25px;
  }
  .account__main-bonus-card-expire p {
    letter-spacing: 0.4px;
  }
  .account__main-bonus-card-expire img {
    width: 12px;
    height: 12px;
  }
  .account__main-bonus-card-title p {
    top: 5px;
  }
  .account__main-bonus-block {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .account__main-bonus-block-conditions .account__main-bonus-block-title {
    margin-left: 16px !important;
  }
  .account__main-bonus-block-conditions .account__main-bonus-block-menu {
    gap: 24px;
    align-items: center;
    flex-direction: column;
  }
  .account__main-bonus-block-conditions .account__main-bonus-block-menu-item {
    width: 100%;
  }
  .account__main-bonus-block .account__main-bonus-block-title {
    margin: 0 0 16px 0;
  }
  .account__main-bonus-block-levels .account__main-bonus-block-title {
    margin-left: 16px;
  }
  .account__main-bonus-block-levels .account__main-bonus-block-menu {
    flex-wrap: wrap;
  }
  .account__main-bonus-block-levels .account__main-bonus-block-menu-item {
    width: 48.9%;
  }
  .account__main-bonus-history {
    order: -1;
    margin: 0 16px;
    position: relative;
    width: calc(100% - 16px * 2);
    height: auto;
  }
  .account__main-bonus-history .account__main-bonus-block-title {
    margin-bottom: 16px;
  }
  .account__main-bonus-link {
    margin: 0 0 0 16px;
  }
  .account__main-info-person {
    flex-direction: column;
    gap: 8px;
  }
  .account__main-info-person-block {
    aspect-ratio: 0;
    gap: 12px;
    width: calc(100% - 16px * 2);
    margin: 0 16px;
  }
  .account__main-info-person-filled {
    min-height: 250px;
    padding: 16px 0;
  }
  .account__main-info-orders {
    margin-top: 32px;
  }
  .account__main-info-orders button, .account__main-info-orders .button {
    margin: 0 0 0 16px;
  }
  .account__main-orders-tabs {
    margin: 0 0 0 16px;
  }
  .account__main-orders-item-top {
    gap: 4px 8px;
    margin: 16px 0 12px 16px;
    flex-wrap: wrap;
  }
  .account__main-orders-item-top-main {
    width: 100%;
  }
  .account__main-orders-item-description {
    margin: 0 0 0 16px;
  }
  .account__main-orders-item-imgs img {
    width: 25.8%;
    height: 25.8%;
    aspect-ratio: 100/134;
  }
  .account__main-orders-detail {
    padding: 0 16px;
  }
  .account__main-orders-detail .price__bonus {
    top: -3px;
  }
  .account__main-orders-detail .left-side, .account__main-orders-detail .right-side {
    width: 100%;
  }
  .account__main-orders-detail-item {
    flex-direction: column;
    gap: 32px;
  }
  .account__main-orders-detail-item .account__main-orders-item-top {
    align-items: start;
    flex-direction: column;
  }
  .account__main-orders-detail-item .table-row {
    gap: 48px;
  }
  .account__main-orders-detail-item .table-row p:last-child {
    text-align: right;
  }
  .account__main-orders-detail-item .button-fixed {
    width: calc(100% - 32px);
    position: fixed;
    bottom: 12px;
    z-index: 1;
  }
  .account__main-favorite .page__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .account__main-favorite .page__cards .cards__item {
    grid-column: auto;
  }
  .account__main-promo {
    padding: 0 16px;
  }
  .account__main-address {
    padding: 0 16px;
  }
  .account__main-address-list p {
    width: 75%;
  }
  .account__main-address-list-item {
    height: auto;
    padding: 0 0 16px 0;
  }
  .account__main-address button, .account__main-address .button {
    margin: 12px auto;
    left: calc(50% - 102px);
  }
  .account__main-profile {
    padding: 0 16px;
  }
  .account__main-profile form {
    flex-direction: column;
  }
  .account__main-profile form .left-side {
    width: 100%;
  }
  .account__main-profile form .right-side {
    width: 100%;
    order: 1;
  }
  .account__main-profile form .js-side-toggle, .account__main-profile form .js-link {
    margin: -10px auto 32px;
    color: #ADADAD;
  }
  .account__main-profile .input_toggle {
    width: 31px;
    height: 18px;
  }
  .account__main-profile .input_toggle .slider:before {
    height: 14px;
    width: 14px;
  }
}
.bronze,
.silver,
.gold,
.bronze-small,
.silver-small,
.gold-small {
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
}

.bronze {
  background-image: url("../../images/bronze.png");
}
@media (max-width: 1200px) {
  .bronze.bronze-small-mobile {
    background-image: url("../../images/bronze-small.png");
  }
}

.silver {
  background-image: url("../../images/silver.png");
}
@media (max-width: 1200px) {
  .silver.silver-small-mobile {
    background-image: url("../../images/silver-small.png");
  }
}

.gold {
  background-image: url("../../images/gold.png");
}
@media (max-width: 1200px) {
  .gold.gold-small-mobile {
    background-image: url("../../images/gold-small.png");
  }
}

.bronze-small {
  background-image: url("../../images/bronze-small.png");
}

.silver-small {
  background-image: url("../../images/silver-small.png");
}

.gold-small {
  background-image: url("../../images/gold-small.png");
}

.left-side {
  width: 49.7%;
  height: auto;
  aspect-ratio: 517/276;
}

.right-side {
  width: 41%;
  height: auto;
}

p > span {
  color: #ADADAD;
}

.side-menu-remove {
  justify-content: start;
  padding: 40px 24px 0;
}
.side-menu-remove-info {
  margin: 12px 0 24px;
}
.side-menu-remove-btns button, .side-menu-remove-btns .button {
  width: 49%;
  height: 40px;
}
.side-menu-remove-btns button:after, .side-menu-remove-btns .button:after {
  display: none;
}

@media (max-width: 1200px) {
  .side-menu-remove {
    height: auto;
    justify-content: start;
    padding: 32px 16px 16px;
  }
  .side-menu-remove h3 {
    margin: 0;
  }
  .side-menu-remove-info {
    margin: 0 0 8px;
  }
}
.input_toggle .slider {
  background: #FFFFFF;
  border: 1px solid #000000;
}
.input_toggle .slider.round {
  border-radius: 34px;
}
.input_toggle .slider.round:before {
  border-radius: 50%;
}
.input_toggle .slider:before {
  height: 11px;
  width: 11px;
  left: 2px;
  top: 1px;
  background: #000000;
}
.input_toggle input:checked + .slider:before {
  background: #FFFFFF;
}
.input_toggle input:disabled + .slider {
  border: 1px solid #D5D5D5;
}
.input_toggle input:disabled + .slider:before {
  background: #D5D5D5;
}

.input-default .error-message {
  display: none;
}
.input-default .input-default-input:focus, .input-default .input-default-input:not(:placeholder-shown) {
  border-color: black;
}
.input-default.error .error-message {
  display: block;
}
.input-default.error .input-default-input {
  border-color: #DD0000;
}

.side-menu__title {
  font-size: 32px;
  line-height: 40px;
}
.side-menu__title_small {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1200px) {
  .side-menu__title {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }
  .side-menu__title_small {
    font-size: 14px;
    line-height: 20px;
  }
}

@keyframes blinker {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes blinker {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.side-menu-order {
  padding: 40px 24px 24px 24px;
}
.side-menu-order .button_black {
  width: 100%;
}
.side-menu-order#order_clear_cart {
  width: 453px;
}
.side-menu-order#order_delivery {
  width: 454px;
}
.side-menu-order#order_change_address, .side-menu-order#order_add_address {
  display: flex;
  width: 1154px;
  flex-direction: row;
  padding: 0;
}
.side-menu-order#order_change_address .popup-window-side-content, .side-menu-order#order_add_address .popup-window-side-content {
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
}
.side-menu-order#order_change_address .order_change_address, .side-menu-order#order_add_address .order_change_address {
  padding: 40px 24px 24px 24px;
  width: 453px;
}
.side-menu-order#order_delivery_self {
  display: flex;
  padding: 0;
  flex-direction: row;
  width: 1245px;
}
.side-menu-order#order_delivery_self .order_self_delivery {
  padding: 40px 24px 24px 24px;
  width: 545px;
}
.side-menu-order .side-menu-shops__map {
  display: block !important;
  height: 100%;
}
@media (max-width: 1200px) {
  .side-menu-order {
    padding: 32px 16px 16px;
    top: unset;
    bottom: 0;
    width: 100vw !important;
    max-height: 100vh;
    height: auto;
  }
  .side-menu-order .side-menu-shops__map.mobile-hidden {
    display: none !important;
  }
  .side-menu-order h3, .side-menu-order h4, .side-menu-order h5, .side-menu-order h6 {
    text-align: center;
  }
  .side-menu-order h3, .side-menu-order h4 {
    margin-bottom: 16px;
  }
  .side-menu-order#order_delivery {
    max-height: 550px;
  }
  .side-menu-order#order_change_address, .side-menu-order#order_add_address {
    height: calc(100vh - 4px);
    flex-direction: column;
    padding: 32px 16px 16px;
  }
  .side-menu-order#order_change_address .popup-window-side-content, .side-menu-order#order_add_address .popup-window-side-content {
    flex-direction: column;
  }
  .side-menu-order#order_change_address .side-menu-shops__map, .side-menu-order#order_add_address .side-menu-shops__map {
    width: 100%;
    height: auto;
    aspect-ratio: 390/328;
  }
  .side-menu-order#order_change_address .side-menu-shops__map .ymaps, .side-menu-order#order_add_address .side-menu-shops__map .ymaps {
    height: 100% !important;
    max-height: 5vh !important;
    aspect-ratio: 390/328;
  }
  .side-menu-order#order_change_address .order_change_address, .side-menu-order#order_add_address .order_change_address {
    margin: 0 16px;
    width: calc(100% - 32px);
    padding: 0;
  }
  .side-menu-order#order_delivery_self {
    max-height: 100vh;
    height: 100vh;
    flex-direction: column;
    padding: 32px 16px 0;
  }
  .side-menu-order#order_delivery_self h4 {
    margin-bottom: 16px;
  }
  .side-menu-order#order_delivery_self .order_self_delivery {
    width: 100%;
    padding: 0;
  }
}

.order_change_address {
  height: min-content;
}
.order_change_address_form {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 16px;
  width: 100%;
}
.order_change_address_form .input-default {
  height: 64px;
  margin-top: 0;
}
.order_change_address_input-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
}
.order_change_address_input-row > * {
  flex: 1 0 100%;
}
.order_change_address_input-row [data-code=APARTMENT], .order_change_address_input-row [data-code=ENTRANCE], .order_change_address_input-row [data-code=FLOOR] {
  flex: 1 0 calc(33.3333333333% - 16px);
}
.order_change_address_input-row .side-menu-shops__dropDown {
  display: none;
  top: 48px;
  left: 0;
}

/*# sourceMappingURL=account.css.map */