.hmck { position: fixed; right: 16px; left: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 1000; max-width: 780px; margin: 0 auto; background: #101825; color: #fff; border: 1px solid rgba(214,186,131,0.6); border-radius: 18px; padding: 18px 20px; box-shadow: 0 18px 40px rgba(0,0,0,0.35); font-family: Heebo, Arial, sans-serif; direction: rtl; text-align: right; display: flex; gap: 18px; align-items: center; }
.hmck:focus { outline: none; }
.hmck:focus-visible { outline: 3px solid #d6ba83; outline-offset: 3px; }
.hmck-txt { flex: 1; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,0.86); }
.hmck-ttl { font-family: Rubik, Heebo, Arial, sans-serif; font-weight: 700; font-size: 15px; color: #f3daa9; margin-bottom: 2px; }
.hmck-txt a { color: #f3daa9; text-decoration: underline; display: inline; }
.hmck-btns { display: flex; gap: 8px; flex-shrink: 0; }
.hmck-btn { font-family: Rubik, Heebo, Arial, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.2; padding: 11px 22px; border-radius: 999px; cursor: pointer; border: 1.4px solid rgba(255,255,255,0.55); background: transparent; color: #fff; }
.hmck-btn.hmck-ok { background: linear-gradient(135deg, #d6ba83 0%, #d9c186 40%, #e2d4a1 75%, #f5ece3 100%); color: #101825; border-color: transparent; }
.hmck-btn:focus-visible { outline: 3px solid #d6ba83; outline-offset: 3px; }
@media (max-width: 640px) {
    .hmck { flex-direction: column; align-items: stretch; gap: 12px; right: 10px; left: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); padding: 16px; }
    .hmck-btn { flex: 1; }
}