@charset "UTF-8";
/* line 3, checkout.scss */
:root {
  --inputs-height: 42px; }

/* line 7, checkout.scss */
html {
  font-size: 10px; }

/* line 10, checkout.scss */
body:not(.adaptive) {
  min-width: auto; }

/* line 13, checkout.scss */
body {
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 18px;
  color: var(--color-black);
  background: var(--bg-white);
  margin: 0;
  overflow: hidden auto;
  overflow: hidden overlay;
  max-width: 100vw;
  min-height: 100vh; }

/* line 24, checkout.scss */
input[type="search"] {
  -webkit-appearance: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

/* line 30, checkout.scss */
b, strong {
  font-weight: var(--font-bold); }

/* line 34, checkout.scss */
a:not([class]):focus, .picker-input--active:not([class]), a:not([class]):hover, .link:focus, .link.picker-input--active, .link:hover, .co-link:focus, .co-link.picker-input--active, .co-link:hover {
  color: var(--color-primary); }

/* line 38, checkout.scss */
.not_available {
  display: none !important; }

/* line 42, checkout.scss */
.link, .co-link {
  border-bottom: 1px dashed currentColor; }

/* line 46, checkout.scss */
.co-price, .co-discount-description, .co-price--current {
  font-size: 14px;
  line-height: 18px;
  font-weight: var(--font-bold); }

/* line 51, checkout.scss */
.co-notice--flash {
  --notice-color: var(--color-grey-l);
  --notice-bg: var(--bg-grey);
  padding: 15px 20px;
  margin: 0 0 20px;
  border-radius: var(--radius);
  color: var(--notice-color);
  background: var(--notice-bg); }
  /* line 59, checkout.scss */
  .co-notice--flash a {
    text-decoration: underline;
    color: currentColor !important; }

/* line 64, checkout.scss */
.co-input-notice {
  --notice-color: var(--color-grey-l);
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  color: var(--notice-color); }

/* line 72, checkout.scss */
.co-notice--success {
  --notice-color: #3c763d;
  --notice-bg: #dff0d8; }
/* line 76, checkout.scss */
.co-notice--info {
  --notice-color: #31708f;
  --notice-bg: #d9edf7; }
/* line 80, checkout.scss */
.co-notice--warning {
  --notice-color: #8a6d3b;
  --notice-bg: #fcf8e3; }
/* line 84, checkout.scss */
.co-notice--danger {
  --notice-color: #a94442;
  --notice-bg: #f2dede; }

/* line 90, checkout.scss */
[id^="delivery_error"], [style*="color: red"] {
  text-align: left;
  color: var(--color-red) !important; }
  /* line 93, checkout.scss */
  [id^="delivery_error"]:not(:empty), [style*="color: red"]:not(:empty) {
    margin: 5px 0 0; }

/* line 98, checkout.scss */
[data-open-pickup-map] {
  margin: 8px 0 0;
  gap: 8px; }

/* line 103, checkout.scss */
.co-pick_up-selected_point {
  margin: 5px 0 0; }

/* line 108, checkout.scss */
.co-delivery_adress-form {
  all: unset; }

/* line 113, checkout.scss */
.co-toggable_field {
  all: unset;
  display: flex;
  gap: 0 10px;
  align-items: flex-start;
  margin: 0 0 20px;
  cursor: pointer; }
  /* line 120, checkout.scss */
  .co-toggable_field-title {
    font-size: 16px;
    line-height: 20px;
    margin: 0 !important; }
  /* line 124, checkout.scss */
  .co-toggable_field-input {
    all: unset;
    display: flex;
    align-items: center;
    color: var(--color-black); }
  /* line 130, checkout.scss */
  .co-toggable_field-information {
    all: unset;
    display: block;
    padding: 0 !important; }
    /* line 134, checkout.scss */
    .co-toggable_field-information .co-pick_up-selected_point_caption {
      padding-right: 4px;
      font-weight: var(--font-bold); }
  /* line 140, checkout.scss */
  .co-toggable_field-description:empty {
    display: none; }
  /* line 144, checkout.scss */
  .co-toggable_field-price {
    padding: 0;
    margin-left: auto;
    font-size: 16px;
    line-height: 18px; }

/* line 151, checkout.scss */
.co-input {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  margin: 0 0 20px !important; }
  /* line 156, checkout.scss */
  .co-input-description {
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0 0 !important;
    color: var(--color-grey-l); }
    /* line 161, checkout.scss */
    .co-input-description a.link, .co-input-description a.link:hover, .co-input-description a.link:focus {
      text-decoration: underline; }
  /* line 166, checkout.scss */
  .co-input:empty {
    display: none; }
  /* line 169, checkout.scss */
  .co-input > .co-toggable_field {
    margin: 0; }
  /* line 172, checkout.scss */
  .co-input .co-payment_method {
    margin: 20px 0 0; }

/* line 177, checkout.scss */
.co-input-label, .co-input--nested .co-input-label, .co-input--empty_nested .co-input-label {
  all: unset;
  display: block;
  margin: 0 0 4px; }

/* line 183, checkout.scss */
.co-input-field, .picker-input--active, .co-input--nested .co-input-field, .co-input--nested .picker-input--active {
  all: unset;
  border-radius: var(--radius);
  border: 1px solid var(--border-grey-d);
  padding: 0 15px;
  height: var(--inputs-height);
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  background: var(--bg-white); }

/* line 195, checkout.scss */
.co-input-field:hover, .co-input-field:focus, .picker-input--active {
  -webkit-box-shadow: none;
  box-shadow: none; }

/* line 199, checkout.scss */
.co-input--error .co-input-field, .co-input--error .picker-input--active {
  border-color: #a94442;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* line 205, checkout.scss */
textarea.co-input-field, .co-input--nested textarea.co-input-field {
  height: auto;
  padding: 10px 15px; }

/* line 210, checkout.scss */
.co-input-select {
  all: unset;
  position: relative; }
  /* line 213, checkout.scss */
  .co-input-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'%3E%3C/path%3E%3C/svg%3E") calc(100% - 10px) center no-repeat;
    background-size: 10px;
    padding-right: 30px; }
  /* line 221, checkout.scss */
  .co-input-select::after {
    display: none; }

/* line 227, checkout.scss */
.co-tabs-content {
  margin: 0; }
  /* line 229, checkout.scss */
  .co-tabs-content--active {
    display: flex;
    flex-direction: column; }

/* line 236, checkout.scss */
.co-button, .picker-button, .co-form-button {
  all: unset;
  position: relative;
  box-sizing: border-box;
  --button-padding-x: 15px;
  --button-height: var(--inputs-height);
  --button-bg: var(--color-primary);
  --button-color: var(--color-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 var(--button-padding-x);
  height: var(--button-height);
  border-radius: var(--radius);
  color: var(--button-color);
  background: var(--button-bg);
  font-size: 16px;
  line-height: 20px;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease; }
  /* line 257, checkout.scss */
  .co-button:disabled, .picker-button:disabled, .co-form-button:disabled {
    --button-bg: var(--bg-grey-d);
    --button-color: var(--color-grey-d);
    cursor: default; }
    /* line 261, checkout.scss */
    .co-button:disabled:hover, .co-button:disabled:focus, .picker-button:disabled:hover, .picker-button:disabled:focus, .co-form-button:disabled:hover, .co-form-button:disabled:focus {
      --button-bg: var(--bg-grey-d);
      --button-color: var(--color-grey-d); }

/* line 268, checkout.scss */
.co-button:focus, .picker-button:focus, .co-button.picker-input--active, .picker-button.picker-input--active, .co-button:hover, .picker-button:hover {
  --button-color: var(--color-white);
  --button-bg: var(--color-primary-l);
  color: var(--button-color);
  background: var(--button-bg);
  -webkit-box-shadow: none;
  box-shadow: none; }

/* line 277, checkout.scss */
.co-button--link, .co-button--password_recover {
  --button-padding-x: 0;
  --button-height: auto;
  --button-color: var(--color-black);
  --button-bg: transparent;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  padding: 0; }
  /* line 285, checkout.scss */
  .co-button--link::after, .co-button--password_recover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed currentColor; }

/* line 296, checkout.scss */
.link, .co-link {
  position: relative;
  text-decoration: none !important;
  border: none !important;
  padding: 0; }
  /* line 301, checkout.scss */
  .link::after, .co-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed currentColor; }

/* line 312, checkout.scss */
.co-button--link:focus, .co-button--link.picker-input--active, .co-button--link:hover, .co-button--password_recover:focus, .co-button--password_recover.picker-input--active, .co-button--password_recover:hover {
  --button-color: var(--color-primary);
  --button-bg: transparent;
  color: var(--button-color);
  background: var(--button-bg); }

/* line 319, checkout.scss */
.co-login {
  all: unset; }
  /* line 321, checkout.scss */
  .co-login-text {
    margin-top: 10px;
    text-align: center; }

/* line 326, checkout.scss */
.co-login form, .co-form {
  display: flex;
  flex-direction: column; }

/* line 331, checkout.scss */
.co-form--login_by_phone, .co-form--login_by_email {
  display: flex;
  flex-direction: column; }
  /* line 334, checkout.scss */
  .co-form--login_by_phone.co-form-hidden, .co-form--login_by_email.co-form-hidden {
    display: none; }

/* line 341, checkout.scss */
.co-client-logged {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 10px; }
/* line 345, checkout.scss */
.co-client-name {
  font-size: 14px;
  line-height: 18px;
  font-weight: var(--font-bold); }
/* line 349, checkout.scss */
.co-client-info {
  margin: 0 0 10px;
  display: flex;
  gap: 5px 20px;
  color: var(--color-grey-l); }
/* line 355, checkout.scss */
.co-client-field {
  font-size: 14px;
  line-height: 18px; }
/* line 358, checkout.scss */
.co-client .co-button {
  --button-height: 34px;
  --button-bg: var(--color-secondary);
  font-size: 14px;
  line-height: 18px;
  min-width: 100px; }
  @media (hover: none) {
    /* line 358, checkout.scss */
    .co-client .co-button {
      -webkit-tap-highlight-color: transparent; } }
  @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* line 25, _mixins.scss */
    .co-client .co-button:hover {
      --button-bg: var(--color-secondary-l); } }

/* line 369, checkout.scss */
.co-countdown-block {
  --countdown-color: var(--color-grey-l);
  --countdown-bg: var(--bg-grey);
  padding: 15px 20px;
  margin: calc(var(--inputs-height) * -1) 0 0;
  border-radius: var(--radius);
  color: var(--countdown-color);
  background: var(--countdown-bg);
  text-align: center;
  position: relative;
  z-index: 1;
  top: -3px; }
  /* line 381, checkout.scss */
  .co-countdown-block ~ p {
    font-size: 12px;
    line-height: 16px;
    margin: 10px 0 0; }
    /* line 384, checkout.scss */
    .co-countdown-block ~ p:empty {
      display: none; }
    /* line 388, checkout.scss */
    .co-countdown-block ~ p a, .co-countdown-block ~ p a:hover, .co-countdown-block ~ p a:focus {
      text-decoration: underline; }
  /* line 393, checkout.scss */
  .co-countdown-block .co-countdown-timer {
    font-weight: var(--font-bold);
    color: var(--color-black); }

/* line 399, checkout.scss */
.co-form-controls {
  all: unset;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: center; }
  /* line 408, checkout.scss */
  .co-form-controls [type="submit"] {
    width: 100%; }

/* line 414, checkout.scss */
.co-sidebar--menu {
  all: unset; }

/* line 419, checkout.scss */
.co-menu-label, .co-menu-switcher {
  display: none; }
/* line 422, checkout.scss */
.co-menu--personal {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 20px; }
/* line 428, checkout.scss */
.co-menu-item {
  all: unset;
  margin: 0 !important; }
/* line 432, checkout.scss */
.co-menu-link {
  display: flex;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 15px;
  background: var(--bg-grey);
  color: var(--color-black);
  border-radius: var(--radius);
  border: none; }
  /* line 440, checkout.scss */
  .co-menu-link--active {
    background: var(--color-secondary);
    color: var(--color-white); }
  /* line 444, checkout.scss */
  .co-menu-link:focus {
    background: var(--bg-grey);
    color: var(--color-black); }
  @media (hover: none) {
    /* line 432, checkout.scss */
    .co-menu-link {
      -webkit-tap-highlight-color: transparent; } }
  @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* line 25, _mixins.scss */
    .co-menu-link:hover {
      background: var(--color-secondary);
      color: var(--color-white); } }
  /* line 452, checkout.scss */
  .co-menu-link::after {
    display: none; }
  /* line 455, checkout.scss */
  .co-menu-link[href^="/client_account/exit"] {
    background: var(--color-red) !important;
    color: var(--color-white) !important; }
    /* line 458, checkout.scss */
    .co-menu-link[href^="/client_account/exit"]:hover, .co-menu-link[href^="/client_account/exit"]:focus {
      opacity: 0.8; }

/* line 465, checkout.scss */
.co-discount {
  all: unset;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: var(--radius);
  background: var(--bg-grey);
  font-size: 12px;
  line-height: 16px;
  padding: 10px 15px;
  gap: 10px;
  color: var(--color-grey-l);
  margin: 0 !important; }
  /* line 478, checkout.scss */
  .co-discount-list {
    display: grid;
    gap: 10px;
    margin: 0 0 20px;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    max-width: 730px; }
    /* line 484, checkout.scss */
    .co-discount-list-4 {
      max-width: 730px; }
    /* line 487, checkout.scss */
    .co-discount-list-3 {
      max-width: 550px; }
      @media (max-width: 575px) {
        /* line 490, checkout.scss */
        .co-discount-list-3 .co-discount:nth-child(3) {
          grid-column: span 2; } }
    /* line 497, checkout.scss */
    .co-discount-list-2 {
      max-width: 370px; }
    /* line 500, checkout.scss */
    .co-discount-list-1 {
      max-width: 190px; }
    @media (max-width: 575px) {
      /* line 478, checkout.scss */
      .co-discount-list {
        max-width: none !important;
        grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)) !important; } }
  /* line 508, checkout.scss */
  .co-discount-title {
    all: unset;
    max-width: 200px; }
  /* line 512, checkout.scss */
  .co-discount-description {
    all: unset;
    font-size: 24px;
    line-height: 28px;
    font-weight: var(--font-bold);
    color: var(--color-black);
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 100px; }

