@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap');

:root{

--primary:#0F1D33;
--secondary:#C9A65A;

--gold:#C9A65A;
--gold-hover:#b88a35;

--beige:#E6D8BD;
--ivory:#F6F3E9;

--text:#333333;

--radius:18px;

}


/* خط الموقع */

body{

font-family:'Cairo',sans-serif !important;

color:var(--text);

background:#ffffff;

}

.store-header{

background:#0F1D33 !important;

border-bottom:1px solid #C9A65A;

}



.main-nav{

background:#0F1D33 !important;

}



.main-nav a{

color:white !important;

font-weight:600;

}



.main-nav a:hover{

color:#C9A65A !important;

}

.store-logo img{

max-height:72px;

}
.search-input{


border-radius:50px;


border:1px solid #ddd;



}



.search-input:focus{


border-color:#C9A65A;



}


.hero-slider{


border-radius:20px;


overflow:hidden;


}



.hero-slider::before{


content:"";


position:absolute;


inset:0;


background:rgba(15,29,51,.35);



}

.categories-grid .category-item{


background:white;


border-radius:20px;


padding:20px;


box-shadow:


0 5px 20px rgba(0,0,0,.05);



transition:.3s;


}



.categories-grid .category-item:hover{


transform:translateY(-5px);


}

.s-product-card{


border-radius:20px !important;


overflow:hidden;


box-shadow:


0 5px 20px rgba(0,0,0,.05);



transition:.3s;



}




.s-product-card:hover{


transform:translateY(-6px);


box-shadow:


0 15px 40px rgba(0,0,0,.10);



}





.s-product-card-name{


font-weight:700;


color:#0F1D33;


}



.s-product-card-price{


color:#C9A65A;


font-size:22px;


font-weight:700;


}

button,


.btn,


.s-button-element{


background:#0F1D33;


border:none;


border-radius:40px;


color:white;



}



button:hover,


.btn:hover,


.s-button-element:hover{


background:#C9A65A;


color:white;



}

.s-product-card .btn{


width:100%;


border-radius:40px;


font-weight:700;



}


.badge{


background:#C9A65A;


color:white;


border-radius:30px;



}

.section-title,


.section-header h2{


color:#0F1D33;


font-weight:800;



}

.store-footer{


background:#091221;


padding-top:50px;



}




.store-footer h3{


color:#C9A65A;



}




.store-footer a{


color:#ddd;



}




.store-footer a:hover{


color:white;



}

.swiper-pagination-bullet{


background:#C9A65A;


opacity:.4;



}



.swiper-pagination-bullet-active{


opacity:1;



}

::-webkit-scrollbar{

width:8px;

}



::-webkit-scrollbar-thumb{

background:#C9A65A;

border-radius:20px;

}