/*
 * Memoriez profile page refresh
 * All page rules are scoped to #memoriez-profile-app/.memoriez-profile.
 * Fixed overlays use their own memoriez-prefixed classes so they remain safe
 * if WordPress moves them outside the profile root.
 */

/* GeneratePress shell reset, restricted to this app template. */
body.page-template-template-profile-view-edit {
    margin: 0;
    overflow-x: hidden;
    background: #f3f5f6;
}

body.page-template-template-profile-view-edit :where(.site-header, .site-footer) {
    display: none;
}

body.page-template-template-profile-view-edit :where(#page, .site-content, #primary, .content-area, .site-main, .inside-article) {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
}

body.page-template-template-profile-view-edit .site-content {
    display: block;
}

.memoriez-profile {
    --mem-navy: #243342;
    --mem-navy-deep: #17283d;
    --mem-gold: #dfa73f;
    --mem-gold-soft: #fff4d7;
    --mem-text: #1f2933;
    --mem-muted: #73808e;
    --mem-surface: #ffffff;
    --mem-canvas: #f6f7f8;
    --mem-line: #e6e9ec;
    --mem-danger: #c83246;
    --mem-success: #23885b;
    --mem-radius: 18px;
    --mem-shadow: 0 8px 26px rgba(27, 39, 51, .09);
    --memoriez-cover-x: 50%;
    --memoriez-cover-y: 50%;
    --memoriez-profile-x: 50%;
    --memoriez-profile-y: 50%;
    position: relative;
    width: min(100%, 760px);
    min-height: 100svh;
    margin-inline: auto;
    padding: 0 0 76px;
    overflow: clip;
    color: var(--mem-text);
    background: var(--mem-surface);
    border: 1px solid rgba(23, 40, 61, .18);
    box-shadow: 0 0 28px rgba(23, 40, 61, .14);
    font-family: "Rubik", Arial, sans-serif;
    direction: rtl;
    isolation: isolate;
}

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

.memoriez-profile [hidden] {
    display: none;
}

.memoriez-profile img,
.memoriez-profile video,
.memoriez-profile iframe {
    max-width: 100%;
}

.memoriez-profile button,
.memoriez-profile input,
.memoriez-profile textarea,
.memoriez-profile select {
    font: inherit;
}

.memoriez-profile button {
    -webkit-tap-highlight-color: transparent;
}

.memoriez-profile :where(button, a, input, textarea, select, [tabindex], [contenteditable]:not([contenteditable="false"])):focus-visible,
.memoriez-profile-focal-modal :where(button, [tabindex]):focus-visible {
    outline: 3px solid rgba(223, 167, 63, .58);
    outline-offset: 3px;
}

.memoriez-profile.is-busy::after {
    position: fixed;
    z-index: 99980;
    inset: 0;
    content: "";
    cursor: progress;
    background: rgba(255, 255, 255, .12);
}

.memoriez-profile .memoriez-profile-error {
    width: min(calc(100% - 32px), 520px);
    margin: 56px auto;
    padding: 28px 22px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--mem-line);
    border-radius: var(--mem-radius);
    box-shadow: var(--mem-shadow);
}

.memoriez-profile .memoriez-profile-error h1 {
    margin: 0 0 8px;
    font-size: 24px;
}

.memoriez-profile .memoriez-profile-error p {
    margin: 0;
    color: var(--mem-muted);
}

/* Header, cover and avatar */
.memoriez-profile .profile-header {
    position: relative;
    min-height: 210px;
    background-color: #dfe4e7;
    background-repeat: no-repeat;
    background-position: var(--memoriez-cover-x) var(--memoriez-cover-y);
    background-size: cover;
    border-radius: 0 0 22px 22px;
    box-shadow: inset 0 -62px 54px -54px rgba(0, 0, 0, .4);
}

.memoriez-profile .profile-cover-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: var(--memoriez-cover-x) var(--memoriez-cover-y);
    border-radius: inherit;
}

.memoriez-profile .memoriez-cover-frame {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
}

.memoriez-profile .profile-header::after {
    position: absolute;
    inset: auto 0 0;
    height: 54px;
    content: "";
    pointer-events: none;
    background: linear-gradient(transparent, rgba(10, 17, 24, .18));
    border-radius: inherit;
}

.memoriez-profile .profile-image {
    position: absolute;
    z-index: 4;
    right: 18px;
    bottom: -48px;
    width: 104px;
    height: 104px;
    margin: 0;
    object-fit: cover;
    object-position: var(--memoriez-profile-x) var(--memoriez-profile-y);
    background: #eef0f2;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
}

.memoriez-profile .camera-icon,
.memoriez-profile [data-image-upload],
.memoriez-profile [data-image-position] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 12px;
    color: #fff;
    cursor: pointer;
    background: rgba(17, 27, 38, .82);
    border: 1px solid rgba(255, 255, 255, .36);
    border-radius: 999px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .16);
    backdrop-filter: blur(8px);
    transition: transform .2s ease, background-color .2s ease;
}

.memoriez-profile .camera-icon:hover,
.memoriez-profile [data-image-upload]:hover,
.memoriez-profile [data-image-position]:hover {
    background: rgba(17, 27, 38, .96);
    transform: translateY(-1px);
}

