/* «All lofts» page (/lofty): the list without a map. Card skin mirrors catalog_v2.css under #lofts_all. */
#lofts_all {--c2-ink: #1D1D1F; --c2-muted: #6B7280; --c2-line: #E9EBF0; --c2-bg: #F5F6F8; --c2-red: #EB3752; background: #fff; padding-top: 64px;}
#lofts_all * {box-sizing: border-box;}
.lofts_all_wrap {max-width: 1320px; margin: 0 auto; padding: 28px 24px 48px;}
.lofts_all_wrap > h1 {font-size: 34px; font-weight: 800; letter-spacing: -.01em; line-height: 1.15; margin: 0 0 10px; color: var(--c2-ink);}
.lofts_all_head {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;}
.lofts_all_count {font-size: 15px; font-weight: 500; color: var(--c2-muted);}
.lofts_all_count a {color: var(--c2-red); text-decoration: none;}
.lofts_all_sorts {display: flex; flex-wrap: wrap; gap: 8px;}
.lofts_all_sort {display: inline-block; padding: 8px 14px; border: 1px solid var(--c2-line); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--c2-ink); text-decoration: none; background: #fff; white-space: nowrap;}
.lofts_all_sort:hover {border-color: var(--c2-ink); color: var(--c2-ink);}
.lofts_all_sort.active {background: var(--c2-ink); border-color: var(--c2-ink); color: #fff;}
#lofts_all .catalog_items_flex {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 22px 0 28px;}
.lofts_all_shown {text-align: center; font-size: 13px; color: var(--c2-muted); margin: -16px 0 32px;}
#lofts_all .btn_lazyload {display: flex; align-items: center; text-decoration: none; cursor: pointer;}
#lofts_all .lead_form {max-width: 720px; margin: 8px auto 0;}
#lofts_all .breadcrumbs {margin-bottom: 14px; align-items: center;}
#lofts_all .breadcrumbs_sep {position: static; display: inline-flex; align-items: center; height: auto; margin: 0 8px; color: #B0B5BC;}
#lofts_all .breadcrumbs_sep_icon {position: static; font-size: 9px; line-height: 1;}
#lofts_all .breadcrumbs > div {display: inline-flex; align-items: center;}
#lofts_all .catalog_items_flex > .catalog_item {width: auto; float: none; padding: 0; min-width: 0;}
#lofts_all .catalog_items_flex > .catalog_item .catalog_wrap {margin: 0 !important; height: 100%; padding: 10px 10px 16px; border: 1px solid var(--c2-line); border-radius: 18px; background: #fff; transition: box-shadow .2s, transform .2s, border-color .2s;}
#lofts_all .catalog_item:hover .catalog_wrap {border-color: #DADEE6; box-shadow: 0 12px 32px rgba(17, 24, 39, .10); transform: translateY(-2px);}
#lofts_all .catalog_photo {border-radius: 12px;}
#lofts_all .catalog_item_video {right: 10px; top: 10px; opacity: .9;}
#lofts_all .catalog_subs {margin: 12px 4px 0; align-items: center;}
#lofts_all .catalog_subway {font-size: 11px; font-weight: 600; letter-spacing: .04em; color: var(--c2-muted); padding: 3px 8px; border-radius: 6px; background: var(--c2-bg);}
#lofts_all .catalog_subs .place_rating_list {margin-left: 10px;}
#lofts_all .catalog_subs .block_rating_count i {color: #F5A623; font-size: 13px; margin-right: 4px;}
#lofts_all .catalog_subs .place_rating {font-size: 13px !important; color: var(--c2-ink) !important; font-weight: 600 !important;}
#lofts_all .catalog_item_title {display: block; margin: 8px 4px 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--c2-ink);}
#lofts_all .catalog_item_title:hover {color: var(--c2-red);}
#lofts_all .catalog_price {margin: 0 4px; padding: 6px 0 8px; font-size: 13px; font-weight: 500; color: var(--c2-muted);}
#lofts_all .catalog_price span {font-size: 18px; font-weight: 800; color: var(--c2-ink); letter-spacing: -.01em; margin-right: 2px;}
#lofts_all .catalog_info {margin: 0 4px; gap: 4px 14px;}
#lofts_all .catalog_info_item {margin: 0; height: auto;}
#lofts_all .catalog_info_item i {color: #9AA0A6; font-size: 14px !important; margin-right: 6px; top: 0;}
#lofts_all .catalog_info_item span {font-size: 13px; color: var(--c2-muted); line-height: 20px;}
#lofts_all .catalog_photo_button {background: rgba(255,255,255,.92); box-shadow: 0 2px 8px rgba(0,0,0,.18);}
#lofts_all .btn_lazyload {width: 100%; max-width: 360px; height: 52px; margin: 0 auto 36px; justify-content: center; border: 1px solid var(--c2-ink); border-radius: 14px; background: #fff; color: var(--c2-ink); font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0;}
#lofts_all .btn_lazyload .icon {font-size: 11px; margin-right: 10px; color: var(--c2-ink);}
#lofts_all .btn_lazyload:hover {background: var(--c2-bg); color: var(--c2-ink);}
#lofts_all .lead_form {max-width: none; margin: 8px 0 28px; padding: 28px 28px 24px;}
#lofts_all .lead_form_sub {max-width: 460px;}
@media (max-width: 1200px) {#lofts_all .catalog_items_flex {grid-template-columns: repeat(3, minmax(0, 1fr));}}
@media (max-width: 900px) {#lofts_all .catalog_items_flex {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;} .lofts_all_wrap > h1 {font-size: 26px;} .lofts_all_sorts {flex-wrap: nowrap; overflow-x: auto; width: 100%; padding-bottom: 4px; -webkit-overflow-scrolling: touch;}}
@media (max-width: 600px) {#lofts_all .catalog_items_flex {grid-template-columns: 1fr;} .lofts_all_wrap {padding: 20px 16px 40px;}}