/* ============================================================
   BIILA STORE — كود تخصيص مظهر المتجر
   المنصة : Easy Orders | الثيم الأساسي : Luxify
   الألوان : أسود #0a0a0a | كرزي #8b0a2a | أحمر فاتح #d41642
   الاتجاه : RTL | جميع القواعد مع !important
   ============================================================ */

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

:root {
  --biila-black:       #0a0a0a;
  --biila-crimson:     #8b0a2a;
  --biila-red:         #d41642;
  --biila-bg:          #f8f5f3;
  --biila-bg2:         #ffffff;
  --biila-bg3:         #f0ece9;
  --biila-card:        #ffffff;
  --biila-text:        #0a0a0a;
  --biila-text2:       #3d3d3d;
  --biila-muted:       #999999;
  --biila-border:      #e5ddda;
  --biila-border2:     rgba(139,10,42,0.15);
  --biila-gold:        #b8860b;
  --biila-radius:      14px;
  --biila-shadow:      0 6px 24px rgba(0,0,0,0.08);
  --biila-shadow-hov:  0 12px 40px rgba(139,10,42,0.15);
}

/* ==========================================
   1. عام
   ========================================== */
* { box-sizing: border-box !important; }

body {
  direction: rtl !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
  background-color: var(--biila-bg) !important;
  color: var(--biila-text) !important;
  line-height: 1.7 !important;
}

