/* =========================
   Root / переменные
   ========================= */
:root{
  --tab-color: #343b4c;
  --tab-active: #db253a;
  --tab-label: #777e98;
}

/* =========================
   Базовые элементы / reset
   ========================= */
html{background:#F5F8FA;height:100%;margin:0;padding:0;overflow-x: hidden;}
body{font-family:arial, sans-serif; font-size:9pt;color:var(--tab-color); margin:0;padding:73px 0 50px;overflow-x: hidden;}
* {box-sizing: border-box;}
ul, ol, li {padding:0;margin:0;list-style:none}
table{ empty-cells:show; border-collapse:collapse; border-spacing:0px; }
form, input { margin:0;padding:0;font-family:arial, sans-serif; font-size:9pt;}
input, select, textarea, a {outline:0 }
a img,:link img,:visited img { border:none; }
h1, h2, h3, h4, h5, p { margin:0}
h2 {font-size:18pt;font-weight:normal;}
p { padding:0 0 10px 0;color:var(--tab-color);}
a {color:#2f5f95;text-decoration:none;}
a:hover { text-decoration:none;color:var(--tab-active);}
label {font-size:8pt; color:var(--tab-label);cursor:text;font-weight:normal}

.layout_desktop {display:none;}
.layout_mobile {}

/* =========================
   Общие utility-классы
   ========================= */

.block_navigation::-webkit-scrollbar,
.news_slider::-webkit-scrollbar,
.bravo_slider::-webkit-scrollbar,
.pravo_slider::-webkit-scrollbar,
.potrebitel_slider::-webkit-scrollbar,
.doska_slider::-webkit-scrollbar {display:none;width: 0;background: transparent;}

.shadow_block {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);}
.widget_card {border: none;background: #fff;border-radius: 10px;width:100%;}
.widget_card_small {border: none;background: #fff;border-radius: 10px;padding: 10px;}
.position_relative {position:relative;}

.w-25 {width:25% !important;}
.w-30 {width:30% !important;}
.w-50 {width:calc(50% - 40px) !important;}
.w-70 {width:70% !important;}
.w-75 {width:75% !important;}
.w-100 {width:100% !important;}

.hide {display:none;}

.wrap{width:100%;max-width:1140px;margin:auto;}


/* =========================
   HEADER / шапка сайта
   ========================= */
/* header */

header{
    width:100%;
    background:#fff;
    height:auto;
    position: fixed;
    top:0;
    left:0;
    z-index: 1000;
}

#head_top {
    display:flex;
    gap:30px;
    align-items: center;
    justify-content: flex-start;
    padding:10px;
}
#logo {
    flex-shrink:0;
    background:url('/img/logo.svg') no-repeat left center;
    width:140px;
    overflow:hidden;
    text-indent:-10000px;
    height:52px;
}
#menu_button svg {
    width: 30px;
    height: 30px;
}
.nav_container {
    display: flex;
    justify-content: space-between;
    position:relative;
    border-top: 1px solid #e3e5ea;
}
nav {width:100%;float:none;}
nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
nav ul, nav ul li, nav ul li a {background:none;padding:0;}
nav ul li a {
    padding:15px 10px 12px;
    font-weight:bold;
    text-wrap: nowrap;
}
nav ul li a:hover {background:none;}

#navigation {
    overflow-x:scroll;
    overflow-y:hidden;
    padding:0;
    display:none;
}
#navigation::-webkit-scrollbar,
.slide::-webkit-scrollbar {
    display:none;
    width: 0;
    background: transparent;
}

#navigation ul {
    margin-bottom:0;
    font-size: 13px;
    text-transform: uppercase;
}
#navigation ul li > a {
    color: var(--tab-color);
    text-decoration:none;
    display:block;
}
#navigation ul li > a:hover { color: var(--tab-active); }
#navigation ul li.active > a { color: var(--tab-active); }

.slider-container {
    margin-top: 73px;
    height: calc(100% - 73px);
    overflow-y: hidden;
}


/* =========================
   Поиск в шапке
   ========================= */

#mainSearch {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:72px;
    padding:10px;
    align-items: center;
    background: #fff;
    z-index: 1039;
    margin-top:0;
}
#mainSearch div {
    padding:0;
    width:100%;
}
#mainSearch input#s {
    width:100%;
    font-size:16px;
    border: none;
    background:#2f609514;
    height: auto;
    padding: 10px;
    border-radius: 5px;
}
#mainSearch button {
    border: none;
    width: 32px;
    height: 32px;
    background: #2f6095;
    border-radius: 5px;
    position: absolute;
    top: 2px;
    right: 3px;
    color:#fff;
}


/* =========================
   Информеры (верх, погода, валюта)
   ========================= */

