/*
 Theme Name: Prespa Child
 Template: prespa
 Description: Child theme — Services archive, hero, FAQ, dark theme, filters
 Author: Partmost
 Version: 1.1.4
*/

/* =====================  Токены  ===================== */
:root{
  --svc-gap: 24px;
  --svc-accent: #3a72d3;

  --svc-text: #111111;
  --svc-surface: #ffffff;
  --svc-border: #eeeeee;

  --svc-card-bg: #ffffff;
  --svc-card-bd: #e9eef3;

  /* dark */
  --svc-text-dark: #e6e6e6;
  --svc-surface-dark: #111417;
  --svc-border-dark: #23282d;
  --svc-card-bg-dark:#121417;
  --svc-card-bd-dark:#23282d;
}

/* =====================  Общие контейнеры  ===================== */
.svc-wrap{ max-width:1080px; margin:0 auto; padding:24px 16px 64px; }
.svc-wrap .svc-content,
.svc-wrap .svc-block{ width:100%; max-width:100%; margin:0; box-sizing:border-box; }

/* =====================  Hero  ===================== */
/* Вариант-1: двухколоночный (устойчив к сеткам темы) */
.svc-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr) !important;
  gap:var(--svc-gap) !important;
  align-items:center !important;
  margin:12px 0 24px !important;
  width:100% !important; max-width:100% !important;
}
.svc-hero > *{ min-width:0; }
@media (max-width:1024px){ .svc-hero{ grid-template-columns:1fr !important; } }

/* Вариант-2: заголовок на всю ширину + контент/картинка */
.svc-hero--grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr) !important;
  grid-template-rows:auto auto;
  gap:19px !important; align-items:center !important;
  margin:12px 0 24px !important; width:100% !important; max-width:100% !important;
}
.svc-hero__title{ grid-column:1 / -1; grid-row:1; margin:0 0 8px; line-height:1.2; }
.svc-hero__left{ grid-column:1; grid-row:2; min-width:0; }
.svc-hero__right{ grid-column:2; grid-row:2; min-width:0; }
.svc-hero--grid:not(.has-cover) .svc-hero__left{ grid-column:1 / -1; }
@media (max-width:1024px){
  .svc-hero--grid{ grid-template-columns:1fr !important; grid-template-rows:auto auto auto; }
  .svc-hero__title{ grid-column:1; grid-row:1; }
  .svc-hero__left{ grid-column:1; grid-row:2; }
  .svc-hero__right{ grid-column:1; grid-row:3; }
}

/* Вариант-3: стек (h1 → обложка → текст) */
.svc-hero--stack{ display:block !important; margin:12px 0 24px; }
.svc-hero__cover{ margin:12px 0 16px; }
.svc-hero__cover img,
.svc-cover__img{ width:100%; height:auto; display:block; border-radius:12px; }