.memoriez-profile .cover-camera,
.memoriez-profile [data-image-upload="cover"] {
    position: absolute;
    z-index: 6;
    left: 12px;
    bottom: 12px;
}

.memoriez-profile .profile-camera,
.memoriez-profile [data-image-upload="profile"] {
    position: absolute;
    z-index: 7;
    right: 86px;
    bottom: -44px;
    width: 38px;
    min-height: 38px;
    padding: 0;
    color: var(--mem-navy);
    background: #fff;
    border-color: var(--mem-line);
}

.memoriez-profile .memoriez-image-position-controls,
.memoriez-profile .memoriez-image-controls {
    position: absolute;
    z-index: 6;
    left: 12px;
    bottom: 12px;
    display: flex;
    gap: 7px;
    align-items: center;
}

.memoriez-profile .memoriez-image-position-controls [data-image-position],
.memoriez-profile .memoriez-image-controls [data-image-position] {
    min-height: 34px;
    padding: 6px 10px;
    font-size: 12px;
}

.memoriez-profile .memoriez-image-controls .camera-icon {
    position: static;
    width: 36px;
    min-height: 36px;
    padding: 0;
}

.memoriez-profile .memoriez-profile-avatar {
    position: static;
}

.memoriez-profile .memoriez-profile-image-controls {
    z-index: 8;
    right: 82px;
    bottom: -44px;
    left: auto;
}

.memoriez-profile input[data-image-input] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

/* Profile identity and edit actions */
.memoriez-profile .profile-content {
    position: relative;
    padding-top: 62px;
}

.memoriez-profile .profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    /* Keep ceremony/public actions away from the avatar that overlaps at right. */
    justify-content: flex-end;
    margin: 0;
    padding: 10px 16px 2px;
}

.memoriez-profile .profile-actions:empty,
.memoriez-profile:not(.is-owner):not(.is-preview) .memoriez-owner-toolbar {
    display: none;
}

.memoriez-profile .memoriez-owner-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    padding: 0 16px 8px;
}

.memoriez-profile .profile-actions button,
.memoriez-profile .profile-actions a,
.memoriez-profile #logout-button,
.memoriez-profile #login-button,
.memoriez-profile .back-to-dashboard {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 0;
    padding: 7px 13px;
    color: #fff;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    background: var(--mem-navy-deep);
    border: 0;
    border-radius: 10px;
    transition: background-color .2s ease, transform .2s ease;
}

.memoriez-profile .profile-actions button:hover,
.memoriez-profile .profile-actions a:hover,
.memoriez-profile #logout-button:hover,
.memoriez-profile #login-button:hover,
.memoriez-profile .back-to-dashboard:hover {
    color: #fff;
    background: #284b75;
    transform: translateY(-1px);
}

.memoriez-profile #login-button {
    background: var(--mem-gold);
    color: #1c160b;
}

.memoriez-profile #login-button,
.memoriez-profile:not(.is-owner) #logout-button,
.memoriez-profile:not(.is-owner) .back-to-dashboard {
    display: none;
}

.memoriez-profile.is-preview #login-button {
    display: inline-flex;
}

.memoriez-profile .profile-identity,
.memoriez-profile .memoriez-profile-identity {
    padding: 4px 16px 12px;
}

.memoriez-profile .memoriez-profile-notice {
    margin: 10px 14px;
    padding: 10px 13px;
    color: #155b3c;
    font-size: 13px;
    background: #eefaf4;
    border: 1px solid #bfe5d1;
    border-radius: 12px;
}

.memoriez-profile .profile-subtitle {
    width: fit-content;
    max-width: calc(100% - 10px);
    min-height: 31px;
    margin: 0 0 3px;
    padding: 2px 0;
    color: #a4a6a8;
    font-size: clamp(18px, 5.2vw, 23px);
    font-weight: 500;
    line-height: 1.3;
    text-align: right;
}

.memoriez-profile .profile-name,
.memoriez-profile .profile-pet {
    display: flex;
    flex-wrap: wrap;
    gap: .28em;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--mem-text);
    font-size: clamp(25px, 7vw, 34px);
    font-weight: 780;
    line-height: 1.22;
    text-align: right;
}

.memoriez-profile .profile-pet {
    margin-top: 4px;
    color: var(--mem-muted);
    font-size: 16px;
    font-weight: 600;
}

