/* =====================================================
 Стили для https://chetoday.ru/
 Copyright (c) 2025 stillmaster (Иван Марченко) 
===================================================== */

:root {
    --color-scrool: #2173d9; --color-white: #fff; --color-black: #252525; 
    --color-red: #f81539; --color-gray: #E3E3E3; --font-family: 'Source Serif Pro';
    --font-weight: 400; --font-size: 14px; --font-size-sm: 12px; 
    --container-width: 1512px; --header-height: 124px; --topheader-height: 42px;
    --border: 2px solid var(--color-gray);
}

* { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; }
*::-webkit-scrollbar { width: 4px; height: 4px; }
*::-webkit-scrollbar-thumb { background: var(--color-scrool); border-radius: 3px; }

html, body { height: 100%; -webkit-font-smoothing: antialiased; font-family: var(--font-family); 
    font-weight: var(--font-weight); line-height: 1.2; font-size: var(--font-size); 
    background: var(--color-white); }

img, table, iframe, video, frame, embed, object { max-width: 100%; }
ol, ul { list-style: none; }

.container { max-width: var(--container-width); margin: 0 auto; }

/* Top Header */
.topheader { height: var(--topheader-height); display: flex; align-items: center; }
.topheader .container { display: flex; justify-content: space-between; width: 100%; position: relative; }
.infocity, .infocitymob, .datetime-container { display: flex; align-items: center; gap: 12px; 
    color: var(--color-black); font-size: var(--font-size-sm); }
.infocity .ms-informer-link, .infocitymob .ms-informer-link{ display: none; }
.date-block, .temperature-block { border-right: var(--border); height: 19px; gap: 5px; 
    display: flex; overflow: hidden; align-items: center; padding-right: 12px; }
.time-block { gap: 5px; display: flex; overflow: hidden; align-items: center;}

/* Header */
.header { height: var(--header-height); border-bottom: var(--border); border-top: var(--border); position: relative;}
.header .container { display: flex; justify-content: space-between; width: 100%; height: 100%; align-items: center; }
.breaking-news { display: flex; align-items: center; gap: 15px;}
.breaking-news_sect { color: var(--color-white); background: var(--color-red); height: var(--topheader-height); 
    display: flex; align-items: center; padding: 10px; font-size: var(--font-size-sm); font-weight: 700; }
.breaking-news a { font-weight: 600; color: var(--color-black); font-size: var(--font-size-sm); }

/* Icons & Social */
.icon, .soc { display: flex; align-items: center; gap: 12px; }
.soc a:hover img, .searchicon:hover img { filter: opacity(0.5); }
.searchicon { cursor: pointer; }
.searchicon, .vkicon, .tgicon  { border: none; border-right: var(--border); height: 24px; gap: 5px; 
    display: flex; overflow: hidden; align-items: center; padding-right: 12px; background: none; }
.maxicon {display: flex;}
.icon a { display: flex; }

/* Search */
.snak__search.search-block { position: absolute; top: 38px; right: 10%; width: 400px; background: white; 
    border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); padding: 20px; margin-top: 10px; 
    opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1000; 
    border: 1px solid #e1e5e9; }
.snak__search.search-block.active { opacity: 1; visibility: visible; transform: translateY(0); }
#quicksearch { display: flex; align-items: center; gap: 12px; }
.search-block__input { flex: 1; padding: 12px 16px; border: 2px solid #e8ecef; border-radius: 8px; 
    font-size: 14px; transition: all 0.3s ease; background: #f8f9fa; color: #333; }
.search-block__input:focus { outline: none; border-color: #007bff; background: white; 
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); }
.search-block__input::placeholder { color: #6c757d; }
.search-block__btn { padding: 12px 20px; background: linear-gradient(135deg, #e28d33, #e7851e); 
    color: white; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; 
    transition: all 0.3s ease; white-space: nowrap; }
.search-block__btn:hover { background: linear-gradient(135deg, #dd882c, #e78114); 
    transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); }
.search-block__btn:active { transform: translateY(0); }
.searchicon:active { transform: scale(0.95); }

/* Logo & Menu */
.logo a { display: flex; gap: 10px; align-items: center; color: #252525; font-size: 16px; font-weight: 600;}
.namecity { font-size: 24px; text-transform: uppercase; }
.menu { display: flex; gap: 12px; font-weight: 600; }
.menu a { color: #252525; font-size: 16px; text-align: center; border-right: var(--border); 
    height: 19px; padding-right: 12px; position: relative; transition: color 0.3s ease; }
.menu a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; 
    background-color: red; transition: width 0.3s ease; }
.menu a:hover::after, .menu a.active::after {width: 0.7em;; }
.menu li:last-child a { border-right: none; padding-right: 0; }

/* Search Suggestions */
#searchsuggestions .fs-result { padding: 12px; border-radius: 8px; border: 1px solid #e1e5e9; 
    background: white; transition: all 0.2s ease; text-decoration: none; color: inherit; display: flex; }
#searchsuggestions .fs-result:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
    border-color: #d0d7de; transform: translateY(-1px); }
#searchsuggestions .fs-result__img.img-fixed-size { width: 60px; height: 60px; 
    border-radius: 6px; overflow: hidden; flex-shrink: 0; }
#searchsuggestions .fs-result__img img { width: 100%; height: 100%; object-fit: cover; flex-shrink: 0; }
#searchsuggestions .fs-result__desc { margin-left: 12px; }
#searchsuggestions .fs-result__title { font-weight: 500; font-size: 14px; line-height: 1.3; color: #2d3748; }

/* Main Content */
.h1, .filterh1 { font-size: 32px; font-weight: 700; text-transform: uppercase; 
    border-bottom: var(--border); padding-bottom: 24px; }