/* Заголовки/подзаголовки/мета */
.svc-title{ margin:0 0 8px; line-height:1.2; }
.svc-teaser{ margin:6px 0 12px; opacity:.9; }
.svc-meta{ display:flex; align-items:center; gap:10px; margin:6px 0 16px; flex-wrap:wrap; }
.svc-badge{ display:inline-block; background:#e8f0ff; color:var(--svc-accent); border-radius:999px; padding:6px 12px; font-weight:600; }
.svc-dot{ opacity:.5; }
.svc-sub{ opacity:.8; }
.svc-cta-row{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; }

/* =====================  Списки/шаги/FAQ  ===================== */
.svc-list{ list-style:none !important; margin:0; padding:0; display:grid; gap:8px; }
.svc-list > li{ position:relative; padding-left:24px; }
.svc-list > li::before{ content:"•"; position:absolute; left:0; top:0; color:var(--svc-accent); font-weight:700; line-height:1; }
.svc-bullet{ display:none !important; }

.svc-steps{ list-style:none; margin:0; padding:0; display:grid; gap:14px; counter-reset:svcstep; }
.svc-steps > li{
  position:relative; counter-increment:svcstep;
  background:var(--svc-surface); border:1px solid var(--svc-border);
  border-radius:12px; padding:14px 16px 12px 44px;
}
.svc-steps > li::before{
  content:counter(svcstep); position:absolute; left:12px; top:12px;
  width:24px; height:24px; border-radius:50%; display:grid; place-items:center;
  background:var(--svc-accent); color:#fff; font-weight:700;
}
.svc-step-desc{ margin-top:4px; opacity:.9; }
.svc-step-time{ display:inline-block; margin-top:6px; color:#666; }

.svc-two{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
@media (max-width:780px){ .svc-two{ grid-template-columns:1fr; } }

.svc-faq details{
  border:1px solid var(--svc-border); border-radius:10px;
  background:var(--svc-surface); padding:10px 12px;
}
.svc-faq details + details{ margin-top:10px; }
.svc-faq summary{ cursor:pointer; font-weight:600; list-style:none; }
.svc-faq summary::-webkit-details-marker{ display:none; }

.svc-cta-center{ text-align:center; margin:36px 0 8px; }

/* =====================  Тёмная тема  ===================== */
.dark-mode .svc-steps > li,
body.dark .svc-steps > li{
  background:var(--svc-surface-dark); border-color:var(--svc-border-dark); color:var(--svc-text-dark);
}
.dark-mode .svc-faq details,
body.dark .svc-faq details{
  background:var(--svc-surface-dark); border-color:var(--svc-border-dark); color:var(--svc-text-dark);
}
.dark-mode .svc-list > li::before,
body.dark .svc-list > li::before{ color:var(--svc-accent); }
.dark-mode .svc-step-time,
body.dark .svc-step-time{ color:#9aa4ad; }

.svc-steps > li:focus-within,
.svc-faq details:focus-within{ outline:2px solid rgba(29,61,246,.25); outline-offset:2px; }

/* =====================  Архив услуг: сетка/карточки  ===================== */
.svc-arch{ max-width:1180px; margin:0 auto; padding:24px 16px 56px; }
.svc-arch__head{ margin:4px 0 18px; }
.svc-arch__title{ margin:0 0 6px; line-height:1.15; }

/* Описание архива временно скрыто, чтобы не прыгала высота при фильтре */
.svc-arch__desc{ display:none !important; }

/* Сетка */
.svc-grid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--svc-gap);
}
@media (max-width:1180px){ .svc-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:640px){ .svc-grid{ grid-template-columns:1fr; } }

/* Карточка */
.svc-card{
  display:flex; flex-direction:column;
  background:var(--svc-card-bg); border:1px solid var(--svc-card-bd);
  border-radius:14px; overflow:hidden;
}
body.dark .svc-card,
.dark-mode .svc-card{ background:var(--svc-card-bg-dark); border-color:var(--svc-card-bd-dark); color:var(--svc-text-dark); }

.svc-card__thumb{ display:block; aspect-ratio:16/9; background:#f3f6fa; }
.svc-card__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.svc-card__ph{ width:100%; height:100%; background:linear-gradient(180deg,#f0f3f7,#e8edf3); }
body.dark .svc-card__thumb{ background:#0f1215; }
body.dark .svc-card__ph{ background:#0f1215; }

.svc-card__body{ padding:14px 14px 16px; display:flex; flex-direction:column; gap:10px; }
.svc-card__title{ margin:0; font-size:1.05rem; line-height:1.25; }
.svc-card__title a{ text-decoration:none; }

/* Тизеры временно скрыты — зафиксированная высота карточки */
.svc-card__teaser{ display:none !important; }

.svc-card__meta{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.svc-card__price{ display:inline-block; background:#e8f0ff; color:var(--svc-accent); padding:6px 10px; border-radius:999px; font-weight:600; }
.svc-card__dot{ opacity:.5; }
.svc-card__dur{ opacity:.85; }
.svc-card__cta{ margin-top:6px; }

/* Пагинация */
.svc-arch__pager{ margin-top:28px; text-align:center; }
.svc-arch__pager .pagination,
.svc-arch__pager .nav-links{ display:inline-flex; gap:8px; align-items:center; }
.svc-arch__pager a, .svc-arch__pager span{
  display:inline-block; min-width:38px; padding:8px 10px; border:1px solid var(--svc-card-bd);
  border-radius:10px; text-decoration:none;
}
body.dark .svc-arch__pager a, body.dark .svc-arch__pager span{ border-color:var(--svc-card-bd-dark); }
.svc-arch__pager .current{ background:#e8f0ff; color:var(--svc-accent); font-weight:700; }

.svc-arch__empty{ opacity:.8; margin:12px 0 32px; }

/* =====================  Фильтры (селект + «Показать все»)  ===================== */
/* Оставлен только селект — без горизонтальных чипов */
.svc-filterbar{
  display:flex; align-items:center; gap:10px;
  margin:6px 0 2px; flex-wrap:wrap; justify-content:flex-start;
}
.svc-select-wrap{ flex:0 0 auto; }

/* Добавлен «воздух» справа под стрелку селекта */
.svc-select{
  min-width:220px;
  padding:8px 14px 8px 12px; /* right 14px => больше места для стрелки */
  border-radius:10px;
  border:1px solid var(--svc-card-bd,#e9eef3);
  background:#fff;
  color:var(--svc-text);
  line-height:1.2;
}
.svc-select::-ms-expand{ display:none; }
@supports(-webkit-appearance:none){
  .svc-select{ -webkit-appearance:none; background-position:right 10px center; }
}

/* Кнопка «Показать все» (скрывается через hidden, управляется JS) */
.svc-reset{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px;
  border:1px solid var(--svc-card-bd,#e9eef3);
  background:#f7f9ff;
  color:var(--svc-accent,#3a72d3);
  border-radius:10px;
  font-weight:600; cursor:pointer;
  transition:background .15s, box-shadow .15s, border-color .15s;
}
.svc-reset:hover{ background:#eef3ff; box-shadow:0 1px 0 rgba(0,0,0,.04); }
.svc-reset[hidden]{ display:none !important; }

@media (max-width:780px){
  .svc-filterbar{ gap:8px; }
  .svc-select{ min-width:100%; }
  .svc-reset{ width:100%; justify-content:center; }
}
/* === Select: стрелка + дополнительный отступ справа === */
.svc-select{
  /* собственная стрелка */
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%233a72d3' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;   /* «воздух» справа */
  background-size: 14px 14px;

  /* чтобы текст не наехал на стрелку */
  padding-right: 38px;                      /* было 10px → стало 38px */
}

/* Тёмная тема: светлая стрелка и фон/бордер под тёмную палитру */
body.dark .svc-select,
.dark-mode .svc-select{
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23e6e6e6' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
  background-color: var(--svc-card-bg-dark, #121417);
  border-color: var(--svc-card-bd-dark, #23282d);
  color: var(--svc-text-dark, #e6e6e6);
}

/* iOS/старые браузеры — гарантируем, что «системные» стрелки не мешают */
select::-ms-expand{ display:none; }
/* Мобила: селект и кнопка на всю ширину */
@media (max-width: 780px){
  .svc-filterbar,
  #svc-filters{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .svc-select-wrap{ width:100%; }
  .svc-select{
    width:100%;
    max-width:100%;
    min-width:0;           /* переопределяет ранее заданные 180–220px */
    padding-right:38px;    /* воздух для стрелки сохраняем */
  }
  #svc-reset{
    width:100%;
    justify-self: stretch;
  }
}


.footer-payment-banner {
    text-align: center;
    padding: 24px 0 16px;
}

.footer-payment-banner img {
    display: inline-block;
    width: 100%;
    max-width: 560px;
    height: auto;
}

/* БелОфис shop: красивая плашка "Распродажа" */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    position: absolute;
    top: 12px;
    left: 12px;
    right: auto;
    min-height: auto;
    min-width: auto;
    margin: 0;
    padding: 6px 10px;
    border: 0;
    border-radius: 5px;
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 3;
    box-shadow: 0 6px 18px rgba(24, 43, 79, 0.14);
    background: linear-gradient(135deg, #5a7dff 0%, #7aa7ff 100%);
    color: #ffffff;
}

/* легкий внутренний акцент */
.woocommerce ul.products li.product .onsale::before,
.woocommerce span.onsale::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.04) 100%);
    pointer-events: none;
}

/* чтобы текст был поверх псевдоэлемента */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    overflow: hidden;
}

/* темная тема */
body.dark-mode .woocommerce ul.products li.product .onsale,
body.dark-mode .woocommerce span.onsale,
[data-theme="dark"] .woocommerce ul.products li.product .onsale,
[data-theme="dark"] .woocommerce span.onsale,
.theme-dark .woocommerce ul.products li.product .onsale,
.theme-dark .woocommerce span.onsale {
    background: linear-gradient(135deg, #3f63f3 0%, #5a8cff 100%);
    color: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
}

/* hover карточки */
.woocommerce ul.products li.product:hover .onsale {
    transform: translateY(-1px);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* мобильная версия */
@media (max-width: 767px) {
    .woocommerce ul.products li.product .onsale,
    .woocommerce span.onsale {
        top: 10px;
        left: 10px;
        padding: 5px 9px;
        font-size: 11px;
    }
}

.woocommerce .woocommerce-ordering select {
    padding: 5px;
}


/* БелОфис shop: единый стиль кнопок товаров */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product button.button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .product_type_simple,
.woocommerce ul.products li.product .product_type_variable,
.woocommerce ul.products li.product .product_type_external,
.woocommerce ul.products li.product .product_type_grouped {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #d9e6ff;
    border-radius: 10px;
    background: linear-gradient(180deg, #f7faff 0%, #edf4ff 100%);
    color: #2f5fb8;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(64, 110, 196, 0.08);
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

/* hover */
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product button.button:hover,
.woocommerce ul.products li.product .added_to_cart:hover,
.woocommerce ul.products li.product .product_type_simple:hover,
.woocommerce ul.products li.product .product_type_variable:hover,
.woocommerce ul.products li.product .product_type_external:hover,
.woocommerce ul.products li.product .product_type_grouped:hover {
    background: linear-gradient(180deg, #eaf2ff 0%, #dfeaff 100%);
    border-color: #bfd4ff;
    color: #244d98;
    box-shadow: 0 6px 16px rgba(64, 110, 196, 0.14);
    transform: translateY(-1px);
}

/* active */
.woocommerce ul.products li.product .button:active,
.woocommerce ul.products li.product a.button:active,
.woocommerce ul.products li.product button.button:active,
.woocommerce ul.products li.product .added_to_cart:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(64, 110, 196, 0.10);
}

/* "Подробнее" можно чуть нейтральнее */
.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product .button.product_type_grouped,
.woocommerce ul.products li.product .button.product_type_external {
    background: linear-gradient(180deg, #f5f7fb 0%, #ebf0f8 100%);
    border-color: #dbe3f0;
    color: #41506b;
}

.woocommerce ul.products li.product .button.product_type_variable:hover,
.woocommerce ul.products li.product .button.product_type_grouped:hover,
.woocommerce ul.products li.product .button.product_type_external:hover {
    background: linear-gradient(180deg, #eef3fa 0%, #e4ebf6 100%);
    border-color: #cdd8e8;
    color: #2f3d55;
}

/* после добавления в корзину */
.woocommerce ul.products li.product .added_to_cart {
    background: linear-gradient(180deg, #eef6ff 0%, #e2efff 100%);
    border-color: #c6dbff;
    color: #2756a8;
}

/* темная тема */
body.dark-mode .woocommerce ul.products li.product .button,
body.dark-mode .woocommerce ul.products li.product a.button,
body.dark-mode .woocommerce ul.products li.product button.button,
body.dark-mode .woocommerce ul.products li.product .added_to_cart,
[data-theme="dark"] .woocommerce ul.products li.product .button,
[data-theme="dark"] .woocommerce ul.products li.product a.button,
[data-theme="dark"] .woocommerce ul.products li.product button.button,
[data-theme="dark"] .woocommerce ul.products li.product .added_to_cart,
.theme-dark .woocommerce ul.products li.product .button,
.theme-dark .woocommerce ul.products li.product a.button,
.theme-dark .woocommerce ul.products li.product button.button,
.theme-dark .woocommerce ul.products li.product .added_to_cart {
    background: linear-gradient(180deg, #18263d 0%, #213252 100%);
    border-color: #2f4670;
    color: #dbe8ff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

body.dark-mode .woocommerce ul.products li.product .button:hover,
body.dark-mode .woocommerce ul.products li.product a.button:hover,
body.dark-mode .woocommerce ul.products li.product button.button:hover,
body.dark-mode .woocommerce ul.products li.product .added_to_cart:hover,
[data-theme="dark"] .woocommerce ul.products li.product .button:hover,
[data-theme="dark"] .woocommerce ul.products li.product a.button:hover,
[data-theme="dark"] .woocommerce ul.products li.product button.button:hover,
[data-theme="dark"] .woocommerce ul.products li.product .added_to_cart:hover,
.theme-dark .woocommerce ul.products li.product .button:hover,
.theme-dark .woocommerce ul.products li.product a.button:hover,
.theme-dark .woocommerce ul.products li.product button.button:hover,
.theme-dark .woocommerce ul.products li.product .added_to_cart:hover {
    background: linear-gradient(180deg, #213252 0%, #29406a 100%);
    border-color: #41639d;
    color: #ffffff;
}

/* если тема добавляет лишние отступы */
.woocommerce ul.products li.product .woocommerce-loop-product__link + .button,
.woocommerce ul.products li.product .wc-forward,
.woocommerce ul.products li.product .added_to_cart {
    margin-top: 10px;
}

/* БелОфис shop: сортировка со своей стрелкой */
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    position: relative;
    margin: 0 0 28px;
    display: inline-block;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select,
form.woocommerce-ordering select.orderby {
    min-height: 38px;
    padding: 0 42px 0 14px;
    border: 1px solid #d9e6ff;
    border-radius: 10px;
    background: linear-gradient(180deg, #f7faff 0%, #edf4ff 100%);
    color: #35538a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: 0 2px 8px rgba(64, 110, 196, 0.08);
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.woocommerce .woocommerce-ordering::after,
.woocommerce-page .woocommerce-ordering::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-right: 2px solid #6a8fdc;
    border-bottom: 2px solid #6a8fdc;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 2;
}

.woocommerce .woocommerce-ordering select:hover,
.woocommerce-page .woocommerce-ordering select:hover,
form.woocommerce-ordering select.orderby:hover {
    border-color: #bfd4ff;
    background: linear-gradient(180deg, #eef5ff 0%, #e4eeff 100%);
    box-shadow: 0 6px 16px rgba(64, 110, 196, 0.14);
    color: #28497f;
}

.woocommerce .woocommerce-ordering:hover::after,
.woocommerce-page .woocommerce-ordering:hover::after {
    border-right-color: #5b7fd1;
    border-bottom-color: #5b7fd1;
}

.woocommerce .woocommerce-ordering select:focus,
.woocommerce-page .woocommerce-ordering select:focus,
form.woocommerce-ordering select.orderby:focus {
    border-color: #9ebeff;
    box-shadow: 0 0 0 3px rgba(91, 127, 209, 0.14);
}

/* темная тема */
body.dark-mode .woocommerce .woocommerce-ordering select,
body.dark-mode .woocommerce-page .woocommerce-ordering select,
body.dark-mode form.woocommerce-ordering select.orderby,
[data-theme="dark"] .woocommerce .woocommerce-ordering select,
[data-theme="dark"] .woocommerce-page .woocommerce-ordering select,
[data-theme="dark"] form.woocommerce-ordering select.orderby,
.theme-dark .woocommerce .woocommerce-ordering select,
.theme-dark .woocommerce-page .woocommerce-ordering select,
.theme-dark form.woocommerce-ordering select.orderby {
    border-color: #2f4670;
    background: linear-gradient(180deg, #18263d 0%, #213252 100%);
    color: #dbe8ff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

body.dark-mode .woocommerce .woocommerce-ordering::after,
body.dark-mode .woocommerce-page .woocommerce-ordering::after,
[data-theme="dark"] .woocommerce .woocommerce-ordering::after,
[data-theme="dark"] .woocommerce-page .woocommerce-ordering::after,
.theme-dark .woocommerce .woocommerce-ordering::after,
.theme-dark .woocommerce-page .woocommerce-ordering::after {
    border-right-color: #9dbdff;
    border-bottom-color: #9dbdff;
}

body.dark-mode .woocommerce .woocommerce-ordering select:hover,
body.dark-mode .woocommerce-page .woocommerce-ordering select:hover,
body.dark-mode form.woocommerce-ordering select.orderby:hover,
[data-theme="dark"] .woocommerce .woocommerce-ordering select:hover,
[data-theme="dark"] .woocommerce-page .woocommerce-ordering select:hover,
[data-theme="dark"] form.woocommerce-ordering select.orderby:hover,
.theme-dark .woocommerce .woocommerce-ordering select:hover,
.theme-dark .woocommerce-page .woocommerce-ordering select:hover,
.theme-dark form.woocommerce-ordering select.orderby:hover {
    border-color: #41639d;
    background: linear-gradient(180deg, #213252 0%, #29406a 100%);
    color: #ffffff;
}

body.dark-mode .woocommerce .woocommerce-ordering:hover::after,
body.dark-mode .woocommerce-page .woocommerce-ordering:hover::after,
[data-theme="dark"] .woocommerce .woocommerce-ordering:hover::after,
[data-theme="dark"] .woocommerce-page .woocommerce-ordering:hover::after,
.theme-dark .woocommerce .woocommerce-ordering:hover::after,
.theme-dark .woocommerce-page .woocommerce-ordering:hover::after {
    border-right-color: #c6d9ff;
    border-bottom-color: #c6d9ff;
}

@media (max-width: 767px) {
    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    .woocommerce .woocommerce-ordering select,
    .woocommerce-page .woocommerce-ordering select,
    form.woocommerce-ordering select.orderby {
        width: 100%;
    }
}

/* Главная БелОфис: карточки сервисов под иконками */
.pattern-services .wp-block-group,
.pattern-services .wp-block-column > .wp-block-group,
.pattern-services .is-layout-constrained.wp-block-group {
    border-radius: 18px;
}

/* сам блок подписи под иконкой */
.pattern-services .has-grey-background-color,
.pattern-services .wp-block-group.has-grey-background-color {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%) !important;
    border: 1px solid #dbe7f6;
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(57, 88, 141, 0.08);
    padding: 18px 16px 16px !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

/* hover */
.pattern-services .wp-block-column:hover .has-grey-background-color,
.pattern-services .wp-block-column:hover .wp-block-group.has-grey-background-color {
    transform: translateY(-3px);
    border-color: #c8d9f0;
    box-shadow: 0 16px 34px rgba(57, 88, 141, 0.12);
    background: linear-gradient(180deg, #fbfdff 0%, #edf5ff 100%) !important;
}

/* заголовок сервиса */
.pattern-services .has-grey-background-color h3,
.pattern-services .wp-block-group.has-grey-background-color h3,
.pattern-services .has-grey-background-color h3 a,
.pattern-services .wp-block-group.has-grey-background-color h3 a {
    margin: 0 0 8px;
    color: #273b5f;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

/* подзаголовок */
.pattern-services .has-grey-background-color p,
.pattern-services .wp-block-group.has-grey-background-color p {
    margin: 0;
    color: #6a7b95;
    font-size: 14px;
    line-height: 1.45;
}

/* чуть лучше связываем иконку и подпись */
.pattern-services .wp-block-image {
    margin-bottom: 12px;
}

.pattern-services .wp-block-column {
    transition: transform 0.18s ease;
}

/* темная тема */
body.dark-mode .pattern-services .has-grey-background-color,
body.dark-mode .pattern-services .wp-block-group.has-grey-background-color,
[data-theme="dark"] .pattern-services .has-grey-background-color,
[data-theme="dark"] .pattern-services .wp-block-group.has-grey-background-color,
.theme-dark .pattern-services .has-grey-background-color,
.theme-dark .pattern-services .wp-block-group.has-grey-background-color {
    background: linear-gradient(180deg, #162133 0%, #1d2b43 100%) !important;
    border-color: #2c415f;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
}

body.dark-mode .pattern-services .wp-block-column:hover .has-grey-background-color,
body.dark-mode .pattern-services .wp-block-column:hover .wp-block-group.has-grey-background-color,
[data-theme="dark"] .pattern-services .wp-block-column:hover .has-grey-background-color,
[data-theme="dark"] .pattern-services .wp-block-column:hover .wp-block-group.has-grey-background-color,
.theme-dark .pattern-services .wp-block-column:hover .has-grey-background-color,
.theme-dark .pattern-services .wp-block-column:hover .wp-block-group.has-grey-background-color {
    background: linear-gradient(180deg, #1a2840 0%, #233553 100%) !important;
    border-color: #3a567f;
}

body.dark-mode .pattern-services .has-grey-background-color h3,
body.dark-mode .pattern-services .wp-block-group.has-grey-background-color h3,
body.dark-mode .pattern-services .has-grey-background-color h3 a,
body.dark-mode .pattern-services .wp-block-group.has-grey-background-color h3 a,
[data-theme="dark"] .pattern-services .has-grey-background-color h3,
[data-theme="dark"] .pattern-services .wp-block-group.has-grey-background-color h3,
[data-theme="dark"] .pattern-services .has-grey-background-color h3 a,
[data-theme="dark"] .pattern-services .wp-block-group.has-grey-background-color h3 a,
.theme-dark .pattern-services .has-grey-background-color h3,
.theme-dark .pattern-services .wp-block-group.has-grey-background-color h3,
.theme-dark .pattern-services .has-grey-background-color h3 a,
.theme-dark .pattern-services .wp-block-group.has-grey-background-color h3 a {
    color: #eef4ff;
}

body.dark-mode .pattern-services .has-grey-background-color p,
body.dark-mode .pattern-services .wp-block-group.has-grey-background-color p,
[data-theme="dark"] .pattern-services .has-grey-background-color p,
[data-theme="dark"] .pattern-services .wp-block-group.has-grey-background-color p,
.theme-dark .pattern-services .has-grey-background-color p,
.theme-dark .pattern-services .wp-block-group.has-grey-background-color p {
    color: #9eb1cd;
}

/* мобильная адаптация */
@media (max-width: 767px) {
    .pattern-services .has-grey-background-color,
    .pattern-services .wp-block-group.has-grey-background-color {
        padding: 16px 14px 14px !important;
        border-radius: 14px;
    }

    .pattern-services .has-grey-background-color h3,
    .pattern-services .wp-block-group.has-grey-background-color h3,
    .pattern-services .has-grey-background-color h3 a,
    .pattern-services .wp-block-group.has-grey-background-color h3 a {
        font-size: 19px;
    }

    .pattern-services .has-grey-background-color p,
    .pattern-services .wp-block-group.has-grey-background-color p {
        font-size: 13px;
    }
}


/* БелОфис: добивка dark mode для карточек сервисов */
body.dark-mode .wp-block-group.has-white-background-color,
body.dark-mode .wp-block-group.has-white-background-color.has-background,
[data-theme="dark"] .wp-block-group.has-white-background-color,
[data-theme="dark"] .wp-block-group.has-white-background-color.has-background,
.theme-dark .wp-block-group.has-white-background-color,
.theme-dark .wp-block-group.has-white-background-color.has-background {
    background: linear-gradient(180deg, #162133 0%, #1e2b43 100%) !important;
    background-color: #1e2b43 !important;
    border-color: #2d425f !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

/* заголовки карточек */
body.dark-mode .wp-block-group.has-white-background-color h3,
body.dark-mode .wp-block-group.has-white-background-color h3 a,
body.dark-mode .wp-block-group.has-white-background-color .wp-block-heading,
[data-theme="dark"] .wp-block-group.has-white-background-color h3,
[data-theme="dark"] .wp-block-group.has-white-background-color h3 a,
[data-theme="dark"] .wp-block-group.has-white-background-color .wp-block-heading,
.theme-dark .wp-block-group.has-white-background-color h3,
.theme-dark .wp-block-group.has-white-background-color h3 a,
.theme-dark .wp-block-group.has-white-background-color .wp-block-heading {
    color: #eef4ff !important;
}

/* если у заголовка встроенный inline color */
body.dark-mode .wp-block-group.has-white-background-color [style*="color"],
[data-theme="dark"] .wp-block-group.has-white-background-color [style*="color"],
.theme-dark .wp-block-group.has-white-background-color [style*="color"] {
    color: inherit;
}

/* описание карточек */
body.dark-mode .wp-block-group.has-white-background-color p,
body.dark-mode .wp-block-group.has-white-background-color li,
body.dark-mode .wp-block-group.has-white-background-color .has-text-color,
[data-theme="dark"] .wp-block-group.has-white-background-color p,
[data-theme="dark"] .wp-block-group.has-white-background-color li,
[data-theme="dark"] .wp-block-group.has-white-background-color .has-text-color,
.theme-dark .wp-block-group.has-white-background-color p,
.theme-dark .wp-block-group.has-white-background-color li,
.theme-dark .wp-block-group.has-white-background-color .has-text-color {
    color: #c8d6ec !important;
}

/* ссылки внутри карточек */
body.dark-mode .wp-block-group.has-white-background-color a:not(.wp-block-button__link),
[data-theme="dark"] .wp-block-group.has-white-background-color a:not(.wp-block-button__link),
.theme-dark .wp-block-group.has-white-background-color a:not(.wp-block-button__link) {
    color: #eaf2ff !important;
}

/* маленькая светлая плашка внутри карточки */
body.dark-mode .wp-block-group.has-white-background-color .has-background:not(.wp-block-button__link):not(.wp-block-buttons),
body.dark-mode .wp-block-group.has-white-background-color .wp-block-group.has-background,
[data-theme="dark"] .wp-block-group.has-white-background-color .has-background:not(.wp-block-button__link):not(.wp-block-buttons),
[data-theme="dark"] .wp-block-group.has-white-background-color .wp-block-group.has-background,
.theme-dark .wp-block-group.has-white-background-color .has-background:not(.wp-block-button__link):not(.wp-block-buttons),
.theme-dark .wp-block-group.has-white-background-color .wp-block-group.has-background {
    background: linear-gradient(180deg, #243654 0%, #2d456a 100%) !important;
    background-color: #2d456a !important;
    border-color: #3d5c8b !important;
    color: #e5efff !important;
}

/* текст внутри этой плашки */
body.dark-mode .wp-block-group.has-white-background-color .has-background p,
body.dark-mode .wp-block-group.has-white-background-color .has-background span,
body.dark-mode .wp-block-group.has-white-background-color .has-background strong,
[data-theme="dark"] .wp-block-group.has-white-background-color .has-background p,
[data-theme="dark"] .wp-block-group.has-white-background-color .has-background span,
[data-theme="dark"] .wp-block-group.has-white-background-color .has-background strong,
.theme-dark .wp-block-group.has-white-background-color .has-background p,
.theme-dark .wp-block-group.has-white-background-color .has-background span,
.theme-dark .wp-block-group.has-white-background-color .has-background strong {
    color: #e5efff !important;
}

/* кнопки внутри карточек не ломаем, а чуть улучшаем */
body.dark-mode .wp-block-group.has-white-background-color .wp-block-button__link,
[data-theme="dark"] .wp-block-group.has-white-background-color .wp-block-button__link,
.theme-dark .wp-block-group.has-white-background-color .wp-block-button__link {
    background: linear-gradient(180deg, #1a4bb8 0%, #163f9a 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25) !important;
}

body.dark-mode .wp-block-group.has-white-background-color .wp-block-button__link:hover,
[data-theme="dark"] .wp-block-group.has-white-background-color .wp-block-button__link:hover,
.theme-dark .wp-block-group.has-white-background-color .wp-block-button__link:hover {
    background: linear-gradient(180deg, #2258d1 0%, #1a4bb8 100%) !important;
    color: #ffffff !important;
}

/* если WordPress тянет preset белого */
body.dark-mode,
[data-theme="dark"],
.theme-dark {
    --wp--preset--color--white: #1e2b43;
    --wp--preset--color--base: #1e2b43;
    --wp--preset--color--contrast: #eef4ff;
}

/* БелОфис: темный фон всей секции сервисов на главной */
body.dark-mode .wp-block-group.alignfull.has-gray-background-color.has-background,
body.dark-mode .wp-block-group.alignfull.has-grey-background-color.has-background,
[data-theme="dark"] .wp-block-group.alignfull.has-gray-background-color.has-background,
[data-theme="dark"] .wp-block-group.alignfull.has-grey-background-color.has-background,
.theme-dark .wp-block-group.alignfull.has-gray-background-color.has-background,
.theme-dark .wp-block-group.alignfull.has-grey-background-color.has-background {
    background: linear-gradient(180deg, #101821 0%, #16202d 100%) !important;
    background-color: #16202d !important;
    border-top-color: #223042 !important;
    border-right-color: #223042 !important;
    border-bottom-color: #223042 !important;
    border-left-color: #223042 !important;
}

/* заголовок и подзаголовок внутри этой секции */
body.dark-mode .wp-block-group.alignfull.has-gray-background-color.has-background > h2,
body.dark-mode .wp-block-group.alignfull.has-gray-background-color.has-background > p,
body.dark-mode .wp-block-group.alignfull.has-grey-background-color.has-background > h2,
body.dark-mode .wp-block-group.alignfull.has-grey-background-color.has-background > p,
[data-theme="dark"] .wp-block-group.alignfull.has-gray-background-color.has-background > h2,
[data-theme="dark"] .wp-block-group.alignfull.has-gray-background-color.has-background > p,
[data-theme="dark"] .wp-block-group.alignfull.has-grey-background-color.has-background > h2,
[data-theme="dark"] .wp-block-group.alignfull.has-grey-background-color.has-background > p,
.theme-dark .wp-block-group.alignfull.has-gray-background-color.has-background > h2,
.theme-dark .wp-block-group.alignfull.has-gray-background-color.has-background > p,
.theme-dark .wp-block-group.alignfull.has-grey-background-color.has-background > h2,
.theme-dark .wp-block-group.alignfull.has-grey-background-color.has-background > p {
    color: #eef4ff !important;
}

/* если тема тянет preset серого фона */
body.dark-mode .wp-block-group.alignfull.has-gray-background-color.has-background,
body.dark-mode .wp-block-group.alignfull.has-grey-background-color.has-background,
[data-theme="dark"] .wp-block-group.alignfull.has-gray-background-color.has-background,
[data-theme="dark"] .wp-block-group.alignfull.has-grey-background-color.has-background,
.theme-dark .wp-block-group.alignfull.has-gray-background-color.has-background,
.theme-dark .wp-block-group.alignfull.has-grey-background-color.has-background {
    --wp--preset--color--gray: #16202d;
    --wp--preset--color--grey: #16202d;
    --wp--preset--color--silver-blue: #223042;
}
/* ракета в кнопке */
.btn-rocket .wp-block-button__link::before {
  content: "🚀";
  display: inline-block;
  margin-right: 8px;
}

.btn-rocket .wp-block-button__link{
  transition: all 0.25s ease;
}

.btn-rocket .wp-block-button__link:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(0,0,0,0.14);
}

.btn-rocket .wp-block-button__link::before{
  transition: transform 0.25s ease;
}

.btn-rocket .wp-block-button__link:hover::before{
  transform: translateX(3px);
}



.is-style-outline .wp-block-button__link{
  transition: all 0.25s ease;
}

.is-style-outline .wp-block-button__link:hover{
  background: #f7faff;
  border-color: #c8d7ee;
  color: #163d73;
  box-shadow: 0 6px 14px rgba(16, 36, 68, 0.08);
  transform: translateY(-1px);
}



.btn-tarif .wp-block-button__link{
  transition: all 0.25s ease;
}

.btn-tarif .wp-block-button__link:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 22px rgba(20, 40, 80, 0.16);
  filter: brightness(0.97);
}

.wp-block-group.has-background:has(.rb-badge){
  background: transparent !important;
  padding: 0 !important;
}
.rb-badge-wrap{
  background: transparent !important;
  padding: 0 !important;
  text-align: center;
}

.rb-badge-wrap .rb-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 10px 22px;
  background: #eef4ff;
  border: 1px solid rgba(30,79,138,.12);
  border-radius: 999px;
  line-height: 1.2;
  color: #345b9a;
}

body.dark-mode .rb-badge-wrap .rb-badge,
[data-theme="dark"] .rb-badge-wrap .rb-badge,
.theme-dark .rb-badge-wrap .rb-badge,
body.dark .rb-badge-wrap .rb-badge,
.dark-mode .rb-badge-wrap .rb-badge {
  background: linear-gradient(180deg, #243654 0%, #2d456a 100%) !important;
  border-color: #3d5c8b !important;
  color: #e5efff !important;
}

/* Карточки (группы) — плавный сдвиг и тень при наведении */
.wp-block-group.card-hover{
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.wp-block-group.card-hover:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 26px rgba(30, 50, 90, 0.12);
}


/* ===================== БелОфис: hero-кнопки в dark mode ===================== */

/* 1. Основная кнопка "Начать работу" */
body.dark-mode .btn-rocket .wp-block-button__link,
[data-theme="dark"] .btn-rocket .wp-block-button__link,
.theme-dark .btn-rocket .wp-block-button__link,
body.dark .btn-rocket .wp-block-button__link,
.dark-mode .btn-rocket .wp-block-button__link {
  background: linear-gradient(180deg, #1f56d8 0%, #1848b8 100%) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28) !important;
}

/* текст и вложенные элементы внутри основной кнопки */
body.dark-mode .btn-rocket .wp-block-button__link,
body.dark-mode .btn-rocket .wp-block-button__link span,
[data-theme="dark"] .btn-rocket .wp-block-button__link,
[data-theme="dark"] .btn-rocket .wp-block-button__link span,
.theme-dark .btn-rocket .wp-block-button__link,
.theme-dark .btn-rocket .wp-block-button__link span,
body.dark .btn-rocket .wp-block-button__link,
body.dark .btn-rocket .wp-block-button__link span,
.dark-mode .btn-rocket .wp-block-button__link,
.dark-mode .btn-rocket .wp-block-button__link span {
  color: #ffffff !important;
}

body.dark-mode .btn-rocket .wp-block-button__link:hover,
[data-theme="dark"] .btn-rocket .wp-block-button__link:hover,
.theme-dark .btn-rocket .wp-block-button__link:hover,
body.dark .btn-rocket .wp-block-button__link:hover,
.dark-mode .btn-rocket .wp-block-button__link:hover {
  background: linear-gradient(180deg, #2a63ea 0%, #1f56d8 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.34) !important;
}

/* 2. Outline-кнопка "Смотреть демо" в dark mode */
body.dark-mode .is-style-outline .wp-block-button__link,
[data-theme="dark"] .is-style-outline .wp-block-button__link,
.theme-dark .is-style-outline .wp-block-button__link,
body.dark .is-style-outline .wp-block-button__link,
.dark-mode .is-style-outline .wp-block-button__link {
  background: rgba(20, 30, 48, 0.55) !important;
  border-color: #2f4670 !important;
  color: #eef4ff !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18) !important;
}

/* текст внутри outline-кнопки */
body.dark-mode .is-style-outline .wp-block-button__link,
body.dark-mode .is-style-outline .wp-block-button__link span,
[data-theme="dark"] .is-style-outline .wp-block-button__link,
[data-theme="dark"] .is-style-outline .wp-block-button__link span,
.theme-dark .is-style-outline .wp-block-button__link,
.theme-dark .is-style-outline .wp-block-button__link span,
body.dark .is-style-outline .wp-block-button__link,
body.dark .is-style-outline .wp-block-button__link span,
.dark-mode .is-style-outline .wp-block-button__link,
.dark-mode .is-style-outline .wp-block-button__link span {
  color: #eef4ff !important;
}

body.dark-mode .is-style-outline .wp-block-button__link:hover,
[data-theme="dark"] .is-style-outline .wp-block-button__link:hover,
.theme-dark .is-style-outline .wp-block-button__link:hover,
body.dark .is-style-outline .wp-block-button__link:hover,
.dark-mode .is-style-outline .wp-block-button__link:hover {
  background: rgba(36, 54, 84, 0.92) !important;
  border-color: #4b6ea8 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24) !important;
  transform: translateY(-1px);
}
/* стрелка вправо и сдвиг кнопки */

.btn-arrow .wp-block-button__link::before {
  content: "➜";
  display: inline-block;
  margin-right: 10px;
  transition: transform 0.25s ease;
}

.btn-arrow .wp-block-button__link{
  transition: all 0.25s ease;
}

.btn-arrow .wp-block-button__link:hover::before{
  transform: translateX(3px);
}
.btn-arrow .wp-block-button__link::before {
  content: "➜";
  display: inline-block;
  margin-right: 10px;
  transition: transform 0.25s ease;
}

.btn-arrow .wp-block-button__link{
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.btn-arrow .wp-block-button__link:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(20,40,80,0.12);
}

.btn-arrow .wp-block-button__link:hover::before{
  transform: translateX(3px);
}

/* =========================================================
   БелОфис — Cart UI v2
   Чистая версия с переменными тем
   Удалить старые cart-блоки и оставить только этот
   ========================================================= */

/* ---------- Тема ---------- */
:root {
  --bo-cart-page-bg: #f4f7fc;
  --bo-cart-card-bg: #ffffff;
  --bo-cart-card-bg-soft: #f9fcff;
  --bo-cart-border: #dfe7f1;
  --bo-cart-border-soft: #e8eef5;
  --bo-cart-text: #1e2f44;
  --bo-cart-text-soft: #6c7f98;
  --bo-cart-link: #244a87;
  --bo-cart-link-hover: #173566;

  --bo-cart-remove-bg: #edf3f8;
  --bo-cart-remove-bd: #d8e3ee;
  --bo-cart-remove-text: #9cb0c4;
  --bo-cart-remove-hover-bg: linear-gradient(180deg, #ef6b7c 0%, #d94f60 100%);
  --bo-cart-remove-hover-bd: #d94f60;
  --bo-cart-remove-hover-text: #ffffff;

  --bo-cart-qty-bg: #ffffff;
  --bo-cart-qty-bd: #cbdde6;
  --bo-cart-qty-text: #244a87;
  --bo-cart-qty-focus: rgba(58, 114, 211, 0.12);

  --bo-cart-update-bg: #ffffff;
  --bo-cart-update-bd: #c8d9ea;
  --bo-cart-update-text: #2d456d;
  --bo-cart-update-bg-hover: #f3f8fc;
  --bo-cart-update-bd-hover: #94b5d9;
  --bo-cart-update-text-hover: #1e3f73;
  --bo-cart-update-disabled-bg: #f3f6fb;
  --bo-cart-update-disabled-bd: #dbe5f1;
  --bo-cart-update-disabled-text: #a0afc4;

  --bo-cart-total-card-bg: #f9fcfb;
  --bo-cart-total-card-bd: #edf2ef;
  --bo-cart-total-strong: #14644a;

  --bo-cart-checkout-bg: linear-gradient(95deg, #1c4db6 0%, #2d6cea 100%);
  --bo-cart-checkout-bg-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-cart-checkout-text: #ffffff;
  --bo-cart-checkout-shadow: 0 10px 22px rgba(28, 77, 182, 0.24);
  --bo-cart-checkout-shadow-hover: 0 16px 28px rgba(28, 77, 182, 0.28);

  --bo-cart-notice-bg: linear-gradient(180deg, #4b7fda 0%, #3f73ce 100%);
  --bo-cart-notice-text: #ffffff;

  --bo-cart-shadow: 0 14px 34px rgba(35, 56, 91, 0.06);
  --bo-cart-shadow-soft: 0 8px 22px rgba(35, 56, 91, 0.04);
}

body.dark-mode,
body.dark,
[data-theme="dark"],
.theme-dark {
  --bo-cart-page-bg: #060b14;
  --bo-cart-card-bg: #101a2a;
  --bo-cart-card-bg-soft: #111b2b;
  --bo-cart-border: #2b405e;
  --bo-cart-border-soft: #223753;
  --bo-cart-text: #e9f1ff;
  --bo-cart-text-soft: #a7b7cf;
  --bo-cart-link: #dce9ff;
  --bo-cart-link-hover: #ffffff;

  --bo-cart-remove-bg: rgba(255, 95, 122, 0.14);
  --bo-cart-remove-bd: rgba(255, 124, 146, 0.34);
  --bo-cart-remove-text: #ffb2bd;
  --bo-cart-remove-hover-bg: linear-gradient(180deg, #ef6b7c 0%, #d34f5f 100%);
  --bo-cart-remove-hover-bd: #d34f5f;
  --bo-cart-remove-hover-text: #ffffff;

  --bo-cart-qty-bg: #ffffff;
  --bo-cart-qty-bd: #d6e1ef;
  --bo-cart-qty-text: #16355f;
  --bo-cart-qty-focus: rgba(101, 149, 255, 0.18);

  --bo-cart-update-bg: #f7f9fc;
  --bo-cart-update-bd: #dbe4ef;
  --bo-cart-update-text: #203b67;
  --bo-cart-update-bg-hover: #ffffff;
  --bo-cart-update-bd-hover: #a8c0df;
  --bo-cart-update-text-hover: #183761;
  --bo-cart-update-disabled-bg: #f0f4f8;
  --bo-cart-update-disabled-bd: #d7e1ec;
  --bo-cart-update-disabled-text: #9fb0c5;

  --bo-cart-total-card-bg: #111b2b;
  --bo-cart-total-card-bd: #263c59;
  --bo-cart-total-strong: #7fd0b7;

  --bo-cart-checkout-bg: linear-gradient(95deg, #1b4db6 0%, #2c6de8 100%);
  --bo-cart-checkout-bg-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-cart-checkout-text: #ffffff;
  --bo-cart-checkout-shadow: 0 14px 28px rgba(14, 40, 92, 0.30);
  --bo-cart-checkout-shadow-hover: 0 18px 32px rgba(14, 40, 92, 0.34);

  --bo-cart-notice-bg: linear-gradient(180deg, #4778d2 0%, #3f70c9 100%);
  --bo-cart-notice-text: #ffffff;

  --bo-cart-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  --bo-cart-shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.22);
}

/* ---------- Страница ---------- */
.woocommerce-cart .entry-content > .woocommerce,
.woocommerce-cart .entry-content > .woocommerce-page,
.woocommerce-cart .woocommerce {
  max-width: 1280px;
  margin: 0 auto;
}

.woocommerce-cart .entry-content > .woocommerce {
  padding-top: 8px;
}

.woocommerce-cart .woocommerce-notices-wrapper:empty {
  display: none;
}

.woocommerce-cart .woocommerce-breadcrumb,
.woocommerce-cart .woocommerce-breadcrumb a {
  color: var(--bo-cart-text-soft);
}

.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error {
  border-radius: 22px;
  margin: 0 0 22px;
  box-shadow: var(--bo-cart-shadow-soft);
}

.woocommerce-cart .woocommerce-message {
  background: var(--bo-cart-notice-bg);
  color: var(--bo-cart-notice-text);
  border: 1px solid rgba(255,255,255,0.08);
}

.woocommerce-cart .woocommerce-info {
  background: var(--bo-cart-card-bg);
  color: var(--bo-cart-text);
  border: 1px solid var(--bo-cart-border);
}

.woocommerce-cart .woocommerce-error {
  background: linear-gradient(180deg, #fff8f8 0%, #fff1f3 100%);
  border: 1px solid #ffd6dd;
  color: #934558;
}

/* ---------- Форма ---------- */
.woocommerce-cart form.woocommerce-cart-form {
  margin: 0 0 28px;
}

/* ---------- Главная таблица ---------- */
.woocommerce-cart table.shop_table.shop_table_responsive.cart {
  width: 100%;
  margin: 0 0 28px;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--bo-cart-card-bg);
  border: 1px solid var(--bo-cart-border);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: var(--bo-cart-shadow);
}

.woocommerce-cart table.shop_table.shop_table_responsive.cart thead th {
  background: var(--bo-cart-card-bg);
  color: var(--bo-cart-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  padding: 26px 22px 20px;
  border-bottom: 1px solid var(--bo-cart-border-soft);
}

.woocommerce-cart table.shop_table.shop_table_responsive.cart td {
  padding: 22px;
  vertical-align: middle;
  border-bottom: 1px solid var(--bo-cart-border-soft);
  background: transparent;
  color: var(--bo-cart-text);
}

.woocommerce-cart table.shop_table.shop_table_responsive.cart tbody tr:last-child td {
  border-bottom: 0;
}

.woocommerce-cart table.shop_table.shop_table_responsive.cart tbody tr:hover td:not(.actions) {
  background: rgba(58, 114, 211, 0.02);
}

/* ---------- Колонки ---------- */
.woocommerce-cart td.product-remove {
  width: 62px;
  text-align: center;
  padding-right: 8px;
}

.woocommerce-cart td.product-thumbnail {
  width: 92px;
  text-align: center;
}

.woocommerce-cart td.product-thumbnail img {
  width: 58px;
  min-width: 58px;
  height: auto;
  border-radius: 14px;
  border: 1px solid var(--bo-cart-border);
  background: var(--bo-cart-card-bg);
  box-shadow: 0 4px 12px rgba(35, 56, 91, 0.06);
}

.woocommerce-cart .cart_item td.product-name a {
  color: var(--bo-cart-link);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  transition: color 0.18s ease;
}

.woocommerce-cart .cart_item td.product-name a:hover {
  color: var(--bo-cart-link-hover);
}

.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal {
  color: var(--bo-cart-text);
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

/* ---------- Крестик ---------- */
.woocommerce-cart td.product-remove a.remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 999px;
  line-height: 1;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  color: var(--bo-cart-remove-text);
  background: var(--bo-cart-remove-bg);
  border: 1px solid var(--bo-cart-remove-bd);
  transition: all 0.18s ease;
  opacity: 1;
}

.woocommerce-cart td.product-remove a.remove:hover {
  color: var(--bo-cart-remove-hover-text);
  background: var(--bo-cart-remove-hover-bg);
  border-color: var(--bo-cart-remove-hover-bd);
  transform: translateY(-1px) scale(1.04);
  box-shadow: 0 8px 18px rgba(217, 79, 96, 0.22);
}

/* ---------- Количество ---------- */
.woocommerce-cart .quantity {
  display: inline-flex;
  align-items: center;
}

.woocommerce-cart .quantity input.qty {
  width: 104px;
  min-width: 104px;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--bo-cart-qty-bd);
  background: var(--bo-cart-qty-bg);
  color: var(--bo-cart-qty-text);
  -webkit-text-fill-color: var(--bo-cart-qty-text);
  font-weight: 600;
  text-align: center;
  box-shadow: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.woocommerce-cart .quantity input.qty:focus {
  outline: none;
  border-color: #7ca3e3;
  box-shadow: 0 0 0 4px var(--bo-cart-qty-focus);
}

/* ---------- Блок actions ---------- */
.woocommerce-cart table.cart td.actions {
  padding: 26px 22px 24px;
  background: var(--bo-cart-card-bg);
  border-top: 1px solid var(--bo-cart-border-soft);
  text-align: left;
}

.woocommerce-cart table.cart td.actions .coupon {
  display: none;
}

/* ---------- Кнопка Обновить ---------- */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart button.button[name="update_cart"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 170px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1.5px solid var(--bo-cart-update-bd);
  background: var(--bo-cart-update-bg);
  color: var(--bo-cart-update-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  box-shadow: none;
  opacity: 1;
  cursor: pointer;
  transition: all 0.18s ease;
}

.woocommerce-cart button[name="update_cart"]::before,
.woocommerce-cart button.button[name="update_cart"]::before {
  content: "↻";
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  transition: transform 0.18s ease;
}

.woocommerce-cart button[name="update_cart"]:hover:not(:disabled),
.woocommerce-cart button.button[name="update_cart"]:hover:not(:disabled) {
  background: var(--bo-cart-update-bg-hover);
  border-color: var(--bo-cart-update-bd-hover);
  color: var(--bo-cart-update-text-hover);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(35, 56, 91, 0.08);
}

.woocommerce-cart button[name="update_cart"]:hover:not(:disabled)::before,
.woocommerce-cart button.button[name="update_cart"]:hover:not(:disabled)::before {
  transform: rotate(30deg);
}

.woocommerce-cart button[name="update_cart"]:disabled,
.woocommerce-cart button.button[name="update_cart"]:disabled,
.woocommerce-cart button[name="update_cart"].disabled,
.woocommerce-cart button.button[name="update_cart"].disabled {
  background: var(--bo-cart-update-disabled-bg);
  border-color: var(--bo-cart-update-disabled-bd);
  color: var(--bo-cart-update-disabled-text);
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

/* ---------- Totals ---------- */
.woocommerce-cart .cart-collaterals {
  margin-top: 6px;
}

.woocommerce-cart .cart-collaterals::before,
.woocommerce-cart .cart-collaterals::after {
  content: "";
  display: table;
}

.woocommerce-cart .cart-collaterals::after {
  clear: both;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  float: right;
  width: min(100%, 360px);
  background: var(--bo-cart-total-card-bg);
  border: 1px solid var(--bo-cart-total-card-bd);
  border-radius: 24px;
  padding: 22px 28px 26px;
  box-shadow: var(--bo-cart-shadow-soft);
}

.woocommerce-cart .cart_totals h2 {
  margin: 0 0 16px;
  color: var(--bo-cart-text);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.woocommerce-cart .cart_totals table.shop_table {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
  padding: 14px 0;
  border-bottom: 1px solid var(--bo-cart-border);
  background: transparent;
}

.woocommerce-cart .cart_totals table.shop_table tr:last-child th,
.woocommerce-cart .cart_totals table.shop_table tr:last-child td {
  border-bottom: 0;
}

.woocommerce-cart .cart_totals table.shop_table th {
  width: 46%;
  color: var(--bo-cart-text-soft);
  font-size: 15px;
  font-weight: 500;
  text-align: left;
}

.woocommerce-cart .cart_totals table.shop_table td {
  color: var(--bo-cart-text);
  font-size: 18px;
  font-weight: 700;
  text-align: right;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
  padding-top: 18px;
}

.woocommerce-cart .cart_totals .order-total th {
  font-size: 18px;
  font-weight: 800;
  color: var(--bo-cart-total-strong);
}

.woocommerce-cart .cart_totals .order-total td strong,
.woocommerce-cart .cart_totals .order-total td .amount {
  color: var(--bo-cart-total-strong);
  font-size: 22px;
  font-weight: 800;
}

/* ---------- Оформить заказ ---------- */
.woocommerce-cart .wc-proceed-to-checkout {
  margin: 0;
  padding: 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt.wc-forward {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 250px;
  min-height: 52px;
  padding: 0 32px;
  border: 0;
  border-radius: 999px;
  background: var(--bo-cart-checkout-bg);
  color: var(--bo-cart-checkout-text);
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  letter-spacing: 0;
  box-shadow: var(--bo-cart-checkout-shadow);
  transition: all 0.18s ease;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt.wc-forward::before {
  content: "→";
  display: inline-block;
  margin-right: 12px;
  font-size: 18px;
  transition: transform 0.18s ease;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt.wc-forward:hover {
  background: var(--bo-cart-checkout-bg-hover);
  color: var(--bo-cart-checkout-text);
  transform: translateY(-2px);
  box-shadow: var(--bo-cart-checkout-shadow-hover);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button:hover::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt:hover::before,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt.wc-forward:hover::before {
  transform: translateX(3px);
}

/* ---------- Loading state ---------- */
.woocommerce-cart button[name="update_cart"].loading,
.woocommerce-cart button.button[name="update_cart"].loading {
  opacity: 0.9;
  pointer-events: none;
}

/* ---------- Пустая корзина ---------- */
.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-cart .cart-empty {
  padding: 40px 24px;
  border: 1px solid var(--bo-cart-border);
  border-radius: 22px;
  background: var(--bo-cart-card-bg);
  box-shadow: var(--bo-cart-shadow-soft);
  text-align: center;
  color: var(--bo-cart-text-soft);
}

/* ---------- Mobile ---------- */
@media (max-width: 980px) {
  .woocommerce-cart .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
    margin-top: 18px;
  }
}

@media (max-width: 767px) {
  .woocommerce-cart table.shop_table.shop_table_responsive.cart {
    border-radius: 22px;
  }

  .woocommerce-cart table.shop_table.shop_table_responsive.cart thead {
    display: none;
  }

  .woocommerce-cart table.shop_table_responsive.cart tbody tr {
    display: block;
    padding: 0;
    border-bottom: 1px solid var(--bo-cart-border-soft);
  }

  .woocommerce-cart table.shop_table_responsive.cart tbody tr:last-child {
    border-bottom: 0;
  }

  .woocommerce-cart table.shop_table_responsive.cart tbody td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    border-bottom: 1px solid var(--bo-cart-border-soft);
    text-align: right;
  }

  .woocommerce-cart table.shop_table_responsive.cart tbody td:last-child {
    border-bottom: 0;
  }

  .woocommerce-cart table.shop_table_responsive.cart tbody td::before {
    content: attr(data-title);
    color: var(--bo-cart-text-soft);
    font-weight: 700;
    text-align: left;
    padding-right: 12px;
    flex: 0 0 92px;
  }

  .woocommerce-cart td.product-remove::before,
  .woocommerce-cart td.product-thumbnail::before {
    content: "";
    display: none;
  }

  .woocommerce-cart td.product-remove,
  .woocommerce-cart td.product-thumbnail {
    justify-content: flex-end;
  }

  .woocommerce-cart td.product-name a {
    max-width: 180px;
    text-align: right;
  }

  .woocommerce-cart .quantity input.qty {
    width: 80px;
    min-width: 80px;
  }

  .woocommerce-cart table.cart td.actions {
    padding: 16px;
  }

  .woocommerce-cart button[name="update_cart"],
  .woocommerce-cart button.button[name="update_cart"] {
    width: 100%;
    min-width: 0;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt.wc-forward {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .woocommerce-cart table.shop_table.shop_table_responsive.cart td {
    padding: 10px 14px;
  }

  .woocommerce-cart .cart-collaterals .cart_totals {
    padding: 18px 18px 20px;
  }

  .woocommerce-cart .cart_totals .order-total td strong,
  .woocommerce-cart .cart_totals .order-total td .amount {
    font-size: 20px;
  }
}

/* ---------- RTL ---------- */
[dir="rtl"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before,
[dir="rtl"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button::before,
[dir="rtl"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt::before,
[dir="rtl"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt.wc-forward::before {
  content: "←";
  margin-right: 0;
  margin-left: 12px;
}
/* =========================================================
   БелОфис — Cart UI v2.1
   Добивка под макет: убираем "табличность", оставляем только
   мягкие горизонтальные линии и более карточный вид
   Вставить НИЖЕ текущего блока Cart UI v2
   ========================================================= */

/* ---------- Главная карточка таблицы ---------- */
.woocommerce-cart table.shop_table.shop_table_responsive.cart {
  border: 1px solid var(--bo-cart-border);
  border-radius: 28px;
  overflow: hidden;
  background: var(--bo-cart-card-bg);
  box-shadow: var(--bo-cart-shadow);
}

/* Убираем вертикальные и лишние рамки у ячеек */
.woocommerce-cart table.shop_table.shop_table_responsive.cart th,
.woocommerce-cart table.shop_table.shop_table_responsive.cart td {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Шапка */
.woocommerce-cart table.shop_table.shop_table_responsive.cart thead th {
  background: transparent;
  border-bottom: 1px solid var(--bo-cart-border-soft) !important;
  padding-top: 28px;
  padding-bottom: 22px;
}

/* Строки товара: только мягкие горизонтальные разделители */
.woocommerce-cart table.shop_table.shop_table_responsive.cart tbody td {
  border-bottom: 1px solid var(--bo-cart-border-soft) !important;
  background: transparent;
}

/* Без эффекта "сеточной таблицы" */
.woocommerce-cart table.shop_table.shop_table_responsive.cart tbody tr:hover td:not(.actions) {
  background: transparent;
}

/* Чуть мягче и чище отступы */
.woocommerce-cart td.product-remove {
  width: 56px;
  padding-right: 6px;
}

.woocommerce-cart td.product-thumbnail {
  width: 88px;
  text-align: center;
}

.woocommerce-cart td.product-name {
  padding-right: 18px;
}

.woocommerce-cart td.product-price,
.woocommerce-cart td.product-quantity,
.woocommerce-cart td.product-subtotal {
  white-space: nowrap;
}

/* Ссылка товара чуть ближе к макету */
.woocommerce-cart .cart_item td.product-name a {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

/* Иконка/мини-плашка товара, если захочешь потом через PHP/meta */
.woocommerce-cart .cart_item td.product-name .bo-cart-service-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eef5f1;
  color: #1d7b5f;
  font-size: 12px;
  font-weight: 600;
}

/* Миниатюра мягче */
.woocommerce-cart td.product-thumbnail img {
  width: 54px;
  min-width: 54px;
  border-radius: 14px;
  box-shadow: 0 3px 10px rgba(35, 56, 91, 0.05);
}

/* Крестик: виден сразу, как в хорошем макете */
.woocommerce-cart td.product-remove a.remove {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  font-size: 16px;
  background: var(--bo-cart-remove-bg);
  border: 1px solid var(--bo-cart-remove-bd);
  color: var(--bo-cart-remove-text) !important;
  opacity: 1;
}

.woocommerce-cart td.product-remove a.remove:hover {
  color: var(--bo-cart-remove-hover-text) !important;
}

/* Quantity ближе к макету */
.woocommerce-cart .quantity input.qty {
  height: 38px;
  width: 102px;
  min-width: 102px;
  border-radius: 999px;
  font-size: 15px;
}

/* ---------- Нижняя строка действий ---------- */
.woocommerce-cart table.cart td.actions {
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding-top: 18px;
  padding-bottom: 18px;
  background: transparent;
}

.woocommerce-cart table.cart td.actions::before,
.woocommerce-cart table.cart td.actions::after {
  display: none !important;
}

/* Кнопка обновить — не блеклая */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart button.button[name="update_cart"] {
  min-height: 44px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 700;
  color: var(--bo-cart-update-text) !important;
}

.woocommerce-cart button[name="update_cart"]:hover:not(:disabled),
.woocommerce-cart button.button[name="update_cart"]:hover:not(:disabled) {
  color: var(--bo-cart-update-text-hover) !important;
}

.woocommerce-cart button[name="update_cart"]:disabled,
.woocommerce-cart button.button[name="update_cart"]:disabled,
.woocommerce-cart button[name="update_cart"].disabled,
.woocommerce-cart button.button[name="update_cart"].disabled {
  opacity: 1;
  filter: none;
}

/* ---------- Блок сумм оставляем удачным, только немного улучшаем ---------- */
.woocommerce-cart .cart-collaterals {
  margin-top: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  width: min(100%, 360px);
  border-radius: 26px;
  padding: 24px 28px 28px;
}

.woocommerce-cart .cart_totals h2 {
  margin-bottom: 14px;
}

.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}

/* Кнопка checkout ярче и живее */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt.wc-forward {
  min-height: 50px;
  padding: 0 30px;
  border-radius: 999px;
  color: var(--bo-cart-checkout-text) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt.wc-forward:hover {
  color: var(--bo-cart-checkout-text) !important;
}

/* ---------- Тёмная тема: таблица не белая внутри ---------- */
body.dark-mode .woocommerce-cart table.shop_table.shop_table_responsive.cart,
body.dark .woocommerce-cart table.shop_table.shop_table_responsive.cart,
[data-theme="dark"] .woocommerce-cart table.shop_table.shop_table_responsive.cart,
.theme-dark .woocommerce-cart table.shop_table.shop_table_responsive.cart {
  background: var(--bo-cart-card-bg);
}

body.dark-mode .woocommerce-cart table.shop_table.shop_table_responsive.cart thead th,
body.dark-mode .woocommerce-cart table.shop_table.shop_table_responsive.cart tbody td,
body.dark .woocommerce-cart table.shop_table.shop_table_responsive.cart thead th,
body.dark .woocommerce-cart table.shop_table.shop_table_responsive.cart tbody td,
[data-theme="dark"] .woocommerce-cart table.shop_table.shop_table_responsive.cart thead th,
[data-theme="dark"] .woocommerce-cart table.shop_table.shop_table_responsive.cart tbody td,
.theme-dark .woocommerce-cart table.shop_table.shop_table_responsive.cart thead th,
.theme-dark .woocommerce-cart table.shop_table.shop_table_responsive.cart tbody td {
  background: transparent !important;
}

body.dark-mode .woocommerce-cart td.product-thumbnail img,
body.dark .woocommerce-cart td.product-thumbnail img,
[data-theme="dark"] .woocommerce-cart td.product-thumbnail img,
.theme-dark .woocommerce-cart td.product-thumbnail img {
  background: #18253a;
  border-color: #314867;
}

/* В dark у количества тоже темный input */
body.dark-mode .woocommerce-cart .quantity input.qty,
body.dark .woocommerce-cart .quantity input.qty,
[data-theme="dark"] .woocommerce-cart .quantity input.qty,
.theme-dark .woocommerce-cart .quantity input.qty {
  background: #18253a;
  border-color: #314867;
  color: #eef4ff;
  -webkit-text-fill-color: #eef4ff;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .woocommerce-cart table.shop_table.shop_table_responsive.cart {
    border-radius: 24px;
  }

  .woocommerce-cart table.shop_table_responsive.cart tbody tr {
    padding: 0;
    background: transparent;
  }

  .woocommerce-cart table.shop_table_responsive.cart tbody td {
    padding: 12px 16px;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
  }

  .woocommerce-cart table.shop_table_responsive.cart tbody td::before {
    flex: 0 0 88px;
    font-size: 13px;
  }

  .woocommerce-cart td.product-name a {
    max-width: 180px;
    text-align: right;
    font-size: 14px;
    line-height: 1.35;
  }

  .woocommerce-cart .quantity input.qty {
    width: 78px;
    min-width: 78px;
    height: 36px;
  }

  .woocommerce-cart table.cart td.actions {
    padding: 14px 16px 16px;
  }

  .woocommerce-cart .cart-collaterals .cart_totals {
    width: 100%;
    padding: 20px 18px 22px;
    border-radius: 22px;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt.wc-forward {
    width: 100%;
    min-width: 0;
  }
}



/* =========================================================
   БелОфис — Checkout UI v5
   Точечная замена checkout-блока под реальную разметку страницы
   Scope: только страница checkout, без footer
   File: /wp-content/themes/prespa-child/style.css
   ========================================================= */

/* ---------- Theme tokens ---------- */
:root {
  --bo-checkout-page-bg: #f4f7fc;
  --bo-checkout-card-bg: #ffffff;
  --bo-checkout-card-soft: #f9fcff;
  --bo-checkout-border: #dfe7f1;
  --bo-checkout-border-soft: #e8eef5;

  --bo-checkout-text: #1e2f44;
  --bo-checkout-text-soft: #6c7f98;
  --bo-checkout-heading: #203653;

  --bo-checkout-link: #244a87;
  --bo-checkout-link-hover: #173566;

  --bo-checkout-input-bg: #ffffff;
  --bo-checkout-input-border: #cbdde6;
  --bo-checkout-input-text: #244a87;
  --bo-checkout-input-placeholder: #90a1b8;
  --bo-checkout-input-focus: rgba(58, 114, 211, 0.12);

  --bo-checkout-invalid-border: #d85a6a;
  --bo-checkout-invalid-bg: rgba(216, 90, 106, 0.03);
  --bo-checkout-invalid-text: #934558;

  --bo-checkout-order-bg: #f9fcfb;
  --bo-checkout-order-border: #edf2ef;
  --bo-checkout-order-strong: #14644a;

  --bo-checkout-payment-bg: #f7faff;
  --bo-checkout-payment-border: #dfe8f4;
  --bo-checkout-payment-active: rgba(45, 108, 234, 0.05);
  --bo-checkout-payment-inner: #ffffff;

  --bo-checkout-radio: #2d6cea;

  --bo-checkout-btn-bg: linear-gradient(95deg, #1c4db6 0%, #2d6cea 100%);
  --bo-checkout-btn-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-checkout-btn-text: #ffffff;
  --bo-checkout-btn-shadow: 0 10px 22px rgba(28, 77, 182, 0.24);
  --bo-checkout-btn-shadow-hover: 0 16px 28px rgba(28, 77, 182, 0.28);

  --bo-checkout-notice-bg: linear-gradient(180deg, #4b7fda 0%, #3f73ce 100%);
  --bo-checkout-notice-text: #ffffff;

  --bo-checkout-shadow: 0 14px 34px rgba(35, 56, 91, 0.06);
  --bo-checkout-shadow-soft: 0 8px 22px rgba(35, 56, 91, 0.04);
}

body.dark-mode,
body.dark,
[data-theme="dark"],
.theme-dark {
  --bo-checkout-page-bg: #060b14;
  --bo-checkout-card-bg: #101a2a;
  --bo-checkout-card-soft: #111b2b;
  --bo-checkout-border: #2b405e;
  --bo-checkout-border-soft: #223753;

  --bo-checkout-text: #e9f1ff;
  --bo-checkout-text-soft: #a7b7cf;
  --bo-checkout-heading: #f1f6ff;

  --bo-checkout-link: #dce9ff;
  --bo-checkout-link-hover: #ffffff;

  --bo-checkout-input-bg: #18253a;
  --bo-checkout-input-border: #314867;
  --bo-checkout-input-text: #eef4ff;
  --bo-checkout-input-placeholder: #8ea1bc;
  --bo-checkout-input-focus: rgba(101, 149, 255, 0.18);

  --bo-checkout-invalid-border: #ef7a8a;
  --bo-checkout-invalid-bg: rgba(239, 122, 138, 0.08);
  --bo-checkout-invalid-text: #ffd5dc;

  --bo-checkout-order-bg: #101a2a;
  --bo-checkout-order-border: #263c59;
  --bo-checkout-order-strong: #7fd0b7;

  --bo-checkout-payment-bg: #111b2b;
  --bo-checkout-payment-border: #263c59;
  --bo-checkout-payment-active: rgba(126, 166, 255, 0.08);
  --bo-checkout-payment-inner: #18253a;

  --bo-checkout-radio: #7ea6ff;

  --bo-checkout-btn-bg: linear-gradient(95deg, #1b4db6 0%, #2c6de8 100%);
  --bo-checkout-btn-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-checkout-btn-text: #ffffff;
  --bo-checkout-btn-shadow: 0 14px 28px rgba(14, 40, 92, 0.30);
  --bo-checkout-btn-shadow-hover: 0 18px 32px rgba(14, 40, 92, 0.34);

  --bo-checkout-notice-bg: linear-gradient(180deg, #4778d2 0%, #3f70c9 100%);
  --bo-checkout-notice-text: #ffffff;

  --bo-checkout-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  --bo-checkout-shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.22);
}

/* =========================================================
   REAL SCOPE: только checkout-страница, только основной контент
   ========================================================= */

body.page-id-724 article#post-724 .entry-content .woocommerce,
body.woocommerce-checkout article#post-724 .entry-content .woocommerce {
  max-width: 1280px;
  margin: 0 auto;
}

body.page-id-724 article#post-724 .entry-content .woocommerce-notices-wrapper:empty,
body.woocommerce-checkout article#post-724 .entry-content .woocommerce-notices-wrapper:empty {
  display: none;
}

body.page-id-724 article#post-724 .entry-content .woocommerce-message,
body.page-id-724 article#post-724 .entry-content .woocommerce-info,
body.page-id-724 article#post-724 .entry-content .woocommerce-error,
body.woocommerce-checkout article#post-724 .entry-content .woocommerce-message,
body.woocommerce-checkout article#post-724 .entry-content .woocommerce-info,
body.woocommerce-checkout article#post-724 .entry-content .woocommerce-error {
  border-radius: 22px;
  margin: 0 0 22px;
  box-shadow: var(--bo-checkout-shadow-soft);
}

body.page-id-724 article#post-724 .entry-content .woocommerce-message,
body.page-id-724 article#post-724 .entry-content .woocommerce-info,
body.woocommerce-checkout article#post-724 .entry-content .woocommerce-message,
body.woocommerce-checkout article#post-724 .entry-content .woocommerce-info {
  background: var(--bo-checkout-notice-bg);
  color: var(--bo-checkout-notice-text);
  border: 1px solid rgba(255,255,255,0.08);
}

body.page-id-724 article#post-724 .entry-content .woocommerce-error,
body.woocommerce-checkout article#post-724 .entry-content .woocommerce-error {
  background: linear-gradient(180deg, #fff8f8 0%, #fff1f3 100%);
  border: 1px solid #ffd6dd;
  color: #934558;
}

body.page-id-724 article#post-724 .entry-content .woocommerce a:not(.button):not(.checkout-button):not(#place_order),
body.woocommerce-checkout article#post-724 .entry-content .woocommerce a:not(.button):not(.checkout-button):not(#place_order) {
  color: var(--bo-checkout-link);
  text-decoration: none;
  transition: color 0.18s ease;
}

body.page-id-724 article#post-724 .entry-content .woocommerce a:not(.button):not(.checkout-button):not(#place_order):hover,
body.woocommerce-checkout article#post-724 .entry-content .woocommerce a:not(.button):not(.checkout-button):not(#place_order):hover {
  color: var(--bo-checkout-link-hover);
  text-decoration: underline;
}

/* ---------- Layout ---------- */
body.page-id-724 article#post-724 form.checkout.woocommerce-checkout,
body.woocommerce-checkout article#post-724 form.checkout.woocommerce-checkout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  gap: 28px;
  align-items: start;
}

/* Сбрасываем дефолтный WooCommerce float-layout */
body.page-id-724 article#post-724 .col2-set,
body.page-id-724 article#post-724 #customer_details,
body.page-id-724 article#post-724 #customer_details .col-1,
body.page-id-724 article#post-724 #customer_details .col-2,
body.page-id-724 article#post-724 #order_review_heading,
body.page-id-724 article#post-724 #order_review,
body.woocommerce-checkout article#post-724 .col2-set,
body.woocommerce-checkout article#post-724 #customer_details,
body.woocommerce-checkout article#post-724 #customer_details .col-1,
body.woocommerce-checkout article#post-724 #customer_details .col-2,
body.woocommerce-checkout article#post-724 #order_review_heading,
body.woocommerce-checkout article#post-724 #order_review {
  float: none;
  width: 100%;
  margin: 0;
}

body.page-id-724 article#post-724 #customer_details,
body.woocommerce-checkout article#post-724 #customer_details {
  display: block;
  grid-column: 1;
}

body.page-id-724 article#post-724 #order_review_heading,
body.woocommerce-checkout article#post-724 #order_review_heading {
  grid-column: 2;
}

body.page-id-724 article#post-724 #order_review,
body.woocommerce-checkout article#post-724 #order_review {
  grid-column: 2;
}

body.page-id-724 article#post-724 #customer_details .col-1,
body.page-id-724 article#post-724 #customer_details .col-2,
body.woocommerce-checkout article#post-724 #customer_details .col-1,
body.woocommerce-checkout article#post-724 #customer_details .col-2 {
  margin-bottom: 22px;
}

body.page-id-724 article#post-724 #customer_details .col-2:last-child,
body.woocommerce-checkout article#post-724 #customer_details .col-2:last-child {
  margin-bottom: 0;
}

/* ---------- Cards ---------- */
body.page-id-724 article#post-724 #customer_details .col-1,
body.page-id-724 article#post-724 #customer_details .col-2,
body.woocommerce-checkout article#post-724 #customer_details .col-1,
body.woocommerce-checkout article#post-724 #customer_details .col-2 {
  background: var(--bo-checkout-card-bg);
  border: 1px solid var(--bo-checkout-border);
  border-radius: 28px;
  padding: 28px 32px;
  box-shadow: var(--bo-checkout-shadow);
}

body.page-id-724 article#post-724 #order_review_heading,
body.woocommerce-checkout article#post-724 #order_review_heading {
  background: var(--bo-checkout-order-bg);
  border: 1px solid var(--bo-checkout-order-border);
  border-bottom: 0;
  border-radius: 28px 28px 0 0;
  padding: 24px 28px 0;
  box-shadow: var(--bo-checkout-shadow-soft);
}

body.page-id-724 article#post-724 #order_review,
body.woocommerce-checkout article#post-724 #order_review {
  background: var(--bo-checkout-order-bg);
  border: 1px solid var(--bo-checkout-order-border);
  border-top: 0;
  border-radius: 0 0 28px 28px;
  padding: 0 28px 28px;
  box-shadow: var(--bo-checkout-shadow-soft);
}

/* ---------- Headings ---------- */
body.page-id-724 article#post-724 #customer_details h3,
body.page-id-724 article#post-724 #order_review_heading,
body.woocommerce-checkout article#post-724 #customer_details h3,
body.woocommerce-checkout article#post-724 #order_review_heading {
  margin: 0 0 22px;
  color: var(--bo-checkout-heading);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

body.page-id-724 article#post-724 #order_review_heading,
body.woocommerce-checkout article#post-724 #order_review_heading {
  margin-bottom: 0;
}

/* ---------- Fields ---------- */
body.page-id-724 article#post-724 .woocommerce-billing-fields__field-wrapper,
body.page-id-724 article#post-724 .woocommerce-shipping-fields__field-wrapper,
body.page-id-724 article#post-724 .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout article#post-724 .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout article#post-724 .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout article#post-724 .woocommerce-additional-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

body.page-id-724 article#post-724 p.form-row,
body.woocommerce-checkout article#post-724 p.form-row {
  width: 100%;
  float: none;
  margin: 0;
}

body.page-id-724 article#post-724 p.form-row-wide,
body.woocommerce-checkout article#post-724 p.form-row-wide {
  grid-column: 1 / -1;
}

body.page-id-724 article#post-724 form .form-row label,
body.woocommerce-checkout article#post-724 form .form-row label {
  display: block;
  margin: 0 0 8px;
  color: var(--bo-checkout-text-soft);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

body.page-id-724 article#post-724 form .form-row label .required,
body.woocommerce-checkout article#post-724 form .form-row label .required {
  color: #d85a6a;
  text-decoration: none;
  border: 0;
}

body.page-id-724 article#post-724 form .form-row input.input-text,
body.page-id-724 article#post-724 form .form-row textarea,
body.page-id-724 article#post-724 form .form-row select,
body.page-id-724 article#post-724 #payment input.input-text,
body.page-id-724 article#post-724 #payment textarea,
body.page-id-724 article#post-724 #payment select,
body.woocommerce-checkout article#post-724 form .form-row input.input-text,
body.woocommerce-checkout article#post-724 form .form-row textarea,
body.woocommerce-checkout article#post-724 form .form-row select,
body.woocommerce-checkout article#post-724 #payment input.input-text,
body.woocommerce-checkout article#post-724 #payment textarea,
body.woocommerce-checkout article#post-724 #payment select {
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  border-radius: 18px;
  border: 1px solid var(--bo-checkout-input-border);
  background: var(--bo-checkout-input-bg);
  color: var(--bo-checkout-input-text);
  -webkit-text-fill-color: var(--bo-checkout-input-text);
  box-shadow: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

body.page-id-724 article#post-724 form .form-row textarea,
body.page-id-724 article#post-724 #payment textarea,
body.woocommerce-checkout article#post-724 form .form-row textarea,
body.woocommerce-checkout article#post-724 #payment textarea {
  min-height: 120px;
  padding: 14px 18px;
  resize: vertical;
}

body.page-id-724 article#post-724 form .form-row input::placeholder,
body.page-id-724 article#post-724 form .form-row textarea::placeholder,
body.woocommerce-checkout article#post-724 form .form-row input::placeholder,
body.woocommerce-checkout article#post-724 form .form-row textarea::placeholder {
  color: var(--bo-checkout-input-placeholder);
  opacity: 1;
}

body.page-id-724 article#post-724 form .form-row input.input-text:focus,
body.page-id-724 article#post-724 form .form-row textarea:focus,
body.page-id-724 article#post-724 form .form-row select:focus,
body.page-id-724 article#post-724 #payment input.input-text:focus,
body.page-id-724 article#post-724 #payment textarea:focus,
body.page-id-724 article#post-724 #payment select:focus,
body.woocommerce-checkout article#post-724 form .form-row input.input-text:focus,
body.woocommerce-checkout article#post-724 form .form-row textarea:focus,
body.woocommerce-checkout article#post-724 form .form-row select:focus,
body.woocommerce-checkout article#post-724 #payment input.input-text:focus,
body.woocommerce-checkout article#post-724 #payment textarea:focus,
body.woocommerce-checkout article#post-724 #payment select:focus {
  outline: none;
  border-color: #7ca3e3;
  box-shadow: 0 0 0 4px var(--bo-checkout-input-focus);
}

/* ---------- Validation ---------- */
body.page-id-724 article#post-724 form .form-row.woocommerce-invalid input.input-text,
body.page-id-724 article#post-724 form .form-row.woocommerce-invalid select,
body.page-id-724 article#post-724 form .form-row.woocommerce-invalid textarea,
body.woocommerce-checkout article#post-724 form .form-row.woocommerce-invalid input.input-text,
body.woocommerce-checkout article#post-724 form .form-row.woocommerce-invalid select,
body.woocommerce-checkout article#post-724 form .form-row.woocommerce-invalid textarea {
  border-color: var(--bo-checkout-invalid-border);
  background: var(--bo-checkout-invalid-bg);
}

/* ---------- Select2 ---------- */
body.page-id-724 article#post-724 .select2-container--default .select2-selection--single,
body.woocommerce-checkout article#post-724 .select2-container--default .select2-selection--single {
  min-height: 52px;
  border-radius: 18px;
  border: 1px solid var(--bo-checkout-input-border);
  background: var(--bo-checkout-input-bg);
}

body.page-id-724 article#post-724 .select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-checkout article#post-724 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--bo-checkout-input-text);
  line-height: 50px;
  padding-left: 18px;
  padding-right: 38px;
}

body.page-id-724 article#post-724 .select2-container--default .select2-selection--single .select2-selection__arrow,
body.woocommerce-checkout article#post-724 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  right: 12px;
}

/* ---------- Review table ---------- */
body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table {
  width: 100%;
  margin: 12px 0 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table th,
body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table td,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table th,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table td {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background: transparent;
  box-shadow: none;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table thead th,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table thead th {
  padding: 16px 0 14px;
  color: var(--bo-checkout-text-soft);
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid var(--bo-checkout-border);
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tbody td,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tbody td {
  padding: 18px 0;
  border-bottom: 1px solid var(--bo-checkout-border-soft);
  color: var(--bo-checkout-text);
  vertical-align: top;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tbody td.product-name,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tbody td.product-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tbody td.product-total,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tbody td.product-total {
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot th,
body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot td,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot td {
  padding: 14px 0;
  border-bottom: 1px solid var(--bo-checkout-border-soft);
  background: transparent;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot th {
  color: var(--bo-checkout-text-soft);
  font-size: 15px;
  font-weight: 600;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot td,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot td {
  text-align: right;
  color: var(--bo-checkout-text);
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
  padding-top: 18px;
  border-bottom: 0;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th {
  color: var(--bo-checkout-order-strong);
  font-size: 18px;
  font-weight: 800;
}

body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td,
body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td .amount,
body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td strong,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td .amount,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td strong {
  color: var(--bo-checkout-order-strong);
  font-size: 22px;
  font-weight: 800;
}

/* ---------- Payment ---------- */
body.page-id-724 article#post-724 #payment,
body.woocommerce-checkout article#post-724 #payment {
  margin-top: 22px;
  background: var(--bo-checkout-payment-bg);
  border: 1px solid var(--bo-checkout-payment-border);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: none;
}

body.page-id-724 article#post-724 #payment ul.payment_methods,
body.woocommerce-checkout article#post-724 #payment ul.payment_methods {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

body.page-id-724 article#post-724 #payment ul.payment_methods > li,
body.woocommerce-checkout article#post-724 #payment ul.payment_methods > li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--bo-checkout-payment-border);
}

body.page-id-724 article#post-724 #payment ul.payment_methods > li:last-child,
body.woocommerce-checkout article#post-724 #payment ul.payment_methods > li:last-child {
  border-bottom: 0;
}

body.page-id-724 article#post-724 #payment ul.payment_methods > li > label,
body.woocommerce-checkout article#post-724 #payment ul.payment_methods > li > label {
  display: block;
  position: relative;
  margin: 0;
  padding: 18px 24px 16px 34px;
  color: var(--bo-checkout-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

body.page-id-724 article#post-724 #payment div.payment_box,
body.woocommerce-checkout article#post-724 #payment div.payment_box {
  margin: 0 16px 16px 34px;
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--bo-checkout-payment-inner);
  color: var(--bo-checkout-text-soft);
  box-shadow: none;
}

body.page-id-724 article#post-724 #payment div.payment_box::before,
body.woocommerce-checkout article#post-724 #payment div.payment_box::before {
  display: none;
}

body.page-id-724 article#post-724 input[type="radio"],
body.page-id-724 article#post-724 input[type="checkbox"],
body.woocommerce-checkout article#post-724 input[type="radio"],
body.woocommerce-checkout article#post-724 input[type="checkbox"] {
  accent-color: var(--bo-checkout-radio);
}

/* ---------- Privacy / terms ---------- */
body.page-id-724 article#post-724 #payment .woocommerce-privacy-policy-text,
body.woocommerce-checkout article#post-724 #payment .woocommerce-privacy-policy-text {
  margin: 20px 0 16px;
  padding: 16px 18px;
  border-radius: 20px;
  background: var(--bo-checkout-card-soft);
  color: var(--bo-checkout-text-soft);
  font-size: 14px;
  line-height: 1.55;
}

/* ---------- Place order ---------- */
body.page-id-724 article#post-724 #payment .place-order,
body.woocommerce-checkout article#post-724 #payment .place-order {
  padding: 20px 0 0;
  margin: 0;
}

body.page-id-724 article#post-724 #place_order,
body.woocommerce-checkout article#post-724 #place_order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: var(--bo-checkout-btn-bg);
  color: var(--bo-checkout-btn-text);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  box-shadow: var(--bo-checkout-btn-shadow);
  transition: all 0.18s ease;
}

body.page-id-724 article#post-724 #place_order::before,
body.woocommerce-checkout article#post-724 #place_order::before {
  content: "→";
  display: inline-block;
  margin-right: 12px;
  font-size: 18px;
  transition: transform 0.18s ease;
}

body.page-id-724 article#post-724 #place_order:hover,
body.woocommerce-checkout article#post-724 #place_order:hover {
  background: var(--bo-checkout-btn-hover);
  color: var(--bo-checkout-btn-text);
  transform: translateY(-2px);
  box-shadow: var(--bo-checkout-btn-shadow-hover);
}

body.page-id-724 article#post-724 #place_order:hover::before,
body.woocommerce-checkout article#post-724 #place_order:hover::before {
  transform: translateX(3px);
}

/* ---------- Mobile ---------- */
@media (max-width: 980px) {
  body.page-id-724 article#post-724 form.checkout.woocommerce-checkout,
  body.woocommerce-checkout article#post-724 form.checkout.woocommerce-checkout {
    grid-template-columns: 1fr;
  }

  body.page-id-724 article#post-724 #customer_details,
  body.page-id-724 article#post-724 #order_review_heading,
  body.page-id-724 article#post-724 #order_review,
  body.woocommerce-checkout article#post-724 #customer_details,
  body.woocommerce-checkout article#post-724 #order_review_heading,
  body.woocommerce-checkout article#post-724 #order_review {
    grid-column: 1;
  }
}

@media (max-width: 767px) {
  body.page-id-724 article#post-724 #customer_details .col-1,
  body.page-id-724 article#post-724 #customer_details .col-2,
  body.woocommerce-checkout article#post-724 #customer_details .col-1,
  body.woocommerce-checkout article#post-724 #customer_details .col-2 {
    padding: 22px 18px;
    border-radius: 22px;
  }

  body.page-id-724 article#post-724 #order_review_heading,
  body.woocommerce-checkout article#post-724 #order_review_heading {
    padding: 22px 18px 0;
    border-radius: 22px 22px 0 0;
  }

  body.page-id-724 article#post-724 #order_review,
  body.woocommerce-checkout article#post-724 #order_review {
    padding: 0 18px 22px;
    border-radius: 0 0 22px 22px;
  }

  body.page-id-724 article#post-724 .woocommerce-billing-fields__field-wrapper,
  body.page-id-724 article#post-724 .woocommerce-shipping-fields__field-wrapper,
  body.page-id-724 article#post-724 .woocommerce-additional-fields__field-wrapper,
  body.woocommerce-checkout article#post-724 .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout article#post-724 .woocommerce-shipping-fields__field-wrapper,
  body.woocommerce-checkout article#post-724 .woocommerce-additional-fields__field-wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* ---------- RTL ---------- */
[dir="rtl"] body.page-id-724 article#post-724 #place_order::before,
[dir="rtl"] body.woocommerce-checkout article#post-724 #place_order::before {
  content: "←";
  margin-right: 0;
  margin-left: 12px;
}

/* =========================================================
   БелОфис — Checkout fix: правильная раскладка колонок
   Вставить НИЖЕ текущего Checkout UI v5
   File: /wp-content/themes/prespa-child/style.css
   ========================================================= */

body.page-id-724 article#post-724 form.checkout.woocommerce-checkout,
body.woocommerce-checkout article#post-724 form.checkout.woocommerce-checkout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  gap: 28px;
  align-items: start;
}

/* Левая колонка */
body.page-id-724 article#post-724 #customer_details,
body.woocommerce-checkout article#post-724 #customer_details {
  grid-column: 1;
  width: 100%;
  float: none;
  margin: 0;
  display: block;
}

/* Внутри customer_details оставляем только col-1 */
body.page-id-724 article#post-724 #customer_details .col-1,
body.woocommerce-checkout article#post-724 #customer_details .col-1 {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

/* Убираем правый пустой блок "Детали" */
body.page-id-724 article#post-724 #customer_details .col-2,
body.woocommerce-checkout article#post-724 #customer_details .col-2 {
  display: none !important;
}

/* Правая колонка: заголовок */
body.page-id-724 article#post-724 #order_review_heading,
body.woocommerce-checkout article#post-724 #order_review_heading {
  grid-column: 2;
  width: 100%;
  float: none !important;
  margin: 0 !important;
}

/* Правая колонка: сам заказ */
body.page-id-724 article#post-724 #order_review,
body.woocommerce-checkout article#post-724 #order_review {
  grid-column: 2;
  width: 100%;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

/* На всякий случай гасим стандартные clearfix WooCommerce */
body.page-id-724 article#post-724 #customer_details::after,
body.page-id-724 article#post-724 .col2-set::after,
body.woocommerce-checkout article#post-724 #customer_details::after,
body.woocommerce-checkout article#post-724 .col2-set::after {
  content: none !important;
  display: none !important;
}

/* Планшет и мобила */
@media (max-width: 980px) {
  body.page-id-724 article#post-724 form.checkout.woocommerce-checkout,
  body.woocommerce-checkout article#post-724 form.checkout.woocommerce-checkout {
    grid-template-columns: 1fr;
  }

  body.page-id-724 article#post-724 #customer_details,
  body.page-id-724 article#post-724 #order_review_heading,
  body.page-id-724 article#post-724 #order_review,
  body.woocommerce-checkout article#post-724 #customer_details,
  body.woocommerce-checkout article#post-724 #order_review_heading,
  body.woocommerce-checkout article#post-724 #order_review {
    grid-column: 1;
  }
}
/* =========================================================
   БелОфис — Checkout polish fix
   Добивка после layout fix
   File: /wp-content/themes/prespa-child/style.css
   ========================================================= */

/* 1. Чуть ровнее пропорции колонок */
body.page-id-724 article#post-724 form.checkout.woocommerce-checkout,
body.woocommerce-checkout article#post-724 form.checkout.woocommerce-checkout {
  grid-template-columns: minmax(0, 1fr) minmax(380px, 1fr);
  gap: 32px;
}

/* 2. Заголовок "Ваш заказ" делаем частью общей правой карточки */
body.page-id-724 article#post-724 #order_review_heading,
body.woocommerce-checkout article#post-724 #order_review_heading {
  background: var(--bo-checkout-order-bg);
  border: 1px solid var(--bo-checkout-order-border);
  border-bottom: 0;
  border-radius: 28px 28px 0 0;
  padding: 24px 28px 10px;
  box-shadow: var(--bo-checkout-shadow-soft);
  min-height: auto;
}

/* 3. Сам блок заказа нормальной ширины и без "узкой башни" */
body.page-id-724 article#post-724 #order_review,
body.woocommerce-checkout article#post-724 #order_review {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  background: var(--bo-checkout-order-bg);
  border: 1px solid var(--bo-checkout-order-border);
  border-top: 0;
  border-radius: 0 0 28px 28px;
  padding: 0 28px 28px;
  box-shadow: var(--bo-checkout-shadow-soft);
}

/* 4. Внутри order_review убираем все лишние ограничения ширины */
body.page-id-724 article#post-724 #order_review > * ,
body.woocommerce-checkout article#post-724 #order_review > * {
  max-width: 100%;
}

/* 5. Таблица заказа во всю ширину карточки */
body.page-id-724 article#post-724 table.shop_table.woocommerce-checkout-review-order-table,
body.woocommerce-checkout article#post-724 table.shop_table.woocommerce-checkout-review-order-table {
  width: 100% !important;
  margin-top: 8px;
}

/* 6. Платежный блок тоже во всю ширину */
body.page-id-724 article#post-724 #payment,
body.woocommerce-checkout article#post-724 #payment {
  width: 100%;
  margin-top: 20px;
}

/* 7. Левая карточка компактнее по высоте, как в макете */
body.page-id-724 article#post-724 #customer_details .col-1,
body.woocommerce-checkout article#post-724 #customer_details .col-1 {
  align-self: start;
}

/* 8. Убираем лишний внешний отступ у заголовков в правой колонке */
body.page-id-724 article#post-724 #order_review_heading,
body.page-id-724 article#post-724 #order_review_heading h3,
body.woocommerce-checkout article#post-724 #order_review_heading,
body.woocommerce-checkout article#post-724 #order_review_heading h3 {
  margin: 0 !important;
}

/* 9. Если тема красит h3 отдельно, прибиваем цвет здесь */
body.page-id-724 article#post-724 #order_review_heading,
body.woocommerce-checkout article#post-724 #order_review_heading {
  color: var(--bo-checkout-heading);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

/* 10. Планшет/мобила */
@media (max-width: 980px) {
  body.page-id-724 article#post-724 form.checkout.woocommerce-checkout,
  body.woocommerce-checkout article#post-724 form.checkout.woocommerce-checkout {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.page-id-724 article#post-724 #order_review_heading,
  body.page-id-724 article#post-724 #order_review,
  body.woocommerce-checkout article#post-724 #order_review_heading,
  body.woocommerce-checkout article#post-724 #order_review {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* =========================================================
   БелОфис — Checkout hard fix
   Корень проблемы: явная раскладка grid + сброс float WooCommerce
   File: /wp-content/themes/prespa-child/style.css
   ========================================================= */

body.page-id-724 form.checkout.woocommerce-checkout,
body.woocommerce-checkout form.checkout.woocommerce-checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
  grid-template-areas:
    "customer review_head"
    "customer review";
  gap: 28px !important;
  align-items: start !important;
}

/* Левая колонка */
body.page-id-724 #customer_details,
body.woocommerce-checkout #customer_details {
  grid-area: customer !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

/* Правая колонка: заголовок */
body.page-id-724 #order_review_heading,
body.woocommerce-checkout #order_review_heading {
  grid-area: review_head !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

/* Правая колонка: сам заказ */
body.page-id-724 #order_review,
body.woocommerce-checkout #order_review {
  grid-area: review !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

/* У WooCommerce часто col-2 пустая, не даем ей ломать левую колонку */
body.page-id-724 #customer_details .col-2,
body.woocommerce-checkout #customer_details .col-2 {
  display: none !important;
}

/* Мобила и планшет */
@media (max-width: 980px) {
  body.page-id-724 form.checkout.woocommerce-checkout,
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "customer"
      "review_head"
      "review";
  }
}
/* =========================================================
   БелОфис — Checkout final join fix
   Склеиваем "Ваш заказ" с правым блоком, без отдельной плитки
   File: /wp-content/themes/prespa-child/style.css
   ========================================================= */

/* 1. Сетка остается двухколоночной */
body.page-id-724 form.checkout.woocommerce-checkout,
body.woocommerce-checkout form.checkout.woocommerce-checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
  grid-template-areas:
    "customer review"
    "customer review";
  gap: 28px !important;
  align-items: start !important;
}

/* 2. Левая колонка */
body.page-id-724 #customer_details,
body.woocommerce-checkout #customer_details {
  grid-area: customer !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

/* 3. Заголовок больше не отдельная карточка */
body.page-id-724 #order_review_heading,
body.woocommerce-checkout #order_review_heading {
  grid-area: review !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 0 -1px 0 !important;
  padding: 24px 28px 0 !important;
  background: var(--bo-checkout-order-bg) !important;
  border: 1px solid var(--bo-checkout-order-border) !important;
  border-bottom: 0 !important;
  border-radius: 28px 28px 0 0 !important;
  box-shadow: var(--bo-checkout-shadow-soft) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* 4. Сам блок заказа под заголовком, как единая карточка */
body.page-id-724 #order_review,
body.woocommerce-checkout #order_review {
  grid-area: review !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 64px 0 0 0 !important;
  padding: 0 28px 28px !important;
  background: var(--bo-checkout-order-bg) !important;
  border: 1px solid var(--bo-checkout-order-border) !important;
  border-top: 0 !important;
  border-radius: 0 0 28px 28px !important;
  box-shadow: var(--bo-checkout-shadow-soft) !important;
  position: relative !important;
  z-index: 1 !important;
}

/* 5. На случай, если тема дает пустой верхний отступ */
body.page-id-724 #order_review > .shop_table,
body.woocommerce-checkout #order_review > .shop_table {
  margin-top: 0 !important;
}

/* 6. Пустую правую внутреннюю колонку скрываем */
body.page-id-724 #customer_details .col-2,
body.woocommerce-checkout #customer_details .col-2 {
  display: none !important;
}

/* 7. Мобила */
@media (max-width: 980px) {
  body.page-id-724 form.checkout.woocommerce-checkout,
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "customer"
      "review";
  }

  body.page-id-724 #order_review_heading,
  body.woocommerce-checkout #order_review_heading {
    margin: 0 0 -1px 0 !important;
    padding: 20px 18px 0 !important;
    border-radius: 22px 22px 0 0 !important;
  }

  body.page-id-724 #order_review,
  body.woocommerce-checkout #order_review {
    margin: 58px 0 0 0 !important;
    padding: 0 18px 22px !important;
    border-radius: 0 0 22px 22px !important;
  }
}
/* =========================================================
   БелОфис — Checkout terms spacing fix
   Отступы слева/справа для текста политики и чекбокса
   File: /wp-content/themes/prespa-child/style.css
   ========================================================= */