.memoriez-profile.is-owner [contenteditable][data-meta-key]:not([contenteditable="false"]) {
    min-width: 3ch;
    padding: 2px 6px;
    background: rgba(255, 255, 255, .88);
    border: 1px dashed #b9c1c8;
    border-radius: 7px;
    box-shadow: 0 0 0 0 rgba(223, 167, 63, 0);
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.memoriez-profile.is-owner [contenteditable][data-meta-key]:not([contenteditable="false"]):focus {
    background: #fffdf7;
    border-color: var(--mem-gold);
    box-shadow: 0 0 0 3px rgba(223, 167, 63, .14);
}

.memoriez-profile [contenteditable]:not([contenteditable="false"]).is-saving {
    opacity: .68;
}

.memoriez-profile [contenteditable]:not([contenteditable="false"]).is-saved {
    border-color: var(--mem-success);
}

.memoriez-profile [contenteditable]:not([contenteditable="false"]):empty::before {
    color: #9aa2aa;
    content: attr(data-placeholder);
    pointer-events: none;
}

/* Dates: always two equal columns, including 360px phones. */
.memoriez-profile .profile-dates {
    width: 100%;
    margin: 0;
    padding: 5px 16px 14px;
    direction: rtl;
}

.memoriez-profile .mem-dates {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.memoriez-profile .mem-date-card,
.memoriez-profile .mem-item {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 76px;
    padding: 11px 12px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--mem-line);
    border-radius: 14px;
    box-shadow: 0 4px 13px rgba(27, 39, 51, .07);
}

.memoriez-profile .mem-date-card .icon,
.memoriez-profile .mem-item .icon {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.memoriez-profile .mem-date-text,
.memoriez-profile .mem-text {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.memoriez-profile .mem-label {
    overflow: hidden;
    color: var(--mem-muted);
    font-size: 11px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memoriez-profile .mem-date-value,
.memoriez-profile .mem-date {
    overflow: hidden;
    color: var(--mem-text);
    font-size: clamp(13px, 3.8vw, 16px);
    font-weight: 650;
    line-height: 1.2;
    direction: ltr;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memoriez-profile .mem-dates-edit .mem-date-card {
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 10px;
}

.memoriez-profile .mem-dates-edit label {
    color: var(--mem-muted);
    font-size: 11px;
}

.memoriez-profile .mem-dates-edit input[type="date"] {
    width: 100%;
    min-width: 0;
    height: 39px;
    padding: 6px 7px;
    color: var(--mem-text);
    background: var(--mem-canvas);
    border: 1px solid #d8dde1;
    border-radius: 9px;
    direction: ltr;
}

/* External links */
.memoriez-profile .toggle-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 4px 16px 10px;
    color: var(--mem-text);
    font-size: 13px;
}

.memoriez-profile #toggle-external-links {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.memoriez-profile #toggle-external-links + label {
    position: relative;
    width: 44px;
    height: 25px;
    cursor: pointer;
    background: #bdc4ca;
    border-radius: 999px;
    transition: background-color .2s ease;
}

.memoriez-profile #toggle-external-links + label::after {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 19px;
    height: 19px;
    content: "";
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .18);
    transition: transform .2s ease;
}

.memoriez-profile #toggle-external-links:checked + label {
    background: #42c86a;
}

.memoriez-profile #toggle-external-links:checked + label::after {
    transform: translateX(-19px);
}

.memoriez-profile #toggle-external-links:focus-visible + label {
    outline: 3px solid rgba(223, 167, 63, .58);
    outline-offset: 3px;
}

.memoriez-profile .external-links-edit {
    display: grid;
    gap: 8px;
    padding: 0 16px;
}

.memoriez-profile .external-link-row {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) 38px;
    gap: 7px;
    align-items: center;
}

.memoriez-profile .external-link-row input,
.memoriez-profile .memoriez-song-editor input {
    width: 100%;
    min-width: 0;
    height: 40px;
    padding: 8px 10px;
    color: var(--mem-text);
    background: #fff;
    border: 1px solid #d8dde1;
    border-radius: 9px;
}

.memoriez-profile .remove-link-btn,
.memoriez-profile .memoriez-song-delete {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    color: var(--mem-danger);
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
    background: #fff4f5;
    border: 1px solid #f0c5cb;
    border-radius: 10px;
}

.memoriez-profile #add-external-link-btn,
.memoriez-profile [data-song-add] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin: 9px 16px 12px;
    padding: 8px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    background: var(--mem-navy-deep);
    border: 0;
    border-radius: 999px;
}

.memoriez-profile .external-links-display,
.memoriez-profile .external-links-scroll {
    display: flex;
    gap: 8px;
    width: 100%;
    padding: 5px 16px 13px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    touch-action: pan-x;
}

.memoriez-profile .external-links-display::-webkit-scrollbar,
.memoriez-profile .external-links-scroll::-webkit-scrollbar {
    display: none;
}

.memoriez-profile .profile-external-link {
    flex: 0 0 auto;
    padding: 7px 13px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
    background: linear-gradient(90deg, #292929, #494949);
    border-radius: 999px;
    scroll-snap-align: start;
}

.memoriez-profile .profile-external-link:hover {
    color: #fff;
    background: var(--mem-navy-deep);
}

/* Two-level tab navigation */
.memoriez-profile .memoriez-tabs-shell,
.memoriez-profile .profile-tabs-shell {
    position: sticky;
    z-index: 30;
    top: 0;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--mem-line);
    backdrop-filter: blur(12px);
}

body.admin-bar.page-template-template-profile-view-edit .memoriez-profile :where(.memoriez-tabs-shell, .profile-tabs-shell, .profile-tabs, [data-profile-tabs]) {
    top: 32px;
}

body.admin-bar.page-template-template-profile-view-edit .memoriez-profile {
    min-height: calc(100svh - 32px);
}

