/* EasyFind authentication and account UI. Keep this layer isolated from archives. */

body.hp-template--user-login-page,
body.page-template-templatesregistration-1st-step-page-template-php,
body.hp-template--user-edit-settings-page {
    background:
        radial-gradient(circle at 8% 32%, rgba(5, 84, 242, .08), transparent 30%),
        radial-gradient(circle at 92% 54%, rgba(5, 84, 242, .06), transparent 32%),
        #f7faff;
}

.ef-auth-page,
body.hp-template--user-login-page .content-area {
    padding: 28px 16px 32px;
}

body.hp-template--user-login-page .site-main,
body.hp-template--user-login-page .hp-row {
    width: 100%;
    max-width: none;
    margin: 0;
}

.ef-auth {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
    align-items: stretch;
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    min-height: 570px;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #dce5f2;
    border-radius: 18px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 18px 48px rgba(23, 47, 88, .09);
}

div.auth__page.ef-auth {
    align-items: stretch;
}

body.hp-template--user-login-page .ef-auth.hp-col-sm-4 {
    flex: 0 1 1080px !important;
    flex-basis: 1080px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.ef-auth--login {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    min-height: 430px;
}

.ef-auth--registration {
    grid-template-columns: minmax(0, 1.06fr) minmax(380px, .94fr);
}

.ef-auth--login > .ef-auth__intro {
    grid-column: 1;
    grid-row: 1 / 4;
}

.ef-auth__container {
    display: contents;
}

.ef-auth__intro {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 46px 48px 36px;
    overflow: hidden;
    border-right: 1px solid #dce5f2;
    background: linear-gradient(145deg, #fff 0%, #f4f8ff 68%, #edf4ff 100%);
}

.ef-auth__eyebrow {
    margin: 0 0 7px;
    color: #0554f2;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ef-auth__intro h1 {
    max-width: 15ch;
    margin: 0 0 12px;
    color: #0b1934;
    font-size: clamp(34px, 3.4vw, 46px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.ef-auth__intro-copy > p:last-child {
    max-width: 44ch;
    margin: 0;
    color: #526177;
    font-size: 15px;
    line-height: 1.55;
}

.ef-auth__benefits {
    display: grid;
    gap: 17px;
    margin-top: 34px;
}

.ef-auth__benefit {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
}

.ef-auth__benefit-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #0554f2;
    background: #eaf1ff;
    font-size: 23px;
}

.ef-auth__benefit strong,
.ef-auth__benefit small {
    display: block;
}

.ef-auth__benefit strong {
    margin-bottom: 2px;
    color: #14213a;
    font-size: 14px;
    line-height: 1.3;
}

.ef-auth__benefit small {
    color: #66758a;
    font-size: 12px;
    line-height: 1.4;
}

.ef-auth__illustration {
    position: relative;
    width: min(86%, 390px);
    height: 120px;
    margin: auto auto -36px;
    border: 1px solid #d7e4fb;
    border-radius: 18px 18px 0 0;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 30px rgba(5, 84, 242, .08);
    transform: rotate(-2deg);
}

.ef-auth__illustration::before,
.ef-auth__illustration::after,
.ef-auth__illustration span {
    position: absolute;
    content: "";
    border-radius: 999px;
    background: #dbe7fc;
}

.ef-auth__illustration::before { top: 24px; left: 26px; width: 90px; height: 10px; background: #0554f2; }
.ef-auth__illustration::after { top: 48px; left: 26px; width: 150px; height: 8px; }
.ef-auth__illustration span:nth-child(1) { top: 71px; left: 26px; width: 116px; height: 8px; }
.ef-auth__illustration span:nth-child(2) { top: 25px; right: 24px; width: 74px; height: 74px; border-radius: 16px; background: linear-gradient(145deg, #2f74ff, #0554f2); }
.ef-auth__illustration span:nth-child(3) { top: 48px; right: 46px; width: 30px; height: 30px; border-radius: 4px; background: rgba(255,255,255,.8); transform: rotate(45deg); }

.ef-auth__form-panel,
.ef-auth--login > :not(.ef-auth__intro) {
    min-width: 0;
}

.ef-auth__form-panel,
.ef-auth--login {
    color: #14213a;
}

.ef-auth__form-panel {
    padding: 38px 46px;
    align-self: center;
}

.ef-auth__form-logo {
    display: none;
}

.ef-auth--registration .ef-auth__form-logo {
    display: flex;
    justify-content: center;
    margin: 0 0 18px;
}

.ef-auth--registration .ef-auth__form-logo img {
    display: block;
    width: auto !important;
    max-width: 142px;
    height: 44px !important;
    object-fit: contain;
}

.ef-auth--login > .hp-page__title,
.ef-auth--login > .hp-form__action,
.ef-auth--login > .hp-form {
    grid-column: 2;
    width: min(100% - 88px, 360px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.ef-auth--login > .hp-page__title {
    grid-row: 1;
    align-self: start;
    margin-top: 38px;
    margin-bottom: 6px;
    color: #0b1934;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 1.15;
}

.ef-auth--login > .hp-form__action {
    grid-row: 2;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
}

.ef-auth--login > .hp-form {
    grid-row: 3;
    align-self: start;
    margin-bottom: 36px;
}

.ef-auth--login > .hp-form__action {
    justify-self: center;
}

.ef-auth .title--03,
.ef-auth__form-panel > h1 {
    margin: 0 0 6px;
    color: #0b1934;
    font-size: 30px;
    line-height: 1.15;
}

.ef-auth .title--04 {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.4;
}

.ef-registration__intro-note {
    max-width: 360px;
    margin: 0 auto 20px;
    color: #6b7280;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    text-align: center;
}

.ef-auth .form__link,
.ef-auth .hp-form__action a,
.ef-auth a.hp-form__action {
    color: #0554f2;
    text-decoration: none;
}

.ef-auth .auth__btns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 152px));
    justify-content: center;
    gap: 10px;
    width: min(100%, 314px);
    margin-bottom: 20px;
}

.ef-auth .auth__btns .btn,
.ef-auth .form__btn,
.ef-auth .hp-field--submit {
    min-height: 44px;
    border-radius: 8px !important;
    font-size: 14px;
    font-weight: 700;
}

.ef-auth .auth__btns .btn {
    min-height: 38px;
    padding: 9px 14px !important;
    font-size: 13px;
}

.ef-auth--registration .ef-auth__form-panel {
    width: min(100%, 460px);
    margin-right: auto;
    margin-left: auto;
    padding: 38px 30px;
}

.ef-auth--registration .title--03 {
    font-size: 28px;
    line-height: 1.15;
}

.ef-auth--registration .title--04 {
    font-size: 14px;
    line-height: 1.45;
}

.ef-auth--registration .auth__btns {
    grid-template-columns: repeat(2, minmax(0, 108px));
    align-items: center;
    justify-content: center;
    gap: 32px;
    width: 100%;
}

.ef-auth--registration .auth__btns .btn {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    min-height: 38px !important;
    height: 38px !important;
    align-items: center;
    justify-content: center;
    padding: 8px 12px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.ef-auth--registration .auth__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.ef-auth--registration .auth__tab-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 70px;
    min-height: 34px;
    height: 34px;
    padding: 8px 10px !important;
    border-radius: 17px;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.ef-auth--registration .auth__tab-btn.ef-theme-email-tab {
    min-width: 118px;
}

.ef-auth--registration.is-registration-profile-step {
    display: block;
    width: min(100% - 32px, 600px) !important;
    max-width: 600px !important;
    min-height: 0;
}

.ef-auth--registration.is-registration-profile-step .ef-auth__intro {
    display: none;
}

.ef-auth--registration.is-registration-profile-step .ef-auth__form-panel {
    width: min(100%, 440px);
    padding: 34px 24px;
}

.ef-auth--registration.is-registration-profile-step .ef-auth__form-logo {
    margin-bottom: 14px;
}

.ef-auth--registration.is-registration-profile-step .title--03,
.ef-auth--registration.is-registration-profile-step .title--04 {
    text-align: center;
}

.ef-auth--registration.is-registration-profile-step .ef-registration__social-fields {
    grid-template-columns: 1fr;
    gap: 14px;
}

.ef-auth--registration.is-registration-profile-step .form-field__input,
.ef-auth--registration.is-registration-profile-step .ef-registration .hp-field:not([type="submit"]) {
    min-height: 38px;
    height: 38px;
    padding: 7px 12px;
    line-height: 1.25;
}

.ef-auth--registration .ef-registration__panel .form-field__input,
.ef-auth--registration .ef-registration__panel .hp-field:not([type="submit"]) {
    min-height: 38px;
    height: 38px;
    padding: 7px 12px;
    line-height: 1.25;
}

.ef-auth--registration #phone,
.ef-auth--registration #personalCode,
.ef-auth--registration #personalCode2 {
    min-height: 38px !important;
    height: 38px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    line-height: 1.25 !important;
}

.ef-auth--login .ef-auth__intro {
    justify-content: flex-start;
    padding: 38px 44px 26px;
}

.ef-auth--login .ef-auth__intro h1 {
    max-width: none;
    margin-bottom: 10px;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: 0;
}

.ef-auth--login .ef-auth__intro-copy > p:last-child {
    max-width: 42ch;
    font-size: 14px;
}

.ef-auth--login .ef-auth__benefits {
    gap: 15px;
    margin-top: 28px;
}

.ef-auth--login .ef-auth__benefit {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
}

.ef-auth--login .ef-auth__benefit-icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
}

.ef-auth--login .ef-auth__illustration {
    height: 92px;
    margin-bottom: -30px;
}

.ef-auth--login .form__btn,
.ef-auth--login .hp-field--submit,
.ef-auth--login button[type="submit"] {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.ef-auth--login .hp-social-links__item {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    margin-bottom: 0 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
}

.ef-auth--login .hp-form__field {
    margin-bottom: 14px;
}

.ef-auth--login .hp-field:not([type="submit"]) {
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 7px 12px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
}

.ef-auth--login .hp-form__footer {
    width: 100% !important;
    gap: 10px;
}

.ef-auth--login .hp-form__actions {
    margin-top: -4px;
    font-size: 13px;
}

.ef-auth .auth__btns .btn--01 {
    color: #fff !important;
    border: 1px solid #0554f2 !important;
    background: #0554f2 !important;
}

.ef-auth .auth__btns .btn--02 {
    color: #0554f2 !important;
    border: 1px solid #a9c3ff !important;
    background: #fff !important;
}

.ef-auth .form-field,
.ef-auth .hp-form__field {
    margin-bottom: 15px;
}

.ef-auth .form-field__label,
.ef-auth .hp-form__label {
    display: block;
    margin-bottom: 6px;
    color: #25334b;
    font-size: 13px;
    font-weight: 600;
}

.ef-auth .form-field__input,
.ef-auth .hp-field:not([type="submit"]) {
    min-height: 38px;
    height: 38px;
    padding: 7px 12px;
    border: 1px solid #d5deeb;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    line-height: 1.25;
}

.ef-auth .hp-social-links__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0 0 16px;
    border: 1px solid #d5deeb !important;
    border-radius: 8px !important;
    color: #25334b !important;
    background: #fff !important;
    box-shadow: none !important;
}

.ef-auth .hp-form__footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ef-auth .hp-form__actions {
    text-align: right;
}

.modal.modal--account-gate {
    gap: 16px;
    width: min(100% - 32px, 514px);
    max-width: 514px;
    padding: 48px 42px 28px;
    border: 1px solid rgba(20, 33, 58, .08);
    border-radius: 12px;
    box-shadow: 0 22px 65px rgba(10, 20, 40, .22);
    color: #202331;
}

.modal--account-gate .modal__closer {
    top: 18px;
    right: 18px;
    padding: 6px;
    color: #2f3442;
}

.modal--account-gate .modal__closer i {
    font-size: 28px;
}

.modal__account-illustration {
    display: flex;
    justify-content: center;
    width: 132px;
    height: 112px;
    margin: 0 auto 2px;
}

.modal__account-illustration svg {
    display: block;
    width: 100%;
    height: 100%;
}

.modal--account-gate .title--03 {
    margin: 0;
    color: #202331;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: 0;
}

.modal--account-gate .modal__text {
    max-width: 360px;
    margin: 0 auto 8px;
    color: #6f7481;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
}

.modal--account-gate .modal__btns-list {
    gap: 16px;
    width: 100%;
}

.modal--account-gate .modal__btns-list .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    width: 100%;
    max-width: 184px;
    min-height: 50px;
    padding: 11px 18px !important;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
}

.modal--account-gate .modal__btns-list .btn i {
    font-size: 23px;
    line-height: 1;
}

.modal--account-gate .modal__btns-list .btn--01.blue {
    border-color: #2f66e8;
    background: #2f66e8;
    color: #fff;
}

.modal--account-gate .modal__btns-list .btn--02.blue {
    border: 2px solid #2f66e8;
    background: #fff;
    color: #2f66e8;
}

.modal__account-note {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    padding-top: 24px;
    color: #9aa0ad;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.modal__account-note::before,
.modal__account-note::after {
    content: "";
    position: absolute;
    top: 8px;
    width: calc(50% - 18px);
    height: 1px;
    background: #e8ebf1;
}

.modal__account-note::before {
    left: 10px;
}

.modal__account-note::after {
    right: 10px;
}

.modal__account-note span {
    position: absolute;
    top: 1px;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #ff956f;
    border-top: 0;
    border-left: 0;
    transform: translateX(-50%) rotate(45deg);
}

/* Account page */
body.hp-template--user-edit-settings-page .site-content,
body.hp-template--user-edit-settings-page .content-area {
    background: transparent;
}

body .hp-row.container.ef-account-layout,
body .ef-account-layout.container {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    position: relative;
    box-sizing: border-box;
    width: min(100% - 32px, var(--ef-container, 1360px)) !important;
    max-width: var(--ef-container, 1360px) !important;
    min-height: calc(100vh - 180px);
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 24px;
    padding-bottom: 40px;
}

.ef-account-menu-toggle-wrap {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 35;
}

.ef-account-menu-toggle {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    border: 1px solid #d6dfec;
    border-radius: 10px;
    background: #fff;
    color: #17243a;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(23, 47, 88, .06);
}

.ef-account-menu-toggle svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.ef-account-menu-toggle:hover,
.ef-account-menu-toggle:focus-visible,
.ef-account-layout.is-account-menu-open .ef-account-menu-toggle {
    border-color: #a9c3ff;
    color: #0554f2;
}

body .ef-account-layout > .hp-page__sidebar {
    display: block !important;
    position: static;
    grid-column: 1;
    grid-row: 1;
    z-index: 1;
    width: 280px !important;
    max-width: none !important;
    box-sizing: border-box;
    flex: none !important;
    flex-basis: auto !important;
    align-self: flex-start;
    float: none !important;
    padding: 12px 0;
    overflow: hidden;
    border: 1px solid #dce5f2;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(23, 47, 88, .05);
    opacity: 1;
    pointer-events: auto;
    transform: none;
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
    visibility: visible;
}

body .ef-account-layout.is-account-menu-open > .hp-page__sidebar {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    visibility: visible !important;
}

body .ef-account-layout > .hp-page__sidebar > div:first-child {
    max-width: none;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account ul {
    margin: 0;
    padding: 0;
}

/* The account dropdown owns mobile navigation, not HivePress's modal launcher. */
body .ef-account-layout .hp-page__sidebar .hp-button--user-account-menu {
    display: none !important;
}

body .ef-account-layout .hp-page__sidebar .hp-widget--user-account-menu,
body .ef-account-layout .hp-page__sidebar #user_account_menu_modal {
    display: block !important;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account ul .hp-menu__item a {
    display: flex;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    min-height: 46px;
    align-items: center;
    justify-content: flex-start !important;
    gap: 12px;
    padding: 13px 18px;
    color: #25334b;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    white-space: normal;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account ul .hp-menu__item a::after {
    display: none !important;
    content: none !important;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account .hp-menu__item {
    min-width: 0;
}

body .ef-account-layout .hp-page__sidebar .hp-menu--user-account ul .hp-menu__item.hp-menu__item--current {
    border-left: 3px solid #0554f2;
    background: #eef4ff;
}

body .ef-account-layout .hp-menu--user-account .hp-menu__item > a::before {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background: currentColor;
    content: "";
    -webkit-mask: var(--ef-account-menu-icon) center / contain no-repeat;
    mask: var(--ef-account-menu-icon) center / contain no-repeat;
}

body .ef-account-layout .hp-menu__item--easyfind-vendor-preview,
body .ef-account-layout .hp-menu__item--easyfind_vendor_preview {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M8 22h8M12 18v4'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--payouts-view,
body .ef-account-layout .hp-menu__item--payouts_view {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--listings-edit,
body .ef-account-layout .hp-menu__item--listings_edit {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4' cy='6' r='1'/%3E%3Ccircle cx='4' cy='12' r='1'/%3E%3Ccircle cx='4' cy='18' r='1'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--listings-favorite,
body .ef-account-layout .hp-menu__item--listings_favorite {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8l1.1 1.1L12 21l7.8-7.5 1.1-1.1a5.5 5.5 0 0 0-.1-7.8Z'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--listings-feed,
body .ef-account-layout .hp-menu__item--listings_feed {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--messages-thread,
body .ef-account-layout .hp-menu__item--messages_thread {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--orders-view,
body .ef-account-layout .hp-menu__item--orders_view,
body .ef-account-layout .hp-menu__item--orders-edit,
body .ef-account-layout .hp-menu__item--orders_edit,
body .ef-account-layout .hp-menu__item--memberships-view,
body .ef-account-layout .hp-menu__item--memberships_view,
body .ef-account-layout .hp-menu__item--subscriptions-view,
body .ef-account-layout .hp-menu__item--subscriptions_view {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--user-edit-settings,
body .ef-account-layout .hp-menu__item--user_edit_settings {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-1.6v-.2h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1Z'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--renew-subscription,
body .ef-account-layout .hp-menu__item--renew_subscription {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7v5h-5M4 17v-5h5'/%3E%3Cpath d='M6.1 8a7 7 0 0 1 11.7-2L20 8M4 16l2.2 2a7 7 0 0 0 11.7-2'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--vendor-dashboard,
body .ef-account-layout .hp-menu__item--vendor_dashboard,
body .ef-account-layout .hp-menu__item--user-listing-packages-view,
body .ef-account-layout .hp-menu__item--user_listing_packages_view {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M8 22h8M12 18v4'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--user-logout,
body .ef-account-layout .hp-menu__item--user_logout {
    --ef-account-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3C/svg%3E");
}

body .ef-account-layout .hp-menu__item--user-logout > a,
body .ef-account-layout .hp-menu__item--user_logout > a {
    color: #ef3f45 !important;
}

body .ef-account-layout > .hp-page__content {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    flex: none !important;
    flex-basis: 100% !important;
    float: none !important;
    padding: 0 !important;
}

.ef-renew-account-content {
    min-width: 0;
}

body .ef-renew-account-page .ef-renew-account-layout {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    position: relative;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100vh - 180px);
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 24px 60px;
}

.ef-renew-pricing-grid {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 24px;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 16px;
    margin-bottom: 16px !important;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}

.ef-renew-pricing-card {
    flex: 1 0 230px;
    width: auto;
    min-width: 230px;
    max-width: none;
    scroll-snap-align: start;
}

.ef-renew-pricing-card .ef-pricing-btn {
    width: 100% !important;
}

@media (max-width: 1539px) {
    .ef-renew-pricing-grid {
        grid-template-columns: none;
    }
}

@media (max-width: 1180px) {
    .ef-renew-pricing-grid {
        grid-template-columns: none;
    }
}

body.hp-template--user-edit-settings-page .hp-page__content.account_settings_page {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    flex-basis: 100% !important;
}

.account_settings_page .ef-account-form,
.account_settings_page .hp-form--user-update,
.account_settings_page .hp-form__fields,
.ef-account-form .hp-form__fields {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
}

.account_settings_page .ef-account-form,
.account_settings_page .hp-form--user-update {
    display: flex !important;
    flex-direction: column;
}

body .ef-account-layout > .hp-page__content > .hp-page__title {
    min-height: 44px;
    margin-right: 0 !important;
}

body .ef-account-layout > .hp-page__content > .hp-page__title,
body .ef-account-layout .account_settings_page > .hp-page__title {
    min-height: 44px;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #14213a !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.ef-account-form .hp-form__fields,
.account_settings_page .hp-form__fields:has(> .ef-account-section) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    order: 1;
}

.ef-account-section {
    display: grid;
    box-sizing: border-box;
    grid-template-columns: 178px minmax(0, 1fr);
    gap: 16px;
    width: 100%;
    max-width: none;
    padding: 16px 24px;
    border: 1px solid #dce5f2;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(23, 47, 88, .04);
}

.ef-account-section__title {
    margin: 0;
    color: #25334b;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.35;
}

.ef-account-section__body {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 22px;
    min-width: 0;
}

.ef-account-form .hp-form__field {
    min-width: 0;
}

.ef-account-form .hp-field__label,
.ef-account-form .hp-form__label {
    position: static !important;
    display: block !important;
    margin: 0 0 5px !important;
    color: #25334b;
    font-size: 13px !important;
    font-weight: 700;
    line-height: 1.25;
    text-align: left !important;
    transform: none !important;
}

.ef-account-form .hp-field,
.ef-account-form .form-field__input,
.ef-account-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.ef-account-form select,
.ef-account-form textarea:not(.wp-editor-area),
.ef-account-form .select2-selection {
    min-height: 38px !important;
    height: 38px !important;
    border-color: #d5deea !important;
    border-radius: 8px !important;
    color: #25334b !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
}

.ef-account-form textarea:not(.wp-editor-area) {
    min-height: 96px !important;
    height: auto !important;
}

.ef-account-form .hp-field--attachment-upload {
    min-height: 0 !important;
    height: auto !important;
}

.ef-account-form .hp-field,
.ef-account-form .form-field__input,
.ef-account-form input,
.ef-account-form select,
.ef-account-form textarea,
.ef-account-form .iti,
.ef-account-form .select2,
.ef-account-form .wp-editor-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.ef-account-form small {
    display: block;
    margin-top: 5px;
    color: #8090a8;
    font-size: 10px;
    line-height: 1.4;
}

.ef-account-form .hp-form__field--password {
    position: relative;
}

.ef-account-form .hp-form__field--password .hp-field--password {
    padding-right: 40px !important;
}

.ef-account-form .hp-form__field--password .hp-field__icon {
    position: absolute;
    right: 12px;
    bottom: 7px;
    z-index: 2;
    display: inline-flex !important;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.ef-account-section--profile .ef-account-field--phone .iti {
    position: relative;
}

.ef-account-section--profile .ef-account-field--phone .iti__flag-container {
    z-index: 3;
    width: 86px;
}

.ef-account-section--profile .ef-account-field--phone .iti__selected-flag {
    width: 86px;
    padding-right: 8px;
    padding-left: 12px;
}

.ef-account-section--profile .ef-account-field--phone .iti__selected-dial-code {
    margin-left: 7px;
    color: #52627a;
    font-size: 14px;
    line-height: 1;
}

.ef-account-section--profile .ef-account-field--phone input.hp-field,
.ef-account-section--profile .ef-account-field--phone input[type="tel"] {
    padding-left: 96px !important;
    direction: ltr;
}

.ef-account-section__body > * {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

.ef-account-section--profile {
    grid-template-columns: 172px minmax(0, 1fr);
}

.ef-account-section--profile .ef-account-section__title {
    grid-column: 1;
    grid-row: 1;
}

.ef-account-section--profile .ef-account-section__body {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: 172px repeat(3, minmax(0, 1fr));
    column-gap: 24px;
}

.ef-account-section--profile .ef-account-field--image {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    min-height: 0;
    padding-right: 22px !important;
    border-right: 1px solid #dce5f2;
    text-align: center;
}

.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    overflow: visible !important;
}

.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload > div:first-child {
    margin-bottom: 0 !important;
}

.ef-account-section--profile .ef-account-field--image .hp-row {
    margin: 0 !important;
}

.ef-account-section--profile .ef-account-field--image .hp-row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload > div:first-child > div,
.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload > div:first-child > div > div {
    margin-bottom: 0 !important;
}

.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload > div:first-child > div > div {
    position: relative !important;
    padding-top: 0 !important;
}

.ef-account-section--profile .ef-account-field--image picture,
.ef-account-section--profile .ef-account-field--image img {
    display: block;
    width: 128px !important;
    height: 128px !important;
    margin: 0 auto 10px;
    border-radius: 50%;
    object-fit: cover;
}

.ef-account-section--profile .ef-account-field--image label,
.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload label {
    float: none !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 0;
    min-height: 0;
    align-items: center;
    justify-content: center;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}

.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload label > button {
    width: 116px !important;
    min-width: 116px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload label > button,
.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload label > button *,
.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload label > button span {
    color: #fff !important;
}

.ef-account-section--profile .ef-account-field--image .hp-field--attachment-upload label > button span {
    white-space: nowrap;
}

.ef-account-section--profile .ef-account-field--languages {
    align-self: stretch;
}

.ef-account-section--profile .ef-account-field--languages .select2-selection,
.ef-account-section--profile .ef-account-field--languages .hp-field {
    min-height: 38px !important;
    height: auto !important;
}

.ef-account-section--profile .ef-account-field--languages .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 4px 8px !important;
    gap: 4px !important;
}

.ef-account-section--security .ef-account-section__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ef-account-section--addresses .ef-account-section__body,
.ef-account-section--social .ef-account-section__body,
.ef-account-section--description .ef-account-section__body,
.ef-account-section--social .ef-account-social-fields {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
}

.ef-account-addresses,
.ef-account-addresses__rows {
    display: grid;
    gap: 10px;
    width: 100%;
}

.ef-account-addresses__group {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    align-items: start;
    width: 100%;
}

.ef-account-addresses__group + .ef-account-addresses__group {
    margin-top: 14px;
}

.ef-account-addresses__group-title {
    padding-top: 0;
    color: #25334b;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.ef-account-field--primary-address .hp-field__label,
.ef-account-field--primary-address .hp-form__label {
    display: none !important;
}

.ef-account-field--primary-address,
.ef-account-field--primary-address .hp-field,
.ef-account-field--primary-address input {
    width: 100% !important;
}

.ef-account-addresses__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 10px;
    align-items: end;
}

.ef-account-addresses__location {
    width: 100%;
}

.ef-account-addresses__input {
    min-height: 40px;
}

.ef-account-addresses__add {
    display: inline-flex;
    width: 44px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #0554f2;
    border-radius: 8px;
    background: #0554f2;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.ef-account-addresses__add[hidden],
.ef-account-field--legacy-address {
    display: none !important;
}

.ef-account-section--social .ef-account-social-fields__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 22px;
    width: 100%;
}

.ef-account-section--social .ef-account-field .hp-field {
    padding-left: 40px !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    background-size: 20px 20px !important;
}

.ef-account-section--social .ef-account-field input.hp-field,
.ef-account-section--social .ef-account-field input[type="url"],
.ef-account-section--social .ef-account-field input[type="text"] {
    padding-left: 44px !important;
    text-indent: 0 !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 18px 18px !important;
}

.ef-account-section--social .ef-account-field--social-facebook .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b5cff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 8h3V4h-3a5 5 0 0 0-5 5v3H6v4h3v6h4v-6h3l1-4h-4V9a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-field--social-instagram .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1306c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='%23e1306c' stroke='none'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-field--social-whatsapp .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2325d366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4.1A8 8 0 1 1 20 11.5Z'/%3E%3Cpath d='M9 8.5c.5 2.7 1.8 4 4.5 5l1.5-1.2 2 1.3c-.4 1.5-1.4 2.4-3 2.4-3.5 0-6-2.5-6-6 0-.8.3-1.3 1-1.5Z'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-field--social-telegram .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2329a9ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 3-7.5 18-4.2-7.2L3 10.5 21 3Z'/%3E%3Cpath d='m9.3 13.8 4.5-4.1'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-field--social-tiktok .hp-field {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v11.5a4.5 4.5 0 1 1-4-4.47'/%3E%3Cpath d='M14 3c.6 3 2.3 4.7 5 5'/%3E%3C/svg%3E") !important;
}

.ef-account-section--social .ef-account-social-fields,
.ef-account-section--description .ef-account-field--description {
    grid-column: 1 / -1 !important;
}

.ef-account-form > .hp-form__footer {
    display: flex;
    justify-content: center;
    order: 3;
    padding: 14px 0 0;
}

body.hp-template--user-edit-settings-page .ef-account-form > .hp-form__messages {
    order: 2;
    margin: 20px 0 0;
}

.ef-account-form > .hp-form__footer .hp-field--submit {
    width: min(100%, 520px);
    min-height: 46px;
    height: 46px;
    border-radius: 8px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
}

.ef-account-form > .hp-form__footer .hp-field--submit,
.ef-account-form > .hp-form__footer .hp-field--submit *,
.ef-account-form > .hp-form__footer .hp-form__button,
.ef-account-form > .hp-form__footer .hp-form__button * {
    color: #fff !important;
}

@media (min-width: 901px) {
    body.hp-template--user-edit-settings-page .ef-account-section--description .ef-account-field--description > .hp-field__label,
    body.hp-template--user-edit-settings-page .ef-account-section--description .ef-account-field--description > .hp-form__label {
        display: none !important;
    }

    body.hp-template--user-edit-settings-page .ef-account-section--description .wp-editor-wrap,
    body.hp-template--user-edit-settings-page .ef-account-section--description .wp-editor-container,
    body.hp-template--user-edit-settings-page .ef-account-section--description .mce-tinymce {
        min-height: 350px !important;
    }

    body.hp-template--user-edit-settings-page .ef-account-section--description .mce-edit-area,
    body.hp-template--user-edit-settings-page .ef-account-section--description .mce-edit-area iframe,
    body.hp-template--user-edit-settings-page .ef-account-section--description textarea.wp-editor-area {
        min-height: 304px !important;
        height: 304px !important;
    }

    body.hp-template--user-edit-settings-page .ef-account-form > .hp-form__footer {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding-top: 12px;
    }

    body.hp-template--user-edit-settings-page .ef-account-form > .hp-form__footer > .hp-form__button {
        order: 1;
        flex: 0 0 auto;
        width: 520px !important;
        max-width: min(100%, 520px) !important;
        min-height: 46px !important;
        height: 46px !important;
        border-radius: 8px !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 800 !important;
    }

    body.hp-template--user-edit-settings-page .ef-account-form > .hp-form__footer > .hp-form__actions {
        order: 2;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 210px;
        flex: 0 0 auto;
        width: 100% !important;
        max-width: none !important;
        min-height: 66px;
        align-items: center;
        gap: 24px;
        margin: 0 !important;
        padding: 14px 24px !important;
        border: 1px solid #dce5f2;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 5px 18px rgba(23, 47, 88, .04);
    }

    body.hp-template--user-edit-settings-page .ef-account-form > .hp-form__footer > .hp-form__actions::before {
        content: "Konto kustutamine\A Kui kustutad konto, kaovad kõik sinu andmed ja kuulutused ning seda tegevust ei saa tagasi võtta.";
        white-space: pre-line;
        color: #25334b;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.35;
    }

    body.hp-template--user-edit-settings-page .ef-account-form > .hp-form__footer > .hp-form__actions::first-line {
        font-size: 16px;
        font-weight: 900 !important;
    }

    body.hp-template--user-edit-settings-page .ef-account-form > .hp-form__footer .hp-form__action--user-delete {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 210px;
        max-width: 210px;
        min-height: 42px;
        height: 42px;
        padding: 10px 18px !important;
        border: 1px solid #ff3b3b !important;
        border-radius: 8px;
        color: #ff3b3b !important;
        font-size: 13px;
        font-weight: 400;
        margin: 0 !important;
        text-align: center;
    }
}

/* Account listings and conversations. */
body.hp-template--listings-edit-page .hp-page__content,
body.hp-template--messages-thread-page .hp-page__content {
    min-width: 0;
}

body.hp-template--listings-edit-page .hp-page__title,
body.hp-template--messages-thread-page .hp-page__title {
    min-height: 44px;
    margin: 0 58px 24px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #14213a !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
}

.ef-account-listings,
.ef-account-messages {
    min-width: 0;
    padding: 24px;
    border: 1px solid #dce5f2;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(23, 47, 88, .05);
}

.ef-account-table-head,
.ef-account-listings .hp-listing--edit-block {
    display: grid;
    grid-template-columns: minmax(300px, 2.2fr) minmax(180px, 1fr) minmax(120px, .7fr) minmax(190px, .9fr);
    gap: 22px;
    align-items: center;
}

.ef-account-table-head {
    padding: 0 0 18px;
    border-bottom: 1px solid #dce5f2;
    color: #718096;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.ef-account-listings .hp-listings.hp-table {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 14px;
}

.ef-account-listings .hp-listings.hp-table tbody,
.ef-account-messages .hp-messages.hp-table tbody {
    display: block;
    width: 100%;
}

.ef-account-listings .hp-listing--edit-block {
    width: 100%;
    padding: 18px 0;
    border: 0;
    border-bottom: 1px solid #dce5f2;
}

.ef-account-listings .hp-listing--edit-block:last-child {
    border-bottom: 0;
}

.ef-account-listings .hp-listing--edit-block > td {
    display: block;
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
}

.ef-account-listing-summary {
    display: flex !important;
    align-items: center;
    gap: 16px;
}

.ef-account-listing-summary__image {
    width: 84px;
    height: 72px;
    flex: 0 0 84px;
    border-radius: 8px;
    background: #edf2f8;
    object-fit: cover;
}

.ef-account-listing-summary__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}

.ef-account-listing-summary__title {
    display: -webkit-box;
    overflow: hidden;
    color: #162238 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ef-account-listing-status {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border: 1px solid #a7e7c2;
    border-radius: 999px;
    background: #effcf4;
    color: #13a45a;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.ef-account-listing-status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.ef-account-listing-status--pending {
    border-color: #ffd6a8;
    background: #fff8ed;
    color: #d97706;
}

.ef-account-listing-status--draft {
    border-color: #d9e0ea;
    background: #f7f9fc;
    color: #64748b;
}

.ef-account-listings .hp-listing__categories,
.ef-account-listings .hp-listing__created-date {
    color: #46546a;
    font-size: 13px;
    line-height: 1.45;
}

.ef-account-listings .hp-listing__actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.ef-account-listing-edit,
.ef-account-listings .hp-listing__action--view {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none !important;
}

.ef-account-listing-edit {
    width: 48px;
    border: 1px solid #d6dfec;
    color: #17243a;
    background: #fff;
}

.ef-account-listing-edit svg {
    width: 20px;
    height: 20px;
}

.ef-account-listings .hp-listing__action--view {
    min-width: 110px;
    padding: 0 18px;
    border: 1px solid #0554f2;
    background: #0554f2;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
}

.ef-account-listing-edit:hover,
.ef-account-listing-edit:focus-visible,
.ef-account-listings .hp-listing__action--view:hover,
.ef-account-listings .hp-listing__action--view:focus-visible {
    box-shadow: 0 5px 14px rgba(5, 84, 242, .18);
    transform: translateY(-1px);
}

.ef-account-listings__add {
    display: flex;
    justify-content: center;
    padding-top: 28px;
}

.ef-account-add-link {
    display: inline-flex;
    min-width: 320px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 24px;
    border: 1px dashed #77a8ff;
    border-radius: 8px;
    color: #0554f2 !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
}

.ef-account-add-link span { font-size: 26px; font-weight: 400; }

.ef-account-messages__toolbar {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #dce5f2;
}

.ef-account-message-search {
    position: relative;
    display: block;
    width: min(100%, 330px);
}

.ef-account-message-search i {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 1;
    color: #617086;
    transform: translateY(-50%);
}

.ef-account-message-search input,
.ef-account-messages__toolbar select {
    width: 100%;
    min-height: 42px;
    margin: 0;
    border: 1px solid #d6dfec;
    border-radius: 8px;
    background: #fff;
    color: #25334b;
    font-size: 13px;
}

.ef-account-message-search input { padding: 0 16px 0 44px; }
.ef-account-messages__toolbar select { width: 180px; padding: 0 38px 0 16px; }

.ef-account-messages .hp-messages.hp-table {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.ef-account-messages .hp-message--thread-block {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px 44px;
    gap: 18px;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid #dce5f2;
}

.ef-account-messages .hp-message--thread-block:last-child { border-bottom: 0; }
.ef-account-messages .hp-message--thread-block > td { display: block; min-width: 0; padding: 0 !important; border: 0 !important; }

.ef-account-message-summary__link {
    display: grid !important;
    grid-template-columns: 42px 8px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    color: #17243a !important;
    text-decoration: none !important;
}

.ef-account-message-summary__avatar {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    background: #eef4ff;
    color: #0554f2;
}

.ef-account-message-summary__avatar img { width: 100%; height: 100%; object-fit: cover; }
.ef-account-message-summary__unread { width: 8px; height: 8px; border-radius: 50%; background: #0554f2; }
.ef-account-message-summary__copy { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.ef-account-message-summary__copy strong,
.ef-account-message-summary__copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ef-account-message-summary__copy strong { color: #17243a; font-size: 14px; line-height: 1.35; }
.ef-account-message-summary__copy small { color: #77849a; font-size: 12px; font-weight: 400; }

.ef-account-message-date time {
    display: flex;
    flex-direction: column;
    color: #6f7d92;
    font-size: 13px;
    line-height: 1.4;
}

.ef-account-message-date small { font-size: inherit; }
.ef-account-messages .hp-message__actions { text-align: right; }
.ef-account-messages .easyfind-thread-hide { width: 40px; height: 40px; padding: 0; font-size: 18px; }
.ef-account-messages__empty { margin: 18px 0 0; color: #718096; font-size: 13px; }

@media (max-width: 1180px) {
    .ef-account-table-head,
    .ef-account-listings .hp-listing--edit-block {
        grid-template-columns: minmax(260px, 1.8fr) minmax(150px, 1fr) 100px 170px;
        gap: 16px;
    }
}

@media (max-width: 900px) {
    .ef-auth {
        grid-template-columns: 1fr;
        width: min(100%, 620px) !important;
    }

    .ef-auth--login {
        grid-template-rows: none;
    }

    .ef-auth--login > .ef-auth__intro {
        display: none;
    }

    .ef-auth__intro {
        padding: 32px 34px;
        border-right: 0;
        border-bottom: 1px solid #dce5f2;
    }

    .ef-auth__intro h1 { font-size: 34px; }
    .ef-auth__benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ef-auth__benefit { grid-template-columns: 38px minmax(0, 1fr); align-items: start; }
    .ef-auth__benefit-icon { width: 38px; height: 38px; font-size: 19px; }
    .ef-auth__illustration { display: none; }

    .ef-auth--login > .hp-page__title,
    .ef-auth--login > .hp-form__action,
    .ef-auth--login > .hp-form {
        grid-column: 1;
        grid-row: auto;
        margin-right: 34px;
        margin-left: 34px;
    }

    .ef-auth--login > .hp-page__title { order: 1; margin-top: 30px; }
    .ef-auth--login > .hp-form__action { order: 2; }
    .ef-auth--login > .hp-form { order: 3; }
    .ef-account-section { grid-template-columns: 1fr; }
    .ef-account-section__body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ef-account-section--profile .ef-account-section__body {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    body .hp-row.container.ef-account-layout,
    body .ef-account-layout.container,
    body .ef-renew-account-page .ef-renew-account-layout {
        display: block !important;
        gap: 0;
        min-height: 0;
        padding-right: 16px;
        padding-left: 16px;
    }

    .ef-account-menu-toggle-wrap {
        display: block;
    }

    body .ef-account-layout > .hp-page__content {
        grid-column: auto;
        grid-row: auto;
        width: 100% !important;
        max-width: 100% !important;
    }

    body .ef-account-layout > .hp-page__content > .hp-page__title {
        margin-right: 58px !important;
    }

    body.hp-template--user-edit-settings-page .ef-account-layout > .hp-page__content > .hp-page__title,
    body.hp-template--user-edit-settings-page .ef-account-layout .account_settings_page > .hp-page__title {
        margin-right: 58px !important;
    }

    body .ef-account-layout > .hp-page__sidebar {
        position: absolute;
        top: 52px;
        right: 0;
        z-index: 34;
        width: min(280px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 32px) !important;
        max-height: calc(100dvh - 160px);
        overflow-y: auto;
        overscroll-behavior: contain;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-6px);
        visibility: hidden;
    }

    .ef-account-table-head { display: none; }
    .ef-account-listings { padding: 16px; }
    .ef-account-listings .hp-listing--edit-block {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px 16px;
        align-items: start;
        padding: 18px 0;
    }
    .ef-account-listing-summary { grid-column: 1 / -1; }
    .ef-account-listings .hp-listing__categories,
    .ef-account-listings .hp-listing__created-date { padding-left: 100px !important; }
    .ef-account-listings .hp-listing__actions { grid-column: 2; grid-row: 2 / span 2; }
}

@media (max-width: 640px) {
    .ef-renew-pricing-grid {
        grid-template-columns: none;
    }

    .ef-auth-page,
    body.hp-template--user-login-page .content-area { padding: 16px 8px 24px; }

    .modal.modal--account-gate {
        width: min(100% - 28px, 420px);
        padding: 42px 22px 24px;
    }

    .modal__account-illustration {
        width: 112px;
        height: 96px;
    }

    .modal--account-gate .title--03 {
        font-size: 32px;
    }

    .modal--account-gate .modal__text {
        max-width: 300px;
        font-size: 16px;
    }

    .modal--account-gate .modal__btns-list {
        flex-direction: column;
        gap: 12px;
    }

    .modal--account-gate .modal__btns-list .btn {
        max-width: 280px;
    }

    .ef-auth { min-height: 0; border-radius: 14px; }
    .ef-auth__intro { padding: 26px 22px; }
    .ef-auth__intro h1 { font-size: 29px; }
    .ef-auth__intro-copy > p:last-child { font-size: 14px; }
    .ef-auth__benefits { grid-template-columns: 1fr; gap: 12px; margin-top: 22px; }
    .ef-auth__benefit small { font-size: 11px; }
    .ef-auth__form-panel { padding: 26px 22px; }

    .ef-auth--login > .hp-page__title,
    .ef-auth--login > .hp-form__action,
    .ef-auth--login > .hp-form {
        width: calc(100% - 44px) !important;
        margin-right: 22px;
        margin-left: 22px;
    }

    .ef-auth--login > .hp-page__title {
        font-size: 24px !important;
    }

    .ef-auth .auth__btns { grid-template-columns: 1fr 1fr; }
    .ef-registration__social-fields { grid-template-columns: 1fr; }

    .ef-account-section { padding: 16px; }
    .ef-account-section__body,
    .ef-account-section--profile .ef-account-section__body,
    .ef-account-section--security .ef-account-section__body,
    .ef-account-section--social .ef-account-section__body,
    .ef-account-section--social .ef-account-social-fields,
    .ef-account-section--social .ef-account-social-fields__grid,
    .ef-account-addresses__group {
        grid-template-columns: 1fr;
    }

    .ef-account-addresses__group-title {
        padding-top: 0;
    }

    .ef-account-section--profile .ef-account-field--image { grid-row: auto !important; }

    body.hp-template--listings-edit-page .hp-page__title,
    body.hp-template--messages-thread-page .hp-page__title,
    body .ef-account-layout > .hp-page__content > .hp-page__title,
    body .ef-account-layout .account_settings_page > .hp-page__title { margin-bottom: 16px !important; font-size: 28px !important; }
    .ef-account-listings,
    .ef-account-messages { padding: 14px; border-radius: 10px; }
    .ef-account-listing-summary__image { width: 72px; height: 64px; flex-basis: 72px; }
    .ef-account-listings .hp-listing__categories,
    .ef-account-listings .hp-listing__created-date { padding-left: 88px !important; font-size: 12px; }
    .ef-account-listings .hp-listing__actions { grid-column: 1 / -1; grid-row: auto; padding-left: 88px !important; justify-content: flex-start; }
    .ef-account-listings .hp-listing__action--view { min-width: 104px; }
    .ef-account-add-link { width: 100%; min-width: 0; }

    .ef-account-messages__toolbar { align-items: stretch; flex-direction: column; gap: 10px; }
    .ef-account-message-search,
    .ef-account-messages__toolbar select { width: 100%; max-width: none; }
    .ef-account-messages .hp-message--thread-block {
        grid-template-columns: minmax(0, 1fr) 40px;
        gap: 8px;
    }
    .ef-account-message-summary { grid-column: 1 / -1; }
    .ef-account-message-date { padding-left: 60px !important; }
    .ef-account-messages .hp-message__actions { grid-column: 2; grid-row: 2; }
    .ef-account-message-summary__copy strong { font-size: 13px; }
}

.ef-renew-account-page .hp-page.site-main {
    flex: 1;
    /* max-width: 100%; */
    overflow: hidden;
    min-width: 100%;
    padding: 100px 0;
}