/* Начало: шрифт Gallinari */
@font-face {
	font-family: "Gallinari";
	src: url("../../fonts/Gallinari-ExtraboldCond.otf") format("opentype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
/* Конец: шрифт Gallinari */

/* Начало: модальное окно аккаунта */
.dobro-auth-modal {
	position: fixed;
	z-index: 1000;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: visibility var(--dobro-transition), opacity var(--dobro-transition);
}

.dobro-auth-modal.is-open,
.dobro-auth-modal.is-auto-open {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

body.dobro-auth-open {
	overflow: hidden;
}
/* Конец: модальное окно аккаунта */

/* Начало: размытый фон */
.dobro-auth-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(238, 238, 238, 0.28);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
/* Конец: размытый фон */

/* Начало: контейнер окна */
.dobro-auth-modal__dialog {
	position: relative;
	display: grid;
	grid-template-columns: 440px 440px;
	width: 880px;
	height: 547px;
	overflow: hidden;
	background: #ffffff;
	border-radius: 50px;
	filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.1));
	transform: translateY(12px) scale(0.98);
	transition: transform var(--dobro-transition);
}

.dobro-auth-modal.is-open .dobro-auth-modal__dialog,
.dobro-auth-modal.is-auto-open .dobro-auth-modal__dialog {
	transform: translateY(0) scale(1);
}

.dobro-auth-modal__dialog:focus {
	outline: 0;
}
/* Конец: контейнер окна */

/* Начало: изображение аккаунта */
.dobro-auth-modal__media {
	position: relative;
	width: 440px;
	height: 547px;
	overflow: hidden;
	background: #eeeeee;
	border-radius: 50px 0 0 50px;
	box-shadow: 0 4px 60px rgba(4, 6, 15, 0.08);
}

.dobro-auth-modal__cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/* Конец: изображение аккаунта */

/* Начало: область форм */
.dobro-auth-modal__views {
	position: relative;
	width: 440px;
	height: 547px;
	overflow: hidden;
	background: #ffffff;
	border-radius: 0 50px 50px 0;
}

.dobro-auth-modal__content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	width: 440px;
	height: 547px;
	padding: 27px 50px 0;
	visibility: hidden;
	background: #ffffff;
	border-radius: 0 50px 50px 0;
	opacity: 0;
	pointer-events: none;
	transform: translateX(10px);
	transition: visibility var(--dobro-transition), opacity var(--dobro-transition), transform var(--dobro-transition);
}

.dobro-auth-modal.is-open .dobro-auth-modal__content.is-active,
.dobro-auth-modal.is-auto-open .dobro-auth-modal__content.is-active {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
}
/* Конец: область форм */

/* Начало: закрытие окна */
.dobro-store .dobro-auth-modal button.dobro-auth-modal__close {
	position: absolute;
	z-index: 10;
	top: 25px;
	right: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	color: #bdbdbd;
	line-height: 1;
	transition: color var(--dobro-transition);
}

.dobro-store .dobro-auth-modal button.dobro-auth-modal__close:hover,
.dobro-store .dobro-auth-modal button.dobro-auth-modal__close:active {
	background: transparent;
	color: #242424;
}

.dobro-store .dobro-auth-modal button.dobro-auth-modal__close:focus-visible {
	outline: 1px solid #ff7b00;
	outline-offset: 2px;
}
/* Конец: закрытие окна */

/* Начало: заголовок формы */
.dobro-auth-modal__heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	width: 287px;
	height: 119px;
	flex: 0 0 119px;
}

.dobro-auth-modal__logo {
	width: 75px;
	height: 74px;
	object-fit: contain;
}

.dobro-auth-modal__title {
	width: 287px;
	height: 20px;
	margin: 0;
	color: #242424;
	font-family: "Gallinari", var(--dobro-font-display);
	font-size: 28px;
	font-weight: 800;
	line-height: 0.95;
	text-transform: uppercase;
	white-space: nowrap;
}
/* Конец: заголовок формы */

/* Начало: основная форма */
.dobro-auth-modal__form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	width: 341px;
	margin: 0;
}

.dobro-auth-modal__field {
	position: relative;
	width: 341px;
	height: 60px;
	margin: 0;
	flex: 0 0 60px;
}