.memoriez-profile .profile-tabs,
.memoriez-profile [data-profile-tabs] {
    position: sticky;
    z-index: 30;
    top: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    margin: 0;
    padding: 0 8px;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid #edf0f2;
    backdrop-filter: blur(12px);
}

.memoriez-profile [data-profile-tab] {
    position: relative;
    min-width: 0;
    min-height: 50px;
    padding: 10px 6px;
    color: #37414b;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.memoriez-profile [data-profile-tab]::after {
    position: absolute;
    right: 28%;
    bottom: -1px;
    left: 28%;
    height: 2px;
    content: "";
    background: transparent;
    border-radius: 99px;
    transition: right .2s ease, left .2s ease, background-color .2s ease;
}

.memoriez-profile [data-profile-tab].is-active,
.memoriez-profile [data-profile-tab][aria-selected="true"] {
    color: var(--mem-navy-deep);
    font-weight: 720;
}

.memoriez-profile [data-profile-tab].is-active::after,
.memoriez-profile [data-profile-tab][aria-selected="true"]::after {
    right: 16%;
    left: 16%;
    background: var(--mem-navy-deep);
}

.memoriez-profile [data-media-tabs],
.memoriez-profile .memoriez-media-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    width: calc(100% - 30px);
    margin: 8px auto 10px;
    padding: 3px;
    background: #f1f2f4;
    border-radius: 999px;
}

.memoriez-profile [data-media-tab] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    min-height: 34px;
    padding: 6px 8px;
    overflow: hidden;
    color: #34404c;
    font-size: 12px;
    font-weight: 550;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 999px;
    transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.memoriez-profile [data-media-tab].is-active,
.memoriez-profile [data-media-tab][aria-selected="true"] {
    color: #fff;
    background: #071c58;
    box-shadow: 0 3px 9px rgba(7, 28, 88, .2);
}

.memoriez-profile [data-profile-panel],
.memoriez-profile [data-media-panel],
.memoriez-profile .tab-section {
    width: 100%;
    animation: memoriez-panel-in .24s ease both;
}

@keyframes memoriez-panel-in {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* About */
.memoriez-profile #about,
.memoriez-profile [data-profile-panel="about"] {
    padding: 16px;
    color: #fff;
    background: var(--mem-navy);
}

.memoriez-profile .bio-content1 {
    margin: 0 0 14px;
    padding: 13px 15px;
    color: #fff;
    font-weight: 650;
    line-height: 1.65;
    white-space: pre-wrap;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .56);
    border-radius: 18px;
}

.memoriez-profile .bio-content2,
.memoriez-profile #bio-content2-editor {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
    white-space: pre-wrap;
}

.memoriez-profile .bio-content2 :where(p, ul, ol, blockquote) {
    margin-block: 0 12px;
}

.memoriez-profile #bio-content2-editor {
    width: 100%;
    min-height: 260px;
    padding: 14px;
    color: var(--mem-text);
    background: #fff;
    border: 1px solid #d2d8dd;
    border-radius: 12px;
}

.memoriez-profile .wp-editor-wrap {
    color: var(--mem-text);
    direction: rtl;
}

.memoriez-profile .wp-editor-container,
.memoriez-profile .mce-tinymce,
.memoriez-profile .tox-tinymce {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d2d8dd;
    border-radius: 12px;
}

.memoriez-profile .mce-toolbar-grp,
.memoriez-profile .mce-statusbar {
    background: #f7f8f9;
}

/* Media upload forms. Important is limited to Forminator's inline/plugin rules. */
.memoriez-profile .forminator-ui.forminator-custom-form {
    margin: 0;
    padding: 10px 16px 14px;
    background: #fff;
}

.memoriez-profile .forminator-ui .forminator-file-upload,
.memoriez-profile .forminator-ui .forminator-multi-upload {
    min-height: 108px;
    padding: 18px 12px;
    background: #fbfcfc;
    border: 1px dashed #aeb8c1;
    border-radius: 14px;
}

.memoriez-profile .forminator-ui .forminator-button {
    width: 100% !important; /* Forminator sets per-instance widths inline. */
    min-height: 42px !important; /* Keep a usable touch target. */
    margin: 8px 0 0 !important; /* Neutralize form-specific negative offsets. */
    color: var(--mem-gold) !important; /* Override Forminator skin variables. */
    font-weight: 700 !important;
    background: var(--mem-navy-deep) !important;
    border-radius: 4px !important;
}

.memoriez-profile .forminator-ui .forminator-multi-upload-message a {
    color: #b87912;
}

.memoriez-profile .forminator-ui .forminator-response-message {
    margin: 8px 0;
    border-radius: 10px;
}

/* Galleries */
.memoriez-profile #gallery-photo,
.memoriez-profile #gallery-video,
.memoriez-profile [data-gallery] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    width: 100%;
    padding: 0;
    background: var(--mem-navy);
}

.memoriez-profile .gallery-media-container {
    position: relative;
    min-width: 0;
    overflow: hidden;
    aspect-ratio: 1;
    background: #d9dde0;
    transition: opacity .2s ease, transform .2s ease;
}

