/* Стили контента эталонной страницы (legacy/ei30.html), общие для всех страниц — D-003. */
.content h2 {
    color: #0C5D3A;
    margin: 18px 0 10px 0;
}

.content p {
    margin: 0 0 14px 0;
}

.product-photo {
    float: left;
    margin: 0 20px 15px 0;
    max-width: 355px;
    height: auto;
}

.product-info {
    overflow: hidden;
}

.seo-list {
    list-style: none;
    margin: 10px 0 18px 0;
    padding: 0;
}

.seo-list li {
    position: relative;
    margin: 0 0 8px 0;
    padding-left: 18px;
    line-height: 1.5;
}

.seo-list li:before {
    content: "■";
    position: absolute;
    left: 0;
    top: 2px;
    color: #0C5D3A;
    font-size: 11px;
    line-height: 1.6;
}

/* ---- Phase 1.2: единые правила для всех ширин ---- */

/* Основной текст: 16px, межстрочный 1.5 */
.p-content { font-size: 16px; line-height: 1.5; }
.pf-title { font-size: 16px; line-height: 1.5; }
.title h1 { line-height: 1.3; }

/* Кликабельные элементы desktop: не меньше 24×24 (WCAG 2.2 AA, 2.5.8); на touch — 44×44 (mobile.css) */
.pages a, span.tel a, .header_menu a.mail-link, .footer a { display: inline-block; min-height: 24px; line-height: 24px; }
.pages a { line-height: 26px; }
.h-logo a, .pf-title a { display: inline-block; }

/* Кнопка звонка — только в мобильной версии */
.h-logo .call-btn { display: none; }

/* Галерея — плитка; фото открывается полноразмерно (lightbox в Layout, без JS — ссылка на файл) */
#files_box { display: grid; grid-template-columns: repeat(auto-fill, 205px); gap: 8px; padding: 20px 0 0 10px; clear: both; }
#files_box a { display: block; line-height: 0; }
#files_box img { display: block; width: 100%; height: auto; }

.lightbox { border: 0; padding: 0; background: transparent; max-width: 96vw; max-height: 96vh; overflow: visible; }
.lightbox::backdrop { background: rgba(0, 0, 0, .85); }
.lightbox img { display: block; max-width: 96vw; max-height: 90vh; width: auto; height: auto; margin: 0 auto; background: #fff; }
.lightbox-close {
  position: fixed; top: 8px; right: 8px; width: 48px; height: 48px;
  border: 0; border-radius: 50%; background: #fff; color: #000; font: bold 28px/48px Arial; cursor: pointer;
}

/* Таблицы характеристик: читаются на узком экране — скролл внутри таблицы */
.content table { border-collapse: collapse; max-width: 100%; display: block; overflow-x: auto; }
.content th, .content td { border: 1px solid #c9d8d0; padding: 6px 10px; text-align: left; }

/* Кнопки-ссылки (404) */
.btn-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.btn-row a:link, .btn-row a:visited {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
  border: 1px solid #005531; border-radius: 6px; color: #005531; text-decoration: none;
}