.brnd-market {
	--brnd-bg: #F7F8FA;
	--brnd-surface: #ffffff;
	--brnd-soft: #F7F8FA;
	--brnd-border: #E5E7EB;
	--brnd-text: #000000;
	--brnd-muted: #6B7280;
	--brnd-accent: #32FFAA;
	--brnd-accent-secondary: #FFE86E;
	--brnd-accent-ink: #000000;
	/* Legacy tokens retained for template and extension compatibility. */
	--brnd-purple: var(--brnd-accent-ink);
	--brnd-pink: var(--brnd-accent-secondary);
	--brnd-orange: var(--brnd-accent-secondary);
	--brnd-success: var(--brnd-accent);
	--brnd-gradient: linear-gradient(135deg, var(--brnd-accent) 0%, var(--brnd-accent-secondary) 100%);
	--brnd-cool: linear-gradient(135deg, rgba(50, 255, 170, 0.14), rgba(255, 232, 110, 0.18));
	--brnd-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
	--brnd-float: 0 22px 54px rgba(0, 0, 0, 0.18);
	--brnd-motion: 240ms ease;
	--brnd-motion-fast: 180ms ease;
	background: var(--brnd-bg);
	color: var(--brnd-text);
	font-family: "Heebo", sans-serif;
	/* margin-inline: calc(50% - 50vw); */
	/* min-height: 100vh; */
	min-height: calc(100vh - 100px);
	/* height: 100vh; */
	overflow-x: hidden;
	padding: 20px;
	direction: rtl;
	text-align: right;
	-webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;
}

.brnd-market *,
.brnd-market *::before,
.brnd-market *::after {
	box-sizing: border-box;
	letter-spacing: 0;
}

.brnd-market input,
.brnd-market textarea,
.brnd-market button {
	font: inherit;
	user-select: text;
}

.brnd-market button,
.brnd-market a {
	-webkit-tap-highlight-color: transparent;
}

.brnd-market a {
	text-decoration: none;
}

.brnd-market :where(a, button, input, textarea, .brnd-logo, .brnd-pill, .brnd-feature-card, .brnd-panel, .brnd-auth-panel, .brnd-asset-card, .brnd-card-titlebox, .brnd-card-logo, .brnd-tags span, .brnd-list-card, .brnd-submit-form, .brnd-empty, .brnd-modal__sheet, .brnd-metrics div, .brnd-selling-reason, .brnd-hero__visual, .brnd-hero__float, .brnd-feature-visual, .brnd-icon, .brnd-sent, .brnd-remove-saved) {
	transition:
		background var(--brnd-motion),
		border-color var(--brnd-motion),
		box-shadow var(--brnd-motion),
		color var(--brnd-motion),
		filter var(--brnd-motion),
		opacity var(--brnd-motion-fast),
		transform var(--brnd-motion);
}


/* Use the supplied brand mark for the existing image hook.
   Move this URL to the template img src when the PHP source is available. */
.brnd-market img.bizimatch-logo {
	content: url("../images/bizmatch_fav.svg");
	object-fit: contain;
	aspect-ratio: 1;
	height: auto;
    width: 50px;
}

.brnd-logo {
	align-items: center;
	background: url("../images/bizmatch_fav.svg") center / contain no-repeat;
	border-radius: 11px;
	box-shadow: none;
	color: transparent;
	display: inline-flex;
	font-size: 0;
	font-weight: 900;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.brnd-logo:hover {
	box-shadow: 0 24px 58px rgba(0, 0, 0, 0.24);
	transform: translateY(-2px) scale(1.03);
}

.brnd-pill {
	align-items: center;
	background: #fff;
	border-radius: 999px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
	color: var(--brnd-text);
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	min-height: 28px;
	padding: 6px 12px;
	text-transform: capitalize;
}

.brnd-pill:hover {
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
	transform: translateY(-1px);
}

.brnd-pill--gradient {
	background: var(--brnd-gradient);
	color: var(--brnd-accent-ink);
}

.brnd-pill--success {
	background: #e9fff6;
	color: #087a51;
}

.brnd-button,
.brnd-market input[type="submit"] {
	align-items: center;
	border: 0;
	border-radius: 20px;
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	font-weight: 800;
	justify-content: center;
	min-height: 48px;
	padding: 13px 20px;
	transition: transform var(--brnd-motion-fast), box-shadow var(--brnd-motion-fast), background var(--brnd-motion-fast), filter var(--brnd-motion-fast), opacity var(--brnd-motion-fast);
}

.brnd-button:hover,
.brnd-market input[type="submit"]:hover {
	filter: saturate(1.04);
	transform: translateY(-2px) scale(1.01);
}

.brnd-button:active,
.brnd-market input[type="submit"]:active {
	transform: translateY(0) scale(0.98);
}

.brnd-button:focus-visible,
.brnd-market input[type="submit"]:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16), var(--brnd-shadow);
}

.brnd-button--gradient,
.brnd-market input[type="submit"] {
	background: var(--brnd-gradient);
	box-shadow: var(--brnd-float);
	color: var(--brnd-accent-ink) !important;
    background-size:100%;
}

.brnd-button--gradient:hover,
.brnd-market input[type="submit"]:hover {
	box-shadow: 0 24px 58px rgba(0, 0, 0, 0.24);
    background-size:150%;
}
.brnd-profile-form input:disabled {
    pointer-events: none;
    background: #00000010;
}

.brnd-profile-form .disabled {
    pointer-events: none;
    background: #00000010;
}

.brnd-button--light {
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
	color: var(--brnd-text);
}

.brnd-button--light:hover {
	background: var(--brnd-soft);
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.08);
}

