/* ============================================================
   BeautyProf · /blog/ — v2 override (единый стиль с /contacts/)
   Стилизует разметку шаблона blog_type2 (тема alpha) под
   дизайн-систему: белые карточки, зелёные акценты, Inter
   ============================================================ */

/* hero-зона страницы */
.blog-v2-hero{
  background:linear-gradient(180deg,#f4f9fc, #ffffff);
  padding:clamp(36px,5vw,64px) 0 clamp(20px,3vw,32px);
}
.blog-v2-hero h1{
  margin:0 0 14px; font-size:clamp(30px,4.4vw,50px); font-weight:800;
  letter-spacing:-.025em; line-height:1.1; color:#0e1d29;
}
.blog-v2-hero p{
  margin:0; font-size:clamp(15px,1.5vw,17px); line-height:1.6; color:#486072; max-width:640px;
}

/* обёртка секций блога */
body .wrapper-section{ background:#fff; }
body .wrapper-section .blog-list.type-2 .row{ margin:0; }

/* карточки статей */
body .blog-list-item{
  background:#fff; border:1px solid #e4edf3; border-radius:20px;
  overflow:visible; position:relative;
  padding:0 0 18px; margin-bottom:22px;
  transition:transform .25s ease, box-shadow .3s ease, border-color .3s ease;
}
body .blog-list-item:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 46px -20px rgba(16,24,40,.24);
  border-color:#cfe3ee;
}
body .blog-list-item .image-wrap{
  border-radius:18px 18px 0 0; overflow:hidden; margin:0;
}
body .blog-list-item .image-wrap .image,
body .blog-list-item .image-wrap img{
  width:100%; display:block; transition:transform .5s ease;
}
body .blog-list-item:hover .image-wrap img{ transform:scale(1.04); }
body .blog-list-item .image-wrap .labels .label{
  background:rgba(14,29,41,.78); backdrop-filter:blur(4px);
  color:#fff; border-radius:20px; font-size:11.5px; font-weight:700;
  padding:5px 12px; letter-spacing:.02em;
}
/* дата — зелёный чип */
body .blog-list-item .info .date{
  display:inline-flex; align-items:center; gap:6px;
  background:#e8f7ee; color:#0e8a45;
  border-radius:20px; padding:4px 12px;
  font-size:12px; font-weight:800; letter-spacing:.02em;
  margin:14px 18px 6px;
}
body .blog-list-item .info .date::before{
  content:""; width:6px; height:6px; border-radius:50%; background:#18b358;
}
/* заголовок */
body .blog-list-item .info .title{
  font-size:18px; font-weight:800; letter-spacing:-.01em; line-height:1.35;
  color:#0e1d29 !important; margin:0 18px 8px;
}
body .blog-list-item .info .title a{ color:#0e1d29; text-decoration:none; }
body .blog-list-item .info .title a:hover{ color:#0e8a45; }
/* превью-текст */
body .blog-list-item .info .preview,
body .blog-list-item .info .font-body{ color:#5e7486; }
body .blog-list-item .info > *:not(.date):not(.title){
  margin-left:18px; margin-right:18px;
}

/* пагинация и «показать ещё» */
body .blog-list-item .btn-show-more,
body .wrapper-section .btn-show-more{
  background:linear-gradient(180deg,#1cb45c,#128c45) !important;
  border:none !important; color:#fff !important; font-weight:700 !important;
  border-radius:14px !important; padding:13px 26px !important;
}
body .wrapper-section .pagination,
body .wrapper-section .bx-pagination{ margin-top:10px; }
body .wrapper-section .bx-pagination span a,
body .wrapper-section .bx-pagination .bx-pagination-num{
  border-radius:10px !important;
}
body .wrapper-section .bx-pagination .bx-active span{
  background:#12a150 !important; border-color:#12a150 !important; color:#fff !important;
  border-radius:10px !important;
}

/* сайдбар: категории и теги */
body .blog-sidebar-menu .title.bold{
  font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  color:#12a150 !important;
}
body .blog-sidebar-menu .item{
  background:#fff !important; border:1px solid #e4edf3 !important;
  border-radius:14px !important; padding:12px 16px !important;
  transition:all .2s ease;
}
body .blog-sidebar-menu .item:hover{
  border-color:#12a150; transform:translateY(-2px);
  box-shadow:0 10px 24px -12px rgba(16,24,40,.2);
}
body .blog-sidebar-menu .item .category-name{ font-weight:700 !important; color:#12212e !important; }
body .blog-sidebar-menu .item .count{
  background:#e8f7ee !important; color:#0e8a45 !important;
  border-radius:20px !important; padding:2px 9px !important;
  font-weight:800 !important;
}
/* теги-чипы */
body .tag.font-button-large{
  background:#fff !important; border:1px solid #e4edf3 !important;
  border-radius:20px !important; color:#12212e !important;
  font-weight:600 !important; padding:8px 16px !important;
  transition:all .2s ease;
}
body .tag.font-button-large:hover{
  border-color:#12a150 !important; color:#0e8a45 !important;
  transform:translateY(-2px);
}
body .tag.font-button-large.active{
  background:#12a150 !important; color:#fff !important; border-color:#12a150 !important;
}

/* купон подписки: аккуратнее и не перекрывать контент */