/* Add custom CSS styles below */ Threzes

أناقتك تبدأ من هنا

تصاميم مختارة بعناية تعكس ذوقك

أحدث المنتجات

فستان أنيق

280 ريال

جلابية فخمة

320 ريال

فستان سهرة

350 ريال

بكج فاخر

كل طلب يصل إليك بتغليف أنيق يليق بذوقك

body { margin: 0; font-family: 'Cairo', sans-serif; background: #f8f5f0; color: #333; } /* الهيدر */ .header { display: flex; justify-content: space-between; align-items: center; padding: 20px 50px; background: white; position: sticky; top: 0; } .logo { font-size: 22px; font-weight: bold; } nav a { margin-left: 20px; text-decoration: none; color: #444; } /* البانر */ .hero { height: 90vh; background: url('https://via.placeholder.com/1200x800') center/cover no-repeat; display: flex; align-items: center; justify-content: center; } .overlay { background: rgba(0,0,0,0.4); color: white; padding: 40px; text-align: center; border-radius: 15px; } /* زر */ button { margin-top: 15px; background: linear-gradient(45deg, #C9A96E, #a67c52); border: none; padding: 12px 30px; color: white; border-radius: 8px; cursor: pointer; transition: 0.3s; } button:hover { transform: scale(1.08); } /* المنتجات */ .products { padding: 60px 20px; text-align: center; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 25px; padding: 20px; } .card { background: white; border-radius: 15px; padding: 15px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); transition: 0.3s; } .card:hover { transform: translateY(-10px); } .card img { width: 100%; border-radius: 10px; } /* التغليف */ .packaging { background: white; padding: 60px; text-align: center; } /* الفوتر */ footer { background: #eee; text-align: center; padding: 20px; }