/* «Подборка похожих проектов» after 4+ opened projects (Andrey, 30.09.2026, Webvisor: long visits leave without a lead).
   Desktop: bottom-left, clear of the chat button (right) and the compare bar (centre). Phones: above the mobile bar. */
.sel-offer{position:fixed;left:24px;bottom:24px;z-index:950;width:min(360px,calc(100vw - 32px));padding:18px 18px 16px;border:1px solid #dfe6e2;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(16,32,51,.22);font:14px/1.4 Arial,"Segoe UI",sans-serif;color:#14232c;opacity:0;transform:translateY(16px);transition:opacity .35s,transform .35s}
.sel-offer.is-open{opacity:1;transform:none}
.sel-offer[hidden]{display:none}
.sel-offer__x{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:#eef2f0;color:#20343f;font-size:20px;line-height:1;cursor:pointer}
.sel-offer__kicker{display:inline-block;margin-bottom:6px;padding:3px 9px;border-radius:999px;background:#effaf2;color:#16803a;font-size:12px;font-weight:700}
.sel-offer h3{margin:0 36px 6px 0;font-size:18px;line-height:1.25}
.sel-offer p{margin:0 0 12px;color:#51626b}
.sel-offer__actions{display:flex;gap:8px;align-items:center}
.sel-offer__go{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:12px;background:#16b83a;color:#fff;font-weight:700;text-decoration:none}
.sel-offer__go:hover{filter:brightness(.95)}
.sel-offer__later{min-height:44px;padding:0 12px;border:0;border-radius:12px;background:#eef2f0;color:#20343f;font:700 14px Arial,"Segoe UI",sans-serif;cursor:pointer}
@media(max-width:760px){
  .sel-offer{left:10px;right:10px;width:auto;bottom:calc(80px + env(safe-area-inset-bottom));padding:16px 14px 14px}
  .sel-offer h3{font-size:17px}
}
body.lead-modal-open .sel-offer{display:none}

/* Modular catalog for ad traffic: why buy here + two next steps above the cards (Andrey, 30.09.2026). */
.mod-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px 18px;align-items:center;margin:0 0 18px;padding:14px 16px;border:1px solid #d6e7dc;border-radius:16px;background:#f4fbf6}
.mod-trust__item{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.3;color:#20343f}
.mod-trust__item b{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#fff;color:#16b83a;box-shadow:0 2px 8px rgba(17,43,54,.08)}
.mod-trust__item svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mod-trust__item strong{display:block;font-size:15px}
.mod-trust__cta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mod-trust__cta a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.mod-trust__cta .is-main{background:#16b83a;color:#fff}
.mod-trust__cta .is-line{border:1.5px solid #16b83a;color:#16803a;background:#fff}
@media(max-width:1100px){.mod-trust{grid-template-columns:repeat(3,minmax(0,1fr))}.mod-trust__cta{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:760px){
  .mod-trust{grid-template-columns:1fr;gap:7px;padding:10px 12px}
  .mod-trust__item{gap:8px;font-size:13px}.mod-trust__item strong{font-size:14px}
  .mod-trust__item b{flex-basis:30px;width:30px;height:30px}.mod-trust__item svg{width:17px;height:17px}
  .mod-trust__cta{flex-wrap:nowrap;margin-top:3px}
  .mod-trust__cta a{flex:1;justify-content:center;min-height:42px;padding:0 8px;font-size:13px;white-space:normal;text-align:center;line-height:1.15}
}