#cs-fb-widget {
    display: none;
}
.price span.price-new {
    color: #f00;
}
.position-no-owl .row_items .countDays, .position-no-owl .row_items .countHours, .position-no-owl .row_items .countMinutes, .position-no-owl .row_items .countSec {
    box-shadow: 0px 1px 5px #ccc;
}
.shiptobilling.clearfix {
    display: none;
}

/* Custom css for product */
section.product-design-shablon-one {
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    align-content: center!important;
    padding: 80px 160px;
}

section.product-design-shablon-one h2 {
    font-weight: 400;
    font-size: 48px;
    text-align: center;
}

section.product-design-shablon-one p {
    text-align: center;
    padding: 80px 0 0 0;
    font-size: 24px;
    line-height: 29px;
}

section.product-design-shablon-two {
    background: #F8921A;
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

section.product-design-shablon-two h2 {
    font-weight: 400;
    font-size: 48px;
    color: white;
    text-align: center;
}

.product-design-shablon-two-content {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 80px 0 0 0;
}

.product-design-shablon-two-block {
    width: 48%;
    background: white;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
    padding: 30px;
    box-sizing: border-box;
}

.product-design-shablon-two-block p {
    font-size: 24px;
    line-height: 29px;
    padding: 0 0 0 40px;
}

.product-design-shablon-two-block img {
    max-width: 100px!important;
    width: 100%;
    border-radius: 15px;
}

section.product-design-shablon-thee {
    background: #F8921A;
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

section.product-design-shablon-thee h2 {
    font-weight: 400;
    font-size: 48px;
    color: white;
    text-align: center;
}

.product-design-shablon-thee-content {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    padding: 80px 0 0 0;
    justify-content: space-between;
}

.product-design-shablon-thee-block {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    width: 23%;
}

.product-design-shablon-thee-block img {
    border-radius: 50%;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
}
.product-design-shablon-thee-block p {
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    text-align: center;
    padding: 40px 20px 0 20px;
}

section.product-design-shablon-four {
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    align-content: center!important;
    padding: 80px;
}

section.product-design-shablon-four h2 {
    font-weight: 400;
    font-size: 48px;
    text-align: center;
}

.product-design-shablon-four-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 80px 0 0 0;
    width: 100%;
}

.product-design-shablon-four-content ul {
    width: 100%;
    list-style: none;
    padding: 0;
    text-align: center;
}

.product-design-shablon-four-content ul li {
    font-size: 24px;
    line-height: 29px;
}

.product-design-shablon-four-content ul li b {font-weight: 400;color: #715ecc;}

section.product-design-shablon-one iframe {
    overflow: hidden;
    border-radius: 15px;
    margin: 40px;
}

.product-design-shablon-one-video {
    background: #f7f8fb;
}

#floatCart {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 2;
    background: #ffc300;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
#floatCart .shop-bag-svg {
    color: #000;
    width: 25px;
    height: 22px;
}
#floatCart span.count {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -7px;
    right: -5px;
    background: #ffc300;
    color: #000;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 13px;
}

.fastorder_full {
    background: #f9921b;
    margin: 50px 0;
}
#fastorder_full {
    display: flex;
    align-items: center;
    padding: 28px 30px;

}
form#fastorder_full .form-group {
    margin: 0 20px 0 0;
}
#fastorder_full .form-group.fname {
    margin-left: auto;

}
#fastorder_full .form-group.fbtn {
    margin-right: 0;
}
#fastorder_full .form-group label{
    position: absolute;
    top: 10px;
    right: 14px;
}
#fastorder_full  .col-text {
    color: #fff;
    font-size: 25px;
}
.h1-prod-name.mobile {
    display: none;
}
.sticker-ns.popular {
    display: none;
}
#ch_mobm_special svg path {
    fill: #FF9400;
}
#ch_mobm_special .mm-icon-left {
    background: #715ecc;
}
#showmore button {
    background: #715ECC;
    color: #fff;
}

@media (max-width: 1000px) {
    #floatCart {
        bottom: 65px;
        right: 10px;
    }
    section.product-design-shablon-one {
        padding: 40px 20px;
    }
    
    section.product-design-shablon-one h2 {
        font-size: 36px;
    }
    
    section.product-design-shablon-one p {
        padding: 40px 0 0 0;
        font-size: 18px;
        line-height: 22px;
    }
    
    section.product-design-shablon-two {
        padding: 40px 20px;
    }
    
    section.product-design-shablon-two h2 {
        font-size: 36px;
    }
    
    .product-design-shablon-two-content {
        display: flex;
        flex-direction: column;
        padding: 40px 0 0 0;
    }
    
    .product-design-shablon-two-block {
        width: 100%;
        padding: 15px;
        margin: 0 0 40px 0;
    }
    
    .product-design-shablon-two-block img {
        max-width: 80px!important;
    }
    
    .product-design-shablon-two-block p {
        font-size: 18px;
        line-height: 22px;
    }
    
    section.product-design-shablon-thee h2 {
        font-size: 36px;
    }
    
    .product-design-shablon-thee-content {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        padding: 40px 0 0 0;
    }
    
    .product-design-shablon-thee-block {
        width: 100%;
        padding: 0 0 30px 0;
    }
    
    section.product-design-shablon-four h2 {
        font-size: 36px;
    }
    
    .product-design-shablon-four-content {
        display: flex;
        flex-direction: column;
        padding: 40px 0 0 0;
    }
    
    .product-design-shablon-four-content ul li {
        font-size: 18px;
        line-height: 22px;
        padding: 4px 0;
    }
    
    section.product-design-shablon-four {
        padding: 40px 20px;
    }
    #fastorder_full  {
        display: block;
        max-width: 400px;
        margin: auto;
    }
    #fastorder_full .col-text {
        padding-bottom: 30px;
    }
    form#fastorder_full .form-group {
        margin: 0px 0px 15px 0;
    }
}
@media (max-width: 768px) {
    .dn7 {
        display: none !important;
    }
    .header-search.livesearch .input-group-btn.categories {
        display: none;
    }
    .mob-fix-panel .fm-left-block .mob-m-i + div.mob-m-i {
        margin-left: 0;
    }
    h1.h1-prod-name.mobile {
        display: block;
    }
    h1.h1-prod-name.pc {
        display: none;
    }
    .ft_tabs_mob .tabs__header.ft__mobile .my-tabs.nav-tabs > li > a {
        padding: 8px 10px;
    }
    .my-tabs.nav-tabs > li > a {
        font-size: 12px;
    }
    .row-flex.category-page {
        justify-content: center;
    }
    .addit-action .compare {
        display: none;
    }
    .addit-action .quickview,
    .addit-action .quick-order,
    .addit-action .wishlist {
        transform: scale(0.8);
    }
    .stickers-ns {
        display: none;
    }
}
@media (max-width: 600px) {
    .product-thumb .btn-general .icon-cart-add {
        background: #fff;
    }
    .product-thumb .btn-general {
        color: #fff;
        background-color: #ff9400;
    }
}
@media (max-width: 480px) {
    .product-design-shablon-two-block {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    
    .product-design-shablon-two-block p {
        padding: 20px 0 0 0;
        text-align: center;
    }
}
/* end cutsom css */

#form-language {
    position: relative;
    z-index: 10000;
}
#form-language .dropdown-menu {
    min-width: auto;
}
#form-language .dropdown-menu button {
    padding: 5px 10px;
}
/* ─────────────────────────────────────────────────────────────
   Типографика информационных страниц. Добавлено 04.09.2026.
   Двойной селектор обязателен: «Политика возврата и обмена»
   рендерится через #tab-description, а не через .p-content.
   ───────────────────────────────────────────────────────────── */

/* Колонка содержимого. У контейнера темы ширина не ограничена
   вовсе, поэтому предел ставится здесь — иначе на широком
   мониторе баннер и плитки растягиваются во весь экран. */
.p-content,
#tab-description {
    font-size: 16px;
    line-height: 26px;
    color: #222;
    max-width: 880px;
}

/* Заголовок страницы живёт в шаблоне, вне блока с текстом. */
#content:has(.p-content) > h1,
#content:has(#tab-description) > h1,
#content:has(.p-content) > .breadcrumb,
#content:has(#tab-description) > .breadcrumb {
    max-width: 880px;
}

/* Мера строки вешается на текстовые элементы, а не на обёртку,
   чтобы плашки, таблицы и картинки могли быть шире текста. */
.p-content > p,
.p-content > ul,
.p-content > ol,
.p-content > h2,
.p-content > h3,
.p-content > h4,
.p-content > blockquote,
#tab-description > p,
#tab-description > ul,
#tab-description > ol,
#tab-description > h2,
#tab-description > h3,
#tab-description > h4,
#tab-description > blockquote {
    max-width: 680px;
}

