/* Add custom CSS styles below */

img[src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/pQdqdK/GaqiwVBpiTcWN7Rm85tp86BpftGM7BLegIsKxKdI.png"]{
  content: url("https://cdn.files.salla.network/homepage/1850543253/78eb53d5-43ae-4d9f-9a56-17c30a6643a0.webp") !important;
}
.index body {
    background-color: #2f2f2f !important;
}
:root {
    --main-color: #000;
    --secondary-color: #5555;
    --white-color: white;
    --sup-color: #bb2d2f;
    --black-color: black;
    --linear-color: linear-gradient(180deg, rgba(195,166,134,0.9304096638655462) 6%, rgba(195,166,134,1) 17%, rgba(177,148,115,1) 74%);
    
}
custom-main-menu{
    display: flex;
    justify-content: center;
    align-items: center;
}
.index .top-navbar{
  background-color: transparent !important;
}


.index .header.store-header {
    background-color: transparent !important;
    color: var(--white-color);
}

.index header.store-header div#mainnav {
    background-color: transparent !important;
}
.mburger.mburger--collapse i.sicon-menu {
    padding: 7px;
    border-radius: 50px;
}
header.store-header .header-btn__icon,
.mburger.mburger--collapse i.sicon-menu {
    background-color:#000 !important;
    color: var(--white-color) !important;
    border: 0 !important;
}

header.store-header input.s-search-input {
    background-color: #7d8185 !important;
}
input[type="search"]::placeholder{
  color: #fff !important;
}
.s-user-menu-login-btn{
    border-color: #000 !important;
    background: #000 !important;
}
.s-user-menu-login-btn svg {
    fill: #fff;
}
b.s-cart-summary-total {
    color: white !important;
}

@media (min-width: 1024px) {
    .index header.store-header:not(header.store-header:has(.main-nav-container.fixed-pinned .inner)) {
    position: absolute;
    top: 0;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    border-radius: 0 0 50px 50px;
}

    .index header.store-header .main-menu li>a {
    color: white !important;
}
}

@media (max-width: 992px) {
    
header.store-header {
    background-color: #bb2d2f !important;
}
    .mm-ocd-opened .mobile-menu {
    background: #000 !important;
    color: white ;
}
.sicon-menu{
  width: unset !important;
}
}
.main-nav-container.fixed-header .inner {
    background: #bb2d2f;
    padding: 6px;
}
.navbar-brand img {
    max-height: 5rem !important;
}




/** silder block ***/


section.s-block.s-block--photos-slider {
    margin-top: 0;
}

section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}

section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}

/** End silder block ***/




/** banners blocks ***/

section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}

.banner--fixed img {
    border-radius: 0 !important;
}

/** End banners ***/
section{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  background: #2f2f2f !important;
}
.s-slider-block__title{
  display: none !important;
}


/*** التصنيفات **/
section:nth-of-type(2) .s-block__title *{
  color: #fff !important;
}

section:nth-of-type(2) .s-block__title{
    display: flex;
    justify-content: center;
}
section:nth-of-type(2) .right-side{
  padding: 0px !important;
}
section:nth-of-type(2) .right-side h2{
  font-size: 60px;
  margin-bottom: 10px;
   margin-top: 40px;
}
.index section:nth-of-type(2) {
  margin-top: -100px !important;
  height: 1300px !important;
    padding: 100px 0px !important;
    background-image: url("https://cdn.files.salla.network/homepage/1850543253/04cea57f-c4f3-4ac9-910a-21d201733e22.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    display: flex !important;
  flex-direction: column !important;
  justify-content:center !important;
  
}
.index section:nth-of-type(2) .grid{
    padding: 150px 30px !important;
    background-image: url("https://cdn.files.salla.network/homepage/1850543253/8b94c7f5-8dda-43f1-b7d2-0988388370bc.webp") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
  
}
@media(max-width:768px){
  section:nth-of-type(2) .right-side h2{
  font-size: 30px;
  }
  section:nth-of-type(2) .grid{
    grid-template-columns: repeat(3,1fr);
  }
   section:nth-of-type(2) .banner-entry {
    height: 85px !important;
}
  section:nth-of-type(2) {
  height: 600px !important;
}
  section:nth-of-type(2) .grid{
    padding: 80px 30px !important;
}
}
.banner-entry{
  height: 320px !important;
}
 section:nth-of-type(3){
   background-color: #100001 !important;
 }
section:nth-of-type(7), section:nth-of-type(10){
  background-color: #2f2f2f !important;
}
 section:nth-of-type(3), section:nth-of-type(7), section:nth-of-type(10){
  padding: 70px 0px !important;
}

.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 1/span 1;
}
section:nth-of-type(2) .grid a{
  background: transparent !important;
}


/**** product ***/
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  cursor: pointer;
  position: relative;
  padding: 10px 24px;
  font-size: 18px;
  color: #fff;
  border: 1px solid #6b7271;
  border-radius: 9px;
  background-color: #98182c;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
  overflow: hidden;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  scale: 0;
  z-index: -1;
  background-color: #98182c;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}
@media(max-width:768px){
    button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
    padding:5px 0px !important;
    font-size: 12px !important;
  }
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover::before {
  scale: 6;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover {
  color: #fff;
  scale: 1.1;
  border: 2px solid #fff;
  box-shadow: 0 0px 20px rgba(193, 163, 98,0.4);
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:active {
  scale: 1;
}

.s-product-card-content,
.s-product-card-image{
    background-color: #2b2b2b !important;
    
}
.s-product-card-content{
  border-radius: 0px 0px 12px 12px;
}
.s-product-card-content .s-product-card-content-title *{
  color:#fff !important;
}
.s-product-card-content-subtitle{
  color: #b2aeae !important;
}
.s-product-card-price,
.s-product-card-price *{
  color: #f15056 !important;
}
custom-salla-product-card{
  border: 1px solid #b9b9b9 !important;
}

/** footer **/ 

.store-footer{
  margin-top: 0px !important;
}

@media (max-width: 992px) {
    .store-footer__inner * {
        justify-content: center;
        text-align: center;
    }
}
footer a[href*=instagram] {
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
border:none
}
footer a[href*=tiktok] {
   background: var(--black-color);
    color:white;
}
footer a[href*=snapchat] {
    background:yellow;
    color:var(--black-color);

}
.copyright-text *{
  color: #fff !important;
}

.cart-item,
section.bg-white.p-5.rounded-md.mb-5{
  background-color: transparent !important;
}

.bg-white {
    background-color: #bb2d2f !important;
}
.blog-index .list-block,
.main-content,
.page-single .content--single-page{
  background-color: #fff !important;
}


.fixed-header .inner {
  margin-top: 50px !important;
}

.product-single salla-hook + section,
.product-single salla-hook + section + section{
  background: transparent !important;
}