/* Start:/local/components/zipteh/search.suggest/templates/header/style.css?179386987217408*/
/* ==================================================================
   Подсказки поиска в шапке — zipteh:search.suggest, шаблон header.

   Переработано 17.09.2026 по указанию заказчика: «перебрать выдачу через
   поиск, чтобы фото были в соотношении сторон как в карточке товара
   и более красиво и интуитивно понятно всё выводилось»; «когда видна
   шапка с бургером, поиск в выдаче залезает».

   Что изменилось против прежнего файла:
   - Панель на телефоне больше не закреплена в 74 px от верха экрана.
     Поле ввода при развёрнутой шапке стоит на 66…114 px, и панель
     накрывала его на 40 px. Теперь она на всех ширинах выпадает
     из-под самого поля (8 px), а высоту до края экрана, клавиатуры
     или нижней панели считает script.js (`--zt-suggest-max`).
   - Фото 3:2 с заполнением кадра — как в карточках каталога, главной,
     корзины и в карточке товара (catalog-grid.css, sale-products.css,
     cart-v2.css, product-detail-v2.css). Было 64×64 и 54×54.
   - Строка товара повторяет карточку каталога: артикул крупно,
     производитель капсом серым, название в две строки, цена и наличие
     плашкой. Совпадение с запросом подсвечено.
   - Раскладка переключается по ширине самой панели, а не экрана:
     поле поиска на 1440 px уже, чем на 1280 (441 против 593 px).

   Шрифты. Общий слой zt-redesign.css ставит всем элементам Tektur
   с !important и весом (0,2,2). Где нужен Manrope, селектор набран
   из трёх классов — (0,3,0) — тоже с !important.
   Сброс reset.css даёт каждому элементу 16 px, вес 400, межстрочный 1
   и цвет --black, поэтому кегль, вес и цвет заданы у каждой части явно.
   ================================================================== */

.zt-live-search {
    position: relative;
}

.zt-live-search--header.is-open {
    z-index: 1210;
}

.zt-live-search-backdrop {
    position: fixed;
    z-index: 1200;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: rgba(20, 27, 34, .48);
    border: 0;
    cursor: default;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.zt-live-search-backdrop[hidden] {
    display: none !important;
}

html.zt-live-search-focus {
    overscroll-behavior: none;
}

/* ---------- Панель ---------- */

.zt-live-search__panel {
    position: absolute;
    z-index: 1220;
    top: calc(100% + 8px);
    left: 0;
    /* Ширину и высоту уточняет script.js: на ПК панель шире узкого поля
       (до 620 px), на телефоне — ровно по полю. Здесь — запас на случай,
       если скрипт не успел. */
    width: 100%;
    max-height: var(--zt-suggest-max, min(640px, calc(100vh - 150px)));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #1e2428;
    background: #fff;
    border: 1px solid #e3e6e9;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(16, 24, 40, .22), 0 2px 6px rgba(16, 24, 40, .06);
    container-type: inline-size;
    container-name: zt-suggest;
}

.zt-live-search__panel[hidden] {
    display: none !important;
}

/* Полоса загрузки поверх уже показанных подсказок: при наборе список
   не пропадает и не мигает, пока приходит новый.
   Класс именно `__panel--loading`, не `is-loading`: в zt-home-unify.css
   есть общий `.is-loading` для кнопок (position: relative !important
   и спиннер) — с ним панель вставала в строку рядом с полем. */
.zt-live-search__panel::before {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 36%;
    height: 3px;
    content: "";
    background: #ffb800;
    border-radius: 0 3px 3px 0;
    opacity: 0;
    pointer-events: none;
}

.zt-live-search__panel--loading::before {
    opacity: 1;
    animation: zt-suggest-progress 1s ease-in-out infinite;
}

@keyframes zt-suggest-progress {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(290%); }
}

/* ---------- Подсказка о раскладке ---------- */