.p-content p,
#tab-description p {
    margin: 0 0 16px;
}

/* Заголовок страницы. :has() поддерживают все живые браузеры;
   старые просто пропустят правило, ничего не сломав. */
#content:has(.p-content) > h1,
#content:has(#tab-description) > h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 24px;
}

/* Иерархия: шаг размером и весом, а не двумя пикселями.
   Отступ сверху больше, чем снизу, — заголовок принадлежит
   тому, что под ним, а не тому, что над. */
.p-content h2,
#tab-description h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin: 40px 0 12px;
}

.p-content h3,
#tab-description h3 {
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    margin: 32px 0 8px;
}

.p-content h4,
#tab-description h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 24px 0 8px;
}

.p-content > :first-child,
#tab-description > :first-child {
    margin-top: 0;
}

/* Списки: 40 пикселей отступа по умолчанию съедают
   одиннадцатую часть ширины телефона впустую. */
.p-content ul,
.p-content ol,
#tab-description ul,
#tab-description ol {
    padding-left: 20px;
    margin: 0 0 16px;
    max-width: 680px;
}

.p-content li,
#tab-description li {
    margin-bottom: 8px;
}

.p-content li:last-child,
#tab-description li:last-child {
    margin-bottom: 0;
}

/* Таблицы: линии вместо рамок, цифры в колонку. */
.p-content table,
#tab-description table {
    width: 100%;
    max-width: 680px;
    border-collapse: collapse;
    margin: 0 0 24px;
    font-size: 15px;
}

.p-content table th,
.p-content table td,
#tab-description table th,
#tab-description table td {
    padding: 12px 16px 12px 0;
    border: 0;
    border-bottom: 1px solid #eaedf7;
    text-align: left;
    vertical-align: top;
}

.p-content table th,
#tab-description table th {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #768292;
}

.p-content table td + td,
#tab-description table td + td {
    font-variant-numeric: tabular-nums;
}

.p-content img,
#tab-description img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {

    #content:has(.p-content) > h1,
    #content:has(#tab-description) > h1 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 20px;
    }

    .p-content h2,
    #tab-description h2 {
        font-size: 19px;
        line-height: 26px;
        margin: 32px 0 10px;
    }

    .p-content h3,
    #tab-description h3 {
        font-size: 16px;
        line-height: 22px;
        margin: 24px 0 8px;
    }

    /* Таблица разворачивается в список: горизонтальную прокрутку
       на телефоне читатель не находит. */
    .p-content table,
    .p-content table tbody,
    .p-content table tr,
    .p-content table td,
    #tab-description table,
    #tab-description table tbody,
    #tab-description table tr,
    #tab-description table td {
        display: block;
        width: 100%;
    }

    .p-content table thead,
    #tab-description table thead {
        display: none;
    }

    .p-content table tr,
    #tab-description table tr {
        padding: 12px 0;
        border-bottom: 1px solid #eaedf7;
    }

    .p-content table td,
    #tab-description table td {
        padding: 2px 0;
        border: 0;
    }

    .p-content table td:first-child,
    #tab-description table td:first-child {
        font-weight: 600;
    }
}

/* ─────────────────────────────────────────────────────────────
   Блоки информационных страниц. Добавлено 04.09.2026.
   Верстается короткой разметкой с этими классами — инлайн-стили
   в тексты страниц не вписывать, иначе правка размера или цвета
   снова превратится в шесть ручных переписываний.
   ───────────────────────────────────────────────────────────── */

.p-content .info-hero,
#tab-description .info-hero {
    max-width: none;
    background: #715ecc;
    border-radius: 8px;
    padding: 24px 28px;
    margin: 0 0 24px;
    color: #fff;
}

.p-content .info-hero > *,
#tab-description .info-hero > * {
    max-width: none;
    color: #fff;
}

.p-content .info-hero__title,
#tab-description .info-hero__title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 6px;
}

.p-content .info-hero__sub,
#tab-description .info-hero__sub {
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    opacity: .88;
}

/* Ряд плиток. Ширину задаёт сама плитка — на узкий экран
   перестраивается без правил под каждое разрешение. */
.p-content .info-grid,
#tab-description .info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    margin: 0 0 24px;
    max-width: none;
}

.p-content .info-card,
#tab-description .info-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px #eaedf7;
    padding: 20px;
    max-width: none;
}

.p-content .info-card > *,
#tab-description .info-card > * {
    max-width: none;
}

.p-content .info-card > :last-child,
#tab-description .info-card > :last-child {
    margin-bottom: 0;
}

/* Оттенки. Роль, а не украшение: лиловый — «о чём страница»,
   песочный — «как связаться», зелёный — «что уже сделано». */
.p-content .info-card--accent,
#tab-description .info-card--accent {
    background: #f2f0fb;
    box-shadow: 0 0 0 1px #ddd7f4;
}

.p-content .info-card--warm,
#tab-description .info-card--warm {
    background: #fdf3e7;
    box-shadow: 0 0 0 1px #f5e2c8;
}

.p-content .info-card--ok,
#tab-description .info-card--ok {
    background: #eef8f1;
    box-shadow: 0 0 0 1px #cfe9d8;
}

.p-content .info-card__title,
#tab-description .info-card__title {
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
    margin: 0 0 10px;
}

/* Пара «подпись — значение». Подпись мелкая серая,
   значение крупное тёмное: сверяемый факт виден первым. */
.p-content .info-pair,
#tab-description .info-pair {
    margin: 0 0 12px;
}

.p-content .info-pair:last-child,
#tab-description .info-pair:last-child {
    margin-bottom: 0;
}

.p-content .info-pair__k,
#tab-description .info-pair__k {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #768292;
    margin-bottom: 2px;
}

.p-content .info-pair__v,
#tab-description .info-pair__v {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
    font-variant-numeric: tabular-nums;
}

/* Шаги процедуры. */
.p-content .info-steps,
#tab-description .info-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin: 0 0 16px;
    max-width: none;
}

.p-content .info-step,
#tab-description .info-step {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px #eaedf7;
    padding: 16px;
}

.p-content .info-step__n,
#tab-description .info-step__n {
    display: block;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #715ecc;
    margin-bottom: 6px;
}

.p-content .info-step p,
#tab-description .info-step p {
    margin: 0;
    font-size: 15px;
    line-height: 23px;
}

/* Сноска под блоком. */
.p-content .info-note,
#tab-description .info-note {
    font-size: 14px;
    line-height: 22px;
    color: #768292;
    margin: -8px 0 24px;
}

/* Значки платёжных систем. */
.p-content .info-pay,
#tab-description .info-pay {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin: 0 0 16px;
    max-width: none;
}

/* Высота у каждого знака своя: Visa и Stripe — словесные,
   Mastercard — круги с подписью под ними. При равной высоте
   Mastercard оптически проваливается, а Visa нависает. */
.p-content .info-pay img,
#tab-description .info-pay img {
    width: auto;
    height: 28px;
}

.p-content .info-pay img.info-pay__mark,
#tab-description .info-pay img.info-pay__mark {
    height: 42px;
}

.p-content .info-pay,
#tab-description .info-pay {
    gap: 24px;
}

@media (max-width: 767px) {

    .p-content .info-hero,
    #tab-description .info-hero {
        padding: 20px;
        margin-bottom: 20px;
    }

    .p-content .info-hero__title,
    #tab-description .info-hero__title {
        font-size: 19px;
        line-height: 26px;
    }

    .p-content .info-grid,
    #tab-description .info-grid,
    .p-content .info-steps,
    #tab-description .info-steps {
        gap: 12px;
    }

    /* Вложенная плитка на телефоне теряет фон и отступы:
       иначе поля складываются и строка сжимается до трёх слов. */
    .p-content .info-card .info-card,
    #tab-description .info-card .info-card {
        padding: 0;
        background: none;
        box-shadow: none;
        border-top: 1px solid #eaedf7;
        padding-top: 12px;
        border-radius: 0;
    }

    .p-content .info-card,
    #tab-description .info-card {
        padding: 16px;
    }
}

/* ─────────────────────────────────────────────────────────────
   Скрытые элементы интерфейса. Добавлено 05.09.2026.
   ───────────────────────────────────────────────────────────── */

/* Летающая корзина в правом нижнем углу. Дублирует корзину
   в шапке и закрывает содержимое страницы. */
#floatCart {
    display: none !important;
}