body.page-id-724 #payment .woocommerce-privacy-policy-text,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

body.page-id-724 #payment .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
}

body.page-id-724 #payment .form-row.validate-required,
body.page-id-724 #payment .form-row.woocommerce-validated,
body.page-id-724 #payment .form-row.woocommerce-invalid,
body.woocommerce-checkout #payment .form-row.validate-required,
body.woocommerce-checkout #payment .form-row.woocommerce-validated,
body.woocommerce-checkout #payment .form-row.woocommerce-invalid {
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
  margin-bottom: 14px !important;
}

body.page-id-724 #payment .form-row label.checkbox,
body.woocommerce-checkout #payment .form-row label.checkbox {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
}

body.page-id-724 #payment .form-row label.checkbox input[type="checkbox"],
body.woocommerce-checkout #payment .form-row label.checkbox input[type="checkbox"] {
  margin-top: 3px !important;
  flex: 0 0 auto !important;
}

@media (max-width: 480px) {
  body.page-id-724 #payment .woocommerce-privacy-policy-text,
  body.page-id-724 #payment .woocommerce-terms-and-conditions-wrapper,
  body.page-id-724 #payment .form-row.validate-required,
  body.page-id-724 #payment .form-row.woocommerce-validated,
  body.page-id-724 #payment .form-row.woocommerce-invalid,
  body.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
  body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper,
  body.woocommerce-checkout #payment .form-row.validate-required,
  body.woocommerce-checkout #payment .form-row.woocommerce-validated,
  body.woocommerce-checkout #payment .form-row.woocommerce-invalid {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
/* =========================================================
   БелОфис — Checkout place order width fix
   Возвращает кнопке подтверждения нормальные боковые отступы
   File: /wp-content/themes/prespa-child/style.css
   ========================================================= */

body.page-id-724 #payment .place-order,
body.woocommerce-checkout #payment .place-order {
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
}

