@charset "iso-8859-9";

/*
	Project Name: Tekopa - 27.11.2025 - 10:45
	Project Site: Tekopa - 
	CSS Author Portfolio: M.G.C - Grimor Interactive Agency - www.grimor.com
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
	font-family: "Poppins", serif;
	padding:0;
	margin:0;
	font-size:13px;
	/*overflow-y: hidden; /* Hide vertical scrollbar */
  	overflow-x: hidden; /* Hide horizontal scrollbar */
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.clear {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
a {
	text-decoration:none;
}
.clear {
	clear:both;
}
.mb8 {
	margin-bottom:8px;
}
.fl25 {
	padding-left:25px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt20 {
	padding-top:20px;
}
.pt25 {
	padding-top:25px;
}
.pt30 {
	padding-top:30px;
}
.pt35 {
	padding-top:35px;
}
.pt70 {
	padding-top:70px;
}
.pt50 {
	padding-top:50px;
}
.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.p20 {
	padding:20px;
}
.pr5 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr30 {
	padding-right:30px;
}
.pb20 {
	padding-bottom:20px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pr9 {
	padding-right:4px;
}
.pb5 {
	padding-bottom:5px;
}
.pb3 {
	padding-bottom:3px;
}
.pb2 {
	padding-bottom:2px;
}
.pl20 {
	padding-left:20px;
}
.mr20 {
	margin-right:20px;
}
.p10 {
	padding:10px;
}
.pr9 {
	padding-right:9px;
}
.pr20 {
	padding-right:20px;
}
.ml5 {
	margin-left:5px;
}
.ml8 {
	margin-left:8px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}
.ml30 {
	margin-left:30px;
}
.ml50 {
	margin-left:50px;
}
.mr5 {
	margin-right:5px;
}
.mr6 {
	margin-right:6px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.mr30 {
	margin-right:40px;
}
.mt3 {
	margin-top:3px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt12 {
	margin-top:12px;
}
.mt20 {
	margin-top:20px;
}
.mt27 {
	margin-top:27px;
}
.mt30 {
	margin-top:30px;
}
.mt42 {
	margin-top:42px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mr25 {
	margin-right:25px;
}
.pt2 {
	padding-top:2px;
}
.mr3 {
	margin-right:3px;
}

.page-w {
	max-width:1596px;
	margin:auto;
	padding:0 2px 0 2px;
}

.header-tp-zindex {
	position:absolute;
	z-index:9999;
}

#wowslider-container1 {
  position: relative;
  z-index: 1;
  margin-top:0px;
}

/* Header slider'ın üstünde duracak */
.header-tp-zindex {
  position: absolute; /* slider üstünde */
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1596px;
  z-index: 9999;
  
  /* Görsel olarak okunabilir olsun */
  color: #fff;
}

.header-tp-zindex2 {
	display:none;
}


/* Temizlik */
.clear { clear: both; }

/* Responsive (isteğe bağlı) */
@media (max-width: 992px) {
  .header-tp-zindex .menu ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .header-tp-zindex .logo {
    height: 45px;
  }
}


.logo {
	float:left;
	margin:25px 0 0px 0 !important;
	display:block;
}

.lang {
	float: right;
    display: block;
  	color: #fff;
  	font-size: 14px;
	line-height:66px;
  	font-weight:600;
  	margin: 20px 0 0 10px;
}

.lang a {
	color:#fff;
}

.tpsh {
	float:left;
	display:block;
}


.mm {
	margin:6px 0 0 0;
	display:block;
	float:left;
}

/* MENU */

.menu {
	float:left !important;
	padding:20px 0 0 245px;
	display:block !important;
}


.pagemn {
	display:none;
}


.about-section {
  max-width: 1020px;
  margin: 100px auto;
  padding: 0 20px;
}

.about-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Sol metin alanı */
.about-text {
  color: #333;
}
.about-tag {
  display: inline-block;
  font-size: 14px;
  color: #e94f37;
  font-weight: 700;
  margin-bottom: 8px;
  position: relative;
}

.about-tts {
	color:#000;
	font-weight:600;
	font-size:14px;
}

.about-tag::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 6px;
  width: 4px;
  height: 4px;
  background: #e94f37;
  border-radius: 50%;
}
.about-text h2 {
  font-size: 56px;
  font-weight: 800;
  margin: 0;
  color:#000;
}
.about-text h3 {
  font-size: 22px;
  color: #555;
  margin-bottom: 20px;
}
.about-text p {
  line-height: 1.6;
  margin-bottom: 20px;
  color: #555;
}
.about-text .read-more {
  color: #e94f37;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 2px solid #e94f37;
  padding-bottom: 3px;
  transition: 0.3s;
}
.about-text .read-more:hover {
  color: #222;
  border-color: #222;
}

/* Sağ resim alanı */
.about-image {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.about-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 1.2s ease, filter 1s ease;
  filter: brightness(85%);
}
.about-image:hover img {
  transform: scale(1.08);
  filter: brightness(100%);
}

/* Hover'da veya load sonrası küçük overlay efekti */
.about-image .image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top right, rgba(0,0,0,0.2), transparent);
  pointer-events: none;
}

/* Scroll animasyonları */


.about-image {
  position: relative;
  width: 100%;
 /* aspect-ratio: 16 / 9; /* Responsive oran */
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* Slider alanı */
.about-slider {
  position: relative;
  width: 100%;
  height: 480px;
}

.about-slider img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.05);
  transition: opacity 1s ease, transform 1.2s ease;
}

/* Aktif görsel */
.about-slider img.active {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}

/* Hover efekti */
.about-image:hover img.active {
  transform: scale(1.08);
}

/* Overlay */
.image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.25),
    rgba(0,0,0,0.05),
    transparent
  );
  pointer-events: none;
  z-index: 2;
}

/* Mobil için oran */
@media (max-width: 768px) {
  .about-image {
    aspect-ratio: 4 / 3;
  }
}



.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}
.delay-1 {
  transition-delay: 0.3s;
}

/* Responsive */
@media (max-width: 992px) {
  .about-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .about-image {
    order: -1;
  }
  .about-text h2 {
    font-size: 42px;
  }
}


/* END ABOUT */



/* MAIN URUN-SEC */

.main-urn-bg {
	background-color:#f8f7f5;
	padding:40px 0 50px 0;
	display:block;
}

.main-urn-gn-tt {
	font-size:30px;
	font-weight:600;
	padding:25px 0 20px 0;
	text-align:center;
}

.main-urn-txt {
	text-align:center;
	max-width:750px;
	line-height:24px;
	color:#000;
	margin:auto;
	font-size:16px;
	padding-bottom:60px;
}


.main-kategori-sec {
	background-image:url(../images/main-kategori-bg.png);
	width:350px;
	height:350px;
	float:left;
	display:block;
	margin:0 20px 25px 20px;
	background-color:#e2e2e2;
}

.main-kategori-sec-tt {
	text-align:center;
	color:#000;
	font-weight:600;
	font-size:22px;
	margin-bottom:5px;
}

.main-kategori-sec-dvm {
	text-align:center;
	color:#fff;
	display:block;
	font-size:16px;
	margin-top:35px;
}


.main-urun-sec {
	background-color:#f2f2f2;
	min-height:400px;
	display:block;
	padding-top:85px;
	padding-bottom:30px;
}

.main-urun-bg {
	/*background-image:url(../images/urun-bg.png);*/
	background-position:top bottom;
	background-repeat:no-repeat;
	margin:auto auto auto auto;
	width:250px;
	padding:0 0 70px 0;
	position:relative;
	display:block;
}

.main-urun-tt {
	font-weight:600;
	color:#000;
	font-size:20px;
	text-align:center;
	padding:20px 0 0 0;
}

.detay-btn-trn {
	background-color:#f37121;
	width:80px;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:13px;
	line-height:30px;
	margin:10px auto 0px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}



.slider-container {
    max-width: 1600px; /* Slider'ın maksimum genişliği */
    margin: 0 auto;
    overflow: hidden; /* Dışarı taşanları gizle */
    position: relative;
	padding-bottom:154px;
}

.slider-wrapper {
    display: flex; /* Öğeleri yan yana dizmek için */
    transition: transform 0.5s ease-in-out; /* Kaydırma animasyonu */
}

/* Oklar için basit stil (isteğe bağlı) */
.slider-nav {
    position: absolute;
    top: 88%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    /*background: rgba(0, 0, 0, 0.5);*/
    color: white;
    padding: 10px;
    border-radius: 50%;
}

#prevBtn { left: 45%; }
#nextBtn { right: 45%; }

/* Mevcut CSS güncellemeleri */
.main-urun-sec {
    /* Mevcut CSS'ten: 
        background-color:#f2f2f2;
        width:385px;  <- Bu kaldırılmalı!
        min-height:400px;
        float:left; <- Bu kaldırılmalı!
        display:block;
        padding-top:85px;
        padding-bottom:30px;
    */
    
    /* Responsive ve Slider için Yeni Ayarlar */
    flex: 0 0 25%; /* 4 ürün yan yana gelmesi için %25 genişlik */
    box-sizing: border-box; /* Padding'in genişliğe dahil olmasını sağlar */
    min-width: 280px; /* Çok küçük ekranlarda minimum genişlik */
    text-decoration: none; /* a etiketi olduğu için */
}

/* Tablet ve daha küçük ekranlar için */
@media (max-width: 1200px) {
    .main-urun-sec {
        flex: 0 0 33.333%; /* 3 ürün yan yana */
    }
}

/* Mobil ekranlar için */
@media (max-width: 768px) {
    .main-urun-sec {
        flex: 0 0 50%; /* 2 ürün yan yana */
    }
}

/* En küçük mobil ekranlar için */
@media (max-width: 480px) {
    .main-urun-sec {
        flex: 0 0 100%; /* 1 ürün yan yana */
    }
}


.surdurulebilirlik {
  width: 100%;
  padding: 60px 0;
  background: #fff;
}

.surdurulebilirlik-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  max-width: 1600px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.surdurulebilirlik-image {
  flex: 1;
  min-width: 300px;
}