.main { margin-top: 60px; display: flex; gap: 24px; }
.left-main { max-width: 1128px; width: 100%; }
.right-main { width: 360px; padding-left: 16px; border-left: var(--border);    flex-shrink: 0; }
.mainblock {margin-top: 60px;}
.blockheader {    justify-content: space-between; align-items: center;padding: 24px 0;border-top: var(--border); border-bottom: var(--border); }
.mainblock  h2 {font-size: 24px;font-weight: 600;text-transform: uppercase;color: #393939;}
.blockheader a {    background-color: #E7851E1A; padding: 10px 15px; border-radius: 2px; color: #e7851e; font-size: 16px; font-weight: 600;}


/* Grid Layout */
.grid-main { display: grid; grid-template-areas: "large small1 small2" "large wide wide"; 
    grid-template-columns: 616px 1fr 1fr; grid-template-rows: repeat(2, 278px); gap: 24px; 
    margin-top: 32px; max-width: 1280px; margin-left: auto; margin-right: auto; }
.hot-news:nth-child(1) { grid-area: large; }
.hot-news:nth-child(2) { grid-area: small1; }
.hot-news:nth-child(3) { grid-area: small2; }
.hot-news:nth-child(4) { grid-area: wide; }
.gridmain-1 {margin-top: 32px;display: grid ;grid-template-columns: repeat(3, 1fr); gap: 24px;}
/* Hot News */
.hot-news img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hot-news { position: relative; }
.hot-cat { position: absolute; z-index: 1; border: 2px solid #fff; padding: 4px 12px; 
    border-radius: 30px; top: 24px; left: 24px; text-transform: uppercase; 
    font-size: 12px; font-weight: 700; color: #FFFFFF; }
.image-wrapper { position: relative; width: 100%; height: 100%; }
.image-wrapper::before { content: ""; position: absolute; top: 0; left: 0; 
    width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); pointer-events: none; }
.hot-info { position: absolute; bottom: 0; width: 100%; }

/* Grid Variables */
.grid-main .hot-news { --hot-info-padding: 12px; }
.grid-main .hot-news:nth-child(1) { --hot-info-padding:16px 24px ; --hot-cat-left:24px;--hot-cat-top:12px; --hot-title:32px}
.grid-main .hot-news:nth-child(2), .grid-main .hot-news:nth-child(3) { --hot-info-padding: 12px; --hot-cat-left:12px;--hot-cat-top:12px;--hot-title:16px }
.grid-main .hot-news:nth-child(4) { --hot-info-padding:16px 12px; --hot-cat-left:12px;--hot-cat-top:16px;--hot-title:20px}
.grid-main .hot-info { padding: var(--hot-info-padding); }
.grid-main .hot-cat { left: var(--hot-cat-left); top: var(--hot-cat-top); filter: drop-shadow(2px 4px 6px black); }
.hot-info .date { color: #FFFFFF; font-size: 12px; font-weight: 400; text-transform: uppercase; }
.grid-main .title { color: #FFFFFF; font-size:var(--hot-title); font-weight: 700; filter: drop-shadow(2px 4px 6px black); padding-top: 16px; }
.hot-news:hover .title { color: #e7851e; }
.info {display: flex ; align-items: center; justify-content: space-between; margin-top: 18px;}
.date {font-size: 12px; color: #5A5A5A; text-transform: uppercase; font-weight: 400;}
.title a {margin-top: 24px;font-size: 16px; color: #252525;font-weight: 700;display: block;}
.short-story {    margin-top: 16px; font-size: 14px; font-weight: 400; color: #39393999;}
.grid-main-1_short {position: relative;}
.grid-main-1_short a::before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.grid-main-1_short:hover a {color: #e7851e;}
.grid-main-1_short img {object-fit: cover;}

/* News Blocks */
.blocknews { display: flex; flex-direction: column; margin-top: 26px; }
.right-news:nth-child(1) a { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; margin-top: 32px; }
.right-news:nth-child(1) a img { width: 100%; height: 172px; object-fit: cover; }
.right-news:not(:first-child) .text { display: none; }
.right-news:not(:first-child) img { width: 100%; height: 118px; object-fit: cover; }
.right-news:not(:first-child) a { display: grid; gap: 16px; justify-items: start; align-items: start;
    grid-template-areas: "block2 block2 block1" "block3 block3 block1" "block4 block4 block1";
    grid-template-columns: repeat(3, 1fr); grid-template-rows: 24px 51px 24px; }
.right-news img { grid-area: block1 }
.right-news .cat { grid-area: block2; padding: 4px 12px; border-radius: 30px; text-transform: uppercase; 
    border: 2px solid; font-size: 12px; }
 .cat { padding: 4px 12px; border-radius: 30px; text-transform: uppercase; border: 2px solid; font-size: 12px;font-weight: 700; }
.right-news .title { grid-area: block3; font-size: 24px; color: #252525; font-weight: 700; }
.right-news .date { grid-area: block4; font-size: 12px; color: #5A5A5A; text-transform: uppercase; font-weight: 400; }

/* Category Colors */
.cat[data-category="Общество"] { color: rgba(248, 21, 57, 1); }
.cat[data-category="Спорт"] { color: rgba(234, 116, 34, 1); }
.cat[data-category="Происшествия"] { color: rgba(112, 151, 44, 1); }
.cat[data-category="Политика"] { color: #3D7C4E; } 
.cat[data-category="Культура"] { color: #8A79CA; }
.cat[data-category="Экономика"] { color: #679FB2; }
.cat[data-category="Интернет"] { color: #1973A1; }
.cat[data-category="Транспорт и ЖКХ"] { color: #41B0FF; }

.right-news .text { font-size: 16px; font-weight: 300; color: #5A5A5A; }
.right-news:not(:first-child) .title { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; overflow: hidden; line-clamp: 3; }
.right-news { padding-bottom: 20px; border-bottom: var(--border); }
.right-news:hover .title { color: #e7851e; }
.right-news:not(:first-child) { padding-top: 20px; }

.lastnews { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 16px; 
    color: #e7851e; font-size: 16px; font-weight: 600; background: rgba(231, 133, 30, 0.1); padding: 15px; }
.lastnews:hover { background-color: #e7851e52; }

/* Navigation */
.blocknav { display: flex; gap: 10px; justify-content: space-between; padding-bottom: 15px; 
    border-bottom: var(--border); font-size:14px; font-weight: 600; }
.is-active { color: #e7851e; position: relative; }
.is-active::after { content: ""; display: block; width: 100%; height: 2px; background: #e7851e; 
    position: absolute; bottom: -17px; }
.ajaxnav { cursor: pointer; }
.ajaxnav:hover { color: #e7851e; }

/* Short News */
.short { display: flex; gap: 24px; align-items: center; padding-bottom: 32px; 
    border-bottom: var(--border); margin-bottom: 24px; position: relative; }
.short img { flex-shrink: 0;object-fit: cover; }
.info-short { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.info-short .cat { padding: 4px 12px; border-radius: 30px; text-transform: uppercase; 
    border: 2px solid; font-weight: 700; }
.info-short .title { font-size: 24px; font-weight: 700; line-height: 1.4; color: #252525; }
.date { text-transform: uppercase; }
.short .title::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.short:hover .title { color: #e7851e; }

/* Filters */
.filters-container { display: grid; gap: 15px; align-items: center; grid-template-columns: repeat(3, 1fr); }
.filter-group { position: relative; }
.filter-btn { display: flex; align-items: center; height: 50px; justify-content: space-between; 
    padding: 10px 15px; background-color: white; border: 1px solid #e7851e; border-radius: 8px; 
    cursor: pointer; min-width: 180px; transition: all 0.2s; }
.filter-btn:hover { background-color: #f9f9f9; }
.filter-btn:after { content: '▼'; font-size: 12px; margin-left: 10px; color: #666; }
#periodBtn:after { content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 10px; 
    background-image: url('../icon/calendar.svg'); background-size: contain; 
    background-repeat: no-repeat; background-position: center; }

/* Calendar */
.calendar-container { position: absolute; top: 100%; left: 0; background-color: white; 
    border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
    padding: 15px; z-index: 100; display: none; margin-top: 5px; }
.calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.calendar-nav { background: none; border: none; font-size: 18px; cursor: pointer; padding: 5px; }
.calendar-title { font-weight: 600; }
.calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.calendar-day { width: 42px; height: 37px; display: flex; align-items: center; justify-content: center; 
    border-radius: 5px; cursor: pointer; font-size: 16px; font-weight: 600; }
.calendar-day:hover { background-color: #f0f0f0; }
.calendar-day.selected { background-color: #E7851E; color: white; }
.calendar-day.selected.range { background-color: #E7851E; color: white; }
.calendar-day.range { background: #E7851E1A; color: #E7851E; }
.calendar-day.other-month { color: #aaa; }
.calendar-day-header { font-weight: 600; font-size: 12px; color: #666; text-align: center; }

/* Categories */
.categories-container { position: absolute; top: 100%; left: 0; background-color: white; 
    border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
    padding: 15px; z-index: 100; display: none; margin-top: 5px; min-width: 250px; }
.category-item { padding: 10px 12px; cursor: pointer; border-radius: 4px; margin-bottom: 5px; 
    transition: background-color 0.2s; }
.category-item:hover { background: #E7851E1A; }
.category-item.selected { background-color: #E7851E1A; color: #E7851E; border: 1px solid #E7851E; }

.apply-btn { background: #E7851E1A; color: #E7851E; border: none; height: 50px; border-radius: 8px; 
    padding: 10px 20px; cursor: pointer; font-weight: 600; transition: background-color 0.2s; }
.apply-btn:hover { background-color: #e7851e52; }

.selected-period, .selected-categories { margin-top: 10px; font-size: 14px; color: #666; }

.calendar-footer { display: flex; justify-content: space-between; margin-top: 15px; 
    padding-top: 15px; border-top: 1px solid #eee; }
.quick-selection { display: flex; gap: 10px; }
.quick-btn, .action-btn { background: none; border: 1px solid #ddd; border-radius: 4px; 
    padding: 5px 10px; cursor: pointer; font-size: 12px; }
.quick-btn:hover, .action-btn:hover { background-color: #f5f5f5; }
.action-btn.primary { background-color: #4a6cf7; color: white; border-color: #4a6cf7; }
.action-btn.primary:hover { background-color: #3a5ce5; }

.calendar-day.today { border: 1px solid #e7851e; color: #333; font-weight: bold; }
.calendar-day.today.selected { background-color: #4a6cf7; color: white; }
.calendar-day.today.range { background-color: #fff8e1; }

.calendar-title { display: flex; gap: 5px; cursor: pointer; }
.month-selector, .year-selector { padding: 2px 6px; border-radius: 3px; transition: background-color 0.2s; }
.month-selector:hover, .year-selector:hover { background-color: #f0f0f0; }

.dropdown-selector { position: absolute; background: white; border: 1px solid #ddd; 
    border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 1000; max-height: 200px; overflow-y: auto; }
.dropdown-content { padding: 5px 0; }
.dropdown-item { padding: 8px 16px; cursor: pointer; transition: background-color 0.2s; }
.dropdown-item:hover { background-color: #f5f5f5; }
.dropdown-item.selected { background-color: #007bff; color: white; }

.filter { margin-top: 32px; padding-bottom: 32px; border-bottom: var(--border); }
#dle-content { margin-top: 32px; }

/* Pagination */
.pagination span:not(.nav_ext) { width: 32px; height: 32px; color: #e7851e; 
    border: 1px solid #e7851e; border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.d-flex { display: flex; }
.pagination { align-items: center; gap: 8px; }
.pagination__pages { align-items: center; gap: 8px; }
.pagination a { width: 32px; height: 32px; border: 1px solid #e3e3e3; color: #252525; 
    border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.nav_ext { width: 32px; height: 32px; border: 1px solid #e3e3e3; border-radius: 4px; 
    display: flex; align-items: center; justify-content: center; }
.pagination a:hover { color: #fff; background-color: #e7851e; }

/* Full News */
.full-news .h1 { margin-top: 25px; border: none; text-transform: none; }
.full-news {position: relative;}
.block-full { max-width: 1000px; }
.info-full { gap: 47px; color: #5a5a5a; }
.img-full { object-fit: cover; margin-top: 44px; }
.ist { font-size: 16px; font-weight: 400; text-transform: uppercase; color: #969696; margin-top: 12px; }
.full-story { font-size: 18px; line-height: 1.3; margin-top: 52px; }
.linker {    position: absolute; top: 0; right: 0; height: 100%;}
.ya-share2 {position: sticky; z-index: 1; top: 10px;}
.full-story .quote {border: none; background-color: #E7851E26;border-radius: 12px;padding: 24px;}

/* Search Page */
.search-page { margin-top: 40px; padding: 30px; background: var(--color-white); 
    border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }
.serv__subtitle { font-size: 28px; font-weight: 700; color: var(--color-black); 
    margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid var(--color-gray); }
.searchtable { margin-bottom: 20px; }
.search-page__simple-form { gap: 15px; padding: 20px; background: #f8f9fa; 
    border-radius: 8px; border: 1px solid #e8ecef; }
.search-page__simple-form input[type="text"] { padding: 12px 16px; border: 2px solid #e8ecef; 
    border-radius: 8px; font-size: 14px; transition: all 0.3s ease; background: var(--color-white); }
.search-page__simple-form input[type="text"]:focus { outline: none; border-color: #007bff; 
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); }
.search-page__simple-form input[type="button"] { padding: 12px 24px; border: none; 
    border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
.search-page__simple-form input[name="dosearch"] { background: linear-gradient(135deg, #e7851e, #e7851e); 
    color: var(--color-white); }
.search-page__simple-form input[name="dosearch"]:hover { background: linear-gradient(135deg, #d37715, #e7851e); 
    transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); }
.search-page__btn-ext { background: #6c757d; color: var(--color-white); }
.search-page__btn-ext:hover { background: #5a6268; transform: translateY(-1px); }

.search-page__ext-form { background: #f8f9fa; padding: 25px; border-radius: 8px; border: 1px solid #e8ecef; }
.search-page__ext-form-row { display: flex; align-items: center; margin-bottom: 20px; 
    padding-bottom: 15px; border-bottom: 1px solid #e8ecef; }
.search-page__ext-form-row--category { align-items: flex-start; }
.search-page__ext-form-row--wide { flex-wrap: wrap; }
.search-page__ext-form-row--btns { border: none; margin-bottom: 0; padding-bottom: 0; gap: 15px; }
.search-page__ext-form-label { min-width: 200px; font-weight: 600; color: var(--color-black); font-size: 14px; }
.search-page__ext-form-content { flex: 1; }
.search-page__ext-form-input { margin-left: 15px; font-size: 14px; }
.has-checkbox { display: flex; align-items: center; gap: 8px; margin-left: 15px; font-size: 14px; color: #495057; }
.has-radiobox { gap: 20px; }

.search-page__ext-form-content input[type="text"], 
.search-page__ext-form-content select { width: 100%; padding: 10px 12px; border: 2px solid #e8ecef; 
    border-radius: 6px; font-size: 14px; background: var(--color-white); transition: all 0.3s ease; }
.search-page__ext-form-content input[type="text"]:focus, 
.search-page__ext-form-content select:focus { outline: none; border-color: #007bff; 
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1); }

.search-page__btn-search { padding: 14px 30px; background: linear-gradient(135deg, #28a745, #20c997); 
    color: var(--color-white); border: none; border-radius: 8px; font-size: 16px; font-weight: 600; 
    cursor: pointer; transition: all 0.3s ease; }
.search-page__btn-search:hover { background: linear-gradient(135deg, #218838, #1e9e7f); 
    transform: translateY(-1px); box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3); }

.search-page__btn-clear, .search-page__btn-reset { padding: 14px 30px; background: #6c757d; 
    color: var(--color-white); border: none; border-radius: 8px; font-size: 16px; font-weight: 600; 
    cursor: pointer; transition: all 0.3s ease; }
.search-page__btn-clear:hover, .search-page__btn-reset:hover { background: #5a6268; transform: translateY(-1px); }
.serv__gap { gap: 15px; }

.message-info { padding: 15px 20px; background: #d1ecf1; border: 1px solid #bee5eb; 
    border-radius: 6px; color: #0c5460; margin-top: 20px; }

#dofullsearch { display: none; }
#searchsuggestions span.seperator { display: none !important; }

/* Mobile Styles */
.menumob, .mobmenu, .searchicon.mob { display: none; }
.carousel-arrow { display: none; }
.gridmain-society {margin-top: 32px;display: grid;grid-template-columns: 232px 348px 1fr;grid-template-rows: 350px 1fr 1fr;grid-template-areas: "block1 block1 block2" "block3 block4 block5" "block3 block4 block6"}
.society_short:nth-child(1) { grid-area: block1;position: relative;padding-bottom: 24px;margin-right: 24px; border-bottom: var(--border);}
.society_short:nth-child(1) img, .society_short:nth-child(2) img { width: 100%; height: 100%;object-fit: cover;filter: brightness(70%);}

.society_short:nth-child(1) .cat, .society_short:nth-child(2) .cat {    position: absolute; top: 16px; left: 16px; color: #fff;z-index: 1;}
.society_short:nth-child(1) .society-info, .society_short:nth-child(2) .society-info {position: absolute; bottom: 25px; padding: 16px; display: flex ; flex-direction: column;}
.society_short:nth-child(1) .date, .society_short:nth-child(2) .date {color: #fff;}
.society_short:nth-child(1) .title, .society_short:nth-child(2) .title {color: #fff;font-size: 24px;font-weight: 700;margin-top: 16px;}
.society_short:nth-child(2) { grid-area: block2;position: relative; padding-bottom: 24px;    margin-left: -2px;padding-left: 24px;border-left: var(--border)}
.society_short:nth-child(2) .cat {left: 30px;}

.society_short:nth-child(3) { grid-area: block3; padding-top: 24px; padding-right: 24px;}
.society_short:nth-child(3) img {width: 232px;height: 200px;}
.society_short:nth-child(4) { grid-area: block4; padding-top: 24px;padding-right: 24px;border-right: var(--border)}
.society_short:nth-child(4) img {width: 348px;height: 200px;}
.society_short:nth-child(5) { grid-area: block5; margin-left: 24px;padding-top: 24px; border-top: var(--border);padding-top: 35px;border-bottom: var(--border);}
.society_short:nth-child(6) { grid-area: block6; padding-left: 24px;padding-top: 30px;}
.society_short:nth-child(3) img, .society_short:nth-child(4) img, .society_short:nth-child(5) img, .society_short:nth-child(6) img {object-fit: cover;}
.society_short:nth-child(3) a, .society_short:nth-child(4) a {    display: flex ; flex-direction: column; align-items: flex-start;}
.society_short img {object-fit: cover;}
.society_short:nth-child(3) .cat, .society_short:nth-child(4) .cat {margin-top: 16px;margin-bottom: 18px;}
.society-info {display: flex ; flex-direction: column; gap: 12px;}
.society-info .title {font-size: 14px;font-weight: 700;color: #252525;}
.society_short:nth-child(5) img, .society_short:nth-child(6) img {width: 109px;height: 118px;margin-left: auto;}
.society_short:nth-child(5) a {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 24px 1fr 15px;grid-template-areas:"block1 block4" "block2 block4" "block2  block4";     justify-items: start;}
.society_short:nth-child(5) .cat {grid-area: block1;}
.society_short:nth-child(5) .society-info{grid-area: block2;    flex-direction: column-reverse;gap: 16px;margin-top: 16px;}

.society_short:nth-child(5) .img {grid-area: block4;}
.society_short:nth-child(6) a {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 24px 1fr 15px;grid-template-areas:"block1 block4" "block2 block4" "block2 block4";     justify-items: start;}
.society_short:nth-child(6) .cat {grid-area: block1;}
.society_short:nth-child(6) .society-info{grid-area: block2;    flex-direction: column-reverse;gap: 16px;margin-top: 16px;}

.society_short:nth-child(6) .img {grid-area: block4;}
.gridmain-society .society_short:hover .title {color: #e7851e;}
.economy_short {position: relative;}
.economy_short a::before {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;}
.economy_short:hover a {color: #e7851e;}
.economy_short:hover .economy-info a {color: #e7851e;}
.gridmain-economy {margin-top: 32px;display: grid;gap: 24px; grid-template-columns: 628px 1fr;grid-template-rows:  1fr 1fr 1fr;grid-template-areas:"block1 block2" "block1 block3" "block1 block4"     }
.economy_short:nth-child(1) {grid-area: block1;padding-right: 24px;border-right: var(--border)}
.economy_short:nth-child(2) {grid-area: block2;}
.economy_short:nth-child(3) {grid-area: block3;}
.economy_short:nth-child(4) {grid-area: block4;}
.economy_short1 .d-flex {display: flex ; justify-content: space-between; align-items: center; margin-top: 18px;}
.economy_short1 .title {font-size: 24px;font-weight: 700;color: #252525;margin-top: 24px;display: block;}
.economy_short:not(.economy_short1) {display: grid;gap: 19px; grid-template-columns: 1fr 118px;grid-template-areas:"block1 block4"}
.economy_short:not(.economy_short1) img {grid-area: block4;    object-fit: cover;}
.economy_short:not(.economy_short1) .economy-info{grid-area: block1;}
.economy_short:not(.economy_short1)  .title {color: #252525;font-size: 18px;font-weight: 600;}
.economy_short:not(.economy_short1) .economy-info {display: flex ; flex-direction: column; align-items: flex-start;gap: 16px;}
.economy_short:nth-child(2), .economy_short:nth-child(3) {border-bottom: var(--border)}
.gridmain-culture { margin-top: 32px; display: grid; grid-template-columns: repeat(9, 1fr); grid-template-rows: auto auto; grid-template-areas: "block1 block1 block1 block1 block1 block2 block2 block2 block2" "block3 block3 block3 block4 block4 block4 block5 block5 block5"; }

.culture_short { position: relative; /* Добавляем отступы только справа и снизу */ padding: 0 12px 12px 0; }

.culture_short:nth-child(2),
.culture_short:nth-child(5) { padding-right: 0; }
.culture_short1 { padding-bottom: 24px; border-bottom: var(--border); margin-bottom: 12px; }
.culture_short img {width: 100%;object-fit: cover;}
.culture_short a::before {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;}
.culture_short:hover a {color: #e7851e;}
.culture_short:hover .culture-info a {color: #e7851e;}
.culture_short:nth-child(1) { grid-area: block1; }
.culture_short:nth-child(2) { grid-area: block2; }
.culture_short:nth-child(3) { grid-area: block3; }
.culture_short:nth-child(4) { grid-area: block4; }
.culture_short:nth-child(5) { grid-area: block5; }
.culture_short:nth-child(6) { grid-area: block6; }
.culture_short1 .d-flex {display: flex ; justify-content: space-between; align-items: center; margin-top: 18px;}
.culture_short1 .title {font-size: 24px;font-weight: 700;color: #252525;margin-top: 24px;display: block;}
.culture_short:not(.culture_short1) img {height: 167px;}
.culture_short:not(.culture_short1) .culture-info {display: flex ; flex-direction: column; align-items: flex-start;gap: 16px;margin-top: 20px;}
.culture_short:not(.culture_short1) .title {color: #252525;font-size: 18px;font-weight: 600;}
.culture_short:not(.culture_short1) {padding-top: 12px;}
.gridmain-internet {margin-top: 32px;display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto auto;gap: 32px 24px; }
.gridmain-internet .internet-short {display: grid; grid-template-columns: 110px auto;grid-template-rows: repeat(3, auto);grid-template-areas:"block1 block2""block1 block3" "block1 block4";    justify-items: start; align-items: start; gap:0 24px ; }
.gridmain-internet .internet-short img { grid-area: block1;object-fit: cover;width: 103px;height: 132px;}
.gridmain-internet .internet-short .cat { grid-area: block2;}
.gridmain-internet .internet-short .title { grid-area: block3;font-size: 16px;font-weight: 600;margin-top: 16px;color:#252525}
.gridmain-internet .internet-short .date { grid-area: block4;margin-top: 16px;}
.internet-short {position: relative;}
.internet-short a::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.internet-short:hover .title {color: #e7851e;}
footer {background-color: #f8f8f8;margin-top: 60px;}
.footer {max-width: 1128px;display: flex ; padding-top: 60px; gap: 76px; justify-content: space-between;}
.block-foot-menu,  .soclink {padding-left: 76px;border-left: var(--border);}
.headfoot {font-size: 20px;font-weight: 700;color: #252525;margin-bottom: 24px;}
.footer-menu {display: flex ; flex-direction: column; gap: 8px; font-size: 16px; font-weight: 400;}
.footer-menu a, .right a {color: #252525;}
.footer-menu a:hover, .right a:hover {color:#e7851e;}
.socfooter .vkicon, .socfooter .tgicon,  .socfooter .maxicon {border: none;}
.socfooter {    display: flex ; flex-direction: column; gap: 14px;}
.socfooter a {font-size: 16px; font-weight: 400;color: #252525;display: flex ; align-items: center; gap: 15px;}
.socfooter  a:hover {color:#e7851e;}
.socfooter svg {width: 32px;}
.footerbottom {padding-bottom: 18px;padding-top: 24px;margin-top: 40px; border-top: var(--border);display: flex;justify-content: space-between;}
.right ul {display: flex;gap: 24px;}
.footer .logo img  {width: 92px;height: 92px;}
.footer .namecity {font-size: 24px;}
.footer .logo a {font-size: 16px;}
.static {font-size: 48px;font-weight: 700;}
.text {margin-top: 15px;}
.dropdown-selector { position: absolute; background: white; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 1001; max-height: 200px; overflow-y: auto; width: 100%; }

.calendar-title { display: flex; gap: 5px; cursor: pointer; position: relative; }
.month-selector, .year-selector { padding: 2px 6px; border-radius: 3px; transition: background-color 0.2s; position: relative; }
.month-selector:hover, .year-selector:hover { background-color: #f0f0f0; }
.calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; position: relative;  }
.bage {padding: 4px 12px;    width: 126px; border-radius: 30px; text-transform: uppercase; border: 2px solid; font-size: 12px; font-weight: 700;color: #E7851E; }
.h1-contact {margin-top: 24px;font-size: 48px;font-weight: 700;}
.text-contact {font-size: 16px;font-weight: 300;margin-top: 16px;color:#2a2a2a;}
#sendmail {max-width: 871px;}
.blockcontact {margin-top: 28px;}
.item-head {font-size: 24px;font-weight: 600;margin-bottom: 16px;}
.item-contact a {font-size: 24px;color: #363434;font-weight: 400;margin-bottom: 24px;    display: flex ; align-items: center; gap: 16px;}
.item-contact {padding-top: 24px;border-top: var(--border);}

@media (max-width: 1512px) {
    .container { padding: 0 20px; }
    .menu { gap: 10px; }
    .menu a { padding-right: 10px; }
}

@media (max-width: 1390px) {
        .menu a { font-size: 12px; }
        .logo a { font-size: 12px; }
        .namecity { font-size: 16px; }
        .menu a { padding-right: 5px; }
        .icon, .infocity, .soc, .menu, .datetime-container { gap: 5px; }
        .infocity, .datetime-container { font-size: 10px; }
        .date-block, .temperature-block { padding-right: 5px; }
        .grid-main { grid-template-columns: 1fr 1fr; grid-template-areas: "large small1" "small2 wide";
        grid-template-rows: repeat(2, 250px); }
        .grid-main .title { font-size: 16px; }
        .gridmain-society {grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows: 350px 1fr 180px;  gap: 24px; grid-template-areas:"block1 block1 block2 block2" "block3 block3 block4 block4" "block5 block5 block6 block6" }
        .gridmain-society .society_short {padding: 0;margin: 0;border: none;}
        .society_short:nth-child(3) img,  .society_short:nth-child(4) img {width: 100%;}
        .society_short:nth-child(5), .society_short:nth-child(6) {padding: 24px 0;border-top: var(--border);border-bottom: var(--border);}
        .gridmain-economy  {grid-template-columns:1fr 1fr;grid-template-rows: auto auto auto;grid-template-areas:"block1 block1" "block2 block3" "block4 block4"}
        .economy_short1 img {width: 100%;        object-fit: cover;}
        .economy_short:nth-child(1) {border-right:none ;padding-right: 0; padding-bottom: 18px;border-bottom: var(--border)}
        .economy_short:nth-child(2), .economy_short:nth-child(3) { border-bottom: none; }
        .economy_short:nth-child(4) { border-top: var(--border);padding-top: 16px; }
        .gridmain-internet {margin-top: 32px;display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto auto auto;gap: 32px 24px; }


    

    }
@media (max-width: 1165px) {
.gridmain-economy  {grid-template-columns:1fr;grid-template-areas:"block1" "block2 " "block3" "block4"}
 .economy_short:nth-child(3) { border-top: var(--border);padding-top: 16px; }



}
@media (max-width: 1024px) {
    .gridmain-society {grid-template-rows: 250px 1fr 200px;}
    .topheader { display: none; }
    .menumob { padding: 24px 19px; }
    .catmenu { display: none; }
    .mobmenu { display: block; border: none; background: none; }
    .searchicon.mob { display: block; border: none; }
    .snak__search.search-block { top: 55px; }
    .header { min-height: 100%; height: auto; padding: 15px 0; }
    .logo img { width: 49px; height: 49px; }
    .infocitymob { justify-content: center; font-size: 12px; padding-bottom: 26px; }
    .datetime-container { font-size: 12px; }
    .breaking-news_sect { justify-content: center; margin-bottom: 12px; }
    .breaking-news_mob { padding: 24px 0; border-bottom: var(--border); border-top: var(--border); }
    .breaking-news_mob a { font-size: 16px; color: #252525; }
    .catmenumob .menu { display: flex; flex-direction: column; gap: 24px; }
    .menu a { border: none; font-size: 18px; }
    .catmenumob { margin-top: 32px; }
    .menumob { overflow: hidden; transition: max-height 0.5s ease, opacity 0.3s ease; max-height: 0; opacity: 0; }
    .menumob.active { max-height: 1000px; opacity: 1; }
    .main { flex-direction: column-reverse; margin-top: 32px; }
    .main.maincat { flex-direction: column; }
    .blocknews { margin-top: 0; }
    .blocknav { padding-top: 15px; border-top: var(--border); }
    .right-main { width: 100%; padding: 0; border: none; }
    .grid-main { grid-template-columns: 1fr; grid-template-areas: "large" "small1" "small2" "wide"; 
        grid-template-rows: repeat(4, 250px); gap: 16px; }
    .grid-main .hot-news:nth-child(1), .grid-main .hot-news:nth-child(2), 
    .grid-main .hot-news:nth-child(3), .grid-main .hot-news:nth-child(4) { 
        --hot-info-padding: 12px; --hot-cat-left: 12px; --hot-cat-top: 12px; --hot-title: 16px; }
}

@media (max-width: 900px) {
    .gridmain-1 {grid-template-columns: repeat(2, 1fr);grid-template-areas:"block1 block2" "block3 block3"}
    .grid-main-1_short img {width: 100%;}
    .grid-main-1_short:nth-child(1) {grid-area: block1;}
    .grid-main-1_short:nth-child(2) {grid-area: block2;}
    .grid-main-1_short:nth-child(3) {grid-area: block3;}
    .footer {display: grid;grid-template-columns: repeat(2, 1fr)}
    .soclink { grid-column: span 2;    display: flex ; flex-direction: column; align-items: center;}
    .block-foot-menu, .soclink {border: none;}
}


@media (max-width: 768px) {
    .snak__search.search-block { width: 320px; right: 10px; }
    #quicksearch { flex-direction: column; gap: 10px; }
    
    .search-page { margin-top: 20px; padding: 20px 15px; }
    .serv__subtitle { font-size: 24px; margin-bottom: 20px; }
    .search-page__simple-form { flex-direction: column; gap: 12px; padding: 15px; }
    .search-page__ext-form { padding: 15px; }
    .search-page__ext-form-row { flex-direction: column; align-items: flex-start; gap: 10px; }
    .search-page__ext-form-label { min-width: auto; width: 100%; }
    .search-page__ext-form-content { width: 100%; }
    .search-page__ext-form-row--btns { flex-direction: column; }
    .search-page__btn-search, .search-page__btn-clear, .search-page__btn-reset { width: 100%; text-align: center; }
    .has-checkbox { margin-left: 0; margin-top: 5px; }
    .society_short:nth-child(1) .title, .society_short:nth-child(2) .title {font-size: 18px;}
    .footerbottom {flex-direction: column-reverse;gap: 20px;}
    .right ul {    flex-direction: column;}
    .left {padding-top: 20px;border-top: var(--border);}
        .footer {        grid-template-columns: repeat(1, 1fr);gap: 20px;}
        .soclink {grid-column: span 1;        align-items: flex-start;padding-top: 20px;border-top: var(--border);}
        .block-foot-menu, .soclink {padding-left: 0;}
}
.mob-block {display: none;}
@media (max-width: 720px) {

    .grid-main-wrapper { position: relative; margin-top: 32px; }
    .grid-main { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 0; padding-bottom: 10px; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; }
    .grid-main::-webkit-scrollbar { display: none; }
    .custom-pagination { position: absolute; bottom: 10px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 6px; z-index: 10; padding: 5px; }

    .pagination-bullet { width: 10px; height: 10px; background: rgba(0, 0, 0, 0.3); border: 2px solid white; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; opacity: 0.7; }
    .pagination-bullet.active { background: #fff; border-color: #fff; opacity: 1; transform: scale(1.3); }
    .pagination-bullet:hover { opacity: 1; transform: scale(1.1); }
    .custom-pagination::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(transparent, rgba(0,0,0,0.2)); pointer-events: none; z-index: -1; border-radius: 0 0 10px 10px; }
    .hot-news { flex: 0 0 100%; scroll-snap-align: start; height: 300px; min-width: 100%; margin: 0; }
    .hot-news .hot-news-link { display: block; width: 100%; height: 100%; }
    .hot-news .image-wrapper { width: 100%; height: 100%; }
    .hot-news img { width: 100%; height: 100%; object-fit: cover; }
    .grid-main .hot-news:nth-child(1), .grid-main .hot-news:nth-child(2),
    .grid-main .hot-news:nth-child(3), .grid-main .hot-news:nth-child(4) { --hot-info-padding: 16px; --hot-cat-left: 16px; --hot-cat-top: 16px; --hot-title: 18px; }
    .carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: none; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: all 0.3s ease; display: block; }
    .carousel-arrow.prev { left: 10px; }
    .carousel-arrow.next { right: 10px; }
    .carousel-arrow svg { width: 24px; height: 24px; fill: var(--color-white); 
        filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.7)); transition: all 0.3s ease; }
    .carousel-arrow:hover svg { fill: #68b0ae; transform: scale(1.1); }
    .carousel-arrow:disabled { opacity: 0.3; cursor: not-allowed; }
    .carousel-arrow:disabled:hover svg { fill: var(--color-white); transform: scale(1); }
    .hot-info { height: 100%; }
    .grid-main .date { position: absolute; right: var(--hot-cat-left); top: var(--hot-cat-top); }
    .grid-main .title { padding: var(--hot-info-padding); position: absolute; bottom: 0; }
    .mainblock {margin-top: 44px;}
    .filters-container { grid-template-columns: repeat(1, 1fr); }
    .short img { width: 118px; height: 122px; }
    .info-short .cat { font-size: 12px; }
    .info-short .title { font-size: 14px; }
    .info-short .date { font-size: 12px; }
    .infocitymob, .datetime-container { font-size: 10px; }
    .soc_mob { display: flex; margin-top: 32px; padding-top: 24px; justify-content: flex-start; 
        align-items: center; gap: 12px; border-top: var(--border); }
    .full-news .cat { font-size: 16px; }
    .full-news .h1 { font-size: 24px; }
    .info-full { justify-content: space-between; }
    .img-full { height: 245px; }
    .gridmain-1 {grid-template-columns: repeat(1, 1fr);grid-template-areas:"block1" "block2" "block3"}
    .grid-main-1_short img {height: 220px;}
    .grid-main-1_short .short-story {display: none;}
    .grid-main-1_short {border-bottom: var(--border);padding-bottom: 18px;}
    .grid-main-1_short:nth-child(3) {border-bottom: none;}
    .gridmain-society {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(4, auto); grid-template-areas:"block1" "block2" "block3" "block4" "block5" "block6"}
    .society-carousel-container{position:relative;width:100%;overflow:hidden;}
.society-carousel{display:flex;overflow-x:auto;scroll-behavior:smooth;overflow: hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;padding:0;height: 297px;}
.society-carousel .society_short{flex:0 0 100%;scroll-snap-align:start;min-width:0;width:100%;position: relative;}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;color:white;border:none;width:50px;height:50px;cursor:pointer;z-index:10;font-size:40px;display:flex;align-items:center;justify-content:center;text-shadow:2px 2px 10px rgba(0,0,0,0.8);transition:all 0.3s ease;opacity:0.9;}
.carousel-arrow:hover{opacity:1;text-shadow:2px 2px 15px rgba(0,0,0,1);transform:translateY(-50%) scale(1.1);}
.carousel-arrow.prev{left:15px;}
.carousel-arrow.next{right:15px;}
.carousel-arrow:disabled{opacity:0.3;cursor:not-allowed;transform:translateY(-50%) scale(1);}
.custom-pagination{display:flex;justify-content:center;gap:10px;margin-top:15px;padding:10px 0;}
.pagination-bullet{width:10px;height:10px;border-radius:50%;background:#ddd;cursor:pointer;transition:all 0.3s ease;}
.pagination-bullet.active{background:white;box-shadow:0 0 10px rgba(255,255,255,0.8);transform:scale(1.2);}
.society-carousel::-webkit-scrollbar{display:none;}
.society-carousel{-ms-overflow-style:none;scrollbar-width:none;}
.society-carousel .society_short{opacity:1;}
.society-carousel .society_short img  {width: 100%;height: 297px;filter: brightness(70%);}
.society-carousel .society_short .society-info { position: absolute; top: 0; padding:0 16px; display: flex ; flex-direction: column; width: 100%; height: 100%;}
.society-carousel-container .custom-pagination {bottom: 0;}
.society-carousel-container  .society_short .title { color: #fff; font-size: 16px; font-weight: 700; margin-top: 16px;}
.society-carousel .society_short .cat {top: 16px;left:16px;  margin-top: 0;      position: absolute; z-index: 1; color: #fff;}
.society-carousel .title {bottom: 25px;position: absolute;}
.society-carousel .date {position: absolute;right: 12px;top: 20.5px; color: #fff;font-size: 12px;}
.society_short:not(.society-carousel-container .society_short) img {display: none;}
.society_short:not(.society-carousel-container .society_short) .cat[data-category="Общество"] { color: rgba(248, 21, 57, 1); }
.society_short:not(.society-carousel-container .society_short)  .cat[data-category="Политика"] { color: #3D7C4E; } 
.society_short:not(.society-carousel-container .society_short) .cat[data-category="Транспорт и ЖКХ"] { color: #41B0FF; }
.society_short:not(.society-carousel-container .society_short) .society-info {position: static;padding: 0;flex-direction: column-reverse;}
.society_short:not(.society-carousel-container .society_short) .cat {position: static; margin-top: 16px; margin-bottom: 18px;}
.society_short:not(.society-carousel-container .society_short) a {    display: flex ; flex-direction: column; align-items: flex-start;}
.society_short:not(.society-carousel-container .society_short) .title {color: #252525;font-size: 16px;}
.society_short:not(.society-carousel-container .society_short) .date {color: #5a5a5a;}
.society_short:not(.society-carousel-container .society_short)  {border-top: var(--border);padding-top: 18px;}
    .blockheader {padding: 20px 0;}
    .gridmain-society {margin-top: 24px;gap: 16px;}
    .economy_short:nth-child(1) img {width: 100%;height: 220px;}
    .economy_short:nth-child(1) .title {font-size: 18px;}
    .economy_short .short-story {display: none;}
    .economy_short:not(.economy_short1) .title {font-size: 14px;}
    .mainblock-culture {    background: #E7851E0D; margin-left: -20px; margin-right: -20px; padding: 0 20px;}
    .mainblock-culture .blockheader {border-top: none;}
    .mainblock-culture  .blockheader a {background-color: #fff;}
.gridmain-culture {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(5, auto);grid-template-areas: "block1" "block2" "block3" "block4" "block5";}
.short-story {display: none;}
.culture_short:nth-child(1)  {display: grid;grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(3, auto);grid-template-areas:"block1" "block2" "block3"}
.culture_short:nth-child(1) .title {grid-area: block1;margin: 0;}
.culture_short:nth-child(1) img {grid-area: block2;margin-top: 24px;}
.culture_short:nth-child(1) .d-flex{grid-area: block3;}

.culture_short:not(:nth-child(1)) img {width: 108px;height: 70px;}
.culture_short:not(:nth-child(1)) {display: grid;        align-items: start; grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);grid-template-areas:"block1 block4" "block2 block4" "block3 block4"; justify-items: start; }
.culture_short:not(:nth-child(1))  .cat {grid-area: block1;}
.culture_short:not(:nth-child(1)) .title {grid-area: block2;font-size: 14px;margin-top: 16px;}
.culture_short:not(:nth-child(1))  .date {grid-area: block3;margin-top: 16px;}
.culture_short:not(:nth-child(1)) img {grid-area: block4;margin-left: auto; margin-top: auto; margin-bottom: auto;}
.culture_short:not(:nth-child(1)):not(:last-child) {   border-bottom: var(--border); padding-bottom: 12px}
.gridmain-internet {margin-top: 24px;display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows:repeat(6, auto);gap: 18px; }
.internet-short:nth-child(1) { grid-template-columns: repeat(2, 1fr); grid-template-rows:repeat(3, auto);grid-template-areas:"block1 block1" "block2 block3" "block4 block4"; border-bottom: var(--border);padding-bottom: 18px; }
.internet-short:nth-child(1) img {grid-area: block1;width: 100%;height: 220px;        margin-bottom: 20px;}
.internet-short:nth-child(1) .date {grid-area: block2;        margin-top: 5px;}
.internet-short:nth-child(1) .cat {grid-area: block3;margin-left: auto;}
.internet-short:nth-child(1) .title {grid-area: block4;margin-top: 18px;}
.internet-short:not(:nth-child(1)) {grid-template-columns: repeat(2, auto); grid-template-rows:repeat(3, auto);grid-template-areas:"block3 block1" "block4 block1" "block2 block1"; }
.internet-short:not(:nth-child(1)) img {grid-area: block1;width: 108px;height: 70px;margin-left: auto; margin-bottom: auto; margin-top: auto;}
.internet-short:not(:nth-child(1)) .date {grid-area: block2; }
.internet-short:not(:nth-child(1)) .cat {grid-area: block3;}
.internet-short:not(:nth-child(1)) .title {grid-area: block4;}
.internet-short:not(:nth-child(1)):not(:last-child) {border-bottom: var(--border);padding-bottom: 18px;}
    .mob-block {  display: none; overflow: hidden; max-height: 0; opacity: 0; transition: max-height 1s ease, opacity 1s ease;}

    .mob-block.active {display: flex ; flex-direction: column; gap: 18px; max-height: 1000px; opacity: 1;}
.mob_short {    display: flex ; flex-direction: column; align-items: flex-start; gap: 16px;}
.mob_short a {color: #252525; font-size: 16px;font-weight: 700;}
.mob_short {border-top: var(--border);padding-top: 18px;}
.mob-button {background-color: #E7851E1A; padding:15px; border-radius: 2px; color: #e7851e; font-size: 16px; font-weight: 600;border: none;width: 100%;}
#b-culture {background-color: #fff;margin-bottom: 14px;}
#mob-culture {padding-bottom: 14px;}
.bage {font-size: 14px;width: 130px;}
.h1-contact {font-size: 32px;margin-top: 18px;}
.item-head {font-size: 20px;}




}
@media (max-width:380px){.carousel-arrow{width:40px;height:40px;font-size:35px;}.carousel-arrow.prev{left:10px;}.carousel-arrow.next{right:10px;}}

/* Cookie Notification */
.cookie-notification {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 90%;
    width: 400px;
    background: var(--color-white);
    border: var(--border);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.cookie-notification.active {
    opacity: 1;
    visibility: visible;
}

.cookie-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.cookie-text {
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-black);
    margin: 0;
}

.cookie-text a {
    color: #e7851e;
    text-decoration: underline;
}

.cookie-text a:hover {
    color: #d37715;
}

.cookie-buttons {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.cookie-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cookie-accept {
    background: linear-gradient(135deg, #e7851e, #e7851e);
    color: var(--color-white);
}

.cookie-accept:hover {
    background: linear-gradient(135deg, #d37715, #e7851e);
    transform: translateY(-1px);
}

.cookie-decline {
    background: var(--color-gray);
    color: var(--color-black);
}

.cookie-decline:hover {
    background: #d0d0d0;
}

/* Mobile styles for cookie notification */
@media (max-width: 768px) {
    .cookie-notification {
        width: calc(100% - 40px);
        bottom: 10px;
        left: 20px;
        transform: none;
    }
    
    .cookie-buttons {
        flex-direction: column;
    }
    
    .cookie-btn {
        width: 100%;
    }
}