@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,500;1,700&display=swap&subset=cyrillic');

/* =====================================================================
   Редизайн страницы статьи блога boomshar.ru — «смелый журнальный».
   Всё scoped под .bsh-blog → влияет только на страницы статей.
   Подключение: <link> в начале design/unishop_1/html/post.tpl.
   Цвета/шрифты — токены; Playfair (заголовки/буквица/цитата) + Manrope (текст, уже на сайте).
   ===================================================================== */
.bsh-blog{--acc:#d14e9b;--acc2:#b03a82;--ink:#1c1620;--soft:#6f6772;--line:#ece2e9;--disp:'Playfair Display',Georgia,serif}

/* белый фон страницы статьи (файл грузится только на статьях) */
body:has(.bsh-blog){background:#fff!important}

/* контент на всю ширину, пустой левый сайдбар убрать */
.bsh-blog .col-xl-9.order-lg-2,.bsh-blog .col-lg-8.order-lg-2{flex:0 0 100%!important;max-width:100%!important}
.bsh-blog .col-xl-3,.bsh-blog .col-lg-4{display:none!important}

/* HERO: показать H1, крошки сверху, всё в колонке 760 */
.bsh-blog .page-title{padding-bottom:0}
.bsh-blog .page-title .container{max-width:760px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;display:flex!important;flex-direction:column!important}
.bsh-blog .page-title .column{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.bsh-blog .page-title .column:first-child{display:block!important;order:2}
.bsh-blog .page-title .column:last-child{order:1;margin-bottom:16px}
.bsh-blog .page-title h1{font-family:var(--disp)!important;font-weight:900!important;font-size:clamp(2.3rem,5vw,3.7rem)!important;line-height:1.06!important;letter-spacing:-.01em;margin:.15em 0 0!important;color:var(--ink)}
.bsh-blog .breadcrumbs{font-size:13px;margin-bottom:0}

/* дата — одна тонкая линия сверху, без длинного hr */
.bsh-blog .post-meta{max-width:760px;margin:8px auto 0!important;padding:10px 0 0!important;border-top:1px solid var(--line);border-bottom:0!important;list-style:none!important;display:flex;font-size:14px;color:var(--soft)}
.bsh-blog .post-meta li{list-style:none}
.bsh-blog .post-meta .icon-clock{color:var(--acc)!important;margin-right:7px}

/* колонка чтения + типографика */
.bsh-blog .prose{max-width:680px!important;margin:clamp(22px,3vw,32px) auto 0!important;font-size:18px;line-height:1.74;color:#2b2530}
.bsh-blog .prose p{margin:0 0 1.05em}
.bsh-blog .prose>p:first-of-type::first-letter{font-family:var(--disp);font-weight:900;color:var(--acc);float:left;font-size:4.2em;line-height:.74;padding:.06em .12em 0 0}
.bsh-blog .prose h2{font-family:var(--disp)!important;font-weight:700!important;font-size:clamp(1.7rem,3vw,2.4rem)!important;line-height:1.14!important;letter-spacing:-.01em;margin:1.7em 0 .4em!important;color:var(--ink)}
.bsh-blog .prose h3{font-family:var(--disp)!important;font-weight:700!important;font-size:clamp(1.35rem,2.4vw,1.7rem)!important;line-height:1.18!important;color:var(--ink);margin:1.4em 0 .3em}
.bsh-blog .prose ul{padding-left:0;list-style:none}
.bsh-blog .prose ul li{position:relative;padding-left:28px;margin:0 0 .8em;list-style:none}
.bsh-blog .prose ul li::before{content:'';position:absolute;left:3px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--acc)}
.bsh-blog .prose ol{padding-left:1.2em}
.bsh-blog .prose blockquote{margin:1.6em 0;padding:0 0 0 24px;border-left:3px solid var(--acc);font-family:var(--disp);font-style:italic;font-weight:500;font-size:clamp(1.4rem,2.5vw,1.8rem);line-height:1.3;color:var(--ink)}
.bsh-blog .prose a{color:var(--acc2);text-underline-offset:3px}

/* картинки тела — в рамке, размером с обложку (~720), по центру */
.bsh-blog .prose img{display:block!important;width:min(720px,100%)!important;height:auto!important;margin:clamp(22px,3vw,32px) auto!important;background:#fff;padding:10px!important;border:1px solid var(--line)!important;border-radius:5px!important;box-shadow:0 14px 34px -16px rgba(28,22,32,.22)!important}
.bsh-blog .prose p:has(>img),.bsh-blog .prose p:has(>span>img){text-align:center}

/* меньше воздуха между концом статьи и блоком товаров + компактнее заголовок блока */
.bsh-blog .bsh-rel-host,.bsh-blog section.padding-top-3x{padding-top:clamp(14px,2vw,24px)!important}
.bsh-blog .prose{margin-bottom:0!important}
.bsh-blog .bsh-rel-host .h3,.bsh-blog section.padding-top-3x .h3{margin-bottom:.7rem!important}

@media(max-width:640px){
  .bsh-blog .prose>p:first-of-type::first-letter{font-size:3.4em}
}