/* SmartPopup Client - Public Styles */

/* === OVERLAY (Modal) === */
.spc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;opacity:0;transition-property:opacity;transition-timing-function:ease;}
.spc-overlay.spc-active{display:flex;opacity:1;}
.spc-overlay.spc-hiding{opacity:0;}
.spc-pos-center{align-items:center;justify-content:center;}
.spc-pos-top-center{align-items:flex-start;justify-content:center;padding-top:40px;}
.spc-pos-bottom-center{align-items:flex-end;justify-content:center;padding-bottom:40px;}
.spc-pos-top-left{align-items:flex-start;justify-content:flex-start;padding:40px;}
.spc-pos-top-right{align-items:flex-start;justify-content:flex-end;padding:40px;}
.spc-pos-bottom-left{align-items:flex-end;justify-content:flex-start;padding:40px;}
.spc-pos-bottom-right{align-items:flex-end;justify-content:flex-end;padding:40px;}
.spc-popup{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
.spc-popup:focus{outline:2px solid #2271b1;outline-offset:2px;}
body.spc-popup-open{overflow:hidden;}

/* === ANIMATIONS === */
.spc-anim-fade .spc-popup{opacity:0;transition:opacity ease;}.spc-anim-fade.spc-active .spc-popup{opacity:1;}.spc-anim-fade.spc-hiding .spc-popup{opacity:0;}
.spc-anim-slideDown .spc-popup{opacity:0;transform:translateY(-50px);transition:opacity ease,transform ease;}.spc-anim-slideDown.spc-active .spc-popup{opacity:1;transform:translateY(0);}.spc-anim-slideDown.spc-hiding .spc-popup{opacity:0;transform:translateY(-50px);}
.spc-anim-slideUp .spc-popup{opacity:0;transform:translateY(50px);transition:opacity ease,transform ease;}.spc-anim-slideUp.spc-active .spc-popup{opacity:1;transform:translateY(0);}.spc-anim-slideUp.spc-hiding .spc-popup{opacity:0;transform:translateY(50px);}
.spc-anim-zoom .spc-popup{opacity:0;transform:scale(.7);transition:opacity ease,transform cubic-bezier(.175,.885,.32,1.275);}.spc-anim-zoom.spc-active .spc-popup{opacity:1;transform:scale(1);}.spc-anim-zoom.spc-hiding .spc-popup{opacity:0;transform:scale(.7);}
.spc-anim-bounce .spc-popup{opacity:0;transform:scale(.3);transition:opacity ease,transform cubic-bezier(.68,-.55,.265,1.55);}.spc-anim-bounce.spc-active .spc-popup{opacity:1;transform:scale(1);}.spc-anim-bounce.spc-hiding .spc-popup{opacity:0;transform:scale(.3);}

/* === FIXED BAR === */
.spc-bar{transform:translateY(100%);}
.spc-bar-top{transform:translateY(-100%);}
.spc-bar.spc-active{transform:translateY(0);}
.spc-bar.spc-hiding{transform:translateY(100%);}
.spc-bar-top.spc-hiding{transform:translateY(-100%);}
.spc-bar-content{overflow:hidden;text-overflow:ellipsis;}
.spc-bar-content p{margin:0;}

/* === FLOATING BUTTON === */
.spc-fab-wrap{position:fixed;}
.spc-fab-btn{position:relative;}
@keyframes spc-pulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.4);}70%{box-shadow:0 0 0 15px rgba(99,102,241,0);}100%{box-shadow:0 0 0 0 rgba(99,102,241,0);}}
.spc-fab-pulse{animation:spc-pulse 2s infinite;}
.spc-fab-panel{position:absolute;}

/* === CTA BUTTON === */
.spc-cta-btn:hover{opacity:.9;}

/* === IMAGE SLIDER === */
.spc-slider{position:relative;overflow:hidden;border-radius:8px;margin-bottom:12px;max-height:60vh;}
.spc-slider-track{display:flex;flex-wrap:nowrap;transition:transform .35s ease;}
.spc-slider-slide{width:100%;min-width:100%;max-width:100%;flex:0 0 100%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;}
.spc-slider-slide img{display:block;width:100%;max-height:55vh;}
.spc-slider-slide a{display:block;width:100%;line-height:0;}
.spc-slider-prev,.spc-slider-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;padding:0;}
.spc-slider-prev:hover,.spc-slider-next:hover{background:rgba(0,0,0,.8);}
.spc-slider-prev{left:8px;}.spc-slider-next{right:8px;}
.spc-slider-dots{text-align:center;padding:8px 0 4px;display:flex;justify-content:center;gap:6px;}
.spc-slider-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:background .2s,transform .2s;}
.spc-slider-dot.active{background:#fff;transform:scale(1.3);}

/* === CONTENT === */
.spc-content img{max-width:100%;height:auto;}
.spc-content p:last-child{margin-bottom:0;}

/* === RESPONSIVE === */
@media(max-width:768px){.spc-overlay{padding:16px !important;}.spc-popup{max-height:85vh !important;}.spc-bar{font-size:13px;}}