/* ============================================================
   CATEGORY SLIDER V54.1
   ============================================================ */


/* ------------------------------------------------------------
   STAGE / VIEWPORT
   ------------------------------------------------------------ */

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

    position:relative!important;

    overflow:visible!important;

    background:transparent!important;

}


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

    position:relative!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;

    width:100%!important;

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

    background:transparent!important;

    scrollbar-width:none!important;

    scroll-behavior:auto!important;
    scroll-snap-type:none!important;

    overscroll-behavior-x:contain!important;

    -webkit-overflow-scrolling:touch!important;

}


body.site-home-modern
.home-category-viewport-v6::-webkit-scrollbar{

    display:none!important;

}


/* ------------------------------------------------------------
   TRACK
   Старые JS могли двигать его transform.
   Полностью запрещаем.
   ------------------------------------------------------------ */

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

    position:relative!important;

    display:flex!important;

    width:max-content!important;

    min-width:100%!important;

    transform:none!important;
    translate:none!important;

    transition:none!important;
    animation:none!important;

    background:transparent!important;

}


/* ------------------------------------------------------------
   КАРТОЧКА
   УБИРАЕМ БЕЛЫЕ ВЕРТИКАЛЬНЫЕ ШВЫ
   ------------------------------------------------------------ */

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

    position:relative!important;

    overflow:hidden!important;

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

    background:#090a0b!important;

    box-shadow:none!important;

    background-clip:padding-box!important;

    isolation:isolate!important;

    transform:none!important;

}


/*
 * Белые линии в старом дизайне могли идти
 * через border / pseudo-elements.
 */

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

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

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

    box-shadow:none!important;

}


/*
 * Внутренний media блок растягиваем чуть за границу карточки.
 * Это убирает даже субпиксельный белый шов браузера.
 */

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

    position:absolute!important;

    z-index:1!important;

    top:-2px!important;
    right:-2px!important;
    bottom:-2px!important;
    left:-2px!important;

    width:auto!important;
    height:auto!important;

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

    overflow:hidden!important;

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

    border-radius:inherit!important;

    background:#090a0b!important;

    box-shadow:none!important;

}


body.site-home-modern
.home-category-media-v6::before,

body.site-home-modern
.home-category-media-v6::after{

    border:0!important;
    outline:0!important;
    box-shadow:none!important;

}


/*
 * IMG на пару пикселей больше карточки —
 * никаких белых щелей по краям.
 */

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

body.site-home-modern
.home-category-theme-image-v534{

    display:block!important;

    position:absolute!important;

    top:-2px!important;
    right:-2px!important;
    bottom:-2px!important;
    left:-2px!important;

    width:calc(100% + 4px)!important;
    height:calc(100% + 4px)!important;

    max-width:none!important;
    max-height:none!important;

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

    object-fit:cover!important;
    object-position:center!important;

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

    opacity:1!important;

    transform:none!important;

}


/*
 * LIGHT тоже НЕ даём добавлять белую границу.
 */

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

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

    border:0!important;

    background:#090a0b!important;

    box-shadow:none!important;

}


/* ------------------------------------------------------------
   НАЗВАНИЯ И СТРЕЛКА ПОВЕРХ КАРТИНКИ
   ------------------------------------------------------------ */

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

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

body.site-home-modern
.home-category-card-v6 [class*="category-name"],

body.site-home-modern
.home-category-card-v6 [class*="category-title"]{

    position:relative!important;

    z-index:5!important;

}


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

    z-index:8!important;

}


/* ------------------------------------------------------------
   НАВИГАЦИЯ
   ------------------------------------------------------------ */

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

    z-index:20!important;

    transform:none!important;

    transition:
        opacity .22s ease,
        background-color .22s ease,
        border-color .22s ease!important;

}


body.site-home-modern
.home-category-nav-v6:hover{

    transform:none!important;

}


/* ------------------------------------------------------------
   Во время анимации браузер не пытается snap'ать сам.
   ------------------------------------------------------------ */

body.site-home-modern
.home-category-viewport-v6.is-v541-animating{

    scroll-snap-type:none!important;

    pointer-events:none!important;

}



/* ============================================================
   CATEGORY CLEAN TOP V54.2
   ============================================================ */

/*
 * Карточка должна жёстко обрезать всё,
 * что старые стили пытаются вынести за её границы.
 */
