/* XENO SHOP - Android app suggestion V4
 * Non-blocking prompt + freely draggable download button.
 */
.xeno-app-fab{
    position:fixed!important;
    right:12px!important;
    bottom:96px!important;
    left:auto!important;
    top:auto!important;
    z-index:1068!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:auto!important;
    max-width:154px!important;
    min-height:38px!important;
    padding:8px 12px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:999px!important;
    background:rgba(12,13,19,.94)!important;
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:0 8px 24px rgba(0,0,0,.30)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    font-size:.68rem!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
    opacity:.94!important;
    transform:none!important;
    cursor:grab!important;
    touch-action:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-tap-highlight-color:transparent!important;
    will-change:left,top!important;
}
.xeno-app-fab.is-dragging{
    cursor:grabbing!important;
    opacity:1!important;
    box-shadow:0 12px 30px rgba(0,0,0,.42)!important;
}
.xeno-app-fab i{color:var(--primary,#e71955)!important;font-size:.86rem!important;pointer-events:none!important}
.xeno-app-fab>span{display:inline!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;pointer-events:none!important}

/* Suggestion card never blocks the website. */
.xeno-app-prompt{
    position:fixed!important;
    inset:auto 12px auto auto!important;
    top:84px!important;
    right:12px!important;
    bottom:auto!important;
    left:auto!important;
    z-index:1095!important;
    width:min(300px,calc(100vw - 24px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
}
.xeno-app-prompt::before,.xeno-app-prompt::after{display:none!important;content:none!important}
.xeno-app-prompt.is-show{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    transform:translateY(0)!important;
}
.xeno-app-card{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    padding:11px 12px 10px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:16px!important;
    background:linear-gradient(155deg,rgba(20,21,29,.97),rgba(9,10,15,.97))!important;
    box-shadow:0 12px 32px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    pointer-events:auto!important;
}
.xeno-app-close{
    position:absolute!important;right:7px!important;top:7px!important;
    width:30px!important;height:30px!important;padding:0!important;margin:0!important;
    border:0!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#fff!important;
    display:grid!important;place-items:center!important;cursor:pointer!important;
}
.xeno-app-head{display:flex!important;align-items:center!important;gap:9px!important;padding-right:31px!important}
.xeno-app-logo{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:10px!important;object-fit:cover!important;border:1px solid rgba(255,255,255,.1)!important}
.xeno-app-title{margin:0!important;color:#fff!important;font-size:.80rem!important;line-height:1.25!important;font-weight:850!important}
.xeno-app-sub{margin:3px 0 0!important;color:rgba(255,255,255,.68)!important;font-size:.62rem!important;line-height:1.35!important}
.xeno-app-actions{display:block!important;margin-top:8px!important}
.xeno-app-download{
    min-height:36px!important;padding:7px 10px!important;border-radius:10px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    background:linear-gradient(135deg,var(--primary,#e71955),#ff315f)!important;color:#fff!important;text-decoration:none!important;
    font-size:.70rem!important;font-weight:850!important;box-shadow:none!important;
}
.xeno-app-note{margin:6px 1px 0!important;color:rgba(255,255,255,.48)!important;font-size:.56rem!important;line-height:1.3!important;text-align:center!important}
.xeno-app-en{display:none}.xeno-app-th{display:inline}
html[data-xeno-lang="en"] .xeno-app-en,html[lang="en"] .xeno-app-en{display:inline}
html[data-xeno-lang="en"] .xeno-app-th,html[lang="en"] .xeno-app-th{display:none}

@media(max-width:575px){
    .xeno-app-fab{right:10px!important;bottom:92px!important;max-width:144px!important;min-height:36px!important;padding:7px 10px!important;font-size:.65rem!important}
    .xeno-app-prompt{top:76px!important;right:10px!important;width:min(286px,calc(100vw - 20px))!important}
}