.telescope-section{background-color:#0a1c3b;background-image:linear-gradient(to bottom,#0a1c3be6,#0a1c3b);color:#fff;padding:60px 20px;text-align:center;position:relative;overflow:hidden}.telescope-header{position:relative;z-index:1}.telescope-header h1{font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:8px 0 3px;color:#e6f0ff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.telescope-header p{font-size:2.3rem;font-weight:300;color:#a3c1e0;margin:0 0 20px}.telescope-content{position:relative;z-index:1;padding:40px 0panels}.telescope-image{max-width:100%;height:calc(100% - 40px);margin:0 auto;display:block;position:absolute;z-index:2;pointer-events:none;opacity:.4;top:50%;bottom:50%;left:50%;right:50%;transform:translate(-50%,-50%)}.panels{display:flex;justify-content:center;flex-wrap:nowrap;gap:10px;position:relative;z-index:1;padding:30px 21px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.panel:first-child{margin-left:20px}.panel{background-color:#ffffff1a;border-radius:10px;min-width:180px;min-height:380px;text-align:center;position:relative;background-repeat:no-repeat;z-index:-1;text-decoration:none;transition:zoom .5s ease-in-out,filter .5s ease-in-out!important}.panel:hover{filter:contrast(1.3) brightness(1.3)}.panel:after{background:inherit;position:absolute;content:"";filter:blur(15px) saturate(1.5);width:100%;height:100%;scale:1;left:0;top:0;z-index:-2}.panel h2{font-size:1.6rem;font-weight:500;text-decoration:none;color:#e6f0ff;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.2);z-index:2}.panel img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 2px 5px #0000004d;position:absolute;top:0;left:0;z-index:-1}.button{display:inline-block;padding:14px 32px;background:linear-gradient(to bottom,#0b0f1a,#0f1624);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-align:center;text-decoration:none;box-shadow:0 0 10px #0009;transition:all .3s ease}@media (max-width: 1024px){.telescope-header h1{font-size:3.2rem}.telescope-header p{font-size:1.4rem}.panels{justify-content:start}.telescope-image{display:none}}@media (max-width: 768px){.telescope-section{padding:40px 15px}.telescope-content{padding:20px 0}.telescope-image{max-width:90%}.panels{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/telescope-features.css.map */