/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
body {
    background-color: #fef7e4;
}
/* header */
header.store-header {
    z-index: 5;
}
.top-navbar .container.flex.justify-between {
    background: #ecb867;
    padding: 5px 15px;
    border-radius: 50px;
}
.index div#mainnav:not(.fixed-pinned){
    background: #00000000;
    box-shadow:none;
}
div#mainnav{
    background: #102924;
    box-shadow:none;
}
.header-btn__icon {
    border-color: rgb(255 195 108);
    background: #ffc36c;
}
.s-cart-summary-total {
    color: rgb(255 195 108);
}
@media (min-width: 1024px) {
.flex.items-center:has(.navbar-brand) {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}
.flex.items-center:has(.navbar-brand) {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    color: #ffc36c;
}
.flex.items-center.justify-end:has(.header-btn) {
    align-items: baseline;
}
}

@media (min-width: 1024px) {

}
/*main slider*/
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder .container{
max-width:100%;
padding:0;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: -9rem;
}
@media (min-width: 1400px) {
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: -12rem;
}


}

@media (min-width: 1024px) {


}

@media (max-width: 768px) {
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: -3rem;
}
.s-block--hero-slider .swiper-slide {
            height: 240px;
        min-height: 240px;
}
.index div#mainnav:not(.fixed-pinned){
    background: #102924;
    box-shadow:none;
}
header.store-header{
 background: #102924;
}
    .top-navbar {
        padding-top: 0;
        padding-bottom: 0.375rem;
    }
}

/* categories*/
section.s-block.s-block--banners.container  .has-overlay:after {
    display: none;
}
section.s-block.s-block--banners.container  
 .banner-entry h3 {
    transform: unset;
   opacity: 1;
    position: relative;
    height: 50px;
        border: unset;
            color: #000;
}
.banner-entry {
    overflow: initial;
}
section.s-block.s-block--banners.container  .two-row .banner-entry:first-child, section.s-block.s-block--banners.container   .banner-entry {
    padding: 7px 0;
    background: #fdf7e5;
}
section.s-block.s-block--banners.container {
    margin-bottom: 3rem;
}
section.s-block.s-block--banners.container 
 .lazy__bg {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    section.s-block.s-block--banners.container .md\:grid-cols-3 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
     section.s-block.s-block--banners.container .two-row .banner-entry:first-child {
    grid-column: span 1 / span 1;
    grid-row: span 1 / span 1;
}
}
@media (max-width: 768px) {
a.banner-entry.square-photos.has-overlay.with-hover {
    margin-bottom: 3rem;
}
section.s-block.s-block--banners.container {
    margin-top: 3rem;
}
    section.s-block.s-block--banners.container .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
     section.s-block.s-block--banners.container .two-row .banner-entry:first-child {
    grid-column: span 1 / span 1;
    grid-row: span 1 / span 1;
}
}
/*panner*/

/*products*/
.s-slider-block__title ,.s-block__title{
    align-items: center;
    justify-content: center;
}
.s-slider-block__title-left{
display:none;
}
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *),.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
    font-size: 1.4rem;
}
.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) h2{
font-size: 1.4rem;
}
.s-slider-block__title-right:after,.s-block__title:after {
    content: url(https://cdn.salla.sa/Oqxolo/O6Ntw9XXIe7UMEnWYy5tgyygnZnWvx36vIi6wPL3.png);
}
.s-slider-block__title-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.s-block__title {
    flex-direction: column;
    gap: 15px;
}
/*why us*/
section.s-block.s-block--features.container:before {
    content: "أهم مايميزنا";
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    margin: auto;
    display: block;
    order:0;
}
section.s-block.s-block--features.container:after {
    content: url(https://cdn.salla.sa/Oqxolo/O6Ntw9XXIe7UMEnWYy5tgyygnZnWvx36vIi6wPL3.png);
     order:1;
}
section.s-block.s-block--features.container>.grid {
    order: 3;
        width: 100%;
}
section.s-block.s-block--features.container {
    display: flex;
    flex-direction: column;
    align-items: center;
  gap:10px;
}
.s-block--features__item .feature-icon i {
    display: block;
}
.s-block--features__item p{
display:block;
}
.s-block--features__item .feature-icon i {
    font-size: 2.875rem;
    color: #132f2a;
}
  /*section.s-block.s-block--features .s-block--features__item:nth-child(1) .feature-icon {
  content: url();
}
section.s-block.s-block--features .s-block--features__item:nth-child(2) .feature-icon {
    content: url();
}
section.s-block.s-block--features .s-block--features__item:nth-child(3) .feature-icon {
    content: url();
}*/
.s-block--features__item .feature-icon {
    height: 8rem;
    width: 8rem;
    border-radius: 0;
    background: unset;
}
.s-block--features__item {
    align-items: center;
    border: 2px solid #e8e9ea;
    padding: 1rem 1rem !important;
}
.s-block--features__item p {
    font-size: 1.2rem;
    font-weight: 400;
    color: #123245;
        padding-top: 12px;
}
.s-block--features__item h2 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #123245;
}

/*footer*/
.footer-is-light .store-footer .store-footer__inner {
    background-color: rgb(16 40 35);
    color: aliceblue;
}