.toby-modern-account:not(.logged-in) #customer_login,
.woocommerce-account:not(.logged-in) #customer_login {
	display: none !important;
}

.toby-auth--embedded {
	position: relative;
	z-index: auto;
	inset: auto;
	display: block;
	width: 100%;
	padding: 52px 20px 76px;
}

.toby-auth--embedded .toby-auth__panel {
	width: min(720px, 100%);
	max-height: none;
	margin: 0 auto;
	overflow: visible;
	padding: 42px;
	border: 1px solid #e5e8ef;
	border-radius: 24px;
	opacity: 1;
	transform: none;
	box-shadow: 0 24px 70px rgba(15, 23, 42, .11);
}

.toby-auth--embedded .toby-auth__benefits {
	margin: 28px 0;
}

.toby-auth--embedded .toby-auth__panel > header h2 {
	font-size: 34px;
}

.toby-auth--embedded .toby-auth__panel > header p {
	font-size: 15px;
}

.toby-auth--embedded input {
	height: 58px;
	font-size: 17px;
}

.toby-auth--embedded .toby-auth__primary,
.toby-auth--embedded .toby-auth__secondary {
	min-height: 56px;
}

.toby-modern-account:not(.logged-in) .toby-account-page {
	width: min(calc(100% - 40px), var(--toby-container, 1500px));
	max-width: none;
	padding: 0;
}

.toby-modern-account:not(.logged-in) .toby-entry-content {
	margin: 0;
}

@media (max-width: 600px) {
	.toby-auth--embedded {
		align-items: initial;
		padding: 18px 12px 42px;
	}

	.toby-auth--embedded .toby-auth__panel {
		width: 100%;
		max-height: none;
		padding: 28px 18px 30px;
		border-radius: 18px;
	}

	.toby-auth--embedded .toby-auth__panel > header h2 {
		font-size: 27px;
	}

	.toby-auth--embedded .toby-auth__benefits {
		margin: 22px 0;
	}

	.toby-auth--embedded input {
		height: 52px;
		font-size: 16px;
	}
}

/* On mobile and tablet, the account authentication flow is a dedicated
 * full-screen layer above the storefront's sticky search header. This keeps
 * the logo, contextual Back control and first heading visible regardless of
 * the active header layout or its measured height. */
@media (max-width: 1024px) {
	body.toby-modern-account:not(.logged-in) .toby-auth--embedded,
	body.woocommerce-account:not(.logged-in) .toby-auth--embedded {
		position: fixed !important;
		z-index: 100400 !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
		padding: calc(24px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom)) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		overscroll-behavior: contain;
		background: #fff;
		-webkit-overflow-scrolling: touch;
	}
	body.toby-modern-account:not(.logged-in) .toby-auth--embedded .toby-auth__panel,
	body.woocommerce-account:not(.logged-in) .toby-auth--embedded .toby-auth__panel {
		max-height: none !important;
		margin: 0 auto !important;
		overflow: visible !important;
	}
}

@media (max-width: 600px) {
	body.toby-modern-account:not(.logged-in) .toby-auth--embedded,
	body.woocommerce-account:not(.logged-in) .toby-auth--embedded {
		padding-right: 18px !important;
		padding-left: 18px !important;
	}
	body.toby-modern-account:not(.logged-in) .toby-auth--embedded .toby-auth__panel,
	body.woocommerce-account:not(.logged-in) .toby-auth--embedded .toby-auth__panel {
		padding: 0 0 28px !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
}

/* Keep the account-page version as focused as the modal version. */
.toby-auth--embedded {
	padding: 42px 20px 68px;
}

.toby-auth--embedded .toby-auth__panel {
	width: min(560px, 100%);
	padding: 34px 36px 32px;
	border-radius: 24px;
}

.toby-auth--embedded .toby-auth__panel > .toby-auth__header h2 {
	font-size: 32px;
}

.toby-auth--embedded .toby-auth__benefits {
	margin: 18px 0;
}

@media (max-width: 600px) {
	.toby-auth--embedded {
		padding: 14px 12px 42px;
	}

	.toby-auth--embedded .toby-auth__panel {
		padding: 25px 20px 28px;
		border-radius: 18px;
	}

	.toby-auth--embedded .toby-auth__panel > .toby-auth__header h2 {
		font-size: 28px;
	}
}