a {
  color: var(--biila-text) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
a:hover { color: var(--biila-red) !important; }

h1, h2, h3, h4, h5, h6,
[class*="title"], [class*="heading"], [class*="section-title"] {
  color: var(--biila-text) !important;
  font-weight: 900 !important;
  font-family: 'Cairo', sans-serif !important;
}

p, span, li, td, th, label, .text, [class*="text"] {
  color: var(--biila-text2) !important;
}

::selection {
  background: var(--biila-crimson) !important;
  color: #fff !important;
}

/* ==========================================
   2. الخلفيات العامة
   ========================================== */
body, .page, .main-content,
[class*="page"], [class*="main"], [class*="content"],
[class*="wrapper"], [class*="container"], [class*="layout"],
.section, [class*="section"] {
  background-color: var(--biila-bg) !important;
}

section:nth-child(even),
[class*="section"]:nth-child(even) {
  background-color: var(--biila-bg2) !important;
}

[class*="dark-section"], [class*="section-dark"], [class*="dark-bg"] {
  background-color: var(--biila-black) !important;
  color: #fff !important;
}
[class*="dark-section"] *, [class*="dark-bg"] * { color: #fff !important; }

.container, [class*="container"], [class*="wrap"], [class*="inner"] {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

[class*="section"], [class*="block"] { padding: 50px 0 !important; }

/* ==========================================
   3. شريط الإعلان
   ========================================== */
.announcement-bar, [class*="announcement"], [class*="ticker"],
[class*="top-bar"], [class*="promo-bar"], [class*="notification-bar"] {
  background-color: var(--biila-black) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 16px !important;
  text-align: center !important;
  border-bottom: none !important;
}
.announcement-bar *, [class*="announcement"] * { color: #ffffff !important; }

/* ==========================================
   4. الهيدر والنافبار
   ========================================== */
header, .header, .site-header,
[class*="header"], [class*="nav-header"], [class*="sticky-header"] {
  background-color: #ffffff !important;
  border-bottom: 2px solid var(--biila-border) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

.logo, .header__logo, [class*="logo"], [class*="brand"] {
  font-weight: 900 !important;
  font-size: 1.6rem !important;
  color: var(--biila-black) !important;
}
.logo img, [class*="logo"] img {
  filter: brightness(1) !important;
  max-height: 48px !important;
}

nav a, .nav__link, .header__nav a,
[class*="nav-link"], [class*="menu-item"] > a, [class*="nav-item"] > a {
  color: var(--biila-text) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  border-bottom: 2.5px solid transparent !important;
}
nav a:hover, .nav__link:hover, [class*="nav-link"]:hover,
[class*="menu-item"] > a:hover {
  color: var(--biila-crimson) !important;
  background-color: rgba(139,10,42,0.06) !important;
  border-bottom-color: var(--biila-red) !important;
}

/* Dropdown */
nav li, [class*="nav-item"], [class*="menu-item"] { position: relative !important; }

nav li ul, [class*="nav-item"] ul, [class*="menu-item"] ul,
[class*="submenu"], [class*="sub-menu"], [class*="dropdown"],
[class*="dropdown-menu"], [class*="mega"], [class*="mega-menu"], [class*="children"] {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  min-width: 220px !important;
  background-color: #ffffff !important;
  border: 1.5px solid var(--biila-border) !important;
  border-radius: var(--biila-radius) !important;
  box-shadow: var(--biila-shadow) !important;
  z-index: 9999 !important;
  padding: 8px 0 !important;
  opacity: 0 !important;
  transform: translateY(8px) !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  pointer-events: none !important;
}

nav li:hover > ul, [class*="nav-item"]:hover > ul,
[class*="menu-item"]:hover > ul,
[class*="menu-item"]:hover > [class*="submenu"],
[class*="menu-item"]:hover > [class*="dropdown"],
[class*="nav-item"]:hover > [class*="submenu"],
[class*="nav-item"]:hover > [class*="dropdown"],
[class*="dropdown"]:hover > [class*="dropdown-menu"],
[class*="has-dropdown"]:hover > [class*="dropdown"] {
  display: block !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

nav li li a, [class*="submenu"] a, [class*="dropdown-menu"] a {
  display: block !important;
  padding: 10px 20px !important;
  color: var(--biila-text2) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
  background: transparent !important;
}
nav li li a:hover, [class*="submenu"] a:hover, [class*="dropdown-menu"] a:hover {
  background-color: rgba(139,10,42,0.07) !important;
  color: var(--biila-crimson) !important;
}

[class*="menu-item"]:has(> ul) > a::after,
[class*="nav-item"]:has(> ul) > a::after,
[class*="has-dropdown"] > a::after,
li:has(> ul) > a::after {
  content: '▾' !important;
  font-size: 11px !important;
  margin-right: 5px !important;
  color: var(--biila-crimson) !important;
  display: inline-block !important;
}

/* Search */
.search-input, input[type="search"], [class*="search"] input,
[class*="search-input"] {
  background-color: var(--biila-bg3) !important;
  border: 1.5px solid var(--biila-border) !important;
  color: var(--biila-text) !important;
  border-radius: 50px !important;
  padding: 10px 18px !important;
  font-family: 'Cairo', sans-serif !important;
  outline: none !important;
}
.search-input:focus, input[type="search"]:focus {
  border-color: var(--biila-red) !important;
  box-shadow: 0 0 0 3px rgba(212,22,66,0.12) !important;
}
.search-input::placeholder { color: var(--biila-muted) !important; }

/* Header icons */
[class*="header-icon"], [class*="header-btn"], [class*="icon-btn"] {
  color: var(--biila-text2) !important;
  background-color: var(--biila-bg3) !important;
  border: 1.5px solid var(--biila-border) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}
[class*="header-icon"]:hover {
  background-color: var(--biila-crimson) !important;
  border-color: var(--biila-crimson) !important;
  color: #fff !important;
}

/* Cart count */
.cart-count, [class*="cart-count"], [class*="cart-badge"],
[class*="count"], [class*="badge"] {
  background-color: var(--biila-red) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ==========================================
   5. القائمة الجانبية (موبايل)
   ========================================== */
.mobile-nav, [class*="mobile-nav"], [class*="drawer"],
[class*="slide-menu"], [class*="side-menu"] {
  background-color: #ffffff !important;
  border-left: 1.5px solid var(--biila-border) !important;
}
[class*="mobile-nav"] a, [class*="drawer"] a {
  color: var(--biila-text2) !important;
  font-weight: 600 !important;
  padding: 12px 20px !important;
  border-bottom: 1px solid var(--biila-border) !important;
}
[class*="mobile-nav"] a:hover {
  color: var(--biila-crimson) !important;
  background-color: rgba(139,10,42,0.05) !important;
}

.hamburger span, [class*="hamburger"] span,
[class*="menu-toggle"] span, .burger span {
  background-color: var(--biila-crimson) !important;
  height: 3px !important;
  width: 22px !important;
  display: block !important;
  border-radius: 2px !important;
}

.bnav, [class*="bottom-nav"], [class*="tab-bar"], [class*="mobile-bottom"] {
  background-color: #ffffff !important;
  border-top: 1.5px solid var(--biila-border) !important;
  box-shadow: 0 -4px 16px rgba(0,0,0,0.05) !important;
}
[class*="bnav-item"], [class*="tab-item"] {
  color: var(--biila-muted) !important;
  font-size: 12px !important;
  transition: color 0.2s !important;
}
[class*="bnav-item"].active, [class*="bnav-item"]:hover,
[class*="tab-item"].active { color: var(--biila-red) !important; }

/* ==========================================
   6. كاردات المنتجات
   ========================================== */
.product-card, [class*="product-card"], [class*="product-item"],
[class*="product-box"], .card-product, [class*="card-product"] {
  background-color: var(--biila-card) !important;
  border: 1.5px solid var(--biila-border) !important;
  border-radius: var(--biila-radius) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}
.product-card:hover, [class*="product-card"]:hover, [class*="product-item"]:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--biila-shadow-hov) !important;
  border-color: rgba(212,22,66,0.3) !important;
}

[class*="product-image"], [class*="product-img"],
[class*="product-thumb"], [class*="product-media"] {
  background-color: #f5f2f0 !important;
}
[class*="product-image"] img, [class*="product-img"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}
[class*="product-card"]:hover [class*="product-image"] img,
[class*="product-item"]:hover [class*="product-img"] img {
  transform: scale(1.06) !important;
}

.product-title, [class*="product-title"], [class*="product-name"],
[class*="product-heading"], [class*="card-title"] {
  color: var(--biila-text) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

[class*="product-brand"], [class*="brand-name"],
[class*="vendor"], [class*="product-vendor"] {
  color: var(--biila-red) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

[class*="product-desc"], [class*="product-description"], [class*="card-text"] {
  color: var(--biila-muted) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.price, .product-price, [class*="price"], [class*="product-price"],
[class*="price-current"], [class*="current-price"], .money, [class*="amount"] {
  color: var(--biila-crimson) !important;
  font-weight: 900 !important;
  font-size: 1.15em !important;
}

.price-compare, .compare-price, [class*="compare-price"],
[class*="old-price"], [class*="original"], [class*="was-price"], del, s {
  color: var(--biila-muted) !important;
  font-weight: 400 !important;
  font-size: 0.85em !important;
  text-decoration: line-through !important;
}

.sale-badge, [class*="sale-badge"], [class*="discount-badge"],
[class*="offer-badge"], [class*="sale-label"], [class*="discount-label"] {
  background-color: var(--biila-red) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  padding: 4px 12px !important;
  display: inline-block !important;
}

[class*="badge"]:not([class*="cart"]):not([class*="count"]) {
  background-color: var(--biila-crimson) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

[class*="wishlist"], [class*="favorite"], [class*="heart"],
[class*="compare-icon"] {
  color: var(--biila-red) !important;
  background-color: rgba(255,255,255,0.9) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.stars, [class*="star"], [class*="rating"] svg, [class*="rating"] i {
  color: var(--biila-gold) !important;
  fill: var(--biila-gold) !important;
}
[class*="rating-count"], [class*="review-count"] {
  color: var(--biila-muted) !important;
  font-size: 12px !important;
}

/* ==========================================
   7. الأزرار
   ========================================== */
button, .btn, .button, [class*="btn"], [class*="button"],
[class*="submit"], input[type="submit"], input[type="button"] {
  background-color: var(--biila-crimson) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  box-shadow: 0 4px 18px rgba(139,10,42,0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
button:hover, .btn:hover, [class*="btn"]:hover {
  background-color: var(--biila-red) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(212,22,66,0.35) !important;
}
button:active, .btn:active { transform: translateY(0) !important; }

.btn-outline, [class*="btn-outline"], [class*="outline-btn"],
[class*="secondary"] > button, [class*="btn-secondary"] {
  background-color: transparent !important;
  border: 2px solid rgba(139,10,42,0.3) !important;
  color: var(--biila-crimson) !important;
  box-shadow: none !important;
}
.btn-outline:hover, [class*="btn-outline"]:hover {
  background-color: var(--biila-crimson) !important;
  border-color: var(--biila-crimson) !important;
  color: #ffffff !important;
}

.btn-sm, [class*="btn-sm"], [class*="btn-small"] {
  padding: 8px 18px !important; font-size: 12px !important;
}
.btn-lg, [class*="btn-lg"], [class*="btn-large"] {
  padding: 15px 36px !important; font-size: 16px !important;
}

[class*="promo"] button, [class*="promo"] .btn,
[class*="hero"] button, [class*="banner"] button {
  background-color: #ffffff !important;
  color: var(--biila-crimson) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}
[class*="promo"] button:hover, [class*="hero"] button:hover {
  background-color: var(--biila-bg3) !important;
  color: var(--biila-black) !important;
}

[class*="add-to-cart"], [class*="atc"], [class*="buy-now"],
[class*="checkout-btn"], [class*="cart-btn"] {
  background-color: var(--biila-crimson) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
}
[class*="add-to-cart"]:hover, [class*="buy-now"]:hover {
  background-color: var(--biila-red) !important;
}

/* ==========================================
   8. صفحة المنتج (تفاصيل)
   ========================================== */
[class*="product-single"], [class*="product-page"],
[class*="product-detail"] {
  background-color: var(--biila-bg2) !important;
}

[class*="product-title-main"], [class*="product-single-title"],
[class*="product-page-title"] {
  color: var(--biila-text) !important;
  font-weight: 900 !important;
  font-size: 24px !important;
}

[class*="product-description"], [class*="product-desc-full"] {
  color: var(--biila-text2) !important;
  line-height: 1.8 !important;
  font-size: 14px !important;
}

[class*="quantity"], [class*="qty"] {
  background-color: var(--biila-bg3) !important;
  border: 1.5px solid var(--biila-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
[class*="quantity"] input, [class*="qty"] input {
  background: transparent !important;
  border: none !important;
  color: var(--biila-text) !important;
  font-weight: 700 !important;
}

[class*="tab"], [class*="tab-btn"], [class*="tab-link"] {
  color: var(--biila-muted) !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.2s ease !important;
  padding: 12px 20px !important;
  font-weight: 700 !important;
}
[class*="tab"].active, [class*="tab-btn"].active, [class*="tab"]:hover {
  color: var(--biila-crimson) !important;
  border-bottom-color: var(--biila-red) !important;
}
[class*="tab-content"], [class*="tab-panel"] {
  color: var(--biila-text2) !important;
  line-height: 1.8 !important;
}

/* ==========================================
   9. الأكورديون — الخلفية النبيتية + نص أبيض
   ========================================== */
[class*="accordion"], [class*="accordion-item"],
[class*="collapse"], [class*="collapsible"],
[class*="policy"], [class*="policy-item"],
[class*="store-policy"], [class*="shipping"], [class*="return-policy"] {
  background-color: var(--biila-crimson) !important;
  border-radius: 12px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  color: #ffffff !important;
}
[class*="accordion"] *, [class*="collapse"] *,
[class*="policy"] *, [class*="store-policy"] * { color: #ffffff !important; }

[class*="accordion-header"], [class*="accordion-title"],
[class*="collapse-header"], [class*="policy-title"],
[class*="policy-header"], [class*="panel-title"], [class*="panel-heading"] {
  background-color: var(--biila-crimson) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  padding: 14px 20px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}
[class*="accordion-header"] *, [class*="accordion-title"] * { color: #ffffff !important; }

[class*="accordion-body"], [class*="accordion-content"],
[class*="collapse-body"], [class*="collapse-content"],
[class*="panel-body"], [class*="policy-body"] {
  background-color: #fdf5f7 !important;
  color: var(--biila-text) !important;
  padding: 14px 20px !important;
  border: 1px solid var(--biila-border2) !important;
  border-top: none !important;
  border-radius: 0 0 10px 10px !important;
}
[class*="accordion-body"] *, [class*="collapse-body"] * { color: var(--biila-text) !important; }

/* ☆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━☆
    ★ إصلاح نهائي لمشكلة النص الأسود على الخلفية النبيتية ★
    ☆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━☆

   المشكلة: نصوص مثل "ماتري" (المواصفات) تظهر بالأسود
            على خلفية كرزية/نبيتية بسبب ثيم Luxify.
   الحل: كلاس وكذا أسلوب يستهدف أي حاوية بخلفية غامقة
         ويجعل النص أبيض إجبارياً.
   ==================================================== */

/* 9a. كل العناصر ذات الخلفية بلون كرزي (style مباشر) */
[style*="background-color: #8b0a2a"],
[style*="background-color: #8B0A2A"],
[style*="background:#8b0a2a"],
[style*="background-color:#8b0a2a"],
[style*="background: #8B0A2A"],
[style*="background-color: #c8102e"],
[style*="background-color: #C8102E"],
[style*="background-color:#c8102e"],
[style*="background-color: #d41642"],
[style*="background-color: #D41642"],
[style*="background: #d41642"],
[style*="background: #c8102e"] {
  color: #ffffff !important;
}

div[style*="8b0a2a"], div[style*="8B0A2A"],
div[style*="c8102e"], div[style*="C8102E"],
div[style*="d41642"], div[style*="D41642"],
span[style*="8b0a2a"], span[style*="8B0A2A"],
span[style*="c8102e"], span[style*="C8102E"],
p[style*="8b0a2a"], p[style*="8B0A2A"],
td[style*="8b0a2a"], td[style*="8B0A2A"],
th[style*="8b0a2a"], th[style*="8B0A2A"],
label[style*="8b0a2a"], label[style*="8B0A2A"] {
  color: #ffffff !important;
}

/* 9b. أي عنصر بخلفية داكنة — النص يصبح أبيض */
[style*="background-color: rgb(139, 10, 42)"] { color: #ffffff !important; }
[style*="background-color: rgb(200, 16, 46)"] { color: #ffffff !important; }
[style*="background-color: rgb(212, 22, 66)"] { color: #ffffff !important; }

/* 9c. الكلاسات العامة للألوان */
[class*="bg-crimson"], [class*="bg-red"], [class*="bg-dark"],
[class*="bg-primary"], [class*="bg-danger"], [class*="bg-wine"],
[class*="bg-maroon"], [class*="bg-burgundy"], [class*="bg-cherry"],
[class*="bg-cherry"], [class*="bg_red"] {
  color: #ffffff !important;
}
[class*="bg-crimson"] *, [class*="bg-red"] *, [class*="bg-dark"] * { color: #ffffff !important; }

/* 9d. صفحة المنتج: جدول المواصفات والخصائص */
[class*="specification"] th, [class*="specification"] td,
[class*="product-spec"] th, [class*="product-spec"] td,
[class*="product-attribute"] th, [class*="product-attribute"] td,
[class*="attribute"] th, [class*="attribute"] td,
[class*="property"] th, [class*="property"] td,
[class*="meta"] th, [class*="meta"] td,
[class*="details"] th, [class*="details"] td,
[class*="option"] th, [class*="option"] td {
  color: var(--biila-text2) !important;
  background-color: transparent !important;
  border-bottom: 1px solid var(--biila-border) !important;
  padding: 10px 12px !important;
}

/* 9e. جميع خلايا الجداول داخل أي حاوية product */
[class*="product"] th, [class*="product"] td {
  color: var(--biila-text2) !important;
}

/* 9f. أي عنصر PRODUCT له لون خلفية ملون — النص أبيض */
[class*="product"][style*="background"]:not([style*="#fff"]):not([style*="white"]):not([style*="#f"]):not([style*="#F"]):not([style*="transparent"]):not([style*="none"]) {
  color: #ffffff !important;
}

/* ==========================================
   10. الفوتر
   ========================================== */
footer, .footer, .site-footer,
[class*="footer"], [class*="site-footer"] {
  background-color: var(--biila-black) !important;
  color: rgba(255,255,255,0.7) !important;
  border-top: none !important;
  padding: 50px 0 0 !important;
}

.footer-title, [class*="footer-title"], [class*="footer-heading"],
[class*="footer-head"], [class*="footer-col"] h4, [class*="footer-col"] h3 {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  margin-bottom: 16px !important;
}

.footer a, [class*="footer-link"], [class*="footer"] a,
[class*="footer-col"] a {
  color: rgba(255,255,255,0.65) !important;
  font-weight: 500 !important;
  display: block !important;
  padding: 5px 0 !important;
  transition: color 0.2s ease !important;
}
.footer a:hover, [class*="footer-link"]:hover { color: var(--biila-red) !important; }

[class*="footer"] p, [class*="footer"] span, [class*="footer"] li,
[class*="footer-col"] p { color: rgba(255,255,255,0.55) !important; }

.footer-bottom, [class*="footer-bottom"], [class*="copyright"],
[class*="footer-bar"] {
  background-color: rgba(0,0,0,0.3) !important;
  color: rgba(255,255,255,0.45) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding: 18px 0 !important;
  font-size: 13px !important;
  margin-top: 40px !important;
}

[class*="payment"], [class*="pay-icon"], [class*="payment-icon"],
[class*="payment-method"] {
  background-color: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  display: inline-block !important;
}

/* ==========================================
   11. الهيرو
   ========================================== */
.hero, .banner, [class*="hero"], [class*="banner"],
[class*="slideshow"], [class*="slider"], .swiper, [class*="swiper"] {
  background: linear-gradient(135deg, #fff8f6 0%, #fdf0ec 50%, #ffffff 100%) !important;
  border-bottom: 1.5px solid var(--biila-border) !important;
}

.hero-title, [class*="hero-title"], [class*="banner-title"],
[class*="slide-title"] {
  color: var(--biila-text) !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 5vw, 48px) !important;
}

.hero-subtitle, [class*="hero-sub"], [class*="banner-sub"],
[class*="slide-sub"] {
  color: var(--biila-muted) !important;
  font-size: 16px !important;
}

[class*="hero-badge"], [class*="banner-badge"] {
  background-color: rgba(139,10,42,0.1) !important;
  border: 1px solid rgba(139,10,42,0.2) !important;
  border-radius: 20px !important;
  color: var(--biila-crimson) !important;
  font-weight: 700 !important;
  padding: 6px 16px !important;
  display: inline-block !important;
}

/* ==========================================
   12. المميزات
   ========================================== */
[class*="features"], [class*="feature-strip"],
[class*="trust-bar"], [class*="usp-bar"] {
  background-color: #ffffff !important;
  border-top: 1.5px solid var(--biila-border) !important;
  border-bottom: 1.5px solid var(--biila-border) !important;
  padding: 16px 0 !important;
}
[class*="feature-item"], [class*="trust-item"], [class*="usp-item"] {
  color: var(--biila-text2) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}
[class*="feature-icon"], [class*="trust-icon"] {
  color: var(--biila-crimson) !important;
  background-color: rgba(139,10,42,0.08) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ==========================================
   13. السلة
   ========================================== */
.cart-drawer, [class*="cart-drawer"], [class*="side-cart"],
[class*="mini-cart"], [class*="cart-popup"], [class*="cart-page"],
.cart-section { background-color: #ffffff !important; }

.cart-title, [class*="cart-title"], [class*="cart-heading"] {
  color: var(--biila-text) !important;
  font-weight: 800 !important;
}

.cart-item, [class*="cart-item"], [class*="cart-line"] {
  border-bottom: 1px solid var(--biila-border) !important;
  color: var(--biila-text2) !important;
}

.cart-total, [class*="cart-total"], [class*="cart-subtotal"],
[class*="subtotal"], [class*="total-price"] {
  color: var(--biila-crimson) !important;
  font-weight: 900 !important;
  font-size: 1.2em !important;
}

.cart-icon, [class*="cart-icon"], [class*="header-cart"] {
  color: var(--biila-text2) !important;
  background-color: var(--biila-bg3) !important;
  border: 1.5px solid var(--biila-border) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
}
.cart-icon:hover, [class*="cart-icon"]:hover {
  background-color: var(--biila-crimson) !important;
  border-color: var(--biila-crimson) !important;
  color: #ffffff !important;
}

/* السلة في الموبايل */
@media (max-width: 768px) {
  .cart-icon, [class*="cart-icon"], [class*="header-cart"],
  a[href*="cart"], button[aria-label*="cart"], button[aria-label*="سلة"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 500 !important;
  }
  [class*="cart-drawer"], [class*="side-cart"] {
    width: 100% !important;
    max-width: 360px !important;
  }
  .cart-count, [class*="cart-count"], [class*="cart-badge"] {
    position: absolute !important;
    top: -4px !important;
    left: -4px !important;
  }
}

/* ==========================================
   14. النماذج
   ========================================== */
input, textarea, select, [class*="input"],
[class*="field"], [class*="form-control"] {
  background-color: var(--biila-bg3) !important;
  border: 1.5px solid var(--biila-border) !important;
  color: var(--biila-text) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-family: 'Cairo', sans-serif !important;
  outline: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
input:focus, textarea:focus, select:focus, [class*="input"]:focus {
  border-color: var(--biila-red) !important;
  box-shadow: 0 0 0 3px rgba(212,22,66,0.12) !important;
}
input::placeholder, textarea::placeholder { color: var(--biila-muted) !important; }

/* ==========================================
   15. المودال
   ========================================== */
.modal, [class*="modal"], [class*="popup"], [class*="overlay"] {
  background-color: rgba(10,10,10,0.6) !important;
}
.modal-content, [class*="modal-content"], [class*="popup-content"],
[class*="modal-body"] {
  background-color: #ffffff !important;
  border: 1.5px solid var(--biila-border) !important;
  border-radius: var(--biila-radius) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.2) !important;
}
.modal-title, [class*="modal-title"] {
  color: var(--biila-text) !important;
  font-weight: 800 !important;
}
[class*="close"], [class*="modal-close"] {
  color: var(--biila-muted) !important;
  transition: color 0.2s !important;
}
[class*="close"]:hover { color: var(--biila-red) !important; }

/* ==========================================
   16. الفلاتر
   ========================================== */
.filter, [class*="filter"], [class*="facet"], [class*="category"],
[class*="tag"], [class*="pill"], [class*="chip"] {
  background-color: var(--biila-bg3) !important;
  border: 1.5px solid var(--biila-border) !important;
  color: var(--biila-text2) !important;
  border-radius: 50px !important;
  padding: 8px 18px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}
.filter:hover, .filter.active, [class*="filter"]:hover,
[class*="filter"].active, [class*="pill"]:hover, [class*="pill"].active {
  background-color: var(--biila-crimson) !important;
  border-color: var(--biila-crimson) !important;
  color: #ffffff !important;
}

/* ==========================================
   17. التنبيهات
   ========================================== */
.alert, [class*="alert"], [class*="toast"],
[class*="notification"], [class*="message"] {
  background-color: #ffffff !important;
  border: 1px solid var(--biila-border) !important;
  border-radius: 10px !important;
  color: var(--biila-text) !important;
  padding: 14px 20px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}
.alert-success, [class*="alert-success"] {
  border-right: 4px solid #2ecc71 !important;
}
.alert-error, [class*="alert-error"], [class*="alert-danger"] {
  border-right: 4px solid var(--biila-red) !important;
}

/* ==========================================
   18. التنقل
   ========================================== */
.breadcrumb, [class*="breadcrumb"] {
  color: var(--biila-muted) !important;
  font-size: 13px !important;
}
.breadcrumb a, [class*="breadcrumb"] a {
  color: var(--biila-crimson) !important;
  font-weight: 600 !important;
}
.breadcrumb a:hover { color: var(--biila-red) !important; }

/* ==========================================
   19. الأقسام الترويجية
   ========================================== */
.promo, .offer, .deal, [class*="promo"], [class*="offer"],
[class*="deal"], [class*="flash-sale"], [class*="banner-sale"] {
  background: linear-gradient(135deg, var(--biila-crimson) 0%, #5e001a 100%) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  padding: 40px !important;
  box-shadow: 0 8px 32px rgba(139,10,42,0.3) !important;
}
.promo *, .offer *, .deal *, [class*="promo"] *, [class*="offer"] * { color: #ffffff !important; }

.promo-tag, [class*="promo-tag"], [class*="offer-tag"], [class*="sale-tag"] {
  background-color: rgba(255,255,255,0.15) !important;
  border-radius: 12px !important;
  padding: 6px 16px !important;
  display: inline-block !important;
  font-weight: 700 !important;
}

/* ==========================================
   20. الطلب والدفع
   ========================================== */
[class*="order"], [class*="checkout"], [class*="cart-page"],
[class*="checkout-page"] { background-color: var(--biila-bg) !important; }

[class*="order-summary"], [class*="checkout-summary"],
[class*="order-details"], [class*="order-box"] {
  background-color: #ffffff !important;
  border: 1.5px solid var(--biila-border) !important;
  border-radius: var(--biila-radius) !important;
  padding: 24px !important;
}

[class*="order-total"], [class*="checkout-total"], [class*="grand-total"] {
  color: var(--biila-crimson) !important;
  font-weight: 900 !important;
  font-size: 1.3em !important;
}

/* ==========================================
   21. استجابة
   ========================================== */
@media (max-width: 1024px) {
  .container, [class*="container"] { padding: 0 20px !important; }
}
@media (max-width: 768px) {
  body { font-size: 14px !important; }
  [class*="section"], [class*="block"] { padding: 30px 0 !important; }
  h1, .hero-title, [class*="hero-title"] { font-size: 24px !important; }
  h2, [class*="section-title"] { font-size: 20px !important; }
  button, .btn, [class*="btn"] { padding: 10px 20px !important; font-size: 13px !important; }
  [class*="product-card"] { margin-bottom: 16px !important; }
  [class*="product-title"], [class*="product-name"] { font-size: 14px !important; }
  [class*="footer-col"] { margin-bottom: 24px !important; }
}
@media (max-width: 480px) {
  [class*="container"] { padding: 0 12px !important; }
  [class*="section"] { padding: 24px 0 !important; }
}

/* ==========================================
   22. سكرول
   ========================================== */
::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
::-webkit-scrollbar-track { background: var(--biila-bg) !important; }
::-webkit-scrollbar-thumb {
  background-color: rgba(139,10,42,0.35) !important;
  border-radius: 3px !important;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--biila-crimson) !important; }

/* ============================================================
   End of Biila Shop Theme — جاهز للرفع على Easy Orders
   ============================================================ */