/* Сравнение товаров. Ассортимент штучный, сравнивать нечего;
   постраничные переключатели темы выключены, здесь закрыт
   остаток в мобильной шапке. */
.mm-compare,
#compare-total,
.btn-compare-top {
    display: none !important;
}

/* ─────────────────────────────────────────────────────────────
   Оформление заказа. Добавлено 05.09.2026.
   Шаблоны модуля SimpleCheckout не трогаются — раскладка
   собирается сеткой на существующей разметке.
   ───────────────────────────────────────────────────────────── */

/* Блоки — карточки того же вида, что на информационных страницах. */
.simplecheckout .simplecheckout-block {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px #eaedf7;
    padding: 20px;
    margin: 0 0 16px;
}

/* Заголовок блока: серая полоса Bootstrap заменяется обычным
   заголовком внутри карточки. */
.simplecheckout .checkout-heading,
.simplecheckout .panel-heading {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0 0 16px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
}

/* Подпись над полем, а не слева: отбивка вправо съедала
   треть колонки под пустой жёлоб. */
.simplecheckout .form-group {
    margin: 0 0 16px;
}

.simplecheckout .form-group:last-child {
    margin-bottom: 0;
}

.simplecheckout-left-column .form-group > label.control-label,
.simplecheckout-right-column .form-group > label.control-label {
    display: block;
    float: none;
    width: 100%;
    text-align: left;
    padding: 0 0 6px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    color: #768292;
}

.simplecheckout-left-column .form-group > div[class*="col-"],
.simplecheckout-right-column .form-group > div[class*="col-"] {
    float: none;
    width: 100%;
    padding: 0;
}

/* Поля. Кегль 16: в поле высотой 44 четырнадцатый теряется,
   а на телефоне 16 ещё и снимает самопроизвольное увеличение. */
.simplecheckout-left-column .form-control,
.simplecheckout-right-column .form-control {
    height: 44px;
    max-width: 560px;
    padding: 0 14px;
    font-size: 16px;
    line-height: 44px;
    color: #222;
    background: #fff;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 0 0 1px #e4e9ef;
    transition: box-shadow .12s ease;
}

/* Тема задаёт кегль правилом вида input[type="text"].form-control —
   оно избирательнее, поэтому здесь тип поля указан явно. */
.simplecheckout-left-column input.form-control,
.simplecheckout-left-column select.form-control,
.simplecheckout-left-column textarea.form-control,
.simplecheckout-right-column input.form-control,
.simplecheckout-right-column select.form-control,
.simplecheckout-right-column textarea.form-control {
    font-size: 16px;
}

.simplecheckout-left-column textarea.form-control,
.simplecheckout-right-column textarea.form-control {
    height: auto;
    min-height: 88px;
    padding: 12px 14px;
    line-height: 24px;
}

.simplecheckout-left-column .form-control:focus,
.simplecheckout-right-column .form-control:focus {
    outline: none;
    box-shadow: 0 0 0 1px #715ecc, 0 0 0 4px rgba(113, 94, 204, .18);
}

/* Способы доставки и оплаты — строки, а не таблица. */
.simplecheckout-block .radio,
.simplecheckout-block .checkbox {
    margin: 0 0 10px;
    padding: 0;
}

.simplecheckout-block .radio:last-child,
.simplecheckout-block .checkbox:last-child {
    margin-bottom: 0;
}

/* Кнопка оформления — главное действие страницы. */
#buttons .btn,
.simplecheckout-button-block .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    padding: 0 20px;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
}

#buttons .simplecheckout-button-right,
#buttons .simplecheckout-button-left {
    float: none;
    width: 100%;
}

/* ── Широкий экран: форма слева, сводка справа и липкая ── */
@media (min-width: 992px) {

    .simplecheckout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 380px;
        gap: 0 24px;
        align-items: start;
    }

    /* Шаг раскрывается, чтобы его дети попали в общую сетку. */
    .simplecheckout-step {
        display: contents;
    }

    #simplecheckout_cart {
        grid-column: 2;
        grid-row: 1;
        position: sticky;
        top: 16px;
        margin-bottom: 16px;
    }

    #buttons {
        grid-column: 2;
        grid-row: 2;
        margin: 0;
        align-self: start;
    }

    .simplecheckout-left-column {
        grid-column: 1;
        grid-row: 1;
    }

    .simplecheckout-right-column {
        grid-column: 1;
        grid-row: 2;
    }

    #simplecheckout_payment_form {
        grid-column: 1;
        grid-row: 3;
    }

    .simplecheckout-left-column,
    .simplecheckout-right-column {
        float: none;
        width: auto;
        padding: 0;
    }

    /* Миниатюры в сводке: у узбека они 250 точек и растягивают
       строку на четверть экрана. */
    #simplecheckout_cart img {
        width: 48px;
        height: 48px;
        object-fit: contain;
        background: #f7f8fb;
        border-radius: 6px;
    }

    #simplecheckout_cart td {
        padding: 10px 8px;
        font-size: 14px;
        line-height: 20px;
        vertical-align: middle;
    }
}

/* ─────────────────────────────────────────────────────────────
   Панель реквизитов. Добавлено 05.09.2026.
   Тёмная плашка для юридических сведений: продавец, платёжный
   агент, адрес возврата. Смысл — отделить проверяемые факты от
   объясняющего текста, чтобы модератор и покупатель находили их
   не читая страницу. Фон тёмный с лиловым отливом, из семейства
   баннера #715ecc, а не самостоятельный шестой цвет.
   ───────────────────────────────────────────────────────────── */

.p-content .info-legal,
#tab-description .info-legal {
    max-width: none;
    background: #211c38;
    border-radius: 8px;
    padding: 24px;
    margin: 0 0 24px;
    color: #fff;
}

.p-content .info-legal > *,
#tab-description .info-legal > * {
    max-width: none;
}

.p-content .info-legal__title,
#tab-description .info-legal__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 16px;
}

/* Вложенные карточки. Не белые, а подсветка самой панели:
   так они читаются как её части, а не как чужие плитки. */
.p-content .info-legal__grid,
#tab-description .info-legal__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
    max-width: none;
}

.p-content .info-legal__card,
#tab-description .info-legal__card {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    padding: 18px;
    max-width: none;
}

.p-content .info-legal__card > *,
#tab-description .info-legal__card > * {
    max-width: none;
}

.p-content .info-legal__card > :last-child,
#tab-description .info-legal__card > :last-child {
    margin-bottom: 0;
}

/* Внутри панели работают те же .info-card__title и .info-pair,
   что и на светлых плитках, — меняются только цвета. Разметка
   страниц от этого не раздваивается. */
.p-content .info-legal .info-card__title,
#tab-description .info-legal .info-card__title,
.p-content .info-legal p,
#tab-description .info-legal p {
    color: #fff;
}

.p-content .info-legal .info-pair__k,
#tab-description .info-legal .info-pair__k {
    color: #a9a2c6;
}

.p-content .info-legal .info-pair__v,
#tab-description .info-legal .info-pair__v {
    color: #fff;
}

.p-content .info-legal .info-note,
#tab-description .info-legal .info-note {
    color: #a9a2c6;
}

.p-content .info-legal a,
#tab-description .info-legal a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 767px) {

    .p-content .info-legal,
    #tab-description .info-legal {
        padding: 18px;
    }

    .p-content .info-legal__card,
    #tab-description .info-legal__card {
        padding: 14px;
    }
}

/* ─────────────────────────────────────────────────────────────
   Раздел-панель. Добавлено 05.09.2026.
   Страница правил перестаёт быть сплошной простынёй: каждый
   сценарий — отдельная панель с номером, внутри цветные плитки
   и серая сноска с оговоркой. Читатель находит свой случай,
   не читая соседние.
   ───────────────────────────────────────────────────────────── */

.p-content .info-section,
#tab-description .info-section {
    max-width: none;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px #eaedf7;
    padding: 22px 24px;
    margin: 0 0 16px;
}

.p-content .info-section > *,
#tab-description .info-section > * {
    max-width: none;
}

.p-content .info-section > :last-child,
#tab-description .info-section > :last-child {
    margin-bottom: 0;
}

.p-content .info-section__title,
#tab-description .info-section__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #222;
    margin: 0 0 14px;
}

/* Номер раздела. Отдельным цветом, чтобы нумерация читалась
   как навигация, а не как часть заголовка. */
.p-content .info-section__n,
#tab-description .info-section__n {
    color: #715ecc;
    margin-right: 6px;
}

/* Ряд плиток внутри панели прижимается к её низу — между
   панелями расстояние держит сама панель. */
.p-content .info-section .info-grid,
#tab-description .info-section .info-grid {
    margin-bottom: 16px;
}

