/* Add custom CSS styles below */ 
/*add font */
.banner-entry:first-of-type {
    grid-column: span 2;
    grid-row: span 2;
    height: 500px;
}
#app .mobile-nav ,.footer-small-shape .store-footer{
      background-color: #2d1e1a !important;
}
.banner-entry .lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0px, 1fr));
        gap: 4px;
    }
}

.header-inner-wrapper.items-stretch div:nth-of-type(1) {
    justify-content: center;
}
.banner-entry {
    height: 250px;
}
@media (max-width: 768px) {
  .banner-entry:first-of-type {

    height: 250px;
}
  .banner-entry {
    height: 120px;
}.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
}}
.banner-entry { grid-column: span 2;}

section.s-block.s-block--banners.container {
    max-width: 100%;
    padding: 0px;
}
.footer-is-dark .store-footer__inner {
    background-color: #4f433e !important;
}
section.s-block.s-block--fixed-banner .container {max-width: 100%;padding: 0px;}
body .showPreviewBtn {
    background-color: #261c16;}
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
*{ font-family: "Cairo";}
/*banner containers */
.s-block.s-block--fixed-banner.wide-placeholder .container{
    max-width: 100%;
}
.s-block.all.s-block--one-wide-banner.wide-placeholder.custom-s{
margin-top:0px !important;
}
@media (min-width:991px){
.header-innerRight .close-mobile-menu{
display: none !important;
}}
/*LOGIN HEADER BTN */


.header-inner-wrapper.items-stretch div:nth-of-type(1) {
    order: 2;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    
  }
  .header-inner-wrapper.items-stretch div:nth-of-type(2) {
    order: 1;
  }
   .header-inner-wrapper.items-stretch div:nth-of-type(3) {
    order: 3;
    flex-direction: row-reverse;
  }
  .header-logo-centered .header-inner-wrapper{
      grid-template-columns: 5fr 4fr 3fr;}
.header-is-dark #mainnav .header-btn__icon {
    color: white;
    margin-right: 5px;
    margin-top: 4px;
}
.header-is-dark #mainnav .header-btn__icon {color: #060606 !important;}
@media (min-width:992px){
#mainnav .header-signInBtn{
        color: #E06869;
        border: 1px solid #E06869;
        border-radius: 35px;
        font-size: 14px;
       background: white !important;
           padding: 0px 24px;
        }
      
.header-is-dark #mainnav .header-btn__icon {color: #fff !important;}
#s-cart-icon{    background: #45D6D1;
    color: white;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    }
    .i-icon-user.sicon-user {
    color:#f87171 !important;
}
}
    .i-icon-user.sicon-user {
    display: block !important;
}
    .search-btn.header-btn{  
      background: #EFA93A;
    color: white !important;
    padding: 11px;
    border-radius: 50px;
    display: block !important;}
  .header-innerRight .search-btn.header-btn {
    display: block !important;
}

.header-innerLeft .search-btn.header-btn{ display: none !important;}
/*card button */
#app salla-add-product-button button[product-id].s-button-primary{
    border-color: #291c17 !important;
    background-color: #291c17 !important;
    height: 2.4rem !important;
    border-radius:50px;
    font-weight: 600;
}
/*card */
body.p-border-on custom-salla-product-card.product-block{
    border-color: #dbdbdb !important;
    box-shadow: 0px 0px 10px #c1c1c1 !important;
    border-radius: 20px !important;
    padding-bottom: 8px !important;
}
.product-block .badge{
background-color: #EFA93A !important;
}
body.xl-price custom-salla-product-card .price-wrapper .color-danger{
font-weight: 600;
font-size: 16px;
}
.s-block__display-all,
.s-slider-block__display-all{
color: #E06869;
}
custom-salla-product-card .product-block__info .title{font-size: 0.8rem;}
.sale-ratio-wrapper.price-ratio-down.relative{display: none;
}
/*footer bg*/

.store-footer__inner{padding-top: 7rem;}
.line.block{    margin: 0px !important;}
.footer-links,
.footer-bottom.col-span-2 {padding-top: 5rem;}
.main-logo.light-logo {   
 background: white;
    padding: 10px;
    border-radius: 4px;}
    .footer-links h3,
    .footer-payment-title,
    .footer-social-outer h3{color: #efa93a;}
    /*first card features*/
    .s-block--features__item.dm-bg-sec{    background-color: #ecbcbe !important;}
    .feature-icon.dm-bg-main{background-color: #ecbcbe !important;
    color: #f87171 !important;}
    .s-block--features__item h4,
    .s-block--features__item p{    color: #1b2830 !important;}
      .header-is-dark #mainnav .header-signInBtn .header-btn__icon{color: #E06869 !important;}
      .header-is-dark #mainnav{    background-color: #ffffff !important;}
.header-logo-centered .header-inner-wrapper {
    grid-template-columns: 4fr 18fr 1fr;
}
body .showPreviewBtn

 {
    background-color: #4f433e !important;}