.grecaptcha-badge {
    display: none;
}

form, .has-preloader {
    position: relative;
}

/* Прелоадер */
form.preloader, .has-preloader.preloader {
    animation: preloader-start 0.75s ease-in-out forwards,
    pulse 1.5s 0.75s infinite ease-in-out;
    position: relative;
}

form.preloader:before, .has-preloader.preloader:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 100000;
}

@keyframes preloader-start {
    from { opacity: 1; }
    to   { opacity: 0.6; }
}

@keyframes pulse {
    0%, 100% { opacity: 0.6; }
    50%       { opacity: 0.3; }
}
/*form:before, .has-preloader:before {*/
/*    content: "";*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    background-color: #FFFFFF;*/
/*    opacity: 0;*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*}*/

/*form.preloader:before, .has-preloader.preloader:before {*/
/*    opacity: 1;*/
/*    z-index: 100;*/
/*}*/
/* Конец Прелоадер для форм */

.ui-email2 {
    display: none
}

.ui-social a {
    position: relative;
}

.ui-btn--48x48 span {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
}

.ui-btn--48 span {
    visibility: visible;
    opacity: 1;
    position: relative;
}

/* Попап «Поделиться» — блок копирования ссылки */
.share-popup__copy {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.share-popup__url {
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px 14px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #f7f7f7;
    color: #555;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.share-popup__copy .js-share-copy {
    flex: 0 0 auto;
    white-space: nowrap;
    cursor: pointer;
}

.share-popup__copy .js-share-copy.is-copied {
    opacity: 0.8;
}

.guaven_woos_showallli a {
    padding: 20px;
    display: block;
}

/* Иконки формата документа рядом со ссылками (как в старой теме ndt-group_2025).
   Иконка подставляется псевдоэлементом :before по расширению файла в href. */
.sku__info-card-content a[href$=".pdf"]:before,
.sku__info-card-content a[href$=".doc"]:before,
.sku__info-card-content a[href$=".docx"]:before,
.sku__info-card-content a[href$=".xls"]:before,
.sku__info-card-content a[href$=".xlsx"]:before,
.entry-content a[href$=".pdf"]:before,
.entry-content a[href$=".doc"]:before,
.entry-content a[href$=".docx"]:before,
.entry-content a[href$=".xls"]:before,
.entry-content a[href$=".xlsx"]:before,
.article__wysiwyg a[href$=".pdf"]:before,
.article__wysiwyg a[href$=".doc"]:before,
.article__wysiwyg a[href$=".docx"]:before,
.article__wysiwyg a[href$=".xls"]:before,
.article__wysiwyg a[href$=".xlsx"]:before,
.term-description a[href$=".pdf"]:before,
.term-description a[href$=".doc"]:before,
.term-description a[href$=".docx"]:before,
.term-description a[href$=".xls"]:before,
.term-description a[href$=".xlsx"]:before {
    content: " ";
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: bottom;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.sku__info-card-content a[href$=".pdf"]:before,
.entry-content a[href$=".pdf"]:before,
.article__wysiwyg a[href$=".pdf"]:before,
.term-description a[href$=".pdf"]:before {
    background-image: url("../images/pdf-file-format-symbol.png");
}

.sku__info-card-content a[href$=".doc"]:before,
.sku__info-card-content a[href$=".docx"]:before,
.entry-content a[href$=".doc"]:before,
.entry-content a[href$=".docx"]:before,
.article__wysiwyg a[href$=".doc"]:before,
.article__wysiwyg a[href$=".docx"]:before,
.term-description a[href$=".doc"]:before,
.term-description a[href$=".docx"]:before {
    background-image: url("../images/doc-file-format.png");
}

.sku__info-card-content a[href$=".xls"]:before,
.sku__info-card-content a[href$=".xlsx"]:before,
.entry-content a[href$=".xls"]:before,
.entry-content a[href$=".xlsx"]:before,
.article__wysiwyg a[href$=".xls"]:before,
.article__wysiwyg a[href$=".xlsx"]:before,
.term-description a[href$=".xls"]:before,
.term-description a[href$=".xlsx"]:before {
    background-image: url("../images/xlsx-file-format-extension.png");
}

/* ---------------------------------------------------------------------------
   Таблицы в произвольном контенте (вкладки описания товара + описания
   категорий). В вёрстке /verstka стилей для таблиц, набранных в редакторе
   (без BEM-классов), нет — задаём лёгкий стиль под палитру сайта:
   текст #5f707e, заголовки #354045, рамки #d9e1e7, шапка на #f5f5f5.
   Контейнеры: .sku__info-card-content — вкладки на карточке товара,
   .txt__desc — описание категории (term_description). Доп. .entry-content и
   .article__wysiwyg для статей/блога, чтобы таблицы выглядели единообразно.

   ВАЖНО: внутри .sku__info-card-content живёт таблица технических
   характеристик .sku__info-table — у неё свой стиль из вёрстки, поэтому
   исключаем её через :not(.sku__info-table) и не трогаем её ячейки.
--------------------------------------------------------------------------- */
.sku__info-card-content table:not(.sku__info-table),
.txt__desc table,
.entry-content table,
.article__wysiwyg table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.6rem;
    font-family: var(--font-primary, "Onest", sans-serif);
    font-size: 1.5rem;
    line-height: 1.4;
    color: #5f707e;
    background: #fff;
}

@media (min-width: 1200px) {
    .sku__info-card-content table:not(.sku__info-table),
    .txt__desc table,
    .entry-content table,
    .article__wysiwyg table {
        font-size: 1.6rem;
    }
}

.sku__info-card-content table:not(.sku__info-table):last-child,
.txt__desc table:last-child,
.entry-content table:last-child,
.article__wysiwyg table:last-child {
    margin-bottom: 0;
}

.sku__info-card-content table:not(.sku__info-table) th,
.sku__info-card-content table:not(.sku__info-table) td,
.txt__desc th,
.txt__desc td,
.entry-content th,
.entry-content td,
.article__wysiwyg th,
.article__wysiwyg td {
    padding: 1rem 1.6rem;
    border: 0.1rem solid #d9e1e7;
    text-align: left;
    vertical-align: top;
}

.sku__info-card-content table:not(.sku__info-table) th,
.txt__desc th,
.entry-content th,
.article__wysiwyg th {
    background: #f5f5f5;
    color: #354045;
    font-weight: 600;
}

/* Лёгкая зебра — чётные строки чуть подсвечены, без жёстких границ. */
.sku__info-card-content table:not(.sku__info-table) tbody tr:nth-child(even) td,
.txt__desc tbody tr:nth-child(even) td,
.entry-content tbody tr:nth-child(even) td,
.article__wysiwyg tbody tr:nth-child(even) td {
    background: #fafbfc;
}

/* На мобильных широкая таблица скроллится по горизонтали, а не ломает вёрстку. */
@media (max-width: 767px) {
    .sku__info-card-content table:not(.sku__info-table),
    .txt__desc table,
    .entry-content table,
    .article__wysiwyg table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sku__info-card-content table:not(.sku__info-table) th,
    .sku__info-card-content table:not(.sku__info-table) td,
    .txt__desc th,
    .txt__desc td,
    .entry-content th,
    .entry-content td,
    .article__wysiwyg th,
    .article__wysiwyg td {
        padding: 0.8rem 1.2rem;
    }
}

/* ---------------------------------------------------------------------------
   Списки (ul/ol) в произвольном контенте вкладок описания товара.
   Глобальный сброс в style.css (ul, ol { list-style:none; margin:0; padding:0 })
   убирает маркеры и отступы — из-за этого набранные в редакторе списки внутри
   .sku__info-card-content не отображаются. Восстанавливаем их в стиле вёрстки
   /verstka (.article__wysiwyg / .txt__desc): маркер ul — розовый кружок
   #ff3366, нумерация ol — розовые цифры через counter.

   ВАЖНО: стилизуем только списки БЕЗ класса (:not([class])) — это списки,
   набранные в редакторе/парсером. BEM-списки вёрстки внутри вкладок всегда
   имеют класс (.products__grid в «Дополнительно»/«Совместимость» и т. п.) и
   под селектор не попадают. Исключение — вкладка «Варианты доставки»
   (.sku__info-delivery): её ul без класса, поэтому маркеры для неё отменяем
   отдельным блоком ниже.
--------------------------------------------------------------------------- */
.sku__info-card-content ul:not([class]),
.sku__info-card-content ol:not([class]) {
    margin: 0 0 1.2rem;
}

.sku__info-card-content ul:not([class]):last-child,
.sku__info-card-content ol:not([class]):last-child {
    margin-bottom: 0;
}

.sku__info-card-content ul:not([class]) > li {
    position: relative;
    padding: 0 0 0 1.6rem;
    margin: 0 0 0.6rem;
}

.sku__info-card-content ul:not([class]) > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: #ff3366;
}