.brnd-hero {
	display: grid;
	gap: 20px;
	margin: 0 auto;
	max-width: 1180px;
	min-height: calc(100vh - 36px);
	padding: 20px 0 50px;
	align-items: center;
}

.brnd-hero__copy {
	align-self: end;
	padding-top: 16px;
}

.brnd-hero h1 {
	color: var(--brnd-text);
	font-size: clamp(32px, 10vw, 56px);
	font-weight: 850;
	line-height: 1.02;
	margin: 18px 0 0;
	max-width: 720px;
}

.brnd-hero p,
.brnd-section__head p,
.brnd-feature-card p,
.brnd-panel p {
	color: var(--brnd-muted);
	font-size: 16px;
	line-height: 1.2;
}

.brnd-hero__copy > p {
	font-size: 18px;
	margin: 18px 0 0;
	max-width: 610px;
}

.brnd-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 26px;
}

.brnd-hero__visual {
	/* background: var(--brnd-cool); */
	border-radius: 36px;
	/* box-shadow: var(--brnd-shadow); */
	min-height: 400px;
	height: fit-content;
	/* overflow: hidden; */
	position: relative;
}

.brnd-hero__visual:hover {
	box-shadow: 0 26px 64px rgba(0, 0, 0, 0.11);
	transform: translateY(-2px);
}