.memoriez-profile .gallery-media-container.is-removing {
    opacity: 0;
    transform: scale(.92);
}

.memoriez-profile .gallery-media-container > a,
.memoriez-profile .gallery-media-container > picture {
    display: block;
    width: 100%;
    height: 100%;
}

.memoriez-profile .gallery-media-container img,
.memoriez-profile .gallery-media-container video {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    background: #1d2935;
}

.memoriez-profile .gallery-media-container video {
    pointer-events: none;
}

.memoriez-profile .delete-media-btn,
.memoriez-profile [data-delete-media] {
    position: absolute;
    z-index: 4;
    top: 4px;
    left: 4px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    font-size: 19px;
    line-height: 1;
    cursor: pointer;
    background: rgba(174, 18, 39, .9);
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 50%;
}

.memoriez-profile .new-label {
    position: absolute;
    z-index: 3;
    right: 5px;
    bottom: 5px;
    padding: 3px 7px;
    color: #fff;
    font-size: 9px;
    font-weight: 750;
    background: var(--mem-gold);
    border-radius: 999px;
}

/* YouTube song facades; iframe is created only after a user click. */
.memoriez-profile .memoriez-song-editor {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 16px 12px;
    background: #fff;
}

.memoriez-profile .memoriez-song-editor label {
    color: var(--mem-muted);
    font-size: 12px;
    font-weight: 600;
}

.memoriez-profile .memoriez-song-editor [data-song-add] {
    width: 100%;
    margin: 0;
}

.memoriez-profile [data-song-list] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 6px 12px 18px;
}

.memoriez-profile .memoriez-song-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--mem-line);
    border-radius: 14px;
    box-shadow: 0 5px 16px rgba(27, 39, 51, .08);
}

.memoriez-profile .memoriez-song-facade,
.memoriez-profile .memoriez-song-card iframe {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    background: #111;
    border: 0;
}

.memoriez-profile .memoriez-song-facade img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.memoriez-profile .memoriez-song-facade::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(transparent 55%, rgba(0, 0, 0, .32));
}

.memoriez-profile .memoriez-song-play-icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding-left: 3px;
    color: #fff;
    font-size: 18px;
    background: rgba(5, 22, 58, .9);
    border: 2px solid rgba(255, 255, 255, .88);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.memoriez-profile .memoriez-song-title {
    min-height: 43px;
    margin: 0;
    padding: 9px 10px;
    overflow: hidden;
    color: var(--mem-text);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memoriez-profile .memoriez-song-card > h3 {
    min-height: 43px;
    margin: 0;
    padding: 9px 10px;
    overflow: hidden;
    color: var(--mem-text);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memoriez-profile .memoriez-song-play {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    background: #111;
    border: 0;
}

.memoriez-profile .memoriez-song-play img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.memoriez-profile .memoriez-song-empty {
    grid-column: 1 / -1;
    margin: 0;
    padding: 22px 14px;
    color: var(--mem-muted);
    text-align: center;
    background: #fff;
    border: 1px dashed #d1d6da;
    border-radius: 14px;
}

/* Memorial ceremony editor */
.memoriez-profile #tekes-form {
    flex: 1 0 100%;
    padding: 12px;
    background: #f8f9fa;
    border: 1px solid var(--mem-line);
    border-radius: 12px;
}

.memoriez-profile #tekes-form form {
    display: grid;
    gap: 9px;
}

.memoriez-profile #tekes-form input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    border: 1px solid #d8dde1;
    border-radius: 9px;
}

.memoriez-profile #tekes-form fieldset {
    display: flex;
    gap: 14px;
    margin: 0;
    padding: 6px 0;
    border: 0;
}

.memoriez-profile .azkara-profile a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
    background: linear-gradient(90deg, #292929, #494949);
    border-radius: 9px;
}

.memoriez-profile .azkara-profile img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.memoriez-profile .memoriez-song-delete {
    position: absolute;
    z-index: 4;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
    color: #fff;
    background: rgba(174, 18, 39, .92);
    border-color: rgba(255, 255, 255, .7);
    border-radius: 50%;
}

.memoriez-profile .memoriez-empty-state {
    grid-column: 1 / -1;
    margin: 6px 0;
    padding: 22px 14px;
    color: var(--mem-muted);
    text-align: center;
    background: #fff;
    border: 1px dashed #d1d6da;
    border-radius: 14px;
}

/* Memory wall containment */
.memoriez-profile [data-profile-panel="memories"],
.memoriez-profile #memories {
    min-height: 240px;
    padding: 16px;
    background: #fffdf9;
}

.memoriez-profile [data-profile-panel="memories"] :where(img, video, iframe),
.memoriez-profile #memories :where(img, video, iframe) {
    max-width: 100%;
}

/* Toast and scroll affordance */
.memoriez-profile .notification-container,
.memoriez-profile [data-profile-notification],
#notification-container.notification-container {
    position: fixed;
    z-index: 99990;
    right: 50%;
    bottom: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(calc(100vw - 28px), 420px);
    min-height: 48px;
    padding: 11px 16px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    background: var(--mem-navy-deep, #17283d);
    border-radius: 14px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .24);
    transform: translate(50%, 10px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

.memoriez-profile .notification-container.is-visible,
.memoriez-profile [data-profile-notification].is-visible,
#notification-container.notification-container.is-visible {
    visibility: visible;
    opacity: 1;
    transform: translate(50%, 0);
}

