/* Short video section styles */
.short-video-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
}

.short-video-title {
    font-size: 16px;
    font-weight: bold;
}

.short-video-grid {
    display: flex;
    overflow-x: auto;
    gap: 25px;
    padding: 0 10px;
    margin-bottom: 15px;
    scrollbar-width: none; /* Hide scrollbar */
}

.video-item {
    flex: 0 0 auto;
    width: 250px;
    height:250px;
    position: relative;
    padding:0 10px;
}

.video-thumbnail {
    width: 100%;
    height: 170px;
    border-radius: 10px;
    object-fit: cover;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-color: rgba(114, 2, 2, 0.778);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent white;
    margin-left: 3px;
}

.video-stats {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.video-views {
    font-size: 11px;
    color: #aaa;
    display: flex;
    align-items: center;
}

.view-icon {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background-color: #aaa;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
    display: inline-block;
}

.likes-count {
    display: flex;
    align-items: center;
    font-size: 11px;
    color: #aaa;
}

.like-icon {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background-color: #aaa;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
    display: inline-block;
}

.video-duration {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 10px;
}