.brnd-hero__visual img {
	display: block;
	height: auto;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.brnd-hero__float {
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(18px);
	border-radius: 28px;
	bottom: 16px;
	box-shadow: var(--brnd-shadow);
	left: 16px;
	padding: 16px;
	position: absolute;
	right: 16px;
}

.brnd-hero__float:hover {
	background: rgba(255, 255, 255, 0.94);
	transform: translateY(-2px);
}

.brnd-hero__float strong,
.brnd-hero__float span {
	display: block;
}

.brnd-hero__float span {
	color: var(--brnd-muted);
	font-size: 13px;
	font-weight: 700;
	margin-top: 4px;
}

.brnd-section {
	margin: 0 auto;
	max-width: 1180px;
	padding: 52px 0;
}

.brnd-section__head {
	margin-bottom: 24px;
}

.brnd-section__head span {
	color: var(--brnd-accent-ink);
	font-size: 13px;
	font-weight: 850;
}

.brnd-section__head h2 {
	font-size: clamp(30px, 7vw, 44px);
	line-height: 1.08;
	margin: 8px 0 0;
}

.brnd-feature-grid {
	display: grid;
	gap: 16px;
}

.brnd-feature-card,
.brnd-panel,
.brnd-auth-panel,
.brnd-asset-card,
.brnd-submit-form,
.brnd-empty,
.brnd-list-card {
	background: #fff;
	border: 1px solid var(--brnd-border);
	border-radius: 20px;
	box-shadow: var(--brnd-shadow);
}

.brnd-feature-card {
	padding: 20px;
}

.brnd-feature-card:hover,
.brnd-panel:hover,
.brnd-list-card:hover,
.brnd-submit-form:hover,
.brnd-auth-panel:hover,
.brnd-empty:hover {
	border-color: rgba(0, 0, 0, 0.14);
	box-shadow: 0 24px 58px rgba(0, 0, 0, 0.10);
	transform: translateY(-3px);
}

.brnd-feature-card h3 {
	font-size: 20px;
	line-height: 1.2;
	margin: 16px 0 8px;
}

.brnd-feature-visual,
.brnd-icon,
.brnd-modal__visual {
	background: var(--brnd-gradient);
}

.brnd-feature-visual {
	border-radius: 24px;
	height: 128px;
	margin-bottom: 18px;
}

.brnd-feature-card:hover .brnd-feature-visual,
.brnd-feature-card:hover .brnd-icon {
	filter: saturate(1.08);
	transform: scale(1.015);
}

.brnd-icon {
	align-items: center;
	border-radius: 18px;
	color: var(--brnd-accent-ink);
	display: flex;
	font-weight: 900;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.brnd-auth-shell {
	display: grid;
	place-items: center;
}

.brnd-auth-panel,
.brnd-auth-card {
	margin: 0 auto;
	max-width: 920px;
	padding: 24px;
	width: 100%;
}

.brnd-auth-panel h1 {
	font-size: 38px;
	line-height: 1.05;
	margin: 22px 0 10px;
}

.brnd-auth-grid {
	display: grid;
	gap: 22px;
	margin-top: 28px;
}

.brnd-market form label {
	color: var(--brnd-text);
	display: grid;
	font-size: 14px;
	font-weight: 800;
	gap: 8px;
	margin-bottom: 14px;
}

.brnd-market form label small {
	color: var(--brnd-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.45;
}

.brnd-market input:not([type="checkbox"]):not([type="radio"]),
.brnd-market textarea {
	/* background: #fff; */
	border: 1px solid var(--brnd-border);
	border-radius: 18px;
	color: var(--brnd-text);
	min-height: 48px;
	outline: none;
	padding: 12px 14px;
	width: 100%;
	font-weight:400;
    transition: all .3s ease;
}

.brnd-market input:not([type="checkbox"]):not([type="radio"]):hover,
.brnd-market textarea:hover {
	border-color: var(--brnd-accent-ink);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);
}

.brnd-market textarea {
	min-height: 132px;
	resize: vertical;
}

.brnd-market input:focus,
.brnd-market textarea:focus {
	border-color: var(--brnd-accent-ink);
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}

.brnd-app {
	background:
		radial-gradient(circle at 12% 8%, rgba(50, 255, 170, 0.12), transparent 28%),
		radial-gradient(circle at 82% 4%, rgba(255, 232, 110, 0.12), transparent 24%),
		var(--brnd-bg);
	/* padding-bottom: 104px; */
}

.brnd-appbar {
	align-items: center;
	background: transparent;
	border: 0;
	box-shadow: none;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 20px;
	max-width: 1180px;
	/* padding-bottom: 20px; */
	position: sticky;
	/* top: 10px; */
	z-index: 20;
}

.brnd-appbar:hover {
	transform: none;
}

.brnd-appbar__button {
	align-items: center;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(0, 0, 0, 0.04);
	border-radius: 20px;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08);
	color: var(--brnd-text);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.brnd-appbar__button:hover {
	background: #fff;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.10);
	transform: translateY(-2px);
}

.brnd-appbar__button span {
	background: currentColor;
	border-radius: 999px;
	display: block;
	height: 2px;
	width: 27px;
}

.brnd-appbar__button--filters span {
	position: relative;
	width: 24px;
}

.brnd-appbar__button--filters span::after {
	background: #fff;
	border: 2px solid currentColor;
	border-radius: 999px;
	content: "";
	height: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
}

.brnd-appbar__button--filters span:first-child::after {
	left: 4px;
}

.brnd-appbar__button--filters span:last-child::after {
	right: 4px;
}

.brnd-appbar__title {
	text-align: center;
}

.brnd-appbar__title strong,
.brnd-appbar__title span {
	display: block;
}

.brnd-appbar__title strong {
	color: var(--brnd-text);
	font-size: 24px;
	font-weight: 900;
	line-height: 1.05;
}

.brnd-appbar__title span {
	color: var(--brnd-muted);
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
}

.brnd-app-layout {
	display: grid;
	gap: 20px;
	/* padding: 20px; */
	margin: 0 auto;
	max-width: 1180px;
}

.brnd-app-main {
	min-width: 0;
}

.brnd-side-nav, .brnd-insights {
	display: none;
}

.brnd-side-nav,
.brnd-bottom-nav {
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(10px);
	border: 1px solid var(--brnd-border);
	box-shadow: var(--brnd-shadow);
	gap:10px;
	backdrop-filter: url(#liquid-prism-intense2) blur(3px);
    -webkit-backdrop-filter: url(#liquid-prism-intense2);
}

.brnd-side-nav a,
.brnd-bottom-nav a {
	border-radius: 18px;
	color: var(--brnd-muted);
	font-size: 14px;
	font-weight: 400;
	/* min-height: 48px; */
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 20px;
}
.brnd-bottom-nav a{
	justify-content: center;
}

.brnd-side-nav a:hover,
.brnd-bottom-nav a:hover {
	background: var(--brnd-soft);
	color: var(--brnd-text);
	transform: translateY(-1px);
}

.brnd-side-nav a:focus-visible,
.brnd-bottom-nav a:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);
}

.brnd-side-nav a.is-active,
.brnd-bottom-nav a.is-active {
	background: var(--brnd-accent);
	color: var(--brnd-accent-ink);
	font-weight: bold;
}

.brnd-side-nav a.is-active:hover,
.brnd-bottom-nav a.is-active:hover {
	filter: saturate(1.05);
}

.brnd-bottom-nav {
	border-radius: 32px;
	bottom: 14px;
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	left: 50%;
	max-width: 430px;
	padding: 12px 10px;
	position: fixed;
	right: auto;
	transform: translateX(-50%);
	width: calc(100% - 28px);
	z-index: 30;
}

.brnd-deck {
	margin: 0 auto;
	max-width: 430px;
	position: relative;
	width: 100%;
}

.brnd-discover-tabs {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(0, 0, 0, 0.04);
	border-radius: 26px;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08);
	display: grid;
	gap: 4px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 auto 18px;
	max-width: 300px;
	padding: 5px;
}

.brnd-discover-tabs button {
	background: transparent;
	border: 0;
	border-radius: 22px;
	color: var(--brnd-muted);
	cursor: pointer;
	font-size: 16px;
	font-weight: 850;
	min-height: 36px;
}

.brnd-discover-tabs button:hover,
.brnd-discover-tabs button.is-active {
	background: #fff;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.07);
	color: var(--brnd-accent-ink);
}

.brnd-deck__hint {
	display: none;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 999px;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
	color: var(--brnd-muted);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
	margin: 0 auto 12px;
	max-width: 390px;
	padding: 10px 14px;
	text-align: center;
}

.brnd-deck__hint:hover {
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.07);
	transform: translateY(-1px);
}

.brnd-deck_stage {
	/* min-height: 820px; */
	position: relative;
}

.brnd-deck__count {
	color: var(--brnd-muted);
	font-size: 12px;
	font-weight: 850;
	margin-top: 10px;
	text-align: center;
}

.brnd-asset-card {
	--drag-x: 0px;
	--drag-y: 0px;
	--drag-rotate: 0deg;
	left: 0;
	margin: 0 auto;
	max-width: 430px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	touch-action: none;
	transform: translate3d(0, 18px, 0) scale(0.94);
	transition: transform 240ms ease, opacity 220ms ease, filter 220ms ease;
	width: 100%;
	will-change: transform;
	z-index: 1;
}

.brnd-asset-card.is-active {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(var(--drag-x), var(--drag-y), 0) rotate(var(--drag-rotate)) scale(1);
	z-index: 5;
}

.brnd-asset-card.is-active:hover {
	box-shadow: 0 28px 68px rgba(0, 0, 0, 0.12);
}

.brnd-asset-card.is-next {
	filter: saturate(0.95);
	opacity: 0.86;
	transform: translate3d(0, 22px, 0) scale(0.965);
	z-index: 4;
}

.brnd-asset-card.is-after {
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, 34px, 0) scale(0.93);
}

