.mawwals{direction:rtl;padding:80px 0 0}.mawwals .content-section{padding:var(--spacing-2xl);min-height:50vh;display:flex;flex-direction:column;justify-content:center}.mawwals__pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap}.mawwals__pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-grey-light);background:var(--color-white);color:var(--color-primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.mawwals__pagination-btn:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary-dark)}.mawwals__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.mawwals__pagination-btn--prev:before{content:" →"}.mawwals__pagination-btn--next:after{content:"← "}.mawwals__pagination-numbers{display:flex;gap:var(--spacing-sm)}.mawwals__pagination-number{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-grey-light);background:var(--color-white);cursor:pointer;border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.mawwals__pagination-number:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.mawwals__pagination-number--active{background:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-bold);border-color:var(--color-primary)}.mawwals__title{text-align:center;font-size:3rem;margin-bottom:var(--spacing-3xl)}@media(min-width:1024px){.mawwals__categories-item a{font-size:2rem}}.mawwals__categories-item a:hover{background:var(--color-primary-dark)}.mawwals__grid{display:flex;flex-wrap:wrap;gap:2rem}.mawwals__card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-decoration:none;color:inherit}.mawwals__thumbnail{width:100%;height:auto;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.mawwals__caption{margin-top:var(--spacing-sm);color:var(--color-grey-dark)}.mawwals__viewer{display:flex;justify-content:center}.mawwals__image{max-width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}