/* =========================
   ULLEX PREMIUM CTA LINKS
   для ссылок в тексте карточки товара
   ========================= */

/* Базовый стиль всех ссылок-кнопок в начале описания */
.js-catalog-prod-text a,
.t-catalog__prod-popup__text a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    margin: 8px 10px 8px 0;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.01em;
    text-decoration: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(135, 69, 15, 0.22) !important;
    background: linear-gradient(180deg, #fffdfb 0%, #ffffff 100%) !important;
    color: #87450f !important;
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.18s ease;
}

/* Hover / focus */
.js-catalog-prod-text a:hover,
.t-catalog__prod-popup__text a:hover,
.js-catalog-prod-text a:focus-visible,
.t-catalog__prod-popup__text a:focus-visible {
    color: #009f98 !important;
    border-color: rgba(0, 159, 152, 0.45) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fffe 100%) !important;
    box-shadow: 0 8px 22px rgba(0, 159, 152, 0.10) !important;
    transform: translateY(-1px);
    outline: none;
}

.js-catalog-prod-text a:active,
.t-catalog__prod-popup__text a:active {
    transform: translateY(0);
}

/* =========================
   Маркетплейсы — единый премиальный стиль
   без кислотных бренд-цветов
   ========================= */

.js-catalog-prod-text a[href*="ozon.ru"],
.js-catalog-prod-text a[href*="wildberries.ru"],
.js-catalog-prod-text a[href*="b-apteka.ru"],
.js-catalog-prod-text a[href*="market.yandex.ru"],
.t-catalog__prod-popup__text a[href*="ozon.ru"],
.t-catalog__prod-popup__text a[href*="wildberries.ru"],
.t-catalog__prod-popup__text a[href*="b-apteka.ru"],
.t-catalog__prod-popup__text a[href*="market.yandex.ru"] {
    background: linear-gradient(180deg, #ffffff 0%, #fcfaf8 100%) !important;
    color: #87450f !important;
    border: 1px solid rgba(135, 69, 15, 0.26) !important;
    box-shadow: 0 4px 14px rgba(135, 69, 15, 0.05) !important;
}

/* Hover маркетплейсов */
.js-catalog-prod-text a[href*="ozon.ru"]:hover,
.js-catalog-prod-text a[href*="wildberries.ru"]:hover,
.js-catalog-prod-text a[href*="b-apteka.ru"]:hover,
.js-catalog-prod-text a[href*="market.yandex.ru"]:hover,
.t-catalog__prod-popup__text a[href*="ozon.ru"]:hover,
.t-catalog__prod-popup__text a[href*="wildberries.ru"]:hover,
.t-catalog__prod-popup__text a[href*="b-apteka.ru"]:hover,
.t-catalog__prod-popup__text a[href*="market.yandex.ru"]:hover,
.js-catalog-prod-text a[href*="ozon.ru"]:focus-visible,
.js-catalog-prod-text a[href*="wildberries.ru"]:focus-visible,
.js-catalog-prod-text a[href*="b-apteka.ru"]:focus-visible,
.js-catalog-prod-text a[href*="market.yandex.ru"]:focus-visible,
.t-catalog__prod-popup__text a[href*="ozon.ru"]:focus-visible,
.t-catalog__prod-popup__text a[href*="wildberries.ru"]:focus-visible,
.t-catalog__prod-popup__text a[href*="b-apteka.ru"]:focus-visible,
.t-catalog__prod-popup__text a[href*="market.yandex.ru"]:focus-visible {
    background: linear-gradient(180deg, #ffffff 0%, #f7fffe 100%) !important;
    color: #009f98 !important;
    border-color: rgba(0, 159, 152, 0.42) !important;
    box-shadow: 0 8px 22px rgba(0, 159, 152, 0.12) !important;
}

/* Отзывы — вторичный аккуратный CTA */
.js-catalog-prod-text a[href="#popup:otziviullex"],
.t-catalog__prod-popup__text a[href="#popup:otziviullex"] {
    background: #ffffff !important;
    color: #87450f !important;
    border: 1px solid rgba(135, 69, 15, 0.35) !important;
    box-shadow: 0 4px 14px rgba(135, 69, 15, 0.04) !important;
}

/* Hover отзывов */
.js-catalog-prod-text a[href="#popup:otziviullex"]:hover,
.t-catalog__prod-popup__text a[href="#popup:otziviullex"]:hover,
.js-catalog-prod-text a[href="#popup:otziviullex"]:focus-visible,
.t-catalog__prod-popup__text a[href="#popup:otziviullex"]:focus-visible {
    color: #009f98 !important;
    border-color: rgba(0, 159, 152, 0.42) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fffe 100%) !important;
}

/* =========================
   Мобильная адаптация
   ========================= */

@media (max-width: 640px) {
    .js-catalog-prod-text a,
    .t-catalog__prod-popup__text a {
        min-height: 42px;
        padding: 10px 12px;
        margin: 6px 6px 6px 0;
        font-size: 14px;
        border-radius: 10px;
    }
}