/*###########################*/
/* Основные блоки header */
/*###########################*/

header {
    width: 100%;
    box-shadow: 0 10px 18px -12px rgb(0 0 0 / 49%);
    background: #f7f7f7;
    position: fixed;
    z-index: 9999;
    font-weight: 600;
    border-bottom: 1px solid #fac20763;
}
.header-full {
    margin-left: auto;
    margin-right: auto;
    max-width: 1450px;
    min-width: 1100px;

}
@media (max-width: 1100px) {
    .header-full {
        display: none;
    }

}

.header-inner {
    margin-left: 10px;
    margin-right: 15px;
}
.header-top {
    display: flex;
    height: 65px;
}
.top-logo {
    justify-content: center;
    align-content: center;

}
.top-logo img {
    width: 200px;
    margin-top: 7px;

}
.blok-rezina {
    width: 100%;


}
.katalog-poisk-korzina {
    display: flex;
    align-items: center;
    justify-content: center;

}
.header-bottom {
    display: flex;
    height: 35px;

}
.main-menu {



}
.top-kontakt {
    display: flex;
    align-content: center;

}
.top-kontakt-icon {
    display: flex;

}
.top-kontakt-icon img {
    width: 20px;
    margin: 5px;

}
.top-kontakt-text {
    min-width: 150px;
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-left: 8px;
    margin-top: -5px;
}







.top-kontakt-text{
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    font-weight: 400;
}

/* бейдж */
.copied-tip{
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%) scale(.98);
    opacity: 0;
    pointer-events: none;
    background: #fac207;
    color: #111;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 0 10px 18px -12px rgba(0,0,0,.35);
    white-space: nowrap;
    line-height: 1;
    font-size: 14px;
    transition: opacity .18s ease, transform .18s ease;
    z-index: 1; /* поверх номера */
}

/* показать бейдж */
.top-kontakt-text.is-copied .copied-tip{
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
}

/* НОВОЕ: на время уведомления скрываем сам номер */
.top-kontakt-text.is-copied{
    color: transparent;     /* сам текст номера невидим */
    text-shadow: none;
}
/* если номер когда-то обёрнут в элементы — спрячем всё, кроме бейджа */
.top-kontakt-text.is-copied > :not(.copied-tip){
    visibility: hidden;
}




/*###########################*/
/* Кнопка каталог в header */
/*###########################*/

.konpka-katalog-header {
    display: flex;
    border: 2px solid #fac207;
    height: 40px;
    align-items: center;
    border-radius: 3px;
    margin-right: 5px;
    /* background-color: #f9c11529; */
}
.konpka-katalog-header:hover img {
    scale: 1.1;
}
.konpka-katalog-header:hover {
    font-weight: 700;
}

.blok-icon-katalog-header {
    background: #fac207;
    height: 40px;
    border-radius: 1px 0px 0px 1px;
    display: flex;
}
.blok-icon-katalog-header img {
    width: 35px;
    margin-left: 2px;
    margin-right: 4px;

}
.blok-knopka-katalog-header {
    padding-inline: 10px;
}
.poisk-stroka-katalog { --accent: #fac207; }

.poisk-stroka-katalog input {
    border: 2px solid var(--accent);
    border-radius: 3px 0px 0px 3px;
    height: 43px;
    width: 500px;

    /* плавная анимация свечения */
    transition: box-shadow .2s ease, border-color .2s ease;
    outline: none; /* убираем стандартный outline и заменяем на glow */
}
@media (max-width: 1050px) {
    .poisk-stroka-katalog input {
        width: 300px;
    }
}

/* лёгкое свечение при наведении */
.poisk-stroka-katalog input:hover{
    box-shadow: 0 0 0 2px rgba(250, 194, 7, .25);
}

/* более заметное свечение в активном состоянии (фокус) */
.poisk-stroka-katalog input:focus,
.poisk-stroka-katalog input:focus-visible,
.poisk-stroka-katalog input:active{
    border-color: #e3ae06;
    box-shadow: 0 0 0 2px rgba(250, 194, 7, .35);
}
.poisk-stroka-katalog input::placeholder{
    font-size: 15px;     /* ← размер шрифта подсказки */
    color: #b9b9b9;      /* цвет подсказки */

    font-style: normal;  /* курсив при желании: italic */
    opacity: 1;          /* Safari иногда делает серее — фиксируем */
    padding-inline: 10px;
}
/* Chrome/Edge/Safari (Blink/WebKit) */
.poisk-stroka-katalog input[type="search"]::-webkit-search-cancel-button{
    display: none;
}
.poisk-stroka-katalog input[type="search"]::-webkit-search-decoration,
.poisk-stroka-katalog input[type="search"]::-webkit-search-results-button,
.poisk-stroka-katalog input[type="search"]::-webkit-search-results-decoration{
    display: none;
}

/* Старый Edge/IE */
.poisk-stroka-katalog input[type="search"]::-ms-clear{
    display: none;
    width: 0;
    height: 0;
}



.poisk-katalog-header {
    display: flex;

}
.blok-icon-poisk-header {
    background: #fac207;
    border-radius: 0px 3px 3px 0px;
    display: flex;
}
.blok-icon-poisk-header:hover img {
    scale: 1.1;
}
.blok-icon-poisk-header img {
    width: 28px;
    margin-left: 7px;
    margin-right: 7px;
}
.korzina-header {
    display: flex;
    border: 2px solid #fac207;
    border-radius: 3px;
    height: 40px;
    margin-left: 6px;
    /* background-color: #f9c11529; */
}
.korzina-header:hover img {
    scale: 1.1;
}
.korzina-header:hover {
    font-weight: 700;
}
.blok-knopka-korzina-header {
    align-content: center;
    padding-inline: 10px;
}
.blok-icon-korzina-header {
    background: #fac207;
    display: flex;
    height: 100%;
}
.blok-icon-korzina-header img {
    width: 32px;
    margin-left: 7px;
    margin-right: 5px;
}