/* Shared visual language from AI Usage and Subscribers. Loaded after the legacy stylesheet. */
.mf-theme {
    --mf-ink: #142e47;
    --mf-muted: #66778b;
    --mf-line: #e8edf3;
    --mf-blue: #637afa;
    --mf-purple: #9663d8;
    --mf-pink: #da51b7;
    --mf-surface: #fff;
    --mf-canvas: #f8f9fd;
    --mf-soft: #f3effc;
    --mf-radius: 18px;
    --mf-shadow: 0 9px 32px rgba(66, 57, 113, .075);
    --mf-accent: linear-gradient(110deg, #9663d8, #607aef);
    color: var(--mf-ink);
    background: var(--mf-canvas);
    color-scheme: light;
    font-family: 'GeneralSans-Variable', 'DM Sans', system-ui, sans-serif;
    line-height: 1.6;
}
.mf-theme *, .mf-theme *::before, .mf-theme *::after { box-sizing: border-box; }
.mf-theme h1, .mf-theme h2, .mf-theme h3, .mf-theme h4, .mf-theme h5, .mf-theme h6 { letter-spacing: -.035em; }
.mf-theme h4 { font-size: 27px; font-weight: 650; line-height: 1.3; }
.mf-theme h5 { font-weight: 650; }
.mf-theme h6 { font-size: 17px; font-weight: 650; }
.mf-theme a { text-underline-offset: 3px; }
.mf-theme a:focus-visible, .mf-theme button:focus-visible, .mf-theme input:focus-visible,
.mf-theme select:focus-visible, .mf-theme textarea:focus-visible, .mf-theme summary:focus-visible {
    outline: 2px solid var(--mf-blue) !important;
    outline-offset: 3px;
}
.mf-theme .text-primary { color: #695ac0 !important; }
.mf-theme .text-muted { color: var(--mf-muted) !important; }
.mf-theme .lead { line-height: 1.65; }
.mf-theme hr { border-color: var(--mf-line); }
.mf-theme .section.grey, .mf-theme .section.bg-grey { background-color: var(--mf-canvas); }
.mf-theme .outer-padding { padding-top: 48px; }
.mf-public .section.bg-image.outer-padding { background-image: linear-gradient(120deg, #fff4fa, #f3f2fd 65%, #eff8fc); }
.mf-public .blogHead > .container > .row.text-white { color: var(--mf-ink) !important; }
.mf-public .blogHead h3.text-white-50 { color: var(--mf-muted) !important; }
.mf-theme .card {
    border: 1px solid var(--mf-line);
    border-radius: var(--mf-radius);
    box-shadow: var(--mf-shadow);
    color: var(--mf-ink);
}
.mf-theme .main-items-content .card, .mf-theme .card:has(> .contributor-table) { overflow-x: auto; }
.mf-theme .card.fill:hover { background: var(--mf-soft); color: var(--mf-ink); }
.mf-theme .card.fill:hover p { color: var(--mf-muted) !important; }
.mf-theme .lift:hover, .mf-theme .lift-sm:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(66, 57, 113, .12);
}
.mf-theme .btn { border-radius: 9px; font-weight: 600; letter-spacing: 0; }
.mf-theme .btn-primary, .mf-theme .btn-create, .mf-theme .btn.store-add-cart, .mf-theme .btn-confirm {
    background: var(--mf-accent);
    border: 2px solid transparent;
    color: #fff;
    box-shadow: 0 3px 9px #7368dc24;
}
.mf-theme .btn-primary:hover, .mf-theme .btn-create:hover, .mf-theme .btn.store-add-cart:hover, .mf-theme .btn-confirm:hover {
    background: linear-gradient(110deg, #8655c7, #526ade);
    color: #fff;
    border-color: transparent;
}
.mf-theme .btn:disabled, .mf-theme button:disabled, .mf-theme input:disabled {
    opacity: .55;
    cursor: not-allowed;
    box-shadow: none;
}
.mf-theme .btn-dark { color: #695ac0; background: #fff; border-color: #ddd8ee; }
.mf-theme .btn-dark:hover { color: #695ac0; background: var(--mf-soft); border-color: #cdbfe8; }
.mf-theme .btn-primary-outlined, .mf-theme .btn.classic, .mf-theme .btn.store-try-free {
    color: #695ac0;
    background: #fff;
    border-color: #ddd8ee;
}
.mf-theme .btn-primary-outlined:hover, .mf-theme .btn.classic:hover, .mf-theme .btn.store-try-free:hover {
    color: #695ac0;
    background: var(--mf-soft);
    border-color: #cdbfe8;
}
.mf-theme .default-form .input-group-head { color: var(--mf-ink); font-size: 13px; font-weight: 600; }
.mf-theme .default-form .input-group-footer { color: var(--mf-muted); font-size: 12px; }
.mf-theme .default-form .input-group-content > input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),
.mf-theme .default-form .input-group-content > select,
.mf-theme .default-form .input-group-content > textarea,
.mf-theme .form-control {
    display: block;
    width: 100%;
    min-height: 44px;
    border: 1px solid #dce2ec;
    border-radius: 9px;
    background: #fff;
    color: var(--mf-ink);
    box-shadow: none;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
}
.mf-theme .form-control { padding: 10px 12px; }
.mf-theme .default-form .input-group-content > input::placeholder,
.mf-theme .default-form .input-group-content > textarea::placeholder { color: #8290a3; }
.mf-theme .default-form .input-group-content > input:focus,
.mf-theme .default-form .input-group-content > select:focus,
.mf-theme .default-form .input-group-content > textarea:focus,
.mf-theme .form-control:focus { border-color: #a392e4; box-shadow: 0 0 0 3px #7368dc18; }
.mf-theme .default-form .input-group-content > [aria-invalid=true],
.mf-theme .default-form .input-group-content > .is-invalid { border-color: #bd456c !important; }
.mf-theme .default-form.minimal .input-group-content > input:valid:not([value=""]):not(:focus),
.mf-theme .default-form.minimal .input-group-content > select:valid:not(:focus) { border-color: #dce2ec; }
.mf-theme .choices__inner { border: 1px solid #dce2ec; border-radius: 9px; background: #fff; }
.mf-theme .choices__input--cloned { min-width: 0 !important; max-width: 100%; width: 100% !important; }
.mf-theme .choices__list--multiple .choices__item { background: var(--mf-soft); border-color: #e2d7f3; color: #695ac0; }
.mf-theme .choices__list--multiple .choices__item .choices__button { filter: brightness(.4); }
.mf-theme #editorjs .codex-editor { border-color: #dce2ec; border-radius: 9px; box-shadow: none; }

/* Navigation wraps without hiding the names of sections on phones. */
.mf-theme .sub-category-dropdown.index-switcher > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 7px;
    border: 1px solid var(--mf-line);
    border-radius: 14px;
    background: #fafbfe;
    max-width: 100%;
}
.mf-theme .sub-category-dropdown.index-switcher > ul > li { display: flex; align-items: center; float: none; min-width: 0; position: relative; }
.mf-theme .sub-category-dropdown.index-switcher > ul > li > .main-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 9px 13px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #596a82;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
}
.mf-theme .sub-category-dropdown.index-switcher > ul > li:hover > .main-button,
.mf-theme .sub-category-dropdown.index-switcher > ul > li > .main-button:focus-visible {
    color: #695ac0;
    background: #eee9fb;
}
.mf-theme .sub-category-dropdown.index-switcher > ul > li > .main-button.current {
    background: var(--mf-accent);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 3px 9px #7368dc24;
}
.mf-theme .sub-category-dropdown.index-switcher > ul > li > .main-button:not(.button) { border-radius: 9px; }
.mf-theme .sub-category-dropdown .dropdown-content {
    border: 1px solid var(--mf-line);
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 14px 38px #42397120;
    min-width: 210px;
    max-width: min(340px, calc(100vw - 32px));
    right: 0;
}
.mf-theme .sub-category-dropdown .dropdown-content a {
    border: 0;
    border-radius: 7px;
    padding: 9px 12px;
    font-size: 12px;
    white-space: normal;
    color: var(--mf-ink);
}
.mf-theme .sub-category-dropdown ul li .dropdown-content a:hover,
.mf-theme .sub-category-dropdown .dropdown-content a.current { background: var(--mf-soft); color: #695ac0; }
.mf-theme .sub-category-dropdown li:not(.mf-dropdown-ready):focus-within > .dropdown-content,
.mf-theme .sub-category-dropdown li.mf-dropdown-open > .dropdown-content { display: block; max-height: 440px; overflow-y: auto; }
.mf-theme .sub-category-dropdown ul > li.mf-dropdown-ready > .dropdown-content { display: none; }
.mf-theme .sub-category-dropdown ul > li.mf-dropdown-ready.mf-dropdown-open > .dropdown-content { display: block; }
.mf-theme .mf-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    padding: 0;
    min-height: 40px;
    border-radius: 8px;
    background: transparent;
    color: #695ac0;
    cursor: pointer;
}
.mf-theme .mf-dropdown-chevron {
    display: block;
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
}
.mf-theme [aria-expanded=true] > .mf-dropdown-chevron { transform: translateY(1px) rotate(225deg); }
.mf-theme .mf-dropdown-toggle:hover { background: var(--mf-soft); }
.mf-theme .mf-theme-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    padding: 0;
    border: 1px solid var(--mf-line);
    border-radius: 11px;
    background: var(--mf-surface);
    color: var(--mf-ink);
    cursor: pointer;
}
.mf-theme .mf-theme-switch:hover { background: var(--mf-soft); color: #695ac0; }
.mf-theme .mf-theme-switch svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mf-theme .mf-theme-switch-fixed { position: fixed; top: 18px; right: 20px; z-index: 100; margin: 0; box-shadow: var(--mf-shadow); }
.mf-theme .sub-category-dropdown .category-label { background: #eee8fb; color: #75529a; }
.mf-theme .sub-category-dropdown .current .category-label { background: #ffffff30; color: #fff; }
.mf-theme .pagination ul { display: flex; flex-wrap: wrap; gap: 5px; }
.mf-theme .pagination ul li { border-radius: 9px; border-color: var(--mf-line); }
.mf-theme .pagination ul li a { border-radius: 9px; color: #695ac0; }
.mf-theme .pagination ul li[aria-current=page] { background: var(--mf-accent); color: #fff; border-color: transparent; }
.mf-theme .pagination .info { font-size: 12px; color: var(--mf-muted); }

/* Admin, contributor and customer pages share the same quiet canvas. */
.mf-workspace #app { background: var(--mf-canvas); }
.mf-workspace #app .section { background-color: transparent; }
.mf-workspace #app .section.bg-image.outer-padding {
    background-image: none;
    padding-top: 36px;
    padding-bottom: 0;
}
.mf-workspace #app .section.bg-image.outer-padding::before,
.mf-workspace #app .section.bg-image.outer-padding::after { background-image: none; }
.mf-workspace #app .section > .container { padding-left: 28px; padding-right: 28px; }
.mf-workspace header.head-menu > .container { padding-left: 28px; padding-right: 28px; }
.mf-workspace #app .min-vh-100 { min-height: calc(100vh - 76px) !important; }
.mf-workspace .mf-page-heading { row-gap: 16px; margin-bottom: 24px; }
.mf-workspace .mf-page-heading h4 { margin: 0; }
.mf-workspace .mf-page-navigation { display: flex; justify-content: flex-end; }
.mf-workspace .mf-page-navigation .sub-category-dropdown { padding-bottom: 0; }
.mf-workspace #app .upload-content .upload-section {
    position: relative;
    margin: 10px 12px 14px 0;
    background: var(--mf-surface);
    border: 1px solid var(--mf-line);
    border-radius: var(--mf-radius);
    box-shadow: var(--mf-shadow);
}
.mf-workspace .upload-section:not(.upload-section-file)::before {
    content: '';
    position: absolute;
    left: 24px;
    right: 24px;
    top: 0;
    height: 4px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(90deg, #f34ec4, #b779e3, #637afa);
    pointer-events: none;
}
.mf-workspace .upload-section-head {
    background: transparent;
    color: var(--mf-ink);
    border-bottom: 1px solid var(--mf-line);
    padding: 22px 24px 18px;
    font-size: 15px;
    border-radius: 18px 18px 0 0;
    gap: 12px;
}
.mf-workspace .upload-section-head a.blog-see-all { color: #695ac0; opacity: 1; font-size: 12px; }
.mf-workspace .upload-section-content { padding: 24px; }
.mf-workspace .stats-panel { row-gap: 20px; }
.mf-workspace .stats-panel h4 { font-size: 30px; font-variant-numeric: tabular-nums; }
.mf-workspace .stats-panel .desc { font-size: 12px; color: var(--mf-muted); }
.mf-workspace .stats-panel h4 > .small { display: block; font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: 0; margin-top: 6px; color: var(--mf-muted); }
.mf-workspace .stats-panel .desc { text-transform: none; letter-spacing: 0; font-weight: 500; }
.mf-workspace .mf-fact-label { display: block; font-size: 11px; color: var(--mf-muted); font-weight: 500; margin-bottom: 6px; }
.mf-workspace .mf-dashboard-facts strong { font-size: 22px; font-weight: 650; font-variant-numeric: tabular-nums; }
.mf-workspace .row > :nth-child(2) > .upload-content > .upload-section:not(.upload-section-file)::before { background: linear-gradient(90deg, #42dfe9, #637afa); }
.mf-workspace .sub-category-dropdown.text-content > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background: transparent;
    border: 0;
}
.mf-workspace .sub-category-dropdown.text-content > ul > li {
    float: none;
    border: 1px solid var(--mf-line);
    border-radius: 12px;
    padding: 14px 18px;
    background: #fff;
    font-size: 13px;
    box-shadow: 0 4px 16px #42397105;
}
.mf-workspace .default-form:not(.sa-range) { padding-top: 12px; }
.mf-workspace .main-items-content > .card { padding: 24px; }
.mf-workspace .upload-section .input-group:not(:first-child) { border-color: var(--mf-line); border-top-style: solid; }
.mf-workspace .upload-section-file { min-width: 0; min-height: 340px; max-height: none; max-width: 100%; border-radius: 14px; border-color: #e0d8ef; outline-color: #ded3f1; }
.mf-workspace .upload-section-file .file-dummy { height: auto; padding: 28px 18px; }
.mf-workspace .project-without-file { padding-top: 12px; }
.mf-theme .mf-subscriptions-icon { display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle; color: var(--mf-blue); }
.mf-workspace .warning-block { border-radius: 12px; border: 1px solid #f0ddc9; background: #fff6ed; color: #835d39; font-size: 13px; }
.mf-workspace .big-place { border: 1px solid #e6dcf3; border-radius: 18px; background: linear-gradient(110deg, #fff2f8, #eeedff); }
.mf-workspace .subscriber-analytics { background: transparent; }
.mf-workspace .subscription-page-title { color: var(--mf-ink); font-weight: 650; }
.mf-workspace .subscription-card { border-color: var(--mf-line); border-radius: 18px; box-shadow: var(--mf-shadow); }

/* Tables retain their existing markup, sorting and actions. */
.mf-theme .contributor-table, .mf-theme .table {
    background: #fff;
    color: var(--mf-ink);
    border: 1px solid var(--mf-line);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 14px;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    max-width: 100%;
}
.mf-theme .table thead th { background: #f8fafc; color: var(--mf-muted); font-size: 11px; font-weight: 600; border-bottom: 1px solid var(--mf-line); }
.mf-theme .table td, .mf-theme .table th { padding: 14px 16px; border-top: 0; border-bottom: 1px solid var(--mf-line); }
.mf-theme .table tr:last-child td { border-bottom: 0; }
.mf-theme .table-bordered td, .mf-theme .table-bordered th { border-left: 0; border-right: 0; }
.mf-theme .mf-delete-request { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; line-height: 1; vertical-align: middle; border: 0; border-radius: 8px; background: #ffebf1; }
.mf-theme .mf-delete-request svg { display: block; flex: 0 0 16px; width: 16px; height: 16px; }
.mf-theme .mf-delete-request:hover { background: #fbd6e2; }
.mf-theme .table-striped tbody tr:nth-of-type(odd) { background: #fcfcfe; }
.mf-theme .table tbody tr:hover { background: #f5f2fc; }
.mf-theme .contributor-table tr.hover-row:hover { transform: none; }
.mf-theme .contributor-table .e-dates { font-size: 11px; font-weight: 500; letter-spacing: 0; }
.mf-theme .contributor-table .status, .mf-theme .btn-status { border-radius: 20px; padding: 5px 10px; font-size: 11px; }
.mf-theme .contributor-table .status.bg-primary { background: #eee9fb !important; color: #6d57b6 !important; }
.mf-theme .contributor-table .status.bg-success { background: #e4f6ef !important; color: #247d6a !important; }
.mf-theme .contributor-table .status.bg-danger { background: #ffebf1 !important; color: #b84268 !important; }
.mf-theme .contributor-table .status.bg-warning { background: #fff0e5 !important; color: #925419 !important; }
.mf-theme .contributor-table .status.bg-dark { background: #eff2f7 !important; color: #637187 !important; }

/* Public Laravel screens: catalog, product pages, help, checkout and sign-in. */
.mf-public .video-header { min-height: 460px; height: auto; background: linear-gradient(120deg, #fff1f9, #f1f0ff 60%, #edf8ff); color: var(--mf-ink); }
.mf-public .video-header > .bg-inside, .mf-public .video-header > div[style] { display: none; }
.mf-public .video-header .overlay-content { color: var(--mf-ink); background: transparent; text-shadow: none; }
.mf-public .video-header .overlay-content h1, .mf-public .video-header .overlay-content h3 { color: var(--mf-ink); }
.mf-public .video-header .video-author { color: var(--mf-muted); }
.mf-public .video-header .video-author a { color: #695ac0; }
.mf-theme .main-search { border-radius: 14px; border: 1px solid var(--mf-line); box-shadow: var(--mf-shadow); }
.mf-theme .main-search > button { background: var(--mf-accent); color: #fff; }
.mf-theme .main-search input { color: var(--mf-ink); }
.mf-theme .search-block.market-header .main-search { border-radius: 14px; border: 1px solid var(--mf-line); box-shadow: var(--mf-shadow); }
.mf-theme .search-block.market-header .main-search > button,
.mf-theme .search-block.in-help-center > button { background: var(--mf-accent); color: #fff; }
.mf-theme .search-block.market-header .main-search > button i { color: #fff; }
.mf-theme ul.e-grid .item-container { border-radius: 14px; border-color: var(--mf-line); box-shadow: var(--mf-shadow); }
.mf-theme ul.e-grid .item-container:hover { box-shadow: 0 12px 32px #42397120; }
.mf-theme .category-sort-panel, .mf-theme .category-filters { border-color: var(--mf-line); border-radius: 12px; }
.mf-theme .search-block .search-tip { color: var(--mf-muted); }
.mf-theme .purchase-code-field { border-radius: 9px; border-color: var(--mf-line); box-shadow: none; }
.mf-theme .form-my-items-search input { min-height: 44px; border-radius: 9px 0 0 9px; border-color: #dce2ec; opacity: 1; }
.mf-theme .form-my-items-search button { border-radius: 0 9px 9px 0; background: var(--mf-accent); border-color: transparent; opacity: 1; }
.mf-theme .my-items-category-chip { padding: 8px 12px; border-radius: 20px; border-color: var(--mf-line); color: var(--mf-muted); }
.mf-theme .my-items-category-chip.is-checked { background: var(--mf-soft); color: #695ac0; border-color: #d9c9ee; }
.mf-theme .sign-section .card { padding: 32px; }
.mf-auth { background: radial-gradient(ellipse at 15% 10%, #fdebf7, transparent 50%), radial-gradient(ellipse at 85% 80%, #e9eaff, transparent 55%), #f8f9fd; }
.mf-auth .signBackground { background: none; }
.mf-auth .sign-section .container { width: 440px !important; max-width: 100%; padding: 24px; }
.mf-auth .mf-auth-brand { display: block; width: fit-content; margin: 0 auto 26px; }
.mf-auth .mf-auth-brand img { display: block; max-width: 100%; object-fit: contain; }
.mf-auth-legacy .sign-section .container { width: 520px !important; }
.mf-auth-legacy .sign-section main .container { width: 100% !important; padding: 0; }
.mf-auth-legacy main .row { margin-left: 0; margin-right: 0; }
.mf-auth-legacy main .col-md-8,
.mf-auth-legacy main .form-group > [class*=col-] { flex: 0 0 100%; max-width: 100%; padding: 0; margin-left: 0; }
.mf-auth-legacy .card-header { color: var(--mf-ink); font-size: 23px; font-weight: 650; margin-bottom: 20px; letter-spacing: -.035em; }
.mf-auth-legacy .form-group { margin-bottom: 18px; }
.mf-auth-legacy .form-group label { text-align: left !important; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.mf-auth-legacy .form-group .btn { width: 100%; font-size: 14px; }
.mf-auth-legacy .sign-card-links { margin-top: 18px; color: var(--mf-muted); }
.mf-theme .sign-card-links a { color: #695ac0; }
.mf-theme header.head-menu {
    position: sticky;
    top: 0;
    background: rgba(255, 255, 255, .97);
    border-bottom: 1px solid var(--mf-line);
    box-shadow: 0 3px 18px #42397106;
}
.mf-theme .head-menu.menu-white .logo { background-image: url('/img/brand/logo_mf_dark.svg'); }
.mf-theme .mf-authors-brand { display: inline-flex; align-items: center; gap: 16px; flex-shrink: 0; text-decoration: none; }
.mf-theme .head-menu .mf-authors-brand .logo { width: 110px; flex-shrink: 0; }
.mf-theme .mf-authors-zone { position: relative; top: 5px; padding-left: 16px; border-left: 1px solid var(--mf-line); color: var(--mf-muted); font-size: 10px; font-weight: 600; line-height: 1.6; letter-spacing: .16em; text-transform: uppercase; }
.mf-theme .item-page .item-title .item-contributor-label { margin-left: 10px; }
.mf-workspace .mf-earnings-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; }
.mf-workspace .mf-current-balance { display: flex; flex-direction: column; border-left: 1px solid var(--mf-line); padding-left: 20px; line-height: 1.4; }
.mf-workspace .mf-current-balance span { color: var(--mf-muted); font-size: 11px; }
.mf-workspace .mf-current-balance strong { color: var(--mf-ink); font-size: 19px; font-weight: 600; font-variant-numeric: tabular-nums; }
.mf-theme .head-menu.menu-white nav#menu > ul > li > a { color: var(--mf-ink); }
.mf-theme .head-menu.menu-white .menu-icon .line { stroke: var(--mf-ink); }
.mf-theme .head-menu nav#menu > ul > li > .menu-dropdown {
    left: auto !important;
    right: 0;
    top: 100%;
    transform: none !important;
    max-width: calc(100vw - 32px);
    transition: opacity .15s ease, visibility .15s ease;
}
.mf-theme .head-menu .menu-dropdown { border: 1px solid var(--mf-line); border-radius: 14px; box-shadow: var(--mf-shadow); }
.mf-theme .head-menu nav#menu > ul > li.cart-btn:focus-within > .menu-dropdown { opacity: 1; visibility: visible; pointer-events: auto; }
.mf-theme footer.footer { border-top: 1px solid var(--mf-line); background: #fff; color: var(--mf-muted); }
.mf-theme footer.footer::before { background: none; }
.mf-theme footer.footer h3 { color: var(--mf-ink); letter-spacing: .04em; }
.mf-theme footer.footer h3::after { border-color: #e2d7f3; }
.mf-theme footer.footer a { color: var(--mf-muted); }
.mf-theme footer.footer a:hover { color: #695ac0; }
.mf-theme footer.footer .copyright { border-color: var(--mf-line); color: var(--mf-muted); text-transform: none; letter-spacing: 0; }
.mf-theme footer.footer .copyright .copy-desc { opacity: 1; }
.mf-theme .btn-cc.signin { background: var(--mf-accent); color: #fff; border-radius: 9px; box-shadow: 0 3px 9px #7368dc24; }
.mf-theme .btn-cc.signin:hover { background: linear-gradient(110deg, #8655c7, #526ade); }
.mf-theme .default-form .input-group-content .label-icon { background: #eee9fb; color: #756493; }
.mf-theme .login-form .form-content { max-width: 100%; }
.mf-workspace .mf-settings-panel { padding: 28px; overflow: visible; }
.mf-theme .modal .modal-content { border-radius: 18px; border: 1px solid var(--mf-line); box-shadow: 0 20px 60px #142e4730; }

@media (min-width: 992px) {
    .mf-workspace .mf-page-heading > :first-child { min-width: 240px; }
}
@media (max-width: 991px) {
    .mf-theme header.head-menu .menu-btn:checked ~ nav#menu > ul { top: 100%; max-height: calc(100dvh - 100px); overflow-y: auto; background: var(--mf-surface); color: var(--mf-ink); border-bottom: 1px solid var(--mf-line); }
    .mf-theme header.head-menu .menu-btn:checked ~ nav#menu > ul > li.sign-btn { width: 100%; }
    .mf-theme header.head-menu nav#menu > ul > li.sign-btn > .menu-dropdown,
    .mf-theme header.head-menu nav#menu > ul > li.sign-btn:hover > .menu-dropdown { position: relative; left: 0 !important; right: auto; top: auto; width: 100% !important; max-width: 100%; transform: none !important; margin-top: 12px; opacity: 1; visibility: visible; pointer-events: auto; }
    .mf-theme .head-menu .menu-dropdown .row > .col { flex: 0 0 100%; max-width: 100%; }
    .mf-workspace #app .section.bg-image.outer-padding { padding-top: 28px; }
    .mf-workspace .mf-page-heading > .col-12 { width: 100%; }
    .mf-workspace .upload-content .row > [class*=col] { min-width: 0; }
    .mf-theme .table-responsive-md { overflow-x: auto; }
    .mf-theme .head-menu nav#menu > ul > li > .menu-dropdown { min-width: 0 !important; max-width: 100%; }
}
@media (max-width: 575px) {
    .mf-theme .mf-authors-brand { gap: 10px; }
    .mf-theme .head-menu .mf-authors-brand .logo { width: 98px; }
    .mf-theme .mf-authors-zone { padding-left: 10px; font-size: 9px; }
    .mf-theme h4 { font-size: 23px; }
    .mf-workspace #app .section > .container { padding-left: 16px; padding-right: 16px; }
    .mf-workspace header.head-menu > .container { padding-left: 16px; padding-right: 16px; }
    .mf-workspace .mf-page-heading { row-gap: 12px; margin-bottom: 18px; }
    .mf-theme .sub-category-dropdown.index-switcher > ul { gap: 4px; padding: 5px; }
    .mf-theme .sub-category-dropdown.index-switcher > ul > li { font-size: 12px; }
    .mf-theme .sub-category-dropdown.index-switcher > ul > li > .main-button { padding: 8px 10px; font-size: 12px; min-height: 40px; }
    .mf-theme .sub-category-dropdown .dropdown-content { position: fixed; left: 16px; right: 16px; top: auto; min-width: 0; max-width: none; }
    .mf-workspace #app .upload-content .upload-section { margin-right: 0; border-radius: 14px; }
    .mf-workspace .upload-section-head { padding: 20px 18px 14px; flex-wrap: wrap; }
    .mf-workspace .upload-section-content { padding: 18px; }
    .mf-workspace .sub-category-dropdown.text-content > ul > li { flex: 1 1 140px; padding: 12px 14px; }
    .mf-theme .table { font-size: 12px; }
    .mf-theme .table td, .mf-theme .table th { padding: 12px; }
    .mf-theme .card { border-radius: 14px; }
    .mf-workspace .mf-settings-panel { padding: 20px 18px; }
    .mf-workspace .main-items-content > .card { padding: 16px; }
    .mf-public .video-header { min-height: 520px; }
    .mf-auth .sign-section .card { padding: 24px 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .mf-theme *, .mf-theme *::before, .mf-theme *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}