.informers {
    display:flex;
    padding:0 10px;
    align-items: center;
    justify-content: space-between;
    margin-bottom:20px;
}
.informers>div {width:calc(100% / 3 - 7px);}
.informer_currency {display:none;}
.informer_currency_icon {
    font-size: 18px;
    color: var(--tab-color);
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border: 1px solid #d5d8e2;
    border-radius: 50%;
    font-weight: bold;
}
.informer_currency_value {
    color: var(--tab-color);
    display: flex;
    align-items: center;
    font-size:16px;
    line-height: 1;
    margin-bottom:3px;
}
.informer_currency_value svg {margin-left:5px;}
.informer_currency_text {color:#777e98;}
.currency_value_up {color:#4fa74f;}
.currency_value_down {color:#dd5958;}

#currency {
    display:flex;
    gap:20px;
    width:auto;
}
#currency>div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size:16px;
}


/* =========================
   Погода (виджет)
   ========================= */

#israelWeather {
    width:100%;
    padding-left: 40px;
    background-position: left center;
    background-repeat: no-repeat;
}
.weather_block {
    flex-shrink:1;
    display:flex;
    align-items: center;
    justify-content: space-evenly;
    width:calc(100% - 230px);
}
.weather_info {
    color: var(--tab-color);
    display:flex;
    flex-direction: column;
    margin-bottom:3px;
    gap:0;
}
.weather_temp {
    font-size:16px;
    line-height: 1;
    font-weight: bold;
}
.weather_description {
    font-size:13px;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#israelWeather #weatherCities {
    top: 72px !important;
    padding:10px;
    background: #f5f8fa;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .1);
    z-index: 9;
}
#weatherCities .weather_cities {
    display:flex;
    flex-wrap:wrap;
    padding:0;
}
#weatherCities a {
    color: var(--tab-color);
    cursor:pointer;
    font-size: 14px;
}
#weatherCities a:hover {color: #db253a;}
.weather_cities>div {
    width:calc(100% / 3);
    padding:8px;
}
#weatherCities a.setWeatherCityButton.selected {
    font-weight: bold;
    color: #777e98;
    cursor: default;
}

#weatherCities div {
    border:none !important;
    background: none !important;
}

#weatherCities .weather_links {
    border-top: 1px solid #e3e5ea !important;
    display: flex;
    gap: 12px;
    font-size:14px;
    padding: 10px 0 0;
    margin-top:10px;
}
#weatherCities .weather_links a {color:var(--tab-color);}
#weatherCities .weather_links a:hover {color:var(--tab-active);}

.city_title1 {
    color: #777e98;
    font-size: 13px;
    cursor: pointer;
    display:inline-block;
    text-wrap:nowrap;
}
.city_title1:hover {color: var(--tab-active);}

.creditForeca {
    padding:0;
    color: var(--tab-color);
    font-size:13px;
}
.creditForeca a {
    display:inline !important;
    padding:0 !important;
}


/* =========================
   Секции / общая структура
   ========================= */

.section {padding:20px 0 0;}
.inner_block {
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:0 0 20px;
}
.block_title {
    margin-bottom:20px;
    display: flex;
    gap:10px;
    align-items:center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block_title .title_a {
    display:block;
    padding:0 10px;
    color:var(--tab-color);
    text-wrap:nowrap;
    font-size: 22px;
    font-weight: bold;
    text-decoration:underline;
}
.block_title .title_a:hover {color:var(--tab-active);}

.block_title>div {
    overflow-x:scroll;
    display:flex;
    align-items:center;
    font-size:14px;
}
.block_title>div>a {
    padding:5px 10px;
    color:var(--tab-label);
    text-wrap: nowrap;
}
.block_title>div>a:hover {color:var(--tab-active);}

.block_title_zag {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    flex-shrink: 0;
}

.block_title button {
    color:#343b4c;
    background: none;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border:none;
    gap: 10px;
    margin-right: 10px;
}
.block_title button svg {display:block;}

.block_navigation {
    /* десктоп-навигация секции – скрыта на мобилке */
    /* display:none; – по умолчанию */
}
#section_news .block_navigation {display:none;}

.section a {color:var(--tab-color);}


/* =========================
   Новости (главный блок)
   ========================= */

#news_list {
    display:flex;
    flex-direction: column;
    gap:15px;
    padding:0 10px;
}
#news_list>div {width:100%;}
#news_list ul {
    display:flex;
    gap:15px;
    flex-direction: column;
}
#news_list ul li a {
    display:flex;
    gap:10px;
}
#news_list ul li img {
    border-radius:5px;
    width:60px;
    height:60px;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.news_a {
    display:flex;
    align-items: stretch;
    gap:10px;
}
.news_a img {
    border-radius:5px;
    width:60px;
    height:60px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

#news_list p {display:none;}
#news_list h3 {
    margin-bottom:5px;
    font-size:15px;
    line-height:1.3;
}

.news_title_block {
    padding:10px;
    display: flex;
    flex-direction: column;
}