.p-content .info-section .info-grid:last-child,
#tab-description .info-section .info-grid:last-child {
    margin-bottom: 0;
}

/* Сноска-оговорка под содержимым панели. */
.p-content .info-section .info-note,
#tab-description .info-section .info-note {
    margin: 14px 0 0;
}

/* ─────────────────────────────────────────────────────────────
   Переход на соседнюю страницу правил. Стоит в самом низу:
   дочитал одну — видно, куда идти дальше.
   ───────────────────────────────────────────────────────────── */

.p-content .info-next,
#tab-description .info-next {
    max-width: none;
    font-size: 14px;
    line-height: 22px;
    color: #768292;
    margin: 24px 0 0;
}

.p-content .info-next a,
#tab-description .info-next a {
    color: #715ecc;
    font-weight: 600;
}

@media (max-width: 767px) {

    .p-content .info-section,
    #tab-description .info-section {
        padding: 18px;
    }
}

/* Подзаголовок внутри панели. Добавлено 05.09.2026: на «Доставке
   и оплате» разделы делятся дальше — стоимость, сроки, способы. */

.p-content .info-section h3,
#tab-description .info-section h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
    margin: 22px 0 8px;
}

.p-content .info-section__title + h3,
#tab-description .info-section__title + h3 {
    margin-top: 0;
}

/* Таблица внутри панели: на узком экране прокручивается сама,
   а не растягивает страницу. */
.p-content .info-section table,
#tab-description .info-section table {
    display: block;
    overflow-x: auto;
    max-width: 100%;
}

/* ─────────────────────────────────────────────────────────────
   Подвал. Переделано 05.09.2026.
   Было: три колонки ссылок, пустая четвёртая (отсюда дыра
   посередине) и справа серая стена текста, в которой рядом
   стоят почта, телефон, режим работы, реквизиты и платёжный
   агент — всё одним кеглем и одним цветом.
   Стало: колонки без дыры, контакты — отдельной карточкой,
   подписи мелкие серые, значения крупные тёмные.
   ───────────────────────────────────────────────────────────── */

/* Пустая колонка настроек не должна занимать место. Ищем ту,
   внутри которой нет списка ссылок, — не по порядку, чтобы
   правка настроек ничего не сломала. */
footer .f-links > div:not(:has(ul)) {
    display: none;
}

@media (min-width: 992px) {

    footer .f-links > div {
        width: 33.3333%;
    }
}

/* Контакты — карточка, как отдельный предмет, а не хвост списка. */
footer .footer-contact > ul {
    background: #fff;
    border: 1px solid #e6e9f2;
    border-radius: 12px;
    padding: 20px 22px;
    margin: 0;
}

/* Подпись: мелкая серая. Значения внутри несут собственный
   цвет из настроек и остаются тёмными. */
footer .footer-contact > ul > li {
    font-size: 13px;
    line-height: 18px;
    color: #768292;
    margin-bottom: 2px;
}

footer .footer-contact > ul > li span,
footer .footer-contact > ul > li div {
    font-size: 16px;
    line-height: 24px;
}

/* Обратная связь — кнопка, а не ссылка в общем потоке. */
footer .footer-contact a[onclick] {
    display: inline-block;
    margin-top: 6px;
    padding: 9px 16px;
    border: 1px solid #cfe0d6;
    border-radius: 8px;
    background: #f2f9f5;
}

footer .footer-contact a[onclick] span {
    font-size: 14px !important;
}

@media (max-width: 991px) {

    footer .footer-contact > ul {
        margin-top: 16px;
    }
}

/* ─────────────────────────────────────────────────────────────
   Горизонтальный сдвиг страницы. Исправлено 05.09.2026.
   В теме стоит html { width: 100vw }. Единица vw считает ширину
   окна ВМЕСТЕ с полосой прокрутки, поэтому на любой странице,
   которая прокручивается вниз, страница оказывается шире окна
   ровно на толщину полосы — и уезжает вбок. Заметно это не на
   мониторе, а на телефоне, где такой сдвиг Google засчитывает
   как непригодность для мобильных.
   Корзина тут ни при чём: она position:fixed и в прокрутку
   документа не попадает.
   ───────────────────────────────────────────────────────────── */

html {
    width: auto;
}

/* Колонки ссылок разложены в две подколонки, поэтому длинные
   названия переносятся на две строки и почти касаются соседа:
   между «Политикой конфиденциальности» и «Публичной офертой»
   оставалось 6 точек. Добавлено 05.09.2026. */

footer .f-links ul li {
    margin-bottom: 8px;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

/* ─────────────────────────────────────────────────────────────
   Разделы подвала — обрамлённые блоки, как панели на страницах.
   Добавлено 06.09.2026. Раньше это были голые колонки на общем
   сером фоне, и подвал читался как одна каша.
   ───────────────────────────────────────────────────────────── */

footer .f-links > div {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 0 1px #e6e9f2;
    padding: 20px 22px;
    margin-bottom: 16px;
}

footer .f-links .title-f {
    margin-top: 0;
}

@media (min-width: 992px) {

    footer .f-links {
        display: flex;
        gap: 16px;
        align-items: stretch;
    }

    footer .f-links > div {
        width: auto;
        flex: 1 1 0;
        margin-bottom: 0;
    }
}

/* ─────────────────────────────────────────────────────────────
   Кнопка обратного звонка — снята один в один с узбека:
   значок 34×34 в белом квадрате со скруглением 12 и мягкой
   тенью, глиф синий, текст зелёный. Отменяет прежнюю рамку.
   ───────────────────────────────────────────────────────────── */

footer .footer-contact a.fc-callback {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: none;
    text-decoration: none;
}

footer .footer-contact a.fc-callback .fc-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(17, 24, 39, .14);
    box-shadow: 0 6px 18px rgba(17, 24, 39, .08);
    color: #0b5bd3;
    font-size: 16px !important;
    line-height: 1 !important;
}

footer .footer-contact a.fc-callback .fc-txt {
    color: #53A974;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 20px !important;
}

/* Доводка блоков подвала, 06.09.2026.

   1. Коробки ссылок тянулись по высоте карточки контактов и
      на две трети пустовали. Прижимаем весь блок ссылок к верху
      — тогда коробки равны между собой, но не карточке.
   2. Списки шли в две подколонки. Пока колонка была во всю
      ширину, это работало; в коробке подколонка получается
      130 точек, и названия рвутся на три строки. Ставим одну. */

@media (min-width: 992px) {

    footer .f-links {
        align-self: flex-start;
    }
}

footer .f-links ul.two-c-pc {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

/* На телефоне коробки шли встык к краям экрана — рамка упиралась
   в границу окна. Отступаем от краёв. 06.09.2026. */

@media (max-width: 991px) {

    /* Колонки темы плавающие: при width:auto они ужимаются по
       содержимому и получаются разной ширины. Считаем явно. */
    footer .f-links > div {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* Карточка контактов на телефоне была на 5 точек шире коробок
   выше — у её колонки другой внутренний отступ. Выравниваем. */

@media (max-width: 991px) {

    footer .footer-contact > ul {
        margin-left: 5px;
        margin-right: 5px;
    }
}

/* ─────────────────────────────────────────────────────────────
   Оформление заказа. Переработано 06.09.2026.

   Три беды, все померены, а не на глаз.

   1. Сетку я задал ещё 4 сентября, но колонки формы внутри неё
      остались плавающими блоками темы по 52 % и 46 % ширины —
      539 и 477 точек в ячейке шириной 1036. Отсюда пустота на
      пол-экрана посередине.
   2. Таблица товара в сводке шире своей колонки на 271 точку и
      прокручивалась вбок: из 611 точек 207 занимала колонка
      «Кол-во». Покупатель не видел ни количества, ни суммы.
   3. Кнопка заказа стояла в правой колонке напротив середины
      формы, хотя форма тянется ещё на 600 точек ниже.
   ───────────────────────────────────────────────────────────── */

@media (min-width: 992px) {

    .simplecheckout {
        grid-template-columns: minmax(0, 1fr) 360px;
        align-items: start;
    }

    /* Колонки темы разворачиваем во всю ширину своей ячейки. */
    .simplecheckout > .simplecheckout-step > .simplecheckout-left-column,
    .simplecheckout > .simplecheckout-step > .simplecheckout-right-column {
        width: 100%;
        float: none;
        grid-column: 1;
    }

    .simplecheckout > .simplecheckout-step > .simplecheckout-left-column {
        grid-row: 1;
    }

    .simplecheckout > .simplecheckout-step > .simplecheckout-right-column {
        grid-row: 2;
    }

    .simplecheckout > .simplecheckout-step > #simplecheckout_payment_form {
        grid-column: 1;
        grid-row: 3;
    }

    .simplecheckout > #simplecheckout_bottom {
        grid-column: 1;
        grid-row: 4;
    }

    /* Кнопка заказа — в конце формы, куда покупатель и приходит. */
    .simplecheckout > #buttons {
        grid-column: 1;
        grid-row: 5;
    }

    /* Сводка держится рядом всю прокрутку. */
    .simplecheckout > .simplecheckout-step > #simplecheckout_cart {
        grid-column: 2;
        grid-row: 1 / 6;
        position: sticky;
        top: 16px;
    }
}

