/* =============================================
   КАРТОЧКИ ТОВАРОВ В ЛИСТИНГЕ — COLUMBOS.RU
   ============================================= */

/* Скрываем категорию над названием товара
   (элемент .meta-cat внутри .product-summary) */
.product-summary .meta-cat {
    display: none !important;
}

/* Фиксированная высота фото в листинге —
   все карточки одинаковой высоты независимо
   от размера исходного изображения */
.woocommerce ul.products li.product a img {
    height: 280px;
    object-fit: cover;
    width: 100%;
}

/* Список атрибутов товара (Размер, Габариты, Объём) */
.cb-product-attrs {
    list-style: none;
    padding: 0;
    margin: 4px 0 8px;
    font-size: 12px;
    color: #555;
}

/* Каждый атрибут — иконка + текст в одну строку */
.cb-product-attrs li {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 2px 0;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
}

/* SVG иконки не сжимаются при длинном тексте */
.cb-product-attrs svg {
    flex-shrink: 0;
    color: #333;1
}

/* Жирное название атрибута (Размер:, Габариты:) */
.cb-attr-label {
    font-weight: 600;
    color: #333;
}
/* Скрываем подписи атрибутов на мобильных */
@media (max-width: 480px) {
    .cb-attr-label {
        display: none;
    }
}
/* =========================================
   Блок преимуществ в карточке товара
   Финальная версия — Columbos.ru
   ========================================= */

.cb-product-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 18px 0 0;
    width: 100%;
}

.cb-product-benefit {
    min-height: 100px;
    padding: 5px 12px 5px;
    border: 1px solid #e7e7e7;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.cb-product-benefit:hover {
    border-color: #d3d3d3;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

.cb-product-benefit-icon {
    margin-bottom: 16px;
    color: #5f5f5f;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
}

.cb-product-benefit-icon svg {
    display: block;
    width: 42px;
    height: 42px;
}

/* Средняя иконка "бренды" — чуть опускаем,
   потому что щит визуально сидит выше остальных */
.cb-product-benefit:nth-child(2) .cb-product-benefit-icon {
    transform: translateY(2px);
}

.cb-product-benefit-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
    color: #2f2f2f;
    font-size: 10.5px;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.single-product div.product .summary .cb-product-benefits {
    width: 100%;
}

@media (max-width: 767px) {
    .cb-product-benefits {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .cb-product-benefit {
        min-height: 84px;
        padding: 14px;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }

    .cb-product-benefit-icon {
        margin-right: 12px;
        margin-bottom: 0;
        flex-shrink: 0;
        min-height: auto;
        color: #5f5f5f;
    }

    .cb-product-benefit-icon svg {
        width: 32px;
        height: 32px;
    }

    .cb-product-benefit:nth-child(2) .cb-product-benefit-icon {
        transform: translateY(1px);
    }

    .cb-product-benefit-text {
        font-size: 10.5px;
        line-height: 1.2;
        letter-spacing: 0.05em;
    }
}
/* =========================================================
   COLUMBOS — SINGLE PRODUCT CUSTOM STYLES
   ---------------------------------------------------------
   В этом файле собраны кастомные стили для карточки товара.
   Секция ниже отвечает ТОЛЬКО за верхний информационный блок,
   который выводится между ценой и выбором цвета.

   Блок содержит:
   - Артикул
   - Ключевые атрибуты товара (например, Размер)

   HTML блока:
   .cb-top-meta-wrap
       .cb-top-meta
           .cb-top-meta-row
               .cb-top-meta-label
               .cb-top-meta-value
   ========================================================= */


/* =========================================================
   1. ВНЕШНЯЯ ОБЁРТКА БЛОКА
   ---------------------------------------------------------
   .cb-top-meta-wrap — внешний контейнер.
   Здесь задаём только внешний отступ относительно соседних
   элементов: сверху цена, снизу блок выбора цвета.
   ========================================================= */
.cb-top-meta-wrap {
    margin: 6px 0 18px;
}


/* =========================================================
   2. ОСНОВНОЙ КОНТЕЙНЕР БЛОКА
   ---------------------------------------------------------
   .cb-top-meta — внутренний контейнер, который визуально
   отделяет блок от цены и вариаций.
   
   Что здесь происходит:
   - vertical padding создаёт "воздух" внутри блока;
   - верхняя и нижняя границы помогают аккуратно отделить
     его от соседних зон карточки товара;
   - фон не задаём, чтобы блок оставался лёгким и нативным
     для дизайна текущей темы.
   ========================================================= */
.cb-top-meta {
    padding: 14px 0;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}


/* =========================================================
   3. ОТДЕЛЬНАЯ СТРОКА ВНУТРИ БЛОКА
   ---------------------------------------------------------
   Каждая строка — это пара "label + value":
   Артикул: 5562-0188
   Размер: M-средний

   Используем flex, чтобы label и value:
   - шли в одну строку;
   - могли переноситься, если не хватает ширины;
   - сохраняли небольшой контролируемый промежуток между
     названием поля и значением.
   ========================================================= */
.cb-top-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.45;
    color: #2b2b2b;
}


/* ---------------------------------------------------------
   У последней строки убираем нижний отступ,
   чтобы блок визуально заканчивался ровно.
   --------------------------------------------------------- */
.cb-top-meta-row:last-child {
    margin-bottom: 0;
}


/* =========================================================
   4. ПОДПИСЬ ПОЛЯ
   ---------------------------------------------------------
   .cb-top-meta-label — это "Артикул:", "Размер:" и т.п.

   Делаем подпись:
   - чуть темнее;
   - чуть жирнее;
   чтобы глаз быстро различал название параметра и значение.
   ========================================================= */
.cb-top-meta-label {
    font-weight: 600;
    color: #1f1f1f;
}


/* =========================================================
   5. ЗНАЧЕНИЕ ПОЛЯ
   ---------------------------------------------------------
   .cb-top-meta-value — это само значение:
   5562-0188, M-средний и т.д.

   Цвет немного мягче, чем у label, чтобы сохранить иерархию:
   сначала читается название поля, потом значение.
   ========================================================= */
.cb-top-meta-value {
    color: #555;
}


/* =========================================================
   6. МОБИЛЬНАЯ АДАПТАЦИЯ
   ---------------------------------------------------------
   На мобильных экранах блок должен выглядеть плотнее,
   но не тесно.

   Что уменьшаем:
   - внешний отступ снизу;
   - внутренний padding;
   - размер шрифта строк.

   Почему:
   - на узком экране меньше свободного воздуха;
   - блок должен оставаться информативным, но компактным,
     чтобы не отталкивать выбор цвета и CTA слишком низко.
   ========================================================= */
@media (max-width: 767px) {
    .cb-top-meta-wrap {
        margin: 6px 0 16px;
    }

    .cb-top-meta {
        padding: 12px 0;
    }

    .cb-top-meta-row {
        font-size: 13px;
        line-height: 1.4;
    }
}
/*оформление ссылки бренда в карточке товара*/
.cb-top-meta-brand-link {
    position: relative;
    display: inline-block;
    color: #2f2a26;
    text-decoration: none;
}

.cb-top-meta-brand-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .25s ease-out;
}