.surdurulebilirlik-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.surdurulebilirlik-text {
  flex: 1;
  background-color: #f27624;
  color: #fff;
  padding: 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.surdurulebilirlik-text h2 {
  font-size: 48px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: lighter;
}

.surdurulebilirlik-text p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.devami-btn {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  font-size: 16px;
  align-self: flex-start;
  transition: color 0.3s ease;
}

.devami-btn:hover {
  color: #000;
}

/* Fade-up scroll efekti */
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1s ease-out;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive ayarlar */
@media (max-width: 992px) {
  .surdurulebilirlik-container {
    flex-direction: column;
  }
  .surdurulebilirlik-text {
    padding: 40px 25px;
    text-align: center;
  }
  .surdurulebilirlik-text h2 {
    font-size: 28px;
  }
  .devami-btn {
    align-self: center;
  }
}

.marka-logo-bg {
	background-color:#f4f6f7;
	padding:85px 0 85px 0;
	display:block;
}

.markalar {
	display:block;
	width:100%;
}

.marka-logo {
	float:left;
	display:block;
	margin:0 12px 25px 12px;
	width:10% !important;
}

.main-hbr-blm-tt {
	color:#f37121;
	font-weight:bold;
	font-size:34px;
	float:left;
	font-weight:300;
	margin:65px 0 35px 0;
}

.main-hbr-tm {
	background-image:url(../images/tum-gr-bg.jpg);
	width: 170px;
	line-height: 50px;
	text-align:center;
	color:#000;
	font-size:18px;
	display:block;
	float:right;
	margin-top:60px;
}

.main-hbr-tm a:hover {
	background-color:#CC6600;
}


.main-haber-sec {
	width:385px !important;
	min-height:405px;
	padding-bottom:20px;
	background-color:#ffffff;
	float:left;
	margin-left:0 !important;
	margin-right:10px !important;
}

.main-hbr-trh {
	color:#333333;
	font-size:13px;
	padding:20px 0 0 0px;
}

.main-hbr-tt {
	font-size:20px;
	padding:15px 0 10px 0px;
	color:#000;
	font-weight:600;
}

.bottom-bg {
	background-color:#f4f6f7;
	padding:55px 0 65px 0;
	display:block;
}

.bottom-txt-blm {
	width:520px;
	float:left;
	display:block;
	color:#000;
	font-size:18px;
}

.bottom-txt-tt {
	font-weight:600;
	font-size:32px;
	color:#010101;
	padding:20px 0 15px 0;
}
 

.main-box-trnc {
	width:325px;
	min-height:260px;
	display:block;
	background-color:#f37121;
	float:left;
	margin:20px 10px 0 25px;
}

.main-box-gry {
	width:325px;
	min-height:260px;
	display:block;
	background-color:#83878d;
	float:left;
	margin:20px 10px 0 20px;
}

.main-box-kygr {
	width:325px;
	min-height:260px;
	display:block;
	background-color:#434b58;
	float:left;
	margin:20px 0px 0 20px;
}

.main-box-tt {
	font-size:24px;
	font-weight:600;
	color:#fff;
	width:150px;
	padding:45px 0 0 20px;
}

.footer {
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat;
	min-height:510px;
	display:block;
	padding:35px 0 30px 0;            
}

.ft-sl {
	width:300px;
	float:left !important;
	display:block;
	margin:70px 0 0 0;
}

.ft-sl-txt {
	color:#fee0cd;
	font-weight:300;
	line-height:22px;
	font-size:14px;
	padding:25px 0 45px 0;
}

.ayrc-brd {
	float:left ;
	border-left:1px solid #616876 ;
	border-top:none;
	min-height:635px;
	max-width:1240px;
	display:block;
	margin-left:55px;
}


.ft-menu {         
	width:230px !important;
	float:left;
	display:b lock;
	margin:35px 45px 25px 50px;
}


.ft-menu2 {         
	width:230px !important;
	float:left;
	display:b lock;
	margin:35px 0 25px 190px;
}

.ft-tt {
	color:#fee0cd;
	font-weight:lighter;
	display:block;
	font-size:24px;
	margin-bottom:20px;
}

.ft-baslik {
	color:#fee0cd;
	font-size:18px;
	display:block;
	font-weight:500;
	margin-bottom:10px;
}

.ayrc-bt-brd {
	border-bottom:1px solid #616876;
	padding:25px 0 25px 0;
	display:block;
	float:left;
	margin-bottom:25px;
}


.kvkk {
	float:left;
	color:#fee0cd;
	font-size:18px;
	font-weight: lighter;
	display:block;
	padding:60px 0 0 45px;
}

.kvkk a {
	color:#fee0cd;

}

.ft-telefon {
	padding:70px 185px 0 45px;
	color:#fee0cd;
	font-size:20px;
	float:left;
	display:block;
	font-weight: lighter;
}

.tl-bld {
	color:#fee0cd;
	font-weight:600;
	font-size:24px;
	padding:10px 0 0 0;
}



.sr-czg {
	border-top:1px solid #ffe600;
	margin:45px 0 25px 0;
	display:block;
}


.copy {
	color:#fee0cd;
	font-size:16px;
	font-weight: lighter;
	line-height:22px;
	margin:60px 0 0 45px;
	display:block;
	float:left;
}

.copy a {
	color:#fee0cd;
}

.grimor {
	display:block;
	float:right;
	font-size:16px;
	font-weight: lighter;
	color:#fee0cd;
	margin-top:60px !important;
	position:relative;
}

.grimor a {
	color:#fee0cd;
}
/* Footer */


/* IC CSS */

.ust-bg {
	background-image:url(../images/ust-bg.jpg);
	display:block;
	height:440px;
	background-repeat:top center;
}


.break-tt {
	color:#fff;
	font-size:44px !important;
	font-weight:300;
	display:block;
	padding:245px 0 0 0;
}


.break {
	padding:10px 0px 0px 0px;
	color:#fff;
	font-weight:400 !important;
	font-size:13px;
	letter-spacing:1px;
}

.break a {
	color:#fff;
}


.text-blm {
	min-height:430px;
	line-height:24px;
	font-size:16px;
	color:#000;
	font-weight:400;
	padding:60px 0 85px 0;
}


.krm-img {
	float:right !important;
	margin:0px 0 20px 25px!important;
	display:block!important;
}



.main-urun-sec-ic {
	background-color:#f2f2f2;
	min-height:400px;
	width:380px;
	margin:0 8px 45px 8px;
	float:left;
	display:block;
	padding-top:85px;
	padding-bottom:30px;
}

.main-urun-bg {
	/*background-image:url(../images/urun-bg.png);*/
	background-position:top bottom;
	background-repeat:no-repeat;
	margin:auto auto auto auto;
	width:250px;
	padding:0 0 70px 0;
	position:relative;
	display:block;
}

.main-urun-tt {
	font-weight:600;
	color:#000;
	font-size:20px;
	text-align:center;
	padding:20px 0 0 0;
	height:40px;
}

.detay-btn-trn-ic {
	background-color:#f37121;
	width:80px;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:13px;
	line-height:30px;
	margin:30px auto 0px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 20px;
}

.product-card {
    background: #f2f2f2;
    border: 1px solid #ececec;
    padding: 25px;
    text-align: center;
    border-radius: 6px;
    transition: 0.3s ease;
}

.product-card:hover {
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-6px);
}

.product-img img {
    width: 100%;
    transition: 0.3s ease;
}

.product-card:hover .product-img img {
    transform: scale(1.05);
}

.product-card h3 {
    font-size: 16px !important;
    margin: 15px 0 20px;
    font-weight: 600;
    color: #000;
}

.btn-detail {
    display: inline-block;
    background: #ff7f26;
    color: #fff;
    padding: 5px 20px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
}

.btn-detail:hover {
    background: #e86f1f;
}

/* TABLET */
@media (max-width: 992px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBİL */
@media (max-width: 600px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
}


/* URUN-DETAY */


.marka-logo-ic {
	margin:0px 0 10px 0;
	display:block;
}


.product-top {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 0px 0;
}

.product-text {
    flex: 1;
	margin-top:35px;
	display:block;
}

.product-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    max-width: 925px;
}

.datasheet-btn {
    display: inline-block;
    background: #ff7f26;
    color: #fff;
	width:150px;
	line-height:28px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 600;
    margin-top: 25px;
    transition: 0.3s ease;
}

.datasheet-btn:hover {
    background: #e76c1c;
}

.product-image img {
    width: 100%;
    max-width: 650px;
	margin-top:-55px;
}

/* TAB MENÜ */
.tabs {
    display: flex;
    gap: 5px;
    margin-top: 40px;
}

.tab {
    background: #1e2430;
    color: #fff;
	width:240px;
    padding: 16px 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
}

.tab.active {
    background: #f37221;
    color: #fff;
    border-bottom: 3px solid #ff7f26;
}

.tab:hover:not(.active) {
    background: #f37221;
}

/* TAB İÇERİKLERİ */
.tab-content {
    display: none;
    padding: 30px 0;
}

.tab-content.active {
    display: block;
}

/* TABLO */
.table-wrapper {
    overflow-x: auto;
    border-top: 1px solid #eee;
}

table {
    border-collapse: collapse;
    min-width: 900px;
}

table th {
    background: #f4f4f4;
    font-weight: 700;
    text-align: left;
    padding: 12px;
    border-bottom: 2px solid #ddd;
    font-size: 14px;
}

table td {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .product-top {
        flex-direction: column;
        text-align: center;
    }
    .product-text p {
        margin: auto;
    }
}

@media (max-width: 600px) {
    .tab {
        font-size: 13px;
        padding: 14px 0;
    }
}


/*  */

.contact-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    margin: 40px 0 80px 0;
    flex-wrap: wrap;
}

.contact-info {
    flex: 1;
    min-width: 300px;
}

.contact-info h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #f37221;
}

.item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.item .icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
}

.contact-map {
    flex: 1;
    min-width: 300px !important;
}

.contact-map iframe {
    width: 100%;
    height: 280px;
    border: none;
    border-radius: 8px;
}

/* ---- Mobil Uyum ---- */
@media (max-width: 768px) {
    .contact-wrapper {
        flex-direction: column;
    }

    .contact-map iframe {
        height: 220px;
    }
}



/* ----------------------------
   GENEL BLOK YAPISI
----------------------------- */
.features-section {
    width: 100%;
    padding: 60px 0;
}

.row-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin: 40px 0 60px 0;

    /* Scroll animasyon başlangıç */
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

/* Scroll görünce animasyon aktif */
.row-block.in-view {
    opacity: 1;
    transform: translateY(0);
	background-color:#e9e9e9;
	padding:50px 100px 50px 130px;
}

/* Reverse class > Görsel sağda */
.row-block.reverse {
    flex-direction: row-reverse !important;
	padding:50px 100px 50px 130px;
	
}


/* ----------------------------
   GÖRSEL
----------------------------- */


.row-image img {
    width: 100%;
    max-width: 560px;
    border-radius: 12px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

/* Hover efekti */
.row-image img:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 35px rgba(0,0,0,0.25);
}

/* ----------------------------
   METİN
----------------------------- */
.row-text {
    max-width: 740px;
}

.row-text h3 {
    font-size: 30px;
    margin-bottom: 15px;
    color: #e87b1a;
    font-weight: 700;
}

.row-text p {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
}

/* ----------------------------
   RESPONSIVE (Mobil)
----------------------------- */
@media (max-width: 900px) {
    .row-block,
    .row-block.reverse {
        flex-direction: column !important;
        text-align: center;
        gap: 25px;
    }

    .row-image img {
        max-width: 100%;
    }

    .row-text {
        max-width: 100%;
    }
}


.info-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 40px 20px;
  flex-wrap: wrap;
}

.info-box {
  flex: 1;
  min-width: 250px;
  max-width: 33%;
  text-align: center;
  padding: 25px 15px;
  border-radius: 12px;
  transition: 0.35s ease;
  cursor: pointer;
  border-bottom:2px solid #f37221;
}

.info-box img {
  width: 140px;
  margin-bottom: 15px;
  transition: 0.35s ease;
}

/* Hover Efekti */
.info-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
}

.info-box:hover img {
  transform: scale(1.1) rotate(3deg);
}

.info-box h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 600;
}

.info-box p {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  padding:0 20px 0 20px;
}