/* ── Товар в сводке ──────────────────────────────────────────
   Строка таблицы перекладывается в три ячейки: снимок,
   название с количеством, сумма. Модель, отдельная цена и
   пустой хвост убираются — в колонке 360 точек им не место.
   Итоговые суммы лежат отдельными блоками, их это не трогает. */

#simplecheckout_cart .table-responsive {
    overflow: visible;
}

#simplecheckout_cart table.simplecheckout-cart {
    width: 100%;
    table-layout: auto;
}

#simplecheckout_cart table.simplecheckout-cart thead {
    display: none;
}

#simplecheckout_cart table.simplecheckout-cart tbody tr {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    gap: 6px 10px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eef0f6;
}

#simplecheckout_cart table.simplecheckout-cart tbody td {
    border: 0;
    padding: 0;
    vertical-align: middle;
}

#simplecheckout_cart table.simplecheckout-cart tbody td:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / 3;
}

#simplecheckout_cart table.simplecheckout-cart tbody td:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    text-align: left;
    line-height: 20px;
}

/* модель, отдельная цена и пустая служебная ячейка */
#simplecheckout_cart table.simplecheckout-cart tbody td:nth-child(3),
#simplecheckout_cart table.simplecheckout-cart tbody td:nth-child(5),
#simplecheckout_cart table.simplecheckout-cart tbody td:nth-child(7) {
    display: none;
}

#simplecheckout_cart table.simplecheckout-cart tbody td:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
    text-align: left;
}

#simplecheckout_cart table.simplecheckout-cart tbody td:nth-child(6) {
    grid-column: 3;
    grid-row: 1 / 3;
    text-align: right;
    font-weight: 600;
    white-space: nowrap;
}

#simplecheckout_cart table.simplecheckout-cart tbody td img {
    width: 56px;
    height: auto;
}

#simplecheckout_cart table.simplecheckout-cart tbody input[name^="quantity"] {
    width: 44px;
    padding: 0 4px;
    text-align: center;
}

/* ── Телефон ─────────────────────────────────────────────────
   На узком экране 40 точек из 375 съедали два вложенных
   отступа: 20 у блока и ещё 10 у его содержимого. Поле
   получалось 265 при карточке 325. */

@media (max-width: 991px) {

    .simplecheckout .simplecheckout-block {
        padding: 14px;
    }

    .simplecheckout .simplecheckout-block-content {
        padding: 0;
    }
}

/* Доводка ширин, 06.09.2026.

   У колонки темы обнаружился max-width: 900px и правый отступ —
   поэтому форма не занимала свою ячейку целиком, а кнопка,
   которая этих ограничений не имела, торчала на 156 точек шире
   полей над ней.

   Ширину формы делаю 700, а не «всё свободное место»: поле ввода
   длиной в тысячу точек читается плохо и выглядит небрежно.
   Пара «форма + сводка» встаёт по центру. */

@media (min-width: 992px) {

    .simplecheckout {
        grid-template-columns: minmax(0, 700px) 360px;
        justify-content: center;
        column-gap: 32px;
    }

    .simplecheckout > .simplecheckout-step > .simplecheckout-left-column,
    .simplecheckout > .simplecheckout-step > .simplecheckout-right-column {
        max-width: none;
        margin-right: 0;
    }
}

/* Товар в сводке — переделка, 06.09.2026.

   Первый заход не сработал по двум причинам, обе видны только
   в замере.

   1. Я выбирал ячейки по порядковому номеру, а у темы внутри
      блока лежит собственный <style>, который идёт после моего
      файла и при равной силе побеждает. У ячеек есть классы —
      выбираю по ним, это и надёжнее, и читается.
   2. Таблица осталась таблицей: строку я сделал сеткой, а
      table и tbody нет. Ширина колонок считалась по кругу, и
      средняя колонка схлопнулась в ноль — название налезало
      на сумму. */

#simplecheckout_cart table.simplecheckout-cart,
#simplecheckout_cart table.simplecheckout-cart tbody {
    display: block;
    width: 100%;
}

#simplecheckout_cart table.simplecheckout-cart tbody tr {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    gap: 6px 10px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eef0f6;
}

#simplecheckout_cart table.simplecheckout-cart td.image {
    grid-column: 1;
    grid-row: 1 / 3;
}

#simplecheckout_cart table.simplecheckout-cart td.name {
    grid-column: 2;
    grid-row: 1;
    text-align: left;
    line-height: 20px;
}

#simplecheckout_cart table.simplecheckout-cart td.quantity {
    grid-column: 2;
    grid-row: 2;
    text-align: left;
}

#simplecheckout_cart table.simplecheckout-cart td.total {
    grid-column: 3;
    grid-row: 1 / 3;
    text-align: right;
    font-weight: 600;
    white-space: nowrap;
}

/* Модель и кнопка удаления скрыты самой темой; цену убираем мы —
   при количестве 1 она дублирует сумму справа. */
#simplecheckout_cart table.simplecheckout-cart td.model,
#simplecheckout_cart table.simplecheckout-cart td.price,
#simplecheckout_cart table.simplecheckout-cart td.remove {
    display: none !important;
}

/* Мелочь: сумма прижималась к последней строке названия.
   Ставим её по верхнему краю и даём названию воздух справа. */

#simplecheckout_cart table.simplecheckout-cart tbody tr {
    column-gap: 14px;
}

#simplecheckout_cart table.simplecheckout-cart td.name {
    padding-right: 4px;
}

#simplecheckout_cart table.simplecheckout-cart td.total {
    align-self: start;
    padding-top: 2px;
}

/* ═══════════════════════════════════════════════════════════
   Оформление заказа: стили перенесены из сборщика тегов в тему.
   06.09.2026, пересобрано в тот же день.

   В GTM весь скин лежал под `@media (max-width: 767px)` — он и
   задумывался только для телефона. Из-за этого десктоп оставался
   со штатным видом темы: серые плашки заголовков, белые карточки
   с обводкой, поля 44 точки. Разделил по смыслу: оформление
   работает на любой ширине, мобильная раскладка — под условием.
   ═══════════════════════════════════════════════════════════ */

body.route-checkout-simplecheckout #simplecheckout_form_0 {
    background: #f8fafc;
    padding: 10px;
    border-radius: 16px;
}

body.route-checkout-simplecheckout .simplecheckout-block .checkout-heading.panel-heading {
    background: none !important;
    border: none !important;
    color: var(--sc-text) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    padding: 15px 0 10px 0 !important;
    text-transform: none !important;
    display: flex;
    align-items: center;
}

body.route-checkout-simplecheckout .simplecheckout-block .checkout-heading.panel-heading:before {
    content: "";
    width: 6px;
    height: 18px;
    background: var(--sc-blue);
    margin-right: 10px;
    border-radius: 10px;
}

body.route-checkout-simplecheckout .simplecheckout-block {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;
    background: transparent !important;
}

body.route-checkout-simplecheckout .simplecheckout input.form-control, body.route-checkout-simplecheckout .simplecheckout select.form-control, body.route-checkout-simplecheckout .simplecheckout textarea.form-control {
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    height: 46px !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

body.route-checkout-simplecheckout .simplecheckout-button-block .form-check {
    background: #fff;
    border: 1px solid var(--sc-border);
    padding: 12px 15px !important;
    border-radius: 12px;
    justify-content: flex-start !important; 
    margin: 20px 0 !important;
}

body.route-checkout-simplecheckout .simplecheckout-button-block .form-check-input {
    accent-color: var(--sc-blue); 
    width: 22px !important;
    height: 22px !important;
    cursor: pointer;
}

body.route-checkout-simplecheckout #buttons {
    border: none !important;
    padding: 0 !important;
    margin-top: 10px !important;
}

body.route-checkout-simplecheckout .simplecheckout-button-right {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
}

