/* ==========================================================
   تنسيق الواجهة والألوان والخلفية - متجر رقميات برو (ثيم ملاك)
   ========================================================== */

/* 1. متغيرات الألوان الأساسية للمتجر (أزرق تقني فخم مع خلفيات هادئة) */
:root {
    --primary-color: #0066cc;       /* اللون الأساسي للأزرار والروابط البارزة */
    --primary-hover: #0052a3;      /* لون الزر عند المرور عليه */
    --bg-main: #f4f7fb;            /* خلفية المتجر العامة (فاتحة ونظيفة) */
    --card-bg: #ffffff;            /* خلفية البطاقات والأقسام */
    --text-main: #1e293b;          /* لون النصوص الأساسية */
    --text-muted: #64748b;         /* لون النصوص الثانوية */
    --border-color: #e2e8f0;       /* لون الحدود والفواصل */
}

/* 2. تطبيق الخلفية العامة للمتجر */
body, html {
    background-color: var(--bg-main) !important;
    color: var(--text-main) !important;
    font-family: 'Tajawal', sans-serif !important;
}

/* 3. تنسيق بطاقات المنتجات (Product Cards) وترتيبها */
.salla-product-card {
    background: var(--card-bg) !important;
    border-radius: 16px !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.salla-product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(0, 102, 204, 0.08) !important;
    border-color: #cbd5e1 !important;
}

/* تثبيت مقاسات صور المنتجات لتكون مربعة ومتناسقة */
.salla-product-card .card-image,
.salla-product-card img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    width: 100% !important;
    background-color: #f8fafc !important;
}

/* محتوى البطاقة وترتيب المسافات الداخلية */
.salla-product-card .card-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 16px !important;
}

/* عناوين المنتجات والأسعار */
.salla-product-card .product-title {
    font-weight: 700 !important;
    color: var(--text-main) !important;
    font-size: 15px !important;
    margin-bottom: 8px !important;
}

.salla-product-card .product-price {
    font-weight: 800 !important;
    color: var(--primary-color) !important;
    margin-bottom: 12px !important;
}

/* 4. تنسيق زر "أضف للسلة" (تثبيت بالأسفل بدون تخريب المسافات) */
.salla-product-card .salla-button,
.salla-product-card button.btn,
.salla-product-card .btn-product-action {
    margin-top: auto !important;
    width: 100% !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    background-color: #0f172a !important; /* لون داكن فخم لزر الشراء */
    color: #ffffff !important;
    border: none !important;
    padding: 10px 15px !important;
    transition: background-color 0.2s ease !important;
}

.salla-product-card .salla-button:hover,
.salla-product-card button.btn:hover {
    background-color: var(--primary-color) !important;
}

