.home-slider:not(.photos-slider) .swiper-slide:not(.photos-slider)::before{
    content: none !important;
}

.banner-entry{
    background-color: transparent !important;
}
@media (max-width:700px){
    .banner-entry{
        height: 160px;
        overflow: visible;
    }
    .s-block--banners .grid{
    grid-template-columns: 1fr 1fr !important;
    gap:1rem;
}
}

.s-block--banners .grid{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:2rem;
}
@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-column:  unset !important;
        grid-row: unset !important;
    }
    .banner-entry{
        overflow: visible !important;
    }
    .banner-entry div{
        height: 253px;
    }
}
.footer-is-custom .store-footer .store-footer__inner{
    background-color: #102618;
    color: white;
    border-radius: 0px;
    
}
.footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__newsletter,.footer-is-custom .store-footer .footer-bottom{
    background-color: #102618;
    border: none !important;
    color: white !important;
}
.footer-is-custom .store-footer .footer-rights p{
    color: white;
}
.dynamic-banner--7{
    margin-bottom: -41px;
}
.footer-is-custom .store-footer .store-footer__curve{
    display: none !important;
}




/* 1. Force the main container to be shorter */
#mainnav.main-nav-container {
    height: 60px !important;
    min-height: auto !important;
    padding-bottom: 0 !important;
    background-color: #111f17
}

/* 2. Remove bottom margin/padding from the internal wrapper */
#mainnav .inner, 
#mainnav .container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 3. Ensure the logo/links aren't taller than the container */
#mainnav .navbar-brand img {
    max-height: 50px !important;
}

/* 4. "القائمة" (Menu) text: White & Smaller */
#mainnav .menu-label {
    font-size: 16px !important;
    margin-inline-start: 4px !important;
    font-weight: normal !important;
    color: #ffffff !important; /* Changed to White */
}

/* 5. Icons: White */
#mainnav .mburger,
#mainnav .sicon-menu,
#mainnav .header-btn__icon,
#mainnav .sicon-search,
#mainnav .sicon-user,
#mainnav .s-cart-summary-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important; /* Necessary for SVG icons like the cart */
}

/* Centering and layout adjustments */
#mainnav .mburger {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: 100% !important;
}

#mainnav .flex.items-stretch {
    align-items: center !important;
}

#mainnav .sicon-menu {
    font-size: 16px !important;
}


/* 1. Make the circle images smaller */
#circle-links-slider-1 .swiper-slide img {
    height: 80px !important; /* Original was h-24 (~96px) */
    width: 80px !important;
}

/* 2. Tighten the vertical space (padding/margin) */
#circle-links-slider-1 .swiper-slide h3 {
    margin-top: 10px !important; /* Original was mt-6 (~24px) */
    font-size: 14px !important;  /* Optional: makes text fit the smaller circle */
}

/* 3. Remove excess outer container padding if needed */
#circle-links-slider-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}



/* 1. Mobile First: Stack vertically by default */
.rectangular-list {
    flex-direction: column !important; /* Stack items vertically */
    gap: 16px !important;              /* Spacing between vertical items */
}

/* 2. Target the images for increased height */
.rectangular-list-item img {
    height: 200px !important; /* Set your desired height */
    width: 100% !important;   /* Makes them full width in the stack */
    object-fit: cover;
}

/* 3. Desktop: Switch back to horizontal layout */
@media (min-width: 1024px) {
    .rectangular-list {
        flex-direction: row !important; /* Stack items horizontally */
    }
    
    .rectangular-list-item {
        flex: 1; /* Distributes width equally */
    }
    
    .rectangular-list-item img {
        height: 200px !important; /* Taller height on desktop */
    }
}