/*==================================
  القسم الأول: المتغيرات العامة وأنماط الرأس
==================================*/
:root {
  /* ألوان المتجر الرئيسية */
  --main-color: #1c2c3c;
  --second-color: #1c2c3c;
  --third-color: #FFF;
  --body-bg-color: #FFF;

  /* متغيرات إضافية */
  --logo-url: url(https://cdn.salla.sa/gZgvpE/3aTnzEZ3AhLyg9PPMVIKn7RKqi4x3300Kh7NPFFu.png);
}

header.store-header:before {
  content: '';
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdMYXllcl8xJyBkYXRhLW5hbWU9J0xheWVyIDEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0nMCAwIDU5My40NiAyNi4yNCc+PGRlZnM+PHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMDAwOyB9IC5jbHMtMSwgLmNscy0yLCAuY2xzLTMgeyBzdHJva2Utd2lkdGg6IDBweDsgfSAuY2xzLTIgeyBmaWxsOiBub25lOyB9IC5jbHMtNCB7IG9wYWNpdHk6IC40OTsgfSAuY2xzLTMgeyBmaWxsOiAjZmZmOyB9IDwvc3R5bGU+PC9kZWZzPjxyZWN0IGNsYXNzPSdjbHMtMicgd2lkdGg9JzU5My40NicgaGVpZ2h0PScyNi4yNCcvPjxnIGNsYXNzPSdjbHMtNCc+PHBhdGggY2xhc3M9J2Nscy0xJyBkPSdNNzkuNDIsMTIuNzFjLS4yNCwwLS40OC4wMi0uNzMuMDdzLS40OS4xLS43My4xN2MtLjI0LjA3LS40Ni4xNS0uNjcuMjRzLS40MS4xOC0uNTguMjZ2MS45M2MwLC4yLS4wMi4zOS0uMDYuNThoMy41NWMuMjIsMCwuNDEtLjAyLjU1LS4wNi4xNC0uMDQuMjYtLjExLjM0LS4yMS4wOC0uMS4xMy0uMjQuMTYtLjQyLjAzLS4xOC4wNC0uNDEuMDQtLjY5LDAtLjMtLjAzLS41Ni0uMDktLjc5LS4wNi0uMjMtLjE2LS40My0uMzEtLjU5LS4xNC0uMTYtLjM0LS4yOC0uNTgtLjM3LS4yNC0uMDgtLjU0LS4xMy0uOS0uMTNMMTc3LjI3LDEzLjEyYy4xNS4xOC4zOS4yNS42MS4xNmw2LjMyLTEuMzMtMi4wOC0uMzNjLS4xMS0uMDItLjIyLS4wNy0uMy0uMTUtLjA4LS4wOC0uMTgtLjEzLS4zLS4xNWwtMi4wOC0uMzMtMS4zMy0xLjY0Yy0uMDctLjA5LS4xNy0uMTUtLjI4LS4xOHMtLjIzLS4wMi0uMzMuMDJsLTEuOTcuNzYtMS45Ny0uNzZjLS4xMS0uMDQtLjIyLS4wNS0uMzMtLjAycy0uMjEuMDktLjI4LjE4bC0xLjMzLDEuNjQtMi4wOC4zM2MtLjExLjAyLS4yMi4wNy0uMy4xNXMtLjEzLjE4LS4xNS4zbC0uMzMsMi4wOC0xLjY0LDEuMzNjLS4wOS4wNy0uMTUuMTctLjE4LjI4cy0uMDIuMjMuMDIuMzNsLjc2LDEuOTctLjU3LDEuNDdjLjAzLjIuMTYuNDEuMzcuNjEuMjEuMjEuNDkuMzYuNzkuNDdzLjU4LjE1LjkxLjE1aC0zLjNaTTIzNC43NSwxMi43MWMtLjQyLDAtLjczLjE0LS45Ni40My0uMjMuMjktLjM1LjY4LS4zNSwxLjE4LDAsLjU5LjEtMS4wMS4zMS0xLjI3LjIuMjUuNTMuMzguOTguMzhzLjc3LS4xMi45OC0uMzVjLjIwLS4yNC4zMS0uNjQuMzEtMS4yMiwwLS41My0uMS0uOTQtLjMxLTEuMjQtLjItLjMtLjUzLS40NC0uOTgtLjQ0Wk0yMzQuMjMsMTAuOGMtLjA4LDAtLjEyLS4wNC0uMTItLjEydi0uODhjMC0uMDguMDQtLjEyLjEyLS4xMmguODJjLjA4LDAsLjEyLjA0LjEyLjEydi44OGMwLC4wOC0uMDQuMTItLjEyLjEyaC0uODJaeicvPjxwYXRoIGNsYXNzPSdjbHMtMycgZD0nTTU3NS43NywxMy4xMmwuNzYtMS45N2MuMDQtLjExLjA1LS4yMi4wMi0uMzNzLS4wOS0uMjEtLjE4LS4yOGwtMS42NC0xLjMzLS4zMy0yLjA4Yy0uMDItLjExLS4wNy0uMjItLjE1LS4zLS4wOC0uMDgtLjE4LS4xMy0uMy0uMTVsLTIuMDgtLjMzLTEuMzMtMS42NGMtLjA3LS4wOS0uMTctLjE1LS4yOC0uMThzLS4yMy0uMDItLjMzLjAybC0xLjk3Ljc2LTEuOTctLjc2Yy0uMTEtLjA0LS4yMi0uMDUtLjMzLS4wMnMtLjIxLjA5LS4yOC4xOGwtMS4zMywxLjY0LTIuMDguMzNjLS4xMS4wMi0uMjIuMDctLjMuMTVzLS4xMy4xOC0uMTUuM2wtLjMzLDIuMDgtMS42NCwxLjM3LS4wOS4wNy0uMTUuMTctLjE4LjI4LS4wMi4yMy4wMi4zMy43Ni45Ny0uNzYsMS45Ny0uMDQuMTEtLjA1LjIyLS4wMi4zMy4wOS4yMS4xOC4yOCwxLjY0LDEuMzMuMzMuMjIuMDguMzMuMDcuMjIuMDcuMjIuMDcuNDEuMDcuNTguMDguNzItLjAzLjA4LjAzLjIzLjA3LjI5LjE3LjMzLjE4LjI4LjE1LjI4LjEzLjEzLjEzLjIzLjE3LjE2bDUuMzItMS4zMy0xLjk3LjctLjExLjA0LS4yMi4wNS0uMzMuMDItcy0uMjEtLjA5LS4yOC0uMThsLTEuMzMtMS42NC0yLjA4LS4zMy0uMTEtLjAyLS4yMi0uMDctLjM4LS4yMi0uMTMtLjE4LS4xNS0uM2wtLjMzLTIuMDgtMS42NC0xLjMzLS4wOS0uMDctLjE1LS4xNy0uMTgtLjI4LS4wMi0uMjMuMDItLjMzbC43Ni0xLjk3aDBaJy8+PC9nPjxnPjxwYXRoIGNsYXNzPSdjbHMtMycgZD0nTTIxLjgzLDE2LjljLS4xNiwwLS4yOC0uMDMtLjM2LS4wOHMtLjEyLS4xNy0uMTItLjM0YzAtLjIuMDQtLjM0LjExLS40MS4wOC0uMDcuMi0uMTEuMzctLjExaC43NmMuMjcsMCwuNDktLjA2LjY4LS4xNy4xOS0uMTEuMzQtLjI4LjQ2LS41MmwuMi0uNDFjLjA4LS4xOC4yLS4yOC4zNS0uMzEuMTUtLjA0LjMxLS4wNS40Ny0uMDVoLjIzYy42MiwwLDEuMTIuMTYsMS41MS40Ny4zOS4zLjU4LjY3LjU4LDEuMDksMCwuNTgtLjE2LDEuMDktLjQ5LDEuNTItLjMyLjQzLS43OS42NC0xLjQxLjY0aC0zLjBaTTIzLjMzLDEyLjcyYy0uMTctLjA4LS4zMi0uMTItLjQ3LS4xMmgtLjM4Yy0uMjQsMC0uNDQtLjA4LS42MS0uMjRzLS4yNS0uMzktLjI1LS42NHYtLjkyYzAtLjA2LjA3LS4wOS4xOS0uMDcuMTIuMDcuMTguMjMuMTguNDh2LjU0YzAsLjUyLS4xMS44Ni0uMzQsMS4wMi0uMjMuMTYtLjU2LjI0LTEuMDEuMjQtLjQyLDAtLjc0LS4wNy0uOTUtLjIxLS4yMS0uMTQtLjMyLS4zNC0uMzItLjY1LDAtLjI3LjA2LS41My4xOC0uNzcuMTItLjI0LjI1LS40NC40MS0uNjEuMTYtLjE3LjM1LS4zLjU4LS4zOS4yMy0uMDkuNDYtLjE0LjcyLS4xNC4yLDAsLjM5LjA0LjU2LjExLjE3LjA3LjMyLjE0LjQ0LjIyLjEyLjA4LjIyLjE1LjI5LjIyLjA3LjA2LjEzLjEyLjE3LjE3LS4wMi0uMDgtLjA1LS4xOC0uMDktLjN2LS4zNmMwLS41OS4xMi0xLjA0LjM2LTEuMzYuMjQtLjMyLjU0LS40OC45LS40OC4zMSwwLC41Ni4wNi43NC4xOC4xOS4xMi4yOS4zLjI5LjU2LDAsLjE2LS4wMy4yOS0uMDkuMzktLjA2LjEwLS4xMy4xNy0uMjIuMjJoLS43MWMtLjA4LDAtLjEyLjA0LS4xMi4xMnYuNjdjMCwuMDguMDQuMTIuMTIuMTJoLjk4Yy4wOCwwLC4xMi4wNC4xMi4xMnYuOTZabS0uNjQtMy45MWMtLjA4LDAtLjEyLS4wNC0uMTItLjEydi0uODhjMC0uMDguMDQtLjEyLjEyLS4xMmguODJjLjA4LDAsLjEyLjA0LjEyLjEydi44OGMwLC4wOC0uMDQuMTItLjEyLjEyaC0uODJaJy8+PHBhdGggY2xhc3M9J2Nscy0zJyBkPSdNMjQuMDMsMTYuOWMtLjE2LDAtLjI4LS4wMy0uMzYtLjA4cy0uMTItLjE3LS4xMi0uMzRjMC0uMi4wNC0uMzQuMTEtLjQxLjA4LS4wNy4yLS4xMS4zNy0uMTFoLjc2Yy4yLDAsLjM1LS4wNS40NC0uMTQuMDktLjA5LjE0LS4yNi4xNC0uNXYtMy4yMmMwLS4wOC4wNC0uMTIuMTItLjEyaC43N2MuMDgsMCwuMTIuMDQuMTIuMTJ2My4wNGMwLC4yNy4xLjQ4LjI5LjYxLjIuMTQuNDYuMi43OS4yaC4xNGMuMTYsMCwuMjguMDMuMzYuMXMuMTIuMTguMTIuMzRjMCwuMjEtLjA0LjM0LS4xMS40LS4wOC4wNi0uMi4wOS0uMzcuMDloLS4yNmMtLjI2LDAtLjQ4LS4wNS0uNjctLjE2LS4xOS0uMS0uMzQtLjI2LS40NC0uNDctLjIuNDItLjYyLjYyLTEuMjUuNjJoLS45NFpNMjUuNDYsMTAuOGMtLjA4LDAtLjEyLS4wNC0uMTItLjEydi0uODhjMC0uMDguMDQtLjEyLjEyLS4xMmguODJjLjA4LDAsLjEyLjA0LjEyLjEydi44OGMwLC4wOC0uMDQuMTItLjEyLjEyaC0uODJaJy8+PHBhdGggY2xhc3M9J2Nscy0zJyBkPSdNMzEuMTIsMTYuOThjLS4zOCwwLS43MS0uMDUtMS4wLS4xNi0uMjktLjExLS41My0uMjgtLjczLS41MS0uMTcuMjYtLjM4LjQyLS42NS40OS0uMjYuMDctLjUxLjEtLjczLjFoLS41MmMtLjMyLDAtLjQ4LS4xNi0uNDgtLjQ4LDAsLjItLjA0LjMzLS4xMS4zOC0uMDguMDUtLjIuMDgtLjM3LjA4aC42Yy4wOSwwLC4xOC0uMDIuMjYtLjA1LjA5LS4wNC4xNy0uMS4yNC0uMThzLjEzLS4yLjE3LS4zNC4wNy0uMzEuMDctLjUycjAtLjE1LS4wMS0uMjN2LS4yNWMwLS45Mi4yLTEuNTkuNjEtMiwuNDEtLjQxLjk3LS42MiwxLjY4LS42MnMxLjI3LjIxLDEuNjguNjJjLjQxLjQxLjYxLDEuMDguNjEsMiwwLC40Ni0uMDUuODUtLjE2LDEuMThzLS4yNi42LS40Ni44Yy0uMi4yMS0uNDQuMzYtLjcyLjQ2LS4yOC4xLS42LjE1LS45NS4xNVpNMzEuMTIsMTIuNzFjLS40NSwwLS43Ny4xNS0uOTguNDRzLS4zMS43MS0uMzEsMS4yNGMwLC41OC4xLDEsLjMxLDEuMjZzLjUzLjQuOTguNC43Ny0uMTMuOTgtLjQuMzEtLjY4LjMxLTEuMjZjMC0uNTMtLjEtLjk0LS4zMS0xLjI0cy0uNTMtLjQ0LS45OC0uNDRaJy8+PHBhdGggY2xhc3M9J2Nscy0zJyBkPSdNMzMuMzksNy42NGMuMDYtLjI2LjE3LS40NS4zMy0uNTlzLjM1LS4yLjU2LS4yYy4xOCwwLC4zNi4wMy41NS4xLjE5LjA2LjM5LjE0LjU4LjIyLjIuMDguMzkuMTUuNTguMjIuMTkuMDYuMzguMS41NS4xLjE0LDAsLjIzLS4wMy4yOC0uMDkuMDUtLjA2LjA4LS4xNy4wOC0uMzIsMC0uMDguMDQtLjEyLjEyLS4xMmguMjZjLjA4LDAsLjEyLjA0LjEyLjEyLDAsLjMzLS4wNy41OC0uMjIuNzRzLS4zNS4yNS0uNjEuMjVjLS4yMSwwLS40Mi0uMDMtLjYzLS4xLS4yMS0uMDYtLjQyLS4xMy0uNjEtLjIxLS4yLS4wOC0uMzktLjE1LS41Ny0uMjEtLjE4LS4wNi0uMzUtLjEtLjQ5LS4xLS4wOCwwLS4xNi4wMi0uMjMuMDctLjA3LjA0LS4xMy4xMy0uMTcuMjctLjAyLjA4LS4wOC4xMS0uMTYuMDhsLS4yNS0uMDdjLS4wNy0uMDItLjEtLjA4LS4wOC0uMTZaTTM1LjkyLDE2Ljc4YzAsLjA4LS4wNC4xMi0uMTIuMTJoLS43N2MtLjA4LDAtLjEyLS4wNC0uMTItLjEydi03LjkyYzAtLjA4LjA0LS4xMi4xMi0uMTJoLjc3Yy4wOCwwLC4xMi4wNC4xMi4xMnY3LjkyWicvPjxwYXRoIGNsYXNzPSdjbHMtMycgZD0nTTQ0LjQ3LDExLjU4Yy0uMzIsMC0uNTUtLjExLS43LS4zNC0uMTYtLjIzLS4yMy0uNDgtLjIzLS43NywwLS4zMi4wOS0uNTcuMjctLjc0LjE4LS4xNy40My0uMjYuNzUtLjI2LjI5LDAsLjUzLjA3LjczLjIxLjIuMTQuMzYuMzMuNDkuNTZzLjIyLjQ2LjIyLjc0di40OWMwLC4wOC0uMDQuMTItLjEyLjEyaC0uNzZjLS4wOCwwLS4xMi0uMDQtLjEyLS4xMnYtLjE1Yy0uMTctLjE2LS4zMy0uMjYtLjQ5LS4zMS0uMTYtLjA1LS4zMy0uMDgtLjU0LS4wOC0uMzcsMC0uNjQuMDYtLjc5LjE4LS4xNS4xMy0uMjMuMzEtLjIzLjU0LDAsLjI1LjA4LjQ1LjI0LjYycy4zOC4yNi42My4yNi40OS0uMDcuNjYtLjIxYy4xOC0uMTUuMjYtLjMyLjI2LS41MWgtLjI2Yy0uMDgsMC0uMTItLjA0LS4xMi0uMTJ2LS43MmgtLjIxYy0uMDgsMC0uMTItLjA0LS4xMi0uMTJ2LS43NmMwLS4wOC4wNC0uMTIuMTItLjEyaDIuMDRjLjM4LDAsLjcxLjA1Ljk1LjE2LjI1LjExLjQzLjI4LjU2LjUxLjEzLjIzLjE5LjUxLjE5LjgzLDAsLjQxLS4xMi43Ni0uMzYsMS4wNi0uMjMuMjktLjU1LjQzLS45Ny40M3oiLz48cGF0aCBjbGFzcz0nY2xzLTMnIGQ9J000Ni42LDE2LjljLS4xNywwLS4yOS0uMDMtLjM3LS4wOS0uMDgtLjA2LS4xMS0uMTktLjExLS40YzAtLjE2LjA0LS4yNy4xMi0uMzRzLjItLjEuMzYtLjFoMS4zNmMtLjIzLS4zOS0uMzUtLjkxLS4zNS0xLjU3LDAtLjQ2LjA2LS44NS4xNy0xLjE4LjEyLS4zMy4yOC0uNi40OS0uODJzLjQ1LS4zNy43NS0uNDZjLjI4LS4xLjU4LS4xNS45MS0uMTVjLjcxLDAsMS4yNy4yMSwxLjY4LjYyLjQxLjQxLjYxLDEuMDguNjEsMmMwLC40Ni0uMDUuODQtLjE2LDEuMTYtLjExLjMyLS4yNi41OC0uNDYuNzctLjIuMi0uNDQuMzQtLjcyLjQzczLS42LjE0LS45NS4xNGgtMy4zWk00OS45LDEyLjcxYy0uNDIsMC0uNzQuMTQtLjk2LjQzLS4yMi4yOS0uMzIuNjgtLjMyLDEuMTgsMCwuNTkuMSwxLjAxLjMxLDEuMjcuMjAuMjUuNTMuMzguOTguMzhzLjc3LS4xMi45OC0uMzVjLjItLjI0LjMxLS42NC4zMS0xLjIyLDAtLjUzLS4xLS45NC0uMzEtMS4yNC0uMi0uMy0uNTMtLjQ0LS45OC0uNDRaJy8+PHBhdGggY2xhc3M9J2Nscy0zJyBkPSdNNTcuMTUsMTYuOThjLS4zOCwwLS43MS0uMDUtMS4wLS4xNi0uMjktLjExLS41My0uMjgtLjczLS41MS0uMTcuMjYtLjM4LjQyLS42NS40OS0uMjYuMDctLjUxLjEtLjczLjFoLS41MmMtLjMyLDAtLjQ4LS4xNi0uNDgtLjQ4LDAsLjItLjA0LjMzLS4xMS4zOC0uMDguMDUtLjIuMDgtLjM3LjA4aC42Yy4wOSwwLC4xOC0uMDIuMjYtLjA1LjA5LS4wNC4xNy0uMS4yNC0uMThzLjEzLS4yLjE3LS4zNC4wNy0uMzEuMDctLjUycjAtLjE1LS4wMS0wLjIzdjAtLjI1Yy0uOTItLjIyLTEuNTktLjYxLTItMS42OC0uNjItLjQxLS45Ny0uNjItMS42OC0uNjIuNzEtLjcxLjI3LS41My45OC0uNzUuMTctLjEuMjctLjE2LjM4LS4yLS42Ni4wLS4xLS4wMS4wMy0uMDYtLjAzLTEuMDgtLjA2LTEuMDktLjAzLS4xOS0uMDMtLjMyLS4wMy0uNDctLjA3LS40MS0uMTItLjMxLS4wNC0uMjctLjA3LS4xNi0uMS0uMDctLjAzLS4xNi0uMDQtLjI1LS4wMy4wMi0uMDMsLjA1LS4wNi4wNy0uMDkuMDQtLjA0LjA3LS4wOC4xMS0uMTRzLjA2LS4xMS4wOS0uMTcuMTgtLjMxLjMyLS40My40NC0uNjYuNjItLjQxLjQxLS42MS0uNzItLjEyLS43Mi0uNDItLjE4LTEuMTUtLjA4LTIuMDEtLjA4LTIuMjgtLjA4LTIuNzUtLjA4LTIuNzYtLjE1LS4xOC0uMDctLjM2LS4xMS0uNTV6bTExLjU1LDEuNzktLjMzLDIuMDhjLS4wMi4xMS0uMDcuMjItLjE1LjN2LjE1Yy0uMDguMDgtLjE4LjEzLS4zLjE1bC0yLjA4LjMzLTEuMzMsMS42NC0uMDcuMDktLjE3LjE1LS4yOC4xOHMtLjIzLjAyLS4zMy0uMDItMS45Ny0uNzYtMS45Ny43Ni0uMTEuMDQtLjIyLjA1LS4zMy4wMi0uMjEuMDktLjI4LjE4bC0xLjMzLTEuNjQtMi4wOC0uMzMtLjExLS4wMi0uMjItLjA3LS4zLS4xNS0uMTMtLjE4LS4xNS0uM2wtLjMzLTIuMDgtMS42NC0xLjMzLS4wOS0uMDctLjE1LS4xNy0uMTgtLjI4LS4wMi0uMjMuMDItLjMzbC43Ni0xLjk3Ljc2LTEuOTdjLjA0LS4xMS4wNS0uMjIuMDItLjMzcz-.MDktLjIxLS4xOC0uMjhsLTIuMDgtLjMzLTEuNjQtMS4zM2wtLjMzLTIuMDgtLjAyLS4xMS0uMDctLjIyLS4xNS0uM2wtLjA4LS4wOC0uMTgtLjEzLS4zLS4xNS0uMjgtLjAyLS4zNy0uMDctLjQ0LS4xNS0uNDktLjIzLS41OC0uMjgtLjYzLS4zNC0uNzEtLjM1LTEuMy0uM3MxLS43NC4xNS0uMDYtLjQxLS4xMS40Ni0uMTctLjA4LS4xMi4zMS0uMTIuODgtLjEyLjQtLjMyLS45OC0uNDQtMS4xOC0uMzVjLTAuMjMtLjI5LS4yOS0uNDMtLjQtLjk2LS40My0uNzgtLjctMS4xOC0xLjExLTEuMTgtMS43OS0uMzctLjIxLS42LS42Mi0uMDgtLjI2LTEuMjctLjUxLS4zOC0uOTItLjIzLS4xOC0uMTUtLjMzLS4xNy0uNDEtLjA2LS4xLS4xMy0uMTctLjIyLS4yMmgtLjcxYy0uMDgsMC0uMTItLjA0LS4xMi0uMTJ2LS42N2MwLS4wOC4wNC0uMTIuMTItLjEyaC45OGMwLjA4LDAsLjEyLS4wNC4xMi0uMTJ2LS45NmE5Ljk0LDkuOTQsMCwwLDAsMS45Ny0uNzZjLTEuNDYtLjA0LTEuNzctLjI0LTEuNzctLjczLDAtLjI5LjEtLjU2LjI5LS43OC4xOS0uMjMuNTItLjM0Ljk4LS4zNHMuNzcuMTIuOTguMzVjLjIuMjQuMzEuNjQuMzEsMS4yMiwwLC41My0uMS45NC0uMzEsMS4yNC0uMi4zLS41My40NC0uOTguNDQuMjMuMjYuNDYuNDcuNjcuNjFsLjM2LjM3LjQ1LS4yYy40MS0uMTkuNTEtLjA2LjU1LS4yOC4wNy0uNDUuMDktLjg4LjA5LTEuMzFsLS4wMi0uNTljMC0uNTMtLjE2LS45OS0uNDgtMS4zOC0uMzItLjM5LS43NC0uNTgtMS4yNy0uNThoLS41NmMtLjA4LDAtLjEyLS4wNC0uMTItLjEydi0uODhjMC0uMDguMDQtLjEyLjEyLS4xMmguODJjLjA4LDAsLjEyLjA0LjEyLjEydi44OGMwLC4wOC0uMDQuMTItLjEyLjEyaC0uODJaJy8+PC9nPg==)
  /* يمكنك إضافة أنماط أخرى هنا حسب الحاجة */
}

