/* =========================================================================
   Заболевания — точечные стили поверх общей стилистики сайта
   (style.css / article_style.css). Все крупные компоненты (герой, TOC,
   FAQ, табы, карточка врача, живое видео) сознательно используют готовые
   классы category.php — здесь только то, чего там не было.
   ========================================================================= */

/* ---------- Список заболеваний (/zabolevaniya) ---------- */
.zab-hero{background:#fff7ef;border-radius:24px;padding:40px 32px;margin:24px 0}
.zab-hero h1{margin:0 0 10px}
.zab-hero p{max-width:760px;color:#555;margin:0}
.zab-filters{margin:28px 0 8px}
.zab-filters__label{font-weight:700;color:#1a2b4c;margin-bottom:10px;font-size:14px}
.zab-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.zab-chip{display:inline-flex;align-items:center;background:#f5f6f8;color:#1a2b4c;border-radius:20px;padding:7px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:.2s;border:1px solid transparent}
.zab-chip:hover{background:#ffe6d2}
.zab-chip.is-active{background:#e8303a;color:#fff}
.zab-letter-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.zab-letter{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f5f6f8;color:#1a2b4c;font-weight:700;text-decoration:none;font-size:14px}
.zab-letter:hover{background:#ffe6d2}
.zab-letter.is-active{background:#e8303a;color:#fff}
.zab-letter.is-disabled{opacity:.35;pointer-events:none}
.zab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0 40px}
.zab-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #eee;text-decoration:none;color:inherit;transition:.2s;height:100%}
.zab-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.zab-card__img{aspect-ratio:16/9;background:#f2f2f2}
.zab-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.zab-card__body{padding:16px 18px 20px;flex:1;display:flex;flex-direction:column}
.zab-card__title{font-weight:700;color:#1a2b4c;font-size:17px;margin-bottom:8px}
.zab-card__desc{color:#777;font-size:13.5px;line-height:1.5;flex:1}
.zab-card__cats{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.zab-card__cats span{background:#fff3e6;color:#a15a1a;border-radius:14px;padding:3px 10px;font-size:11.5px;font-weight:600}
.zab-empty{padding:40px;text-align:center;color:#969696;background:#f7f8f9;border-radius:16px}
@media (max-width:900px){ .zab-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:580px){ .zab-grid{grid-template-columns:1fr} .zab-hero{padding:26px 20px} }

/* ---------- Страница заболевания (/zabolevaniya/{slug}) ---------- */

/* Герой статьи: собственная, не зависящая от category.php раскладка —
   слева заголовок/текст/шеринг, справа картинка. */
.zab-detail-hero{
	display:flex;align-items:center;gap:36px;flex-wrap:wrap;
	background:linear-gradient(135deg,#fff7ef 0%,#fff 100%);
	border-radius:28px;padding:36px 40px;margin:24px 0;
}
.zab-detail-hero__text{flex:1 1 460px;min-width:280px}
.zab-detail-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.zab-detail-hero__text h1{margin:0;font-size:32px;line-height:1.28;color:#1a2b4c}
.zab-detail-hero__share{
	flex-shrink:0;display:inline-flex;align-items:center;gap:8px;
	background:#fff;border:1px solid #eee;border-radius:30px;padding:9px 18px 9px 9px;
	font-size:13px;font-weight:600;color:#1a2b4c;cursor:pointer;white-space:nowrap;
}
.zab-detail-hero__share .share-icon-wrap{
	width:28px;height:28px;border-radius:50%;background:#fff3e6;color:#e8303a;
	display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}
.zab-detail-hero__desc{margin-top:16px;color:#555;font-size:15px;line-height:1.65}
.zab-detail-hero__desc p{margin:0 0 10px}
.zab-detail-hero__desc p:last-child{margin-bottom:0}
.zab-detail-hero__image{flex:0 1 380px;min-width:220px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.08)}
.zab-detail-hero__image img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
@media (max-width:900px){
	.zab-detail-hero{flex-direction:column;padding:26px 22px}
	.zab-detail-hero__image{order:-1;flex-basis:auto;width:100%}
	.zab-detail-hero__text h1{font-size:26px}
}
@media (max-width:520px){
	.zab-detail-hero__top{flex-direction:column;align-items:stretch}
	.zab-detail-hero__share{align-self:flex-start}
}

/* Информационная плашка: категория / МКБ / чтение / просмотры / публикация + врач */
.zab-info-bar{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:#f7f8f9;border-radius:18px;padding:18px 22px;margin:22px 0}
.zab-info-bar__stats{display:flex;flex-wrap:wrap;gap:22px;row-gap:12px}
.zab-info-stat{display:flex;align-items:center;gap:9px}
.zab-info-stat svg{width:20px;height:20px;flex-shrink:0;color:#e8303a}
.zab-info-stat__label{display:block;font-size:11px;color:#969696;line-height:1.3}
.zab-info-stat__value{display:block;font-size:13.5px;font-weight:700;color:#1a2b4c;line-height:1.3}
.zab-info-stat__value a{color:#1a2b4c;text-decoration:none;border-bottom:1px dashed #ccc}
.zab-info-stat__value a:hover{color:#e8303a;border-color:#e8303a}
.zab-info-bar__doctor{display:flex;align-items:center;gap:10px;text-decoration:none;background:#fff;border-radius:30px;padding:6px 16px 6px 6px;flex-shrink:0}
.zab-info-bar__doctor:hover{box-shadow:0 6px 16px rgba(0,0,0,.08)}
.zab-info-bar__doctor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#eee}
.zab-info-bar__doctor-label{display:block;font-size:11px;color:#969696;line-height:1.3}
.zab-info-bar__doctor-name{display:block;font-size:13px;font-weight:700;color:#1a2b4c;line-height:1.3}
@media (max-width:640px){
  .zab-info-bar{flex-direction:column;align-items:stretch}
  .zab-info-bar__doctor{align-self:flex-start}
}

.zab-content{margin-top:10px}
/* Единый карточный дизайн для каждого раздела статьи */
.zab-content>section,
.zab-content>.cat-docblock{
	background:#fff;border-radius:20px;padding:32px 36px;margin-bottom:24px;
	box-shadow:0 4px 24px rgba(20,30,60,.06);
}
.zab-content>section:last-child,
.zab-content>.cat-docblock:last-child{margin-bottom:0}
.zab-content>section h2,
.zab-content>section .category_tabs__title,
.zab-content>section .faq-title{margin-top:0}
@media (max-width:600px){
	.zab-content>section,
	.zab-content>.cat-docblock{padding:22px 18px;border-radius:16px}
}
.zab-image-text{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.zab-image-text__img{flex:0 0 260px;max-width:100%;border-radius:14px;overflow:hidden}
.zab-image-text__img img{width:100%;display:block}
.zab-image-text__text{flex:1;min-width:240px}

/* Кнопки "Внимание" / "Важно" из редактора — стилизуем распознанный <blockquote> */
.zab-attention{background:#fff3e0;border:none;border-left:4px solid #f0a500;border-radius:10px;padding:18px 20px 18px 54px;position:relative;margin:20px 0}
.zab-attention p{margin:0 0 8px}
.zab-attention p:last-child{margin-bottom:0}
.zab-attention strong{color:#a15a1a}
.zab-attention__icon{position:absolute;left:16px;top:18px;width:26px;height:26px;border-radius:50%;background:#f0a500;display:flex;align-items:center;justify-content:center}
.zab-attention__icon:before{content:"!";color:#fff;font-weight:800;font-size:16px;line-height:1}

.zab-important{background:#fdecec;border:none;border-left:4px solid #e8303a;border-radius:10px;padding:18px 20px 18px 54px;position:relative;margin:20px 0}
.zab-important p{margin:0 0 8px}
.zab-important p:last-child{margin-bottom:0}
.zab-important strong{color:#c0001a}
.zab-important__icon{position:absolute;left:16px;top:18px;width:26px;height:26px;border-radius:50%;background:#e8303a;display:flex;align-items:center;justify-content:center}
.zab-important__icon:before{content:"!";color:#fff;font-weight:800;font-size:16px;line-height:1}

.zab-slider .cat-process-card{background:#fff;border:1px solid #eee}
.zab-list{padding-left:22px}
.zab-list li{margin-bottom:8px}
.zab-video-block{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;max-width:640px;background:#000}
.zab-video-block img{width:100%;display:block;opacity:.85}
.zab-video-block__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}
.zab-video-block__play svg{width:26px;height:26px;fill:#fff}

.zab-cat-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.zab-cat-links a{display:inline-block;background:#f5f6f8;color:#1a2b4c;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:.2s}
.zab-cat-links a:hover{background:#e8303a;color:#fff}