.sku__info-card-content ol:not([class]) {
    counter-reset: point;
}

.sku__info-card-content ol:not([class]) > li {
    position: relative;
    padding: 0 0 0 2.4rem;
    margin: 0 0 0.6rem;
}

.sku__info-card-content ol:not([class]) > li:after {
    content: counter(point) ".";
    counter-increment: point 1;
    position: absolute;
    top: 0;
    left: 0;
    color: #ff3366;
    font-weight: 500;
}

@media (min-width: 768px) {
    .sku__info-card-content ul:not([class]),
    .sku__info-card-content ol:not([class]) {
        margin: 0 0 2rem;
    }

    .sku__info-card-content ul:not([class]) > li,
    .sku__info-card-content ol:not([class]) > li {
        margin: 0 0 0.8rem;
    }
}

/* Вкладка «Варианты доставки» (.sku__info-delivery) — собственная вёрстка
   /verstka: список (ul без класса) с SVG-иконками вместо маркеров, flex-
   раскладка. Отменяем для неё общие стили списков выше (отступ слева и розовый
   маркер), чтобы вернуть исходный вид из вёрстки. */
.sku__info-card-content .sku__info-delivery ul:not([class]) {
    margin: 0;
}

.sku__info-card-content .sku__info-delivery ul:not([class]) > li {
    padding: 0;
    margin: 0;
}

.sku__info-card-content .sku__info-delivery ul:not([class]) > li:after {
    content: none;
}