/* line 527, checkout.scss */
.co-adress-section {
  margin: 0; }

/* line 530, checkout.scss */
.co-section--content_block {
  all: unset; }

/* line 534, checkout.scss */
.is-eye-toggle {
  position: relative; }
  /* line 536, checkout.scss */
  .is-eye-toggle .eye-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--inputs-height);
    height: var(--inputs-height);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-black);
    cursor: pointer;
    user-select: none; }
    /* line 548, checkout.scss */
    .is-eye-toggle .eye-toggle svg {
      width: auto;
      height: 16px;
      fill: currentColor; }
    /* line 553, checkout.scss */
    .is-eye-toggle .eye-toggle .eye-2 {
      display: none; }
    /* line 556, checkout.scss */
    .is-eye-toggle .eye-toggle .eye-1 {
      display: block; }
  /* line 561, checkout.scss */
  .is-eye-toggle.is-active .eye-2 {
    display: block; }
  /* line 564, checkout.scss */
  .is-eye-toggle.is-active .eye-1 {
    display: none; }
  /* line 569, checkout.scss */
  .is-eye-toggle .co-input-label ~ .eye-toggle {
    top: 22px; }

/* line 576, checkout.scss */
.co-checkout-block {
  margin: 0 0 20px; }
  /* line 578, checkout.scss */
  .co-checkout-block--padded {
    padding: 0; }
  /* line 581, checkout.scss */
  .co-checkout-block.co-customer {
    margin: 0 0 20px; }
    /* line 583, checkout.scss */
    .co-checkout-block.co-customer .co-input--password, .co-checkout-block.co-customer .co-input--password_confirmation {
      width: calc(50% - 10px); }
