/* ───────────  DESKTOP (≥ 768 px)  ─────────── */
.cat-slider{position:relative;width:100%;overflow:hidden; height: 600px;}
.slides{display:flex;height:100%;transition:transform .7s ease}
.slide      {min-width:100%;height:100%;display:flex;flex-wrap:wrap}
.slide-img  {flex:1 1 50%;background-size:cover;background-position:center}
.slide-content{
    flex:1 1 50%;height:100%;display:flex;flex-direction:column;justify-content:center;
    padding:3rem 4rem;color:#fff;text-align:center           /* фон задаётся inline */
}
.slide-content h2{font-size:2.4rem;margin:.9rem 0;font-weight:700;line-height:1.3}
.slide-content p {font-size:1.05rem;line-height:1.55;margin-bottom:1.8rem;color:#e8e8e8}
.slide-content .btn{
    display:inline-block;padding:.75rem 1.6rem;border:1px solid #fff;border-radius:6px;
    font-weight:600;color:#fff;transition:background .3s}
.slide-content .btn:hover{background:#fff;color:#000}

.nav{
    position:absolute;top:42%;left:1.2rem;width:50px;height:50px;
    transform:translateY(-50%);border:0;border-radius:50%;
    background:rgba(0,0,0,.35);color:#fff;font-size:1.6rem;cursor:pointer;
    backdrop-filter:blur(2px);transition:background .3s}
.nav.next{left:auto;right:1.2rem}
.nav:hover{background:rgba(0,0,0,.55)}

/* ───────────  MOBILE (< 768 px)  ─────────── */
@media(max-width:768px){
    .cat-slider{height:85vh}

    /* порядок блоков */
    .slide-img     {flex:1 1 100%;order:1;height:75%}
    .slide-content {
        flex:1 1 100%;order:2;height:auto;padding:1.7rem 1.3rem;
        background:transparent !important;color:var(--fg)
    }
    .slide-content p  {color:var(--gray-500)}
    .slide-content h2 {font-size:1.8rem}
    .slide-content .btn{border:1px solid var(--fg);color:var(--fg)}
    .slide-content .btn:hover{background:var(--fg);color:#fff}

    /* стрелки на изображении, НЕ доходят до текста */
    .nav{
        top:30vh;               /*  ≈ половина высоты изображения  */
        width:44px;height:44px;font-size:1.35rem;left:.8rem
    }
    .nav.next{right:.8rem;left:auto}
}