/* ═══════════════════════════════════════════════
   كود قناد الكامل — المتغيرات + داكن دائم + Quick View
   + الخلفية القماشية والشفافية
   ═══════════════════════════════════════════════ */

/* ===== 1) المتغيرات الأساسية ===== */
:root {
  --font-main: 'Amazon-Ember';
  --color-primary: #28494c;
  --color-primary-dark: #000000;
  --color-primary-light: #28494c;
  --color-primary-reverse: #ceeff2;
  --s-radius: .75rem;
  --border-custom: 20px;
  --enable-quick-view: 0;
  --quick-view-shape: 1;
}

body:not(.dark),
body.light {
  --color-primary: #28494c;
  --dark-mode: 1;
  --bg-color-secondary: #17191A;
  --color-bg: #1B1F1D;
  --text-primary: #E8E8E8;
  --text-secondary: #B0B0B0;
  --quick-view-bg-and-promo-text: #ec2f68;
}

body.dark {
  --color-primary: #28494c;
  --dark-mode: 1;
  --bg-color-secondary: #17191A;
  --color-bg: #1B1F1D;
  --text-primary: #E8E8E8;
  --text-secondary: #B0B0B0;
  --quick-view-bg-and-promo-text: #ec2f68;
}

/* ===== 2) إخفاء زر التبديل ليلي/نهاري نهائياً ===== */
#lightmode-switch {
  display: none !important;
}
button:has(#lightmode-switch),
li:has(#lightmode-switch) {
  display: none !important;
}

/* ===== 3) إزالة الشريط البرتقالي فوق البنر ===== */
header div[class*="bg-color-secondary"] {
  background-color: transparent !important;
}
salla-bullet-delivery-tag {
  background: transparent !important;
}

/* ===== 4) طبقة إجبار نهائية على ألوان الداكن ===== */
html { color-scheme: dark; }
body:not(.dark),
body.light,
body.dark {
  --bg-color-secondary: #17191A !important;
  --color-bg: #1B1F1D !important;
  --text-primary: #E8E8E8 !important;
  --text-secondary: #B0B0B0 !important;
  --color-primary: #28494c !important;
  --dark-mode: 1 !important;
}

/* ===== 5) Quick View وأنيميشن الأسعار ===== */
.price-animation-wrapper,
.total-price,
.before-price {
  transform-style: preserve-3d;
  perspective: 1000px;
}
.total-price,
.before-price {
  display: inline-block;
  transform-origin: center center;
}
.price-animation-clone {
  transform-style: preserve-3d;
  transform-origin: center center;
}
.modal {
  transform-origin: center center;
  perspective: 1000px;
}
#modal-container {
  backface-visibility: hidden;
  display: none;
  opacity: 0;
}
.modal-header {
  display: none;
}
.modal * {
  will-change: auto;
}
.sidebar,
.fg > * {
  transform: translateZ(0);
}
#modal-container.one {
  display: flex;
}
.main-image-container img {
  transform-origin: center center;
}
#quick-view-progress {
  box-shadow: 0 0 10px var(--color-primary), 0 0 20px var(--color-primary);
}
body.modal-active {
  overflow: hidden;
}
.close-full-preview {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 20;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: brightness(0.5);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.close-full-preview:hover {
  backdrop-filter: brightness(0.6);
  transform: rotate(90deg);
}
.close-full-preview svg {
  width: 12px;
  height: 12px;
}
@media(max-width: 768px) {
  .modal {
    max-height: 95vh;
    margin: 1rem;
  }
}

/* ═══════════════════════════════════════════════
   الخلفية القماشية + الشفافية (جديد)
   ═══════════════════════════════════════════════ */

/* (6) الروابط — لو غيرت الصور مستقبلًا عدّل هذين السطرين فقط */
:root {
  --gnad-bg-desktop: url('https://files.catbox.moe/d5pgff.jpg');
  --gnad-bg-mobile:  url('https://files.catbox.moe/b3s3oc.webp');
  --gnad-fallback: #101c17;
  --gnad-glass: rgba(12, 20, 16, .72);
}

/* (7) طبقة الخلفية الثابتة (تشتغل على iOS عكس background-attachment) */
html { background: var(--gnad-fallback); }
body {
  background-color: transparent !important;
  background-image: none !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--gnad-bg-mobile) center / cover no-repeat;
  pointer-events: none;
}
@media (min-width: 768px) {
  body::before { background-image: var(--gnad-bg-desktop); }
}

