:root{
    --primary:#032838;
    --secondary:#06CDA5;
    --secondary-hover:#04B692;
    --bg:#F6F8FA;
    --white:#FFFFFF;
    --text:#1F2937;
    --shadow:0 10px 30px rgba(3,40,56,.12);
    --radius:20px;
}

/* خلفية الموقع */
body{
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f7fbfb 100%
    );
    color: var(--text);
}

/* الهيدر */
.s-header{
    background: rgba(3,40,56,.95);
    backdrop-filter: blur(15px);
    box-shadow: 0 8px 30px rgba(0,0,0,.1);
}

.s-header a{
    color:#fff !important;
    font-weight:600;
}

.s-header a:hover{
    color:var(--secondary) !important;
}

/* البانر */
.hero,
.main-slider{
    border-radius:30px;
    overflow:hidden;
    box-shadow: var(--shadow);
}

/* بطاقات المنتجات */
.s-product-card{
    background:#fff;
    border:none;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    transition:.4s;
    position:relative;
}

.s-product-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        var(--secondary),
        var(--primary)
    );
}

.s-product-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 40px rgba(3,40,56,.18);
}

/* صورة المنتج */
.s-product-card-image img{
    transition:.5s;
}

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

/* اسم المنتج */
.s-product-card-name{
    color:var(--primary);
    font-weight:800;
    font-size:16px;
}

/* السعر */
.s-product-card-price{
    color:var(--secondary);
    font-size:22px;
    font-weight:900;
}

/* الخصومات */
.s-product-card-sale-badge{
    background:linear-gradient(
        135deg,
        #ff4d4d,
        #ff7a18
    );
    border-radius:50px;
    padding:6px 14px;
    font-weight:700;
}

/* زر الشراء */
.s-button-primary{
    background:linear-gradient(
        135deg,
        var(--secondary),
        var(--primary)
    );
    border:none;
    border-radius:14px;
    color:#fff;
    font-weight:700;
    box-shadow:0 8px 20px rgba(6,205,165,.25);
}

.s-button-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 30px rgba(6,205,165,.35);
}

/* عناوين الأقسام */
.section-header h2{
    color:var(--primary);
    font-weight:900;
    position:relative;
    display:inline-block;
}

.section-header h2::after{
    content:"";
    position:absolute;
    bottom:-10px;
    right:0;
    width:70%;
    height:4px;
    border-radius:10px;
    background:linear-gradient(
        90deg,
        var(--secondary),
        transparent
    );
}

/* التصنيفات */
.s-category-card{
    border-radius:22px;
    overflow:hidden;
    transition:.4s;
}

.s-category-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow);
}

/* البحث */
.s-search-input{
    border-radius:50px;
    border:2px solid transparent;
    background:#fff;
}

.s-search-input:focus{
    border-color:var(--secondary);
    box-shadow:0 0 20px rgba(6,205,165,.15);
}

/* الفوتر */
.s-footer{
    background:linear-gradient(
        135deg,
        #032838,
        #021B26
    );
    color:#fff;
    border-radius:40px 40px 0 0;
    margin-top:50px;
}

.s-footer a{
    color:#fff;
}

.s-footer a:hover{
    color:var(--secondary);
}

/* شريط التمرير */
::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(
        180deg,
        var(--secondary),
        var(--primary)
    );
    border-radius:20px;
}

/* حركة ظهور */
.s-product-card,
.s-category-card{
    animation:fadeUp .6s ease;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}}