.cb-top-meta-brand-link:hover::after,
.cb-top-meta-brand-link:focus::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
/* =========================================================
   Верхний meta-блок товара (финальная версия)
   ========================================================= */

.cb-top-meta-wrap {
    margin: 22px 0 18px;
    padding: 0;
}

/* Сетка характеристик: 2 колонки (desktop + tablet), 1 колонка на узких мобилках */
.cb-top-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 36px;
    row-gap: 6px; /* чуть плотнее, чем 8px */
    align-items: start;
}

/* Одна строка характеристики */
.cb-top-meta-row {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 0;
    min-width: 0;
    line-height: 1.45;
}

/* Лейбл слева */
.cb-top-meta-label {
    flex: 0 0 auto;
    white-space: nowrap;
    font-weight: 600; /* мягче, чем 700 */
    color: #2f2a26;
}

/* Значение справа */
.cb-top-meta-value {
    flex: 1 1 auto;
    min-width: 0;
}
.cb-top-meta-wrap {
    margin: 22px 0 18px;
    padding: 10px 14px;
           /* на полтона темнее чистого белого */
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.03);
}
.cb-top-meta-attr-link {
    position: relative;
    display: inline-block;
    color: #2f2a26;
    text-decoration: none;
    line-height: 1.1;
}

.cb-top-meta-attr-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .25s ease-out;
}

.cb-top-meta-attr-link:hover,
.cb-top-meta-attr-link:focus {
    color: #2f2a26;
    text-decoration: none;
}

.cb-top-meta-attr-link:hover::after,
.cb-top-meta-attr-link:focus::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* =========================================================
   Вкладка "Описание" — жирные подзаголовки
   ========================================================= */

#tab-description p strong {
    display: block;
    margin: 24px 0 8px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    color: #2f2a26;
}

#tab-description p:first-child strong {
    margin-top: 0;
}

#tab-description p {
    font-size: 15px;
    line-height: 1.6;
    color: #3f3934;
    margin: 0 0 16px;
}
/* =========================================================
   Вкладка "Доп. информация" — таблица характеристик
   ========================================================= */

/* --- Основной контейнер таблицы --- */
.woocommerce-product-attributes {
    width: 100%;
    border-collapse: collapse;
    border-radius: 6px;
    overflow: hidden;
    font-size: 14px;
}

/* --- Ячейки заголовков (левая колонка — названия) --- */
.woocommerce-product-attributes th {
    width: 40%;
    padding: 14px 18px;
    font-weight: 600;
    color: #2f2a26;
    background-color: #f9f9f9;
    text-align: left;
    vertical-align: middle;
}

/* --- Ячейки значений (правая колонка) --- */
.woocommerce-product-attributes td {
    padding: 14px 18px;
    color: #555;
    vertical-align: middle;
}

/* --- Чересстрочная раскраска (zebra) --- */
.woocommerce-product-attributes tr:nth-child(even) th,
.woocommerce-product-attributes tr:nth-child(even) td {
    background-color: #fcfcfc;
}

/* --- Hover для строк --- */
.woocommerce-product-attributes tr:hover th,
.woocommerce-product-attributes tr:hover td {
    background-color: #f2f2f2;
    transition: background-color 0.15s ease;
}

/* --- Ссылки внутри ячеек значений --- */
.woocommerce-product-attributes td a {
    color: #2f2a26;
    text-decoration: underline;
    text-decoration-color: rgba(47, 42, 38, 0.3);
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s ease, color 0.2s ease;
}

.woocommerce-product-attributes td a:hover {
    color: #1a1816;
    text-decoration-color: #2f2a26;
}

/* --- Скругление углов --- */
.woocommerce-product-attributes tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

.woocommerce-product-attributes tr:first-child td:last-child {
    border-top-right-radius: 6px;
}

.woocommerce-product-attributes tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
}

.woocommerce-product-attributes tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

/* --- Разделитель между колонками --- */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    border-right: 1px solid #eaeaea;
}

.woocommerce-product-attributes th:last-child,
.woocommerce-product-attributes td:last-child {
    border-right: none;
}