/* Mobil uyum */
@media (max-width: 768px) {
  .info-box {
    max-width: 100%;
  }
}

.galeri {
	float:left;
	display:block;
	width:24.8%;
	margin:0 20px 40px 20px;
	border-radius: 12px;
	border:1px solid #f37221;
}
.detay-galeri { 
    width:22%;
	float:left;
	display:block;
	margin:0 7px 20px 7px;
	border-radius:6px;
	border:1px solid #f37221;
}

.detay-galeri-tt {
	color:#000;
	font-size:13px;
	text-align:center;
	font-weight:500;
 	padding:8px 3px;
	margin:15px 0 15px 0;
}


/* SıkSorulan */

.sss_a {
	margin:40px 0 25px 0;
	border-bottom:1px solid #cbcbcb;
}
.sss_a ul {
	padding:0;
	margin:0;
	list-style-type:none;
	border:none !important;
}
.sss_a ul li a {
	display:block;
	line-height:30px;
}
.sss_a ul li a:hover, .sss_a ul li a.open {
	border:none !important;
}
.tts {
	background-position:left;
	font-weight:500;
	font-size:18px;
	color:#000;
	padding:15px 0 15px 15px;
	cursor: pointer !important;
	margin-bottom:-1px;
	border-bottom:1px solid #cbcbcb;
	border-top:1px solid #cbcbcb;
}

.navigation-txt {
	padding:10px 0 20px 10px;
	color:#000;
	font-size:14px;
	margin-bottom:-1px;
	z-index:9999;
	position:relative;
	border-bottom:1px solid #FF0000;
}

/* */


/**/

.video-sec {
	width:300px;
	min-height:315px;
	margin: 0 17px 30px 0;
	line-height:18px;
	background-color:#f1f1f1;
	float:left;
	display:block;
}

.video-sec-tt {
	text-align:center;
	color:#000;
	padding:20px 5px 0 5px;
	font-size:13px;
}


img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  float:left;
  margin:0 10px 25px 0;
  border:1px solid #999999;
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

}

img.grayscale:hover {
  filter: none;
   transition: all 580ms ease-in-out;
  -webkit-filter: grayscale(0%);
}

select {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin-bottom:7px;
}
select {
	height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
	/* For IE7, add top margin to align select with labels */
  line-height: 30px;
}
label, select {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
label {
	display: block;
	margin-bottom: 5px;
}
select {
	display: inline-block;
	height: 30px;
	padding: 4px 6px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.to-top-container {
	display:none;
}



@media only screen and (min-width:1082px) and (max-width:1540px) {

.logo {
	float:left;
	margin:25px 0 0px 0 !important;
	display:block;
}

.lang {
	float: right;
    display: block;
  	color: #fff;
  	font-size: 14px;
	line-height:66px;
  	font-weight:600;
  	margin: 20px 10px 0 10px;
}

.lang a {
	color:#fff;
}

.tpsh {
	float:left;
	display:block;
}

.mm {
	margin:6px 0 0 0;
	display:block;
	float:left;
}

/* MENU */

.menu {
	float:left !important;
	padding:20px 0 0 245px;
	display:block;
}


.pagemn {
	display:none;
}


.about-section {
  max-width: 1020px;
  margin: 100px auto;
  padding: 0 20px;
}

.about-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Sol metin alanı */
.about-text {
  color: #333;
}
.about-tag {
  display: inline-block;
  font-size: 14px;
  color: #e94f37;
  font-weight: 700;
  margin-bottom: 8px;
  position: relative;
}

.about-tts {
	color:#000;
	font-weight:600;
	font-size:14px;
}

.about-tag::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 6px;
  width: 4px;
  height: 4px;
  background: #e94f37;
  border-radius: 50%;
}
.about-text h2 {
  font-size: 56px;
  font-weight: 800;
  margin: 0;
  color:#000;
}
.about-text h3 {
  font-size: 22px;
  color: #555;
  margin-bottom: 20px;
}
.about-text p {
  line-height: 1.6;
  margin-bottom: 20px;
  color: #555;
}
.about-text .read-more {
  color: #e94f37;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 2px solid #e94f37;
  padding-bottom: 3px;
  transition: 0.3s;
}
.about-text .read-more:hover {
  color: #222;
  border-color: #222;
}

/* Sağ resim alanı */
.about-image {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.about-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 1.2s ease, filter 1s ease;
  filter: brightness(85%);
}
.about-image:hover img {
  transform: scale(1.08);
  filter: brightness(100%);
}

/* Hover'da veya load sonrası küçük overlay efekti */
.about-image .image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top right, rgba(0,0,0,0.2), transparent);
  pointer-events: none;
}

/* Scroll animasyonları */
.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}
.delay-1 {
  transition-delay: 0.3s;
}

/* Responsive */
@media (max-width: 992px) {
  .about-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .about-image {
    order: -1;
  }
  .about-text h2 {
    font-size: 42px;
  }
}


/* END ABOUT */



/* MAIN URUN-SEC */

.main-urn-bg {
	background-color:#f8f7f5;
	padding:40px 0 50px 0;
	display:block;
}

.main-urn-gn-tt {
	font-size:30px;
	font-weight:600;
	padding:25px 0 20px 0;
	text-align:center;
}

.main-urn-txt {
	text-align:center;
	max-width:750px;
	line-height:24px;
	color:#000;
	margin:auto;
	font-size:16px;
	padding-bottom:60px;
}



.main-kategori-sec {
	background-image:url(../images/main-kategori-bg.png);
	width:350px;
	height:350px;
	float:left;
	display:block;
	margin:0 0px 25px 10px;
		background-color:#e2e2e2;
}

.main-kategori-sec-tt {
	text-align:center;
	color:#000;
	font-weight:600;
	font-size:22px;
	margin-bottom:5px;
}

.main-kategori-sec-dvm {
	text-align:center;
	color:#fff;
	display:block;
	font-size:16px;
	margin-top:35px;
}






.slider-container {
    max-width: 1600px; /* Slider'ın maksimum genişliği */
    margin: 0 auto;
    overflow: hidden; /* Dışarı taşanları gizle */
    position: relative;
	padding-bottom:154px;
}

.slider-wrapper {
    display: flex; /* Öğeleri yan yana dizmek için */
    transition: transform 0.5s ease-in-out; /* Kaydırma animasyonu */
}

/* Oklar için basit stil (isteğe bağlı) */
.slider-nav {
    position: absolute;
    top: 88%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    /*background: rgba(0, 0, 0, 0.5);*/
    color: white;
    padding: 10px;
    border-radius: 50%;
}

#prevBtn { left: 45%; }
#nextBtn { right: 45%; }

/* Mevcut CSS güncellemeleri */
.main-urun-sec {
    /* Mevcut CSS'ten: 
        background-color:#f2f2f2;
        width:385px;  <- Bu kaldırılmalı!
        min-height:400px;
        float:left; <- Bu kaldırılmalı!
        display:block;
        padding-top:85px;
        padding-bottom:30px;
    */
    
    /* Responsive ve Slider için Yeni Ayarlar */
    flex: 0 0 25%; /* 4 ürün yan yana gelmesi için %25 genişlik */
    box-sizing: border-box; /* Padding'in genişliğe dahil olmasını sağlar */
    min-width: 280px; /* Çok küçük ekranlarda minimum genişlik */
    text-decoration: none; /* a etiketi olduğu için */
}

/* Tablet ve daha küçük ekranlar için */
@media (max-width: 1200px) {
    .main-urun-sec {
        flex: 0 0 33.333%; /* 3 ürün yan yana */
    }
}

/* Mobil ekranlar için */
@media (max-width: 768px) {
    .main-urun-sec {
        flex: 0 0 50%; /* 2 ürün yan yana */
    }
}

/* En küçük mobil ekranlar için */
@media (max-width: 480px) {
    .main-urun-sec {
        flex: 0 0 100%; /* 1 ürün yan yana */
    }
}


.surdurulebilirlik {
  width: 100%;
  padding: 60px 0;
  background: #fff;
}

.surdurulebilirlik-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  max-width: 1600px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.surdurulebilirlik-image {
  flex: 1;
  min-width: 300px;
}

