:root{ --accent:#0d6efd; --accent-2:#0aa87f; --muted:#6b6f76; --bg:#fbfdff; --card:#ffffff; --glass: rgba(13,110,253,0.06); --radius:12px; --shadow: 0 6px 20px rgba(16,24,40,0.08); --table-border:#e6eef9; font-family: "Vazirmatn", "IRANSans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; direction: rtl; box-sizing: border-box; } /* جلوگیری از اعمال پدینگ/مارجین سراسری */ *, *::before, *::after { box-sizing: inherit; } body{ background: linear-gradient(180deg, #f8fbff 0%, #f3f9ff 100%); margin:0; padding:0; color:#0f1724; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } /* کانتینر فقط برای محدود کردن عرض و مرکزچین کردن محتواست؛ پدینگ ندارد */ .container{ max-width:980px; margin:20px auto; padding:0 16px; } /* پدینگ و استایل فقط به خود بخش وام اعمال می‌شود */ .loan-section{ background: linear-gradient(180deg, var(--bg) 0%, #f7fbff 100%); padding:22px; border-radius:14px; box-shadow: var(--shadow); color:#0f1724; } .section-title{ font-size:1.1rem; margin:0 0 8px 0; color:#072146; font-weight:800; } .lead{ color:var(--muted); margin:0 0 14px 0; font-weight:600; } .loan-section h1{ font-size:1.7rem; margin:0 0 6px 0; color: #072146; display:flex; align-items:center; gap:10px; } .loan-section h1::before{ content:""; width:8px;height:36px;border-radius:6px; background: linear-gradient(180deg,var(--accent),#4f8cff); box-shadow: 0 4px 12px rgba(13,110,253,0.12); } .loan-list{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 16px 0; padding:0; list-style:none; } .loan-list li{ background:var(--card); padding:10px 14px; border-radius:10px; border:1px solid var(--table-border); box-shadow: 0 6px 18px rgba(9,30,66,0.03); font-weight:700; color:#0b3b66; min-width:160px; text-align:center; user-select:none; } .bank-card{ background: linear-gradient(180deg, rgba(255,255,255,0.95), var(--card)); border-radius:12px; padding:14px; margin:12px 0; border:1px solid var(--table-border); box-shadow: 0 8px 20px rgba(12,38,66,0.03); } .bank-card h3{ margin:0 0 8px 0; font-size:1.05rem; color:#073659; text-align:right; font-weight:800; } .bank-card .post-body{ color:#173044; line-height:1.7; font-size:0.96rem; margin:8px 0 0 0; text-align:justify; } .loan-section a{ display:inline-block; margin-top:8px; color:var(--accent); font-weight:700; text-decoration:none; padding:6px 10px; border-radius:8px; transition: all .16s ease; } .loan-section a:hover{ transform:translateY(-3px); box-shadow: 0 8px 18px rgba(13,110,253,0.08); background:var(--glass); } figure.table{margin:10px 0;} figure.table table{ width:100%; border-collapse:collapse; background:linear-gradient(180deg,#fff,#fbfdff); border-radius:8px; overflow:hidden; box-shadow: 0 6px 12px rgba(2,6,23,0.02); } figure.table td{ padding:10px 8px; border-bottom:1px solid var(--table-border); font-size:0.94rem; color:#213143; } figure.table tr:first-child td{ background: linear-gradient(90deg, rgba(10,168,127,0.05), rgba(13,110,253,0.03)); font-weight:800; color:#0a3a56; border-bottom:1px solid rgba(10,168,127,0.08); } .brand-highlight{ color:var(--accent-2); font-weight:800; background: linear-gradient(90deg,#eafff5,transparent); padding:2px 6px; border-radius:6px; } @media (max-width:720px){ .loan-list{flex-direction:column} .loan-section{padding:12px} .loan-section h1{font-size:1.3rem} }