@font-face {
	font-family: 'InterLight';
	src: url('Inter_18pt-Light.ttf');
	font-display:swap;
}
@font-face {
	font-family: 'InterRegular';
	src: url('Inter_18pt-Regular.ttf');
	font-display:swap;
}
@font-face {
	font-family: 'InterSemibold';
	src: url('Inter_18pt-SemiBold.ttf');
	font-display:swap;
}
@font-face {
	font-family: 'InterBlack';
	src: url('Inter_18pt-Black.ttf');
	font-display:swap;
}
html,body{
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	float:left;
	background:#fafafa;
}
.mask{
	float:left;
	margin:0 0 2rem 0;
	padding:0;
	width:100%;
	height:2.6rem;
	box-shadow:0 2px 0 transparent;
}
.topbar{
	position:fixed;
	margin:0;
	padding:0.7rem 1rem;
	width:100%;
	height:auto;
	box-sizing:border-box;
	z-index: 1000;
	box-shadow:0 2px 0 transparent;
	transition: background-color 0.5s ease;
}
a.logo, a.logo:visited, a.logo:active, a.logo:hover{
	float:left;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	outline:none;
	border:none;
	cursor:pointer;
}
a.logo img {
	float:left;
	margin:0;
	padding:0;
	width:auto;
	height:1.2rem;
}
a.mainmenu, a.mainmenu:visited, a.mainmenu:active{
	float:right;
	margin:0 0 0 0.7rem;
	padding:0;
	width:auto;
	height:auto;
	outline:none;
	border:none;
	text-decoration:none;
	font:0.5rem/1.2rem 'InterLight', sans-serif;
	color:#000;
	cursor:pointer;
}
a.mainmenu:hover{
	text-decoration:underline;
}
a.mainmenu.selected{
	text-decoration:underline;
	font:0.5rem/1.2rem 'InterSemibold', sans-serif;
	color:#000;
}
.res_menu a, .res_menu a:visited, .res_menu a:active{
	float:left;
	margin:0;
	padding:0.1rem 0;
	width:100%;
	height:auto;
	outline:none;
	border:none;
	text-decoration:none;
	font:0.7rem/1.2rem 'InterLight', sans-serif;
	color:#000;
	cursor:pointer;
	text-align:center;
}
.res_menu a:hover{
	text-decoration:underline;
}
.res_menu a.selected{
	text-decoration:underline;
	font:0.7rem/1.2rem 'InterSemibold', sans-serif;
	color:#000;
}
.welcome{
	float:left;
	margin:0 0 1rem 0;
	padding:0 3rem;
	width:100%;
	height:auto;
	text-align:center;
	box-sizing:border-box;
}
.container{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.container_inn{
	float:none;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.container_result{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.layout {
	display: grid;
	gap: 1rem; /* Sütunlar arası boşluk (2 * tarayıcı varsayılan font boyutu) */
	padding: 1rem; /* İçerik ile kenarlar arası boşluk (2 * tarayıcı varsayılan font boyutu) */
	max-width: 1200px; /* Opsiyonel: Maksimum sayfa genişliği */
	margin: 0 auto 1.5rem auto; /* Sayfayı ortalar */
}
@media (min-width: 960px) {
	.layout {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width: 640px) and (max-width: 959px) {
	.layout {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 639px) {
	.layout {
		grid-template-columns: 1fr;
	}
}
.column-item {
	float:left;
	margin:0 0 0.5rem 0;
	padding:0;
	width:100%;
	height:auto;
}
.logo_stage{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.logo_stage img{
	float:left;
	margin:0 0 0.3rem 0;
	padding:0;
	width:100%;
	height:auto;
	outline:none;
	cursor:pointer;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.logo_stage label{
	float:left;
	margin:0 0 0.2rem 0;
	padding:0;
	width:100%;
	height:auto;
	font:0.5rem/0.5rem 'InterRegular', sans-serif;
	color:#000;
}
.logo_stage span{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	font:0.4rem/0.4rem 'InterLight', sans-serif;
	color:#999;
}
.bottombar{
	position:relative;
	float:left;
	margin:0;
	padding:0.6rem 1rem;
	width:100%;
	height:auto;
	box-sizing:border-box;
	border-top:1px solid #f1f1f1;
}
a.bottombar_logo, a.bottombar_logo:visited, a.bottombar_logo:active, a.bottombar_logo:hover{
	float:right;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	outline:none;
	border:none;
	cursor:pointer;
}
a.bottombar_logo img {
	float:left;
	margin:0;
	padding:0;
	width:auto;
	height:1rem;
}
a.bottombar_menu, a.bottombar_menu:visited, a.bottombar_menu:active{
	float:left;
	margin:0 0.7rem 0 0;
	padding:0;
	width:auto;
	height:auto;
	outline:none;
	border:none;
	text-decoration:none;
	font:0.5rem/1rem 'InterLight', sans-serif;
	color:#000;
	cursor:pointer;
}
a.bottombar_menu:hover{
	text-decoration:underline;
}
.copyright{
	position:relative;
	float:left;
	margin:0;
	padding:0.5rem 1rem;
	width:100%;
	height:auto;
	background:#000;
	box-sizing:border-box;
	font:0.5rem/0.5rem 'InterLight', sans-serif;
	color:#fff;
}
.layout_two {
	display: grid;
	gap: 1rem;
	padding: 1rem;
	max-width: 1200px;
	margin: 0 auto 1.5rem auto;
}
@media (min-width: 960px) {
	.layout_two {
		grid-template-columns: 1fr 2fr;
	/* 1/3 ve 2/3 oranı (örneğin: 1fr + 2fr = 3fr toplam) */
	}
}

@media (min-width: 640px) and (max-width: 959px) {
	.layout_two {
		grid-template-columns: 1fr; /* Orta ekranlarda tek sütun */
	}
}

@media (max-width: 639px) {
	.layout_two {
		grid-template-columns: 1fr; /* Küçük ekranlarda da tek sütun */
	}
}

img.regular_img{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	border:none;
	outline:none;
}
a{
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent !important;
	outline: none !important;
	color:#4366B0;
	text-decoration:underline;
}
h1{ 
	float:left;
	margin:0 0 0.5rem 0;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
	-webkit-font-smoothing:antialiased;
	color:#000;
	font:1.7rem/1.7rem 'InterBlack', sans-serif;
}
h2{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	-webkit-font-smoothing:antialiased;
	color:#000;
	font:1rem/1.2rem 'InterLight', sans-serif;
	text-align:center;
}
h3{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	box-sizing:border-box;
	font:0.7rem/0.9rem 'InterLight', sans-serif;
	-webkit-font-smoothing:antialiased;
	color:#000;
}
.price_tag{ 
	float:left;
	margin:0;
	padding:1rem 0;
	width:100%;
	height:auto;
	background-image:url('../img/circlemark.svg');
	background-repeat:no-repeat;
	background-position:center center;
	rotate:-10deg;
	text-align:center;
}
span.marked{
	background:#fde047;
	padding:0 5px;
}
span.bold{
	font-family:'InterBlack', sans-serif;
}
span.underline{
	text-decoration:underline;
}
span.italic{
	font-style:italic;
}

.burger{
	float:right;
	margin:0.3rem 0 0 0;
	padding:0;
	width:auto;
	height:0.6rem;
	cursor:pointer;
	display:none;
}
.res_menu{
	position:fixed;
	right:1rem;
	top:2.6rem;
	margin:0;
	padding:1rem;
	width:auto;
	height:auto;
	box-sizing:border-box;
	display:none;
	background-color:rgba(255, 255, 255, 0.8);
	box-shadow:rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
}
.price_list{
	float:left;
	margin:0;
	padding:1rem;
	width:100%;
	height:auto;
	box-sizing:border-box;
	border:1px solid #e2e3e3;
	background:#faf8f4;
	border-radius:10px;
	font:0.5rem/0.7rem 'InterLight', sans-serif;	
}
.price_list ul{
	float:left;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	list-style-position: outside;
	list-style:none;
}
.price_list ul li{
	float:left;
	margin:0 0 0.5rem 0;
	padding:0 0 0 0.7rem;
	width:auto;
	height:auto;
	background-image:url('../img/checkmark.svg');
	background-repeat:no-repeat;
	background-position:top left;
	background-size:0.7rem 0.7rem;
}
@media(max-width: 3000px){html{font-size:30px;}}
@media(max-width: 768px){
	html{font-size:24px;}
	.mainmenu{display:none;}
	.burger{
		display:block;
	}
}
@media(max-width: 450px){
	html{font-size:20px;}
	h1{ 
		margin:0 0 0.3rem 0;
		font:1.2rem/1.2rem 'InterBlack', sans-serif;
	}
	h2{
		font:0.7rem/1rem 'InterLight', sans-serif;
	}
	h3{
		font:0.7rem/1rem 'InterLight', sans-serif;
	}
}