/* انیمیشن - اول */
@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* استایل اصلی پاپ‌آپ - دوم */
.popup {
    /* موقعیت و ابعاد */
    position: fixed;
    left: 0;
    bottom: 60px;
    width: 100%;
    max-height: calc(80vh - 60px);
    overflow-y: auto;
    /* ظاهر */
    padding: 30px 15px;
    background: linear-gradient(136deg, rgb(196 206 227 / 2%) 0%, rgb(213 220 255 / 25%) 100%);
    background-color: rgb(232 239 243 / 43%);
    backdrop-filter: blur(8px);
    /* حاشیه و سایه */
    border-top: 1px solid #dee2e2;
    border-bottom: 1px solid #dee2e2;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    /* لایه */
    z-index: 1;
    /* حالت اولیه */
  
    /* انیمیشن */
    animation: fade-in 0.2s ease-in;
}

/* مقدار bottom پیش‌فرض */
.popup {
    bottom: 60px;
}