/* Add custom CSS styles below */ 
/* الخلفية العامة */
body {
    background-color: #0F0F10;
    color: #E8D8C8;
    font-family: 'Helvetica Neue', sans-serif;
}

/* الهيدر */
.main-nav,
.navbar {
    background: rgba(15,15,16,0.92);
    border-bottom: 1px solid rgba(198,164,106,0.15);
}

/* الأزرار */
.btn-primary {
    background: #5B1F2A !important;
    border: none !important;
    border-radius: 0 !important;
    letter-spacing: 1px;
    transition: 0.3s ease;
}

.btn-primary:hover {
    background: #C6A46A !important;
    color: #111 !important;
}

/* بطاقات المنتجات */
.product {
    background: #151515;
    border: 1px solid rgba(255,255,255,0.04);
    transition: all .3s ease;
}

.product:hover {
    transform: translateY(-4px);
    border-color: rgba(198,164,106,0.2);
}

/* العناوين */
.section-title {
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* الفوتر */
footer {
    background: #0B0B0C;
    border-top: 1px solid rgba(255,255,255,0.06);
}