/* ============================================================
   a-mon.ru · внутренние страницы · перекраска легаси в дизайн v2
   Подключается ПОСЛЕДНИМ: перебивает style.css/catalog.css/bootstrap.
   ============================================================ */

/* ── база страницы ── */
body{background:var(--bg) !important; color:var(--body) !important;
  font-family:var(--font) !important; font-size:16px; line-height:1.55}
.fontCondensed{font-family:var(--font) !important; letter-spacing:0 !important}
.container{width:auto !important; max-width:1200px; margin:0 auto !important; padding:0 22px}
.content{width:auto !important; float:none !important}
.inpage{padding:26px 0 56px}

/* ── наши кнопки поверх bootstrap (приём МиксБая: плоский стиль) ── */
.inpage .btn, .content .btn, .mnav .btn{display:inline-flex; align-items:center; gap:9px; justify-content:center;
  background:var(--brass) !important; background-image:none !important;
  color:#211703 !important; border:0 !important; border-radius:9px !important;
  font:700 15px/1 var(--font) !important; padding:13px 22px !important;
  text-shadow:none !important; box-shadow:none !important; cursor:pointer;
  text-decoration:none !important; height:auto !important}
.inpage .btn:hover, .content .btn:hover{background:var(--brass-strong) !important; color:#fff !important}
.catalog_main .btn, .catalog_main .btn-danger{
  background:var(--pine) !important; color:#fff !important}
.catalog_main .btn:hover, .catalog_main .btn-danger:hover{background:var(--pine-deep) !important}
.show_catalog{border:1px solid var(--line) !important; border-radius:12px;
  box-shadow:0 16px 34px rgba(0,0,0,.14); background:var(--surface) !important; overflow:hidden}
.show_catalog a{font-family:var(--font) !important; color:var(--body) !important}
.show_catalog a:hover{color:var(--brass-strong) !important}

/* ── хлебные крошки ── */
.B_crumbBox{display:block; font-size:13px; color:var(--muted) !important;
  margin:2px 0 18px; font-family:var(--font) !important}
.B_crumbBox a{color:var(--muted) !important; text-decoration:none}
.B_crumbBox a:hover{color:var(--brass-strong) !important}
.B_currentCrumb{color:var(--ink) !important; font-weight:600}

/* ── заголовки ── */
h1, .name_cat, h1.name_cat, h2.name_cat{
  font-family:var(--font) !important; font-weight:700 !important;
  color:var(--ink) !important; letter-spacing:-.02em; line-height:1.16;
  background:none !important; border:0 !important; text-transform:none !important}
h1, h1.name_cat{font-size:29px !important; margin:0 0 18px}
h2.name_cat{font-size:19px !important; margin:0 0 14px}

/* ── сетка каталога (таблицу не трогаем — только вид) ── */
.table-catalog{border-collapse:separate !important; border-spacing:0 !important}
.table-catalog > tbody > tr > td.left-td{padding-right:24px !important}
.left_main{background:var(--surface); border:1px solid var(--line);
  border-radius:14px; padding:20px 18px; width:auto !important}

/* фильтр «Подбор»: контролы приходят с сервера — красим общо */
#filter_form label{font-family:var(--font) !important; font-size:13.5px; color:var(--body)}
#filter_form select, #filter_form input[type="text"], #filter_form .form_input{
  font-family:var(--font) !important; font-size:14px; color:var(--ink);
  background:var(--bg) !important; border:1.5px solid var(--line) !important;
  border-radius:8px !important; padding:7px 10px !important; box-shadow:none !important}
#filter_form select:focus, #filter_form input:focus{border-color:var(--brass) !important; outline:none}
#filter_form .btn, #filter_form input[type="submit"], #filter_form button{
  background:var(--brass) !important; background-image:none !important; color:#211703 !important;
  border:0 !important; border-radius:9px !important; font:700 14.5px/1 var(--font) !important;
  padding:12px 18px !important; cursor:pointer; text-shadow:none !important}
#filter_form .btn:hover, #filter_form input[type="submit"]:hover, #filter_form button:hover{
  background:var(--brass-strong) !important; color:#fff !important}

/* подкатегории в сайдбаре (tpl 59) */
.left_main ul{list-style:none; margin:0 0 14px; padding:0}
.left_main ul a{font-family:var(--font) !important; color:var(--body) !important;
  text-decoration:none; display:block; padding:6px 2px; border-radius:6px; font-size:14.5px}
.left_main ul a:hover{color:var(--brass-strong) !important}

/* ── карточка листинга .block ── */
#p_out .block, .page_content .block{
  display:flex; flex-direction:row-reverse; gap:22px; align-items:flex-start;
  background:var(--surface); border:1px solid var(--line) !important; border-radius:14px;
  padding:20px 22px; margin:0 0 16px !important; width:auto !important;
  box-shadow:none; transition:box-shadow .2s, transform .2s}
#p_out .block:hover{box-shadow:0 10px 26px rgba(26,30,34,.09); transform:translateY(-2px)}
#p_out .block .left_block_price{float:none !important; width:180px !important; flex:0 0 180px;
  text-align:left !important; border:0 !important; background:none !important; padding:0 !important}
#p_out .block_p .left_block_price{float:none !important; width:auto !important;
  border:0 !important; background:none !important; padding:0 !important; margin-top:6px}
#p_out .block_p .left_block_price > p:first-child br{display:none}
.left_block_price p{margin:0 0 6px}
.left_block_price b{font-family:var(--font) !important; font-size:20px; font-weight:800;
  color:var(--ink); letter-spacing:-.01em; font-variant-numeric:tabular-nums; line-height:1.25}
.p_data_num{margin-top:10px}
.p_data_num p{font-size:12.5px !important; color:var(--muted) !important; line-height:1.5}
.right_block_price{float:none !important; width:auto !important; flex:1; min-width:0;
  font-family:var(--font) !important; font-size:14px; color:var(--body); line-height:1.55;
  border:0 !important; padding:0 !important}
.right_block_price > a{font-family:var(--font) !important; font-weight:700 !important;
  font-size:17px !important; color:var(--ink) !important; text-decoration:none;
  letter-spacing:-.01em; line-height:1.3; display:inline-block; margin-bottom:4px}
