/* ==========================================================
   БЕЙДЖ БРЕНДА
   ========================================================== */

/*
 * Первый селектор работает СРАЗУ,
 * ещё до того, как JS добавил .msk-product-brand.
 *
 * .msk-final-brand исключён специально —
 * готовые бренды карточек товаров не трогаем.
 */
body.single-product
a[href*="/brendy/"]:not(.msk-final-brand),

body.single-product
a.msk-product-brand {

    display: inline-flex !important;

    align-items: center !important;

    gap: 5px !important;


    width: auto !important;

    max-width: 100% !important;


    margin-top: 5px !important;

    padding:
        3px 8px
        !important;


    box-sizing:
        border-box
        !important;


    background:
        #faf8f3
        !important;


    border:
        1px solid
        rgba(185, 154, 99, 0.38)
        !important;


    border-radius:
        7px
        !important;


    font-family:
        "Manrope",
        sans-serif
        !important;


    font-size:
        11px
        !important;


    line-height:
        1.35
        !important;


    font-weight:
        500
        !important;


    color:
        #55514b
        !important;


    -webkit-text-fill-color:
        #55514b
        !important;


    text-decoration:
        none
        !important;


    position:
        relative
        !important;


    z-index:
        9999
        !important;


    pointer-events:
        auto
        !important;


    cursor:
        pointer
        !important;


    transition:
        color .18s ease,
        border-color .18s ease,
        background-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease
        !important;
}


/* ==========================================================
   СТРЕЛОЧКА
   ========================================================== */

body.single-product
a[href*="/brendy/"]:not(.msk-final-brand)::after,

body.single-product
a.msk-product-brand::after {

    content:
        "↗"
        !important;


    display:
        inline-block
        !important;


    font-size:
        10px
        !important;


    line-height:
        1
        !important;


    color:
        #b3945d
        !important;


    -webkit-text-fill-color:
        #b3945d
        !important;


    opacity:
        .8
        !important;


    transform:
        translateY(-1px)
        !important;


    pointer-events:
        none
        !important;
}


/* ==========================================================
   НАВЕДЕНИЕ
   ========================================================== */

@media (hover: hover) {

    body.single-product
    a[href*="/brendy/"]:not(.msk-final-brand):hover,

    body.single-product
    a.msk-product-brand:hover {

        color:
            #8f7345
            !important;


        -webkit-text-fill-color:
            #8f7345
            !important;


        background:
            #f7f2e8
            !important;


        border-color:
            rgba(185, 154, 99, 0.7)
            !important;


        box-shadow:
            0 3px 10px
            rgba(42, 35, 24, 0.06)
            !important;


        transform:
            translateY(-1px)
            !important;
    }

}


/* ==========================================================
   МОБИЛЬНАЯ — СТРАНИЦА ТОВАРА
   ========================================================== */

@media (max-width: 767px) {

    body.single-product
    a[href*="/brendy/"]:not(.msk-final-brand),

    body.single-product
    a.msk-product-brand {

        margin-top:
            4px
            !important;


        padding:
            2px 6px
            !important;


        border-radius:
            6px
            !important;


        font-size:
            10px
            !important;


        gap:
            4px
            !important;
    }


    body.single-product
    a[href*="/brendy/"]:not(.msk-final-brand)::after,

    body.single-product
    a.msk-product-brand::after {

        font-size:
            9px
            !important;
    }

}