@charset "iso-8859-9";

/*
	Project Name: TekGross - 10.03.2026 - 09:10
	Project Site: TekGross - 
	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;
}
a {
	text-decoration:none;
	color:#333333;
}
.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 {
	max-width:1596px;
	margin:auto;
	padding:0 2px 0 2px;
	display:block;
}
.header {
	width:100%;
	display:block;
}
.header-container {
	max-width:1596px;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:90px;
	padding:10px 0 0 0px;
}
/* LEFT */

.header-left {
	display:flex;
	align-items:center;
	gap:25px;
}
.logo img {
	margin-right:40px;
	display:block;
}
/* REYON BUTTON */

.reyonlar {
	position:relative;
}
.reyon-btn {
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 18px;
	background:white;
	border:1px solid #ddd;
	border-radius:10px;
	font-weight:600;
	cursor:pointer;
	transition:0.3s;
}
.reyon-btn:hover {
	box-shadow:0 4px 10px rgba(0, 0, 0, 0.08);
}
/* hamburger icon */

.menu-icon {
	width:18px;
	height:2px;
	background:#333;
	position:relative;
	display:block;
}
.menu-icon:before, .menu-icon:after {
	content:"";
	position:absolute;
	width:18px;
	height:2px;
	background:#333;
	left:0;
}
.menu-icon:before {
	top:-6px;
}
.menu-icon:after {
	top:6px;
}
/* DROPDOWN */

.reyon-dropdown {
	position:absolute;
	top:40px;
	left:0;
	background:white;
	border-radius:10px;
	box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
	padding:10px 0;
	min-width:200px;
	display:none;
	flex-direction:column;
	z-index:9999;
}
.reyon-dropdown a {
	padding:12px 20px;
	text-decoration:none;
	color:#333;
	font-size:14px;
	transition:0.2s;
}
.reyon-dropdown a:hover {
	background:#f2f2f2;
}
/* hover açılması */

.reyonlar:hover .reyon-dropdown {
	display:flex;
}
/* CENTER MENU */

.header-menu {
	display:flex;
	gap:40px;
	margin-top:5px;
}
.header-menu a {
	text-decoration:none;
	color:#222;
	font-weight:500;
	font-size:15px;
	transition:0.3s;
}
.header-menu a:hover {
	color:#d60000;
}
/* RIGHT */

.header-right {
	display:flex;
	align-items:center;
	gap:20px;
	margin-top:8px;
}
.header-right img {
	height:32px;
}
.pagemn {
	display:none;
}


/* RESPONSIVE */