/* (8) شفافية الحاويات الرئيسية */
.store-header,
header.store-header,
footer.store-footer,
.store-footer,
.store-footer__inner,
main,
main .s-block,
main .container {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* (9) مسح أي خلفية بيضاء داخل المحتوى — مع استثناءات الأزرار والصور والحقول */
main [class*="bg-white"]:not(button):not(salla-add-product-button):not(.s-product-card-image):not(input):not(select):not(textarea) {
  background-color: transparent !important;
}
main [class*="bg-gray"],
main .animate-pulse {
  background-color: var(--gnad-glass) !important;
}

/* (10) بطاقة المنتج: شفافة بالكامل — خلفية صورة المنتج فقط تبقى */
.s-product-card-entry {
  background-color: transparent !important;
  box-shadow: none !important;
}
.s-product-card-entry .s-product-card-image {
  background-color: #fff !important;
}

/* (11) العناصر المهمة تبقى صلبة/مقروءة */
main input,
main select,
main textarea,
main .s-form-control,
.s-product-card-quantity {
  background-color: var(--gnad-glass) !important;
}

/* (12) القائمة الرئيسية والشريط الثابت أسفل صفحة المنتج — زجاج */
.main-nav-container {
  background-color: var(--gnad-glass) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
salla-sticky-product-bar,
.sticky-product-bar {
  background-color: var(--gnad-glass) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ═══ (13) إصلاحات الهيدر — الشفافية الكاملة ═══ */

/* الشريط العلوي: الطبقة الصلبة الحقيقية هي .inner و bg-bgcolor */
.main-nav-container,
.main-nav-container .inner {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* سطر القوائم تحت الشريط العلوي */
header .bg-\[var\(--bg-color-secondary\)\] {
  background-color: transparent !important;
  background-image: none !important;
}

/* حقل البحث — شفاف بحد رفيع ونص فاتح */
header salla-search .s-search-input,
header .s-search-input {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--text-primary) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
}
header salla-search .s-search-input::placeholder,
header .s-search-input::placeholder {
  color: var(--text-secondary) !important;
  opacity: 1;
}
header salla-search svg {
  fill: currentColor;
  color: var(--text-primary);
}

/* صورة المستخدم — إذابة الخلفية البيضاء داخل بكسلات الصورة */
header img.gnad-avatar,
header img[src*="avatar"] {
  mix-blend-mode: multiply;
}

/* ═══ (14) صورة المنتج تغطي كامل البطاقة وتتوقف قبل صف الأزرار ═══ */

/* البطاقة: مرجع + ارتفاع أدنى لتحتوي الصورة الممتدة */
.s-product-card-vertical.s-product-card-entry {
  position: relative !important;
  min-height: 380px;
}

/* غلاف الصورة: يغطي كامل البطاقة خلف كل شيء */
.s-product-card-vertical.s-product-card-entry .s-product-card-image {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  z-index: 0;
  border-radius: .75rem;
}
.s-product-card-vertical.s-product-card-entry .s-product-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: .75rem;
}

/* المحتوى (العنوان/السعر): فوق الصورة مع تدرج خفيف للقراءة */
.s-product-card-vertical.s-product-card-entry .s-product-card-content {
  position: relative;
  z-index: 2;
  background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.35) 45%, rgba(0,0,0,0) 100%) !important;
  border-radius: 0 0 .75rem .75rem;
  pointer-events: none;
}
.s-product-card-vertical.s-product-card-entry .s-product-card-content a,
.s-product-card-vertical.s-product-card-entry .s-product-card-content button,
.s-product-card-vertical.s-product-card-entry .s-product-card-content salla-add-product-button,
.s-product-card-vertical.s-product-card-entry .s-product-card-content input {
  pointer-events: auto;
}