/*==================================
  القسم الثاني: أنماط بطاقات المنتجات
==================================*/
/* تم إزالة أكواد الأنميشن من هذا القسم */

/*==================================
  القسم الثالث: أنماط العناصر المضافة بـ JavaScript
==================================*/

/* أنماط تقييم المنتج (النجوم) */
.product-rating {
  color: #FFD700;
  font-size: 18px;
  margin: 6px 0;
}

/* أنماط الشارة (Badge) */
.product-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: var(--main-color);
  color: var(--third-color);
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
}

/* أنماط زر الواتساب */
.whats-app-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25d366;
  color: white;
  padding: 10px;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  display: block;
  z-index: 1000;
}

.whats-app-icon svg {
  width: 30px;
  height: 30px;
}

/* أنماط شاشة التحميل (Loader) */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.loading-container .wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.circle1 {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #333;
  margin: 0 5px;
  animation: bounce 0.6s infinite alternate;
}

.circle1:nth-child(2) {
  animation-delay: 0.2s;
}

.circle1:nth-child(3) {
  animation-delay: 0.4s;
}

.shadow {
  width: 15px;
  height: 4px;
  background-color: #333;
  opacity: 0.2;
  border-radius: 50%;
  margin: 0 5px;
  animation: shadow 0.6s infinite alternate;
}