.dobro-auth-modal__label,
.dobro-auth-modal__username-assist {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.dobro-store .dobro-auth-modal input.dobro-auth-modal__input {
	width: 341px;
	height: 60px;
	margin: 0;
	padding: 16px 64px 16px 25px;
	appearance: none;
	-webkit-appearance: none;
	background: #ffffff;
	border: 2px solid #bdbdbd;
	border-radius: 30px;
	box-shadow: none;
	color: #242424;
	caret-color: #242424;
	font-family: var(--dobro-font-base);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	outline: 0;
	transition: border-color var(--dobro-transition);
}

.dobro-store .dobro-auth-modal input.dobro-auth-modal__input::placeholder {
	color: #757575;
	opacity: 1;
}

.dobro-store .dobro-auth-modal input.dobro-auth-modal__input:focus {
	border-color: #ee0800;
	box-shadow: none;
}

.dobro-store .dobro-auth-modal input.dobro-auth-modal__input:-webkit-autofill,
.dobro-store .dobro-auth-modal input.dobro-auth-modal__input:-webkit-autofill:hover {
	-webkit-text-fill-color: #242424;
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
	border-color: #bdbdbd;
}

.dobro-store .dobro-auth-modal input.dobro-auth-modal__input:-webkit-autofill:focus {
	-webkit-text-fill-color: #242424;
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
	border-color: #ee0800;
}
/* Конец: основная форма */

/* Начало: действия внутри полей */
.dobro-store .dobro-auth-modal button.dobro-auth-modal__field-action {
	position: absolute;
	z-index: 2;
	top: 18px;
	right: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	color: #bdbdbd;
	line-height: 1;
	transition: color var(--dobro-transition);
}

.dobro-store .dobro-auth-modal button.dobro-auth-modal__field-action:hover,
.dobro-store .dobro-auth-modal button.dobro-auth-modal__field-action:active {
	background: transparent;
	color: #757575;
}

.dobro-store .dobro-auth-modal button.dobro-auth-modal__field-action:focus-visible {
	outline: 1px solid #ff7b00;
	outline-offset: 1px;
}

.dobro-auth-modal__password-show,
.dobro-auth-modal__password-hide {
	position: absolute;
	transition: visibility var(--dobro-transition), opacity var(--dobro-transition);
}

.dobro-auth-modal__password-show {
	visibility: visible;
	opacity: 1;
}

.dobro-auth-modal__password-hide {
	visibility: hidden;
	opacity: 0;
}

.dobro-auth-modal__field-action[aria-pressed="true"] .dobro-auth-modal__password-show {
	visibility: hidden;
	opacity: 0;
}

.dobro-auth-modal__field-action[aria-pressed="true"] .dobro-auth-modal__password-hide {
	visibility: visible;
	opacity: 1;
}
/* Конец: действия внутри полей */

/* Начало: запомнить и восстановить пароль */
.dobro-auth-modal__options {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 341px;
	height: 24px;
	margin-top: 10px;
	flex: 0 0 24px;
}

.dobro-auth-modal__remember {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	height: 24px;
	margin: 0;
	color: #242424;
	font-family: var(--dobro-font-base);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}

.dobro-auth-modal__remember-input {
	position: absolute;
	width: 24px;
	height: 24px;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.dobro-auth-modal__remember-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	background: #eeeeee;
	border: 1px solid #ff7b00;
	border-radius: 8px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
	color: #ff7b00;
}

.dobro-auth-modal__remember-box svg {
	visibility: hidden;
	opacity: 0;
	transition: visibility var(--dobro-transition), opacity var(--dobro-transition);
}

.dobro-auth-modal__remember-input:checked + .dobro-auth-modal__remember-box svg {
	visibility: visible;
	opacity: 1;
}

.dobro-auth-modal__remember-input:focus-visible + .dobro-auth-modal__remember-box {
	outline: 1px solid #ff7b00;
	outline-offset: 2px;
}

.dobro-auth-modal__forgot {
	color: #ff7b00;
	font-family: var(--dobro-font-base);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-align: right;
	transition: color var(--dobro-transition);
}

.dobro-auth-modal__forgot:hover,
.dobro-auth-modal__forgot:active {
	color: #ee0800;
}

.dobro-auth-modal__forgot:focus-visible {
	outline: 1px solid #ff7b00;
	outline-offset: 2px;
	border-radius: 3px;
}
/* Конец: запомнить и восстановить пароль */

/* Начало: кнопка отправки */
.dobro-store .dobro-auth-modal button.dobro-auth-modal__submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 341px;
	height: 60px;
	margin: 10px 0 0;
	padding: 22px 24px;
	flex: 0 0 60px;
	appearance: none;
	-webkit-appearance: none;
	background: #ff7b00;
	border: 0;
	border-radius: 30px;
	box-shadow: none;
	color: #ffffff;
	font-family: var(--dobro-font-base);
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
	transition: background-color var(--dobro-transition), transform var(--dobro-transition);
}

