/*==========================
  LUXURY DARK THEME - SALLA
===========================*/

:root{
    --bg:#09090b;
    --card:#14141a;
    --card2:#1b1b24;
    --primary:#6d5dfc;
    --primary-hover:#7f70ff;
    --text:#ffffff;
    --muted:#b7b7c7;
    --border:#2d2d3d;
}

html,body{
    background:var(--bg)!important;
    color:var(--text)!important;
    scroll-behavior:smooth;
}

/* الخلفية */
body,
main,
section,
footer,
header,
.s-block,
.container,
.page-wrapper{
    background:var(--bg)!important;
}

/* النصوص */
body,
h1,h2,h3,h4,h5,h6,
p,
span,
a,
label,
small{
    color:#fff!important;
}

/* البطاقات */
.card,
.product,
.product-card,
.s-product-card,
.s-block,
.category-card{
    background:linear-gradient(180deg,#1a1a23,#111116)!important;
    border:1px solid rgba(109,93,252,.25)!important;
    border-radius:22px!important;
    overflow:hidden;
    transition:.35s ease;
}

.card:hover,
.product-card:hover,
.s-product-card:hover{
    transform:translateY(-6px);
    border-color:#6d5dfc!important;
    box-shadow:0 0 30px rgba(109,93,252,.35);
}

/* الصور */
.product img,
.product-card img{
    border-radius:18px;
    transition:.4s;
}

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

/* السعر */
.price,
.product-price,
.money{
    color:#8a7dff!important;
    font-weight:700;
}

/* الأزرار */
button,
.btn,
.btn-primary,
.s-button-primary{
    background:linear-gradient(90deg,#5b4eff,#7c6cff)!important;
    color:#fff!important;
    border:none!important;
    border-radius:14px!important;
    padding:12px 22px!important;
    font-weight:700;
    transition:.3s;
}

button:hover,
.btn:hover,
.s-button-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 0 18px rgba(109,93,252,.55);
}

/* البحث */
input,
textarea,
select{
    background:#16161d!important;
    border:1px solid #333348!important;
    color:#fff!important;
    border-radius:12px!important;
}

/* الهيدر */
header,
.navbar,
.store-header{
    background:#09090b!important;
    border-bottom:1px solid rgba(255,255,255,.05)!important;
    backdrop-filter:blur(15px);
}

/* الفوتر */
footer{
    border-top:1px solid rgba(255,255,255,.08)!important;
}

/* الأقسام */
.section-title,
.section-header{
    margin-bottom:20px;
}

.section-title h2{
    font-size:42px!important;
    font-weight:900!important;
    letter-spacing:-1px;
}

/* الكروت */
.category-card{
    padding:14px;
}

/* FAQ */
.accordion-item{
    background:#13131b!important;
    border:1px solid rgba(109,93,252,.35)!important;
    border-radius:14px!important;
    margin-bottom:12px;
}

/* السلة */
.cart-item,
.cart-summary{
    background:#13131b!important;
    border-radius:18px!important;
    border:1px solid rgba(109,93,252,.2)!important;
}

/* البادجات */
.badge{
    background:#6d5dfc!important;
    color:#fff!important;
}

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

::-webkit-scrollbar-thumb{
    background:#6d5dfc;
    border-radius:30px;
}

/* الهوفر */
a{
    transition:.3s;
}

a:hover{
    color:#8f84ff!important;
}

/* ظلال عامة */
.card,
.product-card,
.category-card,
.accordion-item{
    box-shadow:0 10px 30px rgba(0,0,0,.35);
}

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

.section-title h2{
font-size:34px!important;
}

.card,
.product-card{
border-radius:18px!important;
}

button{
width:100%;
}

}
/* إزالة جميع الخلفيات البيضاء */
html,
body,
#app,
.app,
main,
main > *,
section,
.s-block,
.container,
.container-fluid,
footer,
footer *,
header,
header *{
    background:#0b0b0f !important;
}