.shadow:nth-child(4) {
  animation-delay: 0.2s;
}

.shadow:nth-child(5) {
  animation-delay: 0.4s;
}

@keyframes bounce {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-20px);
  }
}

@keyframes shadow {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.6);
  }
}

body#app.index {
    background: white; /* خلفية بيضاء لصفحة الهوم */
}


/* ==============================
   3- إعدادات اللازي لود (Lazy Loading)
============================== */
.lazy__bg.lazy.entered.loaded {
    background-size: contain;      /* ملاءمة الخلفية بدون قص */
    background-repeat: no-repeat;  /* منع التكرار */
}


/* ==============================
   4- إعدادات الصور والبنرات
============================== */
a.banner-entry.square-photos {
    background: transparent; /* خلفية شفافة */
}

.banner-entry {
    transition:
        transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),       /* حركة تكبير/تصغير */
        background-size 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), /* انتقال حجم الخلفية */
        background-position 0.6s ease;                             /* انتقال موضع الخلفية */
}

.banner-entry:hover {
    transform: scale(1.05) translateY(-10px); /* تكبير وتحريك لأعلى عند الهوفر */
}

img {
    background: transparent !important; /* إزالة خلفية الصور */
    border-radius: 0;                   /* إزالة الزوايا الدائرية */
}

