

/* Start:/company/css/legal.css?17836873303969*/
/* EKS — стилизация юридических документов (соглашения, политики). Синхронизирована с /company/css/company.css */
.legal-wrap{font-family:var(--ui-font-family-primary,'Open Sans',Arial,sans-serif);color:#1A1A1A;line-height:1.55;font-size:16px;max-width:960px;margin:30px auto 60px;padding:0 20px;box-sizing:border-box}
.legal-wrap *,.legal-wrap *::before,.legal-wrap *::after{box-sizing:border-box}

/* HERO — плашка сверху с иконкой */
.legal-hero{background:linear-gradient(135deg,#C1121F 0%,#8B0F17 100%);border-radius:16px;color:#fff;padding:36px 40px;margin-bottom:36px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;position:relative;overflow:hidden}
.legal-hero::after{content:"";position:absolute;right:-40px;top:-40px;width:240px;height:240px;background:rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.legal-hero__icon{width:74px;height:74px;background:rgba(255,255,255,.14);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}
.legal-hero__icon svg{width:38px;height:38px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.legal-hero__title{font-size:26px;font-weight:700;margin:0 0 6px;line-height:1.2;color:#fff;position:relative;z-index:1}
.legal-hero__sub{font-size:15px;opacity:.92;margin:0;max-width:640px;position:relative;z-index:1}

/* Заголовки секций (в исходнике — <h5>) */
.legal-doc h5{font-size:22px;font-weight:700;color:#1A1A1A;margin:44px 0 18px;padding-bottom:12px;border-bottom:2px solid #EEF1F6;position:relative}
.legal-doc h5:first-child{margin-top:0}
.legal-doc h5::before{content:"";position:absolute;bottom:-2px;left:0;width:64px;height:2px;background:#C1121F}

/* Основной текст */
.legal-doc{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:38px 42px;font-size:15px;color:#4A4A4A;line-height:1.75}
.legal-doc a{color:#C1121F;text-decoration:none;border-bottom:1px solid rgba(193,18,31,.25);transition:color .2s,border-color .2s}
.legal-doc a:hover{color:#8B0F17;border-color:#C1121F}

/* Схлопывание подряд идущих <br> */
.legal-doc br + br{display:none}

/* Таблица (используется в разделе 6 «Цели обработки») */
.legal-doc table{width:100%;border-collapse:collapse;margin:14px 0 28px;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden;font-size:14.5px}
.legal-doc thead{background:#F8F9FB}
.legal-doc tbody tr{border-bottom:1px solid #EFF1F4}
.legal-doc tbody tr:last-child{border-bottom:none}
.legal-doc th{text-align:left;padding:12px 18px;background:#F8F9FB;color:#65686C;font-weight:600;width:32%;vertical-align:top;border-right:1px solid #EFF1F4}
.legal-doc td{padding:12px 18px;vertical-align:top}
.legal-doc td[colspan]{background:#FEF2F3;color:#1A1A1A;font-weight:600;text-align:left}

/* Списки в ячейках */
.legal-doc ul{padding-left:20px;margin:4px 0 10px}
.legal-doc li{margin-bottom:6px;line-height:1.55}
.legal-doc tbody ul{margin:0;padding-left:18px}

/* Плашка «оператор данных» */
.legal-doc__intro{background:#F8F9FB;border-left:4px solid #C1121F;border-radius:10px;padding:20px 24px;margin-bottom:16px;color:#1A1A1A;font-size:15px}

@media(max-width:900px){
    .legal-hero{padding:26px 24px;grid-template-columns:1fr;text-align:center;gap:16px}
    .legal-hero__icon{margin:0 auto}
    .legal-hero__title{font-size:22px}
    .legal-doc{padding:26px 22px}
    .legal-doc h5{font-size:20px}
    .legal-doc table,.legal-doc thead,.legal-doc tbody,.legal-doc tr,.legal-doc th,.legal-doc td{display:block;width:100%}
    .legal-doc th{border-right:none;border-bottom:1px solid #EFF1F4;background:#F8F9FB;width:auto}
    .legal-doc tbody tr{margin-bottom:12px;border:1px solid #EFF1F4;border-radius:8px;overflow:hidden}
}

/* End */
/* /company/css/legal.css?17836873303969 */