.zt-live-search .zt-live-search__panel .zt-live-search__hint {
    flex: 0 0 auto;
    display: block;
    margin: 0;
    padding: 10px 16px;
    color: #59636e;
    background: #f7f8f9;
    border-bottom: 1px solid #eceef0;
    font-family: 'Manrope', 'Inter', Arial, sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.zt-live-search__hint b {
    color: #1e2428;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

/* ---------- Список ---------- */

.zt-live-search__list {
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    padding: 6px;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* ---------- Строка товара: телефон и узкая панель ---------- */

.zt-live-search .zt-live-search__item {
    position: relative;
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    grid-template-areas:
        "media head"
        "media name"
        "media deal";
    column-gap: 12px;
    row-gap: 4px;
    align-items: start;
    padding: 10px;
    color: #1e2428;
    border-radius: 10px;
    text-decoration: none;
    transition: background-color .14s ease;
}

.zt-live-search .zt-live-search__item + .zt-live-search__item::before {
    position: absolute;
    top: 0;
    right: 10px;
    left: 10px;
    height: 1px;
    content: "";
    background: #eef0f2;
}

.zt-live-search .zt-live-search__item:hover,
.zt-live-search .zt-live-search__item.is-active {
    color: #1e2428;
    background: #fff6d9;
}

.zt-live-search .zt-live-search__item:hover::before,
.zt-live-search .zt-live-search__item.is-active::before,
.zt-live-search .zt-live-search__item:hover + .zt-live-search__item::before,
.zt-live-search .zt-live-search__item.is-active + .zt-live-search__item::before {
    opacity: 0;
}

.zt-live-search .zt-live-search__item:focus-visible {
    outline: 2px solid #ffb800;
    outline-offset: -2px;
}

/* Фото 3:2, заполняет кадр — как в карточках каталога и корзине */
.zt-live-search__media {
    grid-area: media;
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: #f4f5f6;
    border: 1px solid #eceef0;
    border-radius: 8px;
}

.zt-live-search .zt-live-search__media img {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease;
}

.zt-live-search .zt-live-search__item:hover .zt-live-search__media img {
    transform: scale(1.04);
}

.zt-live-search__head {
    grid-area: head;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 8px;
    row-gap: 2px;
    min-width: 0;
}

.zt-live-search .zt-live-search__panel .zt-live-search__code {
    min-width: 0;
    overflow: hidden;
    color: #1e2428;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zt-live-search .zt-live-search__panel .zt-live-search__brand {
    color: #8a939b;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.zt-live-search .zt-live-search__panel .zt-live-search__name {
    grid-area: name;
    display: -webkit-box;
    overflow: hidden;
    color: #4b5560;
    font-family: 'Manrope', 'Inter', Arial, sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zt-live-search__deal {
    grid-area: deal;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    row-gap: 4px;
    margin-top: 2px;
    min-width: 0;
}

.zt-live-search .zt-live-search__panel .zt-live-search__price {
    color: #1e2428;
    font-family: 'Manrope', 'Inter', Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.zt-live-search .zt-live-search__panel .zt-live-search__price--request {
    color: #59636e;
    font-size: 13px;
    font-weight: 700;
}

.zt-live-search .zt-live-search__panel .zt-live-search__stock {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 9px 3px 8px;
    color: #8a5a00;
    background: #fff4d6;
    border-radius: 999px;
    font-family: 'Manrope', 'Inter', Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
}

.zt-live-search__stock::before {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    content: "";
    background: #ffb800;
    border-radius: 50%;
}

.zt-live-search .zt-live-search__panel .zt-live-search__stock--available {
    color: #1f7a3e;
    background: #e9f6ee;
}

.zt-live-search__stock--available::before {
    background: #22a152;
}

/* Совпадение с запросом */
.zt-live-search .zt-live-search__panel mark.zt-live-search__hl {
    padding: 0 1px;
    color: inherit;
    background: rgba(255, 184, 0, .32);
    border-radius: 3px;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

/* ---------- Широкая панель: фото · описание · цена ---------- */

@container zt-suggest (min-width: 520px) {
    .zt-live-search .zt-live-search__item {
        grid-template-columns: 108px minmax(0, 1fr) auto;
        grid-template-areas:
            "media head deal"
            "media name deal";
        column-gap: 14px;
        row-gap: 5px;
        align-items: center;
        padding: 10px 12px;
    }

    .zt-live-search__head {
        align-self: end;
    }

    .zt-live-search .zt-live-search__panel .zt-live-search__name {
        align-self: start;
    }

    .zt-live-search__deal {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: center;
        min-width: 128px;
        margin-top: 0;
        row-gap: 6px;
        text-align: right;
    }
}

/* ---------- Загрузка, пусто, ошибка ---------- */

.zt-live-search__skeleton {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    column-gap: 12px;
    padding: 10px;
}

.zt-live-search__skeleton + .zt-live-search__skeleton {
    border-top: 1px solid #f1f2f4;
}

.zt-live-search__skeleton span {
    display: block;
    background: linear-gradient(90deg, #f1f2f4 0%, #f8f9fa 50%, #f1f2f4 100%);
    background-size: 200% 100%;
    border-radius: 6px;
    animation: zt-suggest-shimmer 1.2s linear infinite;
}

.zt-live-search__skeleton .zt-live-search__sk-media {
    grid-row: span 3;
    aspect-ratio: 3 / 2;
    border-radius: 8px;
}

.zt-live-search__skeleton .zt-live-search__sk-line {
    height: 12px;
    margin: 4px 0;
}

.zt-live-search__skeleton .zt-live-search__sk-line--short {
    width: 45%;
}

.zt-live-search__skeleton .zt-live-search__sk-line--mid {
    width: 70%;
}

@keyframes zt-suggest-shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

.zt-live-search__state {
    flex: 0 0 auto;
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 26px 20px 20px;
    text-align: center;
}

.zt-live-search__state-icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: #8a939b;
    background: #f4f5f6;
    border-radius: 50%;
}

.zt-live-search .zt-live-search__state-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.zt-live-search .zt-live-search__panel .zt-live-search__state-title {
    margin: 4px 0 0;
    color: #1e2428;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.zt-live-search .zt-live-search__panel .zt-live-search__state-text {
    max-width: 380px;
    margin: 0;
    color: #6b747c;
    font-family: 'Manrope', 'Inter', Arial, sans-serif !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
}

.zt-live-search .zt-live-search__panel .zt-live-search__retry {
    margin-top: 4px;
    padding: 8px 16px;
    color: #1e2428;
    background: #fff;
    border: 1px solid #d6dade;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'Manrope', 'Inter', Arial, sans-serif !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.zt-live-search .zt-live-search__panel .zt-live-search__retry:hover {
    border-color: #ffb800;
}

.zt-live-search__sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ---------- Низ панели ---------- */

.zt-live-search__footer {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px;
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
}

.zt-live-search .zt-live-search__panel .zt-live-search__keys {
    display: none;
    color: #8a939b;
    font-family: 'Manrope', 'Inter', Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.zt-live-search .zt-live-search__panel .zt-live-search__keys kbd {
    display: inline-block;
    min-width: 20px;
    margin: 0 2px;
    padding: 1px 5px;
    color: #4b5560;
    background: #fff;
    border: 1px solid #dfe3e7;
    border-bottom-width: 2px;
    border-radius: 5px;
    font-family: inherit !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

@media (hover: hover) and (pointer: fine) {
    .zt-live-search .zt-live-search__panel .zt-live-search__keys {
        display: block;
    }
}

.zt-live-search .zt-live-search__panel .zt-live-search__all {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Без min-width: 0 кнопка не сжимается уже своего текста: на 360 px
       «Все результаты по «фильтр масляный»» выходила за панель на 31 px,
       на 320 — на 71, стрелку срезало (замер на бою 17.09.2026). */
    min-width: 0;
    min-height: 44px;
    padding: 0 16px;
    color: #1e2428;
    background: #fff;
    border: 1px solid #ffb800;
    border-radius: 10px;
    font-family: 'Manrope', 'Inter', Arial, sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background-color .14s ease;
}

.zt-live-search .zt-live-search__panel .zt-live-search__all:hover,
.zt-live-search .zt-live-search__panel .zt-live-search__all:focus-visible {
    color: #1e2428;
    background: #ffb800;
}

.zt-live-search .zt-live-search__panel .zt-live-search__all-text {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zt-live-search .zt-live-search__panel .zt-live-search__all b {
    color: inherit;
    font-size: inherit;
    font-weight: 800;
    line-height: inherit;
}

.zt-live-search .zt-live-search__panel .zt-live-search__all svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@container zt-suggest (min-width: 520px) {
    .zt-live-search .zt-live-search__panel .zt-live-search__all {
        flex: 0 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zt-live-search__panel--loading::before {
        width: 100%;
        animation: none;
        opacity: .6;
    }

    .zt-live-search__skeleton span {
        animation: none;
    }

    .zt-live-search .zt-live-search__item,
    .zt-live-search .zt-live-search__media img {
        transition: none;
    }
}

/* End */


/* Start:/local/templates/zipteh/components/bitrix/sale.basket.basket.line/custom_cart/style.min.css?17938698754180*/
.bx-basket-block{margin:auto;position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media (min-width:768px){.bx-basket-fixed{position:fixed;z-index:100;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:140px}.block-store-catalog-list .bx-basket-fixed.left{left:30px}}@media (min-width:768px) and (width <= 992px){.block-store-catalog-list .bx-basket-fixed.bottom{bottom:140px}.block-store-catalog-list .bx-basket-fixed.left{left:30px}}@media (max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:100;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,.15)}.bx-basket-item-list{display:none}.block-wrapper .bx-basket-fixed{padding-top:0}.block-wrapper .bx-basket-fixed .bx-hdr-profile{display:flex;justify-content:space-between}.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block{padding-bottom:0}}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:none}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:700;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:all .25s linear}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:"";transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price,.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */


/* Start:/local/templates/zipteh/components/bitrix/form/form_calback/bitrix/form.result.new/.default/style.css?1793869875723*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/zipteh/components/bitrix/form/form_calback/bitrix/form.result.new/.default/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/zipteh/components/bitrix/form/form_calback/bitrix/form.result.new/.default/images/icon_warn.gif);
}
.errortext{
	padding: 10px 0;
	    color: #ff0808;
}
/* End */


/* Start:/local/templates/zipteh/template_styles.css?1793869875121*/
.style_h2{    margin-bottom: 20px;
    margin-top: 0px;
    line-height: 1.3;
    font-size: 26px;
    font-weight: 600;}
/* End */
/* /local/components/zipteh/search.suggest/templates/header/style.css?179386987217408 */
/* /local/templates/zipteh/components/bitrix/sale.basket.basket.line/custom_cart/style.min.css?17938698754180 */
/* /local/templates/zipteh/components/bitrix/form/form_calback/bitrix/form.result.new/.default/style.css?1793869875723 */
/* /local/templates/zipteh/template_styles.css?1793869875121 */