/* line 588, checkout.scss */
.co-checkout-order_form {
  margin: 0;
  padding: 0 !important; }
  /* line 591, checkout.scss */
  .co-checkout-order_form .co-button--checkout {
    width: 100%;
    margin: 0 0 20px;
    --button-height: 48px;
    --button-padding-x: 20px;
    font-size: 18px;
    line-height: 22px; }

/* line 601, checkout.scss */
.co-tabs {
  all: unset;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  /* line 606, checkout.scss */
  .co-tabs > * {
    width: 100%; }
  /* line 609, checkout.scss */
  .co-tabs-controls {
    all: unset;
    width: 100%;
    margin: 0 0 20px;
    display: flex;
    padding: 5px;
    border-radius: var(--radius);
    box-shadow: var(--shadow-s);
    box-sizing: border-box; }
  /* line 619, checkout.scss */
  .co-tabs-node {
    padding: 10px 15px;
    border: none;
    color: var(--color-grey-l);
    background: var(--bg-white);
    border-radius: var(--radius); }
    /* line 625, checkout.scss */
    .co-tabs-node--active {
      color: var(--color-black);
      background: var(--bg-grey) !important; }
    /* line 629, checkout.scss */
    .co-tabs-node:focus, .co-tabs-node:hover {
      color: var(--color-black);
      background: var(--bg-white);
      -webkit-box-shadow: none;
      box-shadow: none; }

/* line 638, checkout.scss */
.co-title {
  margin: 0 0 20px;
  padding: 0 20px 0 0; }
  /* line 641, checkout.scss */
  .co-title--h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: var(--font-normal); }