/* 5. تنسيق أقسام الصفحة الرئيسية والبانرات لتبدو مرتبة ومقوسة الحواف */
section.salla-section, .salla-banner, .category-block {
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* ==========================================================
   6. إبراز اسم المنتج والسعر في بطاقات ملاك (رقميات برو)
   ========================================================== */
.s-product-card-content-title.line-clamp-1,
.s-product-card-content-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    white-space: normal !important;
    min-height: 2.9em !important;
}
.s-product-card-content-title a {
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    color: #0B1F33 !important;
    white-space: normal !important;
}
.s-product-card-content-subtitle {
    font-size: 12.5px !important;
    color: #51606E !important;
}
.s-product-card-sale-price {
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.s-product-card-price {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #0A3D62 !important;
    letter-spacing: -0.3px !important;
}
.s-product-card-price .sicon-sar,
.s-product-card-price i {
    font-size: 16px !important;
    color: #0A3D62 !important;
}
.s-product-card-price-before {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #8A97A6 !important;
    text-decoration: line-through !important;
}
.s-product-card-price-before i { color: #8A97A6 !important; font-size: 12px !important; }
.s-product-card-discount { background: #C2410C !important; }
@media (max-width: 768px) {
    .s-product-card-price { font-size: 19px !important; }
    .s-product-card-content-title a { font-size: 14px !important; }
}

/* ==========================================================
   7. ألوان الموقع التي يختارها العميل (زر الألوان العائم) - رقميات برو
   ========================================================== */
html[data-rp="white"]{--rp-bg:#FFFFFF;--rp-surface:#FFFFFF;--rp-text:#0B1F33;--rp-muted:#51606E;--rp-line:#E3E8EF;--rp-primary:#0A3D62;--rp-primary-d:#082F4B;--rp-on-primary:#FFFFFF;--rp-head:#FFFFFF;--rp-on-head:#0B1F33;--rp-soft:#F6F8FB;--rp-ha:#0B1F33;--rp-hb:#0A3D62}
html[data-rp="cream"]{--rp-bg:#F5F0E6;--rp-surface:#FFFDF8;--rp-text:#2B2118;--rp-muted:#6B5E4F;--rp-line:#E6DCCB;--rp-primary:#A8741A;--rp-primary-d:#8A5E12;--rp-on-primary:#FFFFFF;--rp-head:#FFFDF8;--rp-on-head:#2B2118;--rp-soft:#F1EADB;--rp-ha:#4A3414;--rp-hb:#8A5E12}
html[data-rp="dark"]{--rp-bg:#0B1220;--rp-surface:#131D31;--rp-text:#EAF0F8;--rp-muted:#9FB0C2;--rp-line:#22304A;--rp-primary:#E6C066;--rp-primary-d:#C9A227;--rp-on-primary:#0B1220;--rp-head:#0E1729;--rp-on-head:#EAF0F8;--rp-soft:#18243B;--rp-ha:#0E1729;--rp-hb:#1B2A47}
html[data-rp="pink"]{--rp-bg:#FFF0F5;--rp-surface:#FFFFFF;--rp-text:#4A1B2E;--rp-muted:#8A5A6E;--rp-line:#F6D3E0;--rp-primary:#D6336C;--rp-primary-d:#B02456;--rp-on-primary:#FFFFFF;--rp-head:#FFFFFF;--rp-on-head:#4A1B2E;--rp-soft:#FFE3EC;--rp-ha:#A32253;--rp-hb:#D6336C}
html[data-rp="burgundy"]{--rp-bg:#FAF1F2;--rp-surface:#FFFFFF;--rp-text:#2B0D14;--rp-muted:#7A5A62;--rp-line:#EBD3D7;--rp-primary:#7A1F34;--rp-primary-d:#5E1527;--rp-on-primary:#FFFFFF;--rp-head:#5E1527;--rp-on-head:#FFFFFF;--rp-soft:#F5E3E6;--rp-ha:#4A0F1E;--rp-hb:#7A1F34}
html[data-rp="sage"]{--rp-bg:#F1F7F4;--rp-surface:#FFFFFF;--rp-text:#10281F;--rp-muted:#50685E;--rp-line:#D5E6DD;--rp-primary:#2F6F5E;--rp-primary-d:#235548;--rp-on-primary:#FFFFFF;--rp-head:#FFFFFF;--rp-on-head:#10281F;--rp-soft:#E4F0EA;--rp-ha:#1B4237;--rp-hb:#2F6F5E}
html[data-rp="lavender"]{--rp-bg:#F5F2FF;--rp-surface:#FFFFFF;--rp-text:#221A3D;--rp-muted:#6B6390;--rp-line:#DDD6F5;--rp-primary:#6C4CC4;--rp-primary-d:#5338A3;--rp-on-primary:#FFFFFF;--rp-head:#FFFFFF;--rp-on-head:#221A3D;--rp-soft:#EAE4FB;--rp-ha:#44308A;--rp-hb:#6C4CC4}
html[data-rp]{--bg-color:var(--rp-bg);--color-primary:var(--rp-primary);--color-primary-dark:var(--rp-primary-d);--color-primary-light:var(--rp-primary);--color-primary-reverse:var(--rp-surface);--header-bg:var(--rp-head);--footer-bg:var(--rp-head);--menu-bg:var(--rp-primary-d);--text-btn:var(--rp-on-primary);--bg-main:var(--rp-bg);--card-bg:var(--rp-surface);--text-main:var(--rp-text);--text-muted:var(--rp-muted);--border-color:var(--rp-line);--primary-color:var(--rp-primary);--primary-hover:var(--rp-primary-d);color-scheme:light}
html[data-rp="dark"]{color-scheme:dark}
html[data-rp] body,html[data-rp] .app-inner,html[data-rp] main{background-color:var(--rp-bg)!important;color:var(--rp-text)!important}
html[data-rp] .header-inner,html[data-rp] .main-nav-container,html[data-rp] .store-footer,html[data-rp] footer{background-color:var(--rp-head)!important;color:var(--rp-on-head)}
html[data-rp] .store-footer *,html[data-rp] footer *{border-color:rgba(127,127,127,.25)}
html[data-rp] .store-footer a,html[data-rp] .store-footer p,html[data-rp] .store-footer span,html[data-rp] footer a,html[data-rp] footer p,html[data-rp] footer span{color:var(--rp-on-head)!important;opacity:.9}
html[data-rp] .footer-title{color:var(--rp-primary)!important;opacity:1}
html[data-rp="burgundy"] .footer-title{color:#F2C6CF!important}
html[data-rp] .bg-white,html[data-rp] [class*="bg-white"],html[data-rp] .s-product-card-entry,html[data-rp] .s-product-card-content,html[data-rp] .s-product-card-vertical,html[data-rp] .nav-header,html[data-rp] .mobile-menu,html[data-rp] .sidebar-menu{background-color:var(--rp-surface)!important}
html[data-rp] .bg-gray-50,html[data-rp] .bg-gray-100,html[data-rp] [class*="bg-gray-"]{background-color:var(--rp-soft)!important}
html[data-rp] h1,html[data-rp] h2,html[data-rp] h3,html[data-rp] h4,html[data-rp] .text-gray-900,html[data-rp] .text-gray-800,html[data-rp] .text-gray-700,html[data-rp] .text-black,html[data-rp] .category_title{color:var(--rp-text)}
html[data-rp] .s-product-card-content-title a{color:var(--rp-text)!important}
html[data-rp] .text-gray-600,html[data-rp] .text-gray-500,html[data-rp] .text-gray-400,html[data-rp] .sub-title,html[data-rp] .s-product-card-content-subtitle{color:var(--rp-muted)!important}
html[data-rp] .border,html[data-rp] [class*="border-gray"],html[data-rp] .s-product-card-entry,html[data-rp] hr{border-color:var(--rp-line)!important}
html[data-rp] .text-primary,html[data-rp] .total-price{color:var(--rp-primary)}
html[data-rp] .s-product-card-price,html[data-rp] .s-product-card-price i,html[data-rp] .s-product-card-price .sicon-sar{color:var(--rp-primary)!important}
html[data-rp] .btn--primary,html[data-rp] .s-button-primary,html[data-rp] .s-button-primary-outline:hover,html[data-rp] button.s-button-element.s-button-primary{background-color:var(--rp-primary)!important;border-color:var(--rp-primary)!important;color:var(--rp-on-primary)!important}
html[data-rp] .salla-product-card .salla-button,html[data-rp] .salla-product-card button.btn{background-color:var(--rp-primary-d)!important;color:var(--rp-on-primary)!important}
html[data-rp] input,html[data-rp] select,html[data-rp] textarea,html[data-rp] .s-form-control{background-color:var(--rp-surface)!important;color:var(--rp-text)!important;border-color:var(--rp-line)!important}
html[data-rp] a:hover{color:var(--rp-primary)}
html[data-rp] .rp-surf{background-color:var(--rp-surface)!important}
html[data-rp="dark"] .rp-tx{color:var(--rp-text)!important}
html[data-rp] .rp-net h2{color:var(--rp-text)!important}
html[data-rp] .rp-net .rp-sub{color:var(--rp-muted)!important}
html[data-rp] .rp-net a.rp-card{background:var(--rp-surface)!important;border-color:var(--rp-line)!important;color:var(--rp-text)!important}
html[data-rp] .rp-net .rp-l{color:var(--rp-primary)!important}
html[data-rp] .rp-dl .rp-wrap,html[data-rp] .rp-hero,html[data-rp] .rp-net .rp-help{background:linear-gradient(135deg,var(--rp-ha),var(--rp-hb))!important}
html[data-rp] .rp-dl a.rp-card{background:var(--rp-surface)!important;color:var(--rp-text)!important}
html[data-rp] .rp-dl .rp-new{color:var(--rp-primary)!important}
html[data-rp] div[dir="rtl"][style*="line-height:1.9"]{color:var(--rp-text)!important}
html[data-rp] div[dir="rtl"][style*="line-height:1.9"] [style*="background:#F6F8FB"]{background:var(--rp-soft)!important;border-color:var(--rp-line)!important}
html[data-rp] div[dir="rtl"][style*="line-height:1.9"] [style*="background:#fff"]{background:var(--rp-surface)!important}
html[data-rp] div[dir="rtl"][style*="line-height:1.9"] [style*="color:#0A3D62"]{color:var(--rp-primary)!important}
html[data-rp] div[dir="rtl"][style*="line-height:1.9"] [style*="color:#2B3A4A"]{color:var(--rp-muted)!important}
html[data-rp] div[dir="rtl"][style*="line-height:1.9"] [style*="background:#0B1F33"]{background:var(--rp-ha)!important}
html[data-rp] div[dir="rtl"][style*="line-height:1.9"] table,html[data-rp] div[dir="rtl"][style*="line-height:1.9"] th,html[data-rp] div[dir="rtl"][style*="line-height:1.9"] td{border-color:var(--rp-line)!important}
html[data-rp] div[dir="rtl"][style*="line-height:1.9"] [style*="border-right:4px solid #C9A227"]{border-right-color:var(--rp-primary)!important}
html[data-rp="dark"] div[dir="rtl"][style*="line-height:1.9"] [style*="background:#FFF7E0"]{background:#2A2414!important}
#rp-pal{position:fixed;left:18px;bottom:96px;z-index:99990;direction:rtl;font-family:inherit}
#rp-pal *{box-sizing:border-box}
#rp-pal .rp-fab{width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;padding:0;background:conic-gradient(#0A3D62,#7A1F34,#D6336C,#6C4CC4,#2F6F5E,#E6C066,#0A3D62);box-shadow:0 8px 22px rgba(11,31,51,.3);display:flex;align-items:center;justify-content:center;transition:transform .2s}
#rp-pal .rp-fab:hover{transform:scale(1.07)}
#rp-pal .rp-fab:focus-visible,#rp-pal .rp-sw:focus-visible{outline:3px solid #E6C066;outline-offset:2px}
#rp-pal .rp-fab span{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
#rp-pal .rp-fab svg{width:20px;height:20px}
#rp-pal .rp-panel{position:absolute;left:0;bottom:64px;width:292px;background:#fff;color:#0B1F33;border:1px solid #E3E8EF;border-radius:22px;box-shadow:0 18px 50px rgba(11,31,51,.28);padding:18px 18px 16px;opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:opacity .18s,transform .18s;transform-origin:bottom left}
#rp-pal.open .rp-panel{opacity:1;transform:none;pointer-events:auto}
#rp-pal .rp-ttl{margin:0 0 2px;font-weight:800;font-size:17px;color:#0B1F33!important}
#rp-pal .rp-hint{margin:0 0 14px;font-size:13px;color:#51606E!important}
#rp-pal .rp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px}
#rp-pal .rp-sw{display:flex;flex-direction:column;align-items:center;gap:6px;background:none!important;border:0;cursor:pointer;padding:0;font:inherit;color:#0B1F33!important}
#rp-pal .rp-dot{width:44px;height:44px;border-radius:50%;border:2px solid #E3E8EF;position:relative;transition:transform .15s,border-color .15s}
#rp-pal .rp-sw:hover .rp-dot{transform:scale(1.08)}
#rp-pal .rp-sw[aria-pressed="true"] .rp-dot{border-color:#0B1F33;box-shadow:0 0 0 3px #E6C066}
#rp-pal .rp-sw[aria-pressed="true"] .rp-dot:after{content:"";position:absolute;inset:0;margin:auto;border:solid #fff;border-width:0 3px 3px 0;transform:translateY(-2px) rotate(45deg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));width:9px;height:16px}
#rp-pal .rp-nm{font-size:12px;font-weight:600;color:#0B1F33!important}
@media (max-width:640px){#rp-pal{left:12px;bottom:88px}#rp-pal .rp-panel{width:min(292px,calc(100vw - 24px))}}
@media (prefers-reduced-motion:reduce){#rp-pal *{transition:none!important}}
/* 8. ضبط ألوان الخطوط والأزرار وموضع الدائرة */
html[data-rp="white"]{--rp-acc:#E6C066;--rp-on-acc:#0B1F33}
html[data-rp="cream"]{--rp-acc:#F0CF86;--rp-on-acc:#2B2118}
html[data-rp="dark"]{--rp-acc:#E6C066;--rp-on-acc:#0B1220}
html[data-rp="pink"]{--rp-acc:#FFD3E2;--rp-on-acc:#7A1238}
html[data-rp="burgundy"]{--rp-acc:#F2C6CF;--rp-on-acc:#4A0F1E}
html[data-rp="sage"]{--rp-acc:#CBEBDC;--rp-on-acc:#10281F}
html[data-rp="lavender"]{--rp-acc:#DDD2FF;--rp-on-acc:#2A1B5E}
html[data-rp] .rp-hero h2,html[data-rp] .rp-hero-title{color:#fff!important}
html[data-rp] .rp-hero h2 span,html[data-rp] .rp-hero .rp-chips b,html[data-rp] .rp-hero .rp-tag{color:var(--rp-acc)!important}
html[data-rp] .rp-hero .rp-tag{border-color:var(--rp-acc)!important}
html[data-rp] .rp-hero p,html[data-rp] .rp-hero .rp-chips{color:rgba(255,255,255,.86)!important}
html[data-rp] .rp-hero .rp-gold,html[data-rp] .rp-net .rp-help a,html[data-rp] .rp-dl .rp-half a{background:var(--rp-acc)!important;color:var(--rp-on-acc)!important}
html[data-rp] .rp-hero .rp-gold:hover,html[data-rp] .rp-net .rp-help a:hover,html[data-rp] .rp-dl .rp-half a:hover{filter:brightness(.94)}
html[data-rp] .rp-hero .rp-ghost{color:#fff!important;border-color:rgba(255,255,255,.7)!important}
html[data-rp] .rp-hero .rp-ghost:hover{background:rgba(255,255,255,.14)}
html[data-rp] .rp-hero .rp-a{stroke:var(--rp-acc)}
html[data-rp] .rp-dl .rp-code,html[data-rp] .rp-dl .rp-half b,html[data-rp] .rp-dl .rp-names span{color:var(--rp-acc)!important}
html[data-rp] .rp-dl .rp-code{border-color:var(--rp-acc)!important}
html[data-rp] .rp-net a.rp-card:hover{border-color:var(--rp-primary)!important}
html[data-rp] .rp-net .rp-help,html[data-rp] .rp-net .rp-help *:not(a){color:#fff}
/* text follows theme */
html[data-rp] :is(main,.app-inner) :is(p,li,label,td,th,dt,dd,small,strong,b,h5,h6,span,a):not(.rp-hero *):not(.rp-help *):not(.rp-dl .rp-wrap *):not(.rp-dl .rp-half *):not([class*="btn"]):not([class*="button"]):not([class*="badge"]):not([class*="promotion"]):not([class*="ribbon"]):not([class*="label"]):not([class*="price"]):not([class*="icon"]):not([class*="tag"]):not(.rp-l):not(.rp-new):not(.rp-code){color:var(--rp-text)}
html[data-rp] :is(main,.app-inner) :is(.text-gray-600,.text-gray-500,.text-gray-400,.sub-title,.rp-sub,small){color:var(--rp-muted)!important}
html[data-rp] :is(main,.app-inner) :is(.s-product-card-price,.total-price,.text-primary,.rp-l,.rp-new){color:var(--rp-primary)}
html[data-rp] .s-product-card-sale-price h4,html[data-rp] .s-product-card-sale-price span{color:var(--rp-primary)!important}
html[data-rp] .s-product-card-sale-price del,html[data-rp] .s-product-card-sale-price .before-price{color:var(--rp-muted)!important}
html[data-rp] .s-button-primary-outline,html[data-rp] .btn--outline{color:var(--rp-primary)!important;border-color:var(--rp-primary)!important;background:transparent!important}
html[data-rp] .s-button-primary-outline:hover{background:var(--rp-primary)!important;color:var(--rp-on-primary)!important}
html[data-rp] .s-button-primary:hover,html[data-rp] .btn--primary:hover{background-color:var(--rp-primary-d)!important;border-color:var(--rp-primary-d)!important}
html[data-rp] ::selection{background:var(--rp-primary);color:var(--rp-on-primary)}
html[data-rp] .s-button-element:active,html[data-rp] .rp-btn:active{filter:brightness(.9)}
/* palette position: right side */
#rp-pal{left:auto!important;right:14px;bottom:96px}
#rp-pal .rp-panel{left:auto;right:0;transform-origin:bottom right}
@media (max-width:640px){#rp-pal{left:auto!important;right:12px;bottom:92px}}
/* 9. شعار الوضع الداكن */
html[data-rp="dark"] img[src*="6979d8f5-baf0-4829-9316"]{content:url("https://cdn.files.salla.network/other/1934955789/b510ad25-111d-4c52-8cf7-f273b049533b-original.webp")}

/* 10. الشريط العلوي يتبع لون الموقع */
.angel-ad{background:var(--rp-primary-d,#0B1F33)!important}
.angel-ad,.angel-ad .angel-ad__item,.angel-ad .angel-ad__item *{color:var(--rp-on-primary,#fff)!important}

/* 11. القائمة الجانبية واضحة في كل الألوان */
.mobile-menu a,.mobile-menu .sidemenu-link,.mobile-menu .menu_title,.mobile-menu li>a,.mobile-menu .mm-spn a,.mobile-menu [class*="text-gray"]{color:var(--rp-on-primary,#fff)!important;opacity:1!important}
.mobile-menu i,.mobile-menu [class^="sicon-"],.mobile-menu [class*=" sicon-"]{color:var(--rp-on-primary,#fff)!important}

/* 12. تقوية وضوح القائمة الجانبية */
html body nav.mobile-menu ul li a.sidemenu-link,html body nav.mobile-menu ul li a.sidemenu-link.text-gray-500,html body nav.mobile-menu .menu_title,html body nav.mobile-menu ul li a.sidemenu-link .menu_title,html body nav.mobile-menu a.sidemenu-link.display-all-category{color:var(--rp-on-primary,#fff)!important;opacity:1!important}
html body nav.mobile-menu ul li a.sidemenu-link i,html body nav.mobile-menu ul li a.sidemenu-link svg{color:var(--rp-on-primary,#fff)!important;fill:currentColor}
/* rp-desc: restores description layout that Salla's sanitizer strips on save */
.product__description div[dir="rtl"]{line-height:1.9}
.product__description div[dir="rtl"]>p{margin:0 0 12px}
.product__description div:has(>div[style*="F6F8FB"]>strong){display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.product__description div[style*="F6F8FB"]:has(>strong){border:1px solid #E3E8EF;border-radius:14px}
.product__description div[style*="F6F8FB"]>strong{display:block;margin-bottom:4px}
.product__description div[style*="FFF7E0"]{margin:12px 0 0;border-right:4px solid #C9A227;border-radius:10px}
.product__description div:has(>strong[style*="8F6B00"]){margin:22px 0 0}
.product__description div[style*="ground:#0B1F33"],.product__description div[style*="ground: #0B1F33"]{margin:28px 0 0;border-radius:16px}
.product__description table{width:100%}
.product__description th{width:34%}
.product__description th,.product__description td{border-bottom:1px solid #E3E8EF}
html[data-rp] .product__description div[dir="rtl"]{color:var(--rp-text)!important}
html[data-rp] .product__description [style*="F6F8FB"]{background:var(--rp-soft)!important;border-color:var(--rp-line)!important}
html[data-rp] .product__description [style*="background:#fff"],html[data-rp] .product__description [style*="background: #fff"]{background:var(--rp-surface)!important}
html[data-rp] .product__description [style*="0A3D62"]{color:var(--rp-primary)!important}
html[data-rp] .product__description [style*="2B3A4A"]{color:var(--rp-muted)!important}
html[data-rp] .product__description [style*="ground:#0B1F33"],html[data-rp] .product__description [style*="ground: #0B1F33"]{background:var(--rp-ha)!important}
html[data-rp] .product__description table,html[data-rp] .product__description th,html[data-rp] .product__description td{border-color:var(--rp-line)!important}
html[data-rp] .product__description div[style*="FFF7E0"]{border-right-color:var(--rp-primary)}
html[data-rp="dark"] .product__description div[style*="FFF7E0"]{background:#2A2414!important}
html[data-rp="dark"] .product__description td{color:var(--rp-text)!important}
/* rp-bundle: "frequently bought together" widget follows palette */
html[data-rp] .zudapp-widget__bundle-style-2__container{background:var(--rp-surface)!important;border:1px solid var(--rp-line)!important;border-radius:16px!important;color:var(--rp-text)!important}
html[data-rp] .zudapp-widget__bundle-style-2__title,html[data-rp] .zudapp-widget__bundle-style-2__title p,html[data-rp] .zudapp-widget__bundle-style-2__header{color:var(--rp-text)!important}
html[data-rp] .zudapp-widget__bundle-style-2__card{background:var(--rp-soft)!important;border-color:var(--rp-line)!important;color:var(--rp-text)!important}
html[data-rp] .zudapp-widget__bundle-style-2__product-title,html[data-rp] .zudapp-widget__bundle-style-2__price,html[data-rp] .zudapp-widget__bundle-style-2__price i{color:var(--rp-text)!important}
html[data-rp] .zudapp-widget__bundle-style-2__old-price{color:var(--rp-muted)!important}
html[data-rp] .zudapp-widget__bundle-style-2__img{background:var(--rp-soft)!important}
html[data-rp] .zudapp-widget__bundle-style-2__nav-btn{background:var(--rp-soft)!important;border-color:var(--rp-line)!important;color:var(--rp-text)!important}
html[data-rp] .zudapp-widget__bundle-style-2__container .zud-loader-2{background:var(--rp-surface)!important}
/* rp-onerow: single-row tables in descriptions look like the feature cards */
.product__description table:not(:has(tr + tr)){display:block;width:100%;box-sizing:border-box;background:#F6F8FB;border:1px solid #E3E8EF!important;border-radius:14px;padding:14px 16px;margin:0 0 12px}
.product__description table:not(:has(tr + tr)) :is(tbody,tr,th,td){display:block;width:auto;border:0!important;padding:0;text-align:right}
.product__description table:not(:has(tr + tr)) th{font-weight:700;color:#0A3D62;margin-bottom:4px}
.product__description table:not(:has(tr + tr)) td{color:#2B3A4A}
.product__description table:not(:has(tr + tr)) :is(th,td){padding:0!important;font-family:PingARLT,Tajawal,sans-serif;font-size:15px;line-height:1.9}
.product__description table:not(:has(tr + tr)) th{font-weight:700!important;margin-bottom:4px!important}
html[data-rp] .product__description table:not(:has(tr + tr)){background:var(--rp-soft)!important;border-color:var(--rp-line)!important}
html[data-rp] .product__description table:not(:has(tr + tr)) tr[style]{background:transparent!important}
html[data-rp] .product__description table:not(:has(tr + tr)) th{color:var(--rp-primary)!important}
html[data-rp] .product__description table:not(:has(tr + tr)) td{color:var(--rp-muted)!important}

/* rp-flow: cards (single-row tables + feature cards) flow together, no gaps */
.product__description div[dir="rtl"]:is(:has(>table:not(:has(tr + tr))),:has(>div>div[style*="F6F8FB"]>strong)){display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.product__description div[dir="rtl"]:is(:has(>table:not(:has(tr + tr))),:has(>div>div[style*="F6F8FB"]>strong))>*{flex:0 0 100%;min-width:0;margin:0}
.product__description div[dir="rtl"]:is(:has(>table:not(:has(tr + tr))),:has(>div>div[style*="F6F8FB"]>strong))>h3{margin:14px 0 0}
.product__description div[dir="rtl"]:is(:has(>table:not(:has(tr + tr))),:has(>div>div[style*="F6F8FB"]>strong))>div[style*="ground:#0B1F33"],.product__description div[dir="rtl"]:is(:has(>table:not(:has(tr + tr))),:has(>div>div[style*="F6F8FB"]>strong))>div[style*="ground: #0B1F33"]{margin:16px 0 0}
.product__description div[dir="rtl"]:is(:has(>table:not(:has(tr + tr))),:has(>div>div[style*="F6F8FB"]>strong))>div:empty{display:none}
.product__description div[dir="rtl"]:is(:has(>table:not(:has(tr + tr))),:has(>div>div[style*="F6F8FB"]>strong))>table:not(:has(tr + tr)){flex:1 1 calc(50% - 6px);min-width:200px;width:auto}
.product__description div[dir="rtl"]:is(:has(>table:not(:has(tr + tr))),:has(>div>div[style*="F6F8FB"]>strong))>div:has(>div[style*="F6F8FB"]>strong){display:contents}
.product__description div[dir="rtl"]:is(:has(>table:not(:has(tr + tr))),:has(>div>div[style*="F6F8FB"]>strong))>div:has(>div[style*="F6F8FB"]>strong)>div[style*="F6F8FB"]{flex:1 1 calc(50% - 6px);min-width:200px;margin:0}

/* rp-text: plain paragraphs and bullet lists get the same card look */
.product__description div[dir="rtl"]>p:empty{display:none}
.product__description div[dir="rtl"]>p{font-size:15px!important;line-height:1.9;background:#F6F8FB;border:1px solid #E3E8EF;border-radius:14px;padding:14px 16px;margin:0 0 12px}
.product__description div[dir="rtl"]>p:first-child{border-right:4px solid #C9A227;font-size:16px!important}
.product__description div[dir="rtl"]>ul{list-style:disc;font-size:15px;line-height:1.9;background:#F6F8FB;border:1px solid #E3E8EF;border-radius:14px;padding:14px 34px 14px 16px!important;margin:0 0 12px}
.product__description div[dir="rtl"]>ul>li{font-size:15px!important;margin:0 0 6px!important}
.product__description div[dir="rtl"]>ul>li:last-child{margin-bottom:0!important}
.product__description div[dir="rtl"]>ul>li::marker{color:#C9A227}
html[data-rp] .product__description div[dir="rtl"]>:is(p,ul){background:var(--rp-soft)!important;border-color:var(--rp-line)!important}
html[data-rp] .product__description div[dir="rtl"]>p:first-child{border-right-color:var(--rp-primary)!important}
html[data-rp] .product__description div[dir="rtl"]>ul>li::marker{color:var(--rp-primary)}