@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */

.cosmosfarm-simple-popup-background-before { display: none; }
.cosmosfarm-simple-popup-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; transition: 0.5s; }
.cosmosfarm-simple-popup-background.active { opacity: 1; z-index: 99997; }
/* Global Popup Transitions */
.cosmosfarm-simple-popup-layout { opacity: 0; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.cosmosfarm-simple-popup-layout.active { opacity: 1; }

/* Entry Animations */
.ani-fade-in { transform: scale(0.95); }
.ani-fade-in.active { transform: scale(1); }

.ani-slide-up { transform: translateY(40px); }
.ani-slide-up.active { transform: translateY(0); }

.ani-slide-down { transform: translateY(-40px); }
.ani-slide-down.active { transform: translateY(0); }

.ani-slide-left { transform: translateX(40px); }
.ani-slide-left.active { transform: translateX(0); }

.ani-slide-right { transform: translateX(-40px); }
.ani-slide-right.active { transform: translateX(0); }

/* Bottom Sheet (Mobile) */
.cosmosfarm-simple-popup-layout.bottom-sheet { border-radius: 24px 24px 0 0 !important; box-shadow: 0 -8px 30px rgba(0,0,0,0.15) !important; overflow: hidden; }
.cosmosfarm-simple-popup-layout.bottom-sheet .cosmosfarm-simple-popup-content { padding-bottom: env(safe-area-inset-bottom); }

/* Full-screen Modal Mode */
.cosmosfarm-simple-popup-layout.is-full-screen { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; margin: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; display: flex !important; align-items: center; justify-content: center; z-index: 99998 !important; pointer-events: none; }
.cosmosfarm-simple-popup-layout.is-full-screen.active { pointer-events: auto; }
.cosmosfarm-simple-popup-layout.is-full-screen .cosmosfarm-simple-popup-container { position: relative; max-width: 90%; max-height: 90%; background: #fff; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: auto; }
.cosmosfarm-simple-popup-layout.is-full-screen .cosmosfarm-simple-popup-close-button { position: fixed; top: 30px; right: 30px; width: 44px; height: 44px; background: rgba(0,0,0,0.5); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; cursor: pointer; transition: 0.3s; z-index: 99999; }
.cosmosfarm-simple-popup-layout.is-full-screen .cosmosfarm-simple-popup-close-button:hover { background: rgba(0,0,0,0.8); transform: rotate(90deg); }
.cosmosfarm-simple-popup-layout.fullscreen.fullscreen-mode.is-full-screen { display: block !important; align-items: initial !important; justify-content: initial !important; pointer-events: auto; }

/* Body Lock when Full-screen open */
body.cosmosfarm-simple-popup-lock { overflow: hidden !important; touch-action: none; }

/* Global Responsive Utils */
.cosmosfarm-simple-popup-layout img { max-width: 100%; height: auto; display: block; }
@media screen and (max-width: 768px) { .cosmosfarm-simple-popup-layout { max-width: calc(100% - 30px) !important; } }