/* ═══════════════════════════════════════════════════════════════════════════
 *  v111 · کیفیت صدا و تصویر، تایمر PK، و ارسال هدیه
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── ردیف گیرندهٔ هدیه (جای دو ردیف قدیمی) ── */
#gpToRow54, #gpTo109{ display:none !important }
#gt111{
  display:flex; align-items:center; gap:7px; overflow-x:auto; scrollbar-width:none;
  padding:9px 14px 10px; margin-bottom:2px; border-bottom:1px solid rgba(255,255,255,.07);
}
#gt111::-webkit-scrollbar{ display:none }
#gt111 > .l{ flex:0 0 auto; font-size:11px; font-weight:800; color:rgba(255,255,255,.45) }
#gt111 button{
  position:relative; flex:0 0 auto; display:flex; align-items:center; gap:6px; cursor:pointer;
  border:1.5px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#fff;
  border-radius:99px; padding:4px 11px 4px 4px; font-family:inherit; transition:.18s;
}
[dir="rtl"] #gt111 button{ padding:4px 4px 4px 11px }
#gt111 button .a{
  position:relative; width:28px; height:28px; border-radius:50%; overflow:hidden; flex:0 0 28px;
  display:grid; place-items:center; background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#3b1d00; font-weight:900; font-size:12px;
}
#gt111 button .a img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
#gt111 button .t{ display:flex; flex-direction:column; align-items:flex-start; line-height:1.25 }
#gt111 button .t b{ font-size:11.5px; font-weight:900; max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
#gt111 button .t small{ font-size:9px; opacity:.6; font-weight:800 }
#gt111 button.on{ background:linear-gradient(135deg,#fb923c,#f43f5e); border-color:#fecaca; box-shadow:0 4px 14px rgba(244,63,94,.45) }
#gt111 button.on .t small{ opacity:.85 }
#gt111 button.pk{ border-color:rgba(167,139,250,.6) }
#gt111 button.pk.on{ background:linear-gradient(135deg,#7c3aed,#c026d3) }
#gt111 .gt111-tick{ position:absolute; inset-inline-end:-2px; top:-2px; width:15px; height:15px; border-radius:50%; background:#22c55e; color:#fff; font-size:9px; display:none; place-items:center }
#gt111 button.on .gt111-tick{ display:grid }
#giftM49 .gp111-send{ display:flex !important; align-items:center; justify-content:center; gap:6px }
#giftM49 .gp111-send small{ font-size:10.5px; opacity:.85; font-weight:800 }
#giftM49 .gp111-busy{ opacity:.6; pointer-events:none }

/* ── تایمر PK ── */
#pk109 .pk-top{ gap:8px }
#pk109 .pk-time{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:5px;
  min-width:104px; height:38px; padding:0 14px 0 10px; border-radius:99px; direction:ltr;
  font:900 19px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.5px; color:#fff;
  background:linear-gradient(135deg,rgba(15,10,30,.92),rgba(60,20,80,.92));
  border:1.5px solid rgba(255,255,255,.22); box-shadow:0 6px 18px rgba(0,0,0,.45);
}
#pk109 .pk-time .ring{ position:absolute; inset:-3px; pointer-events:none }
#pk109 .pk-time .ring rect{ fill:none; stroke:#38bdf8; stroke-width:2.5; stroke-linecap:round; transition:stroke .4s }
#pk109 .pk-time.hot{ animation:pkT111 1s ease-in-out infinite }
#pk109 .pk-time.hot .ring rect{ stroke:#f43f5e }
#pk109 .pk-time.warn .ring rect{ stroke:#fbbf24 }
@keyframes pkT111{ 50%{ transform:scale(1.06); box-shadow:0 8px 26px rgba(244,63,94,.6) } }
#pk109.ended .pk-time{ font-size:14px; font-family:inherit }
.pk111-why{
  position:absolute; inset-inline:10px; top:54px; z-index:6; text-align:center;
  font-size:11.5px; font-weight:900; color:#fde68a; background:rgba(20,10,30,.86);
  border:1px solid rgba(253,230,138,.35); border-radius:12px; padding:6px 10px;
  animation:pk111in .3s ease both;
}
@keyframes pk111in{ from{ opacity:0; transform:translateY(-8px) } }

/* ── پنل کیفیت صدا و تصویر ── */
#aq111{ position:fixed; inset:0; z-index:10080; background:rgba(0,0,0,.6); display:flex; align-items:flex-end; justify-content:center }
.aq111-c{
  width:100%; max-width:430px; background:#191026; border-radius:22px 22px 0 0; padding:16px 16px calc(18px + env(safe-area-inset-bottom));
  animation:sheetUp .3s ease; max-height:86vh; overflow-y:auto; color:#fff;
}
.aq111-c h4{ font-size:15px; font-weight:900; margin-bottom:2px }
.aq111-c > p{ font-size:11px; color:rgba(255,255,255,.5); font-weight:700; margin-bottom:12px }
.aq111-row{ display:flex; align-items:center; gap:10px; padding:11px 2px; border-bottom:1px solid rgba(255,255,255,.07) }
.aq111-row:last-of-type{ border-bottom:0 }
.aq111-row .i{ width:34px; height:34px; border-radius:12px; display:grid; place-items:center; background:rgba(255,255,255,.08); font-size:16px; flex:0 0 34px }
.aq111-row .x{ flex:1; min-width:0 }
.aq111-row b{ display:block; font-size:12.5px; font-weight:900 }
.aq111-row small{ font-size:10px; color:rgba(255,255,255,.5); font-weight:700; line-height:1.5 }
.aq111-sw{ flex:0 0 46px; width:46px; height:27px; border-radius:99px; background:rgba(255,255,255,.16); border:0; cursor:pointer; position:relative; transition:.2s }
.aq111-sw i{ position:absolute; top:3px; inset-inline-start:3px; width:21px; height:21px; border-radius:50%; background:#fff; transition:.2s }
.aq111-sw.on{ background:linear-gradient(135deg,#22c55e,#10b981) }
.aq111-sw.on i{ inset-inline-start:22px }
.aq111-seg{ display:flex; gap:6px; margin:10px 0 4px }
.aq111-seg button{
  flex:1; border:1.5px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); color:#fff;
  border-radius:14px; padding:9px 0; font-family:inherit; font-size:11.5px; font-weight:900; cursor:pointer;
}
.aq111-seg button.on{ background:linear-gradient(135deg,#6366f1,#a855f7); border-color:rgba(255,255,255,.4) }
.aq111-note{ font-size:10px; color:rgba(255,255,255,.4); font-weight:700; line-height:1.7; margin-top:10px }
.aq111-c .close{
  width:100%; margin-top:14px; border:0; border-radius:16px; padding:13px; font-family:inherit; font-weight:900; font-size:13.5px;
  background:linear-gradient(135deg,#fb923c,#f43f5e); color:#fff; cursor:pointer;
}
.aq111-st{ font-size:10px; font-weight:800; color:#a7f3d0; margin-top:8px; min-height:14px }