/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

/* var(--r) */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;
	padding: 0;
	//list-style: none;
	//-webkit-font-smoothing: antialiased;
	//-moz-osx-font-smoothing: grayscale;
	/*-webkit-user-select: none; yandex form input kiltliyor*/

	-html-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; 
}

body {
	margin:0;
	padding:0;
    max-width: 100% !important;/*yatay kaydırma yok*/
    overflow-x: hidden !important;/*yatay kaydırma yok*/
}
body,p,li{
	font-size: 100%;
	/*font-family: 'Open Sans', sans-serif;
	font-family: 'Montserrat', sans-serif;*/
	font-family: 'Poppins', sans-serif !important;
	font-size: 1.2vw; /*k39ss*/
	font-weight:200;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	color:#000;
	line-height:1.6;
}
p{text-align:justify;}/*k39ss*/
b,strong{font-weight:600}
.yatayscrollengelle{ max-width:100%;position: relative;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;}
h1,h2,h3,h4{font-weight:300;text-align:center;color:var(--r);margin:2vw 0 0.5vw 0;line-height:140%;}
h1{font-size:2vw;}
h2{font-size:1.7vw;}
h3{font-size:1.5vw;}
h4{font-size:1.3vw;margin:0;}
a{text-decoration:none}
img {image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:filter;}
hr.normal,hr{
    border: 0;
    height: 1px;
    /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));*/
	background: linear-gradient(to right, transparent, var(--r), transparent);
	margin:1vw 0 1vw 0;
}

.renk{color:var(--r)}

.ortala{
    text-align: center;
    margin: 0 auto;
}
.cab2 {
  width: 100%;
  display: grid;
  grid: "cab2Sol cab2Sag" 1fr / 25% auto;
  gap: 0; /* ara boşluk */
}
.cab2Sol {grid-area: cab2Sol;padding: 2vw;}
.cab2Sag {grid-area: cab2Sag;padding: 2vw;}
.col2ters .cab2 {/* Body solda, solbar sağda */
	grid-template-areas: "cab2Sag cab2Sol";
	grid-template-columns: auto 25%;
}
.cab2Sag2li {
  display: flex;
  gap: 1vw; /* Div'ler arası boşluk */
}
.cab2Sag2li > div {
  flex: 1; /* İki div eşit genişlikte */
}


.cols {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;/*yatay*/
	align-items: center;/*center;/*dikey*/
}
.col1 {
	width: 78vw;
    height: auto;
    margin: 0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}

.col2 {
	width: 39vw;
    height: auto;
    margin: 0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}
.col3 {
	width: 29vw;
    height: auto;
    margin: 0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}

.col4 {
	width: 22.4vw;
    height: auto;
    margin: 0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}

.col5 {
	width: 18vw;
    height: auto;
    margin: 0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}

.col6 {
	width: 14vw;
    height: auto;
    margin: 0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}

.imgfull{width:100%;}
.imgyarim{width:50%;}
.imgceyrek{width:25%;}

.golge {
	box-shadow:         0 0 1vw -.5vw #000;
	-webkit-box-shadow: 0 0 1vw -.5vw #000;
	-moz-box-shadow:    0 0 1vw -.5vw #000;
}

.ovalyarim{-webkit-border-radius:.5vw;-moz-border-radius:.5vw;-khtml-border-radius:.5vw;border-radius:.5vw;}
.ovaltam{-webkit-border-radius:1vw;-moz-border-radius:1vw;-khtml-border-radius:1vw;border-radius:1vw;}
.ovaliki{-webkit-border-radius:2vw;-moz-border-radius:2vw;-khtml-border-radius:2vw;border-radius:2vw;}

.yatayscrollengelle {
	max-width: 100%;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}

.sepeteuc {
	position: absolute;
	width: 5vw;
	height: 5vw;
	background: url('../i/paket.svg') no-repeat center center / cover;
	z-index: 9999;
	pointer-events: none;
	transition: all 1.5s ease-in;
}

.tbfiltre{
	border-collapse: collapse;
	width:auto;
}
.tbfiltre th, .tbfiltre td {
	vertical-align:middle;
	text-align:left;
	white-space:nowrap;
	padding:.2vw;
	font-size:1vw;
	font-weight:500;
	color:#666;
}
.panelicon{width:2.5vw;margin:0 2vw 0 0;cursor:pointer;}

.stats li{list-style:none;font-size:.7vw;color:#bbb}



/* Mobil Responsive */
@media screen and (max-width: 799px) {
	body,p{font-size:3vw}
	h1,h2,h3,h4{margin:5vw 0 1vw 0;}
	h1{font-size:5vw}
	h2{font-size:4vw}
	h3{font-size:3.5vw}
	h4{font-size:3vw}
	.col1,.col2,.col3,.col4,.col5,.col6 {width:80vw;margin: 4vw 0 4vw 0;}
  .cab2Sag2li {
    flex-direction: column; /* Div'leri alt alta sırala */
  }
  
  .cab2Sag2li > div {
    width: 100%; /* Genişliği tam yap */
    flex: none; /* Flex özelliğini kaldır */
  }
	
	.tbfiltre th, .tbfiltre td {font-size:3vw;}
	.panelicon{width:8vw;}
	.cab2 {
	display: flex; /* Grid yapısını iptal et, Flexbox kullan */
	flex-direction: column; /* Dikey sırala */
	}
	.col2ters .cab2Sag {
	display: block; /* Sağ bölümü göster */
	order: 1; /* Sağ bölümü alt sıraya al */
	}
	.col2ters .cab2Sol {
	order: 2; /* Sol bölümü üst sıraya al */
	}
	.stats li{font-size:2vw;}
}