@media(max-width:1110px) {
 .header-menu {
 display:none;
}
 .mobile-toggle {
 display:flex;
}
 .pagemn {
 display:flex;
}
}
.main-reyonlar-bg {
	background-image:url(../images/reyon-gn-bg.jpg);
	height:580px;
	display:block;
	background-position: top center;
}
.main-ryn-tt {
	text-align:center;
	color:#0062ae;
	width:200px;
	margin:auto auto 75px auto;
	padding:40px 0 15px 0;
	font-weight:600;
	padding-bottom:8px;
	font-size:36px;
	border-bottom:3px solid #0062ae;
}
.main-reyon-sec {
	background-image:url(../images/reyon-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:250px;
	height:320px;
	display:block;
	float:left;
}
.main-reyon-sec-tt {
	text-align:center;
	color:#0062ae;
	font-size:18px;
	font-weight:600;
	padding-top:30px;
}
.reyon-slider {
	overflow:hidden;
	width:100%;
	position:relative;
}
.reyon-track {
	display:flex;
	gap:20px;
 transition:transform .6s ease;
}
/* 6 kolon */

.main-reyon-sec {
	flex:0 0 calc(100% / 6 - 20px);
	opacity:0;
	transform:translateY(40px);
 transition:all .7s ease;
}
/* scroll animasyon */

.main-reyon-sec.show {
	opacity:1;
	transform:translateY(0);
}

/* tablet */

@media(max-width:1000px) {
 .main-reyon-sec {
 flex:0 0 calc(100% / 3 - 10px);
}
}

/* mobil */

@media(max-width:600px) {
 .main-reyon-sec {
 flex:0 0 100%;
}
}
.reyon-dots {
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:35px;
}
.reyon-dots span {
	width:12px;
	height:12px;
	border-radius:50%;
	background:#ccc;
	cursor:pointer;
 transition:.3s;
}
.reyon-dots span.active {
	background:#e31e24;
	width:12px;
	height:12px;
	transform:scale(1);
}
.news-section {
	padding: 80px 20px;
}
.news-grid {
	max-width: 1596px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}
/* Kart */
.news-card {
	opacity: 0;
	font-weight:600;
	transform: translateY(40px);
 transition: all .9s ease;
}
.news-card img {
	width: 100%;
	height: auto;
	display: block;
}
.news-card .date {
	display: block;
	font-size: 14px;
	margin: 15px 0 8px;
	color: #000;
}
.news-card p {
	font-size: 15px;
	line-height: 1.6;
	color: #111;
}
.news-card .detail {
	display: inline-block;
	margin-top: 12px;
	color: #e10600;
	font-weight: 600;
	font-size:14px;
	text-decoration: none;
}
/* Büyük kart */
.news-card.large {
	grid-column: span 2;
	transform: translateY(-40px);
}
/* Animasyon aktif */
.news-card.active {
	opacity: 1;
	transform: translateY(0);
}
/* Hover */
.news-card img {
 transition: transform .6s ease;
}
.news-card:hover img {
	transform: scale(1.04);
}

/* Responsive */
@media (max-width: 1200px) {
 .news-grid {
 grid-template-columns: repeat(2, 1fr);
}
 .news-card.large {
 grid-column: span 2;
}
}
 @media (max-width: 768px) {
 .news-grid {
 grid-template-columns: 1fr;
}
 .news-card.large {
 grid-column: span 1;
}
}
.hero {
	min-height: 480px;
	background: url("../images/kiralik-bg.jpg") center / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}
 .hero::after {
 inset: 0;
}
.hero-content {
	position: relative;
	max-width: 800px;
	padding: 20px;
}
.hero h1 {
	font-size: 42px;
	margin-bottom: 16px;
}
.hero p {
	font-size: 16px;
	line-height: 1.6;
}
.btn {
	display: inline-block;
	margin-top: 20px;
	padding: 15px 60px;
	background: #d71920;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
}
/* GENEL */

.stores-section {
	width:100%;
	display:flex;
	min-height:633px;
	overflow:hidden;
	position:relative;
	background-image:url(../images/maps.jpg);
	background-position:right center;
}
/* SOL ALAN */

.stores-left {
	width:57%;
	background-image:url(../images/rd-cz.png);
	background-repeat:no-repeat;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-bottom:35px;/*background-color:#ce0716;*/
}
.stores-content {
	max-width:420px;
}
.stores-content h2 {
	font-size:42px;
	letter-spacing:2px;
	margin-bottom:30px;
}
.stores-content h3 {
	font-size:24px;
	margin-bottom:20px;
}
.stores-content p {
	font-size:18px;
	line-height:28px;
	margin-bottom:40px;
}
/* BUTON */

.stores-btn {
	display:inline-flex;
	align-items:center;
	gap:12px;
	background:#fff;
	color:#c40000;
	padding:16px 28px;
	border-radius:40px;
	font-weight:600;
	text-decoration:none;
 transition:all .3s;
}
.stores-btn:hover {
	transform:translateY(-3px);
	box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);
}
.stores-btn .icon {
	font-size:18px;
}
/* SAĞ HARİTA */

.stores-right {
	width:70%;
}
.stores-right img {
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:9999;
	position:relative;
}
/* SCROLL ANİMASYON */

.reveal {
	opacity:0;
	transform:translateY(60px);
 transition:all .8s ease;
}
.reveal.show {
	opacity:1;
	transform:translateY(0);
}

/* RESPONSIVE */

@media(max-width:1024px) {
 .stores-section {
 flex-direction:column;
}
 .stores-left {
 width:100%;
 clip-path:none;
 text-align:center;
}
 .stores-right {
 width:100%;
 height:350px;
}
}
 @media(max-width:600px) {
 .stores-content h2 {
 font-size:30px;
}
 .stores-content h3 {
 font-size:20px;
}
 .stores-content p {
 font-size:16px;
}
}
.about-section {
	width:100%;
	padding:80px 0;
}
.about-container {
	width:1595px;
	max-width:92%;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:60px;
}
/* SOL METİN */

