.cabinet {
	--cabinet-accent: #45727c;
	--cabinet-accent-hover: #5b8790;
	--cabinet-text: #252a31;
	--cabinet-muted: #66707a;
	--cabinet-border: #e4e8ed;
	--cabinet-soft: #f6f7f8;
	color: var(--cabinet-text);
	font-size: 14px;
	line-height: 1.45;
}

.cabinet *,
.cabinet *::before,
.cabinet *::after {
	box-sizing: border-box;
}

.cabinet a {
	color: inherit;
	text-decoration: none;
}

.cabinet button,
.cabinet input,
.cabinet select {
	font: inherit;
}

.order-toggles {
	display: none;
	gap: 10px;
	margin: 18px 0;
}

.cabinet-action,
.order-filter__btn,
.order__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 36px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: #fff;
	color: var(--cabinet-text);
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	padding: 8px 13px;
	transition: background .2s, border-color .2s, color .2s;
}

.cabinet a.order__action {
    color: #fff;
}

.cabinet-action_primary,
.order-filter__btn--apply,
.order__action--details,
.order__item-action--reorder {
	background: var(--cabinet-accent);
	color: #fff;
}

.cabinet-action_primary:hover,
.order-filter__btn--apply:hover,
.order__action--details:hover,
.order__item-action--reorder:hover {
	background: var(--cabinet-accent-hover);
	color: #fff;
}

.cabinet-action_light,
.order-filter__btn--reset,
.order__action--share,
.order__action--abort {
	border-color: #d7dde5;
	color: var(--cabinet-muted);
}

.cabinet-action_light:hover,
.order-filter__btn--reset:hover,
.order__action--share:hover {
	border-color: var(--cabinet-accent);
	color: var(--cabinet-accent);
}

.order__action--abort:hover {
	border-color: #d95b5b;
	color: #d95b5b;
}

.cabinet .icon {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
    fill: transparent;
}

.order-filter {
	margin: 24px 0 20px;
}

.order-filter__body {
	border: 1px solid var(--cabinet-border);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(22, 31, 41, .05);
	padding: 18px;
}

.order-filter__form,
.order-filter__fields,
.order-filter__actions {
	display: flex;
	align-items: center;
}

.order-filter__form {
	justify-content: space-between;
	gap: 20px;
}

.order-filter__fields {
	gap: 26px;
}

.order-filter__actions {
	gap: 10px;
}

.order-filter__field {
	display: flex;
	align-items: center;
	gap: 9px;
	white-space: nowrap;
}

.order-filter__label {
	color: var(--cabinet-muted);
}

.order-filter__input {
	height: 36px;
	min-width: 118px;
	border: 1px solid #d9dee5;
	border-radius: 8px;
	background: #fff;
	color: var(--cabinet-text);
	padding: 0 11px;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
}

.order-filter__input:focus {
	border-color: var(--cabinet-accent);
	box-shadow: 0 0 0 3px rgba(69, 114, 124, .12);
}

.orders {
	display: grid;
	gap: 18px;
}

.order {
	border: 1px solid var(--cabinet-border);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(22, 31, 41, .05);
	overflow: hidden;
}

.order__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	border-bottom: 1px solid var(--cabinet-border);
	padding: 16px 18px;
}

.order-info {
	display: flex;
	align-items: flex-start;
	gap: 34px;
}

.order-info__item {
	display: grid;
	gap: 4px;
}

.order-info__item-label {
	color: var(--cabinet-muted);
	font-size: 13px;
}

.order-info__item-val {
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
}

.order-status {
	width: fit-content;
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	border-radius: 999px;
	background: #eaf1f3;
	color: var(--cabinet-accent);
	font-size: 12px;
	font-weight: 700;
	padding: 3px 9px;
}

.status-danger,
.status-4 {
	background: #fff0f0;
	color: #d95b5b;
}

.status-success,
.status-2,
.status-3 {
	background: #e8f5ef;
	color: #228f63;
}

