.slider-top-stick{
    width: 40px;
    height: 1px;
    background-color: #1B5E3B;

}
.slider {
position: relative;
width: 100%;
height: 75vh;
/* min-height: 380px; */
overflow: hidden;
background: #1f3d1a;
}

.slide {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
transition: opacity 1s ease, visibility 1s ease;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
}
.slide.active { opacity: 1; visibility: visible; z-index: 1; }

/* Yazının okunması için koyu katman */
.slide::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.05) 100%);
}

.slide-content {
position: relative;
z-index: 2;
max-width: 640px;
margin-left: 8%;
margin-right: 8%;
color: #fff;
transform: translateY(20px);
opacity: 0;
transition: transform .8s ease .4s, opacity .8s ease .4s;
}
.slide.active .slide-content { transform: translateY(0); opacity: 1; }

.slide-content h2 {
font-size: clamp(28px, 4.5vw, 56px);
line-height: 1.15;
margin-bottom: 16px;
text-shadow: 0 2px 8px rgba(0,0,0,.4);
}
.slide-content p {
font-size: clamp(16px, 1.8vw, 22px);
line-height: 1.5;
margin-bottom: 26px;
text-shadow: 0 1px 6px rgba(0,0,0,.4);
}
.slide-btn {
display: inline-block;
padding: 14px 32px;
background: #6aa84f;
color: #fff;
text-decoration: none;
font-weight: bold;
border-radius: 6px;
transition: background .3s;
}
.slide-btn:hover { background: #4f8a38; }

/* ===== OK BUTONLARI ===== */
.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
width: 52px;
height: 52px;
border: none;
border-radius: 50%;
background: rgba(255,255,255,.2);
color: #fff;
font-size: 26px;
cursor: pointer;
backdrop-filter: blur(4px);
transition: background .3s;
}
.arrow:hover { background: rgba(255,255,255,.45); }
.arrow.prev { left: 20px; }
.arrow.next { right: 20px; }

/* ===== NOKTALAR ===== */
.dots {
position: absolute;
bottom: 22px;
left: 50%;
transform: translateX(-50%);
z-index: 5;
display: flex;
gap: 10px;
}
.dot {
width: 12px;
height: 12px;
border-radius: 50%;
border: 2px solid #fff;
background: transparent;
cursor: pointer;
transition: background .3s, transform .3s;
}
.dot.active { background: #fff; transform: scale(1.2); }

@media (max-width: 576px) {
.arrow { width: 40px; height: 40px; font-size: 20px; }
.arrow.prev { left: 8px; }
.arrow.next { right: 8px; }
.slide-content { margin-left: 16%; margin-right: 16%; }
.slider {height: 50vh;}
.slider-top-text{font-size: 8px;}
.slider-top-stick{width: 15px; margin-right: 5px;}
.slide h2 {font-size: 18px;margin-bottom: 7px;}
.slide p {font-size: 10px;margin-bottom: 5px;}
.slide-btn {font-size: 12px; padding: 8px;}
.slide::before{background: linear-gradient(90deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.60) 60%, rgba(0,0,0,.20) 100%);}
}
@media (min-width:576px) and (max-width:768px){
    .arrow { width: 40px; height: 40px; font-size: 20px; }
    .arrow.prev { left: 12px; }
    .arrow.next { right: 12px; }
    .slide-content { margin-left: 12%; margin-right: 12%; }
    .slider {height: 60vh;}
}
@media (min-width:768px) and (max-width:992px){
    .arrow { width: 50px; height: 50px; font-size: 25px; }
    .arrow.prev { left: 16px; }
    .arrow.next { right: 16px; }
    .slide-content { margin-left: 12%; margin-right: 12%; }
}