body.route-checkout-simplecheckout #simplecheckout_button_confirm {
    display: block !important;
    width: 100% !important;
    max-width: 320px;
    margin: 0 auto !important;
    height: 60px !important;
    line-height: 60px !important;
    background: #34a853 !important; 
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    border: none !important;
    border-radius: 14px !important;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 4px 0 #2d8f47 !important; 
    transition: none !important; 
    position: relative;
    text-decoration: none !important;
    cursor: pointer;
    
    
    touch-action: manipulation !important; 
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

body.route-checkout-simplecheckout #simplecheckout_button_confirm:active {
    background-color: #2d8f47 !important;
    transform: translateY(3px) !important;
    box-shadow: 0 1px 0 #2d8f47 !important;
  
    -webkit-user-select: none;  
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    
    -webkit-touch-callout: none; 
    
    
    touch-action: manipulation;
}

body.route-checkout-simplecheckout .simplecheckout-block-content .radio {
    background: #fff;
    border: 1px solid var(--sc-border);
    padding: 12px 15px !important;
    border-radius: 12px;
    margin-bottom: 8px !important;
}

body.route-checkout-simplecheckout .simplecheckout-block-content .radio label {
    font-weight: 600 !important;
    font-size: 14px !important;
    display: flex;
    align-items: center;
}

body.route-checkout-simplecheckout .simplecheckout-block-content .radio input[type="radio"] {
    margin-right: 10px !important;
    width: 18px;
    height: 18px;
    accent-color: var(--sc-blue);
}

body.route-checkout-simplecheckout .form-group label {
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: var(--sc-muted);
}

body.route-checkout-simplecheckout #simplecheckout_shipping .simplecheckout-block-content > p, body.route-checkout-simplecheckout #simplecheckout_shipping .simplecheckout-block-content b {
    display: none !important;
}

body.route-checkout-simplecheckout .simplecheckout-button-block, body.route-checkout-simplecheckout #buttons, body.route-checkout-simplecheckout .buttons {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.route-checkout-simplecheckout .simplecheckout-button-block .form-check {
    margin-bottom: 25px !important;
    background: #ffffff; 
    border: 1px solid var(--sc-border);
}

body.route-checkout-simplecheckout #simplecheckout_shipping {
    margin-bottom: 5px !important;
}

body.route-checkout-simplecheckout #button-confirm, body.route-checkout-simplecheckout .simplecheckout-button-confirm, body.route-checkout-simplecheckout [data-payment-button="true"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.route-checkout-simplecheckout {
    --sc-blue:    #4285f4;
    --sc-green:   #34a853;
    --sc-yellow:  #fbbc05;
    --sc-red:     #ea4335;
    --sc-border:  #e5e7eb;
    --sc-text:    #111827;
    --sc-muted:   #6b7280;
    --sc-bg:      #ffffff;
}

body.route-checkout-simplecheckout #payment-and-delivery .radio label {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    margin: 0 !important; 
    cursor: pointer;
    width: 100% !important;
    box-sizing: border-box !important;
    border: none !important;      
    background: none !important;  
    min-height: auto !important;
}

body.route-checkout-simplecheckout #payment-and-delivery .radio {
    border: 1px solid var(--sc-border);
    border-radius: 12px;
    background: #ffffff;
    margin-bottom: 10px;
    overflow: hidden;
}

body.route-checkout-simplecheckout #payment-and-delivery input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--sc-blue) !important;
    border-radius: 50% !important;
    margin: 0 12px 0 0 !important;
    position: relative !important;
    flex-shrink: 0 !important;
    background: #fff !important;
}

body.route-checkout-simplecheckout #payment-and-delivery input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 10px; height: 10px;
    background: var(--sc-blue);
    border-radius: 50%;
}

body.route-checkout-simplecheckout #payment-and-delivery label img {
    margin-left: 10px !important;
    max-height: 25px !important;
    width: auto !important;
}

body.route-checkout-simplecheckout #simplecheckout_shipping_address .row-shipping_address_firstname, body.route-checkout-simplecheckout #simplecheckout_shipping_address .row-shipping_address_lastname { display: none !important;
}

body.route-checkout-simplecheckout .container-module { display: none !important;
}

/* ── только узкий экран ── */

@media (max-width: 767px) {

body.route-checkout-simplecheckout .footer-top {display:none!important;
}

body.route-checkout-simplecheckout #floatCart {display:none!important;
}

body.route-checkout-simplecheckout .grecaptcha-badge {display:none!important;
}

body.route-checkout-simplecheckout .copyright__payments {display:none!important;
}

body.route-checkout-simplecheckout .row-customer_email {
    display: none !important;
}

body.route-checkout-simplecheckout .col-sm-8, body.route-checkout-simplecheckout .col-sm-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html { -webkit-text-size-adjust: 100%;
}

body.route-checkout-simplecheckout #simplecheckout_form_0 input, body.route-checkout-simplecheckout #simplecheckout_form_0 select, body.route-checkout-simplecheckout #simplecheckout_form_0 textarea, body.route-checkout-simplecheckout .simplecheckout input, body.route-checkout-simplecheckout .simplecheckout select, body.route-checkout-simplecheckout .simplecheckout textarea {
        font-size: 16px !important; 
        line-height: 1.2 !important;
}

body.route-checkout-simplecheckout #simplecheckout_cart .simplecheckout-cart-total, body.route-checkout-simplecheckout #simplecheckout_cart #total_sub_total, body.route-checkout-simplecheckout #simplecheckout_cart #total_shipping, body.route-checkout-simplecheckout #simplecheckout_cart #total_total, body.route-checkout-simplecheckout #simplecheckout_cart colgroup, body.route-checkout-simplecheckout #simplecheckout_cart thead {
    display: none !important;
    visibility: hidden !important;
}

body.route-checkout-simplecheckout #simplecheckout_cart table.simplecheckout-cart {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

body.route-checkout-simplecheckout #sc-final-mobile-cart {
    display: none;
    width: 100% !important;
    margin: 10px 0 20px 0 !important;
    position: relative !important;
    z-index: 10;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

body.route-checkout-simplecheckout .sc-card {
    display: flex; 
    gap: 12px; 
    padding: 12px;
    border: 1px solid var(--sc-border); 
    border-radius: 12px;
    background: var(--sc-bg);
    position: relative; 
    margin-bottom: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    transform: translate3d(0,0,0);
    align-items: center;
}

body.route-checkout-simplecheckout .sc-card:before {
    content: ""; position: absolute; left: 0; top: 12px; bottom: 12px;
    width: 4px; border-radius: 0 4px 4px 0;
    background: var(--sc-blue);
}

body.route-checkout-simplecheckout .sc-items .sc-card:nth-child(3n+2):before { background: var(--sc-green);
}

body.route-checkout-simplecheckout .sc-items .sc-card:nth-child(3n+3):before { background: var(--sc-yellow);
}

body.route-checkout-simplecheckout .sc-card img {
    width: 70px; height: 70px; object-fit: contain; flex: 0 0 auto;
    border-radius: 8px; border: 1px solid rgba(15,23,42,0.06);
}

body.route-checkout-simplecheckout .sc-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px;
}

body.route-checkout-simplecheckout .sc-name {
    font-size: 13px; font-weight: 700; line-height: 1.25; color: var(--sc-text);
    padding-right: 20px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

body.route-checkout-simplecheckout .sc-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px;
}

body.route-checkout-simplecheckout .sc-price { display: flex; flex-direction: column; justify-content: center;
}

body.route-checkout-simplecheckout .sc-price-old del { 
    color: var(--sc-muted); 
    font-size: 11px; 
    text-decoration: line-through; 
    display: block; 
    line-height: 1;
}

body.route-checkout-simplecheckout .sc-price-new { 
    color: var(--sc-text); 
    font-size: 15px; 
    font-weight: 800; 
    line-height: 1.2;
}

body.route-checkout-simplecheckout .sc-qty {
    display: flex; align-items: center; background: rgba(66,133,244,0.06);
    border: 1px solid rgba(66,133,244,0.15); border-radius: 10px; padding: 2px;
}

body.route-checkout-simplecheckout .sc-qty button {
    width: 32px; height: 32px; border: none; background: transparent;
    font-size: 18px; font-weight: bold; color: var(--sc-blue);
    display: flex; align-items: center; justify-content: center;
}

body.route-checkout-simplecheckout .sc-qty input {
    width: 28px; border: none; background: transparent;
    text-align: center; font-weight: 800; font-size: 14px; color: var(--sc-text);
    padding: 0;
}

body.route-checkout-simplecheckout .sc-remove {
    position: absolute; top: 6px; right: 6px;
    width: 24px; height: 24px; background: transparent; border: none;
    font-size: 16px; color: #d1d5db; display: flex; align-items: center; justify-content: center;
}

