@charset "UTF-8";
/*
 * Checkout v2 — v14 staged
 * Каркас в layout, yields нативно, JS переносит секции
 */
/* line 8, theme.scss */
.checkout-v2-wrapper.co-staged {
  --co-page-bg: var(--bg-minor-shade, #f2f2f2);
  --co-radius: var(--border-radius, var(--controls-btn-border-radius, 10px));
  --co-border: var(--controls-border-width, 1px) solid var(--bg-major-shade, rgba(0, 0, 0, 0.08));
  --co-shadow: 0 2px 12px color-mix(in srgb, var(--color-text) 6%, transparent);
  --co-field-bg: var(--bg, #fff);
  --co-accent: var(--color-btn-bg);
  --co-accent-text: var(--color-accent-text, var(--color-btn-bg));
  --co-total-bg: color-mix(in srgb, var(--color-btn-bg) 8%, transparent);
  --co-max-width: 960px;
  --co-sidebar-min: 260px;
  --co-sidebar-max: 300px; }

/* line 22, theme.scss */
body.checkout-v2-page .page_layout,
body.checkout-v2-page .layout,
body.checkout-v2-page .layout__content,
.checkout-v2-wrapper.co-staged {
  background: var(--co-page-bg) !important; }

/* line 29, theme.scss */
body.checkout-v2-page .layout__content {
  max-width: 100% !important;
  width: 100% !important; }

/* line 34, theme.scss */
.checkout-v2-wrapper.co-staged {
  width: 100%;
  max-width: var(--co-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0 12px 24px;
  box-sizing: border-box; }

/* line 43, theme.scss */
.checkout-v2-wrapper.co-staged .co-section--checkout_content,
.checkout-v2-wrapper.co-staged .co-staged-grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  box-sizing: border-box; }

/* Сброс нативной двухколонки checkout2.core */
/* line 53, theme.scss */
.checkout-v2-wrapper.co-staged .co-section--checkout_order,
.checkout-v2-wrapper.co-staged .co-section--checkout_order_sided {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  flex: none !important; }

/* line 62, theme.scss */
.checkout-v2-wrapper.co-staged .co-section--checkout_order_sided > .checkout-layout {
  width: 100% !important;
  max-width: var(--co-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important; }

/* line 69, theme.scss */
.checkout-v2-wrapper.co-staged [data-checkout-customer] > .co-section--checkout_order_form,
.checkout-v2-wrapper.co-staged [data-checkout-customer] > form,
.checkout-v2-wrapper.co-staged [data-checkout-order] > .co-section--checkout_sidebar,
.checkout-v2-wrapper.co-staged [data-checkout-order] > [class*="checkout_sidebar"],
.checkout-v2-wrapper.co-staged .checkout-step__body > .co-section--checkout_order_form,
.checkout-v2-wrapper.co-staged .checkout-step__body > .co-section--checkout_sidebar,
.checkout-v2-wrapper.co-staged .checkout-step__body > [class*="checkout_sidebar"],
.checkout-v2-wrapper.co-staged .checkout-step__body > form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important; }

/* line 87, theme.scss */
.checkout-v2-wrapper.co-staged[data-checkout-ready="1"] .co-section--checkout_order_sided > .co-section--checkout_sidebar,
.checkout-v2-wrapper.co-staged[data-checkout-ready="1"] .co-section--checkout_order_sided > [class*="checkout_sidebar"],
.checkout-v2-wrapper.co-staged[data-checkout-ready="1"] .co-section--checkout_order_sided > .co-section--checkout_order_form,
.checkout-v2-wrapper.co-staged[data-checkout-ready="1"] .co-section--checkout_order_sided > [class*="checkout_order_form"] {
  display: none !important; }

/* Состав заказа — только в шаге 2, не в trust-колонке */
/* line 95, theme.scss */
.checkout-v2-wrapper.co-staged .co-section--checkout_sidebar,
.checkout-v2-wrapper.co-staged [class*="checkout_sidebar"] {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  float: none !important;
  clear: both !important;
  transform: none !important;
  inset: auto !important;
  align-self: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  z-index: auto !important; }

/* line 112, theme.scss */
.checkout-v2-wrapper.co-staged .co-section--checkout_order_sided > .co-section--checkout_sidebar,
.checkout-v2-wrapper.co-staged .co-section--checkout_order_sided > [class*="checkout_sidebar"],
.checkout-v2-wrapper.co-staged .checkout-layout__sidebar .co-section--checkout_sidebar,
.checkout-v2-wrapper.co-staged .checkout-layout__sidebar [class*="checkout_sidebar"],
.checkout-v2-wrapper.co-staged .checkout-layout__sidebar [class*="co-basket"],
.checkout-v2-wrapper.co-staged .checkout-layout__sidebar [class*="basket-item"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important; }

/* line 126, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order [data-checkout-order] > .co-section--checkout_sidebar,
.checkout-v2-wrapper.co-staged .checkout-step--order [data-checkout-order] > [class*="checkout_sidebar"],
.checkout-v2-wrapper.co-staged .checkout-step--order [data-checkout-order] .co-section--checkout_sidebar {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: 100% !important;
  max-width: 100% !important; }

/* Шаг 3 скрыт, пока оплата не перенесена из формы */
/* line 140, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--payment:not(:has([data-checkout-payment] > *)) {
  display: none; }

/* line 144, theme.scss */
.checkout-v2-wrapper.co-staged .co-staged-grid__head {
  margin-bottom: 12px; }

/* line 148, theme.scss */
.checkout-v2-wrapper.co-staged .co-staged-grid__head .co-title--h1 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: var(--heading-weight, 700); }

/* Две колонки: main + sidebar (trust) */
/* line 154, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(var(--co-sidebar-min), var(--co-sidebar-max)) !important;
  gap: 16px;
  align-items: start;
  width: 100% !important;
  max-width: var(--co-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box; }

/* Левая колонка + таймлайн */
/* line 167, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-layout__main {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  position: relative; }

/* line 175, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-layout__main::before {
  content: '';
  position: absolute;
  left: 13px;
  top: 28px;
  bottom: 28px;
  width: 2px;
  background: var(--bg-major-shade, #dcdcdc);
  z-index: 0; }

/* Карточки шагов */
/* line 187, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step,
.checkout-v2-wrapper.co-staged .checkout-layout__footer {
  position: relative;
  z-index: 1;
  background: var(--co-field-bg);
  border: var(--co-border);
  border-radius: var(--co-radius);
  box-shadow: var(--co-shadow);
  overflow: visible; }

/* line 198, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  margin: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--color-text) 6%, transparent); }

/* line 207, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__head--toggle {
  cursor: pointer;
  user-select: none; }

/* line 212, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__num {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--co-accent);
  color: var(--color-btn-color, #fff);
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 4px var(--co-page-bg); }

/* line 227, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__title-wrap {
  flex: 1 1 auto;
  min-width: 0; }

/* line 232, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__title {
  display: block;
  font-size: var(--controls-font-size-m, 1rem);
  font-weight: var(--heading-weight, 700); }

/* line 238, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__summary {
  display: none;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  color: var(--color-text-half-shade, #666); }

/* line 246, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order.is-collapsed .checkout-step__summary {
  display: block; }

/* line 250, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__summary-total {
  color: var(--co-accent);
  font-weight: 700; }

/* line 255, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order .checkout-step__toggle {
  display: inline-flex; }

/* line 259, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step:not(.checkout-step--order) .checkout-step__toggle {
  display: none; }

/* line 263, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__toggle {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin-left: auto;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--color-text) 4%, transparent);
  align-items: center;
  justify-content: center;
  cursor: pointer; }

/* line 277, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__toggle-icon {
  width: 8px;
  height: 8px;
  margin-top: -2px;
  border-right: 2px solid var(--color-text-half-shade, #888);
  border-bottom: 2px solid var(--color-text-half-shade, #888);
  transform: rotate(45deg);
  transition: transform 0.15s ease; }

/* line 287, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order:not(.is-collapsed) .checkout-step__toggle-icon {
  margin-top: 2px;
  transform: rotate(-135deg); }

/* line 292, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order.is-collapsed .checkout-step__body {
  display: none !important; }

/* line 296, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step__body,
.checkout-v2-wrapper.co-staged .checkout-layout__footer {
  padding: 16px; }

/* Шаг 2 — состав заказа */
/* line 302, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order .co-section--checkout_sidebar,
.checkout-v2-wrapper.co-staged .checkout-step--order [class*="checkout_sidebar"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important; }

/* line 309, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order [class*="basket-item"],
.checkout-v2-wrapper.co-staged .checkout-step--order [class*="order-item"],
.checkout-v2-wrapper.co-staged .checkout-step--order .co-table-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--color-text) 6%, transparent); }

/* line 321, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order [class*="quantity"],
.checkout-v2-wrapper.co-staged .checkout-step--order [class*="counter"] {
  display: inline-flex !important;
  align-items: center;
  gap: 4px; }

/* line 328, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order [class*="total"] {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: calc(var(--co-radius) * 0.8);
  background: var(--co-total-bg);
  font-weight: var(--heading-weight, 700); }

/* line 336, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-step--order .co-price,
.checkout-v2-wrapper.co-staged .checkout-step--order [class*="price"] {
  white-space: nowrap; }

/* Поля */
/* line 342, theme.scss */
.checkout-v2-wrapper.co-staged label,
.checkout-v2-wrapper.co-staged .co-label {
  font-size: var(--controls-font-size-s, 0.75rem);
  color: var(--color-text-half-shade, #666); }

/* line 348, theme.scss */
.checkout-v2-wrapper.co-staged input[type="text"],
.checkout-v2-wrapper.co-staged input[type="email"],
.checkout-v2-wrapper.co-staged input[type="tel"],
.checkout-v2-wrapper.co-staged input[type="number"],
.checkout-v2-wrapper.co-staged textarea,
.checkout-v2-wrapper.co-staged select,
.checkout-v2-wrapper.co-staged .co-input input {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border: var(--co-border);
  border-radius: calc(var(--co-radius) * 0.8);
  background: var(--co-field-bg);
  font-family: inherit;
  font-size: var(--controls-font-size-m, 0.875rem); }

/* line 366, theme.scss */
.checkout-v2-wrapper.co-staged input:focus,
.checkout-v2-wrapper.co-staged textarea:focus,
.checkout-v2-wrapper.co-staged select:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--co-accent) 40%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--co-accent) 8%, transparent); }

