/* ==================================================
   فيرست كراك — ملف التنسيق الكامل للمتجر
   النسخة الموحدة: طبقة واحدة بدل أربع طبقات متعارضة
   ================================================== */


/* ==================================================
   ١. الألوان — كل الألوان بتتغير من هنا بس
   ================================================== */

:root {
  /* الخلفيات الفاتحة */
  --fc-page: #FFFCF7;
  --fc-cream-soft: #FAF5ED;
  --fc-cream-deep: #F4EBDD;
  --fc-light: #FFFCF7;          /* لون النص على الخلفيات الغامقة */

  /* درجات العنابي */
  --fc-burgundy: #781523;
  --fc-burgundy-dark: #40070D;
  --fc-burgundy-deep: #30060B;

  /* ألوان مساعدة */
  --fc-gold: #D4B18A;
  --fc-text: #35272A;
  --fc-muted: #78696A;
  --fc-white: #FFFFFF;

  /* ألوان المناطق — لتغيير أي منطقة غيّر السطر الخاص بيها */
  --fc-header-bg: #40070D;      /* الهيدر — ثابت زي ما هو */
  --fc-topbar-bg: #30060B;      /* الشريط العلوي */
  --fc-footer-bg: #40070D;      /* الفوتر — نفس لون الهيدر */
  --fc-copyright-bg: #40070D;   /* شريط الحقوق — نفس لون الهيدر */

  /* شفافية رسمة الخلفية: ‎0.05‎ = ٥٪ (كبّرها لو عايزها أوضح) */
  --fc-pattern-opacity: 0.09;

  /* خلفية البطاقات: آخر رقم هو الشفافية (‎0.8‎ = ٨٠٪ مصمت، و‎0‎ = شفاف تماماً) */
  --fc-card-bg: rgba(250, 245, 237, 0.8);
}


/* ==================================================
   ٢. خلفية الصفحة العامة
   ================================================== */

html {
  background-color: var(--fc-page) !important;
}

body {
  color: var(--fc-text);
  background-color: transparent !important;
  background-image: none !important;
}

