.hk-slider-outer { width: 100%; overflow: visible; }
.hk-sticky-container { position: sticky; top: 10vh; width: 100%; overflow: hidden; padding: 40px 0; z-index: 1; }

.hk-container { 
    display: flex; 
    gap: var(--hk-gap); 
    padding-bottom: 20px; 
    overflow-x: auto; 
    scrollbar-width: none; 
    cursor: grab;
    user-select: none; 
    -webkit-user-select: none;
    touch-action: pan-y;
}

.hk-container::-webkit-scrollbar { display: none; }

.hk-card { 
    flex: 0 0 auto; 
    width: calc((100% - (var(--hk-gap) * (var(--hk-visible-cards, 3) - 1))) / var(--hk-visible-cards, 3)); 
    border-radius: 20px; 
    display: flex; 
    flex-direction: column;
    pointer-events: none; /* Evita que o conteúdo interno quebre o drag */
}

.hk-card > * { pointer-events: auto; } /* Reativa cliques em links internos se houver */

.hk-card-icon { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
.hk-card-icon img { max-width: 60%; height: auto; pointer-events: none; -webkit-user-drag: none; }

.hk-progress-container { width: 100%; display: flex; justify-content: center; margin-top: 30px; }
.hk-progress-track { width: 100%; max-width: 600px; height: 4px; background: rgba(0,0,0,0.1); border-radius: 2px; overflow: hidden; }
.hk-progress-fill { height: 100%; width: 0%; background-color: #002922; }

@media (max-width: 767px) { 
    .hk-sticky-container { position: static; } 
    .hk-container { flex-direction: column; overflow: visible; cursor: default; } 
    .hk-card { width: 100% !important; } 
    .hk-progress-container { display: none; }
}