/* 
Theme Name: Kornison 2025
Theme URI: https://kornison.io
Created: 10.06.2025
Updated: 04.08.2025
*/

/* icon set - https://github.com/phosphor-icons/homepage#phosphor-icons */
@import url('https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css');
@import url('https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/thin/style.css');
@import url('https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/bold/style.css');
@import url('https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css');

/* FONTS */
@font-face {font-family: swiss; src: url("https://kornison.afct.one/font/Swiss 721 Roman.ttf");}
@font-face {font-family: swissBold; src: url("https://kornison.afct.one/font/Swiss 721 Bold.ttf");}
@font-face {font-family: swissBoldCondensed; src: url("https://kornison.afct.one/font/Swiss 721 Bold Condensed.ttf");}

:root {
	--primer: #0C283B;		/* Lacivert */
	--beyaz: #ffffff;		/* Beyaz */
}

html {scroll-behavior:smooth; background:#fff}
body {font-family: "swiss", sans-serif; font-size:16px; color:#222; font-weight:400}
strong {font-family: "swissBold", sans-serif}
p {line-height:normal}
h1, h2, h3, h4, h5, h6 {text-wrap:balance}

/* GENERAL */

/************************************************************************
 *
 * HEADER
 *
 ************************************************************************/
#header {width:100%; position:sticky; top:0; z-index:999; background:#fff; margin-bottom:.5rem}
#headerInner {max-width:1400px; 
	align-items: stretch;
	justify-content: space-between;
	margin: 0 auto /* 2rem*/;
	min-height: 70px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	display: flex;
/*	background: rgba(255, 255, 255, 0.20);
	backdrop-filter: blur(20px);*/
}
#header .siteName {display:none}
#header .siteLogo {height:22px}

#header nav {text-transform:uppercase; font-family: "swissBoldCondensed", sans-serif;}
	#header nav ul {display:flex; flex-direction:row; gap:2rem; padding:0; margin:0; width:min-content}
		#header nav li {list-style:none; padding:0; margin:0; grid-column-gap:0rem; justify-content:center; align-items:center; display:flex; white-space:nowrap}
			#header nav ul .sub-menu {display:none}
			#header nav ul .sub-menu span {line-height:normal}

	#header nav ul {list-style: none; margin: 0; padding-left: 0;}
	#header nav li {display: block; float: left; position: relative; text-decoration: none; transition-duration: 0.25s; padding:1rem 0}
	#header nav#menu li a {padding:1rem 0rem .25rem}
	#header nav#menu li:hover,
	#header nav#menu li:focus-within {cursor:pointer}
	#header nav#menu li:focus-within a {outline:none}
	#header nav#menu ul li ul {background:#f8f8f8; visibility: hidden; opacity: 0; position: absolute; transition: all 0.25s ease; left: 0; margin-top:1rem; filter: drop-shadow(0 1rem 2rem #0C283B66); border-radius:.25rem; display: none;}
	#header nav#menu ul li:hover > ul,
	#header nav#menu ul li:focus-within > ul,
	#header nav#menu ul li ul:hover {visibility: visible; opacity: 1; display: block;}
	#header nav#menu ul li ul li {border-radius:0; padding:1rem}
	#header nav#menu ul li ul li a {padding:0}
	#header nav#menu ul li i {margin-left:.25rem; line-height:.1rem !important;}
	#header nav#menu ul li ul li:first-child {border-radius:.25rem .25rem 0 0}
	#header nav#menu ul li ul li:last-child {border-radius:0 0 .25rem .25rem}
	#header nav#menu ul li ul li:hover {background:var(--primer)}
	#header nav#menu ul li ul li:hover a, #header nav#menu ul li ul li:hover a:hover {color:#f8f8f8; border:none}
	#header nav i {font-weight:600} /* Menüdeki Phosphor font-icon kalın olmalı */

			/* link alt Çiz efekt */
			#header nav li a {display:block; position:relative; padding:.2rem 0;}
			#header nav li a:after {content:''; position: absolute;bottom: 0;left: 0;width: 100%;height:2px; background-color:var(--primer); opacity: 0;transition: opacity 300ms, transform 300ms;border-radius:50%;}
			#header nav li a:hover::after, #header nav li a:focus::after {opacity: 1; transform: translate3d(0, 0.2em, 0);}
			/* Slide in */
			#header nav li a {overflow: hidden;}
			#header nav li a:after {opacity 1;	transform: translate3d(-100%, 0, 0);}
			#header nav li a:hover::after,#header nav li a:focus::after {transform: translate3d(0, 0, 0);}


	#header nav#menu ul li ul.sub-menu li { clear: both; width: 100%;}

		#header a {font-size:17px;  color:var(--primer); text-decoration:none;}


	/* Buttons */
	.CTA-Button, .header-CTA a {display:initial; position:relative; top:0; text-transform:uppercase; font-family: "swissBoldCondensed", sans-serif; font-size:18px; padding:.625rem 1rem; border-radius:.25rem; text-decoration:none; /*line-height:1.75;*/ border:2px solid var(--primer) !important; transition: all .2s ease; text-align: center; white-space: nowrap;}
		.CTA-Button i {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top:-0.08rem; left:0.2rem;}

		.buttonPrimary {color:var(--beyaz); background-color:var(--primer);}
		.buttonSecondary, .header-CTA2 a {background-color:var(--beyaz); color:var(--primer)}

		.buttonPrimary:hover {background-color:var(--beyaz); color:var(--primer)}
		.buttonSecondary:hover, .header-CTA a:hover {background-color:var(--primer); color:var(--beyaz) !important}

		.header-CTA a {display:block; margin:4px 0 0 1rem; padding:.6rem 1rem !important; text-align: center !important;}
		.header-CTA a:after {display:none}



	/* Section Sabitleri */
	section {padding-bottom:4rem}
		.sectionHeader {width:100%; text-align:center}
		.sectionHeader h2 {font-family: "swissBoldCondensed", sans-serif; font-size:45px; line-height: normal; color:var(--primer);}
		.sectionHeader h2.dar {max-width: 800px; margin: auto;}
		p.sectionDefinition {display:block; margin:.75rem auto 2rem; max-width:800px; padding:0 1rem; font-size:1rem; line-height:1.65rem; color:var(--primer);}


/* Sayfaların standart başlıklarını gizleyelim */
#container header.header {display:none}

#container {max-width:1400px; margin:auto; padding:0 1rem/*overflow-x: hidden;*/}
.container-bigger {width:1400px; margin:auto;}
.container-inner {max-width:1150px; margin:auto}
.container-inner-1000 {max-width:1000px; margin:auto} /* Blog Yazısı Üst kısımlarında kullanılır */
.container-inner-content, .container-inner-900 {max-width:900px; margin:auto} /* Düz yazı - içerik kısımları */
.row {display:flex; flex-direction:row; flex-wrap:wrap; width:100%;}
.fullWidth {}
.column {display:flex; flex-direction:column; flex-basis:100%; flex:1;}



/************************************************************************
 *
 * ANA SAYFA
 *
 ************************************************************************/
	/* Hero */
	.hero {padding-top:4rem}
	.heroText {position:relative; flex:unset; width:60%; color:var(--primer)}
		.heroText h1 {font-family: "swissBoldCondensed", sans-serif; font-size:75px; letter-spacing:-3px; line-height:82px; margin-bottom:1rem}
		.heroText h2 {font-size:20px; line-height:30px; margin-bottom:2.5rem}
/*
		.heroText .heroButton {display:initial; position:relative; top:0; text-transform:uppercase; font-family: "swissBoldCondensed", sans-serif; font-size:17px; font-weight:600; padding:.75rem 1.7rem .75rem 1.5rem; border-radius:.25rem; text-decoration:none; line-height:30px; border:2px solid var(--primer); transition: all .2s ease;}
		.heroText .heroButton:hover {top:-.25rem; filter: drop-shadow(0 .65rem .65rem #0C283B66);}
		.heroText .heroButton i {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top:-0.08rem; left:0.2rem;}

		.heroText .heroPrimary {color:var(--beyaz); background-color:var(--primer); margin-right:20px}
		.heroText .heroSecondary {background-color:var(--beyaz); color:var(--primer)}
*/
		.heroButtons {display:inherit}	
		.heroText .buttonPrimary {margin-right:20px}

		.hero .heroPartners {margin-top:4rem}
		.hero .heroPartners h3 {font-family: "swissBoldCondensed", sans-serif; margin-bottom:10px}
		.hero .heroPartners img {width:auto; height:30px; margin-right:1.5rem}


	.heroImage {width:40%;}
		/*.heroImage img {margin-top:-2rem}*/
		.cards {position:relative; margin:-3rem 0 0 -5rem; width:700px; height:700px; display:flex; justify-content: center; align-items: center;}
			.card {
			  position: absolute; 
			  top:0;
			  width:300px; 
			  height:500px; 
			  border:4px solid #fffc; box-shadow:0 1rem 3rem #0006;
			  border-radius:1rem; 
			  display: flex; 
			  justify-content: center; 
			  align-items: center;
			  color:#fff; font-family:sans-serif;
			  animation        : ease 20s;
			  animation-iteration-count : infinite;
			  transform-origin          : bottom;
			}
			.card img {
				width:100%; 
				height:100%; 
				border:4px solid #fffc; 
				border-radius:12px; 
				filter: blur(0);
				}
			.card-1 {/*background:red;*/ animation-name: Slide-1}
			.card-2 {/*background:green;*/ animation-name: Slide-2}
			.card-3 {/*background:blue;*/ animation-name: Slide-3}

			@keyframes Slide-1 {
				0%     { transform: translate(0)      scale(1)   rotate(0deg)  translateY(60px); z-index:3 }
				12.5%  { transform: translate(0)      scale(1)   rotate(0deg)  translateY(60px); z-index:3 }
				25%    { transform: translate(-200px) scale(0.7) rotate(-6deg); z-index:2; filter: blur(0px) }
				37.5%  { transform: translate(-200px) scale(0.7) rotate(-6deg); z-index:2; filter: blur(1px) }
				50%    { transform: translate(-200px) scale(0.7) rotate(-6deg); z-index:2; filter: blur(1px) }
				62.5%  { transform: translate(200px)  scale(0.7) rotate(6deg);  z-index:1; filter: blur(1px) }
				75%    { transform: translate(200px)  scale(0.7) rotate(6deg);  z-index:1; filter: blur(1px) }
				87.5%  { transform: translate(200px)  scale(0.7) rotate(6deg);  z-index:1; filter: blur(0px) }
				100%   { transform: translate(0)      scale(1)   rotate(0deg)  translateY(60px); z-index:3 }
			}

			@keyframes Slide-2 {
				0%     { transform: translate(-200px) scale(0.7) rotate(-6deg); z-index:2; filter: blur(1px) }
				12.5%  { transform: translate(-200px) scale(0.7) rotate(-6deg); z-index:2; filter: blur(1px) }
				25%    { transform: translate(200px)  scale(0.7) rotate(6deg);  z-index:1; filter: blur(1px) }
				37.5%  { transform: translate(200px)  scale(0.7) rotate(6deg);  z-index:1; filter: blur(1px) }
				50%    { transform: translate(200px)  scale(0.7) rotate(6deg);  z-index:1; filter: blur(0px) }
				62.5%  { transform: translate(0)      scale(1)   rotate(0deg)  translateY(60px); filter: blur(0); z-index:3 }
				75%    { transform: translate(0)      scale(1)   rotate(0deg)  translateY(60px); filter: blur(0); z-index:3 }
				87.5%  { transform: translate(0)      scale(1)   rotate(0deg)  translateY(60px); filter: blur(0); z-index:3 }
				100%   { transform: translate(-200px) scale(0.7) rotate(-6deg); z-index:2; filter: blur(0px) }
			}

			@keyframes Slide-3 {
				0%     { transform: translate(200px)  scale(0.7) rotate(6deg); z-index:1; filter: blur(1px) }
				12.5%  { transform: translate(200px)  scale(0.7) rotate(6deg); z-index:1; filter: blur(0px) }
				25%    { transform: translate(0)      scale(1)   rotate(0deg)  translateY(60px); filter: blur(0); z-index:3 }
				37.5%  { transform: translate(0)      scale(1)   rotate(0deg)  translateY(60px); filter: blur(0); z-index:3 }
				50%    { transform: translate(0)      scale(1)   rotate(0deg)  translateY(60px); filter: blur(0); z-index:3 }
				62.5%  { transform: translate(-200px) scale(0.7) rotate(-6deg); z-index:2; filter: blur(0px) }
				75%    { transform: translate(-200px) scale(0.7) rotate(-6deg); z-index:2; filter: blur(1px) }
				87.5%  { transform: translate(-200px) scale(0.7) rotate(-6deg); z-index:2; filter: blur(1px) }
				100%   { transform: translate(200px)  scale(0.7) rotate(6deg);  z-index:1; filter: blur(1px) }
			}

	/* /Hero */

	/* Mutlu Musteriler */
		.mutluMusteriler {display:block; width:100%; margin:4rem 0 8rem; text-align:center}
		.mutluMusteriler h3 {font-family: "swissBoldCondensed", sans-serif; text-align:center; color:#777; margin-bottom:.5rem}
		/* Kayan Logolar */
		@keyframes kaydir {
			from {transform: translateX(0)}
			to {transform: translateX(-100%)}
		}
		.kayanContainer {overflow:hidden; position:relative; padding:1rem 0; white-space:nowrap}
		.kayanContainer:before, .kayanContainer:after {
			position: absolute;
			top: 0;
			content: "";
			height: 100%;
			width: 200px;
			z-index: 2;
			background:#f008;
		}
		.kayanContainer:before {left: 0; background: linear-gradient(to left, transparent, #fff);}
		.kayanContainer:after {right: 0; background: linear-gradient(to right, transparent, #fff);}

		.kayanContainer:hover .kayanLogolar {-webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused}

		.kayanLogolar {display:inline-block; animation: 300s kaydir infinite linear}
			.kayanLogolar img {width:125px; height:50px; /*margin:0 2.5rem*/}
			.kayanLogolar div {width:125px; height:50px; margin:0 1.5rem; cursor:pointer}
		/* / Kayan Logolar */
	/* / Mutlu Musteriler */

	/* İslerimiz */
	.islerimiz {display: flex; flex-wrap: wrap; gap: 2rem; margin-top:1rem}
		.isBox {flex: 1 1 calc(50% - 16px); /* 2 kutu yan yana, boşlukları hesaba katarak */
			min-width: 556px; /* Minimum genişlik */
			height: 400px; /* Sabit yükseklik */
			background-color: #ccc;
			border-radius: .5rem;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 18px;
		}

		/* Mobil cihazlar için tek sütun */
		@media (max-width: 600px) {
			.isBox {flex: 1 1 100%; /* Tam genişlik */}
		}
	/* / İslerimiz */


	/* Slider Testimonials */
		.testimonials, .blogSlides {
			margin:2rem auto;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			gap: 15px;
			border-radius: 8px;
			background-image: linear-gradient(to right, #87e166, #0fe2a6);
			justify-content: center;
			padding: 1.5rem 0;
			overflow-x: hidden;
			color:var(--primer);
		}

		.KariyerSlides {
			margin:2rem auto;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			gap: 15px;
			border-radius: .5rem;
			background:var(--primer);
			justify-content: center;
			padding: 1.5rem 0;
			overflow-x: hidden;
			color:var(--beyaz);
		}

		.testimonials, .blogSlides h3 {font-family: "swissBoldCondensed", sans-serif; font-size:1.875rem; margin-bottom:6rem}
		.testimonials p {font-family: "swiss", sans-serif; font-size:1.1rem; line-height:1.7rem; margin:2rem 0}
		.testimonials img {height:30px}

		#testiSlides {
			width: 100%;
			height: 100%;
			position: relative;
			/*padding: 25px;*/
			text-align:center;
		}

		#testiSlides input {
			display: none;
		}

		#testiSlides input:checked + label {
			background-color: var(--primer);
			opacity: 1;
		}
		.KariyerSlides #testiSlides input:checked + label {background-color: var(--beyaz)}

		#testiSlides input:checked + label + .slide {
			transform: translateX(0);
			opacity: 1;
		}

		#testiSlides input:checked ~ .slide {
			transform: translateX(100%);
		}

		#testiSlides label {
			display: inline-block;
			width: 10px;
			height: 10px;
			border: none;
			border-radius: 50%;
			background-color: var(--primer);
			opacity: 0.3;
			margin: 340px 6px 0 6px;
			cursor: pointer;
			transition-duration: 0.4s;
		}
		.KariyerSlides #testiSlides label {background-color: var(--beyaz); margin:270px 6px 0 6px;}

		#testiSlides .slide {
			position: absolute;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			margin: 2rem 2rem 0;
			/*width: calc(100% - 50px);
			height: calc(100% - 50px);*/
			max-width:600px;
			top: 0;
			left: 0;
			right: 0;
			margin-inline: auto;
			z-index: 1;
			transform: translateX(-100%);
			transition-duration: 0.4s;
			opacity: 0;
			/*box-shadow: 0 0 20px 0px;*/
			border-radius: 10px;
			display: block;
			align-items: center;
			justify-content: center;
			/*font-size: 14vw;
			color: #fff;*/
			padding:0 1rem;
		}

		.KariyerSlides #testiSlides .slide {
			position: absolute;
			margin: 2rem 2rem 0;
			max-width:1060px;
			top: 0;
			left: 0;
			right: 0;
			margin-inline: auto;
			z-index: 1;
			transform: translateX(-100%);
			transition-duration: 0.4s;
			opacity: 0;
			border-radius: 10px;
			display: block;
			align-items: center;
			justify-content: center;
			display:flex;
			flex-direction:row;
			gap:40px
		}
		.KariyerSlides #testiSlides .slide p {display: flex; flex: 1 0; font-size:1.375rem; line-height:2rem; margin:0; text-align:left}
		.slideKisi {display: flex; flex-direction: column; justify-content: center; align-items: center;gap: 8px;}
			.slideKisi img {width:125px; height:125px; border-radius:50%; margin-bottom:1rem}
			.slideKisi p {text-align:center; font-size:1.1rem !important}

	/* / Slider Testimonials */


	/* Blog Slider */
		.blogSlides {padding-bottom:.5rem}
		.kayanBlogContainer {overflow:hidden; width:100%; text-align:center; position:relative; padding-top:1rem;}
		.kayanBlogContainer h3 {max-width:800px; font-size:38px; line-height:1.3; letter-spacing:-1px; margin:0 auto 2.5rem; padding:0 25px}
		/* Kayan Logolar */
		@keyframes kaydir2 {
			from {transform: translateX(0)}
			to {transform: translateX(-100%)}
		}
		.kayanContainer2 {overflow:hidden; position:relative; padding:2rem 0 1rem; white-space:nowrap}
		.kayanLogolar2 {display:inline-block; animation: 35s kaydir2 infinite linear}
