.argomix-whyus{ --accent:#4caf50; /* رنگ تأکیدی */ --bg:#ffffff; /* پس‌زمینه کارت‌ها */ --soft:#f6f8f7; --radius:14px; --shadow:0 6px 16px rgba(0,0,0,.07); direction: rtl; text-align: right; font-family: inherit; } .argomix-whyus__wrap{ background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 20px; } .argomix-whyus__title{ margin: 0 0 16px; font-size: 1.25rem; color:#212121; border-right: 5px solid var(--accent); padding-right: 12px; line-height: 1.5; } .argomix-whyus__list{ display: grid; grid-template-columns: 1fr; /* موبایل: یک ستون */ gap: 14px; } @media (min-width: 640px){ .argomix-whyus__list{ grid-template-columns: repeat(2,1fr); } /* تبلت: دو ستون */ } @media (min-width: 1024px){ .argomix-whyus__list{ grid-template-columns: repeat(3,1fr); } /* دسکتاپ: سه ستون */ } .argomix-whyus__item{ background: var(--soft); border:1px solid #eaeaea; border-radius: 12px; padding: 14px; display: grid; grid-template-columns: 44px 1fr; gap: 12px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .argomix-whyus__item:hover{ transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.08); border-color:#e2e2e2; } .argomix-whyus__icon{ width:44px;height:44px;min-width:44px; border-radius:10px; background: rgba(76,175,80,.08); display:grid;place-items:center; } .argomix-whyus__icon svg{ width:24px;height:24px; fill: var(--accent); } .argomix-whyus__head{ margin:2px 0 6px;font-size:1rem;font-weight:800;color:#1f1f1f; } .argomix-whyus__desc{ margin:0; font-size:.92rem; color:#555; line-height:1.8; list-style: none; padding:0; } .argomix-whyus__desc li{ position:relative; padding-right:0; margin:4px 0; } .argomix-whyus__desc li::before{ content:"•"; color:var(--accent); margin-left:6px; font-weight:700; } @media (prefers-reduced-motion: reduce){ .argomix-whyus__item{ transition:none; } }