body { font-family: 'Montserrat', sans-serif; margin: 0; }

.navbar-brand { font-weight: 700; font-size: 1.5rem; }
.nav-link {
    font-weight: 600; /* Yazıyı biraz daha belirgin yaptık */
    font-size: 0.95rem;
    text-transform: uppercase; /* Kurumsal bir duruş için büyük harf */
    letter-spacing: 1px; /* Harf aralığı ferahlık katar */
    color: #333 !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease;
    cursor: pointer !important;
    position: relative; /* Alt çizgi efekti için gerekli */
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 5px;
    left: 15px;
    background-color: #007bff; /* Şirket mavi rengin */
    transition: width 0.3s ease;
}
#lang-toggle, .btn-corporate, .btn-filter, .btn-incele {
    cursor: pointer !important;
}

/* Logo için (tıklanabilir olduğunu hissettirir) */
.navbar-brand {
    cursor: pointer !important;
}
.nav-link:hover::after {
    width: calc(100% - 30px); /* Padding mesafesini çıkararak tam hizalar */
}

.nav-link:hover {
    color: #007bff !important;
    transform: translateY(-1px); /* Hafif bir yükselme efekti */
}
@media (max-width: 991px) {
    /* Menü listesini dikeyde ve yatayda ortalar */
    .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Tüm elemanları yatayda ortalar */
        text-align: center !important;
        padding: 20px 0 !important;
    }

    /* Her bir menü elemanının genişliğini ve boşluğunu ayarlar */
    .nav-item {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }

    .nav-link {
        display: inline-block !important; /* Alt çizgi efektinin metne göre ortalanması için */
        padding: 12px 20px !important;
        font-size: 1.1rem !important;
    }

    /* Dil butonunu (TR/EN) içeren kutuyu ortalar */
    .nav-item.ms-lg-3 {
        margin-top: 20px !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    #lang-toggle, .btn-outline-primary {
        margin-left: 0 !important; /* Varsa eski marginleri sıfırladık */
        padding: 8px 25px !important; /* Mobilde daha kolay basılması için biraz genişlettik */
    }
}
/* Hero */
.hero {
position: relative;
width: 100%;
min-height: 600px;
background:
linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
url("Images/header.jpeg") center/cover no-repeat;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 60px 20px;
box-sizing: border-box;
}

.hero-text-container { 
    display: flex; 
    flex-direction: column; 
    gap: 10px; /* Aradaki boşluğu biraz daralttık ki daha derli toplu dursun */
}

.hero-sub-slogan { 
    font-size: 2.2rem; /* İstediğin gibi küçülttük */
    font-weight: 700; 
    letter-spacing: 3px; 
    text-transform: uppercase; 
    margin: 0; 
    color: #93c7ff; /* İSTEDİĞİN MAVİ RENK */
}

.hero-main-slogan { 
    font-size: 2.4rem; /* İstediğin gibi büyüttük */
    font-weight: 800; 
    margin: 0; 
    line-height: 1.2;
}

