/* =========================================================
   MERCH COMPACT LABEL V16
   Компактная табличка слева + отдельная стрелка справа
   ========================================================= */


/* =========================================================
   БОЛЬШАЯ ПЛАШКА МЕРЧ
   ========================================================= */

body.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5{
    position:absolute !important;

    left:22px !important;
    right:22px !important;
    bottom:20px !important;

    z-index:10 !important;

    display:block !important;

    width:auto !important;
    height:58px !important;
    min-height:0 !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}


/* Сама компактная табличка */
body.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 b{
    position:absolute !important;

    left:0 !important;
    bottom:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:0 !important;
    min-height:48px !important;

    padding:10px 18px !important;
    margin:0 !important;

    border-radius:13px !important;

    font-size:clamp(24px,1.7vw,34px) !important;
    font-weight:900 !important;
    line-height:1 !important;

    letter-spacing:.01em !important;

    text-shadow:none !important;

    box-sizing:border-box !important;
}


/* Стрелка отдельно справа */
body.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 i{
    position:absolute !important;

    right:0 !important;
    bottom:0 !important;

    display:grid !important;
    place-items:center !important;

    width:52px !important;
    height:52px !important;

    margin:0 !important;
    padding:0 !important;

    border-radius:50% !important;

    font-size:20px !important;
    line-height:1 !important;

    text-shadow:none !important;

    box-sizing:border-box !important;
}


/* =========================================================
   БОЛЬШОЙ МЕРЧ — СВЕТЛАЯ ТЕМА
   ========================================================= */

html[data-site-theme="light"]
body.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 b,

body.site-theme-light.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 b{
    color:#111 !important;

    background:rgba(255,255,255,.92) !important;

    border:1px solid rgba(0,0,0,.12) !important;

    box-shadow:
        0 7px 22px rgba(0,0,0,.10) !important;
}


html[data-site-theme="light"]
body.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 i,

body.site-theme-light.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 i{
    color:#ff2027 !important;

    background:rgba(255,255,255,.94) !important;

    border:1px solid rgba(0,0,0,.16) !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.08) !important;
}


/* =========================================================
   БОЛЬШОЙ МЕРЧ — ТЁМНАЯ ТЕМА
   ========================================================= */

html[data-site-theme="dark"]
body.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 b,

body.site-theme-dark.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 b{
    color:#fff !important;

    background:rgba(12,14,18,.88) !important;

    border:1px solid rgba(255,255,255,.13) !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.28) !important;
}


html[data-site-theme="dark"]
body.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 i,

body.site-theme-dark.site-home-modern
.home-merch-tile-v5
.home-feature-copy-v5 i{
    color:#ff2027 !important;

    background:rgba(12,14,18,.88) !important;

    border:1px solid rgba(255,255,255,.16) !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.26) !important;
}


/* =========================================================
   МАЛЕНЬКАЯ КАРТОЧКА МЕРЧ
   ========================================================= */

body.site-home-modern
.home-category-card-v6.is-merch-no-shade-v12
> strong{
    position:absolute !important;

    left:12px !important;
    right:auto !important;
    bottom:12px !important;

    z-index:10 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    max-width:calc(100% - 62px) !important;

    min-height:38px !important;

    padding:8px 13px !important;
    margin:0 !important;

    border-radius:11px !important;

    font-size:14px !important;
    font-weight:900 !important;
    line-height:1 !important;

    text-align:left !important;

    text-shadow:none !important;

    box-sizing:border-box !important;
}


body.site-home-modern
.home-category-card-v6.is-merch-no-shade-v12
> i{
    position:absolute !important;

    right:10px !important;
    bottom:10px !important;

    z-index:11 !important;
}


/* Маленький Мерч — светлая тема */
html[data-site-theme="light"]
body.site-home-modern
.home-category-card-v6.is-merch-no-shade-v12
> strong,

body.site-theme-light.site-home-modern
.home-category-card-v6.is-merch-no-shade-v12
> strong{
    color:#111 !important;

    background:rgba(255,255,255,.94) !important;

    border:1px solid rgba(0,0,0,.12) !important;

    box-shadow:
        0 5px 16px rgba(0,0,0,.09) !important;
}


/* Маленький Мерч — тёмная тема */
html[data-site-theme="dark"]
body.site-home-modern
.home-category-card-v6.is-merch-no-shade-v12
> strong,

body.site-theme-dark.site-home-modern
.home-category-card-v6.is-merch-no-shade-v12
> strong{
    color:#fff !important;

    background:rgba(12,14,18,.88) !important;

    border:1px solid rgba(255,255,255,.12) !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.26) !important;
}


/* =========================================================
   /CATALOG — МЕРЧ
   ========================================================= */

body.site-catalog-modern
.catalog-folder-card.is-merch-no-shade-v12
> span{
    position:absolute !important;

    left:12px !important;
    right:auto !important;
    bottom:12px !important;

    z-index:10 !important;

    display:inline-flex !important;
    align-items:center !important;

    width:auto !important;
    max-width:calc(100% - 62px) !important;

    min-height:38px !important;

    padding:8px 13px !important;

    border-radius:11px !important;

    text-shadow:none !important;
}


html[data-site-theme="light"]
body.site-catalog-modern
.catalog-folder-card.is-merch-no-shade-v12
> span,

body.site-theme-light.site-catalog-modern
.catalog-folder-card.is-merch-no-shade-v12
> span{
    color:#111 !important;

    background:rgba(255,255,255,.94) !important;

    border:1px solid rgba(0,0,0,.12) !important;

    box-shadow:
        0 5px 16px rgba(0,0,0,.09) !important;
}


html[data-site-theme="dark"]
body.site-catalog-modern
.catalog-folder-card.is-merch-no-shade-v12
> span,

body.site-theme-dark.site-catalog-modern
.catalog-folder-card.is-merch-no-shade-v12
> span{
    color:#fff !important;

    background:rgba(12,14,18,.88) !important;

    border:1px solid rgba(255,255,255,.12) !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.26) !important;
}


/* =========================================================
   МОБИЛКА
   ========================================================= */

@media(max-width:700px){

    body.site-home-modern
    .home-merch-tile-v5
    .home-feature-copy-v5{
        left:12px !important;
        right:12px !important;
        bottom:12px !important;
        height:48px !important;
    }


    body.site-home-modern
    .home-merch-tile-v5
    .home-feature-copy-v5 b{
        min-height:42px !important;

        padding:8px 14px !important;

        border-radius:11px !important;

        font-size:22px !important;
    }


    body.site-home-modern
    .home-merch-tile-v5
    .home-feature-copy-v5 i{
        width:44px !important;
        height:44px !important;

        font-size:17px !important;
    }


    body.site-home-modern
    .home-category-card-v6.is-merch-no-shade-v12
    > strong{
        left:9px !important;
        bottom:9px !important;

        min-height:34px !important;

        padding:7px 10px !important;

        border-radius:9px !important;

        font-size:12px !important;
    }
}