/* Add custom CSS styles below */ 
.topnav-is-dark .top-navbar{
    background-color: #4A0E17;
}
body{
  background-color: #F3E6E3;
}
.main-nav-container{
  background-color: #4A0E17;
}
.sub-menu,
.sub-menu ul,
.sub-menu ul li,
.sub-menu ul li:hover,
.sub-menu ul li:focus-within,
.sub-menu ul li a,
.sub-menu ul li a:hover,
.sub-menu ul li a:focus {
    background: #4A0E17 !important;
    color: #fff !important;
}

.sub-menu {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(74, 14, 23, .35);
}

.sub-menu ul li a {
    position: relative;
    display: block;
    padding: 12px 20px;
    overflow: hidden;
    z-index: 0;
}

.sub-menu ul li a span,
.sub-menu ul li a:hover span {
    color: #fff !important;
    background: transparent !important;
    display: inline-block;
    transition: transform .3s ease;
}

/* الخلفية الفاتحة شوية بتتمد من اليمين للشمال */
.sub-menu ul li a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #6B1A26;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .35s ease;
    z-index: -1;
}

/* خط أبيض صغير على الحافة */
.sub-menu ul li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 3px;
    height: 0;
    background: #fff;
    border-radius: 3px;
    transform: translateY(-50%);
    transition: height .3s ease;
}

.sub-menu ul li a:hover::before {
    transform: scaleX(1);
}

.sub-menu ul li a:hover::after {
    height: 60%;
}

.sub-menu ul li a:hover span {
    transform: translateX(-8px);
}
#zahraPopup {
    display: none !important;
}
#mobile-menu #brands,
custom-main-menu #brands {
    display: none !important;
}
#mainnav,
#mainnav a,
#mainnav span,
#mainnav p,
#mainnav b,
#mainnav i,
#mainnav svg,
#mainnav svg path,
#mainnav button {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}
    .s-comments-product {
  background-color: #F3E6E3;
    }
salla-product-options[data-testid="store-product-options"],
salla-product-options .s-product-options-option-container,
salla-product-options .s-form-control,
section.bg-white.p-5.rounded-md.mb-5,
section.flex.bg-white.p-5 {
    background-color: #F3E6E3 !important;
}

.banner--fixed img, .banner-entry{
  background: transparent;
}
section:nth-of-type(1){
  margin: unset;
}
section:nth-of-type(1) .container{
  max-width:unset;
  padding: unset;
}
section:nth-of-type(2) .container {
  max-width: 500px;
}
section:nth-of-type(3){
  margin-top: 1rem;
  max-width: 1000px;
}
.s-slider-block__title h2{
  font-size: 1.7rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid black;
  color: black;
}
  section:nth-of-type(3) div{
grid-template-columns: repeat(4, minmax(0, 1fr));    
  }
.square-photos-grid--featured-3>.banner-entry:first-child{
  grid-row: span 1 / span 1 ;
}
section:nth-of-type(3) {
  margin-top: 1rem;
}
  .banner-entry{
    height: 300px;
  }
@media (max-width:768px){
  section:nth-of-type(3) div{
grid-template-columns: repeat(2, minmax(0, 1fr));    
  }
  .banner-entry{
    height: 200px;
  }
section:nth-of-type(3) {
  margin-top: 1rem;
}
}
.s-product-card-vertical{
  box-shadow: 0 0 10px black;
  margin: 10px;
}
.s-product-card-entry{
  height: 95%
}
.s-button-primary-outline ,
.store-footer__inner{
  color:white ;
  background-color: #4A0E17;
}
.s-button-primary-outline:hover{
  color:white ;
  background-color: #4A0E17;
}
.s-reviews-header-wrapper{
  justify-content: center;
}
.s-reviews-header{
  font-size: 1.7rem;
  color: #4A0E17;
}
.s-reviews-testimonial{
   color:white ;
  background-color: #4A0E17;
}
.s-rating-stars-small svg ,
.s-reviews-testimonial__icon svg{
  fill: white;
}
.footer-is-light .store-footer .store-footer__inner{
    color:white ;
  background-color: #4A0E17;
}
.store-footer{
  background-color: white;
}
.text-gray-700 , .text-gray-500  , .text-gray-900{
  color: white;
}
.s-slider-block__title-left{
  display: none;
}
.navbar-brand img {
    max-height: 6rem !important;
}