.about-text {
	width:50%;
}
.about-text h2 {
	font-size:42px;
	letter-spacing:8px;
	color:#2d6faa;
	margin-bottom:30px;
}
.about-text p {
	font-size:18px;
	line-height:30px;
	color:#333;
	margin-bottom:40px;
}
/* BUTON */

.about-btn {
	display:inline-block;
	background:#2d6faa;
	color:#fff;
	padding:18px 40px;
	border-radius:40px;
	text-decoration:none;
	font-weight:600;
	letter-spacing:3px;
 transition:all .3s;
}
.about-btn:hover {
	background:#1d4e7c;
	transform:translateY(-3px);
	box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);
}
/* SAĞ GÖRSEL */

.about-image {
	width:50%;
}
.about-image img {
	width:100%;
	border-radius:30px;
	display:block;
}
/* ANİMASYON */

.reveal-left {
	opacity:0;
	transform:translateX(-80px);
 transition:all .9s ease;
}
.reveal-right {
	opacity:0;
	transform:translateX(80px);
 transition:all .9s ease;
}
.reveal-left.show, .reveal-right.show {
	opacity:1;
	transform:translateX(0);
}

/* RESPONSIVE */

@media(max-width:992px) {
 .about-container {
 flex-direction:column;
}
 .about-text {
 width:100%;
}
 .about-image {
 width:100%;
}
 .about-text h2 {
 font-size:34px;
}
}
 @media(max-width:600px) {
 .about-section {
 padding:60px 0;
}
 .about-text p {
 font-size:16px;
 line-height:26px;
}
 .about-btn {
 padding:15px 30px;
}
}
.stats-section {
	background-image:url(../images/sayac-bg.jpg);
	/*background:linear-gradient(90deg, #0c2d63, #1976d2);*/
	padding:60px 0;
	color:#fff;
	text-align:center;
}
.stats-title {
	font-size:28px;
	max-width:1585px;
	margin:auto;
	margin-bottom:55px;
	line-height:1.5;
	text-align:left;
}
.stats-title b {
	font-weight:700;
}
.stats-container {
	width:1590px;
	max-width:92%;
	margin:auto;
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:40px;
}
.stat-item {
	text-align:center;
	position:relative;
}
.stat-line {
	width:100%;
	height:1px;
	background:rgba(255, 255, 255, 0.4);
	margin-bottom:25px;
}
.stat-icon img {
	margin-bottom:20px;
	opacity:.9;
}
.stat-number {
	font-size:42px;
	font-weight:700;
	margin-bottom:10px;
}
.stat-text {
	font-size:16px;
	opacity:.9;
}
 @media(max-width:1100px) {
 .stats-container {
 grid-template-columns:repeat(3, 1fr);
 row-gap:60px;
}
}
 @media(max-width:600px) {
 .stats-title {
 font-size:22px;
 padding:0 20px;
}
 .stats-container {
 grid-template-columns:repeat(2, 1fr);
}
 .stat-number {
 font-size:34px;
}
}
.quick-menu {
	background:#f3f3f3;
	padding:30px 0;
}
.menu-container {
	max-width:1595px;
	margin:auto;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:20px;
	text-align:center;
}
.menu-item {
	text-decoration:none;
	color:#1f3a5f;
	font-weight:600;
	font-size:15px;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
}
.menu-item .icon {
	width:97px;
	height:98px;
	background:white;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);
}
.menu-item .icon img {
	width:97px;
	height:98px;
}
.menu-item:hover {
	color:#2a6db0;
}
 @media (max-width:992px) {
 .menu-container {
 grid-template-columns:repeat(2, 1fr);
}
}
 @media (max-width:480px) {
 .menu-container {
 grid-template-columns:1fr;
}
 .menu-item span {
 font-size:14px;
}
}
.footer {
	padding:60px 0;
}
.container {
	max-width:1595px;
	margin:auto;
	padding:0 20px;
}
.footer-grid {
	display:grid;
	grid-template-columns:1fr 1fr 1.2fr 1.2fr;
	gap:40px;
}
.footer-col h3 {
	font-size:16px;
	font-weight:700;
	color:#1c355e;
	margin-bottom:20px;
}
.footer-col ul {
	list-style:none;
	padding:0;
	margin:0;
}
.footer-col ul li {
	margin-bottom:12px;
}
.footer-col ul li a {
	text-decoration:none;
	color:#6c7f99;
	font-size:14px;
}
.footer-col ul li a:hover {
	color:#1c355e;
}
/* Contact */

