/* Add custom CSS styles below */ 



/* ألوان المتجر */
:root{
    --primary:#0B5FA5;
    --secondary:#0E7490;
    --radius:18px;
}

/* الهيدر */
header{
    position:sticky;
    top:0;
    z-index:999;
    background:#fff;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

/* بطاقات المنتجات */
.product,
.product-card{
    border-radius:18px;
    overflow:hidden;
    border:1px solid #ECECEC;
    transition:.35s;
    background:#fff;
}

.product:hover,
.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

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

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

/* الأزرار */
button,
.btn,
.btn-primary{
    border-radius:12px;
    transition:.3s;
}

.btn-primary{
    background:linear-gradient(135deg,#0B5FA5,#0E7490);
    border:none;
}

.btn-primary:hover{
    transform:translateY(-2px);
}

/* البحث */
input[type="search"]{
    border-radius:40px;
    border:2px solid #E5E7EB;
    padding:14px 18px;
}

input[type="search"]:focus{
    border-color:var(--primary);
}

/* البانر */
.hero,
.banner{
    border-radius:24px;
    overflow:hidden;
}

/* التصنيفات */
.category-card{
    border-radius:18px;
    transition:.3s;
}

.category-card:hover{
    background:#F7FAFC;
    transform:translateY(-5px);
}

/* الفوتر */
footer{
    background:#0F172A;
    color:#fff;
}

/* الجوال */
@media(max-width:768px){

.product,
.product-card{
margin-bottom:15px;
}

header{
padding:10px 0;
}

}