body.site-home-modern .home-category-card-v6{
    position:relative!important;
    overflow:hidden!important;

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

    background:#080909!important;

    box-shadow:none!important;

    clip-path:inset(0 round 14px)!important;
    -webkit-clip-path:inset(0 round 14px)!important;
}


/*
 * Полностью убираем старые декоративные псевдоэлементы.
 */
body.site-home-modern .home-category-card-v6::before,
body.site-home-modern .home-category-card-v6::after{
    content:none!important;
    display:none!important;
}


/*
 * Media ровно внутри карточки.
 * Больше никаких -2px сверху.
 */
body.site-home-modern .home-category-media-v6{
    position:absolute!important;

    inset:0!important;

    width:100%!important;
    height:100%!important;

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

    overflow:hidden!important;

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

    border-radius:14px!important;

    background:#080909!important;

    box-shadow:none!important;

    clip-path:inset(0 round 14px)!important;
    -webkit-clip-path:inset(0 round 14px)!important;
}


body.site-home-modern .home-category-media-v6::before,
body.site-home-modern .home-category-media-v6::after{
    content:none!important;
    display:none!important;
}


/*
 * Сама картинка занимает карточку точно от края до края.
 */
body.site-home-modern .home-category-media-v6 img,
body.site-home-modern .home-category-theme-image-v534{
    position:absolute!important;

    inset:0!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:none!important;
    max-height:none!important;

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

    object-fit:cover!important;
    object-position:center center!important;

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

    border-radius:14px!important;

    box-shadow:none!important;

    transform:none!important;
}


/*
 * Именно эти старые подписи торчат сверху карточки.
 * Названия уже находятся непосредственно на самих изображениях,
 * поэтому старый HTML overlay нам здесь не нужен.
 */
body.site-home-modern .home-category-card-v6 > strong,
body.site-home-modern .home-category-card-v6 > b,
body.site-home-modern .home-category-card-v6 > small,
body.site-home-modern .home-category-card-v6 > em{
    display:none!important;
}


/*
 * Если старый шаблон использует отдельную подпись внутри media.
 */
body.site-home-modern
.home-category-media-v6 > strong,

body.site-home-modern
.home-category-media-v6 > b,

body.site-home-modern
.home-category-media-v6 > small,

body.site-home-modern
.home-category-media-v6 > em{
    display:none!important;
}


/*
 * Стрелка остаётся.
 */
body.site-home-modern .home-category-arrow-v6{
    display:grid!important;

    position:absolute!important;

    z-index:20!important;

    right:12px!important;
    bottom:12px!important;
}


/*
 * Светлая тема не должна подсовывать белый фон
 * внутрь карточки.
 */
html[data-site-theme="light"]
body.site-home-modern
.home-category-card-v6,

html[data-site-theme="light"]
body.site-home-modern
.home-category-media-v6,

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

body.site-home-modern.site-theme-light
.home-category-media-v6{
    background:#080909!important;

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

    box-shadow:none!important;
}



/* ============================================================
   CATEGORY WHITE SIDES FIX V54.3
   ============================================================ */


/*
 * Внешняя карточка.
 * Никаких внутренних белых отступов.
 */
body.site-home-modern .home-category-card-v6{
    position:relative!important;

    padding:0!important;
    margin-top:0!important;
    margin-bottom:0!important;

    gap:0!important;

    overflow:hidden!important;

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

    background:#050505!important;
    background-color:#050505!important;
    background-image:none!important;

    box-shadow:none!important;

    border-radius:16px!important;

    clip-path:inset(0 round 16px)!important;
    -webkit-clip-path:inset(0 round 16px)!important;
}


/*
 * Если сама карточка является ссылкой.
 */
body.site-home-modern a.home-category-card-v6{
    padding:0!important;

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

    background:#050505!important;

    box-shadow:none!important;
}


/*
 * У внутренних контейнеров тоже убираем
 * padding/margin/border, которые и дают белые боковины.
 */
body.site-home-modern
.home-category-card-v6 > div,

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

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

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

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

    background:transparent!important;

    box-shadow:none!important;
}


/*
 * Media специально выходит за границы на 5px.
 * Внешняя карточка всё обрежет своим border-radius.
 *
 * Поэтому белому фону физически негде будет показаться.
 */
