@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;900&display=swap');

:root {
    --dark: #0f0f0f;      /* Ana Antrasit */
    --gray-dark: #1a1a1a; /* Kart Arkaplanları */
    --accent: #ffffff;    
    --text-dim: #a0a0a0;  
    --gold: #d4af37;      /* Detay Rengi */
    --section-pad: 100px 8%;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; }
html { scroll-behavior: smooth; }
body { background-color: #fff; color: var(--dark); line-height: 1.6; overflow-x: hidden; }

/* --- NAVBAR --- */
/* --- MODERN HEADER --- */
/* --- GÖRSELLE BİRLEŞİK HEADER --- */
/* --- PREMİUM HEADER DÜZENLEME --- */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 8%; /* Daha ince bir header */
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    background: transparent; 
    transition: all 0.4s ease;
}

/* Sayfa kaydığında Header */
.navbar.scrolled {
    padding: 12px 8%;
    background: rgba(10, 10, 10, 0.95);
    backdrop-filter: blur(10px);
}



.nav-links {
    display: flex;
    list-style: none;
    gap: 35px; /* Linkler arası mesafe */
    align-items: center;
}

.nav-links a {
    color: #fff;
    text-decoration: none;
    font-size: 12px; /* Profesyonel sitelerde font küçük olur */
    font-weight: 600;
    letter-spacing: 1px;
    opacity: 0.9;
}

/* --- MEGA MENU (FULL WIDTH) --- */
.dropdown { position: static; } /* Sayfa genişliğine yayılması için static yaptık */

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%; /* Sayfayı tam kaplasın */
    background: rgba(15, 15, 15, 0.98);
    padding: 40px 8%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

/* Hover özelliğini sildik, yerine bu sınıfı ekledik */
.dropdown-content.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    animation: fadeIn 0.3s ease;
}

/* Ok ikonunun dönmesi için */
.dropdown.active .dropbtn i {
    transform: rotate(180deg);
    color: var(--gold);
}

.mega-menu-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 sütun yan yana */
    gap: 30px;
}

.mega-col h4 {
    color: var(--gold);
    font-size: 13px;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

.mega-col a {
    font-weight: 400 !important;
    font-size: 13px !important;
    margin-bottom: 10px;
    display: block !important;
    opacity: 0.7 !important;
}

.mega-col a:hover { opacity: 1 !important; color: var(--gold) !important; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* Logo Genel Ayarları */
.logo img {
    height: 60px; /* Logonun yüksekliğini buradan ayarla */
    width: auto;
    transition: all 0.4s ease;
}

/* Sayfa en üstteyken: Sadece beyaz logoyu göster */
.logo-scrolled {
    display: none;
}

/* Sayfa kaydırıldığında (.scrolled sınıfı aktifse) */
.navbar.scrolled .logo-main {
    display: none; /* Beyazı gizle */
}

.navbar.scrolled .logo-scrolled {
    display: block; /* Koyu logoyu göster */
    height: 40px;   /* Kaydırınca logo biraz küçülebilir, daha şık durur */
}
/* Kurumsal gibi daha az içerikli menüler için özel stil */
/* Menülerin ana kapsayıcısı */
.dropdown {
    position: relative; /* Bu çok önemli, alt menü buna göre hizalanır */
}
/* MEGA MENU (Kategoriler) - Sade ve Şeffaf */
.dropdown-content {
    display: none;
    position: fixed;
    top: 80px; /* Navbar'ın altına yapışsın */
    left: 0;
    width: 100vw;
    background: rgba(255, 255, 255, 0.08); /* Çok hafif beyaz şeffaflık */
    backdrop-filter: blur(20px); /* ARKAYI BULANIKLAŞTIRAN SİHİRLİ DOKUNUŞ */
    -webkit-backdrop-filter: blur(20px);
    padding: 60px 10%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 3000;
}

/* KURUMSAL DROPDOWN - Sade ve Şeffaf */
.simple-dropdown {
    display: none;
    position: absolute;
    top: 140%;
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
    background: rgba(20, 20, 20, 0.6); /* Hafif koyu ama şeffaf */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px; /* Köşeleri yuvarlatmak daha modern durur */
    padding: 10px 0;
    box-shadow: 0 15px 35px rgba(0,0,0,0.4);
    z-index: 3000;
}

/* Menü Linkleri */
.mega-col a, .simple-dropdown a {
    color: #ffffff !important;
    font-weight: 500 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3); /* Yazıların okunması için hafif gölge */
}

.mega-col h4 {
    color: var(--gold);
    border-bottom: 1px solid rgba(212, 175, 55, 0.3);
    padding-bottom: 10px;
    margin-bottom: 20px;
}
/* Küçük Dropdown (Kurumsal için) */
.simple-dropdown {
    position: absolute;
    top: 120%; /* Butonun biraz altında başlasın */
    left: 50%;
    transform: translateX(-50%); /* Tam ortala */
    width: 200px;
   
    border-top: 2px solid var(--gold);
   
    padding: 10px 0;
    z-index: 3000;
    display: none; /* JS ile 'show' klası gelince açılacak */
}

.simple-dropdown a {
    display: block;
    padding: 12px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
   
    transition: 0.3s;
    text-align: left;
}

.simple-dropdown a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--gold);
    padding-left: 25px; /* Hafif bir kayma efekti */
}

