:root {
    --gold-primary: #D4AF37;
    --gold-dark: #B5952F;
    --brand-bg: #1a1a18; /* VIP Siyahımız */
    --matte-white: #FCFBF9; 
    --wa-color: #25D366;
    --ig-color: #E1306C;
    --ig-gradient: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    --transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

html { scroll-behavior: smooth; overflow-x: hidden; }

/* Soft Background */
body.matbaa-premium-bg {
    font-family: 'Poppins', sans-serif; margin: 0; overflow-x: hidden; background-color: var(--matte-white);
    background-image: radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.05) 0%, transparent 60%);
    background-attachment: fixed;
}

/* Navbar (Beyaz ve Ferah) */
.navbar { background: #fff !important; padding: 12px 0; border-bottom: 2px solid var(--gold-primary); z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }

/* Logo Kapsülü (VIP Siyah Rozet Görünümü) */
.nav-logo-main { height: 45px; width: auto; background: var(--brand-bg) !important; padding: 8px 15px; border-radius: 12px; box-shadow: 0 4px 12px rgba(26, 26, 24, 0.2); }

/* Toggler (Beyaz zemin üstüne koyu çizgiler) */
.custom-toggler { width: 45px; height: 45px; border: 1px solid rgba(212, 175, 55, 0.3) !important; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; cursor: pointer; margin-left: auto; background: transparent; }
.toggler-line { width: 24px; height: 2px; background: #333; }

/* Side Menu */
.navbar-side-menu { position: fixed; top: 0; right: 0; width: 320px; height: 100vh; background: #fff; z-index: 2000; transform: translateX(105%); transition: transform var(--transition); border-left: 5px solid var(--gold-primary); box-shadow: -15px 0 40px rgba(0,0,0,0.1); }
.navbar-side-menu.active { transform: translateX(0); }
.menu-title { padding: 40px 25px 15px; font-weight: 800; font-size: 1.15rem; color: var(--brand-bg); text-transform: uppercase; letter-spacing: 1px; position: relative; margin-bottom: 15px; }
.menu-title::after { content: ''; position: absolute; bottom: 0; left: 25px; width: 40px; height: 4px; background: var(--gold-primary); border-radius: 2px; }
.product-link { display: block; padding: 15px 25px; border-bottom: 1px solid #eee; color: #333 !important; text-decoration: none !important; font-weight: 700; transition: 0.3s; }
.product-link:hover { padding-left: 35px; color: var(--gold-primary) !important; background: #f9f9f9; }

.menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; z-index: 1999; transition: 0.3s; }
.menu-overlay.active { opacity: 1; visibility: visible; }

/* Main Content & VIP Bar (Tek Renk Pürüzsüz Geçiş) */
.main-content { display: block; width: 100%; position: relative; min-height: 85vh; padding-bottom: 20px; }

.full-width-black-bar {
    width: 100%; 
    background: var(--brand-bg) !important; /* Logoyla aynı renk */
    background-image: none !important; /* Gradyan kaldırıldı */
    padding: 80px 0 180px 0; border-bottom: 3px solid var(--gold-primary); 
    border-radius: 0 0 50% 50% / 0 0 60px 60px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 15px 30px rgba(212, 175, 55, 0.15); position: relative;
}
.full-width-black-bar::before {
    content: ''; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); width: 60%; height: 3px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent); border-radius: 50%; z-index: 2;
}

/* Ana Logo (Gölge kaldırıldı, dümdüz pürüzsüz) */
.vip-main-logo { width: 100%; max-width: 450px; height: auto; display: block; margin: 0 auto; }

/* Cam Kutu Yapısı */
.box-wrapper { margin-top: -120px; position: relative; z-index: 10; }
.button-container { 
    width: 92vw; max-width: 550px; padding: 40px 35px; 
    background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(20px);
    border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 40px; text-align: center; 
    box-shadow: 0 30px 60px rgba(0,0,0,0.08); margin: 0 auto;
}
.grid-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px; }

/* Ortak Buton Tasarımı */
.btn-gold-glow, .btn-premium, .btn-whatsapp, .btn-instagram { display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 800; text-decoration: none !important; transition: var(--transition); border-radius: 14px; padding: 18px; font-size: 1rem; border: none; cursor: pointer; }

/* Fiyat Listesi */
.btn-gold-glow { background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%); color: #fff !important; position: relative; overflow: hidden; box-shadow: 0 12px 24px rgba(212, 175, 55, 0.3); }
.btn-gold-glow:hover { transform: translateY(-5px); box-shadow: 0 18px 35px rgba(212, 175, 55, 0.5); }
.btn-gold-glow::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); animation: button-shine 4s infinite; }