body.site-home-modern .home-category-media-v6{
    position:absolute!important;

    z-index:1!important;

    top:-5px!important;
    right:-5px!important;
    bottom:-5px!important;
    left:-5px!important;

    width:auto!important;
    height:auto!important;

    min-width:calc(100% + 10px)!important;
    min-height:calc(100% + 10px)!important;

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

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

    border-radius:0!important;

    overflow:hidden!important;

    background:#050505!important;

    box-shadow:none!important;

    transform:none!important;
}


/*
 * Само изображение также слегка overscan.
 */
body.site-home-modern
.home-category-media-v6 img,

body.site-home-modern
.home-category-theme-image-v534{

    position:absolute!important;

    display:block!important;

    top:-3px!important;
    right:-3px!important;
    bottom:-3px!important;
    left:-3px!important;

    width:calc(100% + 6px)!important;
    height:calc(100% + 6px)!important;

    min-width:calc(100% + 6px)!important;
    min-height:calc(100% + 6px)!important;

    max-width:none!important;
    max-height:none!important;

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

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

    border-radius:0!important;

    object-fit:cover!important;
    object-position:center!important;

    background:#050505!important;

    box-shadow:none!important;

    transform:none!important;
}


/*
 * Старые псевдоэлементы также не оставляем.
 */
body.site-home-modern
.home-category-card-v6::before,

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

body.site-home-modern
.home-category-media-v6::before,

body.site-home-modern
.home-category-media-v6::after{

    content:none!important;
    display:none!important;

    border:0!important;

    background:none!important;
    box-shadow:none!important;
}


/*
 * Светлая тема НЕ должна красить фон карточки белым.
 */
html[data-site-theme="light"]
body.site-home-modern
.home-category-card-v6,

html[data-site-theme="light"]
body.site-home-modern
.home-category-media-v6,

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

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

    padding:0!important;

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

    background:#050505!important;

    box-shadow:none!important;
}


/*
 * Кнопка категории остаётся поверх изображения.
 */
body.site-home-modern .home-category-arrow-v6{
    position:absolute!important;
    z-index:30!important;

    right:12px!important;
    bottom:12px!important;
}



/* =========================================================
   CATEGORY EDGE MASK FIX V54.4
   Убирает белые полосы слева/справа у карточек категорий
   ========================================================= */

