/* =========================================================================
   מאתר הדגמים + כפתור הניווט הצף
   ========================================================================= */

/* ---------- לשוניות המותגים ---------- */
.bpx-finder-tabs {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
	gap: 8px; padding: 0 0 14px; margin: 0 0 4px;
	border-bottom: 1px solid var(--bp-line-soft);
}
.bpx-on .bpx-finder-tab {
	display: flex; align-items: center; gap: 9px; text-align: start;
	padding: 9px 11px; border-radius: 12px;
	border: 1.5px solid var(--bp-line); background: #fff;
	cursor: pointer; font-family: inherit; color: var(--bp-brand, var(--bp-primary));
	transition: border-color .16s, box-shadow .16s, transform .16s, background-color .16s;
	white-space: normal;
}
.bpx-on .bpx-finder-tab:hover {
	border-color: var(--bp-brand, var(--bp-primary));
	box-shadow: var(--bp-sh); transform: translateY(-2px);
}
.bpx-on .bpx-finder-tab.is-active {
	border-color: var(--bp-brand, var(--bp-primary));
	background: color-mix(in srgb, var(--bp-brand, #6c0fd0) 8%, #fff);
	box-shadow: inset 0 0 0 1px var(--bp-brand, var(--bp-primary));
}
.bpx-finder-logo { flex: 0 0 auto; display: flex; }
.bpx-mark { width: 34px; height: 34px; display: block; }
.bpx-finder-tabtxt { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.bpx-finder-tabtxt strong {
	font-size: 14px; font-weight: 700; color: var(--bp-ink);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bpx-finder-tabtxt small { font-size: 11.5px; color: var(--bp-body); font-weight: 500; margin-top: 1px; }

/* ---------- אזור הדגמים ---------- */
.bpx-finder-body { max-height: 300px; }
.bpx-finder-group { margin-bottom: 14px; }
.bpx-on .bpx-finder-group .bpx-chip { padding: 8px 14px; font-size: 14px; }

/* ---------- כפתור ניווט צף ---------- */
.bpx-fab-waze { position: relative; }
.bpx-fab-nav { background: #33ccff; color: #04324a; }
.bpx-on .bpx-fab-nav:hover { color: #04324a; }
.bpx-fab-menu {
	position: absolute; bottom: 0; inset-inline-end: calc(100% + 12px);
	background: #fff; border-radius: var(--bp-r); box-shadow: var(--bp-sh-lg);
	border: 1px solid var(--bp-line); padding: 6px; width: 250px;
	opacity: 0; transform: translateY(6px); pointer-events: none;
	transition: opacity .18s, transform .18s;
}
.bpx-fab-menu[hidden] { display: none; }
.bpx-fab-waze.is-open .bpx-fab-menu { opacity: 1; transform: none; pointer-events: auto; }
.bpx-on .bpx-fab-menu a {
	display: flex; align-items: center; gap: 11px;
	padding: 11px 12px; border-radius: 10px; color: var(--bp-ink); text-decoration: none;
}
.bpx-on .bpx-fab-menu a:hover { background: var(--bp-primary-l); }
.bpx-fab-menu .bpx-i { width: 21px; height: 21px; color: var(--bp-primary); flex: 0 0 auto; }
.bpx-fab-menu span { display: flex; flex-direction: column; font-size: 14.5px; font-weight: 600; line-height: 1.3; }
.bpx-fab-menu small { font-weight: 400; font-size: 12px; color: var(--bp-body); margin-top: 2px; }

@media (max-width: 640px) {
	.bpx-finder-tabs { grid-template-columns: 1fr 1fr; gap: 7px; }
	.bpx-mark { width: 30px; height: 30px; }
	.bpx-finder-tabtxt strong { font-size: 13px; }
	.bpx-fab-menu {
		inset-inline-end: 0; bottom: calc(100% + 10px); width: min(78vw, 260px);
	}
}

/* מסך צר מאוד — לשונית אחת בשורה קריאה יותר מדחיסה */
@media (max-width: 360px) {
	.bpx-finder-tabs { grid-template-columns: 1fr; }
}