.product-detail{width:100%;min-height:100vh;background:linear-gradient(135deg,#020615,#000),repeating-linear-gradient(-45deg,#19191a,rgba(0,136,255,.2196078431372549) 4px,rgba(0,0,0,.10980392156862745) 0,rgba(0,0,0,.10980392156862745) 24px);background-blend-mode:overlay}.banner{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.banner-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(2,6,21,.85),rgba(2,6,21,.6) 50%,rgba(0,136,255,.2));z-index:2}.banner-content{position:relative;z-index:3;text-align:center;padding:0 20px}.banner-content h1{font-size:72px;font-weight:700;color:#fff;margin:0 0 24px 0;letter-spacing:8px;text-shadow:0 0 40px rgba(0,136,255,.5)}.banner-intro{font-size:18px;color:hsla(0,0%,100%,.85);line-height:1.8;max-width:800px;margin:0 auto;text-align:center;letter-spacing:1px}.content-area{padding:50px 0}.content-section{width:100%;margin-bottom:40px}.section-container{width:1200px;margin:0 auto;padding:0 20px}.section-container h2{font-size:24px;color:#fff4f4;margin-bottom:30px;text-align:center;position:relative}.section-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background-color:#08f}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.feature-card{border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px rgba(0,136,255,.2);border:1px solid rgba(0,136,255,.2)}.feature-card:hover{box-shadow:0 0 20px rgba(33,149,243,.43137254901960786);transform:translateY(-2px)}.feature-image{width:100%;height:200px;overflow:hidden}.feature-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.feature-text{height:100px;background:linear-gradient(135deg,rgba(10,14,30,.9),rgba(20,25,45,.9))}.feature-text p{padding:20px;color:#a0aec0;font-size:14px;font-weight:400;line-height:1.5;margin-bottom:20px;height:90px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;position:relative;z-index:1}.device-params-table{margin-top:30px;overflow-x:auto}.device-params-table table{width:100%;border-collapse:collapse;background:rgba(10,14,30,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,136,255,.15);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,136,255,.1)}.device-params-table tbody{width:100%}.device-params-table tr{border-bottom:1px solid rgba(0,136,255,.1);transition:all .3s ease}.device-params-table tr:hover{background:rgba(0,136,255,.05)}.device-params-table tr:last-child{border-bottom:none}.device-params-table .param-name{padding:24px 30px;width:35%;font-weight:700;color:#08f;font-size:18px;font-family:Font Awesome\ 5 Free;border-right:1px solid rgba(0,136,255,.1);text-shadow:0 0 10px rgba(0,136,255,.3)}.device-params-table .param-value{padding:24px 30px;color:#fff;font-size:16px;font-family:Font Awesome\ 5 Free;line-height:1.6;font-weight:500}.carousel-container{position:relative;width:100%;max-width:800px;margin:30px auto 0;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.carousel{display:flex;transition:transform .5s ease}.carousel-item{flex:0 0 100%;width:100%}.carousel-item img{width:auto;height:380px;-o-object-fit:cover;object-fit:cover}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.indicator{width:12px;height:12px;border-radius:50%;background-color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .3s ease}.indicator:hover{background-color:hsla(0,0%,100%,.8)}.indicator.active{background-color:#08f;transform:scale(1.2)}.other-content{background-color:#122130;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.06);border-bottom:1px solid #1f44af}.other-content p{font-size:16px;color:#fff;line-height:1.6;text-align:center}@media (max-width:1200px){.nav-container,.section-container{width:95%}.features-grid{grid-template-columns:repeat(2,1fr)}.screenshots-grid{grid-template-columns:1fr}.device-params-table .param-name{width:40%}}@media (max-width:768px){.banner-content h1{font-size:36px;letter-spacing:4px}.banner-intro{font-size:14px;padding:0 20px;line-height:1.6}.features-grid{grid-template-columns:1fr}.carousel-container{max-width:100%}.device-params-table{margin-top:20px}.device-params-table .param-name,.device-params-table .param-value{padding:16px 20px;font-size:14px}.device-params-table .param-name{width:40%}}