/* Mega Menu (Kategoriler) için düzeltme */
.mega-menu-content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw; /* Tam genişlik */
    /* ... diğer ayarlar aynı kalsın ... */
}
/* --- LÜKS ÇÖZÜM ALANLARI --- */
.categories { background: #fff; padding: 120px 8%; }

.sub-title {
    display: block;
    color: var(--gold);
    letter-spacing: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

.section-header h2 {
    text-align: center;
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 50px;
}

.cat-modern-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.cat-card {
    height: 500px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

.cat-image {
    width: 100%;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.cat-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6; /* Resmin üzerindeki yazıların okunması için */
    filter: grayscale(30%);
}

.cat-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 20%, transparent);
    transition: 0.4s;
}

.cat-content i {
    font-size: 30px;
    color: var(--gold);
    margin-bottom: 20px;
    transform: translateY(20px);
    transition: 0.5s;
}

.cat-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.cat-content p {
    color: #ccc;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.5s;
}

.cat-list {
    list-style: none;
    display: flex;
    gap: 15px;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.5s;
}

.cat-list li {
    font-size: 11px;
    color: var(--gold);
    border: 1px solid var(--gold);
    padding: 4px 10px;
    text-transform: uppercase;
}

/* --- HOVER EFEKTLERİ --- */
.cat-card:hover .cat-image {
    transform: scale(1.1);
}

.cat-card:hover .cat-content i,
.cat-card:hover .cat-content p,
.cat-card:hover .cat-list {
    opacity: 1;
    transform: translateY(0);
}

.cat-card:hover .cat-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.95) 40%, transparent);
}
/* --- PREMIUM PRELOADER CSS --- */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
}

.loader-content {
    text-align: center;
    z-index: 10001;
    transition: all 0.5s ease-out;
}

.loader-logo {
    width: 320px; /* Logo boyutunu ayarla */
    margin-bottom: 20px;
    filter: brightness(0) invert(1); /* Logoyu beyaz yapar */
    animation: logo-glow 2s ease-in-out infinite;
}

.loader-line {
    width: 0;
    height: 2px;
    background: var(--gold);
    margin: 0 auto;
    animation: line-load 1.5s ease-in-out forwards;
}
/* Mobil Cihazlar İçin Logo Ayarı */
@media (max-width: 768px) {
    .logo img {
        height: 40px !important; /* Yüksekliği küçülterek logonun zarif durmasını sağlarız */
        width: auto; /* Oranı korur */
    }

    /* Eğer navbar yüksekliğini de daraltmak istersen */
    .navbar {
        padding: 10px 5%; 
    }
}
/* Sayfa Açılma Efekti (Perde gibi sağa ve sola) */
.loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #111;
    z-index: 10000;
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.section-left { left: 0; }
.section-right { right: 0; }

/* Animasyon Bittiğinde (JS ile tetiklenecek) */
.loaded .section-left { transform: translateX(-100%); }
.loaded .section-right { transform: translateX(100%); }
.loaded .loader-content { opacity: 0; visibility: hidden; }
.loaded #loader-wrapper { visibility: hidden; transition: all 0.2s 1s ease-out; }

/* Animasyonlar */
@keyframes logo-glow {
    0%, 100% { opacity: 0.5; transform: scale(0.95); }
    50% { opacity: 1; transform: scale(1); filter: brightness(1.2) drop-shadow(0 0 10px var(--gold)); }
}

@keyframes line-load {
    0% { width: 0; }
    100% { width: 100px; }
}
/* --- SEÇKİN KOLEKSİYON DÜZENLEME --- */
.featured { padding: 120px 8%; background: #fff; }

.product-showcase {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); /* Daha geniş kartlar */
    gap: 50px;
    margin-top: 60px;
}

.product-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    transition: 0.4s;
}

.product-img-box {
    position: relative;
    height: 400px;
    overflow: hidden;
    background: #f5f5f5;
}

.product-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

/* Ürün üzerindeki butonlar */
.product-actions {
    position: absolute;
    top: 20px;
    right: -60px; /* Başlangıçta gizli */
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: 0.4s ease;
}

.product-item:hover .product-actions { right: 20px; }

.action-btn {
    width: 45px;
    height: 45px;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    transition: 0.3s;
}

.action-btn:hover { background: var(--gold); color: #fff; }

.product-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--dark);
    color: var(--gold);
    padding: 5px 15px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

/* Ürün Bilgileri */
.product-details {
    padding: 30px 0;
    text-align: left;
}

