/* hydwin.com urun sayfasi stilleri — kaynak: page.css / mobile.css / layout.css
   .fj-hyd altina scope'landi, rem -> px (1rem=10px) cevrildi, URL'ler uploads/hydwin/ */
.fj-hyd .prod_manual{overflow:hidden;}
.fj-hyd .prod_manual .manual_slider{padding:0 25px;height:310px;overflow:hidden;width:100%;}
.fj-hyd .prod_manual .manual_slider ul{height:310px;}
.fj-hyd .prod_manual .manual_slider ul li{float:left;width:310px;height:310px;overflow:hidden;margin-right:15px;}
.fj-hyd .prod_manual .manual_slider ul li img{width:100%;height:100%;object-fit:cover;}
.fj-hyd .prod_manual .flex-box{margin:0 25px;padding:40px 0;}
.fj-hyd .prod_manual .flex-box .txtbox{text-align:center;}
.fj-hyd .prod_manual .flex-box .txtbox h2{font-size:24px;color:#333;font-weight:bold;line-height:40px;}
.fj-hyd .prod_manual .flex-box .txtbox p{font-size:16px;line-height:26px;color:#333;font-weight:500;}
.fj-hyd .prod_manual .flex-box .txtbox a.manual_lx{display:inline-block;padding:12px 15px 12px 20px;;border:1px solid #666;border-radius:25px;margin-top:20px;cursor:pointer;transition:all .3s;}
.fj-hyd .prod_manual .flex-box .txtbox a.manual_lx span{font-size:16px;line-height:26px;color:#000;display:inline-block;font-weight:bold;padding-right:20px;background:url(/wp-content/uploads/hydwin/linkgo_1.svg) no-repeat right center;background-size:16px;}
.fj-hyd .prod_manual .flex-box .txtbox a.manual_lx:hover{background-color:#2e324d;border:1px solid #2e324d;}
.fj-hyd .prod_manual .flex-box .txtbox a.manual_lx:hover span{color:#fff;background:url(/wp-content/uploads/hydwin/linkgo_2.svg) no-repeat right center;background-size:16px;}
.fj-hyd .popManual{position: fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:29;display:none;}
.fj-hyd .popManual .popWrap{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:820px;background-color:#fff;box-sizing: border-box;padding:40px 70px;}
.fj-hyd .popManual .popWrap .closed{display:inline-block;width:42px;height:42px;border:3px solid #fff;box-sizing: border-box;border-radius:50%;cursor:pointer;position: absolute;right:-21px;top:-21px;background:#fff url(/wp-content/uploads/hydwin/close.svg) no-repeat center;background-size:cover;transition:all .3s;}
.fj-hyd .popManual .popWrap .closed:hover{background:#fff url(/wp-content/uploads/hydwin/close_h.svg) no-repeat center;background-size:cover;}
.fj-hyd .popManual .popWrap h3{font-size:22px;line-height:30px;text-align:center;color:#000;margin-bottom:25px;}
.fj-hyd .popManual .popWrap ul.list{display:flex;flex-wrap:wrap;}
.fj-hyd .popManual .popWrap ul.list li{width:50%;box-sizing: border-box;margin-bottom:18px;}
.fj-hyd .popManual .popWrap ul.list li:nth-child(odd){padding-right:18px;}
.fj-hyd .popManual .popWrap ul.list li input{width:100%;height:50px;box-sizing: border-box;border:1px solid #727479;padding:11px 10px;font-size:16px;line-height:26px;color:#333;}
.fj-hyd .popManual .popWrap ul.list li input::placeholder{color:#333;}
.fj-hyd .popManual .popWrap ul.list li select::-ms-expand{display: none;}
.fj-hyd .popManual .popWrap ul.list li select{width:100%;height:50px;box-sizing: border-box;border:1px solid #727479;padding:11px 40px 11px 10px;font-size:16px;line-height:26px;color:#333;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:url(/wp-content/uploads/hydwin/select.svg) no-repeat 97% center;background-size:14px;}
.fj-hyd .popManual .popWrap ul.list li textarea{padding:10px;box-sizing: border-box;border:1px solid #727479;width:100%;font-size:16px;line-height:26px;height:100px;}
.fj-hyd .popManual .popWrap ul.list li textarea::placeholder{color:#333;}
.fj-hyd .popManual .popWrap ul.list li.w100{padding-right:0;width:100%;}
.fj-hyd .popManual .popWrap p{font-size:14px;line-height:24px;color:rgba(13,25,51,.71);}
.fj-hyd .popManual .popWrap .subbtn{display:inline-block;width:210px;height:38px;line-height:38px;text-align:center;border-radius:8px;font-size:16px;color:#fff;background-color:#2e4d9e;cursor:pointer;margin-top:20px;transition:all .3s;}
.fj-hyd .popManual .popWrap .subbtn:hover{background-color:rgba(46,77,158,.8);}
.fj-hyd .popManual2{text-align:center;}
.fj-hyd .prod_2026_5{padding:55px 0;background:#f2f2f2}
.fj-hyd .prod_2026_5 h3{font-size:32px;line-height:40px;color:#0d1933;font-weight:bold;padding-top:22px;position: relative;margin-bottom:30px;}
.fj-hyd .prod_2026_5 h3::before{content:"";display:inline-block;width:44px;height:3px;background:#2e4d9e;position: absolute;left:0;top:0;}
.fj-hyd .prod_2026_Kv{position: relative;height:600px;overflow:hidden;z-index:1;}
.fj-hyd .prod_2026_Kv img, .fj-hyd .prod_2026_Kv video{margin: 0 auto;width: 100%;max-height: 600px;;overflow:clip;z-index:2;}
.fj-hyd .prod_2026_Kv img{object-fit: cover;height:100%;}
.fj-hyd .prod_2026_Kv video{height: 100%;display: block;-o-object-fit: cover;object-fit: cover;background-color: #272727}
.fj-hyd .prod_2026_Kv::before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:3;}
.fj-hyd .prod_2026_Kv .box{position: absolute;left:0;right:0;bottom:160px;z-index:5;}
.fj-hyd .prod_2026_Kv .box .content{width:1400px;margin:0 auto;}
.fj-hyd .prod_2026_Kv .box h2{position: relative;padding-left:110px;font-size:26px;line-height:32px;color:#fff;margin-bottom:25px;}
.fj-hyd .prod_2026_Kv .box h2::before{content:"";position:absolute;left:0;top:50%;transform: translateY(-50%);display:inline-block;width:80px;height:3px;background:#355cbb;}
.fj-hyd .prod_2026_Kv .box h1{font-size:58px;line-height:58px;color:#fff;font-weight:500;}
.fj-hyd .prod_2026_Kv .box p{font-size:26px;line-height:32px;color:#fff;font-weight:bold;margin-top:15px;}
@media (min-width: 1024px){.fj-hyd .prod_2026_Kv img, .fj-hyd .prod_2026_Kv video{max-width:100%;}}
@media (min-width: 1440px){.fj-hyd .prod_2026_Kv{height:800px;}.fj-hyd .prod_2026_Kv img, .fj-hyd .prod_2026_Kv video{max-height:800px;}}
.fj-hyd .prodBx_2026_1{padding:110px 0;text-align:center;}
.fj-hyd .prodBx_2026_1 h3{font-size:38px;color:#0d1933;line-height:40px;margin-bottom:35px;}
.fj-hyd .prodBx_2026_1 p{font-size:16px;line-height:32px;color:#333333;}
.fj-hyd .prodBx_2026_1 p span{color:#355cbb;}
.fj-hyd .prodBx_2026_2{text-align:center;background:#f2f2f2;overflow:hidden;margin-bottom:45px;}
.fj-hyd .prodBx_2026_2 .showbox{position: relative;}
.fj-hyd .prodBx_2026_2 .showbox .picture{position: relative;z-index:5;}
.fj-hyd .prodBx_2026_2 .showbox .bgimg{position: absolute;left:0;right:0;bottom:0;top:0;z-index:1;background:url(/wp-content/uploads/hydwin/prodBx_2026_2_bg.jpg) no-repeat center;}
.fj-hyd .prodBx_2026_2 .showbox .bgimg div{width:100%;height:100%;display:none;position: absolute;left:0;right:0;top:0;bottom:0;}
.fj-hyd .prodBx_2026_2 .box_sp{display:none;}
.fj-hyd .prodBx_2026_2.prodBx_2026_TCD .showbox .bgimg{position: absolute;left:0;right:0;bottom:0;top:0;z-index:1;background:url(/wp-content/uploads/hydwin/prodBx_2026_TCD_bg.jpg) no-repeat center;}
.fj-hyd .prodBx_2026_2.prodBx_2026_TCH .showbox .bgimg{position: absolute;left:0;right:0;bottom:0;top:0;z-index:1;background:url(/wp-content/uploads/hydwin/prodBx_2026_TCH_bg.jpg) no-repeat center;}
.fj-hyd .prodBx_2026_2.prodBx_2026_TCP .showbox .bgimg{position: absolute;left:0;right:0;bottom:0;top:0;z-index:1;background:url(/wp-content/uploads/hydwin/prodBx_2026_TCP_bg.jpg) no-repeat center;}
.fj-hyd .prodBx_2026_2.prodBx_2026_TCP_2 .showbox .bgimg{position: absolute;left:0;right:0;bottom:0;top:0;z-index:1;background:url(/wp-content/uploads/hydwin/prodBx_2026_TCP_2_bg.jpg) no-repeat center;}
.fj-hyd .prodBx_2026_3{background:#f2f1f2;padding:70px 0;overflow:hidden;}
.fj-hyd .prodBx_2026_3 .content{width:1400px;margin:0 auto;}
.fj-hyd .prodBx_2026_3 h3{font-size:38px;color:#0d1933;font-weight:500;padding-top:25px;position: relative;margin-bottom:30px;}
.fj-hyd .prodBx_2026_3 h3::before{content:"";position: absolute;left:0;top:0;width:45px;height:3px;background:#2e4d9e;display:inline-block;}
.fj-hyd .prodBx_2026_3 .txt-table{overflow:hidden;}
.fj-hyd .prodBx_2026_3 .txt-table table{width:100%;}
.fj-hyd .prodBx_2026_3 .txt-table table th{font-size:18px;color:#333;font-weight:500;padding:30px 0;text-align:center;border-bottom:1px solid #a9a8a9;}
.fj-hyd .prodBx_2026_3 .txt-table table tr th:last-child{border-right:0;}
.fj-hyd .prodBx_2026_3 .txt-table table tr td{padding:20px 35px;font-size:16px;line-height:22px;color:#333;text-align:center;border-bottom:1px solid #a9a8a9;}
.fj-hyd /*.prodBx_2026_3 .txt-table table tr td:nth-child(3){text-align:left;}
.fj-hyd */

.prodBx_2026_3 .TCH-list ul{display:flex;flex-wrap:wrap;border-top:1px solid #a9a8a9;}
.fj-hyd .prodBx_2026_3 .TCH-list ul li{width:calc(100% /3);border-bottom:1px solid #a9a8a9;font-size:0;}
.fj-hyd .prodBx_2026_3 .TCH-list ul li div{display:inline-block;width:50%;text-align:center;font-size:16px;color:#333;}
.fj-hyd .prodBx_2026_3 .TCH-list ul li .l_1{background:#dcdcdc;font-size:18px;height:94px;line-height:94px;font-weight:500;}
.fj-hyd .prodBx_2026_4{padding-top:128px;padding-bottom:100px;background:url(/wp-content/uploads/hydwin/prodBx_2026_4_bg.jpg) no-repeat center top;width:100%;overflow:hidden;}
.fj-hyd .prodBx_2026_4 .box_content{width:1400px;margin:0 auto;overflow:hidden;}
.fj-hyd .prodBx_2026_4 .box_content h3{font-size:38px;line-height:38px;color:#0d1933;font-weight:bold;position: relative;padding-top:25px;margin-bottom:75px;margin-left:130px;}
.fj-hyd .prodBx_2026_4 .box_content h3::before{content:"";position: absolute;left:0;top:0;width:45px;height:3px;background:#2e4d9e;display:inline-block;}
.fj-hyd .prodBx_2026_4 .box_content .showbox{width:100%;margin:0 auto;transition:all .5s;position: relative;}
.fj-hyd .prodBx_2026_4 .box_content .showbox .picture{position: relative;z-index:5;}
.fj-hyd .prodBx_2026_4 .box_content .showbox .bg{position: absolute;left:0;right:0;bottom:0;top:0;z-index:1;}
.fj-hyd .prodBx_2026_4 .box_content .showbox .bg div{width:100%;height:100%;position: absolute;left:0;right:0;top:0;bottom:0;z-index:1;opacity:0;transition:all .5s;}
.fj-hyd .prodBx_2026_4 .box_content .showbox .bg .active{z-index:2;opacity:1;}
.fj-hyd .prodBx_2026_4 .box_sp{display:none;}
.fj-hyd .prodBx_2026_TCH_5{padding-top:80px;}
.fj-hyd .prodBx_2026_5{overflow:hidden;padding-bottom:40px;}
.fj-hyd .prodBx_2026_5 .sliderbox{width:1440px;margin:0 auto;}
.fj-hyd .prodBx_2026_5 .sliderbox h3{font-size:38px;line-height:38px;color:#0d1933;font-weight:bold;position: relative;padding-top:25px;margin:0 20px 42px;}
.fj-hyd .prodBx_2026_5 .sliderbox h3::before{content:"";position: absolute;left:0;top:0;width:45px;height:3px;background:#2e4d9e;display:inline-block;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider{position: relative;padding:20px 20px;overflow:hidden;display:flex;flex-wrap:wrap;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox{margin-right:30px;width:calc((100% - 60px)/3);margin-bottom:40px;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox:nth-child(3n + 3){margin-right:0;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox a{transition:all .5s;display:block;width:100%;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .imgbox{margin-bottom:35px;transition:all .5s;position: relative;background:#efeeed;width:100%;height:360px;overflow:hidden;border-radius:14px;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .imgbox .bgbox{width:100%;height:100%;transition:all .5s;position: absolute;left:0;right:0;top:0;bottom:0;opacity:0;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .imgbox .bgbox img{width:100%;height:100%;object-fit:cover;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .imgbox .picbox{}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .imgbox .picbox img{display:block;width:100%;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .txtbox{padding:0 20px;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .txtbox h4{font-size:24px;font-weight:bold;line-height:30px;margin-bottom:10px;color:#0d1933}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .txtbox p{font-size:16px;line-height:22px;color:#333;margin-bottom:10px;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .txtbox p b{font-weight:bold;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .txtbox .learn{display:inline-block;font-size:18px;line-height:28px;color:#3c4456;padding-right:25px;background:url(/wp-content/uploads/hydwin/learn.svg) no-repeat right center;background-size:auto 24px;transition:all .3s;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox a:hover{transform: translateY(-20px);}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox a:hover .txtbox h4{color:#355cbb;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox a:hover .txtbox .learn{color:#355cbb;background:url(/wp-content/uploads/hydwin/learn_h.svg) no-repeat right center;background-size:auto 24px;}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox a:hover .imgbox{box-shadow:0 10px 10px rgba(4,0,0,.15);}
.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox a:hover .imgbox .bgbox{opacity:1;}
.fj-hyd .prodBx_2026_5 .sliderbox .btngroup{text-align:right;padding-top:35px;}
.fj-hyd .prodBx_2026_5 .sliderbox .btngroup a{display:inline-block;width:30px;height:30px;border-radius:50%;margin-left:15px;background-color:#666666;background-repeat:no-repeat;background-position:center;background-size:20px;transition:all .5s;}
.fj-hyd .prodBx_2026_5 .sliderbox .btngroup a.prev{background-image:url(/wp-content/uploads/hydwin/prev_1.svg);}
.fj-hyd .prodBx_2026_5 .sliderbox .btngroup a.next{background-image:url(/wp-content/uploads/hydwin/next_1.svg);}
.fj-hyd .prodBx_2026_5 .sliderbox .btngroup a:hover{background-color:#2d4e9e;}
.fj-hyd .prodBx_2026_5 .sliderbox .btngroup a.swiper-button-disabled{background-color:#b0b0b0;cursor:auto;}
.fj-hyd .prod_2026_5{overflow:hidden;}
.fj-hyd .prod_2026_5 .content{width:1400px;margin:0 auto;}
.fj-hyd .prodBx_2026_4 .box_sp{display:none;}
.fj-hyd .TCP_prod_tab_1{text-align:center;padding-bottom:30px;}
.fj-hyd .TCP_prod_tab_1 h3{font-size:24px;font-weight:500;color:#2e4d9e;padding-bottom:20px;}
.fj-hyd .TCP_prod_tab_1 .tab{display:inline-block;border:2px solid #d8d8d8;border-radius:20px;font-size:0;}
.fj-hyd .TCP_prod_tab_1 .tab a{display:inline-block;height:60px;line-height:60px;width:200px;border-radius:20px;cursor:pointer;}
.fj-hyd .TCP_prod_tab_1 .tab a span{display:inline-block;padding-left:45px;font-size:18px;line-height:60px;color:#666;font-weight:500;}
.fj-hyd .TCP_prod_tab_1 .tab a span.s_1{background:url(/wp-content/uploads/hydwin/TCP_tab_1_1.png) no-repeat left center;}
.fj-hyd .TCP_prod_tab_1 .tab a span.s_2{background:url(/wp-content/uploads/hydwin/TCP_tab_1_2.png) no-repeat left center;}
.fj-hyd .TCP_prod_tab_1 .tab a.active{background:#2e4d9e;}
.fj-hyd .TCP_prod_tab_1 .tab a.active span{color:#fff;}
.fj-hyd .TCP_prod_tab_1 .tab a.active span.s_1{background:url(/wp-content/uploads/hydwin/TCP_tab_1_1_active.png) no-repeat left center;}
.fj-hyd .TCP_prod_tab_1 .tab a.active span.s_2{background:url(/wp-content/uploads/hydwin/TCP_tab_1_2_active.png) no-repeat left center;}
.fj-hyd .prodBx_2026_6{padding:70px 0;}
.fj-hyd .prodBx_2026_6 .content{width:1400px;margin:0 auto;}
.fj-hyd .prodBx_2026_6 h3{font-size:38px;line-height:38px;color:#0d1933;font-weight:bold;position: relative;padding-top:25px;margin-bottom:60px;}
.fj-hyd .prodBx_2026_6 h3::before{content:"";position: absolute;left:0;top:0;width:45px;height:3px;background:#2e4d9e;display:inline-block;}
.fj-hyd .prodBx_2026_6 .tab{text-align:center;}
.fj-hyd .prodBx_2026_6 .tab .tablist{display:inline-block;border:2px solid #d8d8d8;border-radius:20px;font-size:0;margin:0 auto;}
.fj-hyd .prodBx_2026_6 .tab .tablist a{display:inline-block;height:60px;line-height:60px;width:220px;border-radius:20px;cursor:pointer;}
.fj-hyd .prodBx_2026_6 .tab .tablist a span{display:inline-block;font-size:18px;line-height:60px;color:#666;font-weight:500;}
.fj-hyd .prodBx_2026_6 .tab .tablist a span.s_1{padding-left:60px;background:url(/wp-content/uploads/hydwin/TCP_tab_2_1.png) no-repeat left center;}
.fj-hyd .prodBx_2026_6 .tab .tablist a span.s_2{padding-left:70px;background:url(/wp-content/uploads/hydwin/TCP_tab_2_2.png) no-repeat left center;}
.fj-hyd .prodBx_2026_6 .tab .tablist a.active{background:#2e4d9e;}
.fj-hyd .prodBx_2026_6 .tab .tablist a.active span{color:#fff;}
.fj-hyd .prodBx_2026_6 .tab .tablist a.active span.s_1{background:url(/wp-content/uploads/hydwin/TCP_tab_2_1_active.png) no-repeat left center;}
.fj-hyd .prodBx_2026_6 .tab .tablist a.active span.s_2{background:url(/wp-content/uploads/hydwin/TCP_tab_2_2_active.png) no-repeat left center;}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con{display:none;padding-top:40px;}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox{border:2px solid #d8d8d8;box-sizing: border-box;border-radius:20px;padding:55px 70px 55px 0;display:flex;align-items:center;}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .imgbox{width:480px;}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .imgbox img{display:block;width:100%;}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .txtbox{width:calc(100% - 480px);}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .txtbox ul li{display:flex;border-bottom:1px solid #a3a3a3}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .txtbox ul li:last-child{border-bottom:0;}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .txtbox ul li div{width:calc(100% / 3);height:64px;line-height:64px;font-size:16px;color:#333;}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .txtbox ul li .d_1{font-size:18px;font-weight:500;background:#e9e9e9}
.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .txtbox ul li .d_2{border-right:1px solid #a3a3a3;}
@media (max-width: 767px){.fj-hyd .prod_manual .manual_slider{height:220px;}.fj-hyd .prod_manual .manual_slider ul{height:220px}.fj-hyd .prod_manual .manual_slider ul li{width:220px;height:220px;}.fj-hyd .prod_manual .flex-box{display:block;padding:10px;margin:0;}.fj-hyd .prod_manual .flex-box .imgbox{text-align:center;}.fj-hyd .prod_manual .flex-box .imgbox img{height:280px;display:inline-block;}.fj-hyd .prod_manual .flex-box .txtbox{margin-left:0;width:100%;text-align:center;}.fj-hyd .prod_manual .flex-box .txtbox h2{font-size:18px;line-hieght:28px;}.fj-hyd .prod_manual .flex-box .txtbox .h2_title::before{left:50%;transform: translateX(-50%);}.fj-hyd .prod_manual .flex-box .txtbox p{font-size:12px;line-height:20px;}.fj-hyd .prod_manual .flex-box .txtbox a.manual_lx{padding:6px 10px 8px 15px;margin-top:10px;}.fj-hyd .prod_manual .flex-box .txtbox a.manual_lx span{font-size:12px;line-height:18px;}.fj-hyd .popManual .popWrap{width:100%;padding:20px;}.fj-hyd .popManual .popWrap .closed{right:0;}.fj-hyd .prod_2026_5{padding:40px 0;}.fj-hyd .prod_2026_5 h3{font-size:22px;line-height:30px;padding-top:15px;margin-bottom:15px;}.fj-hyd .prod_2026_5 h3::before{width:24px;height:2px;}.fj-hyd .prod_2026_Kv{height:380px;}.fj-hyd .prod_2026_Kv .box{bottom:110px;}.fj-hyd .prod_2026_Kv .box .content{padding:0 20px;width:100%;box-sizing: border-box;}.fj-hyd .prod_2026_Kv .box h2{padding-left:40px;font-size:18px;margin-bottom:15px;}.fj-hyd .prod_2026_Kv .box h2::before{width:30px;transform: none;top:15;}.fj-hyd .prod_2026_Kv .box h1{font-size:28px;line-height:28px;}.fj-hyd .prodBx_2026_1{padding:50px 0;}.fj-hyd .prodBx_2026_1 h3{font-size:22px;line-height:30px;margin-bottom:20px;}.fj-hyd .prodBx_2026_1 p{font-size:14px;line-height:30px;}.fj-hyd .prodBx_2026_1 p br{display:none;}.fj-hyd .prodBx_2026_2 .showbox{display:none;}.fj-hyd .prodBx_2026_2 .box_sp{display:block;}.fj-hyd .prodBx_2026_2 .box_sp img{display:block;width:100%;}.fj-hyd .prodBx_2026_3{padding:50px 0 30px;}.fj-hyd .prodBx_2026_3 .content{padding:0 20px;box-sizing: border-box;width:100%;}.fj-hyd .prodBx_2026_3 h3{font-size:22px;padding-top:20px;margin-bottom:25px;}.fj-hyd .prodBx_2026_3 h3::before{width:30px;}.fj-hyd .prodBx_2026_3 .txt-table{overflow-x:auto;}.fj-hyd .prodBx_2026_3 .txt-table table th{white-space: nowrap;font-size:16px;padding:15px 0;}.fj-hyd .prodBx_2026_3 .txt-table table tr td{padding:15px 20px;white-space:nowrap;font-size:14px;}.fj-hyd .prodBx_2026_4{padding-bottom:40px;}.fj-hyd .prodBx_2026_4 .box_content{display:none;}.fj-hyd .prodBx_2026_4 .box_sp{display:block;width:100%;padding:40px 20px 20px;box-sizing: border-box;background:#f6f6f6;}.fj-hyd .prodBx_2026_4 .box_sp h3{font-size:22px;line-height:24px;color:#0d1933;font-weight:bold;position: relative;padding-top:20px;margin-bottom:10px;}.fj-hyd .prodBx_2026_4 .box_sp h3::before{content:"";position: absolute;left:0;top:0;width:30px;height:3px;background:#2e4d9e;display:inline-block;}.fj-hyd .prodBx_2026_4 .box_sp img{display:block;width:100%;}.fj-hyd .prodBx_2026_5 .sliderbox{width:100%;}.fj-hyd .prodBx_2026_5 .sliderbox h3{font-size:22px;line-height:24px;padding-top:20px;margin-bottom:25px;}.fj-hyd .prodBx_2026_5 .sliderbox h3::before{width:30px;}.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox{width:100%;margin-right:0;}.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox:last-child{margin-bottom:0;}.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .txtbox h4{font-size:20px;}.fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .txtbox p{font-size:14px;}.fj-hyd .prod_2026_5 .content{padding:0 20px;width:100%;box-sizing: border-box;}.fj-hyd .prodBx_2026_3 .TCH-list ul li{width:100%;}.fj-hyd .prodBx_2026_3 .TCH-list ul li div{font-size:14px;}.fj-hyd .prodBx_2026_3 .TCH-list ul li .l_1{font-size:16px;height:60px;line-height:60px;}.fj-hyd .prodBx_2026_TCH_5{padding-top:20px;}.fj-hyd .TCP_prod_tab_1{padding-top:0;}.fj-hyd .TCP_prod_tab_1 h3{font-size:20px;}.fj-hyd .TCP_prod_tab_1 .tab{width:100%;}.fj-hyd .TCP_prod_tab_1 .tab a{width:50%;}.fj-hyd .TCP_prod_tab_1 .tab a span{font-size:16px;}.fj-hyd .prodBx_2026_6{padding:40px 20px;}.fj-hyd .prodBx_2026_6 .content{width:100%;}.fj-hyd .prodBx_2026_6 h3{font-size:22px;padding-top:20px;margin-bottom:35px;}.fj-hyd .prodBx_2026_6 h3::before{width:30px;}.fj-hyd .prodBx_2026_6 .tab{width:100%;}.fj-hyd .prodBx_2026_6 .tab .tablist{width:100%;}.fj-hyd .prodBx_2026_6 .tab .tablist a{width:50%;}.fj-hyd .prodBx_2026_6 .tab .tablist a span{font-size:16px;}.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox{padding:30px 0 0;flex-wrap:wrap;overflow:hidden;}.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .imgbox{width:100%;margin-bottom:20px;}.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .txtbox{width:100%;}.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .txtbox ul li div{font-size:13px;height:50px;line-height:inherit;display:flex;align-items:center;justify-content:center;}.fj-hyd .prodBx_2026_6 .tab .tabcon .con .conbox .txtbox ul li .d_1{font-size:14px;}}
/* ================= Forajet uyarlamalari ================= */
/* ---- tasiyici: urun sablonunun dar kolonundan tam genislige cikar ---- */
.fj-hyd{width:100vw;margin-left:calc(50% - 50vw);color:#333;font-weight:400;text-align:left;
  --hyd-blue:#2e4d9e;--hyd-navy:#0d1933}
.fj-hyd *,.fj-hyd *::before,.fj-hyd *::after{box-sizing:border-box}
.fj-hyd img,.fj-hyd video{max-width:100%}
.fj-hyd h1,.fj-hyd h2,.fj-hyd h3,.fj-hyd h4{margin:0;padding:0;font-family:inherit;text-transform:none}
.fj-hyd p{margin:0}
.fj-hyd ul{margin:0;padding:0;list-style:none}
.fj-hyd table{border-collapse:collapse}
.fj-hyd .container{width:1400px;max-width:100%;margin:0 auto;padding:0}
.fj-hyd a{text-decoration:none}

/* ---- imagemap yerine olceklenebilir SVG hotspot katmani ---- */
.fj-hyd .showbox .picture{position:relative;display:block;line-height:0}
.fj-hyd .showbox .picture img{width:100%;height:auto;display:block}
.fj-hyd .fj-hyd-map{position:absolute;inset:0;width:100%;height:100%;z-index:6}
.fj-hyd .fj-hyd-map .fj-hyd-pt{fill:transparent;cursor:pointer;pointer-events:auto}

/* Kaynaktaki gorseller 1400px genisliginde uretilmis; hotspot katmanlari ile
   arka planin piksel piksel ortusmesi icin showbox ayni genislikte tutulur. */
.fj-hyd .prodBx_2026_2 .showbox,
.fj-hyd .prodBx_2026_4 .showbox{max-width:1400px;margin:0 auto}
.fj-hyd .prodBx_2026_2 .showbox .bgimg{background-size:100% 100%}

/* prodBx_2026_2: hotspot uzerine gelince ilgili gorsel fade ile acilir */
.fj-hyd .prodBx_2026_2 .showbox .bgimg div{opacity:0;display:block!important;
  transition:opacity .4s ease;pointer-events:none}
.fj-hyd .prodBx_2026_2 .showbox .bgimg div.fj-on{opacity:1}
/* katman ile taban ayni en-boy oraninda, fill tam ortusme verir */
.fj-hyd .prodBx_2026_2 .showbox .bgimg div img,
.fj-hyd .prodBx_2026_4 .showbox .bg div img{width:100%;height:100%;object-fit:fill}

/* hydwin sayfasi kendi hero'suyla basliyor: sablonun varsayilan baslik bandi,
   galerisi ve yan sutunu gosterilmez (JS ayni isi :has() olmadan da yapar) */
.fj-hyd-page .elementor-location-single > .e-con:not(:has(.fj-hyd)){display:none}
.fj-hyd-page .e-con:has(> .e-con-inner .fj-sb, .fj-sb):not(:has(.fj-hyd)){display:none}
.fj-hyd-page .fj-bc,
.fj-hyd-page .fj-gal,
.fj-hyd-page .fj-sb{display:none}
/* kalan konteynerin ust bosluğu hero'yu asagi itmesin */
.fj-hyd-page .elementor-location-single > .e-con:has(.fj-hyd){padding-top:0}
.fj-hyd-page .elementor-location-single > .e-con:has(.fj-hyd) > .e-con-inner{padding-top:0}

/* ---- katalog seridi: sonsuz kayan marquee (xboxslider.js karsiligi) ---- */
.fj-hyd .manual_slider{position:relative}
.fj-hyd .manual_slider ul{display:flex;height:310px;will-change:transform}
.fj-hyd .manual_slider ul li{float:none;flex:0 0 auto}

/* ---- WOW.js yerine IntersectionObserver reveal ---- */
.fj-hyd [data-fjw]{opacity:0}
.fj-hyd [data-fjw].fj-in{opacity:1}
.fj-hyd [data-fjw="fadeIn"].fj-in{animation:fjHydFadeIn .5s both}
.fj-hyd [data-fjw="fadeInUp"].fj-in{animation:fjHydFadeInUp .5s both}
.fj-hyd [data-fjw="fadeInLeft"].fj-in{animation:fjHydFadeInLeft .5s both}
.fj-hyd [data-fjw="fadeInRight"].fj-in{animation:fjHydFadeInRight .5s both}
@keyframes fjHydFadeIn{from{opacity:0}to{opacity:1}}
@keyframes fjHydFadeInUp{from{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}
@keyframes fjHydFadeInLeft{from{opacity:0;transform:translate3d(-40px,0,0)}to{opacity:1;transform:none}}
@keyframes fjHydFadeInRight{from{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .fj-hyd [data-fjw]{opacity:1;animation:none!important}
  .fj-hyd .manual_slider ul{transform:none!important}
}

/* ---- 1400px altinda sabit genislikleri esnet ---- */
@media(max-width:1460px){
  .fj-hyd .container,
  .fj-hyd .prodBx_2026_3 .content,
  .fj-hyd .prodBx_2026_4 .box_content,
  .fj-hyd .prodBx_2026_6 .content,
  .fj-hyd .prod_2026_Kv .box .content{width:100%;padding-left:30px;padding-right:30px}
  .fj-hyd .prodBx_2026_5 .sliderbox{width:100%;padding:0 10px}
  .fj-hyd .prodBx_2026_4 .box_content h3{margin-left:0}
}
@media(max-width:1199px){
  .fj-hyd .prod_2026_Kv{height:440px}
  .fj-hyd .prod_2026_Kv video,.fj-hyd .prod_2026_Kv img{max-height:440px}
  .fj-hyd .prod_2026_Kv .box{bottom:70px}
  .fj-hyd .prod_2026_Kv .box h1{font-size:40px;line-height:44px}
  .fj-hyd .prod_2026_Kv .box h2{font-size:20px;padding-left:70px}
  .fj-hyd .prod_2026_Kv .box h2::before{width:50px}
  .fj-hyd .prodBx_2026_1{padding:70px 0}
  .fj-hyd .prodBx_2026_1 h3{font-size:28px;line-height:34px}
  .fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox{width:calc((100% - 30px)/2)}
  .fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox:nth-child(3n+3){margin-right:30px}
  .fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox:nth-child(2n+2){margin-right:0}
}
@media(max-width:767px){
  .fj-hyd .prod_2026_Kv{height:300px}
  .fj-hyd .prod_2026_Kv video,.fj-hyd .prod_2026_Kv img{max-height:300px}
  .fj-hyd .prod_2026_Kv .box{bottom:36px}
  .fj-hyd .prod_2026_Kv .box .content{padding:0 20px}
  .fj-hyd .prod_2026_Kv .box h1{font-size:26px;line-height:30px}
  .fj-hyd .prod_2026_Kv .box h2{font-size:15px;line-height:20px;padding-left:44px;margin-bottom:12px}
  .fj-hyd .prod_2026_Kv .box h2::before{width:32px}
  .fj-hyd .container{padding:0 20px}
  .fj-hyd .manual_slider,.fj-hyd .manual_slider ul{height:200px}
  .fj-hyd .prod_manual .manual_slider ul li{width:200px;height:200px}
  .fj-hyd .prod_manual .flex-box .txtbox h2{font-size:20px;line-height:28px}
  .fj-hyd .prodBx_2026_5 .sliderbox .slider .flexbox .imgbox{height:240px}
  .fj-hyd .prod_2026_5 .content{width:100%;padding:0 20px}
}

/* TCP sekme panelleri.
   hydwin'in kendi CSS'i butun panelleri display:none yapiyor ve jQuery
   fadeIn() ile aciyordu. Biz gorunurlugu hidden ozniteligiyle yonetiyoruz;
   bu yuzden JS hazir olunca panelleri yeniden gorunur kilip yalnizca
   [hidden] olani gizliyoruz. JS calismazsa ilk panel gorunur kalir. */
.fj-hyd .prodBx_2026_2_con .con + .con{display:none}
.fj-hyd.fj-tabs-ready .prodBx_2026_2_con .con,
.fj-hyd.fj-tabs-ready .prodBx_2026_6 .tab .tabcon .con{display:block}
.fj-hyd.fj-tabs-ready .prodBx_2026_2_con .con[hidden],
.fj-hyd.fj-tabs-ready .prodBx_2026_6 .tab .tabcon .con[hidden]{display:none!important}
.fj-hyd .TCP_prod_tab_1 .tab a,
.fj-hyd .prodBx_2026_6 .tablist a{cursor:pointer}