مدیاویکی:Common.css: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

@@ خط ۶٬۹۸۶: / خط ۶٬۹۸۶: @@
 font-size:18px;
+}
+}
+/*=============================
+        General
+=============================*/
+*{
+    margin:0;
+    padding:0;
+    box-sizing:border-box;
+}
+.medical-categories{
+    max-width:1200px;
+    margin:auto;
+    padding:20px;
+    direction:rtl;
+}
+/*=============================
+        Grid
+=============================*/
+.category-grid{
+    display:grid;
+    grid-template-columns:repeat(4,1fr);
+    gap:22px;
+}
+/*=============================
+        Card
+=============================*/
+.category-card{
+    background:#f3f3f3;
+    border-radius:18px;
+    text-decoration:none;
+    display:flex;
+    flex-direction:column;
+    align-items:center;
+    justify-content:center;
+    padding:35px 20px;
+    min-height:210px;
+    transition:.35s ease;
+    border:1px solid #ececec;
+    box-shadow:0 4px 12px rgba(0,0,0,.03);
+}
+.category-card:hover{
+    background:#ffffff;
+    transform:translateY(-8px);
+    box-shadow:0 18px 40px rgba(0,0,0,.08);
+    border-color:#14B8A6;
+}
+/*=============================
+        Icon
+=============================*/
+.card-icon{
+    font-size:62px;
+    color:#14B8A6;
+    margin-bottom:20px;
+    transition:.35s;
+}
+.category-card:hover .card-icon{
+    color:#0F9D8E;
+    transform:scale(1.1);
+}
+/*=============================
+        Title
+=============================*/
+.category-card h3{
+    color:#F97316;
+    text-align:center;
+    font-size:24px;
+    line-height:1.9;
+    font-weight:700;
+}
+/*=============================
+        Tablet
+=============================*/
+@media(max-width:992px){
+.category-grid{
+grid-template-columns:repeat(2,1fr);
+}
+}
+/*=============================
+        Mobile
+=============================*/
+@media(max-width:576px){
+.category-grid{
+grid-template-columns:repeat(2,1fr);
+gap:15px;
+}
+.category-card{
+min-height:165px;
+padding:25px 15px;
+border-radius:16px;
+}
+.card-icon{
+font-size:45px;
+margin-bottom:15px;
+}
+.category-card h3{
+font-size:18px;
+line-height:1.7;
 }
 }