.office-title {
	font-weight:600;
	color:#1c355e;
	margin-bottom:5px;
}
.address {
	font-size:14px;
	color:#6c7f99;
	line-height:1.6;
}
.mail {
	margin-top:10px;
	font-size:14px;
	color:#6c7f99;
}
.phone {
	display:flex;
	align-items:center;
	margin-top:20px;
}
.phone .icon {
	font-size:28px;
	margin-right:10px;
}
.phone .number {
	font-size:34px;
	color:#1c355e;
	font-weight:600;
	letter-spacing:3px;
}
.social-44 {
	margin-top:20px;
	display:flex;
	gap:10px;
}
.social-44 a {
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	text-decoration:none;
	color:#1c355e;
	font-size:14px;
}
/* Brands */

.brands .brand-item {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:20px 0;
	border-bottom:1px solid #d9dee5;
}
.brand-item img {
}
.brand-social44 {
	display:flex;
	gap:10px;
}
.brand-social44 a {
	font-size:18px;
	text-decoration:none;
	color:#1c355e;
}
.copy-bg {
	background-color:#cd202e;
	padding:10px 0 10px 0;
}
.copy {
	float:left;
	display:block;
	color:#fff;
	margin:25px 0 0 0;
	padding-bottom:25px;
}
.grimor {
	float:right;
	margin:25px 0 0 0;
	display:block;
	color:#fff;
}
.grimor a {
	display:block;
	color:#fff;
}
.brd-rd {
	border-bottom:1px solid #FF0000;
	padding:15px 0 15px 0;
	display:block;
}
/* ALT SAYFALAR */

.ust-bg {
	background-image:url(../images/ust-img.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	min-height:370px;
	display:block;
}

.break-bg {
	background-color:#f2f2f2;
	padding:12px 0 12px 0;
	display:block;
}

.break {
	color:#1371bc;
	font-weight:500 !important;
	font-size:13px;
	line-height:28px;
}

.break a {
	color:#1371bc;
}

.text-blm {
	line-height:28px;
	font-size:15px;
	color:#000;
	font-weight:400;
	padding:25px 0 50px 0;
}

.text-blm h1 {
	color:#1371bc;
	font-size:30px;
	font-weight:600;
	padding:0px 0 10px 0;
}

.krm-img {
	float:right;
	padding:30px 0 20px 35px!important;
	display:block!important;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
}

.reyon-img {
	float:left;
	margin-right:20px;
	display:block!important;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	width:35%;
}

/* Tarihce */

.tarihce-blm {
	margin:80px 0 50px 0;
	display:block;
}

.tarihce-sl {
	float:left;
	display:block;
	max-width:1100px;
}

.tarihce-rl {
	float:right;
	display:block;
	max-width:1100px;
}

.tarihce-txt-bg {
	background-color:#f2f2f2;
	padding:35px;
	min-height:250px;
	color:#000;
	font-size:16px;
	float:left;
	width:500px;
	line-height:32px;
}

.trh-img {
	float:left;
	display:block;
}

.tarihce-tt {
	color:#000;
	font-size:46px;
	font-weight:600;
	padding:25px 0 30px 0;
}

/* Mevcut CSS Korundu ve Geliştirildi */
.tarihce-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden; /* Float taşmalarını engeller */
}

.tarihce-item {
	width: 100%;
	margin-bottom: 50px;
	clear: both;
}

.tarihce-sl {
	float: left;
	display: block;
	width: 100%;
	max-width: 1100px;
}

.tarihce-rl {
	float: right;
	display: block;
	width: 100%;
	max-width: 1100px;
}

/* Sağdaki blokta resmin sağda, metnin solda durması için (Opsiyonel Düzenleme) */
.tarihce-rl .trh-img {
	float: right;
}

.tarihce-rl .tarihce-txt-bg {
	float: right;
}

.trh-img {
	float: left;
	display: block;
	max-width: 100%;
	height: auto;
}

.tarihce-txt-bg {
	background-color: #f2f2f2;
	padding: 35px;
	min-height: 250px;
	color: #000;
	font-size: 16px;
	float: left;
	width: 500px;
	line-height: 32px;
	box-sizing: border-box;
}

