/* Про100Совет — тема журнала */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#222;font-family:Verdana,Geneva,sans-serif;font-size:13px;line-height:21px}
a{color:#222;text-decoration:none}
a:hover{color:#cf5f5f}
img{max-width:100%;height:auto;display:block;border:0}
.container{width:1021px;max-width:100%;margin:0 auto;padding:0 21px}
.f-serif{font-family:Vollkorn,Georgia,serif}

/* --- меню --- */
.td-menu{background:#fff;border-bottom:1px solid #e3e3e3;position:relative;z-index:50}
.td-menu .container{display:flex;align-items:center;height:52px}
.menu-logo{font-family:Vollkorn,Georgia,serif;font-size:21px;font-weight:600;letter-spacing:.3px;margin-right:auto;color:#222;white-space:nowrap}
.menu-logo b{color:#cf5f5f;font-weight:600}
.nav{display:flex;list-style:none;margin:0;padding:0}
.nav>li{position:relative}
.nav>li>a{display:block;padding:0 15px;line-height:52px;font-family:Vollkorn,Georgia,serif;font-size:17px;text-transform:uppercase;color:#222;white-space:nowrap}
.nav>li.current>a,.nav>li>a:hover{color:#cf5f5f}
.nav .arr{display:inline-block;width:6px;height:6px;border-right:1.5px solid #222;border-bottom:1.5px solid #222;transform:rotate(45deg);margin:0 0 4px 8px}
.nav .sub{display:none;position:absolute;left:0;top:52px;min-width:220px;background:#fff;border:1px solid #e3e3e3;border-top:2px solid #cf5f5f;list-style:none;margin:0;padding:8px 0;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.nav li:hover>.sub{display:block}
.nav .sub a{display:block;padding:6px 20px;font-family:Vollkorn,Georgia,serif;font-size:15px;color:#222}
.nav .sub a:hover{color:#cf5f5f;background:#fafafa}
.search-btn{width:40px;height:52px;margin-left:24px;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.search-btn svg{width:19px;height:19px}
.search-drop{display:none;position:absolute;right:21px;top:52px;background:#fff;border:1px solid #e3e3e3;border-top:2px solid #cf5f5f;padding:15px;width:320px}
.search-drop.open{display:block}
.search-drop form{display:flex}
.search-drop input{flex:1;border:1px solid #e3e3e3;padding:7px 9px;font:13px Verdana,sans-serif}
.search-drop button{background:#222;color:#fff;border:0;padding:0 14px;font:bold 11px "Open Sans",sans-serif;text-transform:uppercase;cursor:pointer}
.burger{display:none;background:none;border:0;width:44px;height:52px;cursor:pointer;padding:12px}
.burger span{display:block;height:2px;background:#222;margin:5px 0}

/* --- шапка --- */
.td-header{padding:38px 0 34px}
.td-header .container{display:flex;align-items:center;justify-content:space-between}
.logo{display:block}
.logo .name{font-family:Vollkorn,Georgia,serif;font-size:46px;line-height:48px;color:#222;letter-spacing:.5px}
.logo .name b{color:#cf5f5f;font-weight:400}
.logo .slogan{font-family:"Open Sans",sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:#888;margin-top:6px}
.header-promo{width:468px;height:90px;background:#222;color:#fff;display:flex;align-items:center;padding:0 24px;gap:18px}
.header-promo:hover{color:#fff;background:#2c2c2c}
.header-promo .t1{font-family:Vollkorn,Georgia,serif;font-size:21px;line-height:24px}
.header-promo .t2{font-size:11px;color:#bbb;line-height:16px;margin-top:4px}
.header-promo .go{margin-left:auto;border:2px solid #fff;border-radius:3px;padding:6px 12px;font:bold 11px "Open Sans",sans-serif;text-transform:uppercase;white-space:nowrap}

/* --- сетка --- */
.td-main{display:flex;gap:38px;align-items:flex-start;padding-bottom:40px}
.td-content{width:640px;min-width:0;flex:0 0 640px}
.td-sidebar{width:300px;flex:0 0 300px}
.breadcrumbs{font-family:"Open Sans",sans-serif;font-size:10px;color:#a1a1a1;margin-bottom:10px;line-height:16px}
.breadcrumbs a{color:#a1a1a1}
.breadcrumbs a:hover{color:#cf5f5f}
.breadcrumbs .sep{margin:0 6px;font-size:8px}

/* --- карточка в ленте --- */
.post-item{padding-bottom:22px;margin-bottom:24px;border-bottom:1px dashed #e6e6e6}
.entry-title{font-family:Vollkorn,Georgia,serif;font-weight:400;color:#222;margin:0 0 12px}
.post-item .entry-title{font-size:34px;line-height:41px}
h1.entry-title{font-size:36px;line-height:42px}
.meta{font-family:"Open Sans",sans-serif;font-size:11px;color:#444;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin-bottom:17px;line-height:16px}
.cat{display:inline-block;background:#222;color:#fff;font-weight:700;font-size:9px;text-transform:uppercase;padding:0 7px;line-height:15px;margin-right:5px}
.cat:hover{background:#cf5f5f;color:#fff}
.meta .author{font-weight:700;color:#222;margin:0 3px}
.meta .date{color:#444}
.meta .rt{margin-left:22px;display:inline-flex;align-items:center;gap:6px;color:#444}
.meta .rt svg{width:12px;height:12px}
.thumb{display:block;margin-bottom:18px;background:#eee}
.thumb img{width:640px;height:420px;object-fit:cover}
.excerpt{padding:0 20px;font-size:15px;line-height:23px;color:#222}
.excerpt p{margin:0 0 14px}
.btn-more{display:table;margin:6px auto 0;border:2px solid #222;border-radius:4px;padding:6px 19px;font-family:"Open Sans",sans-serif;font-size:12px;color:#222;background:#fff;line-height:18px}
.btn-more:hover{background:#222;color:#fff}

/* --- блок-заголовки --- */
.block-title{border-bottom:2px solid #222;margin:0 0 24px;line-height:0}
.block-title span{display:inline-block;background:#222;color:#fff;font-family:Vollkorn,Georgia,serif;font-size:16px;line-height:26px;padding:0 15px 0 15px;font-weight:700}

/* --- партнёры --- */
.partners{margin-bottom:34px;padding-bottom:12px;border-bottom:1px dashed #e6e6e6}
.partners .intro{font-size:14px;line-height:22px;margin:0 0 22px;color:#333}
.partner{display:flex;gap:22px;align-items:flex-start;padding:18px 0;border-top:1px dashed #e6e6e6}
.partner:first-of-type{border-top:0;padding-top:4px}
.partner .p-logo{flex:0 0 180px;height:120px;border:1px solid #e9e9e9;display:flex;align-items:center;justify-content:center;padding:12px;background:#fff}
.partner .p-logo:hover{border-color:#cf5f5f}
.partner .p-logo img{max-height:96px;max-width:154px;object-fit:contain}
.partner h3{font-family:Vollkorn,Georgia,serif;font-weight:400;font-size:22px;line-height:26px;margin:0 0 6px}
.partner p{margin:0;font-size:13px;line-height:21px;color:#333}
.partner p a,.content a,.page-text a{color:#cf5f5f;border-bottom:1px solid rgba(207,95,95,.35)}
.partner p a:hover,.content a:hover,.page-text a:hover{border-bottom-color:#cf5f5f}

/* --- сетка карточек --- */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 24px;margin-bottom:34px;padding-bottom:26px;border-bottom:1px dashed #e6e6e6}
.card .c-img{display:block;margin-bottom:10px;position:relative}
.card .c-img img{width:100%;height:196px;object-fit:cover}
.card .c-img .cat{position:absolute;left:0;bottom:0;margin:0}
.card h3{font-family:Vollkorn,Georgia,serif;font-weight:400;font-size:19px;line-height:23px;margin:0 0 6px}
.card .d{font-family:"Open Sans",sans-serif;font-size:11px;color:#999}

/* --- пагинация --- */
.pagination{display:flex;align-items:center;margin:10px 0 30px;font-family:"Open Sans",sans-serif}
.pagination a,.pagination span.cur{display:inline-block;min-width:28px;height:28px;line-height:26px;text-align:center;border:1px solid #e3e3e3;margin-right:5px;font-size:13px;color:#222;padding:0 6px}
.pagination span.cur{background:#cf5f5f;border-color:#cf5f5f;color:#fff}
.pagination a:hover{border-color:#222}
.pagination .dots{margin-right:5px;color:#999}
.pagination .pages{margin-left:auto;font-size:12px;color:#444}

/* --- статья --- */
.single .thumb{margin-bottom:22px}
.content{padding:0 20px;font-size:15px;line-height:23px;color:#222}
.content p{margin:0 0 19px}
.content>p:first-of-type::first-letter{float:left;font-family:Vollkorn,Georgia,serif;font-size:76px;line-height:60px;padding:6px 18px 0 2px;color:#444}
.content h2,.page-text h2{font-family:Vollkorn,Georgia,serif;font-weight:400;font-size:27px;line-height:32px;margin:30px 0 15px;color:#222}
.content h3,.page-text h3{font-family:Vollkorn,Georgia,serif;font-weight:400;font-size:21px;line-height:26px;margin:24px 0 12px}
.content ul,.content ol,.page-text ul,.page-text ol{margin:0 0 19px;padding-left:22px}
.content li,.page-text li{margin-bottom:7px}
.content blockquote,.page-text blockquote{margin:28px 0;padding:6px 0 6px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center}
.content blockquote p,.page-text blockquote p{font-family:Vollkorn,Georgia,serif;font-style:italic;font-size:21px;line-height:30px;color:#cf5f5f;margin:14px 10px}
.content blockquote .who{display:block;font-family:"Open Sans",sans-serif;font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#888;margin-top:10px;line-height:16px}
.content table,.page-text table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:13px;line-height:19px}
.content th,.content td,.page-text th,.page-text td{border:1px solid #e3e3e3;padding:8px 10px;text-align:left;vertical-align:top}
.content th,.page-text th{background:#222;color:#fff;font-family:"Open Sans",sans-serif;font-size:12px}
.content tr:nth-child(even) td{background:#fafafa}
.content strong{font-weight:700}

.gallery{background:#222;margin:26px -20px 26px;color:#fff}
.gallery .g-head{display:flex;align-items:center;height:44px;padding:0 20px;font-family:"Open Sans",sans-serif}
.gallery .g-head .t{font-style:italic;font-weight:700;font-size:14px}
.gallery .g-head .n{margin-left:auto;font-style:italic;font-size:13px;margin-right:12px}
.gallery button{background:none;border:0;color:#fff;cursor:pointer;width:24px;height:30px;padding:0}
.gallery button svg{width:12px;height:16px}
.gallery .g-body{padding:0 40px 30px}
.gallery .g-slide{display:none}
.gallery .g-slide.on{display:block}
.gallery .g-slide img{width:100%;height:380px;object-fit:cover}
.gallery .g-cap{font-size:12px;color:#bbb;padding-top:10px;line-height:18px}

.tags-line{padding:0 20px;margin:26px 0;font-family:"Open Sans",sans-serif;font-size:11px}
.tags-line .lbl{background:#cf5f5f;color:#fff;font-weight:700;text-transform:uppercase;padding:2px 7px;margin-right:6px;font-size:9px}
.tags-line a{display:inline-block;border:1px solid #e3e3e3;padding:0 8px;margin:0 4px 4px 0;color:#444;line-height:20px}
.tags-line a:hover{border-color:#222;color:#222}

.author-box{display:flex;gap:20px;border:1px solid #ebebeb;padding:21px;margin:30px 0}
.author-box .ava{flex:0 0 96px;height:96px;background:#222;color:#fff;font-family:Vollkorn,Georgia,serif;font-size:38px;display:flex;align-items:center;justify-content:center}
.author-box .nm{font-family:Vollkorn,Georgia,serif;font-size:20px;margin-bottom:6px}
.author-box p{margin:0;font-size:12px;line-height:19px;color:#444}
.author-box .all{font-family:"Open Sans",sans-serif;font-size:11px;color:#cf5f5f;margin-top:8px;display:inline-block}

.post-nav{display:flex;gap:24px;border-top:1px dashed #e6e6e6;border-bottom:1px dashed #e6e6e6;padding:18px 0;margin:30px 0}
.post-nav>div{flex:1}
.post-nav .lb{font-family:"Open Sans",sans-serif;font-size:11px;color:#999;margin-bottom:4px}
.post-nav a{font-family:Vollkorn,Georgia,serif;font-size:17px;line-height:22px}
.post-nav .nx{text-align:right}

.related{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}
.related .card .c-img img{height:130px}
.related .card h3{font-size:16px;line-height:20px}

/* --- страницы --- */
.page-text{font-size:14px;line-height:23px;color:#222;padding:0 20px}
.page-text p{margin:0 0 17px}
.page-head p{font-size:15px;line-height:23px;color:#444;margin:0 0 26px}
.cat-desc{font-size:14px;line-height:22px;color:#444;margin:0 0 28px;padding-bottom:22px;border-bottom:1px dashed #e6e6e6}
.sitemap-list{columns:2;column-gap:30px;padding-left:18px}
.sitemap-list li{break-inside:avoid}

/* --- формы --- */
.td-form{background:#f7f7f7;border:1px solid #ebebeb;padding:24px;margin:26px 0}
.td-form h3{margin-top:0}
.td-form .row{display:flex;gap:16px}
.td-form .row>label{flex:1}
.td-form label.fld{display:block;margin-bottom:14px;font-family:"Open Sans",sans-serif;font-size:12px;color:#444}
.td-form input[type=text],.td-form input[type=email],.td-form input[type=url],.td-form select,.td-form textarea{display:block;width:100%;margin-top:5px;border:1px solid #ddd;background:#fff;padding:9px 10px;font:13px Verdana,sans-serif;color:#222}
.td-form textarea{min-height:130px;resize:vertical}
.td-form input:focus,.td-form textarea:focus,.td-form select:focus{outline:0;border-color:#222}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:18px;color:#444;margin:6px 0 16px;cursor:pointer}
.agree input{width:16px;height:16px;margin:1px 0 0;flex:0 0 16px;accent-color:#cf5f5f}
.agree a,.form-note a{color:#cf5f5f}
.form-bottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.btn{background:#222;color:#fff;border:0;padding:10px 24px;font:700 12px "Open Sans",sans-serif;text-transform:uppercase;cursor:pointer;border-radius:3px}
.btn:hover{background:#cf5f5f}
.form-note{flex:1;min-width:200px;font-size:11px;line-height:16px;color:#888}
.form-ok{display:none;background:#fff;border-left:3px solid #cf5f5f;padding:12px 16px;margin-top:16px;font-size:13px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin:6px 0 16px;font-size:12px}
.checks label{display:flex;gap:8px;align-items:center}

/* --- сайдбар --- */
.widget{margin-bottom:38px}
.widget .block-title{border-bottom:0;margin-bottom:15px}
.widget .block-title span{border-radius:0}
.w-posts li{list-style:none;padding:0 0 9px;margin-bottom:9px;border-bottom:1px dashed #e6e6e6;line-height:21px}
.w-posts{margin:0;padding:0}
.w-posts a{font-size:13px;color:#222}
.w-posts a:hover{color:#cf5f5f}
.w-posts .d{display:block;font-size:11px;font-style:italic;color:#c1c1c1;line-height:14px}
.w-thumbs li{display:flex;gap:12px;align-items:flex-start}
.w-thumbs img{width:90px;height:62px;object-fit:cover;flex:0 0 90px}
.w-list{margin:0;padding:0;list-style:none}
.w-list li{line-height:30px;display:flex;justify-content:space-between}
.w-list li span{font-size:11px;color:#999}
.w-about{font-size:13px;line-height:21px;color:#333}
.w-about p{margin:0 0 10px}

/* --- футер --- */
.td-footer{background:#1a1a1a;color:#ccc;padding:40px 0 20px;margin-top:10px}
.td-footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.td-footer .block-title{border-color:#333}
.td-footer .block-title span{background:#cf5f5f}
.td-footer a{color:#ddd}
.td-footer a:hover{color:#cf5f5f}
.td-footer p{font-size:12px;line-height:20px;margin:0 0 10px}
.td-footer ul{list-style:none;margin:0;padding:0;font-size:12px;line-height:26px}
.f-logo{font-family:Vollkorn,Georgia,serif;font-size:28px;color:#fff;margin-bottom:12px}
.f-logo b{color:#cf5f5f;font-weight:400}
.sub-footer{background:#111;color:#ddd;font-family:"Open Sans",sans-serif;font-size:11px}
.sub-footer .container{display:flex;align-items:center;min-height:40px;gap:10px 0;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.sub-footer .copy{margin-right:auto}
.sub-footer a{color:#fff;margin-left:22px}
.sub-footer a:hover{color:#cf5f5f}

/* --- cookie --- */
.cookie{position:fixed;left:0;right:0;bottom:0;background:#222;color:#eee;z-index:100;display:none;border-top:2px solid #cf5f5f}
.cookie.show{display:block}
.cookie .container{display:flex;align-items:center;gap:20px;padding-top:14px;padding-bottom:14px}
.cookie p{margin:0;font-size:12px;line-height:18px;flex:1}
.cookie a{color:#fff;text-decoration:underline}
.cookie .btn{background:#cf5f5f;white-space:nowrap}
.cookie .btn:hover{background:#fff;color:#222}

.totop{position:fixed;right:20px;bottom:80px;width:36px;height:36px;background:#222;color:#fff;border:0;cursor:pointer;display:none;z-index:90}
.totop.show{display:block}

/* --- 404 --- */
.e404{text-align:center;padding:30px 0 50px}
.e404 .big{font-family:Vollkorn,Georgia,serif;font-size:150px;line-height:150px;color:#222}
.e404 .big b{color:#cf5f5f;font-weight:400}
.e404 h1{font-family:Vollkorn,Georgia,serif;font-weight:400;font-size:30px;margin:10px 0 14px}
.e404 p{font-size:14px;color:#444;max-width:520px;margin:0 auto 20px}
.e404 form{display:flex;max-width:400px;margin:0 auto 26px}
.e404 input{flex:1;border:1px solid #ddd;padding:9px;font:13px Verdana,sans-serif}

/* --- поиск --- */
.search-page form{display:flex;margin-bottom:26px}
.search-page input{flex:1;border:1px solid #ddd;padding:10px;font:14px Verdana,sans-serif}
.s-res{padding:14px 0;border-bottom:1px dashed #e6e6e6}
.s-res h3{font-family:Vollkorn,Georgia,serif;font-weight:400;font-size:22px;margin:4px 0 6px}
.s-res p{margin:0;font-size:13px;color:#444}

/* --- адаптив --- */
@media (max-width:1020px){
  .td-main{flex-direction:column}
  .td-content,.td-sidebar{width:100%;flex:auto}
  .header-promo{display:none}
  .thumb img{width:100%;height:auto;aspect-ratio:640/420}
}
@media (max-width:860px){
  .burger{display:block}
  .td-menu .container{flex-wrap:wrap;height:auto;min-height:52px}
  .nav{display:none;width:100%;flex-direction:column;border-top:1px solid #eee;padding-bottom:10px}
  .nav.open{display:flex}
  .nav>li>a{line-height:40px;padding:0 4px}
  .nav .sub{position:static;display:block;border:0;box-shadow:none;padding:0 0 6px 14px}
  .search-btn{margin-left:4px}
  .search-drop{left:16px;right:16px;width:auto}
  .td-footer .cols{grid-template-columns:1fr}
}
@media (max-width:640px){
  .container{padding:0 16px}
  .logo .name{font-size:34px;line-height:38px}
  .post-item .entry-title,h1.entry-title{font-size:27px;line-height:33px}
  .excerpt,.content,.page-text,.tags-line{padding:0}
  .gallery{margin:26px 0}
  .gallery .g-body{padding:0 12px 16px}
  .gallery .g-slide img{height:220px}
  .grid,.related{grid-template-columns:1fr}
  .partner{flex-direction:column}
  .partner .p-logo{width:100%;flex:auto}
  .td-form .row{flex-direction:column;gap:0}
  .checks{grid-template-columns:1fr}
  .cookie .container{flex-direction:column;align-items:stretch}
  .sitemap-list{columns:1}
  .menu-logo{font-size:18px}
  .e404 .big{font-size:100px;line-height:110px}
}
.w-posts li.w-thumbs{display:flex;gap:12px;align-items:flex-start}
.w-posts li.w-thumbs img{width:90px;height:62px;object-fit:cover}
.w-posts li.w-thumbs>a:first-child{flex:0 0 90px}
.header-promo .t1{font-size:19px;white-space:nowrap}