body.page-id-724 #payment #place_order,
body.page-id-724 #payment button#place_order,
body.page-id-724 #payment input#place_order,
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout #payment button#place_order,
body.woocommerce-checkout #payment input#place_order {
  width: 100% !important;
  max-width: 100% !important;
  display: inline-flex !important;
  box-sizing: border-box !important;
}

@media (max-width: 480px) {
  body.page-id-724 #payment .place-order,
  body.woocommerce-checkout #payment .place-order {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* =========================================================
   БелОфис — Checkout micro-fixes
   Точечная доводка отступов, заголовков и кнопки
   File: /wp-content/themes/prespa-child/style.css
   ========================================================= */

body.page-id-724 h1.entry-title,
body.woocommerce-checkout h1.entry-title {
  margin-bottom: 14px !important;
  line-height: 1.08 !important;
}

body.page-id-724 #customer_details .col-1 h3,
body.page-id-724 .woocommerce-billing-fields > h3,
body.woocommerce-checkout #customer_details .col-1 h3,
body.woocommerce-checkout .woocommerce-billing-fields > h3 {
  font-size: 18px !important;
  line-height: 1.15 !important;
  margin-bottom: 14px !important;
}

body.page-id-724 form.checkout.woocommerce-checkout,
body.woocommerce-checkout form.checkout.woocommerce-checkout {
  gap: 20px !important;
}

body.page-id-724 #customer_details .col-1,
body.page-id-724 #customer_details .col-2,
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  margin-bottom: 14px !important;
}

body.page-id-724 #order_review_heading {
  margin-bottom: 0 !important;
  padding-bottom: 12px !important;
  line-height: 1.15 !important;
}

body.page-id-724 #order_review,
body.woocommerce-checkout #order_review {
  padding-top: 8px !important;
}

body.page-id-724 #payment,
body.woocommerce-checkout #payment {
  margin-top: 14px !important;
}

body.page-id-724 #payment .woocommerce-privacy-policy-text,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
  margin: 14px 0 10px !important;
}

body.page-id-724 #payment .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
  margin-top: 8px !important;
}

body.page-id-724 #payment .form-row.place-order,
body.woocommerce-checkout #payment .form-row.place-order {
  padding: 14px 18px 12px !important;
  margin: 0 !important;
}

body.page-id-724 #payment #place_order,
body.page-id-724 #payment button#place_order,
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout #payment button#place_order {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  body.page-id-724 h1.entry-title,
  body.woocommerce-checkout h1.entry-title {
    margin-bottom: 10px !important;
    line-height: 1.02 !important;
  }

  body.page-id-724 #customer_details .col-1 h3,
  body.page-id-724 .woocommerce-billing-fields > h3,
  body.woocommerce-checkout #customer_details .col-1 h3,
  body.woocommerce-checkout .woocommerce-billing-fields > h3 {
    font-size: 16px !important;
    line-height: 1.1 !important;
    margin-bottom: 12px !important;
  }

  body.page-id-724 form.checkout.woocommerce-checkout,
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    gap: 14px !important;
  }

  body.page-id-724 #payment .form-row.place-order,
  body.woocommerce-checkout #payment .form-row.place-order {
    padding: 12px 14px 14px !important;
  }
}
/* =========================================================
   БелОфис — Checkout compact fix
   Финальная добивка воздуха в нижнем блоке checkout
   File: /wp-content/themes/prespa-child/style.css
   ========================================================= */

body.page-id-724 #payment ul.payment_methods > li,
body.woocommerce-checkout #payment ul.payment_methods > li {
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-724 #payment div.payment_box,
body.woocommerce-checkout #payment div.payment_box {
  margin: 0 14px 8px 14px !important;
  padding: 10px 14px !important;
}

body.page-id-724 #payment div.payment_box p,
body.woocommerce-checkout #payment div.payment_box p {
  margin: 0 !important;
  line-height: 1.42 !important;
}

body.page-id-724 #payment .woocommerce-privacy-policy-text,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
  margin: 8px 14px 8px !important;
  padding: 10px 14px !important;
  line-height: 1.45 !important;
}

body.page-id-724 #payment .woocommerce-privacy-policy-text p,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
  margin: 0 !important;
}

body.page-id-724 #payment .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
  margin: 6px 14px 6px !important;
}

body.page-id-724 #payment .form-row.place-order,
body.woocommerce-checkout #payment .form-row.place-order {
  margin: 0 !important;
  padding: 8px 14px 10px !important;
}

body.page-id-724 #payment .form-row.place-order label,
body.woocommerce-checkout #payment .form-row.place-order label {
  margin: 0 !important;
}

body.page-id-724 #payment #place_order,
body.page-id-724 #payment button#place_order,
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout #payment button#place_order {
  margin: 0 !important;
}

body.page-id-724 h1.entry-title,
body.woocommerce-checkout h1.entry-title {
  line-height: 0.96 !important;
  margin-bottom: 18px !important;
  font-size: 28px;
}

body.page-id-724 #customer_details .col-1 h3,
body.page-id-724 .woocommerce-billing-fields > h3,
body.woocommerce-checkout #customer_details .col-1 h3,
body.woocommerce-checkout .woocommerce-billing-fields > h3 {
  font-size: 16px !important;
  line-height: 1.08 !important;
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  body.page-id-724 #payment div.payment_box,
  body.woocommerce-checkout #payment div.payment_box {
    margin: 0 10px 6px 10px !important;
    padding: 8px 12px !important;
  }

  body.page-id-724 #payment .woocommerce-privacy-policy-text,
  body.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
    margin: 6px 10px 6px !important;
    padding: 8px 12px !important;
  }

  body.page-id-724 #payment .woocommerce-terms-and-conditions-wrapper,
  body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
    margin: 4px 10px 6px !important;
  }

  body.page-id-724 #payment .form-row.place-order,
  body.woocommerce-checkout #payment .form-row.place-order {
    padding: 6px 10px 10px !important;
  }

  body.page-id-724 h1.entry-title,
  body.woocommerce-checkout h1.entry-title {
    line-height: 0.92 !important;
    margin-bottom: 16px !important;
    font-size: 20px;
  }

  body.page-id-724 #customer_details .col-1 h3,
  body.page-id-724 .woocommerce-billing-fields > h3,
  body.woocommerce-checkout #customer_details .col-1 h3,
  body.woocommerce-checkout .woocommerce-billing-fields > h3 {
    font-size: 15px !important;
    line-height: 1.02 !important;
    margin-bottom: 8px !important;
  }
}
body.page-id-724 #payment div.payment_box,
body.woocommerce-checkout #payment div.payment_box {
  margin-left: 14px !important;
  margin-right: 14px !important;
  width: auto !important;
  box-sizing: border-box !important;
}

body.page-id-724 #payment div.payment_box p,
body.woocommerce-checkout #payment div.payment_box p {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

@media (max-width: 767px) {
  body.page-id-724 #payment div.payment_box,
  body.woocommerce-checkout #payment div.payment_box {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
body.page-id-724 #payment .woocommerce-privacy-policy-text,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
  padding: 10px 12px !important;
  margin: 10px 14px 12px !important;
  line-height: 1.45 !important;
}

body.page-id-724 #payment .woocommerce-privacy-policy-text p,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
  margin: 0 !important;
}

@media (max-width: 767px) {
  body.page-id-724 #payment .woocommerce-privacy-policy-text,
  body.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
    padding: 8px 10px !important;
    margin: 8px 10px 10px !important;
  }
}

/* File: /wp-content/themes/prespa-child/style.css */
/* Checkout compact fix — v1.0.0 */

body.page-id-724 #payment .payment_box,
body.woocommerce-checkout #payment .payment_box {
  margin: 8px 14px 6px !important;
  padding: 10px 12px !important;
}

body.page-id-724 #payment .payment_box p,
body.woocommerce-checkout #payment .payment_box p {
  margin: 0 !important;
  line-height: 1.42 !important;
}

body.page-id-724 #payment .form-row.place-order,
body.woocommerce-checkout #payment .form-row.place-order {
  margin: 0 !important;
  padding: 8px 14px 12px !important;
  min-height: 0 !important;
}

body.page-id-724 #payment .woocommerce-privacy-policy-text,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
  margin: 8px 0 8px !important;
  padding: 8px 10px !important;
  line-height: 1.42 !important;
}

body.page-id-724 #payment .woocommerce-privacy-policy-text p,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
  margin: 0 !important;
}

body.page-id-724 #payment .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
  margin: 6px 0 8px !important;
  padding: 0 !important;
}

body.page-id-724 #payment .validate-required.woocommerce-terms-and-conditions-checkbox-text,
body.woocommerce-checkout #payment .validate-required.woocommerce-terms-and-conditions-checkbox-text {
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-724 #payment .form-row.place-order > *:last-child,
body.woocommerce-checkout #payment .form-row.place-order > *:last-child {
  margin-bottom: 0 !important;
}

body.page-id-724 #place_order,
body.woocommerce-checkout #place_order {
  margin-top: 4px !important;
}

/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — Order Pay UI
   Version: 1.1.1
   Purpose:
   - Оформление страницы оплаты заказа /checkout/order-pay/
   - Визуально приводит страницу к стилю checkout
   - Не трогает обычный checkout и не ломает footer
   Dependencies:
   - WooCommerce order-pay markup
   - текущие токены темы и checkout-переменные
   Changes in 1.1.1:
   - Добавлен красивый блок деталей заказа
   - Добавлена карточка оплаты
   - Кнопка оплаты приведена к фирменному стилю БелОфис
   - Добавлена адаптация для мобилы
   ========================================================= */

