/* /find pages (2026-10-24, owner points 39 + 42): business cards + city reviews block.
   Designs: public/assets/_design/find-business-cards.html, find-category-reviews.html (option A). Site palette, page font. */
.fv-cards{--fv-navy:#131B5F;--fv-ink:#282F53;--fv-mute:#5C6F93;--fv-line:#E9EDF4;--fv-wall:#F3F7FF;--fv-blue:#00A0FF;--fv-green:#13BFA6;--fv-star:#f5a524}
.fv-cards--list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}
.fv-cards--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fv-card{background:#fff;border:1px solid var(--fv-line);border-radius:16px;padding:20px;color:var(--fv-ink);min-width:0}
.fv-card--list{display:grid;grid-template-columns:132px minmax(0,1fr) 210px;gap:20px;align-items:start}
.fv-card--grid{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-content:start}
.fv-logo{width:132px;height:99px;border:1px solid var(--fv-line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px;text-decoration:none}
.fv-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.fv-logo.is-ini{border-color:transparent;padding:0}
.fv-logo span{color:#fff;font-weight:800;font-size:28px;letter-spacing:.5px}
.fv-card--grid .fv-logo{width:104px;height:78px}
.fv-card--grid .fv-logo span{font-size:22px}
.fv-main{min-width:0}
.fv-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;font-size:20px;line-height:1.3}
.fv-name a{color:var(--fv-navy);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.fv-name a:hover{text-decoration:underline}
.fv-card--grid .fv-name{font-size:18px}
.fv-tick{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--fv-navy);flex:none}
.fv-rate{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:6px 0 0;font-size:14px}
.fv-r{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
.fv-r b{font-size:15px;color:var(--fv-navy)}
.fv-stars{display:inline-flex;gap:1px}
.fv-stars svg{fill:var(--fv-star)}
.fv-stars svg.off{opacity:.25}
.fv-mute{color:var(--fv-mute)}
.fv-new{display:inline-block;font-size:13px;font-weight:600;color:var(--fv-navy);background:var(--fv-wall);border-radius:999px;padding:2px 10px}
.fv-g{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid var(--fv-line);font-weight:800;font-size:11px;color:var(--fv-blue)}
.fv-meta{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;margin:8px 0 0;font-size:13.5px;color:var(--fv-mute)}
.fv-meta span{display:inline-flex;align-items:center;gap:5px}
.fv-meta svg{flex:none}
.fv-main .aw-chips{margin:10px 0 0}
.fv-badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.fv-bd{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;border-radius:8px;padding:4px 9px;background:var(--fv-wall);color:var(--fv-ink);border:1px solid var(--fv-line)}
.fv-bd.ok{background:rgba(19,191,166,.12);color:var(--fv-navy);border-color:rgba(19,191,166,.25)}
.fv-bd.ok svg{color:#0C8C79}
.fv-desc{margin:12px 0 0;font-size:14.5px;line-height:1.55;color:var(--fv-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.fv-side{display:flex;flex-direction:column;gap:10px}
.fv-btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:999px;font-weight:700;font-size:14.5px;text-decoration:none;padding:0 18px;text-align:center;line-height:1.2}
.fv-btn--pri{background:var(--fv-navy);color:#fff}
.fv-btn--pri:hover,.fv-btn--pri:focus{background:var(--fv-ink);color:#fff}
.fv-btn--sec{background:#fff;color:var(--fv-navy);border:1px solid #cfd9ec}
.fv-btn--sec:hover,.fv-btn--sec:focus{border-color:var(--fv-navy);color:var(--fv-navy)}
.fv-stat{border-radius:12px;background:var(--fv-wall);padding:10px 12px;font-size:12.5px;color:var(--fv-mute);line-height:1.45}
.fv-stat b{color:var(--fv-navy);font-size:14px}
.fv-stat span{display:block}
.fv-stat--grid{margin-top:10px}
.fv-stat--grid span{display:inline}
.fv-stat--grid b + span::before,.fv-stat--grid b ~ span::before{content:"· "}
.fv-card--grid .fv-side{grid-column:1/-1;flex-direction:row}
.fv-card--grid .fv-side .fv-btn{flex:1}
@media (max-width:991.98px){
  .fv-cards--grid{grid-template-columns:1fr}
  .fv-card--list{grid-template-columns:96px minmax(0,1fr);gap:16px}
  .fv-card--list .fv-logo{width:96px;height:72px}
  .fv-card--list .fv-side{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  .fv-card--list .fv-side .fv-btn{flex:1 1 140px}
  .fv-card--list .fv-stat{flex:1 1 100%}
  .fv-card--list .fv-stat span{display:inline}
  .fv-card--list .fv-stat b ~ span::before{content:"· "}
}
@media (max-width:575.98px){
  .fv-card{padding:14px}
  .fv-card--list,.fv-card--grid{grid-template-columns:88px minmax(0,1fr);gap:12px}
  .fv-card--list .fv-logo,.fv-card--grid .fv-logo{width:88px;height:66px;padding:5px}
  .fv-logo span{font-size:20px}
  .fv-name{font-size:17px}
  .fv-card .fv-side{flex-direction:column}
  .fv-card .fv-side .fv-btn{flex:none;width:100%}
  /* phone: logo + name, rating, place side by side; chips, badges, text and buttons full width (design "On a phone") */
  .fv-card--list,.fv-card--grid{row-gap:0;align-items:start}
  .fv-card .fv-main{display:contents}
  .fv-card .fv-logo{grid-row:span 3}
  .fv-card .fv-name,.fv-card .fv-rate,.fv-card .fv-meta{grid-column:2}
  .fv-card .fv-main > :not(.fv-name):not(.fv-rate):not(.fv-meta),.fv-card .fv-side{grid-column:1/-1}
  .fv-card .fv-side{margin-top:12px}
  .fv-card .fv-meta{margin-top:4px}
  .fv-card .fv-rate{margin-top:4px}
}

/* ---- city reviews block (point 42, option A) ---- */
.fv-rv{--fv-navy:#131B5F;--fv-ink:#282F53;--fv-mute:#5C6F93;--fv-line:#E9EDF4;--fv-wall:#F3F7FF;--fv-blue:#00A0FF;--fv-green:#13BFA6;--fv-star:#f5a524;color:var(--fv-ink)}
.fv-rv .fv-sub{color:var(--fv-mute);margin:0 0 18px}
.fv-sum{display:grid;grid-template-columns:200px minmax(0,1fr) 280px;gap:28px;align-items:center;padding:22px;border:1px solid var(--fv-line);border-radius:16px;background:var(--fv-wall)}
.fv-big{font-size:52px;font-weight:800;line-height:1;color:var(--fv-navy)}
.fv-word{font-weight:800;color:#0C8C79;font-size:15px;margin-top:4px}
.fv-rv .fv-stars{margin-top:6px}
.fv-cnt{color:var(--fv-mute);font-size:13.5px;margin-top:6px}
.fv-bars{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--fv-mute);margin:0;padding:0;list-style:none}
.fv-bar{display:grid;grid-template-columns:34px minmax(0,1fr) 40px;gap:10px;align-items:center}
.fv-bar i{display:block;height:9px;border-radius:5px;background:var(--fv-line);overflow:hidden}
.fv-bar i b{display:block;height:100%;background:var(--fv-star);border-radius:5px}
.fv-bar span:last-child{text-align:right}
.fv-proof{display:flex;flex-direction:column;gap:10px;font-size:14px;margin:0;padding:0;list-style:none}
.fv-proof li{display:flex;align-items:center;gap:10px}
.fv-proof svg{flex:0 0 18px;color:var(--fv-green)}
.fv-line1{margin:18px 0 0;font-size:16px}
.fv-line1 b{color:var(--fv-navy)}
.fv-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.fv-tg{display:inline-flex;align-items:center;gap:6px;background:rgba(19,191,166,.12);color:var(--fv-navy);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600}
.fv-tg small{color:var(--fv-mute);font-weight:500;font-size:12.5px}
.fv-chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 14px}
.fv-chip{border:1px solid var(--fv-line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:600;font-size:13.5px;color:var(--fv-navy);cursor:pointer}
.fv-chip.on{background:var(--fv-navy);color:#fff;border-color:var(--fv-navy)}
.fv-rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.fv-chips + .fv-rgrid{margin-top:0}
.fv-rvc{border:1px solid var(--fv-line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;background:#fff;min-width:0}
.fv-rvc[hidden]{display:none}
.fv-rvc .hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fv-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;flex:none}
.fv-rvc .nm{font-weight:700;color:var(--fv-navy)}
.fv-rvc .wh{font-size:12.5px;color:var(--fv-mute)}
.fv-hired{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--fv-navy);background:rgba(19,191,166,.14);border-radius:999px;padding:3px 9px;white-space:nowrap}
.fv-hired svg{color:#0C8C79}
.fv-rvc p{margin:0;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.fv-rvc .job{font-size:12.5px;color:var(--fv-mute)}
.fv-reply{background:var(--fv-wall);border-radius:10px;padding:10px 12px;font-size:13px;overflow-wrap:anywhere}
.fv-reply b{display:block;font-size:12px;color:var(--fv-mute);margin-bottom:2px}
.fv-biz{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--fv-line);font-size:13.5px;min-width:0}
.fv-biz .lg{width:44px;height:33px;border:1px solid var(--fv-line);border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff;flex:none;overflow:hidden;background:#fff}
.fv-biz .lg img{max-width:100%;max-height:100%;object-fit:contain}
.fv-biz a{color:var(--fv-navy);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.fv-biz a:hover{text-decoration:underline}
.fv-more{display:flex;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.fv-rv .fv-btn{min-height:46px;padding:0 22px}
.fv-hero-st{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#fff;flex:none}
@media (max-width:991.98px){
  .fv-sum{grid-template-columns:1fr;gap:18px}
  .fv-rgrid{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .fv-sum{padding:16px}
  .fv-big{font-size:44px}
  .fv-more .fv-btn{width:100%}
}