/* خلفية القهوة: حبوب بن ورتوش عنابية مرسومة بالكود (بدون رفع صور)
   الرسمة ثابتة خلف المحتوى وبتشتغل على الجوال كمان */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: var(--fc-pattern-opacity);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3Cg id='b'%3E%3Cellipse rx='25' ry='17' fill='%235C3220'/%3E%3Cellipse rx='25' ry='17' fill='none' stroke='%233A1E12' stroke-width='1.5'/%3E%3Cpath d='M-21 4C-9-7 9 7 21-4' stroke='%232A140B' stroke-width='3.2' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg id='l' fill='none' stroke='%238C5A5E' stroke-linecap='round'%3E%3Cpath d='M0 0C20-26 64-30 100-8C66 12 24 20 0 0Z' fill='%23FBF3F1' stroke-width='1.8'/%3E%3Cpath d='M2 0C34-6 66-8 98-8' stroke-width='1.3'/%3E%3Cpath d='M20-3l11-13M38-5l13-14M56-6l13-12M74-7l11-9M20-3l11 10M38-5l13 11M56-6l12 10M74-7l10 7' stroke-width='.9'/%3E%3C/g%3E%3Cg id='r'%3E%3Ccircle r='10' fill='%239B2335'/%3E%3Ccircle r='10' fill='none' stroke='%236E1424' stroke-width='1.2'/%3E%3Ccircle cx='-3.5' cy='-3.5' r='2.8' fill='%23E39AA4'/%3E%3C/g%3E%3C/defs%3E%3Cpath d='M939 220L1069 182L1176 104L1258 9L1255 3L1134 36L1017 95L923 193Z' fill='%23D99AA3' opacity='.3'/%3E%3Cpath d='M938 159Q1034 107 1130 58' stroke='%23781523' stroke-width='7.1' stroke-linecap='round' fill='none' opacity='0.58'/%3E%3Cpath d='M919 176Q1045 99 1177 33' stroke='%23781523' stroke-width='2.4' stroke-linecap='round' fill='none' opacity='0.72'/%3E%3Cpath d='M951 162Q1086 92 1220 10' stroke='%23781523' stroke-width='3.1' stroke-linecap='round' fill='none' opacity='0.64'/%3E%3Cpath d='M965 159Q1069 100 1166 46' stroke='%23781523' stroke-width='9.6' stroke-linecap='round' fill='none' opacity='0.57'/%3E%3Cpath d='M933 184Q1030 128 1132 70' stroke='%23781523' stroke-width='4.5' stroke-linecap='round' fill='none' opacity='0.88'/%3E%3Cpath d='M975 164Q1067 104 1166 53' stroke='%23781523' stroke-width='6.3' stroke-linecap='round' fill='none' opacity='0.58'/%3E%3Cpath d='M981 166Q1077 106 1175 51' stroke='%23781523' stroke-width='4.5' stroke-linecap='round' fill='none' opacity='0.78'/%3E%3Cpath d='M992 164Q1102 103 1211 32' stroke='%23781523' stroke-width='4.0' stroke-linecap='round' fill='none' opacity='0.78'/%3E%3Cpath d='M990 171Q1074 123 1160 67' stroke='%23781523' stroke-width='9.6' stroke-linecap='round' fill='none' opacity='0.60'/%3E%3Cpath d='M946 204Q1068 130 1187 53' stroke='%23781523' stroke-width='2.4' stroke-linecap='round' fill='none' opacity='0.82'/%3E%3Cpath d='M1006 172Q1087 120 1166 70' stroke='%23781523' stroke-width='7.5' stroke-linecap='round' fill='none' opacity='0.79'/%3E%3Cpath d='M1006 178Q1123 103 1248 23' stroke='%23781523' stroke-width='5.8' stroke-linecap='round' fill='none' opacity='0.82'/%3E%3Cpath d='M993 191Q1123 109 1256 21' stroke='%23781523' stroke-width='8.4' stroke-linecap='round' fill='none' opacity='0.66'/%3E%3Cpath d='M945 226Q1063 149 1189 65' stroke='%23781523' stroke-width='3.4' stroke-linecap='round' fill='none' opacity='0.60'/%3E%3Cpath d='M956 225Q1056 154 1163 84' stroke='%23781523' stroke-width='5.1' stroke-linecap='round' fill='none' opacity='0.90'/%3E%3Cpath d='M992 208Q1117 121 1246 37' stroke='%23781523' stroke-width='8.4' stroke-linecap='round' fill='none' opacity='0.90'/%3E%3Ccircle cx='1275' cy='67' r='1.2' fill='%23781523'/%3E%3Ccircle cx='1213' cy='-11' r='1.8' fill='%23781523'/%3E%3Ccircle cx='1248' cy='-59' r='1.7' fill='%23781523'/%3E%3Ccircle cx='1252' cy='66' r='2.1' fill='%23781523'/%3E%3Ccircle cx='1268' cy='25' r='1.1' fill='%23781523'/%3E%3Ccircle cx='1310' cy='30' r='2.3' fill='%23781523'/%3E%3Ccircle cx='1242' cy='-37' r='2.0' fill='%23781523'/%3E%3Ccircle cx='1191' cy='-8' r='1.3' fill='%23781523'/%3E%3Ccircle cx='1213' cy='-47' r='1.2' fill='%23781523'/%3E%3Ccircle cx='1216' cy='-32' r='2.4' fill='%23781523'/%3E%3Cpath d='M8 658L135 648L243 590L328 506L325 499L207 505L90 541L-6 625Z' fill='%23D99AA3' opacity='.3'/%3E%3Cpath d='M34 582Q117 550 202 529' stroke='%23781523' stroke-width='4.6' stroke-linecap='round' fill='none' opacity='0.69'/%3E%3Cpath d='M54 579Q180 527 311 486' stroke='%23781523' stroke-width='6.5' stroke-linecap='round' fill='none' opacity='0.74'/%3E%3Cpath d='M16 601Q115 572 219 528' stroke='%23781523' stroke-width='9.7' stroke-linecap='round' fill='none' opacity='0.61'/%3E%3Cpath d='M33 600Q119 576 205 538' stroke='%23781523' stroke-width='7.2' stroke-linecap='round' fill='none' opacity='0.56'/%3E%3Cpath d='M62 594Q167 556 277 511' stroke='%23781523' stroke-width='4.7' stroke-linecap='round' fill='none' opacity='0.70'/%3E%3Cpath d='M37 610Q165 567 289 510' stroke='%23781523' stroke-width='5.3' stroke-linecap='round' fill='none' opacity='0.64'/%3E%3Cpath d='M65 604Q178 558 293 511' stroke='%23781523' stroke-width='9.6' stroke-linecap='round' fill='none' opacity='0.85'/%3E%3Cpath d='M27 626Q110 594 195 556' stroke='%23781523' stroke-width='2.6' stroke-linecap='round' fill='none' opacity='0.66'/%3E%3Cpath d='M78 610Q167 571 250 536' stroke='%23781523' stroke-width='10.6' stroke-linecap='round' fill='none' opacity='0.95'/%3E%3Cpath d='M21 640Q123 601 223 551' stroke='%23781523' stroke-width='4.1' stroke-linecap='round' fill='none' opacity='0.63'/%3E%3Cpath d='M72 624Q162 585 256 540' stroke='%23781523' stroke-width='8.1' stroke-linecap='round' fill='none' opacity='0.87'/%3E%3Cpath d='M80 626Q186 581 296 527' stroke='%23781523' stroke-width='9.0' stroke-linecap='round' fill='none' opacity='0.74'/%3E%3Cpath d='M36 651Q167 597 300 529' stroke='%23781523' stroke-width='11.0' stroke-linecap='round' fill='none' opacity='0.71'/%3E%3Cpath d='M69 643Q148 609 221 566' stroke='%23781523' stroke-width='3.5' stroke-linecap='round' fill='none' opacity='0.61'/%3E%3Cpath d='M25 667Q165 601 306 534' stroke='%23781523' stroke-width='11.0' stroke-linecap='round' fill='none' opacity='0.81'/%3E%3Cpath d='M26 672Q115 633 203 580' stroke='%23781523' stroke-width='10.9' stroke-linecap='round' fill='none' opacity='0.81'/%3E%3Ccircle cx='346' cy='552' r='1.3' fill='%23781523'/%3E%3Ccircle cx='295' cy='472' r='1.9' fill='%23781523'/%3E%3Ccircle cx='304' cy='455' r='2.5' fill='%23781523'/%3E%3Ccircle cx='314' cy='519' r='2.4' fill='%23781523'/%3E%3Ccircle cx='348' cy='505' r='1.9' fill='%23781523'/%3E%3Ccircle cx='300' cy='492' r='1.3' fill='%23781523'/%3E%3Ccircle cx='307' cy='470' r='1.8' fill='%23781523'/%3E%3Ccircle cx='350' cy='468' r='1.8' fill='%23781523'/%3E%3Ccircle cx='350' cy='442' r='1.9' fill='%23781523'/%3E%3Ccircle cx='294' cy='550' r='1.8' fill='%23781523'/%3E%3Cpath d='M984 713L1170 821L1373 884L1570 913L1573 906L1403 803L1208 719L995 681Z' fill='%23D99AA3' opacity='.3'/%3E%3Cpath d='M1083 689Q1297 777 1513 864' stroke='%23781523' stroke-width='9.8' stroke-linecap='round' fill='none' opacity='0.73'/%3E%3Cpath d='M1074 691Q1286 783 1497 861' stroke='%23781523' stroke-width='6.0' stroke-linecap='round' fill='none' opacity='0.76'/%3E%3Cpath d='M1099 706Q1318 799 1538 879' stroke='%23781523' stroke-width='10.0' stroke-linecap='round' fill='none' opacity='0.65'/%3E%3Cpath d='M1117 718Q1245 765 1368 820' stroke='%23781523' stroke-width='3.3' stroke-linecap='round' fill='none' opacity='0.73'/%3E%3Cpath d='M1006 682Q1249 778 1488 867' stroke='%23781523' stroke-width='8.7' stroke-linecap='round' fill='none' opacity='0.91'/%3E%3Cpath d='M1088 718Q1229 779 1367 826' stroke='%23781523' stroke-width='9.5' stroke-linecap='round' fill='none' opacity='0.94'/%3E%3Cpath d='M1049 709Q1249 782 1445 858' stroke='%23781523' stroke-width='10.4' stroke-linecap='round' fill='none' opacity='0.88'/%3E%3Cpath d='M1064 720Q1236 777 1410 848' stroke='%23781523' stroke-width='3.9' stroke-linecap='round' fill='none' opacity='0.68'/%3E%3Cpath d='M1068 726Q1249 793 1432 859' stroke='%23781523' stroke-width='2.4' stroke-linecap='round' fill='none' opacity='0.68'/%3E%3Cpath d='M997 705Q1278 803 1555 908' stroke='%23781523' stroke-width='8.8' stroke-linecap='round' fill='none' opacity='0.94'/%3E%3Cpath d='M991 709Q1250 807 1507 893' stroke='%23781523' stroke-width='4.5' stroke-linecap='round' fill='none' opacity='0.60'/%3E%3Cpath d='M1101 754Q1244 807 1387 853' stroke='%23781523' stroke-width='3.5' stroke-linecap='round' fill='none' opacity='0.92'/%3E%3Cpath d='M995 721Q1170 786 1340 838' stroke='%23781523' stroke-width='7.9' stroke-linecap='round' fill='none' opacity='0.72'/%3E%3Cpath d='M1071 754Q1292 834 1509 904' stroke='%23781523' stroke-width='2.9' stroke-linecap='round' fill='none' opacity='0.89'/%3E%3Cpath d='M1043 749Q1224 803 1403 868' stroke='%23781523' stroke-width='6.8' stroke-linecap='round' fill='none' opacity='0.92'/%3E%3Cpath d='M1052 758Q1218 806 1379 862' stroke='%23781523' stroke-width='3.2' stroke-linecap='round' fill='none' opacity='0.61'/%3E%3Ccircle cx='1558' cy='937' r='1.5' fill='%23781523'/%3E%3Ccircle cx='1591' cy='889' r='1.0' fill='%23781523'/%3E%3Ccircle cx='1564' cy='930' r='1.9' fill='%23781523'/%3E%3Ccircle cx='1531' cy='955' r='1.2' fill='%23781523'/%3E%3Ccircle cx='1623' cy='926' r='2.3' fill='%23781523'/%3E%3Ccircle cx='1559' cy='931' r='2.6' fill='%23781523'/%3E%3Ccircle cx='1535' cy='931' r='2.0' fill='%23781523'/%3E%3Ccircle cx='1569' cy='843' r='1.2' fill='%23781523'/%3E%3Ccircle cx='1501' cy='853' r='1.3' fill='%23781523'/%3E%3Ccircle cx='1497' cy='941' r='2.1' fill='%23781523'/%3E%3Cpath d='M1077 767L1198 830L1325 875L1447 904L1448 901L1338 843L1214 789L1082 754Z' fill='%23D99AA3' opacity='.3'/%3E%3Cpath d='M1111 756Q1224 802 1334 849' stroke='%23781523' stroke-width='1.9' stroke-linecap='round' fill='none' opacity='0.73'/%3E%3Cpath d='M1107 760Q1273 833 1437 892' stroke='%23781523' stroke-width='4.1' stroke-linecap='round' fill='none' opacity='0.77'/%3E%3Cpath d='M1110 766Q1229 814 1348 861' stroke='%23781523' stroke-width='0.9' stroke-linecap='round' fill='none' opacity='0.70'/%3E%3Cpath d='M1098 767Q1236 818 1369 872' stroke='%23781523' stroke-width='0.9' stroke-linecap='round' fill='none' opacity='0.66'/%3E%3Cpath d='M1082 766Q1190 808 1298 848' stroke='%23781523' stroke-width='1.9' stroke-linecap='round' fill='none' opacity='0.64'/%3E%3Cpath d='M1144 796Q1267 838 1389 886' stroke='%23781523' stroke-width='3.3' stroke-linecap='round' fill='none' opacity='0.90'/%3E%3Cpath d='M1163 808Q1241 840 1314 861' stroke='%23781523' stroke-width='3.3' stroke-linecap='round' fill='none' opacity='0.81'/%3E%3Ccircle cx='1482' cy='930' r='2.3' fill='%23781523'/%3E%3Ccircle cx='1416' cy='891' r='2.3' fill='%23781523'/%3E%3Ccircle cx='1469' cy='919' r='2.4' fill='%23781523'/%3E%3Ccircle cx='1461' cy='895' r='1.0' fill='%23781523'/%3E%3Ccircle cx='1419' cy='869' r='2.3' fill='%23781523'/%3E%3Ccircle cx='1451' cy='913' r='2.1' fill='%23781523'/%3E%3Ccircle cx='1459' cy='920' r='2.2' fill='%23781523'/%3E%3Ccircle cx='1449' cy='913' r='1.1' fill='%23781523'/%3E%3Ccircle cx='1476' cy='888' r='1.4' fill='%23781523'/%3E%3Ccircle cx='1476' cy='925' r='2.6' fill='%23781523'/%3E%3Ccircle cx='315' cy='20' r='150' fill='none' stroke='%238A5536' stroke-width='7' opacity='.75'/%3E%3Ccircle cx='315' cy='20' r='146' fill='none' stroke='%23B9835F' stroke-width='2' opacity='.6'/%3E%3Ccircle cx='150' cy='905' r='165' fill='none' stroke='%238A5536' stroke-width='7' opacity='.75'/%3E%3Ccircle cx='150' cy='905' r='161' fill='none' stroke='%23B9835F' stroke-width='2' opacity='.6'/%3E%3Ccircle cx='1605' cy='640' r='120' fill='none' stroke='%238A5536' stroke-width='7' opacity='.75'/%3E%3Ccircle cx='1605' cy='640' r='116' fill='none' stroke='%23B9835F' stroke-width='2' opacity='.6'/%3E%3Cpath d='M0 410C150 470 360 495 520 390' stroke='%23C9A08A' stroke-width='1.6' fill='none'/%3E%3Cpath d='M1235 680C1380 610 1470 470 1600 320' stroke='%23C9A08A' stroke-width='1.6' fill='none'/%3E%3Cpath d='M590 830C720 880 880 885 1000 820' stroke='%23C9A08A' stroke-width='1.6' fill='none'/%3E%3Cpath d='M1180 0C1250 40 1400 70 1600 45' stroke='%23C9A08A' stroke-width='1.6' fill='none'/%3E%3Cpath d='M0 330C40 290 80 240 140 160' stroke='%238C5A5E' stroke-width='2' fill='none'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(25 305) rotate(-170) scale(1.0)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(45 285) rotate(10) scale(1.1)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(75 245) rotate(-130) scale(1.2)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(95 222) rotate(30) scale(1.0)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(125 182) rotate(-80) scale(0.9)'/%3E%3Cuse xlink:href='%23r' href='%23r' x='70' y='247'/%3E%3Cuse xlink:href='%23r' href='%23r' x='69' y='255'/%3E%3Cuse xlink:href='%23r' href='%23r' x='79' y='253'/%3E%3Cuse xlink:href='%23r' href='%23r' x='75' y='238'/%3E%3Cuse xlink:href='%23r' href='%23r' x='59' y='243'/%3E%3Cuse xlink:href='%23r' href='%23r' x='78' y='245'/%3E%3Cpath d='M1600 15C1570 45 1540 75 1460 110' stroke='%238C5A5E' stroke-width='2' fill='none'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(1585 30) rotate(120) scale(1.1)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(1560 55) rotate(-60) scale(1.0)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(1530 80) rotate(100) scale(1.25)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(1500 95) rotate(-110) scale(1.0)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(1470 107) rotate(160) scale(0.9)'/%3E%3Cuse xlink:href='%23r' href='%23r' x='1537' y='58'/%3E%3Cuse xlink:href='%23r' href='%23r' x='1521' y='66'/%3E%3Cuse xlink:href='%23r' href='%23r' x='1541' y='77'/%3E%3Cuse xlink:href='%23r' href='%23r' x='1541' y='66'/%3E%3Cuse xlink:href='%23r' href='%23r' x='1536' y='71'/%3E%3Cuse xlink:href='%23r' href='%23r' x='1534' y='61'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(1600 425) rotate(185) scale(1.15)'/%3E%3Cpath d='M300 790C380 770 470 740 560 690' stroke='%238C5A5E' stroke-width='2' fill='none'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(440 755) rotate(-55) scale(0.9)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(500 725) rotate(-35) scale(1.0)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(500 725) rotate(30) scale(1.0)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(430 760) rotate(40) scale(0.95)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(1440 860) rotate(-20) scale(1.1)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(1560 900) rotate(-70) scale(1.15)'/%3E%3Cuse xlink:href='%23l' href='%23l' transform='translate(1470 760) rotate(40) scale(1.0)'/%3E%3Ccircle cx='584' cy='122' r='1' fill='%234A2817'/%3E%3Ccircle cx='610' cy='139' r='7' fill='%234A2817'/%3E%3Ccircle cx='604' cy='134' r='1.4' fill='%235C3220'/%3E%3Ccircle cx='538' cy='126' r='3.5' fill='%238E5530'/%3E%3Ccircle cx='583' cy='130' r='7' fill='%238E5530'/%3E%3Ccircle cx='613' cy='103' r='1.4' fill='%234A2817'/%3E%3Ccircle cx='602' cy='113' r='1' fill='%237A4428'/%3E%3Ccircle cx='612' cy='136' r='2.6' fill='%234A2817'/%3E%3Ccircle cx='552' cy='151' r='2' fill='%234A2817'/%3E%3Ccircle cx='525' cy='190' r='1' fill='%238E5530'/%3E%3Ccircle cx='560' cy='75' r='1' fill='%237A4428'/%3E%3Ccircle cx='538' cy='69' r='2' fill='%238E5530'/%3E%3Ccircle cx='529' cy='158' r='7' fill='%235C3220'/%3E%3Ccircle cx='530' cy='161' r='2' fill='%235C3220'/%3E%3Ccircle cx='557' cy='145' r='5' fill='%238E5530'/%3E%3Ccircle cx='543' cy='122' r='2' fill='%234A2817'/%3E%3Ccircle cx='531' cy='134' r='2' fill='%234A2817'/%3E%3Ccircle cx='621' cy='97' r='5' fill='%234A2817'/%3E%3Ccircle cx='652' cy='96' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='557' cy='125' r='5' fill='%234A2817'/%3E%3Ccircle cx='488' cy='151' r='5' fill='%238E5530'/%3E%3Ccircle cx='461' cy='141' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='582' cy='164' r='2' fill='%238E5530'/%3E%3Ccircle cx='557' cy='187' r='5' fill='%238E5530'/%3E%3Ccircle cx='532' cy='148' r='2.6' fill='%234A2817'/%3E%3Ccircle cx='607' cy='166' r='1' fill='%237A4428'/%3E%3Ccircle cx='478' cy='135' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='521' cy='143' r='7' fill='%234A2817'/%3E%3Ccircle cx='509' cy='152' r='1.4' fill='%235C3220'/%3E%3Ccircle cx='586' cy='171' r='2' fill='%237A4428'/%3E%3Ccircle cx='1326' cy='286' r='1.4' fill='%235C3220'/%3E%3Ccircle cx='1400' cy='187' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='1361' cy='257' r='1' fill='%234A2817'/%3E%3Ccircle cx='1373' cy='338' r='1.4' fill='%237A4428'/%3E%3Ccircle cx='1507' cy='279' r='2.6' fill='%234A2817'/%3E%3Ccircle cx='1361' cy='195' r='2' fill='%235C3220'/%3E%3Ccircle cx='1444' cy='262' r='7' fill='%234A2817'/%3E%3Ccircle cx='1468' cy='220' r='1' fill='%234A2817'/%3E%3Ccircle cx='1525' cy='189' r='3.5' fill='%234A2817'/%3E%3Ccircle cx='1445' cy='224' r='1' fill='%237A4428'/%3E%3Ccircle cx='1441' cy='272' r='5' fill='%235C3220'/%3E%3Ccircle cx='1490' cy='206' r='5' fill='%234A2817'/%3E%3Ccircle cx='1489' cy='267' r='1' fill='%237A4428'/%3E%3Ccircle cx='1415' cy='324' r='5' fill='%238E5530'/%3E%3Ccircle cx='1482' cy='216' r='3.5' fill='%234A2817'/%3E%3Ccircle cx='1391' cy='211' r='1' fill='%238E5530'/%3E%3Ccircle cx='1322' cy='222' r='2.6' fill='%238E5530'/%3E%3Ccircle cx='1413' cy='286' r='1' fill='%238E5530'/%3E%3Ccircle cx='1448' cy='229' r='2' fill='%237A4428'/%3E%3Ccircle cx='1357' cy='235' r='1.4' fill='%235C3220'/%3E%3Ccircle cx='1491' cy='214' r='2' fill='%235C3220'/%3E%3Ccircle cx='1470' cy='237' r='5' fill='%234A2817'/%3E%3Ccircle cx='1438' cy='245' r='2.6' fill='%238E5530'/%3E%3Ccircle cx='1402' cy='241' r='2' fill='%234A2817'/%3E%3Ccircle cx='1361' cy='262' r='1' fill='%238E5530'/%3E%3Ccircle cx='1395' cy='180' r='1.4' fill='%234A2817'/%3E%3Ccircle cx='1451' cy='223' r='7' fill='%237A4428'/%3E%3Ccircle cx='1405' cy='260' r='7' fill='%238E5530'/%3E%3Ccircle cx='1465' cy='267' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='1455' cy='201' r='5' fill='%235C3220'/%3E%3Ccircle cx='1432' cy='223' r='2.6' fill='%235C3220'/%3E%3Ccircle cx='1437' cy='340' r='1.4' fill='%234A2817'/%3E%3Ccircle cx='1420' cy='235' r='2.6' fill='%234A2817'/%3E%3Ccircle cx='1500' cy='178' r='5' fill='%235C3220'/%3E%3Ccircle cx='1539' cy='228' r='2' fill='%237A4428'/%3E%3Ccircle cx='1455' cy='320' r='5' fill='%234A2817'/%3E%3Ccircle cx='1487' cy='242' r='2.6' fill='%238E5530'/%3E%3Ccircle cx='1465' cy='226' r='1' fill='%235C3220'/%3E%3Ccircle cx='1422' cy='238' r='2.6' fill='%235C3220'/%3E%3Ccircle cx='1306' cy='203' r='2.6' fill='%238E5530'/%3E%3Ccircle cx='1406' cy='194' r='7' fill='%234A2817'/%3E%3Ccircle cx='1480' cy='264' r='1.4' fill='%238E5530'/%3E%3Ccircle cx='1337' cy='218' r='2' fill='%238E5530'/%3E%3Ccircle cx='1395' cy='183' r='5' fill='%234A2817'/%3E%3Ccircle cx='1401' cy='289' r='2.6' fill='%235C3220'/%3E%3Ccircle cx='105' cy='739' r='7' fill='%235C3220'/%3E%3Ccircle cx='155' cy='781' r='3.5' fill='%238E5530'/%3E%3Ccircle cx='119' cy='734' r='3.5' fill='%235C3220'/%3E%3Ccircle cx='152' cy='778' r='2' fill='%238E5530'/%3E%3Ccircle cx='127' cy='775' r='3.5' fill='%235C3220'/%3E%3Ccircle cx='211' cy='705' r='2.6' fill='%234A2817'/%3E%3Ccircle cx='226' cy='686' r='2' fill='%234A2817'/%3E%3Ccircle cx='175' cy='676' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='322' cy='706' r='2' fill='%237A4428'/%3E%3Ccircle cx='111' cy='673' r='2' fill='%234A2817'/%3E%3Ccircle cx='81' cy='765' r='1' fill='%237A4428'/%3E%3Ccircle cx='128' cy='718' r='2.6' fill='%235C3220'/%3E%3Ccircle cx='113' cy='655' r='3.5' fill='%238E5530'/%3E%3Ccircle cx='199' cy='744' r='1' fill='%235C3220'/%3E%3Ccircle cx='157' cy='720' r='1' fill='%234A2817'/%3E%3Ccircle cx='50' cy='701' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='167' cy='751' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='158' cy='605' r='5' fill='%235C3220'/%3E%3Ccircle cx='171' cy='660' r='2' fill='%238E5530'/%3E%3Ccircle cx='80' cy='757' r='1.4' fill='%234A2817'/%3E%3Ccircle cx='161' cy='737' r='1.4' fill='%238E5530'/%3E%3Ccircle cx='229' cy='657' r='2' fill='%235C3220'/%3E%3Ccircle cx='-14' cy='793' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='141' cy='682' r='2.6' fill='%235C3220'/%3E%3Ccircle cx='224' cy='733' r='7' fill='%237A4428'/%3E%3Ccircle cx='244' cy='608' r='1' fill='%238E5530'/%3E%3Ccircle cx='162' cy='716' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='221' cy='680' r='7' fill='%237A4428'/%3E%3Ccircle cx='108' cy='712' r='7' fill='%235C3220'/%3E%3Ccircle cx='234' cy='741' r='3.5' fill='%238E5530'/%3E%3Ccircle cx='174' cy='746' r='1.4' fill='%235C3220'/%3E%3Ccircle cx='175' cy='736' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='211' cy='617' r='2.6' fill='%238E5530'/%3E%3Ccircle cx='184' cy='739' r='1.4' fill='%235C3220'/%3E%3Ccircle cx='185' cy='641' r='1' fill='%234A2817'/%3E%3Ccircle cx='216' cy='729' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='140' cy='684' r='1.4' fill='%234A2817'/%3E%3Ccircle cx='136' cy='653' r='2' fill='%238E5530'/%3E%3Ccircle cx='140' cy='708' r='5' fill='%238E5530'/%3E%3Ccircle cx='148' cy='705' r='7' fill='%238E5530'/%3E%3Ccircle cx='117' cy='662' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='230' cy='681' r='1.4' fill='%234A2817'/%3E%3Ccircle cx='183' cy='714' r='3.5' fill='%238E5530'/%3E%3Ccircle cx='120' cy='707' r='1' fill='%235C3220'/%3E%3Ccircle cx='65' cy='678' r='2.6' fill='%235C3220'/%3E%3Ccircle cx='16' cy='650' r='5' fill='%237A4428'/%3E%3Ccircle cx='195' cy='732' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='190' cy='689' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='117' cy='789' r='1' fill='%234A2817'/%3E%3Ccircle cx='122' cy='762' r='5' fill='%234A2817'/%3E%3Ccircle cx='1034' cy='891' r='5' fill='%237A4428'/%3E%3Ccircle cx='891' cy='801' r='3.5' fill='%234A2817'/%3E%3Ccircle cx='933' cy='843' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='945' cy='856' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='939' cy='873' r='1.4' fill='%237A4428'/%3E%3Ccircle cx='1028' cy='873' r='7' fill='%235C3220'/%3E%3Ccircle cx='936' cy='830' r='2.6' fill='%234A2817'/%3E%3Ccircle cx='887' cy='843' r='2' fill='%234A2817'/%3E%3Ccircle cx='945' cy='887' r='2.6' fill='%238E5530'/%3E%3Ccircle cx='904' cy='874' r='1' fill='%235C3220'/%3E%3Ccircle cx='913' cy='830' r='1.4' fill='%234A2817'/%3E%3Ccircle cx='968' cy='793' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='981' cy='824' r='1' fill='%237A4428'/%3E%3Ccircle cx='927' cy='888' r='7' fill='%234A2817'/%3E%3Ccircle cx='880' cy='858' r='1' fill='%237A4428'/%3E%3Ccircle cx='1038' cy='891' r='7' fill='%235C3220'/%3E%3Ccircle cx='1021' cy='875' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='980' cy='862' r='3.5' fill='%235C3220'/%3E%3Ccircle cx='1014' cy='962' r='2.6' fill='%238E5530'/%3E%3Ccircle cx='1078' cy='837' r='1.4' fill='%237A4428'/%3E%3Ccircle cx='1007' cy='874' r='7' fill='%238E5530'/%3E%3Ccircle cx='1024' cy='929' r='2' fill='%234A2817'/%3E%3Ccircle cx='1000' cy='896' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='896' cy='831' r='1.4' fill='%238E5530'/%3E%3Ccircle cx='935' cy='878' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='931' cy='836' r='2' fill='%234A2817'/%3E%3Ccircle cx='1007' cy='919' r='1' fill='%235C3220'/%3E%3Ccircle cx='926' cy='833' r='7' fill='%234A2817'/%3E%3Ccircle cx='892' cy='843' r='1' fill='%238E5530'/%3E%3Ccircle cx='1037' cy='858' r='2.6' fill='%238E5530'/%3E%3Ccircle cx='1139' cy='965' r='3.5' fill='%237A4428'/%3E%3Ccircle cx='1107' cy='917' r='2.6' fill='%237A4428'/%3E%3Ccircle cx='1179' cy='921' r='1' fill='%238E5530'/%3E%3Ccircle cx='1163' cy='861' r='5' fill='%238E5530'/%3E%3Ccircle cx='1143' cy='834' r='1.4' fill='%237A4428'/%3E%3Ccircle cx='1136' cy='918' r='2.6' fill='%238E5530'/%3E%3Ccircle cx='1167' cy='871' r='1.4' fill='%235C3220'/%3E%3Ccircle cx='1153' cy='880' r='2' fill='%238E5530'/%3E%3Ccircle cx='1180' cy='896' r='1.4' fill='%234A2817'/%3E%3Ccircle cx='1104' cy='861' r='1.4' fill='%238E5530'/%3E%3Ccircle cx='1118' cy='858' r='1.4' fill='%235C3220'/%3E%3Ccircle cx='1178' cy='872' r='1.4' fill='%234A2817'/%3E%3Ccircle cx='1197' cy='903' r='7' fill='%238E5530'/%3E%3Ccircle cx='1124' cy='893' r='1' fill='%235C3220'/%3E%3Ccircle cx='330' cy='340' r='15' fill='%238A1A2C'/%3E%3Ccircle cx='340' cy='344' r='2.1' fill='%238A1A2C'/%3E%3Ccircle cx='340' cy='336' r='4.3' fill='%238A1A2C'/%3E%3Ccircle cx='347' cy='322' r='4.2' fill='%238A1A2C'/%3E%3Ccircle cx='297' cy='342' r='2.3' fill='%238A1A2C'/%3E%3Ccircle cx='230' cy='400' r='8' fill='%238A1A2C'/%3E%3Ccircle cx='220' cy='383' r='2.4' fill='%238A1A2C'/%3E%3Ccircle cx='211' cy='402' r='2.7' fill='%238A1A2C'/%3E%3Ccircle cx='216' cy='388' r='2.0' fill='%238A1A2C'/%3E%3Ccircle cx='230' cy='405' r='2.4' fill='%238A1A2C'/%3E%3Ccircle cx='290' cy='298' r='7' fill='%238A1A2C'/%3E%3Ccircle cx='279' cy='292' r='1.3' fill='%238A1A2C'/%3E%3Ccircle cx='275' cy='311' r='2.2' fill='%238A1A2C'/%3E%3Ccircle cx='297' cy='281' r='2.3' fill='%238A1A2C'/%3E%3Ccircle cx='298' cy='297' r='2.1' fill='%238A1A2C'/%3E%3Ccircle cx='412' cy='288' r='7' fill='%238A1A2C'/%3E%3Ccircle cx='410' cy='279' r='1.0' fill='%238A1A2C'/%3E%3Ccircle cx='403' cy='273' r='1.4' fill='%238A1A2C'/%3E%3Ccircle cx='420' cy='295' r='2.3' fill='%238A1A2C'/%3E%3Ccircle cx='419' cy='280' r='1.8' fill='%238A1A2C'/%3E%3Ccircle cx='455' cy='530' r='11' fill='%238A1A2C'/%3E%3Ccircle cx='452' cy='545' r='2.2' fill='%238A1A2C'/%3E%3Ccircle cx='443' cy='537' r='3.5' fill='%238A1A2C'/%3E%3Ccircle cx='440' cy='550' r='0.8' fill='%238A1A2C'/%3E%3Ccircle cx='442' cy='516' r='2.8' fill='%238A1A2C'/%3E%3Ccircle cx='625' cy='680' r='10' fill='%238A1A2C'/%3E%3Ccircle cx='646' cy='692' r='1.6' fill='%238A1A2C'/%3E%3Ccircle cx='643' cy='672' r='1.4' fill='%238A1A2C'/%3E%3Ccircle cx='645' cy='686' r='2.5' fill='%238A1A2C'/%3E%3Ccircle cx='633' cy='703' r='2.0' fill='%238A1A2C'/%3E%3Ccircle cx='1400' cy='635' r='18' fill='%238A1A2C'/%3E%3Ccircle cx='1429' cy='652' r='4.7' fill='%238A1A2C'/%3E%3Ccircle cx='1395' cy='654' r='3.4' fill='%238A1A2C'/%3E%3Ccircle cx='1383' cy='610' r='3.6' fill='%238A1A2C'/%3E%3Ccircle cx='1364' cy='670' r='1.5' fill='%238A1A2C'/%3E%3Ccircle cx='1335' cy='530' r='9' fill='%23B06A50'/%3E%3Ccircle cx='1315' cy='513' r='2.9' fill='%23B06A50'/%3E%3Ccircle cx='1328' cy='515' r='0.9' fill='%23B06A50'/%3E%3Ccircle cx='1315' cy='538' r='2.2' fill='%23B06A50'/%3E%3Ccircle cx='1344' cy='540' r='0.9' fill='%23B06A50'/%3E%3Ccircle cx='1555' cy='760' r='11' fill='%23A0522D'/%3E%3Ccircle cx='1560' cy='753' r='3.0' fill='%23A0522D'/%3E%3Ccircle cx='1572' cy='781' r='1.0' fill='%23A0522D'/%3E%3Ccircle cx='1574' cy='782' r='3.4' fill='%23A0522D'/%3E%3Ccircle cx='1534' cy='744' r='1.1' fill='%23A0522D'/%3E%3Ccircle cx='1240' cy='345' r='6' fill='%23B06A50'/%3E%3Ccircle cx='1227' cy='355' r='2.0' fill='%23B06A50'/%3E%3Ccircle cx='1244' cy='354' r='1.7' fill='%23B06A50'/%3E%3Ccircle cx='1234' cy='333' r='0.9' fill='%23B06A50'/%3E%3Ccircle cx='1247' cy='337' r='1.3' fill='%23B06A50'/%3E%3Ccircle cx='665' cy='630' r='6' fill='%238A1A2C'/%3E%3Ccircle cx='663' cy='616' r='1.2' fill='%238A1A2C'/%3E%3Ccircle cx='659' cy='636' r='1.4' fill='%238A1A2C'/%3E%3Ccircle cx='660' cy='643' r='1.6' fill='%238A1A2C'/%3E%3Ccircle cx='675' cy='633' r='0.8' fill='%238A1A2C'/%3E%3Ccircle cx='1560' cy='553' r='6' fill='%238A1A2C'/%3E%3Ccircle cx='1557' cy='551' r='2.0' fill='%238A1A2C'/%3E%3Ccircle cx='1556' cy='559' r='1.6' fill='%238A1A2C'/%3E%3Ccircle cx='1552' cy='563' r='0.9' fill='%238A1A2C'/%3E%3Ccircle cx='1569' cy='544' r='0.8' fill='%238A1A2C'/%3E%3Ccircle cx='232' cy='75' r='10' fill='%23D9A089'/%3E%3Ccircle cx='218' cy='88' r='3.2' fill='%23D9A089'/%3E%3Ccircle cx='208' cy='75' r='2.0' fill='%23D9A089'/%3E%3Ccircle cx='246' cy='60' r='2.0' fill='%23D9A089'/%3E%3Ccircle cx='225' cy='91' r='1.5' fill='%23D9A089'/%3E%3Ccircle cx='350' cy='65' r='9' fill='%23D9A089'/%3E%3Ccircle cx='369' cy='56' r='1.3' fill='%23D9A089'/%3E%3Ccircle cx='359' cy='65' r='1.0' fill='%23D9A089'/%3E%3Ccircle cx='356' cy='47' r='2.6' fill='%23D9A089'/%3E%3Ccircle cx='359' cy='77' r='2.2' fill='%23D9A089'/%3E%3Ccircle cx='1370' cy='555' r='12' fill='%23D9A089'/%3E%3Ccircle cx='1362' cy='549' r='2.0' fill='%23D9A089'/%3E%3Ccircle cx='1392' cy='531' r='3.5' fill='%23D9A089'/%3E%3Ccircle cx='1343' cy='538' r='1.6' fill='%23D9A089'/%3E%3Ccircle cx='1393' cy='555' r='1.9' fill='%23D9A089'/%3E%3Ccircle cx='1190' cy='340' r='7' fill='%23D9A089'/%3E%3Ccircle cx='1203' cy='331' r='1.6' fill='%23D9A089'/%3E%3Ccircle cx='1191' cy='349' r='2.1' fill='%23D9A089'/%3E%3Ccircle cx='1195' cy='335' r='1.4' fill='%23D9A089'/%3E%3Ccircle cx='1178' cy='352' r='2.0' fill='%23D9A089'/%3E%3Ccircle cx='775' cy='805' r='6' fill='%23D9A089'/%3E%3Ccircle cx='782' cy='795' r='1.5' fill='%23D9A089'/%3E%3Ccircle cx='783' cy='807' r='1.0' fill='%23D9A089'/%3E%3Ccircle cx='774' cy='816' r='1.2' fill='%23D9A089'/%3E%3Ccircle cx='766' cy='799' r='1.9' fill='%23D9A089'/%3E%3Ccircle cx='1580' cy='580' r='6' fill='%238A1A2C'/%3E%3Ccircle cx='1590' cy='570' r='1.0' fill='%238A1A2C'/%3E%3Ccircle cx='1573' cy='575' r='1.6' fill='%238A1A2C'/%3E%3Ccircle cx='1570' cy='575' r='1.1' fill='%238A1A2C'/%3E%3Ccircle cx='1594' cy='587' r='1.0' fill='%238A1A2C'/%3E%3Ccircle cx='95' cy='108' r='6' fill='%238A1A2C'/%3E%3Ccircle cx='108' cy='97' r='1.4' fill='%238A1A2C'/%3E%3Ccircle cx='109' cy='116' r='1.9' fill='%238A1A2C'/%3E%3Ccircle cx='93' cy='99' r='1.8' fill='%238A1A2C'/%3E%3Ccircle cx='84' cy='100' r='1.4' fill='%238A1A2C'/%3E%3Ccircle cx='1245' cy='145' r='5' fill='%238A1A2C'/%3E%3Ccircle cx='1234' cy='143' r='1.8' fill='%238A1A2C'/%3E%3Ccircle cx='1250' cy='145' r='1.6' fill='%238A1A2C'/%3E%3Ccircle cx='1244' cy='136' r='1.6' fill='%238A1A2C'/%3E%3Ccircle cx='1243' cy='151' r='1.9' fill='%238A1A2C'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(405 95) rotate(-20) scale(1.15)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(680 30) rotate(30) scale(1.1)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(275 210) rotate(30) scale(1.1)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(35 490) rotate(-60) scale(1.0)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(205 675) rotate(20) scale(1.2)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(390 650) rotate(30) scale(1.15)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(315 730) rotate(40) scale(1.1)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(240 760) rotate(20) scale(1.15)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(110 690) rotate(-10) scale(0.9)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(1450 145) rotate(-30) scale(1.15)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(1310 325) rotate(-10) scale(1.0)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(1085 825) rotate(20) scale(1.15)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(985 860) rotate(30) scale(0.95)'/%3E%3Cuse xlink:href='%23b' href='%23b' transform='translate(1370 205) rotate(20) scale(0.8)'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* على الجوال: الرسمة بتتكرر لتحت بدل ما تتقص من الجناب */
