اتصال

.contact-section { max-width: 400px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", Roboto, "Helvetica Neue", Arial, sans-serif; color: #111; background: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 16px 20px; line-height: 1.4; } .contact-heading { font-size: 1rem; font-weight: 600; margin-bottom: 12px; color: #000; } .contact-line { font-size: 0.9rem; margin-bottom: 10px; color: #333; } /* Accordion blocks */ details { border: 1px solid #ddd; border-radius: 10px; margin-bottom: 12px; background: #fafafa; overflow: hidden; } summary { list-style: none; cursor: pointer; padding: 12px 14px; font-size: 0.9rem; font-weight: 600; color: #000; display: flex; align-items: center; justify-content: space-between; } /* Remove default arrow in some browsers */ summary::-webkit-details-marker { display: none; } /* Custom arrow icon */ .toggle-icon { font-size: 0.8rem; color: #666; transition: transform 0.2s ease; } details[open] .toggle-icon { transform: rotate(90deg); } .details-body { border-top: 1px solid #ddd; background: #fff; padding: 12px 14px; font-size: 0.9rem; color: #444; } .details-label { font-size: 0.75rem; font-weight: 600; color: #666; text-transform: uppercase; margin-bottom: 4px; letter-spacing: 0.03em; } .details-value { font-size: 0.9rem; color: #111; font-weight: 500; line-height: 1.4; } /* Small helper text */ .note { font-size: 0.75rem; color: #777; margin-top: 6px; line-height: 1.4; }