/* İletişim Butonu */
.btn-premium { background: #fff; color: var(--gold-primary) !important; border: 2px solid var(--gold-primary); }
.btn-premium:hover { background: var(--gold-primary); color: #fff !important; transform: translateY(-5px); }

/* WhatsApp & Instagram Ana Butonları */
.btn-whatsapp { background: linear-gradient(135deg, var(--wa-color) 0%, #128C7E 100%); color: #fff !important; animation: pulse-premium 2s infinite; }
.btn-whatsapp:hover { transform: translateY(-5px) scale(1.03); filter: brightness(1.1); box-shadow: 0 15px 30px rgba(37, 211, 102, 0.4); }
.btn-whatsapp i { transition: 0.3s; }
.btn-whatsapp:hover i { transform: rotate(10deg); }

.btn-instagram { background: var(--ig-gradient); color: #fff !important; }
.btn-instagram:hover { filter: brightness(1.1); transform: scale(1.02); }

/* --- YENİ EKLENEN: SLOGAN LOGOSU --- */
.slogan-logo {
    display: block;
    margin: 25px auto 0;
    max-width: 380px;
    width: 100%;
    border-radius: 30px;
    height: auto;
    opacity: 0.85;
    filter: drop-shadow(0 5px 15px rgba(0,0,0,0.05));
    transition: var(--transition);
}
.slogan-logo:hover { opacity: 1; transform: scale(1.05); }

/* Luxury Divider */
.luxury-divider { display: flex; align-items: center; justify-content: center; margin: 30px 0 10px 0; width: 100%; }
.luxury-divider::before, .luxury-divider::after { content: ''; height: 2px; width: 25vw; max-width: 250px; background: linear-gradient(to right, transparent, var(--gold-primary)); border-radius: 2px; }
.luxury-divider::after { background: linear-gradient(to left, transparent, var(--gold-primary)); }
.luxury-divider i { color: var(--gold-primary); margin: 0 20px; font-size: 1.2rem; filter: drop-shadow(0 2px 5px rgba(212, 175, 55, 0.4)); }

/* Contact Section */
.contact-section { 
    background: #ffffff; border-radius: 50% 50% 0 0 / 60px 60px 0 0; 
    box-shadow: 0 -20px 50px rgba(212, 175, 55, 0.08); position: relative; z-index: 15; margin-top: 40px; padding-bottom: 80px; 
}
.floating-badge-container { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); z-index: 20; }
.premium-badge { display: inline-block; padding: 10px 25px; background: #fff; color: var(--gold-primary); font-weight: 800; font-size: 0.85rem; letter-spacing: 3px; border-radius: 30px; border: 2px solid rgba(212, 175, 55, 0.4); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }

.section-title { font-weight: 800; font-size: 3rem; color: var(--brand-bg); text-transform: uppercase; margin-top: 20px; }
.section-title span { background: linear-gradient(45deg, var(--gold-dark), var(--gold-primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.title-separator { width: 80px; height: 6px; background: var(--gold-primary); margin: 15px auto; border-radius: 10px; }

/* İletişim Kartları */
.contact-card { 
    background: #fff; border-left: 6px solid var(--gold-primary); border-radius: 18px; padding: 22px; 
    display: flex; align-items: center; gap: 20px; text-decoration: none !important; color: #333; 
    box-shadow: 0 8px 25px rgba(0,0,0,0.03); transition: var(--transition); 
    border: 1px solid rgba(0,0,0,0.02); position: relative; overflow: hidden;
}
.contact-card:hover { transform: translateX(10px); box-shadow: 0 15px 35px rgba(212, 175, 55, 0.12); }
.icon-box { 
    width: 54px; height: 54px; background: rgba(212, 175, 55, 0.1); border-radius: 14px; 
    display: flex; justify-content: center; align-items: center; color: var(--gold-primary); 
    font-size: 1.5rem; transition: var(--transition); z-index: 2; position: relative;
}
.card-text-content { z-index: 2; position: relative; transition: var(--transition); }
.contact-wa:hover { border-left-color: var(--wa-color); background: rgba(37, 211, 102, 0.04); box-shadow: 0 15px 35px rgba(37, 211, 102, 0.15); }
.contact-wa:hover .icon-box { background: var(--wa-color); color: #fff; transform: rotate(10deg) scale(1.1); box-shadow: 0 10px 20px rgba(37, 211, 102, 0.2); }
.contact-ig:hover { border-left-color: var(--ig-color); box-shadow: 0 15px 35px rgba(225, 48, 108, 0.15); }
.contact-ig::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--ig-gradient); opacity: 0; transition: var(--transition); z-index: 1; }
.contact-ig:hover::before { opacity: 0.05; }
.contact-ig:hover .icon-box { background: var(--ig-gradient); color: #fff; transform: scale(1.15); box-shadow: 0 10px 20px rgba(225, 48, 108, 0.2); }

.map-container { width: 100%; height: 100%; min-height: 450px; border-radius: 25px; overflow: hidden; border: 8px solid var(--matte-white); box-shadow: 0 20px 50px rgba(0,0,0,0.08); }

/* Animations */
.reveal, .scroll-anim { opacity: 0; transform: translateY(40px); transition: 0.8s var(--transition) forwards; }
.reveal.active, .scroll-anim.active { opacity: 1 !important; transform: translateY(0) !important; }

@keyframes button-shine { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }
@keyframes pulse-premium { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); } 70% { box-shadow: 0 0 0 20px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }

/* Responsiveness */
@media (max-width: 768px) {
    .full-width-black-bar { border-radius: 0 0 50% 50% / 0 0 40px 40px; padding-bottom: 150px; }
    .box-wrapper { margin-top: -100px; }
    .button-container { padding: 30px 20px; }
    .grid-buttons { grid-template-columns: 1fr; }
    .section-title { font-size: 2.2rem; }
    .vip-main-logo { max-width: 80%; }
    .slogan-logo { max-width: 300px; margin-top: 20px; border-radius: 30px; }
    .contact-section { border-radius: 50% 50% 0 0 / 40px 40px 0 0; }
    .contact-card:active { transform: translateX(5px) scale(0.98); }
}