.b-basket-page {
  color: #706D66;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-top: 140px;
  padding: 16px; }
  @media (min-width: 1201px) {
    .b-basket-page {
      min-width: 1200px; } }
  @media (max-width: 767px) {
    .b-basket-page {
      margin-top: 100px; } }
  .b-basket-page.is-loading {
    pointer-events: none; }
    .b-basket-page.is-loading .b-basket-page__preloader {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .b-basket-page[data-count="0"] .b-basket-page__title > span {
    display: none; }
  .b-basket-page__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%; }
  .b-basket-page__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 25px; }
    .b-basket-page__title > span {
      padding-left: 7px; }
  .b-basket-page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 48px; }
    @media (max-width: 767px) {
      .b-basket-page__content {
        gap: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .b-basket-page__content > div {
      max-width: 100%; }
  .b-basket-page__body, .b-basket-page__sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    @media (max-width: 767px) {
      .b-basket-page__body, .b-basket-page__sidebar {
        width: 100%; } }
  .b-basket-page__body {
    width: calc(66.666667% - (48px * 1 / 3));
    max-width: calc(66.666667% - (48px * 1 / 3));
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(66.666667% - (48px * 1 / 3));
            flex: 0 0 calc(66.666667% - (48px * 1 / 3)); }
    @media (max-width: 767px) {
      .b-basket-page__body {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
  .b-basket-page__sidebar {
    width: calc(33.33333% - (48px * 2 / 3));
    max-width: calc(33.33333% - (48px * 2 / 3));
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - (48px * 2 / 3));
            flex: 0 0 calc(33.33333% - (48px * 2 / 3)); }
    @media (max-width: 767px) {
      .b-basket-page__sidebar {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
    .b-basket-page__sidebar__block {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      border-bottom: 1px solid #D3D3D3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      gap: 12px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 16px 0 16px 0;
      width: 100%; }
    .b-basket-page__sidebar__title {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
      color: #1E1C1A;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      line-height: 21px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
  .b-basket-page__collapse__icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .b-basket-page__collapse.is-show .b-basket-page__collapse__icon {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .b-basket-page__collapse.is-show .b-basket-page__collapse__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .b-basket-page__collapse__body {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }
  .b-basket-page .btn {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #1E1C1A;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 19.5px;
    padding: 8px 16px;
    text-transform: uppercase;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .b-basket-page .btn:hover {
      color: #ffffff;
      background-color: #676767;
      outline: 1px solid #000000; }
    .b-basket-page .btn.w-100 {
      width: 100%; }
  .b-basket-page .link {
    color: #706D66;
    text-decoration: underline; }
    .b-basket-page .link:hover {
      color: #1E1C1A;
      text-decoration: none; }
  .b-basket-page__preloader {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: rgba(255, 255, 255, 0.9);
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; }
    .b-basket-page__preloader__spinner {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 4px solid rgba(0, 0, 0, 0.1);
      border-top-color: #1E1C1A;
      -webkit-animation: preloader-spin 1s linear infinite;
              animation: preloader-spin 1s linear infinite; }

@-webkit-keyframes preloader-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes preloader-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.b-basket-page__variant-select {
  position: relative;
  display: inline-block; }
  .b-basket-page__variant-select.js-cant-open .b-basket-page__variant-select__toggle {
    color: #706D66;
    cursor: default;
    pointer-events: none; }
    .b-basket-page__variant-select.js-cant-open .b-basket-page__variant-select__toggle > span {
      text-decoration: none; }
  .b-basket-page__variant-select__toggle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: none;
    border: none;
    color: #1E1C1A;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    outline: 0; }
    .b-basket-page__variant-select__toggle:hover > span {
      text-decoration: none; }
    .b-basket-page__variant-select__toggle:focus, .b-basket-page__variant-select__toggle:active {
      outline: 0; }
    .b-basket-page__variant-select__toggle > img,
    .b-basket-page__variant-select__toggle > span {
      display: block; }
    .b-basket-page__variant-select__toggle > img + span {
      margin-left: 6px; }
    .b-basket-page__variant-select__toggle > span {
      text-decoration: underline;
      text-underline-offset: 2px; }
  .b-basket-page__variant-select__dropdown {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    display: none;
    top: 100%;
    left: 0;
    min-width: 160px;
    position: absolute;
    z-index: 100; }
    .b-basket-page__variant-select__dropdown.is-open {
      display: block; }
      @media (min-width: 769px) {
        .b-basket-page__variant-select__dropdown.is-open {
          opacity: 1;
          -webkit-animation: basketShowVariant .3s;
                  animation: basketShowVariant .3s; } }
      @media (max-width: 768px) {
        .b-basket-page__variant-select__dropdown.is-open {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; } }
    @media (max-width: 768px) {
      .b-basket-page__variant-select__dropdown {
        position: fixed;
        inset: 0;
        margin: 0;
        background: none;
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none; } }
  .b-basket-page__variant-select__overlay {
    display: none; }
    @media (max-width: 768px) {
      .b-basket-page__variant-select__overlay {
        display: block;
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.5); } }
  @media (max-width: 768px) {
    .b-basket-page__variant-select__content {
      position: relative;
      background: #fff;
      border-radius: 20px 20px 0 0;
      padding: 20px 20px 30px;
      -webkit-animation: basketSheetSlideUp .3s ease-out;
              animation: basketSheetSlideUp .3s ease-out; } }
  .b-basket-page__variant-select__header {
    display: none; }
    @media (max-width: 768px) {
      .b-basket-page__variant-select__header {
        display: block;
        text-align: center;
        margin-bottom: 20px;
        position: relative; } }
  @media (max-width: 768px) {
    .b-basket-page__variant-select__drag-handle {
      width: 40px;
      height: 4px;
      background: #eee;
      margin: 0 auto 12px;
      border-radius: 2px; } }
  @media (max-width: 768px) {
    .b-basket-page__variant-select__title {
      font-size: 16px;
      font-weight: 500;
      color: #1a1a1a; } }
  @media (max-width: 768px) {
    .b-basket-page__variant-select__close-btn {
      position: absolute;
      right: 0;
      top: 0;
      background: none;
      border: none;
      width: 24px;
      height: 24px;
      cursor: pointer;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .b-basket-page__variant-select__close-btn::before, .b-basket-page__variant-select__close-btn::after {
        content: '';
        position: absolute;
        width: 16px;
        height: 1.5px;
        background-color: #888;
        border-radius: 1px; }
      .b-basket-page__variant-select__close-btn::before {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .b-basket-page__variant-select__close-btn::after {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); } }
  .b-basket-page__variant-select__list {
    list-style: none;
    padding: 0;
    margin: 0; }
    @media (max-width: 768px) {
      .b-basket-page__variant-select__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 12px; } }
    .b-basket-page__variant-select__list__picture {
      background: #F5F0E8;
      border-radius: 33554400px;
      border: 1px solid #D3D3D3;
      height: 12px;
      width: 12px; }
    .b-basket-page__variant-select__list__item {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #1E1C1A;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 10px 15px;
      position: relative;
      white-space: nowrap; }
      .b-basket-page__variant-select__list__item:hover:not(.disabled) {
        background: #f5f5f5; }
        @media (max-width: 768px) {
          .b-basket-page__variant-select__list__item:hover:not(.disabled) {
            background: #fff; } }
      @media (max-width: 768px) {
        .b-basket-page__variant-select__list__item.active {
          background: #1a1a1a;
          color: #fff;
          border-color: #1a1a1a; } }
      .b-basket-page__variant-select__list__item.disabled {
        color: #ccc;
        cursor: not-allowed; }
        @media (max-width: 768px) {
          .b-basket-page__variant-select__list__item.disabled {
            border-style: dashed;
            text-decoration: line-through; } }
      @media (max-width: 768px) {
        .b-basket-page__variant-select__list__item {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border: 1px solid #e0e0e0;
          border-radius: 8px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          min-width: 64px;
          min-height: 48px;
          padding: 5px; } }
    .b-basket-page__variant-select__list__value {
      font-size: 14px; }
    .b-basket-page__variant-select__list__check {
      display: none; }
      @media (max-width: 768px) {
        .b-basket-page__variant-select__list__check {
          position: absolute;
          top: -1px;
          right: 3px; } }
      .active .b-basket-page__variant-select__list__check {
        display: block; }
    .b-basket-page__variant-select__list__status {
      font-size: 11px;
      color: #ccc; }
      @media (max-width: 768px) {
        .b-basket-page__variant-select__list__status {
          display: none !important; } }

@-webkit-keyframes basketSheetSlideUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes basketSheetSlideUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes basketShowVariant {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes basketShowVariant {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.b-basket-page__quantity {
  border: 1px solid #D3D3D3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .b-basket-page__quantity__button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .b-basket-page__quantity__input {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 40px;
    padding: 8px 8px 7px;
    text-align: center;
    width: 0; }
    .b-basket-page__quantity__input:focus, .b-basket-page__quantity__input:active {
      outline: 0; }

.b-basket-page__empty {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 35px;
  width: 100%; }
  @media (min-width: 1201px) {
    .b-basket-page__empty {
      min-height: 80vh; } }
  @media (max-width: 1200px) {
    .b-basket-page__empty {
      min-height: 75vh; } }
  @media (max-width: 768px) {
    .b-basket-page__empty {
      min-height: 90vh; } }
  .b-basket-page__empty__icon {
    color: #A09C94;
    margin-bottom: 24px; }
  .b-basket-page__empty__main {
    color: #1E1C1A;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 6px; }
  .b-basket-page__empty__sub {
    color: #706D66;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px; }
  .b-basket-page__empty__btn {
    margin-top: 33px; }
    .b-basket-page__empty__btn > a.btn {
      padding-left: 41px;
      padding-right: 41px; }

.b-basket-page__item {
  border-bottom: 1px solid #D3D3D3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 0 25px; }
  .b-basket-page__item.is-favorite .b-basket-page__item__action-btn {
    color: black; }
    .b-basket-page__item.is-favorite .b-basket-page__item__action-btn--favorite {
      color: black; }
      .b-basket-page__item.is-favorite .b-basket-page__item__action-btn--favorite > svg {
        color: black; }
  .b-basket-page__item.is-not-available {
    opacity: .3;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
    .b-basket-page__item.is-not-available .b-basket-page__quantity *,
    .b-basket-page__item.is-not-available .b-basket-page__item__variants * {
      pointer-events: none; }
  .b-basket-page__item__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
  .b-basket-page__item__image {
    display: block;
    height: auto;
    width: 80px; }
    @media (max-width: 767px) {
      .b-basket-page__item__image {
        -ms-flex-negative: 0;
            flex-shrink: 0; } }
    @media (max-width: 575px) {
      .b-basket-page__item__image {
        width: 56px; } }
    .b-basket-page__item__image > img {
      border-radius: 6px;
      display: block;
      max-height: 100%;
      max-width: 100%;
      height: auto;
      width: auto; }
  .b-basket-page__item__title {
    color: #1E1C1A;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 6px; }
  .b-basket-page__item__params {
    margin-bottom: 4px; }
  .b-basket-page__item__param {
    color: #706D66;
    font-size: 13px; }
  .b-basket-page__item__variants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3px;
    margin-bottom: 16px; }
  .b-basket-page__item__summary {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .b-basket-page__item__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px; }
    .b-basket-page__item__actions__btn {
      background-color: transparent;
      border: none;
      outline: 0; }
  .b-basket-page__item__action-btn {
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: underline; }
    .b-basket-page__item__action-btn:focus, .b-basket-page__item__action-btn:active {
      outline: 0; }
    .b-basket-page__item__action-btn.b-basket-page__item__action-btn--favorite > svg {
      color: transparent; }
  .b-basket-page__item__prices {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .b-basket-page__item__price {
    white-space: nowrap; }
    .b-basket-page__item__price.price--old {
      color: #A09C94;
      font-size: 13px;
      font-weight: 400;
      text-decoration: line-through; }
    .b-basket-page__item__price.price--current {
      color: #333;
      font-size: 16px;
      font-weight: 600; }

.b-basket-page__continue-shopping {
  padding-top: 24px; }
  .b-basket-page__continue-shopping > a {
    color: #706D66;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 2px; }
    .b-basket-page__continue-shopping > a:hover {
      text-decoration: none; }

.b-basket-page__loyalty__title-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background: #5A8A6A;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 20px;
  width: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 7px;
  -webkit-transform: translate(0, -2px);
      -ms-transform: translate(0, -2px);
          transform: translate(0, -2px);
  color: #FFF;
  font-size: 10px;
  font-weight: 500; }

.b-basket-page__loyalty__wrapper {
  font-size: 13px; }

.b-basket-page__loyalty__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 12px;
  font-size: 13px;
  font-weight: 400; }
  .b-basket-page__loyalty__user > a {
    font-size: 12px; }

.b-basket-page__loyalty__settings {
  border-radius: 4px;
  background: #F5F5F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 12px;
  width: 100%; }

.b-basket-page__loyalty__balance {
  color: #1E1C1A;
  font-weight: 500; }

.b-basket-page__loyalty__amount {
  color: #B07D62 !important;
  cursor: pointer;
  text-decoration: underline !important;
  text-underline-offset: 2px; }
  .b-basket-page__loyalty__amount:hover {
    text-decoration: none !important; }

.b-basket-page__loyalty__group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  width: 100%; }
  .b-basket-page__loyalty__group > input {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    background: #FFF;
    color: #0A0A0A;
    width: 80px;
    padding: 4px 8px; }
  .b-basket-page__loyalty__group > a {
    font-size: 12px; }
    .b-basket-page__loyalty__group > a:hover, .b-basket-page__loyalty__group > a:active, .b-basket-page__loyalty__group > a:focus {
      outline: 0; }

.b-basket-page__loyalty__applied {
  color: #5A8A6A; }

.b-basket-page__loyalty__earned {
  border-top: 1px solid #D3D3D3;
  padding-top: 8px; }

.b-basket-page__loyalty__auth {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px; }

.b-basket-page__promo {
  width: 100%; }
  .b-basket-page__promo__wrapper {
    width: 100%; }
  .b-basket-page__promo__group {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 8px;
    min-width: 0;
    width: 100%; }
    .b-basket-page__promo__group > input {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 4px;
      border: 1px solid #D3D3D3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      font-size: 13px;
      font-weight: 400;
      min-width: 0;
      padding: 8px 12px;
      width: 0; }
    .b-basket-page__promo__group > button {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .b-basket-page__promo__applied {
    border-radius: 4px;
    background: #F5F5F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 12px;
    width: 100%; }
  .b-basket-page__promo__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }
  .b-basket-page__promo__big {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #1E1C1A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400; }
    .b-basket-page__promo__big > svg {
      margin-right: 7px; }
  .b-basket-page__promo__small {
    font-size: 13px;
    font-weight: 400; }
  .b-basket-page__promo__remove {
    background-color: transparent;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    outline: 0;
    padding: 6px;
    -webkit-transform: translate(5px, -5px);
        -ms-transform: translate(5px, -5px);
            transform: translate(5px, -5px); }
    .b-basket-page__promo__remove:focus, .b-basket-page__promo__remove:active {
      outline: 0; }

.b-basket-page__total {
  padding-bottom: 16px; }
  .b-basket-page__total__title {
    color: #1E1C1A;
    font-weight: 600;
    letter-spacing: .7px;
    padding-bottom: 12px;
    padding-top: 20px;
    text-transform: uppercase; }
  .b-basket-page__total__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
    padding-bottom: 12px; }
  .b-basket-page__total__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; }
    .b-basket-page__total__row.b-basket-page__total--green {
      color: #5A8A6A; }
    .b-basket-page__total__row.b-basket-page__total--total {
      border-top: 1px solid #D3D3D3;
      color: #333;
      font-size: 18px;
      font-weight: 600;
      padding-bottom: 12px;
      padding-top: 12px; }

.b-basket-page__info__secure-payment {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #706D66;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 12px; }
  .b-basket-page__info__secure-payment span {
    padding-left: 6px; }

.b-basket-page__info__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.b-basket-page__info__item {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  padding: 3px 9px 3px 9px; }

.b-basket-page__toast-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: fixed;
  bottom: 20px;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  z-index: 9999; }

.b-basket-page__toast {
  -webkit-animation: toastShow 0.3s ease forwards;
          animation: toastShow 0.3s ease forwards;
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  color: #1E1C1A;
  cursor: pointer;
  min-width: 250px;
  font-size: 14px;
  padding: 13px 17px; }
  .b-basket-page__toast.b-basket-page__toast--success {
    color: white;
    background-color: #5A8A6A; }
  .b-basket-page__toast.b-basket-page__toast--error {
    color: white;
    background-color: #B07D62; }

@-webkit-keyframes toastShow {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes toastShow {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }