/* cookies: локальные стили страницы. */
@import url("../../css/gmt-footer.css");
/* Базовый стиль для юридических страниц (privacy/cookies). */
body.legal-page{
  font-family:'Manrope', sans-serif;
  margin:0;
  background:#f7f9fc;
  color:#1f2937;
}

:root{
  --gmt-header-max-width:1200px;
  --gmt-header-side-padding:24px;
  --gmt-header-brand-size:26px;
  --gmt-header-link-size:16px;
  --gmt-burger-size:40px;
}

.legal-header{
  /* Шапка юридических страниц в компоновке как на главной. */
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,0.94);
  backdrop-filter:blur(10px);
  box-shadow:0 10px 24px rgba(0,0,0,0.08);
  border-bottom:1px solid rgba(0,0,0,0.08);
  padding:0 var(--gmt-header-side-padding);
}

.legal-header__inner{
  max-width:var(--gmt-header-max-width);
  margin:0 auto;
  min-height:100px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  grid-template-areas:"left brand right";
  align-items:center;
  gap:20px;
}

.legal-brand{
  grid-area:brand;
  justify-self:center;
  text-decoration:none;
  font-weight:700;
  font-size:var(--gmt-header-brand-size);
  color:#111827;
  letter-spacing:0.01em;
  white-space:nowrap;
}

.legal-nav{
  display:flex;
  align-items:center;
  gap:24px;
  white-space:nowrap;
}

.legal-nav--left{
  grid-area:left;
  justify-self:start;
  justify-content:flex-start;
}

.legal-nav--right{
  grid-area:right;
  justify-self:end;
  justify-content:flex-end;
}

.legal-burger{
  display:none;
  width:var(--gmt-burger-size);
  height:var(--gmt-burger-size);
  padding:0;
  border:1px solid rgba(17,24,39,0.12);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
}

.legal-burger span{
  display:block;
  width:18px;
  height:2px;
  border-radius:2px;
  background:#111827;
  transition:transform .2s ease, opacity .2s ease;
}

body.legal-menu-open{
  overflow:hidden;
}

.legal-nav a{
  color:#1f2937;
  text-decoration:none;
  font-weight:500;
  font-size:var(--gmt-header-link-size);
  position:relative;
}

.legal-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  background:#f99761;
  opacity:0;
  transform:scaleX(0.65);
  transition:opacity .2s ease, transform .2s ease;
}

.legal-nav a:hover{
  color:#f99761;
}

.legal-nav a:hover::after{
  opacity:1;
  transform:scaleX(1);
}

.legal-content{
  /* Основной читаемый контейнер с ограничением ширины. */
  max-width:900px;
  margin:40px auto 80px;
  background:#ffffff;
  border-radius:16px;
  padding:36px;
  box-shadow:0 12px 24px rgba(15,23,42,0.06);
}

.legal-content h1{
  margin:0 0 12px;
  font-size:28px;
}

.legal-content h2{
  margin:28px 0 10px;
  font-size:18px;
}

.legal-content p,
.legal-content li{
  color:#4b5563;
  line-height:1.65;
  font-size:15px;
}

.legal-content ul{
  padding-left:20px;
}

.legal-meta{
  color:#6b7280;
  font-size:13px;
}

@media (max-width:980px){
  .legal-header{
    padding:0 12px;
    backdrop-filter:none;
    box-shadow:0 8px 20px rgba(0,0,0,0.09);
  }

  .legal-header__inner{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand burger"
      "left left"
      "right right";
    min-height:0;
    padding:10px 0 12px;
    gap:8px;
  }

  .legal-brand{
    justify-self:start;
    font-size:18px;
    letter-spacing:.04em;
    text-transform:uppercase;
  }

  .legal-burger{
    display:inline-flex;
    grid-area:burger;
    justify-self:end;
  }

  .legal-header.legal-header--menu-open .legal-burger span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }

  .legal-header.legal-header--menu-open .legal-burger span:nth-child(2){
    opacity:0;
  }

  .legal-header.legal-header--menu-open .legal-burger span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }

  .legal-nav{
    display:none;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    white-space:normal;
  }

  .legal-header.legal-header--menu-open .legal-nav{
    display:flex;
  }

  .legal-nav--left,
  .legal-nav--right{
    justify-self:stretch;
    justify-content:flex-start;
  }

  .legal-nav a{
    display:block;
    padding:10px 12px;
    border:1px solid rgba(17,24,39,0.08);
    border-radius:10px;
    background:#fff;
    font-size:16px;
    line-height:1.35;
  }

  .legal-nav a::after{
    display:none;
  }

  .legal-nav a:hover{
    background:#fff7f2;
    color:#f08a50;
  }

  .legal-content{
    margin:16px 10px 52px;
    padding:18px 14px;
    border-radius:14px;
  }

  .legal-content h1{
    font-size:24px;
    line-height:1.25;
    margin:0 0 10px;
  }

  .legal-content h2{
    margin:22px 0 8px;
    font-size:16px;
    line-height:1.35;
  }

  .legal-content p,
  .legal-content li{
    font-size:14px;
    line-height:1.58;
  }

  .legal-content ul{
    padding-left:18px;
  }
}

@media (max-width:560px){
  .legal-header{
    padding:0 10px;
  }

  .legal-header__inner{
    padding:8px 0 10px;
    gap:7px;
  }

  .legal-brand{
    font-size:16px;
  }

  .legal-nav a{
    padding:9px 10px;
    font-size:16px;
  }

  .legal-content{
    margin:12px 8px 42px;
    padding:16px 12px;
  }

  .legal-content h1{
    font-size:21px;
  }

  .legal-meta{
    font-size:12px;
  }
}