.dobro-store .dobro-auth-modal button.dobro-auth-modal__submit:hover,
.dobro-store .dobro-auth-modal button.dobro-auth-modal__submit:active {
	background: #ee0800;
	color: #ffffff;
}

.dobro-store .dobro-auth-modal button.dobro-auth-modal__submit:active {
	transform: translateY(1px);
}

.dobro-store .dobro-auth-modal button.dobro-auth-modal__submit:focus-visible {
	outline: 2px solid #242424;
	outline-offset: 2px;
}
/* Конец: кнопка отправки */

/* Начало: переключение форм */
.dobro-auth-modal__registration {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	width: 161px;
	height: 37px;
	margin: 0 auto;
	flex: 0 0 37px;
	font-family: var(--dobro-font-base);
	font-weight: 700;
	text-align: center;
}

.dobro-auth-modal__registration span {
	width: 161px;
	color: #9e9e9e;
	font-size: 14px;
	line-height: 1;
}

.dobro-auth-modal__registration a {
	width: 161px;
	color: #fc8a17;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	transition: color var(--dobro-transition);
}

.dobro-auth-modal__registration a:hover,
.dobro-auth-modal__registration a:active {
	color: #ee0800;
}

.dobro-auth-modal__registration a:focus-visible {
	outline: 1px solid #ff7b00;
	outline-offset: 3px;
	border-radius: 3px;
}
/* Конец: переключение форм */

/* Начало: ошибки формы */
.dobro-auth-modal__content:has(.dobro-auth-modal__notices) {
	gap: 15px;
}

.dobro-auth-modal__notices {
	position: relative;
	z-index: 4;
	width: 341px;
	max-height: 48px;
	flex: 0 0 auto;
	overflow-y: auto;
}

.dobro-auth-modal__notices .woocommerce-error {
	position: relative;
	min-height: 34px;
	margin: 0;
	padding: 9px 12px 9px 34px;
	background: #fde9e8;
	border: 1px solid #ee0800;
	border-radius: 12px;
	color: #ee0800;
	font-family: var(--dobro-font-base);
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	list-style: none;
}

.dobro-auth-modal__notices .woocommerce-error::before {
	content: "!";
	position: absolute;
	top: 50%;
	left: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	background: #ee0800;
	border-radius: 50%;
	color: #ffffff;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	transform: translateY(-50%);
}

.dobro-auth-modal__notices .woocommerce-error li {
	margin: 0;
	padding: 0;
}

.dobro-auth-modal__notices .woocommerce-error a {
	color: #ee0800;
	font-weight: 700;
	text-decoration: underline;
}
/* Конец: ошибки формы */

/* Начало: статус аккаунта */
.dobro-auth-modal__status {
	position: relative;
	width: 341px;
	min-height: 42px;
	padding: 10px 14px;
	flex: 0 0 auto;
	border: 1px solid;
	border-radius: 12px;
	font-family: var(--dobro-font-base);
	font-size: 11px;
	font-weight: 600;
	line-height: 15px;
}

.dobro-auth-modal__status--success {
	background: #e9f7ef;
	border-color: #087a51;
	color: #087a51;
}

.dobro-auth-modal__status--error {
	background: #fde9e8;
	border-color: #ee0800;
	color: #ee0800;
}

.dobro-auth-modal__content:has(.dobro-auth-modal__status) {
	gap: 15px;
}
/* Конец: статус аккаунта */

/* Начало: панель подтверждения email */
.dobro-auth-modal__panel--verify-email {
	gap: 14px;
	padding: 22px 50px 0;
}

