/* flags-zvan.css - Стили для флагов и званий без анимаций */

/* СТИЛИ ДЛЯ КОЛОНКИ ЗВАНИЯ */
.zvan-cell {
  text-align: center;
  vertical-align: middle;
}

/* СТИЛИ ДЛЯ КОНТЕЙНЕРА ЗВАНИЯ БЕЗ АНИМАЦИИ */


/* Заглушка для отсутствующего звания */
.zvan-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 16px;
    background: rgba(128, 128, 128, 0.3);
    border: none;
    border-radius: 2px;
    opacity: 0.6;
}



/* 3 разряд - бронза */
.zvan-3 {
  background: linear-gradient(135deg, #cd7f32, #b08d57);
  color: #fff;
  border-color: #a67c52;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

/* 2 разряд - серебро */
.zvan-2 {
  background: linear-gradient(135deg, #c0c0c0, #e8e8e8);
  color: #333;
  border-color: #a0a0a0;
  text-shadow: 0 0 2px rgba(255,255,255,0.5);
}

/* 1 разряд - золото */
.zvan-1 {
  background: linear-gradient(135deg, #ffd700, #ffed4e);
  color: #8b6b00;
  border-color: #d4af37;
  text-shadow: 0 0 2px rgba(255,255,255,0.5);
}

/* Мастер спорта (М) - синий */
.zvan-m {
  background: linear-gradient(135deg, #4169e1, #6a8cff);
  color: #fff;
  border-color: #2a4b8d;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

/* Мастер спорта международного класса (СМ) - красный */
.zvan-sm {
  background: linear-gradient(135deg, #dc143c, #ff4766);
  color: #fff;
  border-color: #a50e2d;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

/* Заслуженный мастер спорта (ГМ) - фиолетовый с градиентом */
.zvan-gm {
  background: linear-gradient(135deg, #8a2be2, #b19cff);
  color: #fff;
  border-color: #6a1cb4;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
  position: relative;
  overflow: hidden;
}

/* Для теневых строк */
.shadow-zvan .zvan-badge,
.shadow-zvan .zvan-placeholder {
    opacity: 0.7;
    filter: brightness(0.8);
}


/* Ховер-эффекты для интерактивности */
.zvan-container:hover .flag {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.zvan-container:hover .zvan-badge {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Россия */
.flag.ru {
    background: linear-gradient(to bottom, 
        #fff 0%, #fff 33%, 
        #0039a6 33%, #0039a6 66%, 
        #d52b1e 66%, #d52b1e 100%);
}

/* Босния и Герцеговина - улучшенный */
.flag.ba {
    background: #004b87;
    position: relative;
    overflow: hidden;
}

.flag.ba::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffcd00;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.flag.ba::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background: 
        /* Наклонная линия из звезд */
        radial-gradient(circle at 90% 20%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 85% 30%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 80% 40%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 75% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 70% 60%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 65% 70%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 60% 80%, #ffffff 0%, #ffffff 3%, transparent 4%);
    background-repeat: no-repeat;
}

/* Уэльс - упрощенный дракон */
.flag.wales {
    background: 
        linear-gradient(to bottom, 
            #ffffff 0%, #ffffff 50%,
            #008000 50%, #008000 100%);
    position: relative;
}

.flag.wales::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 70%;
    background: 
        /* Основное тело (извилистая линия) */
        linear-gradient(45deg, 
            transparent 0%, transparent 45%,
            #ff0000 45%, #ff0000 55%,
            transparent 55%, transparent 100%) 30% 40% / 40% 15%,
        /* Голова */
        radial-gradient(ellipse at 75% 25%, #ff0000 0%, #ff0000 20%, transparent 21%),
        /* Шея */
        linear-gradient(45deg, 
            transparent 0%, transparent 40%,
            #ff0000 40%, #ff0000 50%,
            transparent 50%, transparent 100%) 55% 35% / 25% 10%,
        /* Хвост */
        linear-gradient(-45deg, 
            transparent 0%, transparent 40%,
            #ff0000 40%, #ff0000 50%,
            transparent 50%, transparent 100%) 25% 60% / 25% 10%,
        /* Лапы */
        radial-gradient(ellipse at 65% 65%, #ff0000 0%, #ff0000 8%, transparent 9%),
        radial-gradient(ellipse at 35% 65%, #ff0000 0%, #ff0000 8%, transparent 9%);
    background-repeat: no-repeat;
}

/* Египет */
.flag.eg {
    background: 
        linear-gradient(to bottom, 
            #ce1126 0%, #ce1126 33.333%,
            #ffffff 33.333%, #ffffff 66.666%,
            #000000 66.666%, #000000 100%);
    position: relative;
}

/* Герб - орел Саладина */
.flag.eg::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    height: 30%;
    background: 
        /* Тело орла */
        radial-gradient(ellipse at 50% 60%, #c9b074 0%, #c9b074 40%, transparent 41%),
        /* Голова */
        radial-gradient(ellipse at 50% 20%, #c9b074 0%, #c9b074 25%, transparent 26%),
        /* Крылья */
        linear-gradient(45deg, 
            transparent 0%, transparent 35%,
            #c9b074 35%, #c9b074 45%,
            transparent 45%, transparent 100%) 20% 40% / 30% 25%,
        linear-gradient(-45deg, 
            transparent 0%, transparent 35%,
            #c9b074 35%, #c9b074 45%,
            transparent 45%, transparent 100%) 80% 40% / 30% 25%,
        /* Щит на груди */
        radial-gradient(ellipse at 50% 60%, #c9b074 0%, #c9b074 30%, #ce1126 30%, #ce1126 35%, transparent 36%);
    background-repeat: no-repeat;
}

/* Чили */
.flag.cl {
    background: 
        linear-gradient(to bottom, 
            #ffffff 0%, #ffffff 50%,
            #d52b1e 50%, #d52b1e 100%);
    position: relative;
}

/* Синий квадрат с белой звездой */
.flag.cl::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 50%;
    background: #0039a6;
}

.flag.cl::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 30%;
    background: 
        radial-gradient(circle at 50% 50%, #ffffff 0%, #ffffff 40%, transparent 41%),
        repeating-conic-gradient(
            from 0deg,
            #ffffff 0deg 30deg,
            transparent 30deg 360deg
        );
    clip-path: polygon(
        50% 0%, 61% 35%, 98% 35%, 68% 57%,
        79% 91%, 50% 70%, 21% 91%, 32% 57%,
        2% 35%, 39% 35%
    );
}

/* Узбекистан - упрощенный */
.flag.uz {
    background: 
        /* 12 звезд */
        radial-gradient(circle at 42% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 46% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 50% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 54% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 58% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 62% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 66% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 70% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 74% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 78% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 82% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        radial-gradient(circle at 86% 50%, #ffffff 0%, #ffffff 3%, transparent 4%),
        /* Полумесяц */
        radial-gradient(circle at 20% 50%, 
            transparent 0%, transparent 8%,
            #ffffff 8%, #ffffff 12%,
            transparent 12%, transparent 100%),
        /* Красные разделительные линии */
        linear-gradient(to bottom, 
            transparent 0%, transparent 33%,
            #ce1126 33%, #ce1126 34.5%,
            transparent 34.5%, transparent 66%,
            #ce1126 66%, #ce1126 67.5%,
            transparent 67.5%, transparent 100%),
        /* Основные полосы */
        linear-gradient(to bottom, 
            #0099b5 0%, #0099b5 33.333%,
            #ffffff 33.333%, #ffffff 66.666%,
            #1eb53a 66.666%, #1eb53a 100%);
    background-repeat: no-repeat;
}


/* Грузия */
.flag.ge {
    background: #ffffff;
    position: relative;
}

/* Большой центральный крест */
.flag.ge::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    height: 60%;
    background: #de3830;
}

.flag.ge::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 20%;
    background: #de3830;
}

/* Четыре маленьких креста в углах */
.flag.ge .cross {
    position: absolute;
    width: 15%;
    height: 15%;
    background: #de3830;
}

/* Левый верхний крест */
.flag.ge .cross:nth-child(1) {
    top: 15%;
    left: 15%;
    background: 
        linear-gradient(to bottom, 
            transparent 0%, transparent 35%,
            #de3830 35%, #de3830 65%,
            transparent 65%, transparent 100%),
        linear-gradient(to right, 
            transparent 0%, transparent 35%,
            #de3830 35%, #de3830 65%,
            transparent 65%, transparent 100%);
}

/* Правый верхний крест */
.flag.ge .cross:nth-child(2) {
    top: 15%;
    right: 15%;
    background: 
        linear-gradient(to bottom, 
            transparent 0%, transparent 35%,
            #de3830 35%, #de3830 65%,
            transparent 65%, transparent 100%),
        linear-gradient(to right, 
            transparent 0%, transparent 35%,
            #de3830 35%, #de3830 65%,
            transparent 65%, transparent 100%);
}

/* Левый нижний крест */
.flag.ge .cross:nth-child(3) {
    bottom: 15%;
    left: 15%;
    background: 
        linear-gradient(to bottom, 
            transparent 0%, transparent 35%,
            #de3830 35%, #de3830 65%,
            transparent 65%, transparent 100%),
        linear-gradient(to right, 
            transparent 0%, transparent 35%,
            #de3830 35%, #de3830 65%,
            transparent 65%, transparent 100%);
}

/* Правый нижний крест */
.flag.ge .cross:nth-child(4) {
    bottom: 15%;
    right: 15%;
    background: 
        linear-gradient(to bottom, 
            transparent 0%, transparent 35%,
            #de3830 35%, #de3830 65%,
            transparent 65%, transparent 100%),
        linear-gradient(to right, 
            transparent 0%, transparent 35%,
            #de3830 35%, #de3830 65%,
            transparent 65%, transparent 100%);
}

/* Украина */
.flag.ua {
    background: linear-gradient(to bottom, 
        #0057b8 0%, #0057b8 50%, 
        #ffd700 50%, #ffd700 100%);
}

/* Беларусь - исправленная версия */
.flag.by {
    background: 
        linear-gradient(to bottom, 
            #d22730 0%, #d22730 66.666%, 
            #00a349 66.666%, #00a349 100%);
    position: relative;
    overflow: hidden;
}

.flag.by::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 11.111%; /* 1/9 от общей длины */
    height: 100%;
    background: 
        /* Белый фон для всего элемента */
        #ffffff 
        /* Красный орнамент поверх белого фона */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23d22730' d='M0,0 H100 V20 H0 Z M0,40 H100 V60 H0 Z M0,80 H100 V100 H0 Z'/%3E%3C/svg%3E") 
        center/cover;
}

/* Сингапур */
.flag.sg {
    background: 
        linear-gradient(to bottom, 
            #ed2939 0%, #ed2939 50%,
            #ffffff 50%, #ffffff 100%);
    position: relative;
}

/* Полумесяц и звезды */
.flag.sg::before {
    content: '';
    position: absolute;
    left: 15%;
    top: 25%;
    width: 20%;
    height: 20%;
    background: 
        /* Полумесяц (белый круг с вырезом) */
        radial-gradient(circle at 60% 50%, 
            transparent 0%, transparent 45%,
            #ffffff 45%, #ffffff 55%,
            transparent 55%, transparent 100%),
        /* 5 звезд */
        radial-gradient(circle at 80% 30%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 85% 45%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 80% 60%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 70% 70%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 60% 65%, #ffffff 0%, #ffffff 8%, transparent 9%);
    background-repeat: no-repeat;
}

/* Казахстан - упрощенный */
.flag.kz {
    background: #00afca;
    position: relative;
}

/* Солнце и орел по центру */
.flag.kz::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    width: 25%;
    height: 15%;
    background: 
        /* Солнце */
        radial-gradient(circle at 50% 30%, #f8c300 0%, #f8c300 35%, transparent 36%),
        /* Орел (упрощенный) */
        radial-gradient(ellipse at 50% 70%, #f8c300 0%, #f8c300 25%, transparent 26%);
}

/* Орнамент слева */
.flag.kz::after {
    content: '';
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
    width: 6%;
    height: 50%;
    background: 
        linear-gradient(to bottom, 
            #f8c300 0%, #f8c300 8%,
            transparent 8%, transparent 16%,
            #f8c300 16%, #f8c300 24%,
            transparent 24%, transparent 32%,
            #f8c300 32%, #f8c300 40%,
            transparent 40%, transparent 48%,
            #f8c300 48%, #f8c300 56%,
            transparent 56%, transparent 64%,
            #f8c300 64%, #f8c300 72%,
            transparent 72%, transparent 80%,
            #f8c300 80%, #f8c300 88%,
            transparent 88%, transparent 96%,
            #f8c300 96%, #f8c300 100%);
}

/* США */
.flag.us {
    background: 
        linear-gradient(to bottom, 
            #b22234 0%, #b22234 7.7%,
            #fff 7.7%, #fff 15.4%,
            #b22234 15.4%, #b22234 23.1%,
            #fff 23.1%, #fff 30.8%,
            #b22234 30.8%, #b22234 38.5%,
            #fff 38.5%, #fff 46.2%,
            #b22234 46.2%, #b22234 53.9%,
            #fff 53.9%, #fff 61.6%,
            #b22234 61.6%, #b22234 69.3%,
            #fff 69.3%, #fff 77%,
            #b22234 77%, #b22234 84.7%,
            #fff 84.7%, #fff 92.4%,
            #b22234 92.4%, #b22234 100%);
    position: relative;
}

.flag.us::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 53.9%;
    background: #3c3b6e;
}

/* Германия */
.flag.de {
    background: linear-gradient(to bottom, 
        #000000 0%, #000000 33%,
        #dd0000 33%, #dd0000 66%,
        #ffce00 66%, #ffce00 100%);
}

/* Франция */
.flag.fr {
    background: linear-gradient(to right, 
        #002395 0%, #002395 33%,
        #fff 33%, #fff 66%,
        #ed2939 66%, #ed2939 100%);
}

/* Италия */
.flag.it {
    background: linear-gradient(to right, 
        #009246 0%, #009246 33%,
        #fff 33%, #fff 66%,
        #ce2b37 66%, #ce2b37 100%);
}

/* Испания */
.flag.es {
    background: 
        linear-gradient(to bottom, 
            #aa151b 0%, #aa151b 25%,
            #f1bf00 25%, #f1bf00 75%,
            #aa151b 75%, #aa151b 100%);
}

/* Польша */
.flag.pl {
    background: linear-gradient(to bottom, 
        #ffffff 0%, #ffffff 50%,
        #dc143c 50%, #dc143c 100%);
}

/* Турция */
.flag.tr {
    background: #e30a17;
    position: relative;
}

.flag.tr::before {
    content: '★';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 10px;
}

/* Китай - правильная версия */
.flag.cn {
    background: #de2910;
    position: relative;
}

.flag.cn::before {
    content: '';
    position: absolute;
    left: 20%;
    top: 20%;
    width: 30%;
    height: 20%;
    background: 
        /* Большая звезда */
        radial-gradient(circle at 50% 35%, #ffde00 0%, #ffde00 25%, transparent 26%),
        /* Маленькие звезды - позиционируются относительно большой */
        radial-gradient(circle at 75% 15%, #ffde00 0%, #ffde00 15%, transparent 16%),
        radial-gradient(circle at 85% 45%, #ffde00 0%, #ffde00 15%, transparent 16%),
        radial-gradient(circle at 75% 75%, #ffde00 0%, #ffde00 15%, transparent 16%),
        radial-gradient(circle at 55% 90%, #ffde00 0%, #ffde00 15%, transparent 16%);
}

/* Молдова - упрощенный */
.flag.md {
    background: 
        linear-gradient(to right, 
            #0033a0 0%, #0033a0 33.333%,
            #ffde00 33.333%, #ffde00 66.666%,
            #c1272d 66.666%, #c1272d 100%);
    position: relative;
}

/* Сербия */
.flag.rs {
    background: 
        linear-gradient(to bottom, 
            #c6363c 0%, #c6363c 33.333%,
            #0c4076 33.333%, #0c4076 66.666%,
            #ffffff 66.666%, #ffffff 100%);
    position: relative;
}

/* Герб - смещен влево */
.flag.rs::before {
    content: '';
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    width: 15%;
    height: 30%;
    background: 
        /* Красный щит */
        #c6363c,
        /* Белый крест */
        linear-gradient(to right, 
            transparent 0%, transparent 40%,
            #ffffff 40%, #ffffff 60%,
            transparent 60%, transparent 100%) 50% 20% / 60% 20%,
        linear-gradient(to bottom, 
            transparent 0%, transparent 30%,
            #ffffff 30%, #ffffff 70%,
            transparent 70%, transparent 100%) 20% 50% / 20% 60%,
        /* Короны */
        radial-gradient(circle at 20% 25%, #d4af37 0%, #d4af37 15%, transparent 16%),
        radial-gradient(circle at 50% 25%, #d4af37 0%, #d4af37 15%, transparent 16%),
        radial-gradient(circle at 80% 25%, #d4af37 0%, #d4af37 15%, transparent 16%);
    background-repeat: no-repeat;
    border-radius: 15%;
}

/* Англия - вариант с градиентами */
.flag.en {
    background: 
        /* Горизонтальная красная полоса */
        linear-gradient(to bottom, 
            transparent 0%, transparent 40%,
            #cf142b 40%, #cf142b 60%,
            transparent 60%, transparent 100%),
        /* Вертикальная красная полоса */
        linear-gradient(to right, 
            transparent 0%, transparent 40%,
            #cf142b 40%, #cf142b 60%,
            transparent 60%, transparent 100%),
        /* Белый фон */
        #ffffff;
}

.flag.md::before {
    content: '';
    position: absolute;
    left: 12%;
    top: 50%;
    transform: translateY(-50%);
    width: 18%;
    height: 35%;
    background: 
        /* Красный овал */
        #c1272d,
        /* Желтый круг (голова) */
        radial-gradient(circle at 50% 35%, #ffde00 0%, #ffde00 45%, transparent 46%),
        /* Синяя звезда */
        radial-gradient(circle at 50% 75%, #0033a0 0%, #0033a0 20%, transparent 21%);
    border-radius: 40%;
}

/* Приднестровье */
.flag.pmr {
    background: 
        linear-gradient(to bottom, 
            #c8102e 0%, #c8102e 33.333%,
            #00a651 33.333%, #00a651 66.666%,
            #c8102e 66.666%, #c8102e 100%);
    position: relative;
}

/* Герб - серп и молот */
.flag.pmr::before {
    content: '';
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    width: 15%;
    height: 30%;
    background: 
        /* Молот */
        linear-gradient(90deg, 
            transparent 0%, transparent 40%,
            #ffffff 40%, #ffffff 60%,
            transparent 60%, transparent 100%) 50% 40% / 60% 20%,
        /* Серп */
        radial-gradient(circle at 70% 60%, 
            transparent 0%, transparent 45%,
            #ffffff 45%, #ffffff 48%,
            transparent 48%, transparent 100%) 30% 50% / 50% 40%,
        /* Звезда */
        radial-gradient(circle at 70% 25%, #ffffff 0%, #ffffff 12%, transparent 13%);
    background-repeat: no-repeat;
}

/* Гонконг */
.flag.hk {
    background: #de2910;
    position: relative;
}

/* Белый цветок */
.flag.hk::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 60%;
    background: 
        /* Лепестки цветка */
        radial-gradient(circle at 30% 30%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 70% 30%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 30% 70%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 70% 70%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 50% 20%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 80% 50%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 50% 80%, #ffffff 0%, #ffffff 8%, transparent 9%),
        radial-gradient(circle at 20% 50%, #ffffff 0%, #ffffff 8%, transparent 9%),
        /* Центральный круг */
        radial-gradient(circle at 50% 50%, #ffffff 0%, #ffffff 15%, transparent 16%),
        /* Красные звезды на лепестках */
        radial-gradient(circle at 30% 30%, #de2910 0%, #de2910 3%, transparent 4%),
        radial-gradient(circle at 70% 30%, #de2910 0%, #de2910 3%, transparent 4%),
        radial-gradient(circle at 30% 70%, #de2910 0%, #de2910 3%, transparent 4%),
        radial-gradient(circle at 70% 70%, #de2910 0%, #de2910 3%, transparent 4%);
    background-repeat: no-repeat;
}

/* Ливан */
.flag.lb {
    background: 
        linear-gradient(to bottom, 
            #ed1c24 0%, #ed1c24 33.333%,
            #ffffff 33.333%, #ffffff 66.666%,
            #ed1c24 66.666%, #ed1c24 100%);
    position: relative;
}

.flag.lb::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    height: 40%;
    background: 
        /* Ствол дерева */
        linear-gradient(75deg, 
            transparent 0%, transparent 40%,
            #00a651 40%, #00a651 60%,
            transparent 60%, transparent 100%),
        /* Крона дерева - треугольник */
        linear-gradient(45deg, 
            transparent 0%, transparent 45%,
            #00a651 45%, #00a651 55%,
            transparent 55%, transparent 100%);
}

/* Япония - надежный вариант */
.flag.jp {
    background: #ffffff;
    position: relative;
    aspect-ratio: 3 / 2; /* пропорции флага */
}

.flag.jp::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%; /* от высоты флага */
    height: 60%;
    background: #bc002d;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}

/* Корея */
.flag.kr {
    background: #ffffff;
    position: relative;
}

.flag.kr::before {
    content: '☯';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    color: #000;
}

/* Бразилия */
.flag.br {
    background: #009c3b;
    position: relative;
}

.flag.br::before {
    content: '★';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffdf00;
    font-size: 10px;
}

/* Армения */
.flag.am {
    background: linear-gradient(to bottom, 
        #d90012 0%, #d90012 33%,
        #0033a0 33%, #0033a0 66%,
        #f2a800 66%, #f2a800 100%);
}

/* Азербайджан */
.flag.az {
    background: linear-gradient(to bottom, 
        #00b5e2 0%, #00b5e2 33%,
        #ed2e38 33%, #ed2e38 66%,
        #00b5e2 66%, #00b5e2 100%);
    position: relative;
}

.flag.az::before {
    content: '★';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 8px;
}

/* Латвия */
.flag.lv {
    background: 
        linear-gradient(to bottom, 
            #9e3039 0%, #9e3039 20%,
            #fff 20%, #fff 40%,
            #9e3039 40%, #9e3039 60%,
            #fff 60%, #fff 80%,
            #9e3039 80%, #9e3039 100%);
}

/* Литва */
.flag.lt {
    background: linear-gradient(to bottom, 
        #fdb913 0%, #fdb913 33%,
        #006a44 33%, #006a44 66%,
        #c1272d 66%, #c1272d 100%);
}

/* Эстония */
.flag.ee {
    background: linear-gradient(to bottom, 
        #4891d9 0%, #4891d9 33%,
        #000 33%, #000 66%,
        #fff 66%, #fff 100%);
}

/* Финляндия */
.flag.fi {
    background: 
        linear-gradient(to bottom, 
            #fff 0%, #fff 40%,
            #003580 40%, #003580 60%,
            #fff 60%, #fff 100%),
        linear-gradient(to right, 
            #fff 0%, #fff 40%,
            #003580 40%, #003580 60%,
            #fff 60%, #fff 100%);
    background-blend-mode: multiply;
}

/* Швеция */
.flag.se {
    background: #006aa7;
    position: relative;
}

.flag.se::before,
.flag.se::after {
    content: '';
    position: absolute;
    background: #fecd00;
}

/* Горизонтальная полоса (желтая) */
.flag.se::before {
    top: 40%;
    left: 0;
    width: 100%;
    height: 20%;
}

/* Вертикальная полоса (желтая) */
.flag.se::after {
    left: 31.25%; /* 5/16 */
    top: 0;
    width: 12.5%; /* 2/16 */
    height: 100%;
}

/* Норвегия - простой центрированный вариант */
.flag.no {
    background: 
        /* Синий вертикальная полоса */
        linear-gradient(to right,
            transparent 0%, transparent 33.33%,
            #002868 33.33%, #002868 36.67%,
            transparent 36.67%, transparent 100%),
        /* Синий горизонтальная полоса по центру */
        linear-gradient(to bottom,
            transparent 0%, transparent 38.33%,
            #002868 38.33%, #002868 41.67%,
            transparent 41.67%, transparent 100%),
        /* Белый вертикальная полоса */
        linear-gradient(to right,
            transparent 0%, transparent 30%,
            #fff 30%, #fff 40%,
            transparent 40%, transparent 100%),
        /* Белый горизонтальная полоса по центру */
        linear-gradient(to bottom,
            transparent 0%, transparent 35%,
            #fff 35%, #fff 45%,
            transparent 45%, transparent 100%),
        /* Красный фон */
        #ef2b2d;
}

/* Дания */
.flag.dk {
    background: 
        linear-gradient(to bottom, 
            #fff 0%, #fff 40%,
            #c60c30 40%, #c60c30 60%,
            #fff 60%, #fff 100%),
        linear-gradient(to right, 
            #fff 0%, #fff 40%,
            #c60c30 40%, #c60c30 60%,
            #fff 60%, #fff 100%);
    background-blend-mode: multiply;
}

/* Нидерланды */
.flag.nl {
    background: linear-gradient(to bottom, 
        #ae1c28 0%, #ae1c28 33%,
        #fff 33%, #fff 66%,
        #21468b 66%, #21468b 100%);
}

/* Бельгия */
.flag.be {
    background: linear-gradient(to right, 
        #000000 0%, #000000 33%,
        #fae042 33%, #fae042 66%,
        #ed2939 66%, #ed2939 100%);
}

/* Австрия */
.flag.at {
    background: linear-gradient(to bottom, 
        #ed2939 0%, #ed2939 33%,
        #fff 33%, #fff 66%,
        #ed2939 66%, #ed2939 100%);
}

/* Швейцария */
.flag.ch {
    background: #ff0000;
    position: relative;
}

.flag.ch::before {
    content: '+';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

/* Чехия */
.flag.cz {
    background: linear-gradient(to bottom, 
        #ffffff 0%, #ffffff 50%,
        #d7141a 50%, #d7141a 100%);
    position: relative;
}

.flag.cz::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
    background: #11457e;
}

/* Словакия */
.flag.sk {
    background: linear-gradient(to bottom, 
        #ffffff 0%, #ffffff 33%,
        #0b4ea2 33%, #0b4ea2 66%,
        #ee1c25 66%, #ee1c25 100%);
    position: relative;
}

.flag.sk::before {
    content: '✠';
    position: absolute;
    left: 25%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 8px;
}

/* Венгрия */
.flag.hu {
    background: linear-gradient(to bottom, 
        #cd2a3e 0%, #cd2a3e 33%,
        #fff 33%, #fff 66%,
        #436f4d 66%, #436f4d 100%);
}

/* Румыния */
.flag.ro {
    background: linear-gradient(to right, 
        #002b7f 0%, #002b7f 33%,
        #fcd116 33%, #fcd116 66%,
        #ce1126 66%, #ce1126 100%);
}

/* Болгария */
.flag.bg {
    background: linear-gradient(to bottom, 
        #ffffff 0%, #ffffff 33%,
        #00966e 33%, #00966e 66%,
        #d62612 66%, #d62612 100%);
}

/* Греция */
.flag.gr {
    background: 
        /* Синий крест */
        linear-gradient(to right, 
            #0d5eaf 0%, #0d5eaf 33.333%,
            #ffffff 33.333%, #ffffff 44.444%,
            #0d5eaf 44.444%, #0d5eaf 100%) 0% 0% / 100% 40% no-repeat,
        linear-gradient(to bottom, 
            #0d5eaf 0%, #0d5eaf 33.333%,
            #ffffff 33.333%, #ffffff 44.444%,
            #0d5eaf 44.444%, #0d5eaf 100%) 0% 0% / 40% 100% no-repeat,
        /* Чередующиеся полосы */
        linear-gradient(to bottom, 
            #ffffff 0%, #ffffff 11.111%,
            #0d5eaf 11.111%, #0d5eaf 22.222%,
            #ffffff 22.222%, #ffffff 33.333%,
            #0d5eaf 33.333%, #0d5eaf 44.444%,
            #ffffff 44.444%, #ffffff 55.555%,
            #0d5eaf 55.555%, #0d5eaf 66.666%,
            #ffffff 66.666%, #ffffff 77.777%,
            #0d5eaf 77.777%, #0d5eaf 88.888%,
            #ffffff 88.888%, #ffffff 100%);
}

/* Израиль */
.flag.il {
    background: #fff;
    position: relative;
}

.flag.il::before {
    content: '✡';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 8px;
    color: #0038b8;
}

/* Индия */
.flag.in {
    background: linear-gradient(to bottom, 
        #ff9933 0%, #ff9933 33%,
        #fff 33%, #fff 66%,
        #138808 66%, #138808 100%);
    position: relative;
}

.flag.in::before {
    content: '•';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #000080;
    font-size: 6px;
}

/* Канада */
.flag.ca {
    background: #ff0000;
    position: relative;
}

.flag.ca::before {
    content: '❖';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 10px;
}

/* Шотландия - точный вариант */
.flag.sc {
    background: #005eb8;
    position: relative;
    overflow: hidden;
}

.flag.sc::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 141.42%; /* 100% × √2 для диагонали */
    height: 20%;
    background: #fff;
    transform: translate(-50%, -50%) rotate(45deg);
}

.flag.sc::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 141.42%;
    height: 20%;
    background: #fff;
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Австралия */
.flag.au {
    background: #00008b;
    position: relative;
}

.flag.au::before {
    content: '★';
    position: absolute;
    left: 20%;
    top: 20%;
    color: #fff;
    font-size: 6px;
}

/* Великобритания */
.flag.gb {
    background: 
        linear-gradient(45deg, 
            transparent 0%, transparent 40%,
            #cf142b 40%, #cf142b 60%,
            transparent 60%, transparent 100%),
        linear-gradient(-45deg, 
            transparent 0%, transparent 40%,
            #cf142b 40%, #cf142b 60%,
            transparent 60%, transparent 100%),
        linear-gradient(to right, 
            #00247d 0%, #00247d 33%,
            #fff 33%, #fff 66%,
            #00247d 66%, #00247d 100%),
        linear-gradient(to bottom, 
            #00247d 0%, #00247d 33%,
            #fff 33%, #fff 66%,
            #00247d 66%, #00247d 100%);
    background-blend-mode: multiply;
}

/* Флаг по умолчанию для неизвестных стран */
.flag.default {
    background: #666;
    position: relative;
}

.flag.default::before {
    content: '?';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 8px;
}


  
   
}