/* ====== БАЗОВЫЕ СТИЛИ ====== */
body{margin:0;font-family:Roboto,sans-serif;background:#fffdf7;color:#222;line-height:1.6}

.roboto-<uniquifier> {
 font-family: "Roboto", sans-serif;
 font-optical-sizing: auto;
 font-weight: <weight>;
 font-style: normal;
 font-variation-settings:
 "wdth" 100;
}

h1 {
 font-size: 1.5em;
}

/* ====== HEADER ====== */
header{text-align:center;background:#d97700;padding:10px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.slogan{margin:0px 0 0px;font-style:italic;color:#fff3e0}

/* ====== МЕНЮ ====== */
.menu{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.menu a{text-decoration:none;background:#fff;color:#d97700;font-weight:bold;padding:10px 16px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:all .3s}
.menu a:hover{background:#ff9900;color:#fff;box-shadow:0 6px 12px rgba(0,0,0,.3)}

/* ====== LAYOUT ====== */
main{display:flex;max-width:1200px;margin:20px auto;gap:10px;padding:0 15px}
.content{flex:3}
.ad-block{flex:1;display:flex;flex-direction:column;gap:15px}
.main-left{flex:1;display:flex;flex-direction:column;gap:15px}
.ad-item{background:#fff8e1;padding:5px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.15);transition:transform .3s,box-shadow .3s}
.ad-item h4{margin-top:0}

/* ====== БЛОКИ НОВОСТЕЙ ====== */
.highlight,.news,.news2{background:#fff;margin-bottom:10px;padding:15px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.highlight{border-left:6px solid #d97700}
.btn{display:inline-block;padding:8px 12px;background:#d97700;color:#fff;text-decoration:none;border-radius:5px;margin-top:10px;box-shadow:0 4px 6px rgba(0,0,0,.15);transition:all .3s}
.btn:hover{background:#ff9900;box-shadow:0 6px 12px rgba(0,0,0,.25)}
.news h2 a,
.highlight h2 a {
 text-decoration: none; /* убираем стандартное подчёркивание */
 color: #d97700; /* базовый оранжевый цвет */
 position: relative; /* для позиционирования линии подчёркивания */
 transition: color 0.3s, background-size 0.3s; /* плавные переходы */
}

/* Ссылки */
.news2 a {
 color: #d97700;
}
.news2 a:hover {
 color: #ff9900;
}

.news h2 a::after,
.highlight h2 a::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 2px; 
 background-color: #ff9900; 
 transform: scaleX(0); 
 transform-origin: center;
 transition: transform 0.3s ease; 
}

.news h2 a:hover,
.highlight h2 a:hover {
 color: #ff9900; 
}

.news h2 a:hover::after,
.highlight h2 a:hover::after {
 transform: scaleX(1); 
}

.info {
 font-size: 0.85em;
 color: #666;
 margin-top: 0px;
 line-height: 1.2;
}

/* ====== FOOTER ====== */
footer{text-align:center;padding:20px;background:#d97700;margin-top:20px;color:#fff;box-shadow:0 -4px 10px rgba(0,0,0,.15)}
.quote{margin:10px 0;font-style:italic;color:#fffde7}

/* ====== RESPONSIVE ====== */
@media(max-width:768px){
 main{flex-direction:column}
 .ad-block{order:2;margin-top:20px}
 .content{order:1}
 .menu{flex-direction:column;width:75%;margin:0 auto;gap:8px;align-items:stretch}
 .menu a{width:100%;text-align:center}

 /* Скрываем левый блок */
 .main-left{
 display:none;
 }
}

 /* Картинка с тенью и подсветкой при наведении */
.img-shadow {
 display: inline-block;
 transition: filter 0.3s ease;
 filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.45));
}

.img-shadow:hover {
 filter:
 drop-shadow(0 6px 12px rgba(255, 153, 0, 1))
 drop-shadow(0 0 14px rgba(255, 153, 0, 1));
}

/* Адаптация для маленьких экранов */
@media (max-width: 400px) {
.img-shadow {
width: 90%;
max-width: 100%; /* Не больше ширины контейнера */
height: auto;
margin: 0 auto; /* Центрируем изображение */
display: block; /* Чтобы margin: auto работал корректно */
 }
}

/* DIV для вставки из ВК */
.vk-wrap {
position: relative;
width: 100%;
height: 0;
padding-top: 56.2500%;
padding-bottom: 0;
height: 0;
overflow: hidden;
}
.vk-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
padding: 0;
margin: 0;
}

/* Обложка */
.e-cover-image {
 float: inline-start;
 margin-inline-end: 1rem;
 margin-top: 1rem;
 max-width: 100%;
 height: auto;
}

.cover-image-small {
 float: inline-start;
 margin-inline-end: 1rem;
 margin-top: 1rem;
 max-width: 30%;
 height: auto;
}

/* Изображения в тексте */
.news img {
float: left; 
margin-right: 10px; 
margin-bottom: 5px; 
vertical-align: top;
max-width: 40%;
height: auto; 
}

.highlight img {
float: left; 
margin-right: 10px; 
margin-bottom: 5px; 
vertical-align: top;
max-width: 40%;
height: auto; 
}

.news2 img {
 float: left;
 margin: 5px !important;
 vertical-align: top !important;
 max-width: 100%;
 height: auto;
}

@media (max-width: 800px) {
 .news2 img {
 float: none; 
 display: block; 
 margin: 5px auto; 
 max-width: 100%;
 height: auto;
 }
}

/* Переключатель страниц */
.catPages1,
.catPages2,
.pagesBlock1,
.pagesBlock2,
.pagesBlockuz1,
.pagesBlockuz2 {
 padding: 35px 0 10px;
}

span.catPages1,
span.catPages2,
span.pagesBlock1,
span.pagesBlock2,
span.pagesBlockuz1,
span.pagesBlockuz2 {
 display: inline-block;
}

.catPages1 a,
.catPages1 b,
.catPages2 a,
.catPages2 b,
.pagesBlock1 a,
.pagesBlock1 b,
.pagesBlock2 a,
.pagesBlock2 b,
.pagesBlockuz1 a,
.pagesBlockuz1 b,
.pagesBlockuz2 a,
.pagesBlockuz2 b {
 padding: 8px 12px;
 border-radius: 3px;
 color: #fff;
 background: #ff9900;
 font-size: 13px;
 font-weight: 700;
 transition: box-shadow 0.3s ease, background 0.3s ease;
}

.catPages1 b,
.catPages2 b,
.pagesBlock1 b,
.pagesBlock2 b,
.pagesBlockuz1 b,
.pagesBlockuz2 b {
 background: #d97700;
 box-shadow: 0 0 8px rgba(217, 119, 0, 0.8);
}

.catPages1 a:hover,
.catPages2 a:hover,
.pagesBlock1 a:hover,
.pagesBlock2 a:hover,
.pagesBlockuz1 a:hover,
.pagesBlockuz2 a:hover {
 background: #ff9900;
 box-shadow:
 0 0 6px rgba(255, 153, 0, 0.7),
 0 0 12px rgba(255, 153, 0, 0.6),
 0 0 18px rgba(255, 153, 0, 0.4);
}

.swchItemDots {
 color: #96968b;
 font-size: 13px;
 font-weight: 700;
}

/* Комментарии */
.omg {background: #243a47; 
border-bottom: 1px solid #3e657d; 
padding: 2px 7px; 
margin: 2px 0px 0; 
overflow: hidden; 
float: right; 
color: #fff; 
-khtml-border-radius: 2px; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
} 
 .omg a { 
color: fff; 
}

.comm2 {background:#fff;margin-bottom:10px;padding:15px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}


.shifted-left {
 position: relative; /* Позволяет сдвигать элемент относительно его исходного положения */
 left: -60px; /* Сдвиг влево на 20 пикселей (можно менять значение) */
 /* Дополнительно: можно использовать проценты, например left: -5% */
}

.uComForm {
 width: 100%;
 box-sizing: border-box;
}

.uComForm-inner {
 display: flex;
 flex-direction: column;
 width: 100%;
}

.ucf-content {
 width: 100%;
}

/* Лево */
.main-left .ad-item {
 width: 250px;
 max-width: 250px; 
 border: 1px solid #ddd;
 padding: 10px;
 box-sizing: border-box;
 overflow: hidden; /* корректное обтекание */
 margin-bottom: 5px;
}

.main-left .ad-item img {
 float: left; /* обтекание текста */
 width: 45%;
 max-height: 80px;
 height: auto;
 margin: 0 10px 5px 0;
 border-radius: 4px;
}

.main-left .ad-item .rel-link {
 display: block;
 color: #000; 
 text-decoration: none; 
 word-wrap: break-word;
 white-space: normal;
 line-height: 1.4;
 font-size: 0.7em;
 
}

.main-left .ad-item .rel-link b {
 text-decoration: underline; 
}

/* Похожие новости */
.dop-news {
 background: #fff;
 margin-bottom: 10px;
 padding: 15px;
 border-radius: 8px;
 box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
 line-height: 1.4;
 font-size: 0.8em;
 min-height: 270px; 
 }

.dop-news h3 a {
 text-decoration: none;
 color: #d97700;
 position: relative;
 transition: color 0.3s, background-size 0.3s;
}

.dop-news h3 a::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 2px;
 background-color: #ff9900;
 transform: scaleX(0);
 transform-origin: center;
 transition: transform 0.3s ease;
}

.dop-news h3 a:hover {
 color: #ff9900;
}

.dop-news h3 a:hover::after {
 transform: scaleX(1);
}

.dop-news img {
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
 vertical-align: top;
 max-width: 40%;
 height: auto;
}

/* ===== БАЗОВАЯ ФОРМА ПОИСКА ===== */
.poick_os {
 display: flex;
 align-items: center;
 width: 90%;
 margin: 0 auto;
 padding: 10px;
 background: transparent;
 border: none;
 box-sizing: border-box;
}

/* Общие стили элементов */
.poick_os input {
 margin: 0;
 font: 15px Roboto, sans-serif;
 box-sizing: border-box;
}

/* ===== ПОЛЕ ВВОДА (ОБЩЕЕ) ===== */
.poick_pole {
 width: 90%;
 height: 40px;
 padding: 8px 12px;
 color: #555;
 font-size: 15px;
 background: #f4f6f8;
 border: 1px solid #cfd6dc;
 border-radius: 4px;
 outline: none;
 transition: border-color .2s ease,
 box-shadow .2s ease,
 background .2s ease;
}

/* Фокус поля */
.poick_pole:focus {
 background: #ffffff;
 border-color: #d97700;
 box-shadow: 0 0 0 2px rgba(217,119,0,.2);
}

/* ===== КНОПКА ===== */
.poick_knopka {
 width: 10%;
 min-width: 120px;
 height: 40px;
 display: inline-block;
 padding: 8px 12px;
 background: #d97700;
 color: #fff;
 text-decoration: none;
 border: none;
 border-radius: 5px;
 cursor: pointer;
 font-weight: 600;
 box-shadow: 0 4px 6px rgba(0,0,0,.15);
 transition: all .3s ease;
}

.poick_knopka:hover {
 background: #ff9900;
 box-shadow: 0 6px 12px rgba(0,0,0,.25);
}

/* ===== КОМПАКТНАЯ ВЕРСИЯ ===== */
.poick_os.poick_compact {
 flex-direction: column;
 align-items: stretch;
 width: 100%;
}

/* Поле в компактной форме */
.poick_os.poick_compact .poick_pole {
 width: 100%;
 height: 36px;
 margin-bottom: 8px;
}

/* Кнопка в компактной форме */
.poick_os.poick_compact .poick_knopka {
 width: 100%;
 min-width: 0;
}

/* Календарь */
.calMonth {}
.calWday {color:#FFFFFF; background:#ff9900; width:18px;border-radius: 4px;}
.calWdaySe {color:#FFFFFF; background:#d97700; width:18px;border-radius: 4px;}
.calWdaySu {color:#FFFFFF; background:#d97700; width:18px; font-weight:bold;border-radius: 4px;}
.calMday {border:1px solid #FFFFFF;border-radius: 4px;}
.calMdayA {background:#d97700;font-weight:bold;color:#FFFFFF;border-radius: 4px;}
.calMdayIs {font-weight:bold;border-radius: 4px;}
.calMdayIsA {border:1px solid #d97700; background:#FFFFFF;font-weight:bold;border-radius: 4px;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#d97700;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#d97700;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#ff9900;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#ff9900;}

/* Опрос */ 
.cell_poll { 
 float: left; 
 width: 95%; 
 padding: 0px 10px 5px 10px;
}

/* Заголовок опроса */
.poll_title { 
 text-align: center; 
 font-weight: bold; 
 padding: 5px 0px; 
 border-bottom: 1px solid #d97700; 
}

/* Вариант ответа в опросе */
.poll_variant { 
 float: left;
 text-align: left;
 width: 100%; 
 padding: 5px 0px; 
}

/* Нижний блок опроса */
.poll_niz { 
 float: left; 
 font-size: 11px; 
 width: 100%; 
 padding: 5px 0px; 
 border-top: 1px solid #d97700; 
}

/* Контейнер для ответа */
.answer { 
 padding: 2px 5px 2px 5px; 
 margin: 2px 0px 2px 0px; 
}

.answer input,
.answer label { 
 margin: 0;
}

/* Полоска процентов */
.answer div div { 
 height: 10px !important; 
 border: 0px;
 margin: 0px;
}

/* Контейнер для визуальной индикации ответа */
.answer div { 
 display: block; 
 position: relative; 
 padding: 0 !important; 
 border: 0px;
 margin: 0px; 
}

/* ===== КНОПКА ОПРОСА ===== */
.pollBut {
 display: inline-block;
 margin-top: 10px;
 padding: 8px 16px;
 background: #d97700;
 color: #fff;
 border: none;
 border-radius: 5px;
 font-family: Roboto, sans-serif;
 font-size: 13px;
 font-weight: 600;
 cursor: pointer;
 box-shadow: 0 4px 6px rgba(0,0,0,.15);
 transition: background .3s ease, box-shadow .3s ease;
}

.pollBut:hover {
 background: #ff9900;
 box-shadow: 0 6px 12px rgba(0,0,0,.25);
}

.pollBut:active {
 box-shadow: inset 0 0 4px rgba(0,0,0,.4);
}

/* АЭРОЛУГА */

.banner-link {
 display: block;
 text-decoration: none;
 width: 100%;
 min-height: 100px;
 border-radius: 12px;
 overflow: hidden;
 position: relative;
}

.banner-container {
 background-color: #0063B1;
 width: 100%;
 min-height: 100px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 20px 0;
 box-sizing: border-box;
 position: relative;
 color: #fff;
}

.banner-image {
 width: 70%;
 height: auto;
 margin-bottom: 15px;
 border-radius: 8px;
 transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.banner-link:hover .banner-image {
 transform: scale(1.08);
 box-shadow: 0 0 20px rgba(255,255,255,.7);
}

.banner-text {
 color: #fff;
 font-family: Arial, sans-serif;
 font-size: 16px;
 line-height: 1.4;
 text-align: center;
 margin: 0 10px;
 transition: opacity 0.3s ease;
}

.banner-link:hover .banner-text {
 opacity: .9;
}

/* БАННЕР ФЕСТИВАЛЯ ШТОЛЛЬ */
.banner-stoll {
 border-radius: 16px;
}

.banner-stoll-container {
 background:
 linear-gradient(
 180deg,
 #220000 0%,
 #5e1000 45%,
 #ff5a00 100%
 );
 padding: 14px 10px;
 overflow: hidden;
 position: relative;
}

@keyframes flameRise {
 0% { transform: translateY(0) scale(1); opacity: .7; }
 50% { transform: translateY(-10%) scale(1.05); opacity: .9; }
 100% { transform: translateY(-20%) scale(1); opacity: .75; }
}

.banner-stoll-container::before {
 content: "";
 position: absolute;
 left: -15%;
 right: -15%;
 bottom: -35%;
 height: 75%;
 background:
 radial-gradient(circle at 20% 95%, rgba(255,140,0,.55), transparent 55%),
 radial-gradient(circle at 50% 100%, rgba(255,80,0,.6), transparent 60%),
 radial-gradient(circle at 80% 92%, rgba(255,200,0,.5), transparent 55%);
 animation: flameRise 5s ease-in-out infinite;
 z-index: 0;
}

@keyframes fireGlowBg {
 0% { filter: brightness(1) saturate(1); }
 50% { filter: brightness(1.15) saturate(1.25); }
 100% { filter: brightness(1) saturate(1); }
}

.banner-stoll:hover .banner-stoll-container {
 animation: fireGlowBg 2.2s ease-in-out infinite;
}

.banner-stoll-container > * {
 position: relative;
 z-index: 2;
}

.stoll-header {
 text-align: center;
 margin-bottom: 16px;
 position: relative;
}

.stoll-logo {
 max-width: 90%;
 height: auto;
 display: inline-block;
 position: relative;

 filter:
 drop-shadow(-1px 0 0 #000)
 drop-shadow(1px 0 0 #000)
 drop-shadow(0 -1px 0 #000)
 drop-shadow(0 1px 0 #000)
 drop-shadow(0 0 6px rgba(255,180,60,.9))
 drop-shadow(0 0 16px rgba(255,120,0,.85))
 drop-shadow(0 0 32px rgba(255,60,0,.8))
 drop-shadow(0 0 56px rgba(255,20,0,.65));

 transition: transform .3s ease, filter .3s ease;
 z-index: 2;
}

.banner-stoll:hover .stoll-logo {
 transform: scale(1.05);

 filter:
 drop-shadow(-1.2px 0 0 #000)
 drop-shadow(1.2px 0 0 #000)
 drop-shadow(0 -1.2px 0 #000)
 drop-shadow(0 1.2px 0 #000)
 drop-shadow(0 0 10px #ffd27a)
 drop-shadow(0 0 24px #ff8c00)
 drop-shadow(0 0 44px #ff3c00)
 drop-shadow(0 0 72px #ff0000);
}

.stoll-info {
 display: grid;
 gap: 8px;
 max-width: 560px;
 margin: 0 auto;
}

.stoll-line {
 padding: 8px 14px;
 border-radius: 8px;
 background: rgba(0,0,0,.35);
 font-size: clamp(13px, 2.7vw, 15px);
 line-height: 1.4;
}

.stoll-line-main {
 font-weight: bold;
 border-left: 4px solid #ff9800;
}

.stoll-line-place {
 text-align: left;
 border-left: 4px solid #ff5a00;
}

.stoll-line-date {
 text-align: center;
 font-weight: bold;
 color: #ffd36a;
 background: rgba(0,0,0,.45);
}

@media (max-width: 768px) {
 .stoll-logo {
 max-width: 100%;
 }
}


/* BARDAK-TV */
.banner-bardak {
 border-radius: 16px;
}

.banner-bardak-container {
 background-color: #000; 
 padding: 20px 10px;
 overflow: hidden;
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}

.bardak-header {
 text-align: center;
 position: relative;
 margin-bottom: 12px;
}

.bardak-logo {
 max-width: 90%;
 height: auto;
 display: inline-block;

 filter:
 drop-shadow(-1px 0 0 #000)
 drop-shadow(1px 0 0 #000)
 drop-shadow(0 -1px 0 #000)
 drop-shadow(0 1px 0 #000)
 drop-shadow(0 0 6px rgba(255,50,50,0.8))
 drop-shadow(0 0 16px rgba(255,20,20,0.6))
 drop-shadow(0 0 32px rgba(180,0,0,0.5));

 transition: transform .3s ease, filter .3s ease;
}

.banner-bardak:hover .bardak-logo {
 transform: scale(1.05);
 filter:
 drop-shadow(-1.2px 0 0 #000)
 drop-shadow(1.2px 0 0 #000)
 drop-shadow(0 -1.2px 0 #000)
 drop-shadow(0 1.2px 0 #000)
 drop-shadow(0 0 10px rgba(255,60,60,0.85))
 drop-shadow(0 0 24px rgba(255,20,20,0.7))
 drop-shadow(0 0 44px rgba(180,0,0,0.6));
}

.bardak-subtitle {
 font-family: Roboto, sans-serif;
 font-weight: 600;
 font-size: clamp(14px, 2vw, 18px);
 color: #fff; 
 text-shadow:
 0 0 6px rgba(255,0,0,0.6),
 0 0 12px rgba(255,0,0,0.5),
 0 0 18px rgba(180,0,0,0.4);
 margin-top: 8px;
}

@media (max-width: 768px) {
 .bardak-logo {
 max-width: 100%;
 }
 .bardak-subtitle {
 font-size: clamp(12px, 3vw, 16px);
 }
}


/* ЛАПЫ ЛЬВА */
.banner-lva {
 border-radius: 16px;
}

.banner-lva-container {
 background: linear-gradient(135deg, #ffcc00, #ff3366, #33ccff, #33ff66);
 padding: 20px 10px;
 overflow: hidden;
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;

 background-size: 400% 400%;
 animation: gradientMove 6s ease infinite; 
}

@keyframes gradientMove {
 0% { background-position: 0% 50%; }
 50% { background-position: 100% 50%; }
 100% { background-position: 0% 50%; }
}

.lva-header {
 text-align: center;
 position: relative;
 margin-bottom: 12px;
}

.lva-logo {
 max-width: 90%;
 height: auto;
 display: inline-block;
 transition: transform .3s ease;
}

.banner-lva:hover .lva-logo {
 transform: scale(1.05);
}

.lva-subtitle {
 font-family: Roboto, sans-serif;
 font-weight: 600;
 font-size: clamp(14px, 2vw, 18px);
 color: #fff; 
 text-shadow:
 0 0 6px #ffcc00,
 0 0 12px #ff3366,
 0 0 18px #33ccff;
 margin-top: 8px;
}

@media (max-width: 768px) {
 .lva-logo {
 max-width: 100%;
 }
 .lva-subtitle {
 font-size: clamp(12px, 3vw, 16px);
 }
}