.memoriez-profile .notification-container.is-error,
.memoriez-profile [data-profile-notification].is-error,
#notification-container.notification-container.is-error {
    background: #a8293b;
}

.memoriez-profile .memoriez-spinner,
#notification-container .memoriez-spinner {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: memoriez-spin .7s linear infinite;
}

@keyframes memoriez-spin {
    to { transform: rotate(360deg); }
}

.memoriez-profile .scroll-down-icon,
.memoriez-profile [data-scroll-end] {
    position: fixed;
    z-index: 200;
    left: max(8px, calc(50vw - 368px));
    bottom: 66px;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    background: var(--mem-gold);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .2);
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

.memoriez-profile .scroll-down-icon.is-visible,
.memoriez-profile [data-scroll-end].is-visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Fixed share bar */
.memoriez-profile .share-icons {
    position: fixed;
    z-index: 180;
    right: 50%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: min(100vw, 760px);
    min-height: 54px;
    padding: 8px 14px;
    color: #fff;
    background: linear-gradient(90deg, #252525, #424242);
    border-top: 1px solid rgba(255, 255, 255, .12);
    transform: translateX(50%);
}

.memoriez-profile .share-icons span {
    font-size: 13px;
    font-weight: 650;
}

.memoriez-profile .share-icons a {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin: 0;
    color: var(--mem-gold);
    font-size: 20px;
    text-decoration: none;
    border-radius: 50%;
}

/* Yahrzeit banner */
.memoriez-profile .mem-yahr-banner,
.mem-yahr-banner[data-memoriez-profile] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 7px 42px 7px 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 650;
    text-align: center;
    background: #292929;
    transition: opacity .2s ease, transform .2s ease;
}

.memoriez-profile .mem-yahr-banner.is-closing,
.mem-yahr-banner[data-memoriez-profile].is-closing {
    opacity: 0;
    transform: translateY(-100%);
}

.memoriez-profile .mem-yahr-close,
.mem-yahr-banner[data-memoriez-profile] .mem-yahr-close {
    position: absolute;
    top: 5px;
    right: 7px;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    color: #fff;
    font-size: 19px;
    cursor: pointer;
    background: transparent;
    border: 0;
}

/* Candle */
.memoriez-profile .profile-header .mc-root {
    position: absolute;
    z-index: 8;
    left: 12px;
    bottom: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.memoriez-profile .mc-btn {
    min-height: 38px;
    padding: 7px 14px;
    color: #241a08;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
    background: linear-gradient(135deg, #f2d27a, #c28b28 58%, #f6e4aa);
    border: 1px solid rgba(255, 255, 255, .54);
    border-radius: 999px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .2);
}

.memoriez-profile .mc-count {
    padding: 4px 9px;
    color: #fff;
    font-size: 11px;
    background: rgba(0, 0, 0, .58);
    border-radius: 999px;
}

.memoriez-profile .mc-overlay {
    position: fixed;
    z-index: 99970;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% 75%, rgba(65, 42, 8, .94), rgba(3, 4, 6, .98) 68%);
    transition: opacity .35s ease, visibility .35s;
}