/* Табы ФЛ / ЮЛ */
/* line 375, theme.scss */
.checkout-v2-wrapper.co-staged .co-client-kinds,
.checkout-v2-wrapper.co-staged .co-toggle-tabs {
  display: flex;
  gap: 4px;
  padding: 4px;
  margin-bottom: 12px;
  background: var(--bg-major-shade, #ececec);
  border-radius: var(--co-radius); }

/* line 385, theme.scss */
.checkout-v2-wrapper.co-staged .co-client-kinds button,
.checkout-v2-wrapper.co-staged .co-toggle-tabs button {
  flex: 1 1 50%;
  border: 0;
  background: transparent;
  border-radius: calc(var(--co-radius) * 0.8);
  padding: 10px 12px;
  font-weight: 600;
  cursor: pointer; }

/* line 396, theme.scss */
.checkout-v2-wrapper.co-staged .co-client-kinds button.is-active,
.checkout-v2-wrapper.co-staged .co-client-kinds button.active,
.checkout-v2-wrapper.co-staged .co-toggle-tabs button.is-active {
  background: var(--co-field-bg);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--color-text) 8%, transparent); }

/* Оплата — сетка 2 колонки */
/* line 404, theme.scss */
.checkout-v2-wrapper.co-staged .co-payment-ways,
.checkout-v2-wrapper.co-staged .co-payment-methods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px; }

