.flag {
    width: 45px;
    height: 30px;
    display: inline-block;
    border: 1px solid #555;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.flag-belgium {
    background: linear-gradient(90deg, 
        #000 0%, #000 33.33%, 
        #FFD700 33.33%, #FFD700 66.66%, 
        #ED2939 66.66%, #ED2939 100%);
}

.flag-europe {
    background: #003399;
    position: relative;
}

.star {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 3.5px solid #FFCC00;
    transform-origin: center;
}

.star::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 3.5px solid #FFCC00;
    transform: rotate(180deg);
    top: 1px;
    left: -2px;
}

.star:nth-child(1) { top: 1px; left: 50%; transform: translateX(-50%) rotate(0deg); }
.star:nth-child(2) { top: 3px; left: 66%; transform: translateX(-50%) rotate(30deg); }
.star:nth-child(3) { top: 8px; left: 77%; transform: translateX(-50%) rotate(60deg); }
.star:nth-child(4) { top: 13px; left: 80%; transform: translateX(-50%) rotate(90deg); }
.star:nth-child(5) { top: 19px; left: 77%; transform: translateX(-50%) rotate(120deg); }
.star:nth-child(6) { top: 23px; left: 66%; transform: translateX(-50%) rotate(150deg); }
.star:nth-child(7) { top: 25px; left: 50%; transform: translateX(-50%) rotate(180deg); }
.star:nth-child(8) { top: 23px; left: 34%; transform: translateX(-50%) rotate(210deg); }
.star:nth-child(9) { top: 19px; left: 23%; transform: translateX(-50%) rotate(240deg); }
.star:nth-child(10) { top: 13px; left: 20%; transform: translateX(-50%) rotate(270deg); }
.star:nth-child(11) { top: 8px; left: 23%; transform: translateX(-50%) rotate(300deg); }
.star:nth-child(12) { top: 3px; left: 34%; transform: translateX(-50%) rotate(330deg); }

@media (max-width: 768px) {
    .flag {
        width: 38px;
        height: 25px;
    }
    
    .star {
        border-left: 1.5px solid transparent;
        border-right: 1.5px solid transparent;
        border-bottom: 3px solid #FFCC00;
    }
    
    .star::before {
        border-left: 1.5px solid transparent;
        border-right: 1.5px solid transparent;
        border-bottom: 3px solid #FFCC00;
        left: -1.5px;
    }
}