/* line 647, checkout.scss */
.client-account {
  margin: 0 0 40px; }
  /* line 649, checkout.scss */
  .client-account__title {
    font-size: 30px;
    line-height: 34px;
    font-weight: var(--font-normal);
    margin: 0 0 20px;
    text-transform: lowercase; }
    /* line 654, checkout.scss */
    .client-account__title::first-letter {
      text-transform: uppercase; }
  /* line 658, checkout.scss */
  .client-account__content {
    margin: 0; }

/* line 664, checkout.scss */
[data-checkout-url="/client_account/contacts/new"] .client-account, [data-checkout-url="/client_account/session/new"] .client-account, [data-checkout-url="/client_account/password/change"] .client-account, [data-checkout-url="/client_account/login"] .client-account, [data-checkout-url="/client_account/session"] .client-account, [data-checkout-title="Регистрация"] .client-account, [data-checkout-title="Register new account"] .client-account, [data-checkout-url*="/juridical_person_receipts/"] .client-account {
  max-width: 440px;
  margin: 20px auto;
  padding: 20px;
  box-shadow: var(--shadow-s);
  border-radius: var(--radius); }
  /* line 670, checkout.scss */
  [data-checkout-url="/client_account/contacts/new"] .client-account__title, [data-checkout-url="/client_account/session/new"] .client-account__title, [data-checkout-url="/client_account/password/change"] .client-account__title, [data-checkout-url="/client_account/login"] .client-account__title, [data-checkout-url="/client_account/session"] .client-account__title, [data-checkout-title="Регистрация"] .client-account__title, [data-checkout-title="Register new account"] .client-account__title, [data-checkout-url*="/juridical_person_receipts/"] .client-account__title {
    text-align: center; }

/* line 677, checkout.scss */
.new_client_payment_transaction_juridical_person_bill .co-form-controls {
  font-size: 0px;
  line-height: 0px;
  gap: 20px 0; }

/* line 684, checkout.scss */
.client-account form#delivery_address, .client-account form#contacts {
  max-width: 440px; }