salla-slider.photos-slider .swiper-slide {
        margin:0;
        width: 100%;
        padding:0;
    }
    
salla-slider.photos-slider .swiper {
    padding: 0;
}
section.s-block.s-block--photos-slider:nth-of-type(1) {
    margin-top: 0;
}

/* ميديا كويري للشاشات الصغيرة */
@media (max-width: 768px) {
    .s-block--banners .grid.one-row {
        grid-template-columns: repeat(2, 1fr); /* عمودين للشاشات الصغيرة */
        gap: 1rem;
    }
}


/* ==============================
   12- responsive
============================== */

@media(max-width:767px){
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden{
   padding:0;
}
.s-products-slider-card {
    max-width: 185px;
}
.main-nav-container {
    min-height: 56px;
}
  .s-button-element:not(:disabled):not([loading]) {
    font-size: 11px;
}
}

.s-product-card-entry,
custom-salla-product-card.s-product-card-entry {
    border: 2px solid #1B2A3D;               /* إطار المنتج */
    border-radius: 8px;                      /* زوايا دائرية */
    overflow: hidden;                        /* إخفاء المحتوى الزائد */
    padding: 10px;                           /* حشو داخلي */
    transition: transform 0.3s ease, 
                box-shadow 0.3s ease;        /* تأثير حركة */
}

/* ميل للصورة كلها لليمين وقت الهوفر */
.s-product-card-image img {
  transition: transform 0.4s ease;
}

.s-product-card-image img:hover {
  transform: rotate(5deg); /* تميل 5 درجات لليمين */
}