.hakob-slider{position:relative;overflow:hidden;width:100%}
.hakob-slider .track{display:flex;gap:10px;transition:transform .5s ease}
.hakob-slider .slide{flex-shrink:0;position:relative;overflow:hidden;background:#000}
.hakob-slider .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.hakob-slider .slide:hover .img img{transform:scale(1.05)}
.hakob-slider .overlay{position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(180deg, rgba(var(--overlay-rgb),0) 0%, rgba(var(--overlay-rgb),.25) 40%, rgba(var(--overlay-rgb),.55) 70%, rgba(var(--overlay-rgb),.72) 100%);transition:background .25s ease}
.hakob-slider .slide:hover .overlay{background:linear-gradient(180deg, rgba(var(--overlay-rgb),0) 0%, rgba(var(--overlay-rgb),.30) 38%, rgba(var(--overlay-rgb),.68) 75%, rgba(var(--overlay-rgb),.85) 100%)}
.hakob-slider .txt{position:absolute;left:20px;right:20px;bottom:20px}
.hakob-slider .txt h3{margin:0 0 6px;color:var(--title);font-size:22px;font-weight:600}
.hakob-slider .txt p{margin:0;color:var(--desc);word-break:break-word}
/* Nav */
.hakob-slider .nav{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:5}
.hakob-slider .nav button{background:var(--nav-bg);color:#000;border:none;border-radius:0;padding:10px 16px;font-size:18px;cursor:pointer;transition:background .2s ease,color .2s ease}
.hakob-slider .nav button:hover{background:var(--nav-hover);color:#fff}