.order__actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.order__share {
	position: absolute;
	z-index: 5;
	width: 190px;
	display: grid;
	gap: 6px;
	border: 1px solid var(--cabinet-border);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(22, 31, 41, .12);
	padding: 8px;
	list-style: none;
	margin: 8px 0 0;
}

.order__share-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.order__share-link {
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	transition: background .2s;
}

.order__share-link:hover {
	background: #f2f5f6;
}

.order__share-icon {
	width: 22px;
	height: 22px;
}

.order__body {
	padding: 0 18px;
}

.order__item {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 24px;
	align-items: center;
	padding: 22px 0;
}

.order__sep {
	height: 1px;
	border: 0;
	background: var(--cabinet-border);
	margin: 0;
}

.order__item-thumb {
	display: block;
	width: 150px;
	height: 116px;
	border-radius: 8px;
	background: var(--cabinet-soft);
	object-fit: cover;
}

.order__item-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 16px;
	align-items: start;
	margin-bottom: 8px;
}

.order__item-title {
	font-size: 16px;
	line-height: 1.35;
	font-weight: 700;
}

.order__item-link {
	transition: color .2s;
}

.order__item-link:hover {
	color: var(--cabinet-accent);
}

.order__item-price {
	white-space: nowrap;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 700;
}

.order__item-desc {
	max-width: 680px;
	margin-bottom: 12px;
	color: var(--cabinet-muted);
}

.order__item-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.order__item-props {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	color: var(--cabinet-muted);
}

.order__item-props .order-info__item {
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
}

.order__item-props .order-info__item-val {
	color: var(--cabinet-text);
}

.order__item-action--notify-availability {
	background: #68737d;
	color: #fff;
}

.order__item-action--notify-availability:hover {
	background: #56616b;
	color: #fff;
}

.cabinet-grayscale-opacity {
	filter: grayscale(1);
	opacity: .72;
}

.cabinet-empty {
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background: #f7f8fa;
	color: var(--cabinet-muted);
	padding: 18px;
}