/* --- Горизонтальные разделители --- */
.woocommerce-product-attributes tr {
    border-bottom: 1px solid #eaeaea;
}

.woocommerce-product-attributes tr:last-child {
    border-bottom: none;
}

/* --- Мобильная адаптация --- */
@media (max-width: 767px) {
    .woocommerce-product-attributes th,
    .woocommerce-product-attributes td {
        padding: 12px 14px;
        font-size: 13px;
    }
    
    .woocommerce-product-attributes th {
        width: 45%;
    }
}
/*шрифты выравнивание цифр*/
body {
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum", "tnum";
}

/* =========================================================
   Блок выбора размера по коллекции
   ========================================================= */

/* =========================================================
   Блок размеров — только внутренний стиль, без влияния на цвет
   ========================================================= */

.cb-size-switcher-table {
    margin: 6px 0 0;
    padding: 0;
    width: auto;
}

.cb-size-switcher-table__title {
    margin: 0 0 6px;
    color: #6a625b;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}

.cb-size-switcher-table__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.cb-size-switcher-table__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #c9c1b7;
    background: #fff;
    color: #2f2a26;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
    transition: all .2s ease;
}

.cb-size-switcher-table__item:hover,
.cb-size-switcher-table__item:focus {
    border-color: #8f8579;
    background: #faf8f5;
    color: #2f2a26;
    text-decoration: none;
}

.cb-size-switcher-table__item.is-active {
    background: #1f4f82;
    border-color: #1f4f82;
    color: #fff;
    cursor: default;
}

@media (max-width: 575px) {
    .cb-size-switcher-table {
        margin-top: 4px;
    }

    .cb-size-switcher-table__title {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .cb-size-switcher-table__item {
        min-width: 36px;
        height: 32px;
        padding: 0 7px;
        font-size: 13px;
    }
}
/* =========================================================
   Ужимаем только строку размеров, не трогая строку цвета
   ========================================================= */

.single-product form.variations_form .variations tr.cb-size-switcher-row,
.single-product form.variations_form .variations tr.cb-size-switcher-row td,
.single-product form.variations_form .variations tr.cb-size-switcher-row td.value,
.single-product form.variations_form .variations tr.cb-size-switcher-row td.label {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    line-height: 1.2 !important;
}

.single-product form.variations_form .variations tr.cb-size-switcher-row td.label {
    display: none !important;
}

.single-product form.variations_form .variations tr.cb-size-switcher-row td.value {
    padding: 0 !important;
}

.cb-size-switcher-table {
    margin: -10px 0 0 !important;
    padding: 0 !important;
}

.cb-size-switcher-table__title {
    margin: 0 0 4px !important;
    color: #6a625b;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15;
}

.cb-size-switcher-table__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.cb-size-switcher-table__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #c9c1b7;
    background: #fff;
    color: #2f2a26;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
    transition: all .2s ease;
}

.cb-size-switcher-table__item:hover,
.cb-size-switcher-table__item:focus {
    border-color: #8f8579;
    background: #faf8f5;
    color: #2f2a26;
    text-decoration: none;
}

.cb-size-switcher-table__item.is-active {
    background: #1f4f82;
    border-color: #1f4f82;
    color: #fff;
    cursor: default;
}
/* =========================================================
   Компактная правая колонка товара:
   цена -> meta -> вариации -> CTA -> trust -> share
   ========================================================= */

/* Общий контейнер summary */
.single-product div.product .summary,
.single-product div.product .product-summary,
.single-product .single-product-info {
    row-gap: 0 !important;
}

/* Заголовок товара */
.single-product div.product .summary .product_title {
    margin-bottom: 10px !important;
    line-height: 1.15;
}

/* Рейтинг / брендовая строка над заголовком, если есть */
.single-product div.product .summary .woocommerce-product-rating,
.single-product div.product .summary .product_meta,
.single-product div.product .summary .posted_in {
    margin-bottom: 8px !important;
}

/* Цена */
.single-product div.product .summary .price {
    margin: 0 0 10px !important;
    line-height: 1.05;
}

/* Верхний meta-блок */
.cb-top-meta-wrap {
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.cb-top-meta {
    row-gap: 4px !important;
    column-gap: 28px !important;
}

.cb-top-meta-row {
    line-height: 1.32 !important;
}

/* Таблица вариаций */
.single-product form.variations_form {
    margin-bottom: 8px !important;
}

.single-product form.variations_form table.variations {
    margin: 0 0 6px !important;
}

.single-product form.variations_form table.variations tr,
.single-product form.variations_form table.variations td {
    border: 0 !important;
}

.single-product form.variations_form table.variations td.label {
    padding-top: 0 !important;
    padding-bottom: 2px !important;
}

.single-product form.variations_form table.variations td.value {
    padding-top: 0 !important;
    padding-bottom: 4px !important;
}

/* Блок размера */
.single-product form.variations_form table.variations tr.cb-size-switcher-row td,
.single-product form.variations_form table.variations tr.cb-size-switcher-row td.value,
.single-product form.variations_form table.variations tr.cb-size-switcher-row td.label {
    padding-top: 0 !important;
    padding-bottom: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    vertical-align: top !important;
}

.single-product form.variations_form table.variations tr.cb-size-switcher-row td.label {
    display: none !important;
}

.cb-size-switcher-table {
    margin: -3px 0 0 !important;
    padding: 0 !important;
}

.cb-size-switcher-table__title {
    margin: 0 0 4px !important;
    color: #6a625b;
    font-size: 12px;
    line-height: 1.15;
}

.cb-size-switcher-table__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.cb-size-switcher-table__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 30px;
    padding: 0 7px;
    border: 1px solid #c9c1b7;
    background: #fff;
    color: #2f2a26;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
    transition: all .2s ease;
}

