/* --- Genel Ayarlar --- */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #ffffff; 
    overflow-x: hidden; 
    -webkit-font-smoothing: antialiased;
}

/* --- Hexon Renk ve Değişken Tanımları --- */
:root { 
    --hexon-green: #00E676; 
    --hexon-green-dark: #00C853;
    --hexon-dark: #1A1A1A; 
}

.text-hexon { color: var(--hexon-green) !important; }
.bg-hexon { background-color: var(--hexon-green) !important; }
.fw-black { font-weight: 900 !important; }

/* --- Navbar (Blur Efekti) --- */
.navbar-blur {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid #f0f0f0;
}

/* --- Buton Tasarımları --- */
.btn-hexon {
    background-color: var(--hexon-green);
    color: white;
    border-radius: 12px;
    font-weight: 700;
    padding: 10px 25px;
    border: none;
    transition: all 0.3s ease;
}

.btn-hexon:hover {
    background-color: var(--hexon-green-dark);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 230, 118, 0.25);
}

.btn-white {
    background-color: #ffffff;
    color: var(--hexon-dark);
}

/* --- Kart ve Ürün Tasarımları --- */
.hexon-card {
    border: 1px solid #f0f0f0;
    border-radius: 25px;
    transition: all 0.4s ease;
    background: #fff;
}

.hexon-card:hover {
    border-color: var(--hexon-green);
    box-shadow: 0 15px 40px rgba(0,0,0,0.05);
}

/* Mağaza Sayfası Ürün Kartı Hover Efektleri */
.hexon-product-card .product-overlay {
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
}

.hexon-product-card:hover .product-overlay {
    opacity: 1;
    transform: translateY(0);
}

/* --- Form ve Giriş Elemanları --- */
.hexon-input:focus, .focus-ring-green:focus {
    background-color: #fff !important;
    border: 1px solid var(--hexon-green) !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 230, 118, 0.15) !important;
    outline: 0;
}

/* --- Özel Animasyonlar ve Yardımcı Sınıflar --- */
.hover-up {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-up:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

.hover-bg-hexon:hover {
    background-color: var(--hexon-green) !important;
    color: white !important;
}

/* İletişim sayfasındaki büyük gönder butonu için */
.btn-hexon-submit {
    transition: all 0.3s ease;
}

.btn-hexon-submit:hover {
    background-color: var(--hexon-green) !important;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 230, 118, 0.2) !important;
}

/* Geçiş yumuşatması */
.transition-all {
    transition: all 0.3s ease !important;
}