/* ============================================================
   EAGLE VISION — POLICY PAGES
   Shared styles for the simple content pages linked from the
   footer (Shipping & Returns, Contact, Privacy Policy, Terms of
   Service). Plain, readable, on-brand — no product grid, no
   canvas, just a headline and a body of text.
   ============================================================ */

.policy-page {
    min-height: 100vh;
    padding: 140px 24px 100px;
    display: flex;
    justify-content: center;
}

.policy-page-inner {
    max-width: 720px;
    width: 100%;
}

.policy-page-inner .section-label {
    margin-bottom: 10px;
}

.policy-page-inner .section-title {
    margin-bottom: 36px;
}

.policy-page-body {
    font-size: 16px;
    line-height: 1.85;
    color: var(--muted);
}

.policy-page-body p {
    margin-bottom: 22px;
}

.policy-page-body h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px;
    font-weight: 600;
    color: var(--text);
    margin: 36px 0 14px;
}

.policy-page-body ul,
.policy-page-body ol {
    margin: 0 0 22px 22px;
}

.policy-page-body li {
    margin-bottom: 8px;
}

.policy-page-body a {
    color: var(--accent);
}

.policy-page-body strong {
    color: var(--text);
    font-weight: 600;
}

/* Placeholder block — obvious on purpose so it's easy to find and swap out.
   Preserves blank lines/paragraph breaks from pasted text either way. */
.policy-placeholder {
    display: block;
    padding: 18px 20px;
    border: 1px dashed rgba(192,136,96,.5);
    border-radius: 8px;
    background: rgba(192,136,96,.06);
    color: var(--accent);
    font-style: italic;
    white-space: pre-wrap;
}

/* Real, final copy — once you've pasted your text in, swap the class from
   policy-placeholder to policy-text so it loses the dashed "unfinished"
   styling and reads like normal body copy. Still preserves paragraph
   breaks from pasted text automatically. */
.policy-text {
    display: block;
    white-space: pre-wrap;
    color: var(--muted);
}

.policy-page-footer {
    text-align: center;
    padding: 40px 24px;
    color: var(--dim);
    font-size: 12px;
    letter-spacing: .06em;
}

.policy-page-footer a {
    color: var(--muted);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 600px) {
    .policy-page { padding: 110px 20px 70px; }
}