/* --- Terms Layout --- */
.legal-hero { padding: 160px 0 60px; background: var(--light-bg); text-align: center; border-bottom: 1px solid var(--border); }
.container-sm { max-width: 900px; margin: 0 auto; padding: 0 30px; }

.legal-hero h1 { font-family: 'Playfair Display', serif; font-size: 48px; margin-bottom: 15px; }
.last-updated { font-size: 12px; font-weight: 700; color: var(--primary); text-transform: uppercase; letter-spacing: 2px; }

.content-wrap { padding: 80px 0; }

/* --- Content Styling --- */
.legal-section { margin-bottom: 60px; }
.legal-section h2 { font-family: 'Playfair Display', serif; font-size: 28px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; color: var(--dark); }

/* The "Premium Badge" Icon style we discussed */
.legal-section h2 i { 
    width: 36px; height: 36px; line-height: 36px; text-align: center; 
    background: rgba(189, 87, 50, 0.1); color: var(--primary); 
    border-radius: 50%; font-size: 16px; 
}

.legal-section p { color: #475569; margin-bottom: 20px; font-size: 16px; }

.legal-list { list-style: none; margin-bottom: 25px; background: var(--light-bg); padding: 30px; border-radius: 20px; border: 1px solid var(--border); }
.legal-list li { position: relative; padding-left: 30px; margin-bottom: 12px; color: #475569; font-size: 15px; font-weight: 500; }
.legal-list li::before { content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; color: var(--primary); }

.important-note { background: #fff5f2; border-left: 4px solid var(--primary); padding: 25px; border-radius: 0 15px 15px 0; margin: 30px 0; font-style: italic; color: #9a4428; }