body.route-checkout-simplecheckout .sc-totals {
    background: #fdfdfd; border: 1px dashed var(--sc-green);
    border-radius: 12px; margin-top: 10px; padding: 12px 16px;
}

body.route-checkout-simplecheckout .sc-line { display: flex; justify-content: space-between; font-weight: 800; font-size: 16px;
}

body.route-checkout-simplecheckout .sc-line span:last-child { color: var(--sc-green);
}

body.route-checkout-simplecheckout #sc-fix-text {
    position: relative !important;
    display: inline-block !important;
    top: 2px !important; 
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: var(--sc-text) !important;
}

}

/* ─────────────────────────────────────────────────────────────
   Счётчик количества в десктопной сводке — как на телефоне.
   06.09.2026.

   Было: две сплошные фиолетовые кнопки 51×44 и красный квадрат
   удаления — три лопаты на 191 точку, самый громкий элемент
   всей страницы оформления. На телефоне то же самое сделано
   спокойной пилюлей: светло-синяя подложка, синие знаки, тихий
   крестик. Переношу оттуда значения один в один.

   Отступление одно: на телефоне крестик вынесен в угол
   карточки, а здесь он лежит в той же группе, что и «плюс», —
   разделить их можно только правкой разметки модуля. Поэтому
   отделяю его чертой внутри группы.
   ───────────────────────────────────────────────────────────── */

#simplecheckout_cart td.quantity .input-group {
    display: inline-flex;
    align-items: center;
    width: auto;
    background: rgba(66, 133, 244, .06);
    border: 1px solid rgba(66, 133, 244, .15);
    border-radius: 10px;
    padding: 2px;
}

#simplecheckout_cart td.quantity .input-group-btn {
    display: inline-flex;
    width: auto;
}

#simplecheckout_cart td.quantity .btn {
    width: 32px;
    height: 32px;
    min-width: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    color: #4285f4;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#simplecheckout_cart td.quantity .btn:hover,
#simplecheckout_cart td.quantity .btn:focus,
#simplecheckout_cart td.quantity .btn:active {
    background: rgba(66, 133, 244, .12);
    color: #4285f4;
    box-shadow: none;
}

#simplecheckout_cart td.quantity input.form-control {
    width: 36px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    color: #111827;
}

/* Удаление — тихое, отделено чертой. */
#simplecheckout_cart td.quantity .btn-danger {
    margin-left: 4px;
    padding-left: 4px;
    border-left: 1px solid rgba(66, 133, 244, .15);
    border-radius: 0;
    width: 30px;
    color: #d1d5db;
    background: transparent;
}

#simplecheckout_cart td.quantity .btn-danger:hover,
#simplecheckout_cart td.quantity .btn-danger:focus {
    color: #ea4335;
    background: rgba(234, 67, 53, .08);
}

/* Размеры не поддались с первого раза: высоту кнопки держали
   min-height и line-height по 44 точки, а ширину поля —
   min-width: 50. Одной высоты и ширины мало, нужно снимать
   и ограничители. 06.09.2026. */

#simplecheckout_cart td.quantity .btn,
#simplecheckout_cart td.quantity .input-group-btn > .btn {
    min-height: 32px;
    line-height: 32px;
}

#simplecheckout_cart td.quantity .input-group-btn {
    height: 32px;
}

#simplecheckout_cart td.quantity input[type="text"].form-control {
    width: 36px;
    min-width: 36px;
    height: 32px;
    padding: 0;
}

/* ─────────────────────────────────────────────────────────────
   Старая цена в десктопной сводке — как на телефоне. 06.09.2026.

   Раньше я прятал ячейку цены целиком: в колонке 360 точек она
   дублировала сумму справа. Но вместе с дублем пропадала и
   зачёркнутая старая цена, а это довод к покупке ровно в тот
   момент, когда человек решается платить. На телефоне она есть,
   значит и здесь должна быть.

   Строка теперь в три ряда: название, цена, счётчик. Снимок и
   сумма занимают все три.
   ───────────────────────────────────────────────────────────── */

#simplecheckout_cart table.simplecheckout-cart tbody td.image {
    grid-row: 1 / 4;
}

#simplecheckout_cart table.simplecheckout-cart tbody td.price {
    display: block !important;
    grid-column: 2;
    grid-row: 2;
    text-align: left;
    padding: 0;
    border: 0;
}

/* Старая цена — только когда рядом есть новая. Если скидки нет,
   в ячейке один блок, и он не должен оказаться зачёркнутым. */
#simplecheckout_cart table.simplecheckout-cart tbody td.price > div:first-child:not(:last-child) {
    color: #6b7280;
    font-size: 11px;
    line-height: 1;
    text-decoration: line-through;
}

#simplecheckout_cart table.simplecheckout-cart tbody td.price > div:last-child {
    color: #111827;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
}

#simplecheckout_cart table.simplecheckout-cart tbody td.quantity {
    grid-row: 3;
}

#simplecheckout_cart table.simplecheckout-cart tbody td.total {
    grid-row: 1 / 4;
}

/* ═══════════════════════════════════════════════════════════
   Оформление заказа: сводка и блок кнопок. 06.09.2026.

   Три беды, все видны только на широком экране:
   1. Блок согласия пущен обтеканием влево и занимает 592 точки
      из 700 — галочке «Не перезванивать» остаётся 108, и её
      подпись рвётся по одному слову в строку.
   2. Сводка выглядела как три отдельные обведённые коробки:
      товар, потом каждая строка итогов со своей рамкой.
   3. Цена за штуку и сумма строки при количестве 1 показывают
      одно и то же число дважды.

   Мобильная раскладка не трогается: она собрана отдельным
   скином и заказчика устраивает.
   ═══════════════════════════════════════════════════════════ */

@media (min-width: 992px) {

/* ── Блок кнопок: обе галочки в полную ширину, друг под другом ── */

body.route-checkout-simplecheckout #agreement_checkbox {
    float: none;
    width: 100%;
    display: block;
}

body.route-checkout-simplecheckout .simplecheckout-button-block .form-check {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 18px;
}

body.route-checkout-simplecheckout .simplecheckout-button-block .form-check-label {
    width: auto;
    line-height: 1.35;
}

/* ── Сводка заказа: одна карточка вместо трёх коробок ── */

body.route-checkout-simplecheckout #simplecheckout_cart {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 18px 18px 16px;
    box-shadow: 0 2px 12px rgba(17, 24, 39, .06);
}

body.route-checkout-simplecheckout #simplecheckout_cart::before {
    content: "Ваш заказ";
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: #111827;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #eef1f5;
}

body.route-checkout-simplecheckout #simplecheckout_cart .table-responsive,
body.route-checkout-simplecheckout #simplecheckout_cart table.simplecheckout-cart,
body.route-checkout-simplecheckout #simplecheckout_cart tbody,
body.route-checkout-simplecheckout #simplecheckout_cart tbody tr,
body.route-checkout-simplecheckout #simplecheckout_cart tbody td {
    border: 0;
    background: none;
}

body.route-checkout-simplecheckout #simplecheckout_cart .table-responsive {
    margin: 0;
    overflow: visible;
}

/* ── Строка товара ── */

body.route-checkout-simplecheckout #simplecheckout_cart tbody tr {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    column-gap: 12px;
    row-gap: 6px;
    align-items: start;
    padding: 0 0 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #eef1f5;
}

body.route-checkout-simplecheckout #simplecheckout_cart tbody tr:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

body.route-checkout-simplecheckout #simplecheckout_cart td.image {
    grid-area: 1 / 1 / 4 / 2;
    width: 64px;
    height: 64px;
    padding: 0;
    background: #f8fafc;
    border: 1px solid #eef1f5;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.route-checkout-simplecheckout #simplecheckout_cart td.image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

body.route-checkout-simplecheckout #simplecheckout_cart td.name {
    grid-area: 1 / 2 / 2 / 3;
    padding: 0;
}

body.route-checkout-simplecheckout #simplecheckout_cart td.name > a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #111827;
    text-decoration: none;
}

body.route-checkout-simplecheckout #simplecheckout_cart td.name > a:hover {
    color: #4285f4;
}

/* сумма строки — вверху справа, вровень с названием */
body.route-checkout-simplecheckout #simplecheckout_cart td.total {
    grid-area: 1 / 3 / 2 / 4;
    padding: 0;
    text-align: right;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 800;
    color: #111827;
}

/* цена за штуку — мелко и серым, с подписью, чтобы не читалась как дубль суммы */
body.route-checkout-simplecheckout #simplecheckout_cart td.price {
    grid-area: 2 / 2 / 3 / 4;
    padding: 0;
    text-align: left;
    font-size: 13px;
    color: #6b7280;
}

