À propos

Cette boutique est votre nouveau portail pour les achats en ligne d'une manière simple et facile.

Nous vous proposons des produits de haute qualité à un prix compétitif que vous ne trouverez nulle part ailleurs sur le marché. Faire du shopping avec nous est un processus amusant et sûr. Nous vous fournissons toutes les installations dont vous avez besoin, afin que vous puissiez choisir le produit, le processus de paiement ou le processus d'expédition de ce dernier.

```html ``` /* =========================== DREAMOVAD PREMIUM BANNER =========================== */ /* البانر */ .hero, .banner, .slider, .home-slider, .main-slider{ max-width:1200px !important; width:92% !important; margin:35px auto !important; border-radius:30px !important; overflow:hidden !important; box-shadow:0 20px 60px rgba(0,0,0,.18); } /* الصورة */ .hero img, .banner img, .slider img, .home-slider img, .main-slider img{ border-radius:30px !important; } /* =========================== CATEGORIES =========================== */ .category-card, .collection-card, .category-item, .collection-item{ width:180px !important; margin:18px !important; border-radius:28px !important; background:#fff; transition:.35s; border:2px solid transparent; box-shadow:0 15px 35px rgba(0,0,0,.08); } /* توسيط التصنيفات */ .categories, .collections, .category-grid{ display:flex !important; justify-content:center !important; flex-wrap:wrap !important; gap:25px; } /* تأثير الاحتراف */ .category-card:hover, .collection-card:hover, .category-item:hover, .collection-item:hover{ transform:translateY(-8px); border-color:#d4af37; box-shadow: 0 0 0 2px #d4af37, 0 18px 45px rgba(0,0,0,.18); } /* الصورة */ .category-card img, .collection-card img, .category-item img{ border-radius:22px; transition:.4s; } .category-card:hover img, .collection-card:hover img, .category-item:hover img{ transform:scale(1.08); } /* الاسم */ .category-card h3, .collection-card h3, .category-item h3{ font-weight:700; font-size:17px; margin-top:15px; } /* للموبايل */ @media(max-width:768px){ .hero, .banner, .slider{ width:96% !important; } .category-card, .collection-card{ width:140px !important; } }/*========================= DREAMOVAD PREMIUM UI ==========================*/ /* الهيدر */ header{ background:#fff !important; border-radius:0 0 30px 30px; box-shadow:0 10px 35px rgba(0,0,0,.08); padding:10px 30px; } /* القائمة */ header a{ font-weight:700; transition:.35s; position:relative; } header a:hover{ color:#d4af37 !important; } header a::after{ content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:#d4af37; transition:.35s; } header a:hover::after{ width:100%; } /* الأزرار */ button, .btn, .add-to-cart, .checkout-btn{ background:linear-gradient(180deg,#222,#000)!important; border-radius:60px!important; border:1px solid #444!important; color:#fff!important; font-weight:700!important; padding:15px 35px!important; box-shadow: 0 12px 25px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.15); transition:.3s; } /* تأثير ثلاثي الأبعاد */ button:hover, .btn:hover, .add-to-cart:hover{ transform:translateY(-4px); box-shadow: 0 20px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.2); } /* عند الضغط */ button:active, .btn:active{ transform:translateY(2px); box-shadow: 0 6px 12px rgba(0,0,0,.25); } /* حقول الإدخال */ input, textarea, select{ background:#fff!important; border:2px solid #ececec!important; border-radius:18px!important; padding:15px!important; transition:.35s; box-shadow: 0 6px 18px rgba(0,0,0,.04); } /* عند الكتابة */ input:focus, textarea:focus, select:focus{ border-color:#d4af37!important; box-shadow: 0 0 0 5px rgba(212,175,55,.20), 0 12px 25px rgba(0,0,0,.08); outline:none; } /* بطاقات المنتجات */ .product-card, .product-item{ border-radius:25px!important; overflow:hidden; background:#fff; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s; } .product-card:hover, .product-item:hover{ transform:translateY(-8px); box-shadow:0 25px 55px rgba(0,0,0,.16); } /* صور المنتجات */ .product-card img{ border-radius:20px; transition:.4s; } .product-card:hover img{ transform:scale(1.05); }