.right_block_price > a:hover{color:var(--brass-strong) !important}
.tumb{margin-top:12px; display:flex; flex-wrap:wrap; gap:6px}
.tumb img{border-radius:7px; border:1px solid var(--line); display:block}
.tumb a{text-decoration:none}

/* кнопка «показать ещё» (подгрузка) и пагинация */
.more, a.more{display:inline-flex; background:var(--pine) !important; color:#fff !important;
  border:0 !important; border-radius:9px !important; font:700 14.5px/1 var(--font) !important;
  padding:13px 24px !important; cursor:pointer; text-decoration:none !important;
  background-image:none !important; text-shadow:none !important}
.more:hover{background:var(--pine-deep) !important}
.louder_paragraf, .louders_pic{filter:grayscale(.2)}

/* ── контент-страницы (услуги, статьи) ── */
.page_content, .content{font-family:var(--font)}
.content img, .page_content img{max-width:100%; height:auto; border-radius:10px}
.content h2, .content h3, .page_content h2, .page_content h3{
  font-family:var(--font) !important; color:var(--ink) !important; font-weight:700;
  letter-spacing:-.01em; margin:22px 0 10px}
.content h2{font-size:22px} .content h3{font-size:18px}
.content p, .page_content p{margin:0 0 12px}
.content a, .page_content a{color:var(--brass-strong)}
.content a:hover, .page_content a:hover{color:var(--ink)}
.content table td{font-family:var(--font) !important}

/* ── контакты (tpl 55) ── */
#content.padcontent2{padding:0 !important}
.container_12{width:auto !important; max-width:1200px; margin:0 auto}
.wrapper{display:flex; flex-wrap:wrap; gap:20px}
.grid_4{background:var(--surface); border:1px solid var(--line); border-radius:14px;
  padding:22px 22px; flex:1 1 300px; width:auto !important; margin:0 !important; min-height:340px; float:none !important}
.borderbottom{border-bottom:1px solid var(--line-soft) !important; padding-bottom:10px}
address.contacts{font-style:normal; font-size:14.5px; line-height:1.6}
#contact-form-1 input[type="text"], #contact-form-1 textarea{
  font-family:var(--font) !important; font-size:14.5px; width:100%; box-sizing:border-box;
  background:var(--bg) !important; border:1.5px solid var(--line) !important;
  border-radius:9px !important; padding:11px 13px !important; color:var(--ink);
  box-shadow:none !important; margin-bottom:10px}
#contact-form-1 input:focus, #contact-form-1 textarea:focus{border-color:var(--brass) !important; outline:none}
#contact-form-1 .button{background:var(--brass) !important; background-image:none !important;
  color:#211703 !important; border:0 !important; border-radius:9px !important;
  font:700 15px/1 var(--font) !important; padding:13px 26px !important; cursor:pointer;
  text-shadow:none !important}
#contact-form-1 .button:hover{background:var(--brass-strong) !important; color:#fff !important}

/* ── страница поиска ── */
.ajaxSearch_paging, .ajaxSearch_result{font-family:var(--font) !important}

/* ── мобильная (таблица каталога складывается в колонку) ── */
@media (max-width:860px){
  .table-catalog, .table-catalog tbody, .table-catalog tr, .table-catalog td{
    display:block !important; width:100% !important}
  .table-catalog td.left-td{padding-right:0 !important; margin-bottom:18px}
  #p_out .block{flex-direction:column; gap:12px}
  #p_out .block .left_block_price{width:auto !important; flex:none; display:flex; align-items:baseline; gap:14px}
  #p_out .block_p .left_block_price{display:block; width:auto !important}
  #p_out .block_p .left_block_price p{display:block}
  .grid_4{flex:1 1 100%}
  h1, h1.name_cat{font-size:24px !important}
}

/* ── фикс контактов: float-хаос contact.css и схлопывание контейнера ── */
.inpage{display:flow-root}
footer{clear:both}
#content, .container_12, .wrapper{position:static !important; float:none !important;
  width:auto !important; height:auto !important; min-height:0 !important}
address.contacts, address.contacts *{color:var(--body) !important; font-family:var(--font) !important}
address.contacts b, address.contacts strong{color:var(--ink) !important}

/* ── позиции ajax-листинга каталога (разметка из сниппета фильтра) ── */
#p_out .block_p{background:var(--surface); border:1px solid var(--line); border-radius:14px;
  padding:20px 22px; margin:0 0 16px; transition:box-shadow .2s, transform .2s}
#p_out .block_p:hover{box-shadow:0 10px 26px rgba(26,30,34,.09); transform:translateY(-2px)}
#p_out .block_p > a, #p_out .block_p b a{font-family:var(--font) !important; font-weight:700 !important;
  font-size:17px !important; color:var(--ink) !important; text-decoration:none; letter-spacing:-.01em}
#p_out .block_p > a:hover{color:var(--brass-strong) !important}
#p_out .price, #p_out .price *{font-family:var(--font) !important; color:var(--ink) !important;
  font-weight:800; font-size:19px; letter-spacing:-.01em; font-variant-numeric:tabular-nums}
.ads_link, a.ads_link{display:inline-flex; margin-top:10px; background:var(--pine) !important;
  color:#fff !important; border-radius:8px !important; font:700 13.5px/1 var(--font) !important;
  padding:10px 16px !important; text-decoration:none !important; background-image:none !important}
.ads_link:hover{background:var(--pine-deep) !important}
#p_out .block_ads img{border-radius:7px; border:1px solid var(--line)}

/* цена в позициях листинга — графит вместо красного */
.left_block_price p, .left_block_price p font, .left_block_price p b{
  color:var(--ink) !important; font-family:var(--font) !important}
#p_out .left_block_price p:first-child{font-size:18px; font-weight:800; letter-spacing:-.01em;
  font-variant-numeric:tabular-nums}

/* ── выдача: снять любые фоны-плашки со ссылок, заголовок текстом ── */
#p_out a{background:transparent !important; border-radius:0 !important; padding:0 !important;
  color:var(--ink) !important; font-family:var(--font) !important; text-decoration:none;
  text-shadow:none !important; box-shadow:none !important}
#p_out a:hover{color:var(--brass-strong) !important}
#p_out .right_block_price > a, #p_out .block_p a[title^="Объявление"]{
  font-size:17.5px !important; font-weight:700 !important; letter-spacing:-.01em; line-height:1.3}