.brnd-asset-card.is-before {
	opacity: 0;
	pointer-events: none;
	transform: translate3d(-36px, 8px, 0) rotate(-7deg) scale(0.96);
}

.brnd-asset-card.is-dragging {
	transition: none;
}

.brnd-asset-card.is-requested {
	/* box-shadow: 0 0 0 2px var(--brnd-success), var(--brnd-shadow); */
    border: 1px solid var(--brnd-success);
}

.brnd-swipe-badge {
	border: 2px solid currentColor;
	border-radius: 18px;
	font-size: 18px;
	font-weight: 950;
	opacity: 0;
	padding: 8px 14px;
	position: absolute;
	top: 94px;
	transform: rotate(-8deg);
	transition: opacity var(--brnd-motion-fast), transform var(--brnd-motion-fast), box-shadow var(--brnd-motion-fast);
	z-index: 8;
}

.brnd-swipe-badge--skip {
	color: #f04f72;
	left: 24px;
}

.brnd-swipe-badge--prev {
	color: var(--brnd-accent-ink);
	right: 24px;
	transform: rotate(8deg);
}

.brnd-swipe-badge--details {
	background: rgba(255, 255, 255, 0.9);
	border-color: transparent;
	box-shadow: var(--brnd-shadow);
	color: var(--brnd-text);
	left: 50%;
	top: 26px;
	transform: translateX(-50%);
}

.brnd-asset-card.is-skip-drag .brnd-swipe-badge--skip,
.brnd-asset-card.is-prev-drag .brnd-swipe-badge--prev,
.brnd-asset-card.is-detail-drag .brnd-swipe-badge--details {
	opacity: 1;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10);
}

.brnd-card-visual {
	background:
		radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.65), transparent 20%),
		var(--brnd-gradient);
	background-position: center;
	background-size: cover;
	min-height: 250px;
	overflow: hidden;
	padding: 18px;
	position: relative;
}

.brnd-card-visual::before {
	background:
		linear-gradient(135deg, rgba(255,255,255,0.24), transparent 34%),
		radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.36), transparent 18%),
		radial-gradient(circle at 58% 52%, rgba(255,255,255,0.18), transparent 22%);
	content: "";
	inset: 0;
	position: absolute;
}

.brnd-card-visual > * {
	position: relative;
}
.brnd-panel_image{
	width: 100%;
	border-radius: 20px;
	/* filter: hue-rotate(0deg) saturate(1.2) invert(1); */
}

.brnd-card-heading-title{
	display: flex;
	flex-direction: row;
	gap:10px;
	align-items: center;
}

span.brnd-match-pill {
    background: white;
    padding: 5px 10px;
    border-radius: 50px;
}

.brnd-verified-dot{
	/* background: #004cff; */
	background: var(--brnd-accent-ink);
    color: white;
    font-size: 12px;
    padding: 2px 7px;
    border-radius: 50px;
    /* transform: translateY(2px); */
}

.brnd-card-titlebox {
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(22px);
	border: 1px solid rgba(255, 255, 255, 0.76);
	border-radius: 30px;
	bottom: 18px;
	box-shadow: var(--brnd-shadow);
	left: 18px;
	padding: 16px;
	position: absolute;
	right: 18px;
}

.brnd-card-description {
    margin-top: 10px !important;
	margin-bottom: 10px !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.brnd-asset-card.is-active:hover .brnd-card-titlebox {
	background: rgba(255, 255, 255, 0.94);
	transform: translateY(-2px);
}

.brnd-card-logo {
	align-items: center;
	background: var(--brnd-text);
	border-radius: 22px;
	color: #fff;
	display: flex;
	font-weight: 900;
	height: 62px;
	justify-content: center;
	margin-bottom: 12px;
	width: 62px;
}

.brnd-asset-card.is-active:hover .brnd-card-logo {
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
	transform: translateY(-1px) scale(1.03);
}

.brnd-card-titlebox strong,
.brnd-card-titlebox small {
	display: block;
}

.brnd-card-titlebox strong {
	font-size: 20px;
}

.brnd-card-titlebox small {
	color: var(--brnd-muted);
	font-weight: 700;
	margin-top: 4px;
}

.brnd-card-body {
	padding: 20px;
}
.brnd-card-meta {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	color: var(--brnd-muted);
	margin-bottom: 10px;
}

.brnd-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.brnd-tags span {
	background: var(--brnd-soft);
	border-radius: 999px;
	color: var(--brnd-text);
	font-size: 14px;
	font-weight: 400;
	padding: 5px 10px;
	/* flex:none; */
}

.brnd-tags span:hover {
	background: #fff;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
	color: var(--brnd-text);
	transform: translateY(-1px);
}

.brnd-card-body h2 {
	font-size: 24px;
	line-height: 1.2;
	/* margin: 10px 0 10px; */
}

.brnd-card-body p {
	color: var(--brnd-muted);
	font-size: 16px;
	line-height: 1.7;
	margin:0;
}

.brnd-sent {
	background: #e9fff6;
	border-radius: 18px;
	color: #087a51;
	font-weight: 850;
	margin-top: 14px;
    padding: 5px 10px;
    position: absolute;
    left: 20px;
    top: 0;
}

.brnd-sent:hover {
	background: #dcfff1;
	transform: translateY(-1px);
}

.brnd-card-actions {
	display: flex;
	justify-content: center;
	gap: 20px;
	/* grid-template-columns: repeat(3, 1fr); */
	margin: 20px auto 0;
	max-width: 280px;
}

.brnd-circle {
	align-items: center;
	background: #fff;
	border: 1px solid var(--brnd-border);
	border-radius: 999px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	color: var(--brnd-text);
	cursor: pointer;
	display: flex;
	font-size: 25px!important;
	font-weight: 900;
	height: 56px;
	width: 100%;
	justify-content: center;
	line-height: 1.1;
	padding: 4px;
	text-align: center;
}

.brnd-circle:hover {
	/* background: #fff; */
	border-color: rgba(0, 0, 0, 0.16);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.10);
	transform: translateY(-3px) scale(1.04);
}

