.aso-cat-block { padding: 60px 20px; width: 100%; box-sizing: border-box; background-color: #fff; }
.aso-cat-inner { max-width: 1200px; margin: 0 auto; }
.aso-cat-head { margin-bottom: 40px; border-bottom: 3px solid #eee; padding-bottom: 10px; }
.aso-cat-title { font-size: 3rem; font-weight: 900; font-style: normal; color: var(--header); margin: 0; letter-spacing: 1px; text-transform: capitalize; font-family: 'Cairo', sans-serif; }
.aso-cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px 30px; }

.aso-cat-card { 
    background-color: #fff; 
    text-decoration: none; 
    display: flex; 
    flex-direction: row; 
    align-items: stretch; 
    overflow: hidden; 
    height: 110px; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    border: 1px solid #eaeaea; 
}
.aso-cat-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(237, 28, 36, 0.3); }

.aso-cat-img {
    width: 40%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0; 
    border-right: 2px solid #ed1c24; 
    overflow: hidden;
}

.aso-cat-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.aso-cat-text {
    width: 60%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    text-align: left;
}
.aso-cat-name { font-size: 18px; font-weight: 900; font-style: normal; color: var(--header); margin: 0; line-height: 1.2; word-wrap: break-word; font-family: 'Cairo', sans-serif; }

@media (max-width: 768px) {
    .aso-cat-title { font-size: 2.2rem; }
    .aso-cat-grid { grid-template-columns: 1fr; }
    .aso-cat-block { padding: 40px 15px; }
    
html[dir="rtl"] .aso-cat-img {
    border-right: none !important;
    border-left: 2px solid #ed1c24 !important;
}

}

html[dir="rtl"] .aso-cat-img {
    border-right: none !important;
    border-left: 2px solid #ed1c24 !important;
}