.memoriez-profile .mc-overlay.is-on {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.memoriez-profile .mc-scene {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.memoriez-profile .mc-candle {
    position: absolute;
    bottom: 15vh;
    left: 50%;
    width: 78px;
    height: 142px;
    background: linear-gradient(#fff4df, #eac28c);
    border-radius: 18px 18px 28px 28px;
    box-shadow: inset 0 -9px 18px rgba(0, 0, 0, .16), 0 0 54px rgba(239, 169, 64, .22);
    transform: translateX(-50%);
}

.memoriez-profile .mc-flame {
    position: absolute;
    top: -58px;
    left: 50%;
    width: 40px;
    height: 65px;
    background: radial-gradient(ellipse at center, #fffbd9 0 21%, #ffc95f 43%, rgba(255, 117, 16, .8) 68%, transparent 72%);
    filter: drop-shadow(0 0 18px rgba(255, 190, 70, .86));
    border-radius: 50% 50% 48% 48% / 62% 62% 38% 38%;
    transform: translateX(-50%);
    animation: memoriez-flame 1.5s ease-in-out infinite alternate;
}

@keyframes memoriez-flame {
    from { transform: translateX(-50%) rotate(-2deg) scaleY(.96); }
    to { transform: translateX(-50%) rotate(2deg) scaleY(1.04); }
}

.memoriez-profile .mc-spark {
    position: absolute;
    left: var(--spark-x);
    bottom: 12%;
    width: 3px;
    height: 13px;
    opacity: 0;
    background: linear-gradient(transparent, #ffc35f);
    border-radius: 99px;
    animation: memoriez-spark 4s var(--spark-delay) linear infinite;
}

@keyframes memoriez-spark {
    10% { opacity: .8; }
    to { opacity: 0; transform: translateY(-75vh); }
}

.memoriez-profile .mc-modal {
    position: relative;
    z-index: 2;
    width: min(92vw, 470px);
}

.memoriez-profile .mc-modal-inner {
    padding: 20px;
    color: #fff8e8;
    text-align: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
    backdrop-filter: blur(8px);
}

.memoriez-profile .mc-close {
    min-height: 40px;
    padding: 8px 18px;
    color: #39280d;
    font-weight: 700;
    cursor: pointer;
    background: #f7e8c9;
    border: 0;
    border-radius: 999px;
}

/* Initial loader */
.memoriez-profile .mem-loader,
.mem-loader[data-memoriez-profile],
#memLoader.mem-loader {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    background: #132132;
    transition: opacity .38s ease, visibility .38s;
}

.memoriez-profile .mem-loader.is-leaving,
.mem-loader[data-memoriez-profile].is-leaving,
#memLoader.mem-loader.is-leaving {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.memoriez-profile .mem-loader-spinner,
.mem-loader[data-memoriez-profile] .mem-loader-spinner,
#memLoader.mem-loader .mem-loader-spinner {
    width: 42px;
    height: 42px;
    border: 3px solid rgba(255, 255, 255, .22);
    border-top-color: var(--mem-gold, #dfa73f);
    border-radius: 50%;
    animation: memoriez-spin .8s linear infinite;
}

#memLoader.mem-loader .mem-loader__split {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background: linear-gradient(145deg, #15283a, #0d1927);
}

#memLoader.mem-loader .mem-loader__split--l {
    left: 0;
}

#memLoader.mem-loader .mem-loader__split--r {
    right: 0;
}

#memLoader.mem-loader .mem-loader__inner {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    gap: 12px;
    width: min(86vw, 330px);
}

#memLoader.mem-loader .mem-loader__candle {
    display: block;
    width: 178px;
    height: 100px;
    object-fit: contain;
    mix-blend-mode: screen;
}

#memLoader.mem-loader .mem-loader__frame {
    position: relative;
    width: 112px;
    height: 112px;
    overflow: hidden;
    background: #253647;
    border: 3px solid rgba(223, 167, 63, .88);
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(223, 167, 63, .24);
}

#memLoader.mem-loader .mem-loader__img {
    position: absolute;
    inset: 0;
    background-image: var(--memoriez-loader-image);
    background-position: center;
    background-size: cover;
}

#memLoader.mem-loader .mem-loader__veil {
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, .24) 48%, transparent 75%);
    animation: memoriez-loader-sheen 1.8s ease-in-out infinite;
    transform: translateX(-120%);
}

@keyframes memoriez-loader-sheen {
    to { transform: translateX(120%); }
}

#memLoader.mem-loader .mem-loader__name {
    color: #fff;
    font: 650 18px "Rubik", Arial, sans-serif;
    text-align: center;
}

/* Legacy alert remains hidden unless explicitly opened by a compatible flow. */
#customAlertModal.custom-alert {
    position: fixed;
    z-index: 100020;
    inset: 0;
    display: none;
    place-items: center;
    padding: 18px;
    background: rgba(0, 0, 0, .72);
}

#customAlertModal.custom-alert.is-open {
    display: grid;
}

#customAlertModal .custom-alert-content {
    width: min(100%, 360px);
    padding: 20px;
    text-align: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}

#customAlertModal .custom-alert-logo {
    display: block;
    width: min(100%, 250px);
    margin: 0 auto 10px;
}

#customAlertModal #customAlertClose {
    width: 100%;
    min-height: 42px;
    color: #fff;
    font: 650 14px "Rubik", Arial, sans-serif;
    cursor: pointer;
    background: #17283d;
    border: 0;
    border-radius: 10px;
}

/* Focal-position modal may be portalled outside the root. */
html.memoriez-modal-open {
    overflow: hidden;
}

.memoriez-profile-focal-modal,
[data-focal-modal].memoriez-profile-overlay {
    position: fixed;
    z-index: 100010;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 14px;
    background: rgba(8, 14, 20, .78);
    backdrop-filter: blur(5px);
}

.memoriez-profile-focal-modal[hidden],
[data-focal-modal].memoriez-profile-overlay[hidden] {
    display: none;
}