body.site-home-modern .home-category-card-v6{
    position:relative!important;
    overflow:hidden!important;
    background:#050505!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}

/* Если белизна идёт от родителя/слайда */
body.site-home-modern .home-categories-slider-v6 .swiper-slide,
body.site-home-modern .home-categories-slider-v6 .home-category-slide-v6{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* Поднимаем контент карточки над масками */
body.site-home-modern .home-category-card-v6 > *{
    position:relative!important;
    z-index:4!important;
}

/* Саму картинку/медиаблок отправляем вниз */
body.site-home-modern .home-category-card-v6 .home-category-media-v6{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    overflow:hidden!important;
    background:#050505!important;
    border:0!important;
    box-shadow:none!important;
}

/* Растягиваем картинку чуть за пределы контейнера */
body.site-home-modern .home-category-card-v6 .home-category-media-v6 img,
body.site-home-modern .home-category-card-v6 .home-category-theme-image-v534{
    position:absolute!important;
    top:-2px!important;
    left:-8px!important;
    right:-8px!important;
    bottom:-2px!important;
    width:calc(100% + 16px)!important;
    height:calc(100% + 4px)!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:#050505!important;
    box-shadow:none!important;
}

/* Жёсткая маска по краям — полностью закрывает белые боковины */
body.site-home-modern .home-category-card-v6::before,
body.site-home-modern .home-category-card-v6::after{
    content:""!important;
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    width:16px!important;
    background:#050505!important;
    pointer-events:none!important;
    z-index:3!important;
}

body.site-home-modern .home-category-card-v6::before{
    left:-1px!important;
}

body.site-home-modern .home-category-card-v6::after{
    right:-1px!important;
}

/* Стрелка точно поверх всего */
body.site-home-modern .home-category-card-v6 .home-category-arrow-v6,
body.site-home-modern .home-category-card-v6 .category-arrow,
body.site-home-modern .home-category-card-v6 .slider-arrow{
    position:absolute!important;
    z-index:8!important;
}

/* Убираем старые псевдоэлементы у медиаблока, если они белые */
body.site-home-modern .home-category-card-v6 .home-category-media-v6::before,
body.site-home-modern .home-category-card-v6 .home-category-media-v6::after{
    content:none!important;
    display:none!important;
}

/* И для светлой темы тоже принудительно тёмный фон карточки */
html[data-site-theme="light"] body.site-home-modern .home-category-card-v6,
html[data-site-theme="light"] body.site-home-modern .home-category-card-v6 .home-category-media-v6,
body.site-home-modern.site-theme-light .home-category-card-v6,
body.site-home-modern.site-theme-light .home-category-card-v6 .home-category-media-v6{
    background:#050505!important;
    border:0!important;
    box-shadow:none!important;
}



/* ============================================================
   CATEGORY CORNER FIX V54.5
   ============================================================ */

/*
 * Убираем боковые псевдо-маски V54.4.
 * Именно они дали белые/круглые артефакты сверху.
 */
body.site-home-modern .home-category-card-v6::before,
body.site-home-modern .home-category-card-v6::after{
    content:none!important;
    display:none!important;
}


/*
 * Карточка сама обрезает изображение аккуратно.
 */
body.site-home-modern .home-category-card-v6{
    position:relative!important;

    overflow:hidden!important;

    padding:0!important;

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

    border-radius:16px!important;

    background:#050505!important;

    box-shadow:none!important;

    clip-path:none!important;
    -webkit-clip-path:none!important;
}


/*
 * Media растягиваем чуть наружу,
 * чтобы боковые белые полосы не вернулись.
 */
body.site-home-modern .home-category-media-v6{
    position:absolute!important;

    z-index:1!important;

    top:-3px!important;
    right:-6px!important;
    bottom:-3px!important;
    left:-6px!important;

    width:auto!important;
    height:auto!important;

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

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

    border-radius:0!important;

    background:#050505!important;

    overflow:hidden!important;

    box-shadow:none!important;
}


/*
 * Фото перекрывает края целиком.
 */
body.site-home-modern .home-category-media-v6 img,
body.site-home-modern .home-category-theme-image-v534{
    position:absolute!important;

    top:-2px!important;
    right:-2px!important;
    bottom:-2px!important;
    left:-2px!important;

    display:block!important;

    width:calc(100% + 4px)!important;
    height:calc(100% + 4px)!important;

    max-width:none!important;
    max-height:none!important;

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

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

    border-radius:0!important;

    object-fit:cover!important;
    object-position:center!important;

    background:#050505!important;

    box-shadow:none!important;
}


/*
 * Псевдоэлементы самого media тоже полностью отключаем.
 */
body.site-home-modern .home-category-media-v6::before,
body.site-home-modern .home-category-media-v6::after{
    content:none!important;
    display:none!important;
}


/*
 * Светлая тема не добавляет белого фона внутрь.
 */
html[data-site-theme="light"]
body.site-home-modern .home-category-card-v6,

body.site-home-modern.site-theme-light
.home-category-card-v6{
    background:#050505!important;
    border:0!important;
    box-shadow:none!important;
}


/*
 * Стрелки поверх картинки.
 */
body.site-home-modern .home-category-arrow-v6{
    z-index:30!important;
}



/* ============================================================
   CATEGORY CARD LINK ARROW V54.7
   Маленькая красная стрелка перехода в категорию
   ============================================================ */

body.site-home-modern .home-category-card-v6{
    position:relative!important;
}


/*
 * Маленькая стрелка перехода ВНУТРИ карточки.
 */
body.site-home-modern
.home-category-card-v6
.home-category-arrow-v6{

    position:absolute!important;

    top:auto!important;
    left:auto!important;

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

    margin:0!important;

    z-index:50!important;

    transform:none!important;

    translate:none!important;
}


/*
 * Если в шаблоне на некоторых карточках используется
 * другой класс для этой же маленькой стрелки.
 */
body.site-home-modern
.home-category-card-v6
[class*="category-arrow"]{

    top:auto!important;
    left:auto!important;

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

    margin:0!important;

    transform:none!important;

    z-index:50!important;
}


/*
 * Не даём старым стилям выталкивать её наверх.
 */
body.site-home-modern
.home-category-card-v6
.home-category-arrow-v6:hover,

body.site-home-modern
.home-category-card-v6
[class*="category-arrow"]:hover{

    transform:none!important;
}


/*
 * Телефон
 */
@media(max-width:700px){

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

    body.site-home-modern
    .home-category-card-v6
    [class*="category-arrow"]{

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

}