#news_list .favor {
    position:relative;
    padding:0;
    flex-shrink: 0;
}
#news_list .favor a {
    display: flex;
    align-items: stretch;
}

.favImg img {
    display:block;
    border-radius:5px;
    width:60px;
    height: 60px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.fav_title_block {
    padding:10px;
}

.news_date {
    color:#777e98;
    font-size: 13px;
    margin-bottom:5px;
}
#sh_news .news_date {
    margin-right:5px;
    font-size:13px;
}


/* Короткие новости (список справа/слайдер) */

#sh_news {}
#sh_news ul {
    display:flex;
    gap:0 !important;
    flex-direction: column;
    padding:10px;
}
#sh_news ul li {
    font-size: 14px;
    line-height:1.3;
    border-top: 1px solid #eee;
    padding:12px 0;
}
#sh_news ul li:first-child {
    padding:0 0 12px;
    border-top:none;
}
#sh_news ul li a {display:block;}

.short_news {display:none;position:relative;flex-shrink:1;}

.news_slider {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: scroll;
    height: 100%;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
.news_slide {
    display: flex;
    gap: 10px;
    flex-direction: column;
    scroll-snap-align: start;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    flex-shrink: 0;
    padding: 10px;
    scroll-snap-stop: always;
}
.news_slide h3 {
    font-size:15px;
    line-height:1.3;
    margin-bottom:5px;
}


/* =========================
   Доска объявлений
   ========================= */

.doska_list {
    padding:0 10px;
    row-gap: 10px;
    display:flex;
    flex-direction: column;
}
.doska_list>div {width: 100%;}
.doska_list>div a {
    display: flex;
    gap:10px;
}
.doska_list>div img {
    aspect-ratio:1/1;
    object-fit: cover;
    border-radius:5px;
}
.doska_list>div h3 {
    line-height: 1.2;
    margin: 5px 0;
}

.doska_slider {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: scroll;
    height: 100%;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 10px;
    scroll-padding-left: 10px;
    scroll-padding-right: 10px;
    gap: 10px;
}
.doska_slider .doska_slide {
    display: flex;
    gap: 10px;
    flex-direction: column;
    scroll-snap-align: start;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    flex-shrink: 0;
    padding: 10px;
    scroll-snap-stop: always;
}
.doska_slider .doska_slide a {
    display: flex;
    gap: 10px;
}
.doska_slider .doska_slide img {
    width:60px;
    height:60px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 5px;
}


/* =========================
   Раздел «Право» / вопросы
   ========================= */

.pravo_block {
    flex-shrink:0;
    padding:10px;
}

.pravo_questions {
    padding:10px;
    width:100%;
}
.pravo_questions>div {
    line-height:1.3;
    border-top: 1px solid #eee;
    padding:12px 0;
}
.pravo_questions>div:first-child {
    padding:0 0 12px;
    border-top:none;
}
#section_pravo .pravo_questions h3 {margin-bottom:0;}
#section_pravo .w-70 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.pravo_slider {
    display: flex;
    gap:10px;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: scroll;
    height: 100%;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding:0 10px;
    scroll-padding-left: 10px;
    scroll-padding-right: 10px;
}

.pravo_slide {
    display: flex;
    gap: 10px;
    flex-direction: column;
    scroll-snap-align: start;
    -webkit-overflow-scrolling: touch;
    width: 90%;
    flex-shrink: 0;
    padding: 10px;
    scroll-snap-stop: always;
}
.pravo_slide p {padding:0;}

.pravo_slide1 {
    display: flex;
    gap: 10px;
    flex-direction: column;
    scroll-snap-align: center;
    -webkit-overflow-scrolling: touch;
    width: 80%;
    flex-shrink: 0;
    padding: 10px;
    scroll-snap-stop: always;
}


/* =========================
   Раздел «Потребитель»
   ========================= */

