/* Страницы «Ограждения из альбома Москомархитектуры» и «Ограждение ТПП».
   Все классы с префиксом .mka — со стилями темы не пересекаются. */
.mka{--mka-line:#d9d9d9;--mka-bg:#f4f4f4;--mka-dark:#2b2b2b;--mka-r:6px}
.mka .mka-intro{font-size:1.1em;line-height:1.6;margin-bottom:1.5rem}
.mka .mka-h2{margin:2.5rem 0 1rem}
.mka .mka-note{color:#666;font-size:.95em;margin:0 0 1.2rem}

/* ключевые факты */
.mka-facts{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.mka-facts li{border:1px solid var(--mka-line);border-radius:var(--mka-r);padding:14px 16px;background:var(--mka-bg);line-height:1.3;margin:0}
.mka-facts b{display:block;font-size:1.5em;margin-bottom:2px}

/* сетка типов */
.mka-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.mka-card{display:flex;flex-direction:column;border:1px solid var(--mka-line);border-radius:var(--mka-r);text-decoration:none;color:inherit;background:#fff;overflow:hidden;transition:box-shadow .15s,transform .15s}
.mka-card:hover,.mka-card:focus-visible{box-shadow:0 4px 16px rgba(0,0,0,.14);transform:translateY(-2px)}
.mka-card__img{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#fff;padding:10px;overflow:hidden;box-sizing:border-box}
.mka-card__img img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.mka-card__title{padding:10px 14px 0;font-weight:700;font-size:1.05em}
.mka-card__more{padding:2px 14px 12px;color:#666;font-size:.88em}

/* текстовые блоки */
.mka-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.mka-cols h3{margin:0 0 .4rem;font-size:1.1em}
.mka-cols p{margin:0}
.mka-steps,.mka-list{padding-left:1.3em}
.mka-steps li,.mka-list li{margin-bottom:.4rem}
.mka-table{width:100%;border-collapse:collapse;margin:0 0 1rem}
.mka-table th,.mka-table td{border:1px solid var(--mka-line);padding:10px 14px;text-align:left;vertical-align:top}
.mka-table th{width:40%;background:var(--mka-bg);font-weight:600;color: black}
.mka-seealso{margin-top:1.5rem}

/* галерея и схемы */
.mka-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:0 0 1rem}
.mka-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:0 0 1rem}
.mka figure{margin:0}
.mka figure img{width:100%;height:auto;display:block;border-radius:var(--mka-r);border:1px solid var(--mka-line);background:#fff}
.mka figcaption{margin-top:6px;color:#666;font-size:.9em}

/* блок «заказать» */
.mka-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;background:var(--mka-dark);color:#fff;border-radius:var(--mka-r);padding:22px 26px;margin:2.5rem 0 1rem}
.mka-cta b{display:block;font-size:1.2em;margin-bottom:4px}
.mka-cta span{opacity:.85}
.mka-cta__links{display:flex;flex-direction:column;gap:4px;text-align:right}
.mka-cta a{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
.mka-cta a:hover{border-bottom-color:#fff}
@media(max-width:600px){.mka-cta__links{text-align:left}}

/* окно просмотра типа */
.mka-dialog{width:min(1100px,96vw);max-height:94vh;padding:0;border:0;border-radius:var(--mka-r);overflow:hidden;background:#fff;color:#222}
.mka-dialog[open]{display:flex;flex-direction:column}
.mka-dialog::backdrop{background:rgba(0,0,0,.65)}
.mka-dialog__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--mka-line)}
.mka-dialog__title{flex:1;text-align:center;font-size:1.1em}
.mka-dialog__bar button{border:1px solid var(--mka-line);background:#fff;color:#222;border-radius:var(--mka-r);width:40px;height:40px;font-size:1.5em;line-height:1;cursor:pointer}
.mka-dialog__bar button:hover{background:var(--mka-bg)}
.mka-dialog__body{overflow:auto;padding:16px;display:grid;gap:16px}
.mka-dialog__body figcaption{font-weight:600;color:#222;margin:0 0 6px}
.mka-dialog__foot{padding:12px 16px;border-top:1px solid var(--mka-line);text-align:center}
.mka-dialog__foot a{font-weight:700}
@media(min-width:900px){.mka-dialog__body{grid-template-columns:1fr 1fr}.mka-dialog__body figure:first-child{grid-column:1/-1}}

/* увеличение фото/схем */
.mka-lightbox{width:min(1300px,96vw);padding:0;border:0;background:transparent}
.mka-lightbox::backdrop{background:rgba(0,0,0,.8)}
.mka-lightbox img{width:100%;height:auto;max-height:92vh;object-fit:contain;display:block;background:#fff;border-radius:var(--mka-r)}
.mka-dialog__body figure:first-child img{max-height:42vh;width:auto;max-width:100%;margin:0 auto}