.cb-size-switcher-table__item:hover,
.cb-size-switcher-table__item:focus {
    border-color: #8f8579;
    background: #faf8f5;
    color: #2f2a26;
    text-decoration: none;
}

.cb-size-switcher-table__item.is-active {
    background: #1f4f82;
    border-color: #1f4f82;
    color: #fff;
    cursor: default;
}

/* Обертка вариации + кнопки */
/*.single-product form.cart,
.single-product form.cart .single_variation_wrap,
.single-product form.cart .woocommerce-variation,
.single-product form.cart .woocommerce-variation-add-to-cart,
/*---------------*/
/*цена красным*/
.single-product div.product .summary .price,
.single-product div.product .summary .price .amount,
.single-product div.product .summary .price bdi,
.single-product div.product .summary p.price,
.single-product div.product .summary span.price {
    color: #ba625a !important;
    /*font-weight: 700 !important;*/
}

.single-product div.product .summary .price {
    font-size: 25px !important;
    line-height: 1.05 !important;
    margin-bottom: 10px !important;
}
/* Цены в каталоге — как на карточке товара */

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    color: #ba625a !important;
    /*font-weight: 700 !important;*/
    font-size: 1em;
}

/* Для цены-диапазона (когда есть вариации) */
.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
    color: #ba625a !important;
    font-weight: 700 !important;
}

/* Если есть старая цена (зачёркнутая) */
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
    color: #a0a0a0 !important;
    font-weight: 400 !important;
    text-decoration: line-through;
}


/* Альтернатива — через родительский контейнер цены */

.single-product div.product .summary .woocommerce-product-details__short-description ~ .price,
.single-product div.product .summary > .price,
.single-product div.product .summary > p.price,
.single-product div.product .summary > span.price {
    margin-bottom: 8px !important;
}
/* Уменьшаем отступ между ценой и мета-блоком */

.single-product div.product .summary .price,
.single-product div.product .summary p.price,
.single-product div.product .summary span.price {
    margin-bottom: 6px !important;
}

/* Альтернатива — если цена в отдельном div */
.single-product div.product .summary > .price + .cb-product-meta-top,
.single-product div.product .summary .price + div,
.single-product div.product .summary .price + .woocommerce-product-details__short-description {
    margin-top: 0 !important;
}
.single-product div.product.product-type-variable form.cart {
    margin-top: 8px !important;
}
.single-product div.product .summary-price-box {
    margin: 0 0 8px !important;
}
.single-product div.product.product-type-variable form.variations_form .variations td.value {
    margin-bottom: 8px !important;
}

/* =========================================================
   Таблица размеров — в одной строке с кнопками размеров
   ========================================================= */

.cb-size-switcher-table__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}

.cb-size-guide-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
}

.cb-size-guide-trigger {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 28px;
    padding: 0 8px;
    color: #6f665d;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    border: 1px solid #d8d1c8;
    background: #fff;
    white-space: nowrap;
    transition: all .2s ease;
}

.cb-size-guide-trigger:hover,
.cb-size-guide-trigger:focus {
    color: #2f2a26;
    border-color: #b8aea2;
    background: #faf8f5;
    text-decoration: none;
}

.cb-size-guide-trigger__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    flex: 0 0 auto;
}

.cb-size-guide-trigger__text {
    display: inline-block;
    transform: translateY(0.5px);
}

/* Popup */
.cb-size-guide-popup {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 320px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    z-index: 50;
}

.cb-size-guide-wrap:hover .cb-size-guide-popup,
.cb-size-guide-wrap:focus-within .cb-size-guide-popup {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.cb-size-guide-popup__inner {
    background: #fff;
    border: 1px solid #ddd5cc;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    padding: 14px 16px;
}

.cb-size-guide-popup__title {
    margin: 0 0 8px;
    color: #2f2a26;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.cb-size-guide-popup__list {
    margin: 0;
    padding-left: 16px;
}

.cb-size-guide-popup__list li {
    margin-bottom: 6px;
    color: #4a433d;
    font-size: 12px;
    line-height: 1.35;
}

.cb-size-guide-popup__list li:last-child {
    margin-bottom: 0;
}

.cb-size-guide-popup__more {
    display: inline-block;
    margin-top: 10px;
    color: #2f2a26;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}

.cb-size-guide-popup__more:hover,
.cb-size-guide-popup__more:focus {
    color: #000;
    text-decoration: none;
}

@media (max-width: 767px) {
    .cb-size-guide-wrap {
        margin-left: 0;
    }

    .cb-size-guide-trigger {
        height: 26px;
        padding: 0 7px;
        font-size: 11px;
    }

    .cb-size-guide-popup {
        right: auto;
        left: 0;
        width: min(320px, calc(100vw - 40px));
    }
}

/* Общий стиль таблицы размеров, как у "Доп. информации" */
.merchant-size-guide__table {
    width: 100%;
    max-width: 640px;           /* как блок атрибутов */
    margin: 0 auto 1.618em;     /* центрируем и даём отступ снизу */
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
}

/* Заголовок таблицы */
.merchant-size-guide__table thead th {
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
}

/* Ячейки тела таблицы */
.merchant-size-guide__table tbody td {
    padding: 8px 12px;
    border: 1px solid #e5e5e5;
    color: #444;
    vertical-align: top;
}

/* Первая колонка — как левая колонка атрибутов */
.merchant-size-guide__table tbody td:first-child {
    width: 1%;
    white-space: nowrap;
    font-weight: 600;
    background-color: #f7f7f7;
    color: #333;
}

/* Подзаголовок и описание над таблицей */
.merchant-size-guide__name {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    text-align: left;
}

.merchant-size-guide__description {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}

/* Сноска под таблицей */
.merchant-size-guide__info {
    max-width: 640px;
    margin: 10px auto 0;
    font-size: 13px;
    color: #666;
    line-height: 1.6;
}

/* Горизонтальный скролл на маленьких экранах */
.modal-size-chart {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/*описание и иконка на странице бренда*/
.brand-archive-header {
    display: flex;
    gap: 20px;
    align-items: center;   /* центр по вертикали */
    margin-bottom: 25px;
}

.brand-archive-logo img {
    max-width: 140px;
    height: auto;
    display: block;
}

.brand-archive-description {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}
/* Прятать логотип и описание бренда на мобильных */
@media (max-width: 767px) {
    .brand-archive-header {
        display: none;
    }
}
/* =========================================================
   Архив товаров / категорий — верхняя панель
   Columbos / Merchant
   ========================================================= */

/* 1. Убираем кнопку активной текущей категории */
#wplb-products-filter__activated .remove-filtered[data-name="product_cat"] {
    display: none !important;
}

/* Если внутри больше ничего не осталось — скрываем весь контейнер */
#wplb-products-filter__activated {
    margin: 0 0 14px;
    padding: 0;
    min-height: 0;
}

#wplb-products-filter__activated:not(:has(.remove-filtered:not([data-name="product_cat"]))) {
    display: none !important;
}