/* صف الأزرار (إضافة للسلة + المفضلة): شريط زجاجي — الصورة لا تدخل تحته */
.s-product-card-vertical.s-product-card-entry .s-product-card-content-footer {
  background-color: var(--gnad-glass) !important;
  border-radius: .75rem;
}

/* نصوص البطاقة فاتحة عشان تقرأ فوق الصورة */
.s-product-card-vertical.s-product-card-entry .s-product-card-content-title a,
.s-product-card-vertical.s-product-card-entry .s-product-card-content-subtitle,
.s-product-card-vertical.s-product-card-entry .s-product-card-price,
.s-product-card-vertical.s-product-card-entry .s-product-card-starting-price h4 {
  color: var(--text-primary) !important;
}

/* ═══ (15) المشهد الافتتاحي: البنر يصير فاصل شفاف يحجز مكان العناصر الثابتة ═══ */
.index .B_banner { height: min(78vh, 780px) !important; }
.index .B_banner img { display: none !important; }
@media (max-width: 767px) {
  .index .B_banner { height: 66vh !important; }
}

/* ═══ (16) بطاقة نافذة المشهد — اللوحة المصمتة على القماش ═══ */

/* بطاقة الرئيسية: لوحة مصمتة بإطار كريمي وظل عميق */
.s-product-card-vertical.s-product-card-entry {
  background-color: #101c17 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(240, 231, 214, .16) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .4) !important;
  overflow: hidden !important;
}

/* الصورة تملأ البطاقة — القص من overflow hidden للبطاقة */
.s-product-card-vertical.s-product-card-entry .s-product-card-image,
.s-product-card-vertical.s-product-card-entry .s-product-card-image img {
  border-radius: 0 !important;
  background-color: transparent !important;
}

/* صفحة المنتج: الصورة الرئيسية لوحة بنفس المعاملة */
salla-slider.details-slider .s-slider-container {
  background-color: #101c17 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(240, 231, 214, .16);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .55);
  overflow: hidden;
}

/* ═══ (17) برواز خشبي غامق — v6 نهائية ═══ */
:root { --gnad-wood-frame: 14px; }

