.netp-3d-carousel{background:#fff0;color:#fff;padding:0;overflow:hidden;position:relative;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(var(--min-width, 300px), 90vw, var(--max-width, 1200px));max-width:100%;margin:15px auto;perspective:var(--perspective,1600px)}.carousel-container{width:100%;max-width:var(--max-width,1200px);perspective:var(--perspective,1600px);position:relative;display:flex;justify-content:center;align-items:center;cursor:grab;touch-action:pan-y}.carousel-container:active{cursor:grabbing}.carousel-item{width:var(--card-width,250px);max-height:var(--card-height,450px);background-color:#333;border-radius:var(--card-border-radius,15px);overflow:hidden;position:absolute;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 20px 60px rgb(0 0 0 / .5);display:flex;flex-direction:column;justify-content:flex-end;font-family:sans-serif;font-size:1.1em;text-align:left;will-change:transform}.carousel-item img,.carousel-item video{width:100%;height:auto;max-height:calc(var(--card-height, 450px) - 50px);object-fit:cover;border-radius:var(--card-border-radius,15px) var(--card-border-radius,15px) 0 0;z-index:1}.carousel-item .card-content{padding:15px;position:relative;z-index:2;background:linear-gradient(to top,rgb(0 0 0 / .7) 0%,#fff0 50%);min-height:50px}.carousel-item h3{margin:0;font-size:1.1em;font-weight:700;color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .4)}.nav-arrow{display:none}@media (max-width:768px){.netp-3d-carousel{width:clamp(calc(var(--min-width, 300px) * 0.9), 95vw, calc(var(--max-width, 1200px) * 0.9));min-height:220px;padding:10px;margin:15px auto;perspective:var(--perspective,1000px)}.carousel-container{perspective:var(--perspective,1000px)}.carousel-item{width:calc(var(--card-width, 250px) * 0.8);max-height:calc(var(--card-height, 450px) * 0.8);box-shadow:0 15px 40px rgb(0 0 0 / .4)}.carousel-item img,.carousel-item video{max-height:calc(var(--card-height, 450px) * 0.8 - 40px);object-fit:cover}.carousel-item .card-content{padding:12px;min-height:40px}.carousel-item h3{font-size:.95em}}@media (max-width:480px){.netp-3d-carousel{width:clamp(calc(var(--min-width, 300px) * 0.85), 98vw, calc(var(--max-width, 1200px) * 0.85));min-height:130px;padding:8px;margin:10px auto}.carousel-item{width:calc(var(--card-width, 250px) * 0.75);max-height:calc(var(--card-height, 450px) * 0.75);box-shadow:0 10px 30px rgb(0 0 0 / .3)}.carousel-item img,.carousel-item video{max-height:calc(var(--card-height, 450px) * 0.75 - 30px)}.carousel-item .card-content{padding:10px;min-height:30px}.carousel-item h3{font-size:.85em}}@media (max-width:360px){.netp-3d-carousel{width:clamp(calc(var(--min-width, 300px) * 0.8), 98vw, calc(var(--max-width, 1200px) * 0.8));min-height:160px;padding:5px;margin:8px auto}.carousel-item{width:calc(var(--card-width, 250px) * 0.7);max-height:calc(var(--card-height, 450px) * 0.7)}.carousel-item img,.carousel-item video{max-height:calc(var(--card-height, 450px) * 0.7 - 25px)}.carousel-item .card-content{padding:8px;min-height:25px}.carousel-item h3{font-size:.8em}}