

/* Start:/local/templates/monumentpro_main/css/mg2/cemeteries.css?17942619888834*/
/* MixGranit 2.0 — раздел «Кладбища» (/kladbishcha/). Классы .mg-cem*; токены из tokens.css. */
.mg-cem{padding-top:12px;padding-bottom:clamp(40px,6vw,80px)}
.mg-cem ul,.mg-cem ol{margin:0;padding:0;list-style:none}
.mg-cem__crumbs{margin:8px 0 18px;font-size:var(--mg-fs-small);color:var(--mg-text-2)}
.mg-cem__crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0}
.mg-cem__crumbs li+li::before{content:"›";margin:0 8px;color:var(--mg-text-2)}
.mg-cem__crumbs a{color:var(--mg-text-2);text-decoration:underline;text-underline-offset:3px}
.mg-cem__crumbs [aria-current]{color:var(--mg-text)}
.mg-cem h1{margin:0 0 12px;overflow-wrap:anywhere}
.mg-cem h2{margin:0 0 16px}
.mg-cem h3{margin:0 0 10px}
.mg-cem__sec{margin-top:clamp(32px,5vw,56px)}
.mg-cem__note{margin:10px 0 0;font-size:var(--mg-fs-small);color:var(--mg-text-2)}
.mg-cem__chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.mg-cem__chips li{padding:4px 12px;border:1px solid var(--mg-border);border-radius:999px;background:var(--mg-white);font-size:var(--mg-fs-small)}

/* шапка карточки */
.mg-cem__head{display:grid;gap:24px;align-items:start;margin-bottom:8px}
@media (min-width:900px){.mg-cem__head{grid-template-columns:minmax(0,1fr) minmax(0,420px)}}
.mg-cem__addr{font-style:normal;font-size:var(--mg-fs-lead);margin:8px 0 14px}
.mg-cem__visit ul{margin:6px 0 0;padding-left:18px;list-style:disc}
.mg-cem__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.mg-cem__photo{margin:0}
.mg-cem__photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--mg-radius);background:var(--mg-stone)}
.mg-cem__photo figcaption{margin-top:8px;font-size:var(--mg-fs-small);color:var(--mg-text-2)}

/* карта */
.mg-cem__map,.mg-cem__mapframe{position:relative;border-radius:var(--mg-radius);overflow:hidden;border:1px solid var(--mg-border);background:var(--mg-stone)}
.mg-cem__map iframe{display:block;width:100%;height:clamp(320px,48vw,480px);border:0}
.mg-cem__mapframe iframe{display:block;width:100%;height:clamp(320px,52vw,520px);border:0}
.mg-cem__mapframe[hidden]{display:none}
.mg-cem__mapbox{margin:0 0 20px}
.mg-cem__mapbox .mg-btn{margin-bottom:12px}

/* колонки, списки, dl */
.mg-cem__cols{display:grid;gap:28px}
@media (min-width:860px){.mg-cem__cols{grid-template-columns:1fr 1fr}}
.mg-cem__cols .mg-btn{margin-top:8px}
.mg-cem__list{padding-left:20px!important;list-style:disc!important}
.mg-cem__list li+li{margin-top:8px}
.mg-cem__list--num{padding-left:0!important;list-style:none!important}
.mg-cem__dl{display:grid;grid-template-columns:1fr;gap:4px 24px;margin:0}
@media (min-width:700px){.mg-cem__dl{grid-template-columns:minmax(200px,280px) 1fr}}
.mg-cem__dl dt{font-weight:600;margin-top:12px}
.mg-cem__dl dd{margin:0;padding-bottom:12px;border-bottom:1px solid var(--mg-border)}
@media (min-width:700px){.mg-cem__dl dt{margin-top:0;padding:12px 0;border-bottom:1px solid var(--mg-border)}.mg-cem__dl dd{padding:12px 0}}
.mg-cem__dl ul{padding-left:18px;list-style:disc}
.mg-cem__quote{margin:0;padding:18px 22px;border-left:4px solid var(--mg-red);background:var(--mg-white);border-radius:0 var(--mg-radius-sm) var(--mg-radius-sm) 0}
.mg-cem__quote p{margin:0;max-width:var(--mg-read)}
.mg-cem__install{padding:clamp(20px,3vw,32px);background:var(--mg-white);border:1px solid var(--mg-border);border-radius:var(--mg-radius)}
.mg-cem__install .mg-btn{margin:4px 8px 4px 0}
.mg-cem__faq details{border-bottom:1px solid var(--mg-border);padding:4px 0}
.mg-cem__faq summary{cursor:pointer;min-height:var(--mg-tap);display:flex;align-items:center;font-weight:600;padding:6px 0}
.mg-cem__faq details p{margin:0 0 14px;max-width:var(--mg-read)}
.mg-cem__sources ul{padding-left:20px;list-style:disc}
.mg-cem__near{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:12px!important}
.mg-cem__near a{display:inline-block;padding:6px 0}