.surdurulebilirlik-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.surdurulebilirlik-text {
  flex: 1;
  background-color: #f27624;
  color: #fff;
  padding: 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.surdurulebilirlik-text h2 {
  font-size: 48px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: lighter;
}

.surdurulebilirlik-text p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.devami-btn {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  font-size: 16px;
  align-self: flex-start;
  transition: color 0.3s ease;
}

.devami-btn:hover {
  color: #000;
}

/* Fade-up scroll efekti */
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1s ease-out;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive ayarlar */
@media (max-width: 992px) {
  .surdurulebilirlik-container {
    flex-direction: column;
  }
  .surdurulebilirlik-text {
    padding: 40px 25px;
    text-align: center;
  }
  .surdurulebilirlik-text h2 {
    font-size: 28px;
  }
  .devami-btn {
    align-self: center;
  }
}

.marka-logo-bg {
	background-color:#f4f6f7;
	padding:85px 0 85px 0;
	display:block;
}

.marka-logo {
	float:left;
	display:block;
	margin:0 12px 15px 12px;
	width: 14.4%;
}

.main-hbr-blm-tt {
	color:#f37121;
	font-weight:bold;
	font-size:34px;
	float:left;
	font-weight:300;
	margin:65px 0 35px 0;
}

.main-hbr-tm {
	background-image:url(../images/tum-gr-bg.jpg);
	width: 170px;
	line-height: 50px;
	text-align:center;
	color:#000;
	font-size:18px;
	display:block;
	float:right;
	margin-top:60px;
}

.main-hbr-tm a:hover {
	background-color:#CC6600;
}




.main-haber-sec {
	width:24% !important;
	min-height:405px;
	padding-bottom:20px;
	background-color:#ffffff;
	float:left;
	margin-right:10px;
}

.main-hbr-trh {
	color:#333333;
	font-size:13px;
	padding:20px 0 0 0px;
}

.main-hbr-tt {
	font-size:20px;
	padding:15px 0 10px 0px;
	color:#000;
	font-weight:600;
}

.bottom-bg {
	background-color:#f4f6f7;
	padding:40px 0 65px 0;
	display:block;
}

.bottom-txt-blm {
	width: 99%;
    float: none;
    display: block;
    color: #000;
    font-size: 16px;
	padding:0 0px 0 10px;
}

.bottom-txt-tt {
	font-weight:600;
	font-size:32px;
	color:#010101;
	padding:20px 0 15px 0;
}
 

.main-box-trnc {
	width:25%;
	min-height:260px;
	display:block;
	background-color:#f37121;
	float:left;
	margin:20px 10px 0 10px;
}

.main-box-gry {
	width:25%;
	min-height:260px;
	display:block;
	background-color:#83878d;
	float:left;
	margin:20px 10px 0 10px;
}

.main-box-kygr {
	width:25%;
	min-height:260px;
	display:block;
	background-color:#434b58;
	float:left;
	margin:20px 0px 0 10px;
}

.main-box-tt {
	font-size:24px;
	font-weight:600;
	color:#fff;
	width:150px;
	padding:45px 0 0 20px;
}

.footer {
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat;
	min-height:510px;
	display:block;
	padding:35px 0 30px 0;            
}

.ft-sl {
	width:300px;
	float:left;
	display:block;
	margin:70px 0 0 0;
}

.ft-sl-txt {
	color:#fee0cd;
	font-weight:300;
	line-height:22px;
	font-size:14px;
	padding:25px 0 45px 0;
}

.ayrc-brd {
	float:left;
	border-left:1px solid #616876;
	min-height:635px;
	max-width:840px;
	display:block;
	margin-left:55px;
}


.ft-menu {         
	width:230px;
	float:left;
	display:b lock;
	margin:35px 10px 25px 30px;
}

.ft-menu2 {         
	width:230px;
	float:left;
	display:b lock;
	margin:35px 0 25px 40px;
}

.ft-tt {
	color:#fee0cd;
	font-weight:lighter;
	display:block;
	font-size:24px;
	margin-bottom:20px;
}

.ft-baslik {
	color:#fee0cd;
	font-size:18px;
	display:block;
	font-weight:500;
	margin-bottom:10px;
}

.ayrc-bt-brd {
	border-bottom:1px solid #616876;
	padding:25px 0 25px 0;
	display:block;
	float:left;
	margin-bottom:25px;
}


.kvkk {
	float:left;
	color:#fee0cd;
	font-size:18px;
	font-weight: lighter;
	display:block;
	padding:60px 0 0 30px;
}

.kvkk a {
	color:#fee0cd;

}

.ft-telefon {
	padding:70px 45px 0 30px;
	color:#fee0cd;
	font-size:18px;
	float:left;
	display:block;
	font-weight: lighter;
}

.tl-bld {
	color:#fee0cd;
	font-weight:600;
	font-size:18px;
	padding:10px 0 0 0;
}



.sr-czg {
	border-top:1px solid #ffe600;
	margin:45px 0 25px 0;
	display:block;
}


.copy {
	color:#fee0cd;
	font-size:16px;
	font-weight: lighter;
	line-height:22px;
	margin:60px 0 0 30px;
	display:block;
	float:left;
}

.copy a {
	color:#fee0cd;
}

.grimor {
	display:block;
	float:right;
	font-size:16px;
	font-weight: lighter;
	color:#fee0cd;
	margin-top:60px !important;
	position:relative;
}

.grimor a {
	color:#fee0cd;
}
/* Footer */


/* IC CSS */

.ust-bg {
	background-image:url(../images/ust-bg.jpg);
	display:block;
	height:440px;
	background-repeat:top center;
}


.break-tt {
	color:#fff;
	font-size:44px !important;
	font-weight:300;
	display:block;
	padding:245px 0 0 0;
}


.break {
	padding:10px 0px 0px 0px;
	color:#fff;
	font-weight:400 !important;
	font-size:13px;
	letter-spacing:1px;
}

.break a {
	color:#fff;
}


.text-blm {
	min-height:430px;
	line-height:24px;
	font-size:16px;
	color:#000;
	font-weight:400;
	padding:60px 0 85px 0;
}


.krm-img {
	float:right;
	margin:0px 0 20px 25px;
	display:block;
}



.main-urun-sec-ic {
	background-color:#f2f2f2;
	min-height:400px;
	width:362px;
	margin:0 8px 45px 8px;
	float:left;
	display:block;
	padding-top:85px;
	padding-bottom:30px;
}

.main-urun-bg {
	/*background-image:url(../images/urun-bg.png);*/
	background-position:top bottom;
	background-repeat:no-repeat;
	margin:auto auto auto auto;
	width:250px;
	padding:0 0 70px 0;
	position:relative;
	display:block;
}

.main-urun-tt {
	font-weight:600;
	color:#000;
	font-size:18px;
	text-align:center;
	padding:20px 0 0 0;
}

.detay-btn-trn-ic {
	background-color:#f37121;
	width:80px;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:13px;
	line-height:30px;
	margin:30px auto 0px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 20px;
}

.product-card {
    background: #f2f2f2;
    border: 1px solid #ececec;
    padding: 25px;
    text-align: center;
    border-radius: 6px;
    transition: 0.3s ease;
}

.product-card:hover {
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-6px);
}

.product-img img {
    width: 100%;
    transition: 0.3s ease;
}

.product-card:hover .product-img img {
    transform: scale(1.05);
}

.product-card h3 {
    font-size: 13px;
    margin: 15px 0 20px;
    font-weight: 600;
    color: #000;
}

.btn-detail {
    display: inline-block;
    background: #ff7f26;
    color: #fff;
    padding: 4px 16px;
    border-radius: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: 0.3s ease;
}

.btn-detail:hover {
    background: #e86f1f;
}

/* TABLET */
@media (max-width: 992px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBİL */
@media (max-width: 600px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
}


/* URUN-DETAY */


.marka-logo-ic {
	margin:0px 0 10px 0;
	display:block;
}


.product-top {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 0px 0;
}

.product-text {
    flex: 1;
	margin-top: 25px;
	display:block;
}

.product-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    max-width: 925px;
}

.datasheet-btn {
    display: inline-block;
    background: #ff7f26;
    color: #fff;
	width:150px;
	line-height:28px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 600;
    margin-top: 25px;
    transition: 0.3s ease;
}

.datasheet-btn:hover {
    background: #e76c1c;
}

.product-image {
	float:left;
}

.product-image img {
    width: 100%;
    max-width: 460px;
}

/* TAB MENÜ */
.tabs {
    display: flex;
    gap: 5px;
    margin-top: 40px;
}

.tab {
    background: #1e2430;
    color: #fff;
	width:240px;
    padding: 16px 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
}

.tab.active {
    background: #f37221;
    color: #fff;
    border-bottom: 3px solid #ff7f26;
}

.tab:hover:not(.active) {
    background: #f37221;
}

/* TAB İÇERİKLERİ */
.tab-content {
    display: none;
    padding: 30px 0;
}

.tab-content.active {
    display: block;
}

/* TABLO */
.table-wrapper {
    overflow-x: auto;
    border-top: 1px solid #eee;
}

table {
    border-collapse: collapse;
    min-width: 900px;
}

table th {
    background: #f4f4f4;
    font-weight: 700;
    text-align: left;
    padding: 12px;
    border-bottom: 2px solid #ddd;
    font-size: 14px;
}

table td {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .product-top {
        flex-direction: column;
        text-align: center;
    }
    .product-text p {
        margin: auto;
    }
}

@media (max-width: 600px) {
    .tab {
        font-size: 13px;
        padding: 14px 0;
    }
}


/*  */

.contact-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    margin: 40px 0 80px 0;
    flex-wrap: wrap;
}

.contact-info {
    flex: 1;
    min-width: 300px;
}

.contact-info h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #f37221;
}

.item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.item .icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
}

.contact-map {
    flex: 1;
    min-width: 300px;
}

.contact-map iframe {
    width: 100%;
    height: 280px;
    border: none;
    border-radius: 8px;
}

/* ---- Mobil Uyum ---- */
@media (max-width: 768px) {
    .contact-wrapper {
        flex-direction: column;
    }

    .contact-map iframe {
        height: 220px;
    }
}



/* ----------------------------
   GENEL BLOK YAPISI
----------------------------- */
.features-section {
    width: 100%;
    padding: 60px 0;
}

.row-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin: 40px 0 60px 0;

    /* Scroll animasyon başlangıç */
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

/* Scroll görünce animasyon aktif */
.row-block.in-view {
    opacity: 1;
    transform: translateY(0);
	background-color:#e9e9e9;
	padding:50px 70px 50px 70px;
}

/* Reverse class > Görsel sağda */
.row-block.reverse {
    flex-direction: row-reverse !important;
	padding:50px 100px 50px 130px;
	
}


/* ----------------------------
   GÖRSEL
----------------------------- */


.row-image img {
    width: 100%;
    max-width: 560px;
    border-radius: 12px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

/* Hover efekti */
.row-image img:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 35px rgba(0,0,0,0.25);
}

/* ----------------------------
   METİN
----------------------------- */
.row-text {
    max-width: 740px;
}

.row-text h3 {
    font-size: 30px;
    margin-bottom: 15px;
    color: #e87b1a;
    font-weight: 700;
}

.row-text p {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
}

/* ----------------------------
   RESPONSIVE (Mobil)
----------------------------- */
@media (max-width: 900px) {
    .row-block,
    .row-block.reverse {
        flex-direction: column !important;
        text-align: center;
        gap: 25px;
    }

    .row-image img {
        max-width: 100%;
    }

    .row-text {
        max-width: 100%;
    }
}


.info-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 40px 20px;
  flex-wrap: wrap;
}

.info-box {
  flex: 1;
  min-width: 250px;
  max-width: 33%;
  text-align: center;
  padding: 25px 15px;
  border-radius: 12px;
  transition: 0.35s ease;
  cursor: pointer;
  border-bottom:2px solid #f37221;
}

.info-box img {
  width: 140px;
  margin-bottom: 15px;
  transition: 0.35s ease;
}

/* Hover Efekti */
.info-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
}

.info-box:hover img {
  transform: scale(1.1) rotate(3deg);
}

.info-box h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 600;
}

.info-box p {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  padding:0 20px 0 20px;
}

/* Mobil uyum */
@media (max-width: 768px) {
  .info-box {
    max-width: 100%;
  }
}

.galeri {
	float:left;
	display:block;
	width:250px;
	margin:0 20px 40px 20px;
	border-radius: 12px;
	border:1px solid #f37221;
}


/* SıkSorulan */

.sss_a {
	margin:40px 0 25px 0;
	border-bottom:1px solid #cbcbcb;
}
.sss_a ul {
	padding:0;
	margin:0;
	list-style-type:none;
	border:none !important;
}
.sss_a ul li a {
	display:block;
	line-height:30px;
}
.sss_a ul li a:hover, .sss_a ul li a.open {
	border:none !important;
}
.tts {
	background-position:left;
	font-weight:500;
	font-size:18px;
	color:#000;
	padding:15px 0 15px 15px;
	cursor: pointer !important;
	margin-bottom:-1px;
	border-bottom:1px solid #cbcbcb;
	border-top:1px solid #cbcbcb;
}

.navigation-txt {
	padding:10px 0 20px 10px;
	color:#000;
	font-size:14px;
	margin-bottom:-1px;
	z-index:9999;
	position:relative;
	border-bottom:1px solid #FF0000;
}

/* */


/**/

.video-sec {
	width:300px;
	min-height:315px;
	margin: 0 17px 30px 0;
	line-height:18px;
	background-color:#f1f1f1;
	float:left;
	display:block;
}

.video-sec-tt {
	text-align:center;
	color:#000;
	padding:20px 5px 0 5px;
	font-size:13px;
}


img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  float:left;
  margin:0 10px 25px 0;
  border:1px solid #999999;
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

}

img.grayscale:hover {
  filter: none;
   transition: all 580ms ease-in-out;
  -webkit-filter: grayscale(0%);
}