@media (max-width: 768px) {
  body::before {
    background-size: 160% auto;
    background-position: center top;
    background-repeat: repeat-y;
  }
}

/* الحاويات العامة شفافة عشان رسمة الخلفية تظهر من تحتها */
#app,
.app,
main,
main .page-wrapper,
main .store-section {
  background-color: transparent !important;
  background-image: none !important;
}

/* كل الأقسام شفافة بالكامل، ومعاها أول مستويين من الحاويات جواها
   (أقسام الفروع والمميزات وتسوّق حسب النوع وانستجرام مستثناة ومحتفظة بخلفياتها،
    والبطاقات والأزرار والحقول مش بتتأثر) */
main :is(section, .s-block, [class*="s-block--"]):not(.fc-branches, .fc-benefits, .fc-section, [class*="insta"], [class*="fc-social"]),
main :is(section, .s-block, [class*="s-block--"]):not(.fc-branches, .fc-benefits, .fc-section, [class*="insta"], [class*="fc-social"])
  > :not(.fc-branches, .fc-benefits, .fc-section, [class*="insta"], [class*="fc-social"], a, button, input, select, textarea, img, .btn, [class*="btn"], [class*="card"]),
main :is(section, .s-block, [class*="s-block--"]):not(.fc-branches, .fc-benefits, .fc-section, [class*="insta"], [class*="fc-social"])
  > * > :not(.fc-branches, .fc-benefits, .fc-section, [class*="insta"], [class*="fc-social"], a, button, input, select, textarea, img, .btn, [class*="btn"], [class*="card"]) {
  background-color: transparent !important;
  background-image: none !important;
}