.brnd-circle:active {
	transform: translateY(0) scale(0.96);
}

.brnd-circle:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16), 0 18px 42px rgba(0, 0, 0, 0.10);
}

.brnd-circle--skip {
	color: #f04f72;
}

.brnd-circle--save {
	color: var(--brnd-accent-ink);
}
.brnd-circle--save path{
	stroke: var(--brnd-accent-ink);
	stroke-width: 2px;
	fill: transparent;
}
.brnd-circle--save:hover path, .brnd-circle.is-active path{
	fill: var(--brnd-accent-ink);
}
.brnd-circle.is-active path{stroke-width:0;}

.brnd-circle--details path{
	fill: currentColor;
}

.brnd-circle.is-active {
	color: var(--brnd-accent-ink);
	background: var(--brnd-cool);
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16);
	border: 2px solid var(--brnd-accent-ink);
	/* border: 5px solid transparent; */
    /* border-radius: 50px; */
    /*background: linear-gradient(#fff, #fff) padding-box, /* Inner content area background */ /*var(--brnd-gradient) border-box*/
}
.brnd-circle.is-active:after {
	content: "שמור";
    font-size: 16px;
    padding: 5px 10px;
    display: block;
    /* top: 10px; */
    /* left: 10px; */
    background: white;
    z-index: 2;
    position: absolute;
    transform: translate(20px, -30px);
    border-radius: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.brnd-circle--gradient {
	background: var(--brnd-gradient);
	color: var(--brnd-accent-ink);
}

.brnd-circle--gradient:hover {
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.26);
	filter: saturate(1.08);
}

.brnd-text-button {
	background: var(--brnd-soft);
	border: 1px solid rgba(0, 0, 0, 0.04);
	border-radius: 18px;
	color: var(--brnd-accent-ink);
	cursor: pointer;
	display: block;
	font-weight: 850;
	margin-top: 14px;
	min-height: 46px;
	width: 100%;
}

.brnd-text-button:hover {
	background: #fff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
	color: var(--brnd-accent-ink);
	transform: translateY(-1px);
}

.brnd-text-button:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.16);
}

.brnd-empty,
.brnd-submit-form,
.brnd-list-card {
	max-width: 430px;
	padding: 20px;
}

.brnd-modal {
	display: none;
	inset: 0;
	position: fixed;
	z-index: 1000;
}

.brnd-modal.is-open {
	display: block;
}

.brnd-modal__backdrop {
	background: rgba(0, 0, 0, 0.34);
	inset: 0;
	position: absolute;
    backdrop-filter: blur(5px);

}

.brnd-modal__sheet {
	animation: brndSheet 220ms ease-out;
	background: #fff;
	border-radius: 32px 32px 0 0;
	bottom: 0;
	box-shadow: var(--brnd-shadow);
	left: 0;
	max-height: 92vh;
	overflow: auto;
	position: absolute;
	right: 0;
}

.brnd-modal.is-open .brnd-modal__sheet:hover {
	box-shadow: 0 28px 72px rgba(0, 0, 0, 0.16);
}

.brnd-modal__close {
	background: rgba(255, 255, 255, 0.86);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	font-size: 28px;
	height: 46px;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 46px;
	z-index: 4;
}

.brnd-modal__close:hover {
	background: #fff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
	transform: translateY(-1px) scale(1.03);
}

.brnd-modal__close:active {
	transform: scale(0.96);
}

.brnd-modal__visual {
	background:
		radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.55), transparent 20%),
		var(--brnd-gradient);
	background-position: center;
	background-size: cover;
	height: 150px;
}

.brnd-modal__content {
	padding: 22px;
}

.brnd-modal__content h2 {
	line-height: 1.2;
	margin: 16px 0 10px;
}

.brnd-modal__content > p {
	color: var(--brnd-muted);
	line-height: 1.4;
}

.brnd-selling-reason {
	background: var(--brnd-soft);
	border-radius: 20px;
	margin: 18px 0 0;
	padding: 16px;
}

.brnd-selling-reason strong {
	color: var(--brnd-text);
	display: block;
	font-size: 14px;
	font-weight: 850;
	margin-bottom: 6px;
}

.brnd-selling-reason p {
	color: var(--brnd-muted);
	line-height: 1.4;
	margin: 0;
}