/* хаб */
.mg-cem__hubhead{margin-bottom:20px}
.mg-cem__search{display:grid;gap:14px;padding:18px;background:var(--mg-white);border:1px solid var(--mg-border);border-radius:var(--mg-radius);align-items:end}
@media (min-width:900px){.mg-cem__search{grid-template-columns:minmax(0,2fr) minmax(0,1.6fr) auto auto}}
.mg-cem__field label{display:block;font-size:var(--mg-fs-small);font-weight:600;margin-bottom:6px}
.mg-cem__field input[type=search],.mg-cem__field select{width:100%}
.mg-cem__field--check label{display:flex;align-items:center;gap:8px;min-height:var(--mg-tap);margin:0;font-weight:500}
.mg-cem__field--check input{width:20px;height:20px}
.mg-cem__field--btn{display:flex;gap:10px;flex-wrap:wrap}
.mg-cem__regions{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.mg-cem__regions a{display:flex;flex-direction:column;gap:6px;padding:22px;text-decoration:none;color:var(--mg-text);min-height:var(--mg-tap)}
.mg-cem__regname{font-size:var(--mg-fs-h3);font-weight:700}
.mg-cem__regcnt{color:var(--mg-text-2)}
.mg-cem__districts{margin:20px 0 4px}
.mg-cem__districts ul{display:flex;flex-wrap:wrap;gap:8px}
.mg-cem__districts a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--mg-border);border-radius:999px;background:var(--mg-white);color:var(--mg-text);text-decoration:none;font-size:var(--mg-fs-small)}
.mg-cem__districts a span{color:var(--mg-text-2)}
.mg-cem__districts a[aria-current]{background:var(--mg-text);border-color:var(--mg-text);color:#fff}
.mg-cem__districts a[aria-current] span{color:#fff}
.mg-cem__results{margin-top:28px}
.mg-cem__restitle{font-size:var(--mg-fs-h3)!important}
.mg-cem__grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.mg-cem__card{display:flex;flex-direction:column}
.mg-cem__thumb{display:block;background:var(--mg-stone)}
.mg-cem__thumb img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.mg-cem__cardbody{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.mg-cem__cardbody h3{font-size:19px!important;margin:0!important}
.mg-cem__cardbody h3 a{color:var(--mg-text);text-decoration:none}
.mg-cem__cardbody h3 a:hover{color:var(--mg-red)}
.mg-cem__cardbody p{margin:0}
.mg-cem__cardaddr{color:var(--mg-text-2);font-size:var(--mg-fs-small)}
.mg-cem__cardbody .mg-cem__chips{margin:2px 0}
.mg-cem__cardhours{font-size:var(--mg-fs-small)}
.mg-cem__cardlinks{margin-top:auto!important;padding-top:10px;display:flex;gap:18px;flex-wrap:wrap;font-size:var(--mg-fs-small)}
.mg-cem__cardlinks a{display:inline-flex;align-items:center;min-height:40px}
.mg-cem__pager{margin-top:28px}
.mg-cem__pager ul{display:flex;flex-wrap:wrap;gap:8px}
.mg-cem__pager a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--mg-border);border-radius:var(--mg-radius-sm);background:var(--mg-white);color:var(--mg-text);text-decoration:none}
.mg-cem__pager a[aria-current]{background:var(--mg-text);border-color:var(--mg-text);color:#fff}
.mg-cem__about p{max-width:var(--mg-read)}
@media (max-width:480px){.mg-cem__cta .mg-btn{width:100%}.mg-cem__field--btn .mg-btn{flex:1}}

/* реестр области: муниципалитеты и таблица без карты */
.mg-cem__munis{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
.mg-cem__munis a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:var(--mg-tap);padding:10px 16px;border:1px solid var(--mg-border);border-radius:var(--mg-radius-sm);background:var(--mg-white);color:var(--mg-text);text-decoration:none}
.mg-cem__munis a:hover{border-color:var(--mg-text)}
.mg-cem__tablewrap{overflow-x:auto}
.mg-cem__table{width:100%;border-collapse:collapse;background:var(--mg-white);border:1px solid var(--mg-border)}
.mg-cem__table th,.mg-cem__table td{padding:12px 14px;border-bottom:1px solid var(--mg-border);text-align:left;vertical-align:top;font-size:var(--mg-fs-small)}
.mg-cem__table thead th{background:var(--mg-stone);font-weight:600;white-space:nowrap}
.mg-cem__table tbody th{font-weight:600;font-size:15px}
.mg-cem__muni{display:block;margin-top:2px;font-weight:400;color:var(--mg-text-2)}
.mg-cem__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:767.98px){
  .mg-cem__table,.mg-cem__table tbody,.mg-cem__table tr,.mg-cem__table th,.mg-cem__table td{display:block;width:100%}
  .mg-cem__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mg-cem__table tr{padding:12px 0;border-bottom:8px solid var(--mg-bg)}
  .mg-cem__table th,.mg-cem__table td{border:0;padding:4px 14px}
  .mg-cem__table td::before{content:attr(data-label)": ";color:var(--mg-text-2)}
}

/* End */
/* /local/templates/monumentpro_main/css/mg2/cemeteries.css?17942619888834 */