.p-category {
    font-size: 12px;
    color: var(--gold);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.product-details h3 {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.p-specs {
    display: flex;
    gap: 15px;
    font-size: 13px;
    color: #777;
    margin-bottom: 25px;
}

.p-button {
    display: inline-block;
    padding: 0 0 5px 0;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 2px solid var(--gold);
    transition: 0.3s;
}

.p-button:hover { letter-spacing: 1px; color: var(--gold); }

/* Hover Efekti */
.product-item:hover img { transform: scale(1.05); }

@media (max-width: 768px) {
    .product-showcase { grid-template-columns: 1fr; }
    .product-img-box { height: 300px; }
}
/* --- NEDEN BİZ? PREMIUM STYLE --- */
.why-us-premium {
    padding: 120px 8%;
    background: #fdfdfd;
    position: relative;
    overflow: hidden;
}

.why-wrapper {
    display: flex;
    gap: 80px;
    align-items: center;
}

.why-content { flex: 1; }
.why-content h2 { font-size: 48px; font-weight: 900; line-height: 1.1; margin-bottom: 25px; }
.why-content h2 span { color: var(--gold); }
.why-content p { color: #666; font-size: 17px; margin-bottom: 40px; line-height: 1.8; }

/* Sayısal Veriler */
.stats-grid { display: flex; gap: 40px; border-top: 1px solid #eee; padding-top: 40px; }
.stat-num { display: block; font-size: 32px; font-weight: 900; color: var(--dark); }
.stat-text { font-size: 12px; color: var(--gold); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

/* Sağ Taraf: Lüks Özellik Kartları */
.why-features { flex: 1; display: flex; flex-direction: column; gap: 30px; }

.feature-card-luxury {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    padding: 35px;
    background: #fff;
    border: 1px solid #f0f0f0;
    transition: 0.5s;
    box-shadow: 10px 10px 50px rgba(0,0,0,0.02);
}

.feature-card-luxury:hover {
    transform: translateY(-10px);
    border-color: var(--gold);
    box-shadow: 20px 20px 60px rgba(0,0,0,0.08);
}

.f-icon {
    font-size: 35px;
    color: var(--gold);
}

.f-info h4 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

.f-info p {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
}

/* Mobil Uyum */
@media (max-width: 968px) {
    .why-wrapper { flex-direction: column; gap: 50px; }
    .why-content h2 { font-size: 36px; }
    .stats-grid { justify-content: space-between; gap: 20px; }
}
/* LOGO GÜNCELLEME */
.logo { font-size: 28px; letter-spacing: -2px; }
.logo span { color: var(--gold); font-weight: 300; }
.logo { font-size: 24px; font-weight: 900; letter-spacing: -1px; cursor: pointer; }
.logo span { color: var(--gold); }
.nav-links { display: flex; list-style: none; gap: 30px; }
 
.nav-links a:hover { opacity: 1; color: var(--gold); }

/* --- HERO SECTION (Bozuk olan ana giriş) --- */
.hero {
    height: 100vh;
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), 
                url('https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?q=80&w=1600') center/cover no-repeat;
    display: flex; align-items: center; padding: 0 8%; color: #fff;
    margin-bottom: 50px;
}
.hero-content { max-width: 800px; margin-top: 60px; }
.hero-content h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 900; line-height: 1.1; margin-bottom: 20px; }
.hero-content p { font-size: 1.2rem; color: var(--text-dim); margin-bottom: 30px; max-width: 600px; }
.hero-btns { display: flex; gap: 20px; }
.btn { padding: 15px 35px; text-decoration: none; font-weight: 700; text-transform: uppercase; font-size: 14px; transition: 0.3s; border-radius: 2px; }
.btn.primary { background: var(--gold); color: var(--dark); }
.btn.secondary { border: 2px solid #fff; color: #fff; }
.btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }

/* --- ÇÖZÜM ALANLARI --- */
.categories { padding: var(--section-pad); background: #f9f9f9; }
.section-header { margin-bottom: 50px; }
.section-header h2 { font-size: 32px; font-weight: 900; text-transform: uppercase; position: relative; padding-bottom: 15px; }
.section-header h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background: var(--gold); }

.cat-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px;
}
.cat-item {
    background: var(--dark); color: #fff; padding: 60px 30px; text-align: center;
    transition: 0.4s; cursor: pointer; position: relative; overflow: hidden;
}
.cat-item i { font-size: 45px; color: var(--gold); margin-bottom: 20px; display: block; }
.cat-item h3 { font-size: 18px; text-transform: uppercase; letter-spacing: 1px; }
.cat-item:hover { background: #222; transform: translateY(-10px); }

/* --- SEÇKİN KOLEKSİYON (Görsel Düzenleme) --- */
.featured { padding: var(--section-pad); }
.product-masonry {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-top: 40px;
}
.p-card { background: #fff; border: 1px solid #eee; transition: 0.3s; }
.p-img { width: 100%; height: 450px; overflow: hidden; position: relative; }
.p-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.p-card:hover img { transform: scale(1.05); }
.p-desc { padding: 25px; background: #fff; }
.p-desc h4 { color: var(--gold); font-size: 12px; text-transform: uppercase; margin-bottom: 5px; }
.p-desc h3 { font-size: 20px; font-weight: 700; }

/* --- HAKKIMIZDA --- */
.about { display: flex; align-items: center; padding: var(--section-pad); gap: 80px; background: #fff; }
.about-text { flex: 1; }
.about-text h2 { font-size: 36px; margin-bottom: 25px; font-weight: 900; }
.about-text p { font-size: 16px; color: #555; margin-bottom: 20px; }
.features-list { list-style: none; margin-top: 30px; }
.features-list li { margin-bottom: 15px; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.features-list li i { color: var(--gold); }
.about-img { flex: 1; position: relative; }
.about-img img { width: 100%; border-radius: 4px; box-shadow: 30px 30px 0px var(--dark); }

/* --- FOOTER (Zaten sendeki yapı) --- */
footer { background: var(--dark); color: #fff; padding: 80px 8% 20px; margin-top: 100px; }
.footer-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px; border-bottom: 1px solid #333; padding-bottom: 50px;
}
.footer-col h4 { font-size: 18px; margin-bottom: 25px; color: var(--gold); text-transform: uppercase; }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 12px; }
.footer-col ul li a { color: var(--text-dim); text-decoration: none; font-size: 14px; transition: 0.3s; }
.footer-col ul li a:hover { color: #fff; padding-left: 5px; }
.footer-bottom { padding-top: 30px; text-align: center; color: var(--text-dim); font-size: 13px; }
/* Footer İmza Linki */
.designer-link {
    color: var(--gold); /* Altın rengi */
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.designer-link:hover {
    color: #fff; /* Üzerine gelince beyaza döner */
    border-bottom: 1px solid var(--gold); /* Altına ince bir çizgi ekler */
    padding-bottom: 2px;
}
/* --- LUXURY WHATSAPP BUTTON --- */
.whatsapp-fixed {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    background-color: #1a1a1a; /* Siyah zemin */
    color: var(--gold); /* Altın ikon */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    text-decoration: none;
    z-index: 9999;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    border: 1px solid var(--gold);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Tooltip (Üzerine gelince çıkan yazı) */
.whatsapp-tooltip {
    position: absolute;
    right: 80px;
    background: #fff;
    color: #1a1a1a;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.whatsapp-tooltip::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
}

.whatsapp-fixed:hover {
    background-color: var(--gold);
    color: #fff;
    transform: scale(1.1);
}

.whatsapp-fixed:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
    right: 75px;
}

/* Dikkat çekici halka animasyonu */
.pulse-ring {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid var(--gold);
    animation: whatsapp-pulse 2s infinite;
}

@keyframes whatsapp-pulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

/* Mobil için boyut ayarı */
@media (max-width: 768px) {
    .whatsapp-fixed { width: 50px; height: 50px; font-size: 24px; bottom: 20px; right: 20px; }
    .whatsapp-tooltip { display: none; } /* Mobilde yazıyı gizle */
}
/* --- HAKKIMIZDA (ABOUT) SAYFASI ÖZEL TASARIMI --- */

/* 1. About Hero - Sayfa Başlığı Alanı */
.about-hero {
    height: 60vh;
    min-height: 400px;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
                url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?q=80&w=1600') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-top: 0;
}

.about-hero h1 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 900;
    letter-spacing: -1px;
    margin-top: 20px;
    text-transform: uppercase;
}

/* 2. Story Section - Hikayemiz Alanı */
.story-section {
    padding: 120px 8%;
    background: #fff;
}

.story-wrapper {
    display: flex;
    gap: 100px;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
}

.story-text {
    flex: 1;
}

.story-text h2 {
    font-size: 42px;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 30px;
    color: var(--dark);
}

.story-text p {
    color: #555;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 25px;
}

/* 3. Image Grid - Dergi Tarzı Resim Yerleşimi */
.story-image-grid {
    flex: 1.2;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.img-large {
    width: 80%;
    height: 550px;
    z-index: 1;
}

.img-large img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

.img-small {
    width: 50%;
    height: 350px;
    position: absolute;
    bottom: -60px;
    right: 0;
    z-index: 2;
    border: 15px solid #fff; /* Lüks çerçeve efekti */
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.img-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 4. Values Section - Misyon & Vizyon Kartları */
.values-section {
    padding: 100px 8%;
    background: #fdfdfd;
    border-top: 1px solid #eee;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.value-card {
    background: #fff;
    padding: 60px 40px;
    border: 1px solid #f0f0f0;
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.value-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--gold);
    transform: scaleX(0);
    transition: 0.4s;
    transform-origin: left;
}

.value-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.05);
}

.value-card:hover::before {
    transform: scaleX(1);
}

.value-number {
    font-size: 12px;
    color: var(--gold);
    font-weight: 800;
    display: block;
    margin-bottom: 25px;
    letter-spacing: 3px;
}

.value-card h3 {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.value-card p {
    color: #666;
    line-height: 1.7;
    font-size: 15px;
}

/* 5. Responsive Düzenlemeler */
@media (max-width: 1024px) {
    .story-wrapper {
        flex-direction: column;
        gap: 60px;
        text-align: center;
    }
    
    .story-image-grid {
        width: 100%;
        justify-content: center;
    }

    .img-large {
        width: 100%;
        height: 400px;
    }

    .img-small {
        display: none; /* Mobilde karmaşayı önlemek için küçük resmi gizliyoruz */
    }
}

@media (max-width: 768px) {
    .about-hero h1 {
        font-size: 2.5rem;
    }
    
    .story-section, .values-section {
        padding: 80px 5%;
    }
}
/* --- MİSYON SAYFASI ÖZEL --- */

.mission-detail {
    padding: 120px 8%;
    background: #fff;
}

.mission-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0; /* Kutular bitişik dursun */
    box-shadow: 0 50px 100px rgba(0,0,0,0.05);
}

.mission-box {
    padding: 80px 60px;
    background: #1a1a1a;
    color: #fff;
}

.mission-box.gold-bg {
    background: var(--gold);
    color: #1a1a1a;
}

.mission-icon {
    font-size: 50px;
    margin-bottom: 30px;
    color: var(--gold);
}

.mission-icon.dark-text {
    color: #1a1a1a;
}

.mission-box h2 {
    font-size: 32px;
    font-weight: 900;
    margin-top: 10px;
    margin-bottom: 20px;
}

.mission-box p {
    line-height: 1.8;
    opacity: 0.9;
    font-size: 16px;
}

.dark-subtitle {
    display: block;
    letter-spacing: 4px;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 10px;
    color: rgba(0,0,0,0.6);
}

/* Değerler Listesi */
.core-values {
    padding: 100px 8%;
    background: #fdfdfd;
}

.values-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 60px;
}

.v-list-item h4 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
    color: var(--dark);
    border-bottom: 2px solid var(--gold);
    display: inline-block;
    padding-bottom: 5px;
}

.v-list-item p {
    color: #777;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 15px;
}

/* Mobil */
@media (max-width: 968px) {
    .mission-wrapper { grid-template-columns: 1fr; }
    .values-list-grid { grid-template-columns: 1fr; }
}
/* --- VİZYON SAYFASI ÖZEL --- */

.vision-perspective {
    padding: 120px 8%;
    background: #fff;
}

.vision-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: center;
}

.vision-image {
    position: relative;
    height: 600px;
}

.vision-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.vision-quote {
    position: absolute;
    bottom: -30px;
    left: 40px;
    background: var(--gold);
    padding: 40px;
    width: 80%;
    color: #1a1a1a;
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
}

.vision-text h2 {
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 30px;
}

.vision-text p {
    color: #666;
    line-height: 1.8;
    font-size: 17px;
    margin-bottom: 40px;
}

/* Vizyon Adımları Listesi */
.vision-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.step-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.step-line {
    width: 40px;
    height: 2px;
    background: var(--gold);
    display: block;
}

.step-item p {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--dark);
    font-size: 15px;
}

/* Mobil */
@media (max-width: 1024px) {
    .vision-grid { grid-template-columns: 1fr; gap: 60px; }
    .vision-image { height: 400px; }
    .vision-quote { width: 90%; left: 5%; bottom: -20px; padding: 25px; font-size: 15px; }
}
/* --- ÜRÜN SAYFASI ÖZEL --- */

.product-hero {
    height: 70vh;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
                url('https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?q=80&w=1600') center/cover no-repeat fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.product-hero-content h1 {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 900;
    margin: 20px 0;
}

.product-hero-content p {
    font-size: 1.2rem;
    letter-spacing: 2px;
    opacity: 0.9;
}

.product-intro { padding: 120px 8%; background: #fff; }

.intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.tech-specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.spec-item i {
    font-size: 28px;
    color: var(--gold);
    display: block;
    margin-bottom: 15px;
}

.spec-item strong {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--dark);
}

.spec-item span {
    font-size: 13px;
    color: #777;
    line-height: 1.4;
}

.intro-image {
    height: 600px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
}

.intro-image img { width: 100%; height: 100%; object-fit: cover; }

.model-gallery { padding: 120px 8%; background: #f9f9f9; }

/* Mobil Düzenleme */
@media (max-width: 968px) {
    .intro-grid { grid-template-columns: 1fr; }
    .intro-image { height: 350px; order: -1; }
    .product-hero { height: 50vh; }
}
/* --- PREMIUM COLLECTION UPGRADE --- */
.premium-collection {
    padding: 140px 8%;
    background: #ffffff;
}

.luxury-divider {
    width: 60px;
    height: 3px;
    background: var(--gold);
    margin: 30px auto;
}

.luxury-showcase {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 60px;
    margin-top: 80px;
}

.showcase-card {
    position: relative;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 10px 40px rgba(0,0,0,0.04);
}

.showcase-img {
    position: relative;
    height: 550px;
    overflow: hidden;
}

.showcase-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.img-overlay-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.8));
    opacity: 0.6;
    transition: opacity 0.5s ease;
}

.showcase-tag {
    position: absolute;
    top: 30px;
    left: 30px;
    background: #fff;
    color: #000;
    padding: 10px 20px;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 1px;
    z-index: 5;
}

/* İçerik Alanı */
.showcase-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 50px;
    transform: translateY(60px); /* Başlangıçta biraz aşağıda */
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 10;
}

.p-category {
    color: var(--gold);
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 3px;
    display: block;
    margin-bottom: 10px;
}

.showcase-content h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 20px;
}

