:root{

--primary:#8F1D2C;
--secondary:#35235A;
--gold:#C8A15A;
--bg:#FCFAF8;
--card:#FFFDFB;

}

/* خلفية الموقع */

body{
background:
linear-gradient(180deg,#ffffff,#fcfaf8 40%,#f8f3ef);
color:#35235A;
}

/* بطاقات المنتجات */

.product,
.product-card{

background:
linear-gradient(145deg,#ffffff,#fbf7f3);

border:1px solid rgba(200,161,90,.25);

border-radius:22px;

overflow:hidden;

transition:.35s;

box-shadow:
0 10px 35px rgba(53,35,90,.08);

}

/* الحركة */

.product:hover,
.product-card:hover{

transform:translateY(-8px);

box-shadow:
0 25px 55px rgba(143,29,44,.18);

border-color:#C8A15A;

}

/* صورة المنتج */

.product img,
.product-card img{

padding:18px;

transition:.5s;

}

.product:hover img,
.product-card:hover img{

transform:scale(1.06);

}

/* اسم المنتج */

.product-title,
.product-name{

color:#35235A;

font-size:18px;

font-weight:700;

}

/* السعر */

.price,
.product-price{

color:#8F1D2C;

font-size:22px;

font-weight:800;

}

/* زر السلة */

.s-button-element,
.btn{

background:
linear-gradient(135deg,#35235A,#8F1D2C);

border:none;

border-radius:50px;

color:white;

font-weight:700;

transition:.3s;

}

.s-button-element:hover,
.btn:hover{

background:
linear-gradient(135deg,#8F1D2C,#C8A15A);

transform:translateY(-3px);

}

/* شارة الخصم */

.badge,
.sale-badge{

background:linear-gradient(135deg,#C8A15A,#E9C97F);

color:#35235A;

font-weight:bold;

border-radius:30px;

}

/* أقسام الصفحة */

.section-title{

color:#35235A;

position:relative;

display:inline-block;

}

.section-title::after{

content:"";

position:absolute;

right:0;

bottom:-8px;

width:65%;

height:3px;

background:linear-gradient(to left,#8F1D2C,#C8A15A);

border-radius:20px;

}

/* الحقول */

input,
select,
textarea{

border:1px solid #e8dcc6;

border-radius:14px;

}

input:focus,
select:focus,
textarea:focus{

border-color:#C8A15A;

box-shadow:0 0 0 4px rgba(200,161,90,.18);

}

/* الفوتر */

footer{

background:linear-gradient(180deg,#ffffff,#f8f3ef);

border-top:2px solid rgba(200,161,90,.25);

}
/*==================================
      Luxury Product Card
==================================*/

.product,
.product-card{

    position:relative;
    background:linear-gradient(180deg,#ffffff,#FCF8F5);
    border-radius:22px;
    padding:12px;
    overflow:hidden;

    border:1px solid rgba(200,161,90,.35);

    box-shadow:
    0 10px 30px rgba(53,35,90,.08);

    transition:.35s;

}

/* الإطار الذهبي */

.product::before,
.product-card::before{

    content:"";

    position:absolute;
    inset:0;

    padding:1.5px;

    border-radius:22px;

    background:
    linear-gradient(
        135deg,
        #E8D4A2,
        #C8A15A,
        #F6E8C2,
        #B8893D
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

            mask-composite:exclude;

    pointer-events:none;

}

/* Hover */

.product:hover,
.product-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 45px rgba(143,29,44,.18);

}

/* لمعان فاخر */

.product::after,
.product-card::after{

    content:"";

    position:absolute;

    top:-120%;

    left:-60%;

    width:45%;

    height:300%;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:rotate(25deg);

    transition:.9s;

}

.product:hover::after,
.product-card:hover::after{

    left:140%;

}