select {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin-bottom:7px;
}
select {
	height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
	/* For IE7, add top margin to align select with labels */
  line-height: 30px;
}
label, select {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
label {
	display: block;
	margin-bottom: 5px;
}
select {
	display: inline-block;
	height: 30px;
	padding: 4px 6px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.to-top-container {
	display:none;
}


}


/* Tablet */

@media only screen and (min-width:475px) and (max-width:1000px) {


.header-tp-zindex {
	position:absolute;
	z-index:9999;
	display:none;
}

.header-tp-zindex2 {
	position:absolute;
	z-index:9999;
}


#wowslider-container1 {
  position: relative;
  z-index: 1;
  margin-top:125px !important;
}

/* Header slider'ın üstünde duracak */
.header-tp-zindex2 {
  position: absolute; /* slider üstünde */
  top: 0;
  left: 50%;
  display:block;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1596px;
  z-index: 9999;
  background-color:#1e283b;
  padding-bottom:20px;
  /* Görsel olarak okunabilir olsun */
  color: #fff;
}
/* Temizlik */
.clear { clear: both; }

/* Responsive (isteğe bağlı) */


.logo {
	float:left;
	margin:25px 0 0px 8px !important;
	display:block;
}

.lang {
	float: right;
    display: block;
  	color: #fff;
  	font-size: 14px;
	line-height:66px;
  	font-weight:600;
  	margin: 0px 10px 0 10px;
}

.lang a {
	color:#fff;
}

.tpsh {
	float:left;
	display:block;
}


.mm {
	margin:6px 0 0 0;
	display:block;
	float:left;
}

/* MENU */

.menu {
	float:left !important;
	padding:20px 0 0 45px;
	display:none !important;
}


.pagemn {
	display:block !important;
}


.about-section {
  max-width: 1020px;
  margin: 100px auto;
  padding: 0 20px;
}

.about-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Sol metin alanı */
.about-text {
  color: #333;
}
.about-tag {
  display: inline-block;
  font-size: 14px;
  color: #e94f37;
  font-weight: 700;
  margin-bottom: 8px;
  position: relative;
}

.about-tts {
	color:#000;
	font-weight:600;
	font-size:14px;
}

.about-tag::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 6px;
  width: 4px;
  height: 4px;
  background: #e94f37;
  border-radius: 50%;
}
.about-text h2 {
  font-size: 56px;
  font-weight: 800;
  margin: 0;
  color:#000;
}
.about-text h3 {
  font-size: 22px;
  color: #555;
  margin-bottom: 20px;
}
.about-text p {
  line-height: 1.6;
  margin-bottom: 20px;
  color: #555;
}
.about-text .read-more {
  color: #e94f37;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 2px solid #e94f37;
  padding-bottom: 3px;
  transition: 0.3s;
}
.about-text .read-more:hover {
  color: #222;
  border-color: #222;
}

/* Sağ resim alanı */
.about-image {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.about-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 1.2s ease, filter 1s ease;
  filter: brightness(85%);
}
.about-image:hover img {
  transform: scale(1.08);
  filter: brightness(100%);
}

/* Hover'da veya load sonrası küçük overlay efekti */
.about-image .image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top right, rgba(0,0,0,0.2), transparent);
  pointer-events: none;
}

/* Scroll animasyonları */
.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}
.delay-1 {
  transition-delay: 0.3s;
}

/* Responsive */
@media (max-width: 992px) {
  .about-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .about-image {
    order: -1;
  }
  .about-text h2 {
    font-size: 42px;
  }
}


/* END ABOUT */



/* MAIN URUN-SEC */

.main-urn-bg {
	background-color:#f8f7f5;
	padding:40px 0 50px 0;
	display:block;
}

.main-urn-gn-tt {
	font-size:30px;
	font-weight:600;
	padding:25px 0 20px 0;
	text-align:center;
}

.main-urn-txt {
	text-align:center;
	max-width:750px;
	line-height:24px;
	color:#000;
	margin:auto;
	font-size:16px;
	padding-bottom:60px;
}



.main-kategori-sec {
	background-image:url(../images/main-kategori-bg.png);
	width:350px;
	height:350px;
	float:left;
	display:block;
	margin:0 0px 25px 20px;
	background-color:#e2e2e2;
}

.main-kategori-sec-tt {
	text-align:center;
	color:#000;
	font-weight:600;
	font-size:22px;
	margin-bottom:5px;
}

.main-kategori-sec-dvm {
	text-align:center;
	color:#fff;
	display:block;
	font-size:16px;
	margin-top:35px;
}




.main-urun-sec {
	background-color:#f2f2f2;
	min-height:400px;
	display:block;
	padding-top:85px;
	padding-bottom:30px;
}

.main-urun-bg {
	/*background-image:url(../images/urun-bg.png);*/
	background-position:top bottom;
	background-repeat:no-repeat;
	margin:auto auto auto auto;
	width:250px;
	padding:0 0 70px 0;
	position:relative;
	display:block;
}

.main-urun-tt {
	font-weight:600;
	color:#000;
	font-size:20px;
	text-align:center;
	padding:20px 0 0 0;
}

.detay-btn-trn {
	background-color:#f37121;
	width:80px;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:13px;
	line-height:30px;
	margin:10px auto 0px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}



.slider-container {
    max-width: 1600px; /* Slider'ın maksimum genişliği */
    margin: 0 auto;
    overflow: hidden; /* Dışarı taşanları gizle */
    position: relative;
	padding-bottom:154px;
}

.slider-wrapper {
    display: flex; /* Öğeleri yan yana dizmek için */
    transition: transform 0.5s ease-in-out; /* Kaydırma animasyonu */
}

/* Oklar için basit stil (isteğe bağlı) */
.slider-nav {
    position: absolute;
    top: 88%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    /*background: rgba(0, 0, 0, 0.5);*/
    color: white;
    padding: 10px;
    border-radius: 50%;
}

#prevBtn { left: 42%; }
#nextBtn { right: 42%; }

/* Mevcut CSS güncellemeleri */
.main-urun-sec {
    /* Mevcut CSS'ten: 
        background-color:#f2f2f2;
        width:385px;  <- Bu kaldırılmalı!
        min-height:400px;
        float:left; <- Bu kaldırılmalı!
        display:block;
        padding-top:85px;
        padding-bottom:30px;
    */
    
    /* Responsive ve Slider için Yeni Ayarlar */
    flex: 0 0 25%; /* 4 ürün yan yana gelmesi için %25 genişlik */
    box-sizing: border-box; /* Padding'in genişliğe dahil olmasını sağlar */
    min-width: 280px; /* Çok küçük ekranlarda minimum genişlik */
    text-decoration: none; /* a etiketi olduğu için */
}

/* Tablet ve daha küçük ekranlar için */
@media (max-width: 1200px) {
    .main-urun-sec {
        flex: 0 0 33.333%; /* 3 ürün yan yana */
    }
}

/* Mobil ekranlar için */
@media (max-width: 768px) {
    .main-urun-sec {
        flex: 0 0 50%; /* 2 ürün yan yana */
    }
}

/* En küçük mobil ekranlar için */
@media (max-width: 480px) {
    .main-urun-sec {
        flex: 0 0 100%; /* 1 ürün yan yana */
    }
}


.surdurulebilirlik {
  width: 100%;
  padding: 60px 0;
  background: #fff;
}

.surdurulebilirlik-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  max-width: 1600px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.surdurulebilirlik-image {
  flex: 1;
  min-width: 300px;
}

.surdurulebilirlik-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.surdurulebilirlik-text {
  flex: 1;
  background-color: #f27624;
  color: #fff;
  padding: 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.surdurulebilirlik-text h2 {
  font-size: 48px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: lighter;
}

.surdurulebilirlik-text p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.devami-btn {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  font-size: 16px;
  align-self: flex-start;
  transition: color 0.3s ease;
}

.devami-btn:hover {
  color: #000;
}

/* Fade-up scroll efekti */
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1s ease-out;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive ayarlar */
@media (max-width: 992px) {
  .surdurulebilirlik-container {
    flex-direction: column;
  }
  .surdurulebilirlik-text {
    padding: 40px 25px;
    text-align: center;
  }
  .surdurulebilirlik-text h2 {
    font-size: 28px;
  }
  .devami-btn {
    align-self: center;
  }
}

.marka-logo-bg {
	background-color:#f4f6f7;
	padding:65px 0 65px 0;
	display:block;
}

.markalar {
	margin:auto;
	width: 560px !important;
	display:block;
}

.marka-logo {
	float:left;
	display:block;
	margin:0 12px 15px 12px;
	width: 28%;
}

.main-hbr-blm-tt {
	color:#f37121;
	font-weight:bold;
	font-size:34px;
	float:left;
	font-weight:300;
	margin:65px 0 35px 0;
}

.main-hbr-tm {
	background-image:url(../images/tum-gr-bg.jpg);
	width: 170px;
	line-height: 50px;
	text-align:center;
	color:#000;
	font-size:18px;
	display:block;
	float:right;
	margin-top:60px;
}

.main-hbr-tm a:hover {
	background-color:#CC6600;
}


.main-haber-sec {
	width:46% !important;
	min-height:395px;
	padding-bottom:0px;
	background-color:#ffffff;
	float:left;
	margin-bottom:15px;
	margin-left:10px !important;
	margin-right:10px !important;
}

.main-hbr-trh {
	color:#333333;
	font-size:13px;
	padding:20px 0 0 0px;
}

.main-hbr-tt {
	font-size:20px;
	padding:15px 0 10px 0px;
	color:#000;
	font-weight:600;
}

.bottom-bg {
	background-color:#f4f6f7;
	padding:40px 0 65px 0;
	display:block;
}

.bottom-txt-blm {
	width: 99%;
    float: none;
    display: block;
    color: #000;
    font-size: 16px;
	padding:0 0px 0 10px;
}

.bottom-txt-tt {
	font-weight:600;
	font-size:32px;
	color:#010101;
	padding:20px 0 15px 0;
}
 
.main-box-trnc {
	width:28%;
	min-height:260px;
	display:block;
	background-color:#f37121;
	float:left;
	margin:20px 10px 0 10px;
}

.main-box-gry {
	width:28%;
	min-height:260px;
	display:block;
	background-color:#83878d;
	float:left;
	margin:20px 10px 0 10px;
}

.main-box-kygr {
	width:28%;
	min-height:260px;
	display:block;
	background-color:#434b58;
	float:left;
	margin:20px 0px 0 10px;
}

.main-box-tt {
	font-size:24px;
	font-weight:600;
	color:#fff;
	width:150px;
	padding:45px 0 0 20px;
}

.footer {
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat;
	min-height:510px;
	display:block;
	padding:35px 0 30px 0;            
}

.ft-sl {
	width:300px;
	float:none !important;
	display:block;
	margin:30px 0 25px 0;
}

.ft-sl-txt {
	color:#fee0cd;
	font-weight:300;
	line-height:22px;
	font-size:14px;
	padding:25px 0 45px 0;
}

.ayrc-brd {
	float:none ;
	border-top:1px solid #616876;
	border-left:none;
	min-height:635px;
	max-width:840px;
	display:block;
	margin-left:0;
}


.ft-menu {         
	width:210px;
	float:left;
	display:b lock;
	margin:35px 10px 25px 20px;
}

.ft-menu2 {         
	width:220px;
	float:left;
	display:b lock;
	margin:35px 0 25px 20px;
}

.ft-tt {
	color:#fee0cd;
	font-weight:lighter;
	display:block;
	font-size:24px;
	margin-bottom:20px;
}

.ft-baslik {
	color:#fee0cd;
	font-size:18px;
	display:block;
	font-weight:500;
	margin-bottom:10px;
}

.ayrc-bt-brd {
	border-bottom:1px solid #616876;
	padding:25px 0 25px 0;
	display:block;
	float:left;
	margin-bottom:25px;
}


.kvkk {
	float:left !important;
	text-align:center;
	color:#fee0cd;
	font-size:18px;
	font-weight: lighter;
	display:block;
	padding:60px 0 0 30px;
}

.kvkk a {
	color:#fee0cd;

}

.ft-telefon {
	padding:70px 45px 0 30px;
	color:#fee0cd;
	font-size:18px;
	float:left;
	display:block;
	font-weight: lighter;
}

.tl-bld {
	color:#fee0cd;
	font-weight:600;
	font-size:18px;
	padding:10px 0 0 0;
}



.sr-czg {
	border-top:1px solid #ffe600;
	margin:45px 0 25px 0;
	display:block;
}


.copy {
	color:#fee0cd;
	font-size:16px;
	font-weight: lighter;
	line-height:22px;
	margin:60px 0 0 30px;
	display:block;
	float:none;
	text-align:center;
}

.copy a {
	color:#fee0cd;
}

.grimor {
	display:block;
	float:none;
	text-align:center;
	font-size:16px;
	font-weight: lighter;
	color:#fee0cd;
	margin-top:20px !important;
	position:relative;
}

.grimor a {
	color:#fee0cd;
}
/* Footer */


/* IC CSS */

.ust-bg {
	background-image:url(../images/ust-bg.jpg);
	display:block;
	height:440px;
	background-repeat:top center;
}


.break-tt {
	color:#fff;
	font-size:44px !important;
	font-weight:300;
	display:block;
	padding:245px 0 0 0;
}


.break {
	padding:10px 0px 0px 0px;
	color:#fff;
	font-weight:400 !important;
	font-size:13px;
	letter-spacing:1px;
}

.break a {
	color:#fff;
}


.text-blm {
	min-height:430px;
	line-height:24px;
	font-size:16px;
	color:#000;
	font-weight:400;
	padding:60px 2px 85px 2px;
}


.krm-img {
	float:none !important;
	margin:0px auto 20px auto !important;
	display:block;
}


.main-urun-sec-ic {
	background-color:#f2f2f2;
	min-height:400px;
	width:320px;
	margin:0 15px 45px 15px;
	float:left;
	display:block;
	padding-top:85px;
	padding-bottom:30px;
}

.main-urun-bg {
	/*background-image:url(../images/urun-bg.png);*/
	background-position:top bottom;
	background-repeat:no-repeat;
	margin:auto auto auto auto;
	width:250px;
	padding:0 0 70px 0;
	position:relative;
	display:block;
}

.main-urun-tt {
	font-weight:600;
	color:#000;
	font-size:18px;
	text-align:center;
	padding:20px 0 0 0;
}

.detay-btn-trn-ic {
	background-color:#f37121;
	width:80px;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:13px;
	line-height:30px;
	margin:30px auto 0px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 20px;
}

.product-card {
    background: #f2f2f2;
    border: 1px solid #ececec;
    padding: 25px;
    text-align: center;
    border-radius: 6px;
    transition: 0.3s ease;
}

.product-card:hover {
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-6px);
}

