/* Zeshan Packages — carousel (uses theme tokens: --surface, --line, --teal, etc.) */
.zpkg-carousel{position:relative;padding:0 8px}
.zpkg-viewport{overflow:hidden;border-radius:18px}
.zpkg-track{display:flex;gap:22px;will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.zpkg-track.zpkg-dragging{transition:none}
.zpkg-slide{flex:0 0 calc((100% - 44px) / 3);min-width:0}
.zpkg-slide .price-card{height:100%}

/* Arrows */
.zpkg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;
	background:var(--surface,#111820);border:1px solid var(--line,#1e2a33);color:var(--ink,#e9f1f4);
	display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;box-shadow:0 10px 26px -10px rgba(0,0,0,.6)}
.zpkg-arrow:hover{border-color:var(--teal,#2dd4bf);color:var(--teal,#2dd4bf);transform:translateY(-50%) scale(1.06)}
.zpkg-arrow svg{width:20px;height:20px}
.zpkg-prev{left:-10px}
.zpkg-next{right:-10px}
.zpkg-arrow[disabled]{opacity:.35;cursor:default;pointer-events:none}

/* Dots */
.zpkg-dots{display:flex;justify-content:center;gap:8px;margin-top:26px}
.zpkg-dot{width:8px;height:8px;border-radius:50%;background:var(--line,#1e2a33);border:0;cursor:pointer;transition:.25s;padding:0}
.zpkg-dot.is-active{width:26px;border-radius:5px;background:var(--teal,#2dd4bf)}

@media(max-width:900px){
	.zpkg-slide{flex-basis:calc((100% - 22px) / 2)}
	.zpkg-prev{left:-4px}.zpkg-next{right:-4px}
}
@media(max-width:600px){
	.zpkg-slide{flex-basis:100%}
	.zpkg-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){
	.zpkg-track{transition:none}
}