.elementor-973 .elementor-element.elementor-element-9275092{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-973 .elementor-element.elementor-element-9275092:not(.elementor-motion-effects-element-type-background), .elementor-973 .elementor-element.elementor-element-9275092 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-973:not(.elementor-motion-effects-element-type-background), body.elementor-page-973 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-973 .elementor-element.elementor-element-9275092{--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-973 .elementor-element.elementor-element-9275092.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-973 .elementor-element.elementor-element-1290a7cf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-973 .elementor-element.elementor-element-1290a7cf.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}}/* Start custom CSS *//* =========================================================
   IIFIN – Checkout (Woo Blocks) – Scoped CSS
   ВАЖНО: работает только внутри контейнера
   с классом .iifin-checkout-scope
   ========================================================= */

/* --- Tokens --- */
.iifin-checkout-scope{
  --iifin-card: #ffffff;
  --iifin-card-2: #f1ede7;

  --iifin-text: #1f2937;
  --iifin-muted: #6b7280;

  --iifin-primary: #24A8A6;
  --iifin-primary-600: #0B7E95;

  --iifin-border: rgba(0,0,0,.07);
  --iifin-shadow: 0 8px 24px rgba(17,24,39,.08);
  --iifin-radius: 16px;

  --iifin-sidebar-w: 360px;
  --iifin-gap: 20px;
  --iifin-sticky-top: 16px;
}

/* =========================================================
   0) УБИРАЕМ БЕЛЫЕ ПОДЛОЖКИ ТОЛЬКО ВНУТРИ CHECKOUT-КОНТЕЙНЕРА
   ========================================================= */

/* Важно: не трогаем body и глобальные Elementor-обёртки */
.iifin-checkout-scope,
.iifin-checkout-scope .elementor-element,
.iifin-checkout-scope .e-con,
.iifin-checkout-scope .e-con-inner,
.iifin-checkout-scope .elementor-section,
.iifin-checkout-scope .elementor-container,
.iifin-checkout-scope .elementor-widget-wrap{
  background: transparent !important;
  background-color: transparent !important;
}

/* Gutenberg/Blocks wrappers внутри контейнера */
.iifin-checkout-scope .wp-block-woocommerce-checkout,
.iifin-checkout-scope .wc-block-checkout,
.iifin-checkout-scope .wc-block-components-sidebar-layout,
.iifin-checkout-scope .wc-block-components-main,
.iifin-checkout-scope .wc-block-components-sidebar{
  background: transparent !important;
  background-color: transparent !important;
}

/* Корневой блок checkout */
.iifin-checkout-scope .wp-block-woocommerce-checkout.wc-block-checkout{
  max-width: 980px;
  margin: 0 auto;
  padding: 10px 0 24px;
}

/* =========================================================
   1) LAYOUT: 2 колонки + sticky sidebar (desktop)
   ========================================================= */

.iifin-checkout-scope .wc-block-components-sidebar-layout.wc-block-checkout.is-large{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--iifin-sidebar-w) !important;
  gap: var(--iifin-gap) !important;
  align-items: start !important;
}

.iifin-checkout-scope .wc-block-components-main.wc-block-checkout__main,
.iifin-checkout-scope .wc-block-components-sidebar.wc-block-checkout__sidebar{
  width: auto !important;
  max-width: none !important;
}

.iifin-checkout-scope .wc-block-components-sidebar.wc-block-checkout__sidebar.is-sticky{
  position: sticky !important;
  top: var(--iifin-sticky-top) !important;
  align-self: start !important;
  height: fit-content !important;
}

/* =========================================================
   2) ШАГИ (левый столбец) – карточки
   ========================================================= */

.iifin-checkout-scope .wc-block-components-checkout-step{
  background: var(--iifin-card) !important;
  border: 1px solid var(--iifin-border) !important;
  border-radius: var(--iifin-radius) !important;
  box-shadow: var(--iifin-shadow) !important;
  padding: 18px 18px !important;
  margin: 0 0 16px !important;
}

.iifin-checkout-scope .wc-block-components-checkout-step__title{
  color: var(--iifin-text) !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
}

