/* Add custom CSS styles below */ 


body {
    background-color: #111226;
}

/* Header */
span.s-cart-summary-count {
    display: flex !important;
    background-color: var(--color-primary);
}
@media(max-width:1024px){
  .s-cart-summary-count{
    width: 1rem !important;
    height: 1rem !important;
  }
}
/* Breadcramb */
.breadcrumbs .s-breadcrumb-wrapper .s-breadcrumb-item {
    color: #fff;
}
.breadcrumbs .s-breadcrumb-wrapper .s-breadcrumb-arrow svg {
    fill: #fff;
}

/* Hero */
.main-banner-component .content .flex.flex-col.gap-2.md\:gap-4{
    max-width: 40%;
    align-items: center;
    text-align: center;
} 
.main-banner-component .content {
    height: clamp(23.438rem, 13.3935rem + 41.8565vw, 64.25rem);
}
@media(min-width:768px){  
  .main-banner-component .swiper-slide .container{
    max-width: 1800px;
  }
}
@media(max-width:767px){
.main-banner-component .content {
    height: clamp(32.438rem, 13.3935rem + 41.8565vw, 64.25rem);
    align-items: flex-start;
    padding-top: 30%;
}
  .main-banner-component .content .flex.flex-col.gap-2.md\:gap-4 {
    max-width: 45%;
}
}

/* products */
.s-product-card-entry salla-add-product-button .s-button-element span {
    line-height: 1.3;
}

/* start fixed banner */
section.s-block.s-block--fixed-banner .container {
    max-width: 100%;
    padding: 0;
}
.banner--fixed img {
    background-color: unset !important;
}


/* Fatures */
section.store-features-component .lg\:grid-cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Products */
section.sticky-product-bar,
.s-quantity-input-input,
section.cart-item,
.s-cart-summary-card,
.s-cart-summary-card .s-cart-summary-card-sheet,
.s-cart-summary-card .s-cart-summary-card-bar,
.main-content.blog-category,
.content.content--single-page.w-full
{
    background: transparent;
}
.s-product-card-entry .s-product-card-content-category,
.s-product-card-entry .s-product-card-content-title a{
  color: #fff;
}
p.total-price,
p.ql-direction-rtl,
p.ql-direction-rtl *:not(strong),
li.ql-direction-rtl *,
.main-content h1,
label[for="product-filter"],
nav#filters-menu h2{
    color: #fff !important;
}
h2.ql-direction-rtl strong ,
.ql-direction-rtl strong,
.content.content--single-page h1{
    color: var(--color-primary) !important;
}
p.s-infinite-scroll-last.infinite-scroll-last,
nav#filters-menu li{
    color: #bbb;
}