.p-summary {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease;
}

.p-summary p {
    color: rgba(255,255,255,0.8);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 25px;
}

.p-meta {
    display: flex;
    gap: 25px;
    margin-bottom: 35px;
}

.meta-item {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.meta-item i {
    color: var(--gold);
    margin-right: 8px;
}

.showcase-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* --- HOVER ETKİLEŞİMLERİ --- */
.showcase-card:hover .showcase-img img {
    transform: scale(1.1);
}

.showcase-card:hover .img-overlay-gradient {
    opacity: 0.9;
}

.showcase-card:hover .showcase-content {
    transform: translateY(0);
}

.showcase-card:hover .p-summary {
    max-height: 100px;
    opacity: 1;
    margin-bottom: 20px;
}

.showcase-card:hover .showcase-btn {
    opacity: 1;
}

/* Mobil */
@media (max-width: 768px) {
    .luxury-showcase { grid-template-columns: 1fr; }
    .showcase-img { height: 400px; }
    .showcase-content { transform: translateY(0); padding: 30px; }
    .p-summary { max-height: none; opacity: 1; }
    .showcase-btn { opacity: 1; }
}
/* --- MULTI-STORY VILLA PAGE --- */

.multi-story-hero {
    height: 80vh;
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
                      url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?q=80&w=1600');
}

.hero-desc {
    font-size: 18px;
    letter-spacing: 3px;
    color: rgba(255,255,255,0.8);
    margin-top: 20px;
    text-transform: uppercase;
}

.multi-intro {
    padding: 120px 8%;
    background: #fff;
}

.multi-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.luxury-features-list {
    margin-top: 40px;
}

.l-feat {
    margin-bottom: 30px;
    border-left: 3px solid var(--gold);
    padding-left: 20px;
}

.l-feat strong {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.l-feat p {
    font-size: 14px;
    color: #777;
}

.multi-main-img {
    height: 650px;
    overflow: hidden;
    box-shadow: 30px 30px 80px rgba(0,0,0,0.1);
}

.multi-main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
}

.multi-main-img:hover img {
    transform: scale(1.05);
}

/* Koyu Koleksiyon Alanı */
.bg-dark {
    background: #0d0d0d !important;
}

.text-white {
    color: #fff !important;
}

/* Mobil Ayarlar */
@media (max-width: 968px) {
    .multi-grid { grid-template-columns: 1fr; }
    .multi-main-img { height: 400px; order: -1; }
    .multi-story-hero { height: 60vh; }
}
/* --- TINY HOUSE PAGE --- */

.tiny-hero {
    height: 70vh;
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
                      url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?q=80&w=1600');
}

.tiny-intro { padding: 120px 8%; background: #fff; }

.tiny-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    align-items: center;
}

.tiny-features-grid {
    display: grid;
    gap: 30px;
    margin-top: 50px;
}

.t-feat-item {
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.f-number {
    font-size: 24px;
    font-weight: 900;
    color: var(--gold);
    border-bottom: 2px solid var(--gold);
}

.f-txt h4 { font-size: 18px; font-weight: 800; margin-bottom: 5px; }
.f-txt p { font-size: 14px; color: #777; margin-bottom: 0; }

.tiny-image-frame {
    position: relative;
    height: 600px;
}

.tiny-image-frame img {
    width: 100%; height: 100%; object-fit: cover;
    box-shadow: 20px 20px 60px rgba(0,0,0,0.05);
}

.image-floating-card {
    position: absolute;
    top: 40px;
    left: -40px;
    background: #fff;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.image-floating-card i { color: #2ecc71; font-size: 20px; }
.image-floating-card span { font-weight: 700; font-size: 13px; text-transform: uppercase; }

/* Mobil */
@media (max-width: 968px) {
    .tiny-grid { grid-template-columns: 1fr; }
    .tiny-image-frame { height: 350px; order: -1; }
    .image-floating-card { left: 20px; top: -20px; }
}
/* --- OFFICE STRUCTURES PAGE --- */

.office-hero {
    height: 70vh;
    background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
                      url('https://images.unsplash.com/photo-1497215728101-856f4ea42174?q=80&w=1600');
}

.office-intro { padding: 120px 8%; background: #fff; }

.office-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 100px;
    align-items: center;
}

.office-image-stack {
    position: relative;
    padding-right: 40px;
}

.office-image-stack .main-img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    box-shadow: 40px 40px 0px #f4f4f4; /* Ofis estetiği için gri blok gölge */
}

.floating-stat-box {
    position: absolute;
    bottom: -30px;
    right: 0;
    background: var(--gold);
    color: #1a1a1a;
    padding: 30px 40px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.floating-stat-box strong { font-size: 32px; display: block; line-height: 1; }
.floating-stat-box span { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

.office-advantage-list {
    list-style: none;
    margin-top: 35px;
}

.office-advantage-list li {
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.office-advantage-list li i {
    color: var(--gold);
    font-size: 18px;
}

/* Mobil */
@media (max-width: 968px) {
    .office-grid { grid-template-columns: 1fr; }
    .office-image-stack .main-img { height: 350px; box-shadow: none; }
    .floating-stat-box { position: static; margin-top: 20px; }
}
/* Masaüstünde gizle */
.menu-toggle {
    display: none;
    cursor: pointer;
}

.menu-toggle .bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    background-color: white; /* Logona uygun renk */
    transition: all 0.3s ease-in-out;
}

/* Mobil Görünüm (Örn: 768px altı) */
@media screen and (max-width: 768px) {
    .menu-toggle {
        display: block;
        z-index: 1001;
    }

    .nav-links {
        position: fixed;
        right: -100%; /* Başlangıçta ekranın dışında */
        top: 70px; /* Navbar yüksekliğine göre ayarla */
        flex-direction: column;
        background: #222; /* Menü arka planı */
        width: 100%;
        height: 100vh;
        text-align: center;
        transition: 0.3s;
        padding-top: 50px;
    }

    .nav-links.active {
        right: 0; /* Menü tıklandığında içeri girsin */
    }

    .nav-links li {
        margin: 20px 0;
    }

    /* Hamburger Animasyonu (Opsiyonel) */
    #mobile-menu.is-active .bar:nth-child(2) { opacity: 0; }
    #mobile-menu.is-active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    #mobile-menu.is-active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}
@media screen and (max-width: 768px) {
    /* Menü Paneli - Daha dar ve temiz */
    .nav-links {
        position: fixed !important;
        top: 0 !important;
        right: -100% !important;
        width: 75% !important; /* Ekranın 4'te 3'ünü kaplasın */
        height: 100vh !important;
        background: #111 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        padding: 90px 25px 40px 25px !important; /* Üstten logonun altına gelecek şekilde */
        transition: 0.4s all ease-in-out !important;
        z-index: 998 !important;
        overflow-y: auto !important; /* Uzun menülerde kaydırılabilsin */
    }

    .nav-links.active {
        right: 0 !important;
    }

    /* Menü Maddeleri */
    .nav-links li {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.05) !important; /* İnce ayırıcı line */
        text-align: left !important;
    }

    .nav-links li a {
        font-size: 13px !important; /* Font küçültüldü */
        font-weight: 400 !important; /* Daha ince font */
        letter-spacing: 1.5px !important;
        color: #efefef !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* MEGA MENU DÜZENLEME (Sıkışıklığı çözen kısım) */
    .dropdown-content {
        display: none; /* Varsayılan kapalı */
        position: static !important;
        background: transparent !important;
        padding: 10px 0 10px 15px !important;
        box-shadow: none !important;
    }
    
    .dropdown-content.show {
        display: block !important;
    }

    .mega-menu-grid {
        display: flex !important;
        flex-direction: column !important; /* Yan yana değil alt alta */
        gap: 20px !important;
    }

    .mega-col h4 {
        font-size: 11px !important;
        color: #c5a059 !important; /* Altın/Vurgu rengi */
        margin-bottom: 10px !important;
        letter-spacing: 2px;
    }

    .mega-col a {
        font-size: 12px !important;
        color: #999 !important;
        padding: 5px 0 !important;
        border: none !important;
    }

    /* Hamburger İkonu - Sabit Kalsın */
    .menu-toggle {
        display: block !important;
        position: relative;
        z-index: 999;
    }
}
@media screen and (max-width: 768px) {
    /* Alt menü açıldığında ana menü kapansın istemiyoruz */
    .nav-links li {
        height: auto !important; /* Yüksekliği serbest bırak */
        overflow: visible !important;
    }

    /* Alt menü (dropdown) stili */
    .dropdown-content {
        position: relative !important; /* Statik veya relative yap ki alanı genişletsin */
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: none; /* Varsayılan kapalı */
        padding-left: 20px !important;
        background: rgba(255,255,255,0.02) !important;
        margin-top: 10px !important;
    }

    .dropdown-content.show {
        display: block !important; /* Tıklanınca görünür yap */
    }
}
@media screen and (max-width: 768px) {
    /* Alt menülerin (Kurumsal ve Hizmetler) genel stili */
    .dropdown-content {
        position: static !important; /* Üstte uçmasını engeller, yerine sabitler */
        display: none; /* Varsayılan kapalı */
        width: 100% !important;
        background: rgba(255, 255, 255, 0.03) !important; /* Hafif bir ton farkı */
        box-shadow: none !important; /* Gölgeyi kaldır */
        padding: 0 !important;
        margin: 10px 0 !important;
        border: none !important;
    }

    /* JavaScript 'show' classını eklediğinde görünür yap */
    .dropdown-content.show {
        display: block !important;
    }

    /* İçerideki linklerin sadeleştirilmesi */
    .dropdown-content a {
        padding: 12px 20px !important;
        font-size: 13px !important;
        color: #aaa !important; /* Ana başlıklardan biraz daha sönük */
        border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
        display: block !important;
        text-align: left !important;
    }

    /* Kurumsal menüsünün özel kutu stilini (Simple Dropdown) iptal et */
    .simple-dropdown {
        min-width: 100% !important;
        transform: none !important;
    }
}
/* --- INDUSTRIAL STRUCTURES PAGE --- */

.industrial-hero {
    height: 70vh;
    background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
                      url('celik_endustriyel_yapi.png');
}

.industrial-intro { padding: 120px 8%; background: #fff; }

.industrial-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 100px;
    align-items: center;
}

.ind-spec-item {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.ind-spec-item i {
    font-size: 30px;
    color: var(--gold);
    margin-top: 5px;
}

.ind-spec-item h4 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 8px;
    color: var(--dark);
}

.ind-spec-item p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
}

.industrial-image-box {
    position: relative;
    height: 650px;
}

.industrial-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 20px 20px 0px var(--gold); /* Endüstriyel bir vurgu için gold offset */
}

.ind-floating-tag {
    position: absolute;
    top: 50%;
    left: -50px;
    background: var(--dark);
    color: var(--gold);
    padding: 15px 30px;
    font-weight: 800;
    letter-spacing: 2px;
    transform: rotate(-90deg);
    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
}

/* Mobil */
@media (max-width: 968px) {
    .industrial-grid { grid-template-columns: 1fr; }
    .industrial-image-box { height: 400px; order: -1; }
    .ind-floating-tag { left: 20px; top: 20px; transform: rotate(0); }
}
/* --- TWIN VILLA PAGE --- */

.twin-hero {
    height: 75vh;
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
                      url('https://images.unsplash.com/photo-1518780664697-55e3ad937233?q=80&w=1600');
}

.twin-intro {
    padding: 120px 8%;
    background: #fff;
}

.twin-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: center;
}

.twin-image {
    position: relative;
    height: 600px;
}

.twin-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
}

.experience-badge {
    position: absolute;
    bottom: 30px;
    right: -20px;
    background: var(--gold);
    color: #1a1a1a;
    padding: 20px 30px;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.1);
}

.twin-spec-list {
    margin-top: 40px;
}

.t-spec {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.t-spec i {
    font-size: 24px;
    color: var(--gold);
    margin-top: 5px;
}

.t-spec h4 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 5px;
}

.t-spec p {
    font-size: 14px;
    color: #777;
    line-height: 1.5;
}

/* Mobil Ayarlar */
@media (max-width: 968px) {
    .twin-grid { grid-template-columns: 1fr; }
    .twin-image { height: 400px; }
    .experience-badge { right: 0; bottom: 0; padding: 15px 20px; }
}
/* --- LOFT VILLA PAGE --- */

.loft-hero {
    height: 75vh;
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
                      url('https://images.unsplash.com/photo-1600566752355-35792bedcfea?q=80&w=1000');
}

.loft-intro {
    padding: 120px 8%;
    background: #ffffff;
}

.loft-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    align-items: center;
}