.dobro-auth-modal__panel--verify-email .dobro-auth-modal__heading {
	gap: 10px;
	width: 341px;
	height: 90px;
	flex-basis: 90px;
}

.dobro-auth-modal__panel--verify-email .dobro-auth-modal__logo {
	width: 58px;
	height: 58px;
}

.dobro-auth-modal__panel--verify-email .dobro-auth-modal__title {
	width: 341px;
	height: 22px;
	font-size: 24px;
	line-height: 22px;
}

.dobro-auth-modal__panel--verify-email .dobro-auth-modal__description {
	width: 341px;
	margin: 0;
	color: #757575;
	font-family: var(--dobro-font-base);
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
}

.dobro-auth-modal__form--verify-email {
	gap: 12px;
}

.dobro-store .dobro-auth-modal__form--verify-email button.dobro-auth-modal__submit {
	margin-top: 0;
}

.dobro-auth-modal__panel--verify-email .dobro-auth-modal__registration {
	margin-top: auto;
	margin-bottom: 28px;
}

.dobro-auth-modal__panel--verify-email:has(.dobro-auth-modal__status) {
	gap: 12px;
}
/* Конец: панель подтверждения email */

/* Начало: каркас регистрации */
.dobro-auth-modal__panel--register {
	gap: 10px;
	padding: 18px 50px 0;
}

.dobro-auth-modal__panel--register .dobro-auth-modal__heading {
	gap: 8px;
	height: 84px;
	flex-basis: 84px;
}

.dobro-auth-modal__panel--register .dobro-auth-modal__logo {
	width: 54px;
	height: 54px;
}

.dobro-auth-modal__panel--register .dobro-auth-modal__title {
	height: 22px;
	font-size: 26px;
	line-height: 22px;
}

.dobro-auth-modal__form--register {
	gap: 8px;
}

.dobro-auth-modal__name-fields {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 341px;
	height: 48px;
	flex: 0 0 48px;
}

.dobro-auth-modal__form--register .dobro-auth-modal__field {
	height: 48px;
	flex-basis: 48px;
}

.dobro-auth-modal__form--register .dobro-auth-modal__field--half {
	width: 166.5px;
	flex: 0 0 166.5px;
}

.dobro-store .dobro-auth-modal__form--register input.dobro-auth-modal__input {
	height: 48px;
	padding: 13px 54px 13px 20px;
	border-radius: 24px;
}

.dobro-store .dobro-auth-modal__form--register .dobro-auth-modal__field--half input.dobro-auth-modal__input {
	width: 166.5px;
	padding-right: 40px;
	padding-left: 16px;
	font-size: 12px;
}

.dobro-store .dobro-auth-modal__form--register button.dobro-auth-modal__field-action {
	top: 12px;
	right: 20px;
}

.dobro-store .dobro-auth-modal__form--register .dobro-auth-modal__field--half button.dobro-auth-modal__field-action {
	right: 12px;
}

.dobro-auth-modal__password-notice {
	width: 341px;
	margin: 0;
	color: #757575;
	font-family: var(--dobro-font-base);
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
}

/* Начало: согласие на обработку персональных данных */
.dobro-registration-consent {
	width: 341px;
	margin: 0;
}

.dobro-registration-consent__label {
	display: flex;
	align-items: center;
	white-space: nowrap;
	gap: 8px;
	margin: 0;
	color: #757575;
	font-family: var(--dobro-font-base);
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}

.dobro-registration-consent__label > span {
	display: flex;
	align-items: baseline;
	gap: 3px;
	min-width: 0;
}

.dobro-registration-consent__checkbox {
	flex: 0 0 18px;
}

.dobro-registration-consent__checkbox {
	width: 18px;
	height: 18px;
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
	background-color: #ffffff;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #bdbdbd;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color var(--dobro-transition), border-color var(--dobro-transition);
}

.dobro-registration-consent__checkbox:checked {
	background-color: #ff7b00;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4.3 8.2L11 1.2' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	border-color: #ff7b00;
}

.dobro-registration-consent__checkbox:focus-visible {
	outline: 1px solid #ff7b00;
	outline-offset: 2px;
}

body.dobro-store .dobro-auth-modal button.dobro-registration-consent__link {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #242424;
	font: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
	flex: 0 0 auto;
	line-height: inherit;
}

