/* <editor-fold desc="General"> */
.legal-page { padding-bottom: 80px; }
.legal-sidebar a { color: inherit; }

/* Layout: sidebar + content, shared by hub / article */
.legal-page .legal-layout { display: flex; align-items: flex-start; gap: 32px; }

/* ---------------------------------------------------------------- Sidebar (accordion) */
.legal-sidebar {
    width: 332px;
    flex-shrink: 0;
    border-right: 1px solid var(--color-grey-40);
    padding: 40px 16px 40px 0;
}
.legal-sidebar ul { list-style: none; }
.legal-sidebar .nav-list .item { margin-bottom: 24px; }
.legal-sidebar .nav-list .item:last-child { margin-bottom: 0; }
.legal-sidebar .nav-list .item > a {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    text-decoration: none;
}
.legal-sidebar .nav-list .item .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-10);
    background: var(--color-grey-40);
    flex-shrink: 0;
}
.legal-sidebar .nav-list .item .icon-wrapper img,
.legal-sidebar .nav-list .item .icon-wrapper svg { width: 24px; height: 24px; object-fit: contain; }
.legal-sidebar .nav-list .item.current .icon-wrapper { background: var(--color-green-20-light); }
.legal-sidebar .nav-list .item > a:hover .icon-wrapper { background: var(--color-green-20-light); }
.legal-sidebar .nav-list .item .title { flex: 1 0 0; color: var(--color-black-100); margin: 0; }
.legal-sidebar .nav-list li.has-child > a:after {
    content: '';
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.12987 9.95518C5.91159 9.68835 5.97492 9.31335 6.27137 9.11685C6.56784 8.92051 6.98456 8.97744 7.20286 9.2442C7.20323 9.24468 7.2047 9.24562 7.20546 9.24655C7.20714 9.24859 7.2099 9.25183 7.21327 9.25592C7.22037 9.26455 7.2313 9.27797 7.24539 9.29499C7.27368 9.32914 7.31551 9.37984 7.36954 9.44421C7.47788 9.57332 7.63529 9.75883 7.8279 9.98096C8.21371 10.4259 8.74124 11.0167 9.30977 11.6061C9.88121 12.1984 10.4814 12.7757 11.0147 13.1999C11.2822 13.4126 11.518 13.5744 11.7118 13.6796C11.9222 13.7937 12.0085 13.7998 12 13.7999C11.9901 13.7999 12.0762 13.7947 12.2883 13.6796C12.4821 13.5744 12.7179 13.4126 12.9854 13.1999C13.5187 12.7757 14.1189 12.1984 14.6903 11.6061C15.2589 11.0167 15.7864 10.4259 16.1722 9.98096C16.3648 9.75882 16.5222 9.5733 16.6306 9.44421C16.6846 9.37983 16.7264 9.32913 16.7547 9.29499C16.7688 9.27796 16.7797 9.26453 16.7868 9.25592C16.7902 9.25181 16.793 9.24857 16.7946 9.24655C16.7954 9.2456 16.796 9.24464 16.7964 9.2442C17.0147 8.97747 17.4323 8.92042 17.7287 9.11685C18.025 9.31335 18.0884 9.6884 17.8702 9.95518L17.8694 9.95674C17.8688 9.95741 17.8677 9.9587 17.8668 9.95987C17.8647 9.96236 17.8618 9.96628 17.8581 9.97081C17.8503 9.9803 17.839 9.99436 17.8242 10.0122C17.7943 10.0483 17.75 10.101 17.694 10.1677C17.5821 10.301 17.4209 10.4909 17.2235 10.7185C16.8289 11.1735 16.2863 11.7831 15.6973 12.3936C15.1114 13.001 14.4665 13.6242 13.8682 14.0999C13.5699 14.3372 13.2666 14.5505 12.9767 14.7078C12.7051 14.8551 12.3612 14.9999 12 15C11.6389 15 11.295 14.8551 11.0234 14.7078C10.7335 14.5505 10.4303 14.3372 10.1319 14.0999C9.53362 13.6242 8.88877 13.001 8.30276 12.3936C7.71382 11.7831 7.17119 11.1735 6.77661 10.7185C6.57924 10.4909 6.41802 10.301 6.3061 10.1677C6.25015 10.101 6.20579 10.0483 6.17588 10.0122C6.16111 9.99437 6.14985 9.98032 6.14202 9.97081C6.13831 9.96629 6.1354 9.96238 6.13334 9.95987C6.1324 9.95872 6.13131 9.95744 6.13074 9.95674L6.12987 9.95518Z' fill='%23221F1F'/%3E%3C/svg%3E") center / 20px no-repeat;
    transition: transform .3s;
}
.legal-sidebar .nav-list li.has-child.expanded > a:after { transform: rotate(-180deg); }
.legal-sidebar .nav-list .children { display: none; padding-top: 16px; padding-left: 52px; }
.legal-sidebar .nav-list li.expanded .children { display: block; }
.legal-sidebar .nav-list .children ul li { padding: 0 0 12px; }
.legal-sidebar .nav-list .children ul li:last-child { padding-bottom: 0; }
.legal-sidebar .nav-list .children ul li a {
    color: #221f1f;
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
}
.legal-sidebar .nav-list .children ul li a.current { color: #06ba52; }
.legal-sidebar .nav-list .children ul li a:hover { color: #06ba52; }

/* ---------------------------------------------------------------- Hub hero + search + cards */
.legal-hub { flex: 1 0 0; min-width: 0; padding-top: 40px; text-align: center; }
.legal-hub .hero-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #effeee;
    margin-bottom: 24px;
}
.legal-hub .hero-icon svg,
.legal-hub .hero-icon img { width: 52px; height: 52px; object-fit: contain; }
.legal-hub .hero-title { color: #221f1f; margin-bottom: 8px; }
.legal-hub .hero-subtitle { color: #221f1f; margin-bottom: 24px; }

.legal-search { position: relative; max-width: 500px; margin: 0 auto 24px; text-align: left; }
.legal-search .legal-search-input {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px;
    border: 1px solid #cad3da;
    border-radius: 6px;
    background: #fff;
}
.legal-search .legal-search-input:focus-within { border-color: #221f1f; }
.legal-search .legal-search-input svg { flex-shrink: 0; width: 24px; height: 24px; pointer-events: none; }
.legal-search .legal-search-input .legal-search-clear {
    display: none;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}
.legal-search.-has-value .legal-search-input .legal-search-clear { display: block; }
.legal-search.-loading .legal-search-input .legal-search-clear { display: none; }
.legal-search .legal-search-input .legal-search-spinner {
    display: none;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #4e4c4c;
    border-right-color: transparent;
    border-radius: 50%;
    animation: btn-spin 1s linear infinite;
}
.legal-search.-loading .legal-search-input .legal-search-spinner { display: inline-block; }
.legal-search .legal-search-input input {
    flex: 1 0 0;
    border: 0;
    outline: 0;
    font-family: inherit;
    font-size: 18px;
    line-height: 24px;
    color: #221f1f;
    padding: 0;
}
.legal-search .legal-search-input input::placeholder { color: #4e4c4c; }
.legal-search-results {
    display: none;
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    max-height: 420px;
    overflow-y: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 6px rgba(0, 0, 0, .15);
    padding: 16px;
    scrollbar-width: thin;
    scrollbar-color: #e9e9e9 transparent;
}
.legal-search-results::-webkit-scrollbar { width: 8px; }
.legal-search-results::-webkit-scrollbar-track { background: transparent; }
.legal-search-results::-webkit-scrollbar-thumb { background: #e9e9e9; border-radius: 8px; }
.legal-search.-active .legal-search-results { display: block; }
.legal-search-results .legal-result-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 0;
    border-radius: 6px;
    text-decoration: none;
    color: #221f1f;
}
.legal-search-results .legal-result-item .icon-wrapper {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #ebedf2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.legal-search-results .legal-result-item .icon-wrapper img { width: 24px; height: 24px; object-fit: contain; }
.legal-search-results .legal-result-item:hover .icon-wrapper { background: #effeee; }
.legal-search-results .legal-result-item .result-title { margin: 0 0 4px; color: #221f1f; font-size: 14px; line-height: 18px; font-weight: 700; }
.legal-search-results .legal-result-item:hover .result-title { color: #06ba52; text-decoration: underline; text-underline-offset: 2px; }
.legal-search-results .legal-result-item .result-snippet {
    margin: 0;
    color: #4e4c4c;
    font-size: 14px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.legal-search-results .legal-empty { display: none; padding: 60px 16px; text-align: center; }
.legal-search-results.-empty .legal-empty { display: block; }
.legal-search-results.-empty .legal-result-item { display: none; }
.legal-search-results .legal-empty .icon-wrapper {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #f6f8fa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 32px;
}
.legal-search-results .legal-empty .icon-wrapper img { width: 52px; height: 52px; object-fit: contain; }
.legal-search-results .legal-empty p { margin: 0; }
.legal-search-results .legal-empty .empty-title { color: #221f1f; font-weight: 900; margin-bottom: 8px; }
.legal-search-results .legal-empty .empty-subtitle { color: #4e4c4c; }

.legal-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    text-align: left;
}
.legal-cards .legal-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 16px;
    background: #f6f8fa;
    text-decoration: none;
    transition: background-color .2s;
}
.legal-cards .legal-card:hover { background: #effeee; }
.legal-cards .legal-card .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: #ebedf2;
}
.legal-cards .legal-card:hover .icon-wrapper { background: #06ba52; }
.legal-cards .legal-card .icon-wrapper img,
.legal-cards .legal-card .icon-wrapper svg { width: 32px; height: 32px; object-fit: contain; }
.legal-cards .legal-card:hover .icon-wrapper img,
.legal-cards .legal-card:hover .icon-wrapper svg { filter: brightness(0) invert(1); }
.legal-cards .legal-card .card-title { color: #221f1f; margin: 0 0 8px; }
.legal-cards .legal-card .card-desc { color: #221f1f; margin: 0; }

/* ---------------------------------------------------------------- Article */
.legal-page .legal-article { flex: 1 0 0; min-width: 0; padding-top: 40px; }
.legal-page .mobile-back-btn-wrapper { display: none; }
.legal-page .mobile-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #221f1f;
    padding: 8px;
    margin-bottom: 16px;
    cursor: pointer;
}
.legal-page .mobile-back-btn:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.12987 9.95518C5.91159 9.68835 5.97492 9.31335 6.27137 9.11685C6.56784 8.92051 6.98456 8.97744 7.20286 9.2442C7.20323 9.24468 7.2047 9.24562 7.20546 9.24655C7.20714 9.24859 7.2099 9.25183 7.21327 9.25592C7.22037 9.26455 7.2313 9.27797 7.24539 9.29499C7.27368 9.32914 7.31551 9.37984 7.36954 9.44421C7.47788 9.57332 7.63529 9.75883 7.8279 9.98096C8.21371 10.4259 8.74124 11.0167 9.30977 11.6061C9.88121 12.1984 10.4814 12.7757 11.0147 13.1999C11.2822 13.4126 11.518 13.5744 11.7118 13.6796C11.9222 13.7937 12.0085 13.7998 12 13.7999C11.9901 13.7999 12.0762 13.7947 12.2883 13.6796C12.4821 13.5744 12.7179 13.4126 12.9854 13.1999C13.5187 12.7757 14.1189 12.1984 14.6903 11.6061C15.2589 11.0167 15.7864 10.4259 16.1722 9.98096C16.3648 9.75882 16.5222 9.5733 16.6306 9.44421C16.6846 9.37983 16.7264 9.32913 16.7547 9.29499C16.7688 9.27796 16.7797 9.26453 16.7868 9.25592C16.7902 9.25181 16.793 9.24857 16.7946 9.24655C16.7954 9.2456 16.796 9.24464 16.7964 9.2442C17.0147 8.97747 17.4323 8.92042 17.7287 9.11685C18.025 9.31335 18.0884 9.6884 17.8702 9.95518L17.8694 9.95674C17.8688 9.95741 17.8677 9.9587 17.8668 9.95987C17.8647 9.96236 17.8618 9.96628 17.8581 9.97081C17.8503 9.9803 17.839 9.99436 17.8242 10.0122C17.7943 10.0483 17.75 10.101 17.694 10.1677C17.5821 10.301 17.4209 10.4909 17.2235 10.7185C16.8289 11.1735 16.2863 11.7831 15.6973 12.3936C15.1114 13.001 14.4665 13.6242 13.8682 14.0999C13.5699 14.3372 13.2666 14.5505 12.9767 14.7078C12.7051 14.8551 12.3612 14.9999 12 15C11.6389 15 11.295 14.8551 11.0234 14.7078C10.7335 14.5505 10.4303 14.3372 10.1319 14.0999C9.53362 13.6242 8.88877 13.001 8.30276 12.3936C7.71382 11.7831 7.17119 11.1735 6.77661 10.7185C6.57924 10.4909 6.41802 10.301 6.3061 10.1677C6.25015 10.101 6.20579 10.0483 6.17588 10.0122C6.16111 9.99437 6.14985 9.98032 6.14202 9.97081C6.13831 9.96629 6.1354 9.96238 6.13334 9.95987C6.1324 9.95872 6.13131 9.95744 6.13074 9.95674L6.12987 9.95518Z' fill='%23221F1F'/%3E%3C/svg%3E") center / 20px no-repeat;
    transform: rotate(90deg);
}

.legal-page .notice {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: var(--radius-12);
    background: #fff8e6;
    margin-bottom: 24px;
}
.legal-page .notice .notice-icon { flex-shrink: 0; }
.legal-page .notice .title {
    width: 100%;
    margin: 0;
    color: var(--color-black-100);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
}
.legal-page .notice .description { width: 100%; margin: 0; }

.legal-page article .article-content {
    padding-top: 24px;
    color: var(--color-black-100);
}
.legal-page article .article-content .block:not(:last-of-type) { margin-bottom: 20px; }

@media (max-width: 1300px) {
    .legal-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 992px) {
    .legal-page { padding-bottom: 24px; }
    .legal-page .legal-layout { display: flex; flex-direction: column; gap: 24px; }
    .legal-sidebar {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ebedf2;
        padding: 24px 0;
        margin-bottom: 24px;
    }

    /* Хаб на мобільному: акордеон-навігація замінює сітку карток, показана під хіро/пошуком. */
    .legal-page:not(.single-page) .legal-hub { order: 1; }
    .legal-page:not(.single-page) .legal-sidebar {
        order: 2;
        padding: 0;
        margin-bottom: 0;
        border: none;
    }
    .legal-page:not(.single-page) .legal-cards { display: none; }

    /* Стаття на мобільному: замінюємо сайдбар посиланням "Назад" замість акордеона. */
    .legal-page.single-page .legal-sidebar { display: none; }
    .legal-page.single-page .mobile-back-btn-wrapper { display: block; }
    .legal-page .legal-article { padding-top: 0; }
}

@media (max-width: 768px) {
    .legal-search .legal-search-input input { font-size: 16px; }
}

@media (max-width: 576px) {
    .legal-hub { padding-top: 24px; }
}
/* </editor-fold> */
/* <editor-fold desc="Constructor | Licenses table"> */
.legal-page article .licenses-table table {
    border-spacing: 0;
    line-height: var(--line-height-20);
}
.legal-page article .licenses-table table td {
    padding: 12px 10px;
    border-bottom: 1px solid var(--color-grey-300);
}
.legal-page article .licenses-table table td:first-child { padding-left: 0; }
.legal-page article .licenses-table table td:last-child { padding-right: 0; }
.legal-page article .licenses-table table span {
    display: block;
    color: var(--color-black-100);
    font-weight: var(--font-weight-bold);
}
.legal-page article .licenses-table table thead td:nth-child(2) { width: 26%; }
.legal-page article .licenses-table table thead td:nth-child(3) { width: 25%; }
.legal-page article .licenses-table table thead td:nth-child(4) { width: 18%; }
.legal-page article .licenses-table table thead td:nth-child(5) { width: 29%; }

@media (max-width: 768px) {
    .legal-page article .licenses-table {
        width: 100%;
        overflow-x: auto;
    }
    .legal-page article .licenses-table table { min-width: 670px; }
}
/* </editor-fold> */
/* <editor-fold desc="Constructor | Carousel block"> */
.legal-page article .carousel-block { padding-top: 20px; }
.legal-page article .carousel-container {
    position: relative;
    max-width: 772px;
}
.legal-page article .carousel-container .item { height: 494px; }
.legal-page article .carousel-container .item .img-wrapper {
    position: relative;
    top: 50%;
    width: 184px;
    height: 282px;
    margin: 0 20px;
    border: 1px solid var(--color-grey-300);
    transform: translateY(-50%);
}
.legal-page article .carousel-container .slick-current.item .img-wrapper {
    width: 324px;
    height: 100%;
}
.legal-page article .carousel-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 772px;
    margin: 0 auto;
    padding: 20px 0 0;
    list-style: none;
}
.legal-page article .carousel-nav li { display: inline-block; }
.legal-page article .carousel-nav .slick-btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 3px;
    background: url(../images/carousel-icon-prev.svg) center center no-repeat;
    cursor: pointer;
}
.legal-page article .carousel-nav .slick-btn.next { transform: rotate(180deg); }
.legal-page article .carousel-nav li.pagination {
    width: 32px;
    height: 32px;
    margin: 0 3px;
    color: var(--color-black-100);
    border-radius: var(--radius-full);
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}
.legal-page article .carousel-nav li.pagination.active {
    background: #00883a;
    color: var(--color-white);
}

@media (max-width: 1300px) {
    .legal-page article .carousel-container { max-width: 632px; }
    .legal-page article .carousel-container .item { height: 430px; }
    .legal-page article .carousel-container .item .img-wrapper {
        width: 154px;
        margin: 0 10px;
    }
    .legal-page article .carousel-container .slick-current.item .img-wrapper { width: 282px; }
}
/* </editor-fold> */
/* <editor-fold desc="Constructor | Form Violation"> */
.legal-page article .form-violation { margin-top: 32px; }
.legal-page article .form-violation .form-title {
    font-weight: var(--font-weight-black);
    line-height: 1.5;
}
/* </editor-fold> */
/* <editor-fold desc="Constructor | Form Unacceptable behavior"> */
.legal-page article .form-unacceptable-behavior {
    position: relative;
    margin-top: 32px;
    border: 1px solid var(--color-grey-40);
    border-radius: var(--radius-16);
}
.legal-page article .form-unacceptable-behavior .form-v3-container { padding: 40px 24px; }
.legal-page article .form-unacceptable-behavior .form-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: 0 auto 24px;
    border-radius: var(--radius-full);
    background: var(--color-green-20-light);
}
.legal-page article .form-unacceptable-behavior .form-icon img { width: 54px; height: 54px; object-fit: contain; }
.legal-page article .form-unacceptable-behavior .form-title,
.legal-page article .form-unacceptable-behavior .thank-you-title {
    margin-bottom: 24px;
}
.legal-page article .form-unacceptable-behavior a { font-weight: inherit; }
/* .country-code-placeholder has no font-size of its own sitewide — it just inherits, which is
   14px (body default) everywhere else this component is used, fitting the input's 52px
   padding-left. This form sits inside .article-content.t16 (16px), so without this it renders
   wider than 52px and overlaps the input text. */
.legal-page article .form-unacceptable-behavior .country-code-placeholder { font-size: var(--font-size-14); }
.legal-page article .form-unacceptable-behavior .submit-btn { width: 260px; }
.legal-page article .form-unacceptable-behavior .user-contacts .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.legal-page article .form-unacceptable-behavior .user-contacts .row .input-wrapper { width: calc(50% - 8px); }

.legal-page article .form-unacceptable-behavior .user-full-name .input-wrapper.f-check { padding-top: 4px; }
.legal-page article .form-unacceptable-behavior .user-full-name .input-wrapper.f-check.error { padding-top: 4px; }

.legal-page article .form-unacceptable-behavior .user-full-name,
.legal-page article .form-unacceptable-behavior .user-contacts {
    display: none;
}

.legal-page article .form-unacceptable-behavior .upload-block { padding-top: 4px; }
.legal-page article .form-unacceptable-behavior .upload-block .upload-dropzone-files-list .file { margin-bottom: 8px; }
.legal-page article .form-unacceptable-behavior .upload-block .error-msg { display: none; }
.legal-page article .form-unacceptable-behavior .upload-popup-btn {
    display: inline-block;
    padding: 8px 16px 8px 8px;
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-22);
    text-decoration: none;
}
.legal-page article .form-unacceptable-behavior .upload-popup-btn:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-color: currentColor;
    -webkit-mask: url(../images/icons/icon-upload-plus.svg) center center no-repeat;
    mask: url(../images/icons/icon-upload-plus.svg) center center no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    vertical-align: bottom;
}
.legal-page article .form-unacceptable-behavior .form-overlay {
    display: none;
    position: absolute;
    inset: 0;
    background: var(--color-white);
    border-radius: var(--radius-16);
    opacity: .5;
    cursor: wait;
    z-index: 3;
}

.legal-page article .form-unacceptable-behavior .thank-you-view { text-align: center; }
.legal-page article .form-unacceptable-behavior .thank-you-desc {
    max-width: 480px;
    margin: 0 auto 24px;
}
.legal-page article .form-unacceptable-behavior .reset-form-btn {
    padding: 0;
    background: none;
    border: 0;
    color: #06ba52;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
}
.legal-page article .form-unacceptable-behavior .reset-form-btn:hover { text-decoration: underline; }

@media (max-width: 768px) {
    .legal-page article .form-unacceptable-behavior { margin-top: 24px; }

    .legal-page article .form-unacceptable-behavior .user-contacts .row { padding-bottom: 0; }
    .legal-page article .form-unacceptable-behavior .user-contacts .row .input-wrapper {
        width: 100%;
        padding-top: 16px;
    }

    .legal-page article .form-unacceptable-behavior .submit-btn { width: 100%; }
}
/* </editor-fold> */
/* <editor-fold desc="Constructor | Form Unacceptable behavior | Upload popup"> */
.legal-page article .popup.upload-popup { width: 746px; }
.legal-page article .popup.upload-popup .popup-header {
    display: flex;
    align-items: center;
}
.legal-page article .popup.upload-popup .popup-title { margin: 0; }
.legal-page article .popup.upload-popup .btn-wrapper {
    display: none;
    padding-top: 24px;
}
.legal-page article .popup.upload-popup .btn.upload-popup-confirm {
    max-width: 153px;
    width: 100%;
    color: var(--color-white);
    text-decoration: none;
}

@media (max-width: 768px) {
    .legal-page article .popup.upload-popup { width: 95%; }
}
/* </editor-fold> */
/* <editor-fold desc="Upload DropZone"> */
.upload-dropzone-container.input-block { padding-top: 0; }

.upload-dropzone-files-list .file {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: var(--color-black-100);
    background: var(--color-grey-20);
    border-radius: var(--radius-6);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-20);
    word-break: break-all;
}
.upload-dropzone-files-list .file:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 8px;
    background: url(../images/icons/icon-file.svg) center center no-repeat;
}
.upload-dropzone-files-list .file .remove {
    display: inline-block;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-left: auto;
    background: url(../images/icons/icon-delete.svg) center center no-repeat;
    background-size: 24px 24px;
}

.upload-dropzone-container .upload-dropzone-files-list .file:not(:last-child) { margin-bottom: 8px; }
.upload-dropzone-container .upload-dropzone-files-list .file:last-child { margin-bottom: 24px; }

.upload-dropzone-container .upload-dropzone {
    padding: 45px 12px;
    border-radius: var(--radius-8);
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23707070' stroke-width='1' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    text-align: center;
}
.upload-dropzone-container .upload-dropzone.-over {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%2306ba52' stroke-width='1' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    background-color: var(--color-green-10);
}
.upload-dropzone-container .upload-dropzone .icon {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/icons/icon-backup.svg) center center no-repeat;
}
.upload-dropzone-container .upload-dropzone .dropzone-desc {
    margin: 0;
    padding-top: 24px;
}
.upload-dropzone-container .upload-dropzone .dropzone-desc a {
    color: #086bff;
    font-weight: inherit;
}
.upload-dropzone-container .upload-dropzone .dropzone-limits {
    padding-top: 12px;
    color: var(--color-black-60);
}
/* </editor-fold> */
/* <editor-fold desc="Lightbox"> */
.legal-page .article-content p > img { cursor: zoom-in; }

#rp-lightbox {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    inset: 0;
    background: #28282880;
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 99999;
}
#rp-lightbox.prepare-anim { display: flex; }
#rp-lightbox.active {
    display: flex;
    opacity: 1;
}
#rp-lightbox img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    will-change: transform;
    transform-origin: center center;
}
#rp-lightbox img.zoomed {
    max-width: none;
    max-height: none;
    width: auto;
    height: auto;
    position: absolute;
    cursor: grab;
}