/*			.kayanLogolar2 img {width:auto; height:50px; margin:0 2.5rem}*/
			a.kayanBlog-entry {position:relative; display:inline-block; width:280px; height:280px; flex-shrink: 0; aspect-ratio: 1/1; border-radius:.5rem; margin:1rem 1rem 2rem; transition: all .2s ease;}
			a.kayanBlog-entry:hover { box-shadow:0 10px 16px #0005; transform: scale(1.1);}
			a.kayanBlog-entry img {position:relative; display:flex; width:100%; height:100%; flex-shrink: 0; aspect-ratio: 1/1; border-radius:.5rem;}
			a.kayanBlog-entry span {width: 100%;
				position: absolute;
				z-index: 1;
				bottom: 0;
				left: 0;
				color: #fff;
				font-size:1rem;
				line-height: 1.6;
				text-align: left;
				padding: 1rem;
				padding-top:80px;
				border-radius: 0 0 .5rem .5rem;
				text-transform:uppercase;
				}
				.kayanBlog-entry span strong {
				font-family: "swissBoldCondensed", sans-serif;
				white-space: normal;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				text-overflow: ellipsis;
				}
			.kayanBlog-entry span:before {content:""; width: 280px; height: 120px; flex-shrink: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 86.22%);display: block; position: absolute; z-index: -1; bottom: 0; margin: -1rem -1rem 0; border-radius: 0 0 .5rem .5rem;}
		.kayanContainer2:hover .kayanLogolar2 {-webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused}
		/* / Kayan Logolar */




	/* / Blog Slider */


	/* Image Text Area */
	.kornisonImageText-type-1-container .kornisonImageText-type-1:nth-child(even) {flex-direction: row-reverse;}
	.kornisonImageText-type-1 {display: flex; align-items: center; gap: 50px; margin:3rem 0; align-self: stretch;}
		.kornisonImageText-type-1 .text{display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex: 1 0 0;}
		.kornisonImageText-type-1 .image-video img {width: 490px;}
		
		.kornisonImageText-type-1 h3 {font-family: "swissBoldCondensed", sans-serif; font-size:1.875rem; margin-bottom:.5rem}
		.kornisonImageText-type-1 p {font-size:1.1rem; line-height:1.7rem; margin-bottom:.5rem}
		.kornisonImageText-type-1 img {}
	/* / Image Text Area */

	/* Bizi Tani 3'lu
		.biziTabi-3lu {display: flex; justify-content: center; align-items: center; gap: 30px; margin:3rem 0; align-self: stretch;}
			.biziTabi-3lu div {display: flex; max-width: 360px; padding: 30px; flex-direction: column; align-items: flex-start; gap: 15px; align-self: stretch; border-radius: .5rem; background:var(--primer); color:var(--beyaz)}
			.biziTabi-3lu i {font-size:60px}
			.biziTabi-3lu h3 {font-family: "swissBoldCondensed", sans-serif; font-size:1.875rem; margin:.5rem 0}
			.biziTabi-3lu p {font-size:1.1rem; line-height:1.7rem;}
	/* / Bizi Tani 3'lu */

	/* Bizi Tani */
		.biziTanı {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px; margin:3rem 0; align-self: stretch;}
			.biziTanı div {display: flex; max-width: 360px; padding: 30px; flex-direction: column; align-items: flex-start; gap: 15px; align-self: stretch; border-radius: .5rem; background:var(--primer); color:var(--beyaz)}
			.biziTanı i {font-size:60px}
			.biziTanı h3 {font-family: "swissBoldCondensed", sans-serif; font-size:1.875rem; line-height:normal; margin:.5rem 0}
			.biziTanı p {font-size:1.1rem; line-height:1.7rem;}
	/* / Bizi Tani */

	/* Metin Kısmı */
	.container-inner-content h3 {font-family: "swissBoldCondensed", sans-serif; font-size:1.5rem; margin:3rem 0 1.5rem}
	.container-inner-content p {font-size:1.1rem; line-height:1.7rem; margin-bottom:.75rem}


