جهات الاتصال

:root { --ox-bg: #f8f9fa; --ox-card-bg: #ffffff; --ox-text: #111111; --ox-text-muted: #555555; --ox-accent: #c81e2b; --ox-accent-hover: #a0141f; --ox-border: #e5e7eb; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: var(--ox-bg); color: var(--ox-text); line-height: 1.6; direction: ltr; padding: 40px 5%; } .ox-policy-container { max-width: 900px; margin: 0 auto; background-color: var(--ox-card-bg); border: 1px solid var(--ox-border); border-radius: 12px; padding: 40px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); } .ox-policy-header { border-bottom: 3px solid var(--ox-accent); padding-bottom: 20px; margin-bottom: 30px; } .ox-policy-title { font-size: 2.2rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--ox-text); margin-bottom: 6px; } .ox-policy-subtitle { font-size: 0.9rem; font-weight: 700; color: var(--ox-accent); text-transform: uppercase; letter-spacing: 1px; } .ox-section-title { font-size: 1.3rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--ox-text); margin: 36px 0 16px 0; display: flex; align-items: center; gap: 10px; } .ox-section-title::before { content: ""; display: inline-block; width: 5px; height: 20px; background-color: var(--ox-accent); border-radius: 2px; } .ox-policy-content p { margin-bottom: 16px; color: var(--ox-text-muted); font-size: 1rem; } .ox-contact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 20px; } .ox-contact-card { background-color: #f9fafb; border: 1px solid var(--ox-border); border-top: 3px solid var(--ox-accent); border-radius: 8px; padding: 20px; display: flex; flex-direction: column; } .ox-contact-card h4 { font-size: 1rem; font-weight: 800; text-transform: uppercase; color: var(--ox-text); margin-bottom: 8px; } .ox-contact-card p, .ox-contact-card a { font-size: 0.95rem; color: var(--ox-text-muted); margin: 0; text-decoration: none; word-break: break-word; } .ox-contact-card a:hover { color: var(--ox-accent); } @media (max-width: 768px) { body { padding: 20px 4%; } .ox-policy-container { padding: 24px; } .ox-policy-title { font-size: 1.6rem; } .ox-contact-grid { grid-template-columns: 1fr; } }