/* Huge Smart Popup Builder Pro — ek konum ve animasyon stilleri */

.hspb-pos-corner_top_left,
.hspb-pos-corner_top_right,
.hspb-pos-corner_bottom_left,
.hspb-pos-corner_bottom_right {
	padding: 20px;
}

.hspb-pos-corner_top_left { align-items: flex-start; justify-content: flex-start; }
.hspb-pos-corner_top_right { align-items: flex-start; justify-content: flex-end; }
.hspb-pos-corner_bottom_left { align-items: flex-end; justify-content: flex-start; }
.hspb-pos-corner_bottom_right { align-items: flex-end; justify-content: flex-end; }

.hspb-pos-corner_top_left .hspb-box,
.hspb-pos-corner_top_right .hspb-box,
.hspb-pos-corner_bottom_left .hspb-box,
.hspb-pos-corner_bottom_right .hspb-box {
	max-width: 360px;
	width: 100%;
}

.hspb-pos-fullscreen .hspb-box {
	width: 100vw !important;
	height: 100vh;
	max-width: 100vw !important;
	max-height: 100vh;
	border-radius: 0 !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.hspb-pos-slide_cart {
	align-items: stretch;
	justify-content: flex-end;
}

.hspb-pos-slide_cart .hspb-box {
	width: 380px;
	max-width: 100vw;
	height: 100vh;
	max-height: 100vh;
	border-radius: 0 !important;
	overflow-y: auto;
}

.hspb-anim-flip.hspb-open .hspb-box { animation: hspbFlip ease-out both; }
.hspb-anim-rotate.hspb-open .hspb-box { animation: hspbRotate ease-out both; }
.hspb-anim-elastic.hspb-open .hspb-box { animation: hspbElastic cubic-bezier(0.34, 1.56, 0.64, 1) both; }

@keyframes hspbFlip {
	from { opacity: 0; transform: perspective(800px) rotateY(90deg); }
	to { opacity: 1; transform: perspective(800px) rotateY(0); }
}
@keyframes hspbRotate {
	from { opacity: 0; transform: rotate(-15deg) scale(0.8); }
	to { opacity: 1; transform: rotate(0) scale(1); }
}
@keyframes hspbElastic {
	0% { opacity: 0; transform: scale(0.3); }
	40% { opacity: 1; transform: scale(1.1); }
	60% { transform: scale(0.95); }
	80% { transform: scale(1.03); }
	100% { transform: scale(1); }
}

@media (max-width: 600px) {
	.hspb-pos-corner_top_left .hspb-box,
	.hspb-pos-corner_top_right .hspb-box,
	.hspb-pos-corner_bottom_left .hspb-box,
	.hspb-pos-corner_bottom_right .hspb-box,
	.hspb-pos-slide_cart .hspb-box {
		width: 92vw !important;
		max-width: 92vw !important;
	}
}