.product-img img {
    width: 100%;
    transition: 0.3s ease;
}

.product-card:hover .product-img img {
    transform: scale(1.05);
}

.product-card h3 {
    font-size: 13px;
    margin: 15px 0 20px;
    font-weight: 600;
    color: #000;
}

.btn-detail {
    display: inline-block;
    background: #ff7f26;
    color: #fff;
    padding: 4px 16px;
    border-radius: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: 0.3s ease;
}

.btn-detail:hover {
    background: #e86f1f;
}

/* TABLET */
@media (max-width: 992px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBİL */
@media (max-width: 600px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
}


/* URUN-DETAY */


.marka-logo-ic {
	margin:0px 0 10px 0;
	display:block;
}


.product-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    padding: 0px 0;
}

.product-text {
    flex: 1;
	margin-top:15px;
	display:block;
}

.product-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    max-width: 925px;
}

.datasheet-btn {
    display: inline-block;
    background: #ff7f26;
    color: #fff;
	width:150px;
	line-height:28px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 600;
    margin-top: 25px;
    transition: 0.3s ease;
}

.datasheet-btn:hover {
    background: #e76c1c;
}

.product-image img {
    width: 100%;
    max-width: 460px;
}

/* TAB MENÜ */
.tabs {
    display: flex;
    gap: 5px;
    margin-top: 40px;
}

.tab {
    background: #1e2430;
    color: #fff;
	width:240px;
    padding: 16px 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
}

.tab.active {
    background: #f37221;
    color: #fff;
    border-bottom: 3px solid #ff7f26;
}

.tab:hover:not(.active) {
    background: #f37221;
}

/* TAB İÇERİKLERİ */
.tab-content {
    display: none;
    padding: 30px 0;
}

.tab-content.active {
    display: block;
}

/* TABLO */
.table-wrapper {
    overflow-x: auto;
    border-top: 1px solid #eee;
}

table {
    border-collapse: collapse;
    min-width: 900px;
}

table th {
    background: #f4f4f4;
    font-weight: 700;
    text-align: left;
    padding: 12px;
    border-bottom: 2px solid #ddd;
    font-size: 14px;
}

table td {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .product-top {
        flex-direction: column;
        text-align: center;
    }
    .product-text p {
        margin: auto;
    }
}

@media (max-width: 600px) {
    .tab {
        font-size: 13px;
        padding: 14px 0;
    }
}


/*  */

.contact-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    margin: 40px 0 80px 0;
    flex-wrap: wrap;
}

.contact-info {
    flex: 1;
    min-width: 300px;
}

.contact-info h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #f37221;
}

.item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.item .icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
}

.contact-map {
    flex: 1;
    min-width: 98%;
}

.contact-map iframe {
    width: 100%;
    height: 280px;
    border: none;
    border-radius: 8px;
}

/* ---- Mobil Uyum ---- */
@media (max-width: 768px) {
    .contact-wrapper {
        flex-direction: column;
    }

    .contact-map iframe {
        height: 220px;
    }
}



/* ----------------------------
   GENEL BLOK YAPISI
----------------------------- */
.features-section {
    width: 100%;
    padding: 60px 0;
}

.row-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin: 40px 0 60px 0;

    /* Scroll animasyon başlangıç */
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

/* Scroll görünce animasyon aktif */
.row-block.in-view {
    opacity: 1;
    transform: translateY(0);
	background-color:#e9e9e9;
	padding:50px 70px 50px 70px;
}

/* Reverse class > Görsel sağda */
.row-block.reverse {
    flex-direction: row-reverse !important;
	padding:50px 100px 50px 130px;
	
}


/* ----------------------------
   GÖRSEL
----------------------------- */


.row-image img {
    width: 100%;
    max-width: 560px;
    border-radius: 12px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

/* Hover efekti */
.row-image img:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 35px rgba(0,0,0,0.25);
}

/* ----------------------------
   METİN
----------------------------- */
.row-text {
    max-width: 740px;
}

.row-text h3 {
    font-size: 30px;
    margin-bottom: 15px;
    color: #e87b1a;
    font-weight: 700;
}

.row-text p {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
}

/* ----------------------------
   RESPONSIVE (Mobil)
----------------------------- */
@media (max-width: 900px) {
    .row-block,
    .row-block.reverse {
        flex-direction: column !important;
        text-align: center;
        gap: 25px;
    }

    .row-image img {
        max-width: 100%;
    }

    .row-text {
        max-width: 100%;
    }
}


.info-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 40px 20px;
  flex-wrap: wrap;
}

.info-box {
  flex: 1;
  min-width: 250px;
  max-width: 33%;
  text-align: center;
  padding: 25px 15px;
  border-radius: 12px;
  transition: 0.35s ease;
  cursor: pointer;
  border-bottom:2px solid #f37221;
}

.info-box img {
  width: 140px;
  margin-bottom: 15px;
  transition: 0.35s ease;
}

/* Hover Efekti */
.info-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
}

.info-box:hover img {
  transform: scale(1.1) rotate(3deg);
}

.info-box h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 600;
}

.info-box p {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  padding:0 20px 0 20px;
}

/* Mobil uyum */
@media (max-width: 768px) {
  .info-box {
    max-width: 100%;
  }
}

.galeri {
	float:left;
	display:block;
	width:250px;
	margin:0 20px 40px 20px;
	border-radius: 12px;
	border:1px solid #f37221;
}


/* SıkSorulan */

.sss_a {
	margin:40px 0 25px 0;
	border-bottom:1px solid #cbcbcb;
}
.sss_a ul {
	padding:0;
	margin:0;
	list-style-type:none;
	border:none !important;
}
.sss_a ul li a {
	display:block;
	line-height:30px;
}
.sss_a ul li a:hover, .sss_a ul li a.open {
	border:none !important;
}
.tts {
	background-position:left;
	font-weight:500;
	font-size:18px;
	color:#000;
	padding:15px 0 15px 15px;
	cursor: pointer !important;
	margin-bottom:-1px;
	border-bottom:1px solid #cbcbcb;
	border-top:1px solid #cbcbcb;
}

.navigation-txt {
	padding:10px 0 20px 10px;
	color:#000;
	font-size:14px;
	margin-bottom:-1px;
	z-index:9999;
	position:relative;
	border-bottom:1px solid #FF0000;
}

/* */


/**/

.video-sec {
	width:300px;
	min-height:315px;
	margin: 0 17px 30px 0;
	line-height:18px;
	background-color:#f1f1f1;
	float:left;
	display:block;
}

.video-sec-tt {
	text-align:center;
	color:#000;
	padding:20px 5px 0 5px;
	font-size:13px;
}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  float:left;
  margin:0 10px 25px 0;
  border:1px solid #999999;
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

}

img.grayscale:hover {
  filter: none;
   transition: all 580ms ease-in-out;
  -webkit-filter: grayscale(0%);
}

