/* save-kids.ru - обновлённая вёрстка поверх старого шаблона Joomla (template.css).
   Стиль берём от шапки: синий и красный из логотипа, рукописный Segoe Print для подписей,
   основной шрифт Nunito (лежит локально в ../fonts, лицензия SIL OFL). */

@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/nunito-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/nunito-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/nunito-cyrillic-400-italic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/nunito-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/nunito-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/nunito-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/nunito-cyrillic-800-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/nunito-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --blue:#0a7fb8;        /* «Время» в логотипе */
  --blue-dark:#06618f;
  --blue-light:#22a3dc;
  --blue-bg:#eaf5fc;
  --red:#cf2a0e;         /* «помогать» и будильник */
  --red-bg:#fff2ef;
  --ink:#1d3247;         /* заголовки */
  --text:#2f3a45;
  --muted:#6b7884;
  --line:#e3eaf1;
  --page:#f2f5f8;
  --hand:'Segoe Print','Comic Sans MS',cursive;
  --font:'Nunito',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

/* ---------- основа ---------- */
html,body{min-width:0;background:var(--page);}
body{font-family:var(--font);font-size:16px;line-height:1.65;color:var(--text);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;}
a{color:var(--blue);}
img{max-width:100%;height:auto;}

#container{
  width:auto;max-width:1180px;min-height:0;margin:24px auto 0;
  background:#fff;border-radius:22px 22px 0 0;
  box-shadow:0 18px 60px rgba(16,42,66,.08);
  display:grid;grid-template-columns:268px minmax(0,1fr);
}
#container > .clear,.button_left,.left,.right,.main_right{display:none;}
#header{grid-column:1/-1;}
.main_left{grid-column:1;}
.main_center{grid-column:2;}
#footer{grid-column:1/-1;}

/* ---------- шапка: рисунок не трогаем, только чище подача ---------- */
#header{height:auto;position:relative;border-radius:22px 22px 0 0;background-size:100% auto;padding:0;}
#header::after{content:"";display:block;clear:both;}
.alarm{margin:22px 0 0 34px;}
.hot_call{margin:26px 36px 0 -50px;}
.hot_call .number a{color:inherit;text-decoration:none;}
.menu_border_line,.menu_bottom,.active_red{display:none !important;}
.sk-burger{display:none;}

/* верхнее меню */
#topmenu{clear:both;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);}
#topmenu .menu{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0 16px;box-sizing:border-box;}
#topmenu .menu li{float:none;width:auto;height:auto;border:0 !important;font-family:var(--font);font-size:15px;text-transform:none;background:none !important;}
#topmenu .menu li a{display:block;position:relative;padding:15px 16px 14px;color:var(--text);font-weight:700;text-decoration:none;transition:color .15s;}
#topmenu .menu li a:hover{color:var(--blue);}
#topmenu .menu li.active a,#topmenu .menu li.current a{color:var(--blue) !important;font-weight:800;}
#topmenu .menu li.active a::after,#topmenu .menu li.current a::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--blue);}

/* акции под меню */
#submenu{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:0;padding:14px 24px;background:none;border-bottom:1px solid var(--line);}
#submenu::before{content:"Наши акции:";font-family:var(--hand);font-weight:bold;font-size:14px;color:#777;}
#submenu .menu{display:flex;flex-wrap:wrap;gap:8px;width:auto;margin:0;padding:0;}
#submenu .menu li,#submenu .menu li:hover,#submenu .item_hover,#submenu .item_clicked{float:none;width:auto;height:auto;margin:0;padding:0;border:0 !important;background:none !important;font-family:var(--font);font-size:14px;text-transform:none;}
#submenu .menu li a,#submenu .menu li:hover a,#submenu .menu li.active a{
  display:block;width:auto;height:auto;line-height:1.3;white-space:nowrap;padding:7px 15px;border-radius:999px;
  border:1.5px solid #f2c6bd;background:var(--red-bg);color:var(--red) !important;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;
}
#submenu .menu li a:hover,#submenu .menu li.active a,#submenu .menu li.current a{background:var(--red);border-color:var(--red);color:#fff !important;}

