.header-action__btn-login {
	width: 24px;
	height: 24px;
	margin-right: 16px;
}
.js-open-auth {
	display: block;
	width: 100%;
	height: 100%;
}
.js-open-auth svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ag-auth-modal {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}
.ag-auth-modal[aria-hidden="true"] {
	display: none;
}
.ag-auth-modal[aria-hidden="false"] {
	display: flex;
}
.ag-auth-modal__dialog {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	width: calc(100% - 40px);
	margin: 50px 20px;
	max-width: 610px;
	position: relative;
}
.ag-auth-modal__close {
	position: absolute;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 6px;
	top: 6px;
	border: none;
	background: transparent;
	font-size: 24px;
	cursor: pointer;
}
.ag-auth-modal__content {
	padding: 40px;
}
.ag-auth__title {
	font-family: "Novoposelensky", sans-serif;
	font-weight: 400;
	font-size: 26px;
	line-height: 130%;
	letter-spacing: -0.03em;
	text-align: center;
	color: #68492b;
	margin: 0px;
}
.ag-auth__step-body {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.ag-auth__step-wrap {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.ag-auth__subtitle {
	font-weight: 500;
	font-size: 18px;
	line-height: 139%;
	text-align: center;
	color: #393939;
}
.ag-auth__hint {
	color: #6b6b6b;
	margin-bottom: 8px;
}
.ag-auth__input input {
	width: 100%;
	height: 60px;
	background: var(--color-white);
	padding-left: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #dedede;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: -0.03em;
	color: #393939;
	outline: none;
}
.ag-auth__input_center input {
	text-align: center;
}
.ag-auth__btn {
	font-family: "Montserrat";
	border-radius: 6px;
	padding: 14px;
	min-width: 220px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	outline: none;
	background: #ad8965;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 16px;
	line-height: 110%;
	letter-spacing: -0.03em;
	text-align: center;
	color: #fff;
	border: none;
	cursor: pointer;
	width: 100%;
	transition: 0.3s ease;
}
.ag-auth__btn:hover {
	background: #68492b;
}
.ag-auth__btn--ghost {
	font-weight: 500;
	font-size: 12px;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #ad8965;
	border: 1px solid #ad8965;
	border-radius: 5px;
	padding: 12px 20px;
	background: transparent;
	height: 35px;
	width: auto;
	min-width: auto;
}
.ag-auth__btn--ghost:hover {
	color: #fff;
	background: #ad8965;
}
.ag-auth__policy {
	display: block;
	margin-top: 12px;
	font-size: 12px;
	color: #6b6b6b;
}
.ag-auth__method {
	display: flex;
	gap: 14px;
	margin: 10px 0;
}
.ag-auth__radio {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #6b4c3a;
}
.ag-auth__msg {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	line-height: 1;
}
.ag-auth__msg.is-error {
	color: #d23b3b;
}
.ag-auth__msg.is-success {
	color: #2f9d47;
}
.ag-auth__resend {
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: -0.03em;
	text-align: center;
	color: #393939;
}
#ag-auth-code-msg {
	margin: 4px 0 10px;
	min-height: 18px;
}
.ag-auth__info {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
}
.ag-auth__change-phone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	min-height: 52px;
	padding: 12px 16px;
	margin: 0;
}
.ag-auth__change-phone-number {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: 0.02em;
	color: #393939;
	text-align: center;
	width: 100%;
}
.ag-auth__change-phone-label {
	font-size: 12px;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #ad8965;
}

.custom-checkbox * {
	box-sizing: border-box;
}
.custom-checkbox {
	display: flex !important;
	align-items: center;
	cursor: pointer;
	font-weight: 400;
	font-size: 11px;
	line-height: 130%;
	letter-spacing: -0.03em;
	color: #393939;
	position: relative;
	user-select: none;
	gap: 8px;
	line-height: 1.4;
}
.custom-checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 0;
	height: 0;
}
.checkbox-mark {
	border: 2px solid #dedede;
	border-radius: 4px;
	width: 24px;
	height: 24px;
	position: relative;
	transition: all 0.3s ease;
	background: #fff;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.custom-checkbox:hover .checkbox-mark {
	border-color: #a2845e;
}
.custom-checkbox input[type="checkbox"]:checked + .checkbox-mark {
	border-color: #a2845e;
}
.custom-checkbox input[type="checkbox"]:checked + .checkbox-mark::after {
	content: "";
	width: 16px;
	height: 13px;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='17' viewBox='0 0 21 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3302 0.707076C16.9397 0.316566 16.3066 0.316575 15.9161 0.707094L8.07938 8.5438C7.68885 8.93433 7.05569 8.93433 6.66517 8.54381L4.58389 6.46255C4.19336 6.07203 3.5602 6.07204 3.16967 6.46256L0.957104 8.67516C0.566582 9.06568 0.566584 9.69885 0.957111 10.0894L3.7455 12.8777L6.66517 15.7973C7.05569 16.1878 7.68885 16.1878 8.07937 15.7973L10.999 12.8777L19.5429 4.33382C19.9334 3.94329 19.9334 3.31011 19.5429 2.91959L17.3302 0.707076Z' fill='%23a2845e' /%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.checkbox-label {
	font-family: "Montserrat", sans-serif;
	transition: color 0.3s ease;
	flex: 1;
}
.ag-auth__nav {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.ag-auth__nav .ag-auth__btn {
	width: 100%;
}
@media (max-width: 690px) {
	.header-action__btn-cart {
		margin-top: 0px !important;
	}
}
@media (max-width: 680px) {
	.ag-auth-modal__content {
		padding: 30px 20px 20px;
	}
	.ag-auth__title {
		font-size: 22px;
	}
	.custom-checkbox {
		font-size: 11px;
	}
	.ag-auth__btn {
		padding: 12px;
		height: 48px;
		font-size: 14px;
	}
	.ag-auth__change-phone-number {
		font-size: 16px;
	}
}