/* line 411, theme.scss */
.checkout-v2-wrapper.co-staged .co-payment-way,
.checkout-v2-wrapper.co-staged .co-radio-payment {
  padding: 10px 12px;
  border: var(--co-border);
  border-radius: calc(var(--co-radius) * 0.8);
  background: var(--bg-minor-shade, #fafafa); }

/* line 419, theme.scss */
.checkout-v2-wrapper.co-staged .co-payment-way:has(input:checked),
.checkout-v2-wrapper.co-staged .co-radio-payment:has(input:checked) {
  background: var(--co-field-bg);
  border-color: var(--co-accent);
  box-shadow: inset 0 0 0 1px var(--co-accent); }

/* Footer — согласие + кнопка */
/* line 427, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-layout__footer button[type="submit"],
.checkout-v2-wrapper.co-staged .checkout-layout__footer .co-submit-button {
  width: 100%;
  min-height: 52px;
  margin-top: 12px;
  border-radius: var(--co-radius);
  font-weight: var(--heading-weight, 700);
  background: var(--co-accent) !important;
  border-color: var(--co-accent) !important;
  color: var(--color-btn-color, #fff) !important; }

/* Правая колонка — только trust */
/* line 440, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-layout__sidebar {
  display: block !important;
  grid-column: 2;
  width: 100% !important;
  min-width: var(--co-sidebar-min);
  max-width: var(--co-sidebar-max);
  position: sticky;
  top: calc(var(--wd-header-sticky-h, 64px) + 8px);
  align-self: start;
  background: var(--co-field-bg);
  border: var(--co-border);
  border-radius: var(--co-radius);
  box-shadow: var(--co-shadow);
  padding: 16px;
  box-sizing: border-box; }

/* line 457, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-trust {
  display: flex;
  flex-direction: column;
  gap: 14px; }

/* line 463, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-trust__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--color-text-half-shade, #666);
  text-decoration: none; }

/* line 473, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-trust__item strong {
  display: block;
  color: var(--color-text, #111);
  margin-bottom: 2px; }

/* line 479, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-trust__icon {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-text) 4%, transparent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px; }

/* line 491, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-trust__item a {
  color: inherit;
  text-decoration: none; }

/* line 496, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-trust__item a:hover {
  color: var(--co-accent-text); }

/* line 500, theme.scss */
.checkout-v2-wrapper.co-staged .checkout-layout__main {
  grid-column: 1;
  min-width: 0; }

/* Мобилка ≤1024px */
@media (max-width: 1024px) {
  /* line 507, theme.scss */
  .checkout-v2-wrapper.co-staged .checkout-layout {
    grid-template-columns: 1fr !important; }

  /* line 511, theme.scss */
  .checkout-v2-wrapper.co-staged .checkout-layout__main,
  .checkout-v2-wrapper.co-staged .checkout-layout__sidebar {
    grid-column: auto; }

  /* line 516, theme.scss */
  .checkout-v2-wrapper.co-staged .checkout-layout__main::before {
    display: none; }

  /* line 520, theme.scss */
  .checkout-v2-wrapper.co-staged .checkout-layout__sidebar {
    position: static;
    order: 2; }

  /* line 525, theme.scss */
  .checkout-v2-wrapper.co-staged .checkout-layout__main {
    order: 1; }

  /* line 529, theme.scss */
  .checkout-v2-wrapper.co-staged .co-payment-ways,
  .checkout-v2-wrapper.co-staged .co-payment-methods {
    grid-template-columns: 1fr; } }
@media (max-width: 768px) {
  /* line 536, theme.scss */
  .checkout-v2-wrapper.co-staged .checkout-step__num {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    font-size: 11px; } }