/* Add custom CSS styles below */ 
/* ========================= DRAGON STORE - MODERN CSS انسخ الكود كامل داخل CSS المخصص ========================= */

:root { --main-color: #d4af37; --bg-color: #0f0f0f; --card-color: #171717; --text-color: #ffffff; --sub-color: #b8b8b8; --border-color: rgba(212,175,55,0.25); }

body { background: var(--bg-color); color: var(--text-color); font-family: 'Tajawal', sans-serif; }

/* الهيدر */ .header, .store-header { background: rgba(15,15,15,0.95); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border-color); }

/* البانر */ .hero, .main-slider { border-radius: 24px; overflow: hidden; margin: 20px; box-shadow: 0 0 40px rgba(212,175,55,0.15); }

/* الكروت */ .product-card, .card, .product-block { background: var(--card-color); border: 1px solid var(--border-color); border-radius: 24px; overflow: hidden; transition: 0.4s ease; box-shadow: 0 8px 20px rgba(0,0,0,0.35); }

.product-card:hover, .card:hover, .product-block:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(212,175,55,0.2); border-color: var(--main-color); }

/* الصور */ .product-card img, .product-block img { transition: 0.4s ease; }

.product-card:hover img, .product-block:hover img { transform: scale(1.05); }

/* العناوين */ h1, h2, h3, .section-title { color: var(--main-color); font-weight: 700; letter-spacing: 0.5px; }

/* النصوص */ p, .product-description, span { color: var(--sub-color); }

/* الأسعار */ .price, .product-price { color: var(--main-color); font-size: 20px; font-weight: bold; }

/* الأزرار */ button, .btn, .button, .add-to-cart-btn { background: linear-gradient(135deg, #d4af37, #f5d76e); color: #000; border: none; border-radius: 14px; padding: 12px 22px; font-weight: bold; transition: 0.3s ease; }

button:hover, .btn:hover, .button:hover, .add-to-cart-btn:hover { transform: scale(1.05); box-shadow: 0 0 18px rgba(212,175,55,0.45); }

/* التصنيفات */ .category-card, .categories-style { background: #151515; border-radius: 20px; border: 1px solid rgba(255,255,255,0.06); transition: 0.3s ease; }

.category-card:hover, .categories-style:hover { border-color: var(--main-color); transform: translateY(-5px); }

/* الفوتر */ footer, .footer { background: #090909; border-top: 1px solid var(--border-color); padding-top: 40px; }

footer h3, .footer h3 { color: var(--main-color); }

/* شريط البحث */ input, .search-input { background: #151515; border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; color: #fff; }

input:focus, .search-input:focus { border-color: var(--main-color); box-shadow: 0 0 12px rgba(212,175,55,0.2); }

/* تأثير ذهبي خفيف */ ::selection { background: var(--main-color); color: #000; }

/* السكرول */ ::-webkit-scrollbar { width: 8px; }

::-webkit-scrollbar-track { background: #111; }

::-webkit-scrollbar-thumb { background: var(--main-color); border-radius: 10px; }

/* موبايل */ @media (max-width: 768px) { .product-card, .card, .product-block { border-radius: 18px; }

h1, h2 { font-size: 24px; }

button, .btn { width: 100%; } }