/* ============================================================
   UNIFIED BORDERS V77
   HERO + HOME CATEGORIES + CATALOG CATEGORIES
   ============================================================ */


/* ============================================================
   HERO
   ============================================================ */

body.site-home-modern
.hero.home-hero-v4{

    border-style:solid!important;
    border-width:1px!important;

    overflow:hidden!important;
}


/* LIGHT HERO */
html[data-site-theme="light"]
body.site-home-modern
.hero.home-hero-v4,

body.site-theme-light.site-home-modern
.hero.home-hero-v4{

    border-color:
        rgba(0,0,0,.24)!important;

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


/* DARK HERO */
html[data-site-theme="dark"]
body.site-home-modern
.hero.home-hero-v4,

body.site-theme-dark.site-home-modern
.hero.home-hero-v4{

    border-color:
        rgba(255,255,255,.22)!important;

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


/* ============================================================
   КАТЕГОРИИ НА ГЛАВНОЙ
   ============================================================ */

body.site-home-modern
.home-category-card-v6{

    border-style:solid!important;
    border-width:1px!important;
}


/* LIGHT */
html[data-site-theme="light"]
body.site-home-modern
.home-category-card-v6,

body.site-theme-light.site-home-modern
.home-category-card-v6{

    border-color:
        rgba(0,0,0,.24)!important;

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


/* DARK */
html[data-site-theme="dark"]
body.site-home-modern
.home-category-card-v6,

body.site-theme-dark.site-home-modern
.home-category-card-v6{

    border-color:
        rgba(255,255,255,.22)!important;

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


/* DARK hover */
html[data-site-theme="dark"]
body.site-home-modern
.home-category-card-v6:hover,

body.site-theme-dark.site-home-modern
.home-category-card-v6:hover{

    border-color:
        rgba(255,255,255,.38)!important;

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


/* LIGHT hover */
html[data-site-theme="light"]
body.site-home-modern
.home-category-card-v6:hover,

body.site-theme-light.site-home-modern
.home-category-card-v6:hover{

    border-color:
        rgba(0,0,0,.34)!important;

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


/* ============================================================
   КАТЕГОРИИ В /CATALOG
   ============================================================ */

body.site-catalog-modern
.catalog-folder-card{

    border-style:solid!important;
    border-width:1px!important;
}


/* LIGHT CATALOG */
html[data-site-theme="light"]
body.site-catalog-modern
.catalog-folder-card,

body.site-theme-light.site-catalog-modern
.catalog-folder-card{

    border-color:
        rgba(0,0,0,.24)!important;

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


/* DARK CATALOG */
html[data-site-theme="dark"]
body.site-catalog-modern
.catalog-folder-card,

body.site-theme-dark.site-catalog-modern
.catalog-folder-card{

    border-color:
        rgba(255,255,255,.22)!important;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.27)!important;
}


/* DARK hover */
html[data-site-theme="dark"]
body.site-catalog-modern
.catalog-folder-card:hover,

body.site-theme-dark.site-catalog-modern
.catalog-folder-card:hover{

    border-color:
        rgba(255,255,255,.40)!important;

    box-shadow:
        0 19px 42px
        rgba(0,0,0,.36)!important;
}


/* LIGHT hover */
html[data-site-theme="light"]
body.site-catalog-modern
.catalog-folder-card:hover,

body.site-theme-light.site-catalog-modern
.catalog-folder-card:hover{

    border-color:
        rgba(0,0,0,.35)!important;

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


/* ============================================================
   Не даём изображениям перекрыть border
   ============================================================ */

body.site-home-modern
.home-category-card-v6 img,

body.site-catalog-modern
.catalog-folder-card img{

    border:0!important;
    outline:0!important;
}


/* ============================================================
   Мобильный — та же логика
   ============================================================ */

@media(max-width:640px){

    body.site-home-modern
    .hero.home-hero-v4,

    body.site-home-modern
    .home-category-card-v6,

    body.site-catalog-modern
    .catalog-folder-card{

        border-width:1px!important;
    }

}