/* Add custom CSS styles below */ 
.sc-q8c6tt-3{
  display: none;
}
.bg-gradient-to-t{
  display: none;
}



.navbar-brand img {
    max-height: 7rem;
}salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding: 0px !important;
}salla-slider.photos-slider .swiper-slide {
    margin-left: 0rem;
    margin-right: 0rem;
    width: 100%;
}/* إظهار الوصف كامل بدون تحديد ارتفاع */
#more-content {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}
.s-block--logos-slider .grid.grid-cols-2.md\:grid-cols-5.grid-flow-row.gap-4.lg\:gap-8 {
    justify-content: center;
}
/* إخفاء زر "عرض المزيد" */
#btn-show-more {
    display: none !important;
}
.feature-item__icon {
    margin: auto;
    width: 75px;
    height: 75px;
    background-color: coral;
    color: white;
    border-radius: 90%;
    font-size: 50px;
    line-height: 75px;
    margin-bottom: 3rem;
}

.s-cart-summary-count{

    background-color: #febd27;
    color: white;

}.s-block--fixed-banner .container {
    width: 100%;
    max-width: 100%;
    padding: 0px;
}.index .brand-item {
    padding: 1rem;
    width: 100%;
    max-width: 100%;
    height: max-content;
}section.s-block.s-block--fixed-banner.wide-placeholder {
    margin: 0px;
}/* نبدأ العد من أول عنصر داخل .grid */


.sc-q8c6tt-3 {
  display: none !important;
}

.s-advertisement-action {
  display: none ;
}

.brand-item {
  background: transparent;
}


/* 1. توسيط السكشن تماماً في منتصف الصفحة */
/* 1. توسيط الحاوية بالكامل */
div.grid.grid-cols-2.md\:grid-cols-4.lg\:grid-cols-6 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 16px !important; /* للحفاظ على المسافة الأصلية بين العناصر */
}

/* 2. الحفاظ على الحجم الأصلي الدقيق للعناصر ومنع تكبيرها */
div.grid.grid-cols-2.md\:grid-cols-4.lg\:grid-cols-6 > a {
    flex: 0 0 auto !important;
    width: 10rem !important;  /* نفس عرض الارتفاع h-48 تماماً ليظل مربعاً */
    height: 10rem !important; /* الارتفاع الأصلي */
}

/* 2. إلغاء تأثير الخلفية البيضاء والظل عند الـ Hover */
a.part-categories-wrapper:hover {
    background: transparent !important;
    background-color: transparent !important;
    /* الحفاظ على الظل الخفيف الافتراضي وإلغاء الظل الكبير */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; 
}

/* 3. إلغاء حركة وتكبير الصورة تماماً عند الـ Hover */
a.part-categories-wrapper:hover img,
a.part-categories-wrapper img {
    transform: none !important;
    scale: 1 !important;
    transition: none !important;
}








.part-text, .s-advertisement,salla-button button[type="button"],salla-button button[type="submit"]{
background: linear-gradient(
    90deg,
    #010100 0%,
    #2a1800 5%,
    #6b4300 15%,
    #c98200 40%,
    #f9a100 100%
);
  color: white;
  border: none;
}
.gap-4.flex .text-xl {
    font-size: 30px !important;
}
.s-product-card-price {
    font-size: 23px !important;
}

.s-product-card-wishlist-btn{
    top: 50px  !important;
}


.s-product-card-image {
  position: relative !important;
}

.s-product-card-image .s-product-card-wishlist-btn {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  z-index: 99 !important;
}

/* زر اشتري الان */
salla-mini-checkout-widget {
  background-color: #B87917;
  border-radius: 10px;
  padding: 0px 0px !important; 
}



.s-add-product-button-mini-checkout-content{
  color: white;
}

.s-product-card-sale-price h4{
  font-size: 25px;
}



.filter-form{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
    direction:rtl;
}

.filter-form select{
    width:420px;
    height:55px;
    border:1px solid #cfcfcf;
    background:#fff;
    padding:0 18px;
    font-size:22px;
    color:#666;
    outline:none;
    cursor:pointer;
}

.filter-form button{
    margin-top:30px;
    margin-left: 150px;
    width:150px;
    height:50px;
    background:#777;
    color:#fff;
    border:none;
    font-size:20px;
    cursor:pointer;
    border-radius:4px;
}

.filter-form button:hover{
    background:#666;
}

@media(max-width:768px){
    .filter-form select{
        width:100%;
    }

    .filter-form{
        padding:0 15px;
    }
}


.s-block--bundle-car-parts-filter {
    margin-top: -70px; /* تقدر تغير الرقم (مثلاً -20px أو -50px) لحد ما يظبط معاك */
}
svg{
  color: white !important;
}