/* line 689, checkout.scss */
.client-checkout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content min-content;
  grid-template-areas: "title title" "content sidebar";
  gap: 0 40px;
  margin: 0 0 20px; }
  @media (max-width: 1024px) {
    /* line 689, checkout.scss */
    .client-checkout {
      grid-template-columns: 1fr;
      grid-template-areas: "title" "sidebar" "content";
      gap: 0; } }
  /* line 701, checkout.scss */
  .client-checkout__title {
    font-size: 30px;
    line-height: 34px;
    font-weight: var(--font-normal);
    margin: 0 0 20px;
    text-transform: lowercase;
    grid-area: title; }
    /* line 707, checkout.scss */
    .client-checkout__title:first-letter {
      text-transform: uppercase; }
  /* line 711, checkout.scss */
  .client-checkout__sidebar {
    grid-area: sidebar; }
    /* line 713, checkout.scss */
    .client-checkout__sidebar .co-sidebar {
      all: unset; }
      @media (max-width: 1024px) {
        /* line 713, checkout.scss */
        .client-checkout__sidebar .co-sidebar {
          display: none; } }
      /* line 718, checkout.scss */
      .client-checkout__sidebar .co-sidebar-toggler {
        all: unset;
        display: none;
        padding: 15px 20px;
        background-color: var(--bg-grey-d);
        width: 100%;
        box-sizing: border-box; }
        @media (max-width: 1024px) {
          /* line 718, checkout.scss */
          .client-checkout__sidebar .co-sidebar-toggler {
            display: flex;
            align-items: center; } }
        /* line 729, checkout.scss */
        .client-checkout__sidebar .co-sidebar-toggler_title {
          margin: 0 8px 0 0; }
        /* line 733, checkout.scss */
        .client-checkout__sidebar .co-sidebar-toggler--opend ~ .co-sidebar {
          display: block !important; }
        /* line 737, checkout.scss */
        .client-checkout__sidebar .co-sidebar-toggler .halfling-shopping-cart {
          display: none; }
      /* line 741, checkout.scss */
      .client-checkout__sidebar .co-sidebar-wrapper {
        border: 1px solid var(--border-grey);
        border-radius: var(--radius);
        margin: 0 0 20px;
        overflow: hidden; }
        @media (max-width: 1024px) {
          /* line 741, checkout.scss */
          .client-checkout__sidebar .co-sidebar-wrapper {
            margin: 0 0 20px; } }
    /* line 751, checkout.scss */
    .client-checkout__sidebar .co-basket {
      padding: 20px;
      max-width: unset;
      flex: unset;
      display: flex;
      flex-direction: column;
      gap: 20px 0; }
      /* line 758, checkout.scss */
      .client-checkout__sidebar .co-basket_item {
        margin: 0; }
        /* line 760, checkout.scss */
        .client-checkout__sidebar .co-basket_item-list {
          display: flex;
          flex-direction: column;
          gap: 20px 0; }
        /* line 765, checkout.scss */
        .client-checkout__sidebar .co-basket_item-image_container {
          all: unset;
          flex: 0 1 50px; }
        /* line 769, checkout.scss */
        .client-checkout__sidebar .co-basket_item-image {
          border-radius: var(--radius);
          overflow: hidden; }
          /* line 772, checkout.scss */
          .client-checkout__sidebar .co-basket_item-image img {
            max-width: 100%;
            max-height: 100%; }
      /* line 779, checkout.scss */
      .client-checkout__sidebar .co-basket_subtotal-list {
        border: none;
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid var(--border-grey);
        border-bottom: 1px solid var(--border-grey);
        display: flex;
        flex-direction: column;
        gap: 5px 0; }
        /* line 788, checkout.scss */
        .client-checkout__sidebar .co-basket_subtotal-list :empty {
          display: none; }
      /* line 795, checkout.scss */
      .client-checkout__sidebar .co-basket_subtotal-price {
        font-size: 14px;
        line-height: 18px; }
      /* line 799, checkout.scss */
      .client-checkout__sidebar .co-basket_total {
        font-size: 18px;
        line-height: 22px; }
        /* line 801, checkout.scss */
        .client-checkout__sidebar .co-basket_total-title {
          text-transform: uppercase; }
        /* line 804, checkout.scss */
        .client-checkout__sidebar .co-basket_total-price {
          font-size: 18px;
          line-height: 22px; }
  /* line 810, checkout.scss */
  .client-checkout__content {
    grid-area: content; }
    /* line 812, checkout.scss */
    .client-checkout__content .co-bonus_points {
      all: unset;
      display: flex;
      flex-wrap: wrap;
      padding: 20px;
      border-radius: var(--radius);
      background: var(--bg-grey);
      gap: 10px 10px;
      align-items: center; }
      /* line 821, checkout.scss */
      .client-checkout__content .co-bonus_points-info {
        width: 100%;
        margin: 0; }
        /* line 824, checkout.scss */
        .client-checkout__content .co-bonus_points-info b {
          font-size: inherit;
          font-weight: var(--font-bold);
          color: var(--color-black); }
      /* line 830, checkout.scss */
      .client-checkout__content .co-bonus_points-field {
        text-align: center;
        width: 80px; }
      /* line 835, checkout.scss */
      .client-checkout__content .co-bonus_points-maximum_points {
        font-size: 12px;
        line-height: 16px;
        margin: 0;
        color: var(--color-grey-l); }

/* line 846, checkout.scss */
[data-checkout-url="/client_account/contacts"] .co-input--language, [data-checkout-url="/client_account/contacts/new"] .co-input--language {
  display: none !important; }

/* line 851, checkout.scss */
.checkout-coupon {
  display: none; }
  /* line 854, checkout.scss */
  .checkout-coupon .toolbar-products__coupon {
    margin: 0 0 15px; }
    /* line 857, checkout.scss */
    .checkout-coupon .toolbar-products__coupon-input .input {
      display: inline-flex !important; }
    /* line 860, checkout.scss */
    .checkout-coupon .toolbar-products__coupon-input .button {
      --button-height: 40px; }
      /* line 863, checkout.scss */
      .checkout-coupon .toolbar-products__coupon-input .button .svg-icon path {
        display: initial !important; }

