/* v785 - DEALS polish (found by measuring the rendered page at 9 widths; scoped to the Deals page classes). Roll back: remove this <link>. */
/* 1) Sort box on phones: "Smart ranking" needs ~103px but got 38px at 360px wide (68px at 390), so it read "Smart ı".
      The "Filters" word is hidden on phones (icon + count stay; a later rule had brought it back) and the sort box can never shrink
      below its text - if a row is too narrow (320px) the controls simply wrap to a second line. */
#dhBar .dh-select{min-width:150px}
@media (max-width:760px){#dhBar .dh-fbtn>span{display:none}}
/* 2) "Save QAR 1,500 /mo · QAR 18,000 /yr": the strip is display:flex, so every loose word became its own column and wrapped
      ("QAR" / "1,500", "/mo ·" on a third line) in the narrow 5-per-row desktop cards. Amounts now stay whole; the line breaks only between phrases. */
.dh-save{flex-wrap:wrap;column-gap:5px;row-gap:1px}
.dh-save b{white-space:nowrap}
.dh-save i{margin-right:3px}
/* 3) Narrow NON-touch windows (a resized desktop window, the installed app on half screen): the "Top deals here" peek of a closed group
      showed as a clipped 14px sliver, because the phone rule gives it bottom padding even when it is collapsed. Same hover reveal as desktop. */
@media (max-width:760px) and (hover:hover){
  .dh-group:not(.open) .dh-peek-in{padding:0 14px!important}
  .dh-group:not(.open):hover .dh-peek-in,.dh-group:not(.open):focus-within .dh-peek-in{padding:2px 14px 14px!important}
}
/* 4) Touch tablets: the text actions (Expand / Collapse / Share top 10 / Copy) were 23px tall. */
@media (pointer:coarse){.dh-link.dh-ico{min-height:36px}}