@media screen and (max-width: 1100px) {
	.order-filter__form,
	.order__header {
		align-items: stretch;
		flex-direction: column;
	}

	.order-filter__fields,
	.order-info {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 992px) {
	.order-toggles {
		display: flex;
	}

	.order-filter__body {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.order-filter__form,
	.order-filter__fields,
	.order-filter__actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.order-filter__field {
		align-items: stretch;
		flex-direction: column;
		gap: 5px;
	}

	.order-filter__input,
	.order-filter__btn,
	.order__action {
		width: 100%;
	}

	.order__header,
	.order__body {
		padding-left: 12px;
		padding-right: 12px;
	}

	.order-info {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}

	.order__actions {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.order__item {
		grid-template-columns: 84px minmax(0, 1fr);
		gap: 12px;
		align-items: start;
		padding: 16px 0;
	}

	.order__item-thumb {
		width: 84px;
		height: 84px;
	}

	.order__item-header {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.order__item-title,
	.order__item-price {
		font-size: 14px;
	}

	.order__item-desc {
		display: none;
	}

	.order__item-footer,
	.order__item-props {
		display: grid;
		gap: 6px;
	}

	.order__item-action--reorder,
	.order__item-action--notify-availability,
	.order__item-action--reorder form {
		width: 100%;
	}
}


.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
}

.page-item {
	margin: 0;
	padding: 0;
}

.page-link {
	min-width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--cabinet-border);
	border-radius: 8px;
	background: #fff;
	color: var(--cabinet-text);
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	padding: 0 12px;
	transition: background .2s, border-color .2s, color .2s;
}

.page-link:hover {
	border-color: var(--cabinet-accent);
	color: var(--cabinet-accent);
}

.page-item.active .page-link {
	border-color: var(--cabinet-accent);
	background: var(--cabinet-accent);
	color: #fff;
    background: #45727c;
}

.page-item.disabled .page-link {
	pointer-events: none;
	opacity: .45;
}

@media screen and (max-width: 768px) {
	.pagination {
		justify-content: flex-start;
		gap: 6px;
		margin-top: 22px;
	}

	.page-link {
		min-width: 34px;
		height: 34px;
		border-radius: 7px;
		padding: 0 10px;
	}
}


.order-stats-wrap {
	margin: 20px 0 28px;
}

.order-stats {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 22px;
}

.order-stats__item {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 76px;
	border: 1px solid var(--cabinet-border);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(22, 31, 41, .05);
	padding: 14px;
}

.order-stats__icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #eaf1f3;
	color: var(--cabinet-accent);
}

.order-stats__icon svg {
	display: block;
	width: 22px;
	height: 22px;
}

.order-stats__content {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.order-stats__val {
	font-size: 18px;
	line-height: 1.2;
	font-weight: 700;
}

.order-stats__label {
	color: var(--cabinet-muted);
	font-size: 14px;
	line-height: 1.25;
}

.order-stats__icon--total {
	background: #fff6df;
	color: #c28a15;
}

.order-stats__icon--active {
	background: #e7f6fa;
	color: #2c93a7;
}

.order-stats__icon--completed {
	background: #e8f5ef;
	color: #228f63;
}

.order-stats__icon--cancelled {
	background: #fff0f0;
	color: #d95b5b;
}

.order-stats__icon--default {
	background: #eef1f3;
	color: #68737d;
}

.cabinet-panel__close {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 8px;
	background: #f2f4f6;
	color: var(--cabinet-text);
	cursor: pointer;
}

.cabinet-panel__close::before {
	content: "×";
	font-size: 22px;
	line-height: 1;
}

@media screen and (max-width: 1200px) {
	.order-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 992px) {
	.order-stats-wrap {
		margin: 0;
	}

	.order-stats {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.order-stats__item {
		min-height: 68px;
	}
}

@media screen and (max-width: 768px) {
	.order-stats__val {
		font-size: 16px;
	}
}


.order-detail {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin: 20px 0 28px;
}

.order-detail__item {
	border: 1px solid var(--cabinet-border);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(22, 31, 41, .05);
	overflow: hidden;
}

.order-detail__item-header {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	background: var(--cabinet-accent);
	color: #fff;
	padding: 11px 14px;
}

.order-detail__item-icon {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
}

.order-detail__item-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.order-detail__item-title {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
}

.order-detail__item-body {
	display: grid;
	gap: 9px;
	padding: 14px;
}

.order-detail__item-group {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.order-detail__item-label {
	color: var(--cabinet-muted);
}

.order-detail__item-value {
	font-weight: 700;
	text-align: right;
}

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

@media screen and (max-width: 768px) {
	.order-detail {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.order-detail__item-group {
		display: grid;
		gap: 3px;
	}

	.order-detail__item-value {
		text-align: left;
	}
}


.cabinet_profile {
	display: grid;
	gap: 28px;
}

.cabinet-card {
	border: 1px solid var(--cabinet-border);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(22, 31, 41, .05);
	overflow: hidden;
}

.cabinet-card__header {
	border-bottom: 1px solid var(--cabinet-border);
	padding: 16px 18px;
}

.cabinet-card__header h4,
.cabinet-form__title {
	margin: 0;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
}

.cabinet-card__body {
	padding: 18px;
}

.profile-avatar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.profile-avatar__main {
	display: flex;
	align-items: center;
	gap: 16px;
}

.avatar {
	width: 86px;
	height: 86px;
	flex: 0 0 86px;
	display: block;
	border-radius: 50%;
	background: var(--cabinet-soft);
	overflow: hidden;
	cursor: pointer;
}

.avatar__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.avatar__input {
	display: none;
}

.profile-avatar__text h6 {
	margin: 0 0 4px;
	font-size: 15px;
	line-height: 1.3;
	font-weight: 700;
}

.profile-avatar__text small,
.cabinet-form__note,
.cabinet-form__hint small {
	color: var(--cabinet-muted);
	font-size: 14px;
	line-height: 1.35;
}

.profile-avatar__actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.cabinet-sep {
	height: 1px;
	border: 0;
	background: var(--cabinet-border);
	margin: 18px 0;
}

.cabinet__form {
	display: grid;
	gap: 14px;
}

.cabinet-field {
	display: grid;
	gap: 7px;
}

.cabinet-field__label {
	color: var(--cabinet-muted);
	font-size: 14px;
}

.cabinet-field__input {
	width: 100%;
	height: 40px;
	border: 1px solid #d9dee5;
	border-radius: 8px;
	background: #fff;
	color: var(--cabinet-text);
	padding: 0 12px;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
}

.cabinet-field__input:focus {
	border-color: var(--cabinet-accent);
	box-shadow: 0 0 0 3px rgba(69, 114, 124, .12);
}

.cabinet-btn {
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	border-radius: 8px;
	background: #fff;
	color: var(--cabinet-text);
	font-weight: 600;
	cursor: pointer;
	padding: 8px 14px;
	transition: background .2s, border-color .2s, color .2s;
}

.cabinet-btn_primary {
	background: var(--cabinet-accent);
	color: #fff;
}

.cabinet-btn_primary:hover {
	background: var(--cabinet-accent-hover);
	color: #fff;
}

.cabinet-btn_light {
	border-color: #d7dde5;
	color: var(--cabinet-muted);
}

.cabinet-btn_light:hover {
	border-color: var(--cabinet-accent);
	color: var(--cabinet-accent);
}

.cabinet-btn_danger {
	border-color: #f0c7c7;
	color: #d95b5b;
}

.cabinet-btn_danger:hover {
	background: #fff0f0;
}

.password-field {
	position: relative;
}

.password-field__toggle {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 7px;
	background: #f2f4f6;
	cursor: pointer;
	transform: translateY(-50%);
}

.password-field__toggle::before {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	margin: 7px auto;
	border: 2px solid var(--cabinet-muted);
	border-radius: 50%;
}

.password-field .cabinet-field__input {
	padding-right: 46px;
}

.password-strength {
	height: 4px;
	border-radius: 999px;
	background: #edf0f2;
	overflow: hidden;
}

.otp__timer {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--cabinet-muted);
	margin-bottom: 8px;
}

.otp__box {
	display: flex;
	gap: 8px;
}

.otp__input {
	width: 42px;
	text-align: center;
	padding: 0;
}

.socials {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.socials__item {
	border-radius: 8px;
	background: #f2f4f6;
	transition: background .2s, transform .2s;
}

.socials__item:hover {
	background: #eaf1f3;
	transform: translateY(-1px);
}

.socials__link {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 0;
}

.socials__icon {
	width: 22px;
	height: 22px;
}

.cabinet-modal {
	border: 0;
	border-radius: 12px;
	padding: 0;
}

.cabinet-modal__inner {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
}

.cabinet-modal__header,
.cabinet-modal__footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	padding: 14px;
}

.cabinet-modal__content {
	padding: 0 14px 14px;
}

.cabinet-modal__close {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 8px;
	background: #f2f4f6;
	cursor: pointer;
}

.cabinet-modal__close svg {
	width: 20px;
	height: 20px;
	stroke: currentColor;
	stroke-width: 2;
}

@media screen and (max-width: 768px) {
	.profile-avatar,
	.profile-avatar__main,
	.profile-avatar__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.profile-avatar__actions,
	.cabinet-modal__footer {
		display: grid;
		grid-template-columns: 1fr;
	}

	.cabinet-btn {
		width: 100%;
	}
}

.cabinet-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 18px 0 24px;
	border: 1px solid var(--cabinet-border);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(22, 31, 41, .05);
	padding: 14px;
}

.cabinet-nav__user {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.cabinet-nav__avatar {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border-radius: 50%;
	background: var(--cabinet-soft);
	object-fit: cover;
}

.cabinet-nav__info {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.cabinet-nav__info strong {
	font-size: 15px;
	line-height: 1.25;
	font-weight: 700;
}

.cabinet-nav__info span {
	color: var(--cabinet-muted);
	font-size: 13px;
	line-height: 1.25;
}

.cabinet-nav__links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.cabinet-nav__link,
.cabinet-nav__auth-link {
	min-height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: #f2f4f6;
	color: var(--cabinet-text);
	font-weight: 600;
	line-height: 1.2;
	padding: 8px 13px;
	transition: background .2s, border-color .2s, color .2s;
}

.cabinet-nav__link:hover,
.cabinet-nav__auth-link:hover {
	background: #eaf1f3;
	color: var(--cabinet-accent);
}

.cabinet-nav__link.active,
.cabinet-nav__link.current,
.cabinet-nav__link.here,
.cabinet-nav__auth-link_primary {
    background: #45727c;
	color: #fff;
}

.cabinet-nav__link.active:hover,
.cabinet-nav__link.current:hover,
.cabinet-nav__link.here:hover,
.cabinet-nav__auth-link_primary:hover {
	background: #45727c;
	color: #fff;
}

.cabinet-nav__link_logout {
	color: #d95b5b;
}

.cabinet-nav__link_logout:hover {
	background: #fff0f0;
	color: #d95b5b;
}

.cabinet-nav__link .icon {
	width: 16px;
	height: 16px;
}

.cabinet-nav_auth {
	justify-content: flex-start;
}

@media screen and (max-width: 768px) {
	.cabinet-nav {
		align-items: stretch;
		flex-direction: column;
	}

	.cabinet-nav__links {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.cabinet-nav__link,
	.cabinet-nav__auth-link {
		width: 100%;
	}

	.cabinet-nav_auth {
		display: grid;
		grid-template-columns: 1fr;
	}
}


.cabinet_auth {
	max-width: 520px;
	margin: 0 auto;
}

.cabinet-auth__form {
	border: 1px solid var(--cabinet-border);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(22, 31, 41, .05);
	padding: 22px;
}

.cabinet-auth__form[style*="display: none"] {
	display: none;
}

.cabinet-auth__head {
	display: grid;
	gap: 4px;
	text-align: center;
	margin-bottom: 4px;
}

.cabinet-auth__title {
	font-size: 22px;
	line-height: 1.25;
	font-weight: 700;
}

.cabinet-auth__head span {
	color: var(--cabinet-muted);
	font-size: 14px;
	line-height: 1.35;
}

.cabinet-auth__field {
	display: grid;
	gap: 6px;
	margin-bottom: 16px;
}

.cabinet-auth__field label {
	color: var(--cabinet-muted);
	font-size: 14px;
	line-height: 1.35;
}

.cabinet-auth__input {
	width: 100%;
	height: 42px;
	border: 1px solid #d9dee5;
	border-radius: 8px;
	background: #fff;
	color: var(--cabinet-text);
	font-size: 14px;
	line-height: 1.2;
	padding: 0 12px;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
}

textarea.cabinet-auth__input {
    height: 120px;
    resize: none;
    padding: 12px;
}

.cabinet-auth__input:focus {
	border-color: var(--cabinet-accent);
	box-shadow: 0 0 0 3px rgba(69, 114, 124, .12);
}

.cabinet-auth__note,
.cabinet-auth__hint small {
	color: var(--cabinet-muted);
	font-size: 13px;
	line-height: 1.35;
}

.cabinet-auth__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 16px;
}

.cabinet-auth__check {
	display: flex;
	align-items: center;
	gap: 8px;
}

.cabinet-auth__check-input {
	width: 18px;
	height: 18px;
	margin: 0;
	border: 1px solid #c9d0d7;
	border-radius: 3px;
	accent-color: var(--cabinet-accent);
}

.cabinet-auth__check-label {
	color: var(--cabinet-text);
	font-size: 14px;
}

.cabinet-auth__link,
.cabinet-auth__back {
	width: fit-content;
	color: var(--cabinet-accent);
	font-size: 14px;
	transition: color .2s;
}

.cabinet-auth__link:hover,
.cabinet-auth__back:hover {
	color: var(--cabinet-accent-hover);
}

.cabinet-auth__submit {
	min-height: 42px;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 8px;
	background: var(--cabinet-accent);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	padding: 9px 14px;
	transition: background .2s;
}

.cabinet-auth__submit:hover {
	background: var(--cabinet-accent-hover);
}

.password-field {
	position: relative;
}

.password-field .cabinet-auth__input {
	padding-right: 46px;
}

.password-field__toggle {
	position: absolute;
	top: 50%;
	right: 8px;
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 7px;
	background: #f2f4f6;
	transform: translateY(-50%);
	cursor: pointer;
}

.password-field__toggle::before {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	margin: 7px auto;
	border: 2px solid var(--cabinet-muted);
	border-radius: 50%;
}

.password-strength {
	height: 4px;
	border-radius: 999px;
	background: #edf0f2;
	overflow: hidden;
}

.cabinet-auth__social {
	display: grid;
	gap: 10px;
	padding-top: 4px;
}

.cabinet-auth__social-title {
	color: var(--cabinet-muted);
	font-size: 14px;
	text-align: center;
}

.socials--center {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

.socials__item {
	border-radius: 8px;
	background: #f2f4f6;
	transition: background .2s, transform .2s;
}

.socials__item:hover {
	background: #eaf1f3;
	transform: translateY(-1px);
}

.socials__link {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.socials__icon {
	width: 22px;
	height: 22px;
}

.cabinet-auth__back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: #f2f4f6;
}

.cabinet-auth__back .icon {
	width: 20px;
	height: 20px;
}

.otp__timer {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--cabinet-muted);
	margin-bottom: 8px;
}

.otp__box {
	display: flex;
	gap: 8px;
}

.otp__input {
	width: 42px;
	text-align: center;
	padding: 0;
}

.cabinet-auth__hint {
	text-align: center;
	margin-top: 8px;
}

.cabinet-auth__captcha {
	min-height: 78px;
}

.cabinet_auth [data-cabinet-feedback],
.cabinet_auth [data-cabinet-message] {
	font-size: 13px;
	line-height: 1.35;
}

@media screen and (max-width: 768px) {
	.cabinet_auth {
		max-width: none;
	}

	.cabinet-auth__form {
		padding: 16px;
	}

	.cabinet-auth__row {
		align-items: flex-start;
		flex-direction: column;
	}
}

.cabinet .alert {
	margin: 0 0 14px;
	color: #228f63;
	font-size: 14px;
	line-height: 1.4;
}

.cabinet .alert-success {
	color: #1f6f4b;
}

.cabinet .alert-danger,
.cabinet .alert-error {
	color: #b44444;
}

.cabinet .alert-warning {
	color: #836114;
}

.cabinet .alert strong {
	font-weight: 700;
}

.cabinet .alert .btn-close {
	display: none;
}

.cabinet .password-field__toggle:before {
    margin: 0;
}

.filter-checkbox,
.cabinet-sale-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.35;
    color: #555;
    user-select: none;
}

.filter-checkbox__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.filter-checkbox__box {
    position: relative;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 1px solid #cbd5dd;
    background: #fff;
}

.filter-checkbox__box::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    opacity: 0;
    transform: rotate(45deg);
}

.filter-checkbox__input:checked + .filter-checkbox__box {
    border-color: #477b84;
    background: #477b84;
}

.filter-checkbox__input:checked + .filter-checkbox__box::after {
    opacity: 1;
}

.filter-checkbox__text {
    color: #555;
    padding-top: 3px;
}

.filter-checkbox__text a {
    text-decoration: underline;
    color: #45727c;
}

.filter-checkbox__text a:hover {
    text-decoration: none;
}
.ajax_form input[type="checkbox"].error ~ span {
    border: 1px solid red;
}