/* 2. Верхняя строка каталога / архива */
.woocommerce .woocommerce-notices-wrapper + .woocommerce-products-header,
.woocommerce .product-toolbar,
.woocommerce .products-toolbar,
.woocommerce .shop-toolbar {
    margin-bottom: 18px;
}

/* 3. Блок сортировки */
.woocommerce form.woocommerce-ordering {
    position: relative;
    margin: 0 0 22px;
    float: right;
    min-width: 220px;
}

/* Селект сортировки */
.woocommerce form.woocommerce-ordering .orderby {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    min-width: 220px;
    height: 44px;
    padding: 0 42px 0 16px;
    border: 1px solid #d9d4cc;
    border-radius: 4px;
    background: #fff;
    color: #3d352e;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.01em;
    box-shadow: none;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

/* Своя минималистичная стрелка */
.woocommerce form.woocommerce-ordering::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-right: 1.5px solid #6f675f;
    border-bottom: 1.5px solid #6f675f;
    transform: rotate(45deg);
    pointer-events: none;
}

/* Hover */
.woocommerce form.woocommerce-ordering .orderby:hover {
    border-color: #c9c1b7;
    background-color: #fffdfb;
}

/* Focus */
.woocommerce form.woocommerce-ordering .orderby:focus {
    outline: none;
    border-color: #b8aea2;
    box-shadow: 0 0 0 3px rgba(184, 174, 162, 0.14);
    background-color: #fff;
}

/* option */
.woocommerce form.woocommerce-ordering .orderby option {
    color: #3d352e;
    background: #fff;
}

/* 4. Общий ритм вокруг заголовка / краткого описания / сортировки */
.product-toolbar-breadcrumb {
    margin-bottom: 18px;
}

.product-toolbar-breadcrumb .page-header__title {
    margin-bottom: 8px;
}

.product-toolbar-breadcrumb .woocommerce-breadcrumb {
    margin-bottom: 8px;
}

.product-toolbar-breadcrumb .page-header__archive_short_description {
    color: #5f5750;
    line-height: 1.55;
    max-width: 760px;
}

/* 5. Если тема держит сортировку слишком высоко/низко — мягко выравниваем */
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    position: relative;
    top: auto;
}

/* 6. Мобильная версия */
@media (max-width: 767px) {
    #wplb-products-filter__activated {
        margin-bottom: 10px;
    }

    .woocommerce form.woocommerce-ordering {
        float: none;
        width: 100%;
        min-width: 0;
        margin: 0 0 16px;
    }

    .woocommerce form.woocommerce-ordering .orderby {
        min-width: 0;
        width: 100%;
        height: 42px;
        font-size: 13px;
    }

    .product-toolbar-breadcrumb {
        margin-bottom: 14px;
    }
}
/* ===== Лёгкий тюнинг фильтров Columbos ===== */

/* Чуть плотнее фильтры и ровный ритм */
.products-filter__filters {
    font-size: 13px;
    color: #3d352e;
}

.products-filter__filter + .products-filter__filter {
    margin-top: 10px;
}

/* Заголовки фильтров — без изменения логики аккордеона */
.products-filter__filter-name {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.01em;
    color: #2f2923;
}

/* Сами пункты списка — аккуратный текст */
.products-filter__option-name,
.products-filter__option .name {
    font-size: 13px;
    line-height: 1.4;
    color: #5a534c;
}

/* Число справа чуть спокойнее */
.products-filter__count,
.products-filter__option .count {
    font-size: 12px;
    color: #a0978f;
}

/* Выбранные значения — просто чуть жирнее, без рамок и фона */
.products-filter__option.selected .products-filter__option-name,
.products-filter__option.selected .products-filter__option .name {
    font-weight: 500;
    color: #2f2923;
}

/* Кнопки под фильтрами — компактнее, но в том же стиле */
.products-filter__control-buttons {
    gap: 6px;
    margin-top: 6px;
}

.products-filter__control-buttons .clear-button,
.products-filter__control-buttons .filter-button {
    height: 32px;
    padding: 0 12px;
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0.02em;
}

/* Кнопка очистки — лёгкий outline */
.products-filter__control-buttons .clear-button {
    border-radius: 4px;
    border: 1px solid #d9d2ca;
    background: #fff;
    color: #6b635b;
}

