/* Add custom CSS styles below */

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

    background-color: inherit;
    background: linear-gradient( 0deg , #242321 ,  
 #0e3400)!important;
}

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

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

/*
(توحيد البنرات (قائمة عناصر
يجب ان تستخدم لكل مجموعة صور على نفس السطر عنصر(قائمة عناصر) جديد
*/
.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: #17344c; /* لون اطار المنتج */
}
/* تنسيق بطاقة المنتج عند الافتراب منها */
.s-product-card-vertical:hover {
    border-color: transparent; /* لون اطار المنتج */
    box-shadow: 0 10px 10px #17344c;
}
.s-product-card-vertical:hover .s-product-card-image img {    transform: scale(1.2);}

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

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

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

/*  لوجو الفوتر */
.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('C:\Users\roozy\Downloads\تصميم بدون عنوان.png') no-repeat center;
    background-size: contain;
}

@media (max-width: 1024px) {
  .store-footer .max-w-sm {margin-left: auto; margin-right: auto}
  .store-footer__inner > div > div:first-of-type::before {left: 0}
}