.sukod-timeline-wrapper{position:relative;padding:20px 0;}
.sukod-item{
    
    
    
position: relative;
  margin: 30px 0px;
    margin-left: 0px;
  display: block;
  clear: both;
  opacity: 1;
  transform: none;
  transition: all .6s ease;
    
    
    
}
.sukod-item.left{margin-left:0;}
.sukod-item.right{margin-left:0;}
.sukod-item .timeline-line{position:absolute;left:60px;top:0;bottom:0;width:4px;background:#ff0000;border-radius:2px;}
.sukod-item .timeline-icon{position:absolute;left:44px;top:20px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#ff0000;border:none;cursor:pointer;transition:transform .25s ease;}
.sukod-item .timeline-icon.pulse:hover{animation: pulse 1s infinite;}
.sukod-item .timeline-icon.bounce:hover{animation: bounce .6s;}
@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.08);}100%{transform:scale(1);}}
@keyframes bounce{0%{transform:translateY(0);}30%{transform:translateY(-8px);}60%{transform:translateY(0);}100%{transform:translateY(0);}}
.sukod-item .timeline-content{margin-left:110px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,0.06);}
.sukod-item img{display:block;width:100%;height:auto;border-radius:6px;object-fit:cover;}
.sukod-item .timeline-date{font-size:18px;margin:6px 0;}
.sukod-item .timeline-title{font-size:20px;margin:6px 0;}
.sukod-item .timeline-short{color:#000;margin-bottom:10px;}
.sukod-item .timeline-btn{background:#fff;border:1px solid #000;padding:8px 12px;cursor:pointer;border-radius:4px;}
.sukod-item .timeline-btn[aria-expanded="true"]{background:#ff0000;color:#fff;}
.sukod-item .timeline-full{margin-top:12px;display:none;}
/* alternate - position handling */
.sukod-timeline-wrapper.direction-alternate .sukod-item.left .timeline-content{margin-left:110px;}
.sukod-timeline-wrapper.direction-alternate .sukod-item.right{margin-left:0;}
.sukod-timeline-wrapper.direction-right .sukod-item .timeline-content{margin-left:110px;}
/* animations initial state */
.sukod-timeline-wrapper.has-anim .sukod-item{opacity:0;transform:translateY(20px);}
.sukod-timeline-wrapper.has-anim .sukod-item.in-view{opacity:1;transform:translateY(0);}

/* responsive */
@media (max-width:768px){
  .sukod-item .timeline-content{margin-left:16px;padding:12px;}
  .sukod-item .timeline-line,.sukod-item .timeline-icon{left:8px;}
}



.sukod-timeline-wrapper {
    position: relative;
}


.sukod-timeline-wrapper .timeline-btn {
    display: block;
    margin-top: 10px;
}




/* v5.5: timeline-full normal akışta */
.sukod-timeline-wrapper .timeline-full {
    display: none;
    position: relative !important;
    margin: 8px 0;
    width: 100%;
    box-sizing: border-box;
}

.sukod-timeline-wrapper .timeline-btn {
    display: block;
    margin-top: 6px;
}