/* Privacy policy page */
.policy-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(44px, 7vw, 86px);
  background: linear-gradient(135deg, #e7f5f0 0%, #f9fdfb 60%, #eef8f5 100%);
  border-bottom: 1px solid var(--vc-line);
}
.policy-hero::after {
  content: "";
  position: absolute;
  right: -13rem;
  top: -18rem;
  width: 35rem;
  height: 35rem;
  border-radius: 50%;
  background: rgba(40, 180, 166, .11);
}
.policy-hero .container { position: relative; z-index: 1; max-width: 1168px; }
.policy-hero .breadcrumb { --bs-breadcrumb-divider: "›"; font-size: .85rem; margin-bottom: 18px; }
.policy-hero .breadcrumb a { font-weight: 700; text-decoration: none; }
.policy-hero h1 { font-size: clamp(2.35rem, 5vw, 4.1rem); line-height: 1.06; letter-spacing: -.04em; margin: 0; }
.policy-hero .lead { max-width: 640px; margin: 16px 0 0; color: #4f6d65; font-size: 1.05rem; }
.policy-meta {
  display: inline-flex;
  margin-top: 22px;
  padding: 8px 12px;
  border: 1px solid #c7e3da;
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: #416057;
  font-size: .84rem;
}

.policy-main { background: #f7fbf9; padding-bottom: 82px; }
.policy-main .container { max-width: 1168px; }
.policy-content { padding: clamp(26px, 4vw, 52px); max-width: none; }
.policy-content h2 { font-size: 1.32rem; scroll-margin-top: 100px; }
.policy-content h2:first-child { margin-top: 0; }
.policy-contact {
  margin-top: 26px;
  padding: 20px;
  border: 1px solid var(--vc-line);
  border-radius: 14px;
  background: var(--vc-mint);
  color: var(--vc-deep);
}
.policy-contact p { margin: 5px 0 0; }
.policy-contact a { font-weight: 700; text-decoration: none; }

.policy-aside { position: sticky; top: 112px; padding: 20px; border-left: 1px solid var(--vc-line); }
.policy-aside strong {
  display: block;
  margin-bottom: 11px;
  color: var(--vc-deep);
  font-size: .83rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.policy-aside .nav-link { padding: 5px 0; color: #55716a; font-size: .86rem; }
.policy-aside .nav-link:hover { color: var(--vc-teal); }

@media (max-width: 600px) {
  .policy-content { padding: 25px 20px; border-radius: 16px; }
  .policy-content h2 { font-size: 1.18rem; }
}