/* /businesses - app/pages/businesses.php */
.bizl { display: grid; gap: 20px; margin-top: 20px; }
.bizl-card { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0; padding: 0; overflow: hidden; scroll-margin-top: 90px; }
.bizl-card:target { border-color: var(--neon); box-shadow: 0 0 0 1px var(--neon), 0 0 30px rgba(47,140,240,.25); }
.bizl-pics { position: relative; background: var(--bg2); min-height: 260px; display: flex; flex-direction: column; }
.bizl-main { width: 100%; flex: 1; min-height: 260px; max-height: 380px; object-fit: cover; display: block; }
.bizl-thumbs { display: flex; gap: 6px; padding: 8px; background: rgba(5,7,13,.85); }
.bizl-thumbs img { width: 72px; height: 46px; object-fit: cover; border-radius: 6px; cursor: pointer; opacity: .55; border: 1px solid var(--line2); transition: opacity .15s; }
.bizl-thumbs img:hover, .bizl-thumbs img.on { opacity: 1; border-color: var(--neon); }
.bizl-ph { flex: 1; display: grid; place-content: center; justify-items: center; gap: 8px; color: var(--muted); font: 600 13px Inter;
  background: radial-gradient(ellipse at 50% 40%, rgba(47,140,240,.18), transparent 65%), repeating-linear-gradient(90deg, transparent 0 39px, rgba(47,140,240,.06) 39px 40px), repeating-linear-gradient(0deg, transparent 0 39px, rgba(47,140,240,.06) 39px 40px); }
.bizl-ph .ic { width: 40px; height: 40px; color: var(--neon2); }
.bizl-status { position: absolute; top: 12px; left: 12px; font: 800 11px Inter; letter-spacing: .08em; text-transform: uppercase; padding: 5px 10px; border-radius: 6px; backdrop-filter: blur(6px); }
.bizl-status { box-shadow: 0 2px 10px rgba(0,0,0,.5); }
.bizl-status.sale { background: rgba(6,40,30,.88); color: var(--ok); border: 1px solid rgba(52,211,153,.5); }
.bizl-status.owned { background: rgba(8,24,52,.88); color: var(--neon2); border: 1px solid rgba(47,140,240,.5); }
.bizl-status.gov { background: rgba(48,36,8,.88); color: var(--gold); border: 1px solid rgba(245,196,81,.5); }
.bizl-body { padding: 20px 22px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.bizl-head { display: flex; align-items: flex-start; gap: 12px; }
.bizl-head > div { flex: 1; min-width: 0; }
.bizl-head h2 { margin: 0 0 2px; font-size: 22px; }
.bizl-facts { display: flex; gap: 24px; flex-wrap: wrap; }
.bizl-facts div { display: flex; flex-direction: column; gap: 2px; }
.bizl-facts b { font-size: 18px; }
.bizl-pitch summary { cursor: pointer; font-weight: 700; color: var(--neon2); }
.bizl-pitch .doc { margin-top: 8px; font-size: 14px; }
.bizl-pitch .doc h3 { font-size: 15px; margin: 14px 0 6px; }
.bizl-pitch .doc ul { padding-left: 18px; margin: 4px 0; }
.bizl-btns { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; }
.offer-hi { color: var(--ok); }
.offer-box > summary { list-style: none; display: inline-flex; width: max-content; }
.offer-box > summary::-webkit-details-marker { display: none; }
.offer-box[open] > summary { margin-bottom: 10px; }
.offer-form { display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid var(--line2); border-radius: 10px; background: var(--bg2); }
.offer-cur { font: 700 18px Inter; color: var(--muted); }
.err { color: var(--err); margin: 0; }
.err:empty { display: none; }
/* Your offers */
.offers-mine { margin: 18px 0 8px; display: flex; flex-direction: column; gap: 10px; }
.offers-mine h2 { margin: 0; }
.offer-row { display: grid; grid-template-columns: minmax(0, 1.2fr) auto minmax(0, 1fr) minmax(0, 1.6fr); gap: 14px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line2); }
.offer-what, .offer-amt { display: flex; flex-direction: column; gap: 2px; }
.offer-act { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.offer-act select { width: auto; }
@media (max-width: 820px) {
  .offer-row { grid-template-columns: 1fr auto; }
  .offer-st, .offer-act { grid-column: 1 / -1; justify-content: flex-start; }
  .bizl-card { grid-template-columns: 1fr; }
  .bizl-main { max-height: 240px; min-height: 200px; }
  .bizl-thumbs img { width: 56px; height: 38px; }
}