#p_out a.ads_link{background:var(--pine) !important; color:#fff !important;
  padding:10px 16px !important; border-radius:8px !important; display:inline-flex; margin-top:10px}
#p_out a.ads_link:hover{background:var(--pine-deep) !important; color:#fff !important}
#p_out .more, #p_out a.more{background:var(--pine) !important; color:#fff !important;
  padding:13px 24px !important; border-radius:9px !important}

/* ── разводящие страницы: таблица групп ссылок (realty/, услуги) ── */
.content .table_uslugi{background:var(--surface) !important; border:1px solid var(--line);
  border-radius:14px; border-collapse:separate !important; border-spacing:14px 2px !important;
  padding:10px 8px; width:100%}
.content .table_uslugi thead td{font:800 16.5px var(--font) !important; color:var(--ink) !important;
  padding:12px 12px 8px; border-bottom:1px solid var(--line-soft)}
.content .table_uslugi td{padding:4px 12px; vertical-align:top; background:none !important}
.content .table_uslugi a{display:inline-block; padding:5px 0; font-size:15px}

/* ── контакты: карточки по своей высоте ── */
.wrapper{align-items:flex-start}
.grid_4{min-height:0 !important}

/* плашка-заголовок позиции и расклейка строк */
#p_out .mark, #p_out .block_p .mark{background:var(--pine) !important; color:#fff !important;
  border:0 !important; border-radius:9px; padding:9px 14px !important;
  font:700 15.5px/1.3 var(--font) !important; display:inline-block; margin-bottom:8px}
#p_out .mark a{color:#fff !important; font-size:15.5px !important}
#p_out .mark a:hover{color:var(--brass-on-dark) !important}
#p_out .ui-icon-locked{margin-right:8px !important}
#p_out .p_data_num{margin-top:8px}

/* пустые ссылки-заглушки в таблицах разводящих не занимают место */
.content .table_uslugi a:empty{display:none; padding:0}
.content .table_uslugi tbody tr:not(:has(a:not(:empty))){display:none}
.content .table_uslugi td:empty{padding:0}

