/* FaceFrame Product Alerts — Unified Mobile Bell V0.5.0
   Desktop intentionally untouched. */
@media (max-width:1024px){
    body.ffpa-mobile-unified-v050 #ffpa-restock-live,
    body.ffpa-mobile-unified-v050 #ffpa-price-simple-live,
    body.ffpa-mobile-unified-v050 #ffpa-price-variable-live,
    body.ffpa-mobile-unified-v050 #ffpa-mobile-oos-picker{
        display:none!important;
    }

    .ffpa-mobile-alert-bell-v050{
        position:fixed!important;
        z-index:100145!important;
        width:42px!important;
        height:42px!important;
        margin:0!important;
        padding:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        border:1px solid rgba(16,103,144,.18)!important;
        border-radius:14px!important;
        background:linear-gradient(145deg,#FFFFFF 0%,#F1F9FC 100%)!important;
        color:#0D6A95!important;
        box-shadow:0 8px 22px rgba(0,73,108,.17)!important;
        cursor:pointer!important;
        outline:0!important;
        -webkit-tap-highlight-color:transparent!important;
    }
    .ffpa-mobile-alert-bell-v050[hidden]{display:none!important}
    .ffpa-mobile-alert-bell-icon{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:24px!important;
        height:24px!important;
        transform-origin:50% 20%!important;
    }
    .ffpa-mobile-alert-bell-icon svg{
        width:21px!important;
        height:21px!important;
        fill:none!important;
        stroke:currentColor!important;
        stroke-width:1.85!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
    }
    .ffpa-mobile-alert-dot{
        position:absolute!important;
        top:5px!important;
        right:5px!important;
        width:7px!important;
        height:7px!important;
        border:2px solid #fff!important;
        border-radius:99px!important;
        background:#D979A9!important;
        box-sizing:content-box!important;
    }
    .ffpa-mobile-alert-bell-v050.is-registered .ffpa-mobile-alert-dot{background:#2DA778!important}
    .ffpa-mobile-alert-bell-v050.is-attention .ffpa-mobile-alert-bell-icon{
        animation:ffpaBellAttention .58s ease-in-out 0s 3!important;
    }
    @keyframes ffpaBellAttention{
        0%,100%{transform:rotate(0)}
        20%{transform:rotate(13deg)}
        40%{transform:rotate(-11deg)}
        60%{transform:rotate(8deg)}
        80%{transform:rotate(-5deg)}
    }

    .ffpa-mobile-alert-overlay-v050{
        position:fixed!important;
        inset:0!important;
        z-index:100180!important;
        background:rgba(9,30,41,.32)!important;
        backdrop-filter:blur(2px)!important;
        opacity:0!important;
        transition:opacity .18s ease!important;
    }
    .ffpa-mobile-alert-overlay-v050[hidden]{display:none!important}
    .ffpa-mobile-alert-overlay-v050.is-open{opacity:1!important}

    .ffpa-mobile-alert-sheet-v050{
        position:fixed!important;
        z-index:100190!important;
        left:50%!important;
        bottom:0!important;
        width:min(100%,430px)!important;
        max-height:min(76vh,650px)!important;
        margin:0!important;
        padding:0 0 max(12px,env(safe-area-inset-bottom))!important;
        transform:translate(-50%,105%)!important;
        transition:transform .2s ease!important;
        overflow:hidden!important;
        border:1px solid #DFE9EE!important;
        border-bottom:0!important;
        border-radius:22px 22px 0 0!important;
        background:#fff!important;
        color:#203C49!important;
        box-shadow:0 -20px 50px rgba(0,48,72,.17)!important;
        direction:rtl!important;
        font-family:inherit!important;
    }
    .ffpa-mobile-alert-sheet-v050[hidden]{display:none!important}
    .ffpa-mobile-alert-sheet-v050.is-open{transform:translate(-50%,0)!important}
    .ffpa-mobile-sheet-handle{
        width:38px!important;height:4px!important;margin:8px auto 3px!important;
        border-radius:99px!important;background:#D5E2E8!important;
    }
    .ffpa-mobile-sheet-head{
        display:flex!important;align-items:flex-start!important;gap:12px!important;
        padding:11px 16px 12px!important;border-bottom:1px solid #EEF3F5!important;
    }
    .ffpa-mobile-sheet-head>div{flex:1!important;min-width:0!important}
    .ffpa-mobile-sheet-head strong{
        display:block!important;color:#174D65!important;font-size:13px!important;
        font-weight:900!important;line-height:1.7!important;
    }
    .ffpa-mobile-sheet-head span{
        display:block!important;margin-top:1px!important;color:#78909B!important;
        font-size:9.7px!important;line-height:1.8!important;
    }
    .ffpa-mobile-sheet-close{
        flex:0 0 30px!important;width:30px!important;height:30px!important;
        margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;
        background:#F2F7F9!important;color:#527281!important;font-family:Arial,sans-serif!important;
        font-size:22px!important;line-height:30px!important;cursor:pointer!important;
    }
    .ffpa-mobile-sheet-body{
        max-height:calc(min(76vh,650px) - 86px)!important;
        overflow:auto!important;padding:13px 14px 6px!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .ffpa-mobile-alert-loading,.ffpa-mobile-alert-empty{
        padding:22px 10px!important;text-align:center!important;color:#708792!important;
        font-size:10.5px!important;line-height:1.9!important;
    }
    .ffpa-mobile-alert-choices{display:grid!important;gap:9px!important}
    .ffpa-mobile-alert-choice{
        display:flex!important;width:100%!important;min-height:68px!important;
        align-items:center!important;gap:10px!important;margin:0!important;padding:10px 11px!important;
        border:1px solid #DFE9EE!important;border-radius:14px!important;background:#fff!important;
        color:#244B5D!important;font-family:inherit!important;text-align:right!important;
        box-shadow:none!important;cursor:pointer!important;
    }
    .ffpa-mobile-alert-choice.is-price{
        border-color:#EBCFE0!important;
        background:linear-gradient(135deg,#FFF 0%,#FFF7FB 100%)!important;
    }
    .ffpa-mobile-alert-choice.is-stock{
        border-color:#CFE4ED!important;
        background:linear-gradient(135deg,#FFF 0%,#F5FBFD 100%)!important;
    }
    .ffpa-mobile-alert-choice.is-disabled{opacity:.54!important;cursor:default!important}
    .ffpa-choice-icon{
        display:flex!important;flex:0 0 38px!important;width:38px!important;height:38px!important;
        align-items:center!important;justify-content:center!important;border-radius:12px!important;
    }
    .is-price .ffpa-choice-icon{background:#FCECF5!important;color:#B8578A!important}
    .is-stock .ffpa-choice-icon{background:#EAF7FB!important;color:#14749A!important}
    .ffpa-choice-icon svg,.ffpa-mobile-form-title>span svg{
        width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;
        stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
    }
    .ffpa-choice-copy{flex:1!important;min-width:0!important}
    .ffpa-choice-copy strong{
        display:block!important;font-size:11.2px!important;font-weight:900!important;line-height:1.7!important;
    }
    .ffpa-choice-copy small{
        display:block!important;margin-top:1px!important;color:#738A95!important;
        font-size:9.4px!important;line-height:1.75!important;font-weight:600!important;
    }
    .ffpa-choice-arrow{flex:0 0 auto!important;color:#8BA3AE!important;font-size:20px!important;line-height:1!important}
    .ffpa-mobile-alert-note{
        margin:10px 2px 0!important;color:#8A9DA6!important;font-size:8.8px!important;
        line-height:1.8!important;text-align:center!important;
    }

    .ffpa-mobile-form-back{
        margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;
        color:#19749A!important;font-family:inherit!important;font-size:9.5px!important;
        font-weight:800!important;cursor:pointer!important;
    }
    .ffpa-mobile-form-title{
        display:flex!important;align-items:center!important;gap:9px!important;
        margin:0 0 11px!important;padding:9px 10px!important;border-radius:13px!important;
    }
    .ffpa-mobile-form-title.is-price{background:#FFF5FA!important;color:#A94D7F!important}
    .ffpa-mobile-form-title.is-stock{background:#EFF9FC!important;color:#116F96!important}
    .ffpa-mobile-form-title>span{
        display:flex!important;width:34px!important;height:34px!important;align-items:center!important;
        justify-content:center!important;flex:0 0 34px!important;border-radius:11px!important;background:#fff!important;
    }
    .ffpa-mobile-form-title strong{
        display:block!important;font-size:11px!important;font-weight:900!important;line-height:1.6!important;
    }
    .ffpa-mobile-form-title small{
        display:block!important;margin-top:1px!important;color:#718994!important;
        font-size:9px!important;line-height:1.7!important;font-weight:600!important;
    }
    .ffpa-mobile-alert-form{display:grid!important;gap:9px!important;margin:0!important}
    .ffpa-mobile-alert-phone{
        width:100%!important;height:42px!important;margin:0!important;padding:0 12px!important;
        border:1px solid #D8E5EA!important;border-radius:11px!important;background:#fff!important;
        color:#203C49!important;font-family:inherit!important;font-size:12px!important;
        direction:ltr!important;text-align:left!important;outline:0!important;box-shadow:none!important;
        box-sizing:border-box!important;
    }
    .ffpa-mobile-alert-phone:focus{border-color:#8FC4DA!important}
    .ffpa-mobile-alert-consent{
        display:flex!important;align-items:flex-start!important;gap:7px!important;margin:0!important;
        color:#6D838E!important;font-size:9px!important;line-height:1.8!important;
    }
    .ffpa-mobile-alert-consent input{margin:3px 0 0!important;flex:0 0 auto!important}
    .ffpa-mobile-alert-submit{
        height:42px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:11px!important;
        color:#fff!important;font-family:inherit!important;font-size:10.5px!important;font-weight:900!important;cursor:pointer!important;
    }
    .ffpa-mobile-alert-submit.is-price{background:linear-gradient(90deg,#0A75A6 0%,#D177AE 100%)!important}
    .ffpa-mobile-alert-submit.is-stock{background:#0B739C!important}
    .ffpa-mobile-alert-submit:disabled{opacity:.55!important;cursor:default!important}
    .ffpa-mobile-alert-result{
        min-height:0!important;margin:9px 1px 0!important;font-size:9.5px!important;line-height:1.85!important;
    }
    .ffpa-mobile-alert-result.is-ok{color:#197457!important}
    .ffpa-mobile-alert-result.is-error{color:#A33A50!important}

    .ffpa-mobile-oos-label{
        margin:0 1px 7px!important;color:#55717E!important;font-size:9.5px!important;
        font-weight:800!important;line-height:1.7!important;
    }
    .ffpa-mobile-oos-grid{
        display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;margin:0 0 11px!important;
    }
    .ffpa-mobile-oos-chip{display:block!important;margin:0!important;cursor:pointer!important;min-width:0!important}
    .ffpa-mobile-oos-chip input{position:absolute!important;opacity:0!important;pointer-events:none!important}
    .ffpa-mobile-oos-chip span{
        display:flex!important;min-height:48px!important;flex-direction:column!important;justify-content:center!important;
        gap:2px!important;padding:7px 8px!important;border:1px solid #DDE7EB!important;border-radius:11px!important;
        background:#F9FBFC!important;color:#3E5F6E!important;box-sizing:border-box!important;
        transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
    }
    .ffpa-mobile-oos-chip b{
        display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
        font-size:9.5px!important;font-weight:850!important;line-height:1.5!important;
    }
    .ffpa-mobile-oos-chip em{
        display:inline-block!important;width:max-content!important;padding:1px 5px!important;border-radius:99px!important;
        background:#FCECF0!important;color:#B55B70!important;font-size:7.5px!important;font-style:normal!important;
        font-weight:800!important;line-height:1.6!important;
    }
    .ffpa-mobile-oos-chip input:checked+span{
        border-color:#72B5D1!important;background:#EEF8FC!important;
        box-shadow:0 0 0 2px rgba(38,133,173,.08)!important;
    }
    .ffpa-mobile-oos-chip input:checked+span:before{
        content:'✓ انتخاب شد'!important;display:block!important;margin-bottom:1px!important;
        color:#0D7199!important;font-size:7.5px!important;font-weight:900!important;line-height:1.4!important;
    }

    html.ffpa-alert-sheet-open,body.ffpa-alert-sheet-open{overflow:hidden!important}
}
@media (max-width:1024px) and (prefers-reduced-motion:reduce){
    .ffpa-mobile-alert-bell-v050.is-attention .ffpa-mobile-alert-bell-icon{animation:none!important}
    .ffpa-mobile-alert-sheet-v050,.ffpa-mobile-alert-overlay-v050{transition:none!important}
}
@media (min-width:1025px){
    .ffpa-mobile-alert-bell-v050,
    .ffpa-mobile-alert-overlay-v050,
    .ffpa-mobile-alert-sheet-v050{display:none!important}
}