/*
 * Text pages (Privacy Policy / Terms of Service / Report Abuse).
 * Портировано из cms-vue-template/src/css/extracted/pages/{PrivacyPolicy,TermsOfService}.scss.
 * ReportAbusePage использует классы .rgmp7no2xpeqkp / .ks5f73tuw32ec — стили переиспользуются.
 */

.z906azgit6sb,
.rgmp7no2xpeqkp {
    min-height: 100vh;
    color: var(--policy-page-color);
    position: relative;
    overflow: hidden;
}

.smqcqck4f {
    min-height: 100vh;
    position: relative;
    background: var(--policy-gradient-bg);
}

/* When .ktoe7 is rendered inside the policy/terms/about shell,
   its own --color-bg-light fill clashes with the gradient-wrapper above
   it — producing a hard horizontal seam where the breadcrumbs strip ends
   (visible on prime above the disclaimer). Drop the solid fill so the
   gradient flows uninterrupted; on the front page footer keeps its own
   bg via the rule in sections.css. */
.smqcqck4f .ktoe7 {
    background: transparent;
}

.ty7yik {
    position: relative;
    z-index: 1;
}

.pqa1k,
.ks5f73tuw32ec {
    padding: 100px 20px 40px;
    max-width: 900px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .pqa1k,
    .ks5f73tuw32ec {
        padding: 80px 15px 20px;
    }
}

.xbg74u69u2m,
.iums6vjubp0n {
    background: var(--policy-content-bg);
    backdrop-filter: blur(26px);
    border-radius: 28px;
    padding: 100px;
    border: 1px solid var(--policy-content-border);
    box-shadow: 0 6px 14px var(--policy-content-shadow);
}

.iums6vjubp0n {
    padding: 60px;
}

@media (max-width: 768px) {
    .xbg74u69u2m {
        padding: 80px 20px;
    }
    .iums6vjubp0n {
        padding: 50px;
    }
}

.xbg74u69u2m h1,
.iums6vjubp0n h1,
.i2alxfyzz {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    color: var(--policy-heading-color);
    letter-spacing: normal;
}

@media (max-width: 768px) {
    .xbg74u69u2m h1,
    .iums6vjubp0n h1,
    .i2alxfyzz {
        font-size: 1.6rem;
    }
}

.xbg74u69u2m .c0qztb18j p,
.xbg74u69u2m .c0qztb18j div,
.iehup3v5fqgg,
.jqd9w {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--policy-text-color);
    margin-bottom: 1rem;
}

.iehup3v5fqgg {
    margin-bottom: 1.5rem;
}

.jqd9w {
    margin-bottom: 3rem;
    padding: 1.5rem;
    background: var(--policy-accent-bg-blue);
    border-left: 3px solid var(--policy-accent-color);
    border-radius: 8px;
}

.j1yf9,
.n6rkuha1y {
    margin-bottom: 3rem;
}

.j1yf9:last-child,
.n6rkuha1y:last-child {
    margin-bottom: 0;
}

.n6rkuha1y > p,
.n6rkuha1y > div {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--policy-text-color);
    margin-bottom: 1rem;
}

.xbg74u69u2m h2,
.iums6vjubp0n h2,
.j0oud8m27z1b3w {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1.5rem;
    color: var(--policy-accent-color);
    letter-spacing: normal;
}

.iums6vjubp0n h2,
.j0oud8m27z1b3w {
    line-height: 1.05;
}

@media (max-width: 768px) {
    .xbg74u69u2m h2,
    .iums6vjubp0n h2,
    .j0oud8m27z1b3w {
        font-size: 1.3rem;
    }
}

.j4latn1k6 {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--policy-text-color);
}

.q5mhlbdox {
    margin-bottom: 2rem;
}

.q5mhlbdox:last-child {
    margin-bottom: 0;
}

.xbg74u69u2m h3,
.iums6vjubp0n h3,
.s9ird {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1rem;
    color: var(--policy-heading-color);
    letter-spacing: normal;
}

@media (max-width: 768px) {
    .xbg74u69u2m h3,
    .iums6vjubp0n h3,
    .s9ird {
        font-size: 1.1rem;
    }
}

.wdpao3,
.fap9cqu,
.sn9gcc8by4i2wo,
.glhufk9tfob0u6,
.lfqcahhyyu8ac {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--policy-text-color);
}

.fap9cqu {
    margin-bottom: 1.5rem;
}

.wdpao3,
.glhufk9tfob0u6 {
    margin-bottom: 1rem;
}

.sn9gcc8by4i2wo,
.lfqcahhyyu8ac {
    margin-top: 1rem;
}

.he8b7binqzqb9f {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--policy-text-color);
    margin-top: 1rem;
    font-style: italic;
    opacity: 0.9;
}

.jnii7ppfj4k,
.ece8xc0s75hd5e,
.xbg74u69u2m ul,
.ks5f73tuw32ec ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

.jnii7ppfj4k li,
.ece8xc0s75hd5e li,
.xbg74u69u2m ul li,
.ks5f73tuw32ec ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 1rem;
    line-height: 1.6;
    color: var(--policy-text-color);
}

.jnii7ppfj4k li:before,
.ece8xc0s75hd5e li:before,
.xbg74u69u2m ul li:before,
.ks5f73tuw32ec ul li:before {
    content: '▸';
    position: absolute;
    left: 8px;
    color: var(--policy-accent-color);
    font-weight: bold;
}

.jnii7ppfj4k li:last-child,
.ece8xc0s75hd5e li:last-child,
.xbg74u69u2m ul li:last-child,
.ks5f73tuw32ec ul li:last-child {
    margin-bottom: 0;
}

.fntuwqum5y,
.w72h51v4 {
    margin-top: 1.5rem;
    padding: 1.5rem;
    background: var(--policy-accent-bg);
    border-left: 3px solid var(--policy-accent-color);
    border-radius: 8px;
}

.kpvffz4wld51 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--policy-heading-color);
}

@media (max-width: 768px) {
    .kpvffz4wld51 {
        font-size: 1.1rem;
    }
}

.vrsyvwm1o5sc {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--policy-text-color);
    margin-bottom: 1rem;
}

.h0qou8771hgh4 {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--policy-border-bottom);
    font-size: 0.9rem;
    color: var(--policy-text-muted);
    text-align: center;
}

/* Breadcrumbs — общие стили для policy/terms/about страниц */
.q4cd7rtqjqb {
    max-width: 900px;
    margin: 2rem auto 0;
    padding: 1.5rem 20px 0;
}

.xp9whbh09g {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.m7fj2r44abrna5 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--policy-text-muted, #9ca3af);
}

.m7fj2r44abrna5 + .m7fj2r44abrna5::before {
    content: '/';
    color: var(--policy-text-muted, #9ca3af);
    opacity: 0.5;
}

.m7fj2r44abrna5 a {
    color: var(--policy-text-muted, #9ca3af);
    text-decoration: none;
    transition: color 0.2s;
}

.m7fj2r44abrna5 a:hover {
    color: var(--policy-accent-color, var(--o8k));
}

.m7fj2r44abrna5 span {
    color: var(--policy-accent-color, var(--o8k));
    font-weight: 500;
}