/* ============================================
   Cosmetic Homepage — Legal/Info Page CSS
   Scoped under .cshp-legal
   ============================================ */

.cshp-legal {
  --cshp-bg:          #efe9df;
  --cshp-bg-2:        #e7e0d3;
  --cshp-surface:     #ffffff;
  --cshp-surface-2:   #f6f1e8;
  --cshp-ink:         #1a1612;
  --cshp-ink-2:       #5b5249;
  --cshp-ink-3:       #6f665e;
  --cshp-line:        #d9d0c3;
  --cshp-line-2:      #c9bfaf;
  --cshp-accent:      #af6a7c;
  /* Акцент как ТЕКСТ. Сам --cshp-accent остаётся фирменным цветом заливок
     и декора: #af6a7c даёт всего 3,36:1 на фоне и 4,06 на белом, то есть
     как текст не проходит. Отдельный токен позволяет починить контраст,
     не трогая бренд там, где цвет работает пятном. */
  --cshp-accent-text: #945264;
  --cshp-accent-deep: #5e2a3a;

  --cshp-serif: "Cormorant Garamond", "Times New Roman", serif;
  --cshp-sans:  "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --cshp-mono:  "JetBrains Mono", ui-monospace, Menlo, monospace;

  --cshp-container: 1320px;
  --cshp-gutter: 32px;

  font-family: var(--cshp-sans);
  color: var(--cshp-ink);
  -webkit-font-smoothing: antialiased;
}

.cshp-legal[data-palette="sand"]{ --cshp-bg:#efe9df; --cshp-bg-2:#e7e0d3; --cshp-surface:#fff; --cshp-ink:#1a1612; --cshp-ink-2:#5b5249; --cshp-line:#d9d0c3; }
.cshp-legal[data-palette="bone"]{ --cshp-bg:#f4f1ec; --cshp-bg-2:#ebe6dd; --cshp-surface:#fff; --cshp-ink:#171514; --cshp-ink-2:#56504a; --cshp-line:#e1dad0; }
.cshp-legal[data-palette="clay"]{ --cshp-bg:#eadfd1; --cshp-bg-2:#dfd1bd; --cshp-surface:#fdf9f2; --cshp-ink:#1d160f; --cshp-ink-2:#5a4d3e; --cshp-line:#cdbfa8; }
.cshp-legal[data-palette="ash"] { --cshp-bg:#ececeb; --cshp-bg-2:#e1e1df; --cshp-surface:#fff; --cshp-ink:#15171a; --cshp-ink-2:#4f5359; --cshp-line:#d1d2d0; }
.cshp-legal[data-accent="rust"]    { --cshp-accent:#af6a7c; }
.cshp-legal[data-accent="bordeaux"]{ --cshp-accent:#7a2d2f; }
.cshp-legal[data-accent="forest"]  { --cshp-accent:#3e5a44; }
.cshp-legal[data-accent="ink"]     { --cshp-accent:#1a1612; }

.cshp-legal *, .cshp-legal *::before, .cshp-legal *::after { box-sizing: border-box; }
.cshp-legal a { color: var(--cshp-accent-deep); text-decoration: underline; text-underline-offset: 3px; }
.cshp-legal a:hover { color: var(--cshp-accent); }
.cshp-legal img { display: block; max-width: 100%; }

.cshp-legal .cshp-container {
  width: 100%; max-width: var(--cshp-container);
  margin: 0 auto; padding: 0 var(--cshp-gutter);
}

.cshp-legal .cshp-eyebrow {
  font-family: var(--cshp-mono);
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  font-weight: 500; color: var(--cshp-ink-2);
  display: block; margin-bottom: 16px;
}

.cshp-legal .cshp-display {
  font-family: var(--cshp-serif);
  font-weight: 400; line-height: 1.05; letter-spacing: -0.01em;
  color: var(--cshp-ink); margin: 0;
}
.cshp-legal .cshp-h1 { font-size: clamp(36px, 4.5vw, 60px); }

.cshp-legal .cshp-block {
  padding: 80px 0 120px;
}

/* Override Merchant content constraints */
.cshp-legal-page .site-breadcrumb { display: none !important; }
.cshp-legal-page .site-content {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
}
.cshp-legal-page .site-content > .container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}
.cshp-legal-page #primary {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  float: none !important;
}
.cshp-legal-page #secondary { display: none !important; }
.cshp-legal-page .entry-content { max-width: none !important; padding: 0 !important; margin: 0 !important; }
.cshp-legal-page .page-header { display: none; }
.cshp-legal-page #content { padding: 0; }

/* ========================================
   HERO
   ======================================== */
.cshp-legal-hero {
  padding: 120px 0 56px;
  background: var(--cshp-bg);
  border-bottom: 1px solid var(--cshp-line);
}

/* ========================================
   BODY / PROSE
   ======================================== */
.cshp-legal-body { background: var(--cshp-surface); }

.cshp-legal-body__prose {
  max-width: 760px;
  font-size: 16px;
  line-height: 1.75;
  color: var(--cshp-ink-2);
}
.cshp-legal-body__prose > *:first-child { margin-top: 0; }
.cshp-legal-body__prose p { margin: 0 0 20px; }
.cshp-legal-body__prose h2 {
  font-family: var(--cshp-serif);
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 400;
  color: var(--cshp-ink);
  margin: 48px 0 20px;
  line-height: 1.15;
}
.cshp-legal-body__prose h2:first-child { margin-top: 0; }
.cshp-legal-body__prose h3 {
  font-family: var(--cshp-sans);
  font-size: 17px;
  font-weight: 600;
  color: var(--cshp-ink);
  margin: 32px 0 14px;
}
.cshp-legal-body__prose ul,
.cshp-legal-body__prose ol {
  margin: 0 0 20px;
  padding-left: 22px;
}
.cshp-legal-body__prose li { margin-bottom: 8px; }
.cshp-legal-body__prose strong { color: var(--cshp-ink); font-weight: 600; }
.cshp-legal-body__prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 24px;
  font-size: 14px;
}
.cshp-legal-body__prose table th,
.cshp-legal-body__prose table td {
  border: 1px solid var(--cshp-line);
  padding: 10px 14px;
  text-align: left;
}
.cshp-legal-body__prose table th { background: var(--cshp-bg); color: var(--cshp-ink); }

@media (max-width: 640px) {
  .cshp-legal-hero { padding: 100px 0 40px; }
  .cshp-legal .cshp-block { padding: 56px 0 80px; }
}