/* ===========================
   Product Card
=========================== */

custom-salla-product-card,
salla-product-card{
    display:block;
    background:#d4e1d5 !important;
    border:2px solid #8ab68d !important;
    border-radius:18px;
    overflow:hidden;
    transition:all .35s ease;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* Hover */
custom-salla-product-card:hover,
salla-product-card:hover{
    transform:translateY(-8px);
    border-color:#4b7d4f !important;
    box-shadow:0 18px 35px rgba(75,125,79,.18);
}

/* ===========================
   Product Image
=========================== */

.s-product-card-image,
.product-image{
    padding:20px 15px 10px !important;
    display:flex;
    justify-content:center;
    align-items:center;
    background:transparent !important;
}

.s-product-card-image img,
.product-image img{
    width:100% !important;
    height:260px !important;
    object-fit:contain !important;
    transition:.35s ease;
}

custom-salla-product-card:hover img,
salla-product-card:hover img{
    transform:scale(1.08);
}

/* ===========================
   Product Name
=========================== */

.s-product-card-name,
.product-title{
    min-height:48px;
    font-weight:700;
}

/* ===========================
   Product Price
=========================== */

.s-product-card-price,
.product-price{
    font-size:20px;
    font-weight:700;
    color:#1b5e20;
}

/* ===========================
   Add To Cart Button
=========================== */

.s-product-card .btn,
.s-product-card .s-button-btn,
button.s-button-btn{
    background:#4caf50 !important;
    border:none;
    color:#fff;
    border-radius:0 0 16px 16px;
    transition:.3s;
}

.s-product-card .btn:hover,
.s-product-card .s-button-btn:hover,
button.s-button-btn:hover{
    background:#2e7d32 !important;
}

/* ===========================
   Wishlist & Quick View
=========================== */

.s-product-card-wishlist,
.s-product-card-actions{
    z-index:5;
}

.bg-storeBG {
    background-color: #f8f9fa;
}
@media (min-width: 1024px) {

    .agrimasco-best-sellers .s-products-slider-card.swiper-slide {
        width: calc((100% - 50px) / 6) !important;
        min-width: calc((100% - 50px) / 6) !important;
        max-width: calc((100% - 50px) / 6) !important;
        flex: 0 0 calc((100% - 50px) / 6) !important;
    }

}
/* روابط مهمة تعديل  - الكمبيوتر فقط */
.agrimasco-important-links {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    margin: 20px auto 20px !important;
    padding: 0 !important;
}


/* عنوان روابط مهمة */
.agrimasco-important-links .links_with_bullits {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
}


/* القائمة */
.agrimasco-important-links ul {
    width: fit-content !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
    list-style-position: inside !important;
}


/* كل رابط */
.agrimasco-important-links ul li {
    width: 100% !important;

    text-align: center !important;

    margin: 8px auto !important;
    padding: 0 !important;
}


/* الرابط نفسه */
.agrimasco-important-links ul li a {
    display: inline-block !important;
    text-align: center !important;
}
.agrimasco-important-links ul {
    list-style: none !important;
    padding: 0 !important;
}

.agrimasco-important-links ul li {
    list-style: none !important;
}

/* reduce spaces */
@media (min-width: 769px) {
  section.s-block--bundle-categories-carousel {
    margin-top: -50px !important;
  }
}
.s-block--animated-brands.bigger_logos {
    margin-top: -5px !important;
}

/* تقليل ارتفاع الهيدر مع إبقاء اللوجو بحجمه */
#mainnav {
    height: 90px !important;
}

#mainnav .inner {
    height: 90px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#mainnav .container {
    height: 90px !important;
}

#mainnav .container > div,
#mainnav .navbar-brand {
    height: 90px !important;
}

#mainnav img.logo-normal {
    height: 90px !important;
    max-height: 90px !important;
}