body.dobro-store .dobro-auth-modal button.dobro-registration-consent__link:hover,
body.dobro-store .dobro-auth-modal button.dobro-registration-consent__link:active {
	background: transparent;
	color: #ff7b00;
}

body.dobro-store .dobro-auth-modal button.dobro-registration-consent__link:focus-visible {
	outline: 1px solid #ff7b00;
	outline-offset: 2px;
}
/* Конец: согласие на обработку персональных данных */

/* Начало: окно согласия */
.dobro-consent-dialog {
	width: 560px;
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 40px);
	margin: auto;
	padding: 30px;
	overflow: hidden;
	background: #ffffff;
	border: 0;
	border-radius: 30px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18);
	color: #242424;
}

.dobro-consent-dialog[open] {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.dobro-consent-dialog::backdrop {
	background: rgba(36, 36, 36, 0.38);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.dobro-consent-dialog__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.dobro-consent-dialog__title {
	margin: 0;
	font-family: var(--dobro-font-base);
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
}

body.dobro-store .dobro-auth-modal button.dobro-consent-dialog__close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	margin: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	background: #eeeeee;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	color: #757575;
}

body.dobro-store .dobro-auth-modal button.dobro-consent-dialog__close:hover,
body.dobro-store .dobro-auth-modal button.dobro-consent-dialog__close:active {
	background: #e0e0e0;
	color: #242424;
}

.dobro-consent-dialog__content {
	overflow-y: auto;
	font-family: var(--dobro-font-base);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

.dobro-consent-dialog__content p {
	margin: 0 0 14px;
}

.dobro-consent-dialog__content p:last-child {
	margin-bottom: 0;
}

.dobro-consent-dialog__content a {
	color: #ff7b00;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.dobro-store .dobro-auth-modal button.dobro-consent-dialog__accept {
	width: 100%;
	height: 50px;
	flex: 0 0 50px;
	margin: 0;
	padding: 0 24px;
	background: #ff7b00;
	border: 0;
	border-radius: 25px;
	box-shadow: none;
	color: #ffffff;
	font-family: var(--dobro-font-base);
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
}

body.dobro-store .dobro-auth-modal button.dobro-consent-dialog__accept:hover,
body.dobro-store .dobro-auth-modal button.dobro-consent-dialog__accept:active {
	background: #f06f00;
}
/* Конец: окно согласия */

.dobro-store .dobro-auth-modal button.dobro-auth-modal__submit--register {
	height: 50px;
	margin-top: 2px;
	padding: 17px 24px;
	flex-basis: 50px;
	border-radius: 25px;
	font-size: 14px;
	line-height: 16px;
}

.dobro-auth-modal__registration--login {
	gap: 5px;
	height: 30px;
	flex-basis: 30px;
}

.dobro-auth-modal__registration--login span {
	font-size: 12px;
}

.dobro-auth-modal__registration--login a {
	font-size: 14px;
}

.dobro-auth-modal__panel--register:has(.dobro-auth-modal__notices) {
	gap: 8px;
}
/* Конец: каркас регистрации */

/* Начало: перекрытие стандартных стилей WooCommerce */
body.dobro-store .dobro-auth-modal img.dobro-auth-modal__cover {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	object-position: center;
}

body.dobro-store .dobro-auth-modal form.dobro-auth-modal__form {
	width: 341px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
}

body.dobro-store .dobro-auth-modal .dobro-auth-modal__field .password-input {
	position: static;
	display: block;
	width: 341px;
	height: 60px;
	margin: 0;
	padding: 0;
}

body.dobro-store .dobro-auth-modal .dobro-auth-modal__field input.dobro-auth-modal__input {
	width: 341px;
	height: 60px;
	margin: 0;
	padding: 16px 64px 16px 25px;
}

body.dobro-store .dobro-auth-modal .dobro-auth-modal__form--register .dobro-auth-modal__field .password-input {
	height: 48px;
}

body.dobro-store .dobro-auth-modal .dobro-auth-modal__form--register .dobro-auth-modal__field input.dobro-auth-modal__input {
	height: 48px;
	padding: 13px 54px 13px 20px;
}

body.dobro-store .dobro-auth-modal .dobro-auth-modal__form--register .dobro-auth-modal__field--half input.dobro-auth-modal__input {
	width: 166.5px;
	padding-right: 40px;
	padding-left: 16px;
}

body.dobro-store .dobro-auth-modal button.show-password-input {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

body.dobro-store .dobro-auth-modal button.dobro-auth-modal__submit {
	float: none;
	margin-right: 0;
	margin-left: 0;
}

body.dobro-store .dobro-auth-modal .woocommerce-form-row,
body.dobro-store .dobro-auth-modal .form-row {
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
/* Конец: перекрытие стандартных стилей WooCommerce */

/* Начало: исчезновение сообщений */
.dobro-auth-modal__notices,
.dobro-auth-modal__status {
	overflow: hidden;
	animation:
		dobro-auth-message-fade 7s ease forwards,
		dobro-auth-message-collapse 7s step-end forwards;
}

@keyframes dobro-auth-message-fade {
	0%,
	88% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-4px);
	}
}

@keyframes dobro-auth-message-collapse {
	0% {
		visibility: visible;
		pointer-events: auto;
	}

	100% {
		max-height: 0;
		min-height: 0;
		padding-top: 0;
		padding-bottom: 0;
		visibility: hidden;
		border-width: 0;
		pointer-events: none;
	}
}
/* Конец: исчезновение сообщений */

/* Начало: компактная авторизация с сообщением */
.dobro-auth-modal__panel--login:has(.dobro-auth-modal__notices),
.dobro-auth-modal__panel--login:has(.dobro-auth-modal__status) {
	gap: 10px;
}

.dobro-auth-modal__panel--login:has(.dobro-auth-modal__notices) .dobro-auth-modal__form,
.dobro-auth-modal__panel--login:has(.dobro-auth-modal__status) .dobro-auth-modal__form {
	gap: 10px;
}

.dobro-auth-modal__panel--login:has(.dobro-auth-modal__notices) .dobro-auth-modal__field,
.dobro-auth-modal__panel--login:has(.dobro-auth-modal__status) .dobro-auth-modal__field {
	height: 56px;
	flex-basis: 56px;
}

body.dobro-store .dobro-auth-modal__panel--login:has(.dobro-auth-modal__notices) .dobro-auth-modal__field input.dobro-auth-modal__input,
body.dobro-store .dobro-auth-modal__panel--login:has(.dobro-auth-modal__status) .dobro-auth-modal__field input.dobro-auth-modal__input {
	height: 56px;
	padding-top: 14px;
	padding-bottom: 14px;
	border-radius: 28px;
}

body.dobro-store .dobro-auth-modal__panel--login:has(.dobro-auth-modal__notices) .dobro-auth-modal__field .password-input,
body.dobro-store .dobro-auth-modal__panel--login:has(.dobro-auth-modal__status) .dobro-auth-modal__field .password-input {
	height: 56px;
}

.dobro-store .dobro-auth-modal__panel--login:has(.dobro-auth-modal__notices) button.dobro-auth-modal__field-action,
.dobro-store .dobro-auth-modal__panel--login:has(.dobro-auth-modal__status) button.dobro-auth-modal__field-action {
	top: 16px;
}

.dobro-auth-modal__panel--login:has(.dobro-auth-modal__notices) .dobro-auth-modal__options,
.dobro-auth-modal__panel--login:has(.dobro-auth-modal__status) .dobro-auth-modal__options {
	margin-top: 2px;
}

.dobro-store .dobro-auth-modal__panel--login:has(.dobro-auth-modal__notices) button.dobro-auth-modal__submit,
.dobro-store .dobro-auth-modal__panel--login:has(.dobro-auth-modal__status) button.dobro-auth-modal__submit {
	height: 54px;
	margin-top: 2px;
	padding-top: 19px;
	padding-bottom: 19px;
	flex-basis: 54px;
	border-radius: 27px;
}

.dobro-auth-modal__panel--login:has(.dobro-auth-modal__notices) .dobro-auth-modal__registration,
.dobro-auth-modal__panel--login:has(.dobro-auth-modal__status) .dobro-auth-modal__registration {
	gap: 7px;
	height: 30px;
	flex-basis: 30px;
}
/* Конец: компактная авторизация с сообщением */