.memoriez-profile-focal-dialog {
    width: min(100%, 560px);
    padding: 16px;
    color: var(--mem-text, #1f2933);
    direction: rtl;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 28px 75px rgba(0, 0, 0, .38);
}

.memoriez-profile-focal-dialog h2 {
    margin: 0 0 5px;
    font-size: 20px;
}

.memoriez-profile-focal-dialog p {
    margin: 0 0 12px;
    color: #6d7882;
    font-size: 13px;
}

.memoriez-profile-focal-dialog [data-focal-status] {
    margin: 10px 0 0;
    text-align: center;
    direction: ltr;
}

.memoriez-focal-viewport,
[data-focal-viewport] {
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: grab;
    background: #192431;
    border-radius: 14px;
    aspect-ratio: 16 / 7;
    touch-action: none;
    user-select: none;
}

[data-focal-modal][data-image-type="profile"] [data-focal-viewport] {
    width: min(78vw, 330px);
    margin-inline: auto;
    border-radius: 50%;
    aspect-ratio: 1;
}

.memoriez-focal-viewport.is-dragging,
[data-focal-viewport].is-dragging {
    cursor: grabbing;
}

.memoriez-focal-viewport::before,
.memoriez-focal-viewport::after,
[data-focal-viewport]::before,
[data-focal-viewport]::after {
    position: absolute;
    z-index: 2;
    content: "";
    pointer-events: none;
}

.memoriez-focal-viewport::before,
[data-focal-viewport]::before {
    inset: 0;
    background:
        linear-gradient(90deg, transparent 33.1%, rgba(255, 255, 255, .72) 33.2% 33.6%, transparent 33.7% 66.3%, rgba(255, 255, 255, .72) 66.4% 66.8%, transparent 66.9%),
        linear-gradient(transparent 33.1%, rgba(255, 255, 255, .72) 33.2% 33.6%, transparent 33.7% 66.3%, rgba(255, 255, 255, .72) 66.4% 66.8%, transparent 66.9%);
    opacity: .7;
}

.memoriez-focal-viewport::after,
[data-focal-viewport]::after {
    top: var(--focal-y, 50%);
    left: var(--focal-x, 50%);
    width: 18px;
    height: 18px;
    background: rgba(223, 167, 63, .92);
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
    transform: translate(-50%, -50%);
}

.memoriez-focal-image,
[data-focal-image] {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    object-fit: cover;
    object-position: 50% 50%;
}

.memoriez-focal-value {
    margin-top: 9px;
    color: #6d7882;
    font-size: 12px;
    text-align: center;
    direction: ltr;
}

.memoriez-focal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 13px;
}

.memoriez-focal-actions button {
    min-height: 40px;
    padding: 8px 14px;
    color: #27323d;
    font: 650 13px "Rubik", Arial, sans-serif;
    cursor: pointer;
    background: #f0f2f3;
    border: 0;
    border-radius: 10px;
}

.memoriez-focal-actions [data-focal-save] {
    color: #fff;
    background: #17283d;
}
.memoriez-profile [data-mmw-root] {
    scroll-margin-top: 70px;
}

@media (min-width: 680px) {
    .memoriez-profile {
        margin-block: 18px;
        border-radius: 20px;
    }

    .memoriez-profile .profile-header {
        min-height: 290px;
        border-radius: 20px 20px 24px 24px;
    }

    .memoriez-profile .profile-image {
        right: 28px;
        bottom: -59px;
        width: 128px;
        height: 128px;
    }

    .memoriez-profile .profile-camera,
    .memoriez-profile [data-image-upload="profile"] {
        right: 117px;
        bottom: -53px;
    }

    .memoriez-profile .memoriez-profile-image-controls {
        right: 108px;
        bottom: -52px;
    }

    .memoriez-profile .profile-content {
        padding-top: 74px;
    }

    .memoriez-profile .profile-identity,
    .memoriez-profile .profile-dates,
    .memoriez-profile .profile-actions {
        padding-inline: 26px;
    }

    .memoriez-profile .mem-date-card,
    .memoriez-profile .mem-item {
        min-height: 84px;
        padding: 14px 18px;
    }

    .memoriez-profile #gallery-photo,
    .memoriez-profile #gallery-video,
    .memoriez-profile [data-gallery] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .memoriez-profile [data-song-list] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding-inline: 16px;
    }

    .memoriez-profile .memoriez-song-editor {
        grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr) auto;
        align-items: center;
    }

    .memoriez-profile .memoriez-song-editor label[for="memoriez-song-url"] {
        grid-column: 1;
        grid-row: 1;
    }

    .memoriez-profile .memoriez-song-editor [data-song-url] {
        grid-column: 1;
        grid-row: 2;
    }

    .memoriez-profile .memoriez-song-editor label[for="memoriez-song-title"] {
        grid-column: 2;
        grid-row: 1;
    }

    .memoriez-profile .memoriez-song-editor [data-song-title] {
        grid-column: 2;
        grid-row: 2;
    }

    .memoriez-profile .memoriez-song-editor [data-song-add] {
        grid-column: 3;
        grid-row: 2;
        width: auto;
        min-width: 96px;
    }
}

@media (max-width: 782px) {
    body.admin-bar.page-template-template-profile-view-edit .memoriez-profile :where(.memoriez-tabs-shell, .profile-tabs-shell, .profile-tabs, [data-profile-tabs]) {
        top: 46px;
    }

    body.admin-bar.page-template-template-profile-view-edit .memoriez-profile {
        min-height: calc(100svh - 46px);
    }
}

/* @media (prefers-reduced-motion: reduce) {
    .memoriez-profile *,
    .memoriez-profile *::before,
    .memoriez-profile *::after,
    .memoriez-profile-focal-modal *,
    .memoriez-profile-focal-modal *::before,
    .memoriez-profile-focal-modal *::after {
        scroll-behavior: auto;
        animation-duration: .01ms;
        animation-iteration-count: 1;
        transition-duration: .01ms;
    }
} */