body.route-checkout-simplecheckout #simplecheckout_cart td.price::after {
    content: " за штуку";
    font-size: 12px;
    color: #9ca3af;
}

body.route-checkout-simplecheckout #simplecheckout_cart td.quantity {
    grid-area: 3 / 2 / 4 / 4;
    padding: 0;
    text-align: left;
}

/* ── Итоги ── */

body.route-checkout-simplecheckout #simplecheckout_cart .simplecheckout-cart-total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    text-align: left;
    padding: 7px 0;
    border: 0;
    background: none;
}

body.route-checkout-simplecheckout #simplecheckout_cart .simplecheckout-cart-total > span:first-child {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

body.route-checkout-simplecheckout #simplecheckout_cart .simplecheckout-cart-total b {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.35;
    color: #6b7280;
}

body.route-checkout-simplecheckout #simplecheckout_cart .simplecheckout-cart-total-value {
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    text-align: right;
}

body.route-checkout-simplecheckout #simplecheckout_cart .simplecheckout-cart-total-remove {
    display: none;
}

/* последняя строка итогов — «Итого». Ловим её по соседству со служебным
   полем, потому что селектора «последний с таким классом» в CSS нет:
   :last-of-type смотрит на тип элемента, а после итогов идут ещё div-ы. */
body.route-checkout-simplecheckout #simplecheckout_cart .simplecheckout-cart-total:has(+ input) {
    margin-top: 8px;
    padding-top: 13px;
    border-top: 1px solid #e5e7eb;
}

body.route-checkout-simplecheckout #simplecheckout_cart .simplecheckout-cart-total:has(+ input) b {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
}

body.route-checkout-simplecheckout #simplecheckout_cart .simplecheckout-cart-total:has(+ input) .simplecheckout-cart-total-value {
    font-size: 19px;
    font-weight: 800;
    color: #111827;
}

}

/* ─────────────────────────────────────────────────────────────
   Сводка заказа, доводка. 06.09.2026.

   Перенесённый из сборщика тегов скин снимает фон, рамку и тень
   у ВСЕХ блоков чекаута правилом с `!important` — форме так и
   надо, она лежит на общей канве. Но сводка должна читаться как
   отдельная карточка, поэтому здесь то же оружие: перебиваем
   точечно по идентификатору.
   ───────────────────────────────────────────────────────────── */

@media (min-width: 992px) {

body.route-checkout-simplecheckout #simplecheckout_cart.simplecheckout-block {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 12px rgba(17, 24, 39, .06) !important;
    border-radius: 16px;
    padding: 18px 18px 16px;
}

/* Название целиком, а не «Fascia…»: три строки вместо двух. */
body.route-checkout-simplecheckout #simplecheckout_cart td.name > a {
    -webkit-line-clamp: 3;
}

/* «7000 за штуку» одной строкой, а не в два этажа. */
body.route-checkout-simplecheckout #simplecheckout_cart td.price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 6px;
}

body.route-checkout-simplecheckout #simplecheckout_cart td.price > div {
    display: inline;
}

/* Согласие с офертой — такая же белая плашка, как у «Не перезванивать»,
   чтобы две галочки не выглядели разнородными. */
body.route-checkout-simplecheckout #agreement_checkbox .checkbox {
    background: #fff;
    border: 1px solid var(--sc-border);
    border-radius: 12px;
    padding: 12px 15px;
    margin: 0;
}

body.route-checkout-simplecheckout #agreement_checkbox .checkbox label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.35;
    margin: 0;
}

body.route-checkout-simplecheckout #agreement_checkbox .checkbox input[type="checkbox"] {
    width: 22px;
    height: 22px;
    margin: 0;
    flex: 0 0 auto;
    accent-color: var(--sc-blue);
    cursor: pointer;
}

}

/* ─────────────────────────────────────────────────────────────
   Галочка согласия с офертой. 06.09.2026.

   Тема ставит само поле ввода абсолютом со сдвигом влево — это
   бутстраповский приём для отступа под галочку. Когда строку
   переводишь в flex, поле остаётся вне потока и наезжает на
   первые буквы подписи: было видно «☐знакомился и принимаю».
   Лечится возвратом поля в поток; отступ теперь даёт сам flex.
   ───────────────────────────────────────────────────────────── */

@media (min-width: 992px) {

body.route-checkout-simplecheckout #agreement_checkbox .checkbox input[type="checkbox"] {
    position: static;
    margin-left: 0;
}

body.route-checkout-simplecheckout #agreement_checkbox,
body.route-checkout-simplecheckout #agreement_checkbox .checkbox,
body.route-checkout-simplecheckout #agreement_checkbox .checkbox label {
    text-align: left;
}

body.route-checkout-simplecheckout #agreement_checkbox .checkbox label {
    padding-left: 0;
}

}

/* ─────────────────────────────────────────────────────────────
   Галочка согласия: висячий отступ вместо flex. 06.09.2026.

   Предыдущая попытка выстроить строку через flex не сработала:
   тема задаёт подписи `display: inline-block` правилом сильнее
   моего, и `gap` остался декорацией. Классический приём надёжнее
   и даёт то, чего flex здесь не даёт вовсе, — вторая строка
   выравнивается по тексту, а не заезжает под саму галочку.
   ───────────────────────────────────────────────────────────── */

@media (min-width: 992px) {

body.route-checkout-simplecheckout #agreement_checkbox .checkbox label {
    display: block !important;
    position: relative;
    padding-left: 34px;
    min-height: 22px;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}

body.route-checkout-simplecheckout #agreement_checkbox .checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 22px;
    height: 22px;
}

/* Крестик «убрать товар» — тихий, но заметный при наведении. */
body.route-checkout-simplecheckout #simplecheckout_cart td.quantity .btn-danger {
    color: #9ca3af;
    transition: color .15s;
}

body.route-checkout-simplecheckout #simplecheckout_cart td.quantity .btn-danger:hover {
    color: #ef4444;
}

}

/* ═══════════════════════════════════════════════════════════
   Выдвижная корзина в шапке. 06.09.2026.

   Приводится к тому же виду, что сводка заказа на оформлении:
   название товара — тёмный текст, а не синяя ссылка; счётчик —
   светло-синяя пилюля с теми же размерами, что на чекауте;
   удаление — тихий серый значок, краснеющий под курсором.

   Цвета кнопок НЕ трогаю: фиолетовый — фирменный цвет темы,
   менять его по всему сайту — отдельное решение, не моё.
   ═══════════════════════════════════════════════════════════ */

.header-cart-fix-right .header-cart-title {
    font-size: 17px;
    font-weight: 800;
    color: #111827;
}

.header-cart-fix-right .header-cart-product-name a {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #111827;
    text-decoration: none;
}

.header-cart-fix-right .header-cart-product-name a:hover {
    color: #4285f4;
}

.header-cart-fix-right .header-cart-item-total {
    font-size: 15px;
    font-weight: 800;
    color: #111827;
}

.header-cart-fix-right .btn-link-delete {
    color: #9ca3af;
    transition: color .15s;
}

.header-cart-fix-right .btn-link-delete:hover {
    color: #ef4444;
}

/* ── Счётчик количества — один в один как в сводке заказа ── */

.header-cart-fix-right .ch-cart-quantity {
    display: inline-flex;
    align-items: center;
    width: auto;
    background: rgba(66, 133, 244, .06);
    border: 1px solid rgba(66, 133, 244, .15);
    border-radius: 10px;
    padding: 2px;
}

.header-cart-fix-right .ch-cart-quantity .input-btn {
    width: auto;
    display: inline-flex;
}

.header-cart-fix-right .ch-cart-quantity .btn-quantity-minus,
.header-cart-fix-right .ch-cart-quantity .btn-quantity-plus {
    width: 30px;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #4285f4;
    font-size: 17px;
    font-weight: 700;
}

.header-cart-fix-right .ch-cart-quantity .btn-quantity-minus:hover,
.header-cart-fix-right .ch-cart-quantity .btn-quantity-plus:hover {
    background: rgba(66, 133, 244, .10);
    border-radius: 8px;
}

.header-cart-fix-right .ch-cart-quantity input[type="text"].form-control,
.header-cart-fix-right .ch-cart-quantity input.form-control {
    width: 34px;
    min-width: 34px;
    height: 30px;
    padding: 0;
    text-align: center;
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

/* строка «В корзине N товаров, на сумму» */
.header-cart-fix-right .header-cart-text-info {
    color: #6b7280;
    font-size: 14px;
}