/* ========================================================= DOMOSTROY.UZ — CLEAN MOBILE HOME Основа: утвержденный визуал Исключение: категории 3 x 2 ========================================================= */ @media (max-width:700px){ body{ background:#f4f7fb !important; overflow-x:hidden !important; padding-bottom:70px !important; } /* ===================================================== РЕКЛАМА ===================================================== */ section.ad-carousel{ box-sizing:border-box !important; width:calc(100% - 38px) !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:3.74 / 1 !important; margin:8px 19px 9px !important; padding:0 !important; border-radius:19px !important; overflow:hidden !important; } .ad-carousel .ad-track, .ad-carousel .ad-slide{ width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; } .ad-carousel .ad-slide{ box-sizing:border-box !important; padding:13px 19px !important; border-radius:19px !important; } .ad-carousel .ad-slide > span:first-child{ font-size:9px !important; line-height:11px !important; } .ad-carousel .ad-slide h1, .ad-carousel .ad-slide h2, .ad-carousel .ad-slide h3, .ad-carousel .ad-slide strong{ max-width:60% !important; margin:3px 0 5px !important; font-size:18px !important; line-height:20px !important; font-weight:800 !important; } .ad-carousel .ad-slide p{ max-width:60% !important; margin:0 !important; font-size:11px !important; line-height:14px !important; } .ad-carousel .banner-machine{ position:absolute !important; right:5px !important; bottom:0 !important; width:auto !important; height:auto !important; max-width:49% !important; max-height:96% !important; object-fit:contain !important; } .ad-carousel .ad-dots{ bottom:5px !important; } /* ===================================================== КАТЕГОРИИ Реальная структура: a > .cat-icon + .cat-copy Оставляем 3 x 2 ===================================================== */ .ad-carousel + section{ box-sizing:border-box !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; width:calc(100% - 38px) !important; margin:8px 19px 15px !important; padding:0 !important; gap:7px !important; } .ad-carousel + section > a{ box-sizing:border-box !important; width:100% !important; min-width:0 !important; height:65px !important; min-height:65px !important; max-height:65px !important; margin:0 !important; padding:5px 4px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px !important; border-radius:12px !important; text-align:center !important; overflow:hidden !important; } .ad-carousel + section .cat-icon{ flex:none !important; width:24px !important; height:24px !important; min-width:24px !important; min-height:24px !important; margin:0 auto 2px !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; } .ad-carousel + section .cat-icon svg, .ad-carousel + section .cat-icon img{ display:block !important; width:24px !important; height:24px !important; max-width:24px !important; max-height:24px !important; margin:0 !important; } .ad-carousel + section .cat-copy{ display:block !important; box-sizing:border-box !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; text-align:center !important; } .ad-carousel + section .cat-copy b{ display:-webkit-box !important; width:100% !important; margin:0 !important; padding:0 !important; color:#14243d !important; font-size:10px !important; line-height:11px !important; font-weight:700 !important; text-align:center !important; white-space:normal !important; word-break:normal !important; overflow-wrap:normal !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } .ad-carousel + section .cat-copy > span{ display:none !important; } /* ===================================================== СВЕЖИЕ ОБЪЯВЛЕНИЯ ===================================================== */ section.feed{ box-sizing:border-box !important; width:calc(100% - 38px) !important; margin:0 19px !important; padding:0 0 75px !important; } .feed-head{ box-sizing:border-box !important; width:100% !important; min-height:34px !important; margin:0 0 8px !important; padding:0 !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; flex-wrap:nowrap !important; } .feed-head b{ display:block !important; flex:1 1 auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; color:#14243d !important; font-size:20px !important; line-height:24px !important; font-weight:800 !important; white-space:nowrap !important; } .feed-head a{ display:block !important; flex:0 0 auto !important; margin:0 !important; padding:0 !important; color:#0876b7 !important; font-size:13px !important; line-height:18px !important; font-weight:400 !important; white-space:nowrap !important; text-decoration:none !important; } /* ===================================================== СЕТКА: ДВЕ КАРТОЧКИ В РЯД ===================================================== */ #homeListings{ box-sizing:border-box !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; gap:8px !important; } #homeListings > *{ position:relative !important; box-sizing:border-box !important; width:100% !important; min-width:0 !important; max-width:none !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:12px !important; background:#fff !important; box-shadow:0 2px 7px rgba(25,50,75,.06) !important; } /* ===================================================== ФОТО Не фиксированные 180px. Пропорция ~1.62 : 1. На двух карточках это даёт широкое фото и нормально работает с вертикальными снимками телефона. ===================================================== */ #homeListings > * > :first-child{ position:relative !important; box-sizing:border-box !important; display:block !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:1.62 / 1 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:12px 12px 0 0 !important; background:#edf3f7 !important; } #homeListings > * > :first-child img{ display:block !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center !important; } /* ===================================================== ИНФОРМАЦИЯ КАРТОЧКИ ===================================================== */ #homeListings .listing-info, #homeListings > * > :last-child{ position:relative !important; box-sizing:border-box !important; width:100% !important; height:67px !important; min-height:67px !important; max-height:67px !important; margin:0 !important; padding:5px 7px 6px !important; background:#fff !important; } #homeListings .listing-info b{ display:block !important; width:calc(100% - 2px) !important; margin:0 0 1px !important; padding:0 !important; color:#10294a !important; font-size:14px !important; line-height:16px !important; font-weight:800 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #homeListings .listing-info small{ display:block !important; margin:0 !important; padding:0 !important; color:#8b949e !important; font-size:9px !important; line-height:12px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } /* Цена — больше не режем padding-right:70px */ #homeListings .listing-info strong{ display:block !important; max-width:calc(100% - 54px) !important; margin:2px 0 0 !important; padding:0 !important; color:#f26300 !important; font-size:14px !important; line-height:16px !important; font-weight:800 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #homeListings .listing-info small:last-child{ position:absolute !important; right:7px !important; bottom:6px !important; width:auto !important; max-width:52px !important; margin:0 !important; padding:0 !important; font-size:8px !important; line-height:10px !important; text-align:right !important; } /* ===================================================== СЕРДЦЕ ===================================================== */ #homeListings .real-heart{ position:absolute !important; top:6px !important; right:6px !important; left:auto !important; bottom:auto !important; z-index:30 !important; width:27px !important; height:27px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#fff !important; box-shadow:0 1px 4px rgba(0,0,0,.12) !important; } /* ===================================================== НИЖНЯЯ ПАНЕЛЬ ===================================================== */ nav.bottom-nav{ box-sizing:border-box !important; height:66px !important; min-height:66px !important; display:grid !important; grid-template-columns:repeat(5,1fr) !important; padding:0 !important; background:#fff !important; } nav.bottom-nav > a, nav.bottom-nav > a.post{ box-sizing:border-box !important; width:100% !important; height:66px !important; min-height:66px !important; margin:0 !important; padding:6px 2px 4px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:3px !important; position:relative !important; transform:none !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } nav.bottom-nav > a span, nav.bottom-nav > a.post span{ display:block !important; position:static !important; margin:0 !important; padding:0 !important; transform:none !important; font-size:11px !important; line-height:13px !important; font-weight:600 !important; white-space:nowrap !important; } /* Разместить */ nav.bottom-nav > a.post{ font-size:0 !important; } nav.bottom-nav > a.post::before{ content:"+" !important; position:static !important; box-sizing:border-box !important; width:27px !important; height:27px !important; min-width:27px !important; min-height:27px !important; margin:0 !important; padding:0 0 2px !important; display:flex !important; align-items:center !important; justify-content:center !important; transform:none !important; border-radius:50% !important; background:#ff7900 !important; color:#fff !important; font-size:22px !important; line-height:27px !important; font-weight:300 !important; box-shadow:none !important; } /* Профиль — чистый контур */ nav.bottom-nav > a:last-child{ font-size:0 !important; } nav.bottom-nav > a:last-child::before{ content:"" !important; display:block !important; flex:none !important; width:23px !important; height:23px !important; margin:0 !important; padding:0 !important; background-repeat:no-repeat !important; background-position:center !important; background-size:23px 23px !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='3.25' fill='none' stroke='%237b8794' stroke-width='1.7'/%3E%3Cpath d='M5.5 20c.4-4 2.75-6.25 6.5-6.25S18.1 16 18.5 20' fill='none' stroke='%237b8794' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") !important; } nav.bottom-nav > a:last-child span{ display:block !important; color:#7b8794 !important; } } /* ====================================================== DOMOSTROY — PRECISION PATCH 1655 cards + categories + bottom nav only ====================================================== */ @media (max-width:700px){ /* ---------- КАТЕГОРИИ: реальные .cats ---------- */ .cats{ box-sizing:border-box !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; width:calc(100% - 24px) !important; margin:8px 12px 14px !important; padding:0 !important; gap:7px !important; } .cats > a{ box-sizing:border-box !important; width:100% !important; min-width:0 !important; height:58px !important; min-height:58px !important; max-height:58px !important; margin:0 !important; padding:5px 4px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px !important; border-radius:12px !important; overflow:hidden !important; text-align:center !important; } .cats > a .cat-icon{ flex:0 0 22px !important; width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; margin:0 auto 2px !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; } .cats > a .cat-icon svg, .cats > a .cat-icon img{ display:block !important; width:22px !important; height:22px !important; max-width:22px !important; max-height:22px !important; margin:0 !important; padding:0 !important; } .cats > a .cat-copy{ display:block !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; text-align:center !important; } .cats > a .cat-copy b{ display:-webkit-box !important; width:100% !important; margin:0 !important; padding:0 !important; color:#14243d !important; font-size:9.5px !important; line-height:10.5px !important; font-weight:700 !important; text-align:center !important; white-space:normal !important; word-break:normal !important; overflow-wrap:normal !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } .cats > a .cat-copy > span{ display:none !important; } /* ---------- БЛОК ОБЪЯВЛЕНИЙ ---------- */ section.feed{ box-sizing:border-box !important; width:calc(100% - 24px) !important; margin:0 12px !important; padding:0 0 72px !important; } .feed-head{ width:100% !important; margin:0 0 7px !important; padding:0 !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; flex-wrap:nowrap !important; gap:6px !important; } .feed-head b{ flex:1 1 auto !important; margin:0 !important; padding:0 !important; font-size:19px !important; line-height:23px !important; font-weight:800 !important; white-space:nowrap !important; } .feed-head a{ flex:0 0 auto !important; margin:0 !important; padding:0 !important; font-size:12.5px !important; line-height:18px !important; white-space:nowrap !important; } /* ---------- ДВЕ КАРТОЧКИ В РЯД ---------- */ #homeListings{ box-sizing:border-box !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; margin:0 !important; padding:0 !important; gap:8px !important; } #homeListings > *{ position:relative !important; box-sizing:border-box !important; width:100% !important; min-width:0 !important; max-width:none !important; height:auto !important; margin:0 !important; padding:0 !important; border-radius:12px !important; overflow:hidden !important; background:#fff !important; } /* ---------- ФОТО ---------- На твоём телефоне получится примерно 175–185 px физических пикселей по высоте. */ #homeListings > * > :first-child{ box-sizing:border-box !important; display:block !important; width:100% !important; height:clamp(96px,26vw,112px) !important; min-height:clamp(96px,26vw,112px) !important; max-height:clamp(96px,26vw,112px) !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:12px 12px 0 0 !important; background:#edf3f7 !important; } #homeListings > * > img:first-child{ object-fit:cover !important; object-position:center !important; } #homeListings > * > :first-child img{ display:block !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center !important; } /* ---------- НИЖНЯЯ ЧАСТЬ КАРТОЧКИ ---------- */ #homeListings .listing-info{ position:static !important; box-sizing:border-box !important; width:100% !important; height:54px !important; min-height:54px !important; max-height:54px !important; margin:0 !important; padding:4px 7px 5px !important; } #homeListings .listing-info b{ display:block !important; margin:0 0 1px !important; padding:0 !important; color:#112947 !important; font-size:13px !important; line-height:15px !important; font-weight:800 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #homeListings .listing-info small{ display:block !important; margin:0 !important; padding:0 !important; color:#8b949e !important; font-size:8.5px !important; line-height:10px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #homeListings .listing-info strong{ display:block !important; max-width:calc(100% - 47px) !important; margin:1px 0 0 !important; padding:0 !important; color:#f26300 !important; font-size:13.5px !important; line-height:15px !important; font-weight:800 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #homeListings .listing-info small:last-child{ position:absolute !important; right:7px !important; bottom:5px !important; width:auto !important; max-width:49px !important; margin:0 !important; padding:0 !important; font-size:7.8px !important; line-height:9px !important; text-align:right !important; } /* ---------- СЕРДЦЕ НА ФОТО ---------- */ #homeListings .real-heart{ position:absolute !important; top:6px !important; right:6px !important; left:auto !important; bottom:auto !important; z-index:40 !important; width:26px !important; height:26px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#fff !important; box-shadow:0 1px 4px rgba(0,0,0,.12) !important; } /* ---------- НИЖНЕЕ МЕНЮ ---------- Убиваем старый translateY(39px) окончательно */ nav.bottom-nav > a.post, nav.bottom-nav > a.post span{ transform:none !important; } nav.bottom-nav > a.post span{ display:block !important; position:static !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; opacity:1 !important; visibility:visible !important; font-size:10px !important; line-height:11px !important; font-weight:600 !important; white-space:nowrap !important; } nav.bottom-nav > a.post::before{ width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; margin:0 0 2px !important; padding:0 0 1px !important; font-size:18px !important; line-height:22px !important; } /* профиль чуть аккуратнее */ nav.bottom-nav > a:last-child::before{ width:21px !important; height:21px !important; background-size:21px 21px !important; } nav.bottom-nav > a:last-child span{ font-size:10px !important; line-height:11px !important; } } /* ===== END PRECISION PATCH 1655 ===== */ /* ========================================================= DOMOSTROY EXACT ELEMENT PATCH 1713 ========================================================= */ @media (max-width:700px){ /* ========================= 1. РЕКЛАМНЫЙ КРАН Реальный элемент: .ad-slide > strong ========================= */ .ad-carousel .ad-slide > strong{ position:absolute !important; right:18px !important; top:50% !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; transform:translateY(-50%) !important; font-size:42px !important; line-height:1 !important; font-weight:400 !important; z-index:4 !important; } /* текст внутри рекламного слайда */ .ad-carousel .ad-slide > div b{ display:block !important; max-width:64% !important; margin:2px 0 5px !important; font-size:18px !important; line-height:19px !important; font-weight:800 !important; } .ad-carousel .ad-slide > div span{ display:block !important; max-width:68% !important; font-size:11px !important; line-height:14px !important; } /* ================================================= 2. КАТЕГОРИИ — 3 x 2 Принудительно иконка СВЕРХ, текст СНИЗУ ================================================= */ .cats.home-cats{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; width:calc(100% - 38px) !important; margin:8px 19px 14px !important; padding:0 !important; gap:7px !important; } .cats.home-cats > a{ box-sizing:border-box !important; display:grid !important; grid-template-columns:1fr !important; grid-template-rows:20px auto !important; align-items:center !important; justify-items:center !important; align-content:center !important; width:100% !important; min-width:0 !important; height:54px !important; min-height:54px !important; max-height:54px !important; margin:0 !important; padding:5px 3px !important; gap:2px !important; border-radius:12px !important; overflow:hidden !important; text-align:center !important; } .cats.home-cats > a > .cat-icon{ grid-column:1 !important; grid-row:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; width:19px !important; height:19px !important; min-width:19px !important; min-height:19px !important; margin:0 !important; padding:0 !important; } .cats.home-cats > a > .cat-icon svg, .cats.home-cats > a > .cat-icon img{ display:block !important; width:19px !important; height:19px !important; max-width:19px !important; max-height:19px !important; margin:0 !important; padding:0 !important; } .cats.home-cats > a > .cat-copy{ grid-column:1 !important; grid-row:2 !important; display:block !important; box-sizing:border-box !important; width:100% !important; min-width:0 !important; margin:0 !important; padding:0 2px !important; text-align:center !important; } .cats.home-cats > a > .cat-copy b{ display:-webkit-box !important; width:100% !important; margin:0 !important; padding:0 !important; color:#14243d !important; font-size:8.7px !important; line-height:9.5px !important; font-weight:700 !important; text-align:center !important; white-space:normal !important; word-break:normal !important; overflow-wrap:normal !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } .cats.home-cats > a > .cat-copy span{ display:none !important; } /* ================================================= 3. ЗАГОЛОВОК ЛЕНТЫ ================================================= */ .feed-head{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:space-between !important; min-height:30px !important; margin:0 0 7px !important; padding:0 !important; gap:8px !important; } .feed-head > b{ flex:1 1 auto !important; margin:0 !important; padding:0 !important; font-size:17px !important; line-height:20px !important; font-weight:800 !important; white-space:nowrap !important; } .feed-head > a{ flex:0 0 auto !important; margin:0 !important; padding:0 !important; font-size:11px !important; line-height:16px !important; white-space:nowrap !important; } /* ================================================= 4. КАРТОЧКИ — ДВЕ В РЯД ================================================= */ #homeListings{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; margin:0 !important; padding:0 !important; gap:8px !important; } #homeListings > article{ position:relative !important; box-sizing:border-box !important; width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:12px !important; background:#fff !important; box-shadow:0 2px 7px rgba(25,50,75,.06) !important; } /* ================================================= 5. ФОТО Реальный контейнер: .pic Соотношение ≈ 1.72 : 1. Это компромисс для вертикальных фото телефона. ================================================= */ #homeListings > article > .pic{ position:relative !important; box-sizing:border-box !important; display:block !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:1.72 / 1 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:12px 12px 0 0 !important; background:#edf3f7 !important; } #homeListings > article > .pic > img{ display:block !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; } /* ================================================= 6. СЕРДЦЕ ================================================= */ #homeListings > article .real-heart{ position:absolute !important; top:6px !important; right:6px !important; bottom:auto !important; left:auto !important; z-index:50 !important; width:25px !important; height:25px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#fff !important; box-shadow:0 1px 4px rgba(0,0,0,.12) !important; } /* ================================================= 7. ТЕКСТ КАРТОЧКИ ================================================= */ #homeListings > article > .listing-info{ position:relative !important; box-sizing:border-box !important; width:100% !important; height:48px !important; min-height:48px !important; max-height:48px !important; margin:0 !important; padding:4px 7px !important; background:#fff !important; } #homeListings .listing-info b{ display:block !important; margin:0 0 1px !important; padding:0 !important; color:#112947 !important; font-size:12px !important; line-height:13px !important; font-weight:800 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #homeListings .listing-info small{ display:block !important; margin:0 !important; padding:0 !important; color:#8b949e !important; font-size:7.8px !important; line-height:9px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #homeListings .listing-info strong{ display:block !important; max-width:calc(100% - 48px) !important; margin:1px 0 0 !important; padding:0 !important; color:#f26300 !important; font-size:12px !important; line-height:13px !important; font-weight:800 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #homeListings .listing-info small:last-child{ position:absolute !important; right:7px !important; bottom:5px !important; width:auto !important; max-width:47px !important; margin:0 !important; padding:0 !important; font-size:7px !important; line-height:8px !important; text-align:right !important; } /* ================================================= 8. НИЖНЕЕ МЕНЮ Теперь все 5 пунктов одинаковой высоты. ================================================= */ nav.bottom-nav{ height:54px !important; min-height:54px !important; padding:0 !important; } nav.bottom-nav > a{ position:relative !important; box-sizing:border-box !important; height:54px !important; min-height:54px !important; margin:0 !important; padding:5px 2px 4px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px !important; transform:none !important; } nav.bottom-nav > a span{ position:static !important; margin:0 !important; padding:0 !important; transform:none !important; font-size:9px !important; line-height:10px !important; white-space:nowrap !important; } /* Разместить — жёстко фиксируем иконку и подпись */ nav.bottom-nav > a.post{ position:relative !important; transform:none !important; justify-content:center !important; } nav.bottom-nav > a.post::before{ position:absolute !important; top:7px !important; left:50% !important; width:21px !important; height:21px !important; min-width:21px !important; min-height:21px !important; margin:0 !important; padding:0 0 1px !important; transform:translateX(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#ff7900 !important; color:#fff !important; font-size:17px !important; line-height:21px !important; } nav.bottom-nav > a.post span{ position:absolute !important; left:50% !important; bottom:5px !important; top:auto !important; right:auto !important; display:block !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; transform:translateX(-50%) !important; opacity:1 !important; visibility:visible !important; font-size:9px !important; line-height:10px !important; font-weight:600 !important; white-space:nowrap !important; } /* профиль */ nav.bottom-nav > a:last-child::before{ width:19px !important; height:19px !important; background-size:19px 19px !important; } } /* ===== END EXACT ELEMENT PATCH 1713 ===== */ /* ===================================================== DOMOSTROY — SURGICAL FIX 1715 categories are LOCKED ===================================================== */ @media (max-width:700px){ /* ================== БАННЕР ================== */ section.ad-carousel .ad-slide{ box-sizing:border-box !important; display:flex !important; align-items:center !important; padding:9px 18px !important; overflow:hidden !important; } /* полностью убираем старые смещения текста */ section.ad-carousel .ad-slide > div{ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; width:66% !important; max-width:66% !important; height:auto !important; margin:0 !important; padding:0 !important; overflow:visible !important; } section.ad-carousel .ad-slide > div small{ display:block !important; margin:0 0 2px !important; font-size:8px !important; line-height:9px !important; } section.ad-carousel .ad-slide > div b{ display:block !important; width:100% !important; max-width:100% !important; margin:0 0 4px !important; font-size:16px !important; line-height:17px !important; font-weight:800 !important; } section.ad-carousel .ad-slide > div span{ display:block !important; width:100% !important; max-width:100% !important; margin:0 !important; font-size:9.5px !important; line-height:11px !important; } /* кнопка первого рекламного слайда */ section.ad-carousel .ad-order-btn{ display:inline-flex !important; align-items:center !important; margin-top:5px !important; padding:4px 9px !important; border-radius:8px !important; font-size:9px !important; line-height:11px !important; font-weight:700 !important; } /* подпись возле кнопки */ section.ad-carousel .ad-slide em{ margin-left:5px !important; font-size:8px !important; line-height:10px !important; } /* кран справа */ section.ad-carousel .ad-slide > strong{ position:absolute !important; right:18px !important; top:50% !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; transform:translateY(-50%) !important; font-size:36px !important; line-height:1 !important; } /* ===================================================== КАРТОЧКА Ширину НЕ меняем. Меняем только реальный контейнер фотографии .pic ===================================================== */ html body section.feed #homeListings > article > .pic{ position:relative !important; box-sizing:border-box !important; width:100% !important; /* широкое и невысокое фото */ height:calc((100vw - 32px) / 3.55) !important; min-height:0 !important; max-height:108px !important; aspect-ratio:auto !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:12px 12px 0 0 !important; } html body section.feed #homeListings > article > .pic > img{ display:block !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; } /* нижняя часть карточки */ html body section.feed #homeListings > article > .listing-info{ box-sizing:border-box !important; height:50px !important; min-height:50px !important; max-height:50px !important; padding:4px 7px 5px !important; } /* ===================================================== НИЖНЕЕ МЕНЮ ===================================================== */ nav.bottom-nav{ height:58px !important; min-height:58px !important; overflow:visible !important; } nav.bottom-nav > a{ box-sizing:border-box !important; height:58px !important; min-height:58px !important; padding:5px 2px 4px !important; overflow:visible !important; transform:none !important; } /* ---------- РАЗМЕСТИТЬ ---------- */ nav.bottom-nav > a.post{ position:relative !important; height:58px !important; font-size:0 !important; transform:none !important; overflow:visible !important; } nav.bottom-nav > a.post::before{ content:"+" !important; position:absolute !important; top:5px !important; left:50% !important; width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; margin:0 !important; padding:0 0 1px !important; transform:translateX(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#ff7900 !important; color:#fff !important; font-size:18px !important; line-height:22px !important; font-weight:300 !important; z-index:20 !important; } nav.bottom-nav > a.post span{ display:block !important; position:absolute !important; left:50% !important; bottom:5px !important; top:auto !important; right:auto !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; transform:translateX(-50%) !important; color:#394457 !important; opacity:1 !important; visibility:visible !important; font-size:9px !important; line-height:10px !important; font-weight:600 !important; white-space:nowrap !important; z-index:30 !important; } /* ---------- ПРОФИЛЬ ---------- */ nav.bottom-nav > a:last-child{ box-sizing:border-box !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; height:58px !important; gap:3px !important; padding:5px 2px 4px !important; font-size:0 !important; transform:none !important; overflow:visible !important; } nav.bottom-nav > a:last-child::before{ content:"" !important; position:static !important; display:block !important; flex:none !important; width:20px !important; height:20px !important; margin:0 !important; padding:0 !important; background-size:20px 20px !important; background-position:center !important; background-repeat:no-repeat !important; } nav.bottom-nav > a:last-child span{ display:block !important; position:static !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; transform:none !important; color:#7b8794 !important; opacity:1 !important; visibility:visible !important; font-size:9px !important; line-height:10px !important; font-weight:600 !important; white-space:nowrap !important; } } /* ===== END SURGICAL FIX 1715 ===== */ /* ===================================================== DOMOSTROY — SURGICAL FIX 1715 categories are LOCKED ===================================================== */ @media (max-width:700px){ /* ================== БАННЕР ================== */ section.ad-carousel .ad-slide{ box-sizing:border-box !important; display:flex !important; align-items:center !important; padding:9px 18px !important; overflow:hidden !important; } /* полностью убираем старые смещения текста */ section.ad-carousel .ad-slide > div{ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; width:66% !important; max-width:66% !important; height:auto !important; margin:0 !important; padding:0 !important; overflow:visible !important; } section.ad-carousel .ad-slide > div small{ display:block !important; margin:0 0 2px !important; font-size:8px !important; line-height:9px !important; } section.ad-carousel .ad-slide > div b{ display:block !important; width:100% !important; max-width:100% !important; margin:0 0 4px !important; font-size:16px !important; line-height:17px !important; font-weight:800 !important; } section.ad-carousel .ad-slide > div span{ display:block !important; width:100% !important; max-width:100% !important; margin:0 !important; font-size:9.5px !important; line-height:11px !important; } /* кнопка первого рекламного слайда */ section.ad-carousel .ad-order-btn{ display:inline-flex !important; align-items:center !important; margin-top:5px !important; padding:4px 9px !important; border-radius:8px !important; font-size:9px !important; line-height:11px !important; font-weight:700 !important; } /* подпись возле кнопки */ section.ad-carousel .ad-slide em{ margin-left:5px !important; font-size:8px !important; line-height:10px !important; } /* кран справа */ section.ad-carousel .ad-slide > strong{ position:absolute !important; right:18px !important; top:50% !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; transform:translateY(-50%) !important; font-size:36px !important; line-height:1 !important; } /* ===================================================== КАРТОЧКА Ширину НЕ меняем. Меняем только реальный контейнер фотографии .pic ===================================================== */ html body section.feed #homeListings > article > .pic{ position:relative !important; box-sizing:border-box !important; width:100% !important; /* широкое и невысокое фото */ height:calc((100vw - 32px) / 3.55) !important; min-height:0 !important; max-height:108px !important; aspect-ratio:auto !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:12px 12px 0 0 !important; } html body section.feed #homeListings > article > .pic > img{ display:block !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; } /* нижняя часть карточки */ html body section.feed #homeListings > article > .listing-info{ box-sizing:border-box !important; height:50px !important; min-height:50px !important; max-height:50px !important; padding:4px 7px 5px !important; } /* ===================================================== НИЖНЕЕ МЕНЮ ===================================================== */ nav.bottom-nav{ height:58px !important; min-height:58px !important; overflow:visible !important; } nav.bottom-nav > a{ box-sizing:border-box !important; height:58px !important; min-height:58px !important; padding:5px 2px 4px !important; overflow:visible !important; transform:none !important; } /* ---------- РАЗМЕСТИТЬ ---------- */ nav.bottom-nav > a.post{ position:relative !important; height:58px !important; font-size:0 !important; transform:none !important; overflow:visible !important; } nav.bottom-nav > a.post::before{ content:"+" !important; position:absolute !important; top:5px !important; left:50% !important; width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; margin:0 !important; padding:0 0 1px !important; transform:translateX(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#ff7900 !important; color:#fff !important; font-size:18px !important; line-height:22px !important; font-weight:300 !important; z-index:20 !important; } nav.bottom-nav > a.post span{ display:block !important; position:absolute !important; left:50% !important; bottom:5px !important; top:auto !important; right:auto !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; transform:translateX(-50%) !important; color:#394457 !important; opacity:1 !important; visibility:visible !important; font-size:9px !important; line-height:10px !important; font-weight:600 !important; white-space:nowrap !important; z-index:30 !important; } /* ---------- ПРОФИЛЬ ---------- */ nav.bottom-nav > a:last-child{ box-sizing:border-box !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; height:58px !important; gap:3px !important; padding:5px 2px 4px !important; font-size:0 !important; transform:none !important; overflow:visible !important; } nav.bottom-nav > a:last-child::before{ content:"" !important; position:static !important; display:block !important; flex:none !important; width:20px !important; height:20px !important; margin:0 !important; padding:0 !important; background-size:20px 20px !important; background-position:center !important; background-repeat:no-repeat !important; } nav.bottom-nav > a:last-child span{ display:block !important; position:static !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; transform:none !important; color:#7b8794 !important; opacity:1 !important; visibility:visible !important; font-size:9px !important; line-height:10px !important; font-weight:600 !important; white-space:nowrap !important; } } /* ===== END SURGICAL FIX 1715 ===== */ /* ===================================================== DOMOSTROY POLISH 1728 Banner + heart + bottom nav ONLY ===================================================== */ @media (max-width:700px){ /* ========================= БАННЕР ========================= */ section.ad-carousel .ad-slide{ box-sizing:border-box !important; display:flex !important; align-items:center !important; padding:7px 17px !important; overflow:hidden !important; } section.ad-carousel .ad-slide > div{ position:static !important; transform:none !important; width:70% !important; max-width:70% !important; margin:0 !important; padding:0 !important; overflow:visible !important; } section.ad-carousel .ad-slide > div small{ display:block !important; margin:0 0 2px !important; font-size:7.5px !important; line-height:8.5px !important; } section.ad-carousel .ad-slide > div b{ display:block !important; width:100% !important; max-width:100% !important; margin:0 0 4px !important; font-size:14.5px !important; line-height:15.5px !important; font-weight:800 !important; } section.ad-carousel .ad-slide > div span{ max-width:100% !important; margin:0 !important; font-size:8.5px !important; line-height:10px !important; } section.ad-carousel .ad-order-btn{ display:inline-flex !important; align-items:center !important; margin-top:4px !important; padding:3px 7px !important; border-radius:7px !important; font-size:8px !important; line-height:10px !important; font-weight:700 !important; } section.ad-carousel .ad-slide em{ display:inline-block !important; margin-left:4px !important; font-size:7px !important; line-height:9px !important; white-space:nowrap !important; } section.ad-carousel .ad-slide > strong{ position:absolute !important; right:15px !important; top:50% !important; margin:0 !important; padding:0 !important; transform:translateY(-50%) !important; font-size:32px !important; line-height:1 !important; } /* ========================= СЕРДЦЕ НА ФОТО .real-heart находится внутри .listing-info. Убираем positioning у info, чтобы сердце позиционировалось относительно article. ========================= */ #homeListings > article > .listing-info{ position:static !important; } #homeListings > article .real-heart{ position:absolute !important; top:6px !important; right:6px !important; bottom:auto !important; left:auto !important; z-index:50 !important; width:25px !important; height:25px !important; margin:0 !important; padding:0 !important; transform:none !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#fff !important; box-shadow:0 1px 4px rgba(0,0,0,.12) !important; } /* ========================= НИЖНЕЕ МЕНЮ Всё снова в обычном flex, без absolute у подписей. ========================= */ nav.bottom-nav{ box-sizing:border-box !important; height:68px !important; min-height:68px !important; padding:3px 0 5px !important; overflow:visible !important; background:#fff !important; } nav.bottom-nav > a, nav.bottom-nav > a.post, nav.bottom-nav > a:last-child{ box-sizing:border-box !important; position:relative !important; height:60px !important; min-height:60px !important; margin:0 !important; padding:4px 2px 3px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:3px !important; transform:none !important; overflow:visible !important; } /* обычные подписи */ nav.bottom-nav > a span{ display:block !important; position:static !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; transform:none !important; opacity:1 !important; visibility:visible !important; font-size:9px !important; line-height:10px !important; font-weight:600 !important; white-space:nowrap !important; } /* РАЗМЕСТИТЬ */ nav.bottom-nav > a.post{ font-size:0 !important; } nav.bottom-nav > a.post::before{ content:"+" !important; position:static !important; width:23px !important; height:23px !important; min-width:23px !important; min-height:23px !important; margin:0 !important; padding:0 0 1px !important; transform:none !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#ff7900 !important; color:#fff !important; font-size:18px !important; line-height:23px !important; font-weight:300 !important; } nav.bottom-nav > a.post span{ display:block !important; position:static !important; margin:0 !important; padding:0 !important; transform:none !important; color:#394457 !important; opacity:1 !important; visibility:visible !important; font-size:9px !important; line-height:10px !important; white-space:nowrap !important; } /* ПРОФИЛЬ */ nav.bottom-nav > a:last-child{ font-size:0 !important; } nav.bottom-nav > a:last-child::before{ content:"" !important; position:static !important; display:block !important; flex:none !important; width:20px !important; height:20px !important; margin:0 !important; padding:0 !important; transform:none !important; background-size:20px 20px !important; background-position:center !important; background-repeat:no-repeat !important; } nav.bottom-nav > a:last-child span{ display:block !important; position:static !important; margin:0 !important; padding:0 !important; transform:none !important; color:#7b8794 !important; opacity:1 !important; visibility:visible !important; font-size:9px !important; line-height:10px !important; white-space:nowrap !important; } /* место под фиксированное меню */ body{ padding-bottom:74px !important; } } /* ===== END DOMOSTROY POLISH 1728 ===== */ /* ===== BOTTOM NAV FINAL ALIGN ===== */ @media (max-width:700px){ nav.bottom-nav > a.post span{ transform:translateY(-11px) !important; } nav.bottom-nav > a:last-child span{ transform:translateY(-11px) !important; } } /* ===== END BOTTOM NAV FINAL ALIGN ===== */ /* ====================================================== DOMOSTROY — NAV + CATEGORY POLISH ====================================================== */ @media (max-width:700px){ /* ======================================== КАТЕГОРИИ ======================================== */ .cats.home-cats > a > .cat-icon{ width:20px !important; height:20px !important; min-width:20px !important; min-height:20px !important; } .cats.home-cats > a > .cat-icon svg, .cats.home-cats > a > .cat-icon img{ width:20px !important; height:20px !important; max-width:20px !important; max-height:20px !important; } .cats.home-cats > a > .cat-copy b{ font-size:10.5px !important; line-height:11.5px !important; font-weight:700 !important; white-space:normal !important; text-align:center !important; -webkit-line-clamp:2 !important; } /* Строительные заказы — именно две строки */ .cats.home-cats > a:first-child .cat-copy b{ width:78px !important; max-width:78px !important; margin-left:auto !important; margin-right:auto !important; } /* ======================================== НИЖНЯЯ ПАНЕЛЬ — ВСЕ 5 ПУНКТОВ ОДИНАКОВЫ ======================================== */ nav.bottom-nav{ box-sizing:border-box !important; height:64px !important; min-height:64px !important; padding:0 !important; display:grid !important; grid-template-columns:repeat(5,1fr) !important; background:#fff !important; } nav.bottom-nav > a, nav.bottom-nav > a.post, nav.bottom-nav > a:last-child{ box-sizing:border-box !important; position:relative !important; width:100% !important; height:64px !important; min-height:64px !important; margin:0 !important; padding:7px 1px 5px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; transform:none !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; font-size:0 !important; overflow:visible !important; } /* Все подписи на одной линии */ nav.bottom-nav > a span, nav.bottom-nav > a.post span, nav.bottom-nav > a:last-child span{ display:block !important; position:static !important; width:auto !important; height:12px !important; margin:0 !important; padding:0 !important; transform:none !important; opacity:1 !important; visibility:visible !important; color:#727d89 !important; font-size:10px !important; line-height:12px !important; font-weight:600 !important; white-space:nowrap !important; } /* Общий размер всех иконок */ nav.bottom-nav > a::before{ content:"" !important; position:static !important; display:block !important; flex:0 0 23px !important; width:23px !important; height:23px !important; min-width:23px !important; min-height:23px !important; margin:0 !important; padding:0 !important; transform:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:23px 23px !important; } /* 1 — Главная */ nav.bottom-nav > a:nth-child(1)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 10.5 12 3.8l8.5 6.7v9.2H14.8v-5.5H9.2v5.5H3.5z' fill='none' stroke='%231878a8' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } nav.bottom-nav > a:nth-child(1) span{ color:#1878a8 !important; } /* 2 — Объявления */ nav.bottom-nav > a:nth-child(2)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3.5' width='16' height='17' rx='1.5' fill='none' stroke='%23727d89' stroke-width='1.7'/%3E%3Cpath d='M7 8h10M7 12h10M7 16h10' stroke='%23727d89' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* 3 — Разместить */ nav.bottom-nav > a.post::before{ content:"+" !important; width:25px !important; height:25px !important; min-width:25px !important; min-height:25px !important; flex-basis:25px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#ff7900 !important; background-image:none !important; color:#fff !important; border-radius:50% !important; font-size:20px !important; line-height:25px !important; font-weight:300 !important; padding:0 0 2px !important; } /* 4 — Сообщения */ nav.bottom-nav > a:nth-child(4)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4.5h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8l-5.7 3.7.9-3.7H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z' fill='none' stroke='%23727d89' stroke-width='1.7' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='10.5' r='1' fill='%23727d89'/%3E%3Ccircle cx='12' cy='10.5' r='1' fill='%23727d89'/%3E%3Ccircle cx='16' cy='10.5' r='1' fill='%23727d89'/%3E%3C/svg%3E") !important; } /* 5 — Профиль: НОВЫЙ значок */ nav.bottom-nav > a:nth-child(5)::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23727d89' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='9' r='3' fill='none' stroke='%23727d89' stroke-width='1.7'/%3E%3Cpath d='M6.8 18.2c1-3 2.8-4.4 5.2-4.4s4.2 1.4 5.2 4.4' fill='none' stroke='%23727d89' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* гарантированно убираем старый профильный псевдо-значок */ nav.bottom-nav > a:last-child::before{ position:static !important; transform:none !important; } /* место под нижнюю панель */ body{ padding-bottom:70px !important; } } /* ===== END NAV + CATEGORY POLISH ===== */ /* ===================================================== DOMOSTROY — BOTTOM NAV LABELS FINAL Иконки и их положение НЕ меняем ===================================================== */ @media (max-width:700px){ /* старые подписи скрываем, чтобы не было дублей */ nav.bottom-nav > a > span{ display:none !important; } /* новая единая подпись */ nav.bottom-nav > a::after{ display:block !important; position:static !important; margin:3px 0 0 !important; padding:0 !important; width:auto !important; height:12px !important; transform:none !important; color:#727d89 !important; font-size:10px !important; line-height:12px !important; font-weight:600 !important; text-align:center !important; white-space:nowrap !important; opacity:1 !important; visibility:visible !important; } nav.bottom-nav > a:nth-child(1)::after{ content:"Главная" !important; color:#1878a8 !important; } nav.bottom-nav > a:nth-child(2)::after{ content:"Объявления" !important; } nav.bottom-nav > a:nth-child(3)::after{ content:"Разместить" !important; color:#394457 !important; } nav.bottom-nav > a:nth-child(4)::after{ content:"Сообщения" !important; } nav.bottom-nav > a:nth-child(5)::after{ content:"Профиль" !important; } /* немного места, чтобы подписи точно помещались */ nav.bottom-nav{ height:66px !important; min-height:66px !important; } nav.bottom-nav > a{ height:66px !important; min-height:66px !important; padding:7px 1px 4px !important; } } /* ===== END BOTTOM NAV LABELS FINAL ===== */ /* ===================================================== DOMOSTROY — PROFILE ICON WITHOUT OUTER CIRCLE Меняем только иконку "Профиль" ===================================================== */ @media (max-width:700px){ /* последний пункт нижнего меню = Профиль */ nav.bottom-nav > a:last-child{ position:relative !important; } /* если старая иконка рисуется через before — заменяем её */ nav.bottom-nav > a:last-child::before{ content:"" !important; display:block !important; width:22px !important; height:22px !important; margin:0 auto 4px !important; border:none !important; border-radius:0 !important; box-shadow:none !important; background-repeat:no-repeat !important; background-position:center !important; background-size:22px 22px !important; background-image:url("data:image/svg+xml;utf8,\ \ \ \ ") !important; } /* на случай если старая иконка вставлена как svg/i/span */ nav.bottom-nav > a:last-child svg, nav.bottom-nav > a:last-child i{ display:none !important; } } /* ===== DOMOSTROY BOTTOM NAV LABELS REAL SPANS ===== */ @media (max-width:700px){ /* отключаем экспериментальные подписи через ::after */ nav.bottom-nav > a::after{ content:none !important; display:none !important; } nav.bottom-nav{ height:66px !important; min-height:66px !important; padding:4px 0 3px !important; } nav.bottom-nav > a, nav.bottom-nav > a.post, nav.bottom-nav > a:last-child{ height:59px !important; min-height:59px !important; padding:4px 1px 2px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; } /* возвращаем реальные названия кнопок */ nav.bottom-nav > a > span, nav.bottom-nav > a.post > span, nav.bottom-nav > a:last-child > span{ display:block !important; position:static !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; transform:none !important; opacity:1 !important; visibility:visible !important; color:#747e89 !important; font-size:10px !important; line-height:11px !important; font-weight:600 !important; white-space:nowrap !important; text-align:center !important; } nav.bottom-nav > a:first-child > span{ color:#1878a8 !important; } nav.bottom-nav > a.post > span{ color:#394457 !important; } } /* ===== END BOTTOM NAV LABELS REAL SPANS ===== */ /* ===================================================== DOMOSTROY — BOTTOM NAV LABELS HARD FIX ИКОНКИ НЕ ТРОГАЕМ ===================================================== */ @media (max-width:700px){ html body nav.bottom-nav{ height:66px !important; min-height:66px !important; padding:5px 0 3px !important; } html body nav.bottom-nav > a{ height:58px !important; min-height:58px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; gap:3px !important; padding:4px 1px 2px !important; overflow:visible !important; } /* Старые span можем оставить скрытыми. Названия выводим отдельным ::after. */ html body nav.bottom-nav > a::after{ display:block !important; position:static !important; width:auto !important; height:auto !important; margin:1px 0 0 !important; padding:0 !important; transform:none !important; color:#747e89 !important; font-size:10px !important; line-height:11px !important; font-weight:600 !important; text-align:center !important; white-space:nowrap !important; opacity:1 !important; visibility:visible !important; } html body nav.bottom-nav > a:nth-child(1)::after{ content:"Главная" !important; color:#1878a8 !important; } html body nav.bottom-nav > a:nth-child(2)::after{ content:"Объявления" !important; } html body nav.bottom-nav > a:nth-child(3)::after{ content:"Разместить" !important; color:#394457 !important; } html body nav.bottom-nav > a:nth-child(4)::after{ content:"Сообщения" !important; } html body nav.bottom-nav > a:nth-child(5)::after{ content:"Профиль" !important; } } /* ===== END BOTTOM NAV LABELS HARD FIX ===== */ /* ===================================================== DOMOSTROY — BOTTOM NAV EXACT ALIGN 1749 Только нижняя панель ===================================================== */ @media (max-width:700px){ html body nav.bottom-nav{ box-sizing:border-box !important; height:72px !important; min-height:72px !important; padding:0 !important; margin:0 !important; overflow:hidden !important; background:#fff !important; } html body nav.bottom-nav > a{ position:relative !important; box-sizing:border-box !important; height:72px !important; min-height:72px !important; margin:0 !important; padding:0 !important; display:block !important; overflow:hidden !important; transform:none !important; } /* Старые span окончательно не используем */ html body nav.bottom-nav > a > span{ display:none !important; } /* ========================================= ВСЕ ИКОНКИ — одна высота ========================================= */ html body nav.bottom-nav > a::before{ position:absolute !important; top:10px !important; left:50% !important; width:24px !important; height:24px !important; min-width:24px !important; min-height:24px !important; margin:0 !important; transform:translateX(-50%) !important; background-size:24px 24px !important; background-position:center !important; background-repeat:no-repeat !important; } /* Разместить */ html body nav.bottom-nav > a.post::before{ top:9px !important; width:27px !important; height:27px !important; min-width:27px !important; min-height:27px !important; transform:translateX(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#ff7900 !important; background-image:none !important; border-radius:50% !important; color:#fff !important; font-size:20px !important; line-height:27px !important; } /* Профиль — человечек без круга */ html body nav.bottom-nav > a:last-child::before{ width:23px !important; height:23px !important; background-size:23px 23px !important; } /* ========================================= ПОДПИСИ — одна линия внутри панели ========================================= */ html body nav.bottom-nav > a::after{ display:block !important; position:absolute !important; top:42px !important; bottom:auto !important; left:50% !important; width:auto !important; height:14px !important; margin:0 !important; padding:0 !important; transform:translateX(-50%) !important; color:#747e89 !important; font-size:10px !important; line-height:14px !important; font-weight:600 !important; text-align:center !important; white-space:nowrap !important; opacity:1 !important; visibility:visible !important; } html body nav.bottom-nav > a:nth-child(1)::after{ content:"Главная" !important; color:#1878a8 !important; } html body nav.bottom-nav > a:nth-child(2)::after{ content:"Объявления" !important; } html body nav.bottom-nav > a:nth-child(3)::after{ content:"Разместить" !important; color:#394457 !important; } html body nav.bottom-nav > a:nth-child(4)::after{ content:"Сообщения" !important; } html body nav.bottom-nav > a:nth-child(5)::after{ content:"Профиль" !important; } body{ padding-bottom:78px !important; } } /* ===== END BOTTOM NAV EXACT ALIGN 1749 ===== */ /* ===================================================== DOMOSTROY — BOTTOM NAV TRUE GRID ALIGN Только выравнивание нижнего меню ===================================================== */ @media (max-width:700px){ html body nav.bottom-nav{ box-sizing:border-box !important; height:66px !important; min-height:66px !important; padding:0 !important; margin:0 !important; display:grid !important; grid-template-columns:repeat(5,1fr) !important; background:#fff !important; overflow:hidden !important; } /* Каждая кнопка имеет ОДИНАКОВУЮ сетку: 29px иконка + 13px подпись */ html body nav.bottom-nav > a, html body nav.bottom-nav > a.post, html body nav.bottom-nav > a:last-child{ position:relative !important; box-sizing:border-box !important; width:100% !important; height:66px !important; min-height:66px !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns:1fr !important; grid-template-rows:29px 13px !important; row-gap:3px !important; align-content:center !important; justify-items:center !important; align-items:center !important; transform:none !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; overflow:hidden !important; } /* Старые реальные span не используем */ html body nav.bottom-nav > a > span{ display:none !important; } /* ========================================== ОБЩЕЕ ПОЛОЖЕНИЕ ВСЕХ ИКОНОК ========================================== */ html body nav.bottom-nav > a::before{ grid-column:1 !important; grid-row:1 !important; position:static !important; display:block !important; width:24px !important; height:24px !important; min-width:24px !important; min-height:24px !important; margin:0 !important; padding:0 !important; transform:none !important; place-self:center !important; background-position:center !important; background-repeat:no-repeat !important; background-size:24px 24px !important; } /* Оранжевый плюс немного крупнее, но центр у него ТОТ ЖЕ */ html body nav.bottom-nav > a.post::before{ grid-column:1 !important; grid-row:1 !important; position:static !important; width:29px !important; height:29px !important; min-width:29px !important; min-height:29px !important; margin:0 !important; padding:0 0 2px !important; transform:none !important; place-self:center !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#ff7900 !important; background-image:none !important; border-radius:50% !important; color:#fff !important; font-size:21px !important; line-height:29px !important; font-weight:300 !important; } /* Профиль — простой человечек, такой же размер, как остальные */ html body nav.bottom-nav > a:last-child::before{ width:24px !important; height:24px !important; background-size:24px 24px !important; } /* ========================================== ВСЕ ПОДПИСИ — ОДНА СТРОКА И ОДНА ВЫСОТА ========================================== */ html body nav.bottom-nav > a::after{ grid-column:1 !important; grid-row:2 !important; position:static !important; display:block !important; width:auto !important; height:13px !important; margin:0 !important; padding:0 !important; transform:none !important; place-self:center !important; color:#737d88 !important; font-size:10px !important; line-height:13px !important; font-weight:600 !important; text-align:center !important; white-space:nowrap !important; opacity:1 !important; visibility:visible !important; } html body nav.bottom-nav > a:nth-child(1)::after{ content:"Главная" !important; color:#167aa8 !important; } html body nav.bottom-nav > a:nth-child(2)::after{ content:"Объявления" !important; } html body nav.bottom-nav > a:nth-child(3)::after{ content:"Разместить" !important; color:#394457 !important; } html body nav.bottom-nav > a:nth-child(4)::after{ content:"Сообщения" !important; } html body nav.bottom-nav > a:nth-child(5)::after{ content:"Профиль" !important; } } /* ===== END BOTTOM NAV TRUE GRID ALIGN ===== */ /* ===================================================== DOMOSTROY — BOTTOM NAV ABSOLUTE FINAL ALIGN ===================================================== */ @media (max-width:700px){ html body nav.bottom-nav{ height:66px !important; min-height:66px !important; padding:0 !important; overflow:hidden !important; } html body nav.bottom-nav > a, html body nav.bottom-nav > a.post, html body nav.bottom-nav > a:last-child{ position:relative !important; height:66px !important; min-height:66px !important; padding:0 !important; margin:0 !important; display:block !important; transform:none !important; top:auto !important; bottom:auto !important; overflow:hidden !important; } /* Все обычные иконки */ html body nav.bottom-nav > a::before{ position:absolute !important; top:8px !important; left:50% !important; width:24px !important; height:24px !important; min-width:24px !important; min-height:24px !important; margin:0 !important; padding:0 !important; transform:translateX(-50%) !important; background-position:center !important; background-repeat:no-repeat !important; background-size:24px 24px !important; } /* Разместить — центр тот же, только круг крупнее */ html body nav.bottom-nav > a.post::before{ position:absolute !important; top:5px !important; left:50% !important; width:30px !important; height:30px !important; min-width:30px !important; min-height:30px !important; margin:0 !important; padding:0 0 2px !important; transform:translateX(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#ff7900 !important; background-image:none !important; border-radius:50% !important; color:#fff !important; font-size:21px !important; line-height:30px !important; font-weight:300 !important; } /* Профиль — простой человечек без круга */ html body nav.bottom-nav > a:last-child::before{ position:absolute !important; top:8px !important; left:50% !important; width:24px !important; height:24px !important; margin:0 !important; padding:0 !important; transform:translateX(-50%) !important; background-size:24px 24px !important; } /* Все подписи строго на одной высоте */ html body nav.bottom-nav > a::after{ position:absolute !important; top:40px !important; left:50% !important; width:auto !important; height:14px !important; margin:0 !important; padding:0 !important; transform:translateX(-50%) !important; font-size:10px !important; line-height:14px !important; font-weight:600 !important; white-space:nowrap !important; text-align:center !important; } } /* ===== END BOTTOM NAV ABSOLUTE FINAL ALIGN ===== */ /* ===================================================== DOMOSTROY — BOTTOM NAV REMOVE OLD TEXT Ничего не двигаем, убираем только дубли ===================================================== */ @media (max-width:700px){ /* скрываем любой старый текст непосредственно внутри ссылок */ html body nav.bottom-nav > a, html body nav.bottom-nav > a.post, html body nav.bottom-nav > a:last-child{ font-size:0 !important; line-height:0 !important; } /* старые span полностью выключаем */ html body nav.bottom-nav > a > span{ display:none !important; font-size:0 !important; line-height:0 !important; } /* наши подписи оставляем единственными */ html body nav.bottom-nav > a::after{ display:block !important; position:absolute !important; top:40px !important; left:50% !important; width:auto !important; height:14px !important; margin:0 !important; padding:0 !important; transform:translateX(-50%) !important; font-size:10px !important; line-height:14px !important; font-weight:600 !important; white-space:nowrap !important; text-align:center !important; opacity:1 !important; visibility:visible !important; } html body nav.bottom-nav > a:nth-child(1)::after{ content:"Главная" !important; color:#167aa8 !important; } html body nav.bottom-nav > a:nth-child(2)::after{ content:"Объявления" !important; color:#737d88 !important; } html body nav.bottom-nav > a:nth-child(3)::after{ content:"Разместить" !important; color:#394457 !important; } html body nav.bottom-nav > a:nth-child(4)::after{ content:"Сообщения" !important; color:#737d88 !important; } html body nav.bottom-nav > a:nth-child(5)::after{ content:"Профиль" !important; color:#737d88 !important; } } /* ===== END BOTTOM NAV REMOVE OLD TEXT ===== */ /* ===== REMOVE ONLY DUPLICATE NAV TEXT ===== */ @media (max-width:700px){ html body nav.bottom-nav > a.post > span, html body nav.bottom-nav > a:last-child > span{ display:none !important; visibility:hidden !important; opacity:0 !important; position:absolute !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; } } /* ===== END REMOVE DUPLICATE NAV TEXT ===== */ /* ===== PORTRAIT PHONE PHOTO TEST ===== */ @media (max-width:700px){ #homeListings article .pic{ position:relative !important; background:#e9eef3 !important; } #homeListings article .pic.portrait-photo{ overflow:hidden !important; } #homeListings article .pic.portrait-photo::before{ content:"" !important; position:absolute !important; inset:-12px !important; background-image:var(--portrait-bg) !important; background-size:cover !important; background-position:center !important; filter:blur(11px) !important; opacity:.42 !important; transform:scale(1.08) !important; } #homeListings article .pic.portrait-photo > img{ position:relative !important; z-index:2 !important; width:100% !important; height:100% !important; object-fit:contain !important; object-position:center !important; } } /* ===== END PORTRAIT PHONE PHOTO TEST ===== */ /* ===================================================== DOMOSTROY — REAL FEED CARD FINAL ===================================================== */ @media (max-width:700px){ html body #homeListings article{ height:auto !important; min-height:0 !important; max-height:none !important; } html body #homeListings article .listing-info.rf-info{ position:relative !important; box-sizing:border-box !important; display:block !important; width:100% !important; height:82px !important; min-height:82px !important; max-height:82px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#fff !important; } /* НАЗВАНИЕ */ html body #homeListings article .listing-info.rf-info > b.rf-title{ position:absolute !important; top:5px !important; left:7px !important; right:7px !important; bottom:auto !important; display:-webkit-box !important; width:auto !important; height:34px !important; max-height:34px !important; margin:0 !important; padding:0 !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; overflow:hidden !important; white-space:normal !important; text-overflow:clip !important; transform:none !important; font-size:14px !important; line-height:16px !important; font-weight:700 !important; color:#162d46 !important; opacity:1 !important; visibility:visible !important; } /* ГОРОД + КАТЕГОРИЯ */ html body #homeListings article .listing-info.rf-info > small.rf-meta{ position:absolute !important; top:40px !important; left:7px !important; right:7px !important; bottom:auto !important; display:block !important; width:auto !important; height:14px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; transform:none !important; font-size:10px !important; line-height:14px !important; font-weight:400 !important; color:#8a939c !important; opacity:1 !important; visibility:visible !important; } /* ЦЕНА */ html body #homeListings article .listing-info.rf-info > strong.rf-price{ position:absolute !important; left:7px !important; bottom:5px !important; top:auto !important; right:auto !important; display:block !important; max-width:72% !important; height:20px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; transform:none !important; font-size:14px !important; line-height:20px !important; font-weight:800 !important; color:#f36b00 !important; opacity:1 !important; visibility:visible !important; z-index:3 !important; } /* ДАТА */ html body #homeListings article .listing-info.rf-info > small.rf-time{ position:absolute !important; right:7px !important; bottom:5px !important; top:auto !important; left:auto !important; display:block !important; height:20px !important; margin:0 !important; padding:0 !important; white-space:nowrap !important; transform:none !important; font-size:8.5px !important; line-height:20px !important; font-weight:400 !important; text-align:right !important; color:#8a939c !important; opacity:1 !important; visibility:visible !important; z-index:3 !important; } } /* ===== END REAL FEED CARD FINAL ===== */ /* ===== CARD 2-LINE TITLE HEIGHT ===== */ @media (max-width:700px){ html body #homeListings article .listing-info.rf-info{ height:96px !important; min-height:96px !important; max-height:96px !important; } html body #homeListings article .listing-info.rf-info > b.rf-title{ top:6px !important; left:7px !important; right:7px !important; height:36px !important; max-height:36px !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; white-space:normal !important; overflow:hidden !important; text-overflow:clip !important; font-size:14px !important; line-height:17px !important; } html body #homeListings article .listing-info.rf-info > small.rf-meta{ top:45px !important; } html body #homeListings article .listing-info.rf-info > strong.rf-price{ bottom:7px !important; } html body #homeListings article .listing-info.rf-info > small.rf-time{ bottom:7px !important; } } /* ===== END CARD 2-LINE TITLE HEIGHT ===== */ /* ===== REAL CARD 2-LINE FINAL SIZE ===== */ @media (max-width:700px){ html body #homeListings article .listing-info.rf-info{ height:110px !important; min-height:110px !important; max-height:110px !important; } html body #homeListings article .listing-info.rf-info > b.rf-title{ top:7px !important; left:8px !important; right:8px !important; width:auto !important; max-width:none !important; height:38px !important; max-height:38px !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; white-space:normal !important; overflow:hidden !important; text-overflow:clip !important; font-size:14px !important; line-height:18px !important; } html body #homeListings article .listing-info.rf-info > small.rf-meta{ top:48px !important; left:8px !important; right:8px !important; } html body #homeListings article .listing-info.rf-info > strong.rf-price{ left:8px !important; bottom:9px !important; } html body #homeListings article .listing-info.rf-info > small.rf-time{ right:8px !important; bottom:9px !important; } } /* ===== END REAL CARD 2-LINE FINAL SIZE ===== */ /* ===================================================== DOMOSTROY — FINAL CARD HEIGHT RESET ===================================================== */ @media (max-width:700px){ /* САМА КАРТОЧКА — больше не сжимает нижнюю часть */ html body #homeListings article{ display:flex !important; flex-direction:column !important; height:auto !important; min-height:0 !important; max-height:none !important; overflow:hidden !important; } /* ФОТО НЕ МЕНЯЕМ */ html body #homeListings article .pic{ flex:0 0 auto !important; } /* БЕЛАЯ ЧАСТЬ — реальная высота 106px */ html body #homeListings article .listing-info.rf-info{ position:relative !important; display:block !important; flex:0 0 106px !important; box-sizing:border-box !important; width:100% !important; height:106px !important; min-height:106px !important; max-height:106px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#fff !important; } /* НАЗВАНИЕ — 2 строки */ html body #homeListings article .listing-info.rf-info > b.rf-title{ position:absolute !important; top:7px !important; left:8px !important; right:8px !important; bottom:auto !important; width:auto !important; max-width:none !important; height:36px !important; max-height:36px !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:2 !important; white-space:normal !important; overflow:hidden !important; text-overflow:clip !important; margin:0 !important; padding:0 !important; transform:none !important; font-size:14px !important; line-height:17px !important; font-weight:700 !important; color:#162d46 !important; } /* ГОРОД + КАТЕГОРИЯ */ html body #homeListings article .listing-info.rf-info > small.rf-meta{ position:absolute !important; top:47px !important; left:8px !important; right:8px !important; bottom:auto !important; height:14px !important; display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; margin:0 !important; padding:0 !important; transform:none !important; font-size:10px !important; line-height:14px !important; color:#8a939c !important; } /* ЦЕНА */ html body #homeListings article .listing-info.rf-info > strong.rf-price{ position:absolute !important; left:8px !important; bottom:8px !important; top:auto !important; right:auto !important; display:block !important; max-width:70% !important; margin:0 !important; padding:0 !important; transform:none !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; font-size:14px !important; line-height:20px !important; font-weight:800 !important; color:#f36b00 !important; } /* ДАТА */ html body #homeListings article .listing-info.rf-info > small.rf-time{ position:absolute !important; right:8px !important; bottom:8px !important; top:auto !important; left:auto !important; display:block !important; margin:0 !important; padding:0 !important; transform:none !important; white-space:nowrap !important; font-size:8.5px !important; line-height:20px !important; color:#8a939c !important; } } /* ===== END FINAL CARD HEIGHT RESET ===== */ /* ========================================= DOMOSTROY — TEST TALLER LISTING PHOTO ========================================= */ @media (max-width:700px){ html body #homeListings article .pic{ flex:0 0 130px !important; height:130px !important; min-height:130px !important; max-height:130px !important; overflow:hidden !important; } html body #homeListings article .pic > img{ width:100% !important; height:100% !important; } }