.legal-header { position: relative; top: auto; }
.back-to-shop { font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; border-bottom: 1px solid; padding-bottom: 4px; }
.legal-shell { max-width: 1440px; margin: 0 auto; padding: 80px clamp(22px, 6vw, 90px) 120px; display: grid; grid-template-columns: 220px minmax(0, 850px); gap: clamp(50px, 8vw, 130px); justify-content: center; }
.legal-nav { position: sticky; top: 35px; align-self: start; display: grid; gap: 28px; padding-top: 12px; }
.legal-nav nav { display: grid; border-top: 1px solid var(--line); }
.legal-nav nav a { padding: 13px 0; border-bottom: 1px solid var(--line); font: 500 14px var(--serif); }
.legal-nav nav a:hover { color: var(--orange); }
.legal-nav > small { color: #7c8781; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.legal-intro { padding-bottom: 80px; }
.legal-intro h1 { font: 500 clamp(56px, 7vw, 98px)/.93 var(--serif); letter-spacing: -.055em; margin: 25px 0; }
.legal-intro h1 em { color: var(--orange); font-style: italic; }
.legal-intro p { color: #65716b; font-size: 14px; }
.legal-section { scroll-margin-top: 30px; display: grid; grid-template-columns: 60px 1fr; gap: 25px; padding: 70px 0; border-top: 1px solid var(--line); }
.legal-number { font: italic 500 16px var(--serif); color: var(--orange); padding-top: 12px; }
.legal-section h2 { font: 500 clamp(38px, 5vw, 61px)/1 var(--serif); letter-spacing: -.04em; margin: 13px 0 36px; }
.legal-section h3 { font: 600 20px/1.25 var(--serif); margin: 36px 0 10px; }
.legal-section p, .legal-section address { color: #4e5e57; font-size: 13px; line-height: 1.8; font-style: normal; }
.legal-section a { color: var(--orange-dark); text-decoration: underline; text-underline-offset: 3px; }
.status-card { padding: 28px 30px; background: var(--ink); color: #f3eee3; border-left: 5px solid var(--orange); }
.status-card strong { font: 500 20px/1.4 var(--serif); }
.status-card p { color: #bdc8c2; margin-bottom: 0; }
.legal-note { padding: 18px 20px; background: #eee4d4; border-left: 3px solid var(--gold); font-size: 12px; line-height: 1.65; }
.form-template { padding: 25px 28px; border: 1px solid var(--line); background: white; }
.form-template p { margin: 8px 0; }
.legal-footer { padding: 50px clamp(22px, 7vw, 100px); background: #111d19; color: #dfe4df; display: flex; align-items: center; gap: 45px; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 22px; margin-left: auto; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.legal-footer > small { color: #87938d; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }

@media (max-width: 850px) {
  .legal-shell { grid-template-columns: 1fr; padding-top: 50px; }
  .legal-nav { position: static; }
  .legal-nav nav { grid-template-columns: repeat(3, 1fr); }
  .legal-nav nav a { padding-right: 12px; }
  .legal-footer { align-items: flex-start; flex-direction: column; }
  .legal-footer nav { margin-left: 0; }
}
@media (max-width: 560px) {
  .back-to-shop { font-size: 8px; }
  .legal-shell { padding: 45px 18px 80px; gap: 55px; }
  .legal-nav nav { grid-template-columns: repeat(2, 1fr); }
  .legal-intro { padding-bottom: 45px; }
  .legal-section { grid-template-columns: 1fr; gap: 8px; padding: 55px 0; }
  .legal-section h2 { margin-top: 6px; }
  .legal-section p, .legal-section address { font-size: 12px; }
  .status-card { padding: 23px 20px; }
}