/* ===================== РАБОЧИЙ CSS ===================== */

.stocks {
    display: none !important;
}

/* Логотип бренда — единый размер отображения */
.brand img {
    max-width: 240px;
    max-height: 96px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 20px 15px 0;
}


/* ============ СОХРАНЁННЫЕ СНИППЕТЫ (HTML для вставки в шаблон) ============
   Лежат внутри комментария: переживают обновление темы и НЕ ломают CSS.
   В самом CSS не работают — это заготовки, которые копируются в нужный шаблон.

<div class="share" style="justify-content: center; font-weight: 700; padding-top: 20px;">Задать вопрос или заказать -><a class="share__link" href="https://wa.me/79255257741?text=Здравствуйте! Меня интересует: {$name} {$wa->currentUrl(true)}" target="_blank" style="background-color:#65bc54;"><svg class="icon40 i-wat"><use xlink:href="#i-wat"></use></svg></a></div>

<div class="share" style="justify-content: center; font-weight: 700; padding-top: 20px;">Задать вопрос или заказать -><a class="share__link" href="https://max.ru/u/f9LHodD0cOJXa7_vIdMoGGp1hxSq68fl_9hjFJ2iXcCQxeBcoitU-CmcqO0?text=Здравствуйте! Меня интересует: {$name} {$wa->currentUrl(true)}" target="_blank"><img src="https://maxicons.ru/icons/MAX.svg" alt="MAX" width="27" height="27"></a></div>

<div class="share" style="justify-content: center; font-weight: 700; padding-top: 20px;">Задать вопрос или заказать -><a class="share__link" href="https://t.me/+79255257741?text=Здравствуйте! Меня интересует: {$name} {$wa->currentUrl(true)}" target="_blank"><img src="https://wearetech.ru/wa-data/public/site/data/wearetech.ru/Telegram.png" alt="tg" width="27" height="27"></a></div>

=========================================================================== */


/* ===== Поисковая строка — акцент в цветах логотипа (cyan → blue) ===== */
@keyframes searchPulse {
    0%, 100% { border-color: #e4e4ec; box-shadow: inset 0 0 0 0 rgba(30,107,255,0); }
    50%      { border-color: #1E6BFF; box-shadow: inset 0 0 14px 1px rgba(30,107,255,.45); }
}

.search__form { border-radius: 999px; }

.search__form input.search__input {
    background: #fff;
    border: 2px solid #e4e4ec;
    border-radius: 999px;
    padding-left: 18px;
    padding-right: 54px;
    transition: box-shadow .2s, border-color .2s;
    animation: searchPulse 3s ease-in-out infinite;   /* пульс по рамке поля */
}
.search__form input.search__input:hover { border-color: #cdcdd8; }
.search__form:focus-within input.search__input { animation: none; }

/* Фокус — рамка из градиента логотипа + синяя подсветка */
.search__form input.search__input:focus {
    outline: none;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(135deg, #1BC8F5, #1E6BFF) border-box;
    box-shadow: 0 0 0 4px rgba(30, 107, 255, .18);
}

/* Лупа — в синем цвете логотипа */
.search__form .search__button { color: #1E6BFF; transition: color .2s, transform .15s; }
.search__form .search__button:hover { color: #1657d8; transform: scale(1.12); }

/* ===== Пульсация кнопки «В КОРЗИНУ» ===== */
@keyframes buyPulse {
    0%, 100% { transform: scale(1);    box-shadow: 0 0 0 0     rgba(238, 217, 216, 0); }
        50%      { transform: scale(1.03); box-shadow: 0 6px 22px 3px #f2b8de; }
}
.product__button.button_big {
    transform-origin: center;
    animation: buyPulse 2.6s ease-in-out infinite;
}
.product__button.button_big:hover { animation: none; }

/* Знак ® размером как ™ (span добавляет js/user.js) */
.reg-mark {
    font-size: 0.55em;
    vertical-align: 0.7em;
    line-height: 0;
}

/* wt: цвет ссылок по сайту (раньше брался из цветовой схемы темы, #C0C0C0) */
a, a:hover { color: #4e7df1; }