*{
    margin: 0;
    padding: 0;
    outline: none;
}
@font-face {
    font-family: "Gothic"; 
    src: url("fonts/GOTHIC.TTF"); 
}
.container{
    padding: 100px;
}
.header__main {
    display: flex;
    justify-content: space-between;
    margin: 0 0 50px 0;    
}
.header__img_img {
    width: 100%;
}

.logo {
    max-width: 450px;
    width: 100%;
}

.social_img {
    width: 60px;
}


.header__img {
    margin: 0 0 100px 0;
}

.desc_orn{
    color: #ed641c;
}

.wrapper{
    display: flex;
    justify-content: space-around;
    margin: 0 0 100px 0;
    box-sizing: border-box;
}
.frame {
    max-width: 390px;   
    width: 17vw;
    height: 17vw;
}
iframe{
    width: 100%;
    height: 100%;
}

.desc {
    font-family: Gothic;
    font-size: 25px;
    line-height: 38px;
    max-width: 75%;
}
    
.wrapper__img {
    width: 20%;
}
.wrapper__img_img {
    width: 100%;
}
footer{
    text-align: center;
    margin: 0 0 30px;
}

.wrapper2__img_img {
    width: 100%;
    text-align: center;
}



 /* ===== ДОБАВЛЕНЫ ТОЛЬКО ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ НОВОГО РЕКЛАМНОГО БЛОКА (не меняют существующие классы, только расширяют) ===== */
        .expo-badge {
            background: #fef5e7;
            border-radius: 40px;
            display: inline-block;
            padding: 0.3rem 1.2rem;
            font-family: Gothic, sans-serif;
            font-size: 1.1rem;
            font-weight: bold;
            color: #b4520c;
            letter-spacing: 1px;
            margin-bottom: 20px;
            border: 1px solid #ed641c;
            backdrop-filter: blur(2px);
        }
        
        .announce-title {
            font-family: Gothic, sans-serif;
            font-size: 3rem;
            font-weight: 800;
            line-height: 1.2;
            color: #2d2b26;
            margin-bottom: 15px;
        }
        
        .announce-date {
            font-family: Gothic, sans-serif;
            font-size: 1.5rem;
            color: #ed641c;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .btn-expo {
            display: inline-flex;
            align-items: center;
            background: #ed641c;
            color: white;
            font-family: Gothic, sans-serif;
            font-size: 1.2rem;
            font-weight: bold;
            padding: 12px 28px;
            border-radius: 60px;
            text-decoration: none;
            transition: all 0.2s ease;
            border: none;
            cursor: pointer;
            margin-top: 10px;
            gap: 10px;
        }
        
        .btn-expo:hover {
            background: #c04e12;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        
        .gallery-mini {
            display: flex;
            gap: 20px;
            justify-content: space-between;
            margin-top: 30px;
            flex-wrap: wrap;
        }
        
        .gallery-mini-item {
            flex: 1;
            min-width: 80px;
            background: #faf4e8;
            border-radius: 24px;
            padding: 8px;
            transition: all 0.2s;
        }
        
        .gallery-mini-item img {
            width: 100%;
            border-radius: 18px;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            display: block;
            box-shadow: 0 6px 12px rgba(0,0,0,0.05);
        }
        
        .caption-mini {
            font-family: Gothic, sans-serif;
            font-size: 0.8rem;
            text-align: center;
            margin-top: 8px;
            color: #5e3a1f;
        }
        
        

        @media screen and (min-width: 1930px){
            .wrapper__img, .frame{
                width: 300px;
                height: auto;
            }
            .frame{
                height:300px;
            }
        }
        @media screen and (max-width: 1000px){
            .header__main{
                flex-direction: column;
                align-items: center;
            }
            .container{
                padding: 40px 5%;
            }
            .wrapper{
        /*        flex-direction: column;*/
            }
            .desc{
                width: 100%;
                order: -1;
            }
            .wrapper__img, .frame{
                
                width: 200px;
                height: auto;
                margin: 0 0 0 30px;
            }
        }
        @media screen and (max-width: 700px){
            .wrapper{
                flex-direction: column;
                align-items: center;
                margin: 0 0 50px 0;
            }
            .wrapper__img{
                width: 200px;
                margin: 20px 0;
                order:-2;
            }
            .frame{
                width: 80%;;
                margin: 20px 0;
                order:-2;
                height: auto;
            }
            .header__img{
                margin: 0 0 50px 0;
            }
        }
        
        
          @media screen and (max-width: 700px){
            .announce-title {
                font-size: 2rem;
            }
            .gallery-mini {
                gap: 12px;
            }
            .btn-expo {
                font-size: 1rem;
                padding: 8px 20px;
            }
        }