/* ── بطاقة الرئيسية: قطعة خشب والصورة داخلها ── */
.s-product-card-vertical.s-product-card-entry {
  border: none !important;
  border-radius: 18px !important;
  padding: var(--gnad-wood-frame) !important;
  background-color: #3a2416 !important;
  background-image:
    repeating-linear-gradient(90deg,
      rgba(0,0,0,.28) 0px, rgba(0,0,0,.28) 2px,
      rgba(255,255,255,.05) 2px, rgba(255,255,255,.05) 4px,
      rgba(0,0,0,.12) 4px, rgba(0,0,0,.12) 9px,
      rgba(255,255,255,.03) 9px, rgba(255,255,255,.03) 11px),
    linear-gradient(180deg, #4a2f1c 0%, #2c1a0e 50%, #3a2416 100%) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.6),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.5) !important;
}

/* الصورة: داخل البرواز بمقاس محسوب — يتجاوز أي 100% من الثيم */
html body .s-product-card-vertical.s-product-card-entry .s-product-card-image {
  position: absolute !important;
  top: var(--gnad-wood-frame) !important;
  bottom: var(--gnad-wood-frame) !important;
  right: var(--gnad-wood-frame) !important;
  left: var(--gnad-wood-frame) !important;
  width: calc(100% - (2 * var(--gnad-wood-frame))) !important;
  height: calc(100% - (2 * var(--gnad-wood-frame))) !important;
  margin: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* المحتوى: طبقة فوق الصورة بنفس حدود البرواز تمامًا */
html body .s-product-card-vertical.s-product-card-entry .s-product-card-content {
  position: absolute !important;
  top: var(--gnad-wood-frame) !important;
  bottom: var(--gnad-wood-frame) !important;
  right: var(--gnad-wood-frame) !important;
  left: var(--gnad-wood-frame) !important;
  width: calc(100% - (2 * var(--gnad-wood-frame))) !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 0 10px 10px !important;
}

/* ── صفحة المنتج: قطعة خشب والسلايدر داخلها ── */
salla-slider.details-slider .s-slider-container {
  border: none !important;
  border-radius: 18px !important;
  padding: var(--gnad-wood-frame) !important;
  background-color: #3a2416 !important;
  background-image:
    repeating-linear-gradient(90deg,
      rgba(0,0,0,.28) 0px, rgba(0,0,0,.28) 2px,
      rgba(255,255,255,.05) 2px, rgba(255,255,255,.05) 4px,
      rgba(0,0,0,.12) 4px, rgba(0,0,0,.12) 9px,
      rgba(255,255,255,.03) 9px, rgba(255,255,255,.03) 11px),
    linear-gradient(180deg, #4a2f1c 0%, #2c1a0e 50%, #3a2416 100%) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.6),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.5) !important;
}

/* الشرائح: داخل البرواز بزوايا ناعمة */
salla-slider.details-slider .s-slider-container .swiper-slide {
  border-radius: 10px !important;
  overflow: hidden !important;
  background-color: #101c17 !important;
}

/* ═══ (18) بطاقات آراء العملاء — طبقة وحدة مع المتجر ═══ */

/* البطاقة الأساسية: زجاج داكن على القماش بإطار كريمي واضح */
.s-reviews-container .s-reviews-testimonial {
  background-color: var(--gnad-glass) !important;
  background-image: none !important;
  opacity: 1 !important;
  border: 1px solid rgba(240, 231, 214, .18) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, .5),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  padding: 2.5rem !important;
}

/* الشريحة النشطة: إطار أقوى بدرجة — هي البطل */
.s-reviews-container .swiper-slide-active .s-reviews-testimonial {
  border-color: rgba(240, 231, 214, .32) !important;
  box-shadow:
    0 22px 50px rgba(0, 0, 0, .6),
    inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}

/* الشرائح الجانبية: تخفت أكثر — عمق يبرز النشطة */
.s-reviews-container .swiper-slide:not(.swiper-slide-active) .s-reviews-testimonial {
  opacity: .38 !important;
}

/* نص التقييم: فاتح وواضح */
.s-reviews-container .s-reviews-testimonial__text p {
  color: #E8E8E8 !important;
  font-size: 1rem;
  line-height: 1.8;
}

/* اسم العميل: كريمي عريض */
.s-reviews-container .s-reviews-testimonial__info h2 {
  color: #F0E7D6 !important;
}

/* أيقونة الاقتباس: كريمية شفافة في الزاوية */
.s-reviews-container .s-reviews-testimonial__icon svg {
  fill: rgba(240, 231, 214, .35) !important;
}

/* النجوم: ذهبية دافئة */
.s-reviews-testimonial__rating salla-rating-stars,
.s-reviews-container salla-rating-stars {
  color: #e8b64c;
  --star-color: #e8b64c;
}

/* الصورة الرمزية: حلقة كريمية رقيقة */
.s-reviews-testimonial__avatar {
  border: 1px solid rgba(240, 231, 214, .25) !important;
  box-shadow: 0 0 0 3px rgba(240, 231, 214, .08) !important;
}

/* عنوان القسم: كريمي */
.s-reviews-header {
  color: #F0E7D6 !important;
}

/* أسهم التنقل: زجاجية كريمية */
.s-reviews-container .s-slider--nav-arrow {
  color: #F0E7D6 !important;
  background-color: rgba(12, 20, 16, .7) !important;
  border: 1px solid rgba(240, 231, 214, .2) !important;
}

/* جوال: padding أقل */
@media (max-width: 640px) {
  .s-reviews-container .s-reviews-testimonial {
    padding: 1.5rem !important;
    border-radius: 14px !important;
  }
  .s-reviews-container .s-reviews-testimonial__text p {
    font-size: .9rem;
  }
}

/* ═══ (19) صور العملاء في التقييمات — أيقونة رمزية موحدة ═══ */

/* إخفاء الصور الافتراضية الكرتونية (العملاء بصور حقيقية يبقون صورهم) */
.s-reviews-testimonial__avatar img[src*="avatar_male"],
.s-reviews-testimonial__avatar img[src*="avatar_female"] {
  display: none !important;
}

/* نفس أيقونة المستخدم للجميع — رجل وامرأة */
.s-reviews-testimonial__avatar:has(img[src*="avatar_male"]),
.s-reviews-testimonial__avatar:has(img[src*="avatar_female"]) {
  background-color: rgba(240, 231, 214, .08) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='20' r='10.5' fill='%23F0E7D6'/%3E%3Cpath d='M11 57 C11 43 20 36 32 36 C44 36 53 43 53 57 Z' fill='%23F0E7D6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 55% !important;
}

/* ═══ (20) صفحة المنتج — تنظيم وألوان ═══ */

/* عنوان المنتج: أكبر وأوضح */
h1[data-testid="store-product-title"] {
  font-size: 1.35rem !important;
  color: #F0E7D6 !important;
  line-height: 1.6 !important;
}
@media (max-width: 640px) {
  h1[data-testid="store-product-title"] { font-size: 1.15rem !important; }
}

/* السعر: كريمي بارز */
.starting-or-normal-price .total-price { color: #F0E7D6 !important; }

/* «تم البيع» وأي نص أساسي على صفحة المنتج */
main .text-primary { color: #F0E7D6 !important; }

/* التبويبات (تفاصيل/مميزات/تقييمات): نصوص واضحة */
.V__tabs { border-bottom-color: rgba(240, 231, 214, .15) !important; }
.V__btn .i, .V__btn .i span { color: #B0B0B0 !important; }
.V__btn .i.active, .V__btn .i.active span { color: #F0E7D6 !important; }
.V__btn .i.active:before, .V__btn .i.active:after,
.V__btn .i.active span:before, .V__btn .i.active span:after {
  background: rgba(240, 231, 214, .12) !important;
}

/* جدول مميزات المنتج: نهاية الشريط السيان الغريب + نصوص مقروءة */
.container_table tr:nth-child(2n) { background-color: transparent !important; }
.container_table th, .container_table td { color: #E8E8E8 !important; }
.container_table tr { border-bottom: 1px solid rgba(240, 231, 214, .12) !important; }
.container_table { padding-bottom: 1.5em !important; }

/* الوصف: كل نصوصه مقروءة مهما كانت ألوانها الأصلية */
.product__description, .product__description * { color: #E8E8E8 !important; }

/* زر المفضلة: زجاج بدل الصندوق الأبيض */
main salla-button.btn--wishlist {
  background-color: var(--gnad-glass) !important;
  border: 1px solid rgba(240, 231, 214, .18) !important;
}

/* إخفاء تبويب مميزات المنتج كليًا */
.V__tabs li[data-cont=".table"] { display: none !important; }


/* ═══ (21) صفحة السلة — تنظيم وألوان ═══ */

/* 1) حذف خلية الوزن "—" وخلية العروض الفارغة (سبب انزياح الأعمدة) */
form .cart-grid-layout > div:nth-child(2),
form .cart-grid-layout > salla-cart-item-offers { display: none !important; }

/* 2) حذف عمود السعر (هيدر + خلايا) */
.flex.flex-col.gap-3 > .cart-grid-layout > div:nth-child(4),
form .cart-grid-layout > div:nth-child(5) { display: none !important; }

/* 3) حذف عمود المجموع (هيدر + خلايا) — الإجمالي في الملخص */
.flex.flex-col.gap-3 > .cart-grid-layout > div:nth-child(5),
form .cart-grid-layout > div:nth-child(6) { display: none !important; }

/* 4) توزيع الأعمدة (ديسكتوب): المنتج + الكمية + الحذف */
.cart-grid-layout { grid-template-columns: 1fr 150px 64px !important; }
.cart-grid-layout > * { min-width: 0 !important; }

/* 5) زر الحذف: زجاج أحمر واضح */
salla-button.btn--delete .s-button-element {
  width: 44px !important;
  height: 44px !important;
  background-color: rgba(220, 60, 60, .12) !important;
  border: 1px solid rgba(220, 60, 60, .35) !important;
  border-radius: 10px !important;
  color: #ff7b7b !important;
  font-size: 18px !important;
}

/* 6) ملخص الطلب: زجاج داكن بنفس هوية المتجر */
salla-cart-summary-card,
salla-cart-summary-card .s-cart-summary-card-sheet-wrap,
salla-cart-summary-card .s-cart-summary-card-sheet,
salla-cart-summary-card [class*="bg-white"] {
  background-color: var(--gnad-glass) !important;
  background-image: none !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.5) !important;
  border: 1px solid rgba(240, 231, 214, .18) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* الشريط الداخلي الأبيض: شفاف */
salla-cart-summary-card .s-cart-summary-card-bar {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

salla-cart-summary-card,
salla-cart-summary-card * { color: #E8E8E8 !important; }
salla-cart-summary-card .s-cart-summary-card-sheet-title { color: #F0E7D6 !important; }

/* 7) الأسعار لا تلتف */
salla-cart-summary-card b,
salla-cart-summary-card .s-cart-summary-total { white-space: nowrap; }

/* ═══ جوال: توزيع عمودي مريح ═══ */
@media (max-width: 767px) {
  /* هيدر الأعمدة ما له لازمة مع التوزيع العمودي */
  .flex.flex-col.gap-3 > .cart-grid-layout { display: none !important; }

  form .cart-grid-layout {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "prod del" "qty qty" !important;
    gap: 14px !important;
    padding: 16px !important;
  }
  form .cart-grid-layout > div:nth-child(1) { grid-area: prod !important; }
  form .cart-grid-layout > div:nth-child(4) { grid-area: qty !important; justify-self: start; }
  form .cart-grid-layout > div:nth-child(7) { grid-area: del !important; align-self: center; }
}

/* ═══ (8) أزرار الكمية أكبر وأوضح ═══ */
body.cart .s-quantity-input-button {
  width: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
}
body.cart .s-quantity-input-button svg {
  width: 20px !important;
  height: 20px !important;
}
body.cart .s-quantity-input-input {
  width: 52px !important;
  min-width: 52px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

/* ═ إضافة التكويد ═ */

/* فقرة عبارة الشريك — تنسيق مطابق تمامًا لفقرة النبذة المحسوبة في فوتر قناد */
footer p.gnad-rikaz-credit {
  display: block;
  margin: 16px 0 0;
  color: #e8e8e8;
  font-family: 'Amazon-Ember', -apple-system, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  text-align: justify;
  direction: rtl;
  background-color: transparent;
}

/* ═ إضافة التكويد ═ */ #coding-34-1794190146322 2026-11-09

/* ═ إضافة التكويد ═ */

/* ─── شريط الحقوق + الشريك التقني ركاز (مطابق لما في متجر نينيتيز) ─── */

.bottom-footer {
  position: relative;
}

/* نص الحقوق — الشريط الرفيع أسفل الفوتر (جهة اليمين) */
.bottom-footer::after {
  content: "جميع الحقوق محفوظة لقناد © 2026";
  display: block;
  background-color: #17191A;
  color: #B0B0B0;
  font-family: 'Amazon-Ember', -apple-system, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-align: right;
  padding: 12px 24px;
  border-top: 1px solid rgba(232, 232, 232, 0.08);
}

/* الشريك التقني ركاز — الجهة المقابلة (جهة اليسار) */
.bottom-footer::before {
  content: "الشريك التقني ركاز";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: #17191A;
  color: #FACC21;
  font-family: 'Amazon-Ember', -apple-system, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  padding: 12px 24px;
  border-top: 1px solid rgba(232, 232, 232, 0.08);
}

/* الجوال: العبارة كاملة بسطر واحد مضغوط بتصغير المسافات */
@media (max-width: 768px) {
  .bottom-footer::before {
    content: none;
  }
  .bottom-footer::after {
    content: "جميع الحقوق محفوظة لقناد © 2026 | الشريك التقني ركاز";
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    padding: 9px 12px;
  }
}

/* ═ إضافة التكويد ═ */ #coding-34-1794215567092 2026-11-09

/* ═ إضافة التكويد ═ */

/* ─── 1) ترتيب وتنظيم أعمدة الفوتر السفلي (نبذة / روابط / وسائل / تابعنا) ─── */
footer.store-footer .top-footer .container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 2.5rem 2rem !important;
}

/* ترتيب الأعمدة: النبذة يمين ثم روابط مهمة ثم وسائل التواصل ثم تابعنا على */
footer.store-footer .top-footer .container > * {
  order: 9;
  flex: 1 1 0;
  min-width: 200px;
}
footer.store-footer .top-footer .container > .gnad-fcol-about   { order: 1 !important; }
footer.store-footer .top-footer .container > .gnad-fcol-links   { order: 2 !important; }
footer.store-footer .top-footer .container > .gnad-fcol-contact { order: 3 !important; }
footer.store-footer .top-footer .container > .gnad-fcol-social  { order: 4 !important; }

/* أيقونات التطبيقات: سطر مستقل أسفل الأعمدة وسط الصفحة */
footer.store-footer .top-footer .container > .gnad-fcol-apps {
  order: 5 !important;
  flex-basis: 100%;
  min-width: 0;
  text-align: center;
  margin-top: .25rem;
}

/* الجوال: تسلسل عمودي بمحاذاة وتباعد موحّد */
@media (max-width: 768px) {
  footer.store-footer .top-footer .container {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.9rem !important;
  }
  footer.store-footer .top-footer .container > * {
    min-width: 0;
    width: 100%;
  }
}

/* ─── 2) صف الدفع ووثيقة العمل الحر: بفاصل رفيع فوق شريط الحقوق ─── */
footer.store-footer .bottom-footer {
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  margin-top: .5rem;
}
footer.store-footer .bottom-footer > div {
  justify-content: center !important;
  gap: 1.75rem;
  flex-wrap: wrap;
}

/* إخفاء نص المنصة القديم وأي شريط حقوق سابق مبني ب pseudo أو فقرة قديمة */
footer.store-footer .copyright-text { display: none !important; }
footer.store-footer p.gnad-rikaz-credit { display: none !important; }
footer.store-footer .bottom-footer::after,
footer.store-footer .bottom-footer::before {
  content: none !important;
  display: none !important;
}

/* ─── 3) شريط الحقوق السفلي بنمط نينيتيز: يمين الحقوق ويسار الشريك التقني ─── */
.gnad-copyright-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  direction: rtl;
  background-color: #0d1110;
  padding: 14px 1.75rem;
  font-size: 13px;
  line-height: 1.7;
  color: #d9d9d9;
}
.gnad-copyright-bar .gnad-cr-right {
  font-weight: 500;
  color: #eaeaea;
}
.gnad-copyright-bar .gnad-cr-rikaz {
  color: #b9b9b9;
}

@media (max-width: 768px) {
  .gnad-copyright-bar {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 12px 1rem max(12px, env(safe-area-inset-bottom));
  }
}

/* ═ إضافة التكويد ═ */ #coding-34-1794244299106 2026-11-09