@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
body { overflow-x: hidden; background-color: #fff; margin: 0; padding: 0; box-sizing: border-box; font-family: "Onest", sans-serif; }

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Resimlerin dışarı taşmasını önlemek için */
img {
    max-width: 100%;
    height: auto;
}
a { text-decoration: none !important; color: #383e42; transition-duration: 0.4s; }
.br{border:1px solid red;}
a:link{text-decoration:none;}
/*anasayfa css*/
/**/
.instagram-title-wrapper {
    position: relative;
    text-align: center;
    margin-bottom: 8px;
}
/* Yazı: Buton görünümünde */
.instagram-title-wrapper h2 {
    display: inline-block;
    position: relative;
    padding: 12px 30px;
    font-size: 18px;
    border-radius: 30px;
    color: #fff;
    background: #9e0a9e;;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    z-index: 1;
    animation: none;
}
/* Ortadaki ince çizgi */
.instagram-title-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
/**/
/*resimbilgi*/
.service-box {
    background: #fff;
    border-radius: 16px;
    padding: 35px 25px;
    border: 1px solid #e0f3fa;
    transition: all 0.35s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
/* İkon stili – Turkuaz */
.service-box .icon i {
    font-size: 3rem;
    color: #00A8E8;
    transition: color 0.35s ease;
    line-height: 1;
}
/* Başlık ve paragraf */
.service-box h3 {
    font-size: 20px;
    color: #0a2a43;
    margin-bottom: .75rem;
    transition: color 0.3s ease;
}
.service-box p {
    color: #4d6575;
    transition: color 0.3s ease;
}
/* --- Hover Efekti (Profesyonel turkuaz) --- */
.service-box:hover {
    background: #00A8E8;        /* Turkuaz */
    border-color: #00A8E8;
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 168, 232, 0.30);
    color: #fff;
}
/* Hover’da yazı ve ikonlar beyaz olur */
.service-box:hover h3,
.service-box:hover p,
.service-box:hover .icon i {
    color: #fff !important;
}
/* Yeni Kategori Başlık Stili */
.kampanya-title-wrapper {
    position: relative;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.kampanya-title-wrapper h2 {
    display: inline-block;
    font-size: 24px; /* Yazı boyutu */
    font-weight: 500;
    color: #333; /* Koyu gri/siyah tonu */
    position: relative;
    padding-bottom: 15px; /* Çizgi ile yazı arasındaki mesafe */
    margin: 0;
    background: none; /* Mavi arka planı kaldırdık */
    box-shadow: none; /* Gölgeyi kaldırdık */
}

/* Altındaki mavi çizgi */
.kampanya-title-wrapper h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100px; /* Çizginin uzunluğu */
    height: 3px; /* Çizginin kalınlığı */
    background-color: #137cd2; /* Logonuzdaki veya butonlardaki mavi tonu */
}

/**/
/*carosel yataymenü*/
#owl-demo .owl-nav,
#owl-demo .owl-nav.disabled {
  display: none !important;
  visibility: hidden !important;
}
#owl-demo .item img {
  height: 40px;
  width: 40px;
}
#owl-demo .item div {
  font-size: 11px;
}
/* Başlık yüksekliğini sabitleyelim */
.urun-baslik {
height: 50px; 
overflow: hidden; 
display: -webkit-box;
-webkit-line-clamp: 2; /* En fazla 2 satır */
-webkit-box-orient: vertical;
margin-top: 10px;
font-weight: bold;
}
/*ekatalog css*/
.katalog-item {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 15px 20px;
border-radius: 50px; /* Görseldeki oval yapı */
border: 1px solid #e0e0e0;
margin-bottom: 15px;
text-decoration: none !important;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.katalog-item:hover {
background: #007bff;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,123,255,0.3);
}
.katalog-text {
font-weight: 600;
color: #333;
transition: all 0.3s ease;
}
.katalog-item:hover .katalog-text {
color: #fff;
}
.column-title {
border-bottom: 2px solid #007bff;
padding-bottom: 10px;
margin-bottom: 25px;
font-weight: bold;
color: #444;
}
/*modal mesaj*/
.custom-modal-success {
border-radius: 20px;
border: none;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
background-color: #ffffff;
}
.checkmark-circle {
  width: 80px;
  height: 80px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.checkmark-circle .background {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #4BB543;
  position: absolute;
  top: 0;
  left: 0;
}
.checkmark {border-radius: 5px;}
.checkmark.draw:after {
  animation-duration: 800ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
  animation-fill-mode: forwards;
  content: '';
  height: 40px;
  left: 31px;
  position: absolute;
  top: 13px;
  width: 20px;
  border-right: 5px solid #fff;
  border-top: 5px solid #fff;
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 20px;
    opacity: 1;
  }
  40% {
    height: 40px;
    width: 20px;
    opacity: 1;
  }
  100% {
    height: 40px;
    width: 20px;
    opacity: 1;
  }
}
/*liste sayfası css*/
.itemm {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.itemm:hover {
  transform: scale(0.97);
 box-shadow: 0 0 15px 5px #6dadb2;
}
.product-title {
  height: 56px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  margin: 10px 0;
  border-bottom: none;
}
.product-infoo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.incele-yazi {
    color: #169b24 !important;
    text-decoration: none !important;
    font-weight: 500;
    vertical-align: middle;
    font-size: 15px;
}
/**/
/*slider css*/
.slider-section { position: relative; width: 100%; padding: 60px 0; }
.topdeger { margin-top:50px; }
@media (max-width: 992px) {.topdeger { margin-top:75px; } }
/* Resim ve Katmanlar */
.slider-img-wrapper {
position: relative; width: 100%; max-width: 800px; height: 500px;
margin: 0 auto; display: flex; justify-content: center; align-items: center;
}
.slider-bg-1 { 
width: 90%; height: 280px; background-color: #d2e3cd !important; 
border-radius: 60px; position: absolute; z-index: 1; 
}
.slider-bg-2 { 
width: 82%; height: 360px; background-color: #c0cfe3 !important; 
border-radius: 50px; position: absolute; z-index: 2; 
}
.slider-img-wrapper img {
width: 75%; height: 80%; object-fit: cover; border-radius: 60px;
position: relative; z-index: 5; display: block;
}
/* Yazı Alanı */
.content-box { padding-right: 30px; }
.content-box .code { color: #3b82f6; font-weight: 600; font-size: 16px; }
.content-box h1 { font-size: 38px; line-height: 48px; font-weight: 600; margin: 15px 0 32px; }
.primary-btn { 
background: #1f4ed8; color: white; padding: 14px 60px; 
border-radius: 100px; text-decoration: none; display: inline-flex; 
align-items: center; gap: 12px; transition: 0.3s;
}
/* Masaüstü Oklar (Siyah Daire, Beyaz Ok) */
.nav-btn {
position: absolute; top: 50%; transform: translateY(-50%);
width: 50px; height: 50px; background: #000; color: #fff;
border: 2px solid #000; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
z-index: 100; cursor: pointer; transition: 0.3s;
}
/* JS'deki sınıflarla tam uyumlu isimler */
.desktop-prev { left: 20px; }
.desktop-next { right: 20px; }
.nav-btn:hover { background: #333; }
/* Mobil Navigasyon */
.mobile-nav { display: none; }
@media (max-width: 992px) {
.slider-section { padding: 20px 0 40px; }
.slider-img-wrapper { height: 240px; margin-bottom: 20px; }
.slider-bg-1 { height: 120px; border-radius: 30px; }
.slider-bg-2 { height: 180px; border-radius: 30px; }
.slider-img-wrapper img { width: 70%; height: 75%; border-radius: 30px; }
.content-box { padding: 0; text-align: center; }
.content-box h1 { font-size: 24px; line-height: 30px; }
.nav-btn { display: none; }
.mobile-nav { display: flex !important; justify-content: center; gap: 20px; margin-top: 20px; }
.m-btn {
width: 45px; height: 45px; background: #000; color: #fff;
border-radius: 50%; display: flex; align-items: center; justify-content: center;
cursor: pointer;
}
}
/*footer*/
/* Tasarım Ayarları */
.footer-title { color: #222; border-left: 4px solid #004687; padding-left: 15px; text-transform: uppercase; font-size: 17px; letter-spacing: 0.5px; }
.footer-icon { color: #007bff; font-size: 18px; }

/* Bilgi İste Butonları */
.btn-footer-action {
    background: #f8f9fa;
    border: 1px solid #eee;
    color: #004687 !important;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s;
    border-radius: 4px;
    text-decoration: none;
}

/* Mail Butonu İçin Özel Genişlik/Font Ayarı (Uzun mailler sığsın diye) */
.mail-btn-style span {
    font-size: 14px;
    text-transform: lowercase;
}

.btn-footer-action:hover {
    background: #004687;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Link Efektleri */
.footer-quick-links li a { transition: all 0.3s ease; display: inline-block; }
.footer-quick-links li a i { font-size: 10px; color: #004687; }
.footer-quick-links li a:hover { color: #004687 !important; transform: translateX(5px); }

/* Mobil Butonlar */
.mobile-sticky-contact { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; display: flex; }
.sticky-btn { flex: 1; height: 55px; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; text-transform: uppercase; }
.whatsapp-bg { background-color: #04a03e; }
.phone-bg { background-color: #c98003; }
.sticky-btn i { margin-right: 8px; font-size: 18px; }

@media (min-width: 992px) {
    .main-footer { padding-bottom: 20px; }
}
/*sertifika*/
.sertifika-card {
	margin-bottom: 40px;
	transition: all 0.3s ease;
}

/* Çerçeve ve Resim Alanı */
.sertifika-img-wrapper {
	width: 100%;
	padding: 10px; /* Çerçeve ile resim arasındaki boşluk */
	background-color: #fff;
	border: 2px solid #e0e0e0; /* Çerçeve rengi ve kalınlığı */
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	transition: all 0.3s ease;
}

/* Üzerine gelince çerçevenin değişimi */
.sertifika-card:hover .sertifika-img-wrapper {
	border-color: #da291c; /* Kurumsal renginizle değiştirebilirsiniz */
	box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	transform: translateY(-5px);
}

.sertifika-img-wrapper img {
	width: 100%;
	height: auto;
	display: block;
	/* 800x1000 oranını korumak için */
	aspect-ratio: 8/10;
	object-fit: cover;
}

.seradi-title {
	margin-top: 18px;
	font-weight: 700;
	font-size: 1.2rem;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.katalog-divider {
	height: 3px;
	width: 50px;
	background-color: #da291c;
	margin: 10px auto;
}