:root {
  --bo-pay-card-bg: #ffffff;
  --bo-pay-card-soft: #f9fcff;
  --bo-pay-border: #dfe7f1;
  --bo-pay-border-soft: #e8eef5;
  --bo-pay-text: #1e2f44;
  --bo-pay-text-soft: #6c7f98;
  --bo-pay-heading: #203653;
  --bo-pay-strong: #14644a;
  --bo-pay-btn-bg: linear-gradient(95deg, #1c4db6 0%, #2d6cea 100%);
  --bo-pay-btn-bg-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-pay-btn-text: #ffffff;
  --bo-pay-btn-shadow: 0 10px 22px rgba(28, 77, 182, 0.24);
  --bo-pay-btn-shadow-hover: 0 16px 28px rgba(28, 77, 182, 0.28);
  --bo-pay-shadow: 0 14px 34px rgba(35, 56, 91, 0.06);
  --bo-pay-shadow-soft: 0 8px 22px rgba(35, 56, 91, 0.04);
}

body.dark-mode,
body.dark,
[data-theme="dark"],
.theme-dark {
  --bo-pay-card-bg: #101a2a;
  --bo-pay-card-soft: #111b2b;
  --bo-pay-border: #2b405e;
  --bo-pay-border-soft: #223753;
  --bo-pay-text: #e9f1ff;
  --bo-pay-text-soft: #a7b7cf;
  --bo-pay-heading: #f1f6ff;
  --bo-pay-strong: #7fd0b7;
  --bo-pay-btn-bg: linear-gradient(95deg, #1b4db6 0%, #2c6de8 100%);
  --bo-pay-btn-bg-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-pay-btn-text: #ffffff;
  --bo-pay-btn-shadow: 0 14px 28px rgba(14, 40, 92, 0.30);
  --bo-pay-btn-shadow-hover: 0 18px 32px rgba(14, 40, 92, 0.34);
  --bo-pay-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  --bo-pay-shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.22);
}

/* =========================================================
   Scope: только страница оплаты заказа
   ========================================================= */

body.woocommerce-order-pay article#post-724 .entry-content .woocommerce,
body.woocommerce-order-pay .entry-content .woocommerce {
  max-width: 1280px;
  margin: 0 auto;
}

body.woocommerce-order-pay article#post-724 .entry-content,
body.woocommerce-order-pay .entry-content {
  max-width: 1280px;
  margin: 0 auto;
}

/* Заголовок страницы */
body.woocommerce-order-pay h1.entry-title {
  margin-bottom: 16px !important;
  line-height: 1.04 !important;
  color: var(--bo-pay-heading);
}

/* Список деталей заказа */
body.woocommerce-order-pay ul.order_details {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 22px !important;
  padding: 0 !important;
  list-style: none !important;
  background: var(--bo-pay-card-bg);
  border: 1px solid var(--bo-pay-border);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--bo-pay-shadow-soft);
}

body.woocommerce-order-pay ul.order_details li {
  list-style: none !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  float: none !important;
  width: auto !important;
  min-width: 0;
  border-right: 1px solid var(--bo-pay-border-soft);
  color: var(--bo-pay-text);
  font-size: 14px;
  line-height: 1.4;
  text-transform: none !important;
}

body.woocommerce-order-pay ul.order_details li:last-child {
  border-right: 0;
}

body.woocommerce-order-pay ul.order_details li strong,
body.woocommerce-order-pay ul.order_details li .amount,
body.woocommerce-order-pay ul.order_details li .woocommerce-Price-amount {
  display: block;
  margin-top: 6px;
  color: var(--bo-pay-heading);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

body.woocommerce-order-pay ul.order_details li strong {
  word-break: break-word;
}

body.woocommerce-order-pay ul.order_details li.method strong,
body.woocommerce-order-pay ul.order_details li.total strong,
body.woocommerce-order-pay ul.order_details li.total .amount,
body.woocommerce-order-pay ul.order_details li.total .woocommerce-Price-amount {
  color: var(--bo-pay-strong);
}

/* Текст "Оплатите ваш заказ..." */
body.woocommerce-order-pay .entry-content > p,
body.woocommerce-order-pay article#post-724 .entry-content > p {
  margin: 0 0 16px;
  color: var(--bo-pay-text);
  font-size: 16px;
  line-height: 1.45;
}

/* Форма оплаты */
body.woocommerce-order-pay form#belassist_payment_form,
body.woocommerce-order-pay form[action*="belassist"],
body.woocommerce-order-pay .entry-content form {
  display: block;
  max-width: 460px;
  margin: 0;
  padding: 22px 24px 24px;
  background: var(--bo-pay-card-bg);
  border: 1px solid var(--bo-pay-border);
  border-radius: 24px;
  box-shadow: var(--bo-pay-shadow);
}

/* Скрытые поля не трогаем */
body.woocommerce-order-pay form input[type="hidden"] {
  display: none !important;
}

/* Кнопка оплаты */
body.woocommerce-order-pay form input[type="submit"],
body.woocommerce-order-pay form button[type="submit"],
body.woocommerce-order-pay form .button.alt,
body.woocommerce-order-pay form .button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 28px;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--bo-pay-btn-bg) !important;
  color: var(--bo-pay-btn-text) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: var(--bo-pay-btn-shadow) !important;
  transition: all 0.18s ease;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

body.woocommerce-order-pay form input[type="submit"]:hover,
body.woocommerce-order-pay form button[type="submit"]:hover,
body.woocommerce-order-pay form .button.alt:hover,
body.woocommerce-order-pay form .button:hover {
  background: var(--bo-pay-btn-bg-hover) !important;
  color: var(--bo-pay-btn-text) !important;
  transform: translateY(-2px);
  box-shadow: var(--bo-pay-btn-shadow-hover) !important;
}

/* Маленькая подпись/примечание, если появится */
body.woocommerce-order-pay form p,
body.woocommerce-order-pay form small {
  color: var(--bo-pay-text-soft);
}

/* Ссылка "Редактировать" */
body.woocommerce-order-pay .entry-content a[href*="order-pay"],
body.woocommerce-order-pay .entry-content a {
  transition: color 0.18s ease;
}

body.woocommerce-order-pay .entry-content > a,
body.woocommerce-order-pay article#post-724 .entry-content > a {
  display: inline-block;
  margin-top: 12px;
}

/* Адаптив */
@media (max-width: 980px) {
  body.woocommerce-order-pay ul.order_details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.woocommerce-order-pay h1.entry-title {
    font-size: 28px !important;
    line-height: 0.98 !important;
    margin-bottom: 14px !important;
  }

  body.woocommerce-order-pay ul.order_details {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }

  body.woocommerce-order-pay ul.order_details li {
    padding: 14px 16px !important;
    border-right: 0;
    border-bottom: 1px solid var(--bo-pay-border-soft);
  }

  body.woocommerce-order-pay ul.order_details li:last-child {
    border-bottom: 0;
  }

  body.woocommerce-order-pay ul.order_details li strong,
  body.woocommerce-order-pay ul.order_details li .amount,
  body.woocommerce-order-pay ul.order_details li .woocommerce-Price-amount {
    font-size: 18px;
  }

  body.woocommerce-order-pay form#belassist_payment_form,
  body.woocommerce-order-pay form[action*="belassist"],
  body.woocommerce-order-pay .entry-content form {
    max-width: 100%;
    padding: 18px 16px 18px;
    border-radius: 20px;
  }

  body.woocommerce-order-pay form input[type="submit"],
  body.woocommerce-order-pay form button[type="submit"],
  body.woocommerce-order-pay form .button.alt,
  body.woocommerce-order-pay form .button {
    width: 100%;
    min-height: 52px;
    font-size: 16px !important;
  }
}

/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — Order Pay payment logos polish
   Version: 1.0.0
   Purpose:
   - Добивка нижней плашки с логотипами платежных систем
   - Только для страницы оплаты заказа
   - В стиле карточек БелОфис
   ========================================================= */

body.woocommerce-order-pay .footer-payment-banner,
body.woocommerce-order-pay .entry-content .footer-payment-banner {
  margin: 20px 0 0;
  padding: 14px 16px 12px;
  text-align: center;
  background: var(--bo-pay-card-bg, #ffffff);
  border: 1px solid var(--bo-pay-border, #dfe7f1);
  border-radius: 20px;
  box-shadow: var(--bo-pay-shadow-soft, 0 8px 22px rgba(35, 56, 91, 0.04));
}

body.woocommerce-order-pay .footer-payment-banner img,
body.woocommerce-order-pay .entry-content .footer-payment-banner img {
  display: inline-block;
  width: 100%;
  max-width: 420px;
  height: auto;
  filter: saturate(1.02) contrast(1.01);
}

@media (max-width: 640px) {
  body.woocommerce-order-pay .footer-payment-banner,
  body.woocommerce-order-pay .entry-content .footer-payment-banner {
    margin-top: 16px;
    padding: 12px 12px 10px;
    border-radius: 16px;
  }

  body.woocommerce-order-pay .footer-payment-banner img,
  body.woocommerce-order-pay .entry-content .footer-payment-banner img {
    max-width: 100%;
  }
}

/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — Order Pay button/card width fix
   Version: 1.0.0
   Purpose:
   - Нормализует ширину карточки оплаты на странице order-pay
   - Делает кнопку оплаты визуально правильной по ширине
   - Не затрагивает checkout/cart
   ========================================================= */

body.woocommerce-order-pay form#belassist_payment_form,
body.woocommerce-order-pay form[action*="belassist_payment_form"] {
  width: 100%;
  max-width: 360px;
  margin: 16px 0 0;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #dfe7f1;
  border-radius: 22px;
  box-shadow: 0 8px 22px rgba(35, 56, 91, 0.04);
  box-sizing: border-box;
}

body.woocommerce-order-pay form#belassist_payment_form input[type="submit"],
body.woocommerce-order-pay form#belassist_payment_form input.button.alt,
body.woocommerce-order-pay form[action*="belassist_payment_form"] input[type="submit"],
body.woocommerce-order-pay form[action*="belassist_payment_form"] input.button.alt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(95deg, #1c4db6 0%, #2d6cea 100%);
  color: #ffffff;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(28, 77, 182, 0.24);
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.18s ease;
}

body.woocommerce-order-pay form#belassist_payment_form input[type="submit"]:hover,
body.woocommerce-order-pay form#belassist_payment_form input.button.alt:hover,
body.woocommerce-order-pay form[action*="belassist_payment_form"] input[type="submit"]:hover,
body.woocommerce-order-pay form[action*="belassist_payment_form"] input.button.alt:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(28, 77, 182, 0.28);
}

@media (max-width: 767px) {
  body.woocommerce-order-pay form#belassist_payment_form,
  body.woocommerce-order-pay form[action*="belassist_payment_form"] {
    max-width: 100%;
    padding: 14px;
    border-radius: 18px;
  }

  body.woocommerce-order-pay form#belassist_payment_form input[type="submit"],
  body.woocommerce-order-pay form#belassist_payment_form input.button.alt,
  body.woocommerce-order-pay form[action*="belassist_payment_form"] input[type="submit"],
  body.woocommerce-order-pay form[action*="belassist_payment_form"] input.button.alt {
    min-height: 52px;
    font-size: 16px;
  }
}
/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — Thankyou / Order Received UI
   Version: 1.0.0
   Purpose:
   - Приводит страницу успешного заказа к стилю checkout / order-pay
   - Оформляет order overview, access block, order details, customer details
   - Работает только на странице order-received
   Dependencies:
   - WooCommerce classes: .woocommerce-order, .woocommerce-order-overview,
     .woocommerce-order-details, .woocommerce-customer-details
   - Custom block: .bbh-thankyou-access*
   ========================================================= */

:root {
  --bo-thx-card-bg: #ffffff;
  --bo-thx-card-soft: #f9fcff;
  --bo-thx-border: #dfe7f1;
  --bo-thx-border-soft: #e8eef5;
  --bo-thx-text: #1e2f44;
  --bo-thx-text-soft: #6c7f98;
  --bo-thx-heading: #203653;
  --bo-thx-link: #244a87;
  --bo-thx-link-hover: #173566;
  --bo-thx-accent: #2d6cea;
  --bo-thx-accent-soft: #eef4ff;
  --bo-thx-success: #14644a;
  --bo-thx-success-soft: #eef8f3;
  --bo-thx-shadow: 0 14px 34px rgba(35, 56, 91, 0.06);
  --bo-thx-shadow-soft: 0 8px 22px rgba(35, 56, 91, 0.04);
  --bo-thx-btn-bg: linear-gradient(95deg, #1c4db6 0%, #2d6cea 100%);
  --bo-thx-btn-bg-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-thx-btn-text: #ffffff;
  --bo-thx-btn-shadow: 0 10px 22px rgba(28, 77, 182, 0.24);
  --bo-thx-btn-shadow-hover: 0 16px 28px rgba(28, 77, 182, 0.28);
}

body.dark-mode,
body.dark,
[data-theme="dark"],
.theme-dark {
  --bo-thx-card-bg: #101a2a;
  --bo-thx-card-soft: #111b2b;
  --bo-thx-border: #2b405e;
  --bo-thx-border-soft: #223753;
  --bo-thx-text: #e9f1ff;
  --bo-thx-text-soft: #a7b7cf;
  --bo-thx-heading: #f1f6ff;
  --bo-thx-link: #dce9ff;
  --bo-thx-link-hover: #ffffff;
  --bo-thx-accent: #7ea6ff;
  --bo-thx-accent-soft: rgba(126, 166, 255, 0.10);
  --bo-thx-success: #7fd0b7;
  --bo-thx-success-soft: rgba(127, 208, 183, 0.10);
  --bo-thx-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  --bo-thx-shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.22);
  --bo-thx-btn-bg: linear-gradient(95deg, #1b4db6 0%, #2c6de8 100%);
  --bo-thx-btn-bg-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-thx-btn-text: #ffffff;
  --bo-thx-btn-shadow: 0 14px 28px rgba(14, 40, 92, 0.30);
  --bo-thx-btn-shadow-hover: 0 18px 32px rgba(14, 40, 92, 0.34);
}

/* =========================================================
   THANKYOU PAGE SCOPE
   ========================================================= */

body.woocommerce-order-received article#post-724 .entry-content .woocommerce,
body.woocommerce-order-received article#post-724 .entry-content .woocommerce-order {
  max-width: 1280px;
  margin: 0 auto;
  color: var(--bo-thx-text);
}

body.woocommerce-order-received h1.entry-title {
  margin-bottom: 14px !important;
  line-height: 1.06 !important;
}

body.woocommerce-order-received .woocommerce-order p {
  color: var(--bo-thx-text-soft);
}

body.woocommerce-order-received .woocommerce-order a {
  color: var(--bo-thx-link);
  text-decoration: none;
  transition: color 0.18s ease;
}

body.woocommerce-order-received .woocommerce-order a:hover {
  color: var(--bo-thx-link-hover);
  text-decoration: underline;
}

/* ---------- Верхняя строка статуса ---------- */
body.woocommerce-order-received .woocommerce-order > p:first-of-type {
  margin: 0 0 18px;
  color: var(--bo-thx-text-soft);
  font-size: 16px;
  line-height: 1.45;
}

/* ---------- Overview ---------- */
body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  background: var(--bo-thx-card-bg);
  border: 1px solid var(--bo-thx-border);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--bo-thx-shadow-soft);
}

body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
  margin: 0;
  padding: 20px 18px;
  list-style: none;
  border-right: 1px solid var(--bo-thx-border-soft);
  color: var(--bo-thx-text-soft);
  font-size: 12px;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li:last-child {
  border-right: 0;
}