/* line 873, checkout.scss */
.lock_scroll {
  /*overflow-y: unset;
  height: auto;*/
  padding: 0 !important; }
  /* line 877, checkout.scss */
  .lock_scroll body {
    /*margin: 0 !important;
    height: auto !important;
    overflow: hidden;*/
    touch-action: none; }

/* line 885, checkout.scss */
.co-modal {
  border-radius: var(--radius);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  z-index: calc(var(--z-front) + 200); }
  /* line 890, checkout.scss */
  .co-modal-wrapper {
    padding: 20px; }
  /* line 893, checkout.scss */
  .co-modal-title {
    font-size: 18px;
    line-height: 22px;
    margin: 0 20px 20px 0;
    font-weight: var(--font-bold);
    text-align: left; }
  /* line 899, checkout.scss */
  .co-modal-close {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: transparent !important;
    background-size: 30px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke='%23000000' stroke-width='2'%3E%3Cpath d='M10,10 L22,22 M22,10 L10,22'%3E%3C/path%3E%3C/svg%3E");
    padding: 0; }
    /* line 909, checkout.scss */
    .co-modal-close::before {
      display: none; }

/* line 914, checkout.scss */
.co-overlay {
  background: var(--bg-black);
  opacity: 0.4;
  z-index: calc(var(--z-back) + 200); }

/* line 922, checkout.scss */
.co-social_login-box {
  align-items: center;
  gap: 20px; }
  /* line 925, checkout.scss */
  .co-social_login-box > .co-input-description {
    margin: 0 !important; }
    /* line 927, checkout.scss */
    .co-social_login-box > .co-input-description:nth-child(2) {
      font-size: 0px;
      line-height: 0px; }
/* line 932, checkout.scss */
.co-social_login-title {
  text-align: center;
  margin: 20px 0;
  padding: 0;
  color: var(--color-grey-l); }
