/* Salott-IT — Cart Recovery Banner — Phase 6 / LOT 15.4 */
#cartRecoveryBanner{
    position:fixed;
    left:50%;
    top:88px;
    transform:translateX(-50%);
    z-index:9996;
    background:#fff;
    border:2px solid #f4821e;
    border-radius:14px;
    box-shadow:0 12px 40px rgba(11,37,89,0.18);
    max-width:calc(100% - 32px);
    width:auto;
    animation:crSlideIn .35s cubic-bezier(.4,1.6,.4,1);
    transition:opacity .3s, transform .3s;
}
#cartRecoveryBanner.cr-hide{opacity:0;transform:translateX(-50%) translateY(-20px)}
#cartRecoveryBanner .cr-inner{display:flex;align-items:center;gap:14px;padding:12px 18px}
#cartRecoveryBanner .cr-icon{font-size:1.6rem;color:#f4821e;flex-shrink:0}
#cartRecoveryBanner .cr-text{display:flex;flex-direction:column;gap:2px;min-width:0}
#cartRecoveryBanner .cr-text strong{font-size:0.92rem;color:#0b2559;font-weight:700;line-height:1.3}
#cartRecoveryBanner .cr-text small{font-size:0.78rem;color:#64748b;line-height:1.3}
#cartRecoveryBanner .cr-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:linear-gradient(135deg,#f4821e,#e55a25);color:#fff;font-weight:700;font-size:0.85rem;text-decoration:none;border-radius:50px;white-space:nowrap;transition:transform .2s, box-shadow .2s}
#cartRecoveryBanner .cr-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(244,130,30,0.35);color:#fff}
#cartRecoveryBanner .cr-close{background:none;border:none;color:#94a3b8;font-size:1.4rem;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}
#cartRecoveryBanner .cr-close:hover{color:#0b2559}
@keyframes crSlideIn{
    from{opacity:0;transform:translateX(-50%) translateY(-30px)}
    to{opacity:1;transform:translateX(-50%) translateY(0)}
}
@media(max-width:640px){
    #cartRecoveryBanner{top:72px;left:8px;right:8px;transform:none;max-width:none}
    #cartRecoveryBanner.cr-hide{transform:translateY(-20px)}
    @keyframes crSlideIn{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
    #cartRecoveryBanner .cr-inner{padding:10px 12px;gap:10px}
    #cartRecoveryBanner .cr-text strong{font-size:0.85rem}
    #cartRecoveryBanner .cr-text small{display:none}
    #cartRecoveryBanner .cr-btn{padding:7px 12px;font-size:0.78rem}
}