.legal-page {
background-color: #ffffff;
} .legal-content {
padding: 4rem 0 6rem;
}
.legal-container {
max-width: 800px;
margin: 0 auto;
padding: 0 2rem;
} .legal-section {
margin-bottom: 4rem;
padding-bottom: 3rem;
border-bottom: 1px solid rgba(132, 74, 52, 0.15);
}
.legal-section:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
} .legal-section h2 {
font-family: var(--font-serif, 'Libre Bodoni', serif);
font-size: 1.75rem;
font-weight: 400;
font-style: italic;
color: var(--color-secondary, #872D2F);
margin-bottom: 1.5rem;
padding-bottom: 0.75rem;
border-bottom: 2px solid var(--color-secondary, #872D2F);
display: inline-block;
}
.legal-section h3 {
font-family: var(--font-display, 'Prompt', sans-serif);
font-size: 1.15rem;
font-weight: 600;
color: var(--color-primary, #844a34);
margin-top: 2rem;
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.legal-section h4 {
font-family: var(--font-display, 'Prompt', sans-serif);
font-size: 1rem;
font-weight: 600;
color: var(--color-dark, #000000);
margin-bottom: 0.5rem;
} .legal-section p {
font-family: var(--font-body, 'Karla', sans-serif);
font-size: 1rem;
line-height: 1.8;
color: #333333;
margin-bottom: 1rem;
}
.legal-section p:last-child {
margin-bottom: 0;
} .legal-section a {
color: var(--color-secondary, #872D2F);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: all 0.3s ease;
}
.legal-section a:hover {
border-bottom-color: var(--color-secondary, #872D2F);
} .legal-section ul {
margin: 1.5rem 0;
padding-left: 0;
list-style: none;
}
.legal-section ul li {
font-family: var(--font-body, 'Karla', sans-serif);
font-size: 1rem;
line-height: 1.8;
color: #333333;
margin-bottom: 0.75rem;
padding-left: 1.5rem;
position: relative;
}
.legal-section ul li::before {
content: '';
position: absolute;
left: 0;
top: 0.7rem;
width: 6px;
height: 6px;
background-color: var(--color-secondary, #872D2F);
border-radius: 50%;
}
.legal-section ul li strong {
color: var(--color-primary, #844a34);
} .legal-section blockquote {
font-family: var(--font-serif, 'Libre Bodoni', serif);
font-style: italic;
font-size: 1.1rem;
line-height: 1.8;
color: #555555;
border-left: 4px solid var(--color-secondary, #872D2F);
padding: 1.5rem 2rem;
margin: 2rem 0;
background-color: var(--color-light, #FBF4E0);
} .legal-reference {
font-size: 0.9rem !important;
color: #666666 !important;
font-style: italic;
} .legal-card {
background-color: var(--color-light, #FBF4E0);
padding: 1.5rem 2rem;
border-radius: 8px;
margin: 1.5rem 0;
}
.legal-card .company-name {
font-family: var(--font-display, 'Prompt', sans-serif);
font-weight: 600;
font-size: 1.1rem;
color: var(--color-primary, #844a34);
margin-bottom: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
} .cookie-type {
background-color: #f9f9f9;
padding: 1.25rem 1.5rem;
border-radius: 6px;
margin: 1rem 0;
}
.cookie-type h4 {
margin-top: 0;
}
.cookie-type p {
margin-bottom: 0;
} @media (max-width: 768px) {
.legal-content {
padding: 3rem 0 4rem;
}
.legal-container {
padding: 0 1.5rem;
}
.legal-section {
margin-bottom: 3rem;
padding-bottom: 2rem;
}
.legal-section h2 {
font-size: 1.5rem;
}
.legal-section h3 {
font-size: 1.1rem;
}
.legal-section blockquote {
padding: 1rem 1.5rem;
font-size: 1rem;
}
.legal-card {
padding: 1.25rem 1.5rem;
}
}
@media (max-width: 480px) {
.legal-container {
padding: 0 1rem;
}
.legal-section h2 {
font-size: 1.35rem;
}
.legal-section p,
.legal-section ul li {
font-size: 0.95rem;
}
.legal-section blockquote {
padding: 1rem;
margin: 1.5rem 0;
}
}