.premium-surah-grid{--surah-card-surface:#fdfaf3;--surah-card-ink:#202428;--surah-card-accent:#176b8c;--surah-card-accent-hover:#125873;--surah-card-gold:#d4a72c;--surah-card-cream:#fff7e2;--surah-card-border:#d8d2c4;--surah-card-shadow:0 6px 18px rgba(32, 36, 40, 0.08);--surah-card-shadow-hover:0 10px 26px rgba(32, 36, 40, 0.13);--surah-art-border:rgba(154, 123, 34, 0.72);width:100%!important;max-width:1200px!important;margin-right:auto!important;margin-left:auto!important}.premium-surah-grid>.col{display:flex;min-width:0}.premium-surah-grid>.col>.card{position:relative;display:grid;grid-template-rows:100px minmax(0,1fr);align-items:stretch;width:100%!important;max-width:100%;height:100%!important;min-width:0;margin:0;overflow:hidden;color:var(--surah-card-ink);background:var(--surah-card-surface)!important;border:1px solid var(--surah-card-border)!important;border-radius:12px!important;box-shadow:var(--surah-card-shadow);transition:transform 180ms,box-shadow 180ms,border-color 180ms}.premium-surah-grid>.col>.card>.card-img-top{display:block;place-self:center;width:auto!important;max-width:calc(100% - 24px)!important;height:auto!important;max-height:76px!important;min-width:0;min-height:0;margin:0!important;padding:3px;object-fit:contain!important;object-position:center center;background:var(--surah-card-cream);border:1px solid var(--surah-art-border)!important;border-radius:8px!important;box-shadow:0 0 0 3px rgba(212,167,44,.08),0 3px 10px rgba(32,36,40,.1)}.premium-surah-grid>.col>.card>.card-body{align-self:stretch;width:100%!important;max-width:100%;min-width:0;min-height:140px;padding:24px!important;background:var(--surah-card-surface)!important}.premium-surah-grid>.col>.card>.card-body:not(.d-flex){display:flex!important;flex-flow:row wrap!important;align-content:flex-start;align-items:center;justify-content:space-between;column-gap:12px;row-gap:16px;direction:ltr}.premium-surah-grid>.col>.card>.card-body:not(.d-flex)>p.card-text{display:flex!important;flex:0 0 48px;align-items:center;justify-content:center;width:48px;min-width:48px;height:32px;margin:0!important;padding:0;color:var(--surah-card-ink)!important;font-family:"Noto Kufi Arabic",sans-serif;font-size:15px!important;font-weight:700;line-height:1;direction:rtl;background:var(--surah-card-cream);border:1px solid var(--surah-card-gold);border-radius:8px}.premium-surah-grid>.col>.card>.card-body:not(.d-flex)>p.card-text>strong{color:inherit;font:inherit;line-height:inherit}.premium-surah-grid>.col>.card>.card-body:not(.d-flex)>.card-title{flex:1 1 0;min-width:0;margin:0!important;padding:0!important;color:var(--surah-card-ink)!important;font-family:Amiri,serif!important;font-size:25px!important;font-weight:700;line-height:1.4;text-align:right!important;direction:rtl;background:0 0!important}.premium-surah-grid>.col>.card>.card-body:not(.d-flex)>.card-title *{color:inherit;background:0 0!important}.premium-surah-grid>.col>.card>.card-body:not(.d-flex)>.d-flex:empty{display:none!important}.premium-surah-grid>.col>.card>.card-body.d-flex>.d-flex:first-child{width:100%;margin-bottom:16px!important}.premium-surah-grid>.col>.card>.card-body.d-flex h3{min-width:0;margin:0!important;padding:0;color:var(--surah-card-ink)!important;font-family:Amiri,serif!important;font-size:25px!important;font-weight:700;line-height:1.4;text-align:right!important;background:0 0!important}.premium-surah-grid>.col>.card>.card-body.d-flex>.d-flex:first-child>span{display:flex!important;flex:0 0 48px;align-items:center;justify-content:center;width:48px!important;min-width:48px!important;height:32px!important;margin:0;padding:0;color:var(--surah-card-ink)!important;font-family:"Noto Kufi Arabic",sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1;background:var(--surah-card-cream)!important;border:1px solid var(--surah-card-gold)!important;border-radius:8px!important}.premium-surah-grid>.col>.card>.card-body>.btn{display:flex!important;align-items:center;justify-content:center;align-self:stretch;width:100%!important;max-width:100%!important;min-height:44px;height:auto!important;margin:0!important;padding:8px 16px!important;color:#fff!important;font-family:"Noto Kufi Arabic",sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.5;text-align:center!important;white-space:normal;overflow-wrap:break-word;direction:rtl;background:var(--surah-card-accent)!important;border:1px solid var(--surah-card-accent)!important;border-radius:8px!important;box-shadow:none!important;transition:background-color 160ms,border-color 160ms,box-shadow 160ms}.premium-surah-grid>.col>.card>.card-body:not(.d-flex)>.btn{flex:1 0 100%}.premium-surah-grid>.col>.card>.card-body.d-flex>.btn{flex:0 0 auto!important;width:100%!important;min-height:44px!important;height:44px!important;margin-top:auto!important;padding-top:0!important;padding-bottom:0!important}.premium-surah-grid>.col>.card>.card-body>.btn *{color:inherit!important;font:inherit;background:0 0!important}@media (hover:hover) and (pointer:fine){.premium-surah-grid>.col>.card:hover{transform:translateY(-2px);border-color:rgba(212,167,44,.55)!important;box-shadow:var(--surah-card-shadow-hover)}.premium-surah-grid>.col>.card>.card-body>.btn:hover{color:#fff!important;background:var(--surah-card-accent-hover)!important;border-color:var(--surah-card-accent-hover)!important}}.premium-surah-grid>.col>.card>.card-body>.btn:focus-visible{color:#fff!important;background:var(--surah-card-accent-hover)!important;border-color:var(--surah-card-accent-hover)!important;outline:rgba(23,107,140,.25) solid 3px;outline-offset:3px;box-shadow:none!important}@media (max-width:767.98px){.premium-surah-grid{width:100%!important;max-width:640px!important;margin-right:auto!important;margin-left:auto!important}.premium-surah-grid>.col>.card{grid-template-rows:clamp(96px,15vw,112px) minmax(0,1fr)}.premium-surah-grid>.col>.card>.card-img-top{width:auto!important;max-width:calc(100% - 20px)!important;height:auto!important;max-height:clamp(72px,12vw,88px)!important;margin:0!important}}@media (max-width:575.98px){.premium-surah-grid>.col>.card>.card-body{min-height:132px;padding:20px!important}.premium-surah-grid>.col>.card>.card-body:not(.d-flex){column-gap:10px;row-gap:14px}.premium-surah-grid>.col>.card>.card-body.d-flex h3,.premium-surah-grid>.col>.card>.card-body:not(.d-flex)>.card-title{font-size:24px!important}.premium-surah-grid>.col>.card>.card-body>.btn{min-height:44px;padding:8px 14px!important;font-size:14px!important}.premium-surah-grid>.col>.card>.card-body.d-flex>.btn{height:44px!important;padding-top:0!important;padding-bottom:0!important}}@media (prefers-reduced-motion:reduce){.premium-surah-grid>.col>.card,.premium-surah-grid>.col>.card>.card-body>.btn{transition:none!important}}