.brnd-selling-reason__toggle {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.brnd-selling-reason__more {
	display: block;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(-4px);
	transition: max-height var(--brnd-motion), opacity var(--brnd-motion), transform var(--brnd-motion);
	vertical-align: top;
}

.brnd-selling-reason__label {
	color: var(--brnd-accent-ink);
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 800;
	margin-top: 10px;
	background: var(--brnd-border);
	padding: 5px 10px;
	border-radius: 10px;
}

.brnd-selling-reason__collapse {
	display: none;
}

.brnd-selling-reason__toggle:checked ~ p .brnd-selling-reason__ellipsis {
	display: none;
}

.brnd-selling-reason__toggle:checked ~ p .brnd-selling-reason__more {
	max-height: 160px;
	opacity: 1;
	transform: translateY(0);
}

.brnd-selling-reason__toggle:checked ~ .brnd-selling-reason__label .brnd-selling-reason__expand {
	display: none;
}

.brnd-selling-reason__toggle:checked ~ .brnd-selling-reason__label .brnd-selling-reason__collapse {
	display: inline;
}

.brnd-metrics {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 22px 0;
}

.brnd-login-form{
		background: var(--brnd-cool);
		padding:20px;
		border-radius:20px;
}

@media screen and (max-width: 425px){
	.brnd-metrics {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

.brnd-metrics div {
	background: var(--brnd-soft);
	border-radius: 20px;
	padding: 14px;
}

.brnd-metrics div:hover {
	background: #fff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
	transform: translateY(-2px);
}

.brnd-metrics small,
.brnd-metrics strong {
	display: block;
}

.brnd-metrics small {
	color: var(--brnd-muted);
	font-size: 12px;
	font-weight: 800;
}

.brnd-metrics strong {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 4px;
}

label#fname {
    /* display: none; */
}

.brnd-form-message {
	color: var(--brnd-muted);
	font-size: 13px;
	font-weight: 750;
	line-height: 1.4;
	margin: 12px 0 0;
	text-align: center;
}

.brnd-form-message.is-success {
	color: var(--brnd-accent-ink);
}

.brnd-form-message.is-error {
	color: #b42318;
}

.brnd-request-form--cf7 {
	display: grid;
	gap: 10px;
}

.brnd-request-form--cf7 .wpcf7 {
	direction: rtl;
}

.brnd-request-form--cf7 .wpcf7-form {
	display: grid;
	gap: 12px;
}

.brnd-request-form--cf7 .wpcf7-form p {
	margin: 0;
}

.brnd-request-form--cf7 .wpcf7-submit {
	width: 100%;
}

.brnd-request-form--cf7 .wpcf7-spinner {
	margin: 8px auto 0;
}
.modal-form-wrap{
    display:none;
}
.wpcf7 form .wpcf7-response-output{
    border: none;
}
.brnd-request-form--cf7 .wpcf7-spinner {
    position: absolute;
    right: 0px;
    bottom: 20px;
}

.brnd-request-form--cf7 .wpcf7-not-valid-tip,
.brnd-request-form--cf7 .wpcf7-response-output {
	border: 0;
	color: #b42318;
	font-size: 13px;
	font-weight: 750;
	line-height: 1.4;
	margin: 6px 0 0;
	padding: 0;
    /* background: white; */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    /* min-height: 40px; */
    /* padding: 20px; */
    /* text-align: center; */
    /* margin: auto; */
    /* border-bottom-left-radius: 20px; */
    /* border-bottom-right-radius: 20px; */
}

.brnd-request-form--cf7 .sent .wpcf7-response-output {
	color: #087a51;
    background: white;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    min-height: 40px;
    padding: 20px;
    text-align: center;
    margin: auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.brnd-request-success {
	align-items: center;
	background: #fff;
	border-radius: inherit;
	display: flex;
	inset: 0;
	justify-content: center;
	opacity: 0;
	padding: 28px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	transition: opacity 180ms ease;
	z-index: 3;
}

.brnd-request-success.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.brnd-request-success__card {
	align-items: center;
	display: grid;
	gap: 14px;
	justify-items: center;
	max-width: 380px;
	width: 100%;
}

.brnd-request-success__icon {
	align-items: center;
	background: var(--brnd-success);
	border-radius: 999px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
	color: var(--brnd-accent-ink);
	display: flex;
	font-size: 42px;
	font-weight: 900;
	height: 86px;
	justify-content: center;
	line-height: 1;
	width: 86px;
}

.brnd-request-success h3 {
	color: var(--brnd-text);
	font-size: clamp(26px, 7vw, 38px);
	line-height: 1.12;
	margin: 4px 0 0;
}

.brnd-request-success p {
	color: var(--brnd-muted);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
}

.brnd-request-success .brnd-button {
	margin-top: 8px;
	min-width: min(240px, 100%);
}

.brnd-empty--compact {
	box-shadow: none;
	padding: 16px;
}

.brnd-submit-form {
	display: grid;
	gap: 10px;
	max-width: 760px;
    /* margin-bottom: 100px; */
}
@media screen and (max-width:425px){
	.brnd-submit-form {gap:5px;}
}

.brnd-submit-form h2 {
	font-size: 30px;
	margin: 0 0 6px;
}

.brnd-field-full {
	grid-column: 1 / -1;
}

.brnd-list {
	display: grid;
	gap: 12px;
	margin: 0 auto;
	max-width: 760px;
}

.brnd-list-card {
	margin-top: 0;
	max-width: 100%;
}

.brnd-list-card.is-removing {
	opacity: 0;
	transform: translateY(8px) scale(0.98);
}

.brnd-list-card strong,
.brnd-list-card span {
	display: block;
}

.brnd-list-card span,
.brnd-list-card p {
	color: var(--brnd-muted);
}

.brnd-list-card__actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 14px;
}

.brnd-remove-saved {
	background: #fff;
	border: 1px solid rgba(244, 63, 94, 0.18);
	border-radius: 16px;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
	/* color: #be123c; */
	color: var(--brnd-accent-ink);
	cursor: pointer;
	font-size: 13px;
	font-weight: 850;
	min-height: 42px;
	padding: 10px 14px;
}

.brnd-remove-saved:hover {
	background: #fff1f2;
	border-color: rgba(244, 63, 94, 0.28);
	box-shadow: 0 14px 34px rgba(190, 18, 60, 0.10);
	transform: translateY(-1px);
}

.brnd-remove-saved:active {
	transform: translateY(0) scale(0.98);
}

.brnd-remove-saved:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 4px rgba(244, 63, 94, 0.13), 0 14px 34px rgba(190, 18, 60, 0.10);
}

.brnd-account-grid {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0 auto;
	max-width: 760px;
}

.brnd-profile-form {
	display: grid;
	gap: 12px;
}

.brnd-profile-form__head {
	display: grid;
	gap: 12px;
	margin-bottom: 4px;
}

.brnd-profile-form__head p {
	margin: 8px 0 0;
}

.brnd-profile-form__head .brnd-pill {
	justify-self: start;
	max-width: 100%;
	overflow-wrap: anywhere;
	text-transform: none;
}

.brnd-profile-form__actions {
	align-items: center;
	display: grid;
	gap: 10px;
}

.brnd-profile-form__actions .brnd-button {
	width: 100%;
}

.brnd-profile-form__actions .brnd-form-message {
	margin: 0;
	text-align: right;
}
.brnd-profile-email{
	background: #f1f1f1;
	/* font-weight:400; */
	border: 1px solid var(--brnd-border);
}
.brnd-profile-sum{
	display:flex;
	width: 100%;
	gap:10px;
	
}
.brnd-profile-sum .brnd-panel{
	flex-direction: column-reverse;
	display:flex;
	gap:5px;
	width:100%;
}

.brnd-panel {
	padding: 20px;
	height: fit-content;
    display: flex;
    flex-direction: column;
    gap:10px;
}

.brnd-panel strong,
.brnd-panel span {
	display: block;
}

.brnd-panel > span {
	font-size: 32px;
	font-weight: 900;
	line-height: 1em;
	/* margin-top: 10px; */
}
.brnd-panel p{
    margin-bottom: 10px;

}

.brnd-panel--gradient {
	background: var(--brnd-cool);
}

.brnd-insights {
		display: flex;
		flex-direction: column;
		gap: 20px;
		position: sticky;
		top: 104px;
	}

.brnd-progress {
	background: var(--brnd-soft);
	border-radius: 999px;
	display: block;
	height: 10px;
	/* margin-top: 10px; */
	overflow: hidden;
}

.brnd-progress i {
	background: var(--brnd-gradient);
	border-radius: inherit;
	display: block;
	height: 100%;
	width: 20%;
}

.brnd_submit_title{
	display:flex; flex-direction:column; gap:10px;padding: 20px; background:white; border-radius:20px; margin-bottom:20px;
}
h1, h2, h3, p{
	margin:0;
	margin-block-start:0;
	margin-block-end:0;
}

@media (hover: none) {
	.brnd-logo:hover,
	.brnd-pill:hover,
	.brnd-hero__visual:hover,
	.brnd-hero__float:hover,
	.brnd-feature-card:hover,
	.brnd-panel:hover,
	.brnd-list-card:hover,
	.brnd-submit-form:hover,
	.brnd-auth-panel:hover,
	.brnd-empty:hover,
	.brnd-feature-card:hover .brnd-feature-visual,
	.brnd-feature-card:hover .brnd-icon,
	.brnd-appbar:hover,
	.brnd-deck__hint:hover,
	.brnd-asset-card.is-active:hover,
	.brnd-asset-card.is-active:hover .brnd-card-titlebox,
	.brnd-asset-card.is-active:hover .brnd-card-logo,
	.brnd-tags span:hover,
	.brnd-sent:hover,
	.brnd-circle:hover,
	.brnd-remove-saved:hover,
	.brnd-text-button:hover,
	.brnd-modal__close:hover,
	.brnd-metrics div:hover {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.brnd-market *,
	.brnd-market *::before,
	.brnd-market *::after {
		animation-duration: 1ms !important;
		scroll-behavior: auto !important;
		transition-duration: 1ms !important;
	}
}

@keyframes brndSheet {
	from {
		opacity: 0;
		transform: translateY(24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (min-width: 560px) {
	.brnd-actions {
		flex-direction: row;
	}

	.brnd-account-grid,
	.brnd-feature-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.brnd-profile-form {
		grid-column: 1 / -1;
	}

	.brnd-profile-form__head {
		align-items: start;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.brnd-profile-form__actions {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.brnd-profile-form__actions .brnd-button {
		width: auto;
	}

	.brnd-submit-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.brnd-market {
		padding: 20px;
		
	}

	.brnd-auth-grid,
	.brnd-hero {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.brnd-auth-grid{
		gap:50px;
	}
	

	.brnd-hero__copy {
		align-self: center;
	}

	.brnd-app-layout {
		grid-template-columns: 190px minmax(0, 1fr);
	}

	.brnd-side-nav {
		align-self: start;
		border-radius: 28px;
		display: grid;
		gap: 4px;
		padding: 10px;
		position: sticky;
		width: 100%;
		/* top: 104px; */
	}

	.brnd-side-nav a {
		text-align: right;
	}

	.brnd-bottom-nav {
		/* display: none; */
	}

	.brnd-feature-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.brnd-modal__sheet {
		border-radius: 32px;
		bottom: auto;
		left: 50%;
		max-width: 680px;
		right: auto;
		top: 50%;
		transform: translate(-50%, -50%);
		width: min(92vw, 680px);
	}

	.brnd-modal.is-open .brnd-modal__sheet {
		animation: brndModal 220ms ease-out;
	}

	@keyframes brndModal {
		from {
			opacity: 0;
			transform: translate(-50%, calc(-50% + 20px));
		}

		to {
			opacity: 1;
			transform: translate(-50%, -50%);
		}
	}

	.brnd-modal__visual{
		height: 300px;
	}
}

@media (min-width: 1025px) {
	.brnd-app-layout {
		grid-template-columns: 300px minmax(0, 1fr) 300px;
	}

	
}

@media screen and (max-width: 480px) {
	.brnd-appbar{
		/* padding: 20px; */
		margin-bottom: 0px;
	}
	img.bizimatch-logo {
		width: 50px;
	}
	.brnd-app-layout{
		/* padding:20px 0 150px; */
		padding:20px 0;
	}
	.brnd-card-visual{
		min-height: 180px;
	}
	.brnd-appbar__title strong {
		font-size: 18px;
	}
    .brnd-app {
		padding-bottom: 90px;
	}
}
@media screen and (max-width: 360px) {
	.brnd-bottom-nav a{
		font-size:14px;
	}
	.brnd-text-button{
		display:none;
	}
	
}

/* Authentication: one form column, independent media, ready for OTP fields. */
.brnd-auth-page { padding: clamp(16px, 3vw, 40px); user-select: text; }
.brnd-auth-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); max-width: 1360px; margin: 0 auto; background: #fff; border: 1px solid var(--brnd-border); border-radius: 28px; overflow: hidden; min-height: 740px; }
.brnd-auth-content { display: flex; align-items: center; justify-content: center; padding: 48px clamp(28px, 4vw, 64px); min-width: 0; }
.brnd-auth-content__inner { width: 100%; max-width: 420px; }
.brnd-auth-brand { display: block; width: 220px; max-width: 70%; margin: 0 auto 32px; }
.brnd-auth-brand img { display: block; width: 100%; height: auto; }
.brnd-auth-heading { text-align: center; margin-bottom: 28px; }
.brnd-auth-heading h1 { font-size: clamp(30px, 3vw, 42px); font-weight: 800; line-height: 1.2; margin: 0 0 12px; color: var(--brnd-text); }
.brnd-auth-heading p { font-size: 16px; line-height: 1.7; color: var(--brnd-muted); margin: 0; }
.brnd-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; background: var(--brnd-soft); padding: 4px; border-radius: 16px; margin-bottom: 28px; }
.brnd-auth-tabs a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 16px; border-radius: 12px; color: #52565e; font-size: 16px; font-weight: 700; }
.brnd-auth-tabs a:hover { color: #000; background: #e8ecea; }
.brnd-auth-tabs a.is-active { background: var(--brnd-accent); color: #000; }
.brnd-auth-page :where(a, button, input):focus-visible { outline: 2px solid #000; outline-offset: 4px; }
.brnd-auth-form-panel[hidden] { display: none !important; }
.brnd-auth-form-panel form { margin: 0; }
.brnd-auth-form-panel form > p { margin: 0 0 18px; }
.brnd-auth-form-panel form label { font-size: 14px; font-weight: 600; margin-bottom: 8px; line-height: 1.5; }
.brnd-auth-form-panel .brnd-register-form > label { margin-bottom: 18px; }
.brnd-auth-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]) { height: 52px; padding: 12px 16px; background: #fff; border-radius: 12px; font-size: 16px; }
.brnd-auth-page #user_login { direction: ltr; text-align: left; }
.brnd-auth-page input[type="hidden"] { display: none; }
.brnd-auth-form-panel .login-remember label { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px; font-weight: 400; color: #52565e; cursor: pointer; }
.brnd-auth-page input[type="checkbox"] { accent-color: var(--brnd-accent); width: 18px; height: 18px; flex: 0 0 18px; margin: 0; }
.brnd-auth-page input[type="submit"], .brnd-auth-page button[type="submit"] { width: 100%; min-height: 52px; background: var(--brnd-accent); color: #000 !important; border-radius: 12px; box-shadow: none; font-size: 17px; font-weight: 700; }
.brnd-auth-page input[type="submit"]:hover, .brnd-auth-page button[type="submit"]:hover { background: #25e99a; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.07); }
.brnd-auth-forgot { display: block; width: fit-content; margin: 8px auto 0; color: #276548; font-size: 14px; text-decoration: underline !important; text-underline-offset: 4px; }
.brnd-auth-note { border-top: 1px solid var(--brnd-border); margin: 28px 0 0; padding-top: 20px; font-size: 13px; color: var(--brnd-muted); text-align: center; }
.brnd-auth-error { background: #fff1f2; color: #9f1239; padding: 12px 16px; border-radius: 12px; font-size: 14px; line-height: 1.6; margin: 0 0 20px; }
.brnd-auth-media { background: #000; color: #fff; display: flex; flex-direction: column; justify-content: center; min-width: 0; overflow: hidden; padding: 36px 0 48px; }
.brnd-auth-media__image { display: block; width: 100%; height: auto; object-fit: contain; margin: auto 0; }
.brnd-auth-media h2 { color: #fff; text-align: center; font-size: clamp(32px, 3.5vw, 50px); font-weight: 800; line-height: 1.15; max-width: 460px; margin: 24px auto 0; padding: 0 32px; text-wrap: balance; }
@media (max-width: 900px) {
 .brnd-auth-layout { min-height: 680px; }
 .brnd-auth-content { padding: 36px 24px; }
 .brnd-auth-media h2 { font-size: 34px; }
}
@media (max-width: 700px) {
 .brnd-auth-page { padding: 16px; min-height: calc(100svh - 100px); }
 .brnd-auth-layout { display: block; min-height: 0; max-width: 520px; border-radius: 22px; }
 .brnd-auth-content { padding: 32px 24px; }
 .brnd-auth-brand { width: 190px; margin-bottom: 28px; }
 .brnd-auth-media { display: none; }
 .brnd-auth-heading { margin-bottom: 24px; }
 .brnd-auth-tabs { margin-bottom: 24px; }
}
@media (max-width: 360px) {
 .brnd-auth-page { padding: 10px; }
 .brnd-auth-content { padding: 28px 18px; }
}