.navbar-brand {
    max-width: 100%;
    height: 100%;
    /* تغيير حجم الشعار من السطر التالي */
    width: 100px; 
}
.navbar-brand img {
    max-width: 100%;
    height: auto;
}
.bg-inherit {
    /* تغيير لون اعلى المتجر */

    background-color: #f18f1d;
    background: linear-gradient(#f18f1d  , #f18f1d)!important;
#f18f1d}

/* 
تنسيق زر أضف للسلة 
transparent تعني شفاف يمكن تغيرها لأي لون
*/#f5eddb
.s-button-btn {#f5eddb
  color: #F18F1D; /* لون النص */
  background-color: transparent; /* لون الخلفية */
  border-color: #F18F1D; /* لون الاطار */
#f5eddb}
body {
    max-width: 2000px;
    margin: auto;
                            /* تغيير رابط صورة خلفية المتجر */
    background: url(https://i.postimg.cc/52sZ6kGh/666666666.png);
    background-size: cover;
    background-repeat: repeat;
}


/* تنسيق زر أضف للسلة عند الاقتراب منه */
.s-button-btn:hover {#F18F1D
  color: #F5EDDB; /* لون النص */
  background-color: #F18F1D; /* لون الخلفية */
  border-color: #F18F1D; /* لون الاطار */
}

/* 
(توحيد البنرات (قائمة عناصر
يجب ان تستخدم لكل مجموعة صور على نفس السطر عنصر(قائمة عناصر) جديد
*/
.s-block--banners > div:not(.s-block__title):has(.square-photos) {display: flex; justify-content: center;}
a.banner-entry.square-photos {
    flex: 0 0 23%;
    height: auto!important;
    position: relative!important;
    padding: 0!important;
    aspect-ratio: 2/1.13;
}
a.banner-entry.square-photos .lazy__bg {
    background-size: contain;
    background-repeat: no-repeat;
}

.s-product-card-vertical, .s-product-card-vertical .s-product-card-image img, .s-block--features__item {transition: .3s;}

/* تنسيق بطاقة المنتج */
.s-product-card-vertical {
    border: 1px solid;
    border-color: #F18F1D ; /* لون اطار المنتج */
}
/* تنسيق بطاقة المنتج عند الافتراب منها */
.s-product-card-vertical:hover {
    border-color: transparent; /* لون اطار المنتج */
    box-shadow: 0 10px 10px #F18F1D ;
}
.s-product-card-vertical:hover .s-product-card-image img {    transform: scale(1.2);}

/* تنسيق أيقونات مميزات المتجر */
/* لون الخلفية للبطاقة كاملة*/
.s-block--features__item {background-color:  #F5EDDB;}
.s-block--features__item:hover {transform: translateY(-10px);}}
/* لون الخلفية للأيقونة */
.s-block--features__item .feature-icon {
    background-color: #F18F1D; 
}
/* لون الأيقونة */
.s-block--features__item .feature-icon i {color: #F18F1D; }
/* لون العنوان*/
.s-block--features__item h2 {color: #F18F1D; }
/* لون الوصف */
.s-block--features__item p {color: #F18F1D; }

/* توسيط الفوتر */
.store-footer {text-align: center;}
.store-footer .flex, .store-footer > div.justify-between {justify-content: center;}

/* لون الخلفية للفوتر */
.store-footer__inner {background-color: #F18F1D!important;}
/* لون الخلفية للفوتر حقوق النشر */
.store-footer > div:not(.store-footer__inner) {background-color: #F5EDDB;}
/* لون عناوين الفوتر */
.store-footer h3 {color:#F5EDDB}
/* لون روابط الفوتر */
footer a {color: #F5EDDB}
/* لون روابط الفوتر عند الافتراب */
footer a:hover {color: #F5EDDB;}
/* لون وصف الفوتر */
.store-footer__inner > div > div:first-of-type p {color:#F5EDDB}

/*  لوجو الفوتر */
.store-footer__inner > div > div:first-of-type {
  position: relative;
  padding-top: 4rem;
}
/* 
لوجو الفوتر: بدل الرابط الموجود بالأسفل ضمن برابط اللوجو
 background: url('رابط اللوجو')
*/
.store-footer__inner > div > div:first-of-type::before {
content: "";
    position: absolute;
    inset: 0;
    left: 80px;
    height: 50px;
    background: url('ضع هنا شعار الفوتر ان اردت') no-repeat center;    background-size: contain;
}

@media (max-width: 1024px) {
  .store-footer .max-w-sm {margin-left: auto; margin-right: auto}
.main-menu li.root-level>a {
    padding-top: 0;
    padding-bottom: 2re
m;
    font-weight: 700;
    color:#F5EDDB;
}
  .store-footer__inner > div > div:first-of-type::before {left: 0}
}
/* لون التصنيفات اعلى المتجر */