/* Responsive dhikr: stay within the Pomodoro card at every viewport width. */
.pomo-dhikr,
.pomo-dhikr.pomo-dhikr-small {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
  padding: 12px 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  direction: rtl;
  gap: 5px;
}
.pomo-dhikr.pomo-dhikr-small {min-height: 68px; margin-block: 10px 14px; padding: 10px 12px;}
.pomo-dhikr .pomo-dhikr-label,
.pomo-dhikr p,
.pomo-dhikr a,
.pomo-dhikr small {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.pomo-dhikr p {font-size: clamp(12px, 1.2vw, 16px);line-height: 1.7;}
.pomo-dhikr.pomo-dhikr-small p {font-size: clamp(12px, 1vw, 14px);line-height: 1.65;}
.pomo-dhikr .pomo-dhikr-label {font-size: 11px;line-height: 1.5;}
@media(max-width: 600px){.pomo-dhikr p,.pomo-dhikr.pomo-dhikr-small p{font-size:13px}}