select {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin-bottom:7px;
}
select {
	height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
	/* For IE7, add top margin to align select with labels */
  line-height: 30px;
}
label, select {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
label {
	display: block;
	margin-bottom: 5px;
}
select {
	display: inline-block;
	height: 30px;
	padding: 4px 6px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.to-top-container {
	display:none;
}


}

/* CEP */

@media only screen and (min-width:300px) and (max-width:475px) {

.body {
	overflow:hidden;
}

.header-tp-zindex {
	display:none;
}
 
.header-tp-zindex2 {
	display:block;
}

#wowslider-container1 {
  position: relative;
  z-index: 1;
  margin-top:125px !important;
}

/* Header slider'ın üstünde duracak */
.header-tp-zindex2 {
  position: absolute; /* slider üstünde */
  top: 0;
  width: 100%;
  background-color:#1e283b;
  padding-bottom:5px;
  /* Görsel olarak okunabilir olsun */
  color: #fff;
}
/* Temizlik */
.clear { clear: both; }


.logo {
	float:left;
	margin:25px 0 0px 8px !important;
	display:block;
}

.lang {
	float: right;
    display: block;
  	color: #fff;
  	font-size: 14px;
	line-height:66px;
  	font-weight:600;
  	margin: 0px 10px 0 10px;
}

.lang a {
	color:#fff;
}

.tpsh {
	float:left;
	display:block;
}


.mm {
	margin:6px 0 0 0;
	display:block;
	float:left;
}

/* MENU */

.menu {
	float:left !important;
	padding:20px 0 0 45px;
	display:none;
}


.pagemn {
	display:block;
}

.mt-125 {
	margin-top:125px;
}


.about-section {
  max-width: 1020px;
  margin: 100px auto;
  padding: 0 20px;
}

.about-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Sol metin alanı */
.about-text {
  color: #333;
}
.about-tag {
  display: inline-block;
  font-size: 14px;
  color: #e94f37;
  font-weight: 700;
  margin-bottom: 8px;
  position: relative;
}

.about-tts {
  color:#000;
  font-weight:600;
  font-size:14px;
}

.about-tag::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 6px;
  width: 4px;
  height: 4px;
  background: #e94f37;
  border-radius: 50%;
}
.about-text h2 {
  font-size: 56px;
  font-weight: 800;
  margin: 0;
  color:#000;
}
.about-text h3 {
  font-size: 22px;
  color: #555;
  margin-bottom: 20px;
}
.about-text p {
  line-height: 1.6;
  margin-bottom: 20px;
  color: #555;
}
.about-text .read-more {
  color: #e94f37;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 2px solid #e94f37;
  padding-bottom: 3px;
  transition: 0.3s;
}
.about-text .read-more:hover {
  color: #222;
  border-color: #222;
}

/* Sağ resim alanı */
.about-image {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.about-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 1.2s ease, filter 1s ease;
  filter: brightness(85%);
}
.about-image:hover img {
  transform: scale(1.08);
  filter: brightness(100%);
}

/* Hover'da veya load sonrası küçük overlay efekti */
.about-image .image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top right, rgba(0,0,0,0.2), transparent);
  pointer-events: none;
}

/* Scroll animasyonları */
.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}
.delay-1 {
  transition-delay: 0.3s;
}

/* Responsive */
@media (max-width: 992px) {
  .about-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .about-image {
    order: -1;
  }
  .about-text h2 {
    font-size: 42px;
  }
}


/* END ABOUT */



/* MAIN URUN-SEC */

.main-urn-bg {
	background-color:#f8f7f5;
	padding:40px 0 50px 0;
	display:block;
}

.main-urn-gn-tt {
	font-size:30px;
	font-weight:600;
	padding:25px 0 20px 0;
	text-align:center;
}

.main-urn-txt {
	text-align:center;
	max-width:98%;
	line-height:24px;
	color:#000;
	margin:auto;
	font-size:16px;
	padding-bottom:60px;
}



.main-kategori-sec {
	background-image:url(../images/main-kategori-bg.png);
	width:320px;
	height:350px;
	float:none;
	display:block;
	margin:0 auto 25px auto;
	background-color:#e2e2e2;
}

.main-kategori-sec-tt {
	text-align:center;
	color:#000;
	font-weight:600;
	font-size:22px;
	margin-bottom:5px;
}

.main-kategori-sec-dvm {
	text-align:center;
	color:#fff;
	display:block;
	font-size:16px;
	margin-top:35px;
}





.main-urun-sec {
	background-color:#f2f2f2;
	min-height:400px;
	display:block;
	padding-top:85px;
	padding-bottom:30px;
}

.main-urun-bg {
	/*background-image:url(../images/urun-bg.png);*/
	background-position:top bottom;
	background-repeat:no-repeat;
	margin:auto auto auto auto;
	width:250px;
	padding:0 0 70px 0;
	position:relative;
	display:block;
}

.main-urun-tt {
	font-weight:600;
	color:#000;
	font-size:20px;
	text-align:center;
	padding:20px 0 0 0;
}

.detay-btn-trn {
	background-color:#f37121;
	width:80px;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:13px;
	line-height:30px;
	margin:10px auto 0px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.slider-container {
    max-width: 1600px; /* Slider'ın maksimum genişliği */
    margin: 0 auto;
    overflow: hidden; /* Dışarı taşanları gizle */
    position: relative;
	padding-bottom:154px;
}

.slider-wrapper {
    display: flex; /* Öğeleri yan yana dizmek için */
    transition: transform 0.5s ease-in-out; /* Kaydırma animasyonu */
}

/* Oklar için basit stil (isteğe bağlı) */
.slider-nav {
    position: absolute;
    top: 88%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    /*background: rgba(0, 0, 0, 0.5);*/
    color: white;
    padding: 10px;
    border-radius: 50%;
}

#prevBtn { left: 30%; }
#nextBtn { right: 30%; }

/* Mevcut CSS güncellemeleri */
.main-urun-sec {   
    /* Responsive ve Slider için Yeni Ayarlar */
    flex: 0 0 25%; /* 4 ürün yan yana gelmesi için %25 genişlik */
    box-sizing: border-box; /* Padding'in genişliğe dahil olmasını sağlar */
    min-width: 280px; /* Çok küçük ekranlarda minimum genişlik */
    text-decoration: none; /* a etiketi olduğu için */
}

/* Tablet ve daha küçük ekranlar için */
@media (max-width: 1200px) {
    .main-urun-sec {
        flex: 0 0 33.333%; /* 3 ürün yan yana */
    }
}

/* Mobil ekranlar için */
@media (max-width: 768px) {
    .main-urun-sec {
        flex: 0 0 50%; /* 2 ürün yan yana */
    }
}

/* En küçük mobil ekranlar için */
@media (max-width: 480px) {
    .main-urun-sec {
        flex: 0 0 100%; /* 1 ürün yan yana */
    }
}


.surdurulebilirlik {
  width: 100%;
  padding: 60px 0;
  background: #fff;
}

.surdurulebilirlik-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  max-width: 1600px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.surdurulebilirlik-image {
  flex: 1;
  min-width: 300px;
}

.surdurulebilirlik-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.surdurulebilirlik-text {
  flex: 1;
  background-color: #f27624;
  color: #fff;
  padding: 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.surdurulebilirlik-text h2 {
  font-size: 48px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: lighter;
}

.surdurulebilirlik-text p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.devami-btn {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  font-size: 16px;
  align-self: flex-start;
  transition: color 0.3s ease;
}

.devami-btn:hover {
  color: #000;
}

/* Fade-up scroll efekti */
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1s ease-out;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive ayarlar */
@media (max-width: 992px) {
  .surdurulebilirlik-container {
    flex-direction: column;
  }
  .surdurulebilirlik-text {
    padding: 40px 25px;
    text-align: center;
  }
  .surdurulebilirlik-text h2 {
    font-size: 28px;
  }
  .devami-btn {
    align-self: center;
  }
}



.marka-logo-bg {
	background-color:#f4f6f7;
	padding:65px 0 65px 0;
	display:block;
}

.markalar {
	margin:auto;
	width: 240px;
	display:block;
}

.marka-logo {
	float:none;
	display:block;
	margin:0 0px 25px 0px !important;
	width: 82%;
}

.main-hbr-blm-tt {
	color:#f37121;
	font-weight:bold;
	font-size:34px;
	float:left;
	font-weight:300;
	margin:65px 0 35px 0;
}

.main-hbr-tm {
	background-image:url(../images/tum-gr-bg.jpg);
	width: 170px;
	line-height: 50px;
	text-align:center;
	color:#000;
	font-size:18px;
	display:block;
	float:right;
	margin-top:60px;
}

.main-hbr-tm a:hover {
	background-color:#CC6600;
}


.main-haber-sec {
	width:84%;
	min-height:392px;
	padding-bottom:0px;
	background-color:#ffffff;
	float:none !important;
	display:block;
	margin:auto auto 40px auto !important;
}

.main-hbr-trh {
	color:#333333;
	font-size:13px;
	padding:20px 0 0 0px;
}

.main-hbr-tt {
	font-size:20px;
	padding:15px 0 10px 0px;
	color:#000;
	font-weight:600;
}

.bottom-bg {
	background-color:#f4f6f7;
	padding:40px 0 65px 0;
	display:block;
}

.bottom-txt-blm {
	width: 98%;
    float: none;
    display: block;
    color: #000;
    font-size: 16px;
    padding: 0 0px 0 0px;
}

.bottom-txt-tt {
	font-weight:600;
	font-size:32px;
	color:#010101;
	padding:20px 0 15px 0;
}
 

.main-box-trnc {
	width:98%;
	min-height:220px;
	display:block;
	background-color:#f37121;
	float:none !important;
	margin:20px 0px 0 0px;
}

.main-box-gry {
	width:98%;
	min-height:220px;
	display:block;
	background-color:#83878d;
	float:none !important;
	margin:20px 0px 0 0px;
}

.main-box-kygr {
	width:98%;
	min-height:220px;
	display:block;
	background-color:#434b58;
	float:none !important;
	margin:20px 0px 0 0px;
}

.main-box-tt {
	font-size:24px;
	font-weight:600;
	color:#fff;
	width:150px;
	padding:30px 0 0 20px;
}

.footer {
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat;
	min-height:510px;
	display:block;
	padding:35px 0 30px 0;            
}

.ft-sl {
	width:300px;
	float:none;
	display:block;
	margin:30px 0 25px 0;
}

.ft-sl-txt {
	color:#fee0cd;
	font-weight:300;
	line-height:22px;
	font-size:14px;
	padding:25px 0 45px 0;
}

.ayrc-brd {
	float:none;
	border-top:1px solid #616876;
	border-left:none;
	min-height:635px;
	max-width:840px;
	display:block;
	margin-left:0;
}


.ft-menu {         
	width:210px;
	float:left;
	display:b lock;
	margin:35px 10px 25px 20px;
}

.ft-menu2 {         
	width:220px;
	float:left;
	display:b lock;
	margin:35px 0 25px 20px;
}

.ft-tt {
	color:#fee0cd;
	font-weight:lighter;
	display:block;
	font-size:24px;
	margin-bottom:20px;
}

.ft-baslik {
	color:#fee0cd;
	font-size:18px;
	display:block;
	font-weight:500;
	margin-bottom:10px;
}

.ayrc-bt-brd {
	border-bottom:1px solid #616876;
	padding:25px 0 25px 0;
	display:block;
	float:left;
	margin-bottom:25px;
}


.kvkk {
	float:left !important;
	text-align:center;
	color:#fee0cd;
	font-size:18px;
	font-weight: lighter;
	display:block;
	padding:60px 0 0 30px;
}

.kvkk a {
	color:#fee0cd;

}

.ft-telefon {
	padding:70px 45px 0 30px;
	color:#fee0cd;
	font-size:18px;
	float:left;
	display:block;
	font-weight: lighter;
}

.tl-bld {
	color:#fee0cd;
	font-weight:600;
	font-size:18px;
	padding:10px 0 0 0;
}



.sr-czg {
	border-top:1px solid #ffe600;
	margin:45px 0 25px 0;
	display:block;
}


.copy {
	color:#fee0cd;
	font-size:16px;
	font-weight: lighter;
	line-height:22px;
	margin:60px 0 0 30px;
	display:block;
	float:none;
	text-align:center;
}

.copy a {
	color:#fee0cd;
}

.grimor {
	display:block;
	float:none;
	text-align:center;
	font-size:16px;
	font-weight: lighter;
	color:#fee0cd;
	margin-top:20px !important;
	position:relative;
}

.grimor a {
	color:#fee0cd;
}
/* Footer */


/* IC CSS */

.ust-bg {
	background-image:url(../images/ust-bg.jpg);
	display:block;
	height:440px;
	background-repeat:top center;
}


.break-tt {
	color:#fff;
	font-size:44px !important;
	font-weight:300;
	display:block;
	padding:245px 0 0 0;
}


.break {
	padding:10px 0px 0px 0px;
	color:#fff;
	font-weight:400 !important;
	font-size:13px;
	letter-spacing:1px;
}

.break a {
	color:#fff;
}


.text-blm {
	min-height:430px;
	line-height:24px;
	font-size:16px;
	color:#000;
	font-weight:400;
	padding:60px 2px 85px 2px;
}


.krm-img {
	float:none !important;
	margin:0px auto 20px auto !important;
	display:block;
}


.main-urun-sec-ic {
	background-color:#f2f2f2;
	min-height:400px;
	width:320px !important;
	margin:0 auto 45px auto !important;
	float:none;
	display:block;
	padding-top:85px;
	padding-bottom:30px;
}

.main-urun-bg {
	/*background-image:url(../images/urun-bg.png);*/
	background-position:top bottom;
	background-repeat:no-repeat;
	margin:auto auto auto auto;
	width:250px;
	padding:0 0 70px 0;
	position:relative;
	display:block;
}

.main-urun-tt {
	font-weight:600;
	color:#000;
	font-size:18px;
	text-align:center;
	padding:20px 0 0 0;
}

.detay-btn-trn-ic {
	background-color:#f37121;
	width:80px;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:13px;
	line-height:30px;
	margin:30px auto 0px auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 20px;
}

.product-card {
    background: #f2f2f2;
    border: 1px solid #ececec;
    padding: 25px;
    text-align: center;
    border-radius: 6px;
    transition: 0.3s ease;
}

.product-card:hover {
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-6px);
}

.product-img img {
    width: 100%;
    transition: 0.3s ease;
}

.product-card:hover .product-img img {
    transform: scale(1.05);
}

.product-card h3 {
    font-size: 13px;
    margin: 15px 0 20px;
    font-weight: 600;
    color: #000;
}

.btn-detail {
    display: inline-block;
    background: #ff7f26;
    color: #fff;
    padding: 4px 16px;
    border-radius: 25px;
    font-size: 12px;
    font-weight: 600;
    transition: 0.3s ease;
}

.btn-detail:hover {
    background: #e86f1f;
}

/* TABLET */
@media (max-width: 992px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBİL */
@media (max-width: 600px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
}


/* URUN-DETAY */


.marka-logo-ic {
	margin:0px 0 10px 0;
	display:block;
}


.product-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    padding: 0px 0;
}

.product-text {
    flex: 1;
	margin-top:15px !important;
	display:block;
}

.product-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    max-width: 925px;
}