/* البطاقات وعناصر الأسئلة الشائعة: كريمي شبه شفاف بدل الأبيض المصمت،
   فالخلفية تبان من تحتها بخفة والنص يفضل مقروء */
main :is(.product-card, .s-product-card, .product-entry, .category-card, .s-category-card),
main :is([class*="faq"], [class*="accordion"]) :is(.bg-white, [class*="item"]) {
  background-color: var(--fc-card-bg) !important;
}

/* فواصل هادئة بين الأقسام */
.s-block {
  position: relative;
}

.s-block + .s-block {
  border-top: 1px solid rgba(120, 21, 35, 0.04);
}

hr,
.divider {
  border-color: rgba(120, 21, 35, 0.06);
}


/* ==================================================
   ٣. الهيدر
   الاستهداف مقصور على هيدر المتجر بس،
   وأي هيدر داخل محتوى الصفحة مش بيتأثر
   ================================================== */

:where(header:not(main header), .s-header, .store-header, #main-header) {
  background-color: var(--fc-header-bg) !important;
  background-image: none !important;
  color: var(--fc-light) !important;
  border-bottom: 1px solid rgba(212, 177, 138, 0.30) !important;
  box-shadow: 0 3px 14px rgba(48, 6, 11, 0.08) !important;
}

/* الحاويات الداخلية بنفس لون الهيدر — ده كان سبب ظهور لونين */
:where(header:not(main header), .s-header, .store-header, #main-header) > div,
:where(header:not(main header), .s-header, .store-header, #main-header)
  :is(.container, .container-fluid, .navbar, .navbar-wrapper,
      .header-container, .header-inner, .header-wrapper, .main-header, .s-header) {
  background-color: var(--fc-header-bg) !important;
  background-image: none !important;
}

/* النصوص والأيقونات */
:where(header:not(main header), .s-header, .store-header, #main-header)
  :is(a, span, p, li, button, svg, i) {
  color: var(--fc-light) !important;
}

:where(header:not(main header), .s-header, .store-header, #main-header) a:hover {
  color: var(--fc-gold) !important;
}

/* حقل البحث */
:where(header:not(main header), .s-header, .store-header, #main-header) input {
  background-color: var(--fc-light) !important;
  color: var(--fc-burgundy-dark) !important;
  border: 1px solid rgba(212, 177, 138, 0.55) !important;
  border-radius: 24px !important;
}

:where(header:not(main header), .s-header, .store-header, #main-header) input::placeholder {
  color: #8A7775 !important;
}

/* الشعار بدون خلفية */
:where(header:not(main header), .s-header, .store-header, #main-header) img {
  background-color: transparent !important;
}

/* القوائم المنسدلة: خلفية فاتحة وكل النصوص جواها غامقة
   (بيمنع مشكلة النص الكريمي على الخلفية الكريمي) */
:where(header:not(main header), .s-header, .store-header, #main-header)
  :is(.dropdown-menu, [role="menu"]) {
  background-color: var(--fc-cream-soft) !important;
}

:where(header:not(main header), .s-header, .store-header, #main-header)
  :is(.dropdown-menu, [role="menu"]) :is(a, span, p, li, button, svg, i) {
  color: var(--fc-burgundy-dark) !important;
}

:where(header:not(main header), .s-header, .store-header, #main-header)
  :is(.dropdown-menu, [role="menu"]) a:hover {
  color: var(--fc-burgundy) !important;
}


/* ==================================================
   ٤. الشريط العلوي
   ================================================== */

.top-navbar,
.top-header,
.s-topbar,
.store-topbar,
.salla-topbar {
  background: var(--fc-topbar-bg) !important;
  color: var(--fc-light) !important;
  border: none !important;
}

:is(.top-navbar, .top-header, .s-topbar, .store-topbar, .salla-topbar) * {
  color: var(--fc-light) !important;
}


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

:where(footer:not(main footer), .s-footer, .store-footer, #main-footer) {
  background-color: var(--fc-footer-bg) !important;
  background-image: none !important;
  color: var(--fc-light) !important;
  border-top: 1px solid rgba(212, 177, 138, 0.32) !important;
  box-shadow: none !important;
}

/* الحاويات الداخلية بنفس لون الفوتر */
:where(footer:not(main footer), .s-footer, .store-footer, #main-footer) > div,
:where(footer:not(main footer), .s-footer, .store-footer, #main-footer)
  :is(.container, .container-fluid, .footer, .footer-container, .footer-inner,
      .footer-wrapper, .footer-main, .footer-bottom, .footer-top, .s-footer) {
  background-color: var(--fc-footer-bg) !important;
  background-image: none !important;
}

/* العناوين */
:where(footer:not(main footer), .s-footer, .store-footer, #main-footer)
  :is(h1, h2, h3, h4) {
  color: var(--fc-gold) !important;
}

/* النصوص والروابط */
:where(footer:not(main footer), .s-footer, .store-footer, #main-footer)
  :is(a, p, li, span) {
  color: var(--fc-light) !important;
}

:where(footer:not(main footer), .s-footer, .store-footer, #main-footer) a:hover {
  color: var(--fc-gold) !important;
}

/* الأيقونات */
:where(footer:not(main footer), .s-footer, .store-footer, #main-footer)
  :is(svg, i) {
  color: var(--fc-gold) !important;
}

/* حقل النشرة البريدية */
:where(footer:not(main footer), .s-footer, .store-footer, #main-footer) input {
  background-color: rgba(255, 255, 255, 0.07) !important;
  color: var(--fc-light) !important;
  border: 1px solid rgba(212, 177, 138, 0.38) !important;
  border-radius: 24px !important;
}

:where(footer:not(main footer), .s-footer, .store-footer, #main-footer) input::placeholder {
  color: rgba(255, 252, 247, 0.65) !important;
}

/* الفواصل */
:where(footer:not(main footer), .s-footer, .store-footer, #main-footer) hr {
  border-color: rgba(212, 177, 138, 0.20) !important;
}

/* شريط الحقوق */
:where(footer:not(main footer), .s-footer, .store-footer, #main-footer)
  :is(.copyrights, .copyright) {
  background-color: var(--fc-copyright-bg) !important;
  color: var(--fc-light) !important;
  border-color: rgba(212, 177, 138, 0.18) !important;
}


/* ==================================================
   ٦. بطاقات المنتجات والتصنيفات
   ================================================== */

.product-card,
.s-product-card,
.product-entry,
.category-card,
.s-category-card {
  background-color: var(--fc-cream-soft);
  border: 1px solid rgba(120, 21, 35, 0.06);
  border-radius: 14px;
  box-shadow: 0 3px 14px rgba(64, 7, 13, 0.025);
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.product-card:hover,
.s-product-card:hover,
.category-card:hover,
.s-category-card:hover {
  border-color: rgba(120, 21, 35, 0.20);
  box-shadow: 0 8px 22px rgba(48, 6, 11, 0.07);
}

/* اسم المنتج */
.product-card__title,
.s-product-card h3,
.product-entry h3 {
  color: var(--fc-burgundy-dark);
}

/* السعر */
.price,
.product-price,
.s-product-card-price {
  color: var(--fc-burgundy) !important;
}

/* السعر قبل الخصم بلون باهت عشان يتفرق عن السعر الحالي */
del,
s {
  color: var(--fc-muted) !important;
}


/* ==================================================
   ٧. الأزرار
   ================================================== */

button[type="submit"],
.btn-primary,
.button-primary,
.s-button-primary,
.add-to-cart,
.product-card__add-to-cart {
  background-color: var(--fc-burgundy) !important;
  border-color: var(--fc-burgundy) !important;
  color: var(--fc-white) !important;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

button[type="submit"]:hover,
.btn-primary:hover,
.button-primary:hover,
.s-button-primary:hover,
.add-to-cart:hover,
.product-card__add-to-cart:hover {
  background-color: var(--fc-burgundy-dark) !important;
  border-color: var(--fc-burgundy-dark) !important;
}


/* ==================================================
   ٨. الحقول والنماذج
   ================================================== */

input,
textarea,
select {
  background-color: var(--fc-cream-soft);
  color: var(--fc-text);
  border-color: rgba(120, 21, 35, 0.15);
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--fc-burgundy);
  outline-color: rgba(120, 21, 35, 0.12);
}


/* ==================================================
   ٩. الروابط والتحديد وقسم المميزات
   ================================================== */

main a {
  transition: color 0.2s ease;
}

main a:hover {
  color: var(--fc-burgundy);
}

::selection {
  background-color: var(--fc-burgundy);
  color: var(--fc-white);
}

.s-block .features,
.s-block .store-features {
  background-color: transparent !important;
}

.s-block .features svg,
.s-block .store-features svg {
  color: var(--fc-burgundy);
}


/* ==================================================
   ١٠. شريط أيقونات التصنيفات
   ================================================== */

.swiper.s-slider-container:has(.slide--cat-entry) {
  background: transparent !important;
  padding: 20px 8px !important;
  overflow: hidden;
}

.swiper.s-slider-container:has(.slide--cat-entry) .swiper-wrapper,
.swiper.s-slider-container:has(.slide--cat-entry) .s-slider-swiper-wrapper {
  background-color: transparent !important;
  align-items: stretch;
}

.swiper.s-slider-container:has(.slide--cat-entry) .swiper-slide {
  height: auto;
  padding: 6px 5px 12px;
}

/* بطاقة التصنيف */
.slide--cat-entry {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 145px;
  padding: 18px 8px !important;
  border: 1px solid rgba(120, 21, 35, 0.10) !important;
  border-radius: 18px !important;
  background: rgba(255, 252, 247, 0.58) !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 5px 18px rgba(64, 7, 13, 0.035);
  transition: transform 0.25s ease, border-color 0.25s ease,
              box-shadow 0.25s ease, background 0.25s ease;
}

/* دائرة الأيقونة */
.slide--cat-entry i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  height: 76px !important;
  min-width: 76px;
  border: 1px solid rgba(120, 21, 35, 0.18) !important;
  border-radius: 50% !important;
  background: rgba(247, 240, 228, 0.9) !important;
  color: var(--fc-burgundy) !important;
  font-size: 36px !important;
  line-height: 1 !important;
  transition: transform 0.25s ease, color 0.25s ease, background 0.25s ease;
}

/* اسم التصنيف */
.slide--cat-entry h2 {
  margin: 0 !important;
  color: var(--fc-burgundy-dark) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

/* المرور بالماوس */
.slide--cat-entry:hover {
  transform: translateY(-4px);
  border-color: rgba(120, 21, 35, 0.30) !important;
  background: rgba(255, 252, 247, 0.88) !important;
  box-shadow: 0 10px 25px rgba(64, 7, 13, 0.09);
}

.slide--cat-entry:hover i {
  transform: scale(1.06);
  background: var(--fc-burgundy) !important;
  color: var(--fc-white) !important;
}

/* التصنيف النشط */
.swiper-slide-active .slide--cat-entry {
  border-color: rgba(120, 21, 35, 0.22) !important;
}


/* ==================================================
   ١١. قسم الفروع
   ================================================== */

.fc-branches {
  background:
    radial-gradient(ellipse at 10% 0%, rgba(212, 177, 138, 0.12), transparent 42%),
    radial-gradient(ellipse at 100% 100%, rgba(151, 27, 47, 0.3), transparent 40%),
    linear-gradient(135deg, #310B12 0%, #64101F 52%, #3B0A13 100%) !important;
  color: #F7F0E4 !important;
}

/* عنوان القسم مايتأثرش بتنسيق هيدر المتجر */
.fc-branches header.fc-branches__header {
  display: block !important;
  background: transparent !important;
  background-image: none !important;
  color: #F7F0E4 !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  text-align: center !important;
}

.fc-branches .fc-branches__title {
  background: transparent !important;
  color: #F7F0E4 !important;
}

.fc-branches .fc-branches__title span {
  color: var(--fc-gold) !important;
}

.fc-branches h2::after,
.fc-branches .fc-branches__title::after {
  content: none !important;
  display: none !important;
}

/* بطاقات الفروع */
.fc-branches .fc-branch-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)) !important;
  border: 1px solid rgba(212, 177, 138, 0.22) !important;
  border-radius: 23px !important;
}

.fc-branches .fc-branch-card__content h3 {
  color: #F7F0E4 !important;
}

.fc-branches .fc-branch-card__content p {
  color: rgba(247, 240, 228, 0.67) !important;
}

.fc-branches .fc-branch-card__tag,
.fc-branches .fc-branch-card__number,
.fc-branches .fc-branch-card__overline,
.fc-branches .fc-branches__eyebrow {
  color: var(--fc-gold) !important;
}

/* أزرار وروابط الفروع */
.fc-branches .fc-branch-card__bottom {
  color: var(--fc-gold) !important;
  text-decoration: none !important;
}

.fc-branches .fc-branch-card__bottom:hover {
  background: var(--fc-gold) !important;
  color: #310B12 !important;
}


/* ==================================================
   ١١ مكرر. قسم المميزات — بطاقة عنابية
   بيشتغل على كود القسم الأصلي زي ما هو من غير أي تعديل فيه،
   وقواعده أقوى من التنسيق المكتوب جوه القسم نفسه
   ================================================== */

body .fc-benefits {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: auto !important;
  max-width: 1200px;
  margin: 28px auto !important;
  padding: 30px 70px !important;
  border: 1px solid rgba(212, 177, 138, 0.28) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(ellipse at 15% 0%, rgba(212, 177, 138, 0.14), transparent 45%),
    radial-gradient(ellipse at 85% 100%, rgba(151, 27, 47, 0.35), transparent 45%),
    linear-gradient(135deg, #40070D 0%, #64101F 52%, #40070D 100%) !important;
  box-shadow: 0 14px 34px rgba(64, 7, 13, 0.18) !important;
  color: var(--fc-light) !important;
}

body .fc-benefits .fc-benefits__inner {
  background: transparent !important;
}

/* كل ميزة */
body .fc-benefits .fc-benefit {
  position: relative;
  padding: 8px 7px 10px;
  border-radius: 14px;
  background: transparent !important;
}

/* خط فاصل ذهبي رفيع بين المميزات */
body .fc-benefits .fc-benefit + .fc-benefit::before {
  content: "";
  position: absolute;
  top: 18%;
  bottom: 18%;
  right: -10px;
  width: 1px;
  background: linear-gradient(transparent, rgba(212, 177, 138, 0.35), transparent);
}

body .fc-benefits .fc-benefit:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* دائرة الأيقونة الذهبية */
body .fc-benefits .fc-benefit__icon {
  width: 58px !important;
  height: 58px !important;
  margin: 0 auto 10px !important;
  border: 1px solid rgba(212, 177, 138, 0.38);
  border-radius: 50%;
  background: rgba(212, 177, 138, 0.08) !important;
  color: var(--fc-gold) !important;
  transition: transform .3s ease, background .3s ease, color .3s ease;
}

body .fc-benefits .fc-benefit__icon svg {
  width: 32px !important;
  height: 32px !important;
}

body .fc-benefits .fc-benefit:hover .fc-benefit__icon {
  background: var(--fc-gold) !important;
  color: var(--fc-burgundy-dark) !important;
}

/* النصوص */
body .fc-benefits .fc-benefit h3 {
  color: var(--fc-light) !important;
}

body .fc-benefits .fc-benefit p {
  color: rgba(255, 252, 247, 0.68) !important;
}

/* الزخرفة النجدية بالذهبي */
body .fc-benefits .fc-benefits__ornament {
  color: var(--fc-gold) !important;
  opacity: .32 !important;
  background: transparent !important;
}

/* الجوال: ثلاثة فوق واتنين تحت في المنتصف */
@media (max-width: 700px) {
  body .fc-benefits {
    margin: 20px auto !important;
    padding: 24px 26px 24px 22px !important;
    border-radius: 18px !important;
  }

  body .fc-benefits .fc-benefits__inner {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 0 !important;
    padding-left: 0 !important;
  }

  body .fc-benefits .fc-benefit {
    flex: 0 0 33.333%;
  }

  body .fc-benefits .fc-benefit + .fc-benefit::before {
    display: none;
  }

  body .fc-benefits .fc-benefits__ornament {
    opacity: .25 !important;
  }

  body .fc-benefits .fc-benefit__icon {
    width: 50px !important;
    height: 50px !important;
  }

  body .fc-benefits .fc-benefit__icon svg {
    width: 28px !important;
    height: 28px !important;
  }
}

@media (max-width: 380px) {
  body .fc-benefits .fc-benefit {
    flex-basis: 50%;
  }
}


/* ==================================================
   ١١ مكرر ثاني. قسم تسوّق حسب النوع — خلفيته العنابية ثابتة
   ضمان إضافي إن الخلفية تفضل ظاهرة حتى لو حاوية من سلة حواليه
   شادّة لون تاني (نفس ألوان القسم الأصلية بالظبط)
   ================================================== */

body .fc-section {
  background:
    radial-gradient(circle at 15% 15%, #7d1626, transparent 55%),
    radial-gradient(circle at 85% 85%, #5a121e, transparent 50%),
    linear-gradient(160deg, #5a121e, #170608 75%) !important;
}


/* ==================================================
   ١٢. الجوال
   ================================================== */

@media (max-width: 768px) {
  .product-card,
  .s-product-card,
  .category-card,
  .s-category-card {
    border-radius: 11px;
  }

  .swiper.s-slider-container:has(.slide--cat-entry) {
    padding: 12px 4px !important;
  }

  .swiper.s-slider-container:has(.slide--cat-entry) .swiper-slide {
    padding: 4px;
  }

  .slide--cat-entry {
    min-height: 118px;
    gap: 9px !important;
    padding: 13px 5px !important;
    border-radius: 14px !important;
  }

  .slide--cat-entry i {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px;
    font-size: 29px !important;
  }

  .slide--cat-entry h2 {
    font-size: 11px !important;
  }
}


/* ==================================================
   ١٣. تقليل الحركة لمن يفضّل ذلك
   ================================================== */

@media (prefers-reduced-motion: reduce) {
  .slide--cat-entry,
  .slide--cat-entry i,
  .product-card,
  .s-product-card {
    transition: none !important;
  }
}