.products-filter__control-buttons .clear-button:hover {
    border-color: #c9c1b7;
    color: #2f2923;
}

/* Кнопка “Показать результаты” — чуть компактнее */
.products-filter__control-buttons .filter-button {
    border-radius: 4px;
}

/* Мобильная плотность */
@media (max-width: 767px) {
    .products-filter__filter + .products-filter__filter {
        margin-top: 8px;
    }

    .products-filter__filter-name {
        font-size: 13px;
    }

    .products-filter__option-name,
    .products-filter__option .name {
        font-size: 12.5px;
    }
}
/*/* Скрываем обе сортировки из .catalog-toolbar 
.catalog-toolbar .woocommerce-ordering {
    display: none !important;
}
.cb-ordering-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

.cb-ordering-wrap .woocommerce-ordering {
    margin: 0;
    float: none;
}*/
/*/* Выравниваем сортировку по нижнему краю тулбара 
.catalog-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.catalog-toolbar .product-toolbar-breadcrumb {
    flex: 1 1 100%;
}

.catalog-toolbar > nav.woocommerce-breadcrumb {
    display: none; /* дублированные хлебные крошки
}

.catalog-toolbar .woocommerce-ordering {
    margin: 0 12px 0 auto;
    float: none;
    order: 2;
}

.catalog-toolbar .toggle-filters {
    order: 3;
}*/
/* Выравниваем сортировку по нижнему краю тулбара */
.catalog-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.catalog-toolbar .product-toolbar-breadcrumb {
    flex: 1 1 100%;
}

.catalog-toolbar > nav.woocommerce-breadcrumb {
    display: none; /* дублированные хлебные крошки */
}

.catalog-toolbar .woocommerce-ordering {
    margin: 0 12px 0 auto;
    float: none;
    order: 2;
}

.catalog-toolbar .toggle-filters {
    order: 3;
}
/* Уменьшаем отступ между сортировкой и сеткой товаров */
.catalog-toolbar {
    margin-bottom: 1px;
}

#wplb-shop-content {
    margin-top: 0;
}

.catalog-toolbar .woocommerce-ordering {
    margin-bottom: 0;
    margin-top: 12px;
    float: none;
}
/* Картинка справа от описания */
.cb-cat-shortdesc-media {
    flex-direction: row-reverse;
}

/* Скрываем краткое описание на мобильных */
@media (max-width: 767px) {
    .cb-cat-shortdesc-media__text {
        display: none;
    }

    .cb-cat-shortdesc-media__image {
        flex: none;
        max-width: 120px;
    }
}



/* 3. Разделительная линия + 4. Лёгкий фон шапки */
.product-toolbar-breadcrumb {
    /*background-color: #faf8f5;*/
    border-radius: 6px;
    padding: 16px 20px;
    margin-bottom: 16px;
}

/*.catalog-toolbar {
    border-bottom: 1px solid #ece7e0;
    padding-bottom: 16px;
    margin-bottom: 20px;
}*/

/* 5. Крупнее картинка категории */
.cb-cat-shortdesc-media__image {
    flex: 0 0 200px;
    max-width: 200px;
}

@media (max-width: 767px) {
    .cb-cat-shortdesc-media__image {
        flex: none;
        max-width: 120px;
    }
}

/* 2. Подкатегории-пилюли */
.cb-cat-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.cb-cat-pill {
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid #d9d2ca;
    border-radius: 999px;
    background: #fff;
    color: #5a534c;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}

.cb-cat-pill:hover {
    border-color: #3d352e;
    color: #2f2923;
    background: #faf8f5;
}
/* Убираем ::after совсем */
.product-toolbar-breadcrumb::after {
    display: none;
}

/* Фоновая картинка через реальный div */
.cb-cat-header-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    opacity: 0.5;
    pointer-events: none;
    z-index: 0;
}
.product-toolbar-breadcrumb {
    position: relative;
    overflow: hidden;
}
/* Убираем фон, добавляем линии сверху и снизу */
.product-toolbar-breadcrumb {
    background-color: transparent !important;
    border-radius: 0;
    border-top: 1px solid #ece7e0;
    border-bottom: 1px solid #ece7e0;
    padding: 20px 0;
    margin-bottom: 16px;
}
.cb-toolbar-bottom-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.cb-toolbar-bottom-row .cb-cat-pills {
    flex: 1 1 auto;
    margin: 0;
}

.cb-toolbar-bottom-row .woocommerce-ordering {
    flex: 0 0 auto;
    margin: 0;
    float: none;
}

/*/* Убираем старый отступ пилюль */
/*.cb-cat-pills {
    margin-top: 0;
    margin-bottom: 0;
}
/* Скрываем краткое описание на мобильных */
/*@media (max-width: 767px) {
    .cb-cat-shortdesc-media__text {
        display: none;
    }

    .cb-toolbar-bottom-row {
        flex-wrap: wrap;
    }

    .cb-toolbar-bottom-row .woocommerce-ordering {
        width: 100%;
    }

    .cb-toolbar-bottom-row .woocommerce-ordering .orderby {
        width: 100%;
        border-radius: 4px;
    }
}*/

/* Пилюли на отдельной строке над сортировкой */
.catalog-toolbar .cb-cat-pills {
    flex: 1 1 100%;
    order: 1;
    margin: 12px 0 8px;
}

.catalog-toolbar .woocommerce-ordering {
    order: 2;
    margin-left: auto;
}
/* Нижнее описание категории */
.term-description {
    margin-top: 48px;
    padding: 28px 32px;
    border-top: 1px solid #ece7e0;
    border-bottom: 1px solid #ece7e0;
}

.term-description p {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.7;
    color: #6b635b;
}

