:root{ –accent:#0E2A68 !important; –card-bg:#EEF2FF !important; } body{ font-family:Tahoma, ‘Segoe UI’, Roboto, Arial !important; margin:0 !important; padding:0 !important; background:#fff !important; } .wrap{ display:flex !important; gap:28px !important; align-items:flex-start !important; justify-content:center !important; margin:30px auto !important; flex-wrap:wrap !important; } /* کارت تماس */ .card{ width:520px !important; background:var(–card-bg) !important; padding:28px !important; border-radius:14px !important; box-shadow:0 14px 32px rgba(14,42,104,0.18) !important; display:flex !important; flex-direction:column !important; } .card.dashed{ border:3px dashed rgba(14,42,104,0.35) !important; } .card h3{ color:var(–accent) !important; text-align:center !important; margin-bottom:22px !important; font-weight:800 !important; } /* آیتم‌ها */ .contact-list{ display:flex !important; flex-direction:column !important; gap:14px !important; } .item{ display:flex !important; align-items:center !important; background:#fff !important; border-radius:12px !important; padding:14px 16px !important; box-shadow:0 6px 16px rgba(0,0,0,0.10) !important; border:1px solid rgba(14,42,104,0.15) !important; flex-wrap:wrap !important; } .meta{ display:flex !important; gap:14px !important; align-items:center !important; flex-wrap:wrap !important; } .icon{ width:40px !important; height:40px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#fff !important; box-shadow:0 4px 12px rgba(0,0,0,0.12) !important; color:var(–accent) !important; flex-shrink:0 !important; } .text{ font-size:15px !important; direction:rtl !important; flex:1 !important; min-width:0 !important; /* مهم برای موبایل */ word-break:break-word !important; } .text a{ display:inline-block !important; /* لینک‌ها نمایش کامل داشته باشند */ color:var(–accent) !important; text-decoration:none !important; } /* نقشه */ .map-wrap{ margin-top:auto !important; border-radius:12px !important; overflow:hidden !important; border:1px solid rgba(14,42,104,0.25) !important; } .map-wrap iframe{ width:100% !important; height:230px !important; border:0 !important; } /* گالری */ .gallery{ width:520px !important; padding:14px !important; border-radius:14px !important; box-shadow:0 14px 32px rgba(14,42,104,0.18) !important; display:flex !important; align-items:center !important; } .gallery img{ width:100% !important; height:100% !important; border-radius:14px !important; object-fit:cover !important; } /* موبایل */ @media(max-width:767px){ .wrap{ flex-direction:column !important; align-items:center !important; gap:16px !important; } .card, .gallery{ width:95% !important; } .item{ flex-direction:row !important; flex-wrap:wrap !important; align-items:flex-start !important; padding:10px 12px !important; } .meta{ gap:10px !important; flex-wrap:wrap !important; } .text{ font-size:14px !important; flex:1 !important; min-width:0 !important; word-break:break-word !important; } .text a{ display:inline-block !important; } }