@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes frames{0%{opacity:1}33%{opacity:.8}66%{opacity:.6}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.overlapping-cards-section{padding:80px 20px;border-radius:20px;margin:0 auto;max-width:1400px}.section-title{text-align:center;font-size:32px;margin-bottom:20px;font-weight:700}.section-description{text-align:center;margin:0 auto 50px;max-width:800px;font-size:18px;color:#000000b3}.overlapping-cards{position:relative;height:600px;width:100%;perspective:1200px;overflow:hidden;border-radius:20px;box-shadow:0 20px 40px #00000026}.overlapping-container{position:relative;width:100%;height:100%;margin:0 auto}.overlapping-card{position:absolute;width:90%;max-width:500px;height:420px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:20px;box-shadow:0 20px 40px #0003;overflow:hidden;background-color:#fff;cursor:pointer;transition:all .5s ease-out;transform-origin:center center}.card-image-container{position:relative;width:100%;height:100%;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.card-animation-image,.card-animation{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.card-content{position:absolute;bottom:0;left:0;width:100%;padding:30px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;z-index:2}.card-title{font-size:22px;font-weight:700;margin-bottom:15px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.card-btn{display:inline-block;padding:12px 25px;border-radius:30px;text-decoration:none;font-weight:700;font-size:16px;border:1px solid rgba(255,255,255,.3);transition:transform .2s ease,box-shadow .2s ease;text-align:center}.card-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.overlapping-controls{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:25px}.nav-button{width:60px;height:60px;border-radius:50%;color:#fff;border:none;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0000001a;transition:transform .2s ease}.nav-button:active{transform:scale(.95)}.indicators{display:flex;gap:12px}.indicator{width:12px;height:12px;border-radius:12px;background-color:#ddd;cursor:pointer;transition:all .3s ease}.indicator.active{width:36px;background-color:#ff7b00}.placeholder{background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#aaa}@media(max-width:1200px){.overlapping-cards-section{padding:70px 20px}.overlapping-cards{height:550px}.overlapping-card{max-width:450px;height:400px}}@media(max-width:992px){.overlapping-cards-section{padding:60px 15px}.section-title{font-size:28px}.section-description{font-size:16px;margin-bottom:40px}.overlapping-cards{height:500px}.overlapping-card{max-width:400px;height:380px}.card-title{font-size:20px}.card-btn{padding:10px 22px;font-size:15px}.nav-button{width:50px;height:50px;font-size:24px}}@media(max-width:768px){.overlapping-cards{height:400px}.overlapping-card{max-width:320px;height:320px}.card-title{font-size:16px}.card-btn{padding:8px 16px;font-size:13px}.nav-button{width:44px;height:44px;font-size:20px}}@media(max-width:480px){.overlapping-cards-section{padding:40px 10px}.overlapping-cards{height:350px}.overlapping-card{max-width:250px;height:280px}.card-content{padding:15px}.card-title{font-size:15px;margin-bottom:8px}.card-btn{padding:8px 16px;font-size:12px}.nav-button{width:40px;height:40px;font-size:18px}.indicator{width:8px;height:8px}.indicator.active{width:24px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/overlapping-cards.css.map */