.term-description p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .term-description {
        padding: 20px 0;
        margin-top: 32px;
    }
}

/*Кнопка быстрая покупка*/
.product-quick-shop-button.merchant-button {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    box-shadow: none !important;
}

.product-quick-shop-button.merchant-button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #333333 !important;
}

@media (max-width: 768px) {
    .product-quick-shop-button.merchant-button {
        font-size: 12px !important;
        /*padding: 7px 10px !important;*/
    }
}
.product-quick-shop-button.merchant-button .merchant-svg-icon {
    display: none !important;
}
/* Кнопка "В корзину" на странице товара */
.single_add_to_cart_button.button.alt {
    background-color: #f2f2f2 !important;
    color: #1a1a1a !important;
    border: 1px solid #1a1a1a !important;
    box-shadow: none !important;
}

.single_add_to_cart_button.button.alt svg {
    fill: #1a1a1a !important;
    color: #1a1a1a !important;
}

.single_add_to_cart_button.button.alt:hover {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important;
}

.single_add_to_cart_button.button.alt:hover svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}
/* Тень на карточках товаров в списке */
.products .product .product-inner {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    border-radius: 4px !important;
    transition: box-shadow 0.3s ease !important;
}

/* Тень чуть сильнее при наведении */
.products .product .product-inner:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13) !important;
}
/* === Отступы внутри карточки товара === */
ul.products li.product .product-inner .product-summary {
  padding: 0 5px 0px 5px !important;
}

/* для атрибутов в листинге*/
.cb-product-attrs {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
}

.cb-product-attrs__item {
    min-height: 20px;
    line-height: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cb-product-attrs__item svg {
    flex: 0 0 auto;
}

.cb-product-attrs__item--empty {
    visibility: hidden;
}
/*скрываем часть заголовка товаров в списке*/
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    min-height: 44px;
    line-height: 22px;
}

.cb-product-attrs {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
}

.cb-product-attrs__item {
    min-height: 20px;
    line-height: 20px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cb-product-attrs__item svg {
    flex: 0 0 auto;
}

.cb-product-attrs__item--empty {
    visibility: hidden;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    min-height: 44px;
    line-height: 22px;
}

/* Мобильная версия */
@media (max-width: 767px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px;
        line-height: 17px;
        min-height: 34px;
    }
}

/* Описания товаров WooCommerce */

.product-description--seo {
  max-width: 100%;
  font-size: 14px;
  line-height: 1.55;
  color: #2f2f2f;
}

.product-description--seo h2,
.product-description--seo h3 {
  color: #1f1f1f;
  font-weight: 600;
  line-height: 1.25;
}

.product-description--seo h2 {
  font-size: 19px;
  margin: 0 0 10px;
}

.product-description--seo h3 {
  font-size: 16px;
  margin: 0 0 10px;
}

.product-description--seo p {
  margin: 0 0 10px;
}

.product-description--seo strong {
  font-weight: 600;
}

.product-description--seo em {
  font-style: normal;
  font-weight: 500;
  color: #222;
}

/* Общие секции */

.product-description--seo .pd-hero,
.product-description--seo .pd-benefits,
.product-description--seo .pd-details,
.product-description--seo .pd-specs,
.product-description--seo .pd-use,
.product-description--seo .pd-summary {
  margin-bottom: 18px;
}

/* Вступительный блок */

.product-description--seo .pd-hero {
  padding: 16px 18px;
  border: 1px solid #ececec;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff, #fafafa);
}

/* Описание и кому подойдёт — выделенные абзацы */

.product-description--seo .pd-details p,
.product-description--seo .pd-use p,
.product-description--seo .pd-summary p {
  padding: 12px 14px;
  border-left: 3px solid #d9d9d9;
  border-radius: 10px;
  background: #fafafa;
}

/* Преимущества */

.product-description--seo .pd-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.product-description--seo .pd-benefit {
  display: flex;
  gap: 10px;
  padding: 13px;
  border: 1px solid #ececec;
  border-radius: 14px;
  background: #fff;
}

.product-description--seo .pd-benefit__icon {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.product-description--seo .pd-benefit strong {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.25;
}

.product-description--seo .pd-benefit p {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 13px;
  line-height: 1.45;
  color: #555;
}

/* Характеристики */

.product-description--seo .pd-specs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ececec;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

.product-description--seo .pd-specs li {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 9px 13px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13.5px;
  line-height: 1.35;
}

.product-description--seo .pd-specs li:last-child {
  border-bottom: 0;
}

.product-description--seo .pd-specs li strong {
  flex: 0 0 auto;
  color: #555;
}

/* Краткое описание */

.product-short-description {
  font-size: 14px;
  line-height: 1.45;
  color: #333;
}

.product-short-description p {
  margin: 0 0 10px;
}

.product-short-description ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-short-description li {
  margin: 0 0 5px;
  padding: 7px 10px;
  border-radius: 10px;
  background: #f7f7f7;
  font-size: 13.5px;
}

/* Мобильная версия */

@media (max-width: 768px) {
  .product-description--seo {
    font-size: 13.5px;
    line-height: 1.5;
  }

  .product-description--seo h2 {
    font-size: 17px;
  }

  .product-description--seo h3 {
    font-size: 15px;
  }

  .product-description--seo .pd-hero {
    padding: 14px;
  }

  .product-description--seo .pd-benefits-grid {
    grid-template-columns: 1fr;
  }

  .product-description--seo .pd-benefit {
    padding: 12px;
  }

  .product-description--seo .pd-details p,
  .product-description--seo .pd-use p,
  .product-description--seo .pd-summary p {
    padding: 11px 12px;
  }

  .product-description--seo .pd-specs li {
    display: block;
    padding: 8px 12px;
  }

  .product-description--seo .pd-specs li strong {
    display: block;
    margin-bottom: 2px;
  }
}

/*для информационных страниц*/
.cb-about-page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 0;
  font-size: 15px;
  line-height: 1.65;
  color: #222;
}

