/* Стили статьи блога, перенесены со старого сайта:
   local/templates/zarbo/css/main.css (._content) и local/templates/zarbo/css/blog/style.css. */
.mhz-article { position: relative; padding-top: clamp(100px, 76px + 4vw, 140px); }
.mhz-article__hero img { display: block; }
.mhz-article ._content img { max-width: 100%; height: auto; }
/* main.css */
._content>:first-child { margin-top:0 }
._content>:last-child { margin-bottom:0 }
._content h3 { font-size:36px;font-weight:700;line-height:42px;margin-bottom:20px }
@media (max-width:1250px) { ._content h3 { font-size:28px;line-height:129% } }
._content p { font-size:20px;font-weight:600;line-height:135%;margin:0 0 20px }
@media (max-width:992px) { ._content p { font-size:18px;line-height:135%;margin:0 0 12px } }
@media (max-width:500px) { ._content p { margin:0 0 16px } }
._content ul { padding:0;margin:0 0 20px;list-style:none }
._content ul li { position:relative;padding-left:20px;font-size:16px;font-weight:400;line-height:135% }
._content ul li:before { content:"";position:absolute;left:0;top:5px;background:url(/local/templates/zarbo/img/decor.svg) center center/contain no-repeat;height:10px;width:10px;-webkit-transform:rotate(58deg);-ms-transform:rotate(58deg);transform:rotate(58deg) }
._content ul li+li { margin-top:18px }
@media (max-width:992px) { ._content ul { margin-bottom:0 } }
@media (max-width:992px) { ._content ul li { font-size:15px } }
@media (max-width:992px) { ._content ul li+li { margin-top:12px } }
@media (max-width:700px) { ._content ul li+li { margin-top:15px } }
/* blog/style.css */
._content { line-height: 1.5 }
._content h1 { font-weight: 700; line-height: 1.1904761905 }
._content h2 { font-weight: 700; line-height: 1.1875 }
._content blockquote { position: relative; padding: .5rem 0 .5rem 1.25rem; border-left: .1875rem solid #734ca5; font-style: italic }
._content ul { list-style: initial }
._content ul li { list-style: initial }
._content figure { margin: 0 }
._content>* { margin: 0 }
._content__image { display: flex; flex-direction: column; gap: .75rem }
._content__image img { max-height: 47.625rem; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left top; object-position: left top; border-radius: .625rem }
._content__image span { color: #8a7e95 }
.mhz-article__container { border-bottom: .0625rem solid #e1d8fc }
.mhz-article__container>* { position: relative }
.mhz-article__container:not(._nopseudo .mhz-article__container)::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; background-color: #f1ecff }
.mhz-article__hero { position: relative; border-radius: .625rem; max-width: 51.125rem; margin: 0 auto }
.mhz-article__hero:not(._nopseudo .mhz-article__hero)::after { content: ""; position: absolute; width: 4.125rem; height: 4.125rem; background: url(/local/templates/zarbo/img/decor.svg) center center no-repeat; background-size: contain; z-index: 2; rotate: -45deg }
.mhz-article__hero img { width: 100%; border-radius: .625rem }
.mhz-article__date { max-width: 51.125rem; margin: 0 auto; display: block; color: #aba1b3 }
.mhz-article__date:not(:last-child) { margin-bottom: 1rem }
.mhz-article__body { max-width: 51.125rem; margin: 0 auto }
.mhz-article__tags { max-width: 51.125rem; margin: 0 auto; display: flex; flex-wrap: wrap; gap: .5rem }
.mhz-article__tags a { padding: .5rem .75rem; color: #8a7e95; background-color: #f1ecff; font-size: 1rem; border-radius: .625rem }
.loaded .mhz-article__tags a { transition: all .3s ease 0s }
@media (min-width:35.9375em) { ._content__image span { font-size: 1rem } }
@media (min-width:36.25em) { .mhz-article__body { padding-bottom: 2.75rem } }
@media (min-width:47.9375em) { .mhz-article__hero:not(:last-child) { margin-bottom: 1.5rem } }
@media (min-width:47.9375em) { .mhz-article__date { font-size: 1rem } }
@media (min-width:61.99875em) { .mhz-article:not(._nopseudo)::before { content: ""; position: absolute; width: 3.875rem; height: 3.875rem; background: url(/local/templates/zarbo/img/decor.svg) center center no-repeat; background-size: contain; z-index: 2; left: 6.3541666667%; top: 7.75rem } }
@media (min-width:61.99875em) { .mhz-article:not(._nopseudo)::after { content: ""; position: absolute; width: 2.5rem; height: 2.5rem; background: url(/local/templates/zarbo/img/decor.svg) center center no-repeat; background-size: contain; z-index: 2; left: 18.3333333333%; top: 28rem } }
@media (min-width:61.99875em) { .mhz-article__hero:not(._nopseudo .mhz-article__hero)::after { right: -3.75rem; top: 7.125rem } }
@media (min-width:81.25em) { ._content h1 { font-size: 2.625rem } }
@media (min-width:81.25em) { .mhz-article__container:not(._nopseudo .mhz-article__container)::before { height: 33.125rem } }
@media (min-width:62em) { .mhz-article__container { padding-bottom: 3.75rem } }
@media (min-width:64em) { ._content { font-size: 1.125rem } }
@media (min-width:64em) { ._content h2 { font-size: 2rem } }
@media (max-width:61.99875em) { .mhz-article__hero:not(._nopseudo .mhz-article__hero)::after { right: 22.7272727273%; bottom: calc(100% + .1875rem) } }
@media (max-width:47.99875em) { .mhz-article__hero:not(._nopseudo .mhz-article__hero)::after { bottom: calc(100% - .8125rem) } }
@media (max-width:47.99875em) { .mhz-article__hero img { position: relative; z-index: 3 } }
@media (max-width:47.99875em) { .mhz-article__date:not(:last-child) { margin-bottom: .75rem } }
@media (max-width:47.9375em) { ._content { font-size: 1rem } }
@media (max-width:29.99875em) { .mhz-article__hero:not(._nopseudo .mhz-article__hero)::after { width: 2.25rem; height: 2.25rem; right: 6.25rem; bottom: calc(100% - .9375rem); rotate: 0 } }
@media (max-width:29.99875em) { .mhz-article__date:not(:last-child) { margin-bottom: 3.75rem } }
@media (max-width:29.99875em) { .mhz-article__tags a { padding: .5rem .625rem; font-size: .9375rem } }
@media (max-width:22.5em) { ._content h1 { font-size: 1.5rem } }
@media (max-width:22.5em) { ._content h2 { font-size: 1.25rem } }
@media (max-width:22.5em) { ._content__image span { font-size: .875rem } }
@media (max-width:22.5em) { .mhz-article__container { padding-bottom: 2rem } }
@media (max-width:22.5em) { .mhz-article__container:not(._nopseudo .mhz-article__container)::before { height: 11.875rem } }
@media (max-width:22.5em) { .mhz-article__hero:not(:last-child) { margin-bottom: 1rem } }
@media (max-width:22.5em) { .mhz-article__date { font-size: .875rem } }
@media (max-width:22.5em) { .mhz-article__body { padding-bottom: 2rem } }
@media (min-width:47.9375em)and (max-width:64em) { ._content { font-size: clamp(1rem ,.6269455253rem + .7782101167vw ,1.125rem) } }
@media (min-width:22.5em)and (max-width:81.25em) { ._content h1 { font-size: clamp(1.5rem ,1.0691489362rem + 1.914893617vw ,2.625rem) } }
@media (min-width:22.5em)and (max-width:81.25em) { .mhz-article__container:not(._nopseudo .mhz-article__container)::before { height: clamp(11.875rem ,3.7367021277rem + 36.170212766vw ,33.125rem) } }
@media (min-width:22.5em)and (max-width:64em) { ._content h2 { font-size: clamp(1.25rem ,.843373494rem + 1.8072289157vw ,2rem) } }
@media (min-width:22.5em)and (max-width:35.9375em) { ._content__image span { font-size: clamp(.875rem ,.6656976744rem + .9302325581vw ,1rem) } }
@media (min-width:22.5em)and (max-width:36.25em) { .mhz-article__body { padding-bottom: clamp(2rem ,.7727272727rem + 5.4545454545vw ,2.75rem) } }
@media (min-width:22.5em)and (max-width:62em) { .mhz-article__container { padding-bottom: clamp(2rem ,1.003164557rem + 4.4303797468vw ,3.75rem) } }
@media (min-width:22.5em)and (max-width:47.9375em) { .mhz-article__hero:not(:last-child) { margin-bottom: clamp(1rem ,.5577395577rem + 1.9656019656vw ,1.5rem) } }
@media (min-width:22.5em)and (max-width:47.9375em) { .mhz-article__date { font-size: clamp(.875rem ,.7644348894rem + .4914004914vw ,1rem) } }
@media (any-hover:hover) { .mhz-article__tags a:hover { background-color: #d5c7ff } }