:root {
  --main: rgb(211, 181, 69);
}

/* بطاقة المنتج */
.s-product-card-content {
  max-height: 90px;
}

/* add to cart button  */
salla-add-product-button .w-full salla-button button {
  border-radius: 7px !important;
}

custom-salla-product-card
  .s-button-element.s-button-btn.s-button-primary.s-button-wide
  .s-button-text {
  display: none !important;
}

custom-salla-product-card
  .s-button-element.s-button-btn.s-button-primary.s-button-wide::before {
  font-family: sallaicons !important;
  content: '\e901';
  width: 20px;
  height: 20px;
  display: block !important;
  color: black;
}

salla-add-product-button
  .w-full
  salla-button:hover
  .s-button-element.s-button-btn.s-button-primary.s-button-wide::before {
  color: white;
}

custom-salla-product-card
  .s-button-element.s-button-btn.s-button-primary.s-button-wide {
  width: 30px;
  position: relative;
  top: -30px;
  right: 105% !important;
  border: none;
}

salla-add-product-button .w-full salla-button .s-button-primary::before {
  color: white !important;
}

/* wish list button */
custom-salla-product-card .s-product-card-wishlist-btn {
  width: 30px;
  position: relative !important;
  top: -15px !important;
  left: 70% !important;
}

/* HEADER  */
header {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.8),
    transparent
  ) !important;
}

div.m.flaifel {
  margin: 0;
  text-align: center;
}

header .bottom-header.opacity-90.bg-white.da-bgm .s-cart-summary-total,
header .bottom-header.opacity-90.bg-white.da-bgm i,
header .bottom-header.opacity-90.bg-white.da-bgm p,
header .bottom-header.opacity-90.bg-white.da-bgm div.currency-btn {
  color: black !important;
}

header .s-cart-summary-total,
header i,
header p,
header div.currency-btn {
  color: white !important;
}

header .fixed-pinned .sicon-menu.text-primary.text-2xl,
header .fixed-pinned .s-cart-summary-total,
header .fixed-pinned i,
header .fixed-pinned p,
header .fixed-pinned div.currency-btn {
  color: black !important;
}

header .navbar-brand.p-1 {
  overflow: hidden !important;
}

header img.logo-light {
  filter: drop-shadow(0px 100px 0 #fff);
  transform: translateY(-100px);
}

header img.logo-light {
  width: 80px;
  /*     max-width: unset; */
  max-width: 80px;
  height: unset !important;
  aspect-ratio: 2.02 !important;
}

@media only screen and (min-width: 768px) {
  header img.logo-light {
    filter: drop-shadow(0px 100px 0 #fff);
    transform: translateY(-100px);
  }

  header img.logo-light {
    width: 150px;
    max-width: 150px;
    height: unset !important;
    aspect-ratio: 2.02 !important;
  }
}

header .fixed-pinned img.logo-light {
  filter: drop-shadow(0px 100px 0 #000);
  transform: translateY(-100px);
}

/* 
HEADER
*/

header #mainnav .inner.bg-white.da-bgm {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5),
    transparent
  ) !important;
}

header #mainnav.fixed-header .inner.bg-white.da-bgm {
  backdrop-filter: blur(40px);
}

/*
  story section 
  */

/* @media only screen and (min-width:768px) { */
.s-block.s-block--stories {
  aspect-ratio: 1170/500;
}

.s-block.s-block--stories div.container .angel-stories .story,
.s-block.s-block--stories div.container .angel-stories,
.s-block.s-block--stories div.container {
  height: 100%;
}

.s-block.s-block--stories div.container .angel-stories .story {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* bread comb */
[class='nav-header py-6 px-4 flex flex-col bg-gray-100 da-bgg relative'],
[class='flex flex-col bg-gray-100 da-bgg relative md:mb-6'] {
  background-color: transparent !important;
}