.mominly-duas {
    --mominly-accent: #087f5b;
    --mominly-border: #dfe7e3;
    --mominly-muted: #5f6b66;
    color: #17211d;
    font-family: inherit;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
}

.mominly-duas__page-intro { margin: 0 0 24px; padding: 24px; border-radius: 5px; background: #135e96; color: #fff; text-align: center; }
.mominly-duas .mominly-duas__page-intro .mominly-duas__heading { margin: 0 0 10px; color: #fff !important; font-weight: 700; line-height: 1.2; text-align: center; }
.mominly-duas__page-intro p { max-width: 760px; margin: 0 auto; color: #fff !important; font-size: 16px; line-height: 1.6; }
.mominly-duas__controls { display: flex; align-items: flex-end; gap: 1rem; flex-wrap: wrap; margin: 0 0 1.5rem; padding: 1rem; border: 1px solid var(--mominly-border); border-radius: 5px; background: #f8fbf9; }
.mominly-duas__controls label { position: relative; flex: 1 1 260px; margin: 0; }
.mominly-duas__controls label::after { content: ""; position: absolute; right: 1rem; bottom: 1.05rem; width: .55rem; height: .55rem; border-right: 2px solid var(--mominly-accent); border-bottom: 2px solid var(--mominly-accent); transform: rotate(45deg); pointer-events: none; }
.mominly-duas__control-title { display: block; margin: 0 0 .45rem; color: #33443d; font-size: .85rem; font-weight: 700; letter-spacing: .02em; line-height: 1.3; }
.mominly-duas__controls [hidden] { display: none; }
.mominly-duas__controls select { appearance: none; -webkit-appearance: none; width: 100%; min-height: 50px; margin: 0; padding: .75rem 2.75rem .75rem 1rem; border: 1px solid #b9cbc3; border-radius: 5px; outline: 0; background: #fff; color: #17211d; box-shadow: 0 1px 2px rgba(24, 62, 47, .04); cursor: pointer; font-family: inherit; font-size: 1rem; font-weight: 500; line-height: 1.4; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.mominly-duas__controls select:hover { border-color: var(--mominly-accent); background-color: #fcfffd; }
.mominly-duas__controls select:focus,
.mominly-duas__controls select:focus-visible { border-color: var(--mominly-accent); box-shadow: 0 0 0 3px rgba(8, 127, 91, .16); }
.mominly-duas__list { display: grid; gap: 1rem; }
.mominly-dua { padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--mominly-border); border-radius: 5px; background: #fff; box-shadow: 0 3px 14px rgba(24, 62, 47, .05); }
.mominly-dua[hidden] { display: none; }
.mominly-duas .mominly-dua__title { margin: 0; color: var(--mominly-accent); font-family: var(--mominly-heading-font, inherit) !important; font-size: var(--mominly-heading-size, 1.15rem) !important; }
.mominly-dua__arabic-title { color: inherit; font-family: var(--mominly-arabic-font); font-size: .95em; unicode-bidi: isolate; }
.mominly-duas .mominly-dua__arabic { margin: 1.1rem 0; font-family: var(--mominly-arabic-font, "Noto Naskh Arabic", serif) !important; font-size: var(--mominly-arabic-size, 2.1rem) !important; line-height: 2; text-align: right; }
.mominly-dua__transliteration { color: var(--mominly-muted); font-style: italic; line-height: 1.65; }
.mominly-dua__translation { line-height: 1.65; }
.mominly-dua__meta,
.mominly-dua__reference { margin-top: .75rem; font-size: .9rem; line-height: 1.55; color: var(--mominly-muted); }
.mominly-duas__empty { padding: 1rem; text-align: center; color: var(--mominly-muted); }
.mominly-duas__empty[hidden] { display: none; }

@media (prefers-color-scheme: dark) {
    .mominly-duas.mominly-duas--auto-dark { color: #edf4f0; }
}

@media (max-width: 520px) {
    .mominly-duas__page-intro { padding: 20px; }
    .mominly-duas__controls { gap: .85rem; padding: .85rem; }
    .mominly-duas__controls label { flex-basis: 100%; }
    .mominly-duas__controls select { min-height: 48px; font-size: 16px; }
}