.tarihce-tt {
	color: #000;
	font-size: 46px;
	font-weight: 600;
	padding: 25px 0 35px 0;
}

/* --- RESPONSIVE AYARLAR --- */
@media only screen and (max-width: 992px) {

.tarihce-txt-bg {
 width: 100%; /* Mobilde metin tam genişlik */
 min-height: auto;
 padding:15px 8px 25px 8px;
}

.trh-img {
 width: 100%; /* Mobilde resim tam genişlik */
 float: none !important;
}

}

/* --- ANİMASYON EFEKTLERİ --- */
.reveal {
	position: relative;
	opacity: 0;
	transition: all 0.8s ease-in-out;
}

.tarihce-sl.reveal {
	transform: translateX(-50px);
} /* Soldan gelir */

.tarihce-rl.reveal {
	transform: translateX(50px);
}  /* Sağdan gelir */

.reveal.active {
	opacity: 1;
	transform: translateX(0);
}


/* tablet */
@media only screen and (max-width: 1000px) {

.header-right {
 display:none;
}

}
/* mobil */


/* Kampanyalar */

.katalog-sec {
	width:290px;
	float:left;
	display:block;
	padding:10px 0 10px 0;
	margin:20px 10px 15px 15px;
	border:1px solid #d4d4d4;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-shadow: -1px 11px 19px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -1px 11px 19px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px 11px 19px 2px rgba(0, 0, 0, 0.2);
}

.katalog-sec-tt {
	text-align:center;
	color:#1371bc;
	font-size:18px;
	padding:8px 0 15px 0;
	font-weight:600;
}


.main-reyon-sec-ic {
	background-image:url(../images/reyon-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-shadow: -1px 11px 19px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -1px 11px 19px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px 11px 19px 2px rgba(0, 0, 0, 0.2);
	width:15.5%;
	height:320px;
	margin:50px 16px 10px 0px;
	display:block;
	float:left;
}

.main-reyon-sec-tt {
	text-align:center;
	color:#0062ae;
	font-size:18px;
	font-weight:600;
	padding-top:30px;
}

.galeri {
	width:380px;
	float:left;
	height:280px;
	display:block;
	margin:35px 18px 0px 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


/* TABLET */
@media only screen and (max-width:1024px){

.katalog-sec{
	width:45%;
	margin:20px 2.5%;
}

.main-reyon-sec-ic{
	width:45%;
	margin:40px 2.5%;
}

.galeri{
	width:47%;
	height:auto;
	margin:25px 1.5%;
}

.krm-img {
	float:none;
	margin:auto;
	padding:30px 0 20px 0px!important;
	display:block!important;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
}

}


/* MOBIL */
@media only screen and (max-width:781px){

.katalog-sec{
	width:320px;
	float:left;
	margin:15px 10px 30px 10px;
}

.main-reyon-sec-ic{
	width:305px;
	float:left;
	margin:15px 10px 30px 10px;
}

.galeri{
	width:310px;
	height:auto;
	margin:20px 20px 15px 5px;
}

}


/* KÜÇÜK MOBİL */
@media only screen and (max-width:480px){

.katalog-sec{
	width:310px;
	margin:15px auto 45px auto;
	display:block;
	float:none;
}

.katalog-sec-tt{
	font-size:16px;
}

.main-reyon-sec-ic{
	width:305px;
	float:none;
	margin:15px auto 45px auto;
}

.main-reyon-sec-tt{
	font-size:16px;
}

.galeri{
	width:310px;
	height:auto;
	float:none;
	margin:20px auto 25px auto;
}

}





.team {
	padding: 70px 20px;
	background: #fff;
}
.team-grid {
	margin: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 30px;
}
/* Kart */
.team-card {
	text-align: center;
}

.team-img {
	width: 100%;
	aspect-ratio: 4 / 3;
	background: #f1f1f1;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	position: relative;
}

/* Kamera icon efekti (placeholder hissi) */
.team-img::after {
 content: "";
 font-size: 48px;
 color: #bcbcbc;
}

.team-card h3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px;
}

.team-card .unvan {
	font-size: 14px;
	color: #6f6f6f;
	padding:0 0 0 0 !important;
}

/* Laptop */
@media (max-width: 1200px) {

 .team-grid {
 grid-template-columns: repeat(3, 1fr);
}

}

/* Tablet */
@media (max-width: 900px) {

 .team-grid {
 grid-template-columns: repeat(2, 1fr);
}

}

/* Mobil */
@media (max-width: 520px) {
 .team {
 padding: 40px 15px;
}
 .team-grid {
 grid-template-columns: 1fr;
 gap: 30px;
}
}
/* Magazalar */

.branches {
	padding: 60px 20px;
}
/* GRID */
.branch-grid {
	margin: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4'lü yan yana */
	gap: 30px;
}
/* Kart */
.branch-card {
	background: #fff;
	border-radius: 22px;
	overflow: hidden;
	position: relative;
	margin-bottom:25px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
 transition: transform .3s ease, box-shadow .3s ease;
}
.branch-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}
/* Görsel */
.branch-img img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: block;
}
/* İçerik */
.branch-content {
	padding: 20px 22px 60px;
}
.branch-content h3 {
	font-size: 18px;
	font-weight: 700;
	color: #0b5ed7;
	margin:0 0 15px 0;
}
.branch-info {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
	font-weight:500;
}
/* Sağ alt ok */
.branch-btn {
	position: absolute;
	right: 18px;
	bottom: 18px;
	width: 46px;
	height: 46px;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 20px;
}

