/* Add custom CSS styles below */ 
/* bannar*/
section.s-block.s-block--fixed-banner .container {
    margin: 0;
    padding: 0;
    max-width: 100% !important;
}
section.s-block.s-block--banners.container {
    margin-top: 15px;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(7) > div > div {
    height: 42vh;
}
.banner-entry {
    height: 40vh;
    background: white !important;
    transition:0.3s;
}
.banner-entry:hover{
    transform:translateY(-15px)
}
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}
.banner--fixed img {
    transform: scale(1.01) !important;
}
section.s-block--custom-products.container.s-block {
    max-width: 100%;
    padding-inline: 150px;
    background: url(https://i.ibb.co/84zst6Yv/3.webp);
    background-size: contain;
    margin: 0;}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--7 {
    margin-top: 0px;
}
section.s-block.s-block--special-products-slider img.lazy {
    object-fit: fill;
    background: white;
    width: 100%;
}
.lg\:w-1\/3.flex.items-center.justify-center.bg-cover.bg-no-repeat.text-center.relative.min-h-\[250px\].max-h-\[350px\].md\:max-h-\[700px\].has-overlay--opacity-option.has-overlay--opacity-0 {
    width: 45% !important;
}
section#about-4 h2 {
    color: #d3332b;
}
section#about-4 p{
    color:black;
}
/* googel map*/
section.s-block.s-block--store-branches {
    background: url(https://i.ibb.co/cKqkyh2w/7.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px;
}
@media(max-width:767px){
 section.s-block.s-block--store-branches {
    background: url(https://i.ibb.co/cKqkyh2w/7.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;

}
  section.s-block.s-block--special-products-slider img.lazy {
    background: content-box;
}
  .lg\:w-1\/3.flex.items-center.justify-center.bg-cover.bg-no-repeat.text-center.relative.min-h-\[250px\].max-h-\[350px\].md\:max-h-\[700px\].has-overlay--opacity-option.has-overlay--opacity-0 {
    width: 100% !important;
}
  section.s-block--custom-products.container.s-block {
    max-width: 100%;
    padding-inline: 20px;
    height: 45vh;
    background: url(https://i.ibb.co/84zst6Yv/3.webp);
    background-size: cover;
    margin: 0;
}
.banner-entry {
    height: 18vh;
    background: white !important;

}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(7) > div > div {
    height: 12vh;
}
}
.s-slider-block__title {
    justify-content: center;
    border:none !important;
    align-items: center;
}



.s-slider-block__title-right {
    padding:0;
}

.s-slider-block__title-right h2 {
    padding-inline:35px
}
.s-slider-block__title {
    justify-content: center;
    border:none !important;
}



.s-slider-block__title-right {
    padding:0;
    position:relative;
}
.s-slider-block__title-right:before{
    content:"";
    position:absolute;
    width:20px; 
    height:20px;
    background:white;
    border-radius:100%;
    border:2px solid #d6332d;
    bottom:-10px;
    left:50%;
    transform:translateX(-50%);
    
}
.s-slider-block__title-right h2 {
    padding-inline:35px
}

.s-block--best-offers .s-slider-block__title-right, salla-products-slider .s-slider-block__title-right {
    border-bottom: 2px solid #414042 !important;
}
.feature-icon.has-image img.lazy.max-h-24.loaded {
    transform: scale(2.5);
}
.s-block--enhanced-features__item .feature-icon {
    height: 10rem !important;
}
.s-block--enhanced-features__item {border: none;}

.s-block--enhanced-features__item h2 {
    color: black;
   }
.s-block--enhanced-features__item p {
    color: #656565;
  
}
@media(max-width:767px){
  .feature-icon.has-image img.lazy.max-h-24.loaded {
    transform: scale(1.2);
}
  .s-block--enhanced-features__item .feature-icon {
    height: 6rem !important;
}
}
.text-store-text-secondary p {
    color: black;
}
section.s-block.s-block--store-branches p {
    padding-top: 15px;
}
body.index::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: #0d0d0d;
    background-image: url(https://i.ibb.co/V05grxJN/Vector-Smart-Object.png);
    background-size: 180px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999999 !important;
    pointer-events: none;
    animation: introExit 3s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

/* طبقة الضوء/shimmer */
body.index::after {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,0.07) 50%,
        transparent 80%
    );
    background-size: 250% 100%;
    z-index: 9999999 !important;
    pointer-events: none;
    animation: introShimmer 3s ease forwards;
}

/* ── تأثير الخروج السينمائي ── */
@keyframes introExit {
    /* يفضل ثابت */
    0%   {
        opacity: 1;
        transform: scale(1);
        filter: blur(0px);
        clip-path: inset(0% 0% 0% 0% round 0px);
    }
    72%  {
        opacity: 1;
        transform: scale(1);
        filter: blur(0px);
        clip-path: inset(0% 0% 0% 0% round 0px);
    }
    /* flash وهج لمحة */
    82% {
        opacity: 1;
        transform: scale(1.02);
        filter: blur(0px) brightness(2);
        clip-path: inset(0% 0% 0% 0% round 0px);
    }
    /* ينكمش للمنتصف ويختفي */
    100% {
        opacity: 0;
        transform: scale(0.85);
        filter: blur(16px) brightness(3);
        clip-path: inset(8% 8% 8% 8% round 20px);
    }
}

/* ── Shimmer يمشي على الشاشة ── */
@keyframes introShimmer {
    0%   { opacity: 0; background-position: 180% center; }
    15%  { opacity: 1; }
    72%  { opacity: 1; background-position: -80% center; }
    100% { opacity: 0; background-position: -80% center; }
}
.footer-is-custom .store-footer .footer-bottom,
.footer-is-custom .store-footer,
.footer-is-custom .store-footer .store-footer_contacts-row, .footer-is-custom .store-footer .store-footerinner, .footer-is-custom .store-footer .store-footer_newsletter {
    background-color: transparent !important;
}

.footer-is-custom .store-footer {
    background-image: url(https://i.ibb.co/hFR6Gz86/Whats-App-Image-2026-03-12-at-2-40-40-AM.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding-top: 4rem;
}

.footer-is-custom .store-footer .store-footer__curve {
    color: transparent;
}

@media (max-width: 992px) {
    .footer-is-custom .store-footer {
    background-image: url(https://i.ibb.co/WvX55gQc/Whats-App-Image-2026-03-12-at-2-41-19-AM.jpg);
    }
}
.footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__newsletter {
    background-color: transparent;
}


.enhanced-title-border {
 
    border: 2px solid #d3332b !important;
  
}
.enhanced-title-border:after, .enhanced-title-border:before {
    background: #cf352d !important;
   
}