.cb-about-page * {
  box-sizing: border-box;
}

.cb-about-hero {
  padding: 34px 36px;
  margin-bottom: 22px;
  border-radius: 22px;
  background: linear-gradient(135deg, #f7f4ef 0%, #ffffff 60%, #f1f1f1 100%);
  border: 1px solid #ece7df;
}

.cb-about-kicker {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #8a6d3b;
  font-weight: 600;
}

.cb-about-hero h1 {
  margin: 0 0 12px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  color: #1d1d1d;
}

.cb-about-hero p {
  max-width: 760px;
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
  color: #444;
}

.cb-about-section {
  padding: 26px 28px;
  margin-bottom: 18px;
  border: 1px solid #eeeeee;
  border-radius: 20px;
  background: #fff;
}

.cb-about-section h2 {
  margin: 0 0 14px;
  font-size: 22px;
  line-height: 1.25;
  color: #1f1f1f;
}

.cb-about-section p {
  margin: 0 0 10px;
}

.cb-about-section p:last-child {
  margin-bottom: 0;
}

.cb-about-highlight {
  background: #faf8f4;
  border-color: #efe6d8;
}

.cb-about-motto {
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 24px 28px;
  margin-bottom: 18px;
  border-radius: 20px;
  background: #222;
  color: #fff;
}

.cb-about-motto-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  font-size: 24px;
}

.cb-about-motto-title {
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #d6c09a;
  font-weight: 600;
}

.cb-about-motto p {
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 600;
}

.cb-about-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.cb-about-card {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  min-height: 76px;
  padding: 15px 16px;
  border-radius: 16px;
  background: #f8f8f8;
  border: 1px solid #eeeeee;
}

.cb-about-card span {
  flex: 0 0 auto;
  font-size: 20px;
  line-height: 1.2;
}

.cb-about-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.cb-about-contact {
  background: #f7f9fb;
}

.cb-about-email {
  margin-top: 12px !important;
  font-weight: 600;
}

.cb-about-email a {
  color: #1f5f99;
  text-decoration: none;
}

.cb-about-email a:hover {
  text-decoration: underline;
}

.cb-about-requisites {
  background: #fbfbfb;
}

.cb-requisites-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
}

.cb-requisites-list div {
  padding: 13px 15px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #eeeeee;
}

.cb-requisites-list span {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.3;
  color: #777;
}

.cb-requisites-list strong {
  display: block;
  font-size: 14px;
  line-height: 1.45;
  color: #222;
  font-weight: 600;
}

@media (max-width: 768px) {
  .cb-about-page {
    padding: 14px 0;
    font-size: 14px;
    line-height: 1.55;
  }

  .cb-about-hero,
  .cb-about-section,
  .cb-about-motto {
    padding: 20px;
    border-radius: 16px;
  }

  .cb-about-hero h1 {
    font-size: 24px;
  }

  .cb-about-hero p {
    font-size: 15px;
  }

  .cb-about-section h2 {
    font-size: 19px;
  }

  .cb-about-grid {
    grid-template-columns: 1fr;
  }

  .cb-requisites-list {
    grid-template-columns: 1fr;
  }

  .cb-about-motto {
    align-items: flex-start;
  }

  .cb-about-motto p {
    font-size: 16px;
  }
}
/* Центровка текста на странице "О компании" */
.cb-about-page,
.cb-about-page h1,
.cb-about-page h2,
.cb-about-page p,
.cb-about-page strong,
.cb-about-page span {
  text-align: center;
}

/* Ограничиваем ширину текста, чтобы строки были аккуратнее */
.cb-about-hero p,
.cb-about-section > p {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

/* Блок "Наш девиз" — центрируем содержимое */
.cb-about-motto {
  justify-content: center;
  text-align: center;
}

.cb-about-motto > div:last-child {
  text-align: center;
}

.cb-about-motto-title,
.cb-about-motto p {
  text-align: center;
}

/* Карточки преимуществ */
.cb-about-card {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.cb-about-card span,
.cb-about-card p {
  text-align: center;
}

/*/* Реквизиты 
.cb-requisites-list div,
.cb-requisites-list span,
.cb-requisites-list strong {
  text-align: center;
}*/

/* На мобильных девиз тоже аккуратно по центру */
@media (max-width: 768px) {
  .cb-about-motto {
    flex-direction: column;
    align-items: center;
  }
}
/* Светлый блок "Наш девиз" */
.cb-about-motto {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: center;
  padding: 26px 30px;
  margin-bottom: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, #fff8ec 0%, #ffffff 55%, #f4efe6 100%);
  border: 1px solid #eadcc5;
  color: #222;
  box-shadow: 0 10px 28px rgba(80, 55, 20, 0.06);
  text-align: center;
}

.cb-about-motto-icon {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #eadcc5;
  font-size: 26px;
  box-shadow: 0 6px 18px rgba(80, 55, 20, 0.08);
}

.cb-about-motto > div:last-child {
  max-width: 680px;
  text-align: center;
}

.cb-about-motto-title {
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #9a6b24;
  font-weight: 700;
}

.cb-about-motto p {
  margin: 0;
  font-size: 19px;
  line-height: 1.45;
  font-weight: 700;
  color: #2a2a2a;
}

@media (max-width: 768px) {
  .cb-about-motto {
    flex-direction: column;
    padding: 22px 20px;
  }

  .cb-about-motto p {
    font-size: 16px;
  }
}