/* ==================================================
   ABAYA.A — ULTRA LUXURY FINAL V2
   ================================================== */


/* ==================================================
   الخلفية العامة
   ================================================== */

html,
body,
main,
section,
div{

background:#0b0b0b !important;

}


/* ==================================================
   الهيدر
   ================================================== */

header,
.s-header,
.store-header{

background:#0a0a0a !important;

padding-top:14px !important;
padding-bottom:14px !important;

border-bottom:
1px solid rgba(212,175,55,.10) !important;

}


/* ==================================================
   اللوقو
   ================================================== */

.s-logo img,
.logo img{

max-height:74px !important;

transform:scale(1.08);

}


/* ==================================================
   البحث
   ================================================== */

input[type="search"],
.s-search-input{

background:#161616 !important;

border:none !important;

height:54px !important;

border-radius:18px !important;

color:#f5e7c1 !important;

padding-right:18px !important;

font-size:15px !important;

}


/* ==================================================
   أيقونات الهيدر
   ================================================== */

.s-cart-summary,
.s-user-menu-trigger,
.s-header-icons a{

background:#b89146 !important;

width:50px !important;
height:50px !important;

border-radius:16px !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;

border:none !important;

}


/* الأيقونات */

.s-cart-summary svg,
.s-user-menu-trigger svg,
.s-header-icons svg{

fill:#111111 !important;
color:#111111 !important;
stroke:#111111 !important;

width:21px !important;
height:21px !important;

}


/* ==================================================
   الأسهم
   ================================================== */

.swiper-button-next,
.swiper-button-prev{

background:#b89146 !important;

width:50px !important;
height:50px !important;

border-radius:16px !important;

border:none !important;

}


/* شكل الأسهم */

.swiper-button-next::after,
.swiper-button-prev::after{

color:#111111 !important;

font-size:18px !important;
font-weight:900 !important;

}


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

.s-product-card,
.product{

background:#141414 !important;

border-radius:24px !important;

overflow:hidden !important;

padding:10px !important;

border:
1px solid rgba(212,175,55,.08) !important;

}


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

.s-product-card-name,
.product-title{

color:#ffffff !important;

font-size:15px !important;

font-weight:700 !important;

line-height:1.8 !important;

}


/* ==================================================
   السعر + الريال
   ================================================== */

.s-product-card-price,
.price,
.money,
.currency,
.currency-symbol,
.sar-symbol{

color:#ffffff !important;

font-size:20px !important;

font-weight:900 !important;

}


/* ==================================================
   زر إضافة للسلة
   ================================================== */

.add-to-cart-btn,
.s-button-element,
.s-product-card .btn{

background:#b89146 !important;

color:#111111 !important;

border:none !important;

height:46px !important;

border-radius:14px !important;

font-weight:800 !important;

font-size:15px !important;

}


/* النص داخل الزر */

.add-to-cart-btn *,
.s-button-element *{

color:#111111 !important;

fill:#111111 !important;

}


/* ==================================================
   اللايك
   ================================================== */

.s-product-card-wishlist-btn{

background:rgba(0,0,0,.55) !important;

backdrop-filter:blur(10px);

border:none !important;

}


/* القلب */

.s-product-card-wishlist-btn svg{

fill:#f5e7c1 !important;

color:#f5e7c1 !important;

}


/* ==================================================
   النصوص العامة
   ================================================== */

h1,h2,h3,h4,h5,h6,
p,
span,
a,
li{

color:#f5e7c1 !important;

}


/* ==================================================
   مربع "لأن الأناقة..."
   ================================================== */

.s-block,
.hero-text,
.banner-content{

background:rgba(0,0,0,.35) !important;

backdrop-filter:blur(10px);

padding:18px 24px !important;

border-radius:20px !important;

width:fit-content !important;

}


/* عنوان البنر */

.hero-text h2,
.banner-content h2{

font-size:28px !important;

font-weight:800 !important;

}


/* ==================================================
   الفوتر
   ================================================== */

footer{

background:#0a0a0a !important;

padding-top:40px !important;

border-top:
1px solid rgba(212,175,55,.08) !important;

}


/* روابط الفوتر */

footer a,
footer p,
footer span{

color:#d4af37 !important;

}


/* ==================================================
   إزالة الخلفيات البيضاء
   ================================================== */

.bg-white,
.bg-light{

background:#111111 !important;

}
/* ==================================================
   ONLY FIX BANNER + FAQ
   ================================================== */


/* مربع البنر */

.s-block,
.hero-text,
.banner-content{

background:rgba(0,0,0,.45) !important;

backdrop-filter:blur(12px);

padding:18px 24px !important;

border-radius:20px !important;

width:fit-content !important;

margin:auto !important;

display:flex !important;

flex-direction:column !important;

align-items:center !important;

justify-content:center !important;

text-align:center !important;

}


/* عنوان البنر */

.hero-text h2,
.banner-content h2{

font-size:28px !important;

font-weight:800 !important;

margin-bottom:8px !important;

text-align:center !important;

width:100% !important;

}


/* الكلام اللي تحت */

.hero-text p,
.banner-content p,
.s-block p{

text-align:center !important;

margin:0 auto !important;

width:100% !important;

}


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

.faq,
.s-faq,
.accordion,
.accordion-item{

max-width:900px !important;

margin-right:auto !important;
margin-left:auto !important;

direction:rtl !important;

text-align:right !important;

}