body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong,
body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li span,
body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li .amount {
  display: block;
  margin-top: 6px;
  color: var(--bo-thx-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
}

body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li.method strong {
  color: var(--bo-thx-success);
}

/* ---------- Custom access block ---------- */
body.woocommerce-order-received .bbh-thankyou-access {
  margin: 0 0 24px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.woocommerce-order-received .bbh-thankyou-access_inner,
body.woocommerce-order-received .bbh-thankyou-access__inner {
  background: var(--bo-thx-card-soft);
  border: 1px solid var(--bo-thx-border);
  border-radius: 24px;
  padding: 22px 18px 18px;
  box-shadow: var(--bo-thx-shadow-soft);
}

body.woocommerce-order-received .bbh-thankyou-access__badge,
body.woocommerce-order-received .bbh-thankyou-access__badge-info,
body.woocommerce-order-received .bbh-thankyou-access_badge,
body.woocommerce-order-received .bbh-thankyou-access_badge-info {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin: 0 0 14px;
  padding: 6px 12px;
  background: var(--bo-thx-accent-soft);
  border: 1px solid rgba(45, 108, 234, 0.16);
  border-radius: 999px;
  color: var(--bo-thx-accent);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

body.woocommerce-order-received .bbh-thankyou-access__title,
body.woocommerce-order-received .bbh-thankyou-access_title {
  margin: 0 0 10px;
  color: var(--bo-thx-heading);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.18;
}

body.woocommerce-order-received .bbh-thankyou-access__order,
body.woocommerce-order-received .bbh-thankyou-access__text,
body.woocommerce-order-received .bbh-thankyou-access__subtext,
body.woocommerce-order-received .bbh-thankyou-access__sub,
body.woocommerce-order-received .bbh-thankyou-access_order,
body.woocommerce-order-received .bbh-thankyou-access_text,
body.woocommerce-order-received .bbh-thankyou-access_subtext {
  color: var(--bo-thx-text-soft);
}

body.woocommerce-order-received .bbh-thankyou-access__email,
body.woocommerce-order-received .bbh-thankyou-access_email {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 10px;
  padding: 10px 14px;
  background: var(--bo-thx-card-bg);
  border: 1px solid var(--bo-thx-border);
  border-radius: 14px;
  color: var(--bo-thx-link);
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(35, 56, 91, 0.04);
}

body.woocommerce-order-received .bbh-thankyou-access__steps-wrap,
body.woocommerce-order-received .bbh-thankyou-access_steps-wrap {
  margin-top: 14px;
  padding: 14px 14px 12px;
  background: var(--bo-thx-card-bg);
  border: 1px solid var(--bo-thx-border);
  border-radius: 16px;
}

body.woocommerce-order-received .bbh-thankyou-access__steps-wrap strong,
body.woocommerce-order-received .bbh-thankyou-access_steps-wrap strong {
  display: block;
  margin-bottom: 8px;
  color: var(--bo-thx-heading);
}

body.woocommerce-order-received .bbh-thankyou-access__steps-wrap ol,
body.woocommerce-order-received .bbh-thankyou-access_steps-wrap ol {
  margin: 0;
  padding-left: 20px;
}

body.woocommerce-order-received .bbh-thankyou-access__steps-wrap li,
body.woocommerce-order-received .bbh-thankyou-access_steps-wrap li {
  margin-bottom: 6px;
  color: var(--bo-thx-text-soft);
}

body.woocommerce-order-received .bbh-thankyou-access__actions,
body.woocommerce-order-received .bbh-thankyou-access_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

body.woocommerce-order-received .bbh-thankyou-access__actions a,
body.woocommerce-order-received .bbh-thankyou-access_actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: all 0.18s ease;
}

body.woocommerce-order-received .bbh-thankyou-access__actions a:first-child,
body.woocommerce-order-received .bbh-thankyou-access_actions a:first-child {
  background: var(--bo-thx-btn-bg);
  color: var(--bo-thx-btn-text);
  box-shadow: var(--bo-thx-btn-shadow);
}

body.woocommerce-order-received .bbh-thankyou-access__actions a:first-child:hover,
body.woocommerce-order-received .bbh-thankyou-access_actions a:first-child:hover {
  background: var(--bo-thx-btn-bg-hover);
  color: var(--bo-thx-btn-text);
  transform: translateY(-2px);
  box-shadow: var(--bo-thx-btn-shadow-hover);
  text-decoration: none;
}

body.woocommerce-order-received .bbh-thankyou-access__actions a:not(:first-child),
body.woocommerce-order-received .bbh-thankyou-access_actions a:not(:first-child) {
  background: var(--bo-thx-card-bg);
  border: 1px solid var(--bo-thx-border);
  color: var(--bo-thx-link);
}

body.woocommerce-order-received .bbh-thankyou-access__actions a:not(:first-child):hover,
body.woocommerce-order-received .bbh-thankyou-access_actions a:not(:first-child):hover {
  background: var(--bo-thx-accent-soft);
  border-color: rgba(45, 108, 234, 0.18);
  color: var(--bo-thx-link-hover);
  text-decoration: none;
}

/* ---------- Section headings ---------- */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
  margin: 0 0 14px;
  color: var(--bo-thx-heading);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

/* ---------- Order details table ---------- */
body.woocommerce-order-received .woocommerce-order-details {
  margin: 0 0 24px;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table.woocommerce-table--order-details,
body.woocommerce-order-received .woocommerce-order-details table.shop_table.order_details {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--bo-thx-card-bg);
  border: 1px solid var(--bo-thx-border);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--bo-thx-shadow-soft);
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th {
  padding: 16px 18px;
  background: transparent;
  color: var(--bo-thx-text-soft);
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid var(--bo-thx-border-soft);
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table th {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td {
  padding: 14px 18px;
  border-bottom: 1px solid var(--bo-thx-border-soft);
  background: transparent;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody tr:last-child td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td {
  border-bottom: 0;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td:first-child,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th {
  color: var(--bo-thx-text);
  font-weight: 600;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td:last-child,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td {
  text-align: right;
  color: var(--bo-thx-text);
  font-weight: 700;
  white-space: nowrap;
}

/* ---------- Billing address ---------- */
body.woocommerce-order-received .woocommerce-customer-details {
  margin: 0 0 24px;
}

body.woocommerce-order-received .woocommerce-customer-details address {
  margin: 0;
  padding: 18px;
  background: var(--bo-thx-card-bg);
  border: 1px solid var(--bo-thx-border);
  border-radius: 20px;
  color: var(--bo-thx-text);
  font-style: normal;
  line-height: 1.65;
  box-shadow: var(--bo-thx-shadow-soft);
}

body.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--phone,
body.woocommerce-order-received .woocommerce-customer-details address .woocommerce-customer-details--email {
  display: block;
  margin-top: 6px;
  color: var(--bo-thx-text-soft);
}

/* ---------- Buttons in thankyou block from plugins/themes ---------- */
body.woocommerce-order-received .woocommerce-order .button,
body.woocommerce-order-received .woocommerce-order a.button,
body.woocommerce-order-received .woocommerce-order button.button {
  border-radius: 999px;
}

/* ---------- Mobile ---------- */
@media (max-width: 980px) {
  body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.woocommerce-order-received h1.entry-title {
    margin-bottom: 10px !important;
    line-height: 1.02 !important;
    font-size: 20px;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    padding: 14px 16px;
    border-right: 0;
    border-bottom: 1px solid var(--bo-thx-border-soft);
  }

  body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li:last-child {
    border-bottom: 0;
  }

  body.woocommerce-order-received .bbh-thankyou-access_inner,
  body.woocommerce-order-received .bbh-thankyou-access__inner {
    padding: 18px 14px 14px;
    border-radius: 20px;
  }

  body.woocommerce-order-received .bbh-thankyou-access__title,
  body.woocommerce-order-received .bbh-thankyou-access_title {
    font-size: 18px;
  }

  body.woocommerce-order-received .bbh-thankyou-access__actions,
  body.woocommerce-order-received .bbh-thankyou-access_actions {
    flex-direction: column;
  }

  body.woocommerce-order-received .bbh-thankyou-access__actions a,
  body.woocommerce-order-received .bbh-thankyou-access_actions a {
    width: 100%;
  }

  body.woocommerce-order-received .woocommerce-order-details table.shop_table.woocommerce-table--order-details,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table.order_details {
    border-radius: 20px;
  }

  body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td {
    padding: 12px 14px;
    font-size: 14px;
  }

  body.woocommerce-order-received .woocommerce-customer-details address {
    padding: 14px;
    border-radius: 18px;
  }
}
/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — Cart empty state + footer payment banner restore
   Version: 1.0.0
   Purpose:
   - Возвращает красивую кнопку пустой корзины
   - Возвращает красивую карточку для нижнего баннера с логотипами
   - Не ломает checkout / order-pay / thankyou
   ========================================================= */

/* ---------- Пустая корзина ---------- */
.woocommerce-cart.cart-empty .entry-content .wc-block-components-notices,
.woocommerce-cart.cart-empty .entry-content .woocommerce-notices-wrapper {
  margin-bottom: 0;
}

.woocommerce-cart.cart-empty .cart-empty,
.woocommerce-cart .cart-empty {
  max-width: 760px;
  margin: 0 auto 14px;
  padding: 40px 24px;
  border: 1px solid var(--bo-cart-border, #dfe7f1);
  border-radius: 22px;
  background: var(--bo-cart-card-bg, #ffffff);
  box-shadow: var(--bo-cart-shadow-soft, 0 8px 22px rgba(35, 56, 91, 0.04));
  text-align: center;
  color: var(--bo-cart-text-soft, #6c7f98);
}

.woocommerce-cart.cart-empty .return-to-shop,
.woocommerce-cart .return-to-shop {
  max-width: 760px;
  margin: 0 auto 24px;
  padding: 0;
  text-align: left;
}

.woocommerce-cart.cart-empty .return-to-shop .button,
.woocommerce-cart.cart-empty .return-to-shop a.button,
.woocommerce-cart .return-to-shop .button,
.woocommerce-cart .return-to-shop a.button,
.woocommerce .return-to-shop .button.wc-backward,
.woocommerce .return-to-shop a.button.wc-backward {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 220px;
  min-height: 46px;
  padding: 0 20px !important;
  margin: 0 !important;
  border: 1px solid #d9e6ff !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #f7faff 0%, #edf4ff 100%) !important;
  color: #2f5fb8 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(64, 110, 196, 0.10) !important;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
  -webkit-appearance: none;
  appearance: none;
}

.woocommerce-cart.cart-empty .return-to-shop .button:hover,
.woocommerce-cart.cart-empty .return-to-shop a.button:hover,
.woocommerce-cart .return-to-shop .button:hover,
.woocommerce-cart .return-to-shop a.button:hover,
.woocommerce .return-to-shop .button.wc-backward:hover,
.woocommerce .return-to-shop a.button.wc-backward:hover {
  background: linear-gradient(180deg, #eaf2ff 0%, #dfeaff 100%) !important;
  border-color: #bfd4ff !important;
  color: #244d98 !important;
  box-shadow: 0 8px 18px rgba(64, 110, 196, 0.14) !important;
  transform: translateY(-1px);
}

.woocommerce-cart.cart-empty .return-to-shop .button:active,
.woocommerce-cart.cart-empty .return-to-shop a.button:active,
.woocommerce-cart .return-to-shop .button:active,
.woocommerce-cart .return-to-shop a.button:active,
.woocommerce .return-to-shop .button.wc-backward:active,
.woocommerce .return-to-shop a.button.wc-backward:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px rgba(64, 110, 196, 0.10) !important;
}

/* dark */
body.dark-mode .woocommerce-cart.cart-empty .return-to-shop .button,
body.dark-mode .woocommerce-cart.cart-empty .return-to-shop a.button,
body.dark-mode .woocommerce-cart .return-to-shop .button,
body.dark-mode .woocommerce-cart .return-to-shop a.button,
body.dark-mode .woocommerce .return-to-shop .button.wc-backward,
body.dark-mode .woocommerce .return-to-shop a.button.wc-backward,
body.dark .woocommerce-cart.cart-empty .return-to-shop .button,
body.dark .woocommerce-cart.cart-empty .return-to-shop a.button,
body.dark .woocommerce-cart .return-to-shop .button,
body.dark .woocommerce-cart .return-to-shop a.button,
body.dark .woocommerce .return-to-shop .button.wc-backward,
body.dark .woocommerce .return-to-shop a.button.wc-backward,
[data-theme="dark"] .woocommerce-cart.cart-empty .return-to-shop .button,
[data-theme="dark"] .woocommerce-cart.cart-empty .return-to-shop a.button,
[data-theme="dark"] .woocommerce-cart .return-to-shop .button,
[data-theme="dark"] .woocommerce-cart .return-to-shop a.button,
[data-theme="dark"] .woocommerce .return-to-shop .button.wc-backward,
[data-theme="dark"] .woocommerce .return-to-shop a.button.wc-backward,
.theme-dark .woocommerce-cart.cart-empty .return-to-shop .button,
.theme-dark .woocommerce-cart.cart-empty .return-to-shop a.button,
.theme-dark .woocommerce-cart .return-to-shop .button,
.theme-dark .woocommerce-cart .return-to-shop a.button,
.theme-dark .woocommerce .return-to-shop .button.wc-backward,
.theme-dark .woocommerce .return-to-shop a.button.wc-backward {
  background: linear-gradient(180deg, #18263d 0%, #213252 100%) !important;
  border-color: #2f4670 !important;
  color: #dbe8ff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
}

body.dark-mode .woocommerce-cart.cart-empty .return-to-shop .button:hover,
body.dark-mode .woocommerce-cart.cart-empty .return-to-shop a.button:hover,
body.dark-mode .woocommerce-cart .return-to-shop .button:hover,
body.dark-mode .woocommerce-cart .return-to-shop a.button:hover,
body.dark-mode .woocommerce .return-to-shop .button.wc-backward:hover,
body.dark-mode .woocommerce .return-to-shop a.button.wc-backward:hover,
body.dark .woocommerce-cart.cart-empty .return-to-shop .button:hover,
body.dark .woocommerce-cart.cart-empty .return-to-shop a.button:hover,
body.dark .woocommerce-cart .return-to-shop .button:hover,
body.dark .woocommerce-cart .return-to-shop a.button:hover,
body.dark .woocommerce .return-to-shop .button.wc-backward:hover,
body.dark .woocommerce .return-to-shop a.button.wc-backward:hover,
[data-theme="dark"] .woocommerce-cart.cart-empty .return-to-shop .button:hover,
[data-theme="dark"] .woocommerce-cart.cart-empty .return-to-shop a.button:hover,
[data-theme="dark"] .woocommerce-cart .return-to-shop .button:hover,
[data-theme="dark"] .woocommerce-cart .return-to-shop a.button:hover,
[data-theme="dark"] .woocommerce .return-to-shop .button.wc-backward:hover,
[data-theme="dark"] .woocommerce .return-to-shop a.button.wc-backward:hover,
.theme-dark .woocommerce-cart.cart-empty .return-to-shop .button:hover,
.theme-dark .woocommerce-cart.cart-empty .return-to-shop a.button:hover,
.theme-dark .woocommerce-cart .return-to-shop .button:hover,
.theme-dark .woocommerce-cart .return-to-shop a.button:hover,
.theme-dark .woocommerce .return-to-shop .button.wc-backward:hover,
.theme-dark .woocommerce .return-to-shop a.button.wc-backward:hover {
  background: linear-gradient(180deg, #213252 0%, #29406a 100%) !important;
  border-color: #41639d !important;
  color: #ffffff !important;
}

/* мобила */
@media (max-width: 767px) {
  .woocommerce-cart.cart-empty .cart-empty,
  .woocommerce-cart .cart-empty {
    padding: 28px 16px;
    border-radius: 18px;
  }

  .woocommerce-cart.cart-empty .return-to-shop,
  .woocommerce-cart .return-to-shop {
    margin-bottom: 18px;
  }

  .woocommerce-cart.cart-empty .return-to-shop .button,
  .woocommerce-cart.cart-empty .return-to-shop a.button,
  .woocommerce-cart .return-to-shop .button,
  .woocommerce-cart .return-to-shop a.button,
  .woocommerce .return-to-shop .button.wc-backward,
  .woocommerce .return-to-shop a.button.wc-backward {
    width: 100% !important;
    min-width: 0;
    min-height: 44px;
    font-size: 14px !important;
  }
}

/* ---------- Нижний баннер с платежными логотипами ---------- */
.footer-payment-banner {
  margin: 24px auto 0;
  padding: 14px 16px 12px;
  max-width: 760px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #dfe7f1;
  border-radius: 20px;
  box-shadow: 0 8px 22px rgba(35, 56, 91, 0.04);
  box-sizing: border-box;
}

.footer-payment-banner img {
  display: inline-block;
  width: 100%;
  max-width: 560px;
  height: auto;
  filter: saturate(1.02) contrast(1.01);
}

/* dark */
body.dark-mode .footer-payment-banner,
body.dark .footer-payment-banner,
[data-theme="dark"] .footer-payment-banner,
.theme-dark .footer-payment-banner {
  background: #101a2a;
  border-color: #2b405e;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

@media (max-width: 767px) {
  .footer-payment-banner {
    margin-top: 18px;
    padding: 12px 12px 10px;
    border-radius: 16px;
  }

  .footer-payment-banner img {
    max-width: 100%;
  }
}
/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — Mini cart dropdown UI
   Version: 1.0.0
   Purpose:
   - Стилизует миникорзину в хедере
   - Приводит popup к стилю БелОфис
   - Не ломает cart / checkout / order-pay / thankyou
   ========================================================= */

:root {
  --bo-mini-cart-bg: #ffffff;
  --bo-mini-cart-bg-soft: #f7fbff;
  --bo-mini-cart-border: #dfe7f1;
  --bo-mini-cart-border-soft: #e8eef5;
  --bo-mini-cart-text: #1e2f44;
  --bo-mini-cart-text-soft: #6c7f98;
  --bo-mini-cart-link: #244a87;
  --bo-mini-cart-link-hover: #173566;
  --bo-mini-cart-price: #14644a;
  --bo-mini-cart-btn-bg: linear-gradient(95deg, #1c4db6 0%, #2d6cea 100%);
  --bo-mini-cart-btn-bg-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-mini-cart-btn-text: #ffffff;
  --bo-mini-cart-btn-soft-bg: #eef4ff;
  --bo-mini-cart-btn-soft-text: #2d5db3;
  --bo-mini-cart-btn-soft-border: #d4e3ff;
  --bo-mini-cart-shadow: 0 18px 40px rgba(35, 56, 91, 0.14);
  --bo-mini-cart-remove: #d95b6b;
}

body.dark-mode,
body.dark,
[data-theme="dark"],
.theme-dark {
  --bo-mini-cart-bg: #101a2a;
  --bo-mini-cart-bg-soft: #111b2b;
  --bo-mini-cart-border: #2b405e;
  --bo-mini-cart-border-soft: #223753;
  --bo-mini-cart-text: #e9f1ff;
  --bo-mini-cart-text-soft: #a7b7cf;
  --bo-mini-cart-link: #dce9ff;
  --bo-mini-cart-link-hover: #ffffff;
  --bo-mini-cart-price: #7fd0b7;
  --bo-mini-cart-btn-bg: linear-gradient(95deg, #1b4db6 0%, #2c6de8 100%);
  --bo-mini-cart-btn-bg-hover: linear-gradient(95deg, #1a46a6 0%, #255fd4 100%);
  --bo-mini-cart-btn-text: #ffffff;
  --bo-mini-cart-btn-soft-bg: #18263d;
  --bo-mini-cart-btn-soft-text: #dbe8ff;
  --bo-mini-cart-btn-soft-border: #2f4670;
  --bo-mini-cart-shadow: 0 22px 44px rgba(0, 0, 0, 0.32);
  --bo-mini-cart-remove: #ff9cab;
}

/* dropdown shell */
.site-header-account .widget_shopping_cart,
.site-header-cart .widget_shopping_cart,
.shopping_cart_additional-info .widget_shopping_cart,
.shopping_cart_additional-info .widget_shopping_cart_content {
  color: var(--bo-mini-cart-text);
}

.shopping_cart_additional-info .widget_shopping_cart_content,
.site-header-cart .widget_shopping_cart_content,
.site-header-account .widget_shopping_cart_content {
  min-width: 320px;
  max-width: 380px;
  padding: 14px;
  background: var(--bo-mini-cart-bg);
  border: 1px solid var(--bo-mini-cart-border);
  border-radius: 20px;
  box-shadow: var(--bo-mini-cart-shadow);
  box-sizing: border-box;
}

/* list */
.widget_shopping_cart .woocommerce-mini-cart,
.widget_shopping_cart .cart_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget_shopping_cart .woocommerce-mini-cart li,
.widget_shopping_cart .cart_list li,
.widget_shopping_cart .woocommerce-mini-cart__empty-message {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* item */
.widget_shopping_cart .woocommerce-mini-cart-item,
.widget_shopping_cart .mini_cart_item,
.site-menu .product_list_widget li {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid var(--bo-mini-cart-border-soft);
}

.widget_shopping_cart .woocommerce-mini-cart-item:last-child,
.widget_shopping_cart .mini_cart_item:last-child,
.site-menu .product_list_widget li:last-child {
  border-bottom: 0;
}

/* image */
.widget_shopping_cart .woocommerce-mini-cart-item img,
.widget_shopping_cart .mini_cart_item img,
.site-menu .product_list_widget li img {
  float: none !important;
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  margin: 0 !important;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid var(--bo-mini-cart-border);
  background: var(--bo-mini-cart-bg-soft);
  box-shadow: 0 4px 12px rgba(35, 56, 91, 0.08);
}

/* product title */
.widget_shopping_cart .woocommerce-mini-cart-item > a:not(.remove),
.widget_shopping_cart .mini_cart_item > a:not(.remove),
.site-menu .product_list_widget li > a:not(.remove) {
  display: block;
  margin: 0 28px 6px 0;
  color: var(--bo-mini-cart-link) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  word-break: break-word;
}

.widget_shopping_cart .woocommerce-mini-cart-item > a:not(.remove):hover,
.widget_shopping_cart .mini_cart_item > a:not(.remove):hover,
.site-menu .product_list_widget li > a:not(.remove):hover {
  color: var(--bo-mini-cart-link-hover) !important;
  text-decoration: none;
}

/* qty + price */
.widget_shopping_cart .quantity,
.widget_shopping_cart .woocommerce-mini-cart-item .quantity,
.site-menu .product_list_widget .quantity {
  display: inline-block;
  margin-top: 2px;
  color: var(--bo-mini-cart-text-soft);
  font-size: 13px;
  line-height: 1.45;
}

.widget_shopping_cart .quantity .woocommerce-Price-amount,
.widget_shopping_cart .woocommerce-mini-cart-item .quantity .woocommerce-Price-amount,
.site-menu .product_list_widget .quantity .woocommerce-Price-amount {
  color: var(--bo-mini-cart-price);
  font-weight: 700;
}

/* remove */
.widget_shopping_cart a.remove,
.site-menu .product_list_widget a.remove {
  position: absolute !important;
  top: 12px !important;
  left: auto !important;
  right: 0 !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(217, 91, 107, 0.16) !important;
  background: rgba(217, 91, 107, 0.08) !important;
  color: var(--bo-mini-cart-remove) !important;
  font-size: 16px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.18s ease;
}

.widget_shopping_cart a.remove:hover,
.site-menu .product_list_widget a.remove:hover {
  background: var(--bo-mini-cart-remove) !important;
  color: #ffffff !important;
  border-color: var(--bo-mini-cart-remove) !important;
  transform: translateY(-1px);
}

/* subtotal */
.widget_shopping_cart .woocommerce-mini-cart__total,
.widget_shopping_cart .total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 12px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--bo-mini-cart-border);
  color: var(--bo-mini-cart-text);
  font-size: 15px;
  font-weight: 700;
}

.widget_shopping_cart .woocommerce-mini-cart__total .woocommerce-Price-amount,
.widget_shopping_cart .total .woocommerce-Price-amount {
  color: var(--bo-mini-cart-price);
  font-size: 20px;
  font-weight: 800;
}

/* buttons wrap */
.widget_shopping_cart .woocommerce-mini-cart__buttons,
.widget_shopping_cart p.buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 14px 0 0 !important;
  padding: 0;
}

/* buttons */
.widget_shopping_cart .woocommerce-mini-cart__buttons .button,
.widget_shopping_cart p.buttons .button,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button,
.widget_shopping_cart p.buttons a.button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 42px;
  padding: 0 16px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: all 0.18s ease;
}

/* first button */
.widget_shopping_cart .woocommerce-mini-cart__buttons .button:not(.checkout),
.widget_shopping_cart p.buttons .button:not(.checkout),
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:not(.checkout),
.widget_shopping_cart p.buttons a.button:not(.checkout) {
  background: var(--bo-mini-cart-btn-soft-bg) !important;
  color: var(--bo-mini-cart-btn-soft-text) !important;
  border: 1px solid var(--bo-mini-cart-btn-soft-border) !important;
  box-shadow: none !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .button:not(.checkout):hover,
.widget_shopping_cart p.buttons .button:not(.checkout):hover,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:not(.checkout):hover,
.widget_shopping_cart p.buttons a.button:not(.checkout):hover {
  filter: brightness(0.98);
  transform: translateY(-1px);
}

/* checkout button */
.widget_shopping_cart .woocommerce-mini-cart__buttons .checkout,
.widget_shopping_cart p.buttons .checkout,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout,
.widget_shopping_cart p.buttons a.checkout {
  background: var(--bo-mini-cart-btn-bg) !important;
  color: var(--bo-mini-cart-btn-text) !important;
  border: 0 !important;
  box-shadow: 0 10px 22px rgba(28, 77, 182, 0.20) !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons .checkout:hover,
.widget_shopping_cart p.buttons .checkout:hover,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout:hover,
.widget_shopping_cart p.buttons a.checkout:hover {
  background: var(--bo-mini-cart-btn-bg-hover) !important;
  color: var(--bo-mini-cart-btn-text) !important;
  transform: translateY(-1px);
}

/* empty message */
.widget_shopping_cart .woocommerce-mini-cart__empty-message {
  margin: 0;
  padding: 10px 0 2px;
  color: var(--bo-mini-cart-text-soft);
  text-align: center;
}

/* mini cart link in header */
.site-header-cart > a,
.cart-contents {
  transition: color 0.18s ease;
}

/* mobile */
@media (max-width: 767px) {
  .shopping_cart_additional-info .widget_shopping_cart_content,
  .site-header-cart .widget_shopping_cart_content,
  .site-header-account .widget_shopping_cart_content {
    min-width: 290px;
    max-width: calc(100vw - 24px);
    padding: 12px;
    border-radius: 16px;
  }

  .widget_shopping_cart .woocommerce-mini-cart-item,
  .widget_shopping_cart .mini_cart_item,
  .site-menu .product_list_widget li {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
    padding: 10px 0;
  }

  .widget_shopping_cart .woocommerce-mini-cart-item img,
  .widget_shopping_cart .mini_cart_item img,
  .site-menu .product_list_widget li img {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
  }

  .widget_shopping_cart .woocommerce-mini-cart-item > a:not(.remove),
  .widget_shopping_cart .mini_cart_item > a:not(.remove),
  .site-menu .product_list_widget li > a:not(.remove) {
    font-size: 13px;
  }

  .widget_shopping_cart .woocommerce-mini-cart__total .woocommerce-Price-amount,
  .widget_shopping_cart .total .woocommerce-Price-amount {
    font-size: 18px;
  }
}
/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — Mini cart dropdown hard fix
   Version: 1.0.2
   Purpose:
   - Чинит именно контейнер/выпадение миникорзины в хедере
   - Сбрасывает конфликт со стилями подменю темы
   - После этого миникорзина снова становится нормальным popup
   ========================================================= */

/* 1. Родитель корзины */
.site-header-cart {
  position: relative !important;
}

/* 2. Служебный li с dropdown не должен вести себя как обычный пункт меню */
.site-header-cart .shopping-cart-additional-info,
.site-header-account .shopping-cart-additional-info {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  width: 340px !important;
  min-width: 340px !important;
  max-width: 340px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  z-index: 9999 !important;
}

/* 3. Показываем dropdown по hover/focus */
.site-header-cart:hover .shopping-cart-additional-info,
.site-header-cart:focus-within .shopping-cart-additional-info,
.site-header-cart li.focus > .shopping-cart-additional-info,
.site-header-account:hover .shopping-cart-additional-info,
.site-header-account:focus-within .shopping-cart-additional-info,
.site-header-account li.focus > .shopping-cart-additional-info {
  display: block !important;
}

/* 4. Убираем менюшные стили темы у всех ul/li внутри dropdown */
.site-header-cart .shopping-cart-additional-info ul,
.site-header-cart .shopping-cart-additional-info li,
.site-header-account .shopping-cart-additional-info ul,
.site-header-account .shopping-cart-additional-info li {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-indent: 0 !important;
}

/* 5. Сам popup */
.site-header-cart .shopping-cart-additional-info .widget_shopping_cart_content,
.site-header-account .shopping-cart-additional-info .widget_shopping_cart_content {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px !important;
  background: var(--bo-mini-cart-bg, #ffffff) !important;
  border: 1px solid var(--bo-mini-cart-border, #dfe7f1) !important;
  border-radius: 20px !important;
  box-shadow: var(--bo-mini-cart-shadow, 0 18px 40px rgba(35, 56, 91, 0.14)) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 6. Список товаров */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart,
.site-header-cart .widget_shopping_cart_content .cart_list,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart,
.site-header-account .widget_shopping_cart_content .cart_list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* 7. Карточка товара */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart-item,
.site-header-cart .widget_shopping_cart_content .mini_cart_item,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart-item,
.site-header-account .widget_shopping_cart_content .mini_cart_item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  align-items: start !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--bo-mini-cart-border-soft, #e8eef5) !important;
  min-height: 80px !important;
}

.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart-item:last-child,
.site-header-cart .widget_shopping_cart_content .mini_cart_item:last-child,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart-item:last-child,
.site-header-account .widget_shopping_cart_content .mini_cart_item:last-child {
  border-bottom: 0 !important;
}

/* 8. Картинка */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart-item img,
.site-header-cart .widget_shopping_cart_content .mini_cart_item img,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart-item img,
.site-header-account .widget_shopping_cart_content .mini_cart_item img {
  float: none !important;
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  margin: 0 !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  border: 1px solid var(--bo-mini-cart-border, #dfe7f1) !important;
  background: var(--bo-mini-cart-bg-soft, #f7fbff) !important;
}

/* 9. Название товара */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart-item > a:not(.remove),
.site-header-cart .widget_shopping_cart_content .mini_cart_item > a:not(.remove),
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart-item > a:not(.remove),
.site-header-account .widget_shopping_cart_content .mini_cart_item > a:not(.remove) {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 24px 4px 0 !important;
  padding: 0 !important;
  color: var(--bo-mini-cart-link, #244a87) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: break-word !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 10. Количество/цена */
.site-header-cart .widget_shopping_cart_content .quantity,
.site-header-account .widget_shopping_cart_content .quantity {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--bo-mini-cart-text-soft, #6c7f98) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

.site-header-cart .widget_shopping_cart_content .quantity .woocommerce-Price-amount,
.site-header-account .widget_shopping_cart_content .quantity .woocommerce-Price-amount {
  color: var(--bo-mini-cart-price, #14644a) !important;
  font-weight: 700 !important;
}

/* 11. Крестик */
.site-header-cart .widget_shopping_cart_content a.remove,
.site-header-account .widget_shopping_cart_content a.remove {
  position: absolute !important;
  top: 12px !important;
  right: 0 !important;
  left: auto !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(217, 91, 107, 0.08) !important;
  border: 1px solid rgba(217, 91, 107, 0.16) !important;
  color: var(--bo-mini-cart-remove, #d95b6b) !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

/* 12. Итого */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__total,
.site-header-cart .widget_shopping_cart_content .total,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart__total,
.site-header-account .widget_shopping_cart_content .total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 12px 0 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid var(--bo-mini-cart-border, #dfe7f1) !important;
  color: var(--bo-mini-cart-text, #1e2f44) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount,
.site-header-cart .widget_shopping_cart_content .total .woocommerce-Price-amount,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount,
.site-header-account .widget_shopping_cart_content .total .woocommerce-Price-amount {
  color: var(--bo-mini-cart-price, #14644a) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

/* 13. Кнопки */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons,
.site-header-cart .widget_shopping_cart_content p.buttons,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart__buttons,
.site-header-account .widget_shopping_cart_content p.buttons {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a,
.site-header-cart .widget_shopping_cart_content p.buttons a,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart__buttons a,
.site-header-account .widget_shopping_cart_content p.buttons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* 14. Мобила */
@media (max-width: 767px) {
  .site-header-cart .shopping-cart-additional-info,
  .site-header-account .shopping-cart-additional-info {
    width: 300px !important;
    min-width: 300px !important;
    max-width: calc(100vw - 24px) !important;
  }

  .site-header-cart .widget_shopping_cart_content,
  .site-header-account .widget_shopping_cart_content {
    padding: 12px !important;
    border-radius: 16px !important;
  }
}
/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — Mini cart dropdown hover bridge + inner polish
   Version: 1.0.3
   Purpose:
   - Убирает разрыв между иконкой корзины и popup
   - Не дает мини-корзине закрываться при движении мыши вниз
   - Дожимает внутреннюю компоновку карточки товара
   ========================================================= */

/* 1. Родитель корзины */
.site-header-cart,
.site-header-account {
  position: relative !important;
}

/* 2. Hover-мостик между иконкой и popup */
.site-header-cart::after,
.site-header-account::after {
  content: "";
  position: absolute;
  top: 100%;
  right: -10px;
  width: 380px;
  height: 18px;
  background: transparent;
  z-index: 9998;
}

/* 3. Контейнер dropdown */
.site-header-cart .shopping-cart-additional-info,
.site-header-account .shopping-cart-additional-info {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  width: 340px !important;
  min-width: 340px !important;
  max-width: 340px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  z-index: 9999 !important;
}

/* 4. Показываем popup устойчиво */
.site-header-cart:hover .shopping-cart-additional-info,
.site-header-cart:focus-within .shopping-cart-additional-info,
.site-header-cart .shopping-cart-additional-info:hover,
.site-header-account:hover .shopping-cart-additional-info,
.site-header-account:focus-within .shopping-cart-additional-info,
.site-header-account .shopping-cart-additional-info:hover {
  display: block !important;
}

/* 5. Сброс менюшных стилей темы */
.site-header-cart .shopping-cart-additional-info ul,
.site-header-cart .shopping-cart-additional-info li,
.site-header-account .shopping-cart-additional-info ul,
.site-header-account .shopping-cart-additional-info li {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-indent: 0 !important;
}

/* 6. Сам popup */
.site-header-cart .shopping-cart-additional-info .widget_shopping_cart_content,
.site-header-account .shopping-cart-additional-info .widget_shopping_cart_content {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px !important;
  background: var(--bo-mini-cart-bg, #ffffff) !important;
  border: 1px solid var(--bo-mini-cart-border, #dfe7f1) !important;
  border-radius: 20px !important;
  box-shadow: var(--bo-mini-cart-shadow, 0 18px 40px rgba(35, 56, 91, 0.14)) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 7. Список */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart,
.site-header-cart .widget_shopping_cart_content .cart_list,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart,
.site-header-account .widget_shopping_cart_content .cart_list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* 8. Элемент товара */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart-item,
.site-header-cart .widget_shopping_cart_content .mini_cart_item,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart-item,
.site-header-account .widget_shopping_cart_content .mini_cart_item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  align-items: start !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--bo-mini-cart-border-soft, #e8eef5) !important;
  min-height: 82px !important;
}

.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart-item:last-child,
.site-header-cart .widget_shopping_cart_content .mini_cart_item:last-child,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart-item:last-child,
.site-header-account .widget_shopping_cart_content .mini_cart_item:last-child {
  border-bottom: 0 !important;
}

/* 9. Картинка */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart-item img,
.site-header-cart .widget_shopping_cart_content .mini_cart_item img,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart-item img,
.site-header-account .widget_shopping_cart_content .mini_cart_item img {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  float: none !important;
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  margin: 0 !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  border: 1px solid var(--bo-mini-cart-border, #dfe7f1) !important;
  background: var(--bo-mini-cart-bg-soft, #f7fbff) !important;
  box-shadow: 0 4px 12px rgba(35, 56, 91, 0.08) !important;
}

/* 10. Название */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart-item > a:not(.remove),
.site-header-cart .widget_shopping_cart_content .mini_cart_item > a:not(.remove),
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart-item > a:not(.remove),
.site-header-account .widget_shopping_cart_content .mini_cart_item > a:not(.remove) {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  margin: 0 28px 6px 0 !important;
  padding: 0 !important;
  color: var(--bo-mini-cart-link, #244a87) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: break-word !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 11. Количество/цена */
.site-header-cart .widget_shopping_cart_content .quantity,
.site-header-account .widget_shopping_cart_content .quantity {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--bo-mini-cart-text-soft, #6c7f98) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

.site-header-cart .widget_shopping_cart_content .quantity .woocommerce-Price-amount,
.site-header-account .widget_shopping_cart_content .quantity .woocommerce-Price-amount {
  color: var(--bo-mini-cart-price, #14644a) !important;
  font-weight: 700 !important;
}

/* 12. Крестик */
.site-header-cart .widget_shopping_cart_content a.remove,
.site-header-account .widget_shopping_cart_content a.remove {
  position: absolute !important;
  top: 10px !important;
  right: 0 !important;
  left: auto !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(217, 91, 107, 0.08) !important;
  border: 1px solid rgba(217, 91, 107, 0.16) !important;
  color: var(--bo-mini-cart-remove, #d95b6b) !important;
  text-decoration: none !important;
  line-height: 1 !important;
  font-size: 14px !important;
}

/* 13. Итого */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__total,
.site-header-cart .widget_shopping_cart_content .total,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart__total,
.site-header-account .widget_shopping_cart_content .total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 12px 0 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid var(--bo-mini-cart-border, #dfe7f1) !important;
  color: var(--bo-mini-cart-text, #1e2f44) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount,
.site-header-cart .widget_shopping_cart_content .total .woocommerce-Price-amount,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount,
.site-header-account .widget_shopping_cart_content .total .woocommerce-Price-amount {
  color: var(--bo-mini-cart-price, #14644a) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

/* 14. Кнопки */
.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons,
.site-header-cart .widget_shopping_cart_content p.buttons,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart__buttons,
.site-header-account .widget_shopping_cart_content p.buttons {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

.site-header-cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons a,
.site-header-cart .widget_shopping_cart_content p.buttons a,
.site-header-account .widget_shopping_cart_content .woocommerce-mini-cart__buttons a,
.site-header-account .widget_shopping_cart_content p.buttons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* 15. Мобила */
@media (max-width: 767px) {
  .site-header-cart::after,
  .site-header-account::after {
    width: 300px;
    height: 16px;
  }

  .site-header-cart .shopping-cart-additional-info,
  .site-header-account .shopping-cart-additional-info {
    width: 300px !important;
    min-width: 300px !important;
    max-width: calc(100vw - 24px) !important;
  }

  .site-header-cart .widget_shopping_cart_content,
  .site-header-account .widget_shopping_cart_content {
    padding: 12px !important;
    border-radius: 16px !important;
  }
}

/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: BelForms — Guest onboarding pattern block
   Version: 1.2.0
   Purpose:
   - Замена предыдущего onboarding-блока для гостевой страницы БелФормы
   - Привязка ширины и отступов к реальной сервисной сетке BelOffice / BelForms
   - Исправление конфликтов с Gutenberg-кнопками и block wrappers
   - Сохранение dark mode и responsive
   Important:
   - Этот блок предназначен для замены предыдущей версии 1.1.1, а не для добавления сверху/снизу
   ========================================================= */

/* -----------------------------------------
   1. Реальная сервисная сетка страницы
   ----------------------------------------- */
.belofis-service-layout,
.belofis-service-layout--narrow,
.belofis-service-layout__inner,
.belofis-service-app-wrap,
#belforms-frontend-root,
#belforms-plan-strip,
.bf-plan-strip {
    box-sizing: border-box;
}

.belofis-service-layout__inner,
.belofis-service-app-wrap,
#belforms-frontend-root {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

#belforms-frontend-root,
.belofis-service-app-wrap {
    padding-left: 0;
    padding-right: 0;
}

#belforms-plan-strip,
.bf-plan-strip {
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}

/* -----------------------------------------
   2. Onboarding container
   ----------------------------------------- */
.bf-guest-hero,
.bf-guest-features,
.bf-guest-steps,
.bf-guest-trust,
.bf-guest-cta {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto 28px;
    padding: 0;
    box-sizing: border-box;
}

.bf-guest-hero {
    margin-top: 28px;
}

.bf-guest-hero *,
.bf-guest-features *,
.bf-guest-steps *,
.bf-guest-trust *,
.bf-guest-cta * {
    box-sizing: border-box;
}

.bf-guest-hero .wp-block-group,
.bf-guest-features .wp-block-group,
.bf-guest-steps .wp-block-group,
.bf-guest-trust .wp-block-group,
.bf-guest-cta .wp-block-group,
.bf-guest-hero .wp-block-columns,
.bf-guest-features .wp-block-columns,
.bf-guest-steps .wp-block-columns,
.bf-guest-trust .wp-block-columns,
.bf-guest-cta .wp-block-columns,
.bf-guest-hero .wp-block-column,
.bf-guest-features .wp-block-column,
.bf-guest-steps .wp-block-column,
.bf-guest-trust .wp-block-column,
.bf-guest-cta .wp-block-column {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.bf-guest-hero > .wp-block-group.alignfull,
.bf-guest-features > .wp-block-group.alignfull,
.bf-guest-steps > .wp-block-group.alignfull,
.bf-guest-trust > .wp-block-group.alignfull,
.bf-guest-cta > .wp-block-group.alignfull,
.bf-guest-hero .alignfull,
.bf-guest-features .alignfull,
.bf-guest-steps .alignfull,
.bf-guest-trust .alignfull,
.bf-guest-cta .alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.bf-guest-hero .is-layout-constrained,
.bf-guest-features .is-layout-constrained,
.bf-guest-steps .is-layout-constrained,
.bf-guest-trust .is-layout-constrained,
.bf-guest-cta .is-layout-constrained {
    max-width: 100% !important;
}

/* -----------------------------------------
   3. Hero layout
   ----------------------------------------- */
.bf-guest-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.75fr);
    gap: 16px;
    align-items: stretch;
}

.bf-guest-hero__content,
.bf-guest-hero__panel,
.bf-guest-trust__box,
.bf-guest-cta__box,
.bf-guest-feature,
.bf-guest-step {
    background: #ffffff;
    border: 1px solid #dbe6f4;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(31, 55, 88, 0.05);
}

.bf-guest-hero__content {
    padding: 28px 28px 24px;
}

.bf-guest-hero__panel {
    padding: 18px;
    display: flex;
    align-items: center;
}

.bf-guest-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eef4ff;
    border: 1px solid #d6e4ff;
    color: #3563c9;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 14px;
}

.bf-guest-hero__title {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 800;
    color: #10233f;
    letter-spacing: -0.02em;
}

.bf-guest-hero__lead {
    margin: 0;
    max-width: 680px;
    font-size: 14px;
    line-height: 1.65;
    color: #4c6283;
}

/* -----------------------------------------
   4. Buttons
   ----------------------------------------- */
.bf-guest-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.bf-guest-hero__actions .wp-block-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
}

.bf-guest-hero__actions .wp-block-button {
    margin: 0;
    flex: 0 0 auto;
}

.bf-guest-hero__actions .wp-block-button__link,
.bf-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none;
    transition: all 0.18s ease;
}

.bf-guest-hero__actions .wp-block-button__link:hover,
.bf-guest-hero__actions .wp-block-button__link:focus {
    text-decoration: none !important;
}

.bf-btn-primary .wp-block-button__link,
.bf-guest-hero__actions .bf-btn-primary .wp-block-button__link {
    background: linear-gradient(180deg, #4a7df0 0%, #3f72df 100%) !important;
    color: #ffffff !important;
    border-color: #3f72df !important;
    box-shadow: 0 8px 18px rgba(63, 114, 223, 0.20) !important;
}

.bf-btn-primary .wp-block-button__link:hover,
.bf-guest-hero__actions .bf-btn-primary .wp-block-button__link:hover {
    transform: translateY(-1px);
    color: #ffffff !important;
    box-shadow: 0 12px 22px rgba(63, 114, 223, 0.24) !important;
}

.bf-btn-secondary .wp-block-button__link,
.bf-guest-hero__actions .bf-btn-secondary .wp-block-button__link {
    background: #f7faff !important;
    color: #264879 !important;
    border-color: #cfe0fb !important;
}

.bf-btn-secondary .wp-block-button__link:hover,
.bf-guest-hero__actions .bf-btn-secondary .wp-block-button__link:hover {
    background: #eef5ff !important;
    color: #1f3e6c !important;
    border-color: #bcd4fb !important;
    transform: translateY(-1px);
}

.bf-guest-hero__link {
    margin-top: 14px;
}

.bf-guest-hero__link a {
    color: #4977d8;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.bf-guest-hero__link a:hover {
    text-decoration: underline;
}

/* -----------------------------------------
   5. Side card
   ----------------------------------------- */
.bf-guest-card {
    width: 100%;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f7fd 100%);
    border: 1px solid #dce8f8;
    border-radius: 16px;
    padding: 18px 18px 16px;
}

.bf-guest-card__title {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
    color: #10233f;
}

.bf-guest-card__list {
    margin: 0;
    padding-left: 18px;
    color: #405675;
}

.bf-guest-card__list li {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.5;
}

/* -----------------------------------------
   6. Features and steps
   ----------------------------------------- */
.bf-guest-features__grid,
.bf-guest-steps__grid {
    display: grid;
    gap: 14px;
}

.bf-guest-features__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bf-guest-steps__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bf-guest-feature,
.bf-guest-step {
    padding: 18px 18px;
}

.bf-guest-feature h2,
.bf-guest-step h3,
.bf-guest-trust__box h2,
.bf-guest-cta__box h2,
.bf-guest-section-head h2 {
    margin: 0 0 8px;
    color: #10233f;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.bf-guest-feature h2,
.bf-guest-step h3 {
    font-size: 15px;
    line-height: 1.3;
}

.bf-guest-feature p,
.bf-guest-step p,
.bf-guest-trust__box p,
.bf-guest-cta__box p,
.bf-guest-section-head p {
    margin: 0;
    color: #536986;
    font-size: 13px;
    line-height: 1.6;
}

.bf-guest-section-head {
    margin-bottom: 14px;
    text-align: center;
}

.bf-guest-section-head h2 {
    font-size: 18px;
    line-height: 1.2;
}

.bf-guest-section-head p {
    max-width: 720px;
    margin: 0 auto;
    font-size: 13px;
}

.bf-guest-step {
    position: relative;
}

.bf-guest-step__num {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    background: #eef4ff;
    border: 1px solid #d6e4ff;
    color: #3c68cb;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

/* -----------------------------------------
   7. Trust / CTA
   ----------------------------------------- */
.bf-guest-trust__box {
    padding: 22px 24px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.bf-guest-trust__box h2,
.bf-guest-cta__box h2 {
    font-size: 18px;
    line-height: 1.2;
}

.bf-guest-cta__box {
    padding: 26px 24px;
    text-align: center;
    background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
}

.bf-guest-cta__box .bf-guest-hero__actions,
.bf-guest-cta__box .wp-block-buttons {
    justify-content: center;
}

/* -----------------------------------------
   8. Dark mode
   ----------------------------------------- */
html.dark .bf-guest-hero__content,
html.dark .bf-guest-hero__panel,
html.dark .bf-guest-trust__box,
html.dark .bf-guest-cta__box,
html.dark .bf-guest-feature,
html.dark .bf-guest-step,
[data-theme="dark"] .bf-guest-hero__content,
[data-theme="dark"] .bf-guest-hero__panel,
[data-theme="dark"] .bf-guest-trust__box,
[data-theme="dark"] .bf-guest-cta__box,
[data-theme="dark"] .bf-guest-feature,
[data-theme="dark"] .bf-guest-step,
body.dark .bf-guest-hero__content,
body.dark .bf-guest-hero__panel,
body.dark .bf-guest-trust__box,
body.dark .bf-guest-cta__box,
body.dark .bf-guest-feature,
body.dark .bf-guest-step,
body.dark-mode .bf-guest-hero__content,
body.dark-mode .bf-guest-hero__panel,
body.dark-mode .bf-guest-trust__box,
body.dark-mode .bf-guest-cta__box,
body.dark-mode .bf-guest-feature,
body.dark-mode .bf-guest-step {
    background: #121923;
    border-color: #243244;
    box-shadow: none;
}

html.dark .bf-guest-card,
[data-theme="dark"] .bf-guest-card,
body.dark .bf-guest-card,
body.dark-mode .bf-guest-card {
    background: linear-gradient(180deg, #162131 0%, #141d2b 100%);
    border-color: #263449;
}

html.dark .bf-guest-hero__eyebrow,
html.dark .bf-guest-step__num,
[data-theme="dark"] .bf-guest-hero__eyebrow,
[data-theme="dark"] .bf-guest-step__num,
body.dark .bf-guest-hero__eyebrow,
body.dark .bf-guest-step__num,
body.dark-mode .bf-guest-hero__eyebrow,
body.dark-mode .bf-guest-step__num {
    background: #18263a;
    border-color: #2a3c58;
    color: #8db2ff;
}

html.dark .bf-guest-hero__title,
html.dark .bf-guest-card__title,
html.dark .bf-guest-feature h2,
html.dark .bf-guest-step h3,
html.dark .bf-guest-trust__box h2,
html.dark .bf-guest-cta__box h2,
html.dark .bf-guest-section-head h2,
[data-theme="dark"] .bf-guest-hero__title,
[data-theme="dark"] .bf-guest-card__title,
[data-theme="dark"] .bf-guest-feature h2,
[data-theme="dark"] .bf-guest-step h3,
[data-theme="dark"] .bf-guest-trust__box h2,
[data-theme="dark"] .bf-guest-cta__box h2,
[data-theme="dark"] .bf-guest-section-head h2,
body.dark .bf-guest-hero__title,
body.dark .bf-guest-card__title,
body.dark .bf-guest-feature h2,
body.dark .bf-guest-step h3,
body.dark .bf-guest-trust__box h2,
body.dark .bf-guest-cta__box h2,
body.dark .bf-guest-section-head h2,
body.dark-mode .bf-guest-hero__title,
body.dark-mode .bf-guest-card__title,
body.dark-mode .bf-guest-feature h2,
body.dark-mode .bf-guest-step h3,
body.dark-mode .bf-guest-trust__box h2,
body.dark-mode .bf-guest-cta__box h2,
body.dark-mode .bf-guest-section-head h2 {
    color: #f3f7ff;
}

html.dark .bf-guest-hero__lead,
html.dark .bf-guest-feature p,
html.dark .bf-guest-step p,
html.dark .bf-guest-trust__box p,
html.dark .bf-guest-cta__box p,
html.dark .bf-guest-section-head p,
html.dark .bf-guest-card__list,
[data-theme="dark"] .bf-guest-hero__lead,
[data-theme="dark"] .bf-guest-feature p,
[data-theme="dark"] .bf-guest-step p,
[data-theme="dark"] .bf-guest-trust__box p,
[data-theme="dark"] .bf-guest-cta__box p,
[data-theme="dark"] .bf-guest-section-head p,
[data-theme="dark"] .bf-guest-card__list,
body.dark .bf-guest-hero__lead,
body.dark .bf-guest-feature p,
body.dark .bf-guest-step p,
body.dark .bf-guest-trust__box p,
body.dark .bf-guest-cta__box p,
body.dark .bf-guest-section-head p,
body.dark .bf-guest-card__list,
body.dark-mode .bf-guest-hero__lead,
body.dark-mode .bf-guest-feature p,
body.dark-mode .bf-guest-step p,
body.dark-mode .bf-guest-trust__box p,
body.dark-mode .bf-guest-cta__box p,
body.dark-mode .bf-guest-section-head p,
body.dark-mode .bf-guest-card__list {
    color: #aebdd4;
}

html.dark .bf-btn-secondary .wp-block-button__link,
[data-theme="dark"] .bf-btn-secondary .wp-block-button__link,
body.dark .bf-btn-secondary .wp-block-button__link,
body.dark-mode .bf-btn-secondary .wp-block-button__link {
    background: #172232 !important;
    border-color: #2b3d59 !important;
    color: #dce8ff !important;
}

html.dark .bf-btn-secondary .wp-block-button__link:hover,
[data-theme="dark"] .bf-btn-secondary .wp-block-button__link:hover,
body.dark .bf-btn-secondary .wp-block-button__link:hover,
body.dark-mode .bf-btn-secondary .wp-block-button__link:hover {
    background: #1b293d !important;
    border-color: #35507a !important;
    color: #ffffff !important;
}

html.dark .bf-guest-hero__link a,
[data-theme="dark"] .bf-guest-hero__link a,
body.dark .bf-guest-hero__link a,
body.dark-mode .bf-guest-hero__link a {
    color: #8fb3ff;
}

/* -----------------------------------------
   9. Responsive
   ----------------------------------------- */
@media (max-width: 1180px) {
    .bf-guest-features__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bf-guest-steps__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 960px) {
    .bf-guest-hero,
    .bf-guest-features,
    .bf-guest-steps,
    .bf-guest-trust,
    .bf-guest-cta {
        padding: 0 12px;
    }

    .bf-guest-hero__inner {
        grid-template-columns: 1fr;
    }

    .bf-guest-hero__title {
        font-size: 24px;
    }
}

@media (max-width: 680px) {
    .bf-guest-hero,
    .bf-guest-features,
    .bf-guest-steps,
    .bf-guest-trust,
    .bf-guest-cta {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .bf-guest-hero__content,
    .bf-guest-hero__panel,
    .bf-guest-feature,
    .bf-guest-step,
    .bf-guest-trust__box,
    .bf-guest-cta__box {
        border-radius: 16px;
    }

    .bf-guest-hero__content,
    .bf-guest-trust__box,
    .bf-guest-cta__box,
    .bf-guest-hero__panel,
    .bf-guest-feature,
    .bf-guest-step {
        padding: 18px 16px;
    }

    .bf-guest-features__grid {
        grid-template-columns: 1fr;
    }

    .bf-guest-hero__actions,
    .bf-guest-hero__actions .wp-block-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .bf-guest-hero__actions .wp-block-button,
    .bf-guest-hero__actions .wp-block-button__link {
        width: 100%;
    }

    .bf-guest-cta__box .bf-guest-hero__actions,
    .bf-guest-cta__box .wp-block-buttons {
        align-items: stretch;
    }

}

/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — BelDocs service landing integration
   Version: 1.1.2
   Purpose:
   - Доводит общий service-shell паттерн под БелДокументы.
   - Не ломает БелФормы и другие сервисы.
   - Добавляет канонические app-root правила для #beldocs-app.
   - Добавляет мягкие visual overrides для guest-landing БелДокументы.
   Why separate:
   - Это не новый параллельный стиль, а точечная интеграция beldocs
     в уже существующий общий блок bf-guest-*.
   ========================================================= */

/* -----------------------------------------
   1. BelDocs app root inside service shell
   ----------------------------------------- */
#beldocs-app,
.beldocs-app-container {
    box-sizing: border-box;
}

#beldocs-app {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.belofis-service-app-wrap--beldocs,
.belofis-service-page--beldocs .belofis-service-app-wrap {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.belofis-service-app-wrap--beldocs #beldocs-app,
.belofis-service-page--beldocs #beldocs-app {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.belofis-service-page--beldocs .beldocs-app-container {
    width: 100%;
}

/* -----------------------------------------
   2. BelDocs login-required fallback
   ----------------------------------------- */
.beldocs-login-required {
    width: 100%;
    max-width: 720px;
    margin: 28px auto;
    padding: 18px 20px;
    border: 1px solid #dbe6f4;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    color: #4d6382;
    box-shadow: 0 8px 24px rgba(31, 55, 88, 0.05);
    font-size: 14px;
    line-height: 1.6;
}

.beldocs-login-required a {
    color: #4f67d8;
    font-weight: 700;
    text-decoration: none;
}

.beldocs-login-required a:hover {
    text-decoration: underline;
}

html.dark .beldocs-login-required,
[data-theme="dark"] .beldocs-login-required,
body.dark .beldocs-login-required,
body.dark-mode .beldocs-login-required {
    background: #121923;
    border-color: #243244;
    color: #aebdd4;
    box-shadow: none;
}

html.dark .beldocs-login-required a,
[data-theme="dark"] .beldocs-login-required a,
body.dark .beldocs-login-required a,
body.dark-mode .beldocs-login-required a {
    color: #9cb6ff;
}

/* -----------------------------------------
   3. BelDocs service-specific guest accents
   ----------------------------------------- */
.belofis-service-page--beldocs .bf-guest-hero__eyebrow,
.belofis-service-page--beldocs .bf-guest-step__num {
    background: #f1f0ff;
    border-color: #dfdcff;
    color: #5a55d6;
}

.belofis-service-page--beldocs .bf-btn-primary .wp-block-button__link,
.belofis-service-page--beldocs .bf-guest-hero__actions .bf-btn-primary .wp-block-button__link {
    background: linear-gradient(180deg, #706bff 0%, #5e5ae6 100%) !important;
    border-color: #5e5ae6 !important;
    box-shadow: 0 8px 18px rgba(94, 90, 230, 0.20) !important;
}

.belofis-service-page--beldocs .bf-btn-primary .wp-block-button__link:hover,
.belofis-service-page--beldocs .bf-guest-hero__actions .bf-btn-primary .wp-block-button__link:hover {
    box-shadow: 0 12px 22px rgba(94, 90, 230, 0.24) !important;
}

.belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link,
.belofis-service-page--beldocs .bf-guest-hero__actions .bf-btn-secondary .wp-block-button__link {
    color: #3f44a8 !important;
    border-color: #d7dafd !important;
    background: #f8f8ff !important;
}

.belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link:hover,
.belofis-service-page--beldocs .bf-guest-hero__actions .bf-btn-secondary .wp-block-button__link:hover {
    background: #eff1ff !important;
    border-color: #c9cdfa !important;
    color: #33398f !important;
}

.belofis-service-page--beldocs .bf-guest-hero__link a {
    color: #5b61db;
}

html.dark .belofis-service-page--beldocs .bf-guest-hero__eyebrow,
html.dark .belofis-service-page--beldocs .bf-guest-step__num,
[data-theme="dark"] .belofis-service-page--beldocs .bf-guest-hero__eyebrow,
[data-theme="dark"] .belofis-service-page--beldocs .bf-guest-step__num,
body.dark .belofis-service-page--beldocs .bf-guest-hero__eyebrow,
body.dark .belofis-service-page--beldocs .bf-guest-step__num,
body.dark-mode .belofis-service-page--beldocs .bf-guest-hero__eyebrow,
body.dark-mode .belofis-service-page--beldocs .bf-guest-step__num {
    background: #1c1e40;
    border-color: #30366b;
    color: #a9aeff;
}

html.dark .belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link,
[data-theme="dark"] .belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link,
body.dark .belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link,
body.dark-mode .belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link {
    background: #1a1d38 !important;
    border-color: #343c6f !important;
    color: #e3e5ff !important;
}

html.dark .belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link:hover,
[data-theme="dark"] .belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link:hover,
body.dark .belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link:hover,
body.dark-mode .belofis-service-page--beldocs .bf-btn-secondary .wp-block-button__link:hover {
    background: #20254a !important;
    border-color: #4650a0 !important;
    color: #ffffff !important;
}

html.dark .belofis-service-page--beldocs .bf-guest-hero__link a,
[data-theme="dark"] .belofis-service-page--beldocs .bf-guest-hero__link a,
body.dark .belofis-service-page--beldocs .bf-guest-hero__link a,
body.dark-mode .belofis-service-page--beldocs .bf-guest-hero__link a {
    color: #a9aeff;
}

/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — Global dark mode heading fix
   Version: 1.1.1
   Purpose:
   - Чинит заголовки в ночной теме внутри основного контента сайта.
   - Перекрывает inline color у Gutenberg-блоков и паттернов, где заголовки
     остаются темными или синими на темном фоне.
   - Работает точечно только в main/article/.entry-content, чтобы не ломать
     шапку, меню, кнопки и служебные элементы темы.
   Why this block is separate:
   - В файле уже есть локальные dark mode добивки для отдельных секций.
   - Здесь добавлена единая системная добивка без дублей по конкретным блокам.
   ========================================================= */

/*
 * Единая светлая палитра заголовков для dark mode.
 * Используем отдельную переменную, чтобы потом можно было централизованно
 * подкрутить оттенок без поиска по всему файлу.
 */
body.dark-mode,
body.dark,
[data-theme="dark"],
.theme-dark,
.dark-mode {
  --bo-dark-heading-color: #eef4ff;
}

/*
 * 1. Базовая добивка заголовков в основном контенте.
 * Ограничиваемся main/article/.entry-content, чтобы не затрагивать header/nav.
 */
body.dark-mode main h1,
body.dark-mode main h2,
body.dark-mode main h3,
body.dark-mode main h4,
body.dark-mode main h5,
body.dark-mode main h6,
body.dark-mode article h1,
body.dark-mode article h2,
body.dark-mode article h3,
body.dark-mode article h4,
body.dark-mode article h5,
body.dark-mode article h6,
body.dark-mode .entry-content h1,
body.dark-mode .entry-content h2,
body.dark-mode .entry-content h3,
body.dark-mode .entry-content h4,
body.dark-mode .entry-content h5,
body.dark-mode .entry-content h6,
body.dark-mode main .wp-block-heading,
body.dark-mode article .wp-block-heading,
body.dark-mode .entry-content .wp-block-heading,
body.dark main h1,
body.dark main h2,
body.dark main h3,
body.dark main h4,
body.dark main h5,
body.dark main h6,
body.dark article h1,
body.dark article h2,
body.dark article h3,
body.dark article h4,
body.dark article h5,
body.dark article h6,
body.dark .entry-content h1,
body.dark .entry-content h2,
body.dark .entry-content h3,
body.dark .entry-content h4,
body.dark .entry-content h5,
body.dark .entry-content h6,
body.dark main .wp-block-heading,
body.dark article .wp-block-heading,
body.dark .entry-content .wp-block-heading,
[data-theme="dark"] main h1,
[data-theme="dark"] main h2,
[data-theme="dark"] main h3,
[data-theme="dark"] main h4,
[data-theme="dark"] main h5,
[data-theme="dark"] main h6,
[data-theme="dark"] article h1,
[data-theme="dark"] article h2,
[data-theme="dark"] article h3,
[data-theme="dark"] article h4,
[data-theme="dark"] article h5,
[data-theme="dark"] article h6,
[data-theme="dark"] .entry-content h1,
[data-theme="dark"] .entry-content h2,
[data-theme="dark"] .entry-content h3,
[data-theme="dark"] .entry-content h4,
[data-theme="dark"] .entry-content h5,
[data-theme="dark"] .entry-content h6,
[data-theme="dark"] main .wp-block-heading,
[data-theme="dark"] article .wp-block-heading,
[data-theme="dark"] .entry-content .wp-block-heading,
.theme-dark main h1,
.theme-dark main h2,
.theme-dark main h3,
.theme-dark main h4,
.theme-dark main h5,
.theme-dark main h6,
.theme-dark article h1,
.theme-dark article h2,
.theme-dark article h3,
.theme-dark article h4,
.theme-dark article h5,
.theme-dark article h6,
.theme-dark .entry-content h1,
.theme-dark .entry-content h2,
.theme-dark .entry-content h3,
.theme-dark .entry-content h4,
.theme-dark .entry-content h5,
.theme-dark .entry-content h6,
.theme-dark main .wp-block-heading,
.theme-dark article .wp-block-heading,
.theme-dark .entry-content .wp-block-heading,
.dark-mode main h1,
.dark-mode main h2,
.dark-mode main h3,
.dark-mode main h4,
.dark-mode main h5,
.dark-mode main h6,
.dark-mode article h1,
.dark-mode article h2,
.dark-mode article h3,
.dark-mode article h4,
.dark-mode article h5,
.dark-mode article h6,
.dark-mode .entry-content h1,
.dark-mode .entry-content h2,
.dark-mode .entry-content h3,
.dark-mode .entry-content h4,
.dark-mode .entry-content h5,
.dark-mode .entry-content h6,
.dark-mode main .wp-block-heading,
.dark-mode article .wp-block-heading,
.dark-mode .entry-content .wp-block-heading {
  color: var(--bo-dark-heading-color);
}

/*
 * 2. Самый важный фикс.
 * Gutenberg и некоторые паттерны Prespa задают inline style="color: ...".
 * Без !important такие заголовки не светлеют в dark mode.
 */
body.dark-mode main h1[style*="color"],
body.dark-mode main h2[style*="color"],
body.dark-mode main h3[style*="color"],
body.dark-mode main h4[style*="color"],
body.dark-mode main h5[style*="color"],
body.dark-mode main h6[style*="color"],
body.dark-mode article h1[style*="color"],
body.dark-mode article h2[style*="color"],
body.dark-mode article h3[style*="color"],
body.dark-mode article h4[style*="color"],
body.dark-mode article h5[style*="color"],
body.dark-mode article h6[style*="color"],
body.dark-mode .entry-content h1[style*="color"],
body.dark-mode .entry-content h2[style*="color"],
body.dark-mode .entry-content h3[style*="color"],
body.dark-mode .entry-content h4[style*="color"],
body.dark-mode .entry-content h5[style*="color"],
body.dark-mode .entry-content h6[style*="color"],
body.dark-mode main .wp-block-heading[style*="color"],
body.dark-mode article .wp-block-heading[style*="color"],
body.dark-mode .entry-content .wp-block-heading[style*="color"],
body.dark main h1[style*="color"],
body.dark main h2[style*="color"],
body.dark main h3[style*="color"],
body.dark main h4[style*="color"],
body.dark main h5[style*="color"],
body.dark main h6[style*="color"],
body.dark article h1[style*="color"],
body.dark article h2[style*="color"],
body.dark article h3[style*="color"],
body.dark article h4[style*="color"],
body.dark article h5[style*="color"],
body.dark article h6[style*="color"],
body.dark .entry-content h1[style*="color"],
body.dark .entry-content h2[style*="color"],
body.dark .entry-content h3[style*="color"],
body.dark .entry-content h4[style*="color"],
body.dark .entry-content h5[style*="color"],
body.dark .entry-content h6[style*="color"],
body.dark main .wp-block-heading[style*="color"],
body.dark article .wp-block-heading[style*="color"],
body.dark .entry-content .wp-block-heading[style*="color"],
[data-theme="dark"] main h1[style*="color"],
[data-theme="dark"] main h2[style*="color"],
[data-theme="dark"] main h3[style*="color"],
[data-theme="dark"] main h4[style*="color"],
[data-theme="dark"] main h5[style*="color"],
[data-theme="dark"] main h6[style*="color"],
[data-theme="dark"] article h1[style*="color"],
[data-theme="dark"] article h2[style*="color"],
[data-theme="dark"] article h3[style*="color"],
[data-theme="dark"] article h4[style*="color"],
[data-theme="dark"] article h5[style*="color"],
[data-theme="dark"] article h6[style*="color"],
[data-theme="dark"] .entry-content h1[style*="color"],
[data-theme="dark"] .entry-content h2[style*="color"],
[data-theme="dark"] .entry-content h3[style*="color"],
[data-theme="dark"] .entry-content h4[style*="color"],
[data-theme="dark"] .entry-content h5[style*="color"],
[data-theme="dark"] .entry-content h6[style*="color"],
[data-theme="dark"] main .wp-block-heading[style*="color"],
[data-theme="dark"] article .wp-block-heading[style*="color"],
[data-theme="dark"] .entry-content .wp-block-heading[style*="color"],
.theme-dark main h1[style*="color"],
.theme-dark main h2[style*="color"],
.theme-dark main h3[style*="color"],
.theme-dark main h4[style*="color"],
.theme-dark main h5[style*="color"],
.theme-dark main h6[style*="color"],
.theme-dark article h1[style*="color"],
.theme-dark article h2[style*="color"],
.theme-dark article h3[style*="color"],
.theme-dark article h4[style*="color"],
.theme-dark article h5[style*="color"],
.theme-dark article h6[style*="color"],
.theme-dark .entry-content h1[style*="color"],
.theme-dark .entry-content h2[style*="color"],
.theme-dark .entry-content h3[style*="color"],
.theme-dark .entry-content h4[style*="color"],
.theme-dark .entry-content h5[style*="color"],
.theme-dark .entry-content h6[style*="color"],
.theme-dark main .wp-block-heading[style*="color"],
.theme-dark article .wp-block-heading[style*="color"],
.theme-dark .entry-content .wp-block-heading[style*="color"],
.dark-mode main h1[style*="color"],
.dark-mode main h2[style*="color"],
.dark-mode main h3[style*="color"],
.dark-mode main h4[style*="color"],
.dark-mode main h5[style*="color"],
.dark-mode main h6[style*="color"],
.dark-mode article h1[style*="color"],
.dark-mode article h2[style*="color"],
.dark-mode article h3[style*="color"],
.dark-mode article h4[style*="color"],
.dark-mode article h5[style*="color"],
.dark-mode article h6[style*="color"],
.dark-mode .entry-content h1[style*="color"],
.dark-mode .entry-content h2[style*="color"],
.dark-mode .entry-content h3[style*="color"],
.dark-mode .entry-content h4[style*="color"],
.dark-mode .entry-content h5[style*="color"],
.dark-mode .entry-content h6[style*="color"],
.dark-mode main .wp-block-heading[style*="color"],
.dark-mode article .wp-block-heading[style*="color"],
.dark-mode .entry-content .wp-block-heading[style*="color"] {
  color: var(--bo-dark-heading-color) !important;
}

/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: БелОфис — BelDocs guest landing visual fix
   Version: 1.1.3
   Purpose:
   - Доводит гостевую посадочную БелДокументы до карточного service-shell вида
   - Стыкует текущий renderer с реальными классами страницы
   - Не ломает БелФормы, checkout, cart, order-pay и thankyou
   Dependencies:
   - body classes belofis-service-shell / belofis-service-code-beldocs
   - shell classes belofis-service-layout / belofis-service-layout__inner
   - renderer classes bf-guest-*
   ========================================================= */

/* ---------- BelDocs shell width / rhythm ---------- */
body.belofis-service-code-beldocs .belofis-service-layout,
body.belofis-service-code-beldocs .belofis-service-layout--narrow {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

body.belofis-service-code-beldocs .belofis-service-layout__inner {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 16px 56px !important;
  min-height: auto;
}

body.belofis-service-code-beldocs .belofis-service-app-wrap {
  width: 100%;
  max-width: 100%;
}

body.belofis-service-code-beldocs .bf-guest-landing {
  width: 100%;
}

/* ---------- Hero for current renderer markup ---------- */
body.belofis-service-code-beldocs .bf-guest-hero {
  margin-top: 10px;
  padding: 28px 32px 30px;
  background: #ffffff;
  border: 1px solid #dbe6f4;
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(31, 55, 88, 0.06);
}

body.belofis-service-code-beldocs .bf-guest-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #eef4ff;
  border: 1px solid #d6e4ff;
  color: #3563c9;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 16px;
}

body.belofis-service-code-beldocs .bf-guest-hero__title {
  margin: 0 0 12px;
  max-width: 760px;
  color: #10233f;
  font-size: 52px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.03em;
}

body.belofis-service-code-beldocs .bf-guest-hero__text,
body.belofis-service-code-beldocs .bf-guest-hero__lead {
  max-width: 760px;
  margin: 0;
  color: #506683;
  font-size: 17px;
  line-height: 1.68;
}

body.belofis-service-code-beldocs .bf-guest-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
  margin-bottom: 16px;
}

body.belofis-service-code-beldocs .bf-front-btn,
body.belofis-service-code-beldocs .bf-guest-cta__actions .bf-front-btn,
body.belofis-service-code-beldocs .belofis-service-onboarding__actions .bf-front-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  border: 1px solid transparent;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: all 0.18s ease;
}

body.belofis-service-code-beldocs .bf-front-btn-primary {
  background: linear-gradient(180deg, #4a7df0 0%, #3f72df 100%);
  color: #ffffff;
  border-color: #3f72df;
  box-shadow: 0 8px 18px rgba(63, 114, 223, 0.20);
}

body.belofis-service-code-beldocs .bf-front-btn-primary:hover,
body.belofis-service-code-beldocs .bf-front-btn-primary:focus {
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(63, 114, 223, 0.24);
}

body.belofis-service-code-beldocs .bf-front-btn-ghost {
  background: #f7faff;
  color: #264879;
  border-color: #cfe0fb;
}

body.belofis-service-code-beldocs .bf-front-btn-ghost:hover,
body.belofis-service-code-beldocs .bf-front-btn-ghost:focus {
  background: #eef5ff;
  color: #1f3e6c;
  border-color: #bcd4fb;
  transform: translateY(-1px);
}

/* ---------- Section titles ---------- */
body.belofis-service-code-beldocs .bf-guest-section-title {
  margin: 0 0 14px;
  text-align: center;
  color: #10233f;
  font-size: 34px;
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* ---------- Features ---------- */
body.belofis-service-code-beldocs .bf-guest-features {
  margin-top: 26px;
}

body.belofis-service-code-beldocs .bf-guest-features__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.belofis-service-code-beldocs .bf-guest-feature-card {
  min-width: 0;
  padding: 24px 22px;
  background: #ffffff;
  border: 1px solid #dbe6f4;
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(31, 55, 88, 0.05);
}

body.belofis-service-code-beldocs .bf-guest-feature-card__title {
  margin: 0 0 10px;
  color: #10233f;
  font-size: 24px;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.02em;
}

body.belofis-service-code-beldocs .bf-guest-feature-card__text {
  margin: 0;
  color: #536986;
  font-size: 15px;
  line-height: 1.68;
}

/* ---------- Steps ---------- */
body.belofis-service-code-beldocs .bf-guest-steps {
  margin-top: 34px;
}

body.belofis-service-code-beldocs .bf-guest-steps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.belofis-service-code-beldocs .bf-guest-step-card {
  min-width: 0;
  padding: 24px 22px;
  background: #ffffff;
  border: 1px solid #dbe6f4;
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(31, 55, 88, 0.05);
}

body.belofis-service-code-beldocs .bf-guest-step-card__title {
  margin: 0 0 10px;
  color: #10233f;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
}

body.belofis-service-code-beldocs .bf-guest-step-card__text {
  margin: 0;
  color: #536986;
  font-size: 15px;
  line-height: 1.68;
}

/* ---------- Trust ---------- */
body.belofis-service-code-beldocs .bf-guest-trust {
  margin-top: 34px;
}

body.belofis-service-code-beldocs .bf-guest-trust {
  padding: 26px 28px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  border: 1px solid #dbe6f4;
  border-radius: 22px;
  box-shadow: 0 10px 24px rgba(31, 55, 88, 0.05);
}

body.belofis-service-code-beldocs .bf-guest-trust .bf-guest-section-title {
  margin-bottom: 14px;
  text-align: left;
  font-size: 32px;
}

body.belofis-service-code-beldocs .bf-guest-trust__list {
  margin: 0;
  padding-left: 22px;
}

body.belofis-service-code-beldocs .bf-guest-trust__list li {
  margin: 0 0 8px;
  color: #405675;
  font-size: 15px;
  line-height: 1.62;
}

/* ---------- Final CTA ---------- */
body.belofis-service-code-beldocs .bf-guest-cta {
  margin-top: 34px;
  padding: 30px 28px 32px;
  text-align: center;
  background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
  border: 1px solid #dbe6f4;
  border-radius: 22px;
  box-shadow: 0 10px 24px rgba(31, 55, 88, 0.05);
}

body.belofis-service-code-beldocs .bf-guest-cta__title {
  margin: 0 0 10px;
  color: #10233f;
  font-size: 38px;
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.02em;
}

body.belofis-service-code-beldocs .bf-guest-cta__text {
  max-width: 760px;
  margin: 0 auto;
  color: #536986;
  font-size: 16px;
  line-height: 1.68;
}

body.belofis-service-code-beldocs .bf-guest-cta__actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

/* ---------- BelDocs login-required card ---------- */
body.belofis-service-code-beldocs .beldocs-login-required {
  max-width: 840px;
  margin: 28px auto 0;
  padding: 28px 26px;
  background: #ffffff;
  border: 1px solid #dbe6f4;
  border-radius: 22px;
  box-shadow: 0 10px 24px rgba(31, 55, 88, 0.05);
}

/* ---------- Onboarding card ---------- */
body.belofis-service-code-beldocs .belofis-service-onboarding__card {
  max-width: 840px;
  margin: 18px auto 0;
  padding: 28px 26px;
  background: #ffffff;
  border: 1px solid #dbe6f4;
  border-radius: 22px;
  box-shadow: 0 10px 24px rgba(31, 55, 88, 0.05);
}

body.belofis-service-code-beldocs .belofis-service-onboarding__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #eef4ff;
  border: 1px solid #d6e4ff;
  color: #3563c9;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 16px;
}

body.belofis-service-code-beldocs .belofis-service-onboarding__title {
  margin: 0 0 10px;
  color: #10233f;
  font-size: 38px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.02em;
}

body.belofis-service-code-beldocs .belofis-service-onboarding__text {
  margin: 0;
  color: #536986;
  font-size: 16px;
  line-height: 1.68;
}

body.belofis-service-code-beldocs .belofis-service-onboarding__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

/* ---------- Dark mode ---------- */
html.dark body.belofis-service-code-beldocs .bf-guest-hero,
html.dark body.belofis-service-code-beldocs .bf-guest-feature-card,
html.dark body.belofis-service-code-beldocs .bf-guest-step-card,
html.dark body.belofis-service-code-beldocs .bf-guest-trust,
html.dark body.belofis-service-code-beldocs .bf-guest-cta,
html.dark body.belofis-service-code-beldocs .beldocs-login-required,
html.dark body.belofis-service-code-beldocs .belofis-service-onboarding__card,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-hero,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-feature-card,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-step-card,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-trust,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-cta,
[data-theme="dark"] body.belofis-service-code-beldocs .beldocs-login-required,
[data-theme="dark"] body.belofis-service-code-beldocs .belofis-service-onboarding__card,
body.dark.belofis-service-code-beldocs .bf-guest-hero,
body.dark.belofis-service-code-beldocs .bf-guest-feature-card,
body.dark.belofis-service-code-beldocs .bf-guest-step-card,
body.dark.belofis-service-code-beldocs .bf-guest-trust,
body.dark.belofis-service-code-beldocs .bf-guest-cta,
body.dark.belofis-service-code-beldocs .beldocs-login-required,
body.dark.belofis-service-code-beldocs .belofis-service-onboarding__card,
body.dark-mode.belofis-service-code-beldocs .bf-guest-hero,
body.dark-mode.belofis-service-code-beldocs .bf-guest-feature-card,
body.dark-mode.belofis-service-code-beldocs .bf-guest-step-card,
body.dark-mode.belofis-service-code-beldocs .bf-guest-trust,
body.dark-mode.belofis-service-code-beldocs .bf-guest-cta,
body.dark-mode.belofis-service-code-beldocs .beldocs-login-required,
body.dark-mode.belofis-service-code-beldocs .belofis-service-onboarding__card {
  background: linear-gradient(180deg, #162133 0%, #1e2b43 100%) !important;
  border-color: #2d425f !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}

html.dark body.belofis-service-code-beldocs .bf-guest-hero__title,
html.dark body.belofis-service-code-beldocs .bf-guest-feature-card__title,
html.dark body.belofis-service-code-beldocs .bf-guest-step-card__title,
html.dark body.belofis-service-code-beldocs .bf-guest-section-title,
html.dark body.belofis-service-code-beldocs .bf-guest-cta__title,
html.dark body.belofis-service-code-beldocs .belofis-service-onboarding__title,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-hero__title,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-feature-card__title,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-step-card__title,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-section-title,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-cta__title,
[data-theme="dark"] body.belofis-service-code-beldocs .belofis-service-onboarding__title,
body.dark.belofis-service-code-beldocs .bf-guest-hero__title,
body.dark.belofis-service-code-beldocs .bf-guest-feature-card__title,
body.dark.belofis-service-code-beldocs .bf-guest-step-card__title,
body.dark.belofis-service-code-beldocs .bf-guest-section-title,
body.dark.belofis-service-code-beldocs .bf-guest-cta__title,
body.dark.belofis-service-code-beldocs .belofis-service-onboarding__title,
body.dark-mode.belofis-service-code-beldocs .bf-guest-hero__title,
body.dark-mode.belofis-service-code-beldocs .bf-guest-feature-card__title,
body.dark-mode.belofis-service-code-beldocs .bf-guest-step-card__title,
body.dark-mode.belofis-service-code-beldocs .bf-guest-section-title,
body.dark-mode.belofis-service-code-beldocs .bf-guest-cta__title,
body.dark-mode.belofis-service-code-beldocs .belofis-service-onboarding__title {
  color: #eef4ff !important;
}

html.dark body.belofis-service-code-beldocs .bf-guest-hero__text,
html.dark body.belofis-service-code-beldocs .bf-guest-feature-card__text,
html.dark body.belofis-service-code-beldocs .bf-guest-step-card__text,
html.dark body.belofis-service-code-beldocs .bf-guest-trust__list li,
html.dark body.belofis-service-code-beldocs .bf-guest-cta__text,
html.dark body.belofis-service-code-beldocs .belofis-service-onboarding__text,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-hero__text,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-feature-card__text,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-step-card__text,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-trust__list li,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-cta__text,
[data-theme="dark"] body.belofis-service-code-beldocs .belofis-service-onboarding__text,
body.dark.belofis-service-code-beldocs .bf-guest-hero__text,
body.dark.belofis-service-code-beldocs .bf-guest-feature-card__text,
body.dark.belofis-service-code-beldocs .bf-guest-step-card__text,
body.dark.belofis-service-code-beldocs .bf-guest-trust__list li,
body.dark.belofis-service-code-beldocs .bf-guest-cta__text,
body.dark.belofis-service-code-beldocs .belofis-service-onboarding__text,
body.dark-mode.belofis-service-code-beldocs .bf-guest-hero__text,
body.dark-mode.belofis-service-code-beldocs .bf-guest-feature-card__text,
body.dark-mode.belofis-service-code-beldocs .bf-guest-step-card__text,
body.dark-mode.belofis-service-code-beldocs .bf-guest-trust__list li,
body.dark-mode.belofis-service-code-beldocs .bf-guest-cta__text,
body.dark-mode.belofis-service-code-beldocs .belofis-service-onboarding__text {
  color: #c8d6ec !important;
}

html.dark body.belofis-service-code-beldocs .bf-guest-hero__eyebrow,
html.dark body.belofis-service-code-beldocs .belofis-service-onboarding__eyebrow,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-hero__eyebrow,
[data-theme="dark"] body.belofis-service-code-beldocs .belofis-service-onboarding__eyebrow,
body.dark.belofis-service-code-beldocs .bf-guest-hero__eyebrow,
body.dark.belofis-service-code-beldocs .belofis-service-onboarding__eyebrow,
body.dark-mode.belofis-service-code-beldocs .bf-guest-hero__eyebrow,
body.dark-mode.belofis-service-code-beldocs .belofis-service-onboarding__eyebrow {
  background: linear-gradient(180deg, #243654 0%, #2d456a 100%) !important;
  border-color: #3d5c8b !important;
  color: #e5efff !important;
}

html.dark body.belofis-service-code-beldocs .bf-front-btn-ghost,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-front-btn-ghost,
body.dark.belofis-service-code-beldocs .bf-front-btn-ghost,
body.dark-mode.belofis-service-code-beldocs .bf-front-btn-ghost {
  background: rgba(20, 30, 48, 0.55) !important;
  border-color: #2f4670 !important;
  color: #eef4ff !important;
}

html.dark body.belofis-service-code-beldocs .bf-front-btn-ghost:hover,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-front-btn-ghost:hover,
body.dark.belofis-service-code-beldocs .bf-front-btn-ghost:hover,
body.dark-mode.belofis-service-code-beldocs .bf-front-btn-ghost:hover {
  background: rgba(36, 54, 84, 0.92) !important;
  border-color: #4b6ea8 !important;
  color: #ffffff !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1180px) {
  body.belofis-service-code-beldocs .bf-guest-features__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.belofis-service-code-beldocs .belofis-service-layout__inner {
    padding: 20px 14px 40px !important;
  }

  body.belofis-service-code-beldocs .bf-guest-hero {
    padding: 24px 22px 24px;
  }

  body.belofis-service-code-beldocs .bf-guest-hero__title {
    font-size: 40px;
  }

  body.belofis-service-code-beldocs .bf-guest-section-title,
  body.belofis-service-code-beldocs .bf-guest-trust .bf-guest-section-title,
  body.belofis-service-code-beldocs .bf-guest-cta__title,
  body.belofis-service-code-beldocs .belofis-service-onboarding__title {
    font-size: 30px;
  }

  body.belofis-service-code-beldocs .bf-guest-steps__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.belofis-service-code-beldocs .belofis-service-layout__inner {
    padding: 16px 12px 32px !important;
  }

  body.belofis-service-code-beldocs .bf-guest-hero,
  body.belofis-service-code-beldocs .bf-guest-trust,
  body.belofis-service-code-beldocs .bf-guest-cta,
  body.belofis-service-code-beldocs .beldocs-login-required,
  body.belofis-service-code-beldocs .belofis-service-onboarding__card {
    padding: 20px 16px 20px;
    border-radius: 18px;
  }

  body.belofis-service-code-beldocs .bf-guest-feature-card,
  body.belofis-service-code-beldocs .bf-guest-step-card {
    padding: 18px 16px;
    border-radius: 18px;
  }

  body.belofis-service-code-beldocs .bf-guest-hero__title {
    font-size: 30px;
    line-height: 1.06;
  }

  body.belofis-service-code-beldocs .bf-guest-hero__text,
  body.belofis-service-code-beldocs .bf-guest-cta__text,
  body.belofis-service-code-beldocs .belofis-service-onboarding__text {
    font-size: 15px;
  }

  body.belofis-service-code-beldocs .bf-guest-section-title,
  body.belofis-service-code-beldocs .bf-guest-trust .bf-guest-section-title,
  body.belofis-service-code-beldocs .bf-guest-cta__title,
  body.belofis-service-code-beldocs .belofis-service-onboarding__title {
    font-size: 24px;
  }

  body.belofis-service-code-beldocs .bf-guest-features__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body.belofis-service-code-beldocs .bf-front-btn,
  body.belofis-service-code-beldocs .bf-guest-hero__actions,
  body.belofis-service-code-beldocs .bf-guest-cta__actions,
  body.belofis-service-code-beldocs .belofis-service-onboarding__actions {
    width: 100%;
  }

  body.belofis-service-code-beldocs .bf-guest-hero__actions,
  body.belofis-service-code-beldocs .bf-guest-cta__actions,
  body.belofis-service-code-beldocs .belofis-service-onboarding__actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.belofis-service-code-beldocs .bf-front-btn {
    width: 100%;
  }
}


/* =========================================================
   File: /wp-content/themes/prespa-child/style.css
   Module: BelOfis service shell + BelDocs landing polish
   Version: 1.1.4
   Purpose:
   - Добивка service-shell header для сервисных страниц
   - Исправление dark mode именно для /beldocs/
   - Выравнивание верхнего service meta block и общего ритма страницы
   Changes in 1.1.4:
   - Добавлен визуальный стиль для belofis-service-shell__header
   - Добавлены dark-mode overrides для shell, header и landing-блоков
   - Убрана визуальная "сырость" верхнего текста слева
   - Смягчены отступы и типографика landing страницы БелДокументы
   ========================================================= */

/* ---------- Service shell header: общий верхний блок ---------- */
body.belofis-service-shell .belofis-service-shell__header {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 14px;
  padding: 0 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  box-sizing: border-box;
}

body.belofis-service-shell .belofis-service-shell__brand {
  min-width: 0;
}

body.belofis-service-shell .belofis-service-shell__title {
  margin: 0;
  color: #2a3d5f;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
}

body.belofis-service-shell .belofis-service-shell__subtitle {
  margin: 4px 0 0;
  color: #6b7f99;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}

body.belofis-service-shell .belofis-service-shell__state {
  flex: 0 0 auto;
}

body.belofis-service-shell .belofis-service-shell__state-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid #d7e3f3;
  background: #f7fbff;
  color: #4c6484;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

body.belofis-service-shell .belofis-service-shell__state-badge--guest {
  background: #f7faff;
  border-color: #d9e6fb;
  color: #4c6693;
}

body.belofis-service-shell .belofis-service-shell__state-badge--app {
  background: #eef8f3;
  border-color: #cfe8db;
  color: #24704f;
}

body.belofis-service-shell .belofis-service-shell__state-badge--onboarding {
  background: #fff8ef;
  border-color: #f0dfc0;
  color: #8a6232;
}

/* ---------- BelDocs shell background and top rhythm ---------- */
body.belofis-service-code-beldocs.belofis-service-shell {
  background: #f5f7fb;
}

body.belofis-service-code-beldocs .belofis-service-layout,
body.belofis-service-code-beldocs .belofis-service-layout--narrow {
  padding-top: 6px;
}

body.belofis-service-code-beldocs .belofis-service-layout__inner {
  padding-top: 0 !important;
}

body.belofis-service-code-beldocs .bf-guest-landing {
  display: grid;
  gap: 18px;
}

body.belofis-service-code-beldocs .bf-guest-hero {
  margin-top: 0;
}

body.belofis-service-code-beldocs .bf-guest-section-title {
  letter-spacing: -0.02em;
}

body.belofis-service-code-beldocs .bf-guest-feature-card__title,
body.belofis-service-code-beldocs .bf-guest-step-card__title,
body.belofis-service-code-beldocs .bf-guest-trust .bf-guest-section-title,
body.belofis-service-code-beldocs .bf-guest-cta__title {
  color: #163050;
}

body.belofis-service-code-beldocs .bf-guest-feature-card__text,
body.belofis-service-code-beldocs .bf-guest-step-card__text,
body.belofis-service-code-beldocs .bf-guest-trust li,
body.belofis-service-code-beldocs .bf-guest-cta__text {
  color: #60758f;
}

/* ---------- Dark mode: page shell + BelDocs landing ---------- */
html.dark body.belofis-service-shell .belofis-service-shell__title,
[data-theme="dark"] body.belofis-service-shell .belofis-service-shell__title,
body.dark.belofis-service-shell .belofis-service-shell__title,
body.dark-mode.belofis-service-shell .belofis-service-shell__title {
  color: #eef4ff;
}

html.dark body.belofis-service-shell .belofis-service-shell__subtitle,
[data-theme="dark"] body.belofis-service-shell .belofis-service-shell__subtitle,
body.dark.belofis-service-shell .belofis-service-shell__subtitle,
body.dark-mode.belofis-service-shell .belofis-service-shell__subtitle {
  color: #9db0ca;
}

html.dark body.belofis-service-shell .belofis-service-shell__state-badge,
[data-theme="dark"] body.belofis-service-shell .belofis-service-shell__state-badge,
body.dark.belofis-service-shell .belofis-service-shell__state-badge,
body.dark-mode.belofis-service-shell .belofis-service-shell__state-badge {
  background: #18253a;
  border-color: #304866;
  color: #d6e3f7;
}

html.dark body.belofis-service-code-beldocs.belofis-service-shell,
[data-theme="dark"] body.belofis-service-code-beldocs.belofis-service-shell,
body.dark.belofis-service-code-beldocs.belofis-service-shell,
body.dark-mode.belofis-service-code-beldocs.belofis-service-shell {
  background: #0e1520;
  color: #eef4ff;
}

html.dark body.belofis-service-code-beldocs .belofis-service-layout,
html.dark body.belofis-service-code-beldocs .belofis-service-layout--narrow,
[data-theme="dark"] body.belofis-service-code-beldocs .belofis-service-layout,
[data-theme="dark"] body.belofis-service-code-beldocs .belofis-service-layout--narrow,
body.dark.belofis-service-code-beldocs .belofis-service-layout,
body.dark.belofis-service-code-beldocs .belofis-service-layout--narrow,
body.dark-mode.belofis-service-code-beldocs .belofis-service-layout,
body.dark-mode.belofis-service-code-beldocs .belofis-service-layout--narrow {
  background: transparent;
}

html.dark body.belofis-service-code-beldocs .bf-guest-feature-card__title,
html.dark body.belofis-service-code-beldocs .bf-guest-step-card__title,
html.dark body.belofis-service-code-beldocs .bf-guest-section-title,
html.dark body.belofis-service-code-beldocs .bf-guest-cta__title,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-feature-card__title,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-step-card__title,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-section-title,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-cta__title,
body.dark.belofis-service-code-beldocs .bf-guest-feature-card__title,
body.dark.belofis-service-code-beldocs .bf-guest-step-card__title,
body.dark.belofis-service-code-beldocs .bf-guest-section-title,
body.dark.belofis-service-code-beldocs .bf-guest-cta__title,
body.dark-mode.belofis-service-code-beldocs .bf-guest-feature-card__title,
body.dark-mode.belofis-service-code-beldocs .bf-guest-step-card__title,
body.dark-mode.belofis-service-code-beldocs .bf-guest-section-title,
body.dark-mode.belofis-service-code-beldocs .bf-guest-cta__title {
  color: #eef4ff;
}

html.dark body.belofis-service-code-beldocs .bf-guest-hero__text,
html.dark body.belofis-service-code-beldocs .bf-guest-feature-card__text,
html.dark body.belofis-service-code-beldocs .bf-guest-step-card__text,
html.dark body.belofis-service-code-beldocs .bf-guest-trust li,
html.dark body.belofis-service-code-beldocs .bf-guest-cta__text,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-hero__text,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-feature-card__text,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-step-card__text,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-trust li,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-guest-cta__text,
body.dark.belofis-service-code-beldocs .bf-guest-hero__text,
body.dark.belofis-service-code-beldocs .bf-guest-feature-card__text,
body.dark.belofis-service-code-beldocs .bf-guest-step-card__text,
body.dark.belofis-service-code-beldocs .bf-guest-trust li,
body.dark.belofis-service-code-beldocs .bf-guest-cta__text,
body.dark-mode.belofis-service-code-beldocs .bf-guest-hero__text,
body.dark-mode.belofis-service-code-beldocs .bf-guest-feature-card__text,
body.dark-mode.belofis-service-code-beldocs .bf-guest-step-card__text,
body.dark-mode.belofis-service-code-beldocs .bf-guest-trust li,
body.dark-mode.belofis-service-code-beldocs .bf-guest-cta__text {
  color: #a8b8cd;
}

html.dark body.belofis-service-code-beldocs .bf-front-btn-ghost,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-front-btn-ghost,
body.dark.belofis-service-code-beldocs .bf-front-btn-ghost,
body.dark-mode.belofis-service-code-beldocs .bf-front-btn-ghost {
  background: #18253a;
  border-color: #314867;
  color: #dbe8ff;
}

html.dark body.belofis-service-code-beldocs .bf-front-btn-ghost:hover,
[data-theme="dark"] body.belofis-service-code-beldocs .bf-front-btn-ghost:hover,
body.dark.belofis-service-code-beldocs .bf-front-btn-ghost:hover,
body.dark-mode.belofis-service-code-beldocs .bf-front-btn-ghost:hover {
  background: #213252;
  border-color: #41639d;
  color: #ffffff;
}

/* ---------- Mobile polishing ---------- */
@media (max-width: 767px) {
  body.belofis-service-shell .belofis-service-shell__header {
    padding: 0 12px;
    margin-bottom: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  body.belofis-service-shell .belofis-service-shell__title,
  body.belofis-service-shell .belofis-service-shell__subtitle {
    font-size: 13px;
  }
}