/* ProNetwork v98 (design system ProCard, 28.9.2026): the professional card of the network.
   The owner, 28.9: "professionals still look very basic with this circle and a letter ... a social network".
   Codex (28.9): a deliberate identity for every card - a cover band with an abstract architectural pattern, an overlapping
   square portrait or a designed monogram, the strongest register fact first, separate trust labels (register, licence,
   owner-managed; payment never buys one), two actions. Nothing invented: every fact is the register's or the profile's own. */
.nlpn{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #E2DCD0;border-radius:18px;overflow:hidden;
  box-shadow:0 1px 2px rgba(20,33,43,.04);transition:box-shadow .2s ease,transform .2s ease;color:#14212B;text-align:start}
.nlpn:hover{box-shadow:0 12px 28px rgba(20,33,43,.10);transform:translateY(-1px)}
.nlpn-cover{position:relative;display:block;height:80px;background-color:var(--ps,#F3EEE3);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M0 27.5H28M27.5 0V28' stroke='%2314212B' stroke-opacity='.07'/%3E%3Crect x='6.5' y='6.5' width='9' height='11' fill='none' stroke='%2314212B' stroke-opacity='.06'/%3E%3C/svg%3E");
  overflow:hidden;text-decoration:none}
.nlpn-cover::after{content:"";position:absolute;inset-inline:0;bottom:0;height:22px;background:linear-gradient(0deg,rgba(255,255,255,.55),rgba(255,255,255,0))}
.nlpn-cover .nlpn-emb{position:absolute;top:8px;inset-inline-end:12px;width:62px;height:62px;color:var(--pc,#1F4B5C);opacity:.28}
.nlpn-cover .nlpn-emb svg{width:100%;height:100%}
.nlpn-cover img.nlpn-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nlpn-state{position:absolute;top:10px;inset-inline-start:12px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;
  background:rgba(255,255,255,.92);font:700 11.5px/1 Heebo,Assistant,sans-serif;color:#3B4753;box-shadow:0 1px 3px rgba(20,33,43,.08)}
.nlpn-state i{width:7px;height:7px;border-radius:50%;background:#A39B8C;flex:none}
.nlpn-state.is-live i{background:#3E8E5B}
.nlpn-state.is-demo{background:#14212B;color:#fff}
.nlpn-av{position:absolute;top:44px;inset-inline-start:16px;z-index:2;display:grid;place-items:center;width:70px;height:70px;border-radius:18px;
  background:var(--ps,#F3EEE3);border:4px solid #fff;box-shadow:0 6px 14px rgba(20,33,43,.14);box-sizing:border-box}
.nlpn-av img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
.nlpn-mono{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:14px;
  font:600 25px/1 "Frank Ruhl Libre","Noto Serif Hebrew",serif;color:var(--pc,#1F4B5C);letter-spacing:.02em}
.nlpn-mono::after{content:"";position:absolute;inset:6px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(156,122,60,.5)}
.nlpn-mk{position:absolute;bottom:-9px;inset-inline-end:-9px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;
  box-shadow:0 2px 6px rgba(20,33,43,.18);color:var(--pc,#1F4B5C)}
.nlpn-mk svg{width:18px;height:18px}
.nlpn-body{display:flex;flex-direction:column;gap:5px;flex:1;padding:48px 16px 14px}
:root body .nlpn h3.nlpn-name{margin:0!important;font:700 18px/1.25 "Frank Ruhl Libre","Noto Serif Hebrew",serif!important;color:#14212B!important}
.nlpn-name a{color:inherit!important;text-decoration:none!important}
.nlpn-name a::after{content:"";position:absolute;inset:0;z-index:1} /* the whole card opens the profile; the actions sit above */
:root body .nlpn p{margin:0!important;max-width:none!important}
:root body .nlpn .nlpn-biz{font:500 13px/1.3 Heebo,Assistant,sans-serif!important;color:#6B6558!important}
:root body .nlpn .nlpn-role{font:600 13.5px/1.35 Heebo,Assistant,sans-serif!important;color:#3B4753!important}
:root body .nlpn .nlpn-fact{margin:6px 0 0!important;padding:9px 11px;border-radius:12px;background:#F7F3EA;font:700 13.5px/1.4 Heebo,Assistant,sans-serif!important;color:#14212B!important}
.nlpn-fact small{display:block;font:600 11.5px/1.3 Heebo,Assistant,sans-serif;color:#8A6A2E;margin-bottom:2px}
.nlpn-trust{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0!important;padding:0!important;list-style:none}
.nlpn-trust li{display:inline-flex;align-items:center;gap:5px;margin:0!important;padding:4px 9px;border-radius:999px;border:1px solid #E2DCD0;background:#fff;
  font:600 11.5px/1.25 Heebo,Assistant,sans-serif;color:#3B4753}
.nlpn-trust li b{color:#2F6F86;font-weight:800}
.nlpn-trust li.is-owner{border-color:#BFD8C8;background:#F1F8F3;color:#24583A}
.nlpn-rate{font:600 12.5px/1.3 Heebo,sans-serif;color:#6B6558}.nlpn-rate b{color:#14212B}
.nlpn-act{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px}
.nlpn-go{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;background:#14212B;color:#fff!important;
  font:700 14px/1 Heebo,Assistant,sans-serif;text-decoration:none!important}
.nlpn-go:hover{background:#1F4B5C}
.nlpn-save{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;border:1px solid #E2DCD0;background:#fff;color:#3B4753;cursor:pointer;padding:0}
.nlpn-save svg{width:18px;height:18px}
.nlpn-save[aria-pressed="true"]{background:#1F4B5C;border-color:#1F4B5C;color:#fff}
.nlpn-save[aria-pressed="true"] svg path{fill:currentColor}
.nlpn-go:focus-visible,.nlpn-save:focus-visible,.nlpn-name a:focus-visible{outline:3px solid #C2563A;outline-offset:2px}
/* the saved professionals: a chip above the results (never floating over the page) and a sheet (private to this browser) */
.nlpn-saved{display:none;align-items:center;gap:8px;min-height:44px;margin:0 0 14px;padding:0 16px;border-radius:999px;border:1px solid #1F4B5C;
  background:#fff;color:#1F4B5C;font:700 14px/1 Heebo,sans-serif;cursor:pointer}
.nlpn-saved.is-on{display:inline-flex}.nlpn-saved b{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#1F4B5C;color:#fff;font-size:12.5px}
.nlpn-saved:focus-visible{outline:3px solid #C2563A;outline-offset:2px}
.nlpn-ad{font:600 11px/1 Heebo,sans-serif;color:#8a857b;letter-spacing:.02em}
.nlpn-sheet{position:fixed;inset-inline:0;bottom:0;z-index:100001;max-height:70vh;overflow:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#FAF7F1;
  border-radius:20px 20px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.25);direction:rtl}
.nlpn-sheet[hidden]{display:none}
.nlpn-sheet h2{margin:0 0 10px;font:600 20px/1.2 "Frank Ruhl Libre",serif;color:#14212B}
.nlpn-sheet ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.nlpn-sheet li{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 10px;border-radius:12px;background:#fff;border:1px solid #E2DCD0}
.nlpn-sheet li a{flex:1;color:#14212B;font:700 15px/1.3 Heebo,sans-serif;text-decoration:none}.nlpn-sheet li small{display:block;font:500 12.5px Heebo,sans-serif;color:#6B6558}
.nlpn-sheet .nlpn-x{float:inline-end;width:44px;height:44px;border:0;border-radius:50%;background:#fff;font:400 24px/44px sans-serif;cursor:pointer}
.nlpn-sheet p{margin:10px 0 0;font:400 12.5px/1.5 Heebo,sans-serif;color:#6B6558}
@media (max-width:600px){.nlpn-cover{height:58px}.nlpn-state{top:14px;inset-inline-start:86px}.nlpn-cover .nlpn-emb{width:46px;height:46px;top:6px}.nlpn-av{top:26px;inset-inline-start:14px;width:60px;height:60px;border-radius:16px}
  .nlpn-av img,.nlpn-mono{border-radius:12px}.nlpn-mono{font-size:22px}.nlpn-mk{width:24px;height:24px;bottom:-7px;inset-inline-end:-7px}.nlpn-mk svg{width:15px;height:15px}
  .nlpn-body{gap:4px;padding:36px 14px 12px}:root body .nlpn .nlpn-fact{margin-top:4px!important;padding:7px 10px}.nlpn-act{padding-top:10px}}
@media (prefers-reduced-motion:reduce){.nlpn,.nlpn:hover{transition:none;transform:none}}
/* the results grid keeps its column width with one card too (a site rule uses auto-fit, which stretched a lone card to 988px) */
.nldir-results:has(>.nlpn){grid-template-columns:repeat(auto-fill,minmax(232px,1fr))!important;align-items:stretch!important}
/* one card per row on a phone (the old directory rule allowed two 160px columns) */
@media (max-width:600px){.nldir-results:has(>.nlpn){grid-template-columns:minmax(0,1fr)!important;gap:12px!important}}
/* v99 (28.9.2026): the card on the design system's pages (/brokers/, /firgun/): the foot (recommendations, a quality) and,
   on a phone, each city of /brokers/ as a swipe row of cards instead of a column (the page ran 15,000px on a phone) */
.nlpn-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.nlpn-foot .nlds-reccount,.nlpn-foot .nlds-chip{margin:0!important}
@media (max-width:600px){
  :root body .nlds .nlds-citysec .nlds-dgrid:has(>.nlpn){display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:82%!important;
    gap:12px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 2px 10px!important;margin-inline:-2px;scrollbar-width:thin}
  :root body .nlds .nlds-citysec .nlds-dgrid:has(>.nlpn)>.nlpn{scroll-snap-align:start}
}