/* Laptop */
@media (max-width: 1400px) {
 .branch-grid {
 grid-template-columns: repeat(3, 1fr);
}
}

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

/* Mobil */
@media (max-width: 576px) {
 .branch-grid {
 grid-template-columns: 1fr;
}
}

img {
	width: auto\9;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* GRID */

.seri-grid {
	max-width: 1600px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 30px;
	padding: 40px 20px;
}

/* CARD */

.seri-card {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
	text-align: center;
	padding: 18px;
 transition: all .4s ease;
	position: relative;
	overflow: hidden;
}
/* HOVER */
.seri-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
}

.seri-card::after {
	 content: "";
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 3px;
	 background: #d60000;
	 transform: scaleX(0);
	 transition: transform .4s ease;
}

.seri-card:hover::after {
 transform: scaleX(1);
}

/* LOGO */
.seri-logo {
	font-weight: bold;
	color: #d60000;
	margin-bottom: 15px;
}
/* IMAGE PLACEHOLDER */
.seri-img {
	width: 100%;
	min-height: 220px;
	margin-bottom: 20px;
}
/* TITLE */
.seri-title {
	font-size: 16px;
	font-weight: 600;
	border-top: 1px solid #000;
	padding-top: 15px;
}
/* SCROLL ANIMATION */
.reveal {
	opacity: 0;
	transform: translateY(60px);
 	transition: all .7s ease;
}
.reveal.active {
	opacity: 1;
	transform: translateY(0);
}
/* GRID */
.video-grid {
	max-width: 1600px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 30px;
	padding: 40px 20px;
}
/* CARD */
.video-card {
	background: #fff;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
 transition: all .4s ease;
}
/* THUMB */
.video-thumb {
	position: relative;
	overflow: hidden;
}
.video-thumb img {
	width: 100%;
	height: 280px;
	object-fit: cover;
 transition: transform .6s ease;
}
/* HOVER IMAGE */
.video-card:hover img {transform: scale(1.08);}

.instagram-section {
	text-align: center;
	background-color: #fff;
	padding: 20px 10px 40px 10px;
	display:block;
}
.instagram-section h2 {
	font-size: 36px;
	font-weight: 700;
	color: #0062ae;
	margin-bottom: 5px;
}
.instagram-section .subtitle {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	margin-bottom: 20px;
	letter-spacing: 0.5px;
}
.insta-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #000;
	color: #000;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 15px;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s ease;
}


.insta-gallery {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 8px;
	margin-top: 40px;
}
.insta-gallery img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	transition: transform 0.3s ease;
}
.insta-gallery img:hover {
	transform: scale(1.03);
}

/* Mobil Uyumluluk */
@media (max-width: 992px) {
 .insta-gallery {
 grid-template-columns: repeat(3, 1fr);
}
}
 @media (max-width: 600px) {
 .insta-gallery {
 grid-template-columns: repeat(2, 1fr);
}
 .instagram-section h2 {
 font-size: 22px;
}
 .insta-btn {
 font-size: 14px;
 padding: 8px 16px;
}
}