body{background: #eee !important;}
a{display: block; text-decoration: none; color: #000;}
.grid-a1a{grid-template-columns: auto 1fr auto; gap: clamp(5px, 2vw, 10px);}

#news{margin-top: 150px;}

.grid-centr{grid-template-columns: 250px auto 650px auto 250px; }
#right-block, #left-block{padding: 0;}
#center-block{padding: 50px 0 20px;}
#center-block .item-block{position: relative; padding: 20px; margin-bottom: 20px;}

/*загрузочный блок*/
.item-block.load .top-panel{margin-bottom: 15px;}
.item-block.load .data{font-size: 12px;}
.item-block.load h2{padding: 10px 0; font-size: 18px;}
.item-block.load h2 a{color: #ff0078; padding: 0; display: inline;}
.item-block.load .descript{padding-bottom: 15px; color: #555; font-size: 14px; line-height: 22px;}
.item-block.load img{width: 100%;}
.item-block.load .but-dalee{margin: 10px 0 0; color: #3390ff;}
.item-block.load .bottom-panel{margin-top: 20px;}
.item-block.load .an-icons.comm{background: #fff;}
.item-block.load .icon-animation.comm{width: 30px; height: 30px;}

.com-item{width: 100%; margin-top: 10px; font-size: 14px;}
.com-item img{width: 40px !important; border-radius: 50px !important;}

.item-block{box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.11), 0px 0px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; background: #fff;}
#top-panel{background: #fff; border-bottom: 1px solid #eee; box-shadow: 0px 4px 4px 0px #0000001A; width: 100%; grid-template-columns: 250px 1fr 250px;}

/*------------------------------------Новости----------------------*/
 .item-block .an-icons{cursor: pointer; background: #eee; padding: 5px 10px; border-radius: 8px; grid-column-gap: 0;}
 .derpy{color: #555; font-size: 14px; margin: 0; padding-left: 5px;}
 .item-block .an-icons.active .derpy {display: none;}
 .item-block .an-icons .icon-animation{width: 20px; height: 20px;}
 .item-block .an-icons.active {background: #ffedaf;}
 .item-block img.avtor{width: 40px; border-radius: 5px;padding: 0;} 
.item-block .name{font-size: 14px; font-weight: bold;}

/*---------------------------------------АРТИКЛ--------------------------------*/
article>div{padding-top: 20px; font-size: 14px;}
article .item-block h1{padding-bottom: 10px;}
article .item-block h2{padding: 0 0 12px; font-size: 18px;}
article .item-block h2.title{font-size: 20px;}
article .item-block h3{padding: 0 0 10px; font-size: 16px;}

article .item-block img{width: 100%;}
article .item-block p{color: #333; line-height: 25px;}
article .item-block .secr, article .item-block .targ{padding: 0 0 0 10px; border-left: 4px solid red; margin-bottom: 20px;}
article .item-block a{display: inline-block; color: #0072ff;}
article .item-block a:hover{color: #1165ce}
article .item-block ol, article .item-block ul{padding-left: 30px; padding-bottom: 20px; line-height: 25px; color: #333;}
article .one{margin-bottom: 15px; color: #000; font-size: 22px !important; font-weight: normal; padding-left: 20px;}

#prohod .main-img{border-radius: 10px; padding: 0; margin: 0 0 10px;}
#prohod .btn-search{width: 20px; cursor: pointer;}
.item-block .p-item{color: #aaa; font-size: 14px; margin: 0; padding: 0;}

.auto-columns-2 {column-count: 2; column-gap: 20px;}

/*------------------------------------Комментарии----------------------*/
#comments {scroll-margin-top: 65px;}
.comment-box{grid-template-rows: 1fr auto; border-radius: 10px; border: 1px solid #ddd;}
.comment-input {min-height: 50px; padding: 10px;    border-radius: 10px; background: #fff; font-family: inherit; font-size: 14px; line-height: 1.5; outline: none; white-space: pre-wrap;}
.comment-input:empty::before {content: attr(placeholder); color: #999;}
.comment-box:focus {border: 1px solid #aaa;}
.but-comment{padding: 10px; cursor: pointer; color: #3390ff;}
.comment-block{margin-top: 10px;}
.comment-block img{width: 40px; height: 40px; border-radius: 50%; margin: 0 !important; padding: 0 !important;}
.comment-block .name{font-size: 13px; font-weight: bold;}
.comment-block .time{color: #aaa; font-size: 12px;}
.comment-block .text{padding: 5px 15px 10px; line-height: 20px; color: #333; border-left: 3px solid #ddd; margin: 5px 0 20px 19px; font-size: 14px;}

/*позицирование картинки*/
.item-block.load .img {display: block; width: 100%; aspect-ratio: 12/7; background: #f0f0f0; border-radius: 10px; overflow: hidden; position: relative;}
.item-block.load .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.3s ease;}
.item-block.load .img img.loaded {opacity: 1;}

@media (max-width: 1200px) {
    .grid-centr{grid-template-columns: auto auto 650px auto auto; }
}