/* Линки */
.iifin-checkout-scope .wc-block-components-checkout-step__heading-content a,
.iifin-checkout-scope .wc-block-checkout__login-prompt{
  color: var(--iifin-primary-600) !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(11,126,149,.45) !important;
}
.iifin-checkout-scope .wc-block-components-checkout-step__heading-content a:hover,
.iifin-checkout-scope .wc-block-checkout__login-prompt:hover{
  border-bottom-color: transparent !important;
}

/* =========================================================
   3) SIDEBAR (правый столбец)
   ========================================================= */

.iifin-checkout-scope .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{
  background: var(--iifin-card) !important;
  border: 1px solid var(--iifin-border) !important;
  border-radius: var(--iifin-radius) !important;
  box-shadow: var(--iifin-shadow) !important;
  padding: 14px 14px !important;
}

/* =========================================================
   4) INPUTS / SELECTS
   ========================================================= */

.iifin-checkout-scope .wc-block-components-text-input input,
.iifin-checkout-scope .wc-blocks-components-select__select,
.iifin-checkout-scope .wc-block-components-text-input textarea{
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--iifin-text) !important;
  outline: none !important;
}
.iifin-checkout-scope .wc-block-components-text-input input:focus,
.iifin-checkout-scope .wc-blocks-components-select__select:focus,
.iifin-checkout-scope .wc-block-components-text-input textarea:focus{
  border-color: rgba(36,168,166,.55) !important;
  box-shadow: 0 0 0 4px rgba(36,168,166,.18) !important;
}

.iifin-checkout-scope .wc-block-components-text-input label,
.iifin-checkout-scope .wc-blocks-components-select__label{
  color: var(--iifin-muted) !important;
  font-weight: 600 !important;
}

/* =========================================================
   5) CTA
   ========================================================= */

.iifin-checkout-scope .wc-block-components-checkout-place-order-button{
  border-radius: 14px !important;
  background: var(--iifin-primary) !important;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 14px 16px !important;
  box-shadow: 0 10px 24px rgba(36,168,166,.25) !important;
  border: 1px solid rgba(0,0,0,.02) !important;
}
.iifin-checkout-scope .wc-block-components-checkout-place-order-button:hover{
  background: var(--iifin-primary-600) !important;
  transform: translateY(-1px);
}
.iifin-checkout-scope .wc-block-components-checkout-place-order-button:active{
  transform: translateY(0);
}

.iifin-checkout-scope .wc-block-components-checkout-return-to-cart-button{
  display: none !important;
}

/* Digital-only */
.iifin-checkout-scope .wp-block-woocommerce-checkout-shipping-method-block,
.iifin-checkout-scope .wp-block-woocommerce-checkout-pickup-options-block{
  display: none !important;
}

/* =========================================================
   6) MOBILE: сайдбар вниз
   ========================================================= */
@media (max-width: 840px){
  .iifin-checkout-scope .wc-block-components-sidebar-layout.wc-block-checkout.is-large{
    display: block !important;
  }
  .iifin-checkout-scope .wc-block-components-sidebar.wc-block-checkout__sidebar.is-sticky{
    position: static !important;
    top: auto !important;
  }
  .iifin-checkout-scope .wc-block-components-checkout-step{
    padding: 14px 14px !important;
    box-shadow: 0 6px 18px rgba(17,24,39,.07) !important;
  }
}
/* =========================================================
   IIFIN – Checkout: вернуть карточки (steps + sidebar)
   ВСТАВИТЬ В САМЫЙ КОНЕЦ CSS
   ========================================================= */