.datasheet-btn {
    display: inline-block;
    background: #ff7f26;
    color: #fff;
	width:150px;
	line-height:28px;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 600;
    margin-top: 25px;
    transition: 0.3s ease;
}

.datasheet-btn:hover {
    background: #e76c1c;
}

.product-image img {
    width: 100%;
    max-width: 460px;
}

/* TAB MENÜ */
.tabs {
    display: flex;
    gap: 5px;
    margin-top: 40px;
}

.tab {
    background: #1e2430;
    color: #fff;
	width:240px;
    padding: 16px 0;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
}

.tab.active {
    background: #f37221;
    color: #fff;
    border-bottom: 3px solid #ff7f26;
}

.tab:hover:not(.active) {
    background: #f37221;
}

/* TAB İÇERİKLERİ */
.tab-content {
    display: none;
    padding: 30px 0;
}

.tab-content.active {
    display: block;
}

/* TABLO */
.table-wrapper {
    overflow-x: auto;
    border-top: 1px solid #eee;
}

table {
    border-collapse: collapse;
    min-width: 900px;
}

table th {
    background: #f4f4f4;
    font-weight: 700;
    text-align: left;
    padding: 12px;
    border-bottom: 2px solid #ddd;
    font-size: 14px;
}

table td {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .product-top {
        flex-direction: column;
        text-align: center;
    }
    .product-text p {
        margin: auto;
    }
}

@media (max-width: 600px) {
    .tab {
        font-size: 13px;
        padding: 14px 0;
    }
}


/*  */

.contact-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    margin: 40px 0 80px 0;
    flex-wrap: wrap;
}

.contact-info {
    flex: 1;
    min-width: 300px;
}

.contact-info h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #f37221;
}

.item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.item .icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
}

.contact-map {
    flex: 1;
    min-width: 98%;
}

.contact-map iframe {
    width: 100%;
    height: 280px;
    border: none;
    border-radius: 8px;
}

/* ---- Mobil Uyum ---- */
@media (max-width: 768px) {
    .contact-wrapper {
        flex-direction: column;
    }

    .contact-map iframe {
        height: 220px;
    }
}



/* ----------------------------
   GENEL BLOK YAPISI
----------------------------- */
.features-section {
    width: 100%;
    padding: 60px 0;
}

.row-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin: 40px 0 60px 0;

    /* Scroll animasyon başlangıç */
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

/* Scroll görünce animasyon aktif */
.row-block.in-view {
    opacity: 1;
    transform: translateY(0);
	background-color:#e9e9e9;
	padding:50px 70px 50px 70px;
}

/* Reverse class > Görsel sağda */
.row-block.reverse {
    flex-direction: row-reverse !important;
	padding:50px 100px 50px 130px;
	
}


/* ----------------------------
   GÖRSEL
----------------------------- */


.row-image img {
    width: 100%;
    max-width: 560px;
    border-radius: 12px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

/* Hover efekti */
.row-image img:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 35px rgba(0,0,0,0.25);
}

/* ----------------------------
   METİN
----------------------------- */
.row-text {
    max-width: 740px;
}

.row-text h3 {
    font-size: 30px;
    margin-bottom: 15px;
    color: #e87b1a;
    font-weight: 700;
}

.row-text p {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
}

/* ----------------------------
   RESPONSIVE (Mobil)
----------------------------- */
@media (max-width: 900px) {
    .row-block,
    .row-block.reverse {
        flex-direction: column !important;
        text-align: center;
        gap: 25px;
    }

    .row-image img {
        max-width: 100%;
    }

    .row-text {
        max-width: 100%;
    }
}


.info-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 40px 20px;
  flex-wrap: wrap;
}

.info-box {
  flex: 1;
  min-width: 250px;
  max-width: 33%;
  text-align: center;
  padding: 25px 15px;
  border-radius: 12px;
  transition: 0.35s ease;
  cursor: pointer;
  border-bottom:2px solid #f37221;
}

.info-box img {
  width: 140px;
  margin-bottom: 15px;
  transition: 0.35s ease;
}

/* Hover Efekti */
.info-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
}

.info-box:hover img {
  transform: scale(1.1) rotate(3deg);
}

.info-box h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 600;
}

.info-box p {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  padding:0 20px 0 20px;
}

/* Mobil uyum */
@media (max-width: 768px) {
  .info-box {
    max-width: 100%;
  }
}

.galeri {
	float:left;
	display:block;
	width:250px;
	margin:0 20px 40px 20px;
	border-radius: 12px;
	border:1px solid #f37221;
}


/* SıkSorulan */

.sss_a {
	margin:40px 0 25px 0;
	border-bottom:1px solid #cbcbcb;
}

.sss_a ul {
	padding:0;
	margin:0;
	list-style-type:none;
	border:none !important;
}

.sss_a ul li a {
	display:block;
	line-height:30px;
}

.sss_a ul li a:hover, .sss_a ul li a.open {
	border:none !important;
}

.tts {
	background-position:left;
	font-weight:500;
	font-size:18px;
	color:#000;
	padding:15px 0 15px 15px;
	cursor: pointer !important;
	margin-bottom:-1px;
	border-bottom:1px solid #cbcbcb;
	border-top:1px solid #cbcbcb;
}

.navigation-txt {
	padding:10px 0 20px 10px;
	color:#000;
	font-size:14px;
	margin-bottom:-1px;
	z-index:9999;
	position:relative;
	border-bottom:1px solid #FF0000;
}

/* */


/**/

.video-sec {
	width:300px;
	min-height:315px;
	margin: 0 17px 30px 0;
	line-height:18px;
	background-color:#f1f1f1;
	float:left;
	display:block;
}

.video-sec-tt {
	text-align:center;
	color:#000;
	padding:20px 5px 0 5px;
	font-size:13px;
}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  float:left;
  margin:0 10px 25px 0;
  border:1px solid #999999;
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

}

img.grayscale:hover {
  filter: none;
   transition: all 580ms ease-in-out;
  -webkit-filter: grayscale(0%);
}

select {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin-bottom:7px;
}
select {
	height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
	/* For IE7, add top margin to align select with labels */
  line-height: 30px;
}
label, select {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
label {
	display: block;
	margin-bottom: 5px;
}
select {
	display: inline-block;
	height: 30px;
	padding: 4px 6px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.to-top-container {
	display:none;
}

 
}

@media only screen and (min-width:300px) and (max-width:360px) {

.logo {
	float:left;
	margin:20px 0 0px 5px !important;
	display:block;
	width:160px;
}

}

.teknik-tablo {
        width: 100%;
        border-collapse: collapse;
        min-width: 800px; /* Tablonun çok sıkışmasını engeller */
        font-size: 14px;
        color: #333;
    }

    .teknik-tablo th, .teknik-tablo td {
        border-bottom: 1px solid #ddd;
        padding: 12px 8px;
        text-align: center;
    }

    /* Başlık Alanı Tasarımı */
    .teknik-tablo thead tr {
        background-color: #e0e0e0; /* Resimdeki gri başlık rengi */
        color: #444;
        font-weight: bold;
        text-transform: uppercase;
    }

    /* Model İsimlerinin Tasarımı */
    .teknik-tablo tbody tr td:first-child {
        font-weight: bold;
        text-align: left;
        color: #000;
    }

    /* Satır üzerine gelince renk değişimi */
    .teknik-tablo tbody tr:hover {
        background-color: #f9f9f9;
    }

    /* Çift satırlar için hafif arka plan (okunabilirliği artırır) */
    .teknik-tablo tbody tr:nth-of-type(even) {
        background-color: #fafafa;
    }
	
	
	
.kompresor-tablo {
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
    color: #333;
}

.kompresor-tablo thead th {
    background: #e8e8e8;
    padding: 10px 6px;
    font-weight: bold;
    border: 1px solid #ccc;
}

.subhead th {
    background: #f5f5f5;
    font-weight: normal;
}

.kompresor-tablo tbody td {
    padding: 10px 6px;
    border: 1px solid #ddd;
}

.kompresor-tablo tbody tr:nth-child(even) {
    background: #fafafa;
}

.kompresor-tablo td:first-child {
    font-weight: bold;
    text-align: left;
    padding-left: 8px;
}