.hero-company-name {
    font-family: 'Dancing Script', cursive; 
    font-size: 3.5rem; 
    font-weight: 400; 
    margin: 5px 0 0 0;
    color: #fff;
    text-transform: none; 
    letter-spacing: 1px;
}
/* Hero content */
.hero-content-container {
display: flex;
gap: 30px;
padding: 60px 15px;
align-items: flex-start;
max-width: 1200px;
margin: 0 auto;
}
.hero-content-text { flex: 2; }
.hero-content-text h2 { font-size: 2rem; font-weight: 700; margin-bottom: 20px; }
.hero-content-text p { font-size: 1rem; line-height: 1.7; color: #333; }
.hero-content-image { flex: 1; }
.hero-content-image img { width: 100%; border-radius: 8px; object-fit: cover; }

/* ---------------- Ürünlerimiz ---------------- */
#urunler { display: none; padding: 50px 15px; max-width: 1200px; margin: 0 auto; }
.urunler-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.urun-card {
background: #fff;
border-radius: 8px;
overflow: hidden;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
padding: 15px;
border: 1px solid #eee;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.urun-card img {
width: 100%;
height: 180px;
object-fit: contain;
margin-bottom: 15px;
}
.urun-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.urun-title { font-size: 0.9rem; font-weight: 600; margin-bottom: 5px; min-height: 40px; color: #333; }
.urun-sku { font-size: 0.8rem; color: #777; margin-bottom: 15px; display: block; }
.btn-incele {
background: #333;
color: #fff;
border: none;
padding: 8px 12px;
border-radius: 4px;
font-size: 0.85rem;
text-decoration: none;
transition: 0.3s;
}
.btn-incele:hover { background: #000; color: #fff; }
.btn-incele i { margin-right: 5px; }

/* WhatsApp Floating Button */
.whatsapp-float {
position: fixed;
width: 55px;
height: 55px;
bottom: 25px;
right: 25px;
background-color: #25D366;
color: #fff;
border-radius: 50%;
text-align: center;
font-size: 28px;
line-height: 55px;
box-shadow: 0 8px 20px rgba(0,0,0,0.25);
z-index: 9999;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-float:hover {
transform: scale(1.08);
box-shadow: 0 12px 25px rgba(0,0,0,0.35);
color: #fff;
}

.whatsapp-float i {
margin-top: 2px;
}

/* İletişim Sayfası Özel Stilleri */
.contact-header {
width: 100%;
height: 350px;
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("Images/iletisim.jpg") center/cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin-bottom: 50px;
}
.contact-header h1 { font-size: 3.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; }

.contact-box {
background: #fff;
border-radius: 20px;
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
padding: 50px;
margin-top: -100px; /* Görselin üzerine hafif taşma efekti */
position: relative;
z-index: 10;
}

.contact-info-item { display: flex; align-items: flex-start; margin-bottom: 30px; }
.contact-info-item i {
width: 50px; height: 50px; background: #f8f9fa; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 1.2rem; color: #333; margin-right: 20px; transition: 0.3s;
}
.contact-info-item:hover i { background: #333; color: #fff; }
.contact-info-item h5 { font-weight: 700; margin-bottom: 5px; font-size: 1rem; color: #888; text-transform: uppercase; }
.contact-info-item p, .contact-info-item a { color: #333; text-decoration: none; font-size: 1.1rem; font-weight: 600; margin: 0; }

.map-frame { border-radius: 15px; overflow: hidden; height: 100%; min-height: 400px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
/* Hakkımızda Banner ve İçerik */
.about-header {
width: 100%;
height: 400px;
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("Images/hakkimizda.jpeg") center/cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
text-align: center;
}
.about-header h1 {
font-size: 3.5rem;
font-weight: 800;
letter-spacing: 4px;
text-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

.about-section-content {
max-width: 900px;
margin: -60px auto 0; /* Banner üzerine hafif taşma */
background: #fff;
padding: 60px;
border-radius: 20px;
box-shadow: 0 30px 60px rgba(0,0,0,0.08);
}

.about-lead-text {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.8;
color: #1a1a1a;
border-left: 5px solid #007bff;
padding-left: 25px;
margin-bottom: 30px;
}

.about-body-text {
font-size: 1.05rem;
line-height: 2;
color: #555;
margin-bottom: 25px;
text-align: justify;
}

.about-features {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 50px;
border-top: 1px solid #eee;
padding-top: 40px;
}

.feature-item { text-align: center; }
.feature-item i { font-size: 2rem; color: #007bff; margin-bottom: 15px; }
.feature-item h6 { font-weight: 700; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; }

/* İstatistik Sayacı Bölümü */
.stats-section {
padding: 100px 0;
margin: 50px 0;
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("Images/memnuniyet.jpg") center/cover no-repeat fixed;
color: #fff;
}

.stat-card {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 20px;
padding: 35px 15px; /* İç boşlukları dengeledik */
display: flex;
flex-direction: column; /* İkon, Sayı ve Yazıyı alt alta dizdik */
align-items: center; /* Yatayda ortalar */
justify-content: center; /* Dikeyde ortalar */
text-align: center;
height: 100%; /* Tüm kutuların boyu eşit olsun */
transition: 0.3s;
}

.stat-card:hover {
transform: translateY(-10px);
background: rgba(255, 255, 255, 0.15);
}

.stat-icon {
font-size: 2.8rem;
color: #007bff;
margin-bottom: 15px; /* Sayı ile ikon arasına boşluk */
margin-right: 0 !important; /* Varsa eski yan boşluğu kaldırdık */
}

.stat-number {
font-size: 2.4rem !important; /* Sığması için ideal büyüklük */
font-weight: 800 !important;
color: #ffffff !important;
margin: 5px 0 !important;
line-height: 1;
display: block;
}
.stat-label {
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #cbd5e0 !important;
margin-top: 10px;
}
/* --- Profesyonel Kurumsal Footer --- */
footer {
background-color: #1a1a1a;
color: #ffffff;
padding: 80px 0 30px;
font-size: 0.95rem;
border-top: 4px solid #007bff; /* Üstte ince kurumsal mavi çizgi */
}

.footer-title {
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
}

.footer-title::after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 50px;
height: 2px;
background-color: #007bff;
}

.footer-item {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
color: #cccccc;
}

.footer-item i {
color: #007bff;
margin-right: 15px;
margin-top: 5px;
width: 20px;
text-align: center;
}

/* Saatler için istediğin 3-4 boşluk mesafesi */
.footer-time-label {
display: inline-block;
width: 110px;
font-weight: 600;
color: #fff;
}

.footer-divider {
border-top: 1px solid rgba(255,255,255,0.1);
margin: 40px 0 20px;
}

.copyright-text {
font-size: 0.85rem;
color: #777;
letter-spacing: 1px;
}
/* Logo ve El Yazısı Fontu Ayarları */
.hero-company-container {
display: flex;
align-items: center;
justify-content: center;
gap: 20px; /* Logo ve yazı arasındaki boşluk */
}

.hero-logo {
width: 100px; /* Logonun büyüklüğü */
height: auto;
filter: drop-shadow(0 0 10px rgba(0,0,0,0.3)); /* Logoyu belirginleştirir */
}

.hero-company-name {
font-family: 'Dancing Script', cursive;
font-size: 4rem; /* El yazısı için ideal boyut */
font-weight: 400;
margin: 0;
color: #fff;
text-transform: none;
}

/* Navbar (Üst Menü) Logo Ayarı */
.navbar-brand img {
height: 100px !important; /* !important ekleyerek diğer kuralları ezmesini sağlıyoruz */
width: auto;
margin-right: 15px;
object-fit: contain; /* Logonun ezilip büzülmesini engeller */
}

/* Mobilde logonun çok devasa durmaması için küçük bir ayar (isteğe bağlı) */
@media (max-width: 768px) {
.navbar-brand img {
height: 70px !important;
}
}
/* Vizyon & Misyon Yeni Stiller */
.vision-mission-container {
margin-top: 60px;
padding-top: 40px;
border-top: 2px solid #f1f1f1;
}

.vm-card {
background: #fff;
padding: 40px;
border-radius: 15px;
height: 100%;
transition: all 0.3s ease;
border: 1px solid #e9ecef;
position: relative;
overflow: hidden;
}

.vm-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0,0,0,0.05);
border-color: #007bff;
}

.vm-card i {
font-size: 3rem;
color: #007bff;
margin-bottom: 25px;
opacity: 0.8;
}

.vm-card h3 {
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
color: #1a1a1a;
position: relative;
}

.vm-card h3::after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
width: 40px;
height: 3px;
background: #007bff;
}

.vm-text {
color: #555;
line-height: 1.8;
font-size: 1rem;
}

.mission-list {
list-style: none;
padding: 0;
margin-top: 15px;
}

.mission-list li {
padding-left: 25px;
position: relative;
margin-bottom: 10px;
color: #444;
}

.mission-list li::before {
content: "\f058";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 0;
color: #28a745;
}

.vm-accent-bg {
position: absolute;
right: -20px;
top: -20px;
font-size: 8rem;
color: #f8f9fa;
z-index: 0;
}

.vm-card > * {
position: relative;
z-index: 1;
}
/* Neden Biz Bölümü Stilleri */
.why-us-section {
padding: 100px 0;
background-color: #ffffff;
}

.why-card {
background: #fff;
padding: 40px 30px;
border-radius: 20px;
text-align: center;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
height: 100%;
border: 1px solid #f0f0f0;
box-shadow: 0 5px 15px rgba(0,0,0,0.02);
}

.why-card:hover {
transform: translateY(-12px);
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
border-color: #007bff;
}

.why-icon-wrapper {
width: 80px;
height: 80px;
background: #e7f1ff;
color: #007bff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto 25px;
font-size: 2rem;
transition: 0.3s;
}

.why-card:hover .why-icon-wrapper {
background: #007bff;
color: #fff;
transform: rotateY(360deg);
}

.why-card h4 {
font-size: 1.15rem;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 15px;
line-height: 1.4;
}

.why-card p {
font-size: 0.95rem;
color: #666;
margin-bottom: 0;
}

.section-subtitle {
text-transform: uppercase;
color: #007bff;
letter-spacing: 2px;
font-weight: 700;
font-size: 0.9rem;
display: block;
margin-bottom: 10px;
}
/* Ürün Filtre Butonları */
.filter-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 40px;
}

.btn-filter {
border: 2px solid #333;
background: transparent;
color: #333;
padding: 8px 20px;
border-radius: 30px;
font-weight: 600;
font-size: 0.9rem;
transition: all 0.3s ease;
}

.btn-filter.active, .btn-filter:hover {
background: #007bff;
border-color: #007bff;
color: #fff;
}

/* Ürün Kartı Gizleme/Gösterme Animasyonu */
.urun-card.hidden {
display: none;
}

.urun-card {
animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Daha Zarif ve Teknik Hero Butonu */
.hero-action-area {
margin-top: 35px;
text-align: center;
}

.btn-corporate {
display: inline-block;
padding: 12px 35px; /* Boyut küçültüldü */
font-size: 0.8rem; /* Yazı fontu daha zarif yapıldı */
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
background: transparent;
border: 1.5px solid #ffffff; /* Çizgi inceltildi */
border-radius: 0;
transition: all 0.3s ease;
text-decoration: none;
cursor: pointer;
}

.btn-corporate:hover {
color: #000;
background: #ffffff;
box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);
}
/* Ürünler Sayfası İçin Yukarı Çık Butonu */
.back-to-top-products {
position: fixed;
bottom: 90px; /* WhatsApp butonunun biraz üzerinde durması için */
right: 25px;
width: 45px;
height: 45px;
background-color: #333;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
z-index: 999;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
border: none;
outline: none;
cursor: pointer;
}

.back-to-top-products.show {
opacity: 1;
visibility: visible;
}

.back-to-top-products:hover {
background-color: #007bff;
color: #fff;
transform: translateY(-5px);
}

@media (max-width: 768px) {
.back-to-top-products {
width: 40px;
height: 40px;
bottom: 85px;
right: 20px;
}
}

/* Genel Bölüm Ayarları */
.asutay-intro {
    padding: 80px 0 !important; /* Boşluğu standart seviyeye çektik */
    background: #ffffff;
}

.intro-title {
    font-size: 2.8rem !important; /* Boyutu kısalttık (Eski dev hali 4.5 idi) */
    font-weight: 800 !important;  /* Kalınlığı bir tık azalttık (900'den 800'e) */
    color: #1a1a1a;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

.intro-title span {
    color: #007bff;
    font-weight: 800 !important; /* Marka ismini de 800 yaptık */
    display: inline !important;   /* Yan yana durmasını istiyorsan inline yap */
    margin-top: 0;
}

.intro-line {
    width: 60px !important;  /* Çizgi boyunu normale çektik */
    height: 5px !important;  /* Çizgi kalınlığını azalttık */
    background: #007bff;
    margin-bottom: 25px !important;
}

.intro-p {
    font-size: 1.1rem !important; /* Yazı boyutunu normale çektik (1.5'ten 1.1'e) */
    line-height: 1.8 !important;
    color: #444 !important;      /* Rengi bir tık yumuşattık */
    text-align: justify;
    font-weight: 400 !important;  /* Yazı kalınlığını normale (400) çektik */
}
/* GÖRSELİN BOYUTU VE DURUŞU */
.intro-img {
    width: 100%;
    max-width: 500px; /* Masaüstünde çok yayılmasın */
    height: 350px; /* Sabit yükseklik profesyonel durur */
    object-fit: cover; /* Görseli bozmadan sığdırır */
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    display: block;
    margin: 0 auto;
}

/* MOBİL (TELEFON) AYARLARI */
@media (max-width: 991px) {
    .asutay-intro {
        padding: 50px 0;
    }
    
    .intro-text-box {
        text-align: center;
        margin-bottom: 35px; /* Metinle görsel arasına nefes payı */
    }

    .intro-line {
        margin: 0 auto 25px; /* Çizgiyi ortalar */
    }

    .intro-title {
        font-size: 2rem;
    }

    /* Mobilde görselin "ne büyük ne küçük" durmasını sağlayan yer */
    .intro-img {
        width: 85%; /* Ekranın tamamına yapışmaz, zarif durur */
        height: 250px; /* Yüksekliği mobilde düşürerek devasa görünümü engeller */
    }
}
.contact-header h1 {
    text-align: center;
    font-size: 2.5rem; /* Mobilde çok büyük kalmaması için boyutu biraz kıstık */
    padding: 0 15px;
}

#lang-toggle {
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 0.8rem;
}
@media (max-width: 991px) {
    #lang-toggle {
        margin-left: 20px !important; /* Bu değeri artırdıkça sağa kayar */
        display: inline-block;
        margin-top: 15px;
        margin-bottom: 10px;
    }
}

/* Sadece Mobil ve Tablet Cihazlar İçin */
@media (max-width: 768px) {
    .whatsapp-float {
        bottom: 100px !important; /* Bu rakamı artırdıkça buton yukarı çıkar */
        right: 20px !important;   /* Sağ kenardan uzaklığı */
        text-decoration: none !important; /* Yanındaki olası çizgiyi siler */
    }
}