/* dc365 Blog blocks — стили в одну строку для всех article-* блоков */


/* ═══ Articles Archive (листинг /articles/) ═══════════════════ */
.articles-archive{font-family:Qanelas,system-ui,sans-serif;color:#222}
.articles-archive__hero-image{position:relative;width:100%;max-height:380px;overflow:hidden;background:#fafafa}
.articles-archive__hero-image img{width:100%;height:100%;max-height:380px;object-fit:cover;display:block}
.articles-archive__hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 60%,rgba(255,255,255,.6) 100%);pointer-events:none}
.articles-archive__hero{padding-top:1.5rem;padding-bottom:2rem;text-align:center}
.articles-archive .breadcrumbs{font-size:.85rem;color:#666;margin-bottom:1rem;text-align:left}
.articles-archive__title{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;margin:.5rem 0 .8rem;line-height:1.15}
.articles-archive__desc{margin:0 0 1.5rem;color:#555;line-height:1.55;font-size:1.05rem}
.articles-archive__filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem}
.articles-archive__filter{padding:.5rem 1.1rem;background:#fafafa;border:1px solid #e8e8e8;border-radius:99px;color:#444;text-decoration:none;font-size:.9rem;font-weight:500;transition:.2s}
.articles-archive__filter:hover{border-color:#ed5658;color:#ed5658}
.articles-archive__filter.is-active{background:#ed5658;border-color:#ed5658;color:#fff}
.articles-archive__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin:1rem 0 2rem}
.articles-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.articles-card:hover{border-color:#ed5658;transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.articles-card__media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#fafafa}
.articles-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.articles-card:hover .articles-card__media img{transform:scale(1.04)}
.articles-card__media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#fef2f2,#fff);color:#ed5658}
.articles-card__body{padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column;flex:1;gap:.6rem}
.articles-card__cats{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.78rem}
.articles-card__cats a{color:#ed5658;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.articles-card__cats a:hover{text-decoration:underline}
.articles-card__title{margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}
.articles-card__title a{color:#222;text-decoration:none}
.articles-card__title a:hover{color:#ed5658}
.articles-card__excerpt{margin:0;color:#555;line-height:1.5;font-size:.92rem;flex:1}
.articles-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.7rem;border-top:1px solid #f0f0f0;flex-wrap:wrap;font-size:.82rem;color:#666}
.articles-card__author{display:flex;align-items:center;gap:.5rem;font-weight:500}
.articles-card__author img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.articles-card__meta{display:flex;gap:.85rem}
.articles-archive__pagination{margin:2rem 0;display:flex;justify-content:center}
.articles-archive__pagination .nav-links{display:flex;gap:.4rem}
.articles-archive__pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .8rem;border:1px solid #e8e8e8;background:#fff;color:#444;text-decoration:none;border-radius:8px;font-weight:500;transition:.2s}
.articles-archive__pagination .page-numbers:hover{border-color:#ed5658;color:#ed5658}
.articles-archive__pagination .page-numbers.current{background:#ed5658;border-color:#ed5658;color:#fff}
.articles-archive__empty{text-align:center;padding:3rem 1rem;color:#666}
.articles-archive__related-cats{margin-top:2.5rem;padding:2rem 0 .5rem}
.articles-archive__related-cats h2{margin:0 0 1.2rem;font-size:1.45rem;font-weight:700;color:#222}
.articles-archive__related-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.related-cat{display:flex;align-items:center;gap:.85rem;padding:.7rem .85rem;border:1px solid #e8e8e8;border-radius:14px;background:#fff;text-decoration:none;color:#222;transition:.2s;min-height:78px}
.related-cat:hover{border-color:#ed5658;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06);color:#222}
.related-cat__media{flex:0 0 60px;width:60px;height:60px;border-radius:10px;overflow:hidden;background:#fafafa;display:flex;align-items:center;justify-content:center}
.related-cat__media img{width:100%;height:100%;object-fit:cover;display:block}
.related-cat__media--placeholder{color:#ed5658;background:linear-gradient(135deg,#fef2f2,#fff)}
.related-cat__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.related-cat__name{font-size:1.02rem;font-weight:600;line-height:1.25}
.related-cat__count{font-size:.82rem;color:#777}
.articles-archive__cta{margin-top:3rem;padding:2.5rem 0;background:linear-gradient(135deg,#fef2f2,#fff)}
.articles-archive__cta-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.articles-archive__cta h2{margin:0 0 .4rem;font-size:1.5rem}
.articles-archive__cta p{margin:0;color:#555}
.articles-archive__cta .button{background:#ed5658;color:#fff;padding:.85rem 1.8rem;border-radius:99px;text-decoration:none;font-weight:600;white-space:nowrap;border:0;cursor:pointer}
.articles-archive__cta .button:hover{background:#d23d3f;color:#fff}
@media(max-width:640px){.articles-archive__grid{grid-template-columns:1fr}.articles-archive__cta-inner{flex-direction:column;text-align:center}.articles-archive__hero-image{max-height:220px}.articles-archive__hero-image img{max-height:220px}.articles-archive__related-cats-grid{grid-template-columns:1fr}}



/* ─── Дизайн-токены статьи ──────────────────────────────────────── */
.article-page{--art-accent:#ed5658;--art-accent-soft:#fef2f2;--art-text:#222;--art-muted:#666;--art-border:#e8e8e8;--art-bg-soft:#fafafa;--art-radius:8px;--art-radius-lg:14px;--art-gap:1.5rem;--art-maxw:760px;--art-toc-w:260px;color:var(--art-text);font-family:Qanelas,system-ui,sans-serif;line-height:1.65}
.article-page *{box-sizing:border-box}
.article-page img{max-width:100%;height:auto;border-radius:var(--art-radius)}

/* ─── Hero (десктоп: 2 колонки фото справа, инфо слева; мобиль: стек) ─── */
.article-hero{padding:2rem 1rem 1.5rem}
.article-hero__breadcrumbs{font-size:.85rem;color:var(--art-muted);margin-bottom:1rem}
.article-hero__layout{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;margin-bottom:1.5rem}
.article-hero__text{display:flex;flex-direction:column;gap:1.2rem}
.article-hero__title{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.18;font-weight:700;margin:0}
.article-hero__lead{font-size:1.05rem;line-height:1.55;color:#444;margin:0}
.article-hero__meta{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;padding:1rem 0;border-top:1px solid var(--art-border);border-bottom:1px solid var(--art-border)}
.article-hero__author{display:flex;align-items:center;gap:.65rem}
.article-hero__author-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.article-hero__author-name{font-weight:600;font-size:.95rem}
.article-hero__author-role,.article-hero__date-label{font-size:.78rem;color:var(--art-muted)}
.article-hero__date-value{font-size:.92rem;font-weight:500}
.article-hero__rating{margin-left:auto}
.article-hero__share{display:flex;flex-direction:column;gap:.3rem}
.article-hero__image{margin:0;border-radius:var(--art-radius-lg);overflow:hidden;aspect-ratio:4/3;background:var(--art-bg-soft)}
.article-hero__image img{width:100%;height:100%;display:block;border-radius:0;object-fit:cover}
@media(max-width:1024px){.article-hero{padding:1.5rem 1rem 1rem}.article-hero__layout{grid-template-columns:1fr;gap:1.5rem}.article-hero__image{aspect-ratio:16/9;order:-1}}
@media(max-width:640px){.article-hero{padding:1rem .75rem .75rem}.article-hero__title{font-size:1.5rem;line-height:1.25}.article-hero__lead{font-size:.98rem}.article-hero__meta{gap:.75rem 1rem;padding:.75rem 0}.article-hero__rating{margin-left:0}}

/* ─── Layout с TOC sticky sidebar ───────────────────────────────── */
.article-body--with-toc{display:grid;grid-template-columns:var(--art-toc-w) 1fr;gap:2.5rem;align-items:start}
.article-body--no-toc .article-content{max-width:var(--art-maxw);margin:0 auto}
.article-body--with-toc .article-content{max-width:none;min-width:0}
@media(max-width:1024px){.article-body--with-toc{grid-template-columns:1fr}}

/* ─── TOC sidebar ───────────────────────────────────────────────── */
.article-toc{position:sticky;top:80px;align-self:start;font-size:.9rem}
.article-toc__toggle{display:none;width:100%;padding:.85rem 1.1rem;background:#fff;border:1px solid #e8e8e8;border-radius:12px;font-weight:600;font-size:.95rem;color:#222;cursor:pointer;text-align:left;align-items:center;gap:.6rem;-webkit-tap-highlight-color:transparent;outline:none;appearance:none;font-family:inherit}
.article-toc__toggle:before{content:"";flex-shrink:0;width:18px;height:18px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ed5658' stroke-width='2.2' stroke-linecap='round'><path d='M3 6h18'/><path d='M3 12h18'/><path d='M3 18h18'/></svg>") center/contain no-repeat}
.article-toc__toggle:after{content:"";margin-left:auto;width:14px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;transition:transform .2s}
.article-toc.is-open .article-toc__toggle:after{transform:rotate(180deg)}
.article-toc__toggle:hover{border-color:#ed5658}
.article-toc__toggle:focus,.article-toc__toggle:active{outline:none;box-shadow:none;border-color:#ed5658}
.article-toc__inner{background:var(--art-bg-soft);border:1px solid var(--art-border);border-radius:var(--art-radius);padding:1.25rem;max-height:calc(100vh - 120px);overflow-y:auto}
.article-toc__title{font-weight:700;font-size:.95rem;margin-bottom:.75rem;color:var(--art-text)}
.article-toc__list{list-style:none;padding:0;margin:0;counter-reset:toc}
.article-toc__item{margin:.35rem 0;line-height:1.4}
.article-toc__item--h3{padding-left:1rem;font-size:.85rem;color:var(--art-muted)}
.article-toc__list a{color:var(--art-text);text-decoration:none;display:block;padding:.25rem .4rem;border-radius:4px;transition:.2s}
.article-toc__list a:hover{background:#fff;color:var(--art-accent)}
.article-toc__list .is-active>a{background:var(--art-accent-soft);color:var(--art-accent);font-weight:600}
@media(max-width:1024px){.article-toc{position:relative;top:0;margin-bottom:1rem}.article-toc__toggle{display:flex}.article-toc__inner{display:none;margin-top:.5rem}.article-toc.is-open .article-toc__inner{display:block}.article-toc__toggle .article-toc__toggle-hide{display:none}.article-toc.is-open .article-toc__toggle .article-toc__toggle-show{display:none}.article-toc.is-open .article-toc__toggle .article-toc__toggle-hide{display:inline}}

/* ─── Базовые блоки контента ────────────────────────────────────── */
.article-block{margin:0 0 1.6rem}
.article-heading{margin-top:2rem;margin-bottom:1rem;line-height:1.25;scroll-margin-top:90px}
.article-heading--h2{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700}
.article-heading--h3{font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:600}
.article-wysiwyg p{margin:0 0 1rem}
.article-wysiwyg ul,.article-wysiwyg ol{padding-left:1.4rem;margin:0 0 1rem}
.article-wysiwyg li{margin:.3rem 0}
.article-wysiwyg a{color:var(--art-accent);text-decoration:underline;text-underline-offset:3px}
.article-wysiwyg strong{font-weight:600}
.article-wysiwyg img{margin:1rem 0;border-radius:var(--art-radius-lg)}

/* ─── Callout (Совет/Внимание/Факт/Инфо) ──────────────────────── */
.article-callout{background:var(--art-accent-soft);border-left:4px solid var(--art-accent);border-radius:var(--art-radius);padding:1.1rem 1.3rem}
.article-callout--warning{background:#fff6e8;border-left-color:#f0a020}
.article-callout--fact{background:#e8f4ff;border-left-color:#3b82f6}
.article-callout--info{background:var(--art-bg-soft);border-left-color:#888}
.article-callout__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600}
.article-callout__icon{font-size:1.3rem;line-height:1}
.article-callout__body p{margin:0 0 .5rem}
.article-callout__body p:last-child{margin-bottom:0}

/* ─── List with icons ─────────────────────────────────────────── */
.article-list-icons{list-style:none;padding:0;margin:0 0 1.5rem}
.article-list-icons li{padding-left:2rem;position:relative;margin:.5rem 0;line-height:1.5}
.article-list-icons--check li:before{content:"✓";color:var(--art-accent);font-weight:700;position:absolute;left:.4rem;top:0}
.article-list-icons--star li:before{content:"⭐";position:absolute;left:.2rem;top:0}
.article-list-icons--flower li:before{content:"🌸";position:absolute;left:.2rem;top:0}
.article-list-icons--number{counter-reset:lst;list-style:none}
.article-list-icons--number li{counter-increment:lst}
.article-list-icons--number li:before{content:counter(lst);width:1.5rem;height:1.5rem;background:var(--art-accent);color:#fff;border-radius:50%;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;top:.05rem}

/* ─── Comparison table ────────────────────────────────────────── */
.article-comparison-table{margin:1.5rem 0;border:1px solid var(--art-border);border-radius:var(--art-radius);overflow:hidden}
.article-comparison-table__caption{background:var(--art-bg-soft);padding:.75rem 1rem;font-weight:600;border-bottom:1px solid var(--art-border)}
.article-comparison-table__scroll{overflow-x:auto}
.article-comparison-table table{width:100%;border-collapse:collapse;font-size:.92rem}
.article-comparison-table th{background:var(--art-accent-soft);text-align:left;padding:.75rem 1rem;font-weight:600;border-bottom:2px solid var(--art-accent);color:var(--art-text)}
.article-comparison-table td{padding:.75rem 1rem;border-bottom:1px solid var(--art-border);vertical-align:top}
.article-comparison-table tr:last-child td{border-bottom:0}
@media(max-width:640px){.article-comparison-table thead{display:none}.article-comparison-table tr{display:block;padding:.6rem;border-bottom:2px solid var(--art-border)}.article-comparison-table td{display:flex;justify-content:space-between;border:0;padding:.4rem .6rem;gap:1rem}.article-comparison-table td:before{content:attr(data-label);font-weight:600;color:var(--art-muted);flex:0 0 40%}}

/* ─── Step Guide ──────────────────────────────────────────────── */
.article-step-guide{background:var(--art-bg-soft);border-radius:var(--art-radius-lg);padding:1.5rem;margin:1.5rem 0}
.article-step-guide__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.article-step-guide__title{margin:0;font-size:1.25rem;font-weight:700}
.article-step-guide__time{background:#fff;padding:.4rem .8rem;border-radius:99px;font-size:.85rem;font-weight:500;color:var(--art-accent);border:1px solid var(--art-accent)}
.article-step-guide__steps{counter-reset:sg;list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.article-step-guide__step{counter-increment:sg;background:#fff;border-radius:var(--art-radius);padding:1.1rem;display:grid;grid-template-columns:1fr;gap:1rem;position:relative}
.article-step-guide__step:before{content:counter(sg);width:32px;height:32px;background:var(--art-accent);color:#fff;border-radius:50%;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;top:1rem;left:1rem}
.article-step-guide__step-content{padding-left:48px}
.article-step-guide__step h4{margin:0 0 .4rem;font-size:1.05rem;font-weight:600}
.article-step-guide__step-image{display:block;cursor:zoom-in;text-decoration:none;border-radius:var(--art-radius);overflow:hidden;transition:.2s}
.article-step-guide__step-image:hover{transform:scale(1.02)}
.article-step-guide__step-image img{width:100%;height:auto;border-radius:var(--art-radius);aspect-ratio:4/3;object-fit:cover;display:block}
@media(min-width:640px){.article-step-guide__step:has(.article-step-guide__step-image){grid-template-columns:1fr 200px}}

/* ─── Pros / Cons ─────────────────────────────────────────────── */
.article-pros-cons__title{text-align:center;margin:0 0 1rem}
.article-pros-cons__cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.article-pros-cons__col{padding:1.2rem;border-radius:var(--art-radius);background:var(--art-bg-soft)}
.article-pros-cons__col--pros{background:#f0fdf4;border-left:3px solid #22c55e}
.article-pros-cons__col--cons{background:#fef2f2;border-left:3px solid #ef4444}
.article-pros-cons__head{font-weight:700;margin-bottom:.6rem;font-size:1rem}
.article-pros-cons__col ul{list-style:none;padding:0;margin:0}
.article-pros-cons__col li{padding:.35rem 0;line-height:1.5}
@media(max-width:640px){.article-pros-cons__cols{grid-template-columns:1fr}}

/* ─── Stats Numbers ───────────────────────────────────────────── */
.article-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0;padding:1.5rem;background:var(--art-bg-soft);border-radius:var(--art-radius-lg)}
.article-stats__item{text-align:center}
.article-stats__num{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:var(--art-accent);line-height:1.1}
.article-stats__label{font-size:.85rem;color:var(--art-muted);margin-top:.3rem}

/* ─── Expert Quote ────────────────────────────────────────────── */
.article-expert-quote{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start;padding:1.5rem 1.5rem 1.5rem 3.5rem;background:linear-gradient(135deg,var(--art-accent-soft),#fff);border-radius:var(--art-radius-lg);margin:1.5rem 0;border:1px solid var(--art-border);position:relative}
.article-expert-quote:before{content:'\201E';position:absolute;top:.4rem;left:.8rem;font-size:5rem;line-height:1;color:var(--art-accent);font-family:Georgia,serif;font-weight:700;opacity:.85}
.article-expert-quote__photo img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}
.article-expert-quote__body{min-width:0}
.article-expert-quote blockquote{margin:.3rem 0 .8rem;font-style:italic;font-size:1.08rem;line-height:1.55;border:0;padding:0}
.article-expert-quote__meta{display:flex;flex-direction:column;gap:.1rem;font-size:.88rem}
.article-expert-quote__name{font-weight:600}
.article-expert-quote__role{color:var(--art-muted)}
@media(max-width:640px){.article-expert-quote{grid-template-columns:1fr;padding:1.2rem 1rem 1rem 2.5rem}.article-expert-quote:before{font-size:3.5rem;top:.2rem;left:.5rem}.article-expert-quote__photo img{width:48px;height:48px}}

/* ─── Image ───────────────────────────────────────────────────── */
.article-image{margin:1.5rem 0}
.article-image__link{display:block;cursor:zoom-in;text-decoration:none;overflow:hidden;border-radius:var(--art-radius)}
.article-image__link:hover img{transform:scale(1.01)}
.article-image__link img{transition:transform .3s}
.article-image figcaption{font-size:.85rem;color:var(--art-muted);margin-top:.5rem;text-align:center;font-style:italic}
.article-image--full img{width:100%;display:block}
.article-image--center{text-align:center}
.article-image--center img{max-width:100%}
.article-image--left{float:left;margin:.5rem 1.5rem 1rem 0;max-width:50%}
.article-image--right{float:right;margin:.5rem 0 1rem 1.5rem;max-width:50%}
@media(max-width:640px){.article-image--left,.article-image--right{float:none;max-width:100%;margin:1rem 0}}

/* ─── Gallery ─────────────────────────────────────────────────── */
.article-gallery{display:grid;gap:.5rem;margin:1.5rem 0}
.article-gallery--cols-3{grid-template-columns:repeat(3,1fr)}
.article-gallery--cols-4{grid-template-columns:repeat(4,1fr)}
.article-gallery__item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:var(--art-radius);transition:transform .3s}
.article-gallery__item:hover img{transform:scale(1.03)}
@media(max-width:640px){.article-gallery--cols-3,.article-gallery--cols-4{grid-template-columns:repeat(2,1fr)}}

/* ─── Video ───────────────────────────────────────────────────── */
.article-video{margin:1.5rem 0}
.article-video__frame{position:relative;aspect-ratio:16/9;border-radius:var(--art-radius);overflow:hidden}
.article-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.article-video figcaption{font-size:.85rem;color:var(--art-muted);margin-top:.5rem;text-align:center;font-style:italic}

/* ─── Infographic ─────────────────────────────────────────────── */
.article-infographic{margin:1.5rem 0;text-align:center}
.article-infographic img{max-width:100%;border-radius:var(--art-radius-lg)}
.article-infographic__alt-long{margin-top:.6rem;text-align:left;background:var(--art-bg-soft);padding:.8rem;border-radius:var(--art-radius)}
.article-infographic__alt-long summary{cursor:pointer;font-weight:500}

/* ─── FAQ (компактнее) ─────────────────────────────────────── */
.article-faq{background:var(--art-bg-soft);padding:1.5rem;border-radius:var(--art-radius-lg);margin:2rem 0}
.article-faq__title{margin:0 0 1rem;font-size:clamp(1.15rem,1.7vw,1.4rem)}
.article-faq__items{display:grid;gap:.4rem}
.article-faq__item{background:#fff;border-radius:var(--art-radius);overflow:hidden;border:1px solid var(--art-border);transition:border-color .2s}
.article-faq__item:hover{border-color:var(--art-accent)}
.article-faq__q{display:block;padding:.85rem 1.1rem;font-weight:600;cursor:pointer;text-decoration:none !important;color:var(--art-text);position:relative;padding-right:2.5rem;font-size:.97rem;line-height:1.4}
.article-faq__q:hover{color:var(--art-accent)}
.article-faq__q:after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:300;color:var(--art-accent);transition:transform .25s;line-height:1}
.article-faq__q:not(.collapsed):after{transform:translateY(-50%) rotate(45deg)}
.article-faq__a{padding:0 1.1rem .85rem;line-height:1.55;font-size:.94rem;color:#444}
.article-faq__a p{margin:0 0 .5rem}
.article-faq__a p:last-child{margin-bottom:0}

/* ─── Related posts ───────────────────────────────────────────── */
.article-related-posts{margin:2rem 0}
.article-related-posts__title{margin:0 0 1rem}
.article-related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.article-related-posts__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.article-related-posts__grid{grid-template-columns:1fr}}
.article-related-posts__item{display:block;text-decoration:none;color:inherit;border:1px solid var(--art-border);border-radius:var(--art-radius);overflow:hidden;transition:.2s}
.article-related-posts__item:hover{border-color:var(--art-accent);transform:translateY(-2px)}
.article-related-posts__thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:0}
.article-related-posts__info{padding:.85rem 1rem}
.article-related-posts__post-title{font-weight:600;margin-bottom:.3rem;line-height:1.3}
.article-related-posts__date{font-size:.8rem;color:var(--art-muted)}

/* ─── Customer review ─────────────────────────────────────────── */
.article-customer-review{padding:1.5rem;background:#fff;border:2px solid var(--art-accent-soft);border-radius:var(--art-radius-lg);margin:1.5rem 0}
.article-customer-review__rating{color:#fcb315;font-size:1.1rem;letter-spacing:2px;margin-bottom:.6rem}
.article-customer-review__rating span{opacity:.25}
.article-customer-review__rating .is-active{opacity:1}
.article-customer-review blockquote{margin:0 0 1rem;font-size:1.05rem;line-height:1.55;border:0;padding:0}
.article-customer-review__author{display:flex;align-items:center;gap:.65rem}
.article-customer-review__author img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.article-customer-review__name{font-weight:600;font-size:.9rem}
.article-customer-review__city{font-size:.8rem;color:var(--art-muted)}

/* ─── Author Bio ──────────────────────────────────────────────── */
.article-author-bio{display:flex;gap:1.25rem;align-items:flex-start;padding:1.5rem;background:var(--art-bg-soft);border-radius:var(--art-radius-lg);margin:2rem 0;border:1px solid var(--art-border)}
.article-author-bio__photo img{width:90px;height:90px;border-radius:50%;object-fit:cover}
.article-author-bio__info{flex:1;min-width:0}
.article-author-bio__label{font-size:.78rem;color:var(--art-muted);text-transform:uppercase;letter-spacing:.05em}
.article-author-bio__name{font-size:1.1rem;font-weight:700;margin:.2rem 0}
.article-author-bio__role{color:var(--art-accent);font-size:.9rem;margin-bottom:.5rem}
.article-author-bio__bio{margin:.5rem 0;line-height:1.5}
.article-author-bio__intro{margin:.6rem 0;font-style:italic;color:var(--art-muted)}
.article-author-bio__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem;font-size:.85rem;color:var(--art-muted)}
@media(max-width:640px){.article-author-bio{flex-direction:column;align-items:center;text-align:center}}

/* ─── Products carousel (horizontal scroll-snap) ──────────────── */
.article-products-carousel{margin:2.5rem 0;position:relative}
.article-products-carousel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}
.article-products-carousel__head h2{margin:0;font-size:clamp(1.2rem,1.8vw,1.5rem)}
.article-products-carousel__nav{display:flex;align-items:center;gap:.5rem}
.article-products-carousel__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid var(--art-border);border-radius:50%;cursor:pointer;color:var(--art-text);transition:.2s;padding:0}
.article-products-carousel__btn:hover{background:var(--art-accent);border-color:var(--art-accent);color:#fff}
.article-products-carousel__btn:disabled{opacity:.35;cursor:not-allowed}
.article-products-carousel__btn:disabled:hover{background:#fff;border-color:var(--art-border);color:var(--art-text)}
.article-products-carousel__btn--prev .dc-icon{transform:rotate(180deg)}
.article-products-carousel__more{color:var(--art-accent);text-decoration:none !important;font-weight:600;font-size:.92rem;padding:.5rem .9rem;border:1px solid var(--art-accent);border-radius:99px;transition:.2s;margin-left:.4rem}
.article-products-carousel__more:hover{background:var(--art-accent);color:#fff !important}
.article-products-carousel__track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:0;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;margin:0 -.5rem;padding:0 .5rem .5rem}
.article-products-carousel__track::-webkit-scrollbar{height:6px}
.article-products-carousel__track::-webkit-scrollbar-track{background:transparent}
.article-products-carousel__track::-webkit-scrollbar-thumb{background:var(--art-border);border-radius:3px}
.article-products-carousel__track::-webkit-scrollbar-thumb:hover{background:var(--art-accent)}
.article-products-carousel__slide{flex:0 0 auto;width:calc((100% - 2rem) / 3);min-width:200px;scroll-snap-align:start}
.article-products-carousel__slide>*{width:100%}
@media(max-width:1280px){.article-products-carousel__slide{width:calc((100% - 1rem) / 2);min-width:200px}}
@media(max-width:640px){.article-products-carousel__slide{width:calc(100% - 2rem);min-width:240px;max-width:280px}.article-products-carousel__nav .article-products-carousel__more{display:none}}

/* WC card-product fix внутри карусели */
.article-products-carousel__slide .product,.article-products-manual__grid .product{margin:0 !important;width:100% !important;float:none !important;list-style:none}

.article-products-manual{margin:2rem 0}
.article-products-manual__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;list-style:none;padding:0}
.article-products-manual__grid .product{list-style:none}

/* ─── Categories cards (новый дизайн с ценой и описанием) ──── */
.article-categories-cards{margin:2.5rem 0}
.article-categories-cards__title{margin:0 0 1.25rem;font-size:clamp(1.3rem,2vw,1.6rem)}
.article-categories-cards__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.article-cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--art-border);border-radius:var(--art-radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.article-cat-card:hover{border-color:var(--art-accent);transform:translateY(-3px);box-shadow:0 8px 22px rgba(237,86,88,.15)}
.article-cat-card__media{overflow:hidden;background:var(--art-bg-soft);position:relative}
.article-cat-card__media img{width:100%;height:auto;display:block;transition:transform .4s;border-radius:0}
.article-cat-card:hover .article-cat-card__media img{transform:scale(1.05)}
.article-cat-card__media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--art-accent-soft),#fff);color:var(--art-accent)}
.article-cat-card__badge{position:absolute;top:.6rem;right:.6rem;background:rgba(255,255,255,.95);color:var(--art-text);font-size:.74rem;padding:.2rem .55rem;border-radius:99px;font-weight:600}
.article-cat-card__body{padding:.95rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.article-cat-card__name{font-weight:700;font-size:1.05rem;line-height:1.25;color:var(--art-text)}
.article-cat-card__desc{font-size:.85rem;line-height:1.4;color:var(--art-muted);flex:1}
.article-cat-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.4rem;padding-top:.6rem;border-top:1px solid #f0f0f0}
.article-cat-card__price{font-size:.88rem;color:var(--art-muted)}
.article-cat-card__price strong{font-size:1.1rem;color:var(--art-accent);font-weight:700}
.article-cat-card__cta{font-size:.85rem;color:var(--art-accent);font-weight:600;white-space:nowrap}
@media(max-width:640px){.article-categories-cards__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.article-cat-card__body{padding:.7rem .85rem .85rem}.article-cat-card__name{font-size:.95rem}}

/* ─── CTA Banner (фикс: явные цвета, контраст для ховера) ──── */
.article-cta-banner{margin:2rem 0;background:linear-gradient(135deg,var(--art-accent),#d23d3f);color:#fff;border-radius:var(--art-radius-lg);overflow:hidden;position:relative}
.article-cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 50%,rgba(255,255,255,.12),transparent 60%);pointer-events:none}
.article-cta-banner__inner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;flex-wrap:wrap;position:relative;z-index:1}
.article-cta-banner__text h3{margin:0 0 .35rem;font-size:1.4rem;color:#fff;font-weight:700}
.article-cta-banner__text p{margin:0;opacity:.95;color:#fff;line-height:1.5}
.article-cta-banner__btn{background:#fff !important;color:var(--art-accent) !important;padding:.85rem 1.8rem;border-radius:99px;text-decoration:none !important;font-weight:700;white-space:nowrap;display:inline-block;transition:.2s;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.article-cta-banner__btn:hover{background:#fef2f2 !important;color:#d23d3f !important;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
@media(max-width:640px){.article-cta-banner__inner{padding:1.5rem;flex-direction:column;text-align:center;gap:1.2rem}.article-cta-banner__btn{width:100%;text-align:center}}

/* ─── Lead Form ──────────────────────────────────────────────── */
.article-lead-form{margin:2rem 0;padding:1.5rem;background:var(--art-bg-soft);border-radius:var(--art-radius-lg);text-align:center}

/* ─── Mini Calculator (конструктор букета /calc/) ──────────── */
.article-mini-calc{margin:2.5rem 0;background:linear-gradient(120deg,#fff 50%,var(--art-accent-soft) 100%);border:1px solid var(--art-border);border-radius:var(--art-radius-lg);overflow:hidden;position:relative}
.article-mini-calc__inner{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;align-items:center;padding:2rem}
.article-mini-calc__visual{background:#fff;border:1px solid var(--art-border);border-radius:var(--art-radius);padding:1.25rem;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.article-mini-calc__pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.article-mini-calc__pill{padding:.4rem .85rem;background:var(--art-accent-soft);color:var(--art-accent);border-radius:99px;font-size:.85rem;font-weight:600}
.article-mini-calc__price-line{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;background:var(--art-bg-soft);border-radius:var(--art-radius);font-size:.95rem}
.article-mini-calc__price-label{color:var(--art-muted)}
.article-mini-calc__price-value{font-size:1.25rem;font-weight:700;color:var(--art-accent)}
.article-mini-calc__text h3{margin:0 0 .5rem;font-size:1.4rem;font-weight:700;line-height:1.25}
.article-mini-calc__text p{margin:0 0 .85rem;color:#444;line-height:1.5}
.article-mini-calc__features{list-style:none;padding:0;margin:0 0 1.2rem;display:grid;gap:.35rem;font-size:.92rem;color:var(--art-text)}
.article-mini-calc__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;background:var(--art-accent);color:#fff !important;border-radius:99px;text-decoration:none !important;font-weight:700;transition:.2s;box-shadow:0 4px 12px rgba(237,86,88,.25);border:2px solid var(--art-accent)}
.article-mini-calc__btn:hover{background:#fff;color:var(--art-accent) !important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(237,86,88,.35)}
.article-mini-calc__btn .arrow{transition:transform .2s}
.article-mini-calc__btn:hover .arrow{transform:translateX(4px)}
@media(max-width:768px){.article-mini-calc__inner{grid-template-columns:1fr;padding:1.5rem;gap:1.2rem}.article-mini-calc__btn{width:100%;justify-content:center}}

/* ─── Timeline ───────────────────────────────────────────────── */
.article-timeline{margin:1.5rem 0;padding-left:2rem;border-left:3px solid var(--art-accent);display:grid;gap:1.5rem}
.article-timeline__event{position:relative}
.article-timeline__event:before{content:"";position:absolute;left:-2.5rem;top:.4rem;width:1rem;height:1rem;background:var(--art-accent);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--art-accent)}
.article-timeline__year{font-weight:700;color:var(--art-accent);margin-bottom:.3rem}
.article-timeline__content h4{margin:0 0 .3rem;font-size:1.05rem}
.article-timeline__content p{margin:0;line-height:1.5}

/* ─── Flowers Link ───────────────────────────────────────────── */
.article-flowers-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--art-accent-soft);border-radius:var(--art-radius);margin:1.5rem 0}
.article-flowers-link__icon{font-size:1.6rem}
.article-flowers-link__text{font-style:italic;color:var(--art-muted)}

/* ─── Article footer ────────────────────────────────────────── */
.article-footer{margin-top:2.5rem}

/* ─── Quick Help (новый Form3) ──────────────────────────────── */
.article-quick-help{margin:2rem 0;background:linear-gradient(135deg,#fff,var(--art-accent-soft));border:1px solid var(--art-border);border-radius:var(--art-radius-lg);overflow:hidden}
.article-quick-help__inner{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;padding:1.5rem 2rem}
.article-quick-help__icon{font-size:2.5rem;line-height:1;flex-shrink:0}
.article-quick-help__text h3{margin:0 0 .3rem;font-size:1.25rem;font-weight:700}
.article-quick-help__text p{margin:0;color:var(--art-muted);line-height:1.45}
.article-quick-help__actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}
.article-quick-help__btn{padding:.85rem 1.6rem;border-radius:99px;text-decoration:none !important;font-weight:700;white-space:nowrap;transition:.2s;display:inline-block;cursor:pointer}
.article-quick-help__btn--primary{background:var(--art-accent) !important;color:#fff !important;box-shadow:0 4px 12px rgba(237,86,88,.25)}
.article-quick-help__btn--primary:hover{background:#d23d3f !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 6px 18px rgba(237,86,88,.35)}
.article-quick-help__messengers{display:flex;gap:.4rem}
.article-quick-help__messengers a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid var(--art-border);border-radius:50%;transition:.2s}
.article-quick-help__messengers a:hover{border-color:var(--art-accent);transform:translateY(-2px)}
.article-quick-help__messengers img{width:24px;height:24px;border-radius:0}
@media(max-width:768px){.article-quick-help__inner{grid-template-columns:1fr;gap:1.2rem;padding:1.25rem;text-align:center}.article-quick-help__icon{margin:0 auto}.article-quick-help__actions{flex-direction:column;width:100%}.article-quick-help__btn{width:100%;text-align:center}}

/* ─── Cities Map (новый Map) ────────────────────────────────── */
.article-cities-map{margin:2rem 0;padding:2rem;background:#fff;border:1px solid var(--art-border);border-radius:var(--art-radius-lg)}
.article-cities-map__head{margin-bottom:1.25rem;text-align:center}
.article-cities-map__head h3{margin:0 0 .35rem;font-size:1.4rem;font-weight:700}
.article-cities-map__head h3 strong{color:var(--art-accent)}
.article-cities-map__head p{margin:0;color:var(--art-muted)}
.article-cities-map__grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.article-cities-map__item{display:inline-block;padding:.45rem 1rem;background:var(--art-bg-soft);border:1px solid var(--art-border);border-radius:99px;color:var(--art-text);text-decoration:none;font-size:.88rem;font-weight:500;transition:.2s}
.article-cities-map__item:hover{background:var(--art-accent-soft);border-color:var(--art-accent);color:var(--art-accent);transform:translateY(-1px)}
.article-cities-map__more{display:inline-block;padding:.45rem 1.1rem;background:var(--art-accent);color:#fff !important;border-radius:99px;text-decoration:none !important;font-size:.85rem;font-weight:600;transition:.2s;border:2px solid var(--art-accent)}
.article-cities-map__more:hover{background:#fff;color:var(--art-accent) !important;transform:translateY(-1px)}
@media(max-width:640px){.article-cities-map{padding:1.25rem 1rem}.article-cities-map__head h3{font-size:1.15rem}.article-cities-map__grid{gap:.4rem}.article-cities-map__item{font-size:.82rem;padding:.35rem .8rem}}

/* ─── Mobile tweaks ──────────────────────────────────────────── */
@media(max-width:640px){.article-hero__meta{flex-direction:column;align-items:flex-start;gap:.75rem}.article-hero__rating{margin-left:0}}

/* ─── Категория-SEO-текст: обтекание текстом и кликабельные фото ──────── */
.term-description figure.alignright,.term-description figure.alignleft,.cat-seo-text figure.alignright,.cat-seo-text figure.alignleft{margin:.5rem 0 .75rem;max-width:50%}
.term-description figure.alignright,.cat-seo-text figure.alignright{float:right;margin-left:1.25rem;clear:right}
.term-description figure.alignleft,.cat-seo-text figure.alignleft{float:left;margin-right:1.25rem;clear:left}
.term-description figure img,.cat-seo-text figure img{width:100%;height:auto;display:block;border-radius:.5rem}
.term-description figure a,.cat-seo-text figure a{display:block;cursor:zoom-in;transition:transform .15s,box-shadow .15s}
.term-description figure a:hover,.cat-seo-text figure a:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.term-description figure figcaption,.cat-seo-text figure figcaption{font-size:.85em;color:#888;text-align:center;margin-top:.4rem;padding:0 .25rem}
@media(max-width:768px){.term-description figure.alignright,.term-description figure.alignleft,.cat-seo-text figure.alignright,.cat-seo-text figure.alignleft{float:none;max-width:100%;margin:1rem 0}}

/* ─── Категория: блочный конструктор (cat-blocks) ─────────────────────── */
.cat-blocks-wrapper{--art-accent:#ed5658;--art-accent-soft:#fef2f2;--art-text:#222;--art-muted:#666;--art-border:#e8e8e8;--art-bg-soft:#fafafa;--art-radius:8px;--art-radius-lg:14px;--art-gap:1.5rem;color:var(--art-text);font-family:Qanelas,system-ui,sans-serif;line-height:1.65;margin-top:0}
.cat-blocks-wrapper>.container{display:flex;flex-direction:column;gap:1.5rem}
.cat-blocks-wrapper .article-block{margin:0}
.cat-hero{background:linear-gradient(135deg,#fff7f5 0%,#fef0e8 100%);border-radius:1rem;padding:2rem;display:flex;align-items:center;justify-content:center}
.cat-hero__inner{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;width:100%;max-width:1100px}
.cat-hero__title{font-size:1.85rem;line-height:1.2;margin:0 0 1rem;color:#2c1f1a}
.cat-hero__lead{font-size:1.1rem;line-height:1.5;color:#5a4a42;margin:0 0 1.5rem}
.cat-hero__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:#ed5658;color:#fff;border-radius:.5rem;font-weight:500;text-decoration:none;transition:.2s}
.cat-hero__btn:hover{background:#d44648;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(237,86,88,.3)}
.cat-hero__media img,.cat-hero__img{width:100%;height:auto;border-radius:.75rem;object-fit:cover;aspect-ratio:1;box-shadow:0 8px 32px rgba(0,0,0,.08)}
@media(max-width:768px){.cat-hero{padding:1.25rem}.cat-hero__inner{grid-template-columns:1fr;gap:1.25rem}.cat-hero__title{font-size:1.45rem}.cat-hero__lead{font-size:1rem}}

.cat-quick-facts{padding:0}
.cat-quick-facts__title{font-size:1.45rem;margin:0 0 1rem;text-align:center}
.cat-quick-facts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
.cat-quick-facts__item{background:#fff;border:1px solid #f0ebe5;border-radius:.75rem;padding:1.25rem 1rem;text-align:center;transition:.2s}
.cat-quick-facts__item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06);border-color:#ed5658}
.cat-quick-facts__icon{font-size:2rem;margin-bottom:.5rem;line-height:1}
.cat-quick-facts__value{font-size:1.5rem;font-weight:600;color:#ed5658;margin-bottom:.25rem;line-height:1.1}
.cat-quick-facts__label{font-size:.875rem;color:#7a6c64;line-height:1.3}

.cat-case-card{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;background:#fdfaf5;border-left:4px solid #ed5658;border-radius:.5rem;padding:1.5rem;align-items:start}
.cat-case-card__media img,.cat-case-card__img{width:100%;height:auto;border-radius:.5rem;aspect-ratio:1;object-fit:cover}
.cat-case-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}
.cat-case-card__label{display:inline-block;background:#ed5658;color:#fff;padding:.3rem .75rem;border-radius:.25rem;font-size:.85rem;font-weight:500}
.cat-case-card__when{font-size:.85rem;color:#9a8d85}
.cat-case-card__story{font-size:1rem;line-height:1.55;color:#3a2e29;margin:0 0 .75rem}
.cat-case-card__florist{font-size:.9rem;color:#5a4a42;font-style:italic}
.cat-case-card__florist span{color:#9a8d85;font-style:normal}
@media(max-width:640px){.cat-case-card{grid-template-columns:1fr;gap:1rem;padding:1rem}}

.cat-useful-articles{margin-top:1rem}

/* ─── Cat-blocks: фиксы дизайна (2026-05-07-3) ────────────────────── */
/* Cat-image: фото только внутри других блоков (step-guide/case-card), отдельный article-image не используем */
.cat-blocks-wrapper .article-image{display:none}

/* Hero: full-width без border-radius (рендерится вне .container) */
.cat-blocks-wrapper>.cat-hero{margin:0 0 1.5rem;background:linear-gradient(135deg,#fff7f5 0%,#ffe9e0 60%,#fff 100%);border-radius:0;padding:3rem 2rem;box-shadow:none;display:block;border-bottom:1px solid #f5ebe5}
.cat-blocks-wrapper>.cat-hero .cat-hero__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center;padding:0 1rem}
.cat-blocks-wrapper>.cat-hero .cat-hero__title{font-size:clamp(1.65rem,2.6vw,2.4rem);font-weight:700;color:#2c1f1a;margin:0 0 1rem;line-height:1.15}
.cat-blocks-wrapper>.cat-hero .cat-hero__lead{font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.6;color:#4a3a32;margin:0 0 1.5rem}
.cat-blocks-wrapper>.cat-hero .cat-hero__btn,.cat-blocks-wrapper>.cat-hero .cat-hero__btn:visited{display:inline-flex;align-items:center;gap:.5rem;background:#ed5658 !important;color:#fff !important;padding:1rem 2.25rem;border-radius:.5rem;font-weight:600;text-decoration:none !important;font-size:1.05rem;box-shadow:0 6px 20px rgba(237,86,88,.25);transition:.2s;border:0}
.cat-blocks-wrapper>.cat-hero .cat-hero__btn:hover,.cat-blocks-wrapper>.cat-hero .cat-hero__btn:focus,.cat-blocks-wrapper>.cat-hero .cat-hero__btn:active{background:#d23d3f !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 10px 28px rgba(237,86,88,.35);text-decoration:none !important}
.cat-blocks-wrapper>.cat-hero .cat-hero__media img,.cat-blocks-wrapper>.cat-hero .cat-hero__img{width:100%;height:auto;border-radius:1rem;object-fit:cover;aspect-ratio:1;box-shadow:0 12px 40px rgba(0,0,0,.1)}
@media(max-width:768px){.cat-blocks-wrapper>.cat-hero{padding:2rem 1rem}.cat-blocks-wrapper>.cat-hero .cat-hero__inner{grid-template-columns:1fr;gap:1.5rem}}
.cat-quick-facts{margin:1.5rem 0}
.cat-quick-facts__grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.cat-quick-facts__item{background:linear-gradient(135deg,#fff,#fff8f6);border:1px solid #f5ebe5;padding:1.5rem 1rem;border-radius:1rem;text-align:center;transition:.25s}
.cat-quick-facts__item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(237,86,88,.1);border-color:#ed5658}
.cat-quick-facts__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#ffeae5,#fff);border-radius:50%;margin:0 auto .75rem;color:#ed5658}
.cat-quick-facts__icon svg{width:32px;height:32px}
.cat-quick-facts__emoji{font-size:2rem;line-height:1}
.cat-quick-facts__value{font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:700;color:#ed5658;margin:.25rem 0}
.cat-quick-facts__label{font-size:.92rem;color:#5a4a42;line-height:1.35}
.cat-blocks-wrapper .article-step-guide{margin:1.5rem 0;padding:1.75rem;background:linear-gradient(135deg,#fafafa,#fff);border-radius:1rem;border:1px solid #f0ebe5}
.cat-blocks-wrapper .article-step-guide__title{font-size:1.45rem;color:#2c1f1a}
.cat-blocks-wrapper .article-step-guide__step{background:#fff;border-radius:.75rem;padding:1.25rem 1.25rem 1.25rem 4rem;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:.2s}
.cat-blocks-wrapper .article-step-guide__step:hover{transform:translateX(4px);box-shadow:0 4px 16px rgba(237,86,88,.08)}
.cat-blocks-wrapper .article-step-guide__step:before{box-shadow:0 4px 12px rgba(237,86,88,.3)}
.cat-blocks-wrapper .article-step-guide__step h4{color:#2c1f1a;font-size:1.05rem;margin:0 0 .35rem}
.cat-blocks-wrapper .article-comparison-table{margin:1.5rem 0;border:1px solid #f0ebe5;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.cat-blocks-wrapper .article-comparison-table__caption{background:linear-gradient(135deg,#ffeae5,#fff8f6);padding:1rem 1.25rem;font-weight:600;color:#2c1f1a;font-size:1rem}
.cat-blocks-wrapper .article-comparison-table th{background:#fff8f6;padding:.85rem 1rem;font-weight:600;color:#2c1f1a;border-bottom:2px solid #ed5658}
.cat-blocks-wrapper .article-comparison-table td{padding:.85rem 1rem;border-bottom:1px solid #f5ebe5}
.cat-blocks-wrapper .article-comparison-table tr:nth-child(even){background:#fafafa}
.cat-blocks-wrapper .article-comparison-table tr:hover{background:#fff8f6}
.cat-blocks-wrapper .article-callout{margin:1.5rem 0;padding:1.25rem 1.5rem;border-radius:.75rem;border-left-width:5px;background:#fff8f6}
.cat-blocks-wrapper .article-callout--warning{background:#fffaef;border-left-color:#f5a623}
.cat-blocks-wrapper .article-callout--fact{background:#f0f7ff;border-left-color:#3b82f6}
.cat-blocks-wrapper .article-callout--tip{background:#f4fdf6;border-left-color:#22c55e}
.cat-blocks-wrapper .article-callout__head{font-size:1.05rem;font-weight:700}
.cat-blocks-wrapper .article-callout__icon{font-size:1.4rem}
.cat-blocks-wrapper .article-callout__body p{margin:.4rem 0 0;font-size:.97rem;line-height:1.5}
.cat-blocks-wrapper .article-expert-quote{margin:1.5rem 0;padding:1.75rem 1.75rem 1.75rem 4rem;background:linear-gradient(135deg,#fff8f6,#fff);border-radius:1rem;border:1px solid #f5ebe5}
.cat-blocks-wrapper .article-expert-quote__photo img{border-radius:50%;width:64px;height:64px;object-fit:cover}
.cat-blocks-wrapper .article-expert-quote blockquote{font-size:1rem;line-height:1.55;margin:0 0 .75rem;color:#2c1f1a;font-style:italic}
.cat-blocks-wrapper .article-expert-quote__name{font-weight:600;color:#2c1f1a;font-size:.95rem}
.cat-blocks-wrapper .article-expert-quote__role{color:#9a8d85;font-size:.88rem}
.cat-blocks-wrapper .article-cta-banner{margin:2rem 0;background:linear-gradient(135deg,#ed5658 0%,#d23d3f 60%,#a72a2c 100%);border-radius:1rem;padding:2.25rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 40px rgba(237,86,88,.18)}
.cat-blocks-wrapper .article-cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 20%,rgba(255,255,255,.15),transparent 55%);pointer-events:none}
.cat-blocks-wrapper .article-cta-banner__inner{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;max-width:1100px;margin:0 auto;position:relative;z-index:1}
.cat-blocks-wrapper .article-cta-banner__icon{width:88px;height:88px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.35);border-radius:50%;flex-shrink:0;color:#fff}
.cat-blocks-wrapper .article-cta-banner__icon svg{width:48px;height:48px}
.cat-blocks-wrapper .article-cta-banner__text h3{color:#fff;font-size:1.5rem;margin:0 0 .5rem;font-weight:700;line-height:1.25}
.cat-blocks-wrapper .article-cta-banner__text p{color:#fff;opacity:.95;margin:0;line-height:1.5}
.cat-blocks-wrapper .article-cta-banner__btn{background:#fff !important;color:#ed5658 !important;padding:1rem 2rem;border-radius:99px;font-weight:700;text-decoration:none !important;display:inline-block;white-space:nowrap;transition:.2s;box-shadow:0 6px 20px rgba(0,0,0,.15);font-size:1rem}
.cat-blocks-wrapper .article-cta-banner__btn:hover{background:#fef2f2 !important;color:#d23d3f !important;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.22)}
@media(max-width:768px){.cat-blocks-wrapper .article-cta-banner__inner{grid-template-columns:1fr;text-align:center;gap:1.25rem;justify-items:center}.cat-blocks-wrapper .article-cta-banner__icon{width:72px;height:72px}.cat-blocks-wrapper .article-cta-banner__icon svg{width:38px;height:38px}.cat-blocks-wrapper .article-cta-banner{padding:1.75rem 1.25rem}.cat-blocks-wrapper .article-cta-banner__btn{width:100%;text-align:center;max-width:320px}}
/* FAQ — точно как в блоге single-post (использует базовые .article-faq стили + var(--art-bg-soft)) */
.cat-blocks-wrapper .article-faq{margin:2rem 0;padding:1.75rem;background:var(--art-bg-soft);border-radius:var(--art-radius-lg)}
.cat-blocks-wrapper .article-faq__title{font-size:clamp(1.2rem,1.8vw,1.5rem);color:#2c1f1a;font-weight:700;margin:0 0 1rem}
.cat-blocks-wrapper .article-faq__items{display:grid;gap:.5rem}
.cat-blocks-wrapper .article-faq__item{background:#fff;border-radius:var(--art-radius);border:1px solid var(--art-border);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.cat-blocks-wrapper .article-faq__item:hover{border-color:#ed5658;box-shadow:0 4px 14px rgba(237,86,88,.08)}
.cat-blocks-wrapper .article-faq__q{display:block;padding:1rem 3rem 1rem 1.25rem;font-weight:600;cursor:pointer;text-decoration:none !important;color:#2c1f1a;position:relative;font-size:1rem;line-height:1.4}
.cat-blocks-wrapper .article-faq__q:hover{color:#ed5658}
.cat-blocks-wrapper .article-faq__q:after{content:"+";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:300;color:#ed5658;transition:transform .25s;line-height:1}
.cat-blocks-wrapper .article-faq__q:not(.collapsed):after{transform:translateY(-50%) rotate(45deg)}
.cat-blocks-wrapper .article-faq__a{padding:0 1.25rem 1rem;line-height:1.6;color:#3a2e29;font-size:.97rem}
.cat-blocks-wrapper .article-faq__a p{margin:0 0 .6rem}
.cat-blocks-wrapper .article-faq__a p:last-child{margin-bottom:0}
.cat-blocks-wrapper .article-faq__a a{color:#ed5658;text-decoration:underline;text-underline-offset:3px}

/* Inline figure внутри wysiwyg — обтекаемое фото слева/справа, кликабельное на full */
.cat-blocks-wrapper .article-wysiwyg figure{margin:.5rem 0;display:block}
.cat-blocks-wrapper .article-wysiwyg figure img{width:100%;height:auto;display:block;border-radius:.5rem;transition:transform .2s,box-shadow .2s}
.cat-blocks-wrapper .article-wysiwyg figure a{display:block;cursor:zoom-in}
.cat-blocks-wrapper .article-wysiwyg figure a:hover img{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.cat-blocks-wrapper .article-wysiwyg figure figcaption{font-size:.85em;color:#7a6c64;text-align:center;margin-top:.45rem;font-style:italic;line-height:1.4}
.cat-blocks-wrapper .article-wysiwyg figure.alignright,.cat-blocks-wrapper .article-wysiwyg figure.size-medium.alignright{float:right;max-width:340px;margin:.25rem 0 1rem 1.5rem;clear:right}
.cat-blocks-wrapper .article-wysiwyg figure.alignleft,.cat-blocks-wrapper .article-wysiwyg figure.size-medium.alignleft{float:left;max-width:340px;margin:.25rem 1.5rem 1rem 0;clear:left}
/* Если figure — первый ребёнок wysiwyg, поднимаем его наверх чтобы предыдущий heading-блок остался слева от фото */
.cat-blocks-wrapper .article-wysiwyg figure.aligncenter{margin:1rem auto;max-width:600px;text-align:center}
.cat-blocks-wrapper .article-wysiwyg figure.alignnone{margin:1rem 0;max-width:100%}
.cat-blocks-wrapper .article-wysiwyg::after{content:"";display:table;clear:both}
@media(max-width:640px){.cat-blocks-wrapper .article-wysiwyg figure.alignright,.cat-blocks-wrapper .article-wysiwyg figure.alignleft,.cat-blocks-wrapper .article-wysiwyg>figure:first-child.alignright,.cat-blocks-wrapper .article-wysiwyg>figure:first-child.alignleft{float:none;max-width:100%;margin:1rem 0}}

/* Wysiwyg — богатый стиль: первая буква-капитель в первом параграфе блока, аккуратные ссылки/списки */
.cat-blocks-wrapper .article-wysiwyg{font-size:1.02rem;line-height:1.7;color:#2c1f1a}
.cat-blocks-wrapper .article-wysiwyg p{margin:0 0 1rem}
.cat-blocks-wrapper .article-wysiwyg p:last-child{margin-bottom:0}
.cat-blocks-wrapper .article-wysiwyg a{color:#ed5658;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:.15s;font-weight:500}
.cat-blocks-wrapper .article-wysiwyg a:hover{color:#d23d3f;text-decoration-thickness:2px}
.cat-blocks-wrapper .article-wysiwyg strong,.cat-blocks-wrapper .article-wysiwyg b{font-weight:700;color:#2c1f1a}
.cat-blocks-wrapper .article-wysiwyg em{color:#5a4a42}
.cat-blocks-wrapper .article-wysiwyg ul,.cat-blocks-wrapper .article-wysiwyg ol{padding-left:0;margin:0 0 1rem;list-style:none}
.cat-blocks-wrapper .article-wysiwyg ul li{position:relative;padding-left:1.75rem;margin:.5rem 0;line-height:1.55}
.cat-blocks-wrapper .article-wysiwyg ul li:before{content:"";position:absolute;left:0;top:.65rem;width:8px;height:8px;background:#ed5658;border-radius:50%}
.cat-blocks-wrapper .article-wysiwyg ol{counter-reset:wlist;padding-left:0}
.cat-blocks-wrapper .article-wysiwyg ol li{counter-increment:wlist;position:relative;padding-left:2.25rem;margin:.5rem 0;line-height:1.55}
.cat-blocks-wrapper .article-wysiwyg ol li:before{content:counter(wlist);position:absolute;left:0;top:.1rem;width:1.5rem;height:1.5rem;background:#ed5658;color:#fff;border-radius:50%;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.cat-blocks-wrapper .article-wysiwyg blockquote{margin:1.25rem 0;padding:1rem 1.25rem;border-left:4px solid #ed5658;background:#fef2f2;border-radius:0 .5rem .5rem 0;font-style:italic;color:#3a2e29}
.cat-blocks-wrapper .article-wysiwyg blockquote p{margin:0}

/* Heading — больше визуальной иерархии в категории */
.cat-blocks-wrapper .article-heading{margin-top:1.5rem;margin-bottom:.75rem;line-height:1.2;color:#2c1f1a;font-weight:700}
.cat-blocks-wrapper .article-heading--h2{font-size:clamp(1.45rem,2.4vw,1.85rem);position:relative;padding-bottom:.5rem}
.cat-blocks-wrapper .article-heading--h2:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;background:#ed5658;border-radius:99px}
.cat-blocks-wrapper .article-heading--h3{font-size:clamp(1.15rem,1.8vw,1.35rem)}
.cat-blocks-wrapper .article-related-posts{margin:2rem 0}
.cat-blocks-wrapper .article-related-posts__title{font-size:1.45rem;color:#2c1f1a;margin-bottom:1rem}
.cat-blocks-wrapper .article-related-posts__item{transition:.2s;border-radius:.75rem;overflow:hidden;background:#fff;border:1px solid #f5ebe5;text-decoration:none}
.cat-blocks-wrapper .article-related-posts__item:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.08);border-color:#ed5658}
.cat-case-card{border-radius:1rem;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.cat-case-card__media img{box-shadow:0 4px 12px rgba(0,0,0,.08)}
.cat-blocks-wrapper .article-products-carousel{margin:2rem 0}
.cat-blocks-wrapper .article-products-carousel__title{font-size:1.45rem;color:#2c1f1a;margin-bottom:1.25rem}
.cat-blocks-wrapper .article-products-carousel__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}