/* إزالة الفراغات بين الأقسام */
section,
.s-block{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* أي عنصر أبيض */
[class*="bg-"],
.bg-white,
.bg-light{
    background:#0b0b0f !important;
}

/* إخفاء الفواصل */
hr{
    display:none !important;
}
/* =========================
   التصنيفات
========================= */

.categories-grid .category-card,
.s-category-card,
.category-card {
    background: #111117 !important;
    border: 1.5px solid #665CFF !important;
    border-radius: 22px !important;
    overflow: hidden;
    transition: .3s ease;
    box-shadow: none !important;
}

.categories-grid .category-card:hover,
.s-category-card:hover,
.category-card:hover {
    transform: translateY(-6px);
    border-color: #8D85FF !important;
    box-shadow: 0 0 20px rgba(102,92,255,.35) !important;
}

.category-card img,
.s-category-card img {
    border-radius: 18px !important;
}

.category-card h3,
.s-category-card h3 {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* =========================
   الأسئلة الشائعة
========================= */

.accordion-item,
.s-accordion-item,
details {
    background: #111117 !important;
    border: 1.5px solid #665CFF !important;
    border-radius: 14px !important;
    margin-bottom: 14px !important;
    overflow: hidden;
}

.accordion-button,
.s-accordion-button,
summary {
    background: transparent !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    padding: 18px 20px !important;
    border: none !important;
}

.accordion-button:not(.collapsed),
summary:hover {
    color: #8D85FF !important;
}

.accordion-body,
details div {
    background: #111117 !important;
    color: #d8d8d8 !important;
    padding: 18px 20px !important;
    border-top: 1px solid rgba(102,92,255,.25);
}

/* السهم */
.accordion-button::after {
    filter: brightness(0) invert(1);
}
/* FAQ Luxury Style */

.faq-item,
.accordion-item,
details {
    background: #0d0d12 !important;
    border: 2px solid #5f54ff !important;
    border-radius: 18px !important;
    margin-bottom: 14px !important;
    overflow: hidden;
    transition: .3s;
}

.faq-item:hover,
.accordion-item:hover,
details:hover {
    border-color: #7a71ff !important;
    box-shadow: 0 0 18px rgba(95,84,255,.25);
}

summary,
.accordion-button {
    background: transparent !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 22px !important;
}

details[open] summary,
.accordion-button:not(.collapsed){
    color:#8f88ff !important;
}

.accordion-body,
details > *:not(summary){
    background:#0d0d12 !important;
    color:#d8d8d8 !important;
    padding:20px !important;
}

summary::-webkit-details-marker{
    display:none;
}

summary::before{
    content:"⌄";
    float:left;
    font-size:22px;
    color:#fff;
    transition:.3s;
}

details[open] summary::before{
    transform:rotate(180deg);
}
/* قسم آراء العملاء */
.testimonials,
.s-block--testimonials {
    background: #0b0b0f !important;
    padding: 60px 0 !important;
}

/* بطاقة الرأي */
.testimonial-card,
.s-testimonial-card,
.testimonial-item {
    background: linear-gradient(180deg,#7468ff,#6b5cff) !important;
    border-radius: 28px !important;
    border: none !important;
    box-shadow: none !important;
    padding: 30px 20px !important;
    text-align: center !important;
}

/* صورة العميل */
.testimonial-card img,
.s-testimonial-card img,
.testimonial-item img {
    width: 110px !important;
    height: 110px !important;
    border-radius: 50% !important;
    margin: 0 auto 15px !important;
    display: block !important;
}

/* اسم العميل */
.testimonial-card h3,
.s-testimonial-card h3,
.testimonial-item h3 {
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    margin-top: 10px !important;
}

/* التقييم */
.rating,
.stars {
    color: #FFD700 !important;
    font-size: 22px !important;
    margin: 8px 0 !important;
}

/* نص الرأي */
.testimonial-card p,
.s-testimonial-card p,
.testimonial-item p {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.8 !important;
}

/* الأسهم */
.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
}
.reviews-section{
    background:#0b0b10;
    padding:50px 15px;
}

.reviews-section h2{
    color:#fff;
    text-align:center;
    font-size:34px;
    margin-bottom:30px;
    font-weight:800;
}

.reviews-slider{
    display:flex;
    gap:18px;
    overflow-x:auto;
    padding-bottom:10px;
    scroll-snap-type:x mandatory;
}

.reviews-slider::-webkit-scrollbar{
    display:none;
}

.review-card{
    min-width:260px;
    max-width:260px;
    background:linear-gradient(180deg,#6F63FF,#5C4DFF);
    border-radius:24px;
    padding:22px 18px;
    text-align:center;
    transition:.35s;
    scroll-snap-align:center;
    box-shadow:0 12px 30px rgba(108,99,255,.25);
}

.review-card:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:0 18px 40px rgba(