/* Category menus only: preserve the underlying buttons, links and their order. */
html body .az-compact-categories.az-compact-categories.az-compact-categories{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;width:100%!important;max-width:720px!important;
 box-sizing:border-box!important;padding:0 12px!important;margin-inline:auto!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;overflow:visible!important;
}
html body .az-compact-categories.az-compact-categories.az-compact-categories>a,
html body .az-compact-categories.az-compact-categories.az-compact-categories>button{
 position:relative!important;isolation:isolate;display:flex!important;
 flex-direction:row!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
 height:80px!important;min-height:80px!important;max-height:80px!important;aspect-ratio:auto!important;
 padding:8px 20px!important;margin:0!important;gap:0!important;
 border:1px solid #C7A66C!important;border-radius:14px!important;
 background:#FFF9ED!important;color:#234C3D!important;
 box-shadow:0 2px 4px #8c713915!important;outline-offset:3px!important;
 font-size:16px!important;font-weight:700!important;line-height:1.45!important;
 text-align:center!important;text-decoration:none!important;text-shadow:none!important;
 white-space:normal!important;overflow:hidden!important;transform:none!important;
}
html body .az-compact-categories.az-compact-categories.az-compact-categories>:nth-child(4n+2),
html body .az-compact-categories.az-compact-categories.az-compact-categories>:nth-child(4n+3){background:#E4EADD!important}
html body .az-compact-categories.az-compact-categories.az-compact-categories .az-category-title{
 position:relative!important;inset:auto!important;z-index:1!important;display:block!important;
 flex:0 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;
 margin:0!important;padding:0!important;clip:auto!important;clip-path:none!important;
 font-size:16px!important;font-weight:700!important;line-height:1.45!important;
 color:#234C3D!important;text-align:center!important;white-space:normal!important;
 overflow-wrap:normal!important;word-break:normal!important;letter-spacing:normal!important;
}
html body .az-compact-categories.az-compact-categories.az-compact-categories img,
html body .az-compact-categories.az-compact-categories.az-compact-categories svg,
html body .az-compact-categories.az-compact-categories.az-compact-categories .tile-art,
html body .az-compact-categories.az-compact-categories.az-compact-categories .az-category-arrow,
html body .az-compact-categories.az-compact-categories.az-compact-categories .quran-coming-soon{display:none!important}
html body .az-compact-categories.az-compact-categories.az-compact-categories>a::before,
html body .az-compact-categories.az-compact-categories.az-compact-categories>button::before{
 content:''!important;position:absolute!important;inset:auto auto 4px 4px!important;
 width:19px!important;height:54px!important;border:0!important;
 border-radius:0!important;opacity:.65!important;
 background:linear-gradient(72deg,transparent 47%,#C7A66C 49%,#C7A66C 51%,transparent 53%) center/100% 100%,
 radial-gradient(ellipse at 80% 80%,#C7A66C 0 38%,transparent 42%) 0 8px/9px 12px,
 radial-gradient(ellipse at 20% 80%,#C7A66C 0 38%,transparent 42%) 9px 0/9px 12px!important;
 background-repeat:no-repeat,repeat-y,repeat-y!important;pointer-events:none;
}
html body .az-compact-categories.az-compact-categories.az-compact-categories>a::after,
html body .az-compact-categories.az-compact-categories.az-compact-categories>button::after{
 content:''!important;position:absolute!important;top:5px!important;bottom:5px!important;left:5px!important;right:5px!important;
 border:1px solid #C7A66C40!important;border-radius:10px!important;background:none!important;
 pointer-events:none!important;opacity:1!important;transform:none!important;
}
html body .az-compact-categories.az-compact-categories.az-compact-categories>button.active{outline:2px solid #234C3D!important;outline-offset:-4px!important}
html body .az-compact-categories.az-compact-categories.az-compact-categories>:focus-visible{outline:3px solid #234C3D!important;outline-offset:2px!important}