/*	.kendimizdenBahsedelim {padding-top:0}*/

/* /ANA SAYFA */




/* SAYFALAR GENEL */
	.pageHeader {margin-bottom:4rem}

	.headerGorselli {display:flex; overflow: hidden; position: relative; width: 100%; height:400px; padding:140px 0}
		.headerGorselli img {display:block; pointer-events: none; position: absolute; top: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover}
		.headerGorselli img.mobile {display:none}
		.headerGorselli h1, .headerGorselli h3 {max-width:650px; color: #0C283B; font-family: "swissBoldCondensed", sans-serif; font-size: 50px; letter-spacing: -1.5px; line-height:normal; text-transform:uppercase;}

/* / SAYFALAR GENEL */



/* HAKKIMIZDA */
	/* The actual timeline (the vertical ruler) */
	.timeline {position: relative; margin:3rem auto;}
		.timeline h4 {color: #0C283B; font-family: "swissBoldCondensed", sans-serif; font-size: 25px; letter-spacing: -1px; margin-bottom:10px}
		.timeline p {font-size:.9rem; line-height:1.4rem}
		.timeline::after {content: '';position: absolute; width:4px;background-color: white;top: 0;bottom: 0;left: 50%;margin-left: -3px; background: #aed4d4; border-radius:1rem;
		opacity: 0.4; background: linear-gradient(180deg, rgba(53, 147, 147, 0.00) 0%, #359393 4%, #359393 95%, rgba(53, 147, 147, 0.00) 100%);}
		/* Container around content */
		.timeline-container {padding: 10px 40px;position: relative;background-color: inherit;width: 50%;}
		/* The circles on the timeline */
		.timeline-container::after {content: '';position: absolute; width: 16px; height: 16px; right: -7px; background-color: #359393; top:2rem;border-radius: 50%;z-index: 1;}
		/* Place the container to the left */
		.timeline-left {left: 0;}
		/* Place the container to the right */
		.timeline-right {left: 50%;}
		/* Add arrows to the left container (pointing right) */
		.timeline-left::before {content: " ";height: 0;position: absolute;top: 22px;width: 0;z-index: 1;right: 30px;border: medium solid white;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent white;}
		/* Add arrows to the right container (pointing left) */
		.timeline-right::before {content: " ";height: 0;position: absolute;top: 22px;width: 0;z-index: 1;left: 30px;border: medium solid white;border-width: 10px 10px 10px 0;border-color: transparent white transparent transparent;}
		/* Fix the circle for containers on the right side */
		.timeline-right::after {left: -9px;}
		/* The actual content */
		.timeline-content {padding: 20px 25px; position: relative; border-radius: 1rem; border: 1px solid #ddd;}
		/* Media queries - Responsive timeline on screens less than 600px wide */
		@media screen and (max-width: 600px) {
			/* Place the timelime to the left */
			.timeline::after {left: 31px;}
			/* Full-width containers */
			.timeline-container {width: 100%;padding-left: 70px;padding-right: 25px;}
			/* Make sure that all arrows are pointing leftwards */
			.timeline-container::before {left: 60px;border: medium solid white;border-width: 10px 10px 10px 0;border-color: transparent white transparent transparent;}
			/* Make sure all circles are at the same spot */
			.timeline-left::after, .timeline-right::after {left: 22px;}
			/* Make all right containers behave like the left ones */
			.timeline-right {left: 0%;}
		}

	.bizeKatil-images {display:flex; gap:20px; margin: 3rem auto 0;}
		.bizeKatil-images img {height:120px; border-radius:.25rem}
		.bizeKatil-images img:nth-child(even) {margin-top:3rem}


/* / HAKKIMIZDA */

/* MARKALAR İÇİN */
	.bigVideo {aspect-ratio: 16 / 9; max-width:1000px; margin: 0 auto 3rem;}
	.marka-4lu {display: flex; flex-direction: row; width: 100%; align-items: center; gap: -20px; margin:2rem 0 0 1rem}
		.marka-4lu li {display: flex; flex-direction: column;
			align-items: flex-start;
			gap: 1rem;
			flex: 1 0 0;
			border-radius: 4px 20px 4px 4px;
			padding: 2rem 1rem 4rem 2rem;
			margin-left: -1rem;
			height: 250px;
			}
		.marka-4lu li h3 {font-family: "swissBoldCondensed", sans-serif; font-size: 25px; line-height: normal; letter-spacing: -0.25px;}
		.marka-4lu li p {line-height: 24px;}
		.marka-4lu li:nth-child(odd) {background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), var(--marka4lu-bg) lightgray 50% / cover no-repeat; color:#fff;}
		.marka-4lu li:nth-child(even) {background: radial-gradient(287.1% 140.54% at 0% 0%, #8EE163 0%, #0CE3A8 100%), #0C283B;}
		.marka-4lu li:nth-child(1) {z-index:4}
		.marka-4lu li:nth-child(2) {z-index:3}
		.marka-4lu li:nth-child(3) {z-index:2}
		.marka-4lu li:nth-child(4) {z-index:1}

	.marka-2li {display: flex; flex-direction: column; align-items: flex-start; gap: 2.5rem; align-self: stretch; margin-top:2rem}
		.marka-2li li {display: flex; flex-direction:row; align-items: center; gap: 3.5rem; align-self: stretch;}
		.marka-2li li:nth-child(even) {flex-direction: row-reverse;}
			.marka-2li .marka-2li-text {display: flex; flex-direction: column; align-items: flex-start; gap: 1.2rem; flex: 1 0 0;}
			.marka-2li .marka-2li-text h3 {font-family: "swissBoldCondensed", sans-serif; font-size: 2rem; line-height: normal; letter-spacing: -1px;}
			.marka-2li .marka-2li-text p {font-size:1.08rem; line-height: 1.75rem}
			.marka-2li .marka-2li-img {max-height:340px; flex: 1 0 0; border-radius: 8px;}

	.logolarStatik {display:flex; gap:2rem; flex-wrap:wrap; justify-content: space-evenly; padding:0 1rem; margin:2rem auto}
		.logolarStatik .logoImg {display:flex; width:175px; height:70px; cursor:pointer}


	@media (max-width: 800px) {
			.marka-4lu {flex: 1 1 100%; flex-direction: column;}
			.marka-4lu li {width:100%; border-radius: 4px 20px 4px 4px;padding: 2rem 1rem 4rem 1rem; margin: -1rem 1rem 0 0;}
			.marka-4lu li p {width:80%}
				.marka-4lu li:nth-child(1) {z-index:1}
				.marka-4lu li:nth-child(2) {z-index:2}
				.marka-4lu li:nth-child(3) {z-index:3}
				.marka-4lu li:nth-child(4) {z-index:4}
	}
/* / MARKALAR İÇİN */



/* INFLUENCERLA ICIN */
	.isbirligiSureci {width:750px}
	.influencer_ne_soylediler {}
		.influencer_ne_soylediler .acf-card > div {width:100%; display:flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap:2rem; margin-top: 2rem;}
			.influencer_ne_soylediler .acf-view {width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:2rem; align-self:stretch}
			.influencer_ne_soylediler .acf-view:nth-child(even) {flex-direction: row-reverse;}
				.influencer_ne_soylediler .influencer_foto {display: flex; max-width: 360px; flex-direction: column; align-items: flex-start;}
					.influencer_ne_soylediler .influencer_foto img {max-width: 360px; height:auto; border-radius:.25rem}
				.influencer_ne_soylediler .influencer_info {display:flex; padding:1.5rem 2rem; flex-direction: column; justify-content: center; align-items: start; gap:1rem; flex: 1 0 0; align-self: stretch; background:#f2f2f2; color:var(--primer); text-transform:uppercase; border-radius:.25rem}
				.influencer_ne_soylediler .influencer_info .acf-view__mesaji {font-family: "swissBoldCondensed", sans-serif; font-size:1.375rem; line-height:normal}
				.influencer_ne_soylediler .influencer_info .acf-view__isim {font-family: "swissBoldCondensed", sans-serif; font-size:1.5rem; line-height:normal}
				.influencer_ne_soylediler .influencer_info .influencer_info_sub {display:flex; flex-direction:row; gap:1.5rem; font-size:0.875rem}

@media (max-width: 800px) {
	.influencer_ne_soylediler .acf-view {gap:0}
	.influencer_ne_soylediler .acf-view,
	.influencer_ne_soylediler .influencer_info .influencer_info_sub {flex-direction:column !important}
	.influencer_ne_soylediler .influencer_info .influencer_info_sub {gap:.5rem}

	.influencer_ne_soylediler .influencer_foto img {border-radius:.25rem .25rem 0 0}
	.influencer_ne_soylediler .influencer_info  {border-radius:0 0 .25rem .25rem}
}
/* / INFLUENCERLA ICIN */



/* BLOG */
	.topImage {display:block; margin:auto}
	.blogPosts, .kategoriPosts {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 30px; margin:3rem 0; align-self: stretch;}
		.blogPosts li, .kategoriPosts li {display: flex; max-width: 360px; flex-direction: column; align-items: flex-start; gap:10px; align-self: stretch; color: var(--primer); margin-bottom:2rem}
		.blogPosts a, .kategoriPosts h2 a, .kategoriPosts .entry-summary a {text-decoration:none; color: var(--primer);}
		.blogPosts a.blogPost-thumb, .kategoriPosts .entry-summary > a:first-child {display:flex; position:relative; width:100%; height:235px}
		.blogPosts .blogPost-thumb img, .kategoriPosts .entry-summary img {position:absolute; z-index:-2; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:.25rem;}
		.blogPosts .post-categories li {display:inline-block; margin:0;}
		.blogPosts .blogPost-kategori a {display: flex; padding: 8px 12px; justify-content: center; align-items: center; gap: 10px; font-family: "swissBoldCondensed", sans-serif; font-size:.95rem; line-height:normal; margin:.5rem 0; border-radius:.25rem; border: 1px solid var(--primer); text-transform:uppercase; margin-right:1rem; color:var(--primer)}
		.blogPosts h3, .kategoriPosts h2 {font-family: "swissBoldCondensed", sans-serif; font-size:1.375rem; line-height:normal; text-transform:uppercase; text-align:left}
		.blogPosts p, .kategoriPosts div[itemprop="description"] p {font-size:1rem; line-height:1.5rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
		.blogPosts strong {display:block}



		#posts-container {margin-top: 20px;}

/* Kategori butonları */
.category-buttons {display: flex; flex-wrap: wrap; gap:1rem;margin-bottom: 2rem;}
	.filter-btn { font-family: "swissBoldCondensed", sans-serif; font-size:.95rem; line-height:normal; padding: 8px 16px; border: 1px solid var(--primer); border-radius: 4px; cursor: pointer; color:var(--primer); background:var(--beyaz); text-transform:uppercase;}
		.filter-btn.active {background:var(--primer); color:var(--beyaz);}



/* Yükleme Animasyonu */
/* Yükleme Konteyneri - Tam Ortalama */
.loading-container {
position: fixed; /* Sabit pozisyon */
top: 50%; /* Dikeyde 50% */
left: 50%; /* Yatayda 50% */
transform: translate(-50%, -50%); /* Tam ortalamak için */
text-align: center;
z-index: 9999; /* Diğer elementlerin üzerinde */
background: rgba(255, 255, 255, 0.9); /* Hafif beyaz arkaplan */
padding: 30px;
border-radius: 50%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
width: 150px; /* Sabit genişlik */
}

/* Yükleme Animasyonu */
.loading {display: inline-block;width: 50px;height: 50px;margin: 0 auto; /* Yatayda ortala */}
.loading:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 3px solid transparent;border-top-color: #0073aa;animation: spin 0.8s linear infinite;}
.loading:after {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #00a0d2;animation: spinReverse 1s linear infinite;}
/* Yükleme Metni */
.loading-text {color: #333;}

/* Animasyon Keyframes */
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

@keyframes spinReverse {
0% { transform: rotate(0deg); }
100% { transform: rotate(-360deg); }
}


/* Hata mesajı */
.error-message {text-align: center;padding: 30px;background: #ffebee;border-radius: 8px;color: #c62828;}
.error-message button {margin-top: 15px;padding: 8px 16px;background: #c62828;color: white;border: none;border-radius: 4px;cursor: pointer;}

		.kategoriPosts .entry-summary > a:first-child {margin-bottom:1rem}
		.kategoriPosts .post-edit-link,
		.kategoriPosts .entry-meta {display:none}
		.kategoriPosts .entry-summary {display:flex; flex-direction: column; align-items: flex-start; gap:10px;}

	.archive .nav-links {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px; max-width: 1150px; margin: auto;}
		.archive .nav-links div {display: flex; max-width: 360px; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; margin-bottom: 2rem;}
		.archive .nav-links div a {text-decoration:none; color: var(--primer);}


	/* Blog Post */
		.yaziListele {list-style:none}

		.blogPost-header {display:flex; flex-direction:column; gap:1rem; background:var(--primer); text-align:center; color:var(--beyaz)}
			.blogPost-header h1 {font-family: "swissBoldCondensed", sans-serif; font-size:3rem; line-height:normal; text-transform:uppercase; color:var(--beyaz); margin:3rem auto 1rem}
			 .post-categories {display: flex; justify-content: center; align-items: center; gap:1rem}
				 .post-categories a {display: flex; padding: 8px 12px; justify-content: center; align-items: center; gap: 10px; font-family: "swissBoldCondensed", sans-serif; font-size:.95rem; line-height:normal; border-radius:.25rem; border: 1px solid var(--beyaz); color:var(--beyaz); text-transform:uppercase; text-decoration:none}
			 #posts-container .post-categories a {border: 1px solid var(--primer); color:var(--primer)}

			.blogPost-header .blogPost-date {padding:2rem 1rem 1rem}

		.post .blogPost-header .container-inner-1000 {margin:auto auto -200px}
		.post .blogPost-content {margin:240px auto auto;}

			.single .yaziKapak-image {position:relative; z-index:1; display:block; max-width:1000px; height:400px; margin:auto;}
			.single .yaziKapak-image img {position:absolute; z-index:-2; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:.25rem;}
		.blogPost-content h1:first-child{display:none}
		.blogPost-content h2,
		.blogPost-content h3, 
		.blogPost-content h4, 
		.blogPost-content h5, 
		.blogPost-content h6 {font-family: "swissBoldCondensed", sans-serif; font-size:1.5rem; line-height:normal; text-transform:uppercase; margin:2.25rem 0 1rem}
		.blogPost-content p, .blogPost-content li {font-size:1.05rem; line-height:1.6; margin-bottom:1rem}
		.blogPost-content li {list-style:disc; list-style-position: inside;}
		.blogPost-content li li {list-style:circle; list-style-position: inside; margin-left: 1.5rem;}
	/* /Blog Post */

/* /BLOG */



/* / BLOG */


/* İŞLER */
	article header {text-align:center}
	article header h1 a {font-family: "swissBoldCondensed", sans-serif; font-size:3rem; line-height: normal; color:#fff; text-decoration:none}
	article header .post-edit-link, article header .entry-meta {display:none}
	.single-is article {background:#0c283b; color:#fff; padding:0rem 1rem 3rem}
	.single-is .topImage, 
	.single-is .yaziKapak-image,
	.single-is .blogPost-category,
	.single-is .blogPost-date
	{display:none}

	.is_sayfasi_ust_bilgiler {text-align:center}
		.is_logo {display:block; margin:1rem auto}
		.is_datalar {display:flex; flex-wrap: wrap; width:700px; padding-left:40px; margin:1rem auto 2rem}
		.is_datalar li {display: flex; flex: 1 0 21%; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom:1.5rem; font-family: "swissBoldCondensed", sans-serif; font-size:1.1rem; line-height: normal;}
		.is_datalar li div {display: flex; align-items: center; gap:.5rem; align-self: stretch; font-size:2rem;}

	.single-is article p {max-width:900px; font-size:1.1rem; line-height:1.75rem;margin: 0 auto 1rem;}

	.is-videolari {max-width:1150px; margin: 3rem auto !important; display:flex; gap:2rem;}
		.is-videolari .wp-video {width:31% !important}

	.single-is .gallery {max-width:1150px; margin: 3rem auto !important;}
		.single-is .gallery img {border:none !important; border-radius:.25rem}

	.single-is .entry-footer {text-align:center}
	.single-is .cat-links, .single-is .tag-links {display:none}

/*
#isler-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
    list-style: none;
    padding: 0;
}
#isler-container li {
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}
*/

.filter-btn {
    padding: 0.5rem 1rem;
    /*margin-right: 0.5rem;*/
    cursor: pointer;
}
.filter-btn.active {
    background-color: #222;
    color: white;
}





	.post-footer-isler {display:flex; flex-direction:row; gap:2rem; margin-top:3rem; text-align:left}
	.isler-listele {flex-wrap: wrap;}

	.isler-listele .acf-view {flex: 0 1 auto;  position:relative; border-radius:.25rem; padding:1rem; color:#fff; cursor:pointer; transition: all .2s ease;}
		.isler-listele .acf-view:hover {box-shadow: 0 10px 16px #0005; transform: scale(1.05);}
		.isler-listele .acf-view:before {position:absolute; content:""; top:0; left:0; z-index:-1; width:100%; height:60px; opacity: 0.7; background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 86.22%); border-radius:.25rem}
		.isler-listele .acf-view:after {position:absolute; content:""; bottom:0; left:0; z-index:-1; width:100%; height:90px; opacity: 0.7; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 86.22%); border-radius:.25rem}
			.isler-listele .acf-view a {color:#fff; text-decoration:none}
			.isler-listele .acf-view__is-kapak-gorseli {position:absolute; z-index:-2; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:.25rem;}
			.isler-listele .acf-view__is-baslik {font-family: "swissBoldCondensed", sans-serif; font-size:1rem; line-height: normal; text-transform: uppercase; text-align: left;}
			.isler-listele .afc-card-datalar {
				display: flex;
				position:absolute; bottom:1rem;
				width: calc(100% - 2rem);
				padding: 10px;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				flex-shrink: 0;
				border-radius: .25rem; background: rgba(14, 60, 92, 0.60); backdrop-filter: blur(4px);
				gap: 10px;
				}
				.isler-listele .afc-card-datalar div, .isler-listele .afc-card-datalar img {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
			.isler-listele .afc-card-datalar div {flex-direction: column; font-family: "swissBoldCondensed", sans-serif; font-size:1rem; line-height: normal; text-transform: uppercase;}
			.isler-listele .afc-card-datalar i {margin-right:.5rem}
			.isler-listele .acf-view__is-toplam-takipci-label,
			.isler-listele .acf-view__is-goruntulenme-label,
			.isler-listele .acf-view__is-etkilesim-label {font-size:.70rem; white-space: nowrap;}
			.isler-listele .afc-card-datalar img {justify-content: flex-end; width:auto; height: 26px; flex-shrink: 0;}

		/* Farklı Gösterimler / Boyutlar */
		.isler-listele .acf-card > div {width: 1150px; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap:2rem}
		.liste-3lu .acf-view {flex-basis:31%; height:255px}
		.liste-4lu .acf-view {flex-basis: 48.6%; height:400px}
		.liste-4lu .acf-view:before {height:100px}
		.liste-4lu .acf-view:after {height:150px}
			.liste-4lu .acf-view .acf-view__is-baslik, .liste-4lu .afc-card-datalar div {font-size:1.5rem}
			.liste-4lu .acf-view__is-etkilesim-label {font-size:.9rem}
			.liste-4lu .afc-card-datalar img {height:40px}


		.liste-3lu .acf-card > div {max-width: 1150px;}
		@media (max-width:1100px) {
			.liste-3lu {margin-top:2rem}
			.liste-3lu .acf-card > div {max-width:90%; margin:auto}
			.liste-3lu .acf-view {flex-basis:47%;}
		}
		@media (max-width:800px) {
			.liste-3lu .acf-view {flex-basis:100%;}
		}
		

	/*.post-page-isler {flex-wrap: wrap;}
		.post-footer-is {display:flex; width:362px; height:270px; position:relative; border-radius:.25rem;}
		.post-page-is {display:flex; flex: 1 1 calc(50% - 16px); width:auto; height:420px; position:relative; border-radius:.25rem;}
		.post-footer-is:before {position:absolute; content:""; top:0; left:0; z-index:-1; width:100%; height:60px; opacity: 0.7; background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 86.22%); border-radius:.25rem}
		.post-footer-is:after {position:absolute; content:""; bottom:0; left:0; z-index:-1; width:100%; height:90px; opacity: 0.7; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 86.22%); border-radius:.25rem}
		.acf-card {width:100%; height:100%; padding:1rem; color:#fff;}
			.post-footer-is .acf-view__is-kapak-gorseli {position:absolute; z-index:-2; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:.25rem;}
			.acf-view__is-baslik {font-family: "swissBoldCondensed", sans-serif; font-size:1rem; line-height: normal; text-transform: uppercase;}
			.afc-card-datalar {
				display: flex;
				position:absolute; bottom:1rem;
				width: calc(100% - 2rem);
				padding: 10px;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				flex-shrink: 0;
				border-radius: .25rem; background: rgba(14, 60, 92, 0.60); backdrop-filter: blur(4px);
				gap: 10px;
				}
				.afc-card-datalar div, .afc-card-datalar img {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
				.afc-card-datalar div {flex-direction: column; font-family: "swissBoldCondensed", sans-serif; font-size:1rem; line-height: normal; text-transform: uppercase;}
				.afc-card-datalar i {margin-right:.5rem}
				.acf-view__is-toplam-takipci-label,
				.acf-view__is-goruntulenme-label,
				.acf-view__is-etkilesim-label {font-size:.75rem}
				.afc-card-datalar img {justify-content: flex-end; width:auto; height: 26px; flex-shrink: 0;}

	.post-page-isler .acf-view__is-baslik, .post-page-isler .afc-card-datalar div {font-size:1.5rem}
	.post-page-isler .acf-view__is-toplam-takipci-label,
	.post-page-isler .acf-view__is-goruntulenme-label,
	.post-page-isler .acf-view__is-etkilesim-label {font-size:.9rem}
	.post-page-isler .afc-card-datalar img {height: 40px}
	*/


/* / İŞLER */



/* ILETISIM */
	.iletisim {gap:2rem; margin-bottom:3rem}
	.iletisimContent, .iletisimGorsel {flex-basis: 100%; flex: 1}
		.iletisimContent {padding:0 2rem 0 0}
			.iletisimContent .sectionHeader p {margin-top:.6rem}
			.iletisimForm {display:flex; flex:1; gap:1rem; margin-top:1.5rem}
				.iletisimForm .row {gap:1rem}
				.iletisimForm .row p {width:97%}
				.iletisimForm .rowTek {}
					.iletisimYarim {display:flex; flex:1; max-width:48%}
					.iletisimForm label {font-family: "swissBoldCondensed", sans-serif; font-size:.9rem; line-height:normal; margin:.5rem 0}
					.iletisimForm input, .iletisimForm textarea, .iletisimForm select {width: 100%; padding:.5rem .75rem; border:1px solid #eee; border-radius:.25rem; margin:.5rem 0 1rem}
					.iletisimForm .onay {margin:1rem 0 0}
					.iletisimForm .onay span {margin-left:0}
					.iletisimForm .onay input {width:auto}
					.iletisimForm .gonder input {width:auto; margin-top:1rem; border:2px solid var(--primer);}
					.iletisimForm .gonder input:hover {border:2px solid var(--primer);}

		.iletisimGorsel {max-width:50%; padding-top:3rem}
			.iletisimGorsel img {width:100%}

	.iletisimAdresKartlar {gap:2.5rem; display: inline-flex; align-items: center;}
		.iletisimAdresKartlar li {display: flex; background: radial-gradient(287.1% 140.54% at 0% 0%, #8EE163 0%, #0CE3A8 100%), #0C283B; 
							width: 360px; height: 247px; padding: 30px;
							flex-direction: column;
							justify-content: flex-end;
							align-items: flex-start;
							gap: .5rem;
							border-radius:.25rem;
							}
			.iletisimAdresKartlar li h3 {font-family: "swissBoldCondensed", sans-serif; font-size: 30px; line-height: 42px; letter-spacing: -0.3px;}
			.iletisimAdresKartlar li p {font-size:1.1rem; line-height:1.5rem}

	.bizeUlasin {margin-top:4rem}
		.iletisimMail {display:flex; flex-direction:row; justify-content: center; align-items: center; gap:5rem; margin:auto}
			.iletisimMail li {display:flex; flex-direction:column;margin:2rem auto 0; text-align:left; font-family: "swissBoldCondensed", sans-serif;}
				.iletisimMail li p {font-size:1.7rem; line-height:2.5rem}
				.iletisimMail li a {font-size:1.5rem; line-height:normal; color:var(--primer); text-decoration:none}
					.iletisimMail li a:hover {text-decoration:underline}
/* / ILETISIM */


/* KARIYER */
	.kariyer_degerlerimiz {display:flex; overflow: hidden;flex-direction:row; gap: 20px; margin-bottom:4rem}
		.kariyer_deger {display:flex; flex-direction:column; align-content: stretch; background: #f4f4f4; border-radius: 0 0 4px 4px}
		.kariyer_deger img {width:100%; height:290px; border-radius: 4px 4px 0 0;}
		.kariyer_deger p {display: flex; padding:1.5rem 1rem; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; font-family: "swissBoldCondensed", sans-serif; font-size:1.25rem; line-height:normal; color:var(--primer)}


	.kariyerPozisyonlar {width:100%; border-collapse:collapse; margin-top:2rem}
		.kariyerPozisyonlar table {width:100%}
		.kariyerPozisyonlar tr {border-bottom:1px solid #c1c1c1}
		.kariyerPozisyonlar tr:nth-child(even) {background-color:#f2f2f2; border-bottom:1px solid #c1c1c1}
		.kariyerPozisyonlar tr:last-child {border-bottom:none}
		.kariyerPozisyonlar th, .kariyerPozisyonlar td {padding: 1rem .5rem}
		.kariyerPozisyonlar tr td {text-align:left; font-family: "swissBoldCondensed", sans-serif; font-size:1.1rem; line-height:1.7rem;}
		.kariyerPozisyonlar tr td:last-child {text-align:right}


	/*.kariyer_text_image {display:grid; overflow: hidden;grid-template-columns: repeat(2, 1fr);grid-auto-rows: 1fr; grid-column-gap:0px; grid-row-gap:0px; border-radius:8px; margin-bottom:3rem}*/
	.kariyer_text_image {display:flex; flex-direction:row; gap:0; border-radius:8px; margin-bottom:5rem}
		.kariyer_image {display:flex; flex:1; padding: 0 40px; position:relative}
		.kariyer_image img {position:absolute; z-index:-2; top:0; left:0; width:100%; height:100%; object-fit:cover;}
		.kariyer_text {display:flex; flex:1; flex-direction: column; gap:1rem; padding:40px}
		.kariyer_text h2 {font-family: "swissBoldCondensed", sans-serif; font-size:2.5rem; line-height:normal;}
		.kariyer_text p {font-size:16px; line-height:26px}
		.kariyer_text_lacivert {background:var(--primer); color:var(--beyaz)}
		.row-reverse {flex-direction:row-reverse}
/* / KARIYER */


/* FIYAT - PRICING */
	.pricing {margin-top:-3rem; padding-top:2rem}
	.pricingTypes {display:flex; gap:1rem; margin:0 auto 2rem}
		.pricingTypes a {display:flex; flex-direction:column;margin:2rem auto 0; text-align:left; font-family: "swissBoldCondensed", sans-serif; text-decoration:none}
	.pricingTable {width:100%}
		.pricingTable table {width:100%}
		.pricingTable tr {border-bottom:1px solid #c1c1c1}
		.pricingTable tr:nth-child(even) {background-color:#f2f2f2; border-bottom:1px solid #c1c1c1}
		.pricingTable tr:first-child, .pricingTable tr:last-child {border-bottom:none}
		.pricingTable th, .pricingTable td {padding: 1rem .5rem}
		.pricingTable th {text-align:right; font-family: "swissBoldCondensed", sans-serif; font-size:1rem; line-height:1.2rem; color:var(--primer);}
		.pricingTable tr td {text-align:right; font-family: "swiss", sans-serif; font-size:2rem; line-height:1.7rem;}
		.pricingTable th:first-child, .pricingTable tr td:first-child {text-align:left}

		.pricingTable .bold {font-family: "swissBold", sans-serif}
		.pricingTable p {font-size:14px; text-align:center; padding-top:1rem}
/* / FIYAT - PRICING */



/* GENEL YAPILAR */

	.sayfaText {/*margin-top:-3rem;*/ color:var(--primer);}
		.sayfaText h2 {font-family: "swissBoldCondensed", sans-serif; font-size:45px; line-height:normal; margin:2rem 0 1rem;}
		.sayfaText p, .sayfaText li {font-size:1.1rem; line-height:1.7rem; margin-bottom:1rem;}
		.sayfaText a {color:#000}

		.sayfaText ul {list-style-type: disc; margin-left: 1.5rem;}

		
		
		/*
		.sayfaText ul.liste_yesilYildiz {margin-left:0}
		.sayfaText ul.liste_yesilYildiz li {background: url("https://kornison.afct.one/wp-content/uploads/2025/07/asterisk_yesil.png") no-repeat 0 0 transparent; list-style-type: none; margin: 0; padding: 0 0 1rem 2.5rem;}
		*/



	/* maviSection */
	section.maviSection {display: inline-flex; padding:4rem 2rem; flex-direction: column; justify-content: center; align-items: center; border-radius: .5rem; background: #0C283B; margin: 2rem 0}
	section.maviSection h3 {font-family: "swissBoldCondensed", sans-serif; font-size:2.75rem; line-height:normal; text-align: center; margin-bottom:2rem; color:#fff}

	section.maviSection .heroButtons {display:flex; flex-direction:row}
	section.maviSection .CTA-Button {display:inline-block; margin:0 10px}

	section.maviSection .buttonPrimary, 
	section.maviSection .buttonSecondary:hover, 
	section.maviSection .header-CTA a:hover {border: 2px solid var(--beyaz) !important;}
	/* / maviSection */

	/* griSection */
	section.griSection {display: inline-flex; padding:3rem 2rem; flex-direction: column; justify-content: center; align-items: center; background: #F2F2F2; margin: 2rem 0}
		.griSection .kayanContainer:before {background: linear-gradient(to left, transparent, #f2f2f2);}
		.griSection .kayanContainer:after {background: linear-gradient(to right, transparent, #f2f2f2);}
		.griSection .griContent {display:flex; align-items:center; gap:3.5rem; align-self:stretch; margin-top:1rem}
			.griSection .griContent h4, .griSection .gri-4lu h4 {font-family: "swissBoldCondensed", sans-serif; font-size:2rem; line-height:normal; }
			.griSection .griContent p, .griSection .gri-4lu p {font-size:1rem; line-height:1.65rem;}
				.griSection .gri-3lu {display: flex; flex-direction: column; align-items: center; text-align:center; gap: 20px; flex: 1 0 0; padding:0 1rem}
				.griSection .gri-2x4lu {display: flex; flex-direction: column; align-items: flex-start; gap: 10px; flex: 1 0 0;}
		.griSection .gri-4lu {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 40px; max-width:900px}
			.griSection .gri-4lu div {display: flex; flex-direction: column; align-items: center; gap: 10px; width: 45%; text-align:center}
	/* / griSection */



	/* Gri Logo - :hover Renkli Logo */
	.logoImg {display:inline-block; position: relative; width: 100%; height: auto;}
		.logoImg img {width: auto; height: auto;display: block;transition: opacity 0.3s ease;position: absolute;top: 0;left: 0;}
			.logoImg img.defaultGray {opacity: 1;z-index: 1;}
			.logoImg img.hoverColor {opacity: 0;z-index: 2;}
			.logoImg:hover img.hoverColor {opacity: 1;}
			.logoImg:hover img.defaultGray {opacity: 0;}
	/* /Gri Logo - :hover Renkli Logo */

	.kimlerleCalisiyoruz {display: flex; justify-content: space-between; align-items: center; align-self: stretch; flex-wrap: wrap; margin-bottom: 2rem;}
		.kimlerleCalisiyoruz .logoImg {display: flex; width:175px; flex-direction: column; align-items: center; gap: 10px; align-self: center; margin: 0 auto 80px;}


	/* SSS */
	.maddele {display:block; width:100%; margin:1rem 0; padding:.5rem 0rem; text-align:left; font-size:.9rem}
		.maddeSatir {position:relative; display:block; background:#fff; color: #0C283B; border-radius: .25rem; margin-bottom: 1.25rem;}
		.maddeSatir label {display: flex; padding: 1rem; justify-content: space-between; align-items: center; align-self: stretch; border: 1px solid #0C283B; font-family: "swissBoldCondensed", sans-serif; font-size:1.08rem; line-height:normal; }
		.madde {font-weight: 500; position: relative; margin: 0 auto; opacity: .9; padding:.5rem .5rem .5rem 3rem; display: block; cursor: pointer; border-radius:.5rem}
		.madde-detay {padding: 0 1rem; margin:0; height: 0; overflow: hidden; position: relative; opacity: 0; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease;  transition: .3s ease; font-size: 1rem; line-height: 1.6rem;}
		.madde-ok {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
		.madde-ok i {width:24px; height:24px; line-height:24px; text-align: center; color:#0C283B; font-weight:600}
		.maddeler:checked ~ .madde-detay{height: auto; opacity: 1; padding: 1.25rem}
		.maddeler:checked ~ label {background:#0C283B; color:#fff;}
		.maddeler:checked ~ label > .madde-ok {color:#fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
		.maddeler:checked ~ label > .madde-ok i {color:#fff}

		.maddeler {display: none;}
		.kazanimlar {display:block; margin:1rem 0 .3rem; font-weight:500; font-size:90%; color:#888}
		.maddeList {padding-left:.5rem; margin-left: 0 !important; list-style-type: none;}
		.maddeList li:before {font-family: 'Font Awesome 5 Free'; content: '\f00c'; font-weight: 900;  margin-right:.5rem; vertical-align: middle; color:#888}
		.madde ins {float:right; display:block; background:#ffdf80; color:#404040; font-size:.75rem; padding:.1rem .5rem; border-radius:.25rem; text-decoration:none;}
	/* / SSS */

/* / GENEL YAPILAR */






/************************************************************************
 *
 * FOOTER
 *
 ************************************************************************/
footer {margin-top:8rem}
	.footerDivs {display: flex; justify-content: space-between; line-height:1.4rem; margin-bottom:2rem}
		footer .widget-title {font-family: "swissBoldCondensed", sans-serif; font-size:1.1rem; margin-bottom:1rem}
		footer .textwidget {font-size:1rem; line-height:1.4rem}
			footer .textwidget a {text-decoration:none; color:inherit}
			footer .textwidget a:hover {border-bottom:1px solid}
			.footer-left {}
				.footerLogo {width:200px; height:auto; margin-bottom:2rem}
				.footerAdresses {display:flex; align-items: flex-start; gap: 50px;}
					.footerAdresses div {display: flex; max-width: 250px; flex-direction: column; align-items: flex-start; gap: 1rem}
			.footer-right {display: inline-flex; align-items: flex-start; gap: 80px;}
				.footer-right div {display: flex; flex-direction: column; align-items: flex-start; gap: .4rem}

	.copyright {background: #0C283B; color:#f8f8f8; padding:2rem 1rem}
		.copyright a {text-decoration:none; color:#f8f8f8}
		.copyright-inner {display: flex; justify-content: space-between; gap:1rem}
			.footerCopyright {}
			.footerSocial {display: flex; align-items: center; gap:1rem}
			.footerSocial-link {font-weight:600}
				.footerSocial-link:after {content:"/"; display:inline-block; font-weight:300; margin-left:1rem}
				.footerSocial-link:last-child::after {content:""}
/* /FOOTER */









/* RESPONSIVE */
/*
@media (min-width: 1440px) {
	.row {width:1440px}
}
*/
@media (max-width: 1440px) {
	#headerInner {padding:0 1rem}
	.headerGorselli {margin-left:-1rem; width:calc(100% + 2rem)}
		.headerGorselli .container-bigger {margin:auto 2rem; width: 100%;}
		.headerGorselli h1, .headerGorselli h3 {margin-left:1rem}
}
@media (max-width: 1180px) {
	#container {padding:0}

	.rmp-menu .rmp-menu-item-link {font-family: "swissBoldCondensed", sans-serif !important; font-size:25px !important; font-weight: 400 !important; color: #0C283B !important; margin-bottom: 0.5rem; letter-spacing: -.5px !important} /* mobil menü fontları */
	.rmp-menu-wrap ul li ul {margin-bottom:1rem !important}
	.rmp-submenu .rmp-submenu-open {margin-top:.5rem; margin-bottom:1rem} /* mobil menü alt menü pozisyonu */
	.rmp-submenu .rmp-menu-item-link {font-size:20px !important; margin-bottom: 0 !important;} /* mobil menü alt menü font boyları */
	.rmp-menu-item-link .rmp-font-icon {font-size:24px !important} /* mobil menünün açılır menü okunu büyüttük*/
	.rmp-menu .CTA-Button, .header-CTA a {padding-bottom: 3rem !important} /* Menu CTA boyut duzeltme */
	.rmp-menu .CTA-Button, .header-CTA a:hover {background:var(--primer) !important} /* Menu CTA click duzeltme */

	#rmp-container-5219 {max-width: 100%} /* Mobil Menu */
	.rmp-menu-wrap i.ph {display:none} /* ana menüdeki aşağı ok - mobilde gizlendi */
	#rmp-menu-wrap-5219 .rmp-menu-subarrow {transform: rotate(180deg); width:100%;} /* ters olan sub-menu oku düzeltildi ve tüm satıra tıklanabilir yapıldı */
	.rmp-menu-subarrow .rmp-font-icon {position:absolute; left:0} /* ikon sağda kalsın */
		/* mobile menu sub arrow fix */



	main, #footer {padding:0 1rem}	/* Ana Taşıyıcının ve footerın yanlarında 1rem boşluk */

	.isler-listele {max-width:100%; overflow:hidden}
	.isler-listele .acf-card > div {gap: 1.2rem; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory;}
	.isler-listele .acf-card > div::-webkit-scrollbar {display:none}
		.liste-4lu .acf-view {flex: 0 0 80%; max-width: 80%; scroll-snap-align: start; flex-basis: 30%; height: 260px;}
		.liste-4lu .afc-card-datalar div {font-size:1rem}
		.isler-listele .acf-view__is-toplam-takipci-label, 
		.isler-listele .acf-view__is-goruntulenme-label, 
		.isler-listele .acf-view__is-etkilesim-label {font-size:.5rem}
		.liste-4lu .afc-card-datalar img {height:30px}

	.bizeKatil-images {display:none}

	.entry-footer {padding:0 1rem}

	section.griSection {margin-left: -1rem; width:calc(100% + 2rem);} /* TAM GENİŞLİK */	

	.kariyer_deger img {height:280px}
}

@media (max-width: 1080px) {
	.hero {flex-direction:column; padding-top:1rem}
		.heroText, .heroImage {width:100%}
		.cards {transform: scale(0.7); transform-origin: top center; max-width: 90vw; margin: 0 auto; height:380px}



	.griSection .griContent {flex-direction:column}
	.marka-2li {gap:5rem}
	.marka-2li li, .marka-2li li:nth-child(even) {gap:2rem; flex-direction:column}

	.kariyer_deger img {height:270px}
}

@media (max-width: 800px) {
	.heroText h1 {font-size:40px; line-height:48px; letter-spacing:-1px;}
	.heroText h2 {font-size:18px; line-height:24px}

	.sectionHeader h2, .sayfaText h2 {font-size:34px}
	p.sectionDefinition {line-height:1.5rem}

	.heroText br {display:none}
	.hero .heroPartners {margin-top:2.5rem}
	.hero .heroPartners img {height:24px}

	.headerGorselli {display:flex; margin-left: -1rem; width:calc(100% + 2rem); height:250px; padding:0}			/* Resimli yazı başlıklarındaki tepe görsel %100 olsun */
	.headerGorselli h1, .headerGorselli h3 {position: relative; z-index: 2; max-width:100%; font-size:36px; color:var(--beyaz)} /* Resimli başlıkların yazısı mobile uyumlandı */
	.headerGorselli img.desktop {display:none}
	.headerGorselli img.mobile {display:block}
	.headerGorselli .container-bigger:before {display: block;content: "";width: 100vw;height: 100%;background-color: var(--primer);opacity: 0.5;object-fit: cover;z-index: 1;position: absolute; top:0; left:0}

	.testimonials {margin-bottom:3rem}
	.testimonials h3 {line-height:normal}
	.testimonials, .blogSlides {padding:8px 0}
	.testimonials p {font-size:1rem; line-height:24px}
	#testiSlides label {margin-top:450px}

	.kornisonImageText-type-1 .image-video img {width:100%}
	.kornisonImageText-type-1-container .kornisonImageText-type-1:nth-child(even) {flex-direction:row}
	.homePage-textArea {display:none}

	.marka-2li .marka-2li-img {max-width:100%}

	.isbirligiSureci {width:100%}

	.liste-3lu .acf-card > div {max-width:100%; flex-direction:column; flex-wrap:wrap; }
		.liste-3lu .acf-view {flex:auto; width:100%; height:255px;}

	.is-videolari {flex-direction:column}
		.is-videolari .wp-video { width:100% !important;}

	.diger-isler {padding:0 1rem}
	.is_datalar {width: 100%; padding-left: 0;}
	.is_datalar li {flex:1 0 50%; align-items:center}
	.is_datalar li div {align-self:center}

	.pricingTable tr td {font-size:1.2rem}

	.blogPosts li, .kategoriPosts li {max-width:100%}
	.single .yaziKapak-image {width:90%; height:235px}
	.post .blogPost-content {max-width:90%}

	.iletisim {flex-direction:column}
	.iletisimGorsel {max-width:100%}

	.iletisimAdresKartlar, .iletisimMail {flex-direction:column}
		.iletisimAdresKartlar li {width:90%}
		.iletisimMail {gap:1rem}
		.iletisimMail li {text-align:center}

	.sayfaText img {max-width:100%}

	.KariyerSlides #testiSlides .slide {flex-direction:column}
		.KariyerSlides .slideKisi img {margin:0}
		.KariyerSlides #testiSlides .slide p {text-align:center; font-size:20px;}
		.KariyerSlides #testiSlides label {margin-top:500px}

	.kariyer_degerlerimiz {display:flex; flex-direction:column; width: 100%;}
		.kariyer_deger img {height:auto}

	.footerDivs, .footerAdresses, .footer-right {flex-direction:column; gap:40px}
}


@media (max-width: 700px) {
		.KariyerSlides #testiSlides label {margin-top:600px}
		.KariyerSlides #testiSlides .slide p {font-size: 18px; line-height: 28px;}
}

@media (max-width: 600px) {
	.headerGorselli .container-bigger {margin:auto 1rem}
		.KariyerSlides #testiSlides label {margin-top:550px}
		.kariyerPozisyonlar tr td {font-size:.9rem}
		.kariyerPozisyonlar .CTA-Button {font-size:.8rem}

	.kornisonImageText-type-1 .text {gap: 10px;}
	.kornisonImageText-type-1 p {font-size:1rem; line-height:1.5rem}

	.filter-btn {padding: 0.5rem .5rem;}
}

@media (max-width: 500px) {
	.headerGorselli .container-bigger {margin:auto 1rem auto 0rem}
	.cards {transform:scale(0.5); height:280px}
	section.maviSection .heroButtons {flex-direction:column; gap:1rem; width: 100%;}
	.griSection .gri-4lu div {width:90%}
	.pricingTable tr td {font-size:1rem}

	.kayanContainer:before, .kayanContainer:after {width:50px}

	.KariyerSlides #testiSlides label {margin-top:500px}
	.KariyerSlides #testiSlides .slide p {font-size:16px; line-height:24px}
	.kariyerPozisyonlar tr td {line-height:1.25rem}

	.influencer_ne_soylediler .influencer_foto img {max-width: 100%;}

	.blogPost-header h1 {font-size:2rem}
	.category-buttons {flex-wrap:nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory;}
	.category-buttons::-webkit-scrollbar {display:none}
	.filter-btn {white-space: nowrap;}

	.iletisim {padding-bottom:0; margin-bottom:0}
	.iletisimContent {padding:0}
	.iletisimForm div.row {flex-direction:column}
		.iletisimYarim {max-width:100%}
	.iletisimAdreslerMavi, .iletisimGorsel img {margin-left: -1rem !important; margin-top: -.5rem !important; width:calc(100% + 2rem) !important}
	.iletisimAdreslerMavi .sectionDefinition {padding:0}
	.iletisimAdreslerMavi .sectionDefinition br {display:none}

}

@media (max-width: 450px) {
	.heroText h1 {font-size:32px; line-height:40px}
	.heroText h2 {font-size:16px; line-height:22px}
	.heroButtons .CTA-Button {font-size:16px; padding:.625rem .75em}
	.heroText .buttonPrimary {margin-right:10px}
	.hero .heroPartners img {margin-right:.5rem}
	.cards {max-width: 85vw;}

	.sectionHeader h2, .sayfaText h2 {font-size:26px}

	.testimonials, .blogSlides h3 {font-size:1.5rem}
	#testiSlides label {margin-top:470px}

	.headerGorselli h1, .headerGorselli h3 {font-size:32px}

	.biziTanı h3 {font-size:1.5rem}

	.timeline-left::after, .timeline-right::after {left:2px}
	.timeline::after {left:11px}
	.timeline-container {padding-left:45px; padding-right:0px}

	.copyright-inner {flex-direction:column; align-items: center; justify-content: center;}
	.KariyerSlides #testiSlides label {margin-top:550px}

	.pricingTable th {font-size:12px; line-height:18px}
	.pricingTable th, .pricingTable td {padding:1rem .25rem}

	section.maviSection {padding:1rem}
		section.maviSection h3 {font-size:2rem}

	.kayanContainer2 {flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory;}
	/*.kayanLogolar2 {animation: none !important}*/
}

@media (max-width: 400px) {
	.kayanBlogContainer h3 {padding:0}
	.kariyerPozisyonlar tr {display:flex; flex-wrap:wrap;}
	.kariyerPozisyonlar td:first-child {width: 100%; display: block;}
	.kariyerPozisyonlar td {flex:1; min-width:0}
	.kariyerPozisyonlar td:last-child {flex: 0 0 100%;text-align: center;margin-top: 8px;}
	.kariyerPozisyonlar .CTA-Button {display:block; width:100%; padding:.25rem 1rem;}

	.griSection .griContent h4, .griSection .gri-4lu h4 {font-size:1.5rem}
}

@media (max-width: 360px) {
}
/* /RESPONSIVE */






/* Extras - Bu kısım her zaman CSS dosyasının en sonunda olacak */
.koyu {color:var(--primer) !important}
.beyaz {color:var(--beyaz) !important}
.marg-center {margin:auto}
.center {text-align:center}
.txt-left {text-align:left}
.point {cursor: pointer}
/* / Extras */