.potrebitel_list {
    gap:10px;
    display:flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.potrebitel_list>div {width:calc(50% - 5px);}

.potrebitel_slider {
    display: flex;
    gap: 10px;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: scroll;
    height: 100%;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding:0 10px 20px;
    scroll-padding-left: 10px;
    scroll-padding-right: 10px;
}
.potrebitel_slider .potrebitel_slide {
    display: flex;
    gap: 10px;
    flex-direction: column;
    scroll-snap-align: start;
    -webkit-overflow-scrolling: touch;
    width: calc(45% - 5px);
    flex-shrink: 0;
    padding: 0;
    scroll-snap-stop: always;
}


/* =========================
   Раздел «Браво» / статьи
   ========================= */

.bravo_list {
    padding:0 10px;
    display:flex;
    justify-content: space-between;
    gap:20px;
    flex-direction: column;
}
.bravo_fav {
    width: 100%;
    flex-shrink:0;
}
.bravo_sublist {
    flex-shrink:1;
    display:flex;
    justify-content: space-between;
    gap:20px;
    flex-wrap:wrap;
}
.bravo_sublist .favImg {
    flex-shrink:0;
    width:100%;
}
.bravo_sublist .widget_card {
    flex-direction: column;
}

.bravo_slider {
    display: flex;
    gap: 10px;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: scroll;
    height: 100%;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding:0 10px;
    scroll-padding-left: 10px;
    scroll-padding-right: 10px;
}
.bravo_slide {
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    -webkit-overflow-scrolling: touch;
    width: calc(55% - 5px);
    flex-shrink: 0;
    padding: 0;
    scroll-snap-stop: always;
}
.bravo_slide .favImg img {
    width:100%;
    height:auto;
    aspect-ratio: 3/2;
}


/* =========================
   Слайдеры / навигация
   ========================= */

.slider {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: nowrap;
    height: 100%;
    overflow-y: scroll;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
.slide {
    width: 100%;
    overflow-x: hidden;
    flex-shrink: 0;
    padding-top: 20px;
    padding-bottom:30px;
}

.slides_buttons {
    display: none;
    z-index:9;
    aspect-ratio: 2 / 3;
    position:absolute;
    top:0;
    height:100%;
    background:none;
    border:none;
    outline:none;
}

.slider_buttons {
    display:none;
    justify-content: space-between;
    width:100%;
    padding:10px;
}
.slider_buttons button {
    display:flex;
    align-items: center;
    background:none;
    outline:none;
    border:1px solid;
    border-radius:5px;
    padding:5px 10px;
    font-size:14px;
}

.slider_navigation {
    display:flex;
    gap:10px;
    justify-content: center;
    padding: 10px;
}
.slider_navigation>div {
    width:8px;
    height:8px;
    border-radius:50%;
    background:#eee;
}
.slider_navigation>div.active {
    background:var(--tab-color);
}


/* =========================
   Тексты, ссылки для разделов
   ========================= */

.subtitle {
    display: block;
    padding: 10px 0;
    color: #333;
    text-wrap: nowrap;
    font-size: 20px;
    font-weight: bold;
}

#section_pravo a,
#section_potrebitel a,
#section_doska a,
.bravo_list a,
#news_list a {color:var(--tab-color);}

#section_pravo p,
#section_potrebitel p,
#section_doska p,
.bravo_sublist p {
    color:var(--tab-color);
    line-height: 1.3;
    font-size: 13px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: max-content;
    overflow: hidden;
    padding: 0;
}
.bravo_list p {
    line-height: 1.4;
    font-size: 14px;
    padding: 0;
    color:var(--tab-color);
}
#section_doska h3 {font-size:15px;line-height:1.3;}
#section_pravo h3,
#section_potrebitel h3,
.bravo_list h3 {
    font-size:15px;
    line-height:1.3;
    margin-bottom:5px;
}
#section_pravo a:hover,
#section_potrebitel a:hover,
#section_doska a:hover,
.bravo_list a:hover,
#news_list a:hover {color:var(--tab-active);}


/* =========================
   Компании / контакты
   ========================= */

.company_title,
.company_address {
    font-size:14px;
}


/* =========================
   Иконки погоды (icon font)
   ========================= */

.wi{
    background: none !important;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    line-height: 1;
    vertical-align: -0.125em;
}
.wi::before {
    content: "";
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    -webkit-mask: var(--wi-icon) no-repeat center / contain;
    mask: var(--wi-icon) no-repeat center / contain;
    background-color: currentColor;
}

/* дальше – маппинг классов на svg-иконки */

.wi-day-cloudy-gusts{--wi-icon:url("/img/weather/f000.svg")}
.wi-day-cloudy-windy{--wi-icon:url("/img/weather/f001.svg")}
.MostlyCloudyDay,.wi-day-cloudy{--wi-icon:url("/img/weather/f002.svg")}
.FogDay{--wi-icon:url("/img/weather/f003.svg")}
.HailDay,.wi-day-hail{--wi-icon:url("/img/weather/f004.svg")}
.wi-day-lightning{--wi-icon:url("/img/weather/f005.svg")}
.DrizzleDay{--wi-icon:url("/img/weather/f006.svg")}
.wi-day-rain-wind{--wi-icon:url("/img/weather/f007.svg")}
.RainDay{--wi-icon:url("/img/weather/f008.svg")}
.LightRainDay{--wi-icon:url("/img/weather/f009.svg")}
.SnowDay{--wi-icon:url("/img/weather/f00a.svg")}
.wi-day-sprinkle{--wi-icon:url("/img/weather/f00b.svg")}
.FairDay,.PartlyCloudyDay{--wi-icon:url("/img/weather/f00c.svg")}
.ClearDay{--wi-icon:url("/img/weather/f00d.svg")}
.wi-day-storm-showers{--wi-icon:url("/img/weather/f00e.svg")}
.ThunderDay{--wi-icon:url("/img/weather/f010.svg")}
.wi-cloudy-gusts{--wi-icon:url("/img/weather/f011.svg")}
.wi-cloudy-windy{--wi-icon:url("/img/weather/f012.svg")}
.Cloudy,.CloudyDay,.CloudyNight,.wi-cloudy{--wi-icon:url("/img/weather/f013.svg")}
.Fog{--wi-icon:url("/img/weather/f014.svg")}
.wi-hail{--wi-icon:url("/img/weather/f015.svg")}
.wi-lightning{--wi-icon:url("/img/weather/f016.svg")}
.wi-rain-mix{--wi-icon:url("/img/weather/f017.svg")}
.wi-rain-wind{--wi-icon:url("/img/weather/f018.svg")}
.Rain{--wi-icon:url("/img/weather/f019.svg")}
.LightRain{--wi-icon:url("/img/weather/f01a.svg")}
.Snow{--wi-icon:url("/img/weather/f01b.svg")}
.wi-sprinkle{--wi-icon:url("/img/weather/f01c.svg")}
.wi-storm-showers{--wi-icon:url("/img/weather/f01d.svg")}
.Thunder{--wi-icon:url("/img/weather/f01e.svg")}
.Haze,.HazeDay,.HazeNight,.wi-windy{--wi-icon:url("/img/weather/f021.svg")}
.wi-night-alt-cloudy-gusts{--wi-icon:url("/img/weather/f022.svg")}
.wi-night-alt-cloudy-windy{--wi-icon:url("/img/weather/f023.svg")}
.HailNight,.wi-night-alt-hail{--wi-icon:url("/img/weather/f024.svg")}
.wi-night-alt-lightning{--wi-icon:url("/img/weather/f025.svg")}
.DrizzleNight{--wi-icon:url("/img/weather/f026.svg")}
.wi-night-alt-rain-wind{--wi-icon:url("/img/weather/f027.svg")}
.wi-night-alt-rain{--wi-icon:url("/img/weather/f028.svg")}
.wi-night-alt-showers{--wi-icon:url("/img/weather/f029.svg")}
.wi-night-alt-snow{--wi-icon:url("/img/weather/f02a.svg")}
.wi-night-alt-sprinkle{--wi-icon:url("/img/weather/f02b.svg")}
.wi-night-alt-storm-showers{--wi-icon:url("/img/weather/f02c.svg")}
.wi-night-alt-thunderstorm{--wi-icon:url("/img/weather/f02d.svg")}
.ClearNight{--wi-icon:url("/img/weather/f02e.svg")}
.wi-night-cloudy-gusts{--wi-icon:url("/img/weather/f02f.svg")}
.wi-night-cloudy-windy{--wi-icon:url("/img/weather/f030.svg")}
.MostlyCloudyNight,.wi-night-cloudy{--wi-icon:url("/img/weather/f031.svg")}
.wi-night-hail{--wi-icon:url("/img/weather/f032.svg")}
.wi-night-lightning{--wi-icon:url("/img/weather/f033.svg")}
.wi-night-rain-mix{--wi-icon:url("/img/weather/f034.svg")}
.wi-night-rain-wind{--wi-icon:url("/img/weather/f035.svg")}
.RainNight{--wi-icon:url("/img/weather/f036.svg")}
.LightRainNight{--wi-icon:url("/img/weather/f037.svg")}
.SnowNight{--wi-icon:url("/img/weather/f038.svg")}
.wi-night-sprinkle{--wi-icon:url("/img/weather/f039.svg")}
.wi-night-storm-showers{--wi-icon:url("/img/weather/f03a.svg")}
.ThunderNight{--wi-icon:url("/img/weather/f03b.svg")}
.wi-celsius{--wi-icon:url("/img/weather/f03c.svg")}
.wi-cloud-down{--wi-icon:url("/img/weather/f03d.svg")}
.wi-cloud-refresh{--wi-icon:url("/img/weather/f03e.svg")}
.wi-cloud-up{--wi-icon:url("/img/weather/f040.svg")}
.wi-cloud{--wi-icon:url("/img/weather/f041.svg")}
.wi-degrees{--wi-icon:url("/img/weather/f042.svg")}
.wi-down-left{--wi-icon:url("/img/weather/f043.svg")}
.wi-down{--wi-icon:url("/img/weather/f044.svg")}
.wi-fahrenheit{--wi-icon:url("/img/weather/f045.svg")}
.wi-horizon-alt{--wi-icon:url("/img/weather/f046.svg")}
.wi-horizon{--wi-icon:url("/img/weather/f047.svg")}
.wi-left{--wi-icon:url("/img/weather/f048.svg")}
.FogNight{--wi-icon:url("/img/weather/f04a.svg")}
.wi-refresh-alt{--wi-icon:url("/img/weather/f04b.svg")}
.wi-refresh{--wi-icon:url("/img/weather/f04c.svg")}
.wi-right{--wi-icon:url("/img/weather/f04d.svg")}
.wi-sprinkles{--wi-icon:url("/img/weather/f04e.svg")}
.wi-strong-wind{--wi-icon:url("/img/weather/f050.svg")}
.wi-sunrise{--wi-icon:url("/img/weather/f051.svg")}
.wi-sunset{--wi-icon:url("/img/weather/f052.svg")}
.wi-thermometer-exterior{--wi-icon:url("/img/weather/f053.svg")}
.wi-thermometer-internal{--wi-icon:url("/img/weather/f054.svg")}
.wi-thermometer{--wi-icon:url("/img/weather/f055.svg")}
.wi-tornado{--wi-icon:url("/img/weather/f056.svg")}
.wi-up-right{--wi-icon:url("/img/weather/f057.svg")}
.wi-up{--wi-icon:url("/img/weather/f058.svg")}
.wi-wind-west{--wi-icon:url("/img/weather/f059.svg")}
.wi-wind-south-west{--wi-icon:url("/img/weather/f05a.svg")}
.wi-wind-south-east{--wi-icon:url("/img/weather/f05b.svg")}
.wi-wind-south{--wi-icon:url("/img/weather/f05c.svg")}
.wi-wind-north-west{--wi-icon:url("/img/weather/f05d.svg")}
.wi-wind-north-east{--wi-icon:url("/img/weather/f05e.svg")}
.wi-smoke{--wi-icon:url("/img/weather/f062.svg")}
.wi-dust{--wi-icon:url("/img/weather/f063.svg")}
.wi-snow-wind{--wi-icon:url("/img/weather/f064.svg")}
.wi-day-snow-wind{--wi-icon:url("/img/weather/f065.svg")}
.wi-night-snow-wind{--wi-icon:url("/img/weather/f066.svg")}
.wi-night-alt-snow-wind{--wi-icon:url("/img/weather/f067.svg")}
.wi-day-sleet-storm{--wi-icon:url("/img/weather/f068.svg")}
.wi-night-sleet-storm{--wi-icon:url("/img/weather/f069.svg")}
.wi-wind-north{--wi-icon:url("/img/weather/f060.svg")}
.wi-night-alt-sleet-storm{--wi-icon:url("/img/weather/f06a.svg")}
.wi-day-snow-thunderstorm{--wi-icon:url("/img/weather/f06b.svg")}
.wi-night-snow-thunderstorm{--wi-icon:url("/img/weather/f06c.svg")}
.wi-night-alt-snow-thunderstorm{--wi-icon:url("/img/weather/f06d.svg")}
.wi-lunar-eclipse{--wi-icon:url("/img/weather/f070.svg")}
.wi-meteor{--wi-icon:url("/img/weather/f071.svg")}
.wi-hot{--wi-icon:url("/img/weather/f072.svg")}
.wi-hurricane{--wi-icon:url("/img/weather/f073.svg")}
.wi-smog{--wi-icon:url("/img/weather/f074.svg")}
.wi-alien{--wi-icon:url("/img/weather/f075.svg")}
.wi-snowflake-cold{--wi-icon:url("/img/weather/f076.svg")}
.wi-stars{--wi-icon:url("/img/weather/f077.svg")}
.wi-moon-full{--wi-icon:url("/img/weather/f078.svg")}
.wi-moon-waxing-gibbous{--wi-icon:url("/img/weather/f079.svg")}
.wi-moon-waxing-quarter{--wi-icon:url("/img/weather/f07a.svg")}
.wi-moon-waxing-crescent{--wi-icon:url("/img/weather/f07b.svg")}
.wi-moon-young{--wi-icon:url("/img/weather/f07c.svg")}
.wi-moon-new{--wi-icon:url("/img/weather/f07d.svg")}
.wi-moon-old{--wi-icon:url("/img/weather/f07e.svg")}
.wi-moon-waning-crescent{--wi-icon:url("/img/weather/f080.svg")}
.wi-moon-waning-quarter{--wi-icon:url("/img/weather/f081.svg")}
.wi-moon-waning-gibbous{--wi-icon:url("/img/weather/f082.svg")}
.FairNight,.PartlyCloudyNight,.wi-night-partly-cloudy{--wi-icon:url("/img/weather/f083.svg")}

.ClearDay { background-image:url('/img/mainpage/weather/ClearDay.gif')}
.ClearNight { background-image:url('/img/mainpage/weather/ClearNight.gif')}
.CloudyDay { background-image:url('/img/mainpage/weather/CloudyDay.gif')}
.CloudyNight { background-image:url('/img/mainpage/weather/CloudyNight.gif')}
.DrizzleDay { background-image:url('/img/mainpage/weather/DrizzleDay.gif')}
.DrizzleNight { background-image:url('/img/mainpage/weather/DrizzleNight.gif')}
.FairDay { background-image:url('/img/mainpage/weather/FairDay.gif')}
.FairNight { background-image:url('/img/mainpage/weather/FairNight.gif')}
.FogDay { background-image:url('/img/mainpage/weather/FogDay.gif')}
.FogNight { background-image:url('/img/mainpage/weather/FogNight.gif')}
.HailDay { background-image:url('/img/mainpage/weather/HailDay.gif')}
.HailNight { background-image:url('/img/mainpage/weather/HailNight.gif')}
.HazeDay { background-image:url('/img/mainpage/weather/HazeDay.gif')}
.HazeNight { background-image:url('/img/mainpage/weather/HazeNight.gif')}
.LightRainDay { background-image:url('/img/mainpage/weather/LightRainDay.gif')}
.LightRainNight { background-image:url('/img/mainpage/weather/LightRainNight.gif')}
.MostlyCloudyDay { background-image:url('/img/mainpage/weather/MostlyCloudyDay.gif')}
.MostlyCloudyNight { background-image:url('/img/mainpage/weather/MostlyCloudyNight.gif')}
.PartlyCloudyDay { background-image:url('/img/mainpage/weather/PartlyCloudyDay.gif')}
.PartlyCloudyNight { background-image:url('/img/mainpage/weather/PartlyCloudyNight.gif')}
.RainDay { background-image:url('/img/mainpage/weather/RainDay.gif')}
.RainNight { background-image:url('/img/mainpage/weather/RainNight.gif')}
.SnowDay { background-image:url('/img/mainpage/weather/SnowDay.gif')}
.SnowNight { background-image:url('/img/mainpage/weather/SnowNight.gif')}
.ThunderDay { background-image:url('/img/mainpage/weather/ThunderDay.gif')}
.ThunderNight { background-image:url('/img/mainpage/weather/ThunderNight.gif')}


/* =========================
   Мобильное меню / затемнения
   ========================= */

.mobile_menu {
    color: var(--tab-color);
    touch-action: none;
    user-select: none;
    position: fixed;
    width: calc(100% - 50px);
    transform:translateX(-100%);
    top: 0;
    bottom: 0;
    z-index: 1099;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgb(82 63 105 / 5%);
    overflow-y: auto;
    overflow-x: hidden;
    transition: transform .25s ease;
}
.mobile_menu.open_menu {transform:translateX(0);}
.mobile_menu_inner {
    padding: 20px 30px;
    max-width: 100%;
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.mobile_menu_block {
    border-top: 1px solid #eee;
    padding: 15px 0 0;
}
.mobile_menu_block a {
    font-size: 15px;
    padding: 6px 0;
    display: block;
    font-weight:bold;
    color:var(--tab-color);
}
.mobile_menu_block a:hover {color:var(--tab-active);}

.close_mobile_menu_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.background-holder {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1019;
}
.background-holder1 {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 989;
}


/* =========================
   FOOTER / подвал
   ========================= */
/* footer */

footer, .tbline {display:none;}
.tbline {background:#5078a4;color:#fff;padding:5px 0;}
.tbline a {color:#fff;}
footer {margin-top: 40px;background: #e3e9ef;border: none;padding: 20px 0;}
footer .wrap, .tbline .wrap {display:flex;}

/* =========================
   Медиа-запросы (desktop >= 768px)
   ========================= */

@media (min-width: 768px) {

    .layout_desktop {display:flex;}
    .layout_mobile {display:none;}

    /* Погода – десктопный dropdown */
    #israelWeather #weatherCities::before {
        content: "";
        position: absolute;
        top: -6px;
        left: 15px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #f5f8fa;
    }

    #israelWeather #weatherCities {
        top: unset !important;
        position:absolute !important;
        left:unset !important;
        right:unset !important;
        width: 400px;
        box-shadow:0 1px 2px 0 rgba(0, 0, 0, .1) !important;
        margin-top:10px;
        border-radius:5px;
    }

    .background-holder1 {display:none !important;}

    .company_title,
    .company_address {
        font-size:12px;
    }

    .creditForeca {padding: 18px 0 8px 28px;}

    body {padding-top:0 !important;padding-bottom:0 !important;}

    #section_news .block_navigation {display:flex;}
    .short_news {display:block;}

    .weather_block {width:100%;gap:20px;}
    #israelWeather {width:auto;}
    .weather_info {flex-direction: row;gap:5px;}


    #news_list {
        padding:0;
    }
    #news_list p {
        display:block;
        color:#343b4c;
        line-height: 1.4;
        padding: 0;
        font-size: 14px;
    }
    #news_list ul li p {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-height: max-content;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.3;
    }

    html {overflow-y:auto;height:100%;}
    .wrap{padding:0 10px;}

    #mainSearch {
        display:flex !important;
        align-items: center;
        background:none;
        position:unset;
        padding:0px;
        z-index:unset;
        width:100%;
        max-width:290px;
    }
    #mainSearch input#s {
        font-size: 14px;
    }

    #navigation {display:block;padding:5px 0;}
    nav ul li a {padding:7px 0;}

    #head_top {
        padding:15px 0;
        gap:20px;
        justify-content: space-between;
    }
    #logo {width:200px;}
    #menu_button {display:none;}

    .block_title {
        gap:20px;
        border-bottom: 3px solid #e3e5ea;
        padding: 0 0 5px;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .block_title>div {
        gap:5px;
        overflow:hidden;
        flex-wrap: nowrap;
        width:auto;
    }
    .block_title>a {padding: 0;}
    .block_title button {display: none;}
    .block_title_zag {width:auto;}
    .block_title .title_a {
        padding: 0;
        text-decoration:none;
    }

    #news_list .layout_desktop {
        display:flex;
        flex-direction: row;
        padding:0;
        gap:20px;
        flex-wrap: wrap;
    }
    #news_list .layout_desktop>.w-25 {flex-shrink: 1;}
    #news_list ul {
        gap:20px;
    }
    #news_list .w-100 ul {flex-direction: row;}
    #news_list ul li a {
        display:flex;
        flex-direction: column;
        gap:unset;
    }
    #sh_news ul li a {display:block;}
    #news_list ul li img {
        width:100%;
        height:140px;
        border-radius:10px;
        aspect-ratio: unset;
        object-fit: cover;
    }

    #sh_news {
        display:flex !important;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
    }
    #sh_news ul {
        flex-direction: column;
        overflow-y:scroll;
    }

    .pravo_block {width:calc(50% - 5px) !important;}

    .informer_currency {display: flex;align-items: center;}

    .inner_block {flex-direction:row;}

    .bravo_sublist .widget_card {flex-direction:row;}

    #news_list .favor {overflow:hidden;}
    #news_list .favor a {flex-direction: column;}
    #news_list .favor h3,
    .bravo_fav h3 {font-size:18px;}

    .slides_buttons {display:none;}

    header {position:relative;}

    .slider {flex-direction: column;}
    .slider-container {margin-top: 0;height: auto;overflow-y: hidden;}

    .slider_buttons {display:none;}

    .fav_title_block {
        background:none;
        padding:15px 10px;
        position:relative;
    }

    .doska_list {
        padding: 0 0 20px;
        flex-direction: row;
        gap:20px;
        flex-wrap: wrap;
    }
    .doska_list>div {width:calc(20% - 16px);}
    .doska_list>div a {
        display: flex;
        gap:10px;
        flex-direction: column;
        gap:0;
    }
    .doska_list>div img {
        aspect-ratio:4/3;
        width:100%;
    }
    .doska_list>div h3 {
        margin: 0;
        padding:10px;
    }

    footer,
    .tbline {display:block;}

    .slider {overflow:unset;}

    .potrebitel_list {gap:20px;flex-wrap:wrap !important;overflow:hidden !important;padding:0 0 20px !important;}
    .potrebitel_list>div {width:calc(20% - 16px) !important;}

    #section_pravo .favor {
        width: calc(50% - 10px);
        padding:10px;
    }
    #section_pravo .favImg {
        width: 88px;
        flex-shrink: 0;
    }

    .bravo_list {
        padding: 0;
        flex-direction: row;
    }
    .bravo_fav {width: 30%;}
    .bravo_sublist {flex-direction: row;}
    .bravo_sublist a {
        width: calc(50% - 10px);
        display:flex;
    }
    .bravo_sublist .favImg {max-width:45%;}

    .favImg img {
        display:block;
        border-radius:10px;
        width:100%;
        height:auto;
        aspect-ratio:3/2;
    }
    .bravo_sublist .favImg img {
        height:100%;
        object-fit: cover;
    }
}


@media (min-width: 768px) and (max-width: 820px) {
    #navigation ul {
        font-size:12px;
    }
}

@media (min-width: 768px) and (max-width: 920px) {
    .weather_description {
        display:none;
    }
    #news_list .layout_desktop, .bravo_list, #news_list ul, .bravo_sublist, .inner_block, .doska_list, .potrebitel_list, #section_pravo .w-70 {
        gap:10px;
    }
    .w-50 {
        width: calc(44% - 20px) !important;
    }
    .w-25 {
        width: 28% !important;
    }
    .doska_list>div, .potrebitel_list>div {
        width: calc(20% - 8px) !important;
    }
    #news_list h3, #section_pravo h3, #section_potrebitel h3, .bravo_list h3, #section_doska h3 {
        font-size:14px;
    }
    .bravo_sublist a, #section_pravo .favor {
        width: calc(50% - 5px);
    }
}