.loft-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 50px;
}

.l-feat-box {
    padding: 30px;
    border: 1px solid #f0f0f0;
    transition: 0.3s;
}

.l-feat-box:hover {
    border-color: var(--gold);
    background: #fdfdfd;
}

.l-feat-box i {
    font-size: 30px;
    color: var(--gold);
    margin-bottom: 20px;
}

.l-feat-box h4 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
}

.l-feat-box p {
    font-size: 14px;
    color: #777;
    margin-bottom: 0;
}

.loft-image {
    height: 700px;
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(0,0,0,0.08);
}

.loft-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Mobil Ayarlar */
@media (max-width: 968px) {
    .loft-grid { grid-template-columns: 1fr; }
    .loft-image { height: 400px; order: -1; }
    .loft-features { grid-template-columns: 1fr; }
}
/* --- İLETİŞİM SAYFASI ÖZEL --- */

.contact-section { padding: 120px 8%; background: #fff; }

.contact-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 100px;
    align-items: flex-start;
}

/* Sol Panel: Bilgiler & Sosyal Medya */
.c-detail-item {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.c-detail-item i {
    font-size: 20px;
    color: var(--gold);
    margin-top: 5px;
}

.c-detail-item strong {
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    color: var(--gold);
    margin-bottom: 5px;
}

.c-detail-item p { color: #555; font-size: 15px; }

.social-connect { margin-top: 50px; padding-top: 30px; border-top: 1px solid #eee; }
.social-connect strong { display: block; font-size: 12px; letter-spacing: 2px; margin-bottom: 20px; }

.social-icons-row { display: flex; gap: 15px; }
.social-link {
    width: 45px;
    height: 45px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dark);
    text-decoration: none;
    transition: 0.3s;
    font-size: 18px;
}
.social-link:hover { background: var(--gold); color: #fff; border-color: var(--gold); transform: translateY(-5px); }

/* Sağ Panel: Lüks Form */
.contact-form-panel { background: #fdfdfd; padding: 60px; border: 1px solid #f0f0f0; }

.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-group { margin-bottom: 25px; }
.form-group label { display: block; font-size: 11px; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px; color: #333; }

.form-group input, .form-group select, .form-group textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    background: #fff;
    font-family: inherit;
    transition: 0.3s;
    outline: none;
}

.form-group input:focus, .form-group textarea:focus { border-color: var(--gold); }

.submit-btn-luxury {
    width: 100%;
    padding: 20px;
    background: var(--dark);
    color: var(--gold);
    border: none;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    transition: 0.4s;
}

.submit-btn-luxury:hover { background: var(--gold); color: #fff; }

.map-section { line-height: 0; } /* Harita altındaki boşluğu siler */

/* Mobil */
@media (max-width: 968px) {
    .contact-wrapper { grid-template-columns: 1fr; gap: 60px; }
    .contact-form-panel { padding: 30px; }
    .form-row { grid-template-columns: 1fr; }
}
/* MOBİL UYUM */
@media (max-width: 968px) {
    .about { flex-direction: column; text-align: center; }
    .about-img img { box-shadow: 15px 15px 0px var(--dark); }
    .hero-content h1 { font-size: 3rem; }
    .nav-links { display: none; }
}