/* Sun & Soil — privacy page only */

/* Контейнер страницы политики */
.policy-wrap{
  padding-top: calc(var(--header-h) + 20px);
  padding-bottom: 48px;
  /* мягкий фон, как на остальных страницах */
  background:
    radial-gradient(900px 420px at 10% 0, #fff8e1 0, transparent 60%),
    radial-gradient(900px 420px at 110% -10%, #f0ffe9 0, transparent 60%);
  border-radius: 22px;
}

/* Заголовки и вводный абзац */
.policy-wrap h1{
  margin: 0 0 8px;
  font-size: clamp(1.9rem, 2.2vw + 1rem, 2.6rem);
}
.policy-wrap .sec-lede{
  color: #5a564e;
  max-width: 72ch;
  margin-bottom: 18px;
}

/* Подзаголовки с небольшой линией-подчёркиванием */
.policy-wrap h2{
  margin: 22px 0 8px;
  position: relative;
  scroll-margin-top: calc(var(--header-h) + 14px);
}
.policy-wrap h2::after{
  content:"";
  display:block;
  width: 64px;
  height: 3px;
  margin-top: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg,
              var(--leaf-400, #84c67a),
              var(--leaf-600, #4d8346));
  opacity: .75;
}

/* Основной текст и ссылки */
.policy-wrap p{
  max-width: 85ch;
  color: #322f2a;
}
.policy-wrap a{
  color: var(--leaf-600, #4d8346);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px dashed color-mix(in srgb, var(--leaf-600, #4d8346) 45%, transparent);
}
.policy-wrap a:hover{
  border-bottom-style: solid;
}

/* Небольшая анимация появления без JS */
@media (prefers-reduced-motion: no-preference){
  .policy-wrap > *{ animation: pp-fade .35s ease both; }
  .policy-wrap > *:nth-child(2){ animation-delay: .03s; }
  .policy-wrap > *:nth-child(3){ animation-delay: .06s; }
  @keyframes pp-fade{
    from{ opacity: 0; transform: translateY(6px); }
    to{ opacity: 1; transform: none; }
  }
}

/* Мобильный отступ поменьше */
@media (max-width: 640px){
  .policy-wrap{ padding-top: calc(var(--header-h) + 12px); padding-bottom: 36px; }
  .policy-wrap h1{ font-size: 1.9rem; }
}

/* Печать: убираем шапку/футер, делаем чистый текст */
@media print{
  .site-header, .site-footer, .to-top{ display: none !important; }
  .policy-wrap{
    padding: 0 !important;
    background: #fff !important;
    border-radius: 0 !important;
  }
  .policy-wrap a{
    text-decoration: underline !important;
    border: 0 !important;
  }
}