/* ---------- левая колонка ---------- */
.main_left{float:none;width:auto;min-height:0;padding:30px 18px 40px 26px;border-right:1px solid var(--line);box-sizing:border-box;}
.main_left .menu,.main_left .menugallery{display:block;width:auto;margin:0;padding:0;list-style:none;text-transform:none;}
.main_left .menu li,.main_left .menugallery li{margin:0;padding:0;border:0;font-size:15px;font-weight:800;color:var(--ink);background:none;}
.main_left .menu li:last-of-type{border:0;}
.main_left .menu a,.main_left .menugallery a{display:block;padding:8px 12px;border-radius:10px;color:var(--ink) !important;text-decoration:none !important;line-height:1.35;transition:background .15s,color .15s;}
.main_left .menu a:hover,.main_left .menugallery a:hover{background:var(--blue-bg);color:var(--blue) !important;}
.main_left .menu ul{margin:2px 0 10px 14px;padding:0 0 0 8px;border-left:2px solid var(--line);list-style:none;}
.main_left .menu ul li{margin:0;font-size:14px;font-weight:600;}
.main_left .menu ul a{padding:6px 10px;color:#4c5a66 !important;}
.main_left li.current > a,.main_left li.active > a{background:var(--blue-bg);color:var(--blue) !important;}
.main_left .menugallery{margin-top:2px;}

/* проекты в колонке */
.main_left .custom{margin:22px 0 0;padding:18px 16px;border-radius:16px;background:linear-gradient(180deg,#fff7f5,#fff);border:1px solid #f5ddd7;text-align:center;}
.main_left .main_right_header{margin:0 0 10px;font-family:var(--hand);font-weight:bold;font-size:14px;line-height:1.35;text-transform:none;}
.main_left .main_right_header a{color:var(--red) !important;}
.main_left .main_right_header br{display:none;}
.main_left img.muzei{width:100%;max-width:190px;height:auto;margin:0 auto;}
.main_left .custom > br,#vk_groups{display:none;}
.sk-side-varya{margin:14px 0 0;font-size:14px;line-height:1.35;}
.sk-side-varya a{display:block;padding:9px 12px;border-radius:999px;background:var(--blue);color:#fff !important;font-weight:700;text-decoration:none !important;}
.sk-side-varya a:hover{background:var(--blue-dark);}

/* ---------- центр ---------- */
.main_center{float:none;width:auto;min-height:0;padding:26px 44px 56px;font-family:var(--font);font-size:16px;box-sizing:border-box;}
.breadcrumbs{margin:0 0 6px;font-size:13px;color:var(--muted);line-height:1.5;}
.breadcrumbs a{color:var(--muted);text-decoration:none;}
.breadcrumbs a:hover{color:var(--blue);text-decoration:underline;}
.breadcrumbs img{width:6px;height:auto;margin:0 6px;opacity:.55;vertical-align:middle;}
#content{width:auto;min-height:0;margin:0;font-size:16px;line-height:1.7;}
#content > div{margin-top:0;}
.main_center p,#content p{margin:0 0 14px;font-family:var(--font);font-size:16px;line-height:1.7;text-align:left;}
#content li{margin:0 0 6px 22px;line-height:1.65;text-align:left;}
#content,#content div,#content td{text-align:left;}
#content ul,#content ol{margin:0 0 16px;}
#content [style*="justify"]{text-align:left !important;}
#content [style*="font-family"]{font-family:inherit !important;}
#content span[style*="font-size"],#content p[style*="font-size"],#content font[size]{font-size:inherit !important;}
#content font{font-family:inherit;}

/* заголовки */
.main_center h1,.main_center h2,.main_center h3,.main_center h4{width:auto;padding:0;border:0;font-family:var(--font);font-weight:800;color:var(--ink);text-transform:none;letter-spacing:-.01em;}
.main_center h1{margin:4px 0 18px;font-size:32px;line-height:1.2;}
.main_center h2{margin:34px 0 12px;font-size:23px;line-height:1.3;}
.main_center h3{margin:26px 0 10px;font-size:19px;line-height:1.35;}
.main_center h1 + h2,#content > div > h2:first-child{margin-top:8px;}
.sk-section-label{width:auto;margin:6px 0 6px;padding:0;border:0;font-family:var(--font);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red);}
.sk-page-title{margin-top:4px !important;}

/* ссылки и картинки в тексте */
#content a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(10,127,184,.35);text-underline-offset:3px;}
#content a:hover{color:var(--blue-dark);text-decoration-color:currentColor;}
#content img{border-radius:12px;}
#content img[style*="float: left"],#content img[style*="float:left"],#content img[align="left"]{margin:4px 22px 12px 0 !important;}
#content img[style*="float: right"],#content img[style*="float:right"],#content img[align="right"]{margin:4px 0 12px 22px !important;}
#content iframe{max-width:100%;border:0;border-radius:12px;}
#content table{border-collapse:collapse;max-width:100%;margin:0 0 18px;}
#content td,#content th{padding:8px 10px;border:1px solid var(--line);vertical-align:top;}
#content hr{border:0;border-top:1px solid var(--line);margin:24px 0;}
.article-info{margin:0 0 8px;font-size:13px;color:var(--muted);}
.article-info dt{display:none;}
.article-info dd{margin:0;}

/* ленты новостей и пресс-центра */
.items-leading > div,.items-row > div,.blog > .items-leading > div{margin-bottom:8px;}
.blog,.blognews{margin-top:0;}
.blognews > h1{margin-bottom:8px;}
.blognews h2,.blog h2{padding-top:26px !important;margin-top:26px;border-top:1px solid var(--line) !important;}
.blognews .items-leading > div:first-child h2:first-child,.blog .items-leading > div:first-child > h2:first-child{border-top:0 !important;padding-top:0 !important;}
.readmore a,a.readon{display:inline-block;margin-top:4px;padding:7px 16px;border-radius:999px;background:var(--blue-bg);color:var(--blue) !important;font-weight:700;text-decoration:none !important;}
.category-listpresscenter{margin-top:6px;}
.category-listpresscenter table,.category-list table{width:100%;}
.category-listpresscenter td a,.category-list td a{text-decoration:none !important;font-weight:700;}
.category-listpresscenter td,.category-list td{border:0 !important;border-bottom:1px solid var(--line) !important;padding:12px 4px !important;}
.category-listpresscenter td a{margin:0 !important;}
.sk-gallery{gap:10px;}
.sk-gallery img{border-radius:10px;border:0;}

/* пагинация */
.pagination{margin:30px 0 0;font-size:14px;}
.pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0;margin:0 0 10px;list-style:none;}
.pagination ul li{display:block;margin:0 !important;}
.pagination ul li a,.pagination ul li span{display:inline-block;min-width:38px;padding:7px 10px;border-radius:10px;border:1px solid var(--line);text-align:center;text-decoration:none !important;box-sizing:border-box;}
.pagination ul li span{background:var(--blue);border-color:var(--blue);color:#fff;}
.pagination ul li.pagination-start span,.pagination ul li.pagination-prev span,.pagination ul li.pagination-next span,.pagination ul li.pagination-end span{background:none;border-color:var(--line);color:#b3bcc5;}
.pagination .counter{color:var(--muted);}

/* блок об архиве на главной */
.sk-archive-note{margin:0 0 30px;padding:20px 24px;border:0;border-radius:16px;background:var(--blue-bg);font-size:15px;line-height:1.6;}
.sk-archive-note p{margin:0 0 8px !important;font-size:15px !important;}
.sk-archive-note p:first-child{font-weight:700;color:var(--ink);}
.sk-archive-note p:last-child{margin-bottom:0 !important;}

/* поиск */
.search{width:auto;margin:10px 0 0;padding:0;font-family:var(--font);font-size:15px;color:var(--text);}
.search fieldset{border:0;}
#search-searchword{width:100%;max-width:460px;margin:8px 8px 8px 0;padding:11px 14px;border:1px solid #cfd9e3;border-radius:12px;font:inherit;font-size:16px;box-sizing:border-box;}
.search .button{padding:11px 22px;border:0;border-radius:12px;background:var(--blue);color:#fff;font:inherit;font-weight:700;cursor:pointer;}

/* ---------- подвал ---------- */
#footer{width:auto;box-sizing:border-box;height:auto;padding:30px 44px 26px;background:#f7f9fb;border-top:1px solid var(--line);}
.footer_label{margin:0 0 14px;font-family:var(--hand);font-size:16px;font-weight:bold;color:#777;}
.footer_block{width:auto;height:auto;margin:0;padding:0;background:none;}
.slider{height:auto;}
.slide-item,.brand_logo{width:140px;height:76px;margin:0 12px 0 0;padding:10px 12px;box-sizing:border-box;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;}
#footer_links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--line);}
#footer_links .menu{display:flex;flex-wrap:wrap;gap:6px 22px;width:auto;margin:0;padding:0;}
#footer_links .menu li{float:none;height:auto;margin:0;padding:0;border:0;font-family:var(--font);font-size:14px;}
#footer_links .menu li a{color:var(--muted);text-decoration:none;}
#footer_links .menu li a:hover{color:var(--blue);text-decoration:underline;}
#footer_links .custom{margin:0;}
#footer_links .main_right_header{margin:0;font-family:var(--font);font-size:14px;text-transform:none;text-align:left !important;}
#footer_links .main_right_header a{color:var(--muted);}
#footer_links .main_right_header a:hover{color:var(--blue);}

/* ---------- планшет ---------- */
@media (max-width:1100px){
  #container{margin-top:0;border-radius:0;grid-template-columns:230px minmax(0,1fr);}
  #header{border-radius:0;}
  .main_center{padding:24px 28px 48px;}
  #footer{padding:26px 28px 22px;}
  .girl1{display:none;}
}

/* ---------- мобильная версия ---------- */
@media (max-width:860px){
  #container{display:flex;flex-direction:column;}
  #header{order:0;}
  .main_center{order:1;}
  .main_left{order:2;}
  #footer{order:3;}

  #header{background:none;padding:12px 16px 0;box-sizing:border-box;}
  .girl1,.boy,.girl2{display:none;}
  .alarm{width:58px;height:58px;margin:4px 10px 0 0;}
  .logo_block{float:left;}
  .slogan{display:none;}
  .logo{width:132px;height:72px;margin:2px 0 0;background-position:left top;}
  .hot_call{float:none;clear:both;width:auto;margin:6px 0 10px;text-align:left;}
  .hot_call .label{display:inline;font-size:13px;}
  .hot_call .number{display:inline;margin:0 0 0 6px;font-size:18px;}

  .sk-burger{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    position:absolute;top:18px;right:14px;width:46px;height:46px;padding:0 11px;
    border:0;border-radius:12px;background:var(--blue-bg);cursor:pointer;box-sizing:border-box;
  }
  .sk-burger span{display:block;height:2.5px;border-radius:2px;background:var(--blue);transition:transform .2s,opacity .2s;}
  .sk-menu-open .sk-burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
  .sk-menu-open .sk-burger span:nth-child(2){opacity:0;}
  .sk-menu-open .sk-burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}

  #topmenu,#submenu{display:none;}
  .sk-menu-open #topmenu{display:block;margin:0 -16px;}
  .sk-menu-open #submenu{display:flex;justify-content:flex-start;margin:0 -16px;padding:14px 16px;}
  #topmenu .menu{flex-direction:column;padding:0;}
  #topmenu .menu li{text-align:left;}
  #topmenu .menu li a{padding:13px 18px;border-top:1px solid var(--line);font-size:16px;}
  #topmenu .menu li:first-child a{border-top:0;}
  #topmenu .menu li.active a::after,#topmenu .menu li.current a::after{left:0;right:auto;top:0;bottom:0;width:4px;height:auto;border-radius:0 3px 3px 0;}
  #submenu::before{width:100%;}

  .main_center{padding:18px 16px 34px;}
  .main_center h1{font-size:25px;}
  .main_center h2{font-size:20px;}
  .main_center p,#content p{font-size:16px;}
  #content{overflow-wrap:anywhere;}
  #content img{max-width:100% !important;height:auto !important;}
  #content img[style*="margin"]{margin-left:0 !important;margin-right:0 !important;}
  #content [style*="text-indent"]{text-indent:0 !important;}
  #content *{max-width:100%;box-sizing:border-box;}
  #content table{width:100% !important;height:auto !important;display:block;overflow-x:auto;}
  #content td{word-break:break-word;}
  #content [style*="width"]{width:auto !important;}
  #content [style*="float"],#content img[align]{float:none !important;}
  #content img[style*="float"],#content img[align]{display:block;margin:10px auto !important;}
  #content [style*="margin-left"]{margin-left:0 !important;}
  .sk-gallery a{width:calc(33.333% - 7px);}
  .sk-gallery img{width:100%;height:92px;}

  .main_left{padding:22px 16px 28px;border-right:0;border-top:1px solid var(--line);background:#fbfcfd;}
  .main_left::before{content:"Разделы сайта";display:block;margin:0 0 10px 12px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}

  #footer{padding:24px 16px 22px;}
  .footer_block{overflow-x:auto;}
  .slide-item,.brand_logo{width:116px;height:64px;}
  #footer_links{display:block;}
  #footer_links .menu{margin:0 0 12px;}
}