/* Стили карточки объекта: перенесены из page/ad.php, подключаются в через $tg_page_styles */ .tj-blog-details { font-family: sans-serif; } .sum { font-weight: 600; font-size: 22px; display: flex !important; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; gap: 15px; } .sum_m { font: 400 14px / 18px sans-serif; color: #738295; } .prop_select { background-color: #f2f4f6; color: #000; padding-top: 45px; } .prop_main { background-color: #fff; border-radius: 14px; padding: 25px; } .prop_h1 { color: #19314B; font-size: 30px; } .prop_h3 { color: #19314B; font-size: 22px; margin-top: 20px; } .prop_card { border: 0; background-color: #fff; border-radius: 14px; } .prop_span { font-size: 15px; color: #888; } .prop_butt { height: 50px; background-color: #19314B; border: 0; } .prop_butt:hover { height: 50px; background-color: #112235; border: 0; } .prop_row { row-gap: 5px; } .prop_img { background:#f2f4f6;width:48px;height:48px; } .prop_icon { font-size:22px;color:#738295; } .prop_how { width: 110px; } .prop_ho { line-height: 14px; font-size: 12px; color: #19314B; margin-bottom: 5px; } .prop_znac { font-weight: 500; line-height: 14px; font-size: 16px; color: #19314B; } .cLJS7 { width: 24px; height: 24px; } .cLJS71 { width: 18px; height: 18px; } .prop_slid { position:relative; overflow:hidden; } .prop_slid_pr { left:10px;z-index:2;position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:none;border-radius:50%;width:38px;height:38px;box-shadow:0 2px 8px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center; } .prop_slid_imgg { display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0 10px 0; } .prop_slid_ft { flex:0 0 70%;max-width:70%;min-width:320px;cursor:pointer;position:relative; } .prop_slid_imft { width:100%;height:430px;object-fit:cover;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,0.07); } .prop_slid_nx { right:10px;z-index:2;position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:none;border-radius:50%;width:38px;height:38px;box-shadow:0 2px 8px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center; } #customLightbox { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.95); align-items: center; justify-content: center; flex-direction: column; } #customLightboxThumbs { display: flex; gap: 8px; overflow-x: auto; justify-content: center; margin-top: 18px; padding-bottom: 8px; scrollbar-width: none; justify-content: flex-start; } #customLightboxThumbs::-webkit-scrollbar { display: none; } .gallery-modal-thumb { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; cursor: pointer; border: 2px solid #fff; transition: border 0.2s; } .gallery-modal-thumb.active { border: 2px solid #19314B; } .custom-lightbox-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: #fff; border: none; border-radius: 50%; width: 48px; height: 48px; font-size: 28px; color: #19314B; z-index: 10; opacity: 0.85; display: flex; align-items: center; justify-content: center; transition: background 0.2s; } .custom-lightbox-arrow:hover { background: #f0f0f0; } .custom-lightbox-arrow.left { left: 30px; } .custom-lightbox-arrow.right { right: 30px; } #customLightboxImg { max-width: 90vw; max-height: 70vh; display: block; margin: auto; border-radius: 12px; } .consent-check { display: flex; align-items: flex-start; gap: 10px; } .consent-check .form-check-input { margin-top: 0.2rem; flex: 0 0 auto; } .consent-label { margin-bottom: 0; line-height: 1.35; } .consent-links { display: inline; } @media (max-width: 375px) { .prop_how { width: 87px; } .prop_h1 { font-size: 18px; } .prop_slid_imft { height: 214px; } .custom-lightbox-arrow { top: 45%; } .desc { height: auto; } } @media (max-width: 575px) { .prop_select { padding-top: 0; } .prop_h1 { font-size: 18px; } .prop_slid_imft { height: 230px; } .custom-lightbox-arrow { top: 46%; } .desc { height: auto; } } /* Блок «Похожие объекты» на карточке объекта */ .similar-ads-title { margin: 10px 0 20px; } .similar-ads-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .similar-ads-grid > a { display: block; height: 100%; color: inherit; text-decoration: none; } .similar-ads-grid .blog-standard-item { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid #e3d7cc; border-radius: 10px; background: #ffffff; transition: box-shadow 0.3s; } .similar-ads-grid > a:hover .blog-standard-item { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .similar-ads-grid .post-thumb-image { height: 190px; background-color: #e9e4df; background-position: center; background-size: cover; } .similar-ads-grid .desc { display: flex; flex: 1 1 auto; flex-direction: column; gap: 8px; } .similar-ads-grid .property-headline { color: #19314B; font-size: 16px; line-height: 1.35; } .similar-ads-grid .property-facts { color: #8c7d70; font-size: 15px; } .similar-ads-grid .adres { margin: 0; font-size: 14px; line-height: 1.4; } @media (max-width: 991px) { .similar-ads-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 575px) { .similar-ads-grid { grid-template-columns: 1fr; } } /* Фото в «Похожих объектах» — вместо фона: не грузится, пока блок далеко */ .similar-ads-grid .post-thumb-image { position: relative; } .similar-ads-grid .post-thumb-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .similar-ads-grid .post-thumb-image .date { z-index: 1; }