/* 1) Левый столбец: шаги оформления как карточки */
.iifin-checkout-scope .wc-block-components-checkout-step{
  background: var(--iifin-card, #fff) !important;
  border: 1px solid var(--iifin-border, rgba(0,0,0,.07)) !important;
  border-radius: var(--iifin-radius, 16px) !important;
  box-shadow: var(--iifin-shadow, 0 8px 24px rgba(17,24,39,.08)) !important;
  padding: 18px 18px !important;
  margin: 0 0 16px !important;
}

/* Иногда Woo кладёт внутреннюю подложку — тоже сбрасываем/подтягиваем */
.iifin-checkout-scope .wc-block-components-checkout-step__content{
  background: transparent !important;
}

/* 2) Правый столбец: карточка “Детали заказа” */
.iifin-checkout-scope .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{
  background: var(--iifin-card, #fff) !important;
  border: 1px solid var(--iifin-border, rgba(0,0,0,.07)) !important;
  border-radius: var(--iifin-radius, 16px) !important;
  box-shadow: var(--iifin-shadow, 0 8px 24px rgba(17,24,39,.08)) !important;
  padding: 14px 14px !important;
}

/* 3) Если у сайдбара есть обёртка totals — тоже делаем прозрачной,
      чтобы не “съедала” карточный вид */
.iifin-checkout-scope .wp-block-woocommerce-checkout-totals-block,
.iifin-checkout-scope .wc-block-components-sidebar.wc-block-checkout__sidebar{
  background: transparent !important;
}
/* =========================================================
   IIFIN – Checkout: вернуть карточки БЕЗ scope-класса
   ВСТАВИТЬ В САМЫЙ КОНЕЦ CSS
   ========================================================= */

/* Левый столбец: шаги оформления как карточки */
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-checkout-step{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(17,24,39,.08) !important;
  padding: 18px 18px !important;
  margin: 0 0 16px !important;
}

/* Иногда внутренняя часть шага имеет свою подложку */
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-checkout-step__content{
  background: transparent !important;
}

/* Правый столбец: карточка “Детали заказа” */
.wp-block-woocommerce-checkout.wc-block-checkout
.wc-block-checkout__sidebar
.wp-block-woocommerce-checkout-order-summary-block{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(17,24,39,.08) !important;
  padding: 14px 14px !important;
}

/* Убираем возможные серые/белые подложки у обёрток main/sidebar */
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-main.wc-block-checkout__main,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-sidebar.wc-block-checkout__sidebar,
.wp-block-woocommerce-checkout.wc-block-checkout .wp-block-woocommerce-checkout-totals-block{
  background: transparent !important;
}
/* Делаем адресную форму устойчивой: сетка + фиксированный порядок */
.wc-block-components-address-form{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
}

/* Страна/регион — всегда первая строка на всю ширину */
.wc-block-components-address-form .wc-block-components-address-form__country{
  grid-column: 1 / -1 !important;
  order: 0 !important;
}

/* Имя/Фамилия — вторая строка по 1/2 */
.wc-block-components-address-form .wc-block-components-address-form__first_name{ order: 1 !important; }
.wc-block-components-address-form .wc-block-components-address-form__last_name{ order: 2 !important; }

/* Остальные поля — без неожиданного “order” */
.wc-block-components-address-form > *{
  order: 10;
}
/* =========================================================
   IIFIN – Checkout: fix misaligned "X" buttons (coupon chip + modals)
   ADD TO THE VERY END
   ========================================================= */

/* 1) Крестик удаления купона (чип) */
.iifin-checkout-scope .wc-block-components-chip__remove,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-chip__remove{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  padding: 0 !important;
}

.iifin-checkout-scope .wc-block-components-chip__remove svg,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-chip__remove svg{
  display: block !important;
}

/* Иногда иконка может быть span */
.iifin-checkout-scope .wc-block-components-chip__remove-icon,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-chip__remove-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

/* 2) Крестик в модалках WP/Woo (если доступен из DOM страницы) */
.iifin-checkout-scope .components-modal__header button,
.iifin-checkout-scope .components-modal__header .components-button,
.iifin-checkout-scope .wc-block-components-modal__header button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

.iifin-checkout-scope .components-modal__header button svg,
.iifin-checkout-scope .components-modal__header .components-button svg,
.iifin-checkout-scope .wc-block-components-modal__header button svg{
  display: block !important;
}
/* IIFIN: Hide "Return to cart" link on Woo Blocks Checkout */
.wc-block-components-checkout-return-to-cart-button{
  display: none !important;
}

/* =========================================================
 * IIFIN — Fix First/Last name alignment in Checkout (mobile)
 * ========================================================= */

@media (max-width: 480px) {
  .wc-block-components-address-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .wc-block-components-address-form__first_name,
  .wc-block-components-address-form__last_name {
    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
    margin: 0 !important;
  }

  .wc-block-components-address-form__first_name input,
  .wc-block-components-address-form__last_name input {
    width: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 480px) {
  .wc-block-components-address-form__first_name,
  .wc-block-components-address-form__last_name {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* =========================================================
   IIFIN — Checkout Blocks: Mobile fixes
   1) Stable First/Last name alignment (keep 2 columns)
   2) Remove duplicated "Детали заказа" on mobile (hide mini summary)
   ADD THIS TO THE VERY END OF CSS
   ========================================================= */

/* --- 1) FIX: Имя / Фамилия ровно в 2 колонки, остальные поля на всю ширину --- */
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-address-form{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
}

/* Страна — на всю ширину */
.wp-block-woocommerce-checkout.wc-block-checkout
.wc-block-components-address-form .wc-block-components-address-form__country{
  grid-column: 1 / -1 !important;
}

/* Имя/Фамилия — по полколонки */
.wp-block-woocommerce-checkout.wc-block-checkout
.wc-block-components-address-form .wc-block-components-address-form__first_name{
  grid-column: 1 / 2 !important;
}
.wp-block-woocommerce-checkout.wc-block-checkout
.wc-block-components-address-form .wc-block-components-address-form__last_name{
  grid-column: 2 / 3 !important;
}

/* Все остальные поля формы (если вдруг появятся) — на всю ширину */
.wp-block-woocommerce-checkout.wc-block-checkout
.wc-block-components-address-form > :not(.wc-block-components-address-form__first_name):not(.wc-block-components-address-form__last_name){
  grid-column: 1 / -1 !important;
}

/* На очень узких экранах не превращаемся в 1 колонку — оставляем 2 (как у тебя на скрине) */
@media (max-width: 480px){
  .wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-address-form{
    gap: 10px !important;
  }
}

/* ВАЖНО: убираем последствия твоих прошлых flex-правил (они ломают выравнивание) */
@media (max-width: 480px){
  .wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-address-form{
    flex-wrap: initial !important;
  }
  .wp-block-woocommerce-checkout.wc-block-checkout
  .wc-block-components-address-form__first_name,
  .wp-block-woocommerce-checkout.wc-block-checkout
  .wc-block-components-address-form__last_name{
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
}
/* =========================================================
   IIFIN – Checkout: remove duplicated "Order summary" on mobile
   Keep the bottom one (.checkout-order-summary-block-fill-wrapper)
   ========================================================= */

@media (max-width: 840px){
  .iifin-checkout-scope
  .wp-block-woocommerce-checkout-order-summary-block:not(.checkout-order-summary-block-fill-wrapper){
    display: none !important;
  }
}
/* =========================================================
   IIFIN — Woo Blocks Checkout (CLEAN FULL REPLACE)
   Scope: .iifin-checkout-scope
   ========================================================= */

.iifin-checkout-scope{
  --iifin-card:#fff;
  --iifin-text:#1f2937;
  --iifin-muted:#6b7280;
  --iifin-primary:#24A8A6;
  --iifin-primary-600:#0B7E95;
  --iifin-border:rgba(0,0,0,.07);
  --iifin-shadow:0 8px 24px rgba(17,24,39,.08);
  --iifin-radius:16px;
  --iifin-gap:20px;
  --iifin-sidebar-w:360px;
  --iifin-sticky-top:16px;
}

/* 0) КЛЮЧЕВОЕ: убираем "растягиватель" и min-height, который создаёт пустоту */
.iifin-checkout-scope .with-scroll-to-top__scroll-point{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.iifin-checkout-scope .wp-block-woocommerce-checkout,
.iifin-checkout-scope .wc-block-checkout,
.iifin-checkout-scope .wc-block-components-sidebar-layout{
  min-height:0 !important;
  height:auto !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* Базовая геометрия корневого блока */
.iifin-checkout-scope .wp-block-woocommerce-checkout.wc-block-checkout{
  max-width:980px;
  margin:0 auto;
  padding:10px 0 16px;
}

/* 1) Desktop layout (Woo помечает как is-large) */
.iifin-checkout-scope .wc-block-components-sidebar-layout.wc-block-checkout.is-large{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) var(--iifin-sidebar-w) !important;
  gap:var(--iifin-gap) !important;
  align-items:start !important;
}

.iifin-checkout-scope .wc-block-checkout__sidebar.is-sticky{
  position:sticky !important;
  top:var(--iifin-sticky-top) !important;
  align-self:start !important;
  height:fit-content !important;
}

/* 2) Карточки шагов */
.iifin-checkout-scope .wc-block-components-checkout-step{
  background:var(--iifin-card) !important;
  border:1px solid var(--iifin-border) !important;
  border-radius:var(--iifin-radius) !important;
  box-shadow:var(--iifin-shadow) !important;
  padding:18px !important;
  margin:0 0 16px !important;
}

.iifin-checkout-scope .wc-block-components-checkout-step__title{
  color:var(--iifin-text) !important;
  font-weight:800 !important;
}

.iifin-checkout-scope .wc-block-checkout__login-prompt,
.iifin-checkout-scope .wc-block-components-checkout-step__heading-content a{
  color:var(--iifin-primary-600) !important;
  text-decoration:none !important;
  border-bottom:1px dashed rgba(11,126,149,.45) !important;
}
.iifin-checkout-scope .wc-block-checkout__login-prompt:hover,
.iifin-checkout-scope .wc-block-components-checkout-step__heading-content a:hover{
  border-bottom-color:transparent !important;
}

/* 3) Sidebar card */
.iifin-checkout-scope .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{
  background:var(--iifin-card) !important;
  border:1px solid var(--iifin-border) !important;
  border-radius:var(--iifin-radius) !important;
  box-shadow:var(--iifin-shadow) !important;
  padding:14px !important;
}

/* 4) Inputs */
.iifin-checkout-scope .wc-block-components-text-input input,
.iifin-checkout-scope .wc-blocks-components-select__select,
.iifin-checkout-scope .wc-block-components-text-input textarea{
  border-radius:14px !important;
  border:1px solid rgba(0,0,0,.10) !important;
  background:#fff !important;
  box-shadow:none !important;
  color:var(--iifin-text) !important;
  outline:none !important;
}
.iifin-checkout-scope .wc-block-components-text-input input:focus,
.iifin-checkout-scope .wc-blocks-components-select__select:focus,
.iifin-checkout-scope .wc-block-components-text-input textarea:focus{
  border-color:rgba(36,168,166,.55) !important;
  box-shadow:0 0 0 4px rgba(36,168,166,.18) !important;
}

.iifin-checkout-scope .wc-block-components-text-input label,
.iifin-checkout-scope .wc-blocks-components-select__label{
  color:var(--iifin-muted) !important;
  font-weight:600 !important;
}

/* 5) CTA */
.iifin-checkout-scope .wc-block-components-checkout-place-order-button{
  border-radius:14px !important;
  background:var(--iifin-primary) !important;
  color:#fff !important;
  font-weight:800 !important;
  padding:14px 16px !important;
  box-shadow:0 10px 24px rgba(36,168,166,.25) !important;
  border:1px solid rgba(0,0,0,.02) !important;
}
.iifin-checkout-scope .wc-block-components-checkout-place-order-button:hover{
  background:var(--iifin-primary-600) !important;
}

.iifin-checkout-scope .wc-block-components-checkout-return-to-cart-button{
  display:none !important;
}

/* Digital-only: скрываем блоки доставки/самовывоза */
.iifin-checkout-scope .wp-block-woocommerce-checkout-shipping-method-block,
.iifin-checkout-scope .wp-block-woocommerce-checkout-pickup-options-block,
.iifin-checkout-scope .wp-block-woocommerce-checkout-shipping-address-block,
.iifin-checkout-scope .wp-block-woocommerce-checkout-shipping-methods-block{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* 6) Мобилка: сайдбар вниз + убираем верхний collapsible summary, оставляем нижний */
@media (max-width:840px){
  .iifin-checkout-scope .wc-block-components-sidebar-layout.wc-block-checkout.is-large{
    display:block !important;
  }
  .iifin-checkout-scope .wc-block-checkout__sidebar.is-sticky{
    position:static !important;
    top:auto !important;
  }
  .iifin-checkout-scope .wp-block-woocommerce-checkout-order-summary-block:not(.checkout-order-summary-block-fill-wrapper){
    display:none !important;
  }
}/* End custom CSS */