.dag-slider{position:relative;width:100%;max-width:800px;height:490px;margin:0 auto 40px;display:flex;align-items:center;justify-content:center;perspective:1200px;outline:none;transition:max-width .3s ease}
.dag-slider *{box-sizing:border-box}
.dag-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.dag-card{position:absolute;top:50%;left:50%;width:326px;height:449px;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 20px 40px rgba(0,0,0,.35);transition:transform .55s cubic-bezier(.22,.68,0,1.01),opacity .55s cubic-bezier(.22,.68,0,1.01),filter .55s ease;background:#222;display:block;will-change:transform}
.dag-card img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0}
.dag-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:0;border-radius:50%;border:none;background:rgba(255,255,255,.85);color:#333;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:background .2s ease,transform .2s ease}
.dag-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.dag-arrow svg{width:18px;height:18px}
.dag-prev{left:2%}
.dag-next{right:2%}
.dag-show-arrows .dag-arrow{display:flex}
.dag-dots{position:absolute;bottom:-34px;left:0;right:0;display:none;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 10px}
.dag-show-dots .dag-dots{display:flex}
.dag-dot{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.25);border:none;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}
.dag-dot.dag-dot-active{background:#000;transform:scale(1.25)}
@media (max-width:480px){
	.dag-card{width:190px;height:230px}
	.dag-slider{height:280px}
	.dag-arrow{width:36px;height:36px}
}