/* подвал: bootstrap на каталожных красил ссылки в синий */
footer a:not(.btn){color:#aab1b8 !important; text-decoration:none !important}
footer a:not(.btn):hover{color:#fff !important}
footer .logo .wm b{color:#fff !important}
footer .logo .wm span{color:#868d94 !important}
footer .tel, footer a.tel{color:#fff !important; font-weight:800}

/* ── карточка объявления (tpl 40) ── */
.obj-grid{display:grid; grid-template-columns:1fr 330px; gap:26px; align-items:start; margin-top:6px}
.obj-main{grid-column:1; grid-row:1}
.obj-side{grid-column:2; grid-row:1}
.obj-side{position:sticky; top:96px; background:var(--surface); border:1px solid var(--line);
  border-radius:14px; padding:22px; display:flex; flex-direction:column; gap:14px}
.obj-price{font:800 27px/1.2 var(--font); color:var(--ink); letter-spacing:-.01em;
  font-variant-numeric:tabular-nums}
.obj-price .obj-cur{font-size:17px; font-weight:700; margin-left:4px}
.obj-price .obj-per{display:block; font:600 13px var(--font); color:var(--muted); margin-top:4px}
.obj-ask{font:700 16px var(--font); color:var(--body)}
.obj-booked{font:700 15px var(--font); color:#a03a1e; background:#fbeee7;
  border:1px solid #f0d9cb; border-radius:9px; padding:12px 14px; margin:0}
.obj-actions .btn_n, .obj-actions a, .obj-actions input[type="button"], .obj-actions button{
  display:inline-flex; align-items:center; justify-content:center; width:100%;
  background:var(--brass) !important; background-image:none !important; color:#211703 !important;
  border:0 !important; border-radius:9px !important; font:700 15px/1.2 var(--font) !important;
  padding:13px 18px !important; cursor:pointer; text-decoration:none !important;
  text-shadow:none !important; box-shadow:none !important; text-align:center}
.obj-actions .btn_n:hover, .obj-actions a:hover, .obj-actions button:hover{
  background:var(--brass-strong) !important; color:#fff !important}
.obj-meta{display:flex; flex-direction:column; gap:5px; font-size:13px; color:var(--muted);
  border-top:1px solid var(--line-soft); padding-top:14px}
.obj-meta b{color:var(--ink); font-size:15px}
.obj-call{border-top:1px solid var(--line-soft); padding-top:14px}
.obj-call a{display:block; font:800 19px var(--font); color:var(--ink) !important; text-decoration:none}
.obj-call span{font-size:12.5px; color:var(--muted)}
a.print{font-size:13px; color:var(--muted) !important; text-decoration:none; align-self:flex-start}
a.print:hover{color:var(--brass-strong) !important}
.btn_n{display:inline-flex; align-items:center; justify-content:center;
  background:var(--brass) !important; background-image:none !important; color:#211703 !important;
  border:0 !important; border-radius:9px !important; font:700 14.5px/1.2 var(--font) !important;
  padding:12px 18px !important; cursor:pointer; text-decoration:none !important;
  text-shadow:none !important; box-shadow:none !important}
.btn_n:hover{background:var(--brass-strong) !important; color:#fff !important}
.catalog_main .btn_n{background:var(--pine) !important; color:#fff !important}
.catalog_main .btn_n:hover{background:var(--pine-deep) !important}
.map_in{width:100% !important; height:420px; border-radius:12px; overflow:hidden;
  border:1px solid var(--line); margin-bottom:18px}
#mapAll{border-radius:12px; overflow:hidden; border:1px solid var(--line)}
.obj-main{min-width:0}
.obj-main h3{margin-top:20px}
.highslide-gallery ul{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:10px 0 0; padding:0}
.highslide-gallery li{margin:0 !important; padding:0 !important; float:none !important}
.highslide-gallery img{border-radius:8px; border:1px solid var(--line); display:block}
.act_osmotra{margin-top:26px; border:1px dashed var(--line); border-radius:10px; padding:12px 16px}
.act_osmotra h4{margin:0; font:600 14px var(--font); color:var(--muted)}
@media (max-width:900px){
  .obj-grid{grid-template-columns:1fr}
  .obj-main{grid-column:1; grid-row:2}
  .obj-side{grid-column:1; grid-row:1; position:static}
  .map_in{height:320px}
  #mapAll{height:460px !important}
}

/* цена-бокс: оригинальная разметка p>font */
.obj-side > p{margin:0}
.obj-side p font{font:800 22px/1.35 var(--font) !important; color:var(--ink) !important}
.obj-side p font b{font-weight:800}
.obj-side .btn_n{width:100%; margin:12px 0 4px}
.obj-meta span{display:block}
.obj-meta .btn_n{width:100%; margin:8px 0}

/* ── дропдаун «Каталог недвижимости»: чистые группы без маркеров ── */
.show_catalog{padding:16px 18px !important; min-width:280px}
.show_catalog ul, .show_catalog ol{list-style:none !important; margin:0 !important; padding:0 !important}
.show_catalog li{list-style:none !important; margin:0 !important; padding:0 !important; background:none !important}
.show_catalog > ul > li > a{font-weight:800 !important; font-size:14.5px !important;
  color:#1e2226 !important; padding:10px 8px 4px !important; display:block;
  text-transform:none; letter-spacing:-.01em}
.show_catalog ul ul{margin:0 0 6px !important}
.show_catalog ul ul a{font-weight:500 !important; font-size:14px !important;
  color:#3a4147 !important; padding:6px 8px 6px 16px !important; display:block; border-radius:7px}
.show_catalog ul ul a:hover{background:#f6ead3 !important; color:#9d7028 !important}

/* кнопки-заявки в контенте: ровные, единая ширина на мобиле */
.content .btn_n{margin:0 10px 12px 0; min-width:230px; justify-content:center}
@media (max-width:640px){
  .content .btn_n{display:flex; width:100%; margin-right:0}
}

/* фильтр: «от … до …» в одну строку, ровные отступы разделов */
#filter_form .price{display:flex; align-items:center; gap:8px; white-space:nowrap; margin:0 0 4px}
#filter_form .price .form_input{width:auto !important; flex:1 1 0; min-width:0}
#filter_form .labele_name{display:block; font-weight:700; font-size:13px; color:var(--ink);
  margin:16px 0 7px; letter-spacing:0}
#filter_form .labele_name:first-child{margin-top:0}
#filter_form label.checkbox{display:flex; align-items:center; gap:8px; font-size:13.5px; padding:3px 0}
#filter_form select{width:100%; margin-bottom:4px}
#filter_form sup{color:var(--muted)}

/* дропдаун каталога: компактнее */
.show_catalog{padding:10px 12px !important}
.show_catalog > ul > li > a{padding:8px 8px 3px !important}
.show_catalog ul ul a{padding:4px 8px 4px 14px !important}
.show_catalog ul ul{margin:0 0 2px !important}

/* карточка объявления: заголовок без плясок */
.inpage h1, .inpage h1.name_cat{text-align:left !important}

/* перелинковка в контенте услуг: две ровные колонки со стрелками */
.content ul.links2, .content .page_content ul{margin:0 0 14px}
.content p > a:only-child{display:inline-block; padding:3px 0}
.uslugi-links, .content div.text_serv{columns:2; column-gap:34px}
@media (max-width:760px){ .uslugi-links, .content div.text_serv{columns:1} }

/* чекбоксы фильтра: не вылезают за карточку */
#filter_form input[type="checkbox"], #filter_form input[type="radio"]{
  position:static !important; margin:0 6px 0 0 !important; width:16px; height:16px;
  accent-color:#b6863c; flex:0 0 auto}
#filter_form label.checkbox{margin:0 !important; padding:4px 0 !important}

/* прайс-таблицы в контенте услуг: аккуратные, цена справа */
.content table:not(.table_uslugi){border-collapse:collapse; width:100% !important;
  max-width:780px; margin:0 0 18px}
.content table:not(.table_uslugi) col{width:auto !important}
.content table:not(.table_uslugi) td{border:0; border-bottom:1px solid var(--line-soft);
  padding:9px 12px !important; font-size:14.5px; height:auto !important; width:auto !important}
.content table:not(.table_uslugi) tr:nth-child(even) td{background:#faf8f2}
.content table:not(.table_uslugi) tr:has(> td:first-child:not(:empty) + td:last-child) > td:last-child{
  text-align:right; font-weight:700; color:var(--ink); white-space:nowrap;
  font-variant-numeric:tabular-nums}

/* топбар: на средних ширинах прячем адрес, меню не выпадает */
@media (max-width:1240px){
  .topbar .right > span{display:none}
}

/* аудит: пакет фиксов */
#filter_form select{height:auto !important; line-height:1.35 !important; padding:8px 10px !important;
  font-size:14px !important}
#filter_form .labele_name:has(+ .labele_name){display:none}
#filter_form label.checkbox{align-items:flex-start}
#filter_form label.checkbox sup{flex:0 0 auto; margin-left:2px}
#p_out .tumb img, #p_out .block_ads img{height:67px !important; width:auto !important; object-fit:cover}
.btn_n img, .obj-actions img{display:none !important}
.content table:not(.table_uslugi) tr:not(:has(td:not(:empty))){display:none}
footer .tel, footer a.tel{white-space:nowrap}

/* ── структурный пакет ── */
.cat-chips{display:flex; flex-wrap:wrap; gap:8px; margin:2px 0 18px}
.cat-chips .chip{padding:9px 15px; border:1.5px solid var(--line); border-radius:999px;
  background:var(--surface); font:600 13.5px/1.2 var(--font); color:var(--body);
  text-decoration:none; transition:border-color .15s, background .15s}
.cat-chips .chip:hover{border-color:var(--brass); color:var(--brass-strong)}
.cat-chips .chip.on{background:var(--pine); color:#fff; border-color:var(--pine)}

/* фильтр: узкая классическая колонка */
.table-catalog > tbody > tr > td.left-td{width:262px !important; padding-right:20px !important}
.left_main{padding:16px 14px !important}
#filter_form select{font-size:13.5px !important; padding:7px 8px !important}
#filter_form .price .form_input{font-size:13.5px !important; padding:6px 8px !important}
#filter_form .labele_name{font-size:12.5px; margin:13px 0 6px}
#filter_form label.checkbox{font-size:13px}
#filter_form .btn, #filter_form button{padding:11px 16px !important; font-size:14px !important}

/* слайдер диапазона (jQuery UI) в латуни */
.amon-slider{margin:10px 2px 4px; height:5px !important; background:var(--line) !important;
  border:0 !important; border-radius:3px !important}
.amon-slider .ui-slider-range{background:var(--brass) !important; border-radius:3px}
.amon-slider .ui-slider-handle{width:17px !important; height:17px !important; top:-6px !important;
  background:var(--pine) !important; border:2.5px solid var(--surface) !important;
  border-radius:50% !important; box-shadow:0 1px 5px rgba(26,30,34,.35); cursor:pointer; outline:none}

/* листинг: плотность (мусорные br между блоками) */
#p_out .block_p > br{display:none}
#p_out .block_ads{margin:12px 0 10px}
#p_out .block_p .left_block_price{margin-top:2px}
#p_out .block_p{padding:18px 20px}

/* заголовки без сдвигов */
.page_content h1, .content h1, .inpage h1{padding-left:0 !important; margin-left:0 !important}
.page_content{padding-left:0 !important}

/* слайдер: пересиливаем тему jQuery UI */
.amon-slider.ui-widget-content{background:var(--line) !important; border:0 !important;
  height:5px !important; border-radius:3px !important}
.amon-slider.ui-slider .ui-slider-range{background:var(--brass) !important; border:0 !important;
  border-radius:3px !important}
.amon-slider.ui-slider .ui-slider-handle{width:17px !important; height:17px !important;
  top:-6px !important; margin-left:-9px; background:var(--pine) !important;
  border:2.5px solid var(--surface) !important; border-radius:50% !important;
  box-shadow:0 1px 5px rgba(26,30,34,.35) !important; cursor:pointer; outline:none}

/* листинг: хвостовые br после фото-блока */
#p_out .block_ads ~ br{display:none}
#p_out .block_p .block_ads ~ p{margin-top:8px}

/* счётчики чекбоксов в строку */
#filter_form label.checkbox{align-items:center}
#filter_form label.checkbox sup{position:static; vertical-align:baseline; top:auto;
  font-size:11px; color:var(--muted); margin-left:4px; line-height:1}

/* нативный dual-range слайдер фильтра */
.amon-range{position:relative; height:26px; margin:9px 2px 2px}
.amon-range .ar-track{position:absolute; left:0; right:0; top:11px; height:5px;
  background:var(--line); border-radius:3px}
.amon-range .ar-fill{position:absolute; top:0; bottom:0; background:var(--brass); border-radius:3px}
.amon-range input[type=range]{position:absolute; left:0; right:0; top:0; width:100%; height:26px;
  margin:0; background:none; -webkit-appearance:none; appearance:none; pointer-events:none}
.amon-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none; pointer-events:auto;
  width:17px; height:17px; border-radius:50%; background:var(--pine);
  border:2.5px solid var(--surface); box-shadow:0 1px 5px rgba(26,30,34,.35); cursor:pointer}
.amon-range input[type=range]::-moz-range-thumb{pointer-events:auto;
  width:17px; height:17px; border-radius:50%; background:var(--pine);
  border:2.5px solid var(--surface); box-shadow:0 1px 5px rgba(26,30,34,.35); cursor:pointer}
.amon-range input[type=range]::-webkit-slider-runnable-track{background:none}
.amon-range input[type=range]::-moz-range-track{background:none}

/* мобильные фильтры в кнопку */
.filters-toggle{display:none}
@media (max-width:860px){
  .filters-toggle{display:inline-flex; align-items:center; gap:9px; background:var(--pine);
    color:#fff; border:0; border-radius:9px; font:700 14.5px/1 var(--font);
    padding:13px 20px; margin:0 0 14px; cursor:pointer}
  .filters-toggle svg{flex:0 0 auto}
  .table-catalog td.left-td{display:none !important}
  body.filters-open .table-catalog td.left-td{display:block !important; margin-bottom:16px}
}

/* фильтр: жёсткая узкая колонка */
@media (min-width:861px){
  .table-catalog{table-layout:fixed !important; width:100% !important}
  .table-catalog > tbody > tr > td.left-td{width:280px !important}
}

/* фото-лента листинга: без фиксированной высоты легаси */
#p_out .tumb, #p_out .block_ads, #p_out .right_block_price{height:auto !important; min-height:0 !important}
#p_out .tumb{margin-bottom:0 !important}

/* ── витрина посёлков ── */
.pk-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:22px 0 10px}
.pk{background:var(--surface); border:1px solid var(--line); border-radius:14px; overflow:hidden;
  display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s; text-decoration:none}
.pk:hover{transform:translateY(-4px); box-shadow:0 10px 26px rgba(26,30,34,.1)}
.pk .ph{position:relative; height:190px; overflow:hidden}
.pk .ph img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease}
.pk:hover .ph img{transform:scale(1.05)}
.pk-badge{position:absolute; left:12px; top:12px; background:rgba(13,17,21,.66); color:#fff;
  font:700 11px/1 var(--font); letter-spacing:.06em; text-transform:uppercase;
  padding:7px 11px; border-radius:7px; backdrop-filter:blur(3px)}
.pk .tx{padding:16px 18px 18px; display:flex; flex-direction:column; flex:1}
.pk .tx h3{font:700 17.5px/1.25 var(--font); color:var(--ink) !important; letter-spacing:-.01em; margin:0 0 7px}
.pk .tx p{font:400 13.5px/1.5 var(--font); color:var(--muted); margin:0 0 12px; flex:1}
.pk .go{display:inline-flex; align-self:flex-start; background:var(--brass);
  color:#211703 !important; border-radius:8px; font:700 13.5px/1 var(--font); padding:11px 16px}
.pk:hover .go{background:var(--brass-strong); color:#fff !important}
.pk-more{font-size:14px; color:var(--muted); margin:14px 0 0}
.pk-more a{color:var(--brass-strong)}
@media (max-width:980px){ .pk-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .pk-grid{grid-template-columns:1fr} .pk .ph{height:170px} }

/* липкие чипы разделов */
@media (min-width:641px){
  .cat-chips{position:sticky; top:84px; z-index:40; background:var(--bg);
    padding:10px 0; margin-top:-8px}
}

/* ── листинг плитками 2 колонки ── */
@media (min-width:901px){
  #p_out{display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:stretch}
  #p_out > *:not(.block_p):not(.block){grid-column:1 / -1}
}
#p_out .block_p{padding:16px 18px; margin:0 0 0 !important}
#p_out .mark, #p_out .block_p .mark{font-size:13.5px !important; padding:8px 12px !important}
#p_out .block_p .right_block_price{font-size:13.5px}
#p_out .tumb img{height:56px !important}
#p_out .block_p .left_block_price p:first-child{font-size:16.5px}
#p_out .p_data_num p{font-size:11.5px !important; line-height:1.45}
#p_out .block_p a[title*="объявление"]:not(.ads_link){display:inline-flex; background:var(--pine) !important;
  color:#fff !important; padding:10px 18px !important; border-radius:8px !important;
  font:700 13.5px/1 var(--font) !important; margin-top:8px; text-decoration:none !important}
#p_out .block_p a[title*="объявление"]:not(.ads_link):hover{background:var(--pine-deep) !important}
@media (max-width:900px){ #p_out .block_p{margin-bottom:14px !important} }

/* мобильная фотогалерея карточки по центру */
@media (max-width:640px){ .highslide-gallery ul{justify-content:center} }

/* плитки: кнопка в углу, флоаты в поток, ровные ряды */
#p_out .block_p{position:relative; padding-bottom:58px !important; overflow:hidden}
#p_out .block_p::after{content:""; display:block; clear:both}
#p_out .ui-icon-locked{float:none !important; display:inline-block; vertical-align:middle}
#p_out .block_p b{vertical-align:middle}
#p_out .block_p a[title*="объявление"]:not(.ads_link){position:absolute; right:18px; bottom:16px; margin-top:0}
#p_out .block_p .left_block_price{margin-top:8px}

/* плашка-заголовок строго в потоке, фото одним рядом */
#p_out .mark, #p_out .block_p .mark{position:static !important; float:none !important;
  transform:none !important; display:inline-block !important; margin:0 0 10px !important;
  max-width:100%}
#p_out .tumb{flex-wrap:nowrap !important; overflow:hidden !important; max-height:60px}

/* заголовок-плашка карточки: строго в потоке сверху */
#p_out a.ads_link, #p_out .block_p a.ads_link{position:static !important; float:none !important;
  display:inline-block !important; background:var(--pine) !important; color:#fff !important;
  padding:9px 14px !important; border-radius:9px !important;
  font:700 15px/1.3 var(--font) !important; margin:0 0 10px !important; max-width:100%;
  text-decoration:none !important}
#p_out a.ads_link:hover{background:var(--pine-deep) !important; color:#fff !important}

/* ── мобильные фильтры: drawer слева + плавающая кнопка (как mix-buy) ── */
@media (max-width:860px){
  .inpage{padding-top:14px}
  .cat-chips{margin-bottom:10px}
  .filters-toggle{position:fixed; right:14px; bottom:18px; z-index:80; margin:0;
    border-radius:999px; padding:15px 22px; box-shadow:0 8px 24px rgba(15,18,22,.4)}
  .table-catalog td.left-td{display:block !important; position:fixed; left:0; top:0; bottom:0;
    width:min(84vw, 360px); z-index:70; background:var(--bg); overflow:auto;
    padding:16px !important; margin:0 !important; transform:translateX(-105%);
    transition:transform .28s ease; box-shadow:14px 0 40px rgba(0,0,0,.25)}
  body.filters-open .table-catalog td.left-td{transform:translateX(0)}
  body.filters-open .inpage::before{content:""; position:fixed; inset:0;
    background:rgba(15,18,22,.45); z-index:60}
}

/* поиск в шапке: как на главной (bootstrap на внутренних перебивал) */
.hd-search{flex:1 1 0 !important; min-width:220px; display:flex !important; align-items:center;
  gap:10px; background:var(--bg) !important; border:1.5px solid var(--line) !important;
  border-radius:10px !important; padding:4px 4px 4px 14px !important}
.hd-search .ico{color:var(--brass-strong); display:flex}
.hd-search input, .hd-search input[type="text"]{flex:1 !important; min-width:0; width:auto !important;
  border:0 !important; background:transparent !important; outline:none !important;
  box-shadow:none !important; height:auto !important; margin:0 !important;
  font:500 15px/1.4 var(--font) !important; color:var(--ink) !important; padding:8px 0 !important}
.hd-search:focus-within{border-color:var(--brass) !important; box-shadow:0 0 0 3px rgba(182,134,60,.14) !important}
.hd-search .btn{padding:10px 18px !important; font-size:14px !important}

/* карточки листинга: тише тени, меньше низ */
#p_out .block_p{box-shadow:none !important; padding-bottom:50px !important}
#p_out .block_p a[title*="объявление"]:not(.ads_link){bottom:14px}

/* кнопки-заявки в контенте: не наслаиваются */
.content .btn_n{display:inline-flex !important; margin:0 10px 12px 0 !important; vertical-align:top}
@media (max-width:640px){
  .content .btn_n{display:flex !important; width:100% !important; margin:0 0 12px !important}
}

/* грид-распор: карточка не шире трека (min-content фото-ленты) */
#p_out .block_p, #p_out .block{min-width:0 !important; max-width:100% !important}
#p_out .tumb{max-width:100%}
/* компактнее низ карточки */
#p_out .block_p{padding-bottom:44px !important}
#p_out .block_p .left_block_price{margin-top:4px}
#p_out .p_data_num{margin-top:4px}
#p_out .block_p a[title*="объявление"]:not(.ads_link){bottom:12px}

/* цена-бокс карточки: аккуратные ряды */
.obj-lbl{display:block; font:700 11.5px/1 var(--font); letter-spacing:.1em;
  text-transform:uppercase; color:var(--muted); margin:0 0 6px}
.obj-side > p{margin:0 0 4px}
.obj-side .btn_n{width:100% !important; margin:12px 0 8px !important}
.obj-side a.print{display:block; margin:0 0 2px; font-size:12.5px}
.obj-meta{gap:6px; padding-top:12px}
.obj-meta b{font-size:15.5px}
.obj-meta span{line-height:1.45}
.obj-call{padding-top:12px}

/* контакты: кнопка по центру, ровное дыхание */
#contact-form-1 textarea{min-height:120px; max-height:180px}
#contact-form-1 .buttons{display:flex; justify-content:center; margin-top:6px}
#contact-form-1 .buttons span{display:contents}
.grid_4 > h1, .grid_4 > .name_cat{margin:0 0 16px !important; font-size:22px !important}
.grid_4 label{display:block}
.grid_4 .clear{display:none}

/* подчёркивания легаси-СSS: глушим (catalog.css красил даже лого) */
a{text-decoration:none}
.hd a, .head a, .logo, .logo *, .topbar a, .cat-chips a,
.hd a:hover, .head a:hover, .logo:hover, .logo:hover *, .topbar a:hover,
.cat-chips a:hover, a.ads_link:hover, footer a:hover{text-decoration:none !important}
.head .wrap{align-items:center !important}

/* добиваем dop-not-p.css/catalog.css у карточек листинга раз и навсегда */
#p_out .block_p, #p_out .block{width:auto !important; float:none !important;
  height:auto !important; position:relative !important; margin:0 !important;
  padding-top:16px !important; border:1px solid var(--line) !important;
  background:var(--surface) !important; border-radius:14px !important}
@media (max-width:900px){
  #p_out .block_p, #p_out .block{margin:0 0 14px !important}
}

/* мобильная симметрия: легаси-паддинги таблицы каталога в ноль */
@media (max-width:860px){
  .table-catalog td.right-td, .table-catalog td.left-td, .page_content{
    padding-left:0 !important; padding-right:0 !important}
}

/* шапка: размеры ровно как на главной */
.head .cta .btn{padding:12px 20px !important; font:700 14.5px/1 var(--font) !important;
  background:var(--brass) !important; color:#211703 !important; border:0 !important;
  border-radius:9px !important; text-decoration:none !important}
.head .cta .btn:hover{background:var(--brass-strong) !important; color:#fff !important}
.hd-search .btn{padding:10px 18px !important; font:700 14px/1 var(--font) !important;
  background:var(--brass) !important; color:#211703 !important; border:0 !important;
  border-radius:9px !important}
.hd-search .btn:hover{background:var(--brass-strong) !important; color:#fff !important}

/* bootstrap form{margin-bottom:10px} смещал капсулу поиска */
form.hd-search, .hd-search{margin:0 !important; padding:4px 4px 4px 14px !important;
  border-width:1.5px !important}
form.mnav-search{margin:0 0 24px !important}

/* кнопки шапки: полная нейтрализация bootstrap-артефактов */
.hd .btn, .head .btn, .hd-search .btn, .head .cta .btn{
  text-shadow:none !important; box-shadow:none !important;
  background-image:none !important; letter-spacing:normal !important;
  line-height:1 !important; vertical-align:middle !important}

/* «Найти»: одна высота везде */
.hd-search .btn{width:86px !important; height:38px !important; padding:0 !important; justify-content:center !important; letter-spacing:normal !important}

/* карточка листинга: без пустого подвала, кнопка по центру блока цены */
#p_out .block_p{padding-bottom:16px !important}
#p_out .block_p .left_block_price{position:relative !important; padding-right:150px !important}
#p_out .block_p a[title*="объявление"]:not(.ads_link){
  position:absolute; right:0; top:50%; bottom:auto; transform:translateY(-50%); margin:0}
@media (max-width:640px){
  #p_out .block_p .left_block_price{padding-right:130px !important}
}

/* цена-бокс: иерархия и ритм */
.obj-side{gap:12px}
.obj-side > p{margin:0}
.obj-meta{border-top:1px solid var(--line-soft); padding-top:14px; gap:7px}
.obj-meta .btn_n, .obj-meta a.btn_url{background:transparent !important; color:var(--brass-strong) !important;
  border:1.5px solid var(--brass) !important; border-radius:9px !important}
.obj-meta .btn_n:hover, .obj-meta a.btn_url:hover{background:var(--brass) !important; color:#211703 !important}
.obj-side a.print{order:99; align-self:center; color:var(--muted) !important;
  font-size:12.5px; margin-top:2px}
.obj-side a.print::before{content:"🖨 "; font-size:13px}
.obj-meta span{white-space:normal}
.obj-meta span .nowrap, .obj-meta .nowrap{white-space:nowrap}

/* мобильная шапка: поиск с воздухом */
@media (max-width:960px){
  .head .wrap{padding-top:10px !important; padding-bottom:12px !important}
  .hd-search{margin:2px 0 0 !important}
}

/* моб: перекос выдачи — легаси margin-left у page_content */
@media (max-width:960px){
  .page_content{margin-left:0 !important; margin-right:0 !important}
}

/* якорь фильтра: полный ноль (легаси давал 2px-точку) */
.inpage .catalog_main{height:0 !important; min-height:0 !important; padding:0 !important;
  border:0 !important; margin:0 !important; background:none !important}

/* моб: компактный низ страницы */
@media (max-width:960px){
  .inpage{padding-bottom:34px !important}
  footer, .foot{margin-top:26px !important}
}

/* цена-бокс: воздух вокруг «Забронировать», телефон менеджера — главный контакт */
.obj-side > p a.btn_url{display:flex; justify-content:center; margin:14px 0 2px}
.obj-meta a.mgr-tel{font:700 15px var(--font); color:var(--ink) !important; text-decoration:none}
.obj-meta a.mgr-tel:hover{color:var(--brass-strong) !important}

/* ── карточка v3: галерея ── */
.gal{margin:0 0 24px}
.gal-hero{position:relative; background:#101418; border-radius:12px; overflow:hidden}
.gal-hero img{display:block; width:100%; height:470px; object-fit:contain; cursor:zoom-in}
.gal-nav{position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border:0; border-radius:50%;
  background:rgba(16,20,24,.55); color:#fff; font:400 26px/1 var(--font); cursor:pointer; padding:0}
.gal-nav:hover{background:var(--brass); color:#211703}
.gal-prev{left:12px} .gal-next{right:12px}
.gal-count{position:absolute; right:12px; bottom:10px; background:rgba(16,20,24,.6); color:#fff;
  font:600 12.5px/1 var(--font); padding:6px 10px; border-radius:999px}
.gal-thumbs{display:flex; gap:8px; margin-top:10px; overflow-x:auto; padding-bottom:4px}
.gal-thumbs button{flex:0 0 auto; width:96px; height:64px; padding:0; border:2px solid transparent; border-radius:9px;
  overflow:hidden; cursor:pointer; background:none; opacity:.72; transition:opacity .15s}
.gal-thumbs button.on{border-color:var(--brass); opacity:1}
.gal-thumbs button:hover{opacity:1}
.gal-thumbs img{width:100%; height:100%; object-fit:cover; display:block}
/* лайтбокс */
.glb{position:fixed; top:0; right:0; bottom:0; left:0; z-index:100001; background:rgba(10,13,16,.94);
  display:none; align-items:center; justify-content:center}
.glb.on{display:flex}
.glb img{max-width:92vw; max-height:90vh; border-radius:6px}
.glb button{position:fixed; border:0; background:rgba(255,255,255,.09); color:#fff; cursor:pointer;
  border-radius:50%; padding:0}
.glb-x{top:16px; right:16px; width:46px; height:46px; font:300 26px/1 var(--font)}
.glb-p,.glb-n{top:50%; transform:translateY(-50%); width:52px; height:52px; font:300 30px/1 var(--font)}
.glb-p{left:14px} .glb-n{right:14px}
.glb button:hover{background:var(--brass); color:#211703}
.glb-c{position:fixed; bottom:16px; left:50%; transform:translateX(-50%); color:#fff; font:600 13px var(--font)}
/* карта внизу карточки */
.obj-main .map_in{height:420px !important; width:auto !important; border-radius:12px; overflow:hidden;
  border:1px solid var(--line); margin-bottom:16px}
/* менеджер внизу цена-бокса */
.obj-call .mgr-tel{margin-top:2px; white-space:nowrap}
/* похожие объекты */
.sim-wrap{margin-top:36px}
.sim-note{color:var(--muted); font-size:13.5px; margin:-8px 0 16px}
.sim-grid .lot .ph i{transform:none}
@media (max-width:960px){
  .gal-hero img{height:300px}
  .gal-thumbs button{width:78px; height:54px}
  .sim-grid{grid-template-columns:1fr}
}

/* ── печать карточки: один лист, без сайтовой обвязки ── */
@media print{
  @page{margin:10mm}
  body{background:#fff !important; color:#000 !important; font-size:11.5px !important; line-height:1.4 !important}
  .head, .top, .topbar, header, footer, .fine, #amon-cc, .glb, .B_crumbBox,
  .sim-wrap, .map_in, .map-h, .gal-thumbs, .gal-nav, .gal-count,
  .obj-side a.btn_url, .obj-side .btn_n, .obj-meta a.btn_url, .obj-side a.print{display:none !important}
  .inpage{padding:0 !important}
  .container{padding:0 !important; max-width:none !important}
  h1, h1.name_cat{font-size:18px !important; margin:0 0 8px !important}
  h3{font-size:13px !important; margin:8px 0 3px !important}
  p{margin:0 0 5px !important}
  .obj-grid{display:block !important}
  .obj-side{position:static !important; background:none !important; border:0 !important;
    box-shadow:none !important; padding:0 0 6px !important; gap:4px !important}
  .obj-side > p{margin:0 !important}
  .obj-side p font{font-size:16px !important}
  .obj-lbl{margin-bottom:2px !important}
  .obj-meta{border-top:0 !important; padding-top:2px !important; gap:2px !important; font-size:11.5px !important}
  .obj-meta b{font-size:12.5px !important}
  .obj-call{border-top:0 !important; padding-top:2px !important; font-size:11.5px !important}
  .obj-call .mgr-tel{font-size:15px !important; margin-top:0 !important}
  .gal{margin:0 0 8px !important}
  .gal-hero{background:none !important; border-radius:0 !important}
  .gal-hero img{height:200px !important; width:auto !important; max-width:100% !important; cursor:default !important}
  .act_osmotra{margin-top:10px !important}
  .act_osmotra h4{font-size:12px !important; font-weight:600 !important; margin:0 !important}
}

/* листинг: строка цены единым стилем, sup не дёргает строку */
#p_out .block_p .left_block_price > p:first-child{font:800 20px/1.3 var(--font) !important; color:var(--ink) !important}
#p_out .block_p .left_block_price > p:first-child font,
#p_out .block_p .left_block_price > p:first-child b{font-size:20px !important; vertical-align:baseline !important; color:var(--ink) !important}
#p_out .block_p sup, .right_block_price sup{line-height:0; font-size:70%}

/* ── хиро-баннер второстепенных страниц (.ph2): графит + латунный неон ── */
.ph2{position:relative; border-radius:14px; overflow:hidden; color:#fff; padding:34px 38px;
  min-height:210px; display:flex; flex-direction:column; justify-content:center;
  margin:2px 0 26px; box-shadow:0 16px 38px rgba(20,24,28,.28)}
.ph2 h1, .ph2 .bt{color:#fff !important; font:800 27px/1.22 var(--font) !important;
  letter-spacing:-.02em; margin:0 0 10px !important; max-width:62%}
.ph2 p{font-size:14px; color:#cfc6b4 !important; line-height:1.55; margin:0; max-width:55%}
/* бегущий световой блик */
.ph2::after{content:""; position:absolute; top:-45%; bottom:-45%; left:-45%; width:36%;
  background:linear-gradient(100deg, rgba(232,196,124,0) 0%, rgba(232,196,124,.18) 42%,
    rgba(255,244,214,.3) 50%, rgba(232,196,124,.18) 58%, rgba(232,196,124,0) 100%);
  transform:skewX(-16deg); filter:blur(7px); mix-blend-mode:screen; pointer-events:none;
  animation:ph2sweep 8.5s ease-in-out infinite}
@keyframes ph2sweep{0%{left:-45%} 46%{left:130%} 100%{left:130%}}
/* дышащая латунная неон-линия по нижней кромке */
.ph2::before{content:""; position:absolute; left:7%; right:7%; bottom:0; height:2px; border-radius:2px;
  background:linear-gradient(90deg, rgba(214,166,74,0), rgba(232,196,124,.95), rgba(214,166,74,0));
  box-shadow:0 0 10px 2px rgba(214,166,74,.45), 0 0 26px 6px rgba(214,166,74,.2);
  pointer-events:none; animation:ph2neon 4.6s ease-in-out infinite}
@keyframes ph2neon{0%,100%{opacity:.3} 50%{opacity:.95}}
@media (max-width:760px){
  .ph2{padding:22px 24px; min-height:170px}
  .ph2 h1, .ph2 .bt{font-size:20px !important; max-width:88%}
  .ph2 p{max-width:88%; font-size:13px}
}
@media (prefers-reduced-motion:reduce){ .ph2::before, .ph2::after{animation:none; opacity:.3} }