/* line 938, checkout.scss */
.co-social_login-list {
  display: flex !important;
  gap: 5px;
  justify-content: center;
  margin: 0 !important; }
  /* line 943, checkout.scss */
  .co-social_login-list a[href*="open_id?"] {
    font-size: 0px;
    line-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #f7931e; }
    /* line 952, checkout.scss */
    .co-social_login-list a[href*="open_id?"]::before {
      content: '';
      display: block;
      width: 16px;
      height: 16px;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 25.6 25.6'%3E%3Cpath fill='%23ffffff' d='M12 24.6 12 3.3 15.4 1 15.4 22.7z'/%3E%3Cpath fill='%23ffffff' d='M11.1 8v2.8s-6.6.5-7 5.6c0 0-1 4.4 7 5.8v2.4S0 23.4 0 16.3c0 0-.1-7.3 11.1-8.4zM16.2 8v2.6s2.1 0 4 1.5l-2 .8 7.4 1.9V9L23 10.4S21 8.1 16.2 7.9z'/%3E%3C/svg%3E"); }
    /* line 960, checkout.scss */
    .co-social_login-list a[href*="open_id?"]:hover {
      opacity: 0.8; }
/* line 965, checkout.scss */
.co-social_login-list_inner {
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: center; }
/* line 971, checkout.scss */
.co-social_login-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  text-decoration: none !important; }
  /* line 981, checkout.scss */
  .co-social_login-button:hover {
    opacity: 0.8; }
  /* line 984, checkout.scss */
  .co-social_login-button .co-button-inner {
    all: unset; }
  /* line 987, checkout.scss */
  .co-social_login-button .co-button-icon {
    all: unset;
    font-size: 16px;
    line-height: 0px; }
  /* line 991, checkout.scss */
  .co-social_login-button .co-button-caption {
    display: none; }
  /* line 995, checkout.scss */
  .co-social_login-button--vkontakte, .co-social_login-button--vkontakte:hover, .co-social_login-button--vkontakte:focus {
    border-color: #0077ff !important;
    background-color: #0077ff !important; }
  /* line 1001, checkout.scss */
  .co-social_login-button--yandex, .co-social_login-button--yandex:hover, .co-social_login-button--yandex:focus {
    border-color: #fc3f1d !important;
    background-color: #fc3f1d !important; }
  /* line 1007, checkout.scss */
  .co-social_login-button--google, .co-social_login-button--google:hover, .co-social_login-button--google:focus {
    border-color: #4285f4 !important;
    background-color: #4285f4 !important; }
  /* line 1013, checkout.scss */
  .co-social_login-button--mailru, .co-social_login-button--mailru:hover, .co-social_login-button--mailru:focus {
    border-color: #ffa930 !important;
    background-color: #ffa930 !important; }

/* line 1023, checkout.scss */
.checkout__back {
  margin: 0 0 20px; }
/* line 1026, checkout.scss */
.checkout__table-overflow {
  overflow: overlay auto;
  border-radius: var(--radius);
  border: 1px solid #cccccc; }
  /* line 1030, checkout.scss */
  .checkout__table-overflow .co-table--to_card {
    border: none;
    border-radius: 0; }

/* line 1037, checkout.scss */
[data-grid-layout="account.orders2"] .checkout__table-overflow {
  white-space: nowrap; }

/* line 1042, checkout.scss */
[data-grid-layout="order2"] .checkout__table-overflow {
  max-width: calc(100vw - 20px); }
  /* line 1044, checkout.scss */
  [data-grid-layout="order2"] .checkout__table-overflow .co-table--to_card {
    min-width: 600px;
    width: 100%; }
  /* line 1048, checkout.scss */
  [data-grid-layout="order2"] .checkout__table-overflow .co-table-cell--head {
    white-space: nowrap; }
  /* line 1051, checkout.scss */
  [data-grid-layout="order2"] .checkout__table-overflow .co-table-cell:nth-child(2) {
    text-align: right; }
  /* line 1054, checkout.scss */
  [data-grid-layout="order2"] .checkout__table-overflow .co-table-cell:last-child {
    white-space: nowrap; }

/* line 1061, checkout.scss */
.co-delivery_adress .co-input--house, .co-delivery_adress .co-input--flat {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: calc(50% - 10px); }
/* line 1067, checkout.scss */
.co-delivery_adress .co-input--flat {
  margin-left: 20px !important; }

/* line 1072, checkout.scss */
.variants.delivery_variants.co-input {
  margin: 0 !important; }

/* line 1075, checkout.scss */
.co-customer.co-checkout-block.co-tabs {
  margin: 0 !important; }

/* line 1079, checkout.scss */
.co-modal--pick_up_modal {
  width: 1000px;
  height: 800px;
  max-width: calc(100% - 10px);
  max-height: calc(100% - 10px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  /* line 1087, checkout.scss */
  .co-modal--pick_up_modal * {
    font-family: var(--font-family) !important; }
  /* line 1090, checkout.scss */
  .co-modal--pick_up_modal .co-modal-title {
    font-size: 18px;
    line-height: 22px;
    margin: 0 20px 0 0;
    padding: 0;
    font-weight: var(--font-bold);
    text-align: left;
    color: var(--color-black) !important; }
  /* line 1098, checkout.scss */
  .co-modal--pick_up_modal .co-modal-toolbar {
    margin: 20px 0;
    min-height: auto;
    gap: 10px; }
    @media (max-width: 575px) {
      /* line 1098, checkout.scss */
      .co-modal--pick_up_modal .co-modal-toolbar {
        flex-wrap: wrap; } }
  /* line 1106, checkout.scss */
  .co-modal--pick_up_modal .co-modal-search_container {
    margin: 0; }
  /* line 1109, checkout.scss */
  .co-modal--pick_up_modal .co-modal-controls {
    display: none; }
  /* line 1112, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-desktop-list_filter, .co-modal--pick_up_modal .co-pick_up-mobile-list_filter {
    --input-padding-x: 15px;
    --input-height: 42px;
    --input-bg: var(--bg-white);
    --input-color: var(--color-black);
    --input-border: var(--border-grey-d);
    font-size: 14px;
    line-height: 18px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    padding: 0 var(--input-padding-x);
    height: var(--input-height);
    border-radius: var(--radius);
    color: var(--input-color);
    background: none;
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    box-shadow: none !important;
    min-height: auto; }
  /* line 1132, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-mobile-list_filter {
    display: none !important; }
  /* line 1135, checkout.scss */
  .co-modal--pick_up_modal .co-modal-mode_switcher {
    width: 100%;
    display: flex;
    padding: 5px;
    border-radius: var(--radius);
    box-shadow: var(--shadow-m);
    box-sizing: border-box;
    max-width: min-content;
    max-height: none;
    order: -1; }
    @media (max-width: 575px) {
      /* line 1135, checkout.scss */
      .co-modal--pick_up_modal .co-modal-mode_switcher {
        min-width: 100%; } }
    /* line 1148, checkout.scss */
    .co-modal--pick_up_modal .co-modal-mode_switcher button {
      font-size: 14px;
      line-height: 18px;
      padding: 7px 12px;
      border: none;
      color: var(--color-grey-l);
      background: var(--bg-white);
      border-radius: var(--radius);
      box-shadow: none !important;
      min-height: auto;
      max-width: none; }
      /* line 1158, checkout.scss */
      .co-modal--pick_up_modal .co-modal-mode_switcher button.co-pick_up-button-active {
        color: var(--color-white);
        background: var(--color-secondary) !important; }
      /* line 1162, checkout.scss */
      .co-modal--pick_up_modal .co-modal-mode_switcher button.co-pick_up-button-map {
        order: -1; }
  /* line 1167, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-map {
    max-height: calc(810px - 154px);
    height: calc(100vh - 154px); }
  /* line 1171, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-list_inner {
    gap: 20px;
    overflow: hidden auto;
    overflow: hidden overlay;
    max-height: calc(810px - 154px);
    height: calc(100vh - 154px);
    border: 1px solid var(--border-grey);
    border-radius: var(--radius);
    padding: 20px; }
  /* line 1181, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-item {
    margin: 0;
    padding: 0 0 20px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--border-grey); }
    /* line 1187, checkout.scss */
    .co-modal--pick_up_modal .co-pick_up-item:last-child {
      border: none;
      padding: 0; }
  /* line 1192, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-point_inner {
    gap: 5px; }
  /* line 1195, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-text_field {
    margin: 0; }
  /* line 1198, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-address_field {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    font-weight: var(--font-bold); }
  /* line 1203, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-button_box {
    margin: 5px 0 0;
    min-height: auto;
    gap: 10px; }
  /* line 1208, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-button-details, .co-modal--pick_up_modal .co-pick_up-button-select {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border-radius: var(--radius);
    padding: 0;
    box-sizing: border-box; }
  /* line 1220, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-button-details {
    border: 1px solid var(--color-secondary);
    color: var(--color-secondary); }
  /* line 1224, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-button-select {
    background-color: var(--color-secondary);
    color: var(--color-white);
    border: none; }
  /* line 1229, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-text_field-compact {
    margin: 0; }
  /* line 1232, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-price {
    font-size: 14px;
    line-height: 18px;
    font-weight: var(--font-bold);
    color: var(--color-secondary); }
  /* line 1238, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-map .co-pick_up-button_box {
    margin: 5px 0; }
  /* line 1242, checkout.scss */
  .co-modal--pick_up_modal .co-pick_up-details-container {
    margin: 0;
    padding: 20px 0 0;
    gap: 20px; }
    /* line 1246, checkout.scss */
    .co-modal--pick_up_modal .co-pick_up-details-container .co-pick_up-details-field-title {
      font-size: 14px;
      line-height: 18px;
      margin: 0 0 5px;
      padding: 0;
      font-weight: var(--font-bold); }
    /* line 1252, checkout.scss */
    .co-modal--pick_up_modal .co-pick_up-details-container .co-pick_up-details-field {
      font-size: 14px;
      line-height: 18px;
      margin: 0;
      padding: 0; }
    /* line 1257, checkout.scss */
    .co-modal--pick_up_modal .co-pick_up-details-container .co-pick_up-details-field-price {
      font-size: 20px;
      line-height: 24px;
      color: var(--color-secondary);
      font-weight: var(--font-bold);
      margin: 0;
      padding: 0; }
    /* line 1264, checkout.scss */
    .co-modal--pick_up_modal .co-pick_up-details-container .co-pick_up-details-field-list {
      font-size: 14px;
      line-height: 18px;
      margin: 0 0 0 20px;
      padding: 0;
      list-style: square; }
    /* line 1270, checkout.scss */
    .co-modal--pick_up_modal .co-pick_up-details-container .co-pick_up-details-field-payment, .co-modal--pick_up_modal .co-pick_up-details-container .co-pick_up-details-field-phone {
      font-size: 14px;
      line-height: 18px;
      margin: 5px 0 0;
      padding: 0; }
      /* line 1274, checkout.scss */
      .co-modal--pick_up_modal .co-pick_up-details-container .co-pick_up-details-field-payment::before, .co-modal--pick_up_modal .co-pick_up-details-container .co-pick_up-details-field-phone::before {
        display: none; }
    /* line 1278, checkout.scss */
    .co-modal--pick_up_modal .co-pick_up-details-container .co-pick_up-button-select {
      font-size: 16px;
      line-height: 20px;
      height: 42px;
      margin: 0;
      min-width: 100%; }

/* line 1287, checkout.scss */
.mobile .co-modal--pick_up_modal {
  top: 5px;
  left: 5px;
  width: calc(100% - 10px) !important;
  height: calc(100% - 10px) !important;
  border-radius: var(--radius); }
  /* line 1293, checkout.scss */
  .mobile .co-modal--pick_up_modal .co-modal-title {
    font-size: 18px;
    line-height: 22px;
    padding: 0 20px; }
  /* line 1297, checkout.scss */
  .mobile .co-modal--pick_up_modal .co-modal-close {
    order: 1;
    background-repeat: no-repeat; }
  /* line 1301, checkout.scss */
  .mobile .co-modal--pick_up_modal .co-modal-switch {
    font-size: 20px;
    line-height: 24px;
    order: -1;
    align-items: center;
    color: var(--color-secondary); }
  /* line 1307, checkout.scss */
  .mobile .co-modal--pick_up_modal .co-pick_up-map {
    border: none;
    height: calc(100vh - 60px) !important; }
  /* line 1311, checkout.scss */
  .mobile .co-modal--pick_up_modal .co-pick_up-list_inner {
    height: calc(100vh - 60px) !important;
    border-radius: 0;
    border-top: 1px solid var(--border-grey); }
  /* line 1316, checkout.scss */
  .mobile .co-modal--pick_up_modal .co-form--outlet {
    border-top: 1px solid var(--border-grey); }
  /* line 1319, checkout.scss */
  .mobile .co-modal--pick_up_modal .co-pick_up-details-container {
    padding: 20px; }

/* line 1324, checkout.scss */
.co-modal--outlet {
  width: 400px !important;
  height: auto;
  max-width: calc(100% - 10px);
  max-height: calc(100% - 50px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

/* line 1335, checkout.scss */
.mobile .co-modal--outlet {
  width: calc(100% - 10px) !important;
  height: 800px;
  max-height: calc(100% - 10px); }

/* line 1342, checkout.scss */
.co-order-state {
  font-size: 14px;
  line-height: 18px;
  padding: 5px 10px;
  border: none;
  background-color: var(--bg-grey);
  border-radius: var(--radius); }