#rp-lightbox.desktop img {
    transition: opacity 0.2s;
    cursor: zoom-in;
}
#rp-lightbox.desktop img.zoomed {
    position: absolute;
    top: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    transition: none;
    cursor: grab;
}
#rp-lightbox.desktop img.zoomed:active { cursor: grabbing; }

#rp-lightbox.mobile img {
    touch-action: none;
    transition: transform .1s linear;
}

#rp-lightbox .lightbox-close {
    position: absolute;
    display: block;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: var(--color-black-100);
    transition: background-color .3s;
    cursor: pointer;
}
#rp-lightbox .lightbox-close * { cursor: pointer; }
#rp-lightbox .lightbox-close path { transition: stroke .3s; }
#rp-lightbox .lightbox-close:hover { background: #eaeaea; }
#rp-lightbox .lightbox-close:hover path { stroke: var(--color-black-100); }
#rp-lightbox .lightbox-spinner {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--radius-full);
    border-top: 4px solid var(--color-white);
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* </editor-fold> */

/*todo: прибрати це діло, коли стилі попапу переїдуть до style.css*/
.popup {
    width: 469px;
    padding: 32px;
    border-radius: var(--radius-8);
}
.popup .popup-close {
    padding: 0;
    background: none;
    border-radius: 0;
}
.popup .popup-close:hover { background: #eaeaea; }
.popup .popup-close:hover svg path { stroke: var(--color-black-100); }
.popup .form-title { padding-bottom: 24px; }
.popup .popup-container { padding-top: 24px; }
.popup .form-v3 .input-block { padding-top: 0; }
.popup .form-v3 .btn-wrapper { padding-top: 8px; }
.popup .personal-data-agreement {
    max-width: 400px;
    padding-top: 